@charset "utf-8"; 

#header { position:fixed; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:800px; padding:0 20px; z-index:100; background-color:#fff; height:60px; }




#header .logo {padding:12px 0 12px; width:100px; }
#header .logo a {display:block; width:100%; height:36px; background:url("../image/common/h_logo.png") left 50% no-repeat; background-size:contain; font-size:0; }

#header .app_back { position:absolute; top:50%; transform:translateY(-50%); left:20px; }
#header .app_back img { height:28px; }

#header .header_title {position:absolute; top:50%; transform:translateY(-50%); left:50px; font-size:18px; font-weight:600; }
#header .header_title.manager { left:50%; transform:translate(-50%,-50%);}

#header .lnb {width:100%; position:relative; overflow-x:scroll; }
#header .lnb ul {width:100%; height:2.875em; padding:0 1em; }
#header .lnb li {float:left; width:auto; text-align:center; }
#header .lnb li a {display:block; padding:1em 0; margin:0 1.375em; font-size:20px; }
#header .lnb .color {color:#655bcb; }
#header .h_menu {position:absolute; top:50%; transform:translateY(-50%); right:20px; }
#header .h_menu ul {width:68px; overflow:hidden; }

#header .h_menu li {float:left; margin-left: 16px; position:relative;}

#header .h_menu li a {display:block; width:28px; height:28px; background:#ccc; font-size:0; }

#header .h_menu li a.h_mypage {background:url("../image/common/h_user.svg") 50% no-repeat; background-size:24px; }
#header .h_menu li a.search {background:url("../image/common/h_search.svg") 50% no-repeat; background-size:28px; margin-left:2px; }

#header .h_menu li.push {}
#header .h_menu li.push .push_dot { position: absolute; top: -2px; right: -4px; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; font-weight:600; background-color: #655bcb; color: #fff; border-radius: 50%;}

#header .h_menu li.push img { width:28px; }
#header .h_menu li.home { display:none;}

/*
#header .h_fullmenu {position:absolute; top:24px; left:6.25%; }
#header .h_fullmenu a {display:block; width:36px; height:36px; background:url("../image/common/h_fullmenu.svg") 50% no-repeat; background-size:24px; font-size:0; }
*/

#header .h_fullmenu { display:none; }


#header .member_countnumber {padding:1em; margin:0 auto; text-align:center; }
#header .member_countnumber li {padding:0.15em; }

/*
@media screen and (max-width:768px){
	#header .lnb li a {margin:0 1.2em; }
}
@media screen and (max-width:640px){
	#header .logo a {height:16px; }
	#header .lnb li a {margin:0 .938em; font-size:18px; }
	#header .h_menu {top:20px; }
	#header .h_menu li a {width:28px; height:28px; }
	#header .h_menu li a.h_mypage {background-size:20px; }
	#header .h_menu li a.h_search {background-size:24px; margin-left:2px; }
	#header .h_fullmenu {top:20px; }
	#header .h_fullmenu a {width:28px; height:28px; background-size:20px; }
}
@media screen and (max-width:414px){
	#header .logo a {height:14px; }
	#header .lnb ul {width:29.25em; }
	#header .lnb li a {font-size:14px; margin:0 .5em; }
}
@media screen and (max-width:320px){
	#header .logo a {height:12px; }
	#header .lnb ul {width:27.25em; }
	#header .lnb li a {font-size:13px; }
}
*/

#header .full_search {position:fixed; left:0; top:35%; right:0; z-index:999; width:87.5%; max-width:700px; margin:0 auto; background:#fff; }
#header .full_search_bg {position:fixed; left:0; top:0; z-index:80; display:block; width:100%; height:100%; background:rgba(0,0,0,.85); }
#header .sch_box {}
#header .sch_area {width:100%; height:64px; overflow:hidden; }
#header .sch_box input {float:left; width:70%; height:100%; background:none; color:#000; border:0; font-weight:300; font-size:14px; text-indent:1em; }
#header .sch_box .sch_btns {height:100%; float:right; overflow:hidden; }
#header .sch_box button {float:left; display:block; width:64px; height:100%; font-weight:600; font-size:20px; color:#fff; background:url("../image/common/ico_search.svg") 50% no-repeat #4227cd; ; background-size:32%; }
#header .sch_box a {float:right; display:block; width:64px; height:100%; background:url("../image/common/close-stroke-on.svg") 50% no-repeat #000; background-size:24%; }

