@charset "utf-8";

html {margin:0;padding:0;-webkit-text-size-adjust:none;}
body, input[type='date'] {font-size:12px;line-height:1.2;color:#666;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea,  select, p, button, i {margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;line-height:1.25em}
section {letter-spacing:-.05em}
ul, ol, li {list-style:none}
fieldset, img {border:0;vertical-align:middle}
address, em, i {font-style:normal}
table {width:100%;border-collapse:collapse}
table, th, td {border:none}
hr {display:none}
a, a:link, a:visited, a:active, a:hover {color:#000;text-decoration:none;}
 
p {word-break:break-all;}
legend, .hidden, .blind {overflow:hidden;position:absolute;width:1px ;height:1px;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);font-size: 1px;line-height: 1px;z-index:-1;color:transparent;}
.blind-b{display:block !important;overflow:hidden  !important;position:absolute  !important;top:0  !important;left:0  !important;width:100%  !important;height:100%  !important;color:transparent !important}
caption {overflow:hidden;width:1px;height:1px;font-size:1px;line-height:1px;color:transparent}
caption span {color:inherit;}
button, label, input[type=image] {cursor:pointer}
select {-webkit-appearance:none;width:100%;height:30px;line-height:30px;padding:0 13px 0 8px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #adadad;border-radius:3px;background:#fff url('/common/mobile/olleh2.0/img/bg/bg-select-arrow.png') no-repeat;background-position:right 5px top 50%;background-size:8px 4px;color:#666}
input[type='text'],input[type='password'], input[type='tel'], input[type='email'], input[type='date'], input[type="number"] {-webkit-appearance:none;width:100%;height:35px;padding:0 8px;letter-spacing:-.05em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;color:#888;border-radius:3px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
textarea {-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100px;padding:10px;padding:10px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;color:#888;}
button {background:none;border:none;}

input, select {-webkit-appearance:none;}
:focus{outline:auto !important}
/* .bx-wrapper a:focus { border: 1px solid #06f; } 33 */
.display_bl{display:block;}
.display_ib{display:inline-block;}
.display_no{display:none;}

/* Form */
.formHidden {z-index:-1;}
.inputTrans {display:inline-block;padding-left:23px;height:20px;color:#666 !important;line-height:20px;padding-right:22px;}
.radioTrans {background:url('/unify/m/images/mobile/order/cert/radio_off.png') no-repeat left center;background-size:20px;}
.radioTrans.chk, .radioTrans.chked {background:url('/unify/m/images/mobile/order/cert/radio_on.png') no-repeat left center;background-size:20px;}
.radioTrans.chkdisabled {background:url('/unify/m/images/mobile/order/cert/radio_disable.png') no-repeat left center;background-size:20px;}
.checkboxTrans {background:url('/unify/m/images/mobile/order/cert/icon_check_off.png') no-repeat left center;background-size:20px;}
.checkboxTrans.chk, .checkboxTrans.chked {background:url('/unify/m/images/mobile/order/cert/icon_check_on.png') no-repeat left center;background-size:20px;}
.checkboxTrans.disabled {background:url('/unify/m/images/mobile/order/cert/radio_disable.png') no-repeat left center;background-size:20px;}
.checkboxTrans.chkdisabled {background:url('/unify/m/images/mobile/order/cert/radio_disable.png') no-repeat left center;background-size:20px;}
/* input[type="checkbox"][aria-hidden="true"],
input[type="radio"][aria-hidden="true"]{display:none;} */

input[type="text"], input[type="password"], input[type="number"], input[type='tel']{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;line-height:30px;border:1px solid #adadad;border-radius:3px;}
input[type="text"]::-webkit-input-placeholder {color:#888}
input[type="text"]::-moz-placeholder {color:#888}
input[type="text"]::-moz-placeholder {color:#888}
input[type="text"]::-ms-input-placeholder {color:#888}

input[type="checkbox"] {position:absolute !important;left:0;top:0;width:20px;height:20px;}
input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input[type="checkbox"]:focus + label:before{ content:"";position: absolute; top: -1px; left: -1px; width: 20px; height: 20px; border:1px dotted #000;}
input[type="radio"] {position:absolute !important;left:0;top:0;width:20px;height:20px;}
input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}


.input_file {position:relative;display:inline-block;}
.input_file input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.input_file input[type="file"] + label {}
.file_route p + p {margin-top:5px;}
.file_name {text-decoration:underline;color:#448ccb}
.file_delte {width:14px;height:14px;overflow:hidden;text-indent:-9999px;vertical-align:middle;background:url(/common/mobile/olleh2.0/img/bg/bg_delet.png) no-repeat;background-size:14px auto;}

/* 전화번호 인풋 - 공통으로 정리 */
.three_input{}
.three_input span {display:block;float:left;}
.three_input span:nth-child(odd) {width:30%}
.three_input span:nth-child(even) {width:5%;line-height:30px;text-align:center;}
/* 스크롤 박스 */
.scroll_box::-webkit-scrollbar {width:5px;height:5px;border:3px solid #fff;}
.scroll_box::-webkit-scrollbar-track {background:#efefef;-webkit-box-shadow:inset 0 0 4px rgba(255,255,255,0)}
.scroll_box::-webkit-scrollbar-thumb {  background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}
.scroll_box{overflow:auto;-webkit-overflow-scrolling:touch}
/* 주민번호 인풋 - 공통으로 정리 */
.tow_input{}
.tow_input span {display:block;float:left;}
.tow_input span:nth-child(odd) {width:48%}
.tow_input span:nth-child(even) {width:4%;line-height:30px;text-align:center;}

/* 이메일 인풋 */
.tow_input.email{}
.tow_input.email span {display:block;float:left;}
.tow_input.email span:nth-child(odd) {width:46%}
.tow_input.email span:nth-child(even) {width:8%;line-height:30px;text-align:center;}

/* 카드번호 인풋 */
.fore_input{}
.fore_input span{display:block;float:left;box-sizing:border-box;width:25%;padding:0 2px;}
.fore_input span:first-child {padding-left:0;}
.fore_input span:last-child {padding-right:0;}

/* 유효기간 인풋 */
.validity_input{}
.validity_input div.select_box {position:relative;float:left;box-sizing:border-box;width:50%;padding-right:22px;}
.validity_input div.select_box > p {position:absolute;top:6px;right:6px;color:#888;}

/* 패스워드 인풋 */
.password_input {}
.password_input div {float:left;width:60%}
.password_input div:first-child {width:40%}
.password_input div + div {position:relative;height:30px;}
.password_input div + div:before {content:'';display:block;position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;background:#666;border-radius:50%;}
.password_input div + div:after {content:'';display:block;position:absolute;top:50%;left:17px;width:10px;height:10px;margin-top:-5px;background:#666;border-radius:50%;}

/* 순위 인풋 */
.ranking_input {}
.ranking_input li {float:left;box-sizing:border-box;width:50%;position:relative;padding-left:46px;}
.ranking_input li:first-child {padding:0 9px 0 37px;}
.ranking_input li span {position:absolute;top:7px;left:0;}
.ranking_input li:last-child span {left:7px;}

/* 셀렉트 2개 */
.tow_select {}
.tow_select li{float:left;box-sizing:border-box;width:50%;padding-left:5px;}
.tow_select li:first-child {padding:0 5px 0 0;}
.tow_select li:last-child {margin-top:0;}

/* 셀렉트 3개 */
.three_select {}
.three_select li{float:left;box-sizing:border-box;width:33.33%;padding-left:5px;}
.three_select li:first-child {padding:0 5px 0 0;}
.three_select li:last-child {margin-top:0;}

/* 폼 + 툴팁 */
.input_tooltip {position:relative;padding-right:20px;}
.input_tooltip .new_tool_tip {position:absolute;top:6px;right:0;}

/* 주문정보 외 폼 입력 양식 */
.half_form {position:relative;}
.half_form .half_title {position:absolute;top:0;left:0;width:160px;height:30px;line-height:30px;letter-spacing:-1px;}

.half_form .half_title.tow {height:auto;line-height:1.2;}
.half_form .half_title.tow > div {display:block;}
.half_form .half_title.tow > div:nth-child(2),
.half_form .half_title.tow > div:nth-child(3){font-size:11px;color:#888;letter-spacing:0;}

.half_form .half_box {margin-left:160px;}

.half_form .half_box.button {margin:0 51px 0 160px;}
.half_form .half_box.button button{position:absolute;top:0;right:0;padding:0 10px;}
.half_form .half_box.button a{position:absolute;top:0;right:0;padding:0 10px;}

.half_box .checkbox {display:block;margin:5px 0;}
.half_box .checkbox label {font-size:12px;color:#888;}
.half_box .resize {padding-right:73px;}

.price_input {position:relative;box-sizing:border-box;padding-right:25px;border:1px solid #adadad;border-radius:3px;}
.price_input input[type="text"] {height:28px;line-height:28px;padding-right:0;text-align:right;border:none;color:#f82a2a;font-weight:bold;}
.price_input .won {position:absolute;top:50%;right:10px;margin-top:-7px;font-size:11px;}

/* 디자인 셀렉트 박스 */
.select_box {position:relative;padding:0}
.select_box ul { background:#fff;border:1px solid #adadad;border-top:none}
.select_box li a {display:block;padding:6px 8px;margin:0;font-size:13px;color:#666;line-height:17px;}
.select_box li span {display:inline-block;padding:0 0 0 5px;margin:0 0 0 5px;background:url('/common/mobile/olleh2.0/img/bg/bg_select_option.jpg') no-repeat 0 6px;background-size:1px auto}
.select_box li a span em {color:#f82a2a}
.select_box .select_txt span {display:inline-block;padding:0 0 0 5px;margin:0 0 0 5px;background:url('/common/mobile/olleh2.0/img/bg/bg_select_option.jpg') no-repeat 0 6px;background-size:1px auto}
.select_box .select_txt span em {color:#f82a2a}
.select_box .select_txt { display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7px 8px;margin:0;font-size:13px;color:#666;background:#fff url('/common/mobile/olleh2.0/img/bg/bg-select-arrow.png') no-repeat 97% 13px;background-size:8px 4px;border:1px solid #adadad;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;line-height:17px;vertical-align:middle}

.selectbox_set {overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.selectbox_set:after {content:"";cleart:both;display:block}
.selectbox_set .select_box.wide {float:left;width:65%;margin-right:2%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:-1px;}
.selectbox_set .select_box.small_box {float:left;width:33%}
.selectbox_set .select_box.small_box .select_txt {background-position:95% 13px}

/* 체크박스 스타일 별 */
input[type="checkbox"] + label {padding-left:24px;background:url('/unify/m/images/mobile/order/cert/icon_check_off.png') 0 50% no-repeat;background-size:20px auto;}
input[type="checkbox"]:checked + label{background: url('/unify/m/images/mobile/order/cert/icon_check_on.png') 0 50% no-repeat;background-size:20px auto;}
input[type="checkbox"]:disabled + label{background:url('/unify/m/images/mobile/order/cert/radio_disable.png') 0 50% no-repeat;background-size:20px auto;}

.check_type_a[type="checkbox"]{visibility:initial;}
.check_type_a[type="checkbox"] + label {padding-left:24px;height:auto;border:0;background:url('/unify/m/images/mobile/order/cert/icon_check_off.png') 0 0 no-repeat;background-size:20px auto;}
.check_type_a[type="checkbox"]:checked + label{background:url('/unify/m/images/mobile/order/cert/icon_check_on.png') 0 0 no-repeat;background-size:20px auto;}
.check_type_a[type="checkbox"]:disabled + label{background:url('/unify/m/images/mobile/order/cert/radio_disable.png') 0 0 no-repeat;background-size:18px auto;}

/* 라디오 스타일 별 */
input[type="radio"] + label {height:auto;padding-left:24px;background:url('/unify/m/images/mobile/order/cert/radio_off.png') 0 50% no-repeat;background-size:20px auto;}
input[type="radio"]:checked + label{background:url('/unify/m/images/mobile/order/cert/radio_on.png') 0 50% no-repeat;background-size:20px auto;}
input[type="radio"]:disabled + label{background:url('/unify/m/images/mobile/order/cert/radio_disable.png') 0 50% no-repeat;background-size:20px auto;}
.radio_type_a[type="radio"] + label {height:auto;padding-left:24px;background:url('/unify/m/images/mobile/order/cert/radio_off.png') 0 50% no-repeat;background-size:20px auto;}
.radio_type_a[type="radio"]:checked + label{background:url('/unify/m/images/mobile/order/cert/radio_on.png') 0 50% no-repeat;background-size:20px auto;}
.radio_type_a[type="radio"]:disabled + label{background:url('/unify/m/images/mobile/order/cert/radio_disable.png') 0 50% no-repeat;background-size:20px auto;}

/* 라디오 사은품 형식 */
.radio_type_a.gift[type="radio"] + label {padding:22px 0 0 0;background-position:50% 0;}
.radio_type_a.gift[type="radio"] + label > span {display:block;}
.radio_type_a.gift[type="radio"]:checked + label {}

/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from {-webkit-transform:translateX(100%);}
    to {-webkit-transform:translateX(0);}
}
@-moz-keyframes slideinfromright {
    from {-moz-transform:translateX(100%);}
    to {-moz-transform:translateX(0);}
}
@-webkit-keyframes slideinfromleft {
    from {-webkit-transform:translateX(-100%);}
    to {-webkit-transform:translateX(0);}
}
@-moz-keyframes slideinfromleft {
    from {-moz-transform:translateX(-100%);}
    to {-moz-transform:translateX(0);}
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from {-webkit-transform:translateX(0);}
    to {-webkit-transform:translateX(-100%);}
}
@-moz-keyframes slideouttoleft {
    from {-moz-transform:translateX(0);}
    to {-moz-transform:translateX(-100%);}
}
@-webkit-keyframes slideouttoright {
    from {-webkit-transform:translateX(0);}
    to {-webkit-transform:translateX(100%);}
}
@-moz-keyframes slideouttoright {
    from {-moz-transform:translateX(0);}
    to {-moz-transform:translateX(100%);}
}
.slide.out, .slide.in {
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-duration:350ms;
    -moz-animation-timing-function:ease-out;
    -moz-animation-duration:350ms;
}
.slide.out {
    -webkit-transform:translateX(-100%);
    -webkit-animation-name:slideouttoleft;
    -moz-transform:translateX(-100%);
    -moz-animation-name:slideouttoleft;
}
.slide.in {
    -webkit-transform:translateX(0);
    -webkit-animation-name:slideinfromright;
    -moz-transform:translateX(0);
    -moz-animation-name:slideinfromright;
}
.slide.out.reverse {
    -webkit-transform:translateX(100%);
    -webkit-animation-name:slideouttoright;
    -moz-transform:translateX(100%);
    -moz-animation-name:slideouttoright;
}
.slide.in.reverse {
    -webkit-transform:translateX(0);
    -webkit-animation-name:slideinfromleft;
    -moz-transform:translateX(0);
    -moz-animation-name:slideinfromleft;
}
.slidefade.out {
    -webkit-transform:translateX(-100%);
    -webkit-animation-name:slideouttoleft;
    -moz-transform:translateX(-100%);
    -moz-animation-name:slideouttoleft;
    -webkit-animation-duration:225ms;
    -moz-animation-duration:225ms;
}
.slidefade.in {
    -webkit-transform:translateX(0);
    -webkit-animation-name:fadein;
    -moz-transform:translateX(0);
    -moz-animation-name:fadein;
    -webkit-animation-duration:200ms;
    -moz-animation-duration:200ms;
}
.slidefade.out.reverse {
    -webkit-transform:translateX(100%);
    -webkit-animation-name:slideouttoright;
    -moz-transform:translateX(100%);
    -moz-animation-name:slideouttoright;
    -webkit-animation-duration:200ms;
    -moz-animation-duration:200ms;
}
.slidefade.in.reverse {
    -webkit-transform:translateX(0);
    -webkit-animation-name:fadein;
    -moz-transform:translateX(0);
    -moz-animation-name:fadein;
    -webkit-animation-duration:200ms;
    -moz-animation-duration:200ms;
}
/* //jquery mobile */
iframe[name="google_conversion_frame"]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}

.btn_gray_line {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#fff;border:1px solid #adadad;border-radius:3px;color:#666666}
.btn_red_line {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#fff;border:1px solid #f82a2a;border-radius:3px;color:#f82a2a}
.btn_red {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#f82a2a;border:1px solid #f82a2a;border-radius:3px;color:#fff}
.btn_gray {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#888;border:1px solid #888;border-radius:3px;color:#fff}
.btn_black {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#333;border:1px solid #333;border-radius:3px;color:#fff}
.btn_green {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#01c4c6;border:1px solid #01c4c6;border-radius:3px;color:#fff}
.btn_green_line {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#fff;border:1px solid #01c4c6;border-radius:3px;color:#01c4c6 !important;}
.btn_mint {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#00a2be;border:1px solid #01c4c6;border-radius:3px;color:#fff !important;}

a.btn_red {color:#fff;}
a:link.btn_red {color:#fff;}
a.btn_gray {color:#fff;}
a:link.btn_gray {color:#fff;}
a.btn_black {color:#fff;}
a:link.btn_black {color:#fff;}
a.btn_gray_line {color:#666;}
a:link.btn_gray_line {color:#666;}
a.btn_red_line {color:#f82a2a;}
a:link.btn_red_line {color:#f82a2a;}
a.btn_green {color:#fff;}
a:link.btn_green {color:#fff;}
a.btn_mint {color:#fff;}
a:link.btn_mint {color:#fff;}

.xxsmall {min-width:39px;height:14px;line-height:14px;font-size:11px;border-radius:9px;}
.xsmall {min-width:39px;height:22px;line-height:22px;font-size:12px;}
.small {min-width:39px;height:25px;line-height:25px;padding:0 12px;font-size:12px;}
.medium {min-width:39px;height:30px;line-height:30px;padding:0 12px;font-size:12px;}
.medium_plus {min-width:39px;height:30px;line-height:30px;padding:0 19px;font-size:14px;}
.big {min-width:39px;height:40px;line-height:40px;padding:0 12px;font-size:16px;}

.btn_area button {width:100%;}
.btn_area button > span {width:100%;}
.btn_twin div {box-sizing:border-box;width:50%;float:left;padding-left:5px;}
.btn_twin div:first-child {padding:0 5px 0 0;}
.btn_twin a {width:100%;}

.btn_option_type_a span {display:inline-block;box-sizing:border-box;height:22px;line-height:20px;padding:0 11px;background:#fff;border:1px solid #e5e5e5;border-radius:2px;color:#888;}
.btn_option_type_a.active span {background:#f82a2a;border-color:#f82a2a;color:#fff;}
.btn_option_type_b > span {display:inline-block;box-sizing:border-box;height:30px;line-height:28px;padding:0 9px;background:#fff;border:1px solid #e5e5e5;border-radius:2px;color:#888;}
.btn_option_type_b.active > span {line-height:28px;border:2px solid #f82a2a;color:#000;}
.btn_option_type_b.two > span{height:54px;padding:10px;line-height:1.2;}

.btn_option_type_b > span em.smart_phone_hd {padding-left:28px;height:17px;line-height:17px;background:url('/common/mobile/olleh2.0/img/ico/ico_homecam.jpg') left center no-repeat;background-size:16px 17px;}

/* 리셋 버튼 */
.btn_reset {position:relative;display:inline-block;padding:7px 0 7px 13px;}
.btn_reset:after {content:'';display:block;position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;background:url('/common/mobile/olleh2.0/img/bg/bg_btn_reset.png') 0 0 no-repeat;background-size:10px auto;}

/* 버튼 여러개 사용할 때 */
.multi:after {content:'';display:block;clear:both;}
.multi li {display:block;float:left;}
.multi li > button {display:block;padding:0 2px;}
.multi li:first-child > button{padding:0 2px 0 0;}
.multi li > div {padding-left:5px;}
.multi li:first-child > div {padding-left:0}
.multi button {width:100%;}
.multi button span {width:100%}
.multi a {width:100%;}
.multi a span {width:100%;}
.multi.one li {width:100%}
.multi.tow li {width:50%}
.multi.tow li:nth-child(3) button {padding-left:0;}
.multi.three li {width:33.33%}
.multi.three li:nth-child(4) button {padding-left:0;}
.multi.four li {width:25%}
.multi.four li:nth-child(5) button {padding-left:0;}
.multi.five li {width:20%}
.multi.five li:nth-child(6) button {padding-left:0;}
.multi.six li {width:16.66%}
.multi.six li:nth-child(7) button {padding-left:0;}
.mg21{margin-bottom:21px;}
.multi.one li > div {width:33.33%;margin:0 auto;}

.btn_full {width:100%;}
.btn_full a {width:100%;}
.btn_more{width:100%}
.btn_more a{width:100%}
.btn_more button{width:100%}
.btn_more span {position:relative;height:40px;line-height:40px;padding-right:13px;}
.btn_more span:after {content:'';display:block;width:9px;height:5px;position:absolute;top:50%;right:0;margin-top:-1px;background:url('/common/mobile/olleh2.0/img/bg/bg-comment-arrow03.png') no-repeat;background-size:9px auto;}

div.btnWrap {padding:20px 0;text-align:center;background-color:#fff;}
div.btnWrap a {display:inline-block;margin-left:7px;padding:0 10px;min-width:40px;font-size:14px;line-height:30px;text-align:center;}
div.btnWrap.mSize a { width:40%;}
a.btnListMore {color:#333;text-shadow:1px 1px #FFF;border:1px solid #C1C1C1;background-color:#eaeaea;background:linear-gradient(#fff,#eaeaea);}
a.btnRed    {color:#fff;text-shadow:1px 1px #000;border:1px solid #AB0009;background-color:#f62530;background:linear-gradient(#f62530,#d4323a);}
a.btnWhite    {color:#333;font-weight:normal !important;text-shadow:1px 1px #FFF;border:1px solid #c4c4c4;background-color:#f4f4f4;background:linear-gradient(#fff,#f4f4f4);}
a.btnGray    {color:#fff;text-shadow:1px 1px #000;border:1px solid #5d5d5d;background-color:#5d5d5d;background:linear-gradient(#7a7a7a,#5d5d5d);}

a.btnWhite1 {display:inline-block;padding:0 10px;min-width:40px;color:#333;text-shadow:1px 1px #fff;font-size:14px;line-height:30px;text-align:center;border:1px solid #c4c4c4;background-color:#f4f4f4;background:linear-gradient(#fff,#f4f4f4);}
a.btnWhite2 {display:inline-block;padding:0 10px;min-width:40px;color:#333;text-shadow:1px 1px #fff;font-size:14px;line-height:30px;text-align:center;border:1px solid #c4c4c4;background-color:#fff;}
a.btnRed1    {display:inline-block;padding:0 10px;min-width:40px;color:#fff;text-shadow:0;font-size:14px;line-height:30px;text-align:center;border:1px solid #AB0009;background-color:#f62530;background:linear-gradient(#f62530,#d4323a);}
a.btnGray1    {display:inline-block;padding:0 10px;min-width:40px;color:#fff;text-shadow:1px 1px #000;font-size:14px;line-height:30px;text-align:center;border:1px solid #5D5D5D;background-color:#7B7B7B;background:linear-gradient(#7B7B7B,#5D5D5D);}

/* badge */
span.best {display:inline-block;padding:4px 6px;background:#58bdc9;border-radius:3px;font-size:11px;color:#fff;line-height:110%}
span.blue {display:inline-block;margin-left:5px;padding:4px 6px;background:#58bdc9;border-radius:3px;font-size:11px;color:#fff;line-height:110%}
span.purple {display:inline-block;margin-left:5px;padding:4px 6px;background:#bd26a3;border-radius:3px;font-size:11px;color:#fff;line-height:110%}
span.sel_fee {display:inline-block;padding:4px 6px;background:#9db8da;border-radius:3px;font-size:11px;color:#fff;line-height:110%}
.badge {display:inline-block;padding:2px 6px;font-size:11px;border-radius:3px;line-height:110%;vertical-align:middle;font-weight:normal;color:#fff;}
.badge.round {min-width:23px;padding:3px 8px;line-height:100%;border-radius:10px;}
.badge.bd {border:1px solid #adadad;padding:0 6px;min-height:16px;line-height:16px;}
.badge.bd.gray {background:#fff;color:#666;}
.badge.gray {background:#888;}
.badge.orange {background:#f37d1e;}
.badge.blue {background:#58bdc9;}
.badge.red {background:#f82a2a;}
.badge.sky {background:#a5c2e5;}
.badge.violet {background:#b275c5;}
.badge.gray02 {background:#b3b3b3;}
.badge.border {border:1px solid #adadad;border-radius:3px;color:#666;}
.badge_big {width:42px;}
.badge_big li {display:inline-block;margin-top:4px;padding:6px 9px;font-weight:bold;color:#fff;background:#f37d1e;border-radius:5px 0 5px 5px;}
.badge_big li:first-child {margin:0;}
.badge_small span {display:inline-block;line-height:17px;padding:0 4px;color:#fff;border-radius:3px;}
.badge_small .best {background:#9db8da;}
.badge_small .new {background:#ecb72c;}
.badge_small .tool_tip_gift {display:inline-block;padding:0 6px;line-height:17px;color:#fff;border-radius:2px;background:#b175c5;}
.badge_small .tool_tip_gift > span {padding:0 15px 0 0;background:url('/common/mobile/olleh2.0/img/bg/bg-help_white.png') 100% 50% no-repeat;background-size:11px auto;}
.badge_small .tool_tip_target {right:-90px;font-size:11px;letter-spacing:-1px;line-height:1.5;}

.bx-wrapper {margin:0 auto !important;}
.bx-wrapper .bx-viewport {left:0 !important;border:none !important;box-shadow:none !important;}
.bx-wrapper .bx-controls .bx-pager.bx-default-pager a,
.bx-wrapper .bx-controls .bx-pager.bx-default-pager span {width:6px;height:6px;vertical-align:top;border-radius:50%;background:#e1e1e1;}
.bx-wrapper .bx-controls .bx-pager.bx-default-pager span.active,
.bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active {background:#f82a2a;}
.bx-wrapper .bx-controls .bx-pager, .bx-wrapper .bx-controls-auto {padding:0;bottom:5%;font-size:0;}
.bx-wrapper .bx-controls img {margin:0 auto;}
.bx-wrapper .bx-controls .bx-controls-direction a {position:absolute;top:50%;margin-top:-10px;width:9px;height:21px;z-index:997;color:transparent;}
.bx-wrapper .bx-controls .bx-next:hover {background-position:-12px 0;}
.bx-wrapper .bx-controls .bx-prev {left:10px;background:url('/common/mobile/olleh2.0/img/bg/bg_bx_controls.png') no-repeat 0 0;background-size:21px 21px;}
.bx-wrapper .bx-controls .bx-next {right:10px;background:url('/common/mobile/olleh2.0/img/bg/bg_bx_controls.png') no-repeat -12px 0;background-size:21px 21px;}
.bx-wrapper .bx-viewport + .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:100%;text-align:center;}
.bx-wrapper .bx-viewport + .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:10px;bottom:5%;left:48%;}
.bx-wrapper .bx-viewport + .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto .bx-controls-auto-item > a {width:16px;}
.bx-wrapper .bx-viewport + .bx-controls .bx-controls-auto .bx-start, .main_banner .bx-wrapper .bx-controls-auto .bx-stop {display:block;margin:0;}
.bx-wrapper .bx-viewport + .bx-controls .bx-controls-auto .bx-start.active, .main_banner .bx-wrapper .bx-controls-auto .bx-stop.active {display:none;}
.bx-wrapper .bx-viewport + .bx-controls .bx-controls-auto .bx-start {width:6px;height:7px;background:url('/common/mobile/olleh2.0/img/ico/ico_play.png') center center no-repeat;background-size:6px 7px;}
.bx-wrapper .bx-viewport + .bx-controls .bx-controls-auto .bx-stop {width:6px;height:7px;background:url('/common/mobile/olleh2.0/img/ico/ico_stop.png') center center no-repeat;background-size:6px 7px;}

.event_icon {position:absolute;top:0;left:0;width:37px;height:113px;overflow:hidden;}
.event_icon li {margin-top:4px;}
.event_icon li:first-child {margin-top:0;}
.event_icon span {display:block;width:37px;height:35px;background-size:37px 35px;color:transparent;}

.acc_area {font-size:13px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.acc_area .acc_scope{}
.acc_area .acc_scope:first-child .acc_head {border-top:none;}
.acc_head {position:relative;border-top:1px solid #e5e5e5;}
.acc_head > a {position:relative;display:block;}
.acc_head > a:before, .acc_head > .tariff-button:before {content:'';display:block;position:absolute;top:50%;right:11px;width:9px;height:6px;margin-top:-3px;background:url('/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png') 0 -10px no-repeat;background-size:9px 15px;}
.acc_head .tit {box-sizing:border-box;padding:13px 30px 13px 11px;color:#000;letter-spacing:-1px;}
.acc_head .tit img.tip {width:79%;}
.acc_scope.active .acc_head > a:before, .acc_scope.active .acc_head > .tariff-button:before {background-position:0 0;}

.acc_head .title_type02 > div {float:left;padding:13px 0 13px 11px;}
.acc_head .title_type02:after {content:'';display:block;clear:both}
.acc_head.button:after {display:none;}
.acc_head.button .btn {position:absolute;top:0;right:0;display:block;width:50px;height:40px;overflow:hidden;color:transparent}
.acc_head.button .btn:before {position:absolute;right:11px;content:'';display:block;width:9px;height:6px;text-indent:-9999px;background:url('/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png') 0 -9px no-repeat;background-size:9px 15px;}
.acc_scope.active .acc_head.button .btn:before {background-position:0 0;}

.acc_head.button .title_type02 > div {float:left;padding:13px 0 13px 11px;}
.acc_head.button .title_type02:after {content:'';display:block;clear:both;}

.acc_contents {padding:15px 11px;border-top:1px solid #e5e5e5;}
.acc_contents .title{display:block;margin-bottom:10px;font-weight:bold;}
.acc_contents .gu_line{padding-top:15px;margin-top:15px;border-top:1px solid #e5e5e5}

.location {position:relative;border-bottom:1px solid #e5e5e5;}
.location a {display:block;font-size:13px;color:#000;}
.location .btn_prev{position:absolute;top:0;left:0;z-index:1;}
.location .btn_prev a {width:37px;height:40px;background:url('/common/mobile/olleh2.0/img/bg/bg-location-prev.png') 10px 50% no-repeat;background-size:15px 11px;color:transparent}
.location .menu {padding-left:37px;}
.location .menu li {height:40px;line-height:40px;float:left;padding:0 9px 0 9px;margin-left:5px;background:url('/common/mobile/olleh2.0/img/bg/bg-lotion-arrow.png') 0 50% no-repeat;background-size:5px 9px;}
.location .menu li:first-child {margin-left:0;padding-left:0;background:none;}
.location .menu li:first-child > a {height:40px;line-height:40px;}
.location select {font-size:13px;letter-spacing:-1px;color:#000;height:40px;line-height:40px;padding:0 20px 0 10px;border:none;background:url('/common/mobile/olleh2.0/img/bg/bg-location-arrow.png') no-repeat;background-position:right 5px top 50%;background-size:5px 3px;}
.location select.last {color:#f82a2a;background-image:url('/common/mobile/olleh2.0/img/bg/bg-location-arrow02.png');}
.location.center strong {display:block;height:40px;line-height:40px;text-align:center;font-size:13px;color:#000;}

.page_tit {height:41px;line-height:41px;color:#000;font-size:16px;letter-spacing:-1px;text-align:center;font-weight:bold;}.article_box h3 {margin:15px 0 9px;letter-spacing:-1px;font-weight:bold;font-size:14px;color:#333;}
.article_box h3 span {color:#f82a2a;}
.article_box h3.first {margin-top:0;}
.article_box .sub_tit {display:block;margin-bottom:9px;letter-spacing:-1px;font-size:13px;color:#333;}
.article_box .indent_list {font-size:13px;}
.article_box .indent_list li + li {margin-top:6px;}
.article_box .indent_list li a {margin-top:8px;text-indent:0;}
.article_box .indent_list li span {display:inline-block;margin:5px 0 0 9px;text-indent:-9px;line-height:1.2;font-size:11px;color:#888;}

.tab_contents {position:relative;}
.tab_contents .trigger {position:absolute;top:0;left:0;box-sizing:border-box;width:50%;text-align:center;border-top:1px solid #f9f9f9;background:#f9f9f9;}
.tab_contents .trigger a {display:block;padding:14px 0;font-size:13px;font-weight:bold;border-bottom:1px solid #f82a2a;}
.tab_contents .trigger.active {background:#fff;border:1px solid #f82a2a;border-bottom:none;}
.tab_contents .trigger.active.none {border-left:none;border-right:1px solid #f82a2a;}
.tab_contents .trigger.active.last {border-right:none;}
.tab_contents .trigger.active a {color:#f82a2a;border-bottom:none;}
.tab_contents .target {display:none;}
.tab_contents .target.active {display:block;}
.tab_contents h4 + div {padding-top:45px;}
@media screen and (max-width: 360px) {
	font-size:12px;
}

.tabs_inner .tab_contents .trigger {width:50%;border:none;background:#888;}
.tabs_inner .tab_contents .trigger.active {background:#f82a2a;border:none;}
.tabs_inner .tab_contents .trigger a {border-bottom:none;color:#fff;}

.tab_contents.type_support .trigger.active {border-right-color:#f82a2a;}
.tab_contents.type_support .trigger {display:table;width:50%;min-height:44px;border-right:1px solid #e5e5e5;}
.tab_contents.type_support .trigger a {display:table-cell;min-height:44px;padding:0;vertical-align:middle;}
.tab_contents.type_support .trigger.last {border-right:none;width:50%;}
.tab_contents.type_support .guide_txt p {padding-top:55px;}

.tab_contents .trigger.boGreen {border-top:1px solid #f9f9f9;background:#f9f9f9;}
.tab_contents .trigger.boGreen a {border-bottom:1px solid #00c1c1;}
.tab_contents .trigger.boGreen.active {background:#fff;border:1px solid #00c1c1;border-bottom:none;}
.tab_contents .trigger.boGreen.active.none {border-left:none;border-right:1px solid #00c1c1;}
.tab_contents .trigger.boGreen.active a {color:#00c1c1;border-bottom:none;}
.tab_contents .trigger.boGreen.active.last {border-right:none;}

div.orderBtn {padding:20px 10px;background-color:#fff;}
div.orderBtn a {display:block;margin:10px auto 0; padding:12px 0; font-weight:bold;text-align:center;}
div.orderBtn a:first-child {margin-top:0;}

table.tbl_type02 {margin-top:7px;border-top:1px solid #888;border-bottom:1px solid #888;}
table.tbl_type02 th {padding:10px 0;color:#333;background:#f8f8f8;font-size:12px;letter-spacing:-1px;}
table.tbl_type02 th + th {border-left:1px solid #d2d2d2;}
table.tbl_type02 td {padding:21px 9px;color:#666;border-top:1px solid #d2d2d2;font-size:12px;letter-spacing:-1px;}
table.tbl_type02 td + td {border-left:1px solid #d2d2d2;}
table.tbl_type02.dashed td + td {border-left:1px dashed #d2d2d2;}
table.tbl_type02 td:first-child {padding:21px 0;text-align:center;}
table.tbl_type02.tdTc td {text-align:center;}
table.tbl_type03 {margin-top:7px;border-top:1px solid #888;border-bottom:1px solid #888;}
table.tbl_type03 th {background:#f8f8f8;text-align:left;font-size:12px;letter-spacing:-1px;color:#333;}
table.tbl_type03 td { font-size:12px;letter-spacing:-1px;color:#666;}
table.tbl_type03 th, table.tbl_type03 td {padding:10px;border-top:1px solid #d2d2d2;}
table.tbl_type03 th + td {border-left:1px solid #d2d2d2;}
table.tbl_type03 tr:first-child th, table.tbl_type03 tr:first-child td {border-top:none;}
.tbl_type04 {border-top:1px solid #888;border-bottom:1px solid #888;}
.tbl_type04 tr:first-child th {border-top:none;}
.tbl_type04 tr.price td {text-align:right;}
.tbl_type04 tr.price td em {color:#000;}
.tbl_type04 tr.price td em.point_color {color:#f82a2a;}
.tbl_type04 th {padding:8px 10px;text-align:left;background:#efefef;border-top:1px solid #d2d2d2;letter-spacing:-1px;font-size:11px;color:#333;}
.tbl_type04 th + th {border-left:1px solid #d2d2d2;}
.tbl_type04 th.sub {background:#f7f7f7;text-align:center;}
.tbl_type04 td {padding:8px 5px;border-top:1px solid #d2d2d2;letter-spacing:-1px;font-size:11px;color:#666;}
.tbl_type04 td + td {border-left:1px dashed #d2d2d2;}
.tbl_type04 th + td {border-left:1px solid #d2d2d2;}
.tbl_type04 b {display:block;margin-bottom:7px;color:#333;}

.product_info > li{border-top:1px solid #e5e5e5}
.product_info > li > a{display:block;position:relative;padding:14px 0 14px 11px;line-height:100%;text-align:left}
.product_info > li > a strong{font-size:13px;color:#666;letter-spacing:-1px;padding-left:25px;}
.product_info > li > a strong.pg_price {background:url(/common/mobile/olleh2.0/img/ico/ico_detail_price.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a strong.pg_product {background:url(/common/mobile/olleh2.0/img/ico/ico_detail_product.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a strong.pg_review {background:url(/common/mobile/olleh2.0/img/ico/ico_detail_review.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a strong.pg_consulting {background:url(/common/mobile/olleh2.0/img/ico/ico_detail_consulting.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a strong.pg_infomation{background:url(/common/mobile/olleh2.0/img/ico/ico_detail_infomation.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a strong.pg_identify {background:url(/common/mobile/olleh2.0/img/ico/ico_detail_identify.png) 0 50% no-repeat;background-size:15px 15px;}
.product_info > li > a em{padding-left:5px;color:#f82a2a;font-weight:bold;}
.product_info > li > a span{position:absolute;right:0;top:50%;margin-top:-20px;padding-top:40px;width:31px;height:0;background:url(/common/mobile/olleh2.0/img/common/ico_arrow_next.png) no-repeat 50% 50%;background-size:auto 9px;overflow:hidden}

.point_color {color:#f82a2a;}
em.star {color:#f82a2a;}
em.red {color:#f82a2a;}
.txt_line {text-decoration:underline;}

.al_l {text-align:left;}
.al_c {text-align:center;}
.al_r {text-align:right;}

.va_top {vertical-align:top;}
.va_middle {vertical-align:middle;}
.va_bottom {vertical-align:bottom;}
.bdnone {border:none;}

.order_common_banner {border-bottom:1px solid #ddd;}
.order_common_banner img {width:100%;}
.ib{display:inline-block}

#loading { position:fixed;width:100%;height:100%;background-color:#000;z-index:999999;opacity:0.5;text-align:center;}
#loading:after { content:"";display:inline-block;height:100%;vertical-align:middle;}
#loading img { width:10%;vertical-align:middle;}

.sticky_bar {position:fixed;bottom:0;left:0;z-index:9000;width:100%;background:url(/common/mobile/olleh2.0/img/common/bg_sticky_bar.png) repeat-x 0 0;background-size:auto 4px;padding-top:4px;}
.sticky_bar .cont_area {position:relative;padding:0 0 60px;background:#fff ;}
.sticky_bar .cont_area > div{background:#fff;}
.sticky_bar .cont_area .btn_open{position:absolute;left:50%;top:-4px;margin:-19px 0 0 -35px;width:71px;height:23px}
.sticky_bar .cont_area .btn_open span{display:block;padding-top:23px;height:0;background:url(/common/mobile/olleh2.0/img/common/btn_sticky_bar.png) no-repeat 50% 50%;background-size:100%;overflow:hidden}
.sticky_bar .cont_area .btn_close{position:absolute;left:50%;top:-4px;margin:-19px 0 0 -35px;width:71px;height:23px}
.sticky_bar .cont_area .btn_close span{display:block;padding-top:23px;height:0;background:url(/common/mobile/olleh2.0/img/common/btn_sticky_bar_02.png) no-repeat 50% 50%;background-size:100%;overflow:hidden}
.sticky_bar .cont_area .calculation {background:#fff;}
.sticky_bar .btn_area {table-layout:fixed;display:table;position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;height:60px;background:#fff;text-align:center}
.sticky_bar .btn_area a {width:100%;padding:0;font-size:13px;letter-spacing:-1px;}
.sticky_bar .btn_area .btn_twin div {width:30%;}
.sticky_bar .btn_area .btn_twin div:first-child {width:70%}
.sticky_bar .btn {position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;background:#fff;}
.sticky_bar .con_area{position:relative;padding:13px 10px 50px;background:url('/common/mobile/olleh2.0/img/bg/bg_stikybar01.png') 0 0 repeat-x;background-size:auto 3px;}
.sticky_bar .con_area .cost li .tit > strong:last-child{float:right;}
.sticky_bar .con_area .cost dl span:last-child{float:right;}
.sticky_bar .btn a {font-size:13px;letter-spacing:-1px;}
.sticky_bar .btn_area div { display:table-cell; width:100%; padding:0 0 0 5px; vertical-align:middle; }
.sticky_bar .btn_area div:first-child {padding:0;}
.sticky_bar .btn_area .add1 { width:85px; }
@media screen and (max-width: 320px) {
    .sticky_bar .btn_area .add1 { width:60px; }
}
.sticky_bar .btn_area .add2 { width:40px; }
.sticky_bar .btn_area .btn-basket { display:inline-block; width:40px; height:40px; background:url('/images/mApp/common/icon_sticky.png') no-repeat 0 0; background-size:100px 100px; color:transparent;}
.sticky_bar + .footer_area{padding-bottom:85px}

.sticky_bar .sticky_home { overflow:auto;}
.sticky_bar .calculator_box dt { display:none;}
.sticky_bar .calculator_box dd { display:none;}

.sticky_bar .product_order .price_box {float:left;width:35%;line-height:40px;text-align:left;letter-spacing:-1px;font-size:12px;color:#333;}
.sticky_bar .product_order .price_box span {font-size:15px;font-weight:bold;}
.sticky_bar .product_order .btn_box {float:right;width:65%;text-align:right;}
.sticky_bar .product_order .btn_box:after {display:block;clear:both;content:"";}
.sticky_bar .product_order .btn_box div {display:inline-block;width:58%;float:right;}
.sticky_bar .product_order .btn_box div:first-child {float:left;width:42%;padding-right:6px;box-sizing:border-box;}
.sticky_bar .product_order .btn_box a {width:100%;padding:0;font-size:15px;letter-spacing:-1px;}
.sticky_bar .product_order .btn_box .apply span {padding-left:19px;background:url('/common/mobile/olleh2.0/img/ico/ico_phone.png') 0 center no-repeat;background-size:14px;}

.acc_head .title_type02 > div {float:left;padding:13px 0 13px 11px;}
.acc_head .title_type02:after {content:'';display:block;clear:both}
.acc_head.button:after {display:none;}
.acc_head.button .btn {position:absolute;top:0;right:0;display:block;width:50px;height:40px;overflow:hidden;color:transparent}
.acc_head.button .btn:before {position:absolute;right:11px;content:'';display:block;width:9px;height:6px;text-indent:-9999px;background:url('/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png') 0 -9px no-repeat;background-size:9px 15px;}
.acc_scope.active .acc_head.button .btn:before {background-position:0 0;}
.acc_head.button .title_type02 > div {float:left;padding:13px 0 13px 11px;}
.acc_head.button .title_type02:after {content:'';display:block;clear:both;}
.acc_contents {padding:15px 11px;border-top:1px solid #e5e5e5;}
.acc_contents .title{display:block;margin-bottom:10px;font-weight:bold;}
.acc_contents .gu_line{padding-top:15px;margin-top:15px;border-top:1px solid #e5e5e5}

.new_tool_tip { display:inline-block;overflow:hidden;width:14px;height:14px;vertical-align:middle;background:url('/common/mobile/olleh2.0/img/bg/bg-help.png') 0 50% no-repeat;background-size:14px auto;color:transparent !important;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.tooltipWrap { position:absolute;width:86%;padding:10px;font-size:13px;background:#fff;border:1px solid #333;border-radius:3px;box-shadow:1px 1px #e5e5e5;color:#000;z-index:10000;box-sizing:border-box;padding-right:30px;}
.tooltipWrap * { font-size:13px;}
.tooltipWrap span { display:inline-block;}
*[data-type='tooltip'] + div { overflow:hidden;position:absolute;visibility:hidden;height:0;font-size:0;line-height:0;z-index:-1;}
.tooltipArrow { display:inline-block;position:absolute;top:auto;right:auto;left:auto;bottom:auto;width:8px;height:6px;z-index:10001;background:url('/common/mobile/olleh2.0/img/bg/bg-tooltip-arrow.png') no-repeat 0 0;background-size:8px 6px;}
.tooltipArrow.bottom { background-image:url('/common/mobile/olleh2.0/img/bg/bg-tooltip-arrow_bottom.png') }
.accessible-tit {display:inline-block;width:0;height:0;overflow:hidden;color:transparent;font-size:1px;white-space:nowrap;position:absolute;}
/*.accessible-end {position:absolute; top:10px; right:10px; overflow:hidden; color: transparent; white-space:nowrap; text-overflow:ellipsis;}*/
.accessible-end {position:absolute; top:10px; right:10px; width:13px; height:13px; overflow:hidden; background:url('/images/mApp/common/bg_lay_close.png') no-repeat 0 0; background-size:13px 13px; font-size:13px; color: transparent; white-space:nowrap; text-overflow:ellipsis;}


.addition {padding-top:15px;}
.addition:first-child {padding-top:0;}
.addition div.add_chk + div.add_chk {margin-top:5px;}
.addition_list li {display:none;margin-top:10px;}
.addition_list li:nth-child(1), .addition_list li:nth-child(2), .addition_list li:nth-child(3) {display:block;}
.addition_list.on li {display:block;}
.addition_list li:first-child {margin-top:0;}
.addition_list .info_box {margin-top:5px;padding:10px;font-size:11px;border:1px solid #adadad;border-radius:3px;}
.addition_list .info_box strong {display:block;margin-top:10px;color:#000;}
.addition_list .info_box strong > span > span {font-size:14px;}
.addition_list .info_box strong + div {margin-top:10px;}
.addition_list .info_box strong + div span {letter-spacing:-1px;}
.addition_list .info_box strong + div .checkbox {display:inline-block;}
.addition_list .info_box strong + div label {margin-left:3px;padding-left:20px;font-size:11px;}
.addition .btn_more {margin:10px 0;}
.addition .indent_list {font-size:11px;}

.layer .tariff_change .search_box {padding:15px 11px;text-align:left;}
.layer .tariff_change .search_box .item {font-size:13px;}
.layer .tariff_change .search_box.before {position:relative;}
.layer .tariff_change .search_box.before > span {display:block;padding-right:80px;}
.layer .tariff_change .search_box.before > a {position:absolute;top:15px;right:11px;}
.layer .tariff_change .acc_area {text-align:left;}
.layer .tariff_change .acc_head {background:#f8f8f8;}
.layer .tariff_change .acc_head .tariff-button {display:block;position:relative;width:100%;text-align:left;}
.layer .tariff_change .acc_contents {padding:0;border-top:1px solid #e5e5e5;}
.layer .tariff_change .list_area.type01 {height:359px;overflow-y:auto;}
.layer .tariff_change .list_area.type02 {height:134px;overflow-y:auto;}
.layer .tariff_change .list_area li:nth-child(even) { background:#fcfcfc; }
.layer .tariff_change .list_area li a {display:block;padding:15px;font-size:12px;color:#000;}
.layer .tariff_change .btn_review {width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;background:#fff;outline:none;color:#333;}
.layer .tariff_change .btn_review span {padding-right:16px;background:url('/common/mobile/olleh2.0/img/bg/bg-comment-arrow03.png') right center no-repeat;background-size:9px 5px;}
.layer .tariff_change.egg .list_area{height:auto;}
.layer .tariff_change .list_area li.item{ position:relative; padding:22px 150px 22px 11px; font-size:12px; color:#888; }
.layer .tariff_change .list_area li.item .name{ display:block; margin:5px 5px 0 0; font-size:14px; color:#000; }
.layer .tariff_change .list_area li.item .txt {font-weight:bold;}
.layer .tariff_change .list_area li.item .btn_group{ position:absolute; top:22px; right:11px; }
.layer .tariff_change .list_area li.item a { display:inline-block; min-width:60px; padding:0; border-radius:6px; color:#666; }
.layer .tariff_change .list_area li.item a.btn_select{ border-color:#d71826; background:#d71826; color:#fff; }

.ReviewContents {max-width:100%;margin:0 auto;padding:15px 0 30px;font-family:'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif}
.ReviewContents img{width:100%}
.ReviewContents .om_introimg {padding-bottom:20px;text-align:center}
.ReviewContents .om_main_tit {width:94%;padding:30px 0 0 0px;margin:0 auto;font-size:24px;letter-spacing:-2px;font-weight:bold;color:#1e1e1e;text-align:left;line-height:140%}
.ReviewContents .om_sub_tit {width:94%;padding:30px 0 0 0px;margin:0 auto;font-size:18px;letter-spacing:-1px;font-weight:bold;color:#1e1e1e;text-align:left}
.ReviewContents .om_text {width:94%;padding:10px 0 10px 0px;margin:0 auto;font-size:14px;color:#808080;line-height:170%;text-align:left;}
.ReviewContents .om_maintit_img {padding:30px 0 10px;text-align:center}
.ReviewContents .om_review_img {padding:10px 0 30px;text-align:center}
.ReviewContents .om_comment_box {width:84%;margin:50px auto 20px;padding:4%;background-color:#f3f3f3;border:1px solid #d7d7d7;font-size:13px;line-height:180%;color:#6f6f6f;text-align:left }
.ReviewContents .om_comment_tit {font-size:18px;font-weight:bold;padding-bottom:5px;color:#000 }
.ReviewContents .om_tablebox {margin:10px auto;padding:20px 0}
.ReviewContents .om_caption {font-size:14px;font-weight:bold;padding:5px 0 10px;color:#666666;text-align:center}
.ReviewContents .om_t_caption {position: absolute; left: -9999px;}
.ReviewContents .om_table {margin:0 auto;width:94%;border-top:1px solid #bcbcbc}
.ReviewContents .om_table .omth {height:30px;font-size:14px;font-weight:bold;background-color:#f1f1f1;border-bottom:1px solid #e5e5e5;color:#666666;text-align:center}
.ReviewContents .om_table .omtd_tit {padding:6px 0;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9;width:25%;font-size:13px;font-weight:bold;line-height:160%;color:#767676;padding-left:3%;text-align:left}
.ReviewContents .om_table .omtd_tit_c {padding:6px 0;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9;font-size:13px;font-weight:bold;line-height:160%;color:#767676;text-align:center}
.ReviewContents .om_table .omtd_text {padding:6px 0;border-bottom:1px solid #e5e5e5;font-size:13px;color:#949494;line-height:160%;padding-left:3%;text-align:left}
.ReviewContents .om_table .omtd_text_c {padding:6px 0;border-bottom:1px solid #e5e5e5;font-size:13px;color:#949494;line-height:160%;text-align:center}
.ReviewContents .om_imgs {width:100%;height:auto;border:0px}
.ReviewContents .om_sums {width:90%;margin:10px auto;font-size:12px;text-align:center;color:#a9a9a9}
.ReviewContents .om_wbar {width:100%;height:1px;margin:20px auto;border-bottom:1px solid #d3d3d3}
.ReviewContents .om_copy {width:90%;margin:20px auto;font-size:12px;color:#919191;text-align:center;}
.ReviewContents .om_copyright {width:90%;margin:20px auto;font-size:12px;color:#919191;text-align:center;line-height:160%}
.ReviewContents .om_endbar {width:100%;height:20px;font-size:13px;text-align:center;color:#949494;}
.ReviewContents .om_top {width:100%;padding:10px 0 30px;text-align:right;clear:both}
.ReviewContents .om_category {width:100%;margin:20px auto;border-bottom:1px solid #999;padding-bottom:7px;font-size:26px;letter-spacing:-1px;font-weight:bold;color:#1e1e1e;text-align:left;}
/* 상품특징 - 띠배너 추가 2017-02-21 */
.orderWrap .top_banner {display:block;margin-bottom:20px;}
.orderWrap .top_banner img {width:100%;}
/* 20181121 김태훈 : 상품리뷰 - 대리점명 추가 */
.productReviewAgencyName{height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:600;color:#206ac5;background-color:#f7f7f7;border-bottom:1px solid #e5e5e5;}
div.postscriptList.view_review {padding:0;}
div.postscriptList.view_review > div {margin-bottom:0;padding:10px 0;}
div.postscriptList.view_review > div.on {padding:10px 0 0;}
div.postscriptList.view_review div span.point {overflow:hidden;position:relative;display:block;width:53px;height:10px;background:url(/common/mobile/olleh2.0/img/bg/ico_point.png) 0 0 no-repeat;background-size:53px 10px;margin:0 8px 5px 0;padding-right:0;text-align:left;float:right;}
div.postscriptList.view_review div span.point em {position:absolute;top:0;left:0;background:url(/common/mobile/olleh2.0/img/bg/ico_point_on.png) 0 0 no-repeat;background-size:53px 10px;display:block;height:100%;vertical-align:top;}
div.postscriptList.view_review div > em {font-size:11px;color:#888;display:block;float:left;padding-left:10px;width:45%;clear:both;}
div.postscriptList.view_review div > em > span {position:relative;}
/*div.postscriptList.view_review div > em > span:after {content:'';display:block;width:1px;height:8px;position:absolute;top:50%;left:0;margin-top:-4px;background:#e5e5e5;}*/
div.postscriptList.view_review div > p {font-size:13px;color:#333;height:32px;padding:7px 37px 7px 10px;clear:both;}
div.postscriptList.view_review > div + div {border-top:1px solid #e5e5e5;}
div.postscriptList.view_review > div > div {height:37px;position:relative;clear:both;overflow:hidden;}
div.postscriptList.view_review > div.on > div {height:auto;}
div.postscriptList.view_review > div.on > div > p {height:auto;}
div.postscriptList.view_review div > div a.btn_contOpen{background:none;top:9px;width:26px;height:16px;display:block;position:absolute;right:10px;padding:0;line-height:100%;text-align:left;}
div.postscriptList.view_review div > div a.btn_contOpen:after{content:'';display:block;position:absolute;top:50%;right:0;width:9px;height:6px;margin-top:-4px;background:url(/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png) 0 -10px no-repeat;background-size:9px 15px;}
div.postscriptList.view_review div.on > div a.btn_contOpen:after{background:url(/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png) 0 0 no-repeat;background-size:9px 15px;}
div.postscriptList.view_review div > ul {margin:0 11px 10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff;overflow:hidden;}
div.postscriptList.view_review div > ul > li {box-sizing:border-box;margin:0;padding:0 5px;height:32px;line-height:32px;font-size:11px;color:#888;text-align:left;border-left:0;float:left;width:33%;}
div.postscriptList.view_review div > ul > li span {display:inline-block;margin:0;font-size:15px;color:#f82a2a;float:right;text-align:center;}
div.postscriptList.view_review > div > div > div {margin:0;background:#f8f8f8;padding-top:10px;}
div.postscriptList.view_review > div > div > div > em {padding-left:22px;background:url(/common/mobile/olleh2.0/img/bg/bg-reply-answer.png) 10px 0 no-repeat;background-size:7px 10px;}
div.postscriptList.view_review > div > div > div > p {padding-right:10px;height:auto;}
div.postscriptList.view_review > a.btnMore {background:#f8f8f8;display:block;padding:12px 0;color:#6d6d6d;text-align:center;box-shadow:2px 2px 10px -5px;line-height:100%;}
div.postscriptList.view_review > a.btnMore span {font-size:14px;color:#333;}

div.commentWrap.view_consulting {margin-top:0;}
div.commentWrap.view_consulting .info_box {padding:10px 0;background:#f8f8f8;}
div.commentWrap.view_consulting .info_box > p {margin:0 11px;padding:0;}
div.commentWrap.view_consulting .info_box > p:after {content:'';display:block;clear:both;}
div.commentWrap.view_consulting .info_box > p:first-child {position:relative;height:30px;line-height:30px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
div.commentWrap.view_consulting .info_box > p:first-child span {font-size:13px}
div.commentWrap.view_consulting .info_box > p:first-child .btn_red {position:absolute;top:0;right:0;}
div.commentWrap.view_consulting .info_box > p:nth-child(2) span {display:block;float:left;padding-top:1px;font-size:13px;color:#333;line-height:1.5;}
div.commentWrap.view_consulting .info_box > p:nth-child(2) .adviceTit {padding:0 0 0 22px;height:19px;line-height:19px;letter-spacing:-1px;background:url(/common/mobile/olleh2.0/img/bg/bg_time.png) 0 50% no-repeat;background-size:19px 19px;}
div.commentWrap.view_consulting .info_box > p:nth-child(2) span + span {padding-left:4px;letter-spacing:-1px;}
div.commentWrap.view_consulting .list_consulting {padding:0;}
div.commentWrap.view_consulting .list_consulting .nodata {margin:10px auto 0;width:93%;font-size:14px;text-align:center;line-height:400%;border:1px solid #ddd;}
div.commentWrap.view_consulting .list_box + .list_box {border-top:1px solid #C9C9C9;}
div.commentWrap.view_consulting .list_box:last-child {border-bottom:1px solid #C9C9C9;}
div.commentWrap.view_consulting .list_box > .data {display:block;    box-sizing: content-box;padding:15px 39px 0 32px;height:19px;line-height:19px;background:url(/common/mobile/olleh2.0/img/bg/bg_consulting_q.png) 11px 15px no-repeat;background-size:19px 19px;}
div.commentWrap.view_consulting .list_box > .data em {position:relative;margin-right:6px;padding-right:6px;}
div.commentWrap.view_consulting .list_box > .data em:after {content:'';display:block;width:1px;height:8px;background:#e5e5e5;position:absolute;top:50%;right:0;margin-top:-4px;}
div.commentWrap.view_consulting .list_box > div {box-sizing:border-box;margin:0;padding:15px 11px;}
div.commentWrap.view_consulting .list_box > span + div {padding:10px 0 10px;}
div.commentWrap.view_consulting .list_box > div > p {padding:0 10px 10px;font-size:13px;color:#333;}
div.commentWrap.view_consulting .list_box a.btnWhite1._notifyBtn {float:none;display:inline-block;margin-left:5px;margin-bottom:10px;background:#888;padding:0;border:none;border-radius:3px;color:#fff;height:22px;line-height:22px;}
div.commentWrap.view_consulting .list_box a.btnWhite1 {margin-left:10px;display:inline-block;background:#fff;border:1px solid #adadad;border-radius:3px;color:#666;text-shadow:none;height:20px;line-height:20px;}
div.commentWrap.view_consulting .list_box .reply {margin:0;}
div.commentWrap.view_consulting .list_box .reply a.btnWhite1 {margin:0;}
div.commentWrap.view_consulting .list_box a.btnWhite1 span {color:#f82a2a;}
div.commentWrap.view_consulting .list_box a.btnWhite1._reComCancelBtn {border-color:#f82a2a;background:#f82a2a;color:#fff;}
div.commentWrap.view_consulting .list_box a.btnWhite1._reComCancelBtn span {color:#fff;}
div.commentWrap.view_consulting .list_box div.reply {background-image:none;background:#f8f8f8;border-top:none;padding:10px;}
div.commentWrap.view_consulting .list_box div.reply div > p {margin-bottom:10px;}
div.commentWrap.view_consulting .list_box div.reply .counselor {position:static;display:inline-block;width:auto;height:auto;height:19px;line-height:19px;padding-left:28px;vertical-align:middle;background:url(/common/mobile/olleh2.0/img/bg/bg_consulting_a.png) 0 50% no-repeat;background-size:19px 19px;}
div.commentWrap.view_consulting .list_box div.reply .counselor em {font-size:12px;color:#888;}
div.commentWrap.view_consulting .list_box div.reply .counselor + .mobile {position:relative;margin-left:6px;padding:0 0 0 6px;height:19px;line-height:19px;}
div.commentWrap.view_consulting .list_box div.reply .counselor + .mobile:after {content:'';display:block;width:1px;height:8px;margin-top:-4px;position:absolute;top:50%;left:0;background:#e5e5e5;}
div.commentWrap.view_consulting .list_box div.reply .mobile {background:none;font-size:12px;color:#888;font-weight:normal;}
div.commentWrap.view_consulting .list_box div.reply .data {position:relative;margin-left:6px;padding:0 0 0 6px;}
div.commentWrap.view_consulting .list_box div.reply .data:after {content:'';display:block;width:1px;height:8px;margin-top:-4px;position:absolute;top:50%;left:0;background:#e5e5e5;}
div.commentWrap.view_consulting .list_box div.reply .data {background:none;font-size:12px;color:#888;}
div.commentWrap.view_consulting + .orderBtn {padding:0;}
div.commentWrap.view_consulting + .orderBtn a {border:none;background:#fff;font-size:14px;color:#333;}
div.commentWrap.view_consulting + .orderBtn a span {padding-right:16px;background:url(/common/mobile/olleh2.0/img/bg/bg-comment-arrow03.png) center right no-repeat;background-size:9px 5px;}
div.commentWrap.view_consulting + .orderBtn a em {color:#f82a2a;}
div.commentWrap.view_consulting + .orderBtn a em > em {color:#333;}

.pQstn {background:#fff;margin-top:-10px;}
.pQstn p:first-child { margin-top:10px;}
.pQstn #producQstnList > div p:first-child { margin-top:0;}

.pQstn.advice_write {margin-top:0;}
div.commentWrite.advice_write {padding:13px 11px 20px 11px;}
div.commentWrite.advice_write .pdt_tit {display:block;font-weight:normal;font-size:13px;letter-spacing:-1px;color:#000;}
div.commentWrite.advice_write .pdt_tit span.point_color {color:#f82a2a;}
div.commentWrite.advice_write .pdt_tit + div.guide {margin:10px 0;padding-top:7px;border-top:1px solid #e5e5e5;}
div.commentWrite.advice_write .pdt_tit + div.guide em {top:7px;}
div.commentWrite.advice_write div.guide {position:relative;margin-top:0;padding:0 0 15px 0;border:none;border-radius:0;}
div.commentWrite.advice_write div.guide em {position:absolute;top:0;left:0;padding-left:22px;height:18px;background:url('/common/mobile/olleh2.0/img/ico/ico_watch.png') 0 0 no-repeat;background-size:18px;font-size:13px;letter-spacing:-1px;color:#333;}
div.commentWrite.advice_write div.guide p {padding-left:78px;font-size:13px;letter-spacing:-1px;color:#333;}
div.commentWrite.advice_write textarea {height:100px;margin:0;padding:10px;line-height:18px;text-indent:0;resize:none;border:1px solid #adadad;box-sizing:border-box;font-size:13px;letter-spacing:-1px;color:#666;}
div.commentWrite.advice_write ::-webkit-input-placeholder {color:#666;}
div.commentWrite.advice_write ::-ms-input-placeholder {color:#666;}
div.commentWrite.advice_write .font_cnt {text-align:right;font-size:11px;letter-spacing:-1px;color:#666;}
div.commentWrite.advice_write .font_cnt .text_numbers {color:#f82a2a;}
div.commentWrite.advice_write .push {position:relative;}
div.commentWrite.advice_write .push input {width:18px;height:18px;z-index:0;}
div.commentWrite.advice_write .notice {margin-top:11px;}
div.commentWrite.advice_write .notice li {margin-left:7px;text-indent:-7px;font-size:12px;letter-spacing:-1px;color:#666;}
div.commentWrite.advice_write .notice li + li {margin-top:7px;}
div.orderBtn.advice_write {text-align:center;border-top:1px solid #e5e5e5;}
div.orderBtn.advice_write a:first-child {background:#888;}
div.orderBtn.advice_write a {display:inline-block;width:60px;height:30px;margin:0;padding:0;line-height:30px;background:#f82a2a;border:none;border-radius:3px;text-shadow:none;letter-spacing:-1px;font-size:13px;color:#fff;}

.layer .login .indent_list li {text-align:left;font-size:11px;}
.layer .login .btn_area a {padding:0 11px;letter-spacing:-1px;}
.layer .login .btn_area span {font-size:11px;}

/* 레이어 팝업 common */
.layer {display:none;position:relative;width:90%;text-align:center;background:#fff;border:1px solid #999;border-radius:5px;}
.layer.full, .layer.hfull {width:100%;box-sizing:border-box;border-radius:0;border:none;}
.layer.full h1, .layer.hfull h1 {color:#000;}
.layer.full h1.al_l, .layer.hfull h1.al_l {padding-left:11px;}

.layer.hfull{height:100%;}
.layer_header {height:40px;border-bottom:1px solid #e5e5e5;}
.layer_header h1, .layer_header .layerTit {line-height:40px;font-size:16px;font-weight:bold;color:#333;}
.layer_contents {overflow:auto;-webkit-overflow-scrolling:touch;}
.layer_inner {padding:10px;}
.layer_inner .tit {display:block;margin-bottom:10px;font-weight:bold;line-height:17px;font-size:13px;color:#333;}
.layer_inner p {font-size:11px;color:#888;}
.layer_footer {position:relative;padding:10px;border-top:1px solid #f8f8f8;}
.layer_footer p {padding-right:105px;text-align:left;color:#888;}
.layer_footer .btn {position:absolute;top:8px;right:10px;}
.layer .btn_area {margin:10px 0 5px;}
.layer .btn_area.full{display:table;width:100%;table-layout:fixed;box-sizing:border-box;}
.layer .btn_area.full .cell{display:table-cell;padding:0 3px;}
.layer .btn_area.full .cell:first-child{padding-left:0 !important;}
.layer .btn_area.full .cell:last-child{padding-right:0 !important;}
.layer .btn_area.full .cell [class*='com_btn_ty']{display:block;width:100%;}
.layer .btn_area button {display:inline-block;width:auto;min-width:39px;height:30px;line-height:30px;color:#fff;box-sizing:border-box;padding:0 10px;text-align:center;border:1px solid #888;border-radius:3px;background-color:#888;}
.layer_close {position:absolute;top:10px;right:10px;}
.layer_close img {width:12px;height:12px}
.layer.sns_area {width:280px;}
.layer .btn_area [class*='com_btn_ty']{min-width:90px;}
.layer.sty2 .layer_header{position:relative;height:auto;font-size:16px;color:#333;border-bottom:2px solid #00a2be;padding:13px 18px;margin:0 15px;text-align:center;box-sizing:border-box;}
.layer.sty2 .layer_header > a{position:absolute;left:15px;top:0;width:23px;height:100%;display:block;background:url(/images/mobile/smart/mobile_com/btn_page_back_black.png) no-repeat 50% 50%;background-size:100%;}
.layer.sty2 .layer_header h1{font-size:16px;font-weight:bold;color:#000;line-height:1.4}
.layer.sty2 .layer_contents, .layer.sty2 .layer_content{position:relative;z-index:2;padding:20px;text-align:left;box-sizing:border-box;}
.layer.sty2 .layer_close{position:absolute;right:15px;top:17px;z-index:3}
.layer.sty2 .layer_close img{width:16px;height:auto;vertical-align:top}
.layer.sty2 .btn_area{margin:15px 0 0;text-align:center;}
.layer.sty3{border-radius:10px;box-sizing:border-box;text-align:left}
.layer.sty3 .layer_header{position:relative;height:auto;padding:0 30px;margin:26px 0 15px;text-align:left;box-sizing:border-box;border:none;}
.layer.sty3 .layer_header > a{position:absolute;left:15px;top:0;width:23px;height:100%;display:block;background:url(/images/mobile/smart/mobile_com/btn_page_back_black.png) no-repeat 50% 50%;background-size:100%;}
.layer.sty3 .layer_header h1{display:inline-block;border-bottom:1px solid #000;font-size:20px;font-weight:bold;color:#000;line-height:1.4;}
.layer.sty3 .layer_contents, .layer.sty2 .layer_content{position:relative;padding:0 30px 30px;line-height:1.4;letter-spacing:-0.5px}
.layer.sty3 .layer_close{position:absolute;right:0;top:-46px;z-index:3}
.layer.sty3 .layer_close button , .layer.sty3 .layer_close a{display:block;width:36px;height:36px;background-color:#fff;border-radius:100px;}
.layer.sty3 .layer_close img{position:absolute;left:50%;top:50%;transform:translate(-50% , -50%);width:14px;height:auto;vertical-align:top;}
.clearfix:after {content:'';display:block;clear:both;}

/* 액세서리 로그인 팝업 */
.acc_poptxt {display:block;font-size:13px;margin:8px 0 15px;}

/* 갤럭시S8 구매동의 팝업 */
.layer.buy_identify_S8 {top:5% !important;left:5% !important;height:90%;overflow:hidden;}
.layer.buy_identify_S8 .layer_contents { position:absolute;top:40px;left:0; right:0; bottom:10px;}

/* 2017-07-19 추가 */
.btn-navy { display:inline-block; padding:0 15px; background:#2b3142; border-radius:3px; color:#fff !important; }
b
.page-wrap { background:#fff; }
.page-wrap .page-header, .page-wrap .header { position:relative; height:40px; border-bottom:1px solid #e5e5e5;}
.page-wrap .page-header .tit, .page-wrap .header h3 { font-weight:bold; font-size:16px; color:#000; text-align:center; line-height:40px; }
.page-wrap .page-header .page-prev, .page-wrap .header a { position:absolute; top:0; left:0; width:41px; height:100%; overflow:hidden; background:url('/images/mApp/common/bg_page_prev.png') no-repeat 50% 50%; background-size:15px 15px; text-align:center; color:transparent; }
.page-wrap .page-content { padding:20px 10px; }
.page-wrap .page-content.full{padding:0;}

.page-wrap.page-full{height:100%;}
.page-wrap .page-content iframe, .page-wrap.page-full iframe{width:100%;height:100%;}

.page-wrap .page-header .tit { font-weight:bold; font-size:16px; color:#000; text-align:center; line-height:40px; }
.page-wrap .page-header .page-prev { position:absolute; top:0; left:0; width:41px; height:100%; overflow:hidden; background:url('/images/mApp/common/bg_page_prev.png') no-repeat 50% 50%; background-size:15px 15px; text-align:center; color:transparent; }
.page-wrap .page-button{text-align:center;margin-top:20px;}
.page-wrap .page-button.full{display:table;width:100%;}
.page-wrap .page-button.full .cell{display:table-cell;padding:0 3px;}
.page-wrap .page-button.full .cell:first-child{padding-left:0 !important}
.page-wrap .page-button.full .cell:last-child{padding-right:0 !important}
.page-wrap .page-button.full .cell [class*=com_btn_ty]{display:block;}

.page-wrap2 .page-head { position:relative; padding:20px 10px; border-bottom:1px solid #e5e5e5; text-align:center; }
.page-wrap2 .page-head .tit {font-weight:bold; font-size:16px; color:#000;}
.page-wrap2 .page-head .page-prev { position:absolute; top:0; left:0; width:41px; height:100%; overflow:hidden; background:url('/images/mApp/common/bg_page_prev.png') no-repeat 50% 50%; background-size:15px 15px; text-align:center; color:transparent; }
.page-wrap2 .page-content {  padding:20px 25px 15px;  border-bottom:1px solid #e5e5e5;  }

/* top fixed */
.c-fixedmagnet { z-index:102; position: -webkit-sticky; position: sticky; top:0; }
.c-fixedmagnet--fixed.is--active>:first-child { z-index:9999; position:fixed; }
#topfixed { width:100%; }

.layer-pop { display:none; z-index:100005; position:absolute; top:0; left:0; width:100%; }
.layer-pop .layer-in-pop { z-index:2; position:relative; padding:0 15px; background:#fff; }
.layer-pop .layer-pop-header { padding:12px 20px; border-bottom:2px solid #db2f3b; text-align:center; }
.layer-pop .layer-pop-header .tit { font-weight:bold; font-size:16px; }
.layer-pop .layer-pop-content { padding:20px 0; text-align:center; }
.layer-pop  .close { z-index:10; position:absolute; top:15px; right:15px; width:13px; height:13px; overflow:hidden; background:url('/images/mApp/common/bg_lay_close.png') no-repeat 0 0; background-size:13px 13px; font-size:13px; color: transparent; white-space:nowrap; text-overflow:ellipsis; }
.layer-dim {z-index:100002; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;}

.appPopWrap {z-index:100000;  position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
.appPop-inner {  display:table; min-width:230px;  width:100%;  height:100%; padding:0 25px;  box-sizing:border-box;  background:rgba(0,0,0,0.5);}
.appPop-inner .appPop-content {  display:table-cell; text-align:center; vertical-align:middle; }
.appPop-inner .appPop-content .imgWrap {  display:block;  width:100%;  }
.appPop-inner .appPop-content .imgWrap img {  width:100%;  }
.app-link {  display:inline-block;  width:100%;  margin:24px 0 0 0;  padding:18px 29px;  border-radius:4px;  background:linear-gradient(to bottom, #dd0000 91%,#b80000 5%);  box-sizing:border-box;  font-size:18px;  color:#fff !important; letter-spacing:-1px; }
.app-link .txt {  padding:0 14px 0 0;  background:url('/images/mApp/common/bl_app_link.png') no-repeat 100% 50%;  background-size:6px 10px;  }
.app-close {  display:block;  margin:10px 0 0 0;  font-size:14px;  color:#fff !important;  }
.app-close .txt {  padding:0 12px 0 0; border-bottom:1px solid #fff;  background:url('/images/mApp/common/btn_app_close.png') no-repeat 100% 50%; background-size:8px 8px; }

/* 동영상 자막 보기 */
.movieWrap .textBox .textCont {display:none;border:1px solid #bfbfbf;border-bottom:none;text-align:left;background-color:#fff;}
.movieWrap .textBox .textArea {max-height:240px;overflow-y:auto;}
.movieWrap .textBox .textArea .vod_tit {border-bottom:1px solid #ccc;font-weight:bold;color:#222;}
.movieWrap .textBox .textArea .vod_desc {color:#666;line-height:1.4;}
.movieWrap .textBox button {border:1px solid #bfbfbf;width:100%;color:#666;background-color:#f6f6f6;cursor:pointer;}
.movieWrap .textBox button span {position:relative;display:inline-block;}
.movieWrap .textBox button span:after {position:absolute;content:'';display:block;width:8px;height:8px;right:0;top:50%;border:2px solid #b4b4b4;transform:rotate(45deg);margin-top:-7px;border-top: transparent;border-left:transparent;}
.movieWrap .textBox button.active span:after {transform:rotate(225deg);margin-top:-2px;}
@media screen and (max-width:450px) {
	.movieWrap {padding:3vw;}
	.movieWrap .videoBox {height:53vw;}
	.movieWrap .textBox .textCont {padding:4.68vw;}
	.movieWrap .textBox .textArea .vod_tit {font-size:3.4vw;padding-bottom:3.12vw;margin-bottom:3.12vw;}
	.movieWrap .textBox .textArea .vod_desc {font-size:3.2vw;}
	.movieWrap .textBox button {padding:1.87vw 0;}
	.movieWrap .textBox button span {font-size:3.2vw;padding-right:3.12vw;}
	.movieWrap .textBox button span:after {}
	.movieWrap .textBox button.active span:after {}
}
@media screen and (min-width:451px) {
	.movieWrap {padding:20px;}
	.movieWrap .videoBox {height:470px;}
	.movieWrap .textBox .textCont {padding:30px;}
	.movieWrap .textBox .textArea .vod_tit {font-size:20px;padding-bottom:20px;margin-bottom:20px;}
	.movieWrap .textBox .textArea .vod_desc {font-size:16px;}
	.movieWrap .textBox button {padding:12px 0;}
	.movieWrap .textBox button span {font-size:16px;padding-right:20px;}
	.movieWrap .textBox button span:after {}
	.movieWrap .textBox button.active span:after {}
}

.location {position:relative; height:40px; text-align:center; }
.location .prev {  position:absolute;  top:0;  left:0;  width:37px;  height:40px;  background: url(/common/mobile/olleh2.0/img/bg/bg-location-prev.png) 10px 50% no-repeat;  background-size: 15px 11px;  color: transparent;  }
.location .tit {  color:#000;  font-size:16px;  line-height:40px;  }
.desc-box {  display:block;  padding:15px 11px;  color:#666;  font-size:12px;  }
.shop-ctit {  padding:11px;  border-top:1px solid #e5e5e5;  background:#f3f3f3;  color:#000;  font-weight:bold;  font-size:14px;  }
.inner-content {  padding:15px 11px 25px;  }
.form-table {  width:100%;}
.form-table tbody tr th {  color:#666;  font-size:14px;  text-align:left;  vertical-align:middle;  }
.form-table tbody tr th, .form-table tbody tr td {  padding:5px 0;  }
.form-table tbody tr:first-child th, .form-table tbody tr:first-child td {  padding-top:0;  }
.form-table tbody tr th.top {  vertical-align:top;  }
.form-table tbody tr th .text-import {  position:absolute;  top:0;  right:0;  width:0;  height:0;  overflow:hidden;  color:transparent;  text-indent:-9999999px;  white-space:nowrap;  }
.form-table tbody tr th .star {  display:inline-block;  margin:0 0 0 5px;  color:#f82a2a;  font-size:10px;  vertical-align:middle;  }
.form-table tbody tr td .form-box {  display:block;  width:100%;  }
.form-table tbody tr td .form-box:after {  content:'';  display:block;  clear:both;  }
.form-table tbody tr td .form-box .select-box {  float:left;  width:30%;  }
.form-table tbody tr td .form-box .input-box {  float:left;  width:70%;  padding:0 0 0 8px;  box-sizing:border-box;  }
.form-table tbody tr td .email-box {  display:block;  width:100%;  }
.form-table tbody tr td .email-box:after {  content:'';  display:block;  clear:both;  }
.form-table tbody tr td .email-box .input-box {  float:left;  width:46%;  }
.form-table tbody tr td .email-box .etc {  float:left;  width:8%;  padding:5px 0 0 0;  text-align:center;  }
.form-table tbody tr td .email-box .select-box {  clear:both;  display:block;  padding:5px 0 0 0;  }
.form-table tbody tr td .textarea {  border-color:#adadad;  width:100%;  height:57px;  }
.data-table-box {  border:1px solid #adadad;  border-radius:3px;  }
.data-table {  width:100%;  }
.data-table thead tr th {  padding:15px 0;  border-left:1px solid #dddddd;  background:#efefef;  color:#666;  font-size:12px;  }
.data-table tbody tr td {  padding:12px 0;  border-top:1px solid #dddddd;  border-left:1px solid #dddddd;  color:#888;  font-size:12px;  text-align:center;  vertical-align:middle;  }
.data-table thead tr th:first-child, .data-table tbody tr td:first-child {  border-left:0;  }
.btn-bshop-red {  display:inline-block;  min-width:135px;  padding:8px 5px;  border-radius:3px;  background:#f82a2a;  color:#fff !important;  font-size:14px;  text-align:center;  box-sizing:border-box;  }
.btn-center {  margin:16px 0 20px;  text-align:center;  }
.check-info {  position:relative;  display:block;  margin:12px 0 0 0;  }

/* coupon-pop */
.coupon-pop .img-box .img {  display:block;  width:100%;  }
.coupon-pop .app-link {  margin:0;  text-align:center; padding:18px 10px; font-size:14px; }
.coupon-pop .coupon-stop {  display:block;  margin:10px 0 0 0;  font-size:14px;  color:#fff !important; font-size:12px; text-align:right;  }
.coupon-pop .coupon-stop .txt {  padding:0 12px 0 0; border-bottom:1px solid #fff;  background:url('/images/mApp/common/btn_app_close.png') no-repeat 100% 50%; background-size:8px 8px; }

.shop-ctit2 {  min-height:40px;  margin:8px 0 0 0;  padding:15px 15px 14px;  background:#9d9d9d;  font-size:14px;  color:#fff;  box-sizing:border-box;  }
.shop-ctit2:first-child {  margin:0;  }
.shop-ctit2-link {  display:block;  position:relative;  }
.shop-ctit2-link:before, .shop-ctit2-link:after {content:'';  position:absolute;  top:11px;  right:6px;  border:2px solid #ebebeb;}
.shop-ctit2-link:before {  width:16px;  top:21px;  right:16px;  }
.shop-ctit2-link:after {  top:13px;  right:24px;  height:16px;  }
.shop-ctit2-link .more {position:absolute; top:-99999999px; left:-99999999px;width:0;height:0;overflow:hidden;font-size:1px;color:transparent;line-height:0;text-indent:-9999px;}
.shop-ctit2.add1 {  background:#1e3972;  }

.slider-box {  position:relative;  padding:37px 0 57px;  border-top:1px solid #c6c6c6;  border-bottom:1px solid #c6c6c6;  background:#fff;  }
.slider-box .slider-list {  width:100%;  overflow:hidden;  }
.slider-box .slider-list li {  float:left;  width:50%;  padding:0 20px 0 30px;  text-align:center;  box-sizing:border-box;  }
.slider-box .slider-list li:nth-child(even) {  padding:0 30px 0 20px;  }
.slider-box .slider-list li .product-img {  width:95px;  height:95px;  margin:0 auto;  }
.slider-box .slider-list li .product-img img {  width:100%; height:100%;  }
.slider-box .slider-list li .product-tit {  display:block; overflow:hidden;  margin:15px 0 10px;  font-size:14px; color:#222; text-overflow:ellipsis; white-space:nowrap; }
.slider-box .slider-list li .product-price {  font-size:14px;  color:#222;  }
.slider-box .slider-list li .product-price .price {  font-weight:bold;  font-size:15px;  color:#da2b38;  }
.slider-box .slider-list li .txt {  display:block;  margin:4px 0 0 0;  font-size:9px;  }
.slider-box .slider-list li .product-btn {  display:block;  margin:9px 0 0 0;  height:30px;  border-radius:5px;  background:#d71826;  color:#fff;  line-height:30px;  }
.slider-box .bx-wrapper .bx-controls .bx-pager, .slider-box .bx-wrapper .bx-controls-auto {  bottom:-27px;  }
.slider-box .bx-wrapper .bx-controls .bx-pager.bx-default-pager a, .slider-box .bx-wrapper .bx-controls .bx-pager.bx-default-pager span {  width:11px;  height:11px;  border:1px solid #d3d3d3;  background:#fff;  }
.slider-box .bx-wrapper .bx-controls .bx-pager.bx-default-pager span.active, .slider-box .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active {  background:#ccc;  }

.space-cont {  padding:0 5px 8px;  background:#bac8fc;  }
.shop-top-banner {  min-height:125px;}
.shop-top-banner img {  width:100%;}
.space-cont.changeSt01{background:#fff;padding:0;}
.space-cont.changeSt01 .slider-box{border-bottom:0;}

.price-number-box {position:relative; overflow:hidden; padding:0 55px 0 0;}
.price-number-box .ipt-row {  float:left;  width:49%;  padding:0 5px;  box-sizing:border-box;  }
.price-number-box .dash {  float:left;  width:2%; padding:5px 0 0 0;  text-align:center; box-sizing:border-box;  }
.price-number-box .search {  position:absolute;  top:0;  right:0;  }
input.input { width:100%; height:25px; padding:0 5px; border:1px solid #d5eae8; color:#000; line-height:25px; box-sizing:border-box; }

/* 찾아가는 서비스 20180413 */
.mkt-info-tit {  overflow:hidden;  padding:12px 10px;  border-top:1px solid #e5e5e5;  background:#f3f3f3;  }
.mkt-info-tit .tit {  color:#000;  font-size:14px;  }
.mkt-info-tit .date {  float:right;  margin:3px 0 0 0;  color:#888;  font-size:11px;  }

.mkt-info-list {  padding:15px 10px;  }
.mkt-info-list li {  position:relative;  min-height:16px;  margin:13px 0 0 0;  padding:0 0 0 110px;  color:#000;  font-size:13px;  }
.mkt-info-list li:first-child {  margin:0;  }
.mkt-info-list li .tit {  position:absolute;  top:0;  left:0;  width:100px;  color:#666;  font-size:13px;  text-align:left;  }
.mkt-info-list li .point {  color:#f82a2a;  }

.mkt-more-btn {  display:block;  padding:14px 5px;  border-top:1px solid #e5e5e5;  color:#333;  font-size:14px;  font-weight:bold;  text-align:center;  }
.mkt-more-btn .point {  color:#f82a2a;  }

.mkt-form-tit {  padding:8px 5px 10px;  border-top:1px solid #e5e5e5;  background:#f3f3f3;  }
.mkt-form-tit .tit {  color:#000;  font-size:14px;  }
.mkt-form-cont {  padding:8px 10px 15px;  }

.mkt-form-cont .essential-desc {  display:block;  font-size:13px;  text-align:right;  }
.mkt-form-cont .essential-desc .point {  color:#f82a2a;  vertical-align:-4px;  }

.mkt-form-list li {  position:relative;  margin:10px 0 0 0;  padding:0 0 0 87px;  min-height:30px;  }
.mkt-form-list li:first-child {  margin:0;  }
.mkt-form-list li .tit {  position:absolute;  top:6px;  left:0;  width:82px;  }
.mkt-form-list li .tit .point {  margin:0 0 0 4px;  color:#f82a2a;  vertical-align:-3px;  }

.mkt-form-list li .model-box {  overflow:hidden;  }
.mkt-form-list li .model-box .sel-cover {  float:left;  width:60%;  padding:0 0 0 10px;  box-sizing:border-box;  }
.mkt-form-list li .model-box .sel-cover:first-child {  width:40%;  padding:0;  }
.mkt-form-list li .model-box .model-mobile-box {  clear:both;/*   display:none; */  padding:5px 0 0 0;  }
.mkt-form-list li .model-box .model-search-box {  position:relative;  padding:0 57px 0 0;  }
.mkt-form-list li .model-box .model-search-box .btn {  position:absolute;  top:0;  right:0;  height:30px;  line-height:30px;  }
.mkt-form-list li .model-box .model-search {  margin:5px 0 0 0;  border:1px solid #b2b2b2;  }
.mkt-form-list li .model-box .model-search .model-find-desc {  padding:5px;  background:#f4f4f4;  color:#333;  }
.mkt-form-list li .model-box .model-search .model-list {  max-height:70px;  padding:5px;  overflow-y:auto;  }
.mkt-form-list li .model-box .model-search .model-list li {  min-height:auto;  padding:0;  }
.mkt-form-list li .model-box .wire {  display:none;  width:60%;  }

.mkt-form-list li .tel-box {  overflow:hidden;  }
.mkt-form-list li .tel-box .sel-cover, .mkt-form-list li .tel-box .ipt-cover {  float:left;  width:33.33%;  padding:0 0 0 10px;  box-sizing:border-box;  }
.mkt-form-list li .tel-box .sel-cover {  padding:0;  }
.mkt-form-list li .tel-box .ipt-cover {  position:relative;  }
.mkt-form-list li .tel-box .ipt-cover:before {  content:'-';  position:absolute;  top:6px;  left:3px;  }

.mkt-form-list li .visit-data-box {  overflow:hidden;  }
.mkt-form-list li .visit-data-box .sel-cover, .mkt-form-list .visit-data-box .ipt-cover {  float:left;  width:40%;  padding:0 5px;  box-sizing:border-box;  }
.mkt-form-list .visit-data-box .ipt-cover {  position:relative;  width:60%;  }
.mkt-form-list .visit-data-box .ipt-cover:after {  content:''; z-index:1;  position:absolute; top: 9px; right: 16px;  width:14px;  height:12px;  background:url('/images/mobile/common/bl_calender.png') no-repeat 0 0;  background-size:12px;  }
.mkt-form-list .visit-data-box .ipt-cover .ipt { z-index:2; position:relative; height:30px; border:1px solid #adadad; background:transparent; line-height:30px; }
.mkt-form-list .visit-data-box .ipt-cover .ipt::-webkit-calendar-picker-indicator {
    background:url('/images/mobile/common/bl_calender.png') no-repeat 0 0;
    background-size:12px;
    color:transparent;
}

.mkt-form-list li .visit-data-box .sel-cover {padding-right:0;}
.mkt-form-list li .visit-data-box .ipt-cover {padding-left:0;}

.mkt-form-list li .hope-box .address {  margin:11px 0 0 0;  padding:0 0 10px 0;  border-bottom:1px solid #adadad;  color:#666;  font-size:13px;  }
.mkt-form-list li .hope-box .address .post {  display:block;  margin:0 0 12px 0;  }
.mkt-form-list li .hope-box .btn-post-find {  display:inline-block;  width:100%;  padding:8px 5px;  border-radius:3px;  background:#888;  color:#fff;  font-size:13px;  text-align:center;  box-sizing:border-box;  }

.mkt-form-list li .textarea {  height:58px;  padding:9px;  border:1px solid #adadad;  font-size:13px;  box-sizing:border-box;  }
.mkt-form-list li .text-num {  display:block;  margin:4px 0 0 0;  font-size:11px;  text-align:right;  }

.mkt-form-list li .password-box {  position:relative;  margin:10px 0 0 0;  padding:0 0 0 90px;  }
.mkt-form-list li .password-box:first-child {  margin:0;  }
.mkt-form-list li .password-box .label {  position:absolute;  top:6px;  left:0;  width:85px;  font-size:13px;  }

.mkt-form-list li .desc {  display:block;  margin:5px 0 0 0;  color:#666;  font-size:11px;  }
.mkt-form-list li .desc.import {  padding:0 0 0 16px;  background:url('/images/mobile/common/bl_desc_import.png') no-repeat 0 0;  background-size:12px 12px;  }

.mkt-service-box {  min-height:152px;  }
.mkt-service-box img {  width:100%;  }

.mkt-tbr-view {  margin:10px 0 0 0;  border-bottom:1px solid #888888;  }
.mkt-tbr-view tbody tr th {  padding:15px 5px 17px;  background:#efefef;  color:#333;  font-size:13px;  text-align:left;  }
.mkt-tbr-view tbody tr td {  padding:10px 5px 12px;  font-size:13px;  }
.mkt-tbr-view tbody tr th, .mkt-tbr-view tbody tr td {  border-top:1px solid #d2d2d2;  }
.mkt-tbr-view tbody tr:first-child th, .mkt-tbr-view tbody tr:first-child td {  border-top-color:#888;  }

.mkt-tit {  margin:15px 0 0 0;  color:#333;  font-size:14px;  }

.desc-box .result-tit {  display:block;  margin:0 0 9px 0;  color:#000;  font-size:15px;  }

.mkt-result-list {  padding:15px 10px;  }
.mkt-result-list li {  position:relative;  min-height:16px;  margin:8px 0 0 0;  padding:0 0 0 61px;  color:#f82a2a;  font-size:12px;  }
.mkt-result-list li:first-child {  margin:0;  }
.mkt-result-list li .tit {  position:absolute;  top:0;  left:0;  width:56px;  color:#333;  font-size:12px;  }
.mkt-result-list li .btn-myshop {  display:inline-block;  padding:0 10px 2px 0;  border-bottom:1px solid #000;  color:#000;  }
.mkt-result-list li .btn-myshop.arrow {  position:relative;  }
.mkt-result-list li .btn-myshop.arrow:before, .mkt-result-list li .btn-myshop.arrow:after {  content:'';  position:absolute;  top:2px;  right:0;  border-left:5px solid #000;  border-top:5px solid transparent;  border-bottom:5px solid transparent;  }
.mkt-result-list li .btn-myshop.arrow:after {  border-left-color:#fff;  right:2px;  }

.mkt-agreement-check { margin:5px 0 0 0;padding:10px 0 0 0;font-size:11px;border:1px solid #adadad;border-radius:3px;}
.mkt-agreement-check .check-box{position:relative;margin:0;padding:0 10px 10px 10px;border-bottom:1px solid #e5e5e5}
.mkt-agreement-check .check-box #applyAgree1,
.mkt-agreement-check .check-box #applyAgree2 {left:10px;}
.mkt-agreement-check .check-box a{display:block;position:absolute;margin-top:-12px;top:50%;right:11px;width:15px;height:15px;background:url('/common/mobile/olleh2.0/img/bg/bg_acc_arrow.png') center 5px no-repeat;background-size:9px 15px;}
.mkt-agreement-check .check-box.close{border-bottom-width:0}
.mkt-agreement-check .check-box.close a{background-position:center -5px;}
.mkt-agreement-check label{z-index:2;color:#000;font-size:13px;font-weight:bold;}
.mkt-agreement-check .formHidden {z-index:1;left:10px !important;}
.mkt-agreement-check .agreement-box{margin:10px;line-height:13px;font-size:11px ;}
.mkt-agreement-check table {margin:10px 0}
.mkt-agreement-check table th{ border:1px solid #cbcbcb;font-weight:bold;padding:5px;font-size:12px;background:#f8f8f8;}
.mkt-agreement-check table th:first-child{border-left:0}
.mkt-agreement-check table td{font-size:12px;border:1px solid #cbcbcb;padding:5px}
.mkt-agreement-check table td:last-child{border-right:0}

.mkt-full-center {  overflow:hidden;  margin:20px 0 0 0;  padding:0 10px;  }
.mkt-full-center .btn-cover {  float:left;  width:50%;  padding:0 5px;  box-sizing:border-box;  }
.mkt-full-center .btn-cover:nth-child(odd) {  padding-left:0;  }
.mkt-full-center .btn-cover:nth-child(even) {  padding-right:0;  }
.mkt-full-center .btn-cover .mkt-red-btn, .mkt-full-center .btn-cover .mkt-black-btn {  width:100%;  padding:10px 5px 12px;  color:#fff;  box-sizing:border-box;  }
.mkt-red-btn {  display:inline-block;  padding:0 5px;  border-radius:3px;  background:#f82a2a;  color:#fff;  font-size:16px;  text-align:center;  box-sizing:border-box;  }
.mkt-black-btn {  display:inline-block;  padding:0 5px;  border-radius:3px;  background:#333;  color:#fff;  font-size:16px;  text-align:center;  box-sizing:border-box;  }

.mkt-form-btn {margin:20px 0 !important;}

/* 20180417 혜택강화 */
.kt-best-by {  border-top:1px solid #d0d0d0;  }
.kt-best-by .tit { padding:7px 5px 9px;  background:#f9f9f9;  color:#333;  font-size:14px;  text-align:center;  }
.kt-best-by .tit .bold { color:#333; font-weight:bold;}
.kt-best-by .best-by-list {  padding:6px 15px;  overflow:hidden;  }
.kt-best-by .best-by-list li {  display:table;  float:left;  width:50%;  min-height:93px;  padding:4px;  text-align:center;  box-sizing:border-box;  }
.kt-best-by .best-by-list li:nth-child(odd) {  padding-left:0;  }
.kt-best-by .best-by-list li:nth-child(even) {  padding-right:0;  }
.kt-best-by .best-by-list li .cont {  display:table-cell;  border:1px solid #d0d0d0;  vertical-align:middle;  }
.kt-best-by .best-by-list li .img-box {  margin:0 0 8px 0;  }
.kt-best-by .best-by-list li .img-box img {  width:30px;  height:35px;  }
.kt-best-by .best-by-list li .img-box img.add2 {  width:37px;  }
.kt-best-by .best-by-list li .img-box img.add3 {  width:32px;  }
.kt-best-by .best-by-list li .img-box img.add4 {  width:45px;  }
.kt-best-by .best-by-list li .img-box img.add5 {  width:36px;  height:38px;  }
.kt-best-by .best-by-list li .img-box img.add6 {  width:33px;  }
.kt-best-by .best-by-list li .point {  display:block;  color:#e6242c;  font-size:12px;  }

.deadline-box {margin:58px 0 0 0;padding:0 25px;color:#000; font-weight:bold; font-size:15px; text-align:center;  }
.deadline-box:before {  content:'';  display:block;  width:85%;  min-height:112px;  margin:0 auto 18px;  background:url('/images/mobile/common/bg_deadline.png') no-repeat 50% 0;  background-size:contain;  }

#selfOpenAlertLayer .layer_inner > div {font-size:13px;line-height:140%;}
#selfOpenAlertLayer strong {display:block;margin:10px 0 5px;font-size:15px;color:#222;line-height:140%;}
#selfOpenAlertLayer p {position:absolute;left:13px;bottom:10px;margin-top:15px;padding-left:10px;text-align:left;}
#selfOpenAlertLayer .btn_area {margin:15px 0 30px;}

/* 데이터ON 톡, Y데이터 ON 톡 - 다이렉트 뱃지 추가 */
.onTalkBage {display:inline-block;color:#fff !important;background-color:#f82a2c;border-radius:4px;}
@media screen and (max-width:450px) {
	.onTalkBage {height:5.31vw;font-size:3.5vw;line-height:5.31vw;margin-left:2vw;padding:0 1.4vw;}
}
@media screen and (min-width:451px) {
	.onTalkBage {height:32px;font-size:16px;line-height:32px;margin-left:10px;padding:0 8px;}
}

/*모바일 상품권*/
#esShowPop.layer div.gift {margin-bottom:7px;text-align:left;}
#esShowPop.layer div.gift h6 {display:inline-block;text-align:left;}
#esShowPop.layer div.gift input {font-weight:normal;color:#888;text-align:left;}
#esShowPop.layer.ollehshop_point .step_box {margin-top:15px;}
#esShowPop.layer.ollehshop_point .step_box .sub_tit {text-align:left;}
#esShowPop.layer .indent_list li {line-height:150%;}
#esShowPop.layer .step_box {margin-top:15px;}
#esShowPop.layer .step_box .sub_tit {display:block;margin-bottom:7px;font-size:14px;color:#333;text-align:left;}
#esShowPop.layer .tbl_type01.gift {border-top:1px solid #666;border-collapse:inherit;}
#esShowPop.layer .tbl_type01.gift th, #esShowPop.layer .tbl_type01.gift td {color:#666;border-left:1px solid #e5e5e5;}
#esShowPop.layer .tbl_type01.gift th {background:#f8f8f8;}
#esShowPop.layer .tbl_type01.gift td {border-top:1px solid #e5e5e5;}
#esShowPop.layer .tbl_type01.gift th:first-child, #esShowPop.layer .tbl_type01.gift td:first-child {border-left:0;}
#esShowPop.layer .tbl_type01.gift tfoot tr {border:none;background:#f8f8f8;}
#esShowPop.layer .tbl_type01.gift tfoot td {color:#333;border-bottom:1px solid #e5e5e5;}
#esShowPop.layer .tbl_type01.gift td span {color:#333;}
#esShowPop.layer .tbl_type01.gift .checkbox label {width:18px;padding-left:0;text-indent:-9999em;}
#esShowPop.layer .tbl_type01.gift .point_color {color:#f82a2a;}

@media screen and (max-width:450px)  {
	#esShowPop.layer div.gift h6 {display:inline-block;width:20vw;font-size:3.566vw;text-align:left;}
	#esShowPop.layer div.gift input {width:48vw;font-weight:normal;font-size:3.566vw;color:#888;text-align:left;}
	#esShowPop.layer div.gift a {height:8vw;line-height:7.5vw;}
	#esShowPop.layer .indent_list {padding-left:2vw;}
	#esShowPop.layer .indent_list li {text-indent:-2vw;font-size:3.2vw !important;line-height:150%;}
	#esShowPop.layer .tbl_type01.gift th, #esShowPop.layer .tbl_type01.gift td {padding:2vw 0;font-size:3.2vw;color:#666;border-left:1px solid #e5e5e5;}
	#esShowPop.layer .tbl_type01.gift tfoot td {font-size:3.2vw;color:#333;border-bottom:1px solid #e5e5e5;}
	#esShowPop.layer .tbl_type01.gift td span {font-size:3.73vw;color:#333;}
}
@media screen and (min-width:451px)  {
	#esShowPop.layer div.gift h6 {width:100px;font-size:14px;}
	#esShowPop.layer div.gift input {width:40%;font-size:14px;vertical-align:middle;}
	#esShowPop.layer div.gift a {height:30px;line-height:30px;vertical-align:middle;}
	#esShowPop.layer .indent_list {padding-left:10px;}
	#esShowPop.layer .indent_list li {text-indent:-10px;font-size:12px !important;}
	#esShowPop.layer .tbl_type01.gift th, #esShowPop.layer .tbl_type01.gift td {padding:10px 0;font-size:12px;}
	#esShowPop.layer .tbl_type01.gift tfoot td {font-size:12px;}
	#esShowPop.layer .tbl_type01.gift td span {font-size:15px;}
}

.display-none {display:none;}
.page_popup.full_page,.page_popup.full_page iframe{width:100%;height:100%;}

/* 핫딜 하단 플로팅 (2019-10-10) */
.hotdeal_floating_box {position:fixed; left:0; bottom:0; z-index:999; width:100%; background:rgba(0,0,0,0.7);}
.hotdeal_floating_box img{width:100%;}
.hotdeal_floating_box .inbox {padding:15px 10px; display:table;}
.hotdeal_floating_box .inbox > div {display:table-cell; vertical-align:middle;}
.hotdeal_floating_img {display:flex; flex-wrap:wrap; margin:-2.2% 0 0 -5px;}
.hotdeal_floating_img li {width:50%;}
.hotdeal_floating_img li a {display:block; margin:4.2% 0 0 5px;}
.hotdeal_floating_list {width:65vw;}
.hotdeal_floating_bigImg {width:34vw;}
.hotdeal_floating_bigImg a {display:block; margin-right:6px;}
.hotdeal_floating_bigImg img {height:100%;}
.hotdeal_floating_btnbox {position:absolute; top:-28px; left:10px; z-index:100;}
.btn_hotdeal_floating_close {display:block; background:url('https://image.shop.kt.com/upload/editor/display/m_hotdeal_floating_btn_close.png') no-repeat center; background-size:22px 22px; width:22px; height:22px;}
/*.btn_hotdeal_floating_close {display:block; background:url('/images/mobile/etc/m_hotdeal_floating_btn_close.png') no-repeat center; background-size:22px 22px; width:22px; height:22px;}*/


/* 사전예약 아이폰 외에는 필요없음. 아이폰은 별도 preorder.css 에 dispaly 해제 */
div.gnbCont {display: none;}

.accent {color:#d71826;}

/****** 2020New guide ********/
/* fontColor2020 */
.com_fc1{color:#00a2be !important;}
.com_fc2{color:#f54b58 !important;}
.com_fc3{}
.com_fc4{}
.com_fc5{}
/* button_common2020*/
.com_btn_wrap{text-align:center;margin:20px 0;}
[class*='com_btn_ty']:link, [class*='com_btn_ty']:visited, [class*='com_btn_ty']:hover{color:#fff;}
.com_btn_ty6:link, .com_btn_ty6:visited, .com_btn_ty6:hover, .com_btn_ty7:link, .com_btn_ty7:visited, .com_btn_ty7:hover{color:#00a2be;}
.com_btn_ty8:link, .com_btn_ty8:visited, .com_btn_ty8:hover{color:#888;}
.com_btn_ty12:link, .com_btn_ty12:visited, .com_btn_ty12:hover{color:#666;}
.com_btn_ty14:link, .com_btn_ty14:visited, .com_btn_ty14:hover{color:#000;}
[class*='com_btn_ty']{display:inline-block;box-sizing:border-box;height:40px;line-height:40px;border-radius:4px;padding:0 15px;color:#fff;font-size:13px;background:#f44b57;text-align:center;vertical-align:middle;}
[class*='com_btn_ty'].disabled, [class*='com_btn_ty']:disabled{background:#e5e5e5 !important;cursor:default !important;color:#999 !important;border:none !important;}
[class*='com_btn_ty'].size_xxs{height:25px;line-height:25px;font-size:12px;padding:0 10px;}
[class*='com_btn_ty'].size_xs{height:28px;line-height:28px;font-size:13px;padding:0 10px;}
[class*='com_btn_ty'].size_s{height:30px;line-height:30px;font-size:13px;}
[class*='com_btn_ty'].size_l{height:48px;line-height:48px;font-size:15px;padding:0 20px;}
[class*='com_btn_ty'].size_xl{height:56px;line-height:56px;font-size:16px;padding:0 20px;}/* 임시*/
[class*='com_btn_ty'].size_xxl{height:65px;line-height:65px;font-size:18px;padding:0 20px;}
.com_btn_ty1 {background:#00a2be;border-radius:100px;}
.com_btn_ty2 {background:#f44b57;border-radius:100px;}
.com_btn_ty3 {background:#222;border-radius:100px;}
.com_btn_ty4 {background:#999;border-radius:100px;}
.com_btn_ty5 {background:#222; border-radius:0;}
.com_btn_ty6 {background:#fff;color:#00a2be;border:1px solid #00a2be;}
.com_btn_ty7 {background:#ecfafa;color:#00a2be;}
.com_btn_ty8 {background:#f6f6f6;color:#888;border:1px solid #f1f1f1;}
.com_btn_ty9 {background:#f44b57;border-radius:0;}
.com_btn_ty10 {background:#00a2be;border-radius:0;}
.com_btn_ty11 {background:#999;border-radius:0;}
.com_btn_ty12 {background:#eff3f5;color:#223b55;}
.com_btn_ty13 {background:#666;color:#666;}
.com_btn_ty14 {background:#fff;color:#000;border:1px solid #000;}
.com_btn_ty8.active {background:#fff;color:#333;border-color:#666;box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);}
.com_btn_ty8.on {background:#fff;color:#00a2be;border-color:#00a2be;box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
/* tabs_common2020 */
[class*=com_tabs_type] .columns-1 li {width:100%;}
[class*=com_tabs_type] .columns-2 li {width:50%;}
[class*=com_tabs_type] .columns-3 li {width:33.333%;}
[class*=com_tabs_type] .columns-4 li {width:25%;}
[class*=com_tabs_type] .columns-5 li {width:20%;}
[class*=com_tabs_type] .columns-6 li {width:16.6%;}
[class*=com_tabs_type] .columns-7 li {width:14.2%;}
[class*=com_tabs_type] .columns-8 li {width:12.5%;}
.com_tabs_type1 {position:relative;}
.com_tabs_type1 .columns{display:table;width:100%;table-layout:fixed;}
.com_tabs_type1 li{position:relative;display:table-cell;width:100%;vertical-align:bottom;}
.com_tabs_type1 li > a{display:block;padding-top:11px;height:40px;font-weight:bold;border:1px solid #ddd;border-left:none;border-bottom:none;background:#fff url(/images/mobile/wire/common/m_bg_hs_tab.gif);background-size:3px auto;box-sizing:border-box;text-align:center;font-size:13px;color:#787878;letter-spacing:-0.5px;}
.com_tabs_type1 li > a:after{position:absolute;left:0;bottom:0;width:100%;content:'';border-bottom:1px solid #363636;}
.com_tabs_type1 li:first-child > a{border-left:none;}
.com_tabs_type1 li:last-child > a{border-right:none;}
.com_tabs_type1 li:first-child ~ li.actived{border-left:1px solid #363636;}
.com_tabs_type1 li.actived > a{background:#fff;border-color:#363636;border-bottom:none;color:#333;}
.com_tabs_type1 li.actived > a:after{display:none;}
.com_tabs_type2 .columns:after{display:block;content:'';clear:both;}
.com_tabs_type2 li {float:left;}
.com_tabs_type2 li > a{display:block;position:relative;box-sizing:border-box;padding:15px 8px;background:#fff;border-bottom:1px solid #666;border-radius:4px 4px 0 0;font-size:14px;font-weight:300;color:#666;height:50px;text-align:center;}
.com_tabs_type2 li.actived > a{font-weight:bold;color:#333;border:1px solid #666;border-bottom:none;}
.com_tabs_type3 .columns{position:relative;border-top:1px solid #d1d0d5;border-bottom:1px solid #d1d0d5;margin-bottom:13px;background-color:#fff;z-index:1;box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.com_tabs_type3 .columns:after{display:block;content:'';clear:both;}
.com_tabs_type3 .columns li{float:left;width:33.3%;}
.com_tabs_type3 li:nth-child(3n+1):before{content:'';position:absolute;left:0;right:0;width:100%;border-bottom:1px solid #e5e5e5;display:block;z-index:1}
.com_tabs_type3 li:first-child:before{display:none;}
.com_tabs_type3 li:nth-child(3n+3) > a:after{display:none;}
.com_tabs_type3 li > a{position:relative;height:80px;padding-top:16px;display:block;text-align:center;box-sizing:border-box;z-index:1;}
.com_tabs_type3 li > a:after{content:'';position:absolute;right:0;top:12px;bottom:12px;display:block;border-left:1px solid #e5e5e5;}
.com_tabs_type3 li > a:before{content:'';display:table;margin:0 auto 5px;}
.com_tabs_type3 li.actived > a{background-color:#00a2be;border-color:#00a2be;color:#fff;}
.com_tabs_type3 li.actived > a:after{display:none;}
.com_tabs_type4 {position:relative;}
.com_tabs_type4 .columns{display:table;width:100%;table-layout:fixed;}
.com_tabs_type4 li{position:relative;display:table-cell;width:100%;vertical-align:bottom;}
.com_tabs_type4 li > a{display:block;line-height:11.07vw;height:11.07vw;border-bottom:1px solid #e0e0e0;box-sizing:border-box;text-align:center;font-size:4.27vw;color:#666;letter-spacing:0;}
.com_tabs_type4 li.actived > a{color:#000;border-bottom:2px solid #22beb6;font-weight:bold;}
.com_tabs_wrap{margin-top:15px;}
.com_tabs_target{display:none;}
.com_tabs_target.actived{display:block;}
/* tag_common2020 */
[class*=com_tag_type]:after{display:block;content:'';clear:both}
[class*=com_tag_type] .tag_list > li{float:left;}
[class*=com_tag_type] .tag_list > li > a{display:block;text-align:center;box-sizing:border-box;vertical-align:top}
.com_tag_type1 .tag_list{margin-top:-2.4vw;}
.com_tag_type1 .tag_list > li{margin:2.4vw 1.33vw 0 0;}
.com_tag_type1 .tag_list > li > a{height:9.33vw;border:1px solid #e0e0e0;padding:2.13vw 3.47vw;font-size:3.47vw;color:#000;border-radius:13.33vw;background-color:#fff;}
.com_tag_type1 .tag_list > li.actived > a{border-color:#22beb6;background-color:#22beb6;color:#fff;}
/* form_common2020 */
.frms_inp_txt[class*='frms_'], select[class*='frms_'], textarea[class*='frms_']{width:100%;height:40px;padding:0 15px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:13px;color:#333;font-weight:500;vertical-align:top;box-sizing:border-box;}
.frms_inp_txt[class*='frms_']{background:#f5f5f5;border:none;}
select[class*='frms_']{background:url(/images/mobile/uniteOrder/ico_order_arrow_select.png) no-repeat 100% 50%;background-size:30px;}
textarea.frms_textarea{padding-top:15px;padding-bottom:15px;height:auto;}
input[class*='frms_']::-webkit-input-placeholder, textarea[class*='frms_']::-webkit-input-placeholder {color:#aaa;font-size:13px;}
input[class*='frms_']::-moz-placeholder, textarea[class*='frms_']::-moz-placeholder  {color:#aaa;font-size:13px;}
input[class*='frms_']::-ms-input-placeholder, textarea[class*='frms_']::-ms-input-placeholder  {color:#aaa;font-size:13px;}
input[class*='frms_']:disabled, select[class*='frms_']:disabled, textarea[class*='frms_']:disabled{color:#a2a2a2;background:#e5e5e5;}
.frms_chk_wrap .frms_chks{margin-right:20px;}
.frms_chk_wrap .frms_chks:last-child:last-child{margin-right:0;}
.frms_chks{display:inline-block;position:relative;vertical-align:middle;}
.frms_chks .frms_ck{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}
.frms_ck:disabled ~ i{opacity:0.5;}
.frms_ck + a label{cursor:pointer}
.frms_ck + label:before{display:none;}
.frms_ck:focus + label, .frms_ck:focus + a{outline:1px dotted #222}
.frms_ck + label, .frms_ck + a{position:relative;display:inline-block;padding-left:27px;font-size:14px;color:#666;line-height:1.5;background:none !important;z-index:3;}
.frms_ck:checked:disabled ~ i{opacity:1 !important;background-color:#e6e6e6 !important;background-position:-34px 5px !important;background-size:82px auto !important}
.frms_ck ~ i {position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:#fff url(/images/mobile/common/comm_checkbox.png) -43px 4px no-repeat;background-size:100px auto;vertical-align:middle;box-sizing:border-box;}
.frms_ck:checked ~ i {background-position:-28px -17px;}
.frms_ck ~ i.ck_ty3 {top:1px;width:18px;height:18px;border-radius:50px;background-color:#e3e3e3;background-position:-19px 5px;}
.frms_ck ~ i.ck_ty4 {border-radius:2px;background-color:#ccc;background-position:3px 5px;}
.frms_ck:checked ~ i.ck_ty2, .frms_chks .frms_ck:checked ~ i.bg_red{background-position:2px -12px;background-size:86px auto;}
.frms_ck:checked ~ i.ck_ty3{background-color:#00a2be;}
.frms_ck:checked ~ i.ck_ty4{background-color:#f44b57;}
.ck_sty5 .frms_ck + a, .ck_sty5 .frms_ck + label{padding:0.8vw 0 0.8vw 9.33vw;font-size:3.73vw;line-height:1.4;}
.frms_ck ~ i.ck_ty5 {width:6.67vw;height:6.67vw;border:1px solid #ccc;border-radius:200px;background:#fff url(/images/mobile/common/comm_checkbox.png) -14.00vw -3.5vw no-repeat;background-size:26.67vw auto;vertical-align:middle;box-sizing:border-box;}
.frms_ck:checked ~ i.ck_ty5{background-position:-20.4vw -3.4vw;background-color:#22beb6;border:none;}
.frms_ck:checked:disabled ~ i.ck_ty5{background-position:-31px 8px !important}
.frms_rd_wrap .frms_rds{margin-right:20px;}
.frms_rd_wrap .frms_rds:last-child{margin-right:0;}
.frms_rds{display:inline-block;position:relative;vertical-align:middle;}
.frms_rds .frms_rd{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}
.frms_rd:disabled ~ i {opacity:0.5;}
.frms_rd + a label{cursor:pointer}
.frms_rd:focus + label:before{display:none;}
.frms_rd:focus + label, .frms_rds .frms_rd:focus + a{outline:1px dotted #222}
.frms_rd + label, .frms_rd + a{position:relative;display:inline-block;padding-left:24px;font-size:14px;color:#666;line-height:1.5;background:none !important;z-index:3;}
.frms_rd:checked + label, .frms_rd + a:checked{background:none;}
.frms_rd:disabled ~ i {background-color:#e5e5e5}
.frms_rd:checked:disabled ~ i {opacity:1 !important;background:#c1c1c1 !important;border:5px solid #e0e0e0 !important;}
.frms_rd:checked:disabled ~ i:before{display:none;}
.frms_rd ~ i {position:absolute;left:0;top:0;display:inline-block;width:17px;height:17px;background-color:#fff;border:1px solid #d3d3d3;vertical-align:top;margin-top:1px;border-radius:50px;box-sizing:border-box;background:#fff;}
.frms_rd ~ i:before{content:'';position:absolute;box-sizing:border-box;}
.frms_rd:checked ~ i{border:3px solid #d71826;}
.frms_rd:checked ~ i.rd_ty2 {border:1px solid #d71826;}
.frms_rd:checked ~ i.rd_ty2:before{left:1px;right:1px;top:1px;bottom:1px;border:4px solid #d71826;border-radius:50px;}
.rd_sty3 .frms_rd + a, .rd_sty3 .frms_rd + label{padding:0.8vw 0 0.8vw 9vw;font-size:3.73vw;line-height:1.4;}
.frms_rd ~ i.rd_ty3 {width:6.67vw;height:6.67vw;border:1px solid #ccc;background:#fff url(/images/mobile/common/comm_checkbox.png) -14.00vw -3.5vw no-repeat;background-size:26.67vw auto;vertical-align:middle;box-sizing:border-box;}
.frms_rd:checked ~ i.rd_ty3{background-position:-20.4vw -3.4vw;background-color:#22beb6;border:none;}
/* common_icon2020 */
.comico:before{content:'';display:inline-block;overflow:hidden;color:transparent;}
.comico.arr_right:before{width:8px;height:12px;background:url(/images/mobile/uniteOrder/ico_order_arrow_right.png) no-repeat 50% 50%;background-size:7px;}
.comico.arr_down:before {width:17px;height:10px;background:url(/images/mobile/uniteOrder/ico_order_arrow_down.png) no-repeat 100% 50%;background-size:15px;}
.comico.arr_down.actived:before {background-image:url(/images/mobile/uniteOrder/ico_order_arrow_up.png);}
.comico.arr_down.green:before {background-image:url(/images/mobile/uniteOrder/ico_order_arrow_down_green.png);}
/* agreement2020 */
.com_agree_wrap {position:relative;font-size:14px;color:#888;}
.com_agree_wrap .com_outline_box {position:relative;padding:15px;border:1px solid #f1f1f1;border-radius:2px;background:#fff;font-size:15px;}
.com_agree_wrap .com_outline_box.edge {border-radius:0;}
.com_agree_wrap .com_outline_box.actived label {color:#00a2be;}
.com_agree_wrap .com_outline_box + .com_outline_box {margin-top:10px;}
.com_agree_wrap .com_outline_box .comico.arr_right {position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.com_agree_wrap .com_outline_box .comico.arr_down {position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.com_agree_scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;max-height:279px;background:#fff;border:1px solid #e5e5e5;margin-top:-1px;}
.com_dropdown_title{display:block;padding:20px 0 15px 20px;font-size:15px;color:#333;}
.com_dropdown > .inner {padding:20px;}
.com_dropdown > .inner li {margin-bottom:5px;}
.com_dropdown .com_in_lists {padding-left:20px;}
.com_dropdown .com_in_lists > li {position:relative;padding:8px 30px 8px 0;}
.com_dropdown .com_in_lists > li:last-child {border-bottom:none;}
.com_dropdown .com_in_lists > li > a{position:absolute;right:0;top:0;display:block;width:30px;height:30px;text-align:center;}
.com_dropdown .com_in_lists > li > a:before{margin-top:11px;}
.com_dropdown .com_in_lists .comico_arr_right {position:absolute;top:50%;right:0;transform:translateY(-50%);color:transparent;}
.com_dropdown .com_in_lists .txt_ess{font-weight:normal;}
/****** 2020New guide ********/



/* 핫딜 하단 플로팅 (2020-06-30) */
.hotdeal_floating_box .inwrap {padding:4vw;}
.mHotdeal_floating_list {display:flex; flex-wrap:wrap; margin:-2vw 0 0 -2vw;}
.mHotdeal_floating_list li {width:33.3%; text-align:center;}
.mHotdeal_floating_list li a {display:block; margin:2vw 0 0 2vw;}
.mHotdeal_floating_list li img {width:100%;}

/* 211025 온경혁 - 댓글간격 수정 */
div.postscriptList.view_review > div > div > div{margin-top:10px;}
div.postscriptList.view_review > div.on > div > div{margin-top:0;}
div.postscriptList.view_review > div > div > div > em{width:100%;}

/*ios, and */
#cfmClSkip a{display:none}

/* login-msg */
.login-sbox {position:relative;padding:0 5vw;background:#3E414E;height:13.33vw;}
.login-sbox .txt {line-height:13.33vw;color:#fff;font-size: 3.73vw;letter-spacing:-0.5vw;}
.login-sbox .mbtn {position:absolute;top:0;right:0;width: 26.67vw;}

/* 앱설치유도 */
#layerAppInstall{z-index:9201;}
#layerAppInstall .appinstall{z-index:9201;}
#layerAppInstall .appinstall {overflow:hidden; position:fixed; top:auto; bottom:0; left:0; width:100%;}
#layerAppInstall .appinstall .layerContent {width:100% !important;}
#layerAppInstall .appinstall .inner {display:flex;flex-wrap: wrap;justify-content: center;align-content: center;position: relative;width: 310px;height: 230px;margin: 0 auto;}
#layerAppInstall .appinstall .layer-stop-btn {width:100%;margin-top:15px;font-size: 14px;color:#808080;}
#layerAppInstall .appinstall .pop-csinfo {position:relative;z-index:2;background-color: #fff;border-radius:20px 20px 0 0;text-align:center;}
#layerAppInstall .appinstall .pop-csinfo .txt {display: flex;align-items: center;width: 100%;background: url(/images/mobile/common/ico_app_logo.png) left center no-repeat;background-size: 56px;padding-left:75px;color: #000;font-size: 16px;line-height: 1.4;text-align: left;font-weight: bold;min-height: 56px;}
#layerAppInstall .appinstall .pop-csinfo .link{width:100%;margin-top:20px;}
#layerAppInstall .appinstall .pop-csinfo .link a {display:block;padding:15px 0;background-color: #D4F4F4;border-radius: 2vw;font-size: 14px;font-weight: bold;text-align:center;}


/*=== tab ===*/
.shoptab_sy01 > ul{display:flex;width:100%;}
.shoptab_sy01 > ul > li{width:100%;text-align:center;}
.shoptab_sy01 > ul > li > a{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:83px;padding:47px 7px 4px;font-size:12px;color:#525252;line-height:15px;background-position:center 13px;background-repeat:no-repeat;background-size:32px;box-sizing:border-box;border:1px solid #d9d9d9;border-left:none;background-color:#f8f8f8;word-break:break-all;}
.shoptab_sy01 > ul > li > a span{color:#525252;}
.shoptab_sy01 > ul > li:first-child > a{border-left:1px solid #d9d9d9;}
.shoptab_sy01 > ul > li.on > a{padding-top:45px;font-weight:bold;border-top:3px solid #5ddfde;border-bottom:none;background-position:center 11px;background-color:#fff;/* height: 100%; */color:#000;}

.shoptab_sy01.no_ico > ul > li > a{min-height:auto;padding:16px 7px;background-image:none;}
.shoptab_sy01.no_ico > ul > li.on > a{padding:13px 7px 16px;}

.shoptab_sy02 > ul{display:flex;position:relative;width:100%;}
.shoptab_sy02 > ul:after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:#d9d9d9;}
.shoptab_sy02 > ul > li{width:100%;}
.shoptab_sy02 > ul > li > button , .shoptab_sy02 > ul > li > a{position:relative;display:block;width:100%;padding:15px 0;font-size:14px;color:#525252;line-height:20px;text-align:center;box-sizing:border-box;}
.shoptab_sy02 > ul > li .only{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:auto;height:22px;}
.shoptab_sy02 > ul > li.active > button , .shoptab_sy02 > ul > li.active > a , .shoptab_sy02 > ul > li > .active{color:#000;font-weight:bold;border-bottom:3px solid #000;}

.shoptab_sy03 > ul{margin-top:-5px;font-size:0;}
.shoptab_sy03 > ul > li{display:inline-block;height:32px;margin:5px 12px 0 0;padding:0 15px;background:#f8f8f8;border:1px solid #d9d9d9;border-radius:16px;vertical-align:top;box-sizing:border-box;}
.shoptab_sy03 > ul > li:first-child{border-left:1px solid #d9d9d9;}
.shoptab_sy03 > ul > li:last-child{margin-right:0;}
.shoptab_sy03 > ul > li > a{font-size:14px;color:#525252;line-height:30px;}
.shoptab_sy03 > ul > li.on{background:#fff;border:1px solid #17c4bf;}
.shoptab_sy03 > ul > li.on > a{color:#01a69f;font-weight:bold;}

.shoptab_sy04 > ul{font-size:0;}
.shoptab_sy04 > ul > li{display:inline-block;height:32px;background:#fff;vertical-align:top;}
.shoptab_sy04 > ul > li > a{display:block;padding:0 15px;font-size:14px;color:#525252;line-height:32px;}
.shoptab_sy04 > ul > li.on{background:#000;border-radius:20px;}
.shoptab_sy04 > ul > li.on > a{color:#fff;font-weight:bold;}

.shoptab_sy05 > ul{margin-left:-12px;font-size:0;}
.shoptab_sy05 > ul > li{display:inline-block;position:relative;padding:0 12px;vertical-align:top;}
.shoptab_sy05 > ul > li:after{content:'';position:absolute;right:0;top:5px;width:1px;height:13px;background:#d9d9d9;}
.shoptab_sy05 > ul > li:last-child:after{display:none;}
.shoptab_sy05 > ul > li > a{font-size:14px;color:#525252;line-height:21px;}
.shoptab_sy05 > ul > li.on > a{color:#000;font-weight:bold;}

.shoptab_sy06 > ul{display:flex;width:100%;border:1px solid #d9d9d9;border-radius:8px;}
.shoptab_sy06 > ul > li{position:relative;width:100%;border-right:1px solid #d9d9d9;}
.shoptab_sy06 > ul > li:last-child{border-right:none;}
.shoptab_sy06 > ul > li.on:before{content:'';position:absolute;left:-1px;top:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #000;box-sizing:border-box;}
.shoptab_sy06 > ul > li.on:first-child:before{border-radius:8px 0 0 8px;}
.shoptab_sy06 > ul > li.on:last-child:before{border-radius:0 8px 8px 0;}
.shoptab_sy06 > ul > li > a{display:block;position:relative;width:100%;padding:10px 0;font-size:14px;color:#525252;text-align:center;}
.shoptab_sy06 > ul > li.on > a{color:#000;font-weight:bold;}

/* 넷퍼넬 */
/* #NetFunnel_Loading_Popup{width:86.66vw;left:50% !important;transform:translateX(-50%);padding:0 0 28px;text-align:center;word-break:keep-all;background:#fff;border-radius:10px;overflow:hidden;}
#NetFunnel_Loading_Popup .iphone12_title{height:45px;font-size:0;line-height:0;background:#efefef url('/preorder/114086/m/images/iphone12_logo.png') no-repeat 50% 50%;background-size:200px auto;}
#NetFunnel_Loading_Popup .np-tit{width:40vw; margin:0 auto;}
#NetFunnel_Loading_Popup .np-stit{margin:20px 0 5px;letter-spacing:-2px;font-size:20px;font-weight:bold;color:#222;}
#NetFunnel_Loading_Popup .np-desc{line-height:1.3;word-break:keep-all;font-size:13px;color:#222;}
#NetFunnel_Loading_Popup .np-graph{width:77.33vw;margin:15px auto 10px;}
#NetFunnel_Loading_Popup .np-graph .np-grapht{overflow:hidden;font-size:12px;color:#222;text-align:center;line-height:1.6;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox{position:relative;width:100%;height:18px;margin-top:6px;background:#efefef;border-radius:10px;overflow:hidden;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox .np-grph{position:absolute;top:0;left:0;height:18px;overflow:hidden;color:#ebb053;background:#ebb053;}
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_Count,
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_TimeLeft{font-size:13px;color:#d88b13;}
#NetFunnel_Loading_Popup .warn{display:block;margin-bottom:25px;word-break:keep-all;font-size:10px;color:#222;}
#NetFunnel_Loading_Popup_Progressbar{height:18px;}
#NetFunnel_Loading_Popup_Progressbar table{width:100% !important; height:18px !important;}
#NetFunnel_Loading_Popup_Progressbar table td{height:18px;}
#NetFunnel_Loading_Popup_Progressbar table td:nth-child(1){background:#ebb053 !important;border-radius:10px;}
#NetFunnel_Loading_Popup_Progressbar table td:nth-child(2){background:transparent !important;}
#NetFunnel_Loading_Popup button{width:100px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;font-weight:bold;border:none;border-radius:17px;background:#000;}
#mpopup_bg{background:rgba(0,0,0,0.6) !important;} */


/* SkipNavi (2019-02-26) */
.ollehSkipNav{display: none; position:absolute;top:0;left:0;z-index:9999;width:100%;height:0;line-height:1}
.ollehSkipNav a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:1}
.ollehSkipNav a span {color:#fff;}
.ollehSkipNav a:active,
.ollehSkipNav a:focus,
.ollehSkipNav a:hover{position:absolute;top:0;left:0;z-index:50;width:100%;height:19px;margin:0;padding:5px 0;border:1px solid #c4d7ea;background:#2b6cb0;color:#fff;font-weight:700;font-size:1.333em;text-align:center;line-height:100%}

/* 넷퍼넬 */
#NetFunnel_Loading_Popup{width:86.66vw;left:50% !important;transform:translateX(-50%);padding:0 0 28px;text-align:center;word-break:keep-all;background:#fff;border-radius:10px;overflow:hidden;}
#NetFunnel_Loading_Popup .np-tit{display:none;}
#NetFunnel_Loading_Popup .iphone12_title{height:45px;font-size:0;line-height:0;background:#efefef url('/preorder/114086/m/images/iphone12_logo.png') no-repeat 50% 50%;background-size:200px auto;}
#NetFunnel_Loading_Popup .np-tit{width:40vw; margin:0 auto;}
#NetFunnel_Loading_Popup .np-stit{margin:20px 0 5px;letter-spacing:-2px;font-size:20px;font-weight:bold;color:#222;}
#NetFunnel_Loading_Popup .np-desc{line-height:1.3;word-break:keep-all;font-size:13px;color:#222;}
#NetFunnel_Loading_Popup .np-graph{width:77.33vw;margin:15px auto 10px;}
#NetFunnel_Loading_Popup .np-graph .np-grapht{overflow:hidden;font-size:12px;color:#222;text-align:center;line-height:1.6;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox{position:relative;width:100%;height:18px;margin-top:6px;background:#efefef;border-radius:10px;overflow:hidden;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox .np-grph{position:absolute;top:0;left:0;height:18px;overflow:hidden;color:#EA3037;background:#EA3037;}
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_Count,
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_TimeLeft{font-size:13px;color:#EA3037;}
#NetFunnel_Loading_Popup .warn{display:block;margin-bottom:25px;word-break:keep-all;font-size:10px;color:#222;}
#NetFunnel_Loading_Popup_Progressbar{height:18px;}
#NetFunnel_Loading_Popup_Progressbar table{width:100% !important; height:18px !important;}
#NetFunnel_Loading_Popup_Progressbar table td{height:18px;}
#NetFunnel_Loading_Popup_Progressbar table td:nth-child(1){background:#EA3037 !important;border-radius:10px;}
#NetFunnel_Loading_Popup_Progressbar table td:nth-child(2){background:transparent !important;}
#NetFunnel_Loading_Popup button{width:100px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;font-weight:bold;border:none;border-radius:17px;background:#000;}
#mpopup_bg{background:rgba(0,0,0,0.6) !important;}