@charset "utf-8";

*{margin:0;padding:0;-webkit-text-size-adjust:none;word-break:break-all;box-sizing:border-box;}
html, body {height:auto !important; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
body{background:#fff;color:#333;font-size:14px;font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif !important;letter-spacing:-1.5px;}
.mac body {letter-spacing:-1px;}
/* input, textarea, select, button {font-family:'나눔고딕','Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif;} */
/* input, textarea, select, button {font:inherit;} */
input, textarea, select, button  {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif;}
img{max-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{width:100%;height:0;margin: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)';}
table th, table td{font-size:14px;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; letter-spacing:-1px;} /* placeholder 색상 지정 */
input::-webkit-input-placeholder {color:#999;}
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;}
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)';}

.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);z-index:-10;width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important;font-size:medium;line-height:0;word-break:break-all;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.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;}
.blind:before {content:'\00a0'; display:block; width:0; height:0; font-size:0;}
label.blind:before {content:none;}

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

.medium {width:auto !important;}
.small {width:auto !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;}

/* vertical */
.val_t {vertical-align:top;}
.val_m {vertical-align:middle !important;}

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

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

/* font */
.str_bold {color:#666 !important; font-weight:bold !important;}
.ft_bold {font-weight:bold !important;}
.fts12 {font-size:12px !important;}
.fts14 {font-size:14px !important;}
.fts16 {font-size:16px !important; line-height:19px;}
.fts16.h3_tit {margin-bottom:-8px;}

/* color */
.fc_black {color:#000 !important;}
.fc_gray{color:#666 !important;}
.fc_pink {color:#ED008C !important;}
.fc_lgray{color:#999 !important;}
.fc_dgray{}
.fc_color01 {color:#AA36BB !important;}
.fc_color02 {}
.fc_purple {color:#5442bc !important;}
/* line space */

/* spaing */
.ls2 {letter-spacing:-2px;}
.ls5 {letter-spacing:-5px;}
.mac .ls5 {letter-spacing:-1px;}

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

/* 넓이, 높이 */
.w40 {width:40px !important; min-width:0 !important;}
.w40 .txt {padding:0 5px; text-align:center;}
.w96 {width:96px !important; min-width:0 !important;}
.w104 {width:104px !important; min-width:104px !important;}
.w120 {width:120px !important; min-width:120px !important;}
.w128 {width:128px !important;}
.w160 {width:160px !important; min-width:160px !important;}
.w176 {width:176px !important; min-width:0 !important;}
.w180 {width:180px !important; min-width:0 !important;}
.w200 {width:200px !important; min-width:200px !important;}
.w216 {width:216px !important; min-width:0 !important;}
.w236 {width:236px !important; min-width:0 !important;}
.w245 {width:245px !important; min-width:0 !important;}
.w280 {width:280px !important; min-width:0 !important;}
.w286 {width:286px !important; min-width:0 !important;}
.w288 {width:288px !important; min-width:0 !important;}
.w292 {width:292px !important; min-width:0 !important;}
.w296 {width:296px !important; min-width:0 !important;}
.w300 {width:300px !important; min-width:0 !important;}
.w320 {width:320px !important; min-width:0 !important;}
.w344 {width:344px !important; min-width:0 !important;}
.w368 {width:368px !important; min-width:0 !important;}
.w584 {width:584px !important; min-width:0 !important;}
.w100p {width:100% !important;}
.h56 {height:56px;}

.tit_mt {margin-top:56px;}
.mt0 {margin-top:0px !important;}
.mt4 {margin-top:4px !important;}
.mt8 {margin-top:8px !important;}
.mt12 {margin-top:12px !important;}
.mt24 {margin-top:24px !important;}
.mt48 {margin-top:48px !important;}
.mt60 {margin-top:60px;}
.mb0 {margin-bottom:0px !important;}
.mb8 {margin-bottom:8px;}
.mb12 {margin-bottom:12px !important;}
.mb16 {margin-bottom:16px;}
.mb24 {margin-bottom:24px;}
.mb32 {margin-bottom:32px;}
.mb40 {margin-bottom:40px;}
.mb56 {margin-bottom:56px;}
.ml0 {margin-left:0px !important;}
.ml8 {margin-left:8px;}
.ml16 {margin-left:16px;}

.pd0 {padding:0px !important;}
.pd20 {padding:20px !important;}
.pt16 {padding-top:16px !important;}
.pt24 {padding-top:24px !important;}
.pt56 {padding-top:56px;}
.pb10 {padding-bottom:10px;}

.btn_black { background:#000 !important; color:#fff;}

.bg_th {background-color:#f8f6f5;}
.bg_td {background-color:#fcfbfd;}

.interv40 {margin:0 !important; padding:40px 0 0 !important;}

/* 윗첨자 */
sup {margin-top:-6px; line-height:1;} /* 190208 ie line-height */

/* forms */
.ico_req {overflow:hidden; position:absolute; top:0; left:-6px; width:4px; height:4px; border-radius:100%; background-color:#e90070; color:transparent;}
.ico_qmark {display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -270px 0; vertical-align:top; cursor:pointer;}
input.txt {width:100%; min-height:46px; /*padding:13px 15px;*/ padding:0 15px; border:1px solid #ccc; border-radius:4px; color:#343434; font-size:16px; /*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.txt {width:100%; height:118px; padding:12px 16px; border:0; border-radius:0; background:#f4f4f4; color:#505050; font-size:16px; line-height:23px; 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-block; width:100%; height:48px; border:1px solid #ccc; border-radius:4px; background-color:#fff; vertical-align:middle;}
.inptxt_wrap input.txt {background:transparent; border:0;}
.inptxt_wrap > input.txt, .inptxt_wrap > .optional {display:inline-block; vertical-align:middle;}
.inptxt_wrap > .optional {width:1%; padding-right:10px; 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_form.png') no-repeat 0 0; vertical-align:middle; text-indent:-9999px;}
.inptxt_wrap .optional .ico_valid_error {display:inline-block; width:21px; height:18px; background:url('/common/images/cmm/ico_form.png') no-repeat 0 0; 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.png') no-repeat 0 0;}

.inptxt_wrap.disabled {border:1px solid #ccc; background:#f6f6f6;}
.inptxt_wrap.disabled .txt {color:#999;}

.inptxt_wrap.h40 {height:40px;}
.inptxt_wrap.h40 input.txt {min-height:38px; vertical-align:top;}

.inp_pass {display:inline-block; padding-left:5px; font-size:0; line-height:0; vertical-align:middle;}
.inp_pass > span {display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:50%; background-color:#333;}
/*.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;}*/

.form_text_wrap {position:relative; width:640px; border-radius:4px; border:1px solid #ccc; overflow:hidden;}
.form_text_wrap textarea {width:100%; padding:12px; margin-bottom:12px; border:none; color:#000; font-size:16px; line-height:22px; resize:none; vertical-align:top;}
.form_text_wrap .txt_num {display:block; padding:0 12px 12px 0; color:#999; font-size:14px; text-align:right;}

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

.select_wrap {display:inline-block; position:relative;}
.select_wrap.block {display:block;}

.dataform_box {font-size:0;}
.dataform_box.type {}
.dataform_box.type .rdo_wrap {margin-left:0 !important; width:176px;}
.dataform_box.type .rdo_wrap:first-child {margin-right:-8px;}
.dataform_box.type.ty02 .rdo_wrap {margin-right:-8px;}
.dataform_box.type .rdo_wrap.ml_m8{margin-left:-8px !important;}
.dataform_box.type .rdo_wrap.txt_type input[type='radio'] + label {background-color:#f6f6f6; color:#333;}
.dataform_box.type .rdo_wrap.txt_type input[type='radio']:checked + label {z-index:1; background-color:#fff; color:#ED008C;}

/* radio/checkbox */
label.disabled	{cursor:default !important}
.disabled label	{cursor:default !important}
.chk_wrap_title {font-size:16px}

.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:0 0 0 32px; background:none; color:#000; font-size:16px; line-height:24px; cursor:pointer; vertical-align:top;}
.chk_wrap [type='checkbox'] + label em {color:#ed008c;}
.chk_wrap input[type=checkbox]:checked + label {background:none;}
.chk_wrap input[type='checkbox']:focus + label {background:none; outline:1px dotted #666;}
.chk_wrap input[type=checkbox]:disabled + label {background:none;}
.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.png') no-repeat 0 0; 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.png') \0/IE9;}
.chk_wrap input[type='checkbox']:checked+label:after {background-position:-24px 0;}
.chk_wrap.type input[type='checkbox']:checked+label:after {background-position:-72px 0;}
.chk_wrap input[type='checkbox']:disabled+label:after {background-position:-136px 0;}
.chk_wrap.disabled_check input[type='checkbox']:disabled+label:after {background-position:-48px 0;}
.chk_wrap input[checked]:disabled+label:after {background-position:-48px 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.txt_type {display:inline-block; position:relative; width:160px;}
.chk_wrap.txt_type.size_l {width:168px;}
.chk_wrap.txt_type input[type='checkbox'] + label {width:100%; line-height:24px; padding:11px 0; border:1px solid #ccc; border-radius:4px; background:#fff; color:#999; font-size:16px; text-align:center;}
.chk_wrap.txt_type.line2 input[type='checkbox'] + label {padding:15px 0 12px;}
.chk_wrap.txt_type input[type='checkbox'] + label:after {display:none;}
.chk_wrap.txt_type input[type='checkbox']:checked + label {border-color:#ed008c; color:#ed008c;}
.chk_wrap.txt_type small {display:inline-block; margin-top:3px; font-size:14px; vertical-align:top;}

/* .rdo_wrap {position:relative; display:inline-block; min-width:1px; min-height:24px; vertical-align:middle;} */
.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:25px; padding:0 0 0 30px; font-size:16px; color:#333; line-height:24px; cursor:pointer;}
.rdo_wrap input+label {min-height:24px; padding:0 0 0 30px; background:none; color:#666; line-height:24px;}
.rdo_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:24px;height:24px;background:url('/common/images/cmm/ico_form.png') no-repeat -24px -24px; 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.png') \0/IE9;}
.rdo_wrap input+label:after {display:none \0/IE8; background:none \0/IE8;}
.rdo_wrap input:checked + label {background:none; color:#000;}
.rdo_wrap input:checked+label:after {background-position:0 -24px;}
.rdo_wrap input:disabled+label:after {background-position:-24px -24px;}
.rdo_wrap input[checked]:disabled+label:after {background-position:-24px 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.txt_type {display:inline-block; position:relative; width:160px;}
.rdo_wrap.txt_type.size_xs {width:132px;}
.rdo_wrap.txt_type.size_l {width:168px;}
.rdo_wrap.txt_type input[type='radio'] + label.cd_side {width:100%; line-height:19px; padding:4px 0 4px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#999; font-size:16px; text-align:center;}
.rdo_wrap.txt_type input[type='radio'] + label.cd_side > p{font-size:14px;}
.rdo_wrap.txt_type input[type='radio'] + label {width:100%; line-height:19px; padding:13px 0 14px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#666; font-size:16px; text-align:center;}
.rdo_wrap.txt_type.line2 input[type='radio'] + label {padding:15px 0 12px;}
.rdo_wrap.txt_type.line_t input[type='radio'] + label {padding:4px 0;}
.mac .rdo_wrap.txt_type.line_t input[type='radio'] + label {padding:5px 0 3px;}
.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.txt_type.disabled input[type='radio'] + label {background:#eee; border-color:#ccc; color:#999;}

.rdo_wrap.info_type {display:inline-block; position:relative; width:156px;}
.rdo_wrap.info_type .select_info {padding:20px 16px; color:#666;}
.rdo_wrap.info_type .select_info .tit {color:inherit; font-size:16px; line-height:19px;}
.rdo_wrap.info_type .select_info .tit_desc {margin-top:3px; color:inherit; font-size:14px; line-height:16px; word-break:break-all;}
.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:15px;}
.rdo_wrap.info_type .select_info dl dt {float:left; font-size:14px;}
.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']:focus ~ label {outline:1px dotted #666;}
.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.info_type input[type='radio']:focus + .select_info + label {outline:1px dotted #666;}

.rdo_wrap {position:relative; display:inline-block; min-width:1px; min-height:25px; vertical-align:middle;}
.rdo_wrap input[type='radio']:focus + label {outline:1px dotted #666;}
.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 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);}

/* 마이샵 검색조건 */
.rdo_wrap.txt_type2 {display:inline-block; position:relative; width:96px;}
.rdo_wrap.txt_type2 input[type='radio'] + label {width:100%; line-height:24px; padding:7px 0; border:1px solid #ccc; border-radius:4px; background:#fff; color:#666; font-size:16px; text-align:center;}
.mac .rdo_wrap.txt_type2 input[type='radio'] + label {padding:8px 0 6px;}
.rdo_wrap.txt_type2 input[type='radio'] + label:after {display:none;}
.rdo_wrap.txt_type2 input[type='radio']:checked + label {border-color:#ed008c; color:#ed008c;}

.data_filter_inner .dataform_box .rdo_wrap {margin-left:8px;}
.data_filter_inner .dataform_box .rdo_wrap:first-child {margin-left:0;}
.data_filter_inner .dataform_box .inptxt_wrap {position:relative; width:146px; height:40px; margin-right:8px; background:#fff;}
.data_filter_inner .dataform_box .inptxt_wrap input.txt {min-height:36px; line-height:100%;}
.mac .data_filter_inner .dataform_box .inptxt_wrap input.txt {min-height:40px;}
.data_filter_inner .dataform_box .inptxt_wrap .ico_mm {position:absolute; top:7px; right:10px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -364px -110px;}
.data_filter_inner .dataform_box .bttn.second {width:auto !important; min-width:112px; height:40px; font-size:16px; line-height:40px;}

.data_filter_wrap {position:relative; width:100%; margin-bottom:24px;}
.data_filter_wrap .data_filter_area {position:relative; width:100%; height:88px; margin:0 auto; padding:24px; background-color:#f6f6f6;}

/* //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-top:16px; color:#ff3333; font-size:14px; line-height:21px;}
.txt_security_lvl {margin:4px 0; color:#ff7070; font-size:14px; line-height:20px;}

/* 플래그 */
.flag_wrap {position:absolute; bottom:0; left:0; font-size:0; line-height:0;}
.flag_wrap .flag {display:inline-block; min-width:42px; height:24px; padding:0 8px; color:#fff; font-size:14px; line-height:23px; font-weight:bold; vertical-align:middle; text-align:center;}
.mac .flag_wrap .flag {line-height:25px;}
.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.mostview {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:#B17D00;} /* IoT서비스 */
.flag_wrap .flag.hp {background-color:#D5551A;} /* 휴대폰 */
.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.unused {background-color:#6D85BA;} /* 미사용할인폰 */
.flag_wrap .flag.using {background-color:#ED008C;} /* 미사용할인폰 */

.flag_wrap.long .flag {min-width:90px;}
/*
.flag_wrap .flag.popular {background-color:#ff7200;}
.flag_wrap .flag.new {background-color:#b04dd9;}
.flag_wrap .flag.product {background-color:#666;}
.flag_wrap .flag.disclosure {background-color:#E91E63;}
.flag_wrap .flag.change {background-color:#F6F6F6; color:#333;}
.flag_wrap .flag.update {border:1px solid #00AEEF; color:#00AEEF;}
.flag_wrap .flag.reserv {background-color:#63677C; color:#fff;}
.flag_wrap .flag.sold {background-color:#ccc;}
.flag_wrap .flag.end {background-color:#999;}
.flag_wrap .flag.shipping {background-color:#333;}
.flag_wrap .flag.acc {background-color:#834A5B;}
.flag_wrap .flag.etc {background-color:#000;}
.flag_wrap .flag.plan {background-color:#AA36BB;}
.flag_wrap .flag.home {background-color:#6CC7E4;}
.flag_wrap .flag.iot {background-color:#E6AF4A;}
.flag_wrap .flag.hp {background-color:#F58931;} */
/* //플래그 */

/* button */
.bttn {display:inline-block; /*border:1px solid transparent;*/ border-radius:4px; line-height:1.2; text-align:center; vertical-align:top;}
.bttn:before {content:''; display:inline-block; height:100%; vertical-align:top;}
.bttn > span {display:inline-block; max-width:100%; max-height:100%; padding:0 8px; line-height:100%; vertical-align:0;}
/* .mac .bttn > span {overflow:inherit;} */

/* 신규 */
/* size */
.bttn.big {min-width:224px; height:56px; font-size:20px; line-height:54px;}
.bttn.medium, .bttn.second {/*width:auto !important;*/width:auto; min-width:120px; height:48px; font-size:16px; line-height:46px;}
.bttn.small {/*width:auto !important;*/ width:auto; min-width:128px; height:40px; font-size:16px; line-height:38px;}
.bttn.xsmall {/*width:auto !important;*/ width:auto; min-width:120px; height:32px; font-size:14px; line-height:30px;}
/* .bttn.small {width:auto !important; min-width:120px; height:56px; font-size:20px; line-height:24px; color:#000 !important; margin-left:16px;} */
a.bttn.medium, a.bttn.second {line-height:49px;}

.mac .bttn.small {line-height:40px;}

_:-ms-fullscreen, :root .bttn.small {line-height:36px;}
_:-ms-fullscreen, :root .bttn.medium,
_:-ms-fullscreen, :root .bttn.second {line-height:44px;}

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

/* line */
.bttn.line_gray {border:1px solid #ddd; color:#666;}
.bttn.line_dkgray {border:1px solid #999; color:#666;}
/* .bttn.small.line_gray {border-color:#999; background:#fff; color:#333;} */
.bttn.line_black {border:1px solid #000; color:#000;}
.bttn.line_pink {border:1px solid #ed008c; color:#ed008c;}
.bttn.line_ltgray {border:1px solid #e6e6e6; color:#ccc;} /* 마이샵 내 견적서 disabled 케이스 */
.bttn.line_purple {color:#AA36BB; border:1px solid #AA36BB;}

/* pop btn */
.bttn_pop {min-width:140px; height:40px; margin:0 2px !important; padding:0 16px; border-radius:4px; font-size:14px; line-height:38px;}
.bttn_pop.black {border:1px solid transparent; background-color:#333; color:#fff;}
.bttn_pop.purple {border:1px solid transparent; background-color:#6B6998; color:#fff;}
.bttn_pop.line_gray {border:1px solid #ccc; color:#666;}
.bttn_pop.disabled {background:#ccc !important; color:#999 !important;}

/* 기능 버튼 */
.btn_more {display:inline-block; min-width:122px; height:40px; padding:0 8px; border:1px solid #000; border-radius:4px; color:#000 !important; background:transparent; font-size:16px; line-height:40px; text-align:center;}
.btn_more span {position:relative; padding-right:14px;}
.btn_more span:before {content:' '; display:block; position:absolute; top:6px; right:0; width:8px; height:8px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.mac .btn_more span:before {top:4px !important;}
.black_color .btn_more {color:#000;}
.black_color .btn_more,
.black_color .btn_more span:before {border-color:#000;}
.white_color .btn_more {color:#fff !important;}
.white_color .btn_more,
.white_color .btn_more span:before {border-color:#fff !important;}

.btn_more.sml {min-width:144px; height:32px; border:1px solid #ccc; border-radius:4px; font-size:14px; line-height:32px; }
/* 더보기 */
.btn_view_more {margin-top:24px;}
.btn_view_more .bttn {width:100%; height:56px; background-color:#f6f6f6; color:#666; font-size:16px; line-height:56px;}
.btn_view_more .bttn:after {content:''; display:inline-block; width:8px; height:8px; margin-top:-3px; border:1px solid #000; border-top:none; border-right:none; vertical-align:middle; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
.btn_view_more .bttn.arr_b:after {margin-left:4px; margin-top:-5px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.mac .btn_view_more .bttn.arr_b:after {margin-top:-7px;}

/* 페이스북 버튼 */
.share_wrap {position:relative;}
.share_wrap > button {float:left; margin-left:16px;}
.btn_face i.ico_face {display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -391px 0px; vertical-align:top;}

/* 관심상품 버튼 */
.btn_favs i.ico_favs {display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -132px -4px; vertical-align:top;}
.btn_favs i.ico_favs.on {background-position:-34px -283px;}

/* 공유하기 버튼 */
.btn_share i.ico_share {display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -456px 0; vertical-align:top;}
/* //신규 */

.btn_wrap {margin-top:24px; font-size:0; text-align:center;}
.btn_wrap > button,
.btn_wrap > a {margin:0 4px;}
.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.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;} */

/* 유튜브 동영상 */
.video_wrap {position:relative; width:100%; padding-bottom:56.25%;}
.video_wrap iframe {position:absolute; width:100%; height:100%;}

/* table */
.tbl_wrap {overflow:hidden;}
.tb_col	table {position:relative; width:100%; border-top:1px solid #bbb;}
.tb_col	tbody th {text-align:center; padding:16px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f6f6f6; color:#666; font-size:14px; line-height:17px;}
.tb_col	tbody tr th:first-child {border-left:none;}
.tb_col	tbody td {padding:16px; color:#333; font-size:14px; line-height:17px; border-bottom:1px solid #ddd;}

.tb_row	table {position:relative; width:100%; border-top:1px solid #bbb;}
.tb_row table strong.strong {color:inherit; font-weight:bold;}
.tb_row table .under {color:#ed008c; text-decoration:underline;}
.tb_row thead th {padding:16px 8px; border-left:1px solid #ddd; background-color:#f6f6f6; color:#666; font-size:14px; line-height:18px; text-align:center;}
.tb_row thead th:first-child {border-left:none;}
.tb_row thead tr + tr th {border-top:1px solid #ddd;}
.tb_row tbody th {height:53px; padding:16px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#FCFBFD; color:#666; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.tb_row tbody th:first-child {border-left:none;}
.tb_row tbody td {height:53px; padding:16px ; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#333; font-size:14px; line-height:18px; text-align:center;}
.tb_row tbody td.bg {background:#FCFBFD;}
.tb_row tbody td.wide {padding:16px 8px;}
.tb_row tbody td:first-child {border-left:none;}
.tb_row tfoot th {height:53px; padding:16px; border-bottom:1px solid #ddd; background:#FCFBFD; color:#666; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.tb_row tfoot td {height:53px; padding:16px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#333; font-size:14px; line-height:18px; text-align:center;}
.tb_row tfoot td:first-child {border-left:none;}
.tb_row .desc {display:block; color:#666; font-size:14px;}

.tbl_wrap thead th.non_color{background:#fff;}
.tbl_wrap .dot_list.type2 li {margin-top:0; color:#333; font-size:14px; line-height:18px;}
.tbl_wrap .dot_list.type2 li:before {top:8px;}
.mac .tbl_wrap .dot_list.type2 li:before {top:7px;}
.tbl_wrap sup.ex {margin-top:-3px; color:#666; font-size:12px;}

/* board */
.board_row table {position:relative; width:100%; border-top:1px solid #bbb; margin-left:-1px;}
.board_row thead th {padding:14px 0; background-color:#f6f6f6; color:#333; font-size:16px; font-weight:normal; line-height:19px; text-align:center;}
.board_row tbody td {height:48px; padding:10px 0; border-bottom:1px solid #ddd; color:#666; font-size:14px; line-height:18px; vertical-align:middle;}
.board_row tbody td a {display:inline-block; color:#000; font-size:16px; line-height:19px; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board_row tbody td.num, .board_row tbody td.date {color:#666; text-align:center;}
.board_row .flag_wrap {position:static;}
.ico_file {display:inline-block; width:24px; height:25px; background:url('/common/images/cmm/ico_common.png') no-repeat -454px -210px; vertical-align:middle;}
.no_result {width:100%; min-height:195px; padding-top:56px; text-align:center;}
.no_result p {position:relative; padding-top:62px; color:#666; font-size:18px; line-height:21px; vertical-align:middle;}
.no_result p:before {content:' '; display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin-left:-25px; background:url('/common/images/cmm/ico_common.png') no-repeat -310px 0;}

.no_result.box_area {border:1px solid #ddd; border-radius:4px; margin-bottom:190px; overflow:hidden;}

.no_data {width:100%; padding:56px 0; border-top:1px solid #bbb; text-align:center;}
.no_data p {position:relative; padding-top:60px; color:#999; font-size:16px; line-height:19px; vertical-align:middle;}
.no_data p:before {content:' '; display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin-left:-25px; background:url('/common/images/cmm/ico_common.png') no-repeat -310px 0;}
.no_data p + .detail_link {margin-top:12px;}
.no_data .detail_link span {color:#999 !important; font-size:14px; line-height:17px;}
/* .no_data .detail_link span:before {top:5px; width:7px; height:7px; border-color:#999 !important;} */
.no_data.bd_type {padding:56px 0; border-top:1px solid #bbb; border-bottom:1px solid #ddd;}

.srst_area {padding-bottom:16px;}
.srst_area:after {content:' '; display:block; clear:both;}
.srst_area h2 {float:left; padding-top:12px; color:#000; font-size:24px; line-height:29px;}
.srst_area h2 .num {color:#999;}
.srst_area .inptxt_wrap {float:right; width:420px;}
.srst_area .inptxt_wrap .txt {padding-right:70px;}
.srst_area .optional {position:absolute; top:12px; right:40px; width:auto; padding-right:4px;}
.srst_area .optional .btn_del {width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') -290px -86px no-repeat;}
.srst_area .btn_srh {position:absolute; top:12px; right:16px; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -288px -110px;}

/* tab */
.tab_wrap {width:100%;}
.tab_wrap.first {border-top:1px solid #ddd;}
.tab_wrap .tabs {display:inline-block; position:relative; width:100%; height:64px; background-color:#fff; font-size:0}
.tab_wrap .tabs:before {content:' '; display:block; position:absolute; right:0; bottom:0; left:0; width:100%; height:1px; background-color:#ddd; }
.tab_wrap .tabs li {display:inline-block; height:64px; background-color:#fff; text-align:center;}
.tab_wrap .tabs li a {display:block; position:relative; width:100%; height:100%;}
.tab_wrap .tabs li a > span {position:relative; z-index:2; display:inline-block; height:64px; color:#000; font-size:20px; line-height:64px; vertical-align:middle;}
.tab_wrap .tabs li a .count {color:#999;}
.tab_wrap .tabs li.on a {position:relative; color:#ed008c; font-weight:bold;}
.tab_wrap .tabs li.on a:before {content:' '; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; 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.num02 .tabs li {width:50%;}
.tab_wrap.num03 .tabs li {width:33.3%;}
.tab_wrap.num04 .tabs li {width:25%;}
.tab_wrap.num05 .tabs li {width:20%;}
.tab_wrap.num06 .tabs li {width:16.66%;}
.tab_wrap.num07 .tabs li {width:14.28%;}
.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.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:52px;}
.tab_wrap3 .tabs li.on a {color:#ed008c;}

/* 요금제 선택 radio button type tabs */
.rdo_tabs {margin-bottom:16px;}
.rdo_tabs .tabs {font-size:0;}
.rdo_tabs .tabs li {display:inline-block; width:calc((100% - 4px) / 2); margin-left:4px;}
.rdo_tabs .tabs.size_3 li {width:calc((100% - 8px) / 3);}
.rdo_tabs .tabs.size_4 li {width:calc((100% - 12px) / 4);}
.rdo_tabs .tabs li:first-child {margin-left:0;}
.rdo_tabs .tabs li a {display:block; height:40px; border:1px solid #ddd; border-radius:4px; color:#666; font-size:14px; line-height:38px; text-align:center;}
.rdo_tabs .tabs li.on a {border-color:#ed008c; color:#ed008c;}

/* tab_depth */
.tab_depth1 {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; text-align:center;}
.tab_depth1 .tabs {padding:14px 0; font-size:0;}
.tab_depth1 .tabs > li {display:inline-block; width:104px; margin:0 28px; text-align:center;}
.tab_depth1 .tabs > li a {display:block; color:#000; font-size:16px; line-height:19px;}
.tab_depth1 .tabs > li a .ico {display:block; width:40px; height:40px; margin:0 auto 8px; background:none; /*background:url('/common/images/acce/ico_acc.png') no-repeat 0 0;*/}
.tab_depth1 .tabs > li a .ico img {height:100%;}
.tab_depth1 .tabs > li a .ico.ico01 {background-position:0 0;}
.tab_depth1 .tabs > li a .ico.ico02 {background-position:-40px 0;}
.tab_depth1 .tabs > li a .ico.ico03 {background-position:-80px 0;}
.tab_depth1 .tabs > li a .ico.ico04 {background-position:-120px 0;}
.tab_depth1 .tabs > li a .ico.ico05 {background-position:-160px 0;}
.tab_depth1 .tabs > li a .ico.ico06 {background-position:-200px 0;}
.tab_depth1 .tabs > li a:hover {color:#AA36BB;}
.tab_depth1 .tabs > li.on a {color:#AA36BB;}
.tab_depth1 .depth2 {width:100%; padding:16px 0; border-top:1px solid #ddd; text-align:left;}
.tab_depth1 .depth2 .inner {width:910px; margin:0 auto;}
.tab_depth1 .depth2 .inner ul {display:inline-block;}
.tab_depth1 .depth2 .inner ul li {display:inline-block; margin-left:40px;}
.tab_depth1 .depth2 .inner ul li:first-child {margin-left:0;}
.tab_depth1 .depth2 .inner ul li a {color:#666; font-size:16px; line-height:20px;}
.tab_depth1 .depth2 .inner ul li a:hover {color:#000;}
/* .tab_depth1 .depth2#tab2 .inner {padding-left:139px;} */
/* .tab_depth1 .depth2#tab3 .inner {padding-left:316px;} */
.tab_depth1 .depth2#tab4 .inner {padding-left:466px;}
.tab_depth1 .depth2#tab5 .inner {text-align:right; /*padding-left:270px;*/}
.tab_depth1 .depth2#tab6 .inner {text-align:right;}
.tab_depth1 .depth2#tab6 .inner:after {content:' '; display:block; clear: both;}
.tab_depth1 .depth2#tab6 .inner ul {margin-top:-8px; font-size:0;}
.tab_depth1 .depth2#tab6 .inner ul li {width:225px; margin:8px 0 0 0;}
.tab_depth1 .depth2#tab6 .inner {width:1000px;}
.tab_depth1 .depth2#tab6 .inner ul li {float:right; width:250px; text-align:right;}

.tab_depth {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f6f6f6;}
.tab_depth .tabs {position:relative; width:1080px; height:64px; margin:-1px auto 0; font-size:0}
/* .tab_depth .tabs:before {content:' '; display:block; position:absolute; right:0; bottom:0; left:0; width:100%; height:1px; background-color:#ddd; } */
.tab_depth .tabs > li {display:inline-block; height:64px; margin-left:-1px; text-align:center;}
.tab_depth .tabs > li > a {display:block; position:relative; width:100%; height:100%; border:1px solid #ddd;}
.tab_depth .tabs > li > a > span {position:relative; z-index:2; display:inline-block; height:64px; color:#000; font-size:16px; line-height:64px; vertical-align:middle;}
.tab_depth .tabs > li.on > a {position:relative; background-color:#fff;}
.tab_depth .tabs > li.on > a:after {content:' '; display:block; position:absolute; right:0; bottom:-1px; left:0; width:100%; height:1px; background-color:#fff;}
.tab_depth .tabs > li.on > a > span {color:#000;}
.tab_depth .depth2 {width:100%; margin-top:-1px; padding:26px 0; border-top:1px solid #ddd; background-color:#fff; text-align:left;}
.tab_depth .depth2 .inner {width:1080px; margin:0 auto;}
.tab_depth .depth2 .inner ul {margin-left:72px;}
.tab_depth .depth2 .inner ul:first-child {margin-left:0;}
.tab_depth .depth2 .inner ul:after {content:' '; display:block; clear:both;}
.tab_depth .depth2 .inner ul li {display:inline-block; margin-left:72px;}
.tab_depth .depth2 .inner ul li:first-child {margin-left:0;}
.tab_depth .depth2 .inner ul li a {color:#666; font-size:16px;}
.tab_depth .depth2 .inner ul li.on a {color:#000;}
.tab_depth .depth2#tab6 .inner ul {margin-top:-18px;}
.tab_depth .depth2#tab6 .inner ul li {width:230px; margin:18px 0 0 0;}
/* .tab_depth .tabs li.on a:before {content:' '; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:2px; background-color:#ed008c;} */
.tab_depth.num02 .tabs > li {width:50%;}
.tab_depth.num03 .tabs > li {width:33.3%;}
.tab_depth.num04 .tabs > li {width:25%;}
.tab_depth.num05 .tabs > li {width:20%;}
.tab_depth.num06 .tabs > li {width:16.66%;}
.tab_depth.num07 .tabs > li {width:14.28%;}

/* 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;}

/* 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 > a {margin:0;}
.paging .page_num {display:inline-block; padding:0 8px;}
.paging .page_num strong {border:1px solid #ED008C; border-radius:2px; color:#ED008C;}
.paging .next {position:relative; color:#666; font-size:16px; font-weight:normal;}
/* .paging .next span {position:relative;} */
/* .paging .next span:before  {content:' '; display:inline-block; width:1px; height:16px; margin-right:16px; background-color:#eee; vertical-align:middle;} */
.paging .next:after {content:''; display:inline-block; width:8px; height:8px; border-right:1px solid #999; border-bottom:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging .prev {position:relative; color:#666; font-size:16px; font-weight:normal;}
/* .paging .prev span {position:relative;} */
.paging .prev:before {content:''; display:inline-block; width:8px; height:8px; border-left:1px solid #999; border-top:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.paging .last {position:relative; color:#666; font-size:16px; font-weight:normal;}
.paging .last:before {content:''; display:inline-block; width:8px; height:8px; border-right:1px solid #999; border-bottom:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging .last:after {content:''; display:inline-block; width:8px; height:8px; margin-left:-3px; border-right:1px solid #999; border-bottom:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.paging .first {position:relative; color:#666; font-size:16px; font-weight:normal;}
.paging .first:before {content:''; display:inline-block; width:8px; height:8px; margin-right:-3px; border-left:1px solid #999; border-top:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging .first:after {content:''; display:inline-block; width:8px; height:8px; border-left:1px solid #999; border-top:1px solid #999; vertical-align:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* paging + line */
.paging.line_t {margin-top:16px; padding-top:24px; border-top:1px solid #ddd;}

/* pagint + btn */
.paging.btn_combi {height:56px;}
.paging.btn_combi .bttn {position:absolute; top:0; right:0;}
.btn_write span:before {content:' '; display:inline-block; width:32px; height:32px; margin-right:4px; background:url('/common/images/cmm/ico_common.png') -528px -178px no-repeat; vertical-align:middle;}

.btm_noti + .paging {margin-top:0;}


/* 팝업 */
/* 윈도우 - 추후 삭제 */
.pop_wrap {position:relative; background-color:#fff;}
.pop_wrap .pop_header {position:fixed; top:0; right:0; left:0; z-index:9; width:100%; padding:21px 24px; border-top:1px solid #eee; border-bottom:1px solid #ddd; background-color:#f6f6f6;}
.pop_wrap .pop_header.no_border {border-bottom:none;}
.pop_wrap .pop_header h1 {display:inline-block; color:#000; font-size:24px; line-height:29px; vertical-align:middle;}
.pop_wrap .pop_content {padding:73px 0 32px;}
.pop_wrap .pop_content .txt {margin-bottom:24px; color:#666;}
.pop_wrap .pop_content .txt_big {margin-bottom:24px; color:#000; font-size:18px; line-height:27px;}
.pop_wrap .pop_content,
.popcont_wrap .txt_desc {color:#666; font-size:16px; line-height:22px;}
.pop_wrap .pop_content .txt_sm {margin-top:8px; color:#000; font-size:14px; line-height:18px;}
.pop_wrap .pop_content .txt_sm strong {color:#333; font-weight:bold;}
.pop_wrap .pop_content h3 {color:#000; font-size:20px; line-height:24px;}
.pop_wrap .pop_content .popcont_wrap {margin-top:32px;}
.pop_wrap .pop_content .popcont_wrap:first-child, .pop_wrap .pop_content .popcont_wrap.first {margin-top:0;}
.pop_wrap .pop_content .popcont_wrap h3 {margin-bottom:16px;}
.pop_wrap .pop_content .popcont_wrap .dot_list {margin-top:32px;}
.pop_wrap .pop_content .popcont_wrap .dot_list:first-child {margin-top:0;}
.pop_wrap .pop_content .popcont_wrap .img_wrap img,
.popcont_wrap .img_wrap img {width:100%; margin-top:16px;}
.pop_wrap .pop_content .scrollview {position:relative;}
.pop_wrap .pop_content .scrollarea {padding:24px 32px 0;}
.pop_wrap .pop_content .btn_wrap {margin-top:40px; font-size:0;}

/* 내보관함 팝업 */
.popup_wrap.bl_pop .pop_header {width:100%; padding:33px 24px; border-top:1px solid #000; border-bottom:1px solid #ddd;}
.popup_wrap.bl_pop .pop_header h1 {display:inline-block; color:#000; font-size:32px; line-height:39px; vertical-align:middle;}
.popup_wrap.bl_pop .pop_header .btn_close {display:block; position:absolute; top:0; right:0; width:100px; height:105px; border-left:1px solid #ddd; font-size:14px; font-weight:bold; text-align:center;}
.popup_wrap.bl_pop .pop_header .btn_close span {display:block; position:relative; margin-bottom:8px; height:35px;}
.popup_wrap.bl_pop .pop_header .btn_close span:before {content:' '; display:block; position:absolute; top:50%; left:35%; width:32px; height:2px; background:#000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.popup_wrap.bl_pop .pop_header .btn_close span:after {content:' '; display:block; position:absolute; top:50%; left:35%; width:32px; height:2px; background:#000; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 팝업 IO1.1.2.1P */
.pop_review_cont .review_head {padding-bottom:16px; border-bottom:1px solid #bbb;}
.pop_review_cont .review_head .flag {display:inline-block; height:18px; margin-bottom:8px; padding:0 4px; background:#D39762; color:#fff; font-size:12px; font-weight:bold; line-height:18px;}
.pop_review_cont .review_head .tit {color:#000; font-size:18px; line-height:21px;}
.pop_review_cont .review_head .info {margin-top:4px; font-size:0;}
.pop_review_cont .review_head .info span {display:inline-block; margin-right:12px; font-size:13px; line-height:16px; vertical-align:top;}
.pop_review_cont .review_head .info .name {color:#333;}
.pop_review_cont .review_head .info .name:after {content:' '; display:inline-block; width:1px; height:12px; margin-left:8px; background:#666; line-height:12px; vertical-align:middle;}
.pop_review_cont .review_head .info .date {color:#999;}
.pop_review_cont .review_body {padding-top:16px;}
.pop_review_cont .review_body .thumb {margin-bottom:16px;}
.pop_review_cont .review_body .text_cont {color:#666; font-size:14px; line-height:18px;}

.bl_pro_list {position:relative; padding-left:140px;}
.bl_pro_list .bl_tit {position:absolute; width:140px; top:48px; left:0; bottom:48px; border-right:1px solid #ddd;}
.bl_pro_list .bl_tit p {position:absolute; width:140px; top:50%; left:0; color:#666; font-size:14px; line-height:18px; text-align:center; transform:translateY(-50%);}
.bl_pro_list .bl_tit em {color:#000; font-weight:bold;}
.bl_pro_list > ul {position:relative; /*overflow:hidden;*/}
.bl_pro_list > ul:after {content:' '; display:block; clear:both;}
.bl_pro_list > ul > li {float:left; position:relative; width:calc(100% / 3); text-align:center;}
.bl_pro_list > ul > li:first-child {margin-left:0;}
.bl_pro_list > ul > li .pic {display:block; width:312px; height:312px; text-align:center; overflow:hidden;}
.bl_pro_list > ul > li .pic img {width:auto; height:100%;}
.bl_pro_list > ul > li .tit {display:block; margin:8px 0; padding:0 6px; color:#000; font-size:20px; font-weight:bold; line-height:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bl_pro_list > ul > li .btn_del {position:absolute; top:0; right:0; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') -314px -54px no-repeat;}
.bl_pro_list .compare_add {width:264px; margin:0 auto; padding-top:80px;}
.bl_pro_list .compare_add .tit {margin-bottom:18px; color:#000; font-size:20px; font-weight:bold; line-height:24px;}
.bl_pro_list .compare_add .select_wrap {margin-top:8px;}
.bl_pro_list .compare_add .bttn {width:265px; margin-top:12px;}

.bl_pro_list.evt_type {width:1080px; margin:0 auto;}
.bl_pro_list.evt_type .bl_tit {top:8px; bottom:8px; border:none;}
.bl_pro_list.evt_type ul li {position:relative; padding:0 24px;}
.bl_pro_list.evt_type ul li:before {content:' '; position:absolute; top:8px; bottom:8px; left:0; width:1px; background:#ddd;}
.bl_pro_list.evt_type ul li .pic {width:96px; height:96px;}
.bl_pro_list.evt_type ul li .tit {position:absolute; left:128px; top:50%; width:150px; margin:0; font-size:18px; text-align:left; font-weight:normal; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bl_pro_list.evt_type ul li .tit small {display:block; margin-top:4px; font-size:16px; line-height:19px; font-weight:bold;}
.bl_pro_list.evt_type > ul > li .btn_del {right:16px; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') -314px -86px no-repeat;}
.bl_pro_list.evt_type .compare_add {padding:4px 0; font-size:0;}
.bl_pro_list.evt_type .compare_add .select_wrap {margin-top:0; margin-left:8px;}
.bl_pro_list.evt_type .compare_add .select_wrap:first-child {margin-left:0;}
.bl_pro_list.evt_type .compare_add .bttn {min-width:100%; margin-top:8px;}


.bl_form_wrap {margin-top:56px;}
.bl_form_wrap .bl_view_cont {margin-top:40px;}
.bl_form_wrap .bl_view_cont:first-child {margin-top:0;}
.bl_form_wrap .bl_view_cont .tit {margin-bottom:24px; color:#000; font-size:22px; line-height:27px; text-align:center;}

.bl_tbl {border-top:1px solid #bbb;}
.bl_tbl tbody th {padding:16px; color:#666; font-size:14px; line-height:18px; vertical-align:top; text-align:right;}
.bl_tbl tbody td {padding:15px 40px; border-left:1px solid #ddd; color:#000; font-size:16px; line-height:22px; vertical-align:top; text-align:left; word-break:keep-all;}
.bl_tbl tbody td .select_wrap.mgm {margin:0 -16px;}
.bl_tbl > table > tbody > tr:nth-child(odd) > th, .bl_tbl > table > tbody > tr:nth-child(odd) > td {background:#fbfbfb;}
.bl_tbl em {color:#000; font-size:18px; line-height:21px; font-weight:bold;}

.bl_tbl .bl_inner_td {padding:0; border:none;}
.bl_inner_td table {padding-top:8px; border-top:none;}
.bl_inner_td thead th {padding:15px 40px; border-left:1px solid #ddd; border-bottom:none; background:transparent; color:#000; font-size:16px; line-height:22px; text-align:left;}
.bl_inner_td.type2 thead th {font-size:14px; font-weight:bold; text-align:right;}
.bl_inner_td thead th.ths {padding:16px; border-left:none; background:transparent; color:#666; text-align:right;}
.bl_inner_td tbody th {padding:0 16px 8px; border-bottom:none; color:#666; font-size:13px; line-height:16px;}
.bl_inner_td tbody td {padding:0 40px 8px; border-bottom:none; color:#000; font-size:13px; line-height:16px;}
.bl_inner_td thead th.ths a {position:relative; font-size:14px;}
.bl_inner_td thead th.ths a:after {content:' '; display:inline-block; width:8px; height:8px; margin:-6px 0 0 8px; border:1px solid #000; border-top:none; border-left:none; vertical-align:middle; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.bl_inner_td thead th.ths a.open:after {margin-top:2px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.bl_inner_td.type2 tbody td {text-align:right;}
.bl_inner_td tbody tr:last-child th, .bl_inner_td tbody tr:last-child td {padding-bottom:16px;}
.bl_inner_td strong {color:#000; font-size:16px; font-weight:bold;}
.bl_inner_td .btn_sel {width:232px; margin:0 -16px; color:#333;}

.bl_tbl .empty {text-align:center !important;}


/* 레이어 기본 - 추후 삭제 */
.lay_wrap {position:relative; width:480px; border-radius:6px; background-color:#fff;}
.lay_wrap.w600 {width:600px;}
.lay_wrap.w608 {width:608px;}
.lay_wrap.w800 {width:800px;}
.lay_wrap .lay_header {width:100%; padding:13px 24px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f6f6f6;}
.lay_wrap .lay_header h1 {display:inline-block; color:#000; font-size:16px; line-height:19px; vertical-align:top;}
/* .lay_wrap .lay_content {padding:24px 32px;} */
.lay_wrap .lay_content p.txt {margin-bottom:24px; color:#666; font-size:18px; line-height:24px;}
.lay_wrap .lay_content p.txt .bk {color:#000;}
.lay_wrap .lay_content p.txt em {color:#000; font-weight:bold;}
.lay_wrap .lay_content p.txt_big {margin-bottom:24px; color:#666; font-size:18px; line-height:24px;}
.lay_wrap .lay_content p.txt_sm {margin-top:8px; color:#000; font-size:14px; line-height:18px;}
.lay_wrap .lay_content p.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:first-child, .lay_wrap .lay_content .popcont_wrap.first {margin-top:0;}
.lay_wrap .lay_content .popcont_wrap h3 {margin-bottom:8px;}
.lay_wrap .lay_content .popcont_wrap .dot_list {margin-top:16px;}
.lay_wrap .lay_content .scrollview {position:relative;}
.lay_wrap .lay_content .scrollarea {max-height:592px; overflow:hidden; overflow-y:auto;}
.lay_wrap .lay_content .scrollarea .content {padding:16px 24px;}
.lay_wrap .lay_content .scrollarea.no_btn {padding-bottom:32px;}
.lay_wrap .lay_content .btn_wrap {margin-top:0; padding-top:16px; font-size:0;}
.lay_wrap .lay_content .btn_wrap.line_top {border-top:1px solid #ddd;}

.popup_wrap .comp_msg_wrap {padding-top:16px; text-align:center;}
.popup_wrap .comp_msg_wrap .ico {display:inline-block; width:51px; height:48px; background:none; text-align:center;}
.popup_wrap .comp_msg_wrap .ico:before {content:' '; display:inline-block; width:51px; height:48px; background:url('/common/images/cmm/ico_common.png') -329px -174px no-repeat; vertical-align:middle;}
.popup_wrap .comp_msg_wrap .comp_txt {position:relative; padding-top:4px; color:#000; font-size:16px; line-height:22px;}
.popup_wrap .comp_msg_wrap .comp_desc {padding-top:2px; color:#666; font-size:14px; line-height:17px;}
.popup_wrap .comp_msg_wrap .comp_desc a {color:#000; text-decoration:underline;}


.lay_wrap .tbl_wrap table tr td .flag_wrap {position:static;}
/* .lay_wrap .lay_content .scrollbar {position:absolute; top:0; right:0; width:8px; background-color:#efefef; border-radius: 4px;} */

.lay_wrap > .btn_close {position:absolute; top:0; right:0;}
.lay_wrap > .btn_close button {display:inline-block; position:relative; width:50px; height:50px; vertical-align:top;}
.lay_wrap > .btn_close button:before {content:''; position:absolute; top:50%; left:50%; height:22px; margin-top:-11px; margin-left:-8px; border-left:1px solid #000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_wrap > .btn_close button:after {content:''; position:absolute; top:50%; left:50%; height:22px; margin-top:-11px; margin-left:-8px; border-left:1px solid #000; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.lay_wrap.large {width:608px !important;}

.url_copy {display:none; position:absolute; top:48px; right:0; z-index:25; width:424px; padding:16px 24px 24px; border:1px solid #ddd; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.url_copy dl dt {color:#000; font-size:18px; line-height:21px;}
.url_copy dl dd {margin-top:8px; font-size:0;}
.url_copy dl dd .inptxt_wrap {width:270px;}
.url_copy dl dd .bttn {min-width:96px; margin-left:8px;}
.url_copy .btn_del {display:block; position:absolute; top:8px; right:15px; width:32px; height:32px;}
.url_copy .btn_del:before {content:' '; position:absolute; left:3px; top:50%; width:22px; border-top:1px solid #000; transform:rotate(45deg);}
.url_copy .btn_del:after {content:' '; position:absolute; left:3px; top:50%; width:22px; border-top:1px solid #000; transform:rotate(-45deg);}
.url_copy.open {display:block;}
/* //레이어 팝업 */

/* 레이어 팝업 테이블 */
.tbl_wrap tr td .flag {display:block; width:42px; margin-bottom:8px; text-align:center !important;}

/* 아코디언 */
.lay_wrap .agree_form_wrap .depth1, .pop_wrap .agree_form_wrap .depth1, .popup_wrap .agree_form_wrap .depth1 {padding:0; border:none;}
.lay_wrap .agree_form_wrap .depth1 .chk_wrap.chk_all [type='checkbox'] + label, .pop_wrap .agree_form_wrap .depth1 .chk_wrap.chk_all [type='checkbox'] + label {font-size:20px;}
.lay_wrap .agree_form_wrap .depth2 .content {padding-right:50px;}
.lay_wrap .agree_form_wrap .head .txt {margin-bottom:0; color:#333; font-size:16px; line-height:24px;}

/* accordian */
.list_accordion{border-top:1px solid #bbb; border-bottom:1px solid #ddd;}
.list_accordion li{border-top:1px solid #ccc;}
.list_accordion li:first-child{border:0;}
.list_accordion li.on .desc{display:block;}  /* 아코디언 스라이드 효과가 들어갈 때 display:block; 속성 제거 */
/* .list_accordion .head, .list_accordion .desc{padding:15px 10px;} */
.list_accordion .head:after, .list_accordion .desc:after{content:''; display:block; visibility:hidden; clear:both; height:0;}
.list_accordion .head{position:relative;}
.list_accordion .desc{border-top:1px solid #ccc; background-color:#f6f6f6; line-height:21px;} /* 아코디언 스라이드 효과가 들어갈 때 display:none; 속성 제거 */
.list_accordion .desc .cont{padding-left:20px;}
.list_accordion .desc .btn_wrap {margin-top:24px; text-align:right;}
.list_accordion .ico_q, .list_accordion .ico_a{position:absolute; font-weight:bold;}

.list_accordion .head a.link_cnt {position:relative; display:block; padding-right:74px;}
.list_accordion .head .tit{display:inline-block; padding-left:20px;}
.list_accordion .head .btn_cnt{position:static; top:auto; right:auto;}
.list_accordion .head .btn_cnt{position:absolute; top:15px; right:8px;}
.list_accordion .head .ico_b {position:absolute; top:0; right:8px; width:12px; height:12px; background:url('../images/btn_expand.gif') no-repeat 0 0;}

.info_accordion .head .link_cnt {display:block; position:relative; padding-bottom:16px; border-bottom:1px solid #bbb;}
.info_accordion .head .link_cnt .tit {color:#000; font-size:20px; line-height:24px;}
.info_accordion .head .link_cnt .btn_arr {position:absolute; top:3px; right:4px; width:12px; height:12px; border:2px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.info_accordion .on .head .link_cnt .btn_arr {top:9px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.info_accordion .desc {padding:24px; border-bottom:1px solid #ddd;}
.info_accordion .tab_dl {margin-top:16px; overflow:hidden;}
.info_accordion .tab_dl:first-child {margin-top:0;}
.info_accordion .tab_dl dt {float:left; width:196px; padding-right:8px; color:#666; font-size:16px; line-height:22px;}
.info_accordion .tab_dl dd {margin-left:196px; color:#000; font-size:16px; line-height:22px;}
.info_accordion .tab_dl dd .dot_list li {color:#000; font-size:16px; line-height:22px;}
/* //accordian */
/* //아코디언 */

/* 상품상세 아코디언 */
.qna_acco .ico_q {color:#999; font-size:28px; font-weight:bold;}
.qna_acco .head {height:80px; line-height:80px;}
.qna_acco .head a.link_cnt {padding-right:56px;}
.qna_acco .head a:after {content:' '; display:block; clear:both;}
.qna_acco .head a > div > span {display:inline-block; vertical-align:top;}
.qna_acco .head a .tit {max-width:620px; padding-left:32px; color:#000; font-size:20px; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.qna_acco .head a .tit_answer {padding-left:16px; font-size:20px; color:#999;}
.qna_acco .head a .tit_answer.complete {color:#4CAF50;}
.qna_acco .head a .tit_answer.complete span {position:relative;}
.qna_acco .head a .tit_answer.complete span:before {content:' '; display:inline-block; width:18px; height:15px; margin-right:8px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -222px; vertical-align:middle;}
.qna_acco .head a .writer {padding-right:43px; color:#000; font-size:18px;}
.qna_acco .head a .date {color:#999; font-size:16px;}
.qna_acco .head a .btn_arr {content:' '; display:block; position:absolute; top:50%; right:4px; width:14px; height:14px; margin-top:-11px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.qna_acco li.on .head a .btn_arr {margin-top:-3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.qna_acco .desc {padding:32px;}
.qna_acco .desc p {color:#666; font-size:16px; line-height:22px; word-break:break-all;}
.qna_acco .desc .cont {margin-top:32px; padding:32px 0 0 0; border-top:1px solid #ddd;}
.qna_acco .desc .ico_a {width:40px; height:40px; background-color:#fff; border-radius:50%; color:#999; font-size:20px; font-weight:bold; line-height:36px; text-align:center; opacity:0; -webkit-transition:.15s ease; -ms-transition:.15s ease; transition:.15s ease;}
.qna_acco li.on .desc .ico_a {opacity:1;}
.mac .qna_acco .desc .ico_a {line-height:40px;}
.qna_acco .desc .tit_a {padding-left:52px;}
.qna_acco .desc .date {display:block; padding:12px 0 0 52px; color:#666; font-size:16px; line-height:19px;}

/* 테이블 아코디언 */
.board_acco tbody td {padding:0;}
.board_row .link_cnt {display:block; position:relative; padding:12px 0; font-size:0;}
.board_row .link_cnt .cell {display:inline-block; width:285px; padding:0 20px 0 40px; text-align:center; vertical-align:top;}
.board_row .link_cnt .flag_wrap {display:inline-block; position:static; width:90px; text-align:center; vertical-align:top;}
.board_row .link_cnt .category {display:inline-block; width:calc(100% - 90px); height:24px; color:#666; font-size:14px; line-height:24px; text-align:center; vertical-align:top;}
.board_row .link_cnt .tit {display:inline-block; max-width:720px; color:#000; font-size:16px; line-height:24px; vertical-align:top; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.board_row .link_cnt .btn_arr {content:' '; display:block; position:absolute; top:50%; right:18px; width:14px; height:14px; margin-top:-10px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.board_row .on .link_cnt .btn_arr {margin-top:-3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.board_row .desc {padding:24px 44px; background-color:#f6f6f6; color:#666; font-size:16px; line-height:22px;}
/* //테이블 아코디언 */

/* 드롭다운 아코디언 */
.dropdown_acco .head .link_cnt {display:block; position:relative; padding:22px 56px 22px 34px; border:1px solid #ddd; border-radius:4px; background:#f6f6f6; color:#000; font-size:20px;}
.dropdown_acco .on .head .link_cnt {border-radius:4px 4px 0 0;}
.dropdown_acco .head .link_cnt .btn_arr {content:' '; display:block; position:absolute; top:50%; right:34px; width:14px; height:14px; margin-top:-11px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.dropdown_acco .on .head .link_cnt .btn_arr {margin-top:-3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.dropdown_acco .desc {padding:24px 32px; border:1px solid #ddd; border-radius:0 0 4px 4px; border-top:none; background:#fff;}
.dropdown_acco .appl_cont dl {overflow:hidden; margin-top:8px; font-size:18px; line-height:21px;}
.dropdown_acco .appl_cont dl:first-child, .dropdown_acco .appl_cont dl.first {margin-top:0;}
.dropdown_acco .appl_cont dl dt {float:left; color:#666;}
.dropdown_acco .appl_cont dl dd {float:right; color:#000;}
.dropdown_acco .appl_cont dl.f_pk dt, .dropdown_acco .appl_cont dl.f_pk dd {color:#ed008c;}
.dropdown_acco .appl_cont dl.total dd {font-size:20px; font-weight:bold;}
/* //드롭다운 아코디언 */

/* 납부금액 정보 영역 */
.check_option_body {display:block; position:absolute; top:0; right:0; z-index:21; width:264px !important; height:auto;}
.check_option_body .bnr_img {margin-bottom:8px;}
.check_option_body .che_box {display:block; width:100%; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.check_option_body .che_box dt.tit {position:relative; height:56px; font-size:16px; line-height:20px;  padding:18px 44px; background-color:#f6f6f6;}
.check_option_body .che_box dt.tit a, .check_option_body .che_box dt.tit.non_a {display:block; width:100%; height:100%; color:#000; }
.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 .che_box dt.tit i.ico_point {position:absolute; top:16px; left:16px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -388px -110px; overflow:hidden;}
.check_option_body .btn_wrap {margin-top:0;}
.check_option_body .btn_wrap .bttn.big {width:100%; margin:0; margin-top:8px;}
.check_option_body .btn_wrap .bttn.line_gray {background:#fff;}
.check_option_body .btn_wrap .bttn.line_gray > span {position:relative; z-index:1; overflow:inherit;}


.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.fPink .price {color:#ed008c;}
.check_option_detail .inr.last {color:#000;}

.price_wrap {padding-bottom:16px; background-color:#fff; border-bottom:1px solid #ddd;}
.price_wrap.last {border-bottom:none;}
.price_wrap .ment {margin-top:8px; padding:0 16px; color:#999; font-size:14px; line-height:17px;}
.month {padding-bottom:16px; border-bottom: 1px solid #ddd; background-color:#fff;}

/* 유무선 결합 할인_제휴카드 할인 */
.comb {padding:16px 0; border-top:1px solid #ddd; background-color:#fff;}
.comb_cd {border-top:1px solid #ddd; 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; background-color:#f4f1ed; padding:0 16px;}
.tolal_wrap.no_bd {border-top:none;}
.tolal_wrap h3 {position:relative; color:#000; font-size:16px; line-height:20px; padding:26px 0 20px 0;}
.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 {background-color:#fff;}
.check_option_body .che_box dd.con ul.list_freebie > li {display:table; table-layout:fixed; width:100%; padding:5px 0; border-top:1px solid #ddd; clear:both; overflow:hidden;}
.check_option_body .che_box dd.con ul.list_freebie > li:first-child {border-top:none;}
.check_option_body .che_box dd.con ul.list_freebie .photo {display:table-cell; width:96px; padding-left:16px; overflow:hidden; vertical-align:middle;}
.check_option_body .che_box dd.con ul.list_freebie .photo img{width:80px;height:80px}
.check_option_body .che_box dd.con ul.list_freebie .name{display:table-cell; color:#666;  font-size:14px; line-height:17px; padding:0 16px 0 4px; vertical-align:middle;}

/* visual area */
.visual_wrap .slide_wrap {position:relative; min-width:1080px; height:400px;}
.visual_wrap .slide_wrap .slide_content {height:400px;}
.visual_wrap .slide_wrap .slide_content .slide_conts .visual_img {display:block; z-index:1; width:100%; height:400px; background-position:50% 0 !important; background-size:cover;}
.visual_wrap .slide_wrap .slide_content .slide_conts .visual_img > a {display:block;}
.visual_wrap .slide_wrap .slide_content .slide_conts .visual_img .inner {display:block; position:relative; width:1080px; height:400px; margin:0 auto;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .img {position:absolute; top:0; right:0; width:560px; height:400px;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .img img {vertical-align:top;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner {position:absolute; top:80px; left:40px; z-index:2; width:570px;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .sub_tit {margin-top:-16px; color:#000; font-size:18px; font-weight:bold; line-height:21px;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .txt {color:#000; font-size:18px; line-height:22px; font-weight:bold;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .tit {color:#000; font-size:42px; line-height:50px; font-weight:bold;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .img_txt {margin-top:15px;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .tit_desc {margin-top:12px; color:#000; font-size:24px; line-height:32px; font-weight:bold;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner.black .txt {color:#000;}
/* .visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner.black .txt_desc {color:#000;} */
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner.white .txt {color:#fff;}
/* .visual_wrap .slide_wrap .slide_content .slide_conts .inner .txt_inner.white .txt_desc {color:#fff;} */
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .btn_wrap {margin-top:32px; font-size:0; text-align:left;}
.visual_wrap .slide_wrap .slide_content .slide_conts .inner .btn_wrap .btn_more {margin:0; margin-right:8px; padding:0 8px;}
.visual_wrap .slide_wrap .indi_wrap {bottom:16px;}
.visual_wrap .slide_wrap .indi_conts {display:inline-block !important; line-height:32px;}
.visual_wrap .slide_wrap .indi_control {display:inline-block; width:32px; height:32px; margin-left:4px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 0; vertical-align:top;}
.visual_wrap .slide_wrap .indi_control.stop {background-position:0 -78px;}
.visual_wrap .slide_wrap .indi_control.play {background-position:-32px -78px;}
.visual_wrap .slide_wrap .slide_controls {top:50%; left:50%; width:1080px; margin-left:-540px;}
.visual_wrap .slide_wrap .slide_controls button {width:56px; height:56px; margin-top:-28px;}
.visual_wrap .slide_wrap .slide_controls button.prev {left:-80px; padding-left:22px;}
.visual_wrap .slide_wrap .slide_controls button.next {right:-80px; padding-left:11px;}
.visual_wrap .slide_wrap .slide_controls button:before {width:19px; height:19px; border:2px solid #000;}
.visual_wrap .slide_wrap .slide_controls button.prev:before {border-right:none; border-bottom:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.visual_wrap .slide_wrap .slide_controls button.next:before {border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.visual_wrap .slide_wrap .slide_controls.white_color button:before {border-color:#fff;}

/* visual slide indicator */
.slide_wrap {position:relative; }
.slide_wrap .indi_wrap {position:absolute; bottom:40px; 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:8px; height:8px; margin:0 4px; background:#d8d8d8; border-radius:50%; vertical-align:middle;}
.slide_wrap .indi_conts > li.on .btn_indi {width:32px; background:#999; border-radius:4px;}
.slide_wrap .slide_content {position:relative; overflow:hidden;}
.slide_wrap .slide_content .slide_conts {}
.slide_wrap .slide_controls {position:absolute; top:0;}
.slide_wrap .slide_controls button {position:absolute; top:50%; z-index:2;}
.slide_wrap .slide_controls button.prev {left:0;}
.slide_wrap .slide_controls button.next {right:0;}
.slide_wrap .slide_controls button:before {content:' '; display:block;}
.slide_wrap .slide_controls button.prev:before {}
.slide_wrap .slide_controls button.next:before {}
.slide_wrap .slide_content .slide_conts .inner .txt_inner .txt_info .tit_desc {margin-top:16px; font-size:16px;}

.slide_wrap .slide_controls button:before {width:24px; height:24px; border:2px solid #000;}
.slide_wrap .slide_controls button.prev:before {border-right:none; border-bottom:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.slide_wrap .slide_controls button.next:before {border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.slide_wrap .slide_controls button.disabled:before {border-color:#999 !important;}

/* 메인 컨텐츠 영역 */
.kind_wrap {width:100%; background-color:#fff;}
.kind_wrap.line_top {border-top:16px solid #F2F4F7;}
.kind_area {position:relative; width:1280px; margin:0 auto; padding:0 100px;}
.kind_area.first {margin-top:0 !important;}
.kind_area.last {margin-bottom:0 !important;}
/* //메인 컨텐츠 영역 */

/* 배너 영역 */
.banner_full {background-color:#fff; text-align:center;}
.banner_full a {display:inline-block; vertical-align:top;}
.banner_full a img {border-radius:4px;}
.banner_full .banner_area {position:relative; width:1080px; margin:0 auto;}
.banner_full .banner_area a {display:block;}
.banner_full .banner_info {position:absolute; top:38px; left:80px; text-align:left;}
.banner_full .banner_info .tit {margin-bottom:8px; color:#000; font-size:16px; line-height:22px; font-weight:bold;}
.banner_full .banner_info .desc {color:#000; font-size:32px; line-height:42px; font-weight:bold;}
.banner_full .banner_info .btn_wrap {margin-top:16px; font-size:0; text-align:left;}
.banner_full .banner_info .btn_wrap .btn_more {display:inline-block; min-width:118px; width:auto;}

/* steps */
.nav_steps {padding:20px 0; background:#f5f7fa;}
.nav_steps ul {font-size:0; text-align:center;}
.nav_steps .steps {display:inline-block; position:relative; min-height:32px; padding:0 56px 0 44px;}
.nav_steps .steps:after {content:' '; display:block; position:absolute; right:25px; top:9px; width:14px; height:14px; border:2px solid #ccc; border-left:none; border-bottom:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.nav_steps .steps:last-child {padding-right:0;}
.nav_steps .steps:last-child:after {display:none;}
.nav_steps .steps i {display:block; position:absolute; top:0; left:0; width:32px; height:32px; background:url('/common/images/cmm/ico_steps.png') -128px 0 no-repeat; opacity:0.4;}
.nav_steps .steps.st1 i {background-position:0 0;}
.nav_steps .steps.st2 i {background-position:-32px 0;}
.nav_steps .steps.st3 i {background-position:-64px 0;}
.nav_steps .steps.st4 i {background-position:-96px 0;}
.nav_steps .steps.now i {opacity:1;}
.nav_steps .steps .tit_desc {color:#888; font-size:14px; line-height:16px;}
.nav_steps .steps.now .tit_desc {color:#ed008c; font-weight:bold;}
.nav_steps .steps .tit {color:#888; font-size:18px; line-height:32px;}
.nav_steps .steps.now .tit {color:#000;}
/* //steps */

/* 휴대폰 찾아보기 */
.filter_wrap {width:100%; background-color:#fff;}
.filter_wrap .filter_area {position:relative; width:1080px; margin:0 auto; padding:0 32px; background-color:#f6f6f6;}
.filter_wrap .filter_area .h3_tit {color:#000; font-size:26px;}
.filter_wrap .tit_wrap .h2_tit {width:1080px;display:block; margin:0 auto; padding:7px 0 24px;}
.filter_wrap .filter_area .inner {padding:24px 0 16px;}
.filter_wrap .filter_area .inner:last-child {border-top:1px solid #ddd;}
.filter_wrap .filter_area .inner:after {content:' '; display:block; clear:both;}
.filter_wrap .filter_area .inner dl.ml92 {margin-left:92px;}
.filter_wrap .filter_area .inner dl.w518 {width:518px;}
.filter_wrap .filter_area .inner dl:after {content:' '; display:block; clear:both;}
.filter_wrap .filter_area .inner dl dt {float:left; width:90px; color:#000; font-size:16px; line-height:24px;}
.filter_wrap .filter_area .inner dl .hover_tooltip {z-index:0;}
.filter_wrap .filter_area .inner dl .hover_tooltip a:focus {border:1px dotted #666;}
.filter_wrap .filter_area .inner dl.type2 dt {width:115px;}
.filter_wrap .filter_area .inner dl.type2 .bttn .btn_sel {width:338px;}
.filter_wrap .filter_area .inner dl dd {float:left; font-size:0;}
.filter_wrap .filter_area .inner dl dd .chk_wrap {margin-left:16px;}
.filter_wrap .filter_area .inner dl dd .chk_wrap:first-child {margin-left:0;}
.filter_wrap .filter_area .inner dl dd .chk_wrap label {color:#999; vertical-align:middle;}
.filter_wrap .filter_area .inner dl dd .chk_wrap input:checked + label {color:#000;}
.filter_wrap .filter_area .inner dl dd.select_r {float:right; margin-top:-8px;}
.filter_wrap .filter_area .inner dl dd.select_r .select_wrap {margin-left:8px;}
.filter_wrap .filter_area .inner dl dd.bttn {margin-top:-8px;}
.filter_wrap .filter_area .inner dl dd .rdo_wrap {margin-left:16px;}
.filter_wrap .filter_area .inner dl dd .rdo_wrap:first-child {margin-left:0;}
/* .filter_wrap .filter_area .inner.bottom {padding:16px;} */
.filter_wrap .filter_area .inner.bottom dl dt, .filter_wrap .filter_area .inner.bottom dl dd {line-height:40px;}
.btn_sel {display:inline-block; position:relative; width:308px; height:32px; padding:7px 26px 7px 16px; border:1px solid #ccc; border-radius:4px; background-color:#fff; color:#ED008C; font-size:16px; line-height:24px; text-align:left; white-space:nowrap; vertical-align:middle; box-sizing:content-box; text-overflow:ellipsis; overflow:hidden; word-break: break-all}
.btn_sel:before {content:' '; display:block; position:absolute; top:18px; right:17px; width:8px; height:8px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_sel span {display:inline-block; position:relative;}
.filter_wrap .filter_area .select_area_wrap {padding-top:25px; font-size:0;}
.filter_wrap .filter_area .select_area_wrap .select_wrap {margin-left:8px; font-size:14px;}
.filter_wrap .filter_area .select_area_wrap .select_wrap:first-child {margin-left:0;}
.filter_wrap .filter_area .select_area_wrap .select_wrap select {width:210px;}
.filter_wrap .filter_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;}
.filter_wrap .filter_area .reset span {position:relative; padding-left:20px;}
.filter_wrap .filter_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;}

/* //휴대폰 찾아보기 */

/* 휴대폰 목록 */
.kind_list .item_area {/*position:absolute;*/ width:100%; font-size:0;}
.kind_list .item_area:after {content:''; display:block; clear:both;}
.kind_list .item_area .item {float:left; position:relative; width:344px; margin-left:24px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.kind_list .item_area .item:first-child {margin-left:0;}
.kind_list .item_area .item a {display:block;}
.kind_list .item_area .item .img {position:relative; height:248px; margin:0 auto; border-radius:4px 4px 0 0; text-align:center; overflow:hidden;}
.kind_list .item_area .item .img > img {height:100%;}
.kind_list .item_area .item .img .flag_wrap {position:absolute; bottom:0; left:0; font-size:0;}
.kind_list .item_area .item .img .img_discount {display:block; position:absolute; top:11px; left:11px;}
.kind_list .item_area .item .img .img_discount img {vertical-align:top;}
.kind_list .item_area .item .img .color {position:absolute; bottom:40px; left:16px; font-size:0;}
.kind_list .item_area .item .img .color > span {display:block; position:relative; width:12px; height:12px; margin-top:6px; border-radius:3px; border:1px solid #ddd;}
.kind_list .item_area .item .img .color > .wea_exp:before {content:' '; display:block; position:absolute; top:-1px; left:4px; width:1px; height:13px; background-color:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.kind_list .item_area .item .img .color > .wea_exp.white:before {background-color:#ddd;}
.kind_list .item_area .item .img .color .color_black {background-color:#000;}
.kind_list .item_area .item .img .color .color_gray {background-color:#666;}
.kind_list .item_area .item .img .color .color_red {background-color:#FF3333;}
.kind_list .item_area .item .img .color .color_white {border:1px solid #ddd; background-color:#fff;}
.kind_list .item_area .item .info {padding:16px;}
.kind_list .item_area .item .info .model {min-height:37px;}
.kind_list .item_area .item .info .model dt {color:#000; font-size:18px; line-height:21px; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.kind_list .item_area .item .info .model dd {color:#B04DD9; font-size:14px; line-height:16px; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.kind_list .item_area .item .info .model dd.price {margin-top:9px;}
.kind_list .item_area .item .info .model dd.price strong {color:#000; font-size:18px; font-weight:bold; line-height:24px; vertical-align:top;}
.kind_list .item_area .item .info .model dd.price strong .sum {font-size:20px;}
.kind_list .item_area .item .info .model dd.price > span {display:block; color:#666; font-size:12px; line-height:14px;}
.kind_list .item_area .item .info .reviews {position:relative; margin:10px -16px 0; padding:7px 16px 0; z-index:1;}
.kind_list .item_area .item .info .reviews:before {content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#eee;}
.kind_list .item_area .item .info .reviews:after {content:' '; display:block; clear:both;}
.kind_list .item_area .item .info .reviews dl {float:left;}
.kind_list .item_area .item .info .reviews dl:after {content:' '; display:block; clear:both;}
.kind_list .item_area .item .info .reviews dl:first-child {margin-left:0;}
.kind_list .item_area .item .info .reviews dl dt {float:left; color:#666; font-size:12px; line-height:32px;}
.kind_list .item_area .item .info .reviews dl dd {float:left; margin-left:4px; color:#666; font-size:12px; line-height:32px;}
.kind_list .item_area .item .info .btn_area {float:right; line-height:100%;}

.kind_list .item_area .item .info .btn_interest {display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -168px 0; background-color:#fff;}
.kind_list .item_area .item .info .btn_interest.on {background-position:-360px 0;}
.kind_list .item_area .item:hover .hidden_btn {bottom:0;}
/* .kind_list .item_area .item.on .tool_tip .btn_gifts {display:none;} */
.kind_list .item_area .item.on .tool_tip .btn_gifts_close {display:block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -314px -54px;}

.kind_list .item_area .item .info .btn_compare {position:relative; top:4px; width:24px; height:24px; margin-right:8px; border:1px solid #ddd; border-radius:26px; color: #999; line-height:24px; vertical-align:top;}
.mac .kind_list .item_area .item .info .btn_compare {line-height:23px;}
.kind_list .item_area .item .info .btn_compare i.ico_comparison {content:''; position:absolute; width:16px; height:16px; top:3px; left:3px; background: url('/common/images/cmm/ico_common.png') no-repeat -148px -82px;}

.kind_list .item_area .item .info .btn_compare:hover {width:auto; height: 24px; padding:0 15px 0 23px; position:relative; top:4px; border-radius: 26px; font-size: 12px; vertical-align: top; background-color: #fff; color: #999; border:1px solid #ccc;}
.kind_list .item_area .item .info .btn_compare:hover i.ico_comparison {left:6px;}
.kind_list .item_area .item .info .btn_compare span {display:inline-block; font-size:0; vertical-align:top;}
.kind_list .item_area .item .info .btn_compare:hover span {font-size:inherit;}

.kind_list .item_area .item.on .info .btn_compare {border-color:#ed008c; background-color: #ED008C; color: #fff;}
.kind_list .item_area .item.on .info .btn_compare:hover {border-color:#ed008c; background-color: #ED008C; color: #fff;}
.kind_list .item_area .item.on .info .btn_compare:hover i.ico_comparison{left:6px; background-position:-130px -82px;}
.kind_list .item_area .item.on .info .btn_compare i.ico_comparison{background-position:-130px -82px;}

.kind_list .item_area.type4 .item {width:252px;}

.kind_list .item_area_btn {font-size:0;}
.kind_list .item_area_btn .item_area {display:inline-block; width:auto;}
.kind_list .item_area_btn .item_area .item .img {border-bottom:none;}
.kind_list .item_area_btn .item_area .list:after {content:' '; display:block; clear:both;}
.kind_list .item_area_btn .item_area .btn_wrap {margin-top:16px;}
.kind_list .item_area_btn .item_area .btn_wrap .bttn {min-width:100%; border:1px solid #979797;}
.kind_list .item_area_btn .item_area .btn_wrap .bttn span {position:relative; padding-right:18px;}
.kind_list .item_area_btn .item_area .btn_wrap .bttn span:before {content:' '; display:block; position:absolute; top:50%; right:2px; width:8px; height:8px; margin-top:-4px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.kind_list .item_area_btn .item_area .btn_wrap.link_type {width:100%; height:56px; margin:18px 0 0; border-radius:4px; background-color:#f6f6f6;}
.kind_list .item_area_btn .item_area .btn_wrap.link_type a {border:none; line-height:56px;}
.kind_list .item_area_btn .item_area .btn_wrap.link_type a span {font-size:16px; line-height:19px; vertical-align:middle;}
.kind_list .item_area_btn .item_area .phr_desc {width:100%; height:56px; margin:18px 0 0; border-radius:4px; background-color:#f6f6f6; text-align:center;}
.kind_list .item_area_btn .item_area .phr_desc p {font-size:16px; line-height:56px;}
/* .kind_list .item_area_btn .item_area .btn_wrap.link_type a span:before {top:4px; width:8px; height:8px; border-color:#000;} */
.kind_list .item_area_btn .img_bann {display:inline-block; padding-left:24px; vertical-align:top;}
.kind_list .item_area_btn .img_bann img {width:252px; height:440px;}

/* 필터 조건 선택 */
.sort_area {position:absolute;width:700px;margin:0 auto 0 380px}
.sort_area:after {content:'';display:block;clear:both}
.sort_area .sort_inr {float:right}
.sort_area .sort_inr > a {display:block;position:relative;z-index:1;color:#000;font-size:16px;line-height:24px;}
.sort_area .sort_inr > a strong {color:#ed008c}
.sort_area .sort_inr > a .ico_arrdown {position:relative; margin-left:4px; vertical-align:top;}
.sort_area .sort_inr .sel_opt {display:none; position:absolute; top:38px; right:0; z-index:5; width:252px; padding:24px; border:1px solid #ddd; border-radius:4px; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.05);}
.sort_area .sort_inr .sel_opt li {margin-top:16px;}
.sort_area .sort_inr .sel_opt li:first-child {margin-top:0;}
.sort_area .sort_inr .sel_opt li a {color:#000; font-size:16px; line-height:19px;}
.sort_area .sort_inr .sel_opt li a:hover {color:#ED008C;}
.sort_area .sort_inr .sel_opt li.on a {color:#ED008C;}

.ico_arrdown {display:inline-block;width:24px;height:24px;border:1px solid #999;border-radius:3px;text-align:center;vertical-align:middle}
.ico_arrdown:before {content:'';display:inline-block;width:6px;height:6px;margin-top:-8px;border:1px solid #999;border-top:none; border-right:none;vertical-align:middle; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.open .ico_arrdown:before {margin-top:-2px; -webkit-transform:rotate(136deg); -ms-transform:rotate(136deg); transform:rotate(136deg);}
.mac .ico_arrdown:before {margin-top:-4px;}
.mac .open .ico_arrdown:before {margin-top:0;}

/* 비교하기 레이어팝업 */
.lay_compare_wrap {position:fixed;bottom:0px;left:50%;z-index:90;width:435px;margin-left:107px;border:1px solid #333;border-radius:4px 4px 0 0; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%);}
.lay_compare_wrap .comp_head {background-color:#333;}
.lay_compare_wrap .comp_head .comp_tit {position:relative; padding:0 24px; height:48px;line-height:48px;color:#fff;font-size:16px; font-weight:bold; cursor:pointer;}
.lay_compare_wrap .comp_head .comp_tit:after {content:' '; position:absolute; width:12px; height:12px; top:50%; right:28px; margin-top:-3px; border:1px solid #fff; border-top:none; border-left:none; -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 20px;background-color:#fff}
.lay_compare_wrap .comp_cont > p {color:#000; font-size:14px; line-height:20px;}
.lay_compare_wrap .comp_cont .bgs {position:absolute; height:127px; top:52px; right:20px; left:20px;}
.lay_compare_wrap .comp_cont .bgs li {float:left; width:123px; height:127px; margin:0 4px; padding:12px 0; border:1px solid #ddd; border-radius:4px; text-align:center; line-height:95px;}
.lay_compare_wrap .comp_cont .bgs li span {display:inline-block; position:relative; padding-top:82px; color:#ccc; font-size:14px; line-height:17px; vertical-align:middle;}
.lay_compare_wrap .comp_cont .bgs li span:before {content:' '; position:absolute; top:0; left:50%; width:80px; height:80px; margin-left:-40px; background:url('/common/images/cmm/ico_common.png') -414px -243px no-repeat;}
.lay_compare_wrap .comp_cont .sel_prod {position:relative;}
.lay_compare_wrap .comp_cont .sel_prod:after {content:'';display:block;clear:both}
.lay_compare_wrap .comp_cont .sel_prod {min-height:127px; padding-top:16px;}
.lay_compare_wrap .comp_cont .sel_prod > li {overflow:hidden;position:relative;float:left;width:123px;margin:0 4px; padding:12px 0;border:1px solid #ddd;border-radius:4px;background:#fff;text-align:center}
.lay_compare_wrap .comp_cont .sel_prod > li .p_img {height:80px; text-align:center;}
.lay_compare_wrap .comp_cont .sel_prod > li .p_img img {width:auto; height:100%;}
.lay_compare_wrap .comp_cont .sel_prod > li .p_tit {margin-top:4px; padding:0 4px; color:#000; font-size:14px; line-height:17px; word-break:break-all; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lay_compare_wrap .comp_cont .sel_prod > li .btn_del {position:absolute;top:4px;right:2px;width:32px;height:32px; background:url('/common/images/cmm/ico_common.png') -314px -54px no-repeat; -webkit-transform:scale(0.75); -ms-transform:scale(0.75); transform:scale(0.75);}
.lay_compare_wrap .comp_cont .btn_wrap {margin-top:16px;}

/* 휴대폰 찾아보기 목록 */
.kind_wrap .search_list_area {width:1280px; margin:0 auto; padding:40px 100px;}
.kind_wrap .search_list_area.flag {padding-top:83px;}
.kind_wrap .search_list_area .tit {color:#000; font-size:16px; line-height:19px;}
.kind_wrap .search_list_area .tit .count {font-weight:bold;}
.kind_wrap .search_list_area .kind_list {margin-top:16px;}
/* .kind_wrap .search_list_area .slide_content {height:auto; overflow:visible;} */
.kind_wrap .search_list_area .item_area_list {margin:-24px 0 0 -24px;}
.kind_wrap .search_list_area .item_area_list.not_item .item_area .item {height:392px;}
.kind_wrap .search_list_area .item_area_list.not_item .item_area .info .plan dd {height:100%; min-height:100%;}
.kind_wrap .search_list_area .item_area_list.not_item .item_area .reviews {margin-top:20px; padding-top:8px;}
.kind_wrap .search_list_area .item_area {position:static;}
.kind_wrap .search_list_area .item_area:after {content:''; display:block; clear:both;}
.kind_wrap .search_list_area .item_area .item {width:252px; height:440px; margin:24px 0 0 24px;}
.kind_wrap .search_list_area .item_area .item:first-child {margin-left:24px;}
/* .kind_wrap .search_list_area .item_area .item .img {height:235px;} */
/* .kind_wrap .search_list_area .item_area .item .img .color > span {margin-left:4px;} */
.kind_wrap .search_list_area .item_area .item a {display:block;}
.kind_wrap .search_list_area .item_area .item .info {padding:14px 16px 8px;}
.kind_wrap .search_list_area .item_area .item .info a {margin:-14px -16px -8px; padding:14px 16px 8px;}
.kind_wrap .search_list_area .item_area .item .info .model dd {color:#666; font-size:12px; line-height:16px;}
.kind_wrap .search_list_area .item_area .item .info .plan {margin-top:8px;}
.kind_wrap .search_list_area .item_area .item .info .plan dt {color:#b04dd9; font-size:12px; line-height:16px;}
.kind_wrap .search_list_area .item_area .item .info .plan dd {height:74px; min-height:74px; margin-top:3px; color:#666; font-size:12px; line-height:16px;}
.kind_wrap .search_list_area .item_area .item .info .plan dd strong {display:block; margin-top:2px; margin-bottom:4px; color:#000; font-size:18px; font-weight:bold; line-height:21px;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > span {display:block; font-size:12px; line-height:14px;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > span > em {display:inline-block; color:#999; font-size:11px; text-decoration:line-through; vertical-align:top;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > span .sale {margin-left:2px; color:#ED008C;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > .d_price {color:#666;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > .d_price.big {color:#000; font-size:18px; font-weight:bold;}
.kind_wrap .search_list_area .item_area .item .info .plan dd > .d_price.big span {font-size:20px;}
.kind_wrap .search_list_area .item_area .item .info .tool_tip {position:absolute; top:16px; right:16px;}
.tool_tip {position:relative;}
.tool_tip .btn_gifts {width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -224px 0; vertical-align:top;}
.tool_tip .ico_qustion {display:inline-block; width:16px; height:16px; margin-top:1px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -134px; vertical-align:top;}
.tool_tip_body {position:absolute; top:44px; left:50%; z-index:9; width:240px; height:auto; margin-left:-120px; padding:16px; border:1px solid #ddd; border-radius:4px; background-color:#fff; color:#666; font-size:14px; line-height:17px; text-align:left; -webkit-transition:0.15s ease; -ms-transition:0.15s ease; transition:0.15s ease; opacity:0; visibility:hidden;}
.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 p {color:#666; font-size:14px; line-height:17px;}
.tool_tip_body .txt_noti {display:block; height:100%; overflow:inherit;}
.tool_tip_body .wifi_logo {width:192px; margin:0 auto; padding-top:16px;}
.tool_tip_body .wifi_logo:after {content:' '; display:block; clear:both;}
.tool_tip_body .wifi_logo li {float:left; width:60px; height:60px; margin-left:6px; border-radius:4px; background-color:#eee;}
.tool_tip_body .wifi_logo li:first-child {margin-left:0;}
.tool_tip .btn_gifts:hover + .tool_tip_body,
.tool_tip .btn_gifts:focus + .tool_tip_body {display:block; opacity:1; visibility:visible;}
.tool_tip .ico_qustion:hover + .tool_tip_body {display:block; opacity:1; visibility:visible; top:30px;}
.tool_tip .ico_qmark:hover + .tool_tip_body {display:block; opacity:1; visibility:visible; top:36px;}

.tool_tip_in_txt {position:relative; width:330px;}
.tool_tip_in_txt .tool_tip_body {position:static; z-index:9; width:330px; margin:0; padding:11px 30px 10px 14px; border:1px solid #ED008C; border-radius:0; 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); opacity:1; visibility:visible;}
.tool_tip_in_txt .tool_tip_body:before {content:' '; display:block; position:absolute; top:-9px; right:52px; left:auto; z-index:8; width:14px; height:10px; background:url('/common/images/cmm/ico_common.png') no-repeat -576px -170px;}
.mac .tool_tip_in_txt .tool_tip_body:before {top:-9px;}
.tool_tip_in_txt .tool_tip_body .item {margin-top:0; color:#ED008C; font-size:14px; line-height:17px;}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap {position:absolute; top:14px; right:15px; width:12px; height:12px; /*margin-top:-6px;*/}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap button {display:inline-block; position:relative; width:12px; height:12px; vertical-align:top;}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap button:before {content:''; display:inline-block; height:12px; 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:12px; margin-left:-1px; border-left:1px solid #ED008C; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.search_list_area .tool_tip_body {text-align:center;}

/* .kind_wrap .search_list_area .item_area .item .info .reviews:before {width:164px;} */
.kind_wrap .search_list_area .item_area .item .info .price {margin-top:11px;}
.kind_wrap .search_list_area .item_area .item.img_bann {border:none;}
.kind_wrap .info_Wrap {width:100%; background:#F6F6F6; margin-bottom:10px; padding:48px 0;}
.kind_wrap .info_Wrap .info_use {width:1080px; margin:0 auto; padding-left:32px;}
.kind_wrap .info_Wrap .info_use p {padding-bottom:6px; font-size:20px; line-height:24px; color:#000;}
/* //휴대폰 찾아보기 목록 */

/* 컨텐츠 상단 타이틀 버튼영역 */
.main_body {position:relative; min-width:1280px; max-width:1920px; margin:0 auto; background-color:#f2f4f7; overflow:hidden;}
.h2_tit, .tit_wrap .h2_tit {display:inline-block; color:#000; font-size:32px; line-height:39px;}
.h3_tit, .tit_wrap .h3_tit {display:inline-block; font-size:24px; line-height:29px; overflow:hidden; word-break:break-all;}
.h3_tit .sum, .tit_wrap .h3_tit .sum {color:#666;}
.h3_tit strong, .tit_wrap .h3_tit strong {color:#333; font-weight:bold;}
.h4_tit {color:#000; font-size:20px; line-height:24px; margin-bottom:8px;}
.h5_tit {color:#000; font-size:18px !important; line-height:24px !important; margin-bottom:8px;}
.tit_wrap {position:relative; /*padding-top:7px;*/}
.tit_wrap .count {margin-left:4px; color:#666; font-weight:normal;}
.tit_wrap .detail_link {display:inline-block; margin-left:16px; vertical-align:top;}
.tit_wrap .more {margin-left:16px; color:#666; font-size:16px;}
.tit_wrap .more span {position:relative; padding-right:14px;}
.tit_wrap .more span:before {content:' '; display:block; position:absolute; top:8px; right:0; width:8px; height:8px; border:1px solid #666; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.mac .tit_wrap .more span:before {top:4px;}
.tit_wrap .more:not(a) {color:#666;}
.tit_wrap.add_sort {padding-top:7px;}
.sort_list {position:absolute; top:56px; right:100px; font-size:0;}
.sort_list .btn_n {display:inline-block; height:48px; margin-left:8px; border:1px solid #ddd; border-radius:4px; color:#666; font-size:16px; line-height:46px; text-align:center; vertical-align:top;}
.sort_list .btn_n > span {display:inline-block; padding:0 16px; line-height:100%; vertical-align:0;}
_:-ms-fullscreen, :root .sort_list .btn_n {line-height:44px;}
/* .mac .sort_list .btn_n > span {overflow:inherit;} */
.sort_list .btn_n.on {border:1px solid #aa36bb; color:#aa36bb;}
/* //컨텐츠 상단 타이틀 버튼영역 */

/* quick_banner_wrap  */
.quick_banner_wrap {position:relative; min-width:1280px; max-width:1920px; margin:0 auto; background-color:#fff; overflow:hidden; height:156px;}
.quick_banner_wrap .quick_banner {position:relative; width:1280px; margin:0 auto; padding:32px 0; background-color:#fff;}
.quick_banner_wrap .quick_banner:after {content:' '; display:block; clear:both;}
.quick_banner_wrap .quick_banner > li {position:relative; float:left; width:50%;}
.quick_banner_wrap .quick_banner > li i.ico {position:absolute; top:0; left:232px; display:block; width:56px; height:56px; background:url('/common/images/main/ico_main.png') no-repeat 0 0; overflow:hidden;}
.quick_banner_wrap .quick_banner > li.quick_banner_01 i.ico {background-position:0px -56px; }
.quick_banner_wrap .quick_banner > li.quick_banner_02 i.ico {background-position:-56px -56px;}
.quick_banner_wrap .quick_banner > li.quick_banner_04 i.ico {background-position:-171px -59px;}
.quick_banner_wrap .quick_banner > li  dl {padding-left:304px;}
.quick_banner_wrap .quick_banner > li  dt {color:#666; font-size:14px; line-height:18px;}
.quick_banner_wrap .quick_banner > li  dd strong {display:block; color:#000;  font-size:24px; line-height:28px;  font-weight:bold; padding:8px 0;}
.quick_banner_wrap .quick_banner > li  dd p {color:#999; font-size:12px; line-height:15px;}

/*  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:#000;}
.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:#000; font-size:14px; line-height:28px; padding:0 0 0 25px;}

/* 퀵링크 */
.quick_links {position:fixed; top:184px; left:1597.5px; z-index:990; width:72px;}
@media (max-width: 1380px) {
    .quick_links {display:none;}
}
.quick_links .quick_links_inner {border:1px solid #ccc; border-radius:4px; background-color:#fff;}
.quick_links .quick_links_inner > a {display:table; position:relative; width:100%; height:74px; border-top:1px solid #ccc; color:#000; font-size:11px; text-align:center;}
.quick_links .quick_links_inner > a:first-child {border-top:none;}
.quick_links .quick_links_inner >  a .txt {display:table-cell; position:relative; padding-top:44px; vertical-align:middle; font-size:inherit;}
.quick_links .quick_links_inner >  a .txt .ls {letter-spacing:0;}
.quick_links .quick_links_inner >  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 .quick_links_inner >  a.shop .txt:before {background-position:0 -46px;}
.quick_links .quick_links_inner >  a.locker .txt:before {background-position:-32px -46px;}
.quick_links .quick_links_inner >  a.myshop .txt:before {background-position:-64px -46px;}
.quick_links .quick_links_inner >  a.related .txt:before {background-position:-96px -46px;}
.quick_links .quick_links_inner >  a.items .txt:before {background-position:-504px -54px;}
.quick_links .quick_links_inner >  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 .quick_links_inner >  a.cs_call .txt:before {background-position:-454px -168px;}
.quick_links .quick_links_inner >  a.cs_chat .txt:before {background-position:-486px -168px;}
.quick_links a.bann {display:block; position:relative; margin-top:8px; height:100px; border:none;}
/* .quick_links a.bann:before {content:' '; display:block; position:absolute; top:0; right:0; bottom:0; left:0;} */
.quick_links a.bann img {border-radius:4px; /*border:1px solid #ccc;*/ overflow:hidden;}
.quick_links .quick_links_inner .lately {width:100%; height:93px; border-top:1px solid #ccc;}
.quick_links .quick_links_inner .lately span {display:block; padding:8px 0; color:#000; font-size:11px; line-height:15px; text-align:center;}
.quick_links .quick_links_inner .lately .list_open {position:absolute; right:0; bottom:0; left:0; width:100%; height:21px; border-radius:0 0 4px 4px; background-color:#999;}
.quick_links .quick_links_inner .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 .quick_links_inner .lately .open_cont {display:none;}
.quick_links .quick_links_inner .lately.open {height:auto;}
.quick_links .quick_links_inner .lately.open .list_open:before {top:8px; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
.quick_links .quick_links_inner .lately.open .open_cont {display:block; padding:0 8px 8px;}
.quick_links .quick_links_inner .lately.open .open_cont ul li {margin-top:8px;}
.quick_links .quick_links_inner .lately.open .open_cont ul li:first-child {margin-top:0;}
.quick_links .quick_links_inner .lately.open .open_cont ul li a {display:block; height:56px; /*background-color:#FFF4E6;*/ text-align:center; overflow:hidden;}
.quick_links .quick_links_inner .lately.open .open_cont ul li a img {height:100%; padding-top:6px;}
/* //퀵링크 */

/* 플로팅 버튼 */
.float_btn {position:fixed; left:1597.5px; bottom:32px; z-index:991; padding-left:8.5px;}
.float_btn > a {display:block; width:56px; height:56px; margin-top:8px; 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 {padding-top:9px; background-color:#8479b9;}
.float_btn .chat_btn .ico {display:block; width:30px; height:44px; margin:0 auto; background:url('/common/images/cmm/ico_common.png') no-repeat -525px -243px;}
.float_btn .chat_btn.open {padding-top:16px;}
.float_btn .chat_btn.open .ico {width:28px; height:26px; background-position:-564px -54px;}
.float_btn .tooltip {display:none; position:absolute; top:-343px; right:73px; width:323px; margin:0; padding:16px 20px; border:1px solid #ddd; border-radius:4px; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.05); white-space:normal; visibility:visible; opacity:1;}
/* .float_btn .tooltip:after {content:' '; display:block; position:absolute; top:-157px; left:176px; width:180px; height:147px; background:url('/common/images/cmm/ico_common.png') no-repeat -426px -348px;} */
/* .float_btn .tooltip.open {visibility:visible; opacity:1;} */
.float_btn .tooltip:before {content:' '; display:block; position:absolute; right:-11px; bottom:32px; width:11px; height:14px; background:url('/common/images/cmm/bg_tooltip_arr.png') no-repeat 0 0;}
.float_btn .tooltip a {display:block; position:relative;}
.float_btn .tooltip a:after {content:' '; display:block; clear:both;}
.float_btn .tooltip a:before {content:' '; display:block; position:absolute; top:50%; right:12px; width:10px; height:10px; margin-top:-5px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.float_btn .tooltip a .ico {float:left; width:56px; height:56px; background:url('/common/images/cmm/ico_common.png') no-repeat -536px -80px;}
.float_btn .tooltip a .conts {float:left; width:300px; margin-left:16px;}
.float_btn .tooltip a .conts .tit {color:#333; font-size:16px; font-weight:bold; line-height:19px;}
.float_btn .tooltip a .conts .desc {margin-top:4px; color:#666; font-size:14px; line-height:18px;}
.float_btn .tooltip .contact_area ul {margin:-8px 0 0 -8px;}
.float_btn .tooltip .contact_area ul:after {content:' '; display:block; clear:both;}
.float_btn .tooltip .contact_area ul li {width:100%; letter-spacing:-1px;}
.float_btn .tooltip .contact_area ul li + li {margin-top:10px; padding-top:10px; border-top:1px solid #ececec;}
.float_btn .tooltip .contact_area ul li dl dt {display:inline-block; color:#86878a; font-size:13px; width:102px; vertical-align:middle;}
.float_btn .tooltip .contact_area ul li dl dt span {display:block; color:#444; font-size:16px; font-weight:bold;}
.float_btn .tooltip .contact_area ul li dl dd {display:inline-block; position:relative; width:174px; height:50px; font-weight:bold; line-height:22px; border:1px solid #dee1e6;
											background-color:#f7f7f7; border-radius:5px; vertical-align:middle; padding-left:60px;}
.float_btn .tooltip .contact_area ul li:nth-child(4) dl dd,
.float_btn .tooltip .contact_area ul li:nth-child(5) dl dd {width:0; border:none; text-indent:-9999px; overflow:hidden; padding-left:0;}
.float_btn .tooltip .contact_area ul li dl dd:before {content:''; position:absolute; width:31px; height:29px; left:16px; top:10px; background-repeat:no-repeat; background-position:center;
													background-image:url('/common/images/cmm/ico_common.png'); background-position:-290px -483px;}
.float_btn .tooltip .contact_area ul li:nth-child(1) dl:nth-child(1) dd:before {width:42px; height:37px; background-position:-241px -474px; top:4px; left:12px;}
.float_btn .tooltip .contact_area ul li dl + dl {margin-top:10px}
.float_btn .tooltip .contact_area ul li dl dd a {display:block; height:100%; line-height:46px; color:#222; font-size:17px;}


/* 가입 정보 폼 */
/* 신청서 작성 전 준비사항  */
.gybd_info_wrap {position:relative; margin-top:40px;}
.gybd_info_wrap dl dt {margin-bottom:16px; color:#666; font-size:18px; line-height:24px;}
.gybd_info_wrap dl dt .ico_nt {display:inline-block; width:24px; height:24px; margin-right:8px; background:url('/common/images/cmm/ico_common.png') -264px -110px no-repeat;}
.gybd_info_wrap dl dd {position:relative; border: 1px solid #ddd; border-radius:4px; padding:8px 48px 32px; overflow:hidden;}
.gybd_info_wrap dl dd .dot_list {width:100%;}
.gybd_info_wrap dl dd .dot_list:after {content:' '; display:block; clear:both;}
.gybd_info_wrap dl dd .dot_list li {float:left; width:50%; margin-top:24px; color:#333; font-size:18px; line-height:20px; letter-spacing:-2px;}
.gybd_info_wrap dl dd .dot_list li:first-child {margin-top:24px !important;}
.gybd_info_wrap dl dd .dot_list li strong {color:#333; font-weight:bold;}
.gybd_info_wrap dl dd .dot_list li:before {content:' '; display:block; position:absolute; /*top:6px;*/ left:0; width:3px; height:3px; background:#666;}
.gybd_info_wrap dl dd .dot_list li.full_list {width:100%}


.gybd_info_wrap.bd {padding:18px 34px; border:1px solid #ddd; border-radius:4px; text-align:left;}
.gybd_info_wrap.bd .alt_txt {color:#aa36bb; font-size:16px; line-height:24px;}
.gybd_info_wrap.bd .alt_txt em {display:inline-block; margin-right:17px; color:#000; font-weight:bold; vertical-align:top;}
.gybd_info_wrap.bd .alt_txt em:before {content:' '; display:inline-block; width:24px; height:24px; margin-right:4px; background:url('/common/images/cmm/ico_common.png') -192px -110px no-repeat; vertical-align:top;}

.no_header .application_wrap {padding-bottom:56px;}

.application_wrap {position:relative; /*padding-bottom:56px;*/}
.application_wrap .apl_header {position:relative; z-index:22; min-width:1280px; background:url('/common/images/cmm/bg_apl_header.png') repeat-x 0 0; border-bottom:1px solid #ddd;}
.application_wrap .apl_header:before {content:' '; position:absolute; top:63px; left:0; right:0; height:1px; background:#ddd;}
.application_wrap .apl_header h2 {width:1080px; margin:0 auto; padding:15px 0 16px; text-align:left;}
.application_wrap .apl_header h2 span {display:inline-block; font-size:0; width:225px; height:32px; background:url('/common/images/hphn/ico_application.png') 0px -88px no-repeat; vertical-align:top;}
.application_wrap .apl_header.easy h2 span {background-position:0 -122px;}
.application_wrap .apl_header .section {position:relative; width:1280px; margin:0 auto; padding:0 100px;}
.application_wrap .apl_header .section:after {content:' '; display:block; clear:both;}
.application_wrap .apl_header .section .prod_name_info {float:left; padding:34px 0; font-size:0;}
.application_wrap .apl_header .section .prod_name_info .name {display:inline-block; color:#000; font-size:30px; line-height:36px; font-weight:bold; vertical-align:top;}
.application_wrap .apl_header .section .prod_name_info .name .kinds {font-size:25px; font-weight:normal; vertical-align:top;}
.application_wrap .apl_header .section .prod_name_info .flag_wrap {display:inline-block; position:static; padding-top:6px; vertical-align:top;}
.application_wrap .apl_header .section .prod_name_info .flag_wrap .flag {margin-left:8px; color:#666; background:#f6f6f6; vertical-align:top;}
.application_wrap .apl_header .section .prod_price_info {float:right; margin-right:152px; padding:34px 0;}
.application_wrap .apl_header .section .prod_price_info .price {color:#666; font-size:16px; line-height:36px;}
.application_wrap .apl_header .section .prod_price_info .price span {display:inline-block; margin-left:16px; color:#000; font-size:20px; line-height:36px; font-weight:bold; vertical-align:top;}
.application_wrap .apl_header .section .prod_price_info .price span em {color:#000; font-size:30px; font-weight:bold; vertical-align:top;}
.application_wrap .apl_header .btn_close {display:block; position:absolute; top:15px; left:50%; width:32px; height:32px; margin-left:508px; font-size:0; font-weight:bold; line-height:0; text-align:center;}
/* .application_wrap .apl_header .btn_close span {display:block; position:relative; margin-bottom:8px; height:35px;} */
.application_wrap .apl_header .btn_close span:before {content:' '; display:block; position:absolute; top:50%; left:0; width:32px; height:2px; background:#000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.application_wrap .apl_header .btn_close span:after {content:' '; display:block; position:absolute; top:50%; left:0; width:32px; height:2px; background:#000; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.application_wrap .apl_detailview {position:absolute; top:167px; left:0; right:0; border-bottom:1px solid #ddd; background:#e5ebf3;}
.application_wrap .apl_detailview .btn_hover {display:block; position:absolute; top:-72px; left:50%; margin-left:403px; width:136px; height:40px; border:1px solid #ddd; border-radius:4px; color:#000; font-size:14px; line-height:38px; text-align:center; cursor:pointer;}
.application_wrap .apl_detailview .btn_hover:before {content:' '; display:none; position:absolute; top:62px; left:50%; width:20px; height:20px; margin-left:-6px; background:#e5ebf3; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.application_wrap .apl_detailview .btn_hover:after {content:' '; display:inline-block; width:24px; height:24px; margin-top:7px; margin-left:2px; background:url('/common/images/hphn/ico_application.png') -48px -65px no-repeat; vertical-align:top;}
.application_wrap .apl_detailview .btn_hover.open:after {background-position:-72px -65px;}
.application_wrap .apl_detailview .section {display:none; position:relative; width:1080px; margin:0 auto; padding:32px 0; overflow:inherit;}
.application_wrap .apl_detailview .section:before {content:' '; display:block; position:absolute; top:-10px; right:46px; width:20px; height:20px; background-color:#E5EBF3; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.application_wrap .apl_detailview .section:after {content:' ' ; display:block; clear:both;}
/** .application_wrap .apl_detailview .btn_hover:hover + .section, .application_wrap .apl_detailview .btn_hover:hover:before {display:block;}  **/
.application_wrap .apl_detailview .section .left {float:left; width:532px;}
.application_wrap .apl_detailview .section .right {float:right; width:532px;}
.application_wrap .apl_detailview .tit {margin-bottom:16px; color:#000; font-size:20px; line-height:24px;}
.application_wrap .apl_detailview .tit .ico {display:inline-block; width:24px; height:24px; margin-right:8px; vertical-align:top; background:url('/common/images/hphn/ico_application.png') 0 -65px no-repeat;}
.application_wrap .apl_detailview .right .tit .ico, .application_wrap .apl_detailview .tit .ico.ico2 {background-position:-24px -65px;}
.application_wrap .apl_detailview .tbl_box {display:table; width:100%; height:160px; padding:17px 0; border-radius:4px; background:#fff;}
.application_wrap .apl_detailview .tbl_box .cell {display:table-cell; vertical-align:top;}
.application_wrap .apl_detailview .tbl_box .cell.last {padding-left:24px; border-left:1px solid #eee;}
.application_wrap .apl_detailview .tbl_box .cell.thumb {width:112px; height:112px; overflow:hidden;}
.application_wrap .apl_detailview .box {display:table; width:100%; height:160px; padding:24px 0; border-radius:4px; background:#fff;}
.application_wrap .apl_detailview .box .cell {display:table-cell; height:112px; vertical-align:middle;}
.application_wrap .apl_detailview .box .cell.cl1 {width:267px; padding:0 24px;}
.application_wrap .apl_detailview .box .cell.cl2 {margin-left:267px; padding:0 25px; border-left:1px solid #eee; line-height:112px;}

.application_wrap .apl_detailview .dl_wrap li {margin-top:8px;}
.application_wrap .apl_detailview .dl_wrap li:first-child {margin-top:0;}
.application_wrap .apl_detailview .dl_wrap li dl {display:table; width:100%; table-layout:fixed; border-spacing:0;}
.application_wrap .apl_detailview .dl_wrap dt {display:table-cell; width:100px; color:#666; font-size:14px; line-height:17px; vertical-align:top;}
.application_wrap .apl_detailview .cl1 .dl_wrap dt {width:125px;}
.application_wrap .apl_detailview .dl_wrap dt .ico_qustion {display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -134px; vertical-align:top;}
.application_wrap .apl_detailview .dl_wrap dt .ico_qustion:focus {border:1px dotted #666;}
.application_wrap .apl_detailview .dl_wrap dt .ico_qustion:focus + .tooltip_box {display:block; opacity:1; visibility:visible;}
.application_wrap .apl_detailview .dl_wrap dd {display:table-cell; color:#000; font-size:14px; line-height:17px; vertical-align:top;}
.application_wrap .apl_detailview .dl_wrap dd .bar_list {margin-top:8px; margin-bottom:0;}
.application_wrap .apl_detailview .dl_wrap dd .bar_list li {margin-top:0; margin-bottom:0; color:#000; font-size:12px; line-height:15px;}
.application_wrap .apl_detailview .dl_wrap dd .bar_list li:before {top:7px;}
.application_wrap .apl_detailview .dl_wrap dd .plan_info {margin:8px 0 0 -57px;}
.application_wrap .apl_detailview .dl_wrap dd .plan_info li {margin-top:0;}
.application_wrap .apl_detailview .dl_wrap dd .plan_info li .kind {color:#999; font-size:12px; line-height:15px;}
.application_wrap .apl_detailview .dl_wrap dd .plan_info li .desc {color:#000; font-size:12px; line-height:15px;}
.application_wrap .apl_detailview .dl_wrap dd em {display:inline-block; color:inherit; font-size:16px; vertical-align:top;}
.application_wrap .apl_detailview .dl_wrap.size_s dt {width:57px;}
.application_wrap .apl_detailview .dl_wrap.size_s dd {margin-left:57px;}
.application_wrap .apl_detailview .dl_wrap.size_l dt {width:90px;}
.application_wrap .apl_detailview .dl_wrap.size_l dd {margin-left:90px;}
.application_wrap .apl_detailview .dl_wrap.size2 {margin-top:-8px;}
.application_wrap .apl_detailview .dl_wrap.size2 dl {overflow:hidden;}
.application_wrap .apl_detailview .dl_wrap.size2 dt {width:auto; color:#000; font-size:16px; line-height:24px;}
.application_wrap .apl_detailview .dl_wrap.size2 dd {float:right; margin-left:0; font-size:14px; line-height:24px;}
.application_wrap .apl_detailview .txt_pk {display:inline-block; width:100%; color:#ed008c; font-size:14px; line-height:20px; vertical-align:middle;}
.application_wrap .apl_detailview .price {margin-top:13px;}
.application_wrap .apl_detailview .price dt {float:left; width:100px; color:#000; font-size:16px; font-weight:bold; line-height:27px;}
.application_wrap .apl_detailview .price dd {margin-left:80px; color:#000; font-size:16px; font-weight:bold; text-align:right; line-height:27px;}
.application_wrap .apl_detailview .price dd em {display:inline-block; color:inherit; font-size:22px; font-weight:bold; vertical-align:top;}

.application_wrap .table_wraps .titles {overflow:hidden;}
.application_wrap .table_wraps .titles .tit.lt {float:left;}
.application_wrap .table_wraps .titles .tit.rt {float:right; width:258px;}
.application_wrap .table_wraps .tables {display:table; width:calc(100% + 32px); margin:0 -16px; table-layout:fixed; border-spacing:16px 0;}
.application_wrap .table_wraps .tables .col {display:table-cell; border-radius:4px; background:#fff; vertical-align:top;}
.application_wrap .table_wraps .tables .col .cate {padding:14px 24px; border-bottom:1px solid #eee; color:#000; font-size:16px; line-height:19px;}
.application_wrap .table_wraps .tables .col .dl_wrap {padding:16px 24px;}
.application_wrap .table_wraps .tables .col.no_bg {background:none;}
.application_wrap .table_wraps .tables .col.no_bg .boxs {margin-bottom:16px; padding:24px; border-radius:4px; background:#fff;}
.application_wrap .table_wraps .tables .col.no_bg .boxs:last-child {margin-bottom:0;}
.application_wrap .table_wraps .tables .col.no_bg .boxs .dl_wrap {padding:0;}
.application_wrap .table_wraps .tables dl dt {width:72px;}
.application_wrap .table_wraps .tables dl dd {margin-left:72px;}
.application_wrap .table_wraps .tables .dl_wrap.prc dt {width:auto; padding:3px 0;}
.application_wrap .table_wraps .tables .dl_wrap.prc dt.size_l {width:65%;}
.application_wrap .table_wraps .tables .dl_wrap.prc dd {text-align:right; padding:3px 0;}
.application_wrap .table_wraps .tables .dl_wrap.prc .total {margin-top:16px;}
.application_wrap .table_wraps .tables .dl_wrap.prc .total dt {color:#000; font-size:16px; line-height:27px; font-weight:bold;}
.application_wrap .table_wraps .tables .dl_wrap.prc .total dd {font-size:16px; line-height:27px; font-weight:bold;}
.application_wrap .table_wraps .tables .dl_wrap.prc .total dd em {font-size:22px; color:inherit; font-weight:bold;}
.application_wrap .table_wraps .txt {margin-top:8px; color:#ED008C; font-size:14px; line-height:19px;}

.application_wrap .table_wraps .hover_tooltip {margin-top:0; vertical-align:top; overflow:visible;}

.application_wrap .apl_body {position:relative; width:1080px; margin:0 auto;}
.application_wrap .apl_body .data_table {margin-top:55px;}
.application_wrap .apl_body .data_table {margin-top:0;}
.application_wrap .apl_body .data_table .table_info {margin-top:40px;}
.application_wrap .apl_body .body_tit {margin-top:48px; color:#000; font-size:32px; line-height:39px;}
.application_wrap .apl_body .body_tit + .data_table {margin-top:32px;}
.application_wrap .apl_body .nav_steps {margin-top:48px;}
.application_wrap .apl_body .dropdown_acco {width:720px; margin:48px auto 0;}

.cont_inter {padding-top:48px;}

.application_wrap .gift_list {overflow:hidden; margin-bottom:-6px;}
.application_wrap .gift_list li {float:left; width:329px; margin-right:6px; margin-bottom:6px;}
.application_wrap .gift_list .gifts {position:relative; min-height:80px; padding:16px 78px 16px 42px; border:1px solid #ddd; border-radius:4px;}
.application_wrap .gift_list .gifts p {color:#000; font-size:14px; line-height:24px;}
.application_wrap .gift_list .gifts .flag {display:block; position:absolute; top:16px; left:9px; width:24px; height:24px; border-radius:4px; background:#666; color:#fff; font-size:10px; text-align:center; line-height:24px;}
.application_wrap .gift_list .gifts .img {display:block; position:absolute; top:12px; right:16px; width:56px; height:56px; overflow:hidden;}
.application_wrap .gift_list .rdo_gifts {position:relative;}
.application_wrap .gift_list .rdo_gifts input[type='radio'] + label {display:block; position:relative; min-height:80px; padding:16px 78px 16px 42px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#9b9b9b; font-size:14px; line-height:24px;}
.application_wrap .gift_list .rdo_gifts input[type='radio'] + label:before {content:' '; display:block; position:absolute; top:0; left:0; width:33px; height:40px; background:url('/common/images/hphn/bg_label.png') 0 0 no-repeat;}
.application_wrap .gift_list .rdo_gifts input[type='radio']:checked + label {border-color:#ed008c; color:#ed008c;}
.application_wrap .gift_list .rdo_gifts input[type='radio']:checked + label:before {background-position:-33px 0;}
.application_wrap .gift_list .rdo_gifts .img {display:block; position:absolute; top:12px; right:16px; width:56px; height:56px; overflow:hidden;}
.application_wrap .mini_tit {margin-top:26px; margin-bottom:8px; color:#000; font-size:16px; line-height:19px;}

.application_wrap .gybd_box {margin-top:30px;}
.application_wrap .layout_wrap {position:relative; padding-right:304px;}

.application_wrap .gy_box {width:600px; margin:24px auto 0; padding:18px 0; border-radius:4px; background:#f6f6f6; color:#000; font-size:22px; line-height:27px; text-align:center;}
.application_wrap .gy_box .gy_box_cont {padding-top:8px; font-size:18px; color:#666; line-height:21px;}
.application_wrap .info_txt {margin-top:16px; color:#666; font-size:16px; line-height:19px;}

.application_wrap .apl_foot {margin-top:55px; background:#f6f6f6;}
.application_wrap .apl_foot .footcont_wrap {width:1080px; margin:0 auto; padding:48px 0;}
.application_wrap .apl_foot dl.info_dl {margin-top:32px;}
.application_wrap .apl_foot dl.info_dl:first-child {margin-top:0;}
.application_wrap .apl_foot dl.info_dl dt {margin-bottom:6px; color:#000; font-size:20px; line-height:24px;}
.application_wrap .apl_foot dl.info_dl dd {position:relative; padding-left:10px; color:#666; font-size:16px; line-height:28px;}
.application_wrap .apl_foot dl.info_dl dd:before {content:' '; position:absolute; top:11px; left:0; width:3px; height:3px; border-radius:50%; background:#666;}


.application_wrap .pay_history {padding:0; background:#fff;}
.application_wrap .pay_history .layout_wrap {padding-right:0;}



.gybd_box.comp .error_img {display:inline-block; width:80px; height:80px; background:url('/common/images/cmm/ico_common.png') no-repeat -181px -231px;}
.gybd_box.comp .error_ment {color:#666; font-size:16px; line-height:19px;}
.gybd_box.comp .error_bottom {position:relative; width:720px; margin:32px auto 0; padding:26px 42px 25px; border-radius:4px; background:#f6f6f6;}
.gybd_box.comp .error_bottom .dot_list {display:inline-block;}
.gybd_box.comp .error_bottom .dot_list li > .txt_noti {margin:6px 0 0 80px;}
.gybd_box.comp .error_bottom .tit_sm{font-size:16px; color:#666; line-height:22px;}
.gybd_box.comp .error_bottom .tit_sm em{color:#000;}
.gybd_box.comp .system_test {position:relative; width:480px; margin:32px auto 0; padding:16px 34px; border-radius:4px; background:#f6f6f6;}
.gybd_box.comp .system_test span.tit{font-size:16px; color:#666; line-height:32px; margin-bottom: 0;}
.gybd_box.comp .system_test span.txt{margin-left:16px; font-size:16px; color:#000; font-weight:bold; line-height:24px;}

.gybd_box {padding:30px; border:1px solid #ddd;}
.gybd_box dl {overflow:hidden;}
.gybd_box dl dt {float:left; width:50%; padding-top:15px; text-align:center; color:#999; font-size:22px; line-height:64px;}
.gybd_box dl dt .ico {display:inline-block; width:64px; height:64px; margin-right:16px; background:url('/common/images/hphn/ico_application.png') 0 0 no-repeat;}
.gybd_box dl dd {margin-left:50%; padding:0 30px; border-left:1px solid #ddd;}

.gybd_box.comp {position:relative; width:740px; margin:0 auto; padding:64px 0 0 0; border:none; text-align:center;}
.gybd_box.comp .tit {margin-bottom:24px; color:#222; font-size:32px; line-height:39px;}
.gybd_box.comp .tit_desc {font-size:0;}
.gybd_box.comp .tit_desc .ico {display:inline-block; width:82px; height:60px; margin-top:8px; margin-right:24px; background:url('/common/images/hphn/ico_application.png') -64px 0 no-repeat; vertical-align:top;}
.gybd_box.comp .tit_desc .ment {display:inline-block; color:#666; font-size:22px; line-height:27px; text-align:left; vertical-align:middle;}
.gybd_box.comp .tit_desc .ment em {display:block; margin-top:4px; color:#ED008C; font-size:20px;}
.gybd_box.comp .tit_desc .ment small {display:block; margin-top:8px; color:#666; font-size:16px; line-height:22px;}
.gybd_box.comp .tit_desc .num {display:block; margin-top:8px; color:#ed008c; font-size:18px; line-height:21px;}
.gybd_box.comp .tit_desc .date {display:block; margin-top:4px; color:#000; font-size:18px; line-height:21px;}
/* .gybd_box.comp .btn_comp {display:inline-block; width:224px; height:56px; line-height:56px; margin-top:30px; border-radius:4px; background:#000; color:#fff; font-size:20px;} */
.gybd_box.comp .btn_wrap {margin-top:40px;}
/* .gybd_box.comp .btn_wrap .bttn {width:176px !important;} */
.gybd_box.comp .btn_wrap .dark_black {background:#000; color:#fff;}
.gybd_box.comp .bottom {margin-top:32px; border-top:1px solid #ddd; padding:24px 20px 0; overflow:hidden; text-align:left;}
.gybd_box.comp .bottom .ment {float:left; color:#666; font-size:16px; line-height:22px;}
.gybd_box.comp .bottom .bttn {float:right;}
.gybd_box.comp .tit_info {margin-top:40px; padding-top:24px; border-top:1px solid #ddd; color:#666; font-size:16px; line-height:22px;}

.gybg_box {padding:16px; border-radius:4px; background:#f6f6f6; overflow:hidden;}

/* 해피톡 추가 2020-02-03 */
.gybd_box.comp .hp_step_wrap {overflow:hidden;width:86%;margin:30px auto 54px;}
.gybd_box.comp .hp_step_wrap ul {overflow:hidden;}
.gybd_box.comp .hp_step_wrap ul > li {float:left;width:20%;text-align:center;}
.gybd_box.comp .hp_step_wrap ul > li .ico {display:inline-block;width:91px;height:92px;margin-bottom:19px;}
.gybd_box.comp .hp_step_wrap ul > li .ico.i_01 {background:url('/common/images/hphn/happy_step01.png') 0 0 no-repeat;vertical-align:top;}
.gybd_box.comp .hp_step_wrap ul > li .ico.i_02 {background:url('/common/images/hphn/happy_step02.png') 0 0 no-repeat;vertical-align:top;}
.gybd_box.comp .hp_step_wrap ul > li .ico.i_03 {background:url('/common/images/hphn/happy_step03.png') 0 0 no-repeat;vertical-align:top;}
.gybd_box.comp .hp_step_wrap ul > li .ico.arr {background:url('/common/images/hphn/happy_step_arr.png') 50% 50% no-repeat;vertical-align:top;}
.gybd_box.comp .hp_step_wrap ul > li .txt {display:block;text-align:center;font-size:18px;color:#666;font-weight:500;}
.gybd_box.comp .hp_step_wrap ul > li:nth-child(3) .txt {color:#ed008c;}
.gybd_box.comp .chatbot_join_box {font-size:16px;margin-bottom:38px;padding-bottom:38px;border-bottom:1px solid #ddd;}
.gybd_box.comp .chatbot_join_box ul {overflow:hidden;width:74%;margin:0 auto;}
.gybd_box.comp .chatbot_join_box ul > li {text-align:center;float:left;display:inline-block;}
.gybd_box.comp .chatbot_join_box ul > li:last-child {float:right;}
.gybd_box.comp .chatbot_btn {background-color:#6b6998;width:190px;height:38px;line-height:38px;color:#fff;border-radius:5px;display: flex;justify-content: center;align-items: center;}
.gybd_box.comp .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:3px;}
.gybd_box.comp .chatbot_btn span {display:inline;margin-top:-5px}
.info_ment_box {font-size:18px;margin:40px auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:30px 0 !important;}
.info_ment_box p {margin:5px 0;color:#666}
.info_ment_box .num span {font-weight:500;}
.infoTxtBox {margin-left:17px;}
.infoTxtBox ul > li {color:#ed008c;}
.infoTxtBox ul > li:before {content:"※ ";margin-left:-13px;}
.infoTxtBox ul > li:last-child {color:#666;}

/* data_table */
.data_table .table_info {position:relative; border-bottom:1px solid #bbb;}
.data_table .table_info:after {content:' '; display:block; clear:both;}
.data_table .table_info .tit {float:left; margin-bottom:16px; color:#000; font-size:24px; line-height:29px;}
.data_table .table_info .necess_txt {float:left; padding-left:4px; color:#AA36BB; font-size:24px; line-height:29px;}
.data_table .table_info .comp_txt {float:left; position:relative; margin-top:3px; margin-left:16px; color:#00aa0c; font-size:18px; line-height:24px;font-weight:bold;}
.data_table .table_info .comp_txt:before {content:' '; display:inline-block; width:18px; height:15px; margin-right:8px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -222px; vertical-align:middle;}
.data_table .table_info .incomp_txt {float:left; margin-top:3px; margin-left:16px; color:#f33; font-size:18px; line-height:24px;font-weight:bold;}
.data_table .table_info .agree_all {float:left; margin-left:16px; padding-top:2px;}
.data_table .table_info .btn_table_toggle {display:block; position:absolute; top:0; right:0; width:30px; height:30px;}
.data_table .table_info .btn_table_toggle:after {content:' '; display:block; position:absolute; right:8px; top:5px; width:12px; height:12px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.data_table li.on .table_info .btn_table_toggle:after {top:11px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.data_table .table_info .chk_wrap {float:right;}
.data_table .table {padding:12px 0; border-bottom:1px solid #ddd;}
.data_table .table.happy {border-bottom:0;}
.data_table .table table {width:100%; table-layout:fixed;}
.data_table .table .col_th {width:312px;}
.data_table .table .col_td {width:auto;}
.data_table .table tbody th {height:48px; padding:12px 32px; color:#000; font-size:20px; line-height:24px; word-break:keep-all; vertical-align:middle;}
.data_table .table tbody th.ver_top {line-height:48px; vertical-align:top;}
.data_table .table tbody th p {font-size:14px; color:#666; line-height:18px;}
.data_table .table tbody th.ver_top.thin {line-height:24px;}
.data_table .table tbody td {padding:12px 32px 12px 0; font-size:18px; line-height:24px; vertical-align:middle;}
.data_table .table tbody td .xsmall {min-width:96px;}
.data_table .table tbody td .link_cont {margin-top:16px; font-size:0; line-height:0;}
.data_table .table tbody td .link_cont .detail_link {display:inline-block; margin:0 0 0 16px;}
.data_table .table tbody td .link_cont .detail_link:first-child {margin-left:0;}
.data_table .table tbody td .link_cont .detail_link span {color:#999;}
.data_table .table tbody td p.sub_tit {padding:10px 0 8px;}
.data_table .table tbody td .agree_check + p.sub_tit {padding-top:20px;}
.data_table .table .multi_ipt {width:400px; margin-top:8px; padding:14px 16px; border:1px solid #ccc; border-radius:4px; background:#f6f6f6; color:#999; font-size:16px; line-height:22px; white-space:normal;}
.data_table .table .multi_ipt:first-child {margin-top:0;}
.data_table .table .essen {display:inline-block;}
.data_table .table .essen i {margin-left:4px; color:#ed008c; font-size:inherit;}

.data_table .tbltype_dl:after {content:' '; display:block; clear:both;}
.data_table .tbltype_dl .th_type {float:left; width:344px; padding:37px 32px; color:#000; font-size:20px; line-height:24px; word-break:keep-all;}
.data_table .tbltype_dl .td_type {margin-left:344px; padding:12px 32px 12px 0;}
.data_table .tbltype_dl .td_type p {margin-top:8px;}
.data_table .tbltype_dl .td_type p:first-child {margin-top:0;}
.data_table .tbltype_dl.type2 .th_type {float:left; width:280px; padding:8px 32px; color:#999; font-size:18px; line-height:21px; word-break:keep-all; word-wrap:break-word;}
.data_table .tbltype_dl.type2 .th_type.type2 {color:#000; line-height:48px;}
.data_table .tbltype_dl.type2 .th_type .tool_tip {display:inline-block; top:-2px;}
.data_table .tbltype_dl.type2 .td_type {margin-left:280px; padding:8px 0; color:#000; font-size:18px; line-height:21px;}
.data_table .tbltype_dl.type2 .td_type.right_type .dataform_box {max-width:100%; text-align:right;}
.data_table .tbltype_dl.type2 .td_type.right_type .info_txt {float:right;}
.data_table .tbltype_dl.type2 .td_type.right_type:after {content:' '; display:block; clear:both;}
.data_table .tbltype_dl.type3 {display:table; width:100%; table-layout:fixed; background:#f6f6f6; border-top:1px solid #ddd;}
.data_table .tbltype_dl.type3:first-child {border-top:none;}
.data_table .tbltype_dl.type3 .th_type {display:table-cell; float:none; width:215px; color:#000; font-size:16px; line-height:19px; padding:16px 24px; vertical-align:middle;}
.data_table .tbltype_dl.type3 .td_type {display:table-cell; background:#fff; color:#666; font-size:16px; line-height:19px; padding:16px 12px; vertical-align:middle;}
.data_table .tbltype_dl.type_promotion .inptxt_wrap {width:236px;}
.data_table .tbltype_dl.type_promotion .inptxt_wrap.size_l {width:496px;}

.data_table .dataform_box {font-size:0; margin-top:8px; white-space:nowrap;}
.data_table .dataform_box:first-child {margin-top:0;}
.data_table .dataform_box .bttn {margin-left:8px;}
/*200514 신용카드 본인인증 교체*/
.data_table .dataform_box .bttnType2,
.bttnType2{display: inline-block;border-radius: 4px;text-align: center;box-sizing:border-box;padding:0 15px;vertical-align:top;margin-left:0;min-width:176px;height: 48px;line-height: 46px;font-size: 16px;}
.bttnType2.gray{background: #ccc !important;color: #666 !important;}
.bttnType2.black{background: #333 !important; color: #fff !important;}

/*200812 분실/파손보험 수정페이지 수정 */
.data_table .dataform_box.modify {overflow:hidden;}
.data_table .dataform_box.modify > div{float:left;}
.data_table .dataform_box.modify > div:nth-child(3) {margin-left:0}

/* //200514 신용카드 본인인증 교체*/
.data_table .inptxt_wrap, .data_table .select_wrap {vertical-align:top; width:216px;}
.data_table .inptxt_wrap.size_one {width:40px;}
.data_table .inptxt_wrap.size_e {width:236px;}
.data_table .inptxt_wrap.size_xl {width:496px;}
.data_table .inptxt_wrap.size_xs, .data_table .select_wrap.size_xs, .data_table .rdo_wrap.size_xs {width:144px;}
.data_table .inptxt_wrap.size_s, .data_table .select_wrap.size_s {width:160px;}
.data_table .inptxt_wrap.size_ss, .data_table .select_wrap.size_ss {width:176px;}
.data_table .inptxt_wrap.size_m, .data_table .select_wrap.size_m {width:296px;}
.data_table .inptxt_wrap.size_mm, .data_table .select_wrap.size_mm {width:336px;}
.data_table .inptxt_wrap.size_xm, .data_table .select_wrap.size_xm {width:480px;}
.data_table .inptxt_wrap.size_l, .data_table .select_wrap.size_l {width:100%;}
.data_table .inptxt_wrap.size_137, .data_table .select_wrap.size_137 {width:137px;}
.data_table .inptxt_wrap.size_93, .data_table .select_wrap.size_93 {width:93px;}
.data_table .inptxt_wrap.size_calc, .data_table .select_wrap.size_calc {width:calc(100% - 128px);}
.data_table .inptxt_wrap.size_calc2, .data_table .select_wrap.size_calc2 {width:calc((100% - 24px) / 2);}
.data_table .text {padding:0 8px 0 4px; color:#000; font-size:18px; line-height:46px;}
.data_table .inptxt_wrap.time_count {position:relative;}
.data_table .inptxt_wrap.time_count .time {display:block; position:absolute; top:0; right:16px; color:#ff3333; font-size:14px; line-height:48px;}
.data_table .inptxt_wrap.time_count input {padding-right:66px;}
.data_table .dataform_box.size2 .inptxt_wrap, .data_table .dataform_box.size2 .select_wrap {width:180px;}
.data_table .select_wrap.full {width:100%;}
.data_table .dataform_box .ept {display:inline-block; width:16px; color:#000; font-size:18px; line-height:48px; text-align:center; vertical-align:middle;}
.data_table .dataform_box .ept.size_l {width:24px;}
.data_table .dataform_box .ept_txt {display:inline-block; color:#000; font-size:18px; line-height:48px; text-align:center; vertical-align:middle;}
.data_table .info_tit {color:#000; font-size:16px; line-height:19px;}
.data_table .info_txt {margin-top:12px;}
.data_table .info_txt li {position:relative; margin-top:4px; padding-left:14px; color:#666; font-size:14px; line-height:18px;}
.data_table .info_txt li:before {content:'※'; display:block; line-height:17px; position:absolute; top:0; left:0;}
.data_table .info_txt li.bk {color:#000;}
.data_table .info_tit + .info_txt {margin-top:10px;}
.data_table .dataform_box .ml {margin-left:8px;}
.data_table .dataform_box .rdo_wrap {margin-left:8px;}
.data_table .dataform_box .rdo_wrap:first-child {margin-left:0;}
.dataform_box.type.three .rdo_wrap.txt_type input[type='radio']:checked + label{z-index:2;}
.data_table .dataform_box.three .rdo_wrap:nth-child(2){margin-right:-8px;z-index:1;}
.data_table .dataform_box .chk_wrap {margin-top:12px; margin-left:16px;}
.data_table .dataform_box .num_guard {display:inline-block; width:106px; height:10px; margin-left:8px; background:url('/common/images/cmm/bg_num_guard.png') 0 0 no-repeat; vertical-align:middle;}
.data_table .dataform_box .num_guard.size_6 {width:90px;}

.data_table .dataform_box.column .select_wrap:first-child {width:138px;}
.data_table .dataform_box.column .select_wrap:last-child {width:148px; margin-left:8px;}
.data_table .dataform_box.column .select_wrap .ui-selectbox-wrap {width:100% !important;}

.data_table .dataform_box .security_wrap {width:468px;}

.data_table .dataform_box + .same_check {margin-top:20px;}
.data_table .same_check {margin-bottom:8px;}
.data_table .use_check {margin-top:8px;}
.data_table .agree_check {margin-top:16px;}
.data_table .rdo_wrap.info_type.big {width:175px; min-height:104px;}
.data_table .rdo_wrap.info_type.big2 {width:208px; min-height:116px;}
.data_table .rdo_wrap.info_type.big .tit_desc {margin-top:15px; line-height:19px;}
.data_table .rdo_wrap.info_type.big .select_info {padding:16px;}
.data_table .more_view {display:inline-block; margin-top:16px; line-height:20px; vertical-align:top;}
.data_table .more_view span {display:inline-block; position:relative; padding-right:20px; color:#666; font-size:16px; line-height:20px; vertical-align:top;}
.data_table .more_view span:before {content:' '; display:block; position:absolute; top:50%; right:4px; 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);}
.mac .data_table .more_view span:before {margin-top:-6px;}

.data_table .txt_cont_box {padding:32px; border-bottom:1px solid #ddd;}
.data_table .box_gray {margin:0 32px; padding:16px 24px 16px 35px; background-color:#f6f6f6;}
.data_table .more_info {padding:24px 32px; border-bottom:1px solid #ddd; background:#f6f6f6; color:#666; font-size:16px; line-height:22px;}
.data_table .more_info p {margin-top:16px;}
.data_table .more_info p:first-child {margin-top:0;}
.data_table .more_info .bk {color:#000;}
.data_table .more_info .bk em {margin-left:16px; color:inherit; font-weight:bold;}
.data_table .more_info .bk span {margin-left:8px; color:#666; font-size:14px;}


.txt_cont_box .dls {margin-top:24px;}
.txt_cont_box .dls:first-child {margin-top:0;}
.txt_cont_box .dls dt.tit {margin-bottom:16px; color:#000; font-size:20px; line-height:19px;}
.txt_cont_box .dls dd.desc .gybg_box {padding:16px 24px;}
.txt_cont_box .dls dd.desc.tbl {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.txt_cont_box .dls dd.desc.tbl .tbltype_dl.type3 {table-layout:inherit;}
.txt_cont_box .dot_list li {margin-top:8px; font-size:16px; line-height:19px;}
.txt_cont_box .dot_list li:before {top:8px;}
.mac .txt_cont_box .dot_list li:before {top:7px;}

/* Z플립전용 분실/파손 보험 */
.data_table .table th.zval_t{vertical-align:top !important;}
.zFlip_table {margin-top:20px;border-top:1px solid #ddd;}
.zFlip_table th,
.zFlip_table td {font-size:16px !important;color:#333;font-weight:600;text-align:center;padding:12px 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;}

/* list */
/* .dot_list {margin-bottom:-6px;} */
.dot_list > li,
dl.dot_list > dt {position:relative; margin-top:4px; padding-left:12px; color:#666; font-size:14px; line-height:17px;}
.dot_list > li:before,
dl.dot_list > dt:before {content:' '; display:block; position:absolute; top:7px; left:4px; width:3px; height:3px; border-radius:50%; background:#666;}
.dot_list > li.pink:before {content:' '; display:block; position:absolute; top:7px; left:4px; width:3px; height:3px; border-radius:50%; background:#ED008C;}
.dot_list.big > li {margin-top:8px; font-size:16px; line-height:21px;}
.dot_list.big > li:before {top:9px;}
.dot_list > li small {color:#9A3CA8; font-size:inherit;}
.dot_list > li:first-child {margin-top:0 !important;}
.mac .dot_list > li:before {top:6px;}
.mac .dot_list.big > li:before {top:8px;}

/* .dot_list.type2 > li {color:#666; font-size:14px; line-height:17px;}
.dot_list.type2 > li:before {top:7px; width:2px; height:2px; background:#666;}

.dot_list.type3 > li {color:#666;}
.dot_list.type3 > li:before {width:3px; height:3px; background:#666;}
.dot_list.type3 > li small {color:#9A3CA8; font-size:14px;} */

.num_list > li {position:relative; padding-left:15px; color:#666; font-size:16px; line-height:24px;}
.num_list > li .num {display:block; position:absolute; top:0; left:0; line-height:24px;}

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

.num_list .bar_list {margin-bottom:0;}
.num_list .bar_list > li {font-size:14px; line-height:21px; margin-bottom:0;}

.arr_list > li {font-size:13px; line-height:18px;}
.arr_list > li:before {content:'→'; margin-right:4px;}

.dot_list > li .bar_list {margin:8px 0 !important;}
.dot_list > li .bar_list > li {margin-bottom:0 !important; font-size:14px; line-height:21px;}
.dot_list > li .bar_list > li:befopre {top:10px;}

.dot_btn li .btn_more {position:absolute; top:-11px;}

/* 별 블릿 */
.txt_noti2 {position:relative; margin-top:16px; padding-left:9px; color:#333; font-size:12px; line-height:16px;letter-spacing: 0.1px;}
.txt_noti2:before {content:'*'; display:block; position:absolute; top:0; left:0;}

/* 당구장 블릿 */
.txt_noti {position:relative; margin-top:12px; padding-left:14px; color:#666 !important; font-size:14px; line-height:17px;}
.txt_noti+.txt_noti {margin-top:4px;}
.txt_noti:before {content:'※'; display:block; position:absolute; top:0; left:0;}


.txt_noti_blak {position:relative; margin-top:7px; color:#000; font-size:14px; line-height:24px;}
.txt_noti_nb {margin-top:12px; color:#666; font-size:14px; line-height:17px;}
.txt_noti_nb.txt_bold{color:#ff0000;}

.txt_top_noti {margin-top:16px; color:#666; font-size:16px; line-height:19px;}
.txt_top_noti span {color:#ED008C;}


/* 자세히 보기 링크 */
.detail_link {display:block; margin-top:7px; line-height:20px;}
.detail_link 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;}
.detail_link span:before {content:' '; display:block; position:absolute; top:50%; right:4px; 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);}
.detail_link.big span {font-size:16px;}
.mac .detail_link span:before {margin-top:-5px;}

.detail_link.type span {color:#000;} /* 검정색 */
.detail_link.type span:before {border-color:#000;}

.detail_link.type1 span {color:#999;}
.detail_link.type2 span{float:right; margin-top:8px;}
.detail_link.type2::after{display:block; content:''; clear: both;}

.detail_link.str_type span {color:#ED008C !important; font-size:16px;}
.detail_link.str_type span:before {border-color:#ED008C;}

.si_form_wrap:after{display:block; content:''; clear: both;}

/* 하단 문구 */
.btm_noti {position:relative; margin-bottom:-16px; text-align:right;}
.btm_noti .txt_noti {display:inline-block;}
.btm_noti .dot_list {position:absolute; top:16px; left:0;}
a.under {text-decoration:underline;}


/* bottom box */

.bottom_gy_box {margin-top:40px; padding:24px; background:#f6f6f6; border-radius:4px; text-align:right;}
.bottom_gy_box + .bottom_gy_box {margin-top:10px}

.bottom_img_banner {margin-top:56px; padding-top:40px; border-top:1px solid #ddd;}
.bottom_img_banner:after {content:' '; display:block; clear:both;}
.bottom_img_banner .box:first-child {margin-left:0;}
.bottom_img_banner .box {float:left; width:344px; margin-left:24px;}
.bottom_img_banner .box .tit {margin-bottom:16px; color:#000; font-size:24px; line-height:24px;}

/* 이용약관 아코디언 */
.agree_form_wrap .head {position:relative;}
.agree_form_wrap .bttn {display:block; position:absolute; top:0; right:0; width:24px; height:24px;}
.agree_form_wrap .bttn:before {content:' '; display:block; position:absolute; top:3px; left:9px; width:12px; height:12px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.agree_form_wrap ul li.on > .head .bttn:before {top:9px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.agree_form_wrap .btn_arr {display:block; position:absolute; top:18px; right:16px; width:16px; height:16px; text-align:center;}
.agree_form_wrap .btn_arr:before {content:' '; display:inline-block; width:9px; height:9px; border:1px solid #000; border-bottom:none; border-left:none; vertical-align:top; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.agree_form_wrap ul li.on > .head .btn_arr:before {margin-top:5px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}



.agree_form_wrap .depth1 {padding:24px 30px; border:1px solid #ddd; border-radius:4px;}
.agree_form_wrap .depth2 {margin-top:12px; overflow:hidden;}
.agree_form_wrap .depth2 > ul {margin-bottom:-16px;}
.agree_form_wrap .depth2 > ul > li {margin-bottom:16px; border-radius:4px; border:1px solid #eee; background:#f6f6f6;}
.agree_form_wrap .depth2 li .bul_list {margin:0;}
.agree_form_wrap .depth2 li .bul_list li {margin-bottom:0; padding-left:10px; text-indent:-10px;}
.agree_form_wrap .depth2 li .bul_list li ul li {padding-left:7px; font-size:14px; text-indent:0;}
.agree_form_wrap .depth2 li .txt_list .txt_agree {margin-top:8px; color:#666;}
.agree_form_wrap .depth2 .head {padding:16px; padding-right:40px;}
.agree_form_wrap .depth2 .head .chk_wrap {vertical-align:top;}
.agree_form_wrap .depth2 .head .notice_txt {position:absolute; top:20px; right:44px; color:#999; font-size:16px; line-height:19px;}
.agree_form_wrap .depth2 .head .txt {color:#000; font-size:14px;}
.agree_form_wrap .depth2 .terms_cont_wrap {padding:0;}
.agree_form_wrap .depth2 .terms_cont_wrap .tit {color:#000; font-size:16px; line-height:19px; font-weight:bold;}
.agree_form_wrap .depth2 .terms_cont_wrap .tit + .dot_list {margin-top:8px;}
.agree_form_wrap .depth2 .content {max-height:400px; padding:8px 48px 24px; color:#666; font-size:16px; line-height:24px; overflow-y:auto;}


.star_list > li {position: relative; padding-left:10px; font-size:13px;}
.star_list > li:before {content:'*'; position: absolute; top: 0; 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 .terms_cont_wrap .terms_list .small {margin-top: 8px; font-size: 12px; line-height: 16px;}
.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 .num_list ul {margin: 8px 0 12px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list > li {margin-top: 8px;}
.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 .num + ul {margin-top: 4px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .dot_list {margin: 8px 0 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 .from_dt .from_tit {font-weight: bold;}
.agree_form_wrap .depth2 .terms_cont_wrap .from_dt p {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: 16px; 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;}

/* iot 약관 */
.terms_list.iot .terms_table table tbody th,
.terms_list.iot .terms_table table tbody td {padding: 6px; text-align: center; vertical-align: middle;}
.terms_list .terms_table.text-left table tbody td {text-align: left;}

.fViolet {color: #aa36bb !important;}

.agree_form_wrap .depth2 .bttn {top:16px; right:16px;}
/* .agree_form_wrap .depth2 .content {padding:0 20px 20px;} */
.scrollarea .agree_form_wrap .depth2 .content {margin-top:-8px; padding:0 16px 16px;}

.agree_chk .agree_form_wrap .terms_cont_wrap {/*padding:0 24px 16px 48px;*/ color:#666; font-size:14px; line-height:19px;}
.agree_chk .agree_form_wrap .terms_cont_wrap.type2 {padding-left:16px;}
.agree_chk .agree_form_wrap .terms_cont_wrap .txt_agree em {color:inherit; font-weight:bold;}
.agree_chk .agree_form_wrap .terms_cont_wrap .txt_agree {margin-top:8px;}
.agree_chk .agree_form_wrap .terms_cont_wrap .txt_agree:first-child {margin-top:0;}
.agree_chk .agree_form_wrap .terms_cont_wrap .dot_list {margin-top:8px;}
.agree_chk .agree_form_wrap .terms_cont_wrap .dot_list > li {color:inherit; margin-bottom:0; line-height:24px;}
.agree_chk .agree_form_wrap .terms_cont_wrap .dot_list > li:before {top:10px; width:2px; height:2px; background:#666;}
/* //가입 정보 폼 */

/* 컴포넌트 */
.ui-calendar-container {width:312px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px rgba(0, 0, 0, .05);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('/common/images/cmm/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('/common/images/cmm/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('/common/images/cmm/bg_calender.png') -100px -1px no-repeat;}/* 닫기 */
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev	{position:absolute;top:0;left:0;width:48px;height:60px;color:#fff;text-indent:-1000em;}/*이전달*/
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev:before {content:' '; display:block; position:absolute; top:26px; left:24px; width:8px; height:8px; border:1px solid #000; border-right:none; border-bottom:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.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;}/*다음달*/
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next:before {content:' '; display:block; position:absolute; top:26px; right:24px; width:8px; height:8px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.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:#000;font-size:20px;line-height:60px;}/*현재 표시달*/
.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;font-size:16px;color:#111;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:38px;padding:0;font-size:16px;color:#111;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:32px;height:32px;}
.ui-calendar-container .ui-select-day .ui-calendar-table td button.disabled	{color:#999;}
.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:#D0021B;}
.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;font-weight:bold;border-radius:50%;background-color:#ED008C;}

.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {color:#D0021B;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:#D0021B;font-weight:normal;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.active .ui-calendar-day {color:#fff;border-radius:50%;background-color:#ED008C;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first select { height: 80%; width:30%;}




/*드롭박스*/

.ui-selectbox-wrap	{
    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;
	box-sizing:content-box;
}

.ui-selectbox-wrap a{text-decoration: none;}
.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:3;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-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;height:24px;padding:11px 38px 11px 15px;color:#333;font-size:16px;line-height:24px;white-space:nowrap;letter-spacing:0; word-wrap:normal; box-sizing:content-box;}
.ui-selectbox-wrap.disabled a	{color:#999 !important;}
.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-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 {}
.ui-selectbox-wrap .ui-selectbox-view .ico	{position:absolute;right:15px;top:17px;width:8px;height:8px; 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-wrap.on .ui-selectbox-view .ico	{top:21px; -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; background-position:-48px 0;}


.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 {padding:0 !important;}
.ui-selectbox-wrap .ui-selectbox-list li a	{height:auto; min-height:26px; padding:0px 25px 3px 12px;line-height:1.8em;color:#303030; text-overflow:ellipsis; overflow:hidden;}
.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.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;}


.select_wrap.h32 .ui-selectbox-wrap a {height:30px;padding:0 30px 0 15px;font-size:16px;line-height:30px;white-space:nowrap;letter-spacing:0; word-wrap:normal; color:#000; box-sizing:content-box;}
.select_wrap.h32 .ui-selectbox-wrap .ui-selectbox-view .ico	{top:10px;}
.select_wrap.h32 .ui-selectbox-wrap.on .ui-selectbox-view .ico {top:13px;}
.select_wrap.h32 .ui-selectbox-wrap .ui-selectbox-list {top:30px;}

.select_wrap.h40 .ui-selectbox-wrap a {height:38px;padding:0 30px 0 15px;font-size:16px;line-height:38px;white-space:nowrap;letter-spacing:0; word-wrap:normal; color:#000; box-sizing:content-box;}
.select_wrap.h40 .ui-selectbox-wrap .ui-selectbox-view .ico	{top:13px;}
.select_wrap.h40 .ui-selectbox-wrap.on .ui-selectbox-view .ico {top:18px;}
.select_wrap.h40 .ui-selectbox-wrap .ui-selectbox-list {top:38px;}


/*드롭박스 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;}



/*RangeSlider */
.ui-range-slider {position: relative; text-align: left; height: 40px; 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: #DDD; height: 6px; border-radius:6px;}
.ui-range-slider .ui-range-slider-range { position: absolute; background-color: #0283de; height: 6px; border-radius:6px;}
.ui-range-slider .ui-range-slider-handler {position: absolute; height: 34px; width: 34px; background:url('/common/images/hphn/ico_scr.png') 0 0 no-repeat;}
.ui-range-slider .ui-range-slider-value{margin:0; padding:0; top:4px;}
.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;}
/* //컴포넌트 */

.wrap {position:relative;}
.wrap.no_header {padding-top:0;}
.container {min-height:1000px;}
.mintype {min-height:100%;}
/* .container {padding-bottom:56px;}
#footer {margin-top:0;} */

/* location */
.location {width:100%; height:48px; line-height:48px; text-align:right;}
.location > ul {width:1080px; margin:0 auto}
.location > ul > li {display:inline-block; position:relative; margin-left:8px; color:#666; font-size:14px; line-height:16px;}
.location > ul > li:after {content:''; display:block; position:absolute; top:3px; right:0; z-index:10; width:8px; height:8px; border:1px solid #999; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.location > ul > li:last-child {padding-right:0;}
.location > ul > li:last-child:after {display:none;}
.location > ul > li > em,
.location > ul > li > a {display:block; position:relative; color:#666; font-size:14px; line-height:16px; padding-right:14px;}
.location > ul > li > a:after {content:' '; display:inline-block; margin-left:8px; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') -534px -152px no-repeat; vertical-align:top;}
.location > ul > li > a.none:after {content:' '; display:none;}


.location > ul > li:last-child em,
.location > ul > li:last-child > a {color:#000;}
.location > ul > li .in_list {display:none; position:absolute; top:0; right:-35px; z-index:3; width:180px; margin-top:28px; padding:10px; border:1px solid #eee; background-color:#fff; text-align:left;}/* height:168px; */
.location > ul > li .in_list:before {content:' '; display:inline-block; position:absolute; top:-9px; right:48px; width:16px; height:10px; background:url('/common/images/cmm/ico_common.png') -550px -150px no-repeat; vertical-align:top;}
.location > ul > li.on .in_list {display:block !important;}
.location > ul > li .in_list a {display:block; color:#333; font-size:13px; line-height:24px;}
.location > ul > li .in_list a:hover,
.location > ul > li .in_list a:focus {color:#ED008C;}


/* 샵 검색 화면 */
.search_head {padding:40px 0; background-color:#F2F4F7}
.srh_inp {position:relative; width:840px; margin:0 auto; padding-bottom:16px; padding-right:90px; border-bottom:4px solid #000}
.srh_inp input[type='text'] {width:100%; height:40px; padding:0; border:0; font-size:32px; line-height:40px; font-weight:bold; background-color:transparent}
.srh_inp input[type='text']::placeholder, .srh_inp input[type='text']::-webkit-input-placeholder {font-weight:normal; font-size:24px; letter-spacing:-1px; vertical-align:top;}
.srh_inp .optional {position:absolute; top:4px; right:56px; line-height:0;}
.srh_inp .btn_del {display:inline-block; position:relative; width:32px; height:32px; border-radius:50%; background-color:#E3E5E8;}
.srh_inp .btn_del:before {content:' '; display:block; position:absolute; top:8px; left:8px; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat -64px -134px;}
.srh_inp .btn_srh {position:absolute; top:4px; right:0px; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -275px -46px}

.search_head .kwrd_area {width:840px; min-height:40px; margin:24px auto 0;}
.search_head .kwrd_area:after {content:''; display:block; clear:both}
.search_head .kwrd_area h3 {display:inline-block; margin-right:20px; color:#686868; font-size:16px; line-height:22px}
.search_head .kwrd_area .rel_kwrd {float:left; width:530px; min-height:40px; padding-top:9px}
.search_head .kwrd_area .rel_kwrd h3 {position:absolute; }
.search_head .kwrd_area .rel_kwrd > ul {display:inline-block; width:440px; margin-left:100px; font-size:0; vertical-align:top;}
.search_head .kwrd_area .rel_kwrd > ul > li {display:inline-block; margin-right:8px; vertical-align:top; line-height:20px;}
.search_head .kwrd_area .rel_kwrd > ul > li:after {display:inline-block; position:relative; content:''; width:1px; height:16px; vertical-align:top; background-color:#ddd;}
.search_head .kwrd_area .rel_kwrd > ul > li:last-child:after {display:none}
.search_head .kwrd_area .rel_kwrd > ul > li a {display:inline-block; margin:0 8px 0 0; color:#000; font-size:16px; line-height:19px; vertical-align:top}
.search_head .kwrd_area .rel_kwrd.before {width:100%;}
.search_head .kwrd_area .rel_kwrd.before > ul {width:740px;}
.search_head .pub_kwrd > ol > li .chg {display:block; position:absolute; top:0; right:36px; font-size:16px; line-height:40px; font-weight:bold; text-align:right;}

.search_head .kwrd_area .pub_kwrd {position:relative; float:right;}
.search_head .kwrd_area .pub_kwrd > ol {position:relative; overflow:hidden; width:288px; height:40px; border:1px solid #ddd; border-radius:4px; background-color:#fff}
.search_head .kwrd_area .pub_kwrd > ol:before {content:''; display:block; position:absolute; top:19px; right:15px; z-index:10; width:8px; height:8px; margin:-6px 0 0 3px; border:1px solid #000; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.pub_kwrd h2 {padding-bottom:24px; color:#000; font-size:22px; line-height:27px; text-align:center;}
.pub_kwrd h3 {padding:40px 0 24px; color:#000; font-size:22px; line-height:27px; text-align:center;}
.pub_kwrd > ol > li {position:relative; height:38px; line-height:38px; padding:0 16px}
.pub_kwrd > ol > li .num {display:inline-block; padding-right:4px; vertical-align:top;}
.pub_kwrd > ol > li a {display:block; color:#000; font-size:16px; font-weight:normal; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_kwrd > ol > li .chg {display:block; position:absolute; top:0; right:0; font-size:16px; line-height:40px; font-weight:bold; text-align:right;}
.pub_kwrd > ol > li .chg:before {display:inline-block; margin-right:4px;}
.pub_kwrd > ol > li .chg.up {color:#ff3333;}
.pub_kwrd > ol > li .chg.up:before {content:'↑';}
.pub_kwrd > ol > li .chg.down {color:#1f4480;}
.pub_kwrd > ol > li .chg.down:before {content:'↓';}
.pub_kwrd > ol > li .chg.def {color:#666;}
.pub_kwrd > ol > li .chg.def:before {content:'-';}
.pub_kwrd > ol > li .chg.new {color:#ff3333;}

.search_head .kwrd_area .pub_kwrd > ol:hover,
.search_head .kwrd_area .pub_kwrd.open > ol {position:absolute; z-index:5; right:0; height:auto}
.search_head .kwrd_area .pub_kwrd > ol:hover:before,
.search_head .kwrd_area .pub_kwrd.open > ol:before {top:24px; border:1px solid #000; border-bottom:none; border-left:0}

.search_result {position:relative; width:1080px; margin:0 auto 40px; text-align:center;}
.search_result .srh_txt {padding-top:40px; color:#666; font-size:22px; line-height:28px; text-align:center}
.search_result .srh_txt .kwrd {color:#000; font-weight:bold;}
.search_result .srh_txt .count {color:#000; font-weight:bold;}
.search_result .srh_txt .count em {color:#000; font-weight:bold;}
.search_result .srh_txt .count strong {color:#000; font-weight:bold;}
.search_result .dot_list {display:inline-block; margin-top:-32px;}
.search_result .text_infos {margin-top:8px;}
.search_result .text_infos p {text-align:center; color:#666; font-size:14px; line-height:18px;}

.search_result .banner_full {margin-top:40px;}

.search_result .banner_slide {margin-top:40px;}
.search_result .slide_wrap .indi_conts {display:inline-block !important; line-height:32px;}
.search_result .slide_wrap .indi_control {display:inline-block; width:32px; height:32px; margin-left:4px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 0; vertical-align:top;}
.search_result .slide_wrap .indi_control.stop {background-position:0 -78px;}
.search_result .slide_wrap .indi_control.play {background-position:-32px -78px;}
.search_result .banner_slide .indi_wrap {bottom:16px;}
/* .search_result .banner_slide .slide_content {height:270px;} */

.search_result .pub_kwrd {width:100%; margin:40px 0 0; padding:40px 164px 0; border-top:1px solid #ddd;}
.search_result .pub_kwrd:after {content:''; display:block; clear:both}
.search_result .pub_kwrd > ol {float:left; width:calc((100% - 112px) / 2); margin:0 28px;}
.search_result .pub_kwrd > ol > li {display:block; position:relative; height:36px; padding:0 30px 0 0; line-height:36px;}
.search_result .pub_kwrd > ol > li .num {padding-right:8px;}

.tbl_tab_wrap {position:relative; width:1080px; margin:0 auto; border-top:1px solid #ddd;}
.tbl_tab_wrap:after {content:' '; position:absolute; bottom:0; left:0; right:0; height:1px; border-bottom:1px solid #ddd; z-index:1;}
.tbl_tab_wrap .tabs {display:table; position:relative; width:100% !important; table-layout:fixed; z-index:2;}
.tbl_tab_wrap .tabs li {display:table-cell;}
.tbl_tab_wrap .tabs li a {display:block; height:63px; padding:0 4px; border-bottom:2px solid transparent; line-height:61px; text-align:center;}
.tbl_tab_wrap .tabs li a span {display:inline-block;}
.tbl_tab_wrap .tabs li a > span {height:auto; color:#000; font-size:18px; line-height:21px; vertical-align:middle;}
.tbl_tab_wrap .tabs li a .count {color:#999;}
.tbl_tab_wrap .tabs li.on a {border-color:#ed008c;}
.tbl_tab_wrap .tabs li.on a > span {color:#ed008c; font-weight:bold;}
.tbl_tab_wrap .tabs li.on a .count {color:#ed008c;}

.se_banner {width:1080px;margin:56px auto 0}
.cs_info_wrap {position:relative; background-color:#fff; border:1px solid #ddd; border-right:none; border-left:none; border-radius:4px; margin-bottom:56px;}
.cs_info_wrap .detail_link {position:absolute; top:-40px; right:0;}
.cs_info_wrap .no_result {margin-top:-1px; padding:80px 0; border-top:1px solid #000;}
/* 검색 레이어 팝업 */
.quick_links_wrap .modal_dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:989; background:rgba(0,0,0,0.4)}

.lay_se_wrap {position:absolute; top:0; right:80px; z-index:1105; width:616px; border-radius:6px; display: none; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.2);}
.lay_se_wrap .lay_header {padding:43px 48px 48px; border:0; border-radius:6px 6px 0 0; background-color:#f2f4f7}
.lay_se_wrap .lay_header:after {position:absolute; top:24px; right:-16px; content:''; display:block; width:16px; height:24px; background:url('/common/images/cmm/ico_srh_arr.png') no-repeat 0 0}
.lay_se_wrap .lay_header .srh_inp {width:100%; padding-right:100px;}
/* .lay_se_wrap .lay_header .srh_inp .btn_del {right:48px} */
.lay_se_wrap .lay_header .srh_inp .btn_srh {right:0}
.lay_se_wrap .lay_content {padding:40px 48px; overflow:hidden;}
.lay_se_wrap .lay_content .pub_kwrd {margin:0 -20px;}
.lay_se_wrap .lay_content .pub_kwrd:after {content:''; display:block; clear:both}
.lay_se_wrap .lay_content .pub_kwrd > ol {float:left; width:calc((100% - 80px) / 2); margin:0 20px;}
.lay_se_wrap .lay_content .pub_kwrd > ol > li {display:block; position:relative; padding:0 30px 0 0;}
.lay_se_wrap .lay_content .pub_kwrd > ol > li .num {padding-right:8px;color:#666}
.lay_se_wrap .btn_close {display:none; top:0; right:0; width:48px; height:48px; border-radius:0 4px 0 4px; background-color:#000}
.lay_se_wrap .btn_close button {width:48px; height:48px}
.lay_se_wrap .btn_close button:before,
.lay_se_wrap .btn_close button:after {height:35px; border-color:#fff}

.quick_links a.shop.close {border-radius:4px 4px 0 0; background-color:#000; color:#fff;}
.quick_links a.shop.close .txt:before {background-position:-243px -46px;}

.totalResult {color:#ee008e;font-weight:600}
.search_result.resultNo {width:100%;}
.search_result.resultNo .sry {}
.search_result.resultNo .srn {padding-bottom:40px;background:#eee}
.search_result.resultNo .pub_kwrd {padding:0;background:#eee;margin-top:0;border-top:none}
.search_result.resultNo .pub_kwrd h3 {font-weight:600}
.search_result.resultNo .pub_kwrd .popularWrap {width:1080px;margin:0 auto;overflow:hidden;padding-bottom:40px;margin-bottom:-60px}
.search_result.resultNo .pub_kwrd ol + ol {margin-left:80px}
.search_result.resultNo .pub_kwrd ol > li {position:relative; height:38px; line-height:38px; padding:0 16px}
.search_result.resultNo .pub_kwrd ol > li .num {display:inline-block; padding-right:4px; vertical-align:top;font-weight:600}
.search_result.resultNo .pub_kwrd ol > li a {display:block; color:#000; font-size:16px; font-weight:normal; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_result.resultNo .pub_kwrd ol > li .chg {display:block; position:absolute; top:0; right:0; font-size:16px; line-height:40px; font-weight:bold; text-align:right;}
.search_result.resultNo .pub_kwrd ol > li .chg:before {display:inline-block; margin-right:4px;}
.search_result.resultNo .pub_kwrd ol > li .chg.up {color:#ff3333;}
.search_result.resultNo .pub_kwrd ol > li .chg.up:before {content:'↑';}
.search_result.resultNo .pub_kwrd ol > li .chg.down {color:#1f4480;}
.search_result.resultNo .pub_kwrd ol > li .chg.down:before {content:'↓';}
.search_result.resultNo .pub_kwrd ol > li .chg.def {color:#666;}
.search_result.resultNo .pub_kwrd ol > li .chg.def:before {content:'-';}
.search_result.resultNo .pub_kwrd ol > li .chg.new {color:#ff3333;}
.search_result.resultNo .pub_kwrd ol {display:inline-block; width:325px;}
.search_result.resultNo .pub_kwrd ol > li {display:block; position:relative; height:36px; padding:0 30px 0 0; line-height:36px;}
.search_result.resultNo .pub_kwrd ol > li .num {padding-right:8px;}
.search_result.resultNo .noResultHelp {background:#fff;padding:40px 0}
.search_result.resultNo .noResultHelp h2 {padding-top:140px;background:url("/common/images/cmm/ico_noResult.png") no-repeat center 0;padding-bottom:0;font-weight:600}
.search_result.resultNo .noResultHelp p {margin-top:5px;font-size:14px;color:#666}
.search_result.resultNo .noResultHelp ul {width:840px;margin:0 auto;overflow:hidden;margin-top:40px}
.search_result.resultNo .noResultHelp ul li {float:left}
.search_result.resultNo .noResultHelp ul li:last-child {float:right}
.search_result.resultNo .noResultHelp ul li a {width:414px;height:106px;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;display:block;padding-left:150px}
.search_result.resultNo .noResultHelp ul li:first-child a {background:url(/common/images/cmm/ico_noResult_01.png) no-repeat 55px center;}
.search_result.resultNo .noResultHelp ul li:last-child a {background:url(/common/images/cmm/ico_noResult_02.png) no-repeat 55px center;}
.search_result.resultNo .noResultHelp ul li a span {display:block}
.search_result.resultNo .noResultHelp ul li a span.tit {font-size:20px;color:#000;font-weight:600;margin-top:20px;position:relative;display:inline-block;padding-right:13px}
.search_result.resultNo .noResultHelp ul li a span.tit::after {content:"";width:8px;height:8px;border-top:1px solid #333;border-right:1px solid #333;position:absolute;top:10px;right:0;transform:rotate(45deg)}
.search_result.resultNo .noResultHelp ul li a span.cnt {font-size:14px;color:#666;line-height:20px;margin-top:5px}

/* // 샵 검색 화면 */

/* 상세 공통 */
.detail_view_body {position:relative;}
.detail_view_body .detail_view_wrap {position:relative;}
.detail_view_body .detail_view_area {position:relative; width:1080px; margin:0 auto;}
.detail_view_body .detail_view_area .kind_wrap .kind_area {width:1080px; padding:0;}
.tbl_chk_info .dataform_box {display:inline-block; margin:-8px 0 0 -8px;}
.tbl_chk_info .date_saletype {position:relative; width:552px; margin-bottom:16px;}
.tbl_chk_info .date_saletype.type2 {width:414px;}
.tbl_chk_info .date_saletype .bttn_puls {position:absolute; top:0; right:-48px;}
.tbl_chk_info .dataform_box .rdo_wrap {margin:8px 0 0 8px;}
.detail_info_wrap .h3_tit {display:inline-block; padding-bottom:16px; color:#000; font-size:24px; line-height:29px;}
.detail_info_wrap .h3_tit .sum {color:#999;}

.as_info_list {position:relative; margin:16px 0 24px;}
.as_info_list:after {content:' '; display:block; clear:both;}
.as_info_list li {float:left; position:relative; width:200px; height:200px; margin-left:48px; border:1px solid #ddd; border-radius:50%; text-align:center;}
.as_info_list li:first-child {margin-left:0;}
.as_info_list li:before {content:' '; display:block; position:absolute; top:50%; left:-36px; width:15px; height:15px; margin-top:-7px; border:1px solid #aaa; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.as_info_list li:first-child:before {display:none;}
.as_info_list li .ico {display:block; width:48px; height:48px; margin:32px auto 8px; background:url('/common/images/hphn/ico_mob.png') no-repeat 0 0;}
.as_info_list li .ico.ico01 {background-position:0 -516px;}
.as_info_list li .ico.ico02 {background-position:-48px -516px;}
.as_info_list li .ico.ico03 {background-position:-96px -516px;}
.as_info_list li .ico.ico04 {background-position:-144px -516px;}
.as_info_list li dl dt {color:#000; font-size:16px; line-height:19px;}
.as_info_list li dl dd {padding-top:5px; color:#666; font-size:13px; line-height:17px;}

/* 상세 타입_2 */
.view_top_title_wrap {position:relative; border-bottom:1px solid #ddd;}
.view_top_title_wrap:after {content:' '; display:block; clear:both;}
.view_top_title_wrap .model_pic {display:block; float:left; width:120px; height:120px; text-align:center; overflow:hidden;}
.view_top_title_wrap .model_pic img {width:auto; height:100%;}
.view_top_title_wrap .view_top_title {float:right; width:900px; min-height:128px; padding-top:24px; padding-bottom:24px;}
/* .view_top_title_wrap.bd:after {content:' '; position:absolute; right:0; bottom:0; width:900px; height:1px; background:#ddd;} */

.option_body_center {position:relative; margin-top:40px;}
.option_body_center:after {content:' '; display:block; clear:both;}

/* 상세 설정 입력 영역 */
.tbl_chk_info table {width:100%;}
.tbl_chk_info table tbody th,
.tbl_chk_info table tbody td {border-bottom:1px solid #ddd; padding:40px 0; vertical-align:top;}
.tbl_chk_info table tbody tr:last-child th,
.tbl_chk_info table tbody tr:last-child td {padding-bottom:0; border-bottom:none;}
.tbl_chk_info table tbody th.fist,
.tbl_chk_info table tbody td.fist {padding-top:0;}
.tbl_chk_info table tbody th h3 {color:#000; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:8px;}
.tbl_chk_info table tbody th h4 {color:#000; font-size:20px; line-height:24px; font-weight:normal;}
.tbl_chk_info table tbody th p {color:#666; font-size:16px; line-height:22px;}
.tbl_chk_info table tbody td {color:#000; font-size:16px; line-height:19px;}
.tbl_chk_info table tbody td h4 {color:#000; font-size:20px; line-height:24px; margin-bottom:16px;}
.tbl_chk_info table tbody td .rdo_wrap.txt_type {width:130px;}
/* .tbl_chk_info table tbody td .plan_size {margin-bottom:16px;} */
.tbl_chk_info table tbody td .plan_size .rdo_wrap.txt_type {width:144px;}
/* .tbl_chk_info table tbody td  .rdo_wrap.txt_type input[type='radio'] + label {width:143px;}
.tbl_chk_info table tbody td  .rdo_wrap.txt_type input[type='radio'] + label.puls {width:48px;} */
.tbl_chk_info table tbody td .rdo_wrap.info_type .select_info {padding: 17px 15px 15px; color:#666;}
.tbl_chk_info table tbody td .rdo_wrap.info_type {display:inline-block; position:relative; width:140px;}
.tbl_chk_info table tbody td .chk_inner {margin-top:16px; font-size:0;}
.tbl_chk_info table tbody td .chk_wrap [type='checkbox'] + label {color:#000;}
.tbl_chk_info table tbody td .chk_inner .detail_link {display:inline-block; margin-top:0; margin-left:16px; vertical-align:middle;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 {margin-top:0;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head {padding:24px;}
/* .tbl_chk_info table tbody td .agree_form_wrap .depth2 .terms_cont_wrap {padding:0 0 24px;} */
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .content {padding-top:0;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .terms_cont_wrap .detail_link {margin-top:16px; text-align:right;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .terms_cont_wrap .detail_link span {color:#999;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .terms_cont_wrap .detail_link span:before {border-color:#999;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head .notice_txt {top:28px;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .bttn {top:24px;}

.tbl_chk_info table tbody td .hope_time {padding-top:16px;}
.tbl_chk_info table tbody td .hope_time:after {content:' '; display:block; clear:both;}
.tbl_chk_info table tbody td .hope_time dt {float:left; line-height:48px;}
.tbl_chk_info table tbody td .hope_time dd {float:left; padding-left:8px;}
.tbl_chk_info .sections {margin-top:32px;}
.tbl_chk_info .sections:first-child {margin-top:0;}
.tbl_chk_info .sections .ag_select, .tbl_chk_info .sections .sug_info_inner {margin-bottom:0;}

.rdo_wrap.w80 {width:80px !important;}
.rdo_wrap.w120 {width:120px !important;}
.rdo_wrap.w144 {width:144px !important;}

.bttn_puls {display:inline-block; position:relative; width:48px; 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; vertical-align:top;}
.bttn_puls:after {content:'+'; display:inline-block;}
.bttn_puls.open:after {content:'-';}

/* 유의사항 */
.benefits_list_wrap{position:relative; margin-bottom:40px;}
.benefits_list_wrap ul.benefits_list {width:100%; border:1px solid #ddd; border-radius:4px; padding:24px 48px; overflow:hidden;}
.benefits_list_wrap ul.benefits_list:after {content:' '; display:block; clear:both;}
.benefits_list_wrap ul.benefits_list > li {float:left; width:25%;}
.benefits_list_wrap ul.benefits_list > li > div .tit {color:#000; font-size:18px; line-height:24px; font-weight:bold; margin-bottom:6px;}
.benefits_list_wrap ul.benefits_list > li > div .tit span {display:inline-block; color:#000; font-size:26px; line-height:31px; font-weight:normal; margin-bottom:6px;}

/* freegift_list_wrsp */
.free_list_wrsp {margin-bottom:40px;}
.free_list_wrsp ul.free_list:after {content:' '; display:block; clear:both;}
.free_list_wrsp ul.free_list > li {display:inline-block; width:100%; height:80px; background-color:#fff; border:1px solid #ccc; border-radius:4px; margin-top:16px; clear:both; overflow:hidden;}
.free_list_wrsp ul.free_list > li:first-child { margin-top:0; }
.free_list_wrsp ul.free_list > li .text {padding-left:16px;}
.free_list_wrsp ul.free_list > li .tol {display:inline-block; float:right; text-align:right; margin-right:16px;}
.free_list_wrsp ul.free_list > li .tol .won {display:inline-block; font-size:18px; padding-left:4px; }
.free_list_wrsp ul.free_list > li a {display:block; color:#999; font-size:16px; line-height:80px; width:100%; height:100%;  }
.free_list_wrsp ul.free_list > li.on {border:1px solid #ed008c;}
.free_list_wrsp ul.free_list > li.on a {color:#ed008c;}


/* freegift_list_wrsp */
.freegift_list_wrsp ul.freegift_list {margin:-8px 0 0 -8px; font-size:0;}
.freegift_list_wrsp ul.freegift_list > li {display:inline-block; position:relative; width:calc((100% - 16px) / 2); background-color:#fff; border:1px solid #ccc; border-radius:4px; margin-top:8px; margin-left:8px;}
.freegift_list_wrsp ul.freegift_list > li.basic {padding:8px 0 8px 40px; border:1px solid #666;}
.freegift_list_wrsp ul.freegift_list > li.basic .text {color:#000;}
.freegift_list_wrsp ul.freegift_list > li .text {display:block; position:absolute; top:50%; left:144px; right:10px; color:#000; font-size:14px; line-height:17px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.freegift_list_wrsp ul.freegift_list > li .text .flag {display:inline-block; margin-bottom:8px; padding:0 4px; background:#000; color:#fff; font-size:11px; line-height:20px;}
.freegift_list_wrsp ul.freegift_list > li .pic {display:inline-block; width:88px; height:88px; text-align:center; vertical-align:top;}
.freegift_list_wrsp ul.freegift_list > li .pic img {width:100%;}
.freegift_list_wrsp ul.freegift_list > li a {display:block; position:relative; width:100%; height:100%; padding:8px 0 8px 40px;}
.freegift_list_wrsp ul.freegift_list > li.on {border:1px solid #ed008c;}
.freegift_list_wrsp ul.freegift_list > li.on .text {color:#ed008c;}
.freegift_list_wrsp ul.freegift_list > li .soldout {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(153, 153, 153, 0.9); color:#fff;}
.freegift_list_wrsp ul.freegift_list > li .soldout .ment {position:absolute; top:50%; width:100%; padding:0 23px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:16px; line-height:24px; text-align:center;}
.freegift_list_wrsp ul.freegift_list > li.on {border-color:#ccc;}
.freegift_list_wrsp ul.freegift_list > li a.disabled {cursor:default;}
.freegift_list_wrsp ul.freegift_list > li.on a.disabled i.ico_chk {background-position:-24px -24px;}
.freegift_list_wrsp ul.freegift_list > li.on a.disabled .text {color:#000;}
.freegift_list_wrsp ul.freegift_list > li.soldout {border-color:rgba(204,204,204,.4);}
.freegift_list_wrsp ul.freegift_list > li.soldout .txt_soldout {position:absolute; bottom:-27px; left:0; color:#FF3333; font-size:13px; line-height:18px;}
.freegift_list_wrsp ul.freegift_list > li.soldout .pic,
.freegift_list_wrsp ul.freegift_list > li.soldout .text {opacity:.4;}
i.ico_chk {position:absolute; top:16px; left:16px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_form.png') no-repeat -24px -24px; overflow:hidden;}
.on i.ico_chk {background-position:0 -24px;}
i.ico_chk.chk_type {background-position:0 0;}
.on i.ico_chk.chk_type {background-position:-24px 0;}

.tbl_chk_info  .select_wrap.size_384 {width:384px;}


.dataform_box i.ico_new {position:relative; top:2px; left:2px; display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat -32px -134px; overflow:hidden;}

.prm_info_box {position:relative; padding:24px; border-radius:4px; background-color:#f6f6f6;}
.prm_info_box ul {margin:-8px 0 12px -8px}
.prm_info_box ul:after {content:' '; display:block; clear:both;}
.prm_info_box ul > li {display:table; float:left; width:178px; min-height:88px; margin:8px 0 0 8px; border-radius:4px; background-color:#fff;}
.prm_info_box ul > li .inner {display:table-cell; width:100%; padding:0 16px; vertical-align:middle;}
/* .prm_info_box ul > li:first-child { margin-left:0; } */
/* .prm_info_box ul > li .chk_wrap {padding-top:30px;} */
.prm_info_box ul > li .chk_wrap + .hover_tooltip {padding-top:32px;}
.prm_info_box ul > li.h120 {height:120px;}
.prm_info_box .txt {color:#666; font-size:14px; line-height:17px;}
.prm_info_box .txt span {color:#AA36BB;}
.prm_info_box .basic {display:inline-block; width:58px; height:20px; border-radius:2px; background-color:#000; color:#fff; font-size:12px; line-height:20px; text-align:center;}

.prm_info_box .txt_wrap {margin-top:4px; font-size:0; line-height:22px;}
.prm_info_box .txt_wrap p.txt {display:inline-block; color:#000; font-size:16px; line-height:22px; vertical-align:top;}
.prm_info_box .chk_wrap label {padding-top:1px; padding-bottom:1px; line-height:22px;}

.hover_tooltip {display:inline-block; position:relative; z-index:5; margin:-2px 0 0 4px; text-align:left; line-height:100%; vertical-align:middle; overflow:hidden;}
.mac .hover_tooltip {margin-top:-4px;}
.hover_tooltip .btn_tooltip {display:inline-block; width:20px; height:20px; background:url('/common/images/cmm/ico_common.png') no-repeat -270px -24px; 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:3px; top:7px; width:3px; height:3px; border-radius:50%; background:#666;}
.mac .hover_tooltip .tooltip_box .tit_desc:before {top:6px;}
.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;}

.lab_bg {display:inline-block; position:relative; width:auto; height:32px; padding:7px 16px 6px 16px; border-radius:16px; background:#ed008c; color:#fff; font-size:16px; line-height:19px;}
.lab_bg:before {content:' '; position:absolute; bottom:-10px; left:0; width:16px; height:26px; background:#ed008c;}
.lab_info_box { position:relative; background-color:#f6f6f6; padding:16px; border: 1px solid transparent; border-radius:4px; margin-top:-8px;}
.lab_info_box p.tit {color:#aa36bb; font-size:18px; line-height:21px;margin-bottom:8px;}
.lab_info_box a.btn_arr {position:absolute; top:45px; right:16px; display:inline-block; width:24px; height:24px; }
.lab_info_box a.btn_arr i.ico_arr {display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -48px -110px; overflow:hidden;}
/* .lab_bg_info {padding-left:4px; color:#AA36BB; font-size:16px; line-height:19px;} */
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head.apple {padding-top:51px;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head.apple .lab_bg_info {position:absolute; top:16px; left:24px; color:#666; font-size:16px; line-height:19px;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head.apple .notice_txt {top:53px;}
.tbl_chk_info table tbody td .agree_form_wrap .depth2 .head.apple .bttn {top:48px;}

ul.dis_list_count:after {content:' '; display:block; clear:both;}
ul.dis_list_count li{ display:inline-block; float:left; width:294px; margin-left:8px; padding:16px; border:1px solid #ccc; border-radius:4px;}
ul.dis_list_count li:first-child {margin-left:0;}
ul.dis_list_count li p {min-height:81px; padding:8px 0 16px 32px; font-size:16px; line-height:19px;}
ul.dis_list_count li .detail_link {margin:0 0 0 32px;}
ul.dis_list_count .chk_wrap.co_pp [type='checkbox'] + label {color:#aa36bb !important;}


/* 개인정보 수집 및 동의 */
.personal_info_wrap {position:relative;}
/* 체크박스 + 더보기 */
.personal_info_wrap ul.ui_chk_arr .chk_wrap {vertical-align:top;}
.personal_info_wrap ul.ui_chk_arr .chk_wrap input+label {padding-top:2px; padding-bottom:2px; line-height:20px;}
.personal_info_wrap ul.ui_chk_arr .chk_wrap input[type='checkbox']+label:after {top:50%; margin-top:-12px;}
.personal_info_wrap ul.ui_chk_arr .chk_wrap.chk_hidden input[type='checkbox']+label:after {display:none;}
.personal_info_wrap ul.ui_chk_arr .chk_wrap.chk_hidden [type='checkbox'] + label {padding-left:0;}
.personal_info_wrap ul.ui_chk_arr li {position:relative; /*min-height:72px;*/ background-color:#fff; padding:15px 56px 15px 16px; margin-top:8px; border:1px solid #ccc; border-radius:4px; /*line-height:48px;*/}
.personal_info_wrap ul.ui_chk_arr li:first-child {margin-top:0; }
.personal_info_wrap ul.ui_chk_arr li a.btn_arr {position:absolute; top:50%; right:16px; display:inline-block; width:24px; height:24px; margin-top:-12px;}
.personal_info_wrap ul.ui_chk_arr li a.btn_arr i.ico_arr {display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -48px -110px; overflow:hidden; vertical-align:top;}


/* 플로팅 계산기 영역 */
.float_calculator {position:absolute; top:0; right:0; z-index:21; width:264px;}
.float_calculator .bnr_img {margin-bottom:8px;}

.float_calculator .sections {border:1px solid #ddd; background:#fff; /*overflow:hidden;*/}
.float_calculator .sections.set {margin-top:8px;}
.float_calculator .sections.first {border-radius:4px 4px 0 0;}
.float_calculator .sections.last {border-radius:0 0 4px 4px;}
.float_calculator .sections.only {margin-top:16px; border-radius:4px;}

.float_calculator .sections .sect_head {border-radius:4px 4px 0 0;}
.float_calculator .sections .sect_head .tit {display:block; position:relative; padding:19px 16px 17px; background:#f6f6f6; color:#000; font-size:16px; line-height:20px; vertical-align:top;}
.float_calculator .sections .sect_head .tit[class*='ico'] {padding-left:44px;}
.float_calculator .sections .sect_head .tit[class*='ico']:before {content:' '; position:absolute; top:16px; left:16px; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat;}
.float_calculator .sections .sect_head .tit.ico01:before {background-position:-120px -110px;}
.float_calculator .sections .sect_head .tit.ico02:before {background-position:-168px -110px;}
.float_calculator .sections .sect_head .tit.ico03:before {background-position:-388px -110px;}
.float_calculator .sections .sect_head .tit small {display:block; margin-top:3px; color:#666; font-size:14px; line-height:17px;}
.float_calculator .sections .sect_head .tit .ico_arr {content:' '; position:absolute; top:50%; right:20px; width:11px; height:11px; margin-top:-10px; border-right:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.float_calculator .sections .on .sect_head .tit .ico_arr {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}

.float_calculator .sections .sect_body .box {margin-top:-1px; padding:16px; border-top:1px solid #ddd;}
/* .float_calculator .sections .sect_body .box:first-child {border-top:none;} */
.float_calculator .sections .sect_body dl {display:table; width:100%; margin-top:8px; table-layout:fixed;}
.float_calculator .sections .sect_body dl:first-child {margin-top:0;}
.float_calculator .sections .sect_body dl dt {position:relative; display:table-cell; color:#666; font-size:14px; line-height:17px; word-break:keep-all; vertical-align:middle;}
.float_calculator .sections .sect_body dl dt .hover_tooltip {position:absolute; margin:0; right:-11px; top:1px; overflow:visible;}
.float_calculator .sections .sect_body dl dt .ico_qustion {display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -134px; vertical-align:top;}
.float_calculator .sections .sect_body dl dt button:focus {border:1px dotted #666;}
.float_calculator .sections .sect_body dl dt .ico_qustion:focus + .tooltip_box {display:block; opacity:1; visibility:visible;}
.float_calculator .sections .sect_body dl dd {display:table-cell; padding-left:8px; color:#000; font-size:12px; line-height:17px; text-align:right; white-space:nowrap; vertical-align:top;}
.float_calculator .sections .sect_body dl dd em {display:inline-block; margin-left:4px; color:inherit; font-size:14px; vertical-align:top;}
.float_calculator .sections .sect_body dl dd .mount {display:block; color:#666;}
.float_calculator .sections .sect_body dl.tit_dl {margin-top:0; margin-bottom:16px;}
.float_calculator .sections .sect_body dl.tit_dl dt {color:#000; font-size:16px; line-height:24px; vertical-align:top;}
.float_calculator .sections .sect_body dl.tit_dl dd {color:#000; font-size:14px; line-height:24px; vertical-align:top;}
.float_calculator .sections .sect_body dl.tit_dl dd em {font-size:20px; font-weight:bold;}
.float_calculator .sections .sect_body dl.f_pk dt, .float_calculator .sections .sect_body dl.f_pk dd {color:#ed008c;}
.float_calculator .sections .sect_body dl.f_pp dt, .float_calculator .sections .sect_body dl.f_pp dd {color:#aa36bb;}
.float_calculator .sections .sect_body dl.f_pp.total dd {line-height:19px;}
.float_calculator .sections .sect_body dl.f_pp.total dd em {font-size:16px; font-weight:bold;}
.float_calculator .sections .sect_body .box .desc {padding-top:4px; color:#ed008c; font-size:14px; line-height:18px; word-break:break-all;}
.float_calculator .sections .sect_body .tit_txt {color:#666; font-size:14px; line-height:17px;}

.float_calculator .sections .sect_body .gifts .box {padding:4px 16px; position:relative;}
.float_calculator .sections .sect_body .gifts .box img {width:80px; height:auto; vertical-align:top;}
.float_calculator .sections .sect_body .gifts .box p {position:absolute; top:50%; left:100px; right:16px; color:#666; font-size:14px; line-height:17px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.float_calculator .sections .sect_body .info_ment {margin-top:14px; color:#999; font-size:14px; line-height:18px;}

.float_calculator .sections.total {padding:24px 16px; border-top:none; border-bottom:none; background:#f4f1ed;}
.float_calculator .sections.total.last {border-bottom:1px solid #ddd;}
.float_calculator .sections.total dl dt {margin-bottom:16px; color:#000; font-size:16px; line-height:20px;}
.float_calculator .sections.total dl dd {color:#000; font-size:24px; line-height:35px; text-align:right;}
.float_calculator .sections.total dl dd em {display:inline-block; margin-right:2px; color:inherit; font-size:32px; font-weight:bold; vertical-align:top;}
.float_calculator .sections.total dl.add {display:table; width:100%; table-layout:fixed; margin-top:24px; padding-top:16px; border-top:1px solid #999;}
.float_calculator .sections.total dl.add dt {display:table-cell; margin-bottom:0; color:#000; font-size:14px; line-height:20px; vertical-align:middle;}
.float_calculator .sections.total dl.add dt .txt_noti {margin-top:4px;}
.float_calculator .sections.total dl.add dd {display:table-cell; color:#000; font-size:14px; line-height:20px; vertical-align:middle;}

.float_calculator .sections.acco_type {border-top:none;}
.float_calculator .sections.acco_type>dl {border-top:1px solid #ddd;}
.float_calculator .sections.acco_type>dl:first-child {border-top:none;}

.float_calculator .fixed_wrap {position:relative;}
.float_calculator .btn_wrap {margin-top:16px;}
.float_calculator .btn_wrap .bttn {display:block; min-width:100%; margin:0; margin-top:9px;}
.float_calculator .btn_wrap .bttn.big {height:64px; line-height:64px;}

/* st_Bfixed 스타일 추가  */
.float_calculator.fixed {position:fixed;top:inherit;bottom:0;right:50%;transform:translate(540px,-20px)}
.float_calculator.fixed.changeAB {position:absolute;transform:translate(540px,20px)}
.float_calculator.st_Bfixed .sections .sect_body dl dt.blind:before {position:absolute}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp.total {margin-bottom:0}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp.total dd {line-height:32px;color:#333;font-size:32px}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp.total dd em {font-size:32px; font-weight:bold;}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp {margin-bottom:16px}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp dt {font-weight:bold}
.float_calculator.st_Bfixed .sections .sect_body dl.f_pp dd,.float_calculator.st_Bfixed .sections .sect_body dl.f_pp dd em {font-weight:bold}


/* 번들링 계산기영역 */
/* 플로팅 계산기 영역 */
.bundleCalc {position:absolute; top:0; right:0; z-index:21; width:264px;}
.bundleCalc .bnr_img {margin-bottom:8px;}

.bundleCalc .sections {border:1px solid #ddd; background:#fff; /*overflow:hidden;*/}
.bundleCalc .sections.set {margin-top:8px;}
.bundleCalc .sections.first {border-radius:4px 4px 0 0;}
.bundleCalc .sections.last {border-radius:0 0 4px 4px;}
.bundleCalc .sections.only {margin-top:16px; border-radius:4px;}

.bundleCalc .sections .sect_head {border-radius:4px 4px 0 0;}
.bundleCalc .sections .sect_head .tit {display:block; position:relative; padding:19px 16px 17px; background:#f6f6f6; color:#000; font-size:16px; line-height:20px; vertical-align:top;}
.bundleCalc .sections .sect_head .tit[class*='ico'] {padding-left:44px;}
.bundleCalc .sections .sect_head .tit[class*='ico']:before {content:' '; position:absolute; top:16px; left:16px; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat;}
.bundleCalc .sections .sect_head .tit.ico01:before {background-position:-120px -110px;}
.bundleCalc .sections .sect_head .tit.ico02:before {background-position:-168px -110px;}
.bundleCalc .sections .sect_head .tit.ico03:before {background-position:-388px -110px;}
.bundleCalc .sections .sect_head .tit small {display:block; margin-top:3px; color:#666; font-size:14px; line-height:17px;}
.bundleCalc .sections .sect_head .tit .ico_arr {content:' '; position:absolute; top:50%; right:20px; width:11px; height:11px; margin-top:-10px; border-right:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.bundleCalc .sections .on .sect_head .tit .ico_arr {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}

.bundleCalc .sections .sect_body .box {margin-top:-1px; padding:16px; border-top:1px solid #ddd;}
/* .float_calculator .sections .sect_body .box:first-child {border-top:none;} */
.bundleCalc .sections .sect_body dl {display:table; width:100%; margin-top:8px; table-layout:fixed;}
.bundleCalc .sections .sect_body dl:first-child {margin-top:0;}
.bundleCalc .sections .sect_body dl dt {position:relative; display:table-cell; color:#666; font-size:14px; line-height:17px; word-break:keep-all; vertical-align:middle;}
.bundleCalc .sections .sect_body dl dt .hover_tooltip {position:absolute; margin:0; right:-11px; top:1px; overflow:visible;}
.bundleCalc .sections .sect_body dl dt .ico_qustion {display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -134px; vertical-align:top;}
.bundleCalc .sections .sect_body dl dt button:focus {border:1px dotted #666;}
.bundleCalc .sections .sect_body dl dt .ico_qustion:focus + .tooltip_box {display:block; opacity:1; visibility:visible;}
.bundleCalc .sections .sect_body dl dd {display:table-cell; padding-left:8px; color:#000; font-size:12px; line-height:17px; text-align:right; white-space:nowrap; vertical-align:top;}
.bundleCalc .sections .sect_body dl dd em {display:inline-block; margin-left:4px; color:inherit; font-size:14px; vertical-align:top;}
.bundleCalc .sections .sect_body dl dd .mount {display:block; color:#666;}
.bundleCalc .sections .sect_body dl.tit_dl {margin-top:0; margin-bottom:16px;}
.bundleCalc .sections .sect_body dl.tit_dl dt {color:#000; font-size:16px; line-height:24px; vertical-align:top;}
.bundleCalc .sections .sect_body dl.tit_dl dd {color:#000; font-size:14px; line-height:24px; vertical-align:top;}
.bundleCalc .sections .sect_body dl.tit_dl dd em {font-size:20px; font-weight:bold;}
.bundleCalc .sections .sect_body dl.f_pk dt, .float_calculator .sections .sect_body dl.f_pk dd {color:#ed008c;}
.bundleCalc .sections .sect_body dl.f_pp dt, .float_calculator .sections .sect_body dl.f_pp dd {color:#aa36bb;}
.bundleCalc .sections .sect_body dl.f_pp.total dd {line-height:19px;}
.bundleCalc .sections .sect_body dl.f_pp.total dd em {font-size:16px; font-weight:bold;}
.bundleCalc .sections .sect_body .box .desc {padding-top:4px; color:#ed008c; font-size:14px; line-height:18px; word-break:break-all;}
.bundleCalc .sections .sect_body .tit_txt {color:#666; font-size:14px; line-height:17px;}

.bundleCalc .sections .sect_body .gifts .box {padding:4px 16px; position:relative;}
.bundleCalc .sections .sect_body .gifts .box img {width:80px; height:auto; vertical-align:top;}
.bundleCalc .sections .sect_body .gifts .box p {position:absolute; top:50%; left:100px; right:16px; color:#666; font-size:14px; line-height:17px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.bundleCalc .sections .sect_body .info_ment {margin-top:14px; color:#999; font-size:14px; line-height:18px;}

.bundleCalc .sections.total {padding:24px 16px; border-top:none; border-bottom:none; background:#f4f1ed;}
.bundleCalc .sections.total.last {border-bottom:1px solid #ddd;}
.bundleCalc .sections.total dl dt {margin-bottom:16px; color:#000; font-size:16px; line-height:20px;}
.bundleCalc .sections.total dl dd {color:#000; font-size:24px; line-height:35px; text-align:right;}
.bundleCalc .sections.total dl dd em {display:inline-block; margin-right:2px; color:inherit; font-size:32px; font-weight:bold; vertical-align:top;}
.bundleCalc .sections.total dl.add {display:table; width:100%; table-layout:fixed; margin-top:24px; padding-top:16px; border-top:1px solid #999;}
.bundleCalc .sections.total dl.add dt {display:table-cell; margin-bottom:0; color:#000; font-size:14px; line-height:20px; vertical-align:middle;}
.bundleCalc .sections.total dl.add dt .txt_noti {margin-top:4px;}
.bundleCalc .sections.total dl.add dd {display:table-cell; color:#000; font-size:14px; line-height:20px; vertical-align:middle;}

.bundleCalc .sections.acco_type {border-top:none;}
.bundleCalc .sections.acco_type>dl {border-top:1px solid #ddd;}
.bundleCalc .sections.acco_type>dl:first-child {border-top:none;}

.bundleCalc .fixed_wrap {position:relative;}
.bundleCalc .btn_wrap {margin-top:16px;}
.bundleCalc .btn_wrap .bttn {display:block; min-width:100%; margin:0; margin-top:9px;}
.bundleCalc .btn_wrap .bttn.big {height:64px; line-height:64px;}

.ho_tolal_wrap {display:block; position:relative; padding:24px 16px 16px; background-color:#f4f1ed;}
.tolal_head {padding-bottom:16px;}
.tolal_head .tit {display:inline-block; margin-bottom:11px; color:#000; font-size:16px; line-height:20px;}
.tolal_head > span {display:inline-block; color:#999; font-size:14px; line-height:17px;}
.tolal_head .price {display:block; color:#000; font-size:26px; line-height:30px; text-align:right;}
.tolal_head .price strong {color:#000; font-size:32px; line-height:30px; font-weight:bold;}

.ho_tolal_wrap .tit_con h3 {display:inline-block; padding:16px 0 8px 0; color:#000; font-size:14px; font-weight:bold; line-height:20px;}
.ho_tolal_wrap .inr {padding:16px 0 0; color:#000; border-top:1px solid #999; clear:both; overflow:hidden; }
.ho_tolal_wrap .inr .title {font-size:14px; line-height:20px;}
.ho_tolal_wrap .inr .price {float:right; color:#000; font-size:14px; line-height:20px; text-align:right; }
.ho_tolal_wrap .pit {padding-top:8px; color:#666; font-size:14px; line-height:20px;}

.ho_check_option_body {position:absolute; top:0; right:0; z-index:21; width:264px; height:auto;}
.ho_check_option_body .bnr_img {margin-bottom:8px;}
.ho_check_option {display:block; width:100%; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.ho_check_option_body h3.ho_tit + .ho_check_option {border-radius:0 0 4px 4px;}
.ho_check_option .che_box {display:block; width:100%;}
.ho_check_option .che_box dt {border-top:1px solid #ddd;}
.ho_check_option .che_box:first-child dt {border-top:none;}
.ho_check_option .che_box dt.tit {position:relative; display:table; width:100%; height:auto; padding:18px 44px; background-color:#f6f6f6; color:#000; font-size:16px; line-height:20px; vertical-align:middle;}
.ho_check_option .che_box dt.tit a {display:table-cell; width:100%; height:100%; color:#000;}
.ho_check_option .che_box dt.tit i.ico_arr {display:inline-block; position:absolute; top:16px; right:16px; width:24px; height:24px;}
.ho_check_option .che_box dt.tit i.ico_arr:after {content:' '; display:inline-block; position:absolute; right:6px; top:1px; 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);}
.ho_check_option .che_box.on dt.tit i.ico_arr:after {top:9px; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.ho_check_option .che_box dt.tit a span.price {display:block; color:#666; font-size:14px; line-height:17px; margin-top:3px;}
.ho_check_option .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;}
.ho_check_option .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;}
.ho_check_option.bottom {margin-top:16px;}

.ho_check_option.ho_check_inner {border-top:0 none; border-radius:initial; }
.ho_check_option.ho_check_inner .tit {padding:18px 16px !important;}

.ho_check_option_detail {border-top:1px solid #ddd; background:#fff;}
.ho_check_option_detail .tit_con {padding:16px 0 3px 0; clear:both;}
.ho_check_option_detail .tit_con h3 {display:inline-block; color:#000; font-size:14px; line-height:20px; font-weight:bold;}
.ho_check_option_detail .tit_con span {float:right; display:inline-block; color:#000; font-size:12px; line-height:15px; text-align:right; font-weight:bold;}
.ho_check_option_detail .tit_con span strong {display:inline-block; color:#000; font-size:14px; line-height:17px; font-weight:bold;}
.ho_check_option_detail .inr {clear:both; overflow:hidden; padding:4px 0 0;}
.ho_check_option_detail .inr .title {float:left; color:#666; font-size:14px; line-height:17px;}
.ho_check_option_detail .inr .price {float:right; color:#000; font-size:14px; line-height:17px; text-align:right; }
.ho_check_option_detail .inr .gray {color:#666; font-size:12px;}

.ho_check_option_detail .discount_wrap .inr .title {color:#ed008c; font-size:14px; line-height:17px;}
.ho_check_option_detail .discount_wrap .inr .price {float:right; display:inline-block; color:#ed008c; font-size:14px; line-height:17px; text-align:right; }

.ho_check_option_detail .month_wrap {padding:18px 16px 17px;}
.ho_check_option_detail .month_wrap .inr .title {color:#000; font-size:16px; line-height:20px;}
.ho_check_option_detail .month_wrap .inr .price {float:right; display:inline-block; color:#000; font-size:20px; line-height:24px; text-align:right; font-weight:bold;}
.ho_check_option_detail .month_wrap .inr .price .fts14 {font-weight:normal;}

.ho_check_option_detail .price_wrap {padding:0 16px 16px; background-color:#fff; border-bottom:0 none;  }
.ho_check_option_detail .price_wrap.clone {border-top:1px solid #ddd;}
.ho_check_option_detail .discount_wrap {padding:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}

.ho_check_option_detail .freegift_list li {position:relative; padding:5px 15px; border-top:1px solid #ddd;}
.ho_check_option_detail .freegift_list li img {width:80px; height:auto; vertical-align:top;}
.ho_check_option_detail .freegift_list li:first-child {border-top:none;}
.ho_check_option_detail .freegift_list li p {position:absolute; top:50%; left:115px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.ho_check_option_body .btn_wrap {margin-top:16px;}
.ho_check_option_body .btn_wrap .bttn.big {width:100%; margin:8px 0 0 0;}
/* // 플로팅 계산기 영역 */

.re_add_pic {position:relative; font-size:0;}
.re_add_pic .item {display:inline-block; position:relative; width:80px; height:80px; margin-right:8px; border-radius:4px; background:url('/common/images/hphn/re_add_img.png') center no-repeat; background-size:cover !important; vertical-align:top; overflow:hidden;}
.re_add_pic .item a {display:block; height:100%;}
.re_add_pic .item .bttn_del {position:absolute; top:4px; right:4px; width:16px; height:16px; border-radius:50%; background-color:#000;}
.re_add_pic .item .bttn_del:before {content:''; position:absolute; top:4px; left:8px; width:1px; height:7px; z-index:1; background-color:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.re_add_pic .item .bttn_del:after {content:''; position:absolute; top:4px; left:8px; width:1px; height:7px; z-index:1; background-color:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


/* tooltip */
.tooltip_wrap {position:relative;}
.tooltip_wrap .tip_box {display:none; position:absolute; top:30px; left:50%; padding:16px; border:1px solid #ddd; border-radius:4px; background:#fff; text-align:left; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.05); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10;}
.tooltip_wrap .tip_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);}
.tooltip_wrap .btn_qustion {display:inline-block; color:#666; font-size:16px; line-height:19px; vertical-align:top;}
.tooltip_wrap .btn_qustion i.ico_qustion {display:inline-block; width:16px; height:16px; margin:1px 4px 0 0; background:url('/common/images/cmm/ico_common.png') no-repeat -80px -134px; vertical-align:top;}
.tooltip_wrap .tip_box.w250 {width:250px;}
.tooltip_wrap .tip_box.w300 {width:300px;}
.tooltip_wrap .tip_box.w360 {width:360px;}
.tooltip_wrap .tip_box.w400 {width:400px;}
.tooltip_wrap .tip_box .tit {color:#000; margin-bottom:12px; font-size:16px; line-height:19px;}
.tooltip_wrap .tip_box .pk_dl {overflow:hidden;}
.tooltip_wrap .tip_box .pk_dl+.pk_dl {margin-top:8px;}
.tooltip_wrap .tip_box .pk_dl > dt {float:left !important; color:#ed008c !important; font-size:14px !important; line-height:17px !important;}
.tooltip_wrap .tip_box .pk_dl > dd {float:right !important; margin:0 !important; color:#ed008c !important; font-size:14px !important; line-height:17px !important; font-weight:normal !important;}
.tooltip_wrap .tip_box .pk_dl > dd em {display:inline-block; color:inherit; font-size:14px; vertical-align:top;}
.tooltip_wrap .tip_box .pk_dl.type1 > dt,
.tooltip_wrap .tip_box .pk_dl.type1 > dd {color:#000 !important;}
.tooltip_wrap .tip_box .pk_dl.type2 > dt,
.tooltip_wrap .tip_box .pk_dl.type2 > dd {color:#666 !important;}
.tooltip_wrap .btn_wrap {margin-top:16px; text-align:left;}
.tooltip_wrap .btn_wrap .bttn {display:inline-block; height:24px; border:1px solid #666; color:#666; font-size:12px; line-height:22px;}
.tooltip_wrap .price_dl {margin-top:12px; padding-top:12px; border-top:1px solid #ddd; overflow:hidden;}
.tooltip_wrap .price_dl dt {float:left; color:#000 !important; font-size:14px !important; line-height:17px !important;}
.tooltip_wrap .price_dl dd {float:right; margin:0 !important; color:#000 !important; font-size:14px !important; line-height:17px !important; font-weight:bold;}
.tooltip_wrap .price_dl dd em {display:inline-block; color:inherit; font-size:inherit; font-weight:bold; vertical-align:top;}
.tooltip_wrap .big_dot_list {padding-top:16px;}
.tooltip_wrap .big_dot_list li {position:relative; padding-left:12px; color:#999; font-size:14px; line-height:20px;}
.tooltip_wrap .big_dot_list li:before {content:' '; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#999;}
.tooltip_wrap .big_dot_list.bk li {color:#000; font-size:14px; line-height:28px;}
.tooltip_wrap .big_dot_list.bk li em {color:#aa36bb;}
.tooltip_wrap .big_dot_list.bk li:before {top:12px;}
.tooltip_wrap .cont {color:#000; font-size:18px; line-height:21px;}

.tooltip_wrap .btn_close {position:absolute; width:21px; top:16px; right:16px; line-height:21px; text-align:center;}
.tooltip_wrap .btn_close:before {content:'\2715'; display:inline-block; font-size:18px; line-height:21px; vertical-align:top; font-weight:normal;}

/* -- 쿠폰 -- */
.coupon_list {padding:16px 0; border-top:1px solid #bbb; border-bottom:1px solid #ddd; overflow:hidden;}
.coupon_list ul {margin-top:-16px; margin-left:-16px; overflow:hidden;}
.coupon_list .lists {float:left; width:274px; margin:16px 0 0 16px; overflow:hidden;}
.coupon_list .lists .cp_body {position:relative; padding:24px 0; padding-bottom:32px; border:1px solid #ddd; border-bottom:none; border-radius:4px 4px 0 0; text-align:center;}
.coupon_list .lists .cp_body .cate {margin-bottom:12px; color:#666; font-size:14px; line-height:17px;}
.coupon_list .lists .cp_body .tit {color:#000; font-size:16px; line-height:19px; font-weight:bold;}
.coupon_list .lists .cp_body .tit em {display:block; margin-top:4px; color:#ed008c; font-size:28px; line-height:33px; font-weight:inherit;}
.coupon_list .lists .cp_body .tit em small {display:inline-block; font-size:16px; line-height:19px; vertical-align:bottom;}
.coupon_list .lists .cp_body .date {margin-top:12px; color:#999; font-size:13px; line-height:16px;}
.coupon_list .lists .cp_body:after {content:' '; position:absolute; bottom:0; left:-1px; right:-1px; height:22px; background:url('/common/images/mys/bg_coupon.png') 0 0 no-repeat;}
.coupon_list .lists .cp_foot {padding:6px 24px 16px; border:1px solid #ddd; border-top:none; border-radius:0 0 4px 4px; background:#edf0f5; color:#666; font-size:14px; line-height:17px; text-align:center;}
/* // -- 쿠폰 -- */

/* 전문가 리뷰/구매후기 */
.pr_review_wrap {position:relative;}
.pr_review_wrap .pr_review_list {margin-bottom:40px;}
.pr_review_wrap .pr_review_list > li {position:relative; background-color:#fff; padding:32px; margin-top:16px; border:1px solid #ddd; border-radius:4px;}
.pr_review_wrap .pr_review_list > li:first-child {margin-top:0; }

.pr_review_wrap .pr_review_list > li .img_box {float:left; margin-right:24px; width:120px; height:120px;}
.pr_review_wrap .pr_review_list > li .img_box img {height:100%;}
.pr_review_wrap .pr_review_list > li .pr_review_tit {color:#000; font-size:24px; height:29px; line-height:29px; margin-bottom:11px; 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 {color:#666; font-size:16px; line-height:19px; -webkit-box-orient:vertical;/*overflow:hidden; white-space:normal; word-wrap:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;*/}
.pr_review_wrap .pr_review_list > li .pr_details {position:relative; display:inline-block; margin-top:20px;}
.pr_review_wrap .pr_review_list > li .pr_details:before {content: ' '; display: block; position: absolute; top: 7px; right: -9px; width: 6px; height: 6px; border: 1px solid #666; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.review_info_wrap {position:relative; background-color:#fff; border-top:1px solid #bbb; border-bottom:1px solid #ddd; border-radius:4px; margin-bottom:16px;}
.review_info_wrap:after {content:' '; display:block; clear:both;}
.review_info_wrap .info_point {position:absolute; top:50%; left:0; width:440px; text-align:center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.review_info_wrap .info_point .tol {color:#000; font-size:20px; line-height:24px;}
.review_info_wrap .info_point .tol em {color:#999;}
.review_info_wrap .info_point .purchase_point {display:inline-block; position:relative; margin-top:8px; 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-left:440px; background-color:#f6f6f6; padding:48px 56px;}
.review_info_wrap .info_txt .tit {color:#000; font-size:22px; line-height:27px; font-weight:bold; margin-bottom:16px;}
.review_info_wrap .info_txt .tit strong {color:#aa36bb; font-weight:bold;}
.review_info_wrap .info_txt .dot_list li {font-size:16px; line-height:22px;}
.review_info_wrap .info_txt .dot_list li:before {top:10px;}
.review_info_wrap .info_txt .dot_list li a {text-decoration:underline;}

.review_info_wrap .no_result {min-height:auto; padding:56px 0; border:none; text-align:center;}
.review_info_wrap .no_result p {font-size:16px; line-height:22px;}
.review_info_wrap .no_result .detail_link {margin-top:12px;}

.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;}



.atreview_list {position:relative; border-top:1px solid #bbb;}
.atreview_list ul > li {position:relative; border-bottom:1px solid #ddd;}
.atreview_list ul > li .head a.link_cnt {display:block; padding:24px;}
.atreview_list ul > li .head a .btn_arr {content:' '; display:block; position:absolute; right:24px; bottom:24px; width:22px; height:22px; margin-top:-12px;}
.atreview_list ul > li .head a .btn_arr:after {content:' '; display:block; position:absolute; right:4px; top:0px; width:14px; height:14px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.atreview_list ul > li.on .head a .btn_arr:after {top:8px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.atreview_list ul > li .head {position:static;}
.atreview_list ul > li .head .purchase_thum {float:left; position:relative; width:80px; height:80px; margin-right:16px; border-radius:4px; background-size:cover !important; overflow:hidden;}
.atreview_list ul > li .head .purchase_thum .cunt {display:block; position:absolute; bottom:0; right:0; width:22px; height:22px; border-radius:4px; background-color:#000; color:#fff; font-size:16px; line-height:22px; text-align:center;}
.atreview_list ul > li.on .head a.link_cnt {padding-bottom:0;}
.atreview_list ul > li.on .head .purchase_thum {display:none;}
.atreview_list ul > li.on .head .purchase_area .txt {display:none;}

.atreview_list ul > li .purchase_area .tit_box {margin-top:12px; font-size:0;}
.atreview_list ul > li .head .purchase_area .tit_box {padding-right:50px;}
.atreview_list ul > li .purchase_area .tit_box .flag_wrap {position:static; display:inline-block; vertical-align:top; margin-right:8px;}
.atreview_list ul > li .purchase_area .tit {display:inline-block; color:#000; font-size:18px; line-height:24px; font-weight:bold; vertical-align:top;}
.atreview_list ul > li .purchase_area .txt {margin-top:8px; color:#666; font-size:16px; line-height:22px;}
.atreview_list ul > li .head .purchase_area .txt {padding-right:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.atreview_list ul > li .purchase_area .lv {position:relative; font-size:0; line-height:20px;}
.atreview_list ul > li .purchase_area .lv .purchase_point {position:relative; display:inline-block; width:96px; height:16px; margin-right:8px; background:url('/common/images/hphn/purchase_point_off.png') no-repeat 0 0;  vertical-align:middle;}
.atreview_list ul > li .purchase_area .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_area .lv .lvneme {display:inline-block; color:#999; font-size:16px; line-height:20px; vertical-align:top;}

.atreview_list ul > li .purchase_dw {position:absolute; top:0; right:0; font-size:0;}
.atreview_list ul > li .purchase_dw .purchase_write {display:inline-block; color:#666; font-size:16px; line-height:20px; vertical-align:top;}
.atreview_list ul > li .purchase_dw .purchase_date {display:inline-block; margin-left:16px; color:#999; font-size:16px; line-height:20px; vertical-align:top;}

.atreview_list ul > li .desc {color:#666; padding:8px 24px 64px 24px;}
.atreview_list ul > li .desc .txt {color:#666; font-size:16px; line-height:22px;}
.atreview_list ul > li .answer {margin:24px -24px 0; padding:24px; background:#f6f6f6;}
.atreview_list ul > li .answer .info {font-size:0;}
.atreview_list ul > li .answer .info > span {display:inline-block; vertical-align:top;}
.atreview_list ul > li .answer .writer img {vertical-align:top;}
.atreview_list ul > li .answer .date {padding-left:12px; color:#999; font-size:16px; line-height:22px;}
.atreview_list ul > li .answer .reply {margin-top:8px; padding:0 16px; color:#666; font-size:16px; line-height:22px;}

.atreview_list .uploadpic_list {margin-top:16px; font-size:0; overflow:hidden;}
.atreview_list .uploadpic_list li {display:inline-block; width:333px; margin-left:16px; border-bottom:none;}
.atreview_list .uploadpic_list li:first-child {margin-left:0;}
.atreview_list .uploadpic_list li .img_box {display:table; margin:0 auto;}
.atreview_list .uploadpic_list li .img_box .inner {display:table-cell; height:333px; vertical-align:middle;}
.atreview_list .uploadpic_list li .img_box .inner img {width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:top;}
/* .atreview_list .uploadpic_list li {float:left; width:333px; height:333px; border:none; background-size:cover !important; margin-left:16px;}
.atreview_list .uploadpic_list li:first-child {margin-left:0;} */

/* // --전문가 리뷰/구매후기 */

/* 간편기기변경 */
.simple_wrap {position:relative;}
.simple_wrap .apl_body {margin-top:40px;}
.simple_wrap .tit_wrap .tit {color:#000; font-size:24px; line-height:29px;}

.simple_wrap .simple_sv_info_wrap {position:relative; margin-top:16px;}
.simple_wrap .simple_sv_info_wrap > dl > dt {margin-bottom:16px; color:#000; font-size:20px; line-height:24px;}
.simple_wrap .simple_sv_info_wrap > dl > dd {position:relative; padding:24px; border:1px solid #ddd; border-radius:4px; background-color:#fff;}
/* .simple_wrap .simple_sv_info_wrap > dl.sv_info > dd {padding:40px 24px;}
.simple_wrap .simple_sv_info_wrap > dl.sv_steps_info > dd {padding:40px 0;} */
.simple_wrap .simple_sv_info_wrap span.txt_black {color:#000;}

.simple_wrap .option_body_center {margin-top:0;}
.simple_wrap .data_table .tbltype_dl.type2 .th_type {width:180px; padding: 8px 0px !important;}
.simple_wrap .data_table .tbltype_dl.type2 .td_type {margin-left:180px;}

.simple_wrap .data_table .table_info .detail_link {float:left; margin-left:16px;}
.simple_wrap .data_table .table.type2 {border-bottom:0;}
.simple_wrap .data_table .table.simple_type {margin-top:-8px; padding-top:0;}

.simple_wrap .nav_steps .inner {width:1080px; margin:0 auto;}
.simple_wrap .nav_steps .inner:after {content:' '; display:block; clear:both;}
.simple_wrap .nav_steps .inner .use {float:left; padding-top:6px; color:#000; font-size:16px;}
.simple_wrap .nav_steps .inner .use .name {font-size:18px;}
.simple_wrap .nav_steps .inner .use .name strong {color:#000; font-weight:bold;}
.simple_wrap .nav_steps .inner ul {float:right;}

.si_form_wrap .head {position:relative;}
.si_form_wrap .bttn {display:block; position:absolute; top:0; right:0; width:24px; height:24px;}
.si_form_wrap .bttn:before {content:' '; display:block; position:absolute; top:5px; left:9px; width:12px; height:12px; border:2px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}

.si_form_wrap ul li.on > .head .bttn:before {top:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.si_form_wrap .depth2 {margin-top:0px;}
/* .si_form_wrap .depth2 > ul {margin-bottom:-16px;} */
.si_form_wrap .depth2 > ul > li {margin-bottom:16px; border:1px solid #ddd; border-radius:4px; background:#f6f6f6;}
.si_form_wrap .depth2 li .bul_list {margin:0;}
.si_form_wrap .depth2 li .bul_list li {margin-bottom:0; padding-left:10px; text-indent:-10px;}
.si_form_wrap .depth2 li .bul_list li ul li {padding-left:7px; font-size:14px; text-indent:0;}
.si_form_wrap .depth2 li .txt_list .txt_agree {margin-top:8px; color:#666;}
.si_form_wrap .depth2 .head {padding:16px; padding-right:40px;}
.si_form_wrap .depth2 .head .notice_txt {position:absolute; top:20px; right:44px; color:#999; font-size:16px; line-height:19px;}
.si_form_wrap .depth2 .bttn {top:12px; right:16px;}

.si_form_wrap .depth2 .use_con .flag{display: inline-block; min-width: 37px; height: 20px; margin-right:16px; padding: 3px 9px; color: #fff; background:#ED008C; border-radius:4px; font-size: 12px; line-height: 15px; font-weight: initial; vertical-align: middle;}
.si_form_wrap .depth2 .use_con .ug_body { display: block; color: #999; font-size: 16px; line-height: 22px; margin-top: 8px;}
.si_form_wrap .depth2 .use_con .ug_body em {color: #000 }

.si_form_wrap .depth2 .use_con .si_txt {color: #999; font-size: 18px; line-height: 24px;}
.si_form_wrap .data_table {padding-top:1px;}

.si_form_wrap .terms_cont_wrap {padding:0 24px 24px 21px; color:#000; font-size:16px; line-height:24px;}
.si_form_wrap .terms_cont_wrap.type2 {padding-left:16px;}
.si_form_wrap .terms_cont_wrap .txt_agree em {color:inherit; font-weight:bold;}
.si_form_wrap .terms_cont_wrap .txt_agree {margin-top:8px;}
.si_form_wrap .terms_cont_wrap .txt_agree:first-child {margin-top:0;}
.si_form_wrap .terms_cont_wrap .dot_list {margin-top:8px;}
.si_form_wrap .terms_cont_wrap .dot_list > li {margin-bottom:0; line-height:24px;}
.si_form_wrap .terms_cont_wrap .dot_list > li:before {top:10px; width:2px; height:2px; background:#666;}

.si_form_wrap .depth2 .head_con:after {content:' '; display:block; clear:both;}
.si_form_wrap .depth2 .head_con .six_tit {color:#000; font-size:18px; line-height:16px;}
.si_form_wrap .depth2 .head_con .six_txt {color:#999; font-size:18px; line-height:24px;}
.si_form_wrap .depth2 .head_con .six_won {float:right; color:#ED008C; font-size:16px; line-height:19px;}
.si_form_wrap .depth2 .head_con .six_won em {display:inline-block; color:#ED008C; font-size:16px; line-height:19px; padding-left:8px;}
.si_form_wrap .depth2 .rdo_wrap.txt_type .six_tit {color:#000; font-size:18px; line-height:16px;}
.si_form_wrap .depth2 .rdo_wrap.txt_type .six_txt {color:#999; font-size:18px; line-height:24px;}
.si_form_wrap .depth2 .rdo_wrap.txt_type .six_won {float:right; color:#ED008C; font-size:16px; line-height:19px;}
.si_form_wrap .depth2 .rdo_wrap.txt_type .six_won em {display:inline-block; color:#ED008C; font-size:16px; line-height:19px; padding:0 16px 0 8px;}


.si_dataform_list {position:relative; width:100%;}
.si_dataform_list:after {content:' '; display:block; clear:both;}
.si_dataform_list li:first-child {margin-left:-8px;}
.si_dataform_list li .rdo_wrap.txt_type {width:100% !important;}
.si_dataform_list li .si_txt {color:#999; font-size:18px; line-height:24px;}

.si_dataform_list.type_01 li {position:relative; width: calc(100%); margin-top:8px;}
.si_dataform_list.type_01 li:first-child {margin-left:0px; margin-top:0px;}
.si_dataform_list.type_01 li .rdo_wrap.txt_type input[type='radio'] + label {text-align:left; padding-left:16px;}
.si_dataform_list.type_02 li {position:relative; float:left; width: calc(50% - 8px); margin-left:8px;}
.si_dataform_list.type_03 li {position:relative; float:left; width: calc(33.3333% - 8px); margin-left:8px;}
.si_dataform_list.type_04 li {position:relative; float:left; width: calc(25% - 8px); margin-left:8px; margin-top:8px;}
.si_dataform_list li .rdo_wrap.txt_type input[type='radio'] + label {color:#000; font-size:18px;}
.si_dataform_list li .rdo_wrap.txt_type.disabled input[type='radio'] + label {color:#999;}
.si_dataform_list li .ug_tit {color:#000; font-size:18px; line-height:16px;}
.si_dataform_list li .ug_won {color:#000; font-size:16px; line-height:16px;}
.si_dataform_list li .ug_body {display:block; color:#999; font-size:16px; line-height:22px; margin-top:8px;}
.si_dataform_list li .ug_body em {color:#000; }

.sih_color:after {content:' '; display:block; clear:both;}
.sih_color .hp_color_sel {float:left; display:inline-block; }
.sih_color .color_txt {float:left; display:inline-block;  margin:6px 0 0 16px;}

.simple_wrap .gift_list_wrsp {position:relative;}
.simple_wrap .gift_list_wrsp ul li {position:relative; margin-bottom:16px; border:1px solid #ddd; border-radius:4px; background:#f6f6f6; padding:16px;}
.simple_wrap .gift_list_wrsp ul li:after {content:' '; display:block; clear:both;}
.simple_wrap .gift_list_wrsp ul li:first-child {margin-top:0px;}
.simple_wrap .gift_list_wrsp ul li .txt {position:relative; color:#000; font-size:16px; line-height:22px; padding-left:40px;}
.simple_wrap .gift_list_wrsp ul li .pl_none {padding-left:0;}
.simple_wrap .gift_list_wrsp ul li .flag_img {display:inline-block; height:20px; color:#fff; font-size:11px; line-height:20px; background:#ED008C; text-align:center; padding: 0 4px; margin-right:8px;}
.simple_wrap .gift_list_wrsp ul li .flag{float:right; display:inline-block; height:20px; color:#fff; font-size:11px; line-height:20px; background:#000; text-align:center; padding: 0 4px; margin-right:8px;}
.simple_wrap .gift_list_wrsp ul li .txt  .tool_tip {position:absolute; top:-7px; }
.simple_wrap .gift_list_wrsp ul li .soldout {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.7); color:#fff;}
.simple_wrap .gift_list_wrsp ul li .soldout .ment {position:absolute; top:50%; width:100%; padding:0 23px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:16px; line-height:24px; text-align:center;}

.si_form_wrap .depth2 .head_con .txt {position:relative; color:#000; font-size:16px; line-height:22px; padding-left:40px;}
.si_form_wrap .depth2 .head_con .txt .tool_tip {position:absolute; top:-7px; }

.si_form_wrap .si_dataform_list .gift_wrsp {display:block; border:1px solid #EEEEEE; border-radius:4px; background:#fff; padding:16px;}
.si_form_wrap .si_dataform_list .gift_wrsp .txt {position:relative; color:#000; font-size:16px; line-height:22px; padding-left:40px;}
.si_form_wrap .si_dataform_list .gift_wrsp .txt .tool_tip {position:absolute; top:-7px; left:0;}
.tool_tip .btn_gifts.on {width:32px;height:32px;background: url('/common/images/cmm/ico_common.png') no-repeat -568px 0;vertical-align:top;}

.kind_list {position:relative;}
.kind_list .si_search_list_area {margin-right:152px; height:187px; overflow:hidden;}
.kind_list .si_search_list_area .slide_content {margin:0 -4px;}
.kind_list .si_search_list_area .item_area {float:left; width:144px; margin:0 4px;}
.kind_list .si_search_list_area .item_area .item {width:100%; border:none;}
.kind_list .si_search_list_area .item_area .rdo_wrap.info_type input[type='radio'] ~ label {border-color:#ddd;}
.kind_list .si_search_list_area .item_area .rdo_wrap.info_type input[type='radio']:checked ~ label {border-color:#ed008c;}
.kind_list .si_search_list_area .slide_controls { position:absolute; top:50%; width:448px;}
.kind_list .si_search_list_area  .slide_controls button {position:absolute; top:50%; width:32px; height:32px; margin-top:-16px; border-radius:4px; background:rgba(0,0,0,.4);}
.kind_list .si_search_list_area  .slide_controls button:before {content:' '; display:block; width:14px; height:14px; border:1px solid #fff;}
.kind_list .si_search_list_area  .slide_controls .prev {padding-left:13px;}
.kind_list .si_search_list_area  .slide_controls .next {padding-left:5px;right:0;}
.kind_list .si_search_list_area  .slide_controls .prev:before {left:0; border-right:none; border-bottom:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.kind_list .si_search_list_area  .slide_controls .next:before {right:0; border-bottom:none; border-left:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(45deg);}
.kind_list .si_search_list_area  .slide_controls .disabled {opacity:.4;}
.kind_list .si_search_list_area .item_area .item .img {height:146px; padding:16px 0;}
.kind_list .si_search_list_area .item_area .item .img > img {height:111px;}
.kind_list .si_search_list_area .item_area .item .info {padding:12px 0;}
.kind_list .si_search_list_area .item_area .item .info .model {color:#000; font-size:14px; line-height:17px; text-align:center;}
.si_emt_item {position:absolute; top:0; right:0; display:inline-block; width:144px; height:188px;  border:1px solid #999; border-radius:4px; background-color:#fff; box-sizing:border-box;}
.si_emt_item:before {content:' '; display:block; position:absolute; top:30px; left:50%; width:34px; height:34px; margin-left:-17px; background:url('/common/images/cmm/ico_common.png') no-repeat -454px -54px;}
.si_emt_item .tit {color:#999; font-size:14px; line-height:18px; text-align:center; margin-top:80px;}
.si_emt_item .detail_link {margin-top:30px;}
.si_emt_item .detail_link span {color:#999; font-size:14px; line-height:17px; }
/* // --간편기기변경 */


/*UPlus 모바일 selectbox*/


/*드롭박스*/

.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;
	box-sizing:content-box;
}

.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-wrap2.read	{
    border:1px solid #ccc; background-color:#f6f6f6;
}

.ui-selectbox-wrap2 .ui-select-button {display:block; position: relative; width:100%; height:72px; padding:17px 45px 17px 16px; font-weight: bold; background-color: #fff;  color: #000;}
.ui-selectbox-wrap2 .ui-select-button:after{content: ' '; position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; margin-top: -4px; 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; line-height:38px;}
.ui-selectbox-wrap2 a .detail{display:block; font-weight: normal; color: #666;}

.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:500px; 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;display:block;font-size:18px;color:#000;height:52px;line-height:52px;border-bottom:1px #e1e1e1 solid;padding:0 16px;text-align:center;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box ul {width:100%; min-height: 138px; max-height:200px; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li {height:48px;line-height:48px; }
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box .ui-dropdown-submit {width:100%;font-size:18px;color:#ed008c;line-height:50px;border-top:1px #eee solid;height:52px;text-align:center;} */


.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 16px; /*overflow-y:scroll;*/ -webkit-overflow-scrolling:touch;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li {height:48px;line-height:48px; float: left; width: 256px; margin: 16px 0 0 16px; }
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li a{display: block; width: 100%; height: 56px; padding: 0 16px; border: 1px solid #ccc; border-radius: 4px; color: #000; font-size: 18px; line-height: 56px; font-weight:initial;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li.on a{border-color: #ED008C; 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;
	box-sizing:content-box;
}

.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:72px; padding:14px 44px 14px 16px; font-weight: bold; background-color: #fff;  color: #000;}
.ui-selectbox-wrap3 .ui-select-button:after{content: ' '; position: absolute; right: 16px; top: 50%; width: 10px; height: 10px; margin-top: -7px; 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:14px 44px 14px 16px; font-weight: bold; background-color: #fff;  color: #000;}
.ui-selectbox-wrap3 a .detail{display:block; font-weight: normal; color: #666;}

.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 {}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li a{display:block; margin:16px 0; border:1px solid #ccc; border-radius:4px; 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;}

/* 액세서리 AC1.1.1.1 */
.ui-selectbox-wrap4	{
    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;
	box-sizing:content-box;
}

.ui-selectbox-wrap4 a{text-decoration: none;}
.ui-selectbox-wrap4 .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-wrap4.active	{border:1px solid #ed008c;}
.ui-selectbox-wrap4.on	{
    z-index:3;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-wrap4.warn	{border:1px solid #dc320a;}
.ui-selectbox-wrap4.disabled,.ui-selectbox-wrap.read	{
    border:1px solid #ccc; background-color:#f6f6f6;
}

.ui-selectbox-wrap4 a {display:block;height:24px;padding:11px 38px 11px 15px;font-size:16px;line-height:24px;white-space:nowrap;letter-spacing:0; word-wrap:normal; box-sizing:content-box;}
.ui-selectbox-wrap4.disabled a	{color:#999 !important;}
.ui-selectbox-wrap4.read a	{color:#999;}
.ui-selectbox-wrap4.disabled a, .ui-selectbox-wrap.disabled a:hover, .ui-selectbox-wrap.disabled a:focus,
.ui-selectbox-wrap4.read a, .ui-selectbox-wrap.read a:hover, .ui-selectbox-wrap.read a:focus	{/*color:#787878;*/ pointer-events: none;cursor: default;}

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

.ui-selectbox-wrap4 .ui-selectbox-view {}
.ui-selectbox-wrap4 .ui-selectbox-view .ico	{position:absolute;right:15px;top:17px;width:8px;height:8px; 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-wrap4.on .ui-selectbox-view .ico	{top:21px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.ui-selectbox-wrap4.disabled .ui-selectbox-view .ico,
.ui-selectbox-wrap4.read .ui-selectbox-view .ico	{border-color:#999; background-position:-48px 0;}


.ui-selectbox-wrap4 .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-wrap4 .ui-selectbox-list .ui-select-scrollarea	{border-top:1px solid #d0d0d0; max-height:193px;overflow:hidden;}
.ui-selectbox-wrap4 .ui-selectbox-list ul	{ margin:0 !important;padding:5px 0;}
.ui-selectbox-wrap4 .ui-selectbox-list li a	{height:auto; min-height:26px; padding:0px 25px 3px 12px;line-height:1.8em;color:#303030; text-overflow:ellipsis; overflow:hidden;}
.ui-selectbox-wrap4 .ui-selectbox-list li a:hover,
.ui-selectbox-wrap4 .ui-selectbox-list li.active a	{background-color:#f4f4f4;}
.ui-selectbox-wrap4 .ui-selectbox-list li a.disabled {color:#ccc;}
.ui-selectbox-wrap4 .ui-selectbox-list li a.disabled .options {color:inherit;}
.ui-selectbox-wrap4.on .ui-selectbox-list li {border-top:1px solid #eee;}
.ui-selectbox-wrap4.on .ui-selectbox-list li:first-child {border-top:none;}
.ui-selectbox-wrap4.on .ui-selectbox-list li a {min-height:100%; padding:14px 16px; line-height:19px; text-overflow:inherit; white-space:normal;}
.ui-selectbox-wrap4.on .ui-selectbox-list li a strong {display:block; margin-top:8px; color:#333; font-size:16px; font-weight:bold; text-align:right;}
.ui-selectbox-wrap4.on .ui-selectbox-list li.on a {text-decoration:none !important;}
.ui-selectbox-wrap4.on .ui-selectbox-list li a.disabled strong {color:#ccc;}


.ui-selectbox-wrap4.up.on {-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
.ui-selectbox-wrap4.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-wrap4.up .ui-selectbox-list .ui-select-scrollarea {border-bottom:1px solid #d0d0d0;}

.ui-selectbox-wrap4.type .ui-selectbox-list li a {text-overflow:inherit; white-space:normal;}
.ui-selectbox-wrap4.type .ui-selectbox-list li a strong {display:block; float:none; margin-top:8px;}

/* new_ph 사전예약 팝업 */
.new_ph {position:relative; padding-top:81px; background-color:#fff;}
.new_ph.w1280 {width:1280px;}
.new_ph .pop_header {position:fixed; top:0; right:0; left:0; padding:24px 100px; border-bottom:1px solid #ddd; background-color:#fff; z-index:10;}
.new_ph .pop_header .pop_header_inner {position:relative; width:1080px; margin:0 auto;}
.new_ph .pop_header h1 {color:#000; font-size:28px; line-height:32px;}
.new_ph .pop_header .btn_close {display:block; position:absolute; top:50%; right:0; width:32px; height:32px; margin-top:-16px; text-align:center;}
.new_ph .pop_header .btn_close span {display:block; position:relative; height:32px; font-size:0;}
.new_ph .pop_header .btn_close span:before {content:' '; display:block; position:absolute; top:50%; width:32px; height:2px; margin-top:-1px; background:#000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.new_ph .pop_header .btn_close span:after {content:' '; display:block; position:absolute; top:50%; width:32px; height:2px; margin-top:-1px; background:#000; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.new_ph .pop_header_evt {display:none; position:fixed; top:81px; left:0; right:0; padding:16px 0; border-bottom:1px solid #bbb; background:#fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05); z-index:10;}

.new_ph .pop_content {overflow:hidden; overflow-y:auto;}
.new_ph .pop_content .scrollarea {width:1080px; margin:0 auto; padding:0 0 48px 0;}
.new_ph .pop_content .pop_new_bnner {margin:24px 0;}

.new_ph .pop_content .content {position:relative; padding-top:48px;}
.new_ph .btn_func {position:absolute; top:16px; right:0;}
.new_ph .btn_func .ico {width:32px; height:32px; margin-left:16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 0;}
.new_ph .btn_func .ico.mail {background-position:-390px -54px;}
.new_ph .btn_func .ico.print {background-position:-422px -54px;}

.new_ph .pop_content .noti_info {width:100%; padding:48px 32px; background-color:#f6f6f6;}
.new_ph .pop_content .noti_info dl dt {color:#000; font-size:20px; line-height:24px; margin-bottom:6px;}
.new_ph .pop_content .noti_info dl dd {}

.new_ph .pop_content .view_top_title {padding-top:0; border-bottom:1px solid #ddd;}
.new_ph .pop_content .view_top_title .sub_tit {color:#000; font-size:20px; line-height:28px;}
.new_ph .pop_content .view_top_title .h2_tit {color:#000; font-size:36px; line-height:43px;}
.new_ph .pop_content .view_top_conts {position:relative; padding:32px 0 30px;}
.new_ph .pop_content .detail_view {position:relative; float:left; text-align:center; }
.new_ph .pop_content .detail_view .pic {padding:32px 0; width:328px; height:328px; border:1px solid #ddd; border-radius:4px;}
.new_ph .pop_content .detail_view .pic img {height:264px; }
.new_ph .pop_content .detail_view .plan {margin-top:24px;}
.new_ph .pop_content .detail_view .plan .tit {display:inline-block; color:#000; font-size:16px; line-height:20px; padding-right:8px; vertical-align:top; }
.new_ph .pop_content .detail_view .plan strong {color:#000; font-size:32px; line-height:30px; font-weight:bold;}
.new_ph .pop_content .detail_view .plan .won {color:#000; font-size:24px; line-height:30px;}

.new_ph .pop_content .detail_option_wrap {position:relative; float:right; width:674px;}
.new_ph .pop_content .detail_option_inner {position:relative; overflow:hidden;}
.new_ph .pop_content .detail_option_wrap .hp_color_sel {display:inline-block; margin-right:24px}
.new_ph .pop_content .detail_option_wrap .color_txt {display:inline-block;}
.new_ph .pop_content .chk_inner .detail_link {display:inline-block; margin-top:0;}
.new_ph .btn_wrap .bttn.second {min-width:160px;}



/* 홈서비스 스타일 리스트 */
.homservice_list .item {position:relative; min-height:192px; margin-top:24px; padding:32px 336px 32px 176px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.homservice_list .item:first-child {margin-top:0;}
.homservice_list .item .ico {position:absolute; top:50%; left:32px; width:112px; height:112px; margin-top:-56px; background:none;}
/* .homservice_list .internet .item .ico.ico01 {background-position:0 0;}
.homservice_list .internet .item .ico.ico02 {background-position:-112px 0;}
.homservice_list .internet .item .ico.ico03 {background-position:-224px 0;}
.homservice_list .tv .item .ico.ico01 {background-position:0 -112px;}
.homservice_list .tv .item .ico.ico02 {background-position:-112px -112px;}
.homservice_list .tv .item .ico.ico03 {background-position:-224px -112px;} */
.homservice_list .internet_tv .item {height:195px;}
/* .homservice_list .internet_tv .item .ico.ico01 {background-position:-112px -224px;}
.homservice_list .internet_tv .item .ico.ico02 {background-position:0 -224px;} */
.homservice_list .item dl dt a {position:relative; padding-right:20px; color:#000; font-size:26px; font-weight:bold; line-height:31px;}
.homservice_list .item dl dt a .volume {position:relative; padding-left:4px; font-size:20px; line-height:24px; font-weight:normal; vertical-align:bottom;}
.homservice_list .item dl dt a:after {content:' '; display:block; position:absolute; top:50%; right:5px; width:8px; height:8px; margin-top:2px; border:1px solid #000; border-left:none; border-bottom:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.mac .homservice_list .item dl dt a:after {margin-top:-2px;}
.mac .homservice_list .internet_tv .item dl dt a:after {margin-top:-7px;}
/* .homservice_list .item dl dt a .volume:after {content:' '; display:block; position:absolute; top:7px; right:0; width:10px; height:10px; border:1px solid #000; border-left:none; border-bottom:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} */
.homservice_list .item dl dd {margin-top:6px; color:#666; font-size:18px; line-height:21px;}
.homservice_list .item .dot_list {margin-top:24px;}
.homservice_list .item .dot_list li {margin-top:8px; padding-left:12px; color:#000; font-size:16px; line-height:19px;}
.homservice_list .item .dot_list li:before {top:8px; width:3px; height:3px; border-radius:50%; background-color:#000;}
.homservice_list .item .price {position:absolute; right:32px; bottom:87px; text-align:right;}
.homservice_list .item .price strong {color:#000; font-weight:bold; font-size:24px; line-height:29px;}
.homservice_list .item .price .exist {display:block; margin-bottom:8px; color:#666; font-size:14px; line-height:16px; text-decoration:line-through;}
.homservice_list .item .price.only {bottom:50%; transform:translateY(50%);}
.homservice_list .item .btn_wrap {position:absolute; right:32px; bottom:32px; margin-top:0;}
.homservice_list .item .btn_wrap .btn_favs {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center;}
.homservice_list .item .btn_wrap .btn_favs:before {content:' '; display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat 0px -283px; vertical-align:middle;}
.homservice_list .item .btn_wrap .btn_favs.on:before {background-position:-34px -283px;}

/* iot 스타일 리스트 */
.iot_list_wrap .iot_list .visual_img {margin-bottom:24px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.iot_list_wrap .iot_list .visual_img .inner {display:block; position:relative; width:1080px; height:248px; margin:0 auto;}
.iot_list_wrap .iot_list .visual_img .inner .tag {display:inline-block ;min-width:85px; height:32px; background-color: #666; color: #fff; font-size: 16px; text-align:center; line-height:32px;}
.iot_list_wrap .iot_list .visual_img .inner .btn_interest {position:absolute; right:16px; top:8px; width:32px; height:32px; background: url('/common/images/cmm/ico_common.png') no-repeat 0 -280px;}
.iot_list_wrap .iot_list .visual_img .inner .btn_pic {background-position:-33px -280px;}
.iot_list_wrap .iot_list .visual_img .inner .txt_inner {padding:24px 0 35px 40px;}
.iot_list_wrap .iot_list .visual_img .inner .txt_inner .txt_info .tit {color:#000; font-size:40px; line-height:48px; font-weight:bold;}
.iot_list_wrap .iot_list .visual_img .inner .txt_inner .txt_info .txt {width:307px; padding-top:8px; color:#666; font-size:16px;}
.iot_list_wrap .iot_list .visual_img .inner .txt_inner .item_info_box {margin-top:23px;}
.iot_list_wrap .iot_list .visual_img .inner .txt_inner .item_info_box .line_gray {min-width:122px; height:40px; margin-right:8px; font-size:16px; line-height:40px;}
.iot_list_wrap .iot_goods {margin-top:56px;}
.iot_list_wrap .iot_goods:after {content:' '; display:block; clear:both;}
.iot_list_wrap .iot_goods ul li{position:relative; float:left; width:528px; height:228px; padding: 24px 0; margin-right:24px; border:1px solid #ddd;}
.iot_list_wrap .iot_goods ul li:nth-child(2n) {margin-right:0;}
.iot_list_wrap .iot_goods ul li:nth-child(n+3) {margin-top:24px;}
.iot_list_wrap .iot_goods ul li p.img {display: table; float:left;}
.iot_list_wrap .iot_goods ul li .inner {display: table-cell;}
.iot_list_wrap .iot_goods ul li .inner .tag{display: inline-block;min-width: 85px; height: 32px; line-height: 32px; background-color: #666; color: #fff; font-size: 16px; text-align: center;}
.iot_list_wrap .iot_goods ul li .inner .btn_interest {position: absolute; right: 16px;top: 8px; width: 32px; height: 32px; background: url('/common/images/cmm/ico_common.png') no-repeat 0 -280px;}
.iot_list_wrap .iot_goods ul li .inner .txt_inner .txt_info .tit {margin:8px 0; color:#000; font-size:24px; font-weight:bold;}
.iot_list_wrap .iot_goods ul li .inner .txt_inner .txt_info .txt {width:261px; color:#666; font-size:16px;padding-bottom:20px;}
.iot_list_wrap .iot_goods ul li .inner .txt_inner .item_info_box .line_gray {min-width:122px; height:40px; margin-right:8px; font-size:16px; line-height:40px;}

/* 홈IoT 가입 */
.home_iot_pack_list {padding-top:16px;}
.home_iot_pack_list > ul > li:first-child {margin-top:0;}
.home_iot_pack_list > ul > li {position:relative; margin-top:24px; border:1px solid #ddd; border-radius:4px;}
.home_iot_pack_list > ul > li .ico_wrap {position:absolute; top:40px; left:45px;}
.home_iot_pack_list > ul > li .ico_wrap img {width:80px; height:80px;}
.home_iot_pack_list > ul > li .ico {display:block; width:80px; height:80px; background:url('/common/images/iot/ico_iot.png') no-repeat 0 0;}
.home_iot_pack_list > ul > li .ico.ico01 {background-position:0 -216px;}
.home_iot_pack_list > ul > li .ico.ico02 {background-position:-80px -216px;}
.home_iot_pack_list > ul > li .ico.ico03 {background-position:-160px -216px;}
.home_iot_pack_list > ul > li .ico.ico04 {background-position:-240px -216px;}
.home_iot_pack_list > ul > li .ico.ico05 {background-position:-320px -216px;}
.home_iot_pack_list > ul > li > a {display:block; position:relative; padding:32px 0 32px 164px;}
.home_iot_pack_list > ul > li > a:before {content:' '; display:block; position:absolute; top:32px; right:221px; bottom:32px; width:1px; background-color:#ddd;}
.home_iot_pack_list > ul > li > a:after {content:' '; display:block; clear:both;}
.home_iot_pack_list > ul > li > a .pack_module {width:680px;}
.home_iot_pack_list > ul > li > a .pack_info .inner dl {width:220px; padding:0 16px;}
.home_iot_pack_list > ul > li .pack_module {float:left; padding-top:13px;}
.home_iot_pack_list > ul > li .pack_module .tit_wrap {padding:0; font-size:0;}
.home_iot_pack_list > ul > li .pack_module .tit_wrap p {display:inline-block; color:#000; font-size:32px; font-weight:bold; line-height:39px; vertical-align:middle; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
.home_iot_pack_list > ul > li .pack_module .tit_wrap .flag_wrap {display:inline-block; position:static; padding-top:11px; vertical-align:middle;}
.home_iot_pack_list > ul > li .pack_module .tit_wrap .flag_wrap .flag {margin-left:8px;}
.home_iot_pack_list > ul > li .pack_module .desc {margin-top:6px; color:#666; font-size:16px; line-height:22px; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
.home_iot_pack_list > ul > li .pack_module .list {padding-top:35px;}
.home_iot_pack_list > ul > li .pack_module .list:after {content:' '; display:block; clear:both;}
.home_iot_pack_list > ul > li .pack_module .list li {float:left; margin-left:26px;}
.home_iot_pack_list > ul > li .pack_module .list li:first-child {margin-left:0;}
.home_iot_pack_list > ul > li .pack_module .list li .module {display:block; position:relative; text-align:center;}
.home_iot_pack_list > ul > li .pack_module .list li .module .img {display:inline-block; width:80px; height:80px; padding-top:11px; border:1px solid #ddd; border-radius:50%; text-align:center; vertical-align:top;}
.home_iot_pack_list > ul > li .pack_module .list li .module .img img {height:56px; vertical-align:middle;}
.home_iot_pack_list > ul > li .pack_module .list li .module .txt {display:block; max-width:92px; padding-top:12px; color:#333; font-size:14px; line-height:17px; word-break:normal;}
/* .home_iot_pack_list > ul > li .pack_module .list li .module .label {position:absolute; top:-10px; right:-5px; width:40px; height:40px; padding:7px 0; border:1px solid #ED008C; border-radius:50%; background-color:#fff; color:#ED008C; font-size:12px; line-height:12px;} */
.home_iot_pack_list > ul > li .pack_module .list li .module .label {position:absolute; top:-10px; right:-5px; width:42px; height:42px;}
.home_iot_pack_list > ul > li .pack_module .list li.all .module .img {border:none;}
.home_iot_pack_list > ul > li .pack_module .list li.all .module .img:before {content:'···'; position:absolute; top:30px; left:30px; font-size:24px; border-radius:50%; color:#333; vertical-align:middle;}
.home_iot_pack_list > ul > li .pack_info {display:table; float:right; width:220px;}
.home_iot_pack_list > ul > li .pack_info .inner {display:table-cell; height:224px; vertical-align:middle; text-align:center;}
.home_iot_pack_list > ul > li .pack_info .inner dl dt {color:#666; font-size:14px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.home_iot_pack_list > ul > li .pack_info .inner dl dd {padding-top:8px; color:#000; font-size:24px; font-weight:bold; line-height:29px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.home_iot_pack_list > ul > li .pack_info .inner dl dd .small {margin-right:16px; color:#666; font-size:16px; line-height:19px; font-weight:normal;}
.home_iot_pack_list > ul > li .pack_info .inner dl dd .txt {display:block; height:34px; margin-top:4px; color:#333; font-size:14px; font-weight:normal; line-height:17px; overflow:hidden; word-break:break-all;}
.home_iot_pack_list > ul > li .pack_info .inner .btn_wrap {display:inline-block; margin-top:24px;}
.home_iot_pack_list > ul > li .pack_info .inner .btn_wrap .bttn {display:block; margin:8px 0 0;}
.home_iot_pack_list > ul > li .pack_info .cuscent {position:absolute; right:32px; bottom:32px; margin-top:8px; color:#666; font-size:14px; line-height:17px; text-align:right;}
.home_iot_pack_list > ul > li .share_wrap {position:absolute; top:16px; right:16px;}
.home_iot_pack_list > ul > li .share_wrap > a,
.home_iot_pack_list > ul > li .share_wrap > button {margin-left:16px;}
.home_iot_pack_list > ul > li .share_wrap .btn_favs {display:inline-block;}
.home_iot_pack_list > ul > li .share_wrap .btn_favs i.ico_favs {display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -132px -4px; vertical-align:top;}
.home_iot_pack_list > ul > li .share_wrap .btn_favs i.ico_favs.on {background-position:-34px -283px;}

.home_iot_pack_tour ul {overflow:hidden; margin:-24px 0 0 -24px;}
.home_iot_pack_tour .lists {float:left; position:relative; width:252px; margin:24px 0 0 24px;}
.home_iot_pack_tour .lists a {display:block; height:349px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.home_iot_pack_tour .lists a:hover {border-color:#ED008C;}
.home_iot_pack_tour .lists .img {position:relative; width:100%; height:250px; padding:35px; border-bottom:1px solid #eee; text-align:center; overflow:hidden;}
.home_iot_pack_tour .lists .img img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; vertical-align:middle;}
.home_iot_pack_tour .lists .info {position:relative; padding:16px 16px 20px;}
.home_iot_pack_tour .lists .info .tit {width:100%; color:#000; font-size:18px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.home_iot_pack_tour .lists .info .tit_desc {margin-top:4px; color:#666; height:36px; font-size:14px; line-height:18px; overflow:hidden;;}
.home_iot_pack_tour .lists .info .single {margin-top:8px; color:#000; font-size:16px; line-height:24px;}
.home_iot_pack_tour .lists .btn_interest {display:inline-block; position:absolute; right:16px; bottom:56px; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') no-repeat -168px 0; background-color:#fff;}
.home_iot_pack_tour .lists .btn_interest.on {background-position:-360px 0;}
.home_iot_pack_tour .lists .info .price {margin-top:8px; color:#000; font-size:18px; font-weight:bold; line-height:24px;}
.home_iot_pack_tour .lists .info .price span {font-size:20px;}
.home_iot_pack_tour .lists .info .price em {padding-left:4px; color:#999; font-size:12px; line-height:24px; text-decoration:line-through; vertical-align:middle;}

/* 로그인 */
.login_wrap {position:relative;}
.login_wrap .login_body {position:relative; width:1080px; margin:0 auto;}
.login_wrap .login_cont {position:relative; margin:16px 0 56px 0; display:table;}
.login_wrap .login_cont:before {content:' '; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#ddd;}
.login_wrap .login_cont .login_inner {position:relative; display:table-cell; width:540px; vertical-align:top;}
.login_wrap .login_cont .login_inner .box {float:left; width:468px;}

.login_wrap .login_cont .login_inner_my {position:relative; display:table-cell; width:540px; vertical-align:top;}
.login_wrap .login_cont .login_inner_my .box {float:right; width:468px;}
.login_wrap .login_body .ul_table > ul > li {margin-top:8px;}
.login_wrap .login_body .ul_table > ul > li:first-child {margin-top:0;}

.login_wrap .login_cont .box .head {text-align:center;}
.login_wrap .login_cont .box .head .tit {color:#000; font-size:28px; line-height:33px;}
.login_wrap .login_cont .box .head .tit em {color:#ED008C;}
.login_wrap .login_cont .box .head .stxt {min-height:44px; margin-top:8px; color:#666; font-size:16px; line-height:22px;}

.login_wrap .login_cont .box .tab_wrap {margin-top:12px; padding-bottom:6px; border-top:1px solid #ddd;}

.login_wrap .login_cont .body {margin:20px 0 34px 0;}
.login_wrap .login_cont .btn_wrap button {width:100%;}

.login_wrap .form_wrap {margin-top:-8px;}
.login_wrap .form_wrap .form_tiem {margin-top:8px;}

.login_comp {position:relative; width:720px; margin:16px auto 0; padding:0; border:none; text-align:center; overflow:hidden;}
.login_comp .login_error_img {display:inline-block; width:80px; height:80px; background:url('/common/images/cmm/ico_common.png') no-repeat -258px -231px;}
.login_comp .tit {color:#000; font-size:28px; line-height:34px;}
.login_comp .tit em {color:#ED008C;}
.login_comp .tit_desc {margin-top:8px; font-size:0;}
.login_comp .tit_desc .error_ment {color:#666; font-size:16px; line-height:22px;}

.login_comp .error_bottom {position:relative; width:720px; margin:24px auto 0; padding:24px; border-radius:4px; background:#f6f6f6; text-align:left; }
.login_comp .error_bottom .dot_list  > li {color: #666;}
.login_comp .btn_wrap {margin-top:24px;}

.login_wrap .inptxt_wrap.time_count {position:relative;}
.login_wrap .inptxt_wrap.time_count input.txt  {padding:13px 65px 13px 15px;}
.login_wrap .inptxt_wrap.time_count .time {display:block; position:absolute; top:0; right:16px; color:#ff3333; font-size:14px; line-height:48px;}
.login_wrap .chk_wrap [type='checkbox'] + label {color:#000;}
.login_wrap .same_check{position:relative; margin-top:16px;}
.login_wrap .same_check .detail_link {position:absolute; top:0; right:0; margin-top:0; display:inline-block; width:23px; height:23px;}
.login_wrap .same_check .detail_link span:before {top:11px; width:11px; height:11px;}

.login_wrap .login_cont .box .txt_noti_list {margin-top:16px;}
.login_wrap .login_cont .box .txt_noti_list li {position:relative; margin-top:4px; padding-left:14px; color:#666; font-size:14px; line-height:18px;}
.login_wrap .login_cont .box .txt_noti_list li:first-child {margin-top:0;}
.login_wrap .login_cont .box .txt_noti_list li:before {content:'※'; display:block; position:absolute; top:0; left:0;}

.login_wrap .login_cont .box .check_info {padding-top:20px; font-size:0; text-align:center;}
.login_wrap .login_cont .box .check_info a {display:inline-block; position:relative; padding-left:11px; margin-left:10px; color:#666; font-size:16px; line-height:19px;} /* padding:0 11px; */
.login_wrap .login_cont .box .check_info a:before {content:''; display:block; position:absolute; top:4px; left:0; width:1px; height:14px; background-color:#e0e0e0;}
.login_wrap .login_cont .box .check_info a:first-child {padding-left:0; margin-left:0;}
.login_wrap .login_cont .box .check_info a:first-child:before {display:none;}

.login_wrap.solo {}
.login_wrap.solo .login_body {width:468px;}
.login_wrap.solo .login_cont {margin:0; padding-top:16px;}
.login_wrap.solo .login_cont:before {display:none;}
.login_wrap.solo .login_cont .btn_wrap {margin-top:0;}
.login_wrap.solo .same_check .detail_link span:before {width:10px; height:10px; border-color:#666;}

.security_wrap {position:relative; height:100px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.security_wrap:after {content:' '; display:block; clear:both;}
.security_wrap .security_lter{float:left; width:323px; height:100px; overflow:hidden;}
.security_wrap .security_lter img {width:100%;  height:100px; vertical-align:middle;}
.security_wrap .security_ctr {float:right; width:142px; border-left:1px solid #ddd;  overflow:hidden;}
.security_wrap .security_ctr li {position:relative; margin-top:-1px; border-top:1px solid #ddd;}
/* .security_wrap .security_ctr li:first-child {border-top:0;} */
.security_wrap .security_ctr li a {display:block; color:#666; font-size:16px; padding:14px 32px 13px 50px;}
.security_wrap .security_ctr li a.btn_security_img:before {content:''; display:block; width:17px; height:24px; position:absolute; top:9px; left:27px; background:url('/common/images/cmm/ico_common.png') no-repeat -339px -230px;}
.security_wrap .security_ctr li a.btn_refresh:before {content:''; display:block; width:17px; height:24px; position:absolute; top:7px; left:27px; background:url('/common/images/cmm/ico_common.png') no-repeat -339px -254px;}
.security_wrap .security_ctr li a.btn_audio:before {content:''; display:block; width:10px; height:17px; position:absolute; top:16px; left:27px; background:url('/common/images/cmm/ico_common.png') no-repeat -342px -283px;}
/* 악세사리 스타일 리스트 */
.acc_list_wrap .kind_acc .kind_list,
.kind_acc .kind_list,
.kind_acc .best .kind_list {margin-left:-24px;}
/* .kind_acc .item:nth-child(n+5) {margin-top:32px} */
.kind_acc .best .kind_list .item_area.type4 .item.small_item:nth-child(n+4) {margin-top:24px}


.kind_acc .kind_list .item_area {width:100%; font-size:0;}
.kind_acc .kind_list .item_area .item {float:left; width:344px; margin:24px 0 0 24px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.kind_acc .kind_list .item_area.type4 .item {width:252px !important;}
.kind_acc .kind_list .item_area.type4 .item:first-child {margin:24px 0 0 24px;}
/* .kind_list .slide_wrap .slide_content .item_area .item:first-child {margin-left:0;} */
.kind_acc .kind_list .item_area .item .img {position:relative; height:250px; border-bottom:1px solid #eee; /*background-color:#f6f6f6;*/ text-align:center; overflow:hidden;}
.kind_acc .kind_list .item_area .item .img .img_discount {display:block; position:absolute; top:11px; left:11px;}
.kind_acc .kind_list .item_area .item .img .img_discount img {vertical-align:top;}
.kind_acc .kind_list .item_area .item .img .hidden_btn {position:absolute; bottom:-70px; width:100%; font-size:0; text-align:center; transition:.14s ease-in-out;}
.kind_acc .kind_list .item_area .item .img .hidden_btn button {position: relative; display:inline-block; width:50%; height:70px; background-color:rgba(0,0,0,.6); color:#fff; font-size:16px;}
.kind_acc .kind_list .item_area .item .img .hidden_btn button:first-child:before {content:' '; display:block; position:absolute; top:0; right:1px; width:1px; height:100%; background-color:rgba(255,255,2555,1);}
.kind_acc .kind_list .item_area .item .info {position:relative; padding:15px 16px 5px;}
.kind_acc .kind_list .item_area .item .info a {display:block; margin:-15px -16px 0; padding:15px 16px 0;}
.kind_acc .kind_list .item_area .item .info .model dt {max-width:80%; color:#000; font-size:18px; line-height:24px;}
.kind_acc .kind_list .item_area .item .info .model dd {margin-top:1px; color:#666; font-size:12px; line-height:16px;}
.kind_acc .kind_list .item_area .item .info .plan {display:table; width:100%; height:51px; margin-top:15px;}
.kind_acc .kind_list .item_area .item .info .plan dt {color:#b04dd9; font-size:12px; line-height:16px;}
.kind_acc .kind_list .item_area .item .info .plan dd {margin-top:3px; color:#666; font-size:12px; line-height:16px;}
.kind_acc .kind_list .item_area .item .info .plan dd strong {color:#000; font-size:20px; line-height:24px;}
.kind_acc .kind_list .item_area .item .info .color {position:absolute; top:23px; right:16px; font-size:0; line-height:0;}
.kind_acc .kind_list .item_area .item .info .color > span {display:inline-block; width:14px; height:14px; margin-left:6px; border-radius:3px;}
.kind_acc .kind_list .item_area .item .info .color > span:first-child {margin-left:0;}
.kind_acc .kind_list .item_area .item .info .color .color_black {background-color:#000;}
.kind_acc .kind_list .item_area .item .info .color .color_gray {background-color:#666;}
/* .kind_acc .kind_list .item_area .item .info .reviews {position:relative; margin-top:11px; padding-top:16px;} */
.kind_acc .kind_list .item_area .item .info .reviews:before {content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#eee;}
.kind_acc .kind_list .item_area .item .info .reviews:after {content:' '; display:block; clear:both;}
.kind_acc .kind_list .item_area .item .info .reviews dl {float:left; margin:0 0 0 24px;}
.kind_acc .kind_list .item_area .item .info .reviews dl:after {content:' '; display:block; clear:both;}
.kind_acc .kind_list .item_area .item .info .reviews dl:first-child {margin-left:0;}
/* .kind_acc .kind_list .item_area .item .info .reviews dl dt, .kind_acc .kind_list .item_area .item .info .reviews dl dd {line-height:17px;} */
/* .kind_list .slide_wrap .slide_content .item_area .item .info .reviews dl dt {float:left; color:#666; font-size:14px; line-height:16px;}
.kind_list .slide_wrap .slide_content .item_area .item .info .reviews dl dd {float:left; margin-left:4px; color:#000; font-size:14px; line-height:16px;} */
/* .kind_acc .kind_list .item_area .item .info .btn_interest {position:absolute; right:16px; bottom:8px;} */
.kind_acc .kind_list .item_area .item:hover .hidden_btn {bottom:0;}
.kind_acc .kind_list .item_area .item.img_bann {border:none;}
.kind_acc .kind_list .item_area .item .model {height:48px; color:#000; font-size:18px; line-height:24px; word-break:break-all; -webkit-box-orient:vertical;/*display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden;*/}
/* .kind_acc .kind_list .item_area .item .plan:after {content:' '; display:block; clear:both;} */
.kind_acc .kind_list .item_area .item .plan .discount {display:table-cell; width:20px; padding-right:15px; color:#ED008C; font-size:32px; line-height:51px; vertical-align:top; white-space:nowrap;}
.kind_acc .kind_list .item_area .item .plan .discount em {display:inline-block; font-style:normal; color:#ED008C; font-size:42px; font-weight:bold; vertical-align:top;}
.kind_acc .kind_list .item_area .item .plan .price {display:table-cell; height:51px; vertical-align:middle;}
.kind_acc .kind_list .item_area .item .plan .price .exist {display:block; color:#999; font-size:12px; line-height:16px; text-decoration:line-through; vertical-align:top;}
.kind_acc .kind_list .item_area .item .plan .price .dis_price {display:block; color:#000; font-size:18px; line-height:24px; font-weight:bold; text-decoration:initial;}
.kind_acc .kind_list .item_area .item .plan .price .dis_price em {display:inline-block; font-style:normal; color:#000; font-size:20px; font-weight:bold; vertical-align:top;}




/* 윈도우&레이어(공통사용) 팝업 */
.popup_wrap {position:relative; width:100%; padding-top:48px; background:#fff;}
.popup_wrap.w456 {width:456px;}
.popup_wrap.w600 {width:600px;}
.popup_wrap.w800  {width:800px;}
.popup_wrap.w1080 {width:1080px;}
.popup_wrap.w1280 {width:1280px;}
.popup_wrap > .btn_close {position:absolute; top:0; right:0; width:48px; height:48px;}
.popup_wrap > .btn_close button {display:block; position:relative; width:48px; height:48px;}
.popup_wrap > .btn_close button:before {content:' '; position:absolute; left:3px; top:50%; width:22px; border-top:1px solid #000; transform:rotate(45deg);}
.popup_wrap > .btn_close button:after {content:' '; position:absolute; left:3px; top:50%; width:22px; border-top:1px solid #000; transform:rotate(-45deg);}
.popup_wrap .pop_header {position:absolute; top:0; left:0; right:0; padding:14px 48px 14px 24px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url('/common/images/cmm/bg_h1.png') repeat;}
.popup_wrap .pop_header .h1_tit {color:#000; font-size:16px; line-height:18px;}
.popup_wrap .pop_content .scrollarea {position:relative; height:auto; max-height:614px; padding:16px 24px 0; overflow-y:auto;}
.popup_wrap .pop_content .scrollarea.no_btn .content {padding-bottom:24px;}
.popup_wrap .pop_content .h2_tit {color:#000; font-size:18px; font-weight:bold; line-height:21px;}
.popup_wrap .pop_content .h3_tit {color:#000; font-size:16px; /*font-weight:bold;*/ line-height:19px;} /* bold 필요 시 해당 태그에 <strong>태그로 감싸야 함 */
.popup_wrap .pop_content .num_list > li {margin-top:8px; padding-left:0; color:#000; font-size:14px; line-height:18px;}
.popup_wrap .pop_content .num_list > li .bar_list {padding-left:10px;}
.popup_wrap .pop_content .num_list > li .bar_list > li {margin-top:4px; font-size:13px; line-height:17px;}
.popup_wrap .pop_content .num_list > li .bar_list > li:before {top:6px;}
.popup_wrap .pop_content .num_list > li .bar_list > li > .arr_list > li {margin-top:4px;}
.popup_wrap .pop_content .terms_list {margin-top:24px;}
.popup_wrap .pop_content .terms_list:first-child {margin-top:0;}
.popup_wrap .pop_content .btn_wrap {/* margin:0 24px; */ margin:0; padding:16px 0;}
.popup_wrap .pop_content .btn_wrap.line_top {border-top:1px solid #ddd;}
.popup_wrap .pop_content .btn_wrap.bg {background:#F2F4F7;}
.popup_wrap .pop_content .txt_desc {margin-bottom:16px; color:#666; font-size:14px; line-height:18px;}
.popup_wrap .pop_content .txt_desc_s {margin:-12px 0 0; color:#666; font-size:13px; line-height:17px;}
.popup_wrap .pop_content .pop_gray_box {padding:16px; border-radius:4px; background:#f6f6f6;}

.popup_wrap .pop_content .dot_list li {padding-left:10px; color:#666; font-size:14px; line-height:18px;}
.popup_wrap .pop_content .dot_list li:before {width:3px; height:3px; top:7px; left:3px; border-radius:50%; background:#666;}
.popup_wrap .pop_content .dot_list .bar_list {margin:0 !important;}
.popup_wrap .pop_content .dot_list .bar_list li {margin-top:4px; font-size:13px; line-height:17px;}
.popup_wrap .pop_content .dot_list .bar_list li:before {content:'-'; top:0; left:0; line-height:17px; width:auto; height:auto; background:none;}
.popup_wrap .pop_content .dot_list.bottom li {font-size:13px; line-height:17px;}
/* .popup_wrap .pop_content .txt_noti {color:#999 !important;} */

.popup_wrap .pop_content .sects {margin-top:24px;}
.popup_wrap .pop_content .sects:first-child, .popup_wrap .pop_content .sects.first {margin-top:0;}
.popup_wrap .pop_content .sects h2,
.popup_wrap .pop_content .sects h3,
.popup_wrap .pop_content .sects h4 {margin-bottom:12px; color:#000; font-size:16px; line-height:19px;}
.popup_wrap .pop_content .sects .pay_cont .line_t {color:#999; font-size:13px; line-height:16px; text-decoration:line-through;}
.popup_wrap .pop_content .sects .pay_cont strong {display:block; padding-top:2px; color:#333; font-size:14px; line-height:17px;}
.popup_wrap .pop_content .sects .ft_bold .pay_cont strong {font-weight:bold;}
.popup_wrap .pop_content .sects .desc {color:#666; font-size:13px; line-height:16px;}

.popup_wrap .chk_wrap {min-height:20px; vertical-align:top;}
.popup_wrap .chk_wrap [type='checkbox'] + label {min-height:20px; padding-left:28px; font-size:14px; line-height:20px;}
.popup_wrap .chk_wrap input[type='checkbox']+label:after {width:20px; height:20px; background-position:-96px 0;}
.popup_wrap .chk_wrap input[type='checkbox']:checked+label:after {background-position:-116px 0;}
.popup_wrap .rdo_wrap {min-height:20px; line-height:20px; vertical-align:top;}
.popup_wrap .rdo_wrap input+label {min-height:20px; padding-left:28px; line-height:20px; color:#000; font-size:14px; vertical-align:top;}
.popup_wrap .rdo_wrap input+label:after {width:20px; height:20px; background-position:-68px -24px;}
.popup_wrap .rdo_wrap input:checked+label:after {background-position:-48px -24px;}
.popup_wrap .rdo_wrap.txt_type {margin-left:4px;}
.popup_wrap .rdo_wrap.txt_type:first-child {margin-left:0;}
.popup_wrap .rdo_wrap.txt_type input[type='radio'] + label {min-height:40px; padding:0; font-size:14px; line-height:38px;}
.popup_wrap .dataform_box.size_2 .rdo_wrap.txt_type {width:calc((100% - 4px) / 2);}
.popup_wrap .dataform_box.size_3 .rdo_wrap.txt_type {width:calc((100% - 8px) / 3);}
.popup_wrap .dataform_box.size_4 .rdo_wrap.txt_type {width:calc((100% - 12px) / 4);}
_:-ms-fullscreen, :root .popup_wrap .dataform_box.size_3 .rdo_wrap.txt_type {width:calc((100% - 9px) / 3);}

.popup_wrap .inptxt_wrap {height:40px; vertical-align:top;}
.popup_wrap .inptxt_wrap.size_l {width:100%;}
.popup_wrap .inptxt_wrap.size_s {width:140px;}
.popup_wrap .inptxt_wrap.size_xs {width:135px;}
.popup_wrap .inptxt_wrap input.txt {min-height:38px; padding:10px 11px; font-size:14px; line-height:16px;}
.popup_wrap .ml {margin-left:4px;}
.popup_wrap .ept {display:inline-block; width:20px; color:#000; font-size:14px; line-height:40px; text-align:center;}
.popup_wrap .select_wrap * {font-size:14px !important;}
.popup_wrap .select_wrap a {padding-left:11px !important;}
.popup_wrap .dataform_box .select_wrap {margin-left:4px; vertical-align:top;}
.popup_wrap .dataform_box .select_wrap:first-child {margin-left:0;}

.popup_wrap .form_text_wrap textarea {font-size:14px; line-height:18px;}
.popup_wrap .form_text_wrap .txt_num {font-size:12px; text-align:right;}

.popup_wrap .star_point_wrap .rdo_wrap {margin-right:12px;}
.popup_wrap .star_point_wrap .rdo_wrap .rdo_wrap:last-child {margin-right:0;}
.popup_wrap .star_point_wrap .star {height:12px; margin-top:4px; background:url('/common/images/hphn/bg_stars_pop.png') 0 0 no-repeat; vertical-align:top;}
.popup_wrap .star_point_wrap .star.star5 {width:76px;}
.popup_wrap .star_point_wrap .star.star4 {width:60px;}
.popup_wrap .star_point_wrap .star.star3 {width:44px;}
.popup_wrap .star_point_wrap .star.star2 {width:28px;}
.popup_wrap .star_point_wrap .star.star1 {width:12px;}

.popup_wrap .bttn.small {font-size:14px;}
.popup_wrap .flag_wrap .flag {padding:0 4px; min-width:auto; height:18px; line-height:18px; font-size:12px; vertical-align:top;}

.popup_wrap .tab_wrap .tabs {height:29px;}
.popup_wrap .tab_wrap .tabs li {height:29px;}
.popup_wrap .tab_wrap .tabs li a > span {height:29px; font-size:14px; line-height:17px;}

.popup_wrap .paging {margin-top:16px;}
.popup_wrap .paging a, .popup_wrap .paging strong {width:24px; height:24px; margin:0 3px; border:1px solid transparent; font-size:13px; line-height:22px;}
.popup_wrap .paging .page_num strong {border-color:#ed008c;}
.popup_wrap .paging .next {width:auto;}
.popup_wrap .paging .next span:after {vertical-align:middle;}

.popup_wrap .num_dl_wrap dl {margin-top:8px; padding-left:12px;}
.popup_wrap .num_dl_wrap .dot {margin-top:8px;}
.popup_wrap .num_dl_wrap dl:first-child, .popup_wrap .num_dl_wrap .dot:first-child {margin-top:0;}
.popup_wrap .num_dl_wrap dl dt {margin-left:-12px; color:#000; font-size:14px; line-height:18px;}
.popup_wrap .num_dl_wrap p.dot {color:#000; font-size:14px; line-height:18px;}
.popup_wrap .num_dl_wrap dl.dot dt, .popup_wrap .num_dl_wrap p.dot {position:relative; padding-left:12px;}
.popup_wrap .num_dl_wrap dl.dot dt:before, .popup_wrap .num_dl_wrap p.dot:before {content:' '; position:absolute; top:7px; left:4px; width:3px; height:3px; border-radius:50%; background:#000;}
.popup_wrap .num_dl_wrap dl dt span, .popup_wrap .num_dl_wrap p.dot span {color:#666;}
.popup_wrap .num_dl_wrap dl dd {position:relative; margin-top:4px; padding-left:8px; color:#666; font-size:13px; line-height:17px;}
.popup_wrap .num_dl_wrap dl dd:before {content:'-'; position:absolute; top:0; left:0;}
.popup_wrap .num_dl_wrap dl dd p {position:relative; margin-top:4px; padding-left:16px; color:#666; font-size:13px; line-height:17px;}
.popup_wrap .num_dl_wrap dl dd p:before {content:'→'; position:absolute; top:0; left:0;}
.popup_wrap .num_dl_wrap dl dd .txt_noti {display:block; margin-top:4px;}

.popup_agrees {margin:8px -24px 0; padding:24px 24px 0; border-top:1px solid #eee;}
.popup_agrees .agree_all {margin-bottom:12px;}
.popup_agrees .agree_acco > ul > li {margin-top:8px; padding:16px; border-radius:4px; background:#f6f6f6;}
.popup_agrees .agree_acco > ul > li:first-child {margin-top:0;}
.popup_agrees .agree_acco .chk_wrap label em {color:#ed008c;}
.popup_agrees .agree_acco .head {position:relative; padding-right:40px; color:#000; font-size:14px; line-height:17px;}
.popup_agrees .agree_acco .link_cnt {position:absolute; top:-16px; right:-16px; bottom:0; width:32px;}
.popup_agrees .agree_acco .link_cnt:after {content:' '; position:absolute; top:20px; right:20px; width:9px; height:9px; border:1px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.popup_agrees .agree_acco .on .link_cnt:after {top:25px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.popup_agrees .agree_acco .desc {max-height:114px; margin-top:8px; color:#666; font-size:14px; line-height:19px; overflow-y:auto;}
.popup_agrees .agree_acco .desc .dot_list li {margin-top:0; line-height:19px;}
.popup_agrees .agree_acco .desc .dot_list li:before {top:8px;}
.popup_agrees .agree_acco .desc .dot_list .bar_list li {font-size:14px; line-height:19px;}
.popup_agrees .agree_acco .desc .dot_list .bar_list li:before {top:0px; line-height:19px;}
.popup_agrees .agree_acco .desc .num_list li {margin-top:0; padding-left:14px; color:#666; font-size:14px; line-height:19px;}
.popup_agrees .agree_acco .desc .num_list li .num {position:absolute; top:0; left:0; font-size:14px; line-height:19px;}
.popup_agrees.type2 {margin:0; padding:0; border-top:none;}

.applic_info_box {margin-bottom:16px; padding:12px 24px; background:#F2F4F7; overflow:hidden;}
.applic_info_box.top {margin:-16px -24px 16px;}
.applic_info_box.middle {margin:0 -24px 16px;}
.applic_info_box dl {margin:4px 0; overflow:hidden;}
.applic_info_box.size_2 {overflow:hidden;}
.applic_info_box.size_2 dl {float:left; width:50%;}
.applic_info_box dl dt {float:left; color:#999; font-size:14px; line-height:20px;}
.applic_info_box dl dd {margin-left:55px; color:#000; font-size:14px; line-height:20px;}
.applic_info_box .pop_data_table {padding:4px 0;}

.applic_info_box.img_type {position:relative; padding:20px 24px; padding-left:128px;}
.applic_info_box.img_type .img {position:absolute; top:50%; left:16px; width:96px; height:96px; margin-top:-48px; text-align:center;}
.applic_info_box.img_type .img img {width:auto; height:100%;}

.applic_info_box .thumbs {float:left; width:96px; height:96px; margin-top:4px; margin-right:20px; text-align:center;}
.applic_info_box .thumbs img {width:auto; height:100%;}

.pop_tbl table {border-top:1px solid #bbb;}
.pop_tbl thead th {padding:12px; border-left:1px solid #ddd; background:#f6f6f6; color:#666; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.pop_tbl thead th:first-child {border-left:none;}
.pop_tbl thead tr+tr th {border-top:1px solid #ddd;}
.pop_tbl thead small {display:block; margin-top:4px; color:#999; font-size:13px; line-height:16px; font-weight:normal;}
.pop_tbl tbody th {padding:12px; border-bottom:1px solid #ddd; background:#FCFBFD; color:#666; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.pop_tbl tbody small, .pop_tbl tfoot small {display:block; color:#999; font-size:13px; line-height:17px; font-weight:normal;}
.pop_tbl tbody tr th + th {border-left:1px solid #ddd;}
.pop_tbl tbody tr th.first {border-right:1px solid #ddd;}
.pop_tbl tbody td {padding:12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.pop_tbl tbody td:first-child {border-left:none;}
.pop_tbl tr.fc_pink th, .pop_tbl tr.fc_pink td {color:#ed008c;}
.pop_tbl tfoot th {padding:12px; border-bottom:1px solid #ddd; background:#FCFBFD; color:#666; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.pop_tbl tfoot td {padding:12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;}
.pop_tbl tfoot td:first-child {border-left:none;}
.pop_tbl table .flag_wrap {position:static; margin-right:8px;  vertical-align:middle;}
.pop_tbl .dot_list li {color:#333 !important;}
.pop_tbl .dot_list li:before {background:#333 !important;}
.pop_tbl td.bg, .pop_tbl th.bg {background:#FCFBFD;}

/* 메인 공통 레이어 팝업 */
.pop_main {width:456px; height:390px; padding-top:0; border-radius:8px; overflow:hidden;}
.pop_main .pop_content .scrollarea {min-height:390px; padding:0; overflow-y:hidden;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_content {height:342px;}
.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;}

/* 상품 정보 업데이트 팝업(BL1_2_2L.html 단독 사용) */
.lay_new {width:480px; padding:40px 24px; background:#fff; text-align:center;}
.lay_new .comp_msg_wrap .comp_txt {color:#000; font-size:24px; line-height:29px; font-weight:bold;}
.lay_new .comp_msg_wrap .comp_desc {margin-top:8px; color:#666; font-size:16px; line-height:22px;}
.lay_new .btn_wrap {margin-top:16px;}
.lay_new .btn_wrap .bttn_pop {height:48px; line-height:46px;}
.lay_new .btn_wrap .bttn_pop span {font-size:16px;}

/* 메인 사은품 */
.lay_gift {width:250px; background:#fff; text-align:center;}
.lay_gift p {padding-top:8px; color:#666; font-size:14px; line-height:17px;}
.lay_gift > .btn_close {top:17px; right:17px;}
.lay_gift > .btn_close button {width:20px; height:20px;}
.lay_gift > .btn_close button:before,
.lay_gift > .btn_close button:after {margin-left:0;}

/* 구매후기쓰기 팝업 */
.review_pur_wrap {display:table; width:100%; table-layout:fixed;}
.review_pur_wrap .pur_thum {display:table-cell; width:80px; height:80px; text-align:center; vertical-align:top;}
.review_pur_wrap .pur_thum img {width:auto; height:100%; vertical-align:top;}
.review_pur_wrap .pur_info {display:table-cell; padding:0 16px; vertical-align:middle;}
.review_pur_wrap .pur_info .tit {color:#000; font-size:18px; line-height:21px; font-weight:bold;}
.review_pur_wrap .pur_info .tit span {margin-left:4px; font-weight:normal;}
.review_pur_wrap .pur_info .desc {margin-top:4px; color:#666; font-size:14px; line-height:17px;}

.re_tbl_wrap {margin-top:16px;}
.re_tbl_wrap table {table-layout:fixed; border-top:1px solid #bbb;}
.re_tbl_wrap tbody th {padding:12px; border-bottom:1px solid #ddd; background-color:#f6f6f6; color:#000; font-size:14px; line-height:17px; text-align:center; vertical-align:middle;}
.re_tbl_wrap tbody td {padding:12px; color:#000; font-size:14px; line-height:17px; border-bottom:1px solid #ddd;}
.re_tbl_wrap tbody th .essen {display:inline-block;}
.re_tbl_wrap tbody th .essen i {margin-left:4px; color:#bd42e0; font-size:inherit;}

.re_tbl_wrap tbody td .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:3px 17px 0 0;}
.re_tbl_wrap tbody td .purchase_point em {position:absolute; height:16px;background:url('/common/images/hphn/purchase_point_on.png') no-repeat 0 0;}
.re_tbl_wrap tbody td .txt_noti {margin-top:4px;}
.re_tbl_wrap tbody td .dataform_box {margin-top:4px;}
.re_tbl_wrap tbody td .dataform_box:first-child {margin-top:0;}
.re_tbl_wrap tbody td .dataform_box .form_text_wrap {width:100%;} /* 190304 */

.qna_pur_wrap {position:relative; margin-bottom:16px;}
.qna_pur_wrap .pur_tit {color:#000; font-size:16px; line-height:22px;}
.qna_pur_wrap .pur_tit strong {color:#000; font-weight:bold;}
/* // 구매후기쓰기 팝업 */

/* popup data_table */
.pop_data_table {padding-bottom:16px;}
.pop_data_table:after {content:' '; display:block; clear:both;}
.pop_data_table .table {margin-top:-12px;}
.pop_data_table .table tbody th {height:40px; padding-top:12px; color:#000; font-size:14px; line-height:17px; text-align:left; font-weight:normal; vertical-align:middle;}
.pop_data_table .table tbody th.ver_top {vertical-align:top;}
.pop_data_table .table tbody th.ver_top.form {line-height:40px;}
.pop_data_table .table tbody td {padding-top:12px; color:#000; font-size:14px; line-height:17px; vertical-align:top;}
.pop_data_table .table tbody td .bttn {font-size:14px;}
.pop_data_table .table tbody td .dataform_box {margin-top:4px;}
.pop_data_table .table tbody td .dataform_box:first-child {margin-top:0;}
.pop_data_table .table tbody td .dataform_box .bttn {margin-left:4px;}
.pop_data_table .table tbody td .dataform_box .bttn.small {min-width:108px;}
.pop_data_table .table tbody td .dataform_box .multi_ipt {width:397px; margin-top:8px; padding:11px; border:1px solid #ccc; border-radius:4px; background:#f6f6f6; color:#999; font-size:14px; line-height:16px;}
.pop_data_table .table tbody td .dataform_box .multi_ipt:first-child {margin-top:0;}
.pop_data_table .table tbody td .dataform_box.detail .inptxt_wrap {float:none;}
.pop_data_table .table tbody td .dataform_box.detail .text {display:inline-block; margin-left:4px; color:#333; font-size:14px; line-height:40px;}
.pop_data_table .table tbody td .inptxt_wrap {width:240px;}
.pop_data_table .table tbody td .inptxt_wrap.ml {margin-left:4px;}
.pop_data_table .table tbody td .inptxt_wrap.size_l {width:100%;}
.pop_data_table .table tbody td .inptxt_wrap.size_ml {width:calc(100% - 112px);}
.pop_data_table .table tbody td .inptxt_wrap.size_m {width:calc((100% - 4px) / 2);}
.pop_data_table .table tbody td .inptxt_wrap
.pop_data_table .table tbody td .inptxt_wrap.time_count {position:relative;}
.pop_data_table .table tbody td .inptxt_wrap.time_count .time {display:block; position:absolute; top:0; right:16px; color:#ff3333; font-size:14px; line-height:40px;}
.pop_data_table .table tbody td .inptxt_wrap.time_count input {padding-right:66px;}
.pop_data_table .table tbody td .select_wrap * {font-size:14px !important;}
.pop_data_table .table tbody td .dataform_box.size_2 .select_wrap {width:calc((100% - 4px) / 2);}
.pop_data_table .dot_list {margin-top:12px;}

.pop_data_table.view {border-top:1px solid #bbb; border-bottom:1px solid #ddd;}
.pop_data_table.view .dl_tbl {margin-top:16px; overflow:hidden;}
.pop_data_table.view .dl_tbl dt {float:left; width:124px; padding:0 8px; color:#666; font-size:14px; line-height:17px;}
.pop_data_table.view .dl_tbl dd {margin-left:124px; color:#000; font-size:14px; line-height:17px;}

/* 신청설계 공통 */
.chk_option_detail_wrap {position:relative; width:776px;}
.chk_option_detail_wrap .option_wrap {margin-top:40px;}
.chk_option_detail_wrap .option_wrap:first-child {margin-top:0;}
.chk_option_detail_wrap .option_wrap h2 {display:block; padding-bottom:16px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.chk_option_detail_wrap .option_lists > li {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
.chk_option_detail_wrap .option_lists > li:after {content:' '; display:block; clear:both;}
.chk_option_detail_wrap .option_lists > li:first-child {margin-top:0; padding-top:0; border-top:none;}
.chk_option_detail_wrap .op_tit {float:left; width:176px; color:#666; font-size:16px; line-height:22px;}
.chk_option_detail_wrap .op_tit em {display:block; margin-bottom:8px; color:#333; line-height:19px; font-weight:bold;}
.chk_option_detail_wrap .op_con {float:left; width:600px;}
.chk_option_detail_wrap .op_con .sections {margin-top:32px;}
.chk_option_detail_wrap .op_con .sections:first-child {margin-top:0;}
.chk_option_detail_wrap .op_con .tit_wrap {margin-bottom:16px; padding:0; font-size:0;}
.chk_option_detail_wrap .op_con .tit_wrap h3 {display:inline-block; color:#000; font-size:20px; line-height:24px; vertical-align:top;}
.chk_option_detail_wrap .op_con .tit_wrap .tool_tip {display:inline-block; margin-left:8px; vertical-align:top;}
.chk_option_detail_wrap .op_con .rdo_wrap_set {font-size:0;}
.chk_option_detail_wrap .op_con .rdo_wrap_set .rdo_wrap {margin-left:8px;}
.chk_option_detail_wrap .op_con .rdo_wrap_set .rdo_wrap:first-child {margin-left:0;}
.chk_option_detail_wrap .op_con .txt_desc {margin-top:12px; color:#666; font-size:14px; line-height:17px;}

.chk_option_detail_wrap .op_con .sug_info_inner {margin-bottom:0;}

/* sug_info_inner */
.sug_info_inner {position:relative; margin-bottom:40px;}
.sug_info_wrap {border:1px solid #ed008c; border-radius:4px; overflow:hidden;}
.sug_info_wrap .sug_head {position:relative; padding:16px; background-color:#f6f6f6; font-size:0;}
.sug_info_wrap .sug_head .tit {display:block; max-width:390px; color:#ed008c; font-size:18px; line-height:21px; }
.sug_info_wrap .sug_head .won {display:inline-block; padding-top:6px; color:#000; font-size:16px; line-height:21px;}
.sug_info_wrap .sug_head .sale {display:inline-block; margin-left:8px; color:#666; font-size:16px; line-height:21px; text-decoration:line-through;}
.sug_info_wrap .sug_head .desc {display:block; padding-bottom:4px; color:#ED008C; font-size:14px; line-height:17px;}
.sug_info_wrap .sug_head .btn_line_more {position:absolute; top:50%; right:16px; min-width:153px; height:32px; margin-top:-17px; border-radius:4px; border:1px solid #ccc; color:#000; font-size:14px; line-height:32px; background-color:#f7f7f7; text-align:center;}
.sug_info_wrap .sug_head .btn_line_more span {position:relative; padding-right:14px;}
.sug_info_wrap .sug_head .btn_line_more span:before {content:' '; display:block; position:absolute; top:4px; right:0; width:8px; height:8px; border:1px solid; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.sug_info_wrap .sug_body {padding:24px 16px;}
.sug_info_wrap .sug_body p {display:inline-block; color:#666; font-size:16px; line-height:19px;}
.sug_info_wrap .sug_body p em {color:#000;}
.sug_info_wrap .sug_body .stxt {color:#000;}

.sug_info_wrap .sug_foot {margin-top:-12px; padding:12px 16px 24px; border-top:1px solid #eee;font-size:16px;}
.sug_info_wrap .sug_foot .dot_list li {font-size:16px; line-height:22px;}

/* radio select list */
.top_infos {margin:-16px -24px 16px; padding:0; background:#F2F4F7;}
.top_infos .dot_list {padding:16px 24px 0; border-radius:4px; background:#fff;}
.top_infos .ico_login {display:inline-block;}
.top_infos .ico_logout {display:block; width:48px; height:48px; margin:0 auto 8px; background:url('/common/images/cmm/ico_common.png') no-repeat -112px -251px;}
.top_infos .ico_login {display:block; width:48px; height:48px; margin:0 auto 8px; background:url('/common/images/cmm/ico_common.png') no-repeat -366px -243px;}
.top_infos .ico_logout.login {background-position:-366px -243px;}
.top_infos .log_state {margin-bottom:24px;}
.top_infos .log_state p {color:#666; font-size:14px; line-height:18px; text-align:center;}
.top_infos .log_state span {color:#000;}
.top_infos .log_state .login_txt {padding-top:24px;}
.top_infos .log_state .logout_txt {display:block; padding-top:24px; font-size:14px; color:#666;}
.top_infos .log_state .logout_txt a {color:#000;}

.sltlist_wrap {margin-top:-8px;}
.sltlist_wrap:after {content:' '; display:block; clear:both;}
.sltlist_wrap>li {float:left; width:calc((100% - 8px) / 2); margin-top:8px; margin-right:8px;}
.sltlist_wrap>li:nth-child(2n) {margin-right:0;}
.sltlist_wrap .rdo_wrap, .sltlist_wrap .chk_wrap {display:block; position:relative; padding:17px 17px 17px 48px;}
.sltlist_wrap .select_info {padding:2px 0; color:#000; font-size:16px; line-height:20px;}
.sltlist_wrap .select_info:after {content:' '; display:block; clear:both;}
.sltlist_wrap .rdo_wrap.size2 .select_info, .sltlist_wrap .chk_wrap.size2 .select_info {/*height:44px;*/height:52px;}
.sltlist_wrap .rdo_wrap.sizeB .select_info, .sltlist_wrap .chk_wrap.sizeB .select_info {/*height:92px;*/height:106px;}
.sltlist_wrap .rdo_wrap.sizeL .select_info, .sltlist_wrap .chk_wrap.sizeL .select_info {height:134px;}
.sltlist_wrap .select_info .slt_tit {float:left; width:calc(100% - 102px); max-height:40px; line-height:inherit;}
.sltlist_wrap .select_info .slt_tit.no_flt {float:none; width:100%; clear:both;}
.sltlist_wrap .select_info .slt_tit em {color:inherit; font-weight:bold;}
.sltlist_wrap .select_info .slt_tit span {color:#AA36BB; font-size:18px; line-height:21px;}
.sltlist_wrap .select_info .slt_tit .tool_tip {display:inline-block; margin-left:4px; padding-top:1px; line-height:16px; vertical-align:top;}
.sltlist_wrap .select_info .slt_tit .tool_tip .ico_qustion {position:relative; z-index:7; cursor:pointer;}
.sltlist_wrap .select_info .slt_opt {float:right; width:100px; text-align:right;}
.sltlist_wrap .select_info .slt_desc {clear:both; padding-top:8px;}
.sltlist_wrap .select_info .slt_img {padding-top:8px; text-align:right; line-height:56px; overflow:hidden; clear:both;}
.sltlist_wrap .select_info .slt_img .img {float:left;}
.sltlist_wrap .select_info .slt_img .names {display:inline-block; width:175px; color:#999; font-size:16px; line-height:19px; vertical-align:middle;}
.sltlist_wrap .select_info .detail_link {position:absolute; bottom:17px; left:48px; margin:0; z-index:9;}
.sltlist_wrap label {position:absolute !important; top:0; right:0; bottom:0; left:0; padding:0; border:1px solid #ccc; border-radius:4px; font-size:0 !important; z-index:5;}
.sltlist_wrap .rdo_wrap label:after {content:' '; position:absolute; width:24px; height:24px; top:16px; left:16px; background:url('/common/images/cmm/ico_form.png') -24px -24px no-repeat;}
.sltlist_wrap .rdo_wrap input[type='radio']:checked ~ label:after {background-position:0 -24px;}
.sltlist_wrap .rdo_wrap input[type='radio']:checked + .select_info .slt_tit {color:#ed008c;}
.sltlist_wrap .rdo_wrap input[type='radio']:checked ~ label {border-color:#ed008c;}
.sltlist_wrap .chk_wrap label:after {content:' '; position:absolute; width:24px; height:24px; top:16px !important; left:16px !important; background:url('/common/images/cmm/ico_form.png') 0 0 no-repeat;}
.sltlist_wrap .chk_wrap input[type='checkbox']:checked ~ label:after {background-position:-24px 0;}
.sltlist_wrap .chk_wrap input[type='checkbox']:checked + .select_info .slt_tit {color:#ed008c;}
.sltlist_wrap .chk_wrap input[type='checkbox']:checked ~ label {border-color:#ed008c;}
.sltlist_wrap .btn_del {position:absolute; top:8px; right:8px; z-index:6; width:32px; height:32px; background:url('/common/images/cmm/ico_common.png') -314px -54px no-repeat;}

.sltlist_wrap .rdo_wrap.size2 .select_info.img_type, .sltlist_wrap .chk_wrap.size2 .select_info.img_type {display:table !important; width:100%; height:100%; margin:-10px 0 -10px -8px; table-layout:fixed;}
.sltlist_wrap .rdo_wrap.size2 .select_info.img_type .img, .sltlist_wrap .chk_wrap.size2 .select_info.img_type .img {display:table-cell; width:88px; vertical-align:middle;}
.sltlist_wrap .rdo_wrap.size2 .select_info.img_type dl, .sltlist_wrap .chk_wrap.size2 .select_info.img_type dl {display:table-cell; width:90%; padding-left:10px; vertical-align:middle;}
.sltlist_wrap .rdo_wrap.size2 .select_info.img_type dl dt, .sltlist_wrap .chk_wrap.size2 .select_info.img_type dl dt {font-size:14px; line-height:17px;}
.sltlist_wrap .rdo_wrap.size2 .select_info.img_type dl dd, .sltlist_wrap .chk_wrap.size2 .select_info.img_type dl dd {margin-top:8px; color:#666; font-size:14px; line-height:17px;}
.sltlist_wrap .rdo_wrap.size2 .select_info.img_type p, .sltlist_wrap .chk_wrap.size2 .select_info.img_type p {display:table-cell; width:90%; padding-left:16px; font-size:14px; line-height:17px; vertical-align:middle;}

.sltlist_wrap .rdo_wrap.size2 .select_info.txt_type {height:70px;}
.sltlist_wrap .rdo_wrap.size2 .select_info.txt_type dl dd {margin-top:8px; color:#666; font-size:14px; line-height:17px;}
.sltlist_wrap .rdo_wrap input[type='radio']:checked + .txt_type dl dt {color:#ed008c;}

.sltlist_wrap .rdo_wrap.ico_no label:after, .sltlist_wrap .chk_wrap.ico_no label:after {display:none;}

.opt_sltlist_wrap > li {margin-top:8px;}
.opt_sltlist_wrap > li:first-child {margin-top:0;}
.opt_sltlist_wrap .rdo_wrap {display:block; width:100%;}
.opt_sltlist_wrap .rdo_wrap .option_head {padding:15px 13px; background:#f6f6f6; overflow:hidden;}
.opt_sltlist_wrap .rdo_wrap .option_head .case_tit {margin-bottom:4px; color:#ed008c; font-size:14px; line-height:17px;}
.opt_sltlist_wrap .rdo_wrap .option_head .tit {float:left; color:#000; font-size:16px; line-height:19px;}
.opt_sltlist_wrap .rdo_wrap .option_head .tit small {color:inherit; font-size:inherit; font-weight:normal;}
.opt_sltlist_wrap .rdo_wrap .option_head .price {float:right; color:#000; font-size:16px; line-height:19px; font-weight:bold;}
.opt_sltlist_wrap .rdo_wrap .option_head .price small {margin-left:4px; color:#999; font-size:inherit; line-height:inherit; text-decoration:line-through;}
.opt_sltlist_wrap .rdo_wrap .option_body {padding:12px 13px 13px; font-size:0;}
.opt_sltlist_wrap .rdo_wrap .option_body .dl_opt {display:inline-block; font-size:0; vertical-align:top;}
.opt_sltlist_wrap .rdo_wrap .option_body .dl_opt:before {content:'+'; display:inline-block; padding:0 4px; font-size:14px; line-height:17px; vertical-align:top;}
.opt_sltlist_wrap .rdo_wrap .option_body .dl_opt:first-child:before {display:none;}
.opt_sltlist_wrap .rdo_wrap .option_body .dl_opt dt {display:inline-block; margin-right:4px; color:#666; font-size:14px; line-height:17px; vertical-align:top;}
.opt_sltlist_wrap .rdo_wrap .option_body .dl_opt dd {display:inline-block; color:#000; font-size:14px; line-height:17px; vertical-align:top;}
.opt_sltlist_wrap .rdo_wrap .option_foot {padding:12px; border-top:1px solid #eee;}
.opt_sltlist_wrap .rdo_wrap label {position:absolute; top:0; right:0; bottom:0; left:0; padding:0; border:1px solid #ddd; border-radius:4px; font-size:0 !important;}
.opt_sltlist_wrap .rdo_wrap input + label:after {display:none;}
.opt_sltlist_wrap .rdo_wrap input[type='radio']:focus + label {background:none;}
.opt_sltlist_wrap .rdo_wrap input[type='radio']:checked ~ label {border-color:#ed008c;}
.opt_sltlist_wrap .rdo_wrap input[type='radio']:checked + .option_info .tit {color:#ed008c;}
.opt_sltlist_wrap .rdo_wrap input[type='radio']:focus + .option_info + label {outline:1px dotted #666;}

/* card_info_wrap */
.card_info_wrap {position:relative;}
.card_info_wrap:after {content:' '; display:block; clear:both;}
.card_info_wrap .pic {float:left; width:184px; height:112px;}
.card_info_wrap .pic img {height:100%;;}
.card_info_wrap .card_none {width:184px; height:112px; padding-top:24px; border-radius:4px; background:#666; text-align:center; color:#fff; font-size:14px; line-height:17px;}
.card_info_wrap .card_none:before {content:' '; display:inline-block; width:34px; height:34px; background:url('/common/images/cmm/ico_common.png') -348px -53px no-repeat;}
.card_info_wrap .card_none p {padding-top:8px;}
.card_info_wrap .card_info_inner {margin-left:210px;}
.card_info_wrap .card_info_inner .select_wrap {z-index:6;}
.card_info_wrap .card_info_inner .in_txt {margin-top:8px; color:#000; font-size:16px; line-height:20px;}
.card_info_wrap .card_info_inner .in_txt strong {display:block; color:#ed008c; font-size:20px; line-height:24px;}
.card_info_wrap .card_info_inner .chk_inner {margin-top:16px; font-size:0; line-height:24px;}
.card_info_wrap .card_info_inner .chk_inner .detail_link {display:inline-block; margin-top:0; margin-left:16px; vertical-align:middle;}

.gy_box_area .area {padding:16px 24px; border-radius:4px; background:#fff;}
.gy_box_area .area .bk {color:#000;}
.gy_box_area .comp {padding:8px 0 24px; text-align:center;}
.gy_box_area .comp .icon {display:inline-block; width:48px; height:48px; background:url('/common/images/cmm/ico_common.png') no-repeat -192px -174px; vertical-align:top;}
.gy_box_area .comp .tit {margin-top:8px; color:#000; font-size:16px; line-height:19px;}
.gy_box_area .comp .tit_desc {margin-top:8px; color:#666; font-size:14px; line-height:18px;}

/* 주문방법 선택 acc -> base */
.acc_orderslt {font-size:0;}
.acc_orderslt .boxs {display:inline-block; position:relative; width:calc((100% - 16px) / 2); height:124px; margin-left:16px; padding:16px 24px; border:2px solid #ddd; border-radius:4px; color:#000; font-size:20px; line-height:88px; text-align:right;}
.acc_orderslt .boxs:first-child {margin-left:0;}
.acc_orderslt .boxs .icon {display:block; width:88px; height:88px; position:absolute; top:16px; left:24px; background:url('/common/images/cmm/ico_common.png') no-repeat;}
.acc_orderslt .boxs .icon.icon01 {background-position:-329px -512px;}
.acc_orderslt .boxs .icon.icon02 {background-position:-417px -512px;}
.acc_orderslt_btm {position:relative; margin-top:16px; padding-right:130px;}
.acc_orderslt_btm .bttn {position:absolute; right:0; top:50%; margin-top:-24px;}

.acc_orderslt {padding:8px 0 24px; border-bottom:1px solid #ddd;}
.acc_orderslt .box {display:inline-block; position:relative; width:calc((100%) / 2); text-align:center;}
.acc_orderslt .box:before {content:' '; display:block; position:absolute; top:0; left:0; width:1px; height:148px; background-color:#eee;}
.acc_orderslt .box:first-child:before {display:none;}
.acc_orderslt .box .ico {display:block; width:96px; height:96px; margin:0 auto 12px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 0;}
.acc_orderslt .box .ico.ico01 {background-position:-329px -504px;}
.acc_orderslt .box .ico.ico02 {background-position:-425px -504px;}


/* 접근성 */
.sltlist_wrap .rdo_wrap input[type='radio']:focus ~ label,
.giftsltlist_wrap .gifts .chk_wrap input:focus + .gift_box,
.sltlist_wrap .chk_wrap input[type='checkbox']:focus ~ label {outline:1px dotted #666;}
.postnumlist_wrap .postnum_list .rdo_wrap.info_type .select_info {border:1px solid #ccc; border-radius:4px;}
.postnumlist_wrap .postnum_list .rdo_wrap.info_type input[type='radio']:checked + .select_info {border:1px solid #ED008C;}
.postnumlist_wrap .postnum_list .rdo_wrap.info_type input[type='radio']:focus + .select_info {outline:1px dotted #666;}
.postnumlist_wrap .postnum_list .rdo_wrap.info_type input[type='radio']:checked + .select_info p {color:#ED008C;}
.postnumlist_wrap .postnum_list .rdo_wrap.info_type label {padding:0;}


/*레이어팝업 글자흐림 수정*/
.ui_modal_wrap {-webkit-font-smoothing:subpixel-antialiased; -webkit-transform:translateZ(0) scale(1.0, 1.0);}

/* 번들링예약판매가입신청서 */
/* Bundling Add 2019.12.18 */
.tabWrap.bundl_tab .tabs .tc-tab:first-child {
	border-right:1px solid #dbdbdb;
}

.tabWrap.bundl_tab .tabs .tc-tab.tc-selected {
	background: #f5f5f5;
}

.tabWrap.bundl_tab .tabs {
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*.tabWrap.bundl_tab .tabs .tc-tab {
	font-weight: bold;
}*/

.tabWrap.bundl_tab .tabs .tc-tab.tc-selected {
	border-radius: 0;
	font-weight: bold;
}

/*
.tabWrap.bundl_tab .tabs .tc-tab a.bundl_petName.writing {
	color:#333;
}*/

.tabWrap.bundl_tab .tabs .tc-tab.tc-selected a {
	color:#666;
}

.tabWrap.bundl_tab .tabs .tc-tab.tc-selected a:hover {
	color:#ed008c;
}

span.bundl_label {
	display: inline-block;
	width:60px;
	padding:4px 2px;
	font-size:12px;
	font-weight: normal;
	line-height:14px;
	vertical-align:middle;
	overflow:hidden;
	background-color:#eee;
	border-radius: 20px;
	text-align: center;
	margin-right:8px;
}

span.bundl_label.final {
	width:80px;
	background-color:#eee;
	color:#4caf50;
}

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);
}

/* 청녹색 완료아이콘 표시 */
.bundl_label.final.cyan {
	color:#007D7D;
}

.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);
}

.bundl_label.ing {
	color:#f33;
}

.bundl_petName {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding:0 16px;
}

.bundl_prod {position:relative;}
.application_wrap .apl_header .section .bundl_prod1 .prod_name_info,
.application_wrap .apl_header .section .bundl_prod1 .prod_price_info {padding:34px 0 14px 0;}


.border-left-0 {border-left: 0 !important;}
.border-right-0 {border-right: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}

.application_wrap .apl_detailview.bundl_detail_prod2{top:231px; }
.bundl_w50 {width: 50% !important;}

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

.bundl_photo_txt {
	position: relative;
}

.bundl_photo_txt span {
	display: inline-block;
	width:80px;
	margin-right:3px;
	color:#666;
	font-size: 12px;
	text-align: center;
}

.bundl_process_tit {
	font-size:20px;
	color:#000;
	padding-bottom:30px;
	padding-left:30px;
}

.popup_wrap.w860 {width:860px;}

/* 들여쓰기 */
.data_table .table tbody th.usedPhone {
	padding:12px 0 12px 48px;
	font-size: 16px;
}

.data_table .table tbody th.usedPhone:before {
    content: ' \02EA';
    font-size: 20px;
    padding-right: 6px;
}

.usedPhone_process {
	position:relative;
	float:left;
	font-size: 14px;
	color:#666;
}

.usedPhone_process p.stit {
	font-weight: bold;
	padding-bottom:6px;
	color: #333;
}
.usedPhone_process div span.box {
	display: inline-block;
	float:left;
	background: #f3f4f8;
	border-radius: 4px;
	border:1px solid #ddd;
	padding: 8px 6px;
	margin-bottom:10px;
	min-width: 153px;
	text-align: center
}

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

.usedPhone_process div > div::after {
	display:block;
	content:'';
}

.tbl_chk_info .dataform_box.appli_modify {
	display:block;
	margin:8px 0 0 0;
}


@media print {
    .print {zoom:.9;}
    .print .ui_modal_wrap {position:static !important;}
    .print .new_ph {padding-top:0;}
    .print .pop_header {display:none; padding:0;}
    .print .pop_content {overflow:inherit !important;}
}

/* O2O 매장방문예약/매장픽업  2020.02.06 */
.hp_detail_option_wrap .btn_wrap.size_4 .bttn {width:140px;} /*o2o 4개버튼 노출로 인한 동일사이즈 버튼 설정*/
.popup_wrap.w720 {width:720px;}
.tbl_chk_info table tbody td .full_type .rdo_wrap.info_type.col_4 {width:144px;}
.btn_more.line_gray {border:1px solid #ccc;}
.prm_info_box .basic {display:inline-block; width:58px; height:20px; border-radius:2px; background-color:#000; color:#fff; font-size:12px; line-height:20px; text-align:center;}

/* 해시태그 */
.o2o_hashtag {
	padding-bottom: 10px;
}
.o2o_hashtag span {
	display: inline-block;
	color: #999;
	margin-right:8px;
}

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

.serviceChcekArea{padding-bottom: 10px}
.serviceChcekArea input[type=checkbox] + label{/*min-width:90px;*/ height:29px; padding:0 10px; margin-right:7px;
  background-color:#fff; background-image:none; border-width:1px; border-style:solid; border-radius:5px;
  font-family:Dotum; font-size:11px; text-align:center; line-height:29px}
.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; }

.o2o_map {
    width: 100%;
    height: 370px;
    border: 1px solid #ccc;
    overflow: hidden;
}

/* 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: 0 15px 2px;
    height: 37px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #333;
    box-sizing: border-box;
}

.o2o_btn_research:hover {
	border: 1px solid #ed008c;;
}

.o2o_btn_research img {
	padding-top: 2px;
	padding-right:3px;
}

.atreview_list.o2o_shop_list {
	margin-top: 20px;
}

.atreview_list.o2o_shop_list li {
	padding:10px 0;
}

.atreview_list.o2o_shop_list li p {
	padding-top:5px;
}

.atreview_list.o2o_shop_list ul > li .purchase_area .tit  {
	background:url('/common/images/hphn/o2o_icon.png') 0 0 no-repeat;
	background-position: -70px -448px;
	padding-left: 30px;
	line-height: 34px;
	width: 100%;
}

.o2o_shop_name {
	background:url('/common/images/hphn/o2o_icon.png') 0 0 no-repeat;
	background-position: -70px -448px;
	font-size:18px;
	font-weight: bold;
	padding-left:30px;
	height:48px;
	line-height: 30px;
}

.atreview_list.o2o_shop_list ul > li .purchase_dw .distance{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	vertical-align:top;
	padding-top: 20px;
	padding-right:5px;
}

.atreview_list.o2o_shop_list ul > li .purchase_shop_btn {
	position: absolute;
	bottom:0;
	right:0;
	padding-bottom:10px;
}

.atreview_list.o2o_shop_list ul > li .o2o_btn_disMsg {
	position: absolute;
	bottom:20px;
	right:120px;
	font-size:14px;
	color:#666;
}

.atreview_list.o2o_shop_list ul > li {
	border-bottom:0;
}

.atreview_list.o2o_shop_list ul > li .purchase_shop_btn .bttn {
	min-width:108px;
}

.atreview_list.o2o_shop_list ul > li .purchase_area .road_land {
	font-size:12px;
	color:#666;
}

.atreview_list.o2o_shop_list ul > li .purchase_area .lv {
	position:relative;
	font-size: 14px;
}

.atreview_list.o2o_shop_list ul > li .purchase_area .o2o_road_land span {
	display: inline-block;
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius:5px;
	color:#666;
	padding:0 5px;
	margin-right: 4px;
	min-width:40px;
	height:20px;
	line-height:18px;
	font-size:11px;
	text-align:center
}

.atreview_list.o2o_shop_list ul > li .purchase_area .o2o_road,
.atreview_list.o2o_shop_list ul > li .purchase_area .o2o_road_land {
	line-height:17px;
}

.o2o_rdo_area {
	width: 100%;
	margin-bottom: 5px;
}

.o2o_rdo_area span {
	width:15%;
}

.popup_wrap .comp_msg_wrap .ico.ico_o2o_complete:before {
	width: 50px;
	height: 50px;
	background:url('/common/images/hphn/o2o_icon.png') 0 0 no-repeat;
	background-position: 0 -450px;
	margin-bottom: 10px;
}

.applic_info_box.top.o2o_prod {margin:16px 0;}

.pop_data_table.view.o2o_rev_tbl .dl_tbl dt {width: 140px;}
.pop_data_table.view.o2o_rev_tbl .dl_tbl dd {margin-left:140px;}

.review_info_wrap.o2o_review .info_point {width:230px;}
.review_info_wrap.o2o_review .info_txt {margin-left:230px;}
.review_info_wrap.o2o_review .info_txt  {padding:38px 40px;}
.review_info_wrap.o2o_review .info_point .tol {font-size:18px;}

.atreview_list.o2o_review_list ul > li .purchase_dw {top:20px;}
.atreview_list.o2o_review_list ul > li .purchase_area .tit {font-size: 16px;}
.atreview_list.o2o_review_list ul > li .purchase_dw .purchase_write,
.atreview_list.o2o_review_list ul > li .purchase_dw .purchase_date,
.atreview_list.o2o_review_list ul > li .purchase_area .txt,
.atreview_list.o2o_review_list ul > li .desc .txt {font-size: 14px;}


/* 매장에서 온라인 주문하기 팝업 */
.o2o_shop_main {
	position:relative;
	top:100px;
	width:636px;
	height:514px;
	margin:0 auto;
	background:url('/common/images/hphn/o2o_shop_main_bg.png') 0 0 no-repeat;
	overflow:hidden;
	padding:30px 40px;
}

.o2o_shop_tit {
	font-size:46px;
	font-weight:bold;
	color:#000;
	letter-spacing:-4px;
	padding-top:142px;
	padding-left: 9px;
	padding-bottom:10px;
	outline:none;
}
.o2o_shop_subtit {padding-left:15px;font-size:16px;padding-bottom:15px}
.o2o_shop_subtit span {color:#ed008c}

.o2o_shop_tit .o2o_shop_stit {
	font-size:36px;
	font-weight:bold;
	color:#ed008c;
}

.o2o_shop_date {
	position: absolute;
	top:135px;
	right:13px;
	width:280px;
	text-align: center;
	letter-spacing:-1px;
	color:#666;
}

.o2o_shop_date >.time  strong {
	color:#000;
	font-size: 17px;
	font-weight:bold;
	letter-spacing:-2.3px;
}

.o2o_shop_main .quick_list {
	width:100%;
	padding:8px 0 32px;
}

/* 아이콘 사이즈 수정 */
.o2o_shop_main .quick_list ul li a .ico {position:relative; width:132px; height:132px; background:url('/common/images/hphn/o2o_icon.png') no-repeat 0 0;}
.o2o_shop_main .quick_list ul li a .ico.ico01 {background-position:0px 0px;}        /* 5G 휴대폰 */
.o2o_shop_main .quick_list ul li a .ico.ico02 {background-position:-140px 0px;}     /* 4G 휴대폰 */
.o2o_shop_main .quick_list ul li a .ico.ico03 {background-position:-280px 0;}       /* 태블릿/워치 */
.o2o_shop_main .quick_list ul li a .ico.ico04 {background-position:-420px 0px;}     /* 액세서리 */

.o2o_shop_main .quick_list ul {float:none;}
.o2o_shop_main .quick_list ul li:nth-child(1) a:hover .ico.ico01 {background-position:0px -140px;}
.o2o_shop_main .quick_list ul li:nth-child(2) a:hover .ico.ico02 {background-position:-140px -140px;}
.o2o_shop_main .quick_list ul li:nth-child(3) a:hover .ico.ico03 {background-position:-280px -140px;}
.o2o_shop_main .quick_list ul li:nth-child(4) a:hover .ico.ico04 {background-position:-420px -140px;}

.o2o_shop_main .quick_list ul li {margin-left:8px;}
.o2o_shop_main .quick_list ul li a .txt {padding-top: 15px;font-size:17px;font-weight:bold;}
.o2o_shop_main .quick_list ul li a .txt:after {display: none;}
.o2o_shop_main .quick_list ul li:nth-child(1) {padding-left: 4px;}
.o2o_shop_main .quick_list ul li a:hover .ico:before,
.o2o_shop_main .quick_list ul li a:focus .ico:before {content:' ';display:block; position:absolute; top:0px; right:6px; bottom:12px; left:6px; border:3px solid #ED008C; border-radius:50%;}
.o2o_shop_main .quick_list ul li a .txt {display:block; padding-top:6px; color:#000; font-size:17px; line-height:19px;}
.o2o_shop_main .new_body .quick_list ul li a .txt:after {display: none;}

.o2o_shop_main.popup_wrap > .btn_close {position:absolute; top:50px; right:8px;}
.o2o_shop_main.popup_wrap > .btn_close button:before,
.o2o_shop_main.popup_wrap > .btn_close button:after {width:38px;}

.noti_alarm.o2o_noti .tit, .noti_alarm.o2o_noti .txt{line-height:33px;}
.noti_alarm.o2o_noti .ico {margin-top:6px;}
.noti_alarm.o2o_noti button {height:32px;line-height:32px;margin-left:10px;}

.pt2 {padding-top:2px !important;}
.pl8 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}

.o2o_ico_shop {
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	color:#bd68ec;
	border:1px solid #bd68ec;
	min-width:90px;
	height:24px;
	line-height:21px;
	text-align:center;
	margin-right:8px;
	padding:0 8px;
}
.qna_acco .review_info .option.o2o_ico_line {width:100%;}
.flag_wrap .flag.o2o {background-color:#fff;border:1px solid #bd68ec; color:#bd68ec;line-height:21px;} /* o2o flag */

/* 매장주문 불가 메세지-태블릿 기준 */
.wrap.o2oMsg_area {min-width:100%;}
.wrap.o2oMsg_area > #container > .application_wrap > .apl_body {width:100%;}
.wrap.o2oMsg_area > #container > .application_wrap > .apl_body > .gybd_box.comp {top:180px;padding:0;}

/* 가입신청서 작성완료-매장정보 */
.gybd_box.comp .tit_desc .date.o2oShop_info {line-height: 1.2;padding-left:10px;width:400px;font-size:16px;}
.gybd_box.comp .tit_desc .date.o2oShop_info:before {/*content:'\02EA';*/content:'ㄴ';font-size:12px;padding-right:2px;padding-left:0px;}
.gybd_box.comp .tit_desc .date.o2oShop_info:first-child {margin-top:15px;}

/* 매장방문예약-완료화면 .com_txt 중복카운팅으로 인한 class분리 */
.popup_wrap .comp_msg_wrap .o2o_comp_txt {position:relative; padding-top:4px; color:#000; font-size:16px; line-height:22px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.o2o_popArea {
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
}


/*유심가입 페이지 간소화*/
.container.new_usim {position:relative}
.container.new_usim::before {content:"";width:1080px;height:100%;background:#e4e7ee;position:absolute;top:0;left:50%;transform:translate(-540px,0);z-index:0}
@media screen and (max-width:1300px) {
    .container.new_usim::before {transform:translate(-50%,0);left:640px}
}
.new_usim .kind_area {padding-top:10px;}
.new_usim .kind_area .textCont {background:#f3f5fa;padding:60px 80px;border-bottom:2px solid #dcdee3;box-sizing:border-box}
.new_usim .kind_area .textCont.btnCont {padding:25px 80px}
.new_usim .kind_area .textCont.last {border-bottom:none}
.new_usim .kind_area .textCont.bg_info {background:#d4d6de}
.new_usim .kind_area .textCont h3 {font-size:26px;color:#333;font-weight:bold;margin-bottom:10px}
.new_usim .imgCont {position:relative}
.new_usim .imgCont.last {border-bottom:2px solid #dcdee3}
.new_usim .imgCont .btn_detail {position:absolute;display:block;text-indent:-999999px;overflow:hidden}
.new_usim .imgCont .btn_detail.sale {top:376px;left:165px;width:120px;height:32px;}
.new_usim .imgCont .btn_detail.cardSale {top:376px;left:789px;width:133px;height:32px}
.new_usim .imgCont .btn_detail.flatrate01 {top:482px;left:718px;width:120px;height:32px;}
.new_usim .imgCont .btn_detail.flatrate02 {top:528px;left:auto;right:40px;width:494px;height:290px}
.new_usim .imgCont .btn_detail.flatrate03 {bottom:30px;left:auto;right:40px;width:184px;height:32px}

.new_usim .link_evt {position:absolute;display:block;text-indent:-99999999px;overflow:hidden;width:960px;height:183px;top:436px;left:60px}
.new_usim .link_LTE {position:absolute;display:block;text-indent:-99999999px;overflow:hidden;width:110px;height:30px;top:830px;left:737px}
.new_usim .link_LTE_v2 {position:absolute;display:block;text-indent:-99999999px;overflow:hidden;width:110px;height:30px;top:1268px;left:737px}
.new_usim .link_ushop_coupon {position:absolute;display:block;text-indent:-99999999px;overflow:hidden;width:148px;height:42px;top:74px;left:852px}


.new_usim .gift_popup_open {position:absolute;display:block;text-indent:-999999px;overflow:hidden;top:376px;left:585px;width:120px;height:32px}
.new_usim .gift_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 .gift_popup_wrap.open {display:block}
.new_usim .gift_popup {position:absolute;top:200px;left:50%;transform:translate(-50%,0);background:#fff;border-radius:20px 20px;overflow:hidden;box-sizing:border-box}
.new_usim .gift_popup .giftBox {width:100%;box-sizing:border-box;padding:30px}
.new_usim .gift_popup img {display:block;margin:0 auto;width:100%}
.new_usim .gift_popup .gift_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 .btn_usim_popup {position:absolute;display:block;text-indent:-999999px;overflow:hidden;top:0;left:0;width:32px;height:32px;top:319px}
.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%);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:110px;left:50%;transform:translate(-50%,0);width:130px;height:30px;text-indent:-99999px;}


.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;font-size:16px}
.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:40px 40px;padding-left:30px;display:inline-block;width:450px;height:73px;box-sizing:border-box}
.new_usim .joiner_info_box input + input {margin-left:10px}

.new_usim .btnBox {text-align:center}
.new_usim .btn_usimJoin {border-radius:30px;background:#ed008c;color:#fff;font-size:22px;font-weight:bold;min-width:320px;padding:16px 10px 22px 10px;line-height:18px}
.new_usim .btn_usimJoin.unabled {cursor:normal;background:#cccccc;color:#666666}

.new_usim .information_box {padding:0;border:none;border-radius:0;}
.new_usim .information_box .tit {position:relative;top:auto;left:auto}
.new_usim .information_box .dot_list {padding-top:20px;}



.new_usim .information_box .dot_list > li {font-size:16px;color:#666}
.new_usim .information_box .in_btn .btn_more {border:1px solid #9fa2ab}


/* 개선 레이어 팝업(기존 팝업에 renew 클래스 추가하여 사용) */
.popup_wrap.renew {border:1px solid #333;}
.popup_wrap.renew .pop_header {background:#fff; border-top:none; border-bottom:1px solid #333;}
.popup_wrap.renew .pop_header .h1_tit {font-weight:bold;}
.popup_wrap.renew .pop_content .top_area {position:relative; z-index:7; padding:16px 24px; border-bottom:1px solid #ededed;}
.popup_wrap.renew .pop_content .scrollarea {padding:0;}
.popup_wrap.renew .pop_content .content {height:520px; overflow-y:scroll;}
.popup_wrap.renew .pop_content .btm_area {margin:16px 0 0;}
.popup_wrap.renew .btn_wrap {border-top:1px solid #d3d3d3;}

.video_type .pop_header{display:none;}
.video_type .pop_content .scrollarea {overflow:hidden;}
.video_type .pop_content .scrollarea .content {height:450px; overflow:hidden;}
.video_type .pop_content .scrollarea .content iframe {width:100%; height:100%;}
.video_type .btn_close {top:-60px; right:0; width:50px; height:50px;}
.video_type .btn_close button {width:100%; height:100%;}
.video_type .btn_close button:before,
.video_type .btn_close button:after {right:0px; width:50px; border:1px solid #fff;}

/* 개선 셀렉트박스 */
.select_wrap.renew.size_xs {width:120px;}
.select_wrap.renew.size_s {width:140px;}
.select_wrap.renew.size_m {width:190px;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list {box-shadow:none; border-color:#666; border-radius:20px;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list ul {padding:0;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list li:hover {background-color:#f6f6f6;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list li + li {border-top:1px solid #d5d5d5;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list li a {color:#666;}
.select_wrap.renew .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea {border-top:1px solid #666;}

/* 개선 정렬 버튼 */
.sort_wrap.renew .sort_list {position:relative; top:auto; right:auto;}
.sort_wrap.renew .sort_list .btn_n {margin-left:0; height:40px; line-height:38px; border-radius:20px;}
.sort_wrap.renew .sort_list .btn_n.on {color:#fff; border-color:#6b6998; background-color:#6b6998; font-weight:Bold;}
.sort_wrap.renew .sort_list .btn_n + .btn_n {margin-left:8px;}
.sort_wrap.renew .sort_list .btn_n > span {padding:0 19px;}

/* 가변 툴팁 */
.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; padding: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: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);}

/* 개선 및 신규 인풋(각  wrap 클래스에 renew 클래스 추가) */
.rdo_wrap.renew input[type='radio']:checked + label {border:2px solid #333; color:#000; font-weight:bold;}
.rdo_wrap.renew input[type='radio']:disabled + label {background-color:#f6f6f6; color:#999;}
.chk_wrap.gray .select_info {background-color:#f6f6f6; color:#666; font-size:15px; border-radius:4px;}
.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:1px 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; margin-top:1px;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info .discount {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:1px solid #333;}
.chk_sltlist_wrap.renew .chk_wrap [type='checkbox']:checked ~ label:after,
.chk_wrap.renew input[type='checkbox']:checked+label:after,
.chk_wrap.gray.type2 [type='checkbox']:checked ~ label:after {background-position:-160px 0;}
.chk_wrap.gray.type2 {padding:0;}
.chk_wrap.gray.type2 [type='checkbox'] ~ label {border:none;}
.chk_wrap.gray.type2 .select_info {background-color:#eceff5; padding:17px 36px 17px 48px;}
.chk_wrap.gray.type2 .select_info .tit {color:#333; line-height:20px;}
.chk_wrap.gray.type2 .select_info .tit em {color:#333; font-weight:bold;}
.rdo_wrap.info_type.renew input[type='radio']:checked ~ label {border:1px solid #333;}
.rdo_wrap.info_type.renew input[type='radio']:checked + .select_info .tit,
.chk_wrap.gray.type2 [type='checkbox']:checked + .select_info .tit {color:#000; font-weight:bold;}
.rdo_wrap.info_type.renew input[type='radio']:checked + .select_info .tit span {color:#666;}
.sltlist_wrap.renew > li {float:none; width:100%; margin:0;}
.sltlist_wrap.renew > li + li {margin-top:6px;}
.chk_inner.renew {position:relative; padding:16px 20px; background-color:#f7f7f7; border-radius:4px;}

/* 신규 플래그 및 아이콘 */
.flag_wrap .flag.round {border-radius:9px; padding:0 9px;}
.flag_wrap .flag.purple {background-color:#ad00d8;}
.flag_wrap .flag.orange {background-color:#ff5a00;}
.hover_tooltip .btn_tooltip.gray {display:inline-block; width:18px; height:18px; background:url('/common/images/cmm/ico_common.png') -41px -220px no-repeat; vertical-align:top;}
.ico_qustion.gray {display:inline-block; width:18px; height:18px; background:url('/common/images/cmm/ico_common.png') -126px -222px no-repeat; vertical-align:middle;}
.ico_qustion.gray.type2 {position:absolute; right:16px; top:17px; z-index:5; width:18px; height:18px; background:url(/common/images/cmm/ico_common.png) -144px -222px no-repeat;}

/* 개선 및 신규 동의 폼 */
.data_table .agreeTable .one_divtype {padding:12px 30px;}
.data_table .agreeTable .one_divtype dt {padding-bottom:15px; font-size:16px; color:#000;}
.data_table .agreeTable .one_divtype .agree_form_wrap .depth1 {border:none; background-color:#f6f6f6; padding:20px 16px;}
.data_table .agreeTable .one_divtype .agree_form_wrap .depth1 + .depth1 {margin-top:16px;}
.data_table .agreeTable .one_divtype .agree_form_wrap .tit {font-size:16px; color:#000;}
.data_table .agreeTable .one_divtype .agree_form_wrap .terms_cont_wrap {padding-top:20px; font-size:16px; color:#666; line-height:24px;}

/* 복지몰 CSS추가 */
.quick_welfare{position:relative;}
.quick_welfare > a{display:block; margin-top:8px;}
.quick_welfare > ul{display:none; position:Absolute; top:12px; left:-85px; padding:5px 10px; background:#fff; border:1px solid #e5e5e5;}
.quick_welfare:hover > ul{display:block;}
.quick_welfare > ul:before{content:""; display:block; position:absolute; top:10px; right:-6px; width:6px; height:9px; background:url('/common/images/welfare/quick_arrow.png') no-repeat 0 0;}
.quick_welfare > ul li{position:relative; padding-left:10px;}
.quick_welfare > ul li:before{content:""; display:block; position:absolute; top:50%; left:0; width:5px; height:1px; background:#666;}
.quick_welfare > ul li a{display:block; font-size:13px; color:#666; line-height:20px;}
.quick_welfare > ul li a:hover{color:#ed008c;}
.welfare_body .tit_wrap{width:1080px; margin:auto; margin-bottom:30px;}
.welfare_body .normal_tap{width:1080px; margin:auto; display:table; table-layout:fixed; border-collapse:collapse; margin-bottom:40px; border-spacing:0;}
.welfare_body .normal_tap li{display:table-cell;}
.welfare_body .normal_tap li a{position:relative; display:block; text-align:center; line-height:56px; font-size:17px; border:1px solid #d2d2d2; border-left:0 none;}
.welfare_body .normal_tap li:first-child a{border-radius:4px 0 0 4px; border-left:1px solid #d2d2d2;}
.welfare_body .normal_tap li:last-child a{border-radius:0 4px 4px 0;}
.welfare_body .normal_tap li.on a{color:#fff; background:#ed008c; border:1px solid #ed008c;}
.welfare_body .normal_tap li.on a:hover{color:#fff;}
.welfare_body .normal_tap li:hover a{color:#ed008c;}
.welfare_body .swiper-container{width:1080px; min-height:350px; margin:auto; text-align:center;}
.welfare_body .swiper-slide a{display:block; width:1080px; margin:auto;}
.welfare_body .swiper-container .arrow_wrap{position:absolute; top:50%; left:50%; margin:-30px 0 0 -540px; width:1080px; height:60px;}
.welfare_body .swiper-container .swiper-button-prev,
.welfare_body .swiper-container .swiper-button-next{top:0; width:60px; height:60px; margin-top:0; background:url(/common/images/welfare/btn_bill_left.png) no-repeat;}
.welfare_body .swiper-container .swiper-button-prev:after,
.welfare_body .swiper-container .swiper-button-next:after{display:none;}
.welfare_body .swiper-container .swiper-button-next{background:url(/common/images/welfare/btn_bill_right.png) no-repeat;}
.welfare_body .swiper-container .swiper_pag_wrap{position:absolute; left:0; bottom:34px; width:100%; height:14px; z-index:10; text-align:center;}
.welfare_body .swiper-container .stop_play{display:inline-block; width:32px; height:32px; line-height:32px; margin-left:12px; vertical-align:middle; background:#fff; border-radius:16px; text-align:center;}
.welfare_body .swiper-container .stop_play a{display:block; text-indent:-1000em; overflow:hidden; margin:10px auto 0;}
.welfare_body .swiper-container .stop_play .stop{width:11px; height:12px; border-left:3px solid #333; border-right:3px solid #333;}
.welfare_body .swiper-container .stop_play .play{display:none; width:12px; height:14px; background:url(/common/images/welfare/icon_play.png) no-repeat;}
.welfare_body .swiper-container .stop_play.on .play{display:block; margin:9px 0 0 12px;}
.welfare_body .swiper-container .stop_play.on .stop{display:none;}
.welfare_body .swiper-container .swiper-pagination-bullets{display:inline-block; position:relative; top:0; left:0;}
.welfare_body .swiper-container .swiper-pagination-bullet{width:10px; height:10px; margin:0 3px!important; background:#d8d8d8;}
.welfare_body .swiper-container.off .arrow_wrap,
.welfare_body .swiper-container.off .swiper_pag_wrap{display:none;}
.welfare_body .body_center{width:1080px; margin:80px auto 40px;}
.welfare_body .welfare_banner:after{content:""; display:block; clear:both;}
.welfare_body .welfare_banner li{float:left;}
.welfare_body .welfare_banner li:first-child{margin-right:20px;}
.welfare_body .welfare_banner li:last-child{float:right;}
.welfare_body .welfare_banner li a{display:block; width:346px; height:46px; line-height:44px; border:1px solid #ccc; border-radius:3px; font-size:16px; color:#666; text-align:center;}
.welfare_body .welfare_banner li a:hover{color:#fff; background:#ed008c; border:1px solid #ed008c;}
.welfare_body .welfare_banner li a span{position:relative; top:-1px; display:inline-block; vertical-align:middle; margin-right:5px;}
.welfare_body .welfare_banner li a span.icon1{width:21px; height:31px; background:url(/common/images/welfare/icon_5g.png) no-repeat;}
.welfare_body .welfare_banner li a span.icon2{width:28px; height:30px; background:url(/common/images/welfare/icon_4g.png) no-repeat;}
.welfare_body .welfare_banner li a span.icon3{width:30px; height:30px; background:url(/common/images/welfare/icon_acc.png) no-repeat;}
.welfare_body .welfare_banner li a:hover span.icon1{width:21px; height:31px; background:url(/common/images/welfare/icon_5g_on.png) no-repeat;}
.welfare_body .welfare_banner li a:hover span.icon2{width:28px; height:30px; background:url(/common/images/welfare/icon_4g_on.png) no-repeat;}
.welfare_body .welfare_banner li a:hover span.icon3{width:30px; height:30px; background:url(/common/images/welfare/icon_acc_on.png) no-repeat;}
.welfare_body .title_line{margin:40px 0 20px 0;}
.welfare_body .title_line .wel_move{display:block; position:relative; top:-100px; width:1px; height:1px; margin:-1px;}
.welfare_body .title_line:after{content:""; display:block; clear:both;}
.welfare_body .title_line h3{float:left; font-size:32px; color:#333;}
.welfare_body .title_line .right_side{float:right; padding-top:8px;}
.welfare_body .title_line .right_side:after{content:""; display:block; clear:both;}
.welfare_body .title_line .right_side > li{float:left; margin-left:20px; lin-height:24px;}
.welfare_body .title_line .right_side > li .total_cont span{margin:0 3px 0 6px; color:#333; font-weight:bold;}
.welfare_body .title_line .right_side > li .refresh{border:0 none; width:24px; height:24px; background:url(/common/images/welfare/icon_refresh.png) no-repeat; text-indent:-1000em; overflowh:hidden;}
.welfare_body .welfare_line_banner{margin-bottom:20px;}
.welfare_body .welfare_line_banner img{max-width:100%;}
.welfare_body .welfare_pro_list:after{content:""; display:block; clear:both;}
.welfare_body .welfare_pro_list > li{position:relative; float:left; width:252px; height:360px; margin-right:24px; margin-bottom:24px; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.welfare_body .welfare_pro_list > li:nth-child(4n){float:right; margin-right:0;}
.welfare_body .welfare_pro_list > li .thum{position:relative; height:248px; text-align:center;}
.welfare_body .welfare_pro_list > li .thum img{height:100%;}
.welfare_body .welfare_pro_list > li .color {position:absolute; bottom:40px; left:16px; font-size:0;}
.welfare_body .welfare_pro_list > li .color > span {display:block; position:relative; width:12px; height:12px; margin-top:6px; border-radius:3px; border:1px solid #ddd;}
.welfare_body .welfare_pro_list > li .color > .wea_exp:before {content:' '; display:block; position:absolute; top:-1px; left:4px; width:1px; height:13px; background-color:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.welfare_body .welfare_pro_list > li .color > .wea_exp.white:before {background-color:#ddd;}
.welfare_body .welfare_pro_list > li .color .color_black {background-color:#000;}
.welfare_body .welfare_pro_list > li .color .color_gray {background-color:#666;}
.welfare_body .welfare_pro_list > li .color .color_red {background-color:#FF3333;}
.welfare_body .welfare_pro_list > li .color .color_white {border:1px solid #ddd; background-color:#fff;}
.welfare_body .welfare_pro_list > li .tool_tip{position:absolute; top:16px ;right:16px;}
.tool_tip_body+.welfare_icon{margin-top:10px;}
.welfare_icon{position:relative;}
.welfare_icon .icon{display:block; width:32px; height:32px; background:url(/common/images/welfare/icon_emp_pro.png) no-repeat;}
.welfare_icon .txt{display:none; position:absolute; top:30px; left:0; height:24px; line-height:22px; padding:0 5px; z-index:2; background:#fff; border:1px solid #ed008c; border-radius:3px; font-size:12px; color:#ed008c; white-space:nowrap;}
.welfare_icon:hover .txt{display:block;}
.welfare_icon .txt:before{content:""; display:block; width:11px; height:6px; position:absolute; top:-6px; left:10px; background:url(/common/images/welfare/arrow_emp_pro.png) no-repeat;}
.welfare_body .welfare_pro_list > li .model_name{width:100%; line-height:22px; padding:10px 15px 2px 15px; font-size:18px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.welfare_body .welfare_pro_list > li .ori_price{width:100%; padding:0 15px 8px 15px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.welfare_body .welfare_pro_list > li .sub_type{width:100%; padding:0 15px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#ed008c;}
.welfare_body .welfare_pro_list > li .last_price{width:100%; padding:0 15px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:18px; font-weight:bold; color:#000;}
.flag.welfare{background:#a70386;}
.welfare_type_box{position:absolute; top:0; left:50%; width:1080px; margin-left:-540px;}
.welfare_type_box .item_info_box{position:Absolute; top:0; right:100px; background:#fff; padding:20px; border-radius:0 0 10px 10px; opacity:0.9;}
.welfare_type_box.black .item_info_box{background:#000; border-top:0 none;}
.welfare_type_box.black .item_info_box span{color:#e5e5e5;}
.login_wrap.login_welfare .login_cont{display:block;}
.login_wrap.login_welfare .login_cont:before{display:none;}
.login_wrap.login_welfare .login_cont .login_inner{display:block; margin:auto;}