@media screen and (max-width:520px){
	#header .sch_box input {width:60%; font-size:1em; }
}
@media screen and (max-width:360px){
	#header .sch_box input {width:55%; font-size:.875em; }
	#header .sch_area {height:48px; }
	#header .sch_box button ,
	#header .sch_box a {width:48px; }
}
.fullmenu {position:fixed; z-index:91; left:-100%; top:0; width:256px; height:100%; background:#fff; display:none; }
.fullmenu_bg {display:none; position:fixed; z-index:90; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); }
.fullmenu_close {position:absolute; top:20px; right:16px; display:block; width:20px; height:20px; background:url("../image/common/close1_f.svg") 50% no-repeat; background-size:cover; font-size:0; }
.fullmenu .full_top {height:64px; line-height:64px; padding:0 16px; background:#222; }
.fullmenu .full_top .full_user {}
.fullmenu .full_top .full_user .user {font-size:12px; color:#8167ff; }
.fullmenu .full_top .full_user .user em {color:#fff; }
.fullmenu .full_top .full_user .user em strong {font-size:14px; margin-right:2px; }
.fullmenu .full_top .full_user .login {display:inline-block; width:48px; height:24px; line-height:24px; margin-right:4px; text-align:center; background:#000; color:#fff; font-size:12px; }
.fullmenu .full_quick {}
.fullmenu .full_quick ul {widows:100%; overflow:hidden; }
.fullmenu .full_quick li {float:left; width:50%; }
.fullmenu .full_quick li a {display:block; height:3em; line-height:3em; padding-left:16px; text-decoration:none; font-size:14px; }
.fullmenu .full_quick li:nth-child(2n) {border-left:1px solid #e5e5e5; }
.fullmenu .full_quick li:nth-child(n+3) {border-top:1px solid #e5e5e5; }
.fullmenu .full_quick i {display:inline-block; width:22px; height:22px; margin-right:4px; vertical-align:middle; }
.fullmenu .full_quick li i.ic1 {background:url("../image/common/h_user.svg") 50% no-repeat; background-size:90%; }
.fullmenu .full_quick li i.ic2 {background:url("../image/common/chat.svg") 50% no-repeat; background-size:90%; }
.fullmenu .full_quick li i.ic3 {background:url("../image/common/headset.svg") 50% no-repeat; background-size:90%; }
.fullmenu .full_quick li i.ic4 {background:url("../image/common/notice.svg") 50% no-repeat; background-size:100%; }
.fullmenu h3 {padding:1em 16px; font-weight:600; border-bottom:2px solid #222; }
.fullmenu .full_lst {border-top:8px solid #eee; }
.fullmenu .full_lst .depth1 {}
.fullmenu .full_lst li {}
.fullmenu .full_lst li em {}
.fullmenu .full_lst li a {display:block; padding:1em 24px; font-size:14px; border-bottom:1px solid #d7d7d7; text-decoration:none; }
.fullmenu .full_lst .depth2 {display:none; }
.fullmenu .full_lst .depth2 ul {}
.fullmenu .full_lst .depth2 li {}
.fullmenu .full_lst .depth2 li a {padding:1em 32px; background:#f5f5f5; }

#footer {width:100%; padding-bottom:3em; background:#1D1F20; }
.f_notice {width:100%; overflow:hidden; padding:1em 6.25%; background:#000; color:#A1A1A1; font-size:18px; line-height:1.5; box-sizing:border-box; position:relative; }
.f_notice strong {float:left; font-weight:600; color:#FFF; }
.f_notice .notice_item{display:block; position:absolute; left:5em; right:6.25%; padding-top:1em; top:0; }
.f_notice em {float:left; width:65%; height:1.5em; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; margin:0 0 0 .75em; overflow:hidden; }
.f_notice span {float:right; }
.f_quickmenu {width:100%; overflow:hidden; background:#000; border-top:1px solid #333; }
.f_quickmenu li {float:left; width:50%; padding:1em 0; text-align:center; }
.f_quickmenu li a {display:block; font-size:16px; color:#A1A1A1; position:relative; }
.f_quickmenu li:nth-child(n+2) a::before {content:''; display:block; width:1px; height:1em; background:#333; position:absolute; left:0; }
.f_info {text-align:center; padding:64px 0 32px; background:url("../image/common/f_logo.png") 50% 32px no-repeat; background-size:152px auto; }
.f_info address {width:87.5%; margin:0 auto; font-size:16px; line-height:1.75; color:#A1A1A1; }
.f_info address .comp_link {color:#FFF; text-decoration:underline; }
.f_center {width:87.5%; padding:0 0 1.5em; margin:0 auto; border-top:1px solid #454545; border-bottom:1px solid #454545; text-align:center; }
.f_center .title {display:block; width:6em; font-size:16px; color:#FFF; margin:-.5em auto 1.25em; background:#1D1F20; }
.f_center li {margin:4px 0; padding:4px; font-size:14px; background:#FFF; line-height:1.5; }
.f_center li span {display:block; font-size:18px; }
.f_center li em {color:#0361b0; font-weight:400; }
.f_center li.tel1 em {color:#c70505; }
.f_menu {width:87.5%; overflow:hidden; margin:1.25em auto; text-align:center; }
.f_menu li {display:inline-block; font-size:14px; color:#A1A1A1; }
.f_menu li span {display:inline-block; vertical-align:middle; width:1px; height:1em; background:#454545; margin:.5em 1em; }
.f_menu li strong {color:#FFF; }
.copyright {width:87.5%; margin:0 auto; color:#797979; font-size:14px; line-height:1.5; text-align:center; }
.copyright a {color:#FFF; text-decoration:underline; }
.copyright .mark {display:block; width:72px; height:72px; margin:3em auto 0; background:url("../image/common/f_mark.png") 50% no-repeat; background-size:contain; }
#bt_top {position:fixed; right:0; bottom:0; z-index:8; display:block; width:64px; height:64px; line-height:64px; font-size:14px; color:#FFF; background:#655bcb; border:1px solid #fff; border-bottom:0; border-right:0; text-align:center; }
#bt_tel {position:fixed; right:0; bottom:64px; z-index:8; display:block; width:64px; height:64px; line-height:64px; font-size:14px; color:#FFF; background:#1D1F20; border:1px solid #fff; border-bottom:0; border-right:0; text-align:center; }
#bt_tel button {color:#FFF; }
@media screen and (max-width:640px){
	.f_notice {font-size:16px; }
	.f_quickmenu li a {font-size:14px; }
	.f_info address {font-size:14px; }
	.f_center li {font-size:14px; }
	.f_center li span {font-size:16px; }
}
@media screen and (max-width:414px){
	.f_notice {font-size:14px; }
	.f_quickmenu li a {font-size:13px; }
	.f_info address {font-size:13px; }
	.f_center li {font-size:13px; }
	.f_center li span {font-size:13px; }
	.f_menu li {font-size:12px; }
	.copyright {font-size:12px; }
	#bt_top {width:48px; height:48px; line-height:48px; font-size:12px; }
	#bt_tel {width:48px; height:48px; line-height:48px; font-size:12px; bottom:48px; }
}
@media screen and (max-width:320px){ }


.path {padding:1em 20px; margin:0 auto; font-weight:300; font-size:13px; color:#797979; border-bottom:1px solid #e5e5e5; }
.path span {display:inline-block; margin:0 .5em; }
.path strong {color:#000; }

@media screen and (max-width:414px){
	.path {font-size:11px}
}

.bo_sch_box {width:100%; padding:20px; }
.bo_sch_box .sch_area {font-size:20px; border:1px solid #d7d7d7; border-radius:2em; box-sizing:border-box; overflow:hidden; }
.bo_sch_box .sch_area input {width:calc(100% - 80px); height:2.5em; vertical-align:middle; text-indent:8%; }
.bo_sch_box .sch_area button {width:80px; height:2.5em; vertical-align:middle; background:url("../image/common/ico_search_on.svg") 50% no-repeat; background-size:18px; }
.bo_sch_box .sch_effect {width:87.5%; margin:0 auto 1em; font-size:20px; line-height:1.4; text-align:center; }
.bo_sch_box .sch_effect em {color:#655bcb; }
.bo_prd_sch {width:87.5%; margin:0 auto 2em; }
.bo_prd_sch .total {font-weight:600; }

@media screen and (max-width:414px){
	.bo_sch_box .sch_area {font-size:16px}
	.bo_sch_box .sch_effect {font-size:16px}
}



.bo_sch_date {}
.bo_sch_date .sch_area {width:87.5%; padding:8px 4px; margin:0 auto 1em; background:#f5f5f5; box-sizing:border-box; text-align:center; }
.bo_sch_date .sch_area input {width:128px; height:32px; font-size:12px; vertical-align:middle; text-indent:8%; border:1px solid #d7d7d7; background:url("../image/common/ico_date.svg") 92% 50% no-repeat #fff; background-size:14px; }
.bo_sch_date .sch_area button {width:32px; height:32px; vertical-align:middle; background:url("../image/common/ico_search.svg") 50% no-repeat #000; background-size:16px; font-size:0; }
.bo_sch_date .sch_effect {width:87.5%; margin:0 auto 1em; font-size:20px; line-height:1.4; text-align:center; }
.bo_sch_date .sch_effect em {color:#655bcb; }

@media screen and (max-width:414px){
	.bo_sch_date .sch_area {font-size:16px}
	.bo_sch_date .sch_effect {font-size:16px}
}
@media screen and (max-width:320px){
	.bo_sch_date .sch_area input {width:106px}
}


/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block; background:#000; color:#fff; border-radius:3px; padding:10px; border:0; text-decoration:none; vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block; background:transparent; color:#fff; border:0; border-radius:3px; padding:10px; text-decoration:none; vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block; line-height:28px; border:0; background:transparent; color:#bababa; text-decoration:none; vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {/*display:inline-block; */display:none; color:#d13f4a; font-size:1.4em; text-decoration:none; vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
/*
.fix_btn {position:fixed; z-index:99; bottom:65px; right:15px; background:#000; width:50px; height:50px; color:#fff; text-align:center; border-radius:50% !important; font-size:1.8em; line-height:50px !important; -webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); -moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
*/
.fix_btn {position:fixed; z-index:99; bottom:70px; left:50%; transform:translateX(-50%); width:calc(100% - 40px) !important; max-width:760px; background:#655bcb; height:50px !important; line-height:50px !important; color:#fff; text-align:center; border-radius:4px !important; font-size:18px; }
/*.fix_btn:after { content:'작성하기'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; font-size:18px; }
.fix_btn i { display:none; }
*/

.fix_btn a { display:block;}

a.btn,.btn {line-height:35px; /*width:30px; */height:35px; padding:0 8px; text-align:center; font-weight:600; border:0; font-size:13px; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out; display:inline-block; border-radius:4px; }


.bo_filter_wrap {padding:20px 20px 0; font-size:14px; }
.bo_filter_wrap .bo_filter { position:relative; display:inline-block; margin-right:6px; padding:0px 8px 0 20px; background-color:#eaedff; color:#635dc4; border-radius:4px; line-height:26px;}
.bo_filter_wrap .bo_filter:before { content:'#'; position:absolute; top:50%; transform:translateY(-50%); left:8px; font-size:16px; }
.bo_filter_wrap .bo_filter.on { border-color:#635dc4; background-color:#635dc4; color:#fff; font-weight:600;}
.bo_filter_wrap .bo_filter.on:before { } 

.bo_product { padding:20px; }
.bo_product .empty { text-align:center; padding:40px 0; color:#999; }
 
.product { background-color:#fff; }

.product_tab {}
.product_tab .tab_menu {width:100%; white-space: nowrap; overflow-x: auto; font-size:16px; text-align: left; padding:0 20px 20px; border-bottom:10px solid #f5f5f5; }
.product_tab .tab_menu li { display:inline-block; margin:0 2px; text-align:center; }
.product_tab .tab_menu li a {display:block; color:#797979; border:1px solid #d7d7d7; padding:4px 14px; border-radius:1.5em; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
.product_tab .tab_menu li a.on {color:#fff; border-color:#3328a6; background:#3328a6; font-weight:600; }

.sub_tab {margin:0 auto 1em; display:none; }
.sub_tab ul {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.sub_tab li {width:28%; margin-left:1%; font-size:12px; letter-spacing:-.075em; }
.sub_tab li:first-child {margin-left:0; }
.sub_tab li a {display:block; width:100%; height:3em; line-height:3em; text-align:center; border-radius:1.5em; border:1px solid #d7d7d7; }
.sub_tab li a:hover , .sub_tab li a.on {background-color:#4227cd; border-color:#4227cd; color:#fff; }

/*
@media screen and (max-width:640px){
	.product_tab .tab_menu {font-size:18px; }
}
@media screen and (max-width:414px){
	.product_tab .tab_menu {font-size:15px; }
}
@media screen and (max-width:320px){
	.product_tab .tab_menu {font-size:13px; }
}

*/


.product_lst ul {width:100%; overflow:hidden; border-bottom:1px solid #d7d7d7; }
.product_lst li {float:left; width:100%; }
.product_lst li:after {content:''; display:block; width:100%; clear:both; }
.product_lst li a {display:flex; align-items: center; width:100%; padding:10px 0; border-top:1px solid #d7d7d7; box-sizing:border-box; overflow:hidden; position:relative; text-decoration:none; font-size:14px; }
/* .product_lst li a span {display:block; } */

.product_lst .mark { width:20px; margin-right:10px; display:inline-block; } /* 통신사 아이콘-짧은 타입 // 너비 40px */
.product_lst .mark i {display:block; font-size:0; padding-bottom:100%; background-size:16px; background-position:left center; background-repeat:no-repeat; }

.product_lst .thumb { width:30px; margin-right:10px; display:block; } /* 핸드폰 사진 // 너비 60px */
.product_lst .thumb img {width:100%; height:auto; }

.product_lst .name { width:calc(100% - 160px); line-height:1.3; } /* 단말기 이름 // 너비 100% - 190px */

.product_lst .icon {display:none; height:16px; width:100%; font-size:0; } /* 통신사 아이콘-긴 타입 숨김 */
.product_lst .icon img {height:16px; }

.product_lst .price { width:90px; text-align:right; display:block; letter-spacing:-.07em; padding-right:5px; } /* 단말기 출고가 // 너비 90px */
.product_lst .price strong {color:#000; font-weight:600; }

.product_lst .month {display:block; color:#4227cd; }
.product_lst .month strong {color:inherit; font-weight:600; font-size:16px; }

.product_lst li span.dc_info {position:absolute; right:6px; top:6px; width:52px; height:46px; padding:6px 0 4px; text-align:center; font-weight:600; font-size:16px; color:#ff304c; background:#fff; border:1px solid #ff304c; border-radius:8px; box-sizing:border-box; }
.product_lst li span.dc_info em {display:block; width:auto; padding-bottom:2px; font-size:11px; }
.product_lst li span.dc_info strong {font-size:20px; }

/*
@media screen and (max-width:640px){
	.product_lst .name {font-size:18px; }
	.product_lst .price {font-size:14px; }
	.product_lst .price strong {font-size:18px; }
	.product_lst .month strong {font-size:18px; }
}
@media screen and (max-width:414px){
	.product_lst .mark {width:16%; padding-bottom:16%; }
	.product_lst .thumb {padding:16% 0 1em; }
	.product_lst .name {font-size:16px; }
	.product_lst .price {font-size:12px; }
	.product_lst .price strong {font-size:14px; }
	.product_lst .month strong {font-size:14px; }
}
@media screen and (max-width:320px){
	.product_lst .mark {top:4%; width:12%; padding-bottom:12%; }
	.product_lst .name {font-size:14px; }
	.product_lst .price {font-size:12px; }
	.product_lst .price strong {font-size:12px; }
	.product_lst .month strong {font-size:12px; }
}
*/
.review_lst {padding-bottom:1em; }
.review_lst ul {}
.review_lst li {margin-top:1em; }
.review_lst li:first-child {margin-top:0; }
.review_lst li a {display:block; width:100%; padding:6%; box-sizing:border-box; overflow:hidden; background:#fff; border-radius:.5em; font-size:16px; }
.review_lst li a .thumb {display:block; float:left; width:25%; margin-top:1em; }
.review_lst li a .thumb img {width:100%; height:auto; }
.review_lst li a .info {display:block; float:right; width:71%; }
.review_lst li a .info .type {color:#797979; }
.review_lst li a .info strong {display:block; width:100%; height:1em; margin:.5em 0 .438em; overflow:hidden; font-size:22px; }
.review_lst li a .info em {display:block; width:100%; height:2.8em; line-height:1.4; margin-bottom:.5em; overflow:hidden; color:#797979; word-break:break-all; }
.review_lst .reviewer {width:100%; overflow:hidden; }
.review_lst .reviewer .star {float:left; width:5em; height:1em; background:#797979; }
.review_lst .reviewer .star5 {}
.review_lst .reviewer .date {float:right; }

@media screen and (max-width:640px){
	.review_lst li a {font-size:16px; }
	.review_lst li a .info strong {font-size:22px; }
}
@media screen and (max-width:414px){
	.review_lst li a {font-size:12px; }
	.review_lst li a .info strong {font-size:14px; }
}
@media screen and (max-width:320px){
	.review_lst li a {font-size:11px; }
	.review_lst li a .info strong {font-size:12px; }
}

/* page style */
.bo_paginate {width:100%; text-align:center; margin:20px 0; }
.bo_paginate a {display:inline-block; width:26px; height:28px; vertical-align:middle; margin-top:10px; }
.bo_paginate .page {line-height:28px; font-size:15px; color:#b5b5b5; font-weight:600; }
.bo_paginate .page:hover , .bo_paginate .page.current {color:#000; }
.bo_paginate .first {background:url("../image/common/page_first.png") 50% no-repeat; background-size:24px; }
.bo_paginate .prev {background:url("../image/common/page_prev.png") 50% no-repeat; background-size:24px; }
.bo_paginate .next {background:url("../image/common/page_next.png") 50% no-repeat; background-size:24px; }
.bo_paginate .end {background:url("../image/common/page_end.png") 50% no-repeat; background-size:24px; }
.bo_paginate .btn {font-size:0; }




.pg_wrap {margin-top: 20px; margin-bottom:20px;}
.pg_wrap .pg {display:block; width:100%; text-align:center; }
.pg_wrap .pg strong ,
.pg_wrap .pg a {line-height: 28px; min-width: 26px; font-size: 15px; color: #b5b5b5; font-weight: 600; display:inline-block; margin:10px 10px 0;}

.pg_wrap .pg strong {font-weight:600; color:#000; }

/*
.detail_top {width:87.5%; margin:16px auto 0; }
.detail_thumb {text-align:center; }
.detail_thumb ul {position:relative; }
.detail_thumb li {width:100%; }
.detail_thumb li img {max-width:100%; }
*/
.detail_top {width:100%; float:left; padding:0 20px; }
.detail_thumb {text-align:center; width:100%; }

.detail_thumb #detail_image_wrap {position:relative; width:100%; height:0; padding-bottom:100%; }
.detail_thumb #detail_image_wrap li {width:100%; }
.detail_thumb #detail_image_wrap li img { width:100%; }

.detail_thumb ul.maxbanner_nav_wrap  { width:100%; height:1em; position:absolute; bottom:.5em; z-index:2; text-align:center; }
.detail_thumb ul.maxbanner_nav_wrap li { display:inline-block; margin:0 .25em; }
.detail_thumb ul.maxbanner_nav_wrap li button { width:.75em; height:.75em; background:#fff; border:1px solid #ddd; box-sizing:border-box; }
.detail_thumb ul.maxbanner_nav_wrap li button.active { background:#333 }

.detail_info_wrap {margin-bottom:8px; }
.detail_path_wrap {margin-bottom:8px; color:#000; }
.detail_path_wrap i {display:inline-block; width:22px; height:22px; vertical-align:middle; font-size:0; background-repeat:no-repeat; background-size:cover; margin-top: -4px; }
.detail_path_wrap .detail_path { font-size:24px; font-weight: 800; padding: 15px 20px 0; }


.detail_info {padding:4%; border:1px solid #d7d7d7; border-radius:8px; }
.detail_info .dtt {margin-bottom:32px; font-size:32px; font-weight:600; }
.detail_info select {background-position:97% 50%; }
.detail_info .box {padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #d7d7d7; }
.detail_info .capacity ul {width:100%; overflow:hidden; }
.detail_info .capacity li {float:left; width:32.333%; margin-left:1.5%; text-align:center; display:table; }
.detail_info .capacity li:first-child {margin-left:0; }
.detail_info .capacity li input {display:none; }
.detail_info .capacity li label {display:table-cell; vertical-align:middle; height:64px; border:1px solid #d7d7d7; color:#797979; font-weight:600; font-size:20px;  }
.detail_info .capacity li label span {display:block; font-weight:400; font-size:11px; color:#797979; }
.detail_info .capacity li input[type="radio"]:checked + label {border-color:#4227cd; color:#4227cd; }
.detail_info .capacity li label.off {background:#d7d7d7; border-color:#d7d7d7; color:#797979; }
.detail_info .color_type ul {width:100%; overflow:hidden; }
.detail_info .color_type li {float:left; width:25%; text-align:center; font-size:11px; color:#797979; }
.detail_info .color_type li input {display:none; }
.detail_info .color_type li label {display:inline-block; margin-bottom:8px; width:52px; height:52px; border:1px solid #d7d7d7; border-radius:100%; }
.detail_info .color_type li label span {display:inline-block; width:50px; height:50px; border-width:6px; border-style:solid; border-color:transparent; border-radius:100%; }
.detail_info .color_type li em {display:block; }
.detail_info .color_type li input[type="radio"]:checked + label {border-color:#4227cd; }
.detail_info .color_type li input[type="radio"]:checked + label span {border-color:#fff; }
.detail_info .color_type li input[type="radio"]:checked + label + em {color:#4227cd; }
.detail_info .color_type .palette_d7d7d7 {background:#d7d7d7; }
.detail_info .color_type .palette_161616 {background:#161616; }
.detail_info .color_type .palette_497fbf {background:#497fbf; }
.detail_info .color_type .palette_f9f9f9 {background:#f9f9f9; }
.detail_info .block2_type ul {width:100%; overflow:hidden; }
.detail_info .block2_type li {float:left; width:48%; margin-bottom:2%; text-align:center; }
.detail_info .block2_type li:nth-of-type(2n+1) {margin-right:2%; }
.detail_info .block2_type li input {display:none; }
.detail_info .block2_type li label {display:block; padding:.75em 0; margin:0 auto; border:1px solid #d7d7d7; color:#797979; font-size:14px; }
.detail_info .block2_type li input[type="radio"]:checked + label {border-color:#4227cd; color:#4227cd; }
.detail_info .block3_type ul {width:100%; overflow:hidden; }
.detail_info .block3_type li {float:left; width:32.333%; margin-bottom:2%; margin-right:1.5%; text-align:center; }
.detail_info .block3_type li:nth-of-type(3n) {margin-right:0; }
.detail_info .block3_type li input {display:none; }
.detail_info .block3_type li label {display:block; padding:.75em 0; margin:0 auto; border:1px solid #d7d7d7; color:#797979; font-size:14px; }
.detail_info .block3_type li input[type="radio"]:checked + label {border-color:#4227cd; color:#4227cd; }
.detail_info .system_type {font-size:13px; }
.detail_info .system_type select {display:block; padding:0 2%; width:100%; height:3em; line-height:3; border:2px solid #4227cd; color:#4227cd; overflow:hidden; }
.detail_info .system_type .info {padding:4%; margin-top:8px; border:2px solid #d7d7d7; line-height:1.4; }
.detail_info .system_type .info p {text-align:right; margin-top:8px; }
.detail_info .system_type .info a {display:inline-block; padding:2% 4%; background:#797979; color:#fff; font-weight:300; font-size:12px; border-radius:2px; }
.detail_info .system_type .info a:hover {background:#000; }
.detail_info .gift_type ul {width:100%; }
.detail_info .gift_type li {width:100%; }
.detail_info .gift_type li label {display:block; min-height:64px; margin-bottom:4px; border:1px solid #d7d7d7; overflow:hidden; position:relative; }
.detail_info .gift_type li .thumb {float:left; display:block; width:52px; height:52px; margin-top:4px; }
.detail_info .gift_type li .thumb img {max-width:100%; }
.detail_info .gift_type li .text {float:right; display:block; width:80%; margin:2px auto; font-size:14px; color:#797979; }
.detail_info .gift_type li .text.text1 {margin-top:12px; }
.detail_info .gift_type li .text.text2 {margin-bottom:12px; font-weight:600; font-size:16px; }
.detail_info .gift_type .btn_wrap {position:absolute; top:6px; right:8px; }
.detail_info .gift_type .btn_wrap * {display:block; padding:4px 0; margin:2px 0; border:1px solid #d7d7d7; font-size:12px; text-align:center; }
.detail_info .gift_type .btn_wrap em {width:52px; }
.detail_info .gift_type .btn_wrap button {width:52px; }
.detail_info .gift_type li input {display:none; }
.detail_info .gift_type li input[type="radio"]:checked + label {border-color:#4227cd; }
.detail_info .gift_type li input[type="radio"]:checked + label .text {color:#222; }
.detail_info .gift_type .btn_wrap em:hover ,
.detail_info .gift_type .btn_wrap button:hover ,
.detail_info .gift_type li input[type="radio"]:checked + label em {background:#4227cd; border-color:#4227cd; color:#fff; }

.detail_add_btn {padding:1em; background:#000; color:#fff; text-align:center; cursor:pointer; }
.detail_add_info {display:none; }
.detail_add_info.on {display:block; margin-top:32px; }
.detail_add_info select {display:block; width:100%; height:48px; padding:0 12px; line-height:48px; font-size:16px; }
.detail_add_info .add_dis {display:inline-block; margin-top:16px; font-weight:300; font-size:18px; }
.detail_add_info .add_dis input {margin-right:4px; }
.detail_info .tit {font-size:20px; margin:16px 0 8px; }

.phone_spec_wrap { padding-top:10px !important; max-height:320px; overflow-y:auto; }
.phone_spec_wrap .detail_top { padding:20px 5px 0px; background-color:#f5f5f5; }
.phone_spec_wrap .maxbanner_nav_wrap { display:none; }

.phone_spec_wrap .detail_info { padding:10px 0 0; border:none; border-radius:0; }
.phone_spec_wrap .detail_info .box {padding-bottom:0em; margin-bottom:0em; border-bottom:none; }

.phone_spec_wrap .detail_info .color_type ul { display:flex; justify-content: space-between; }
.phone_spec_wrap .detail_info .color_type li { width:100%; }
.phone_spec_wrap .detail_info .color_type li label {display: inline-block; margin-bottom: 8px; width: 16px; height: 16px; border: 1px solid #d7d7d7; border-radius: 100%; }
.phone_spec_wrap .detail_info .color_type li label span {display:inline-block; width:18px; height:18px; border-width:1px; border-style:solid; border-color:transparent; border-radius:100%; margin-left: -2px; margin-top: -2px; }
.phone_spec_wrap .detail_info .color_type li input[type="radio"]:checked + label {border-color: #000; }
.phone_spec_wrap .detail_info .color_type li input[type="radio"]:checked + label span { border-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); }


.help {margin:4px 0 8px; font-size:12px; line-height:1.2; }
.help::before {content:''; display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:middle; background:url("../image/common/ico_help.png") no-repeat; background-size:16px; }
.help.color , .help em {color:#4227cd; }
.help.color::before {background-image:url("../image/common/ico_help_on.png"); }

.detail_side_wrap {width:100%; margin-bottom:32px}
.detail_side {background:#f5f5f5; position:relative; margin-top:10px; }
.detail_side .tit {padding:10px; font-weight:600; border-bottom:none !important; }
.detail_side .sale_info {border:1px solid #840404; padding:8px 8px 8px; margin:8px; background:#b71414; color:#fff; }
.detail_side .sale_info .info_txt { text-align:center; line-height:1.5em; }
.detail_side .sale_info .info_price { text-align:center; font-size:36px; font-weight:bold; margin-bottom:5px; }
.detail_side .sale_info .info_price span {font-size:12px; }
.detail_side .sale_info_gift {border:1px solid #fff; padding:8px 8px 8px; margin:8px; background:#535353; color:#fff; }
.detail_side .sale_info_gift .info_txt { text-align:center; line-height:2em; color:#fff; opacity:.6; }
.detail_side .sale_info_gift .info_gift { text-align:center; font-size:18px; font-weight:bold; margin-bottom:0px; color:#fff; }
.detail_side .sale_info_gift .info_gift span {font-size:12px; }

.detail_side .box {border:1px solid #d7d7d7; padding:10px 10px 10px; margin:8px; background:#fff; }
.detail_side .box dl {text-align:right; font-size:13px; }
.detail_side .box dt {float:left; margin-top:4px; font-weight:600; }
.detail_side .box dd {margin:0 0 4px; font-weight:600; font-size:20px;  }
.detail_side .box dd span {display:block; margin-top:8px; font-weight:400; font-size:13px; }
.detail_side .box .sum {padding-top:8px; margin-top:8px; border-top:1px dashed #b5b5b5; }
.detail_side .view_text {margin:16px; font-size:12px; }
.detail_side .view_text li {margin:8px 0; }
.detail_side .view_text p {padding-top:8px; margin-top:8px; border-top:1px solid #797979; }
.detail_side .view_text span {float:right; font-size:14px; }
.detail_side .hidden_text {margin:16px; display:none; font-size:12px; }
.detail_side .hidden_text.on {display:block; }
.detail_side .hidden_text li {margin:8px 0; }
.detail_side .hidden_text p {padding-top:8px; margin-top:8px; border-top:1px solid #797979; }
.detail_side .hidden_text span {float:right; font-size:14px; }
.detail_side .help {margin:8px 8px 16px; padding-left:20px; text-indent:-20px; }
.detail_side .bt_add {position:absolute; top:24px; right:16px; text-decoration:underline; font-weight:600; font-size:13px; }
.detail_side .bt_add:hover {color:#4227cd; }
.detail_side .btns {width:100%; overflow:hidden; }
.detail_side .btns input {float:left; padding:16px 0; font-weight:600; font-size:14px; }
.detail_side .btns input[type='submit'] {width:100%; background:#000; color:#fff; font-weight:300; font-size:20px; }
.detail_side .btns input[type='button'] {width:50%; background:#fff; border:1px solid #d7d7d7; }
.detail_side .btns input.color {width:50%; color:#4227cd; border:1px solid #d7d7d7; border-left:0; }
.detail_side .btns .add_btns { display:block; font-weight:300; font-size:20px; text-align:center; padding:16px 0; float:left; width:100%; background:#655bcb; color:#fff; }

.detail_tab {width:87.5%; margin:0 auto; }
.detail_tab ul {width:100%; overflow:hidden; font-size:12px; }
.detail_tab li {float:left; width:25%; text-align:center; }
.detail_tab li a {display:block; padding:1em 4%; border:1px solid #d7d7d7; border-left-width:0; }
.detail_tab li:first-child a {border-left-width:1px; }
.detail_tab li a:hover , .detail_tab li a.current {background:#000; border-color:#000; color:#fff; }
.detail_tab_box {width:87.5%; margin:32px auto 0; }
.detail_tab_box .tit {text-align:center; margin-bottom:1em; font-weight:600; font-size:16px; }
.detail_tab_box .tit span {display:block; margin-top:16px; font-size:14px; }
.detail_tab_box .no_con {}
.detail_contents img {width:100%; height:auto; }

.detail_tab_box .noticemsg {text-align:center; }	
.detail_tab_box .noticemsg ul {font-size:15px; text-align: left; margin-left:10px; }
.detail_tab_box .noticemsg li {margin:20px 0; }

.detail_depth_tab {width:100%; margin:0 auto; overflow:hidden; font-size:13px; }
.detail_depth_tab li {float:left; display:table; width:24%; margin:.5%; text-align:center; }
.detail_depth_tab li a {display:table-cell; vertical-align:middle; height:4em; line-height:1.3; padding:.5em; border:1px solid #d7d7d7; color:#797979; text-decoration:none; }
.detail_depth_tab li a.current {border-color:#000; font-weight:600; color:#000; }
.detail_depth_tab_box .title {padding:1em; margin-top:36px; background:#d7d7d7; color:#000; text-align:center; }
.detail_depth_tab_box .gift_lst {width:100%; overflow:hidden; }
.detail_depth_tab_box .gift_item {float:left; width:49%; padding:4%; margin:10px 0; border:1px solid #d7d7d7; box-sizing:border-box; }
.detail_depth_tab_box .gift_item:nth-child(2n) {margin-left:2%; }
.detail_depth_tab_box .gift_thumb {width:100%; margin-bottom:16px; line-height:0; background:#d7d7d7; }
.detail_depth_tab_box .gift_thumb img {width:100%; height:auto; }
.detail_depth_tab_box .gift_item strong {font-size:14px; }
.detail_depth_tab_box .gift_item span {display:block; margin:8px 0; font-size:14px; }
.detail_depth_tab_box .gift_item .btns {width:100%; overflow:hidden; text-align:center; font-size:12px; }
.detail_depth_tab_box .gift_item .btns a {float:left; width:49%; padding:8px 0; border:1px solid #d7d7d7; box-sizing:border-box; text-decoration:none; }
.detail_depth_tab_box .gift_item .btns label {float:left; width:49%; padding:8px 0; margin-left:2%; border:1px solid #d7d7d7; box-sizing:border-box; }
.detail_depth_tab_box .gift_item .btns input {display:none; }
.detail_depth_tab_box .gift_item .btns a:hover ,
.detail_depth_tab_box .gift_item .btns label:hover {background:#000; border-color:#000; color:#fff; }
.cntpage {margin-bottom:32px; }

@media screen and (max-width:414px){
	.detail_info .dtt {margin-bottom:22px; font-size:22px; }
	.detail_info .tit {font-size:16px; }
}

.detail_depth_right_wrap {float:left; width:100%; margin:0 0 2em; position:relative; }
.detail_depth_right {padding:0 8px; border:1px solid #d7d7d7; background:#f9f9f9; position:relative; }
.detail_depth_right .point {padding:8px 0; }
.detail_depth_right .point p {padding:8px 4px; font-weight:bold; }
.detail_depth_right .point1 {font-size:14px; border-bottom:}
.detail_depth_right .point2 {font-size:14px; }
.detail_depth_right .point3 {font-size:14px; }
.detail_depth_right .point p span {float:right; font-size:18px; }
.detail_depth_right .point2 span {color:#655bcb; }
.detail_depth_right .point3 span {color:red; }
.detail_depth_right .point a {display:block; padding:16px; margin:8px 0 16px; font-size:14px; background:#000; color:#fff; text-align:center; }
.detail_depth_right ul {height:auto; overflow-y:auto; }
.detail_depth_right li {border:1px solid #d7d7d7; padding:8px; margin:0 0 8px; background:#fff; position:relative; }
.detail_depth_right li em {display:block; width:160px; margin:0 0 4px; font-size:13px; line-height:1.4; }
.detail_depth_right li p {width:100%; overflow:hidden; text-align:right; }
.detail_depth_right li p span {float:left; display:block; width:94px; }
.detail_depth_right li p span button {width:28px; height:24px; border:1px solid #d7d7d7; color:#000; vertical-align:middle; }
.detail_depth_right li p span button:hover {background:#ccc; }
.detail_depth_right li p span input {width:36px; height:22px; text-align:center; border:1px solid #d7d7d7; border-left:0; border-right:0; vertical-align:middle; }
.detail_depth_right li p strong {float:right; display:block; width:95px; font-size:20px; }
.detail_depth_right li a {position:absolute; top:0; right:0; width:24px; height:22px; font-size:0; background:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/common/close-stroke-off.svg") 50% no-repeat; background-size:12px auto; }
.detail_depth_right li a:hover {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/common/close-stroke-on.svg"); background-color:#655bcb; }



.customer_tab {width:87.5%; margin:0 auto; overflow:hidden; border:1px solid #d7d7d7; box-sizing:border-box; }
.customer_tab li {float:left; width:33.333%; margin:3% 0; font-size:20px; color:#797979; text-align:center; border-left:1px solid #d7d7d7; box-sizing:border-box; }
.customer_tab li:first-child {border:0; }
.customer_tab li i {display:block; margin:0 auto .75em; width:100%; height:64px; background-position:50%; background-repeat:no-repeat; background-size:auto 100%; }
.customer_tab li.tab1 i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab1.jpg"); }
.customer_tab li.tab2 i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab2.jpg"); }
.customer_tab li.tab3 i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab3.jpg"); }
.customer_tab li.active {color:#4227cd; }
.customer_tab li.tab1.active i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab1_on.jpg"); }
.customer_tab li.tab2.active i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab2_on.jpg"); }
.customer_tab li.tab3.active i {background-image:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/sub/customer_tab3_on.jpg"); }

@media screen and (max-width:768px){
	.customer_tab li {font-size:16px}
}
@media screen and (max-width:640px){
	.customer_tab li i {height:48px; }
}
@media screen and (max-width:414px){
	.customer_tab li {font-size:13px}
	.customer_tab li i {height:38px; }
}



/* 20200326 */
select.order_form_select {display:block; padding:0 2%; width:100%; height:3em; line-height:3; border:2px solid #4227cd; color:#4227cd; overflow:hidden; }
div.inline { display:block; padding:.25em 0 .5em; }
div.inline input, div.inline label { display:inline-block; }



/* 서브페이지 공통CSS */
.sub_div { width:100%; float:left; position:relative; padding:15px 20px; background-color:#fff; }
.sub_div_02 { width:100%; float:left; position:relative; padding:15px 0; }

.sub_div_100 { width:100%; float:left; position:relative; }
.sub_div_100 ul { width:100%; float:left; padding:15px; }

.sub_section_100 {
    border-bottom: 12px solid #f5f5f5; background-color: #fff; }

/* 휴대폰계산기 단말기 스펙 */
.hp_spec { width:100%; float:left; margin-top:4px; padding-bottom: 10px; }
.hp_spec dl {width:100%; float:left; display:flex; font-size:12px; margin-bottom:2px; }
.hp_spec dt { color:#000; font-weight:700; }
.hp_spec dd { color:#000; }

.hp_spec hr { display:block; width:100%; float:left; height:1px; background-color:#eee; margin:5px 0; }

.hp_spec_type01 dt,
.hp_spec_type03 dt { width:70px; }
.hp_spec_type01 dd,
.hp_spec_type03 dd { width:calc(100% - 70px); word-break:break-all; }

.hp_spec_type02 { width:100%; float:left; display:flex; flex-wrap: wrap; margin-top:15px; }
.hp_spec_type02 dl {}
.hp_spec_type02 dt {width:50px; margin-right:5px; }
.hp_spec_type02 dd { }

.hp_spec_type03 { width:100%; float:left; }



/* 휴대폰계산기 레이아웃 */



/* 휴대폰계산기 CSS */
.consult_section {width:100%; float:left; overflow-X:auto; padding:15px; }
.consult_section .consult_wrap { width:770px; }
.consult_section .consult_wrap .consult_flex {width:100%; display:flex; }

.consult_section .consult_wrap .consult_flex .consult_group {width:calc(100% / 3); border:1px solid #ddd; border-left:none; padding:5px; position:relative; }
.consult_section .consult_wrap .consult_flex .consult_group:nth-child(1) {border-left:1px solid #ddd; }

.consult_section .consult_wrap h3 {font-size:16px; font-weight:800; border-bottom:2px solid #000; padding-bottom:6px; margin-bottom:6px; }
.consult_section .consult_wrap h3 span {display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; border-radius:50%; margin-right:2px; }

.consult_section .consult_wrap .consult_flex .consult_group .consult_item { line-height:25px; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl { width: 100%; float: left; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dt {width:70px; padding:5px 0; float:left; margin:2px 0; font-size:13px; position:relative; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dt.two_lines { line-height:1; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dt sup { display:inline-block; font-size:10px; margin-left:2px; width:13px; height:13px; line-height:12px; border:1px solid red; text-align:center; border-radius:50%;  font-weight: 600; color: red; vertical-align: 1px;}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd {border:1px solid #f5f5f5; background-color:#f5f5f5; border-radius:4px; width:calc(100% - 70px); text-align:right; padding:5px; font-weight:600; float:right; margin:2px 0; font-size:13px; position:relative;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex { display:flex; justify-content: flex-end; align-items: center; align-items: flex-start;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex select,
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex .input_text { width:calc(100% - 40px);}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex i { width:30px; text-align:center; font-size:16px; margin-top: 4px;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.white_bg { border-color:#eee; background-color:#fff;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.white_bg [type="radio"] { border:none; background:none; background-color:transparent; background-image:none; width:0 !important; height:0 !important;}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item .noti_01 { display:block; font-size:11px; color:#999; font-weight:400; text-align:right; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item .noti_01.point { font-size:10px;}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .pro_pop_btn [type="number"],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .pro_pop_btn [type="text"],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text [type="number"],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text [type="text"] {text-align: right; padding:0;}


.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .pro_pop_btn [type="text"] {}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex .pro_pop_btn { width:calc(100% - 30px);}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex i.pro_pop_btn { width:auto; position:absolute; top:6px; left:10px;}
/*
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex [type="number"],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd.flex [type="text"] {}
*/

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd [type="number"],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd [type="text"] { background-color:transparent; max-width: calc(100% - 36px); text-align:right; padding:0;}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total { padding-top:4px; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total dt {  font-weight:600; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total dd { font-weight:800; font-size:20px; }

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total_price { margin-top: 4px;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total_price dt {}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total_price dd { width:auto; font-weight:800; font-size:32px; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total_price dd .noti_01 {font-size:12px; }

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total.etc { line-height:16px}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text { display:flex; align-items: center; justify-content: flex-end;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text input[type=text] { width:calc(100% - 18px); background-color:transparent; height:26px; text-align:right; padding:0; border-radius:0;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text i { font-size:20px; vertical-align:-2px;}

.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text_inner { display:flex; align-items: center; justify-content: space-between; padding-left:10px; margin-top:-10px; border-bottom:1px solid #ddd;}
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd .input_text_inner input[type=text] { width:calc(100% - 18px); background-color:transparent; height:26px; text-align:right; padding:0; border-radius:0;}


.consult_section .consult_wrap .consult_flex .consult_group .consult_item .help { width: 100%; float: left; color:#999; font-size:12px; }
.consult_section .consult_wrap .consult_flex .consult_group .consult_item .help:before { background-size:12px; margin-right:0px;}

.consult_section .consult_wrap .consult_flex.total { align-items:flex-start; background-color:#f5f5f5; border:1px solid #ddd; border-top:none; box-sizing: border-box; width: 100%; }
.consult_section .consult_wrap .consult_flex.total .consult_group { border:none; }


.consult_section .consult_wrap select,
.consult_section .consult_wrap .select { width:100%; height:25px; border:none; text-align:right; padding-right:20px; background-size:14px !important; float:right; direction:rtl; background-image:none !important; padding:0; /*padding:0 20px 0 0px;*/ background-color:transparent;}

.consult_section .consult_wrap .select { height:36px !important; line-height:25px !important; /*padding-right: 20px !important; background-image: url(../../../img/common/select.png) !important; background-repeat: no-repeat !important; background-position: right !important; */ }


.consult_modal_btn_wrap {display:flex; text-align:center; font-size:12px; line-height:1.2; letter-spacing:-1px; }
.consult_modal_btn_wrap .consult_modal_btn {width:calc(100% / 6); padding:0 5px; }
.consult_modal_btn_wrap .consult_modal_btn i {font-size:24px; display:block; margin-bottom:4px;}
.consult_modal_btn_wrap .consult_modal_btn i.xi-share { width: 24px; height: 24px; border: 1px solid #000; border-radius: 50%; text-align: center; line-height: 20px; margin: 0 auto 4px; font-size: 18px; background-color:#000; color:#fff; }
.consult_modal_btn_wrap .consult_modal_btn img { display:block; margin:0px auto 4px; height:24px;}

.modal_btn { cursor:pointer;}

.bot_menu_wrap {position:fixed; bottom:0px; left:0; bottom:0px; width:100%; z-index:9; }
.bot_menu {width:100%; max-width:800px !important; margin:auto; display:flex; justify-content: space-between; border-top:1px solid rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,1); }
.bot_menu .bot_menu_btn_share { width:20%; height:55px; position:relative; background-color:#fff; color:#4227cd;}
.bot_menu .bot_menu_btn_share span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:10px; font-size:600; text-align:center;}
.bot_menu .bot_menu_btn_share span i{ display:block; font-size:30px; margin-bottom:2px;}
.bot_menu .bot_menu_btn_share span img { display:block; height:32px; margin-bottom:0px;}
.bot_menu .bot_menu_btn_01,
.bot_menu .bot_menu_btn_02,
.bot_menu .bot_menu_btn_03 {width:calc(100% / 3); padding:15px 0px; text-align:center; font-size:18px; font-weight:600; border-radius:0px; color:#fff; cursor:pointer; }
.bot_menu .bot_menu_btn_01 img,
.bot_menu .bot_menu_btn_02 img,
.bot_menu .bot_menu_btn_03 img { height: 22px; vertical-align: -4px; margin-left: 10px;}

@media (max-width: 800px) {
    .bot_menu {width:100%; max-width:100%; }
}


/*.dc_list_wrap { position:absolute; left:0px; bottom:0; width:100%; padding:20px 10px 10px; border-top:1px solid #ddd; border-bottom:10px solid #ddd;}*/
.dc_list_wrap {
    /* position: absolute; */
    /* left: 0px; */
    /* bottom: 0; */
    width: 100%;
    padding: 20px 10px 10px;
    border-top: 1px solid #ddd;
    /* border-bottom: 10px solid #ddd; */
    width: calc(100% + 10px);
    float: left;
    margin-top: 160px;
    margin-left: -5px;
}

.dc_list_wrap .dc_list_title {margin-bottom:6px;font-weight:800; font-size:18px; color:#5149f7;}
.dc_list_wrap .dc_list_con {width:100%; float:left; font-size:15px; font-weight:500;}
.dc_list_wrap .dc_list_con dl {display:flex; justify-content: space-between; margin-bottom:6px;}
.dc_list_wrap .dc_list_con dt {width:100px;}
.dc_list_wrap .dc_list_con dl.total {margin-top:4px; border-top: 1px solid #ddd; padding-top: 10px; font-weight:700;}
.dc_list_wrap .dc_list_con dl.total dd {font-size:20px; font-weight:800; color:#F00;}




/* 상담 > 요즘상세보기 그룹 체크  */

.group_checkbox .btn_wrap {width:100%; float:left; display:flex; justify-content:space-between; flex-wrap: nowrap; padding:0 20px; font-size:14px; color:#000; background-color:#fff; }

.group_checkbox label[for*="tab"] { width:100%; }

.group_checkbox label[for*="tab"] {width:calc(100% / 3); float: left; border: 1px solid #ddd; border-left:none; padding: 10px 0; cursor:pointer; text-align:center; }
	
.group_checkbox label[for*="tab"]:nth-child(1) {border-left:1px solid #ddd; }

.group_checkbox label[for*="tab"] .icon_check { display:none; } /* 체크 시 보여지는 체크 아이콘 // 기본값: 숨김 */

.group_checkbox {} /* 화면의 가운데 정렬 */

.group_checkbox input[type="radio"],
.group_checkbox input[type="checkbox"] {display:none; } /* input을 안보이게 처리 */
 /*.group_checkbox label[for*="tab"] {display:inline-block; padding:10px; background:#ccc; color:#999; font-size:14px; cursor:pointer; margin:5px; border-radius:100%; } label에 대한 버튼속성
.group_checkbox label[for*="tab"]:hover { background-color:#69F; } */

/*.group_checkbox .btn_wrap {padding:10px; text-align:center; }*/


.group_checkbox input[id="tab01"]:checked ~ .btn_wrap > label[for="tab01"], /* 인풋에 체크가 되면 버튼 색상변화 */
.group_checkbox input[id="tab02"]:checked ~ .btn_wrap > label[for="tab02"],
.group_checkbox input[id="tab03"]:checked ~ .btn_wrap > label[for="tab03"],
.group_checkbox input[id="tab04"]:checked ~ .btn_wrap > label[for="tab04"] { background-color:#000; color:#fff; font-weight:600; }

group_checkbox label[for*="tab"]:hover,
.group_checkbox input[id="tab01"]:checked ~ .btn_wrap > label[for="tab01"] .icon_check, /* 인풋에 체크가 되면 보여지는 체크 아이콘 */
.group_checkbox input[id="tab02"]:checked ~ .btn_wrap > label[for="tab02"] .icon_check,
.group_checkbox input[id="tab03"]:checked ~ .btn_wrap > label[for="tab03"] .icon_check,
.group_checkbox input[id="tab04"]:checked ~ .btn_wrap > label[for="tab04"] .icon_check { display:inline-block; color:#fff; margin-right:4px; }

.group_checkbox .conbox {width:100%; float:left; margin:0 auto; display:none; } /* 컨텐츠 영역 */

.group_checkbox input[id="tab01"]:checked ~ .con1 {display:block; } /* 인풋에 체크가 해당 요소보이게 설정 */
.group_checkbox input[id="tab02"]:checked ~ .con2 {display:block; }
.group_checkbox input[id="tab03"]:checked ~ .con3 {display:block; }
.group_checkbox input[id="tab04"]:checked ~ .con4 {display:block; }



/* mystyle.css */
/* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 99999; /* Sit on top */
            left: 0; top: 0; width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
			font-size:14px; }
        /* Modal Content/Box */
        .modal-content {
            background-color: #fff; border: 1px solid #888; width: calc(100% - 40px); /* Could be more or less, depending on screen size */
			max-width:400px; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); min-height:100px; border-radius: 4px; }
		
		/* 휴대폰계산기 모달 스타일 */
		.modal-content.modal-consult {
			text-align:left; } 
		
		/* 휴대폰계산기 모달 스타일 */
		.modal-content.modal-consult h3 {
			width:100%; float:left; padding:20px; font-size:20px; font-weight:600; } 
		
		.modal-content.modal-consult .modal-con {
			width:100%; float:left; padding:0 20px 20px; } 
		
        /* The Close Button */
        .modal_close {
            color: #000; font-size: 24px; font-weight: bold; position:absolute; top:00px; right:00px; width:44px; height:44px; padding:20px 20px 0px 0; /* 닫기버튼 위치를 top:16 / right:16으로 조정 */
			line-height:24px; text-align:center; color:#999; }
        .modal_close:hover,
        .modal_close:focus {
            color: black; text-decoration: none; cursor: pointer; }
 
 
 
#smart_editor2 { min-width:0 !important;}

.btn_cke_sc { display:none;}


/* 기본폼 */
.form_01 .write_div {margin-bottom:10px;position:relative}
.form_01 .bo_w_select.required { position:relative;}
.form_01 .bo_w_select.required:after { content:''; width:15px; height:15px; background:url(../../../../img/require.png) top right no-repeat; display: inline-block; position: absolute; top: 0; right: 5px;}
.form_01 li {margin:0 0 10px;position:relative;list-style:none}
.form_01 textarea, .write_div textarea, .frm_input {border:1px solid #ddd; background-color:#fff;color:#000;vertical-align:middle;padding:5px; box-shadow:none}
.form_01 textarea {width:100%;height:260px; }
.frm_input {height:40px}
.full_input {width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:40px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;color:#000;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

.form_01 label {
    display: block;
    font-size: 12px;
    color: #999;
}

.form_01 li, 
.form_01 div {
    margin: 0 0 15px;
    position: relative;
    list-style: none;
}




/* 기본폼 + 좌측 아이콘 */
.form_01 .icon { padding-left:30px; min-height:40px;} 
.form_01 .icon p { position:absolute; top:4px; left:0px; font-size:20px;}
.form_01 .icon textarea {border:1px solid #d0d3db; padding:5px;}
.form_01 .icon .frm_input, 
.form_01 .icon .etc_input { border:none; border-bottom:1px solid #d0d3db; padding:0 0 5px 0; height:35px; margin-bottom:5px; border-radius:0;}

.form_01 .bo_w_select.icon p { top:10px !important;}

.form_01 .bo_w_flie.icon label { margin-bottom:10px; top:30px;}

.form_01 .bo_w_flie .filebox .fileName { height:40px;}
.form_01 .bo_w_flie .filebox p { left:-30px; top:10px;}

.form_01 .icon .wr_content label { margin-bottom:10px;}
.form_01 .icon .wr_content p { top:30px;}

.form_01 .agree {}
.form_01 .agree p { top:-2px;}
.form_01 .agree .chk_li { }

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 게시판 공통CSS */
#bo_w .write_div { width:100%; float:left; margin-bottom:10px;}
#bo_w .write_div:last-child { margin-bottom:0;}

#bo_w .btn_confirm {width:100%; float:left;}

.btn_submit {border:0;background:#000;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#000}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}


#bo_v { width:100%;}

#bo_v>header { padding:10px 20px 20px;}

#bo_v_info { width: 100%;  float: left;  padding: 20px;  border-top: 1px solid #eee;  margin-top: 20px;}
#bo_v_info i { display:none;}
#bo_v_info .bo_v_info_item { display:inline-block; font-size:14px;}
#bo_v_info .bo_v_info_item.left { float:left; line-height:35px; }
#bo_v_info .bo_v_info_item.right { float:right;}

.bo_v_nb li a { color:#000;}
.bo_v_nb li a i { display:inline-block; margin-right:10px;}

.bo_v_tit { font-size:18px;}

#bo_v_con { min-height:50px; font-size:14px !important; }

#bo_list_total { margin:0; padding:10px 20px; text-align:left; background:none; border-radius:0; font-size:12px;}

.list_01 { width:100%; float:left; border-top:1px solid #ddd;}
.list_01 ul {width:100%; float:left;}
.list_01 ul li {width:100%; float:left; border-bottom:1px solid #eee;}

#bo_sch {width:calc(100% - 0px); float:left; border:none; margin:0; background:#fff; position:relative; padding:20px; }
#bo_sch form {border:1px solid #d7d7d7; width: 100%; float: left; position:relative; }
#bo_sch select { width: 100px; float:left; border: 0; height: 38px; border-right: 1px solid #f8f8f8; float: left;}
#bo_sch .sch_input { width: calc(100% - 140px); height: 38px; float:left; border-left: 1px solid #d7d7d7; padding: 0; background-color: transparent; float: left; padding: 0 3em 0 10px;}
#bo_sch .sch_btn { width: 40px; height: 38px; position: absolute; top: 0; right: 0; border: 0; background: none; font-size: 20px !important;}
#bo_sch .sch_btn i { vertical-align:4px;}

.list_01 .all_chk.chk_box { width:100%; float:left; padding:10px 20px; background-color:#f5f5f5;}
.list_01 .all_chk.chk_box input[type="checkbox"] + label span { top:15px;}
.list_01 .all_chk.chk_box .btn.btn02 { float:right;}

.list_01 li { padding:20px;}

.bo_subject { padding-bottom:0;}
.bo_info i { display:none;}


/* 신고/차단 */
.singo_wrap { display:inline-block;}
.singo_wrap .singo_btn { background-color:transparent; color:#aaa; font-size:13px; text-decoration:none !important; }
.singo_wrap .singo_line { display:inline-block; margin:0 5px; color:#d5d5d5;}

#bo_vc .cmt_contents .singo_wrap { display:block; text-align:right;}


/* 서브페이지 네비게이션 */
.navi_tap { width:100%; float:left; text-align:center; border-bottom:1px solid #ddd; position:fixed; top:60px; left:50%; transform:translateX(-50%); max-width:800px; background-color: #fff; z-index: 99;}
.navi_tap_item { width:50%; float:left; padding:6px 10px 12px; font-size:16px; border-bottom:3px solid #fff; color:#000;}
.navi_tap_item.type_3 { width:calc(100% / 3);}

.navi_tap_balnk {width:100%; float:left; height:41px;}

.navi_tap.manager { position:relative; top:auto; left:auto; transform:translateX(0); z-index:1; margin-top:80px;}

.navi_tap.manager .navi_tap_item { padding-top:14px;}

/************ 후기 CSS ************/

/*** 후기 상단 이미지/텍스트 ***/
.review_top { /*border-bottom:1px solid #ddd;*/ border-top:10px solid #f5f5f5;}
.review_top .review_top_img {}
.review_top .review_top_img img {width:100%;}
.review_top .review_top_noti {text-align:center; padding:20px 0 0; font-size:12px; font-weight:300;}
.review_top .review_top_noti i {font-weight:400; font-size:14px; vertical-align:-1px; margin-right:2px;}

/*** 후기 정렬 등 ***/
.review_sort {padding:20px 20px 0; font-size:14px; display: flex; justify-content: space-between;}

.review_sort .review_sort_item {}
.review_sort .review_sort_item .review_sort_btn {color:#999; cursor:pointer;}
.review_sort .review_sort_item .review_sort_btn.on {color:#465bf0;}
.review_sort .review_sort_item .review_sort_btn::after { content:'|'; font-weight:200; display:inline-block; padding:0 4px; }
.review_sort .review_sort_item .review_sort_btn:last-child::after { display:none;}

.review_sort .review_sort_item .bo_vc_tit { font-size:18px; color:#000;}

.review_sort .review_sort_photo {}


/*** 후기 리스트 CSS ***/
.review_wrap_title { padding:20px; border-top:5px solid #f5f5f5; font-size:18px; border-bottom:1px solid #ddd; font-weight:600;}
.review_wrap_title .review_more { float:right; font-size:14px; color:#999; font-weight:400; margin-top: 4px;}

.review_wrap {width:100%; float:left; border-bottom:1px solid #eee; padding:20px; word-break:keep-all; }

.review_wrap .review_info {margin-bottom:10px; font-size:12px; color:#999; display:inline-block; }
.review_wrap .review_info::after { /*content:'|'; display:inline-block; font-weight:100; padding:0 4px;*/}
.review_wrap .review_info:last-child::after { display:none;}

/* 후기 내용 */
.review_wrap .review_con {width:100%; float:left; min-height: 70px; }
.review_wrap .review_con .review_con_text { display:flex; justify-content: space-between;}

.review_wrap .review_con .review_con_text .review_title { font-weight:600; display:block; margin-bottom:6px; }

.review_wrap .review_con .review_con_text .review_text {}
.review_wrap .review_con .review_con_text .review_text .review_txt { display:block; margin-bottom:10px;}

.review_wrap .review_con .review_con_text .review_text .review_topic { display:inline-block; padding:4px 10px; border-radius:50px; background-color:#f5f5f5; color:#666; font-size:12px;}

.review_wrap .review_con .review_con_text .review_text .review_list_btn_wrap { display:inline-block; float:right;}
.review_wrap .review_con .review_con_text .review_text .review_list_btn { display:inline-block; padding:2px 6px; border:1px solid #000; margin-left:6px; font-size:10px; border-radius:4px;}

.review_wrap .review_con .review_con_text .review_photo { width:80px; min-width: 80px; margin-left: 10px;}
.review_wrap .review_con .review_con_text .review_photo img { width:100%; border:1px solid #eee;}

.review_wrap .review_con p.photo_review { padding-left:70px; } /* 포토리뷰일 경우 */
.review_wrap .review_con p.photo_review span { position:absolute; top:0; left:0; width:60px; height:60px; border:1px solid #eee; border-radius:4px; background-position:center; background-size:cover; background-image:url(../../../img/common/noimage.png); }

.review_wrap .review_comment { width:100%; float:left; padding:10px 10px 10px 30px; background-color:#f5f5f5; border-radius:6px; margin-bottom:10px; position:relative; display:none; }
.review_wrap .review_comment .review_comment_icon {position:absolute; top:10px; left:10px;}

/* 후기 상담정보 */
.review_wrap .review_user {width:100%; float:left; }
.review_wrap .review_user .review_user_img {width:50px; height:50px; float:left; border:1px solid #eee; border-radius:50%; background-position:center; background-size:cover; background-image:url(../../../img/common/noimage.png); }
.review_wrap .review_user .review_user_img .review_user_img_item { width:100%; height:100%; border-radius:50%; background-position:center; background-size:cover;}

/* 후기 평가 */
.review_wrap .review_user .review_user_score {width:calc(100% - 0px); float:left; margin-top:6px; position:relative; }
.review_wrap .review_user .review_user_score .review_user_id {font-size:16px; color:#000; display:inline-block; margin-right:6px; font-weight:600; }
.review_wrap .review_user .review_user_score .review_user_id img { width:16px; vertical-align: -1px;}
.review_wrap .review_user .review_user_score .review_user_star {font-size:14px; color: #f9c832; display:inline-block; padding-left:6px; vertical-align: -2px; }

.review_wrap .review_user .review_user_score .singo_wrap { position:absolute; right:0; top:0;}
 
/* 후기 상담사 정보 */
.review_wrap .review_user.counsel_info {   font-weight:400; font-size:14px; display: flex; align-items: center;}
.review_wrap .review_user.counsel_info .review_user_score { width:calc(100% - 50px); margin-top:0; padding-left:10px; position:relative;}
.review_wrap .review_user.counsel_info .review_user_score .review_user_id {color:#000; font-weight:600; font-size:16px;}
.review_wrap .review_user.counsel_info .review_user_score .review_user_id .cate { display:block; font-size:14px;}
.review_wrap .review_user.counsel_info .review_user_score .review_user_id .counselor_num { display:inline-block; color:#465bf0; letter-spacing:0;}
.review_wrap .review_user.counsel_info .review_user_score .review_user_id .counselor_num:before { content:'|'; font-size:12px; display:inline-block; padding:0 4px; color:#a5a5a5; font-weight:100;}

/* 후기 상담사 답변 */
.review_wrap .review_user.counsel {padding:12px; border-radius:10px; font-weight:400; background-color:#faf2f4; margin-bottom:10px; font-size:14px; margin-top:20px; border:1px solid #f7d5de !important; }
.review_wrap .review_user.counsel .review_re_name { font-weight:600; padding-bottom:6px;}
.review_wrap .review_user.counsel .review_re_name .re_date,
.review_wrap.qa .review_user.counsel .review_re_name .re_date {opacity:.5; font-size:12px; display:inline-block; margin-left:6px; font-weight:400;}
.review_wrap .review_user.counsel .review_re_con { display:block; word-break:keep-all; }

.review_wrap .review_user .review_user_my {width:calc(100% - 25px); float:left; width:calc(100% - 25px); float:left; } /* 내후기관리 > 작성일자 */
.review_wrap .singo_wrap { position:absolute; top:28px; right:0;}

/* 후기 쓰기 버튼 */

.review_write_btn { text-align:center; padding:20px;}
.review_write_btn button,
.review_write_btn a { width:100%; display:block; line-height:20px; padding:12px; background-color:#000; color:#fff; text-align:center; width:100%; border-radius:4px; font-size:16px;}
.review_write_btn button i,
.review_write_btn a i { vertical-align:-1px;}

.review_write_noti { padding:0 20px 20px; text-align:center; font-size:14px; color:#465bf0;}
.review_write_noti .review_guide { color:#999; margin-top:10px;}
.review_write_noti .review_guide i { font-size:18px; vertical-align:-2px;}


/***** 상담문의 게시판 // 후기게시판 커스텀 ******/
.review_wrap.qa .singo_wrap { top:0;}

.review_wrap.qa .review_user .review_user_score { margin-top:0;}
.review_wrap.qa .review_user .review_user_score .review_user_id {font-size: 16px; font-weight: 600; color: #000; margin-right: 6px; margin-top:0; display: inline-block;}
.review_wrap.qa .review_user .review_user_score .review_user_id .date {font-size: 14px; color: #777; font-weight:400;}	
.review_wrap.qa .review_con { min-height:0;}
.review_wrap.qa .review_con .review_con_text { display:block;}
.review_wrap.qa .review_con { margin-top:10px;}

.review_wrap.qa .review_user.counsel { margin-top:10px; margin-bottom:0; border:1px solid #f7d5de; background-color: #faf2f4;}
.review_wrap.qa .review_user.counsel .review_re_name { padding-bottom:0;}

.review_wrap.qa .review_user.counsel .review_re_con { padding-top:6px;}
.review_wrap.qa .review_user.counsel .review_re_state { display:inline-block; padding:2px 8px; border-radius:50px; background-color:#c3c3c3; color:#999; float:right; font-weight:400;}





/* 게시판 공통수정 */

.bo_v_nb i { padding-right:10px; }

.bottom_btn,
#bo_w .btn_confirm { position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; margin:0; max-width:800px; z-index:9; }

#bo_w .file_del { display:block; margin-top:6px; }
#bo_w .file_del label { color:#2b3990; display:inline; font-weight:500; }

/*
.bottom_btn a, .bottom_btn .btn_100 {    height: 60px !important; line-height: 60px !important; font-size: 18px !important; border-radius: 0 !important; }
*/

.filebox .btn_file { top:5px; right:5px; }

.btn_100 {
    width: 100%; float: left; color: #fff; background-color: #2a3c90; height: 60px; line-height: 60px; font-weight: 500; font-size: 16px; text-align: center; border-radius: 10px; }

#bo_v_act { display:none;}

#bo_vc { width:100%; float:left; }
#bo_vc h2.bo_vc_tit { padding-top:10px; width:100%; float:left; }
#bo_vc h2 span { color:#465bf0 !important; }
#bo_vc article .comment_inner { position:relative; padding: 0px 0px 10px; background:none; margin: 10px 0 10px; width: 100%; float: left; }
#bo_vc header {/* position:absolute !important; left:0px; bottom:10px; */ font-size:12px; color:#777; }
#bo_vc .cmt_contents { margin-top:0 !important; width:100%; float:left; }
#bo_vc .cmt_contents p { font-size:16px; margin-top:10PX; }
#bo_cate #bo_cate_on:after { background:none !important; }
.bo_vc_w textarea { width:calc(100% - 0px); height:40px; resize:none; padding:8px; }
#bo_vc_w { width:100%; float:left; }
.bo_vc_w .btn_confirm { margin-top:10px; width:100%; }
.bo_vc_w .btn_submit { background-color:#655bcb; color:#fff;  height:40px; width:100%; padding:0 !important; text-align:center !important; font-size:13px; font-weight:400; }
.bo_vc_w .bo_vc_secret { display:none; } 
.bo_vc_w_wr { display:block; }
.bo_vc_w_info { margin:0 !important; }


#bo_vc_empty { padding:10px 0px 0 !important; }

#bo_sch select { padding-left:8px !important; }

.btn_bo_user { z-index:2; }

#bo_v_act_good { width:180px !important; color:#9f1f63 !important; border:1px solid #ddd; background:rgba(255,255,255,.9) !important; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,.2); left:-50% !important; }

.more_opt.is_list_btn { width:110px !important; }

.bo_v_option input[type="checkbox"]#html  + label { display:none !important; }

#bo_list_total {margin:0; background:#fff; text-align:left; }

#bo_list li.bo_notice { background:#f8f8f8;}
#bo_list .notice_icon {display:inline-block; background:#fff; border:1px solid #465bf0; padding:0 5px; line-height:16px; border-radius:4px; font-weight:bold; font-size:11px; color:#465bf0; margin-right:4px; vertical-align: 1px;}
#bo_list .bo_subject { font-size:15px; }
#bo_list .bo_subject .new_icon {display:inline-block; width:18px; line-height:18px; font-size:10px; background:#000; color:#fff; text-align:center; border-radius:6px; margin:0; font-weight:bold; vertical-align:3px; }
#bo_list .bo_subject .fa-download {width:16px; line-height:16px; background:#ffefb9; color:#daae37; text-align:center; font-size:10px; border-radius:6px; vertical-align:3px; }
#bo_list .bo_subject .fa-link {width:16px; line-height:16px; background:#edd3fd; color:#b451fd; text-align:center; font-size:10px; border-radius:6px; vertical-align:3px; }
#bo_list .bo_subject .fa-heart {color:#ff0000; text-align:center; font-size:10px; border-radius:2px}

#bo_list .bo_subject .fa-lock {display:inline-block; line-height:16px; width:16px; font-size:0.833em; color:#000; background:#fff; text-align:center; border-radius:2px; font-size:12px; border:1px solid #000; vertical-align:baseline; vertical-align:1px;}

#bo_list a.btn,
#bo_list .btn { font-size:13px !important;}

.bo_v_tit { font-size:20px !important; font-weight:600;}

.filebox .fileName { border-radius:0 !important;}


/**** 문의상태 ****/

/* 접수 */ .btn_pending, 
/* 답변 */.btn_complete { display:inline-block; padding:2px 4px; border-radius:4px; background-color:#000; color:#fff; font-size:13px; }


.btn_pending { background-color:#F00;} /* 접수 */
.btn_complete { background-color:#655bcb; }/* 답변 */



/**** 지점권한: 고객등록 ****/
.con_wrap { width:100%; float:left; padding:20px 20px 0; }

.con_wrap h3 { margin-bottom:10px; font-size:16px;}
.con_wrap h3 i { font-size:18px; vertical-align:-2px;}

.search_wrap { display:flex; justify-content: space-between; align-items: center;}
.search_wrap .total { font-size:14px;}
.search_wrap .search { border:1px solid #000; border-radius:4px; position:relative;} 
.search_wrap .search input { width:180px; padding-right:30px; height:36px; border-radius:4px; position:relative; z-index:1; }
.search_wrap .search button { position:absolute; top:50%; transform:translateY(-50%); right:0; width:30px; height:36px; background-color:transparent; text-align:center; padding:0; color:#000; z-index:2;}

.con_wrap .table_con {border-top:1px solid #000; color:#000; font-size:14px;}
.con_wrap .table_con tr th,
.con_wrap .table_con tr td { padding:5px 5px; border-bottom:1px solid #f3f3f3; text-align:center; line-height:22px;}
.con_wrap .table_con tr th { background-color:#eaedff; font-weight:500;}
.con_wrap .table_con tr td { background-color:#fff; vertical-align:top;}
.con_wrap .table_con tr td .pro_text { width:100%; height:90px; font-size:14px; resize:none; overflow-y: hidden;} /* 광고관리>광고문구 */
.con_wrap .table_con .num_td { width:50px !important;} /* 체크박스, 게시물 번호 */
.con_wrap .table_con .state_td { width:100px !important;}

.con_wrap .table_con tr:last-child td { border-bottom:1px solid #e5e5e5;}


.con_wrap .btn_del {    display: inline-block;
    width: auto;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px !important;
    text-align: center;
    padding: 0 10px;
    background-color: #000;
    cursor: pointer;
}

.con_wrap .btn_del.off { background-color:#ccc;}


/*  푸시알림 CSS */

.my_con { background-color:#fff;}
.my_push { position:relative; padding: 15px; border-bottom: 1px solid #eee;}

.my_push .push_btn { position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:20px; color:#999;  }

.my_push .date {color:#999; font-size:14px; padding-right:30px; position:relative;}
.my_push .today { color:#F00 !important; font-weight:800 !important;}

.my_push .title {width:100%; float:left; font-size:14px; line-height:1.6; color:#000; font-weight:600;}
.my_push .title p {display:inline-block;}
.my_push .title p.call {color:#F90; }
.my_push .title p.event {color:#2e3192; }

.my_push .text {width:calc(100%); float:left; line-height:1.3; padding:6px 0; font-size:16px; color:#000; background-position:10px; background-repeat:repeat-y; font-weight:600;}
.my_push .call_bg { /*background-image:url(../images/common/dot_02.png);*/}
.my_push .event_bg { /*background-image:url(../images/common/dot_03.png);*/}
.my_push .text p {margin-top:5px; font-weight:400; color:#444; font-size:12px; line-height:160%;}
.my_push .text p.btn { border-radius:50px; border:2px solid #2e3192; text-align:center; display:block; line-height:50px; height:50px; font-weight:600; color:#2e3192; font-size:16px; margin-top:10px;}