@charset "utf-8";
@import url(/include/css/swiper.min.css);
/* 공통 */
.header {/*z-index: 999; position: fixed; top: 0; left: 0;*/ width: 100%; display:flex; align-items:center; justify-content:space-between; height:50px; padding:0 5px 0 15px; box-sizing: border-box; border-bottom: 1px solid #f3f3f3; background:#fff;}
.header h1 { width:140px; height:25px; background: url('/include/img/logo.png?t=1') center no-repeat; background-size: auto 18px}
.header h1 a {display: block; width:100%; height:100%;}
.cont_wrap {}
.sub_wrap nav.top_nav {position:relative; height:50px; background:#159fda;}
.sub_wrap nav.top_nav h3 {padding-top:14px; font-size:17px; color:#fff; text-align: center;}
.sub_wrap nav.top_nav button {position:absolute; top:18px; left:5%; width:21px; height:15px; background: url('/include/img/back_btn.png?t=1') no-repeat; background-size: auto 15px}
.body_over {overflow: hidden; touch-action:none;}
/*키컬러 - 버튼 */
.none_box {color:#fff; background:#b3b3b3; border-radius:5px; transition:0.5s}
.default_box {color:#fff; background:#159fda !important; border-radius:0; transition:0.5s}
.gray_line {color:#999; border:1px solid #ccc; border-radius:5px; transition:0.5s}
.key_line {color:#159fda; border:1px solid #159fda; border-radius:5px; transition:0.5s}
.red_clr {color:#ff4040 !important;}
.key_color {color:#159fda !important;}
.key_box {color: #fff; background: #159fda !important; border-radius:0; transition: 0.5s; border: 1px solid #159fda;}
.default_box2 {color:#fff; background:#888; transition:0.5s}
.default_line {border:1px solid #e5e5e5; background:none; transition:0.5s}
.default_box_3 {color:#b3b3b3; background:#e5e5e5 !important; transition:0.5s}
.default_line2 {color:#777; border:1px solid #888; background:none; transition:0.5s}
.default_line3 {color: #888; border: 1px solid #d4d4d4; background: none;}
.default_line4 {color:#777; border:1px solid #888; background:none; transition:0.5s}
.red_color {color: #f93c3c !important;}
.selected_box {color:#777 !important; border:1px solid #888 !important; background:none; transition:0.5s}
.btn_checked {color:#fff; background:#159fda !important; transition:0.5s}
/* 키컬러 - 배경 */
.key_bg {background:#159fda !important}
.red_color {color:#f93c3c !important;}
.black_color {color:#000 !important;}
/* 앱 컨텐츠 공통 */
.content_header {z-index:9999; position:relative; display: flex; justify-content: center; align-items: center; width: 100%; height:50px; /*margin-top:50px;*/ text-align: center; background:#fff; border-bottom:1px solid #eee; box-sizing:border-box;}
.content_header h1 {font-size:15px; font-weight:bold; color:#000;}
.content_header button.close {position:absolute; top:17px; left:15px; width:15px; height:15px; background: url('/include/img/login/btn_close.png?t=1') no-repeat; background-size:cover;}
.content_header button.prev {position:absolute; top:17px; left:15px; width:18px; height:15px; background: url('/include/img/login/btn_prev.png?t=1') no-repeat; background-size:cover;}
.content_header.fixed {position:fixed; top:0px; left:0;}
.content_header.nav-up {}
.content_header.nav-down {position:fixed; top:0; left:0;}
/* 앱 관련 css 추가 */
button.setting_btn {position:absolute; top:13px; right:52px; width:22px; height:22px; background: url(/include/img/btn_setting.png?t=1) center no-repeat; background-size:19px;}
/* 메인 */
/*.main_wrap {margin-top:50px;}*/
.main_wrap img {width:100%;}
.big_swipe {width:100%; overflow:hidden;}
.benefit ul {margin:35px 0; text-align: center}
.benefit ul li {display: inline-block; width:25%; margin:0 2.5%;}
.benefit ul li img {width:auto; height:55px; margin:0 auto;}
.benefit ul li p {margin-top:10px; color:#000;}
.main_h3 {margin:60px 0 30px 0; font-size:24px; font-weight:bold; color:#000; text-align: center;}
.main_h3 span {display: inline-block; margin-bottom:20px; padding:0 7px; font-size:13px; font-weight:normal; line-height: 19px; background: url('/include/img/main/tit_bg.jpg?t=1') 0 14px repeat-x; }
.express_swipe {position:relative; width:100%; overflow:hidden;}
.express_paging {z-index:1; top:auto !important; bottom:0;}
.swiper-pagination-progressbar {background:#f2f2f2;}
.swiper-pagination-progressbar-fill {background:#0055bc !important;}
.main_ban {margin-top:40px;}
.main_ban .post_wrap {background:#dbbec0 url('/include/img/main/ban_post.jpg?t=1') center no-repeat; background-size:contain;}
.main_ban .quality_wrap {background:#e9dcd4 url('/include/img/main/ban_quality.jpg?t=1') center no-repeat; background-size:contain; text-align: right}
.main_ban > div {display:flex; flex-wrap: wrap; align-items: center; width:100%; height:170px; padding:20px; box-sizing: border-box;}
.main_ban > div div {width:100%;}
.main_ban > div h4 {width:100%; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:20px; color:#fff; line-height:26px}
.main_ban > div p {width:100%; margin-top:15px; font-size:12px; color:#fff;}
.main_ban .quality_wrap div h4, .main_ban .quality_wrap div p {color:#1a1a1a;}
.item .swiper-slide > span {display: block; font-size:12px; text-align: center;}
.item_swipe {position:relative; overflow: hidden; padding-left:30px}
.item_swipe .swiper-slide { position: relative; width: 250px; }
.item_paging {position:absolute; width:30% !important; left:50% !important; bottom:-5px !important; margin-left:-16%;}
.item_paging .swiper-pagination-bullet-active {background: #159fda}
/* 컨트롤러 */
.big .mainban_swiper {position:relative;}
.big .mainban_swiper .top_play { z-index: 9; position: absolute; right:15px; bottom:15px; height: 32px; width: 70px; background:rgba(0, 0, 0, .3); border-radius: 30px; box-sizing: border-box;}
/* 재생 */
.big .mainban_swiper .top_play .swiper-pause {opacity:1; position:absolute; z-index:9; width:20px; height:20px; top: 6px; left: 12px; background: url(/include/img/icon_stop2.png?t=1); background-size: cover; cursor: pointer; transition:0.3s}
.big .mainban_swiper .top_play .swiper-play {opacity:1; position:absolute; z-index:9; width:20px; height:20px; top: 6px; left: 13px; background: url(/include/img/icon_play2.png?t=1); background-size: cover; cursor: pointer; transition:0.3s}
.big .mainban_swiper .top_play .swiper-plus {opacity:1; position:absolute; z-index:99; top: 6px; right: 12px;}
.big .mainban_swiper .top_play .swiper-plus a {display:block; width:20px; height:20px; background: url(/include/img/icon_plus.png?t=1) center no-repeat; background-size: 15px; cursor: pointer; transition:0.3s}
.big .mainban_swiper .top_play .swiper-play, .top_play .swiper-pause {display: none;}
.big .mainban_swiper .top_play .swiper-play:hover, .top_play .swiper-pause:hover {display: none; opacity:1; transition:.3s}
.big .mainban_swiper .top_play .swiper-play.active, .top_play .swiper-pause.active {display:block;}
/* 페이징 */
.big .mainban_swiper .swiper-pagination {top:auto; bottom: 0; left: 0; width: 100%; height: 2px; background:none;}
.big .mainban_swiper .swiper-pagination span.swiper-pagination-progressbar-fill {background: #159fda !important;}
.main_list h3 {padding:0 0 20px 30px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:18px; font-weight:500; color:#1a1a1a;}
/* menu */
.ham_menu {width: 20px; height: 16px; margin: 10px; display: flex; flex-flow: column; justify-content: space-between; cursor: pointer;}
.ham_menu .menu_icon {height: 2px; background-color: #1a1a1a;}
.menu_ul {padding: 0px 15px 30px 15px}
.menu_ul .menu_depth1 {position:relative; padding:0 10px 20px 10px; margin-bottom:20px; border-bottom: 1px solid #e5e5e5;}
.menu_ul .menu_depth1 h2 {font-family:'YoonGothicPro780', sans-serif; font-size:18px; color:#1a1a1a;}
.menu_ul .menu_depth1 .menu_depth2 {display:none; margin-top:25px;}
.menu_ul .menu_depth1 .menu_depth2 h3 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:14px; color:#1a1a1a;}
.menu_ul .menu_depth1 .menu_depth2 ul {margin-top:15px;}
.menu_ul .menu_depth1 .menu_depth2 li {padding-left: 9px; margin:10px 0; font-family: 'Montserrat','YoonGothicPro740', sans-serif; font-size:13px; color:#666; background:url(/include/img/bullet.png?t=1) left 9px no-repeat; background-size: 2px}
.menu_ul .menu_depth1 .menu_depth2.active {display:block;}
.menu_ul .menu_depth1:after {content: ""; position:absolute; top:10px; right:10px; width:14px; height:2px; background:#1a1a1a;}
.menu_ul .menu_depth1:before {content: ""; position:absolute; top:4px; right:16px; width:2px; height:14px; background:#1a1a1a;}
.menu_ul .menu_depth1.complete:after {content: ""; position:absolute; top:10px; right:10px; width:14px; height:2px; background:#1a1a1a;}
.menu_ul .menu_depth1.complete:before {display: none;}
.menu_ul .menu_depth1.none_menu:after {display: none;}
.menu_ul .menu_depth1.none_menu:before {display: none;}
/*gnb_new */
.tag_notice {padding: 60px 30px 30px;}
span.gnb_label {display:inline-block; width:17px; height:16px; margin-top:-1px; font-size:10px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
span.gnb_label_02 {display:inline-block; width:51px; height:17px; margin-left:4px; margin-top:-2px; font-size:11px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
_:-ms-fullscreen, :root span.gnb_label {line-height:15px !important;}
span.l_hit {color:#fff !important; border:1px solid #159fda !important; background:#159fda;}
span.l_new {color:#159fda !important; border:1px solid #159fda !important; background:#fff}
span.l_upgrade { padding: 3px 7px; border: 1.3px solid #ff4040 !important; border-radius: 4px; color: #ff4040 !important; font-size: 9px !important; margin-left: 0px; font-weight: 600; width: 70px !important;
height: 20px !important;}
span.l_make { background: #ff7373; display: inline-block; width: 17px; height: 16px; margin-top: -1px; font-size: 11px !important; color: #ffffff !important; font-weight: 500; line-height: 15px; text-align: center;
box-sizing: border-box; vertical-align: middle; border-radius: 3px;}
.gnb_label2 {
display: inline-block;
height: 16px;
margin-left: 3px;
margin-top: -1px;
font-size: 10px !important;
color: #159fda !important;
font-weight: 500;
line-height: 15px;
text-align: center;
border: 1px solid #159fda !important;
box-sizing: border-box;
vertical-align: middle;
border-radius: 3px;
background: #fff;
padding: 0px 1px 0px 3px;}
/* mybiz */
.mybiz_menu {position:absolute; right:50px;}
.mybiz_menu > img {width:18px;}
.layer_box_my {padding:15px 15px 50px 15px}
.mybiz_logo {display:flex; margin-left:5px;}
.mybiz_logo a {display:inline-block; width: 140px; height: 18px; background: url(/include/img/logo.png?t=1) center no-repeat; background-size: auto 18px;}
.mybiz_logo span {margin-top:-1px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:17px; font-weight: 600; color:#1a1a1a;}
.mybiz_menu .mybiz_btn_login {display:flex; justify-content: space-between; margin:20px 0 0 0;}
.mybiz_menu .mybiz_btn_login a {padding:11px 0; width:49%; font-family: 'Montserrat','YoonGothicPro740', sans-serif; font-size:14px; font-weight:600; color:#fff; text-align: center;}
.mybiz_menu .mybiz_btn_login a.signup {font-weight:normal; font-size:13px; color:#1a1a1a; border:1px solid #1a1a1a;}
.mybiz_profile {justify-content: flex-start !important; align-items: center;}
.mybiz_menu .mybiz_btn_login .profile {position:relative; width:40px; height:40px; margin-right:10px; font-size:12px; color:#1a1a1a; border-radius: 16px; border: 1px solid #f3f3f3; overflow: hidden;}
.mybiz_menu .mybiz_btn_login .profile img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%;}
.mybiz_menu .mybiz_profile p {font-size:12px; color:#1a1a1a;}
.mybiz_menu .mybiz_profile p span {font-size:16px; font-weight:bold; color:#1a1a1a;}
.mybiz_menu .mybiz_profile a.btn_snslogin {position:relative; width:auto; margin-left:3px; font-size:13px; color:#1a1a1a; text-align: left;}
.mybiz_menu .mybiz_profile a.btn_snslogin:after {content: '';position: absolute;top: 26px;left: -2px; width: 50px; height: 4px;background: #159fda;opacity: 0.2;}
.mybiz_menu .mybiz_profile a.btn_snslogin span {font-size:15px;}
.mybiz_list_wrap {margin-top:20px;}
.mybiz_list_wrap ul {display: flex; flex-wrap: wrap;}
.mybiz_list_wrap li {width:50%; padding:13px 10px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; background: url('/include/img/icon_play_n.png?t=1') 90% center no-repeat; background-size:13px; }
/*.mybiz_list_wrap li:last-child {border-bottom:none}*/
.mybiz_list_wrap li a {display:flex; align-items:center; font-size:13px; font-weight:400; color:#1a1a1a;}
.mybiz_list_wrap li a img {width:14px; margin-right:10px; color:#1a1a1a;}
.mybiz_view_wrap {margin:10px 0; padding:15px 0; border-top:2px solid #1a1a1a; border-bottom:2px solid #1a1a1a;}
.mybiz_view_wrap ul {display:flex; justify-content: space-around; }
.mybiz_view_wrap ul li {width:33.3%; border-right: 1px solid #e5e5e5;}
.mybiz_view_wrap ul li a {display:block; width:100%; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:12px; color:#1a1a1a; box-sizing: border-box; text-align: center;}
.mybiz_view_wrap ul li:last-child {border-right:none;}
.mybiz_view_wrap ul li a img {height:18px; margin:4px auto 0 auto;}
.mybiz_view_wrap ul li a span {display:block; font-size:17px; font-weight:800; color:#1a1a1a;}
.mybiz_menu .logout_btn {position:absolute; bottom:0; left:0; width:100%; height:45px; font-size:14px; font-weight:700; color:#999; background: #f3f3f3; border:none;}
.mybiz_service {position:absolute; bottom:0; left:0; width:100%; margin-top:20px; padding:20px 15px; box-sizing: border-box;}
.mybiz_service p {margin-bottom:5px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight:500; font-size:12px; color:#1a1a1a;}
.mybiz_service p a {display:inline-block; margin-left:7px; font-size:22px; font-weight:700; color:#d7d7d7; vertical-align: top;}
.mybiz_service dl {display:flex; line-height: 18px;}
.mybiz_service dl dt {margin-right:10px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight:500; font-size:12px; color:#1a1a1a;}
.mybiz_service dl dd {margin-left:0; font-size:12px; color:#1a1a1a;}
.mybiz_btns {display: flex; margin-top:10px;}
.mybiz_btns a {display:inline-block; padding:2px 10px; margin-right:7px; font-size:11px; text-align: center; color:#999; border:1px solid #999; border-radius: 4px;}
.mybiz_btns a:first-child {color:#fff; border:none; background: #1a1a1a;}
.mybiz_btns a img {display:inline-block; height:10px; margin-right:5px;}
.mybiz_service.login_end {bottom:40px;}
/*주문배송 내역*/
.sub_my .Order_notibtn {float: right; color: #333; background-color: #f3f3f3 !important; padding: 5px 10px; font-size: 13px;}
/*마이비즈 - 주문번호 영역*/
.sub_my .Notify { display: flex; background: #f7f7f7; border: 1px solid #ececec; align-content: center; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top:20px; padding: 10px 0 0px; width: 100%;}
.sub_my .Notify dl { width: auto; padding: 0% 5% 4%;}
.sub_my .Notify .bold {font-weight: bold; }
.sub_my .Notify .menu_depth1 {width: 100%; padding: unset; border-bottom: none; margin-bottom: 0px;}
.sub_my .Notify .menu_ul {width: 100%; padding:0px;}
.sub_my .Notify .menu_ul .menu_depth1:after {content: ""; position:absolute; top:21px; right:24px; width:14px; height:2px; background:#159fda;}
.sub_my .Notify .menu_ul .menu_depth1:before {content: ""; position:absolute; top:14px; right:30px; width:2px; height:15px; background:#1a1a1a; border-top: 1px solid #dfdfdf; }
.sub_my .menu_ul .menu_depth1 .menu_depth2 { width: 100%; padding-top: 20px; border-top: 1px solid #dfdfdf; display: none; margin-top: 10px;}
.sub_my .menu_ul .menu_depth1 .menu_depth2.active { width: 100%; padding-top: 20px; border-top: 1px solid #dfdfdf; display: none; margin-top: 10px;}
.sub_my .Order_noti {padding: 3% 2%; border: 1px solid #f3f3f3; margin-top: 30px;}
.sub_my .Order_noti ul { display: flex; justify-content: space-between; }
.sub_my .Order_noti .txtbox li { display: flex; border-radius: 50px; height: 70px; background-color: #159fda; width: 25%; align-items: center;}
.sub_my .Order_noti .txtsub {margin: 20px 0;}
.sub_my .Order_noti .txtsub li { padding: 0 20px; word-break: normal;}
.sub_my .Order_noti ul li img {width: 100%;}
.sub_my .Order_noti ul li .noti_img { left: 15px; padding: 10px; width: 25px; border-radius: 50px; background-color: #fff; position: relative;}
.sub_my .Order_noti ul li .txt { font-size: 16px; position: relative; left: 30px; color: #fff; font-weight: bold;}
.sub_my .Order_noti ul li .txt>p { font-size: 12px; font-weight: 100;}
.Order_noti .arrow { position: relative; display: inline-block; width: 30px;}
.Order_noti .arrow:before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height:10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);
margin-top: 2px; border-top: 1px solid #159fda; border-left: 1px solid #159fda;}
.Order_noti .arrow.right:before { transform: translate(-50%, -50%) rotate(135deg); }
.sub_my .Notify button { padding: 3px 5px !important; font-weight: normal; }
.sub_my .Notify button.btn_squares { margin-top: 7px; font-size: 12px !important; color: #666; border: 1px solid #bbb;}
/*gnb_new */
span.gnb_label {display:inline-block; width:17px; height:16px; margin-left:4px; margin-top:-1px; font-size:10px !important; font-weight:500; line-height:15px; text-align: center; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
span.l_new {color:#ff4040 !important; border:1px solid #ff4040 !important; background:#fff}
span.l_pc {width:auto; padding:0 3px; margin-top:-2px; color:#fff !important; border:1px solid #159fda !important; background:#159fda}
/* 레이어 */
.layer_wrap {display: none; background:#fff; width:100%; margin:0 auto;}
.layer_wrap .layer_box {position:relative; width:100%;}
.layer_wrap_guide {display: none; background:#fff; width:100%; margin:0 auto;}
.layer_wrap_guide .layer_box {position:relative; width:100%;}
.layer_box_wrap {position:relative; width:100%; height:100%; padding-bottom:50px; overflow-y: auto; box-sizing: border-box;}
.layer_box_wrap .sub_wrap {padding: 80px 15px 50px 15px !important; box-sizing: border-box;}
.layer_box_wrap .sub_wrap .btn_fixed {position:relative; margin-top:30px;}
.layer_box_wrap .content_header {position:fixed; margin-top:0 !important}
/*
.layer_wrap .layer_content {}
*/
.layer_wrap .layer_content iframe {width:100vw !important; height: 100vh;}
.layer_wrap .layer_content img {width:100%;}
.layer_wrap_guide .layer_content_guide iframe {width:100vw !important; height: 100vh;}
.layer_alert_wrap .layer_alert_content iframe {width:100vw !important; height:100vh; overflow: auto !important;}
.layer_wrap_guide .layer_content_guide img {width:100%;}
.layer_pay {display: none; background:#fff; width:100%; margin:0 auto; min-height: 100%; overflow-y: auto;}
.b-close {position:absolute; top:17px; right:15px; width:15px; height:15px; background:url(/include/img/login/btn_close.png?t=1) no-repeat; background-size:15px}
.b-close_w {position:absolute; top:17px; right:15px; width:15px; height:15px; background:url(/include/img/login/btn_close_w.png?t=1) no-repeat; background-size:15px}
/* 리스트 스타일 */
.ul_default {margin-top:40px;}
.ul_default li {margin-bottom:8px; padding-left:9px; text-align: left; background:url(/include/img/bullet.png?t=1) left 10px no-repeat; background-size:2px; word-break: keep-all;}
.ul_default li:last-child {margin-bottom:0;}
.content_wrap_new .ul_default li {margin-bottom: 12px; padding-left: 9px; line-height:22px;}
/* top 버튼 */
.top_btn {z-index: 999; display: none; position: fixed; bottom: 15px; right: 15px; opacity: 0.5;}
.top_btn button {width: 40px; height: 40px; background: url(/include/img/top_on.png?t=1) center no-repeat; background-size: cover;}
/* 약관 */
.terms_content {margin-bottom:60px;}
.terms_content:last-child {margin-bottom:0px;}
.terms_content h3 {padding-bottom:10px; font-size:16px; color:#000; font-weight:bold; background: url(/include/img/h_line.png?t=1) 0 bottom no-repeat;}
.terms_content article {margin-top:30px;}
.terms_content article h4 {color:#000; font-weight:bold;}
.terms_content article p {margin-top:5px;}
.terms_content article ol li {margin:5px 0 0 13px; list-style:decimal}
.terms_content article ul li {margin:5px 0 0 16px; list-style:disc}
.terms_content article a {color:#000; text-decoration: underline;}
.expired_wrap section {height:auto; }
/* 푸터 */
.footer {padding:30px 15px; text-align:left; background: #f7f7f7;}
.footer_center {padding:30px 0; text-align: center;}
.footer_center h3 {margin-bottom:15px; font-size:17px; color:#333; /*background: url('/include/img/main/center_img.png?t=1') top center no-repeat;*/ background-size:35px;}
.footer_center p.phone {margin-bottom:15px; font-size:35px; font-weight: 700;}
.footer_center p.phone a {color:#159fda !important;}
.footer .tooltip {width:90%; margin:0 auto; padding:15px 0; border-bottom:1px solid #e6e6e6;}
.footer nav {}
.footer nav a {display: inline-block; padding-right:10px; margin-right:5px; font-size:12px; color:#333; background: url('/include/img/main/line.jpg?t=1') center right no-repeat; background-size:1px;}
.footer nav a:last-child {padding:0; margin:0; background:none;}
.footer nav a em {font-weight:bold;}
.footer .info_wrap {margin-top:20px;}
.footer .info_wrap .info_btn {padding:0 10px 3px 10px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #e6e6e6;}
.footer .info_wrap .info_btn img {display: inline-block; width:12px; margin-left:7px; vertical-align: middle;}
.footer .info_btn {display: inline-block; cursor: pointer;}
.footer .info_none {padding:10px 0 20px 0; display: none; font-size:12px; background: #f7f7f7; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
.footer .address {margin-top:20px; font-size:12px; color:#333;}
.footer .address span {color:#999;}
.footer .web_btn {background:#159fda}
.footer .web_btn a {display: inline-block; width:100%; padding:15px 0; color:#fff;}
.footer .web_btn a em {font-weight:bold; text-decoration: underline;}
.footer .web_btn a span {color: #ffee59}
.footer_center .pcverbp {text-align: center; padding: 10px; border: 1px solid; width: 50%; margin: 30px auto 0px;}
.footer ul { position: relative; top: -3px; left: -15px;}
.footer ul li {display: inline-block; width: 16px; height: 16px; transition: .2s; margin-left: 15px;}
.footer ul li a {display: block; width: 16px; height: 16px; transition: .3s;}
.footer ul li a:hover {background-color: rgba(240,241,247,0.5); transition: .3s;}
.footer ul li.kakao {background: url('/include/img/main/footer_kakao.png?t=1') no-repeat;}
.footer ul li.fb {background: url('/include/img/main/footer_fb.png?t=1') no-repeat;}
.footer ul li.ig {background: url('/include/img/main/footer_ig.png?t=1') no-repeat;}
.footer ul li.tw {background: url('/include/img/main/footer_tw.png?t=1') no-repeat;}
.footer ul li.blog {background: url('/include/img/main/footer_blog.png?t=1') no-repeat;}
/* 추석 연휴 배송 공지 팝업 */
.layer_auto {display:none; background:#fff; left:7.5% !important; width: 85% !important;}
.layer_box h1 {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size:16px; color:#1a1a1a}
.layer_box section {}
.layer_h3 h3 {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size:16px; color:#1a1a1a}
.delivery_info1 h3 {text-align: center;font-size: 16px; line-height: 25px; letter-spacing: -0.4px; color: #000; padding-bottom: 15px; }
.delivery_info1 h3 em {font-weight: bold;}
.delivery_info1:last-child h3 {padding-top: 15px; padding-bottom: 5px;}
.delivery_info2 .del_list li img {display: inline; float: left;}
.delivery_info2 .del_list li dl {display: block; padding: 12px 20px; text-align: left; background-color: #f7f7f7; border: 1px solid #ededed; margin-bottom: 13px; }
.delivery_info2 .del_list li dl em {color: #000;}
.delivery_info2 .del_list li dl dt {font-size: 14px; color: #000; font-weight: bold; padding-bottom: 2px;}
.delivery_info2 .del_list li dl dt span.kpost {display: inline-block; background: url(/include/img/main/ico_kpost.png?t=1) center no-repeat; width: 26px; height: 20px; vertical-align: text-bottom; margin-left: 5px; background-size: 100%;}
.delivery_info2 .del_list li dl dt span.express {display: inline-block; background: url(/include/img/main/ico_express.png?t=1) center no-repeat; background-size: 100%; width: 45px; height: 14px; vertical-align: middle; margin-left: 5px;}
.delivery_info2 .del_list li dl dd {font-size: 12px; line-height: 20px; color: #666; margin-left: 0 !important;}
.delivery_info2 .note_default li {padding-left:7px; text-align: left; font-size: 11px;}
.delivery_info2 .note_default li:last-child {margin-bottom:0;}
/* 서브페이지 공통 */
.sub_wrap {position:relative; padding:40px 15px 50px 15px;}
.sub_wrap.btn_fixed {padding:40px 15px 90px 15px;}
.sub_h1 {display:none;}
/* 테이블2 */
.tb_default2 {width:100%; border-top:1px solid #c0c0c0; border-bottom:1px solid #dbdbdb;}
.tb_default2 caption {display: none}
.tb_default2 th {padding:15px 5px; font-size:12px; font-weight:normal; color:#000; border-bottom:1px solid #dbdbdb;}
.tb_default2 td {padding:15px 5px; font-size:12px; text-align: center; border-bottom:1px solid #f1f1f1;}
.tb_default2 td.title {position:relative; padding:0 30px; text-align: left}
.tb_default2 td.title a {display: inline-block; width:515px;}
.home_table td.title a {width:auto; font-weight:normal;}
.home_table td.title a:hover {text-decoration: underline;}
.tb_default2 tr:last-child td {border-bottom:none;}
.tb_default2 tr.tfoot td {padding-right:15px; font-size:13px; text-align:right; background: #f7f7f7; border-bottom:1px dashed #c0c0c0;}
.tb_default2 tr.tfoot td span.line {padding-right:15px; margin-right:10px; background: url(/include/img/line.png?t=1) right center no-repeat;}
.tb_default2 tr.tfoot td em {font-weight:bold;}
/* 테이블3 */
.tb_default3 {width:100%; border-top:1px solid #c0c0c0;}
/* 테이블4 */
.tb_default4 {width:100%; text-align: left; border-top:1px solid #c0c0c0; border-bottom:1px solid #f3f3f3;}
.tb_default4 caption {display: none}
.tb_default4 th, .tb_default4 td {padding:10px; color:#1a1a1a; border-bottom:1px solid #f3f3f3; border-right:1px solid #dbdbdb;}
.tb_default4 th {font-size:12px; font-weight:normal; }
.tb_default4 td {font-size:12px;}
.tb_default4 td em {font-weight:bold;}
.tb_default4 tr:last-child td {border-bottom:none;}
.tb_default4 td:last-child {border-right:none}
/* 테이블5 */
.tb_default5 {width:100%; text-align:center; border-top:1px solid #000000; border-bottom:1px solid #c0c0c0;}
.tb_default5 caption {display: none}
.tb_default5 th, .tb_default5 td {padding:10px; color:#000; border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.tb_default5 th {font-size:12px; font-weight:bold; background: #f7f7f7 }
.tb_default5 td {font-size:12px;}
.tb_default5 td em {font-weight:bold;}
.tb_default5 td.text_left {text-align: left;}
.tb_default5 th:last-child, .tb_default5 td:last-child {border-right:none}
.tb_tax {border-top:1px solid #000;}
.tb_tax th, .tb_tax td {padding:10px; font-size:13px; border-right:none;}
.tb_tax td input {height:35px;}
.tb_tax td .size1 {width:100%;}
.tb_tax td .size2 {width:28%;}
.tb_tax td .size3 {width:100%;}
.tb_tax td .size4 {width:100px;}
.tb_tax td textarea {width:100%; height:100px; padding:10px 15px; border: 1px solid #d4d4d4; outline:none; box-sizing: border-box;}
.tb_tax td textarea:hover, .tb_tax td textarea:focus {border:1px solid #000;}
.tb_tax td span.hyphen {display:inline-block; width:8%; margin:0; color:#d4d4d4; text-align: center;}
.tb_tax td .radiobox label {}
.tb_tax td button.btn_post {height:35px; padding:0 15px; margin-left:5px; font-size:12px; color:#000; vertical-align: top; background:#ececec}
.tb_tax td {position:relative;}
.tb_tax td input.calendar {cursor: pointer;}
.tb_tax td input.calendar:hover, .tb_tax td input.calendar:focus {border:1px solid #d4d4d4}
.tb_tax td button.btn_calendar {position:absolute; top:33%; right:8%; width:20px; height:20px; background: url(/include/img/my/ico_calendar.png?t=1) left center no-repeat; background-size:20px;}
input.input_box {height: 45px;padding: 0 15px;border: 1px solid #d4d4d4; border-radius:0; box-sizing: border-box;}
/* mybiz */
/* 쿠폰 */
.sub_wrap .sub_my h3 {font-family: 'Montserrat','YoonGothicPro760',sans-serif; margin-bottom:17px; font-size:16px; color:#1a1a1a;}
.sub_wrap .sub_my .my_sub_article {margin-top:45px;}
.sub_wrap .sub_my .my_sub_article .ul_default {margin-top:0}
.coupon_wrap .coupon_input {display:flex; justify-content: space-between;}
.coupon_wrap .coupon_input input {width:75%; height:50px; padding:0 10px; font-size:12px; box-sizing: border-box; border: 2px solid #159fda; border-radius: 0;}
.coupon_wrap .coupon_input input:focus {font-size:16px; font-weight: bold; color:#1a1a1a;}
.coupon_wrap .coupon_input input:focus::placeholder {font-size:12px; font-weight: normal;}
.coupon_wrap .coupon_input button {width:24%; height:50px; font-size:14px; color:#fff; background: #159fda;}
.coupon_list_box {margin-top:30px;}
.coupon_list_box li {position:relative; padding:15px; margin-bottom:15px; border:1px solid #e5e5e5; box-sizing: border-box;}
.coupon_list_box li span {font-size:12px; color:#999;}
.coupon_list_box li p.tit {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-weight:600; margin-top:5px; font-size:16px; color:#1a1a1a; line-height: 24px;}
.coupon_list_box li div.info {padding-top: 15px;border-top: 1px solid #e5e5e5; margin-top: 20px; font-size: 12px;display: flex;justify-content: space-between;}
.coupon_list_box li div.info p:first-child span {margin-right:15px;}
/* 포인트 */
.point_wrap {}
.point_wrap dl {}
.point_wrap dl dt {font-family: 'Montserrat','YoonGothicPro760',sans-serif; margin-bottom:17px; font-size:16px; color:#1a1a1a;}
.point_wrap dl dd {margin: 0; font-size: 22px; font-weight: bold; color: #159fda;}
.point_wrap dl dd em {font-size: 12px; font-weight: normal; color: #999;}
/*포인트 충전*/
.my_point_payup input.input_box {width: auto;}
.my_point_payup .tb_default3 {border: 0px;}
.my_point_payup .tb_default3 .small_txt {font-size: 10px;}
.my_point_payup .tb_default3 tr th {text-align: left;}
.my_point_payup .tb_default3 tr td {padding-bottom: 20px;}
.my_point_payup .my_sub_article { padding-top: 30px; border-top: 1px solid #f3f3f3; margin-top: 20px !important;}
/* 1:1 */
.question_wrap > p {font-size:14px; color:#1a1a1a;}
.question_wrap > p em {display:block; font-size:12px; color:#999;}
.question_wrap > button {width:100%; height:45px; margin-top:20px;}
.coupon_list_box .ans_box {display:none; margin-top:20px; font-size:12px; padding:15px; line-height:20px; background: #f7f7f7;}
.coupon_list_box .ans_box span {font-size:16px; font-weight:bold; color:#1a1a1a;}
.coupon_list_box .ans_box p {margin-top:5px;}
.coupon_list_box .ans_box div.ans {margin-top:15px;}
.con_list_none {padding:70px 20px; text-align: center;}
.my_cont_wrap .tb_default3 th {font-size:13px; color:#1a1a1a; text-align: left;}
.my_cont_wrap .tb_default3 td {padding:7px 0 7px 5px}
.my_cont_wrap .tb_default3 caption {display: none;}
.my_cont_wrap .tb_default3 .form_group {margin-bottom:0;}
.my_cont_wrap .tb_default3 .text_limit {display:block; margin-top: 5px; font-size: 12px; text-align: right; color: #f93c3c}
.option_select select {width:100%; font-size:12px; border-radius: 0; height:40px; padding: 0 10px; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; outline:none;}
.btn_wrap.btn_fixed {position:fixed; bottom:0; left:0; display:flex; width:100%;}
.btn_wrap.btn_fixed button {width:100%; height:50px; border-radius: 0; border:none;}
.btn_wrap.btn_fixed button:first-child {background: #e5e5e5}
.btn_wrap.btn_inline {display:flex; width:100%; margin-top:40px;}
.btn_wrap.btn_inline button {width:100%; height:45px; margin: 0 3px; border-radius: 0; border:none;}
.btn_wrap.btn_inline button:first-child {background: #e5e5e5; border:none !important;}
.btn_wrap.btn_inline button.default_line4 {border: 1px solid #888;}
/* 회원정보 수정 */
.tb_default3 td.sns button {margin:10px 0; padding:10px 20px; font-size:12px;}
.tb_default3 td p.sms {margin-top: 15px; font-size: 12px; line-height:20px;}
.tb_default3 .franchise span {display:inline-block; margin-top:20px;}
.tb_default3 .edit_option, .tb_default3 .edit_option2 {margin-top:5px;}
.btn_secession {margin-top: 20px; padding-top:20px; border-top:1px solid #f3f3f3; text-align: right;}
.btn_secession button {padding: 3px;font-size: 14px;border-bottom: 1px solid #888888;}
/* 회원 탈퇴 */
.secession_box p {font-size:14px;}
.secession_box p.title {margin-top:40px; color:#000;}
.secession_box .ul_default {margin-top:20px;}
.secession_box .check_wrap {margin-top:20px;}
.secession_box .check_wrap li {margin:10px 0;}
.secession_box .check_wrap li label {width:100%;}
.secession_box .point_wrap dt {margin-right:30px; font-size:16px; font-weight: normal;}
.secession_box .point_wrap dd span {padding-right:15px; margin-right:15px; background: url(/include/img/line.png?t=1) right center no-repeat;}
.secession_box .point_wrap {padding: 20px; background: #f7f7f7; box-sizing: border-box;}
/* 배송 주소록 */
.delivery_wrap .tab_btn_wrap {display: none;}
.delivery_wrap button.btn_new {width: 100%; height: 45px;}
.tab_address span.basic {position:absolute; top:15px; left:45px; margin-right: 7px; padding: 0 5px; font-size: 11px; color: #fff; border-radius: 3px;}
.tab_address button.btnUpt {padding:3px 8px; font-size: 11px;}
.delivery_wrap .checkbox {margin-bottom:10px}
/* review */
.review_wrap > p {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size:16px; color:#1a1a1a; line-height: 25px;}
.review_wrap > p > span {display: block; margin-top:5px; font-family: 'Montserrat','YoonGothicPro740',sans-serif; font-size:12px; color:#999;}
.review_write_p {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size:16px; color:#1a1a1a}
/* 탭 디폴트 */
.tab_default {width:100%;}
.bulkInquires .tab_default ul.tab_btn_wrap > li > span {display: table-cell;vertical-align: middle;}
.bulkInquires .tab_default ul.tab_btn_wrap > li.active {z-index: 1;font-weight: bold; color: #000;border: 1px solid #000;border-bottom: none;}
.bulkInquires .tab_default ul.tab_btn_wrap > li {display: table;float: left;width: 50%;height: 50px; font-size: 13px; color: #999; text-align: center;cursor: pointer;border-bottom: 1px solid #000;box-sizing: border-box;}
.bulkInquires .tab_default ul.tab_btn_wrap::after {content: '';display: table;clear: both;}
.bulkInquires .tab_cont_wrap .event_none_wrap {text-align: center;}
.tab_default ul.tab_btn_wrap2 > li > span {display: table-cell;vertical-align: middle;}
.tab_default ul.tab_btn_wrap2 > li.active2 {z-index: 1;font-weight: bold; color: #000;border: 1px solid #000;border-bottom: none;}
.tab_default ul.tab_btn_wrap2 > li {display: table;float: left;width: 50%;height: 50px; font-size: 13px; color: #999; text-align: center;cursor: pointer;border-bottom: 1px solid #000;box-sizing: border-box;}
.tab_default ul.tab_btn_wrap2::after {content: '';display: table;clear: both;}
.tab_cont_wrap2 .event_none_wrap {text-align: center;}
.tab_cont_wrap .cont_box:first-child, .tab_cont_wrap2 .cont_box2:first-child, .tab_cont_wrap2_1 .cont_box2_1:first-child, .tab_cont_wrap3 .cont_box3:first-child {display: block;}
.tab_cont_wrap .cont_box, .tab_cont_wrap2 .cont_box2, .tab_cont_wrap2_1 .cont_box2_1, .tab_cont_wrap3 .cont_box3 {display: none;}
/* 상품 리뷰 */
.review_wrap p {font-size:15px; font-weight:bold; color:#000;}
.review_wrap p span {font-weight:normal; color:#666;}
.review_list li {position:relative; display:flex; flex-wrap: wrap; align-items: center; padding:20px 0 45px 0; border-bottom:1px solid #dbdbdb;}
.review_list li > img {width:90px;}
.review_list li > article {margin-left:20px; width:210px;}
.review_list li > article h4 {margin:0 0 5px 0; font-size:15px; font-weight:bold; color:#1a1a1a;}
.review_list li > article p {margin-bottom:10px; font-size:12px; color:#1a1a1a;}
.review_list li > article span {font-size:12px; color:#999;}
.review_list li button.btn_review {position:absolute; bottom:15px; right:0; padding:5px 10px; font-size:12px;}
.review_list div.thumb {position: relative; width: 80px; height:80px; padding:7px; line-height:60px; text-align: center; background: #f8f9fa; box-sizing: border-box;}
.review_list div.thumb img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%; vertical-align: middle;}
.review_list div.thumb2 {position: relative; width: 100%; margin-top:30px; text-align: center; box-sizing: border-box;}
.review_list div.thumb2 img {margin-top:0; display: inline-block; width: auto; height: auto;max-width: 100%;max-height: 100%;}
.review_complete {}
.review_complete li article h4 {width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.review_complete li article p {width:100%; margin-bottom:10px; font-size:13px; font-weight:normal; color:#1a1a1a; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.review_complete li article p span.line {padding-right:10px; margin-right:10px; background: url(/include/img/line.png?t=1) right center no-repeat;}
.review_complete li article span em {padding-right:10px; margin-right:10px; background: url(/include/img/line.png?t=1) right center no-repeat;}
.review_complete li .like_wrap {position:absolute; bottom:20px; left:95px;}
.review_complete li .like_wrap button {float:left; width:16px; height:15px; margin:0 3px; background: url(/include/img/my/like.png?t=1) no-repeat; background-size:cover;}
.review_complete li .like_wrap button.active {background-position:0 -15px;}
.review_complete li > button {position:absolute; bottom:22px; right:10px; width:12px; height:7px; background: url(/include/img/my/arrow_down.png?t=1) center no-repeat; background-size:cover;}
.review_complete li.complete > button {background: url(/include/img/my/arrow_up.png?t=1) center no-repeat; background-size:cover;}
.review_complete li.question {align-items: flex-start; cursor: pointer;}
.review_complete li.answer div.review_answer {width:100%; padding:15px; background: #f8f8f8}
.review_complete li.answer div.review_answer .content {font-size:12px; color:#666; line-height: 20px}
.review_complete li.answer div.review_answer p.item {margin-top:20px;}
.review_complete li.answer div.review_answer button {padding:10px 15px; font-size:12px; margin-top:10px; }
.review_complete li.answer div.review_answer > img {max-width:500px; margin-top:30px;}
.review_complete li.answer h4 {margin:0 0 20px 0; font-size: 14px; font-weight: bold; color: #1a1a1a;}
/* 리뷰 작성 */
.review_p {text-align:left; font-size:12px; line-height:20px; color:#1a1a1a; /*background: url(/include/img/ico/ico_review.png?t=1) left top no-repeat; background-size:20px*/}
.review_p em {font-size:18px; font-weight:bold; line-height: 40px;}
.review_img_box {display: flex; width:100%; padding-bottom:20px; overflow-x: auto; white-space:nowrap;}
.review_img_box li {flex-shrink: 0; position:relative; display: inline-block; width:180px; height:205px; margin:0 5px; padding:20px; line-height:170px; background:#f8f9fa; border:2px solid #e5e5e5; box-sizing: border-box; cursor: pointer;}
.review_img_box li:hover, .review_img_box li.active {border:2px solid #159fda; transition: 1s}
.review_img_box li:first-child {margin-left:0;}
.review_img_box li:last-child {margin-right:0;}
.review_img_box li img {display: inline-block; width:auto; height:auto; max-width:100%; max-height:87%; margin:0 auto; vertical-align: middle;}
.review_img_box li p {position:absolute; bottom:17px; width:170px; margin-top:10px; font-size:14px; font-weight:bold; line-height:17px; color:#000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.review_img_box li .back_wrap {line-height:20px;}
.review_like_box {margin-top:20px; padding:30px; background:#f7f7f7;}
.review_like_box .like_wrap {display:flex; justify-content: center;}
.review_like_box .like_wrap::after {content: ""; display: table; clear: both;}
.review_like_box .like_wrap button {float:left; width:20px; height:19px; margin:0 10px; background: url(/include/img/my/like2.png?t=1) no-repeat; background-size:cover;}
.review_like_box .like_wrap button.active {background-position:0 -19px; background-size:cover;}
.review_like_box .select {width:100%; margin-top:20px; text-align: center; font-size:16px;}
.review_write_box {padding:20px 0 30px 0; text-align: left; border-bottom:1px solid #dbdbdb;}
.review_write_box > div {margin-bottom:10px;}
.review_write_box .size1 {width:100%}
.review_write_box textarea {width:100%; height:120px; padding:10px 15px; border: 1px solid #d4d4d4; border-radius: 0; outline:none; box-sizing: border-box;}
.review_write_box textarea:hover, .review_write_box textarea:focus {border:1px solid #000;}
.review_write_box .file_form {position:relative;}
.review_write_box .file_form input.none {position:absolute; top:0; left:0; width:100%; height:38px; padding-left:100px; box-sizing: border-box; border:1px solid #d4d4d4; background: #f7f7f7;}
/* wish list */
.wish_wrap {text-align: center;}
.wish_wrap span {display: inline-block; margin-left:5px; padding:3px 0 3px 25px; background: url(/include/img/my/ico_wish.png?t=1) left center no-repeat; background-size:17px;}
.wish_list li {position:relative; flex-wrap:wrap; width:240px; height:240px; margin:23px 23px 0 0; padding:20px; line-height:200px; text-align: center; background: #f7f7f7; box-sizing: border-box; cursor: pointer}
.wish_list li img {display: inline-block; max-width:100%; max-height:100%; vertical-align: middle;}
.wish_list li:nth-child(4n+0) {margin-right:0;}
.wish_list li button {position:absolute; top:12px; right:12px; width:15px; height:15px; background: url(/include/img/close.png?t=1) no-repeat; background-size:15px;}
.wish_list li button:hover {background: url(/include/img/close_on.png?t=1) no-repeat; background-size:15px; transition: 1s}
/* 위시 리스트 레이어 */
.wish_box .wish_list {display:flex; flex-wrap:wrap; margin-top:0;}
.wish_box .wish_list li {width:47%; height:160px; margin:1.5%; line-height:120px;}
/* 주문/배송 내역 조회 */
.bank_wrap {padding:20px; background:#f7f7f7;}
.bank_wrap::after {content: ""; display: table; clear: both;}
.bank_wrap > button {height:21px; padding-right:20px; font-size:14px; font-weight:bold; color:#000; background: url(/include/img/my/ico_download.png?t=1) right 5px no-repeat; background-size: 13px}
.period_box {margin-left:40px !important;}
.period_box button {margin-right:15px; padding-right:20px; font-size:12px; color:#1a1a1a; font-weight:normal; background: url(/include/img/line.png?t=1) right center no-repeat;}
.period_box button:last-child {padding-right:0; background: none}
.period_box button:hover {color:#000;}
.btn_bank {margin-top:10px;}
.btn_bank span {font-size:14px; font-weight:bold; color:#000;}
.btn_bank .bank_icon {margin-top: 10px;}
.btn_bank button {height:20px; margin:0px 10px 5px 0px; padding-left:30px; font-size:12px; background: url(/include/img/my/ico_bank.png?t=1) no-repeat}
.btn_bank button.bank1 {background-position:0 0;}
.btn_bank button.bank2 {background-position: 0 -19px}
.btn_bank button.bank3 {background-position: 0 -40px}
.btn_bank button.bank4 {background-position: 0 -60px}
.btn_bank button.bank5 {background-position: 0 -80px}
.business_img {width:100%;}
.my_calendar {display:flex; justify-content: space-between; margin-top:15px;}
.my_calendar .input_box {width:35%;}
.my_calendar .btn_calendar {width:25%; height:45px;}
.my_calendar .hyphen {line-height:40px;}
.delivery_wrap dd.period_box {margin:0 !important;}
.delivery_dl {display:flex; padding:15px; background:#f7f7f7;}
.delivery_dl dt {margin:0 10px 0 0 !important; font-size:13px !important; color:#1a1a1a !important;}
.delivery_dl dd {display:inline-block; margin-left:10px; font-size:14px !important; font-weight:600}
.btn_order_view {display:block; padding:8px 12px; margin:20px 0 0 auto; font-size:12px;}
.home_table .my_order > div {position: relative; width: 80px; height:80px; padding:8px; line-height:90px; text-align: center; background: #f8f9fa; box-sizing: border-box;}
.home_table .my_order > div img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.home_table .my_order > div > button {position:absolute; top:5px; left:5px; width:23px; height:23px; background: #fff url(/include/img/my/ico_search.png?t=1) center no-repeat; background-size: 11px; border:1px solid #e5e5e5;}
.home_table .my_order > p {margin-top:10px; line-height:20px; text-align: left;}
.coupon_list_box li > button.btn_tracking {position:absolute; top:15px; right:15px;}
.coupon_list_box .document_ul {z-index: 2; display: none; position:absolute; top:43px; right:15px; width:85px; border:1px solid #dbdbdb; box-sizing: border-box; box-shadow: 3px 3px 10px 0px #dedede; }
.coupon_list_box .document_ul li {padding:8px 0; margin-bottom:0; font-size:12px; color:#666; font-weight:normal; text-align: center; border:0; border-bottom:1px solid #dbdbdb; background: #fff; cursor: pointer;}
.coupon_list_box .document_ul li:hover {color:#000; font-weight:bold; background: #f7f7f7}
.coupon_list_box .document_ul li:last-child {border-bottom:none;}
.coupon_list_box .btns {display:flex; align-items: center; margin-top:10px;}
.coupon_list_box .btns button {padding:5px 10px; height:27px; font-size:12px; box-sizing: border-box;}
.coupon_list_box .btns .btnReOrder {margin-left:5px;}
.coupon_list_box li button.btn_tracking {margin-left:5px; padding:3px 5px !important; font-size:12px !important; font-weight:normal; color:#666; border-bottom:1px solid #666;}
/* 결제 내역서 */
.tb_payment {border-top: 1px solid #000; border-bottom: 1px solid #dbdbdb;}
.tb_payment th.text_c img {width:90px; margin:0 auto;}
.tb_payment th {background: #f8f8f8;}
.tb_payment th, .tb_payment td {padding:10px 15px !important; font-size:12px; line-height:20px;}
.tb_payment td span.line {display:block; margin:5px 0;}
/* 세금 계산서 */
.tb_tax {}
.tb_tax input.size4 {}
/*입금확인증 */
.confir_box {margin:30px 0 0 10px; text-align: left;}
.confir_box p {font-size:16px; color:#000;}
.confir_box .p_stamp {display:inline-block; position:relative; margin-top:20px; font-size:20px; font-weight:bold; }
.confir_box .p_stamp img {position:absolute; top:-20px; right:-50px; width:65px;}
/* 미리보기 */
.pre_img img {width:100%; margin-bottom:15px;}
/* layer popup */
/* 모바일 팝업 */
.scrollOff {touch-action: none; overflow:hidden;}
.popCmmn {z-index: 99999; display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
.popBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.layer_box {position: fixed; left:-100%; width:90%; height:100%; background: #fff; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); border-radius:0; box-sizing: border-box;}
.layer_box_full {height:100%; border-radius:0;}
.layer_box_on {top:0; left:0; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y: auto;}
.layer_box .content article {margin-top:30px;}
.layer_box .content {width:100%; height:100%; padding:50px 25px 90px 25px; box-sizing:border-box; overflow-y: auto;}
.layer_box_full .content {padding:40px 25px 90px 25px; }
.layer_box .header {z-index: 9; position:absolute; top:10px; left:0; width:100%; height:60px; padding:22px 0 20px 25px; box-sizing: border-box;}
.layer_box_full .header {top:0; background: #fff;}
.layer_box .header h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:22px; font-weight:500; color:#1a1a1a}
.layer_box .content h4 {font-family: 'Montserrat','YoonGothicPro740', sans-serif; margin-bottom:10px; font-size:15px; font-weight:400; color:#1a1a1a}
.layer_box .all_btns {z-index: 9; display:flex; position: absolute; left:0; bottom: 0; width: 100%;}
.layer_box .all_btns button {width:50%; height:55px; text-align: center;}
.all_btns .reset_btn {background:#1a1a1a; color:#fff;}
.all_btns .apply_btn {color:#1a1a1a; background: #FFD659;}
.all_btns .apply_btn span {display: inline-block; font-weight: 600;}
.all_btns button img {width:17px; margin-right:10px; margin-top: -1px; vertical-align: middle; image-rendering: -webkit-optimize-contrast;}
.popCloseBtnCmmn {position:absolute; top:13px; right:20px; width:22px; height:22px; background: url(/include/img/btn_close2.png?t=1) center no-repeat; background-size:17px;}
.active_box {display:flex; justify-content: space-between;}
.active_box li {width:49%; height:35px; font-size:12px; color:#1a1a1a; line-height:33px; text-align: center; border:1px solid #1a1a1a; border-radius: 4px; box-sizing:border-box; opacity: 0.3; transition: 0.3s}
.active_box li.active {opacity: 1;}
/* 디자인 리스트 */
.filter_wrap.fixed_wrap {position:absolute; top:0; left:0; width:100%; height:40px; background:#159fda;}
.filter_wrap.fixed_wrap .title {display:flex; align-items: center; height:40px; padding:0 15px;}
.filter_wrap.fixed_wrap .title_box h3 {line-height:15px; font-size:10px; color:#fff;}
.filter_wrap.fixed_wrap .title_box p {height:auto; padding-left: 10px; margin-left:10px; font-size:12px; color:#fff; line-height: 15px; border-left: 1px solid #fff;}
.filter_wrap.fixed_wrap .title_box p span {display:inline-block; margin-right:5px;}
.sub_list section.list_wrap div.option {display:flex; justify-content: space-between; align-items: center; margin:20px 0 15px 0;}
.sub_list section.list_wrap div.option .left span {font-size:13px;}
.sub_list section.list_wrap div.option .left span em {font-weight: bold; color:#1a1a1a;}
.sub_list .list_ul {display:flex; flex-wrap: wrap; justify-content: space-between;}
.sub_list section.list_wrap .list_ul li {position:relative; width:100%; margin-bottom:20px;}
.sub_list section.list_wrap .list_ul li a div.img {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:40px; background:#f7f7f7; box-sizing: border-box;}
.sub_list section.list_wrap .list_ul li a div.img img {width:100%; border: 1px solid #f3f3f3; box-sizing: border-box;}
.sub_list section.list_wrap .list_ul li a div.img img.sample1 {width:49%; margin:0 !important}
.sub_list section.list_wrap .list_ul li a div.img img.sample2 {width:49%;}
.sub_list section.list_wrap .list_ul.list_4 {display:flex;}
.sub_list section.list_wrap .list_ul.list_4 li {width:49%; margin:0 1% 15px 0;}
.sub_list section.list_wrap .list_ul.list_4 li:nth-child(2n) {margin-right:0;}
.sub_list section.list_wrap .list_ul.list_4 li a div {padding:15px;}
.sub_list section.list_wrap .list_ul .list_cover {display:none;}
.sub_list section.list_wrap .list_ul.list_4 li a p {padding:10px 0px;}
.sub_list section.list_wrap div.option .right dl {display:flex; align-items: center;}
.sub_list section.list_wrap div.option .right dl dt {margin-right:5px; display: none;}
.sub_list section.list_wrap div.option .right dl dd {opacity: 0.2; width:18px; height:18px; margin-left:9px;}
.sub_list section.list_wrap div.option .right dl dd.active {opacity: 1;}
.sub_list section.list_wrap div.option .right dl dd.list1 { background:url('/include/img/list_1.png?t=1') no-repeat; background-size:18px;}
.sub_list section.list_wrap div.option .right dl dd.list2 { background:url('/include/img/list_2.png?t=1') no-repeat; background-size:18px;}
/*
.sub_list section.list_wrap .list_ul li a div.img {position:relative; height:150px; padding:10px; line-height:120px; text-align: center; background:#f7f7f7; box-sizing: border-box;}
.sub_list section.list_wrap .list_ul li a div.img img {display:inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;}
*/
.sub_list section.list_wrap .list_ul.vertical_list li, .sub_list section.list_wrap .list_ul.banner_list li {width:48.5%;}
.sub_list section.list_wrap .list_ul.vertical_list li a div.img {height:400px; justify-content: center;}
.sub_list section.list_wrap .list_ul.banner_list li a div.img {height:300px; justify-content: center;}
.sub_list section.list_wrap .list_ul.vertical_list li a div.img img, .sub_list section.list_wrap .list_ul.banner_list li a div.img img {display:inline-block; width: auto; height:auto; max-width: 100%; max-height:100%;}
.sub_list section.list_wrap .list_ul li a p {padding:15px 10px; font-size:12px; color:#1a1a1a; text-align: center;}
.sub_list section.list_wrap .list_ul li button.wish {position:absolute; bottom:20px; right:10px; width:15px; height:12px; background: url(/include/img/ico_wish2.png?t=1) no-repeat; background-size:cover;}
.filter_wrap.fixed_wrap .title_box p span {display:inline-block; margin-right:5px;}
section.list_wrap div.option_sub {display:flex; justify-content: space-between; align-items: center; margin:0 0 15px 0; height:auto; padding:25px 0; border-bottom:1px solid #e6e6e6; box-sizing: border-box; background:#fff}
section.list_wrap div.option_sub .left span {font-size:13px;}
section.list_wrap div.option_sub .left span em {font-weight: bold; color:#1a1a1a;}
section.list_wrap .title_box {padding-top:12px; background: #159fda; height:50px; box-sizing: border-box;}
section.list_wrap .title_box .title {position:relative; width:1200px; margin:0 auto;}
section.list_wrap .title_box .title h3 {display: inline-block; vertical-align: middle; font-size:18px; /*font-family:'YoonGothicPro780';*/ color:#fff; }
section.list_wrap .title_box .title p {display: inline-block; vertical-align: middle; padding-left:25px; margin-left:25px; line-height:18px; color:#cbefff; border-left:1px solid #fff;}
section.list_wrap .title_box .title p span {margin-right:25px;}
section.list_wrap .title_box .title button {position:absolute; top:7px; right:0; width:19px; height:11px; background: url(/include/img/my/arrow_up_white.png) no-repeat;}
section.list_wrap .title_box .title button.complete {background: url(/include/img/my/arrow_down_white.png) no-repeat;}
section.list_wrap div.option_sub .option_box {position:relative; width:1200px; margin:0 auto;}
section.list_wrap div.option_sub .option_box::after {content: ""; display: table; clear: both;}
section.list_wrap div.option_sub .option_box article {float:left;}
section.list_wrap div.option_sub .option_box article h4 {margin-bottom:15px; font-size:15px; font-weight:bold; color:#000;}
section.list_wrap div.option_sub .option_box article.sector_wrap {width:100%; margin-right:70px;}
section.list_wrap div.option_sub .option_box article ul::after {content: ""; display: table; clear: both;}
section.list_wrap div.option_sub .option_box article ul li {float:left; margin:0 15px 10px 0; font-size:15px; cursor: pointer; box-sizing: border-box;}
section.list_wrap div.option_sub .option_box article.sector_wrap ul {height:75px; padding-right:10px;}
section.list_wrap div.option_sub .option_box article.sector_wrap ul .mCSB_scrollTools {opacity: 1; width:4px; margin:0; border-radius: 16px; background:#e6e6e6}
section.list_wrap div.option_sub .option_box article.sector_wrap ul .mCSB_dragger_bar {display: block; background: #159fda}
section.list_wrap div.option_sub .option_box article.sector_wrap ul li:hover, article.sector_wrap ul li.active {color:#159fda;}
section.list_wrap div.option_sub .option_box article.style_wrap {width:270px; margin-right:70px;}
article.style_wrap ul li{margin-bottom:12px !important;}
article.style_wrap ul li div.checkbox label {margin-right:5px;}
article.style_wrap ul li div.checkbox label::before, article.style_wrap ul li div.checkbox label::after {border-radius:50px}
section.list_wrap div.option_sub .option_box .btns {position:absolute; top:15px; right:0; width:120px;}
section.list_wrap div.option_sub .option_box .btns button {width: 120px; height:35px;}
section.list_wrap div.option_sub .option_box .btns button:first-child {margin-bottom:10px; color:#000;}
section.list_wrap div.option_sub .option_box article.color_wrap {width:210px;}
section.list_wrap div.option_sub .option_box article.color_wrap h4 {margin-bottom:17px;}
section.list_wrap div.option_sub .option_box article.color_wrap ul li {width:19px; height:19px; margin-bottom:15px; border-radius:50%;}
@media only screen and (max-width: 600px) {
section.list_wrap div.option_sub .option_box article.sector_wrap {
margin-right: 70px;
margin-top: 0px;
margin-bottom: 0px;
overflow-x: scroll;
height: auto;
}
}
/* 개별 파일 업로드 */
.upload_file {}
.upload_file .tit {margin-bottom:5px; font-size:16px; line-height:26px; color:#000;}
.upload_file .tit em {font-weight:bold;}
.upload_file .tit span {font-size:14px;}
.upload_file .impor {display: inline-block; padding-left:20px; background:url(/include/img/ico_important.png?t=1) 0 center no-repeat; background-size: 13px;}
.upload_file .drag_box {width:100%; margin:0 auto 30px auto;}
.drag_box .file-info {margin-top:3px; text-align: left; font-size:12px;}
.drag_box .sec .thumb-wrapper {padding:10px 50px 10px 15px; transition: 0.5s; background: #f8f8f8}
.drag_box .sec .thumb-wrapper::after {content: ''; display: table; clear: both}
.drag_box .sec .file-info > div:first-child {font-size:13px; font-weight: bold; line-height:18px; color:#1a1a1a; margin-top:3px;}
.drag_box .sec .thumb-wrapper > .thumb-ext {display:none;}
.drag_box .sec button {position:absolute; top:20px; right:15px; width:25px; height:25px; background:url(/include/img/close.png?t=1) center no-repeat; background-size:9px; border:1px solid #d4d4d4;}
.drag_box #file_list > li > .thumb-wrapper > img {display: block;max-width: 100%;max-height: 100%;height: auto;margin: auto;min-width: 100%;}
.drag_box .sec {position:relative; box-sizing: border-box;}
.drag_box .sec.sec-list {margin-top:15px;}
#dropZone {background-color: #f8f8f8; transition: all 200ms ease;}
.drag_box .sec.sec-select {padding:35px 0;font-size: 13px; text-align: center;}
.drag_box .sec.sec-select.dragenter {background:#e5e5e5;}
.drag_box #file {display: none;}
.drag_box .file_btn {display: inline-block;width:135px; height:118px; background: url(/include/img/editor/file_btn.png?t=1) center no-repeat; background-size:75%;}
.drag_box #file_list {margin:15px 0 0 0;padding-left: 0;list-style: none;}
.drag_box #file_list > li {padding: 1em;border-bottom: 1px solid #f0f0f0;transition: all 150ms ease;display: flex;}
.drag_box #file_list > li:hover {background-color: #fafafa;box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.05);}
/* 파일 업로드 중 */
.fileup_wrap {z-index: 99999; position:fixed; top:0; left:0; display:flex; align-items: center; justify-content: center; width:100%; height:100%; background:rgba( 255, 255, 255, 1 );}
.fileup_wrap p {margin-top:25px; font-weight:bold; font-size:13px; color:#1a1a1a; text-align: center;}
.fileup_wrap .fileup_box {width:80%;}
.fileup_wrap .fileup_box .fileup_img img {width:100px; margin:0 auto 35px;}
.fileup_wrap .progress_box {position:relative; width:100%; height:30px; background:#f7f7f7; border-radius: 30px; overflow: hidden;}
.fileup_wrap #progress-bar {width:0; height:30px; line-height:32px;background:#159fda;font-family:calibri;color:white;text-align: center;overflow: hidden; font-weight: bold; font-size:14px;}
/* 장바구니 */
.sub_order .order_ul {display:none;}
.sub_order .my_benefit {display:none;}
.basket_list {}
.basket_list .list_header {position:absolute; top:0; left:0; display:flex; align-items: center; width:100%; height:45px; padding:0 15px; background:#f7f7f7; box-sizing: border-box;}
.basket_list .btn_del {position:absolute; top:8px; right:15px; padding:5px 10px; font-size:12px; color: #b7b7b7; border: 1px solid #d8d8d8;}
.basket_list .list_header.fixed, .basket_list .btn_del.fixed {position:fixed; top:0; z-index: 99}
.btn_del.fixed {top:8px !important;}
.list_content h3 {height:65px; padding:20px 0 0 30px; font-size:18px; font-weight:bold; color:#000; border-top:2px solid #000; border-bottom:1px solid #dbdbdb; box-sizing: border-box;}
.content_ul > li {position:relative; display:flex; width: 100%; padding:30px 0 70px 0; border-bottom:1px solid #1a1a1a;}
.content_ul > li > div {}
.content_ul > li div.num1 {}
.content_ul > li div.num1 {/*z-index: 9; position:absolute; top:30px; left:0;*/ width:30px; vertical-align: top}
.content_ul > li div.num1 div.thumb {display:flex; justify-content: center; align-items: center; width:100px; height:100px; padding:10px; line-height:77px; text-align: center; background: #f8f9fa; box-sizing: border-box;}
.content_ul > li div.num1 div.thumb > img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
.content_ul > li div.num1 > button {position:absolute; top:70px; left:70px; width:30px; height:30px; background: #fff url(/include/img/my/ico_search.png?t=1) center no-repeat; background-size: 12px; border:1px solid #e5e5e5;}
.content_ul > li div.num1 .tit_box {position: relative; width:60%; margin-left:20px; text-align: left}
.content_ul > li div.num1 .tit_box h4 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:15px; font-weight:600; color:#000; }
.content_ul > li div.num1 .tit_box dl {width: 100%; margin-top:10px; font-size:12px; line-height:20px;}
.content_ul > li div.num1 .tit_box dl dt {float:left; margin-right:5px;}
.content_ul > li div.num1 .tit_box dl dd {margin:0;}
.content_ul > li div.num1 .tit_box dl dd span {margin:0 3px; font-size:11px; vertical-align: top}
.content_ul > li div.num1 .tit_box dl dd button.option {margin-left:15px; padding:0 10px 1px 0; color:#000; vertical-align:text-bottom; border-bottom:1px solid #000; background: url(/include/img/order/ico_arrow.png?t=1) right 5px no-repeat;}
.content_ul li div.num1 .item_quantity {margin-top:10px;}
.content_ul > li div.num2 {position:relative; display:flex; width:100%;}
.content_ul > li div.num2 div.thumb {display:flex; justify-content: center; align-items: center; width:90px; height:90px; padding:10px; line-height:77px; text-align: center; background: #f8f9fa; box-sizing: border-box;}
.content_ul > li div.num2 div.thumb > img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
.content_ul > li div.num2 > button {position:absolute; top:60px; left:60px; width:30px; height:30px; background: #fff url(/include/img/my/ico_search.png?t=1) center no-repeat; background-size: 12px; border:1px solid #e5e5e5;}
.content_ul > li div.num2 .tit_box {position: relative; width:60%; margin-left:20px; text-align: left}
.content_ul > li div.num2 .tit_box h4 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:15px; font-weight:500; color:#000; }
.content_ul > li div.num2 .tit_box .basket_memo {color:#159fda ; padding-top: 5px;}
.content_ul > li div.num2 .tit_box dl {width: 100%; margin-top:10px; font-size:12px; line-height:20px;}
.content_ul > li div.num2 .tit_box dl dt {float:left; margin-right:5px; margin-top:0 !important}
.content_ul > li div.num2 .tit_box dl dd {margin:0 !important;}
.content_ul > li div.num2 .tit_box dl dd span {margin:0 3px; font-size:11px; vertical-align: top}
.content_ul > li div.num2 .tit_box dl dd button.option {margin-left:15px; padding:0 10px 1px 0; color:#000; vertical-align:text-bottom; border-bottom:1px solid #000; background: url(/include/img/order/ico_arrow.png?t=1) right 5px no-repeat;}
.content_ul li div.num2 .item_quantity {margin-top:10px;}
.item_quantity button.change {float: left; height:35px; margin-left:5px; padding:0 7px; font-size:11px}
.item_quantity .quantity_box_35 {width:90px;}
.item_quantity select {width:100%; font-size:12px; border-radius: 0; height:33px; padding: 0 10px; background: #fff; border:none; box-sizing: border-box; outline:none;}
.quantity_box2 {width:100px;}
.quantity_box2::after {content: ""; display:table; clear:both;}
.content_ul > li div.num3 {position:absolute; bottom:0; right:0; width:40%; height:50px; padding-top:14px; font-size:16px; text-align: right; color:#000; border-top:1px solid #e5e5e5; box-sizing: border-box;}
.content_ul > li div.num3 em {font-weight:bold;}
.content_ul > li div.num4 {position:absolute; bottom:0; left:0; width:60%; height:50px; padding-top:10px; box-sizing: border-box; border-top:1px solid #e5e5e5;}
.content_ul > li div.num4 button {width:58px; height:30px; font-size:11px;}
.content_ul > li div.num4 button:nth-child(2) {margin-left:-4px; border-left:none;}
.content_ul > li div.num4 button:nth-child(3) {margin-left:-4px; border-left:none;}
.order_price {}
.price_box {z-index: 99; position:fixed; bottom:0; left:0; display:flex; flex-wrap: wrap; width:100%; margin-top:10px; background:#f7f7f7; /*background:#f7f7f7 url(/include/img/order/price_bg.png?t=1) center 17px no-repeat; background-size:34%;*/}
.price_box dl {display:flex; justify-content: space-between; width:100%; text-align: center; padding:0 15px 15px 15px; line-height: 20px; box-sizing: border-box}
.price_box div.dl_st {display:none; width: 100%;}
.price_box div dl:first-child {padding-top:15px;}
.price_box dl dt, .price_box dl dd {margin:0; padding:0; color:#999;}
.price_box dl dd {color:#1a1a1a;}
.price_box dl dt {font-size:12px;}
.price_box dl dd {font-size:14px;}
.price_box dl dd em {font-size:16px; font-weight:bold; vertical-align: bottom;}
.price_box dl.price_end {display:flex !important; justify-content:space-between; align-items: center; width:65%; height:55px; padding:0 15px; background:#1a1a1a; box-sizing: border-box;}
.price_box dl.price_end dt {padding-left:16px; background:url('/include/img/my/arrow_up2.png?t=1') 0 center no-repeat; background-size: 9px;}
.price_box dl.price_end dt.active {background:url('/include/img/my/arrow_down2.png?t=1') 0 center no-repeat; background-size: 9px;}
.price_box dl.price_end dd {font-weight:500; color:#fff;}
.price_box button {position:absolute; right:0; bottom:0; width:35%; height:55px;}
.sub_wrap.order_fixed {padding: 40px 15px 100px 15px;}
.order_price .ul_default {margin-top:30px; margin-bottom: 30px}
/* 장바구니 옵션 */
.basket_option.detail_new .radio_select {width:100%;}
.basket_option.detail_new .select_wrap {width:100%;}
.basket_option .value_sum {margin-top:30px; padding:20px 0; font-size:13px; color:#000; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}
.basket_option .value_sum dt, .value_sum dd {display: inline-block; width:49%; margin:0; padding:5px 0; box-sizing: border-box;}
.basket_option .value_sum dt {text-align: left}
.basket_option .value_sum dd {text-align: right}
.basket_option .value_sum dd.value2 {color:#888;}
.basket_option .value_sum dd.value3 {font-size:20px; font-weight:bold; color:#f93c3c;}
/* 주문 완료 */
.order_complete h2 {font-family: 'Montserrat','YoonGothicPro780', sans-serif; font-size:22px; line-height:32px; color:#1a1a1a;}
.order_complete ul li em {color:#1a1a1a; font-weight:bold;}
.order_complete dl {margin-top:40px; background: #f7f7f7; padding:20px 20px 10px 20px;}
.order_complete dl dt, .order_complete dl dd {display: inline-block; color:#1a1a1a; line-height:20px;}
.order_complete dl dt {font-size:12px;}
.order_complete dl dd {margin:0 0 10px 0; font-size:14px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight: 600;}
.order_complete dl dt, .order_complete dl dd {display:block;}
.order_complete button.selected_box {border:none !important; background:#e5e5e5;}
/* 쿠폰 - 레이어 */
.coupon_change article > h3 {margin-bottom:15px; padding:13px 0; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size: 16px; font-weight:600; color:#1a1a1a; border-top:2px solid #000; border-bottom:1px solid #dbdbdb;}
.coupon_change .coupon_input {}
.coupon_change .coupon_input::after {content: ""; display: table; clear: both;}
.coupon_change .coupon_input input, .coupon_change .coupon_input button {float:left; height:45px;}
.coupon_change .coupon_input input {width:75%; font-size:12px;}
.coupon_change .coupon_input button {width:25%; color:#fff; background: #666}
.coupon_change .coupon_input button:hover {background: #000; transition: 1s}
.select_coupon {margin-top: 30px}
.select_coupon::after {content: ""; display: table; clear: both;}
.select_coupon p {font-size:14px;}
.select_coupon p.title {float: left; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight: 600; color:#1a1a1a;}
.select_coupon p span {margin-right:10px; text-decoration: line-through; color:#888888;}
.select_coupon p em {font-weight:bold; color:#f93c3c;}
.select_coupon div.option_select {float:left; width:100%; margin-top:10px;}
.coupon_change article > span {font-size:12px;}
/* 결제 */
.content_ul > li div.num4.order_list_price {display:flex; justify-content: space-between; width:100%; height:45px;}
.content_ul > li div.num4.order_list_price p {font-size:12px}
.content_ul > li div.num4.order_list_price p em {font-size:14px; color:#1a1a1a; font-weight:bold;}
.order_list_ul li {padding:0 0 70px 0; margin-bottom:30px;}
.order_payment .left_wrap {width:100%;}
.order_payment .left_wrap article {position:relative; margin-top:50px;}
.order_payment .left_wrap article.active {padding-bottom:20px; border-bottom: 1px solid #1a1a1a;}
.order_payment .left_wrap article.active h3 {background:url('/include/img/my/arrow_up.png?t=1') top 8px right 5px no-repeat; background-size:13px;}
.order_payment .left_wrap article.active .tb_input {display:table;}
.order_payment .left_wrap article .order_view_wrap {display:none;}
.order_payment .left_wrap article h3 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:16px; font-weight:500; margin-bottom:15px; padding-bottom:15px; color:#000; border-bottom:1px solid #dbdbdb; background:url('/include/img/my/arrow_down.png?t=1') top 8px right 5px no-repeat; background-size:13px;}
.order_payment .left_wrap article > p {position:absolute; top:0; left:75px; font-size:11px;}
.order_payment .left_wrap article p.p_css {font-size:12px; margin:10px 0;}
.order_payment .left_wrap article > p span {text-decoration: line-through;}
.order_payment .left_wrap article > button.btn_multi {position:absolute; top:-8px; right:0; width:150px; height:40px; background: #f7f7f7}
.order_payment .right_wrap {width: 100%; margin-top:40px; position:absolute; left:0;}
.order_payment .right_wrap .right_box {width: 100%; background: #f8f8f8; box-sizing: border-box;}
.price dl::after {content: ""; display: table; clear: both;}
.price dl dt {float:left; width:50%; color:#000;}
.price dl dd {float:right; width:50%; text-align: right}
.price dl dd em {font-weight:bold;}
.payment_dl1 dt {margin:0 0 15px 0; font-size:14px; font-weight:bold;}
.payment_dl1 dd {margin:0 0 15px 0; font-size:20px; }
.payment_dl2 {padding:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.payment_dl2 dt {margin:3px 0; font-size:13px}
.payment_dl2 dd {margin:3px 0; font-size:15px; color:#1a1a1a;}
.order_payment .right_wrap .agree .checkbox {position:relative; margin-top:20px;}
.order_payment .right_wrap .agree .checkbox label {font-size:15px; font-weight: bold; color:#1a1a1a; line-height:18px;}
.order_payment .right_wrap .agree .checkbox label em {color:#f93c3c;}
.order_payment .right_wrap .agree .checkbox p {margin-top:10px; font-size:12px; line-height:20px;}
.order_payment .right_wrap .agree .toggle_box p {overflow: auto; height:90px;}
.order_payment .right_wrap .agree .checkbox button.btn_toggle {position:absolute; top:1px; right:0; width:15px; height:8px; padding:10px; background:url(/include/img/arrow_down.png?t=1) center no-repeat;}
.order_payment .right_wrap .agree .toggle_box .complete {background:url(/include/img/arrow_up.png?t=1) center no-repeat !important;}
.order_payment .right_wrap .right_box > button {position:absolute; left:0; bottom:0; width:100%; height:50px; font-size:14px; color:#fff; background:#c0c0c0}
/*.order_payment .right_wrap .fixed_wrap {position:fixed; top:0; }*/
.order_payment .right_wrap .right_box > div {width:100%; margin-bottom:15px; padding:20px 20px 60px 20px; overflow: auto; box-sizing: border-box;}
.order_payment .right_wrap .fixed_wrap > div {}
.order_payment .payment_width {margin:20px 0;}
.order_payment .payment_width span {display: inline-block; width:100%;}
.order_payment .payment_width span label {margin:0;}
.order_payment .payment_width span label img {display: inline-block; vertical-align: bottom}
.order_payment .cash_box {padding:15px; background: #f8f8f8}
.order_payment .cash_box p {font-size:12px;}
.order_payment .cash_box div.title::after {content: ""; display: table; clear: both;}
.order_payment .cash_box div.title span {position:relative; display:block; margin-bottom:10px; padding-right:20px; font-size:14px; color:#000; }
.order_payment .cash_box div.title .radiobox {}
.order_payment .naver_pay img {max-width:100%; margin-top:10px;}
.order_payment .left_wrap .ul_default {margin-top:25px}
.sale_wrap .tb_input td {display: flex; flex-wrap: wrap; align-items: center;}
.sale_wrap .tb_input td input {width:60%;}
.sale_wrap .tb_input td span.won {width:10%;}
.sale_wrap .tb_input td button {width:30%;}
.order_payment .escrow_box {margin-top:10px;}
.order_payment .escrow_box div {position:relative; padding-left: 23px; font-size:13px; color:#b3b3b3; background: url(/include/img/ico_question.png?t=1) left 3px no-repeat; background-size:16px; cursor: pointer }
.order_payment .escrow_box .radiobox {float:left; margin-left:60px;}
.order_payment .escrow_box div p.tooltip {position:relative; bottom:auto; right:auto; width:auto; margin-top:10px; padding:10px;}
.order_payment .escrow_box div p.tooltip::before {display:none;}
.order_payment .escrow_box div p.tooltip span {margin-left:8px;}
.order_payment .escrow_box div:hover p.tooltip {display: block;}
.bank_area input.input_box {width:100%; height:40px; margin:3px 0;}
.bank_area .untouched_wrap {margin-top:0; border:none;}
.bank_area .untouched_wrap p {margin:5px 0 3px 0;}
.bank_area .untouched_wrap .option_select {margin:2px 0;}
.info_value {margin-top:15px; border-top:1px solid #e5e5e5}
.info_value .select_wrap::after {content: ""; display: table; clear: both;}
.info_value .select_wrap {}
.info_value .option_select {width:100%;}
.info_value .option_select .custom-select .new-select {height:35px; font-size:13px; line-height: 33px}
.info_value .option_select .custom-select .new-select::after {top:-0px; }
.info_value .option_select .custom-select li {height:35px; line-height: 33px;}
.info_value .select_wrap > p {margin-right:5px; line-height:30px;}
.info_value .ul_default {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;}
.info_value .radiobox label {width:100%;}
.bank_area .num_depth {display:flex;}
.bank_area input.input_box.size1 {width:40%}
.bank_area input.input_box.size2 {width:60%; margin-left:5px;}
.order_fail {height:75%; padding:0 15px !important}
.order_fail .order_list {height:100%; display: flex; justify-content: center; align-items: center;}
.order_fail .order_list div img {width:70px; margin:0 auto 25px auto;}
.order_fail .order_list div p {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size: 16px; color:#1a1a1a;}
.order_view_btn button { border: 1px solid #f1f1f1; padding: 5%; margin: 7% 0%;}
.order_view_btn button .key_box { border: 1px solid; width: 130%;}
/* 툴팁 */
p.tooltip {z-index:10; display: none; position:absolute; bottom:35px; right:-40px; width: 370px; padding:20px; font-size:12px; line-height:18px; color:#fff; background:#333; border-radius: 10px}
p.tooltip::before {content: ''; position: absolute; right: 170px; bottom: -10px; border-style: solid; border-width: 11px 10px 2px 10px; border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
/* 테이블 - 인풋 */
.tb_input {width:100%; text-align: left;}
.tb_input caption {display: none}
.tb_input th {padding-bottom:15px; font-size:13px; color:#1a1a1a; font-weight: bold;}
.tb_input td {position:relative; padding-bottom:10px;}
.tb_input input.input_box {height:40px; font-size:13px;}
td input.size1 {width:100%;}
td input.size2 {width:100%;}
td input.size3 {width:100px;}
td input.size4 {width:100%;}
td input.size5 {width:200px; text-align: right}
.tb_input td span.hyphen {margin:0 6px; font-size:20px; color:#d4d4d4;}
.tb_input th.align_top {padding-top:11px; vertical-align: top}
.tb_input td div.option_select {width:100%; margin-top:20px;}
td.post button {width:120px; height:40px; margin-left:12px; font-size:15px; color:#000; background:#ececec}
.tb_input td button.management {position:absolute; right:0; width:85px; height:40px; font-size:12px; border:1px solid #d4d4d4; background:#fff;}
.tb_input td span.won {text-align: center;}
.tb_input td button.coupon {height:40px; font-size:12px; border: 1px solid #d4d4d4;}
.tb_input td button.coupon_none {color:#b1b1b1; background:#f8f8f8;}
.tb_input td button.default_box {color: #b3b3b3; background: #e5e5e5 !important; transition: 0.5s;}
.tb_input td button.default_box2:hover {border:1px solid #d4d4d4 !important;}
.tb_input td input:disabled {color:#999; background:#f2f2f2; border:1px solid #e5e5e5;}
.tb_input td span.coupon_text {display:block; width:100%; margin:7px 0; font-size:12px; text-align: right;}
.tb_input td span.coupon_text em {font-weight:bold; color:#000;}
.tb_input td textarea {display: none; width:400px; height:70px; padding:10px 20px; margin-top:-1px; border:1px solid #d4d4d4; box-sizing: border-box; outline: none;}
.tb_input p {font-size:12px; line-height: 18px;}
/*.tb_input .delivery_name {display:flex;}*/
.tb_input .delivery_name button {margin-left:5px;}
.tb_input .default_box {}
/* 메인 리뉴얼 */
.main_list div.title {padding: 20px 15px 20px 0;}
.main_list div.title h4 {font-size:18px; /*font-weight:bold;*/ color:#000;}
.main_list div.title p {margin-top:10px; font-size:16px; color:#e81e25;}
.main_list div.title p.evt_p {margin-top:10px; font-size:13px; color:#999;}
.main_list div.title p span {display:inline-block; margin-left:7px; padding:1px 5px; font-size:11px; color:#666; border:1px solid #b3b3b3; border-radius:4px;}
.main_list span.label {position:absolute; top:0; right:0; width:55px; height:55px; padding-top:17px; font-size:12px; text-align: center; font-weight: 600; color:#fff; box-sizing: border-box;}
.main_list span.best {background: #159fda;}
.main_list span.new {background: #fe7773;}
.main_list span.pc {padding-top:10px; line-height:16px; background: #333;}
/* 이벤트 */
.event_list {}
.event_list li {margin-top:30px;}
.event_list li img {width:100%;}
.event_list li h4 {margin-top:25px; font-size:18px; font-weight:bold; color:#000;}
.event_list li p {padding:10px 0;}
.event_list li span em {margin-right:10px; padding-right:15px; background: url(/include/img/line.png?t=1) right 3px no-repeat;}
.event_end li img {opacity:0.4;}
.event_list_wrap {}
.event_list_wrap li {margin-bottom:5px;}
.event_list_wrap li a img {width:100%;}
/* 이벤트 종료 */
.event_end li div {position:relative;}
.event_end div.end {display: table; position:absolute; top:0; left:0; width:100%; height:100%; text-align: center; font-size:16px; color:#fff; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box}
.event_end div.end span {display: table-cell; vertical-align: middle;}
/* 고객센터 */
.cs_wrap {position:relative; border:1px solid #333; box-sizing: border-box;}
.cs_wrap .search {width:100%; padding:20px 15px; box-sizing: border-box;}
.cs_wrap .search .searchbar {position:relative;}
.cs_wrap .search .searchbar input {width:100%; padding:0 30px 15px 0; font-size:14px; font-weight:bold; color:#000; border:none; border-bottom:1px solid #000; box-sizing: border-box; border-radius: 0;}
.cs_wrap .search .searchbar input::placeholder {font-weight:normal; color:#888;}
.cs_wrap .search .searchbar .btn_search {position:absolute; bottom:15px; right:0; width:20px; height:20px; background: url(/include/img/ico_search.png?t=1) center no-repeat; background-size:20px;}
.cs_wrap .search .favorites {display:flex; justify-content: flex-start; margin-top:20px; line-height: 21px;}
.cs_wrap .search .favorites dt, .cs_wrap .search .favorites dd {display: inline-block; font-size:14px;}
.cs_wrap .search .favorites dt {display:block; width:130px; font-weight:bold; color:#000;}
.cs_wrap .search .favorites dd {padding-right:13px; margin:0 13px 0 0; font-size:12px; cursor: pointer; background: url(/include/img/line.png?t=1) right center no-repeat;}
.cs_wrap .search .favorites dd:hover {color:#000; text-decoration: underline;}
.cs_wrap .search .favorites dd:last-child {margin:0; padding:0; background: none}
.cs_wrap .info {width:100%; padding:25px 15px; text-align: center; background: #333; box-sizing: border-box;}
.cs_wrap .info p {font-size:12px; color:#fff; line-height:18px; opacity: 0.5;}
.cs_wrap .info .call {margin-bottom:7px; font-size:28px; line-height:28px; font-weight:bold; opacity: 1;}
.cs_wrap .info p span.br {display: block;}
.cs_wrap .info a {display: inline-block; width:100px; height:28px; padding-top:2px; margin:13px 3px 0 3px; font-size:12px; color:#fff; border:1px solid #fff; box-sizing: border-box;}
.faq_title {position:absolute; left:0; width:100%; padding:0 5px; text-align: center; background:#f7f7f7; border-top:1px solid #ececec; border-bottom:1px solid #ececec; overflow: auto; white-space: nowrap; box-sizing: border-box;}
.faq_title li {display: inline-block !important; float:none !important; width:auto !important; padding:13px 10px 0 10px; border:none !important;;}
.faq_title li a {display: inline-block; padding:0 3px; font-size:13px; color:#000; }
.faq_title li.active2 {border:none !important;}
.faq_title li.active2 a, .faq_title li a:hover {font-weight:bold; border-bottom:1px solid #000;}
.faq_title li.active2_1 a, .faq_title li a:hover {font-weight:bold; border-bottom:1px solid #000;}
.faq_list {margin-top:55px !important;}
.faq_list li.answer .content img {max-width:100%; width:auto !important; height:auto !important;}
.faq_list li.answer .content2 img {max-width:100%; width:auto !important; height:auto !important;}
.faq_list li.answer .content2 table {max-width:100%; width:auto !important;}
.faq_list li.answer p.key_color {font-size:15px; font-weight:bold;}
.notice_box {margin-top:50px;}
.notice_box h4 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size: 16px; font-weight:600; color:#1a1a1a; text-align: center;}
.notice_box .notice_list {margin-top:20px !important;}
.search_result {padding:20px 10px 20px 10px; font-size:13px; border-bottom:1px solid #ececec;}
.search_result em {font-weight:bold; color:#000;}
.answer {display: none}
/* 페이징 */
.paging {text-align: center}
.paging li {display: inline-block;}
.paging li a {display: inline-block; padding:3px 9px; font-size:14px; line-height: 24px; vertical-align: middle;}
.paging li a.active, .paging li a:hover {font-weight:bold; color:#000; background:#f2f2f2;}
.paging li.first a {padding:20px 10px 20px 20px; background: url(/include/img/icon_play_p.png?t=1) center 10px no-repeat}
.paging li.end a {padding:20px 20px 20px 10px; background: url(/include/img/icon_play_n.png?t=1) center 10px no-repeat}
/* 대량구매 페이지 */
/* main */
#bulk_main {background: url('/include/img/sub_company/img_01.jpg?t=1') center left -410px no-repeat; background-size: cover; width: 100%;}
#bulk_main .bulk_top {text-align: center; padding: 50px 30px;}
#bulk_main .bulk_top span.sub_tit {background: url('/include/img/my/lnb_line.png?t=1') left bottom repeat-x; height: 19px; margin-bottom: 25px; display: inline-block; padding: 0 5px; font-size: 14px; font-weight: 700; color: #111;}
#bulk_main .bulk_top h3 {font-size: 43px; color: #1a1a1a; margin-bottom: 20px; font-weight: 300; line-height: 52px;}
#bulk_main .bulk_top h3 em {display: block; font-style: normal; font-family: 'Montserrat','YoonGothicPro780', sans-serif; }
#bulk_main .bulk_top p {font-size: 15px; line-height: 24px;}
#bulk_main .bulk_top .btn_inquires {display: inline-block; padding: 15px 30px; border-radius: 50px; font-size: 16px; margin-top: 30px}
/* floating banner */
aside.bnr_floating {display:none; border-radius: 10px 0 0 10px; background: url('/html/sub_company/img/btn_arrow.png?t=1'); background-repeat: no-repeat; background-position: 90% 75%; background-color: #159fda; width: 360px; height: 90px; padding: 20px 30px; color: #fff; font-size: 14px; text-align: left; font-weight: 500; position: fixed; bottom: 100px; right: 0px; z-index: 99999; box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
aside.bnr_floating dl {display: block; margin-bottom: 20px;}
aside.bnr_floating dl dt {display: inline-block; }
aside.bnr_floating dl dd {display: inline-block; color: #c1ecff; font-weight: 300; vertical-align: text-top; padding-left: 10px}
aside.bnr_floating a {width: 100px; height: 40px; display: inline-block !important; position: relative; border: none; background: transparent; top: -10px; left: 10px; float: right; transition: .4s ease-in-out;}
aside.bnr_floating a:hover {background: rgba(21,159,218,0.4); transition: .4s ease-in-out;}
aside.bnr_floating::after {display: block; content: ""; clear: both;}
/* Products list */
.bulkProduct {padding: 30px 20px;}
.bulkProduct ul {display:flex; flex-wrap: wrap; justify-content: center;}
.bulkProduct ul li {display: inline-block; margin:10px; text-align: center;}
.bulkProduct ul li a {display:flex; justify-content: center; align-items: center; background-color: #f2f2f2; border-radius: 50%; width: 80px; height: 80px;}
.bulkProduct ul li:last-child {margin-right: 0;}
.bulkProduct ul li img {width:45px}
.bulkProduct ul li:first-child img {background-color: transparent; border-radius: 0;}
.bulkProduct ul li p {font-size: 12px; color: #1a1a1a; padding-top: 10px;}
.bulkProduct ul::after {display: block; clear: both; content: ''}
/* Order method */
.bulkOrder {background-color: #eaf5fe; width: 100%; padding:50px 30px;}
.bulkOrder ul {display:flex; flex-wrap: wrap; width:80%; margin:0 auto;}
.bulkOrder ul li {position:relative; display:inline-block; width: 100%; margin:25px 0; background-color: #fff; color: #000; text-align: center; }
.bulkOrder ul li:last-child {margin-right: 0;}
.bulkOrder ul li span.order_number {display: inline-block; width: 35px; color: #fff; background-color: rgba(21,159,218,0.7); border-radius: 20px; font-size: 18px; line-height: 35px; position: absolute; top: -17px; left:50%; margin-left:-17px;}
.bulkOrder ul li img {display: block; margin: 5px auto 0 auto; width:70%;}
.bulkOrder ul li dl dt {font-size: 15px; padding-bottom: 10px; font-weight: 600; color:#1a1a1a;}
.bulkOrder ul li dl dd {margin-bottom:20px; font-size: 12px; line-height: 18px; color:#999;}
/* Bulk purchase benefit */
.bulkBenefit {position:relative; height: 400px; overflow: hidden;}
.bulkBenefit .img-slide {height: 400px;}
.bulkBenefit .slide_txt {position: absolute; top:0; left:0; z-index: 9; padding:65px 25px;}
.bulkBenefit .slide_txt h4 {font-size: 30px; line-height: 38px; color: #1a1a1a;}
.bulkBenefit .slide_txt h4 em {font-weight: 700;}
.bulkBenefit .slide_txt p {font-size: 13px; line-height: 22px; color: #666; padding: 20px 0 50px 0;}
.bulkBenefit .slide_txt p>span {font-size: 12px; margin-top: 5px; font-weight: 600; color:#1a1a1a;}
.bulkBenefit .slide_txt a {color: #fff; padding: 15px 25px; font-size: 14px;}
.bulkBenefit .slide_txt a.btn_discount {background-color: #333; transition: .5s;}
.bulkBenefit .slide_txt a.btn_document {margin-left: 7px;}
/* One step system */
.bulkSystem {background: #f7f7f7 url('/include/img/sub_company/img_08.jpg?t=1') top center no-repeat; background-size: 300%; width: 100%; text-align: center; color: #000; padding-bottom: 70px;}
.bulkSystem .sub_copy {display: block; padding: 70px 20px 30px 20px;}
.bulkSystem .sub_copy dl {display: inline-block; text-align: center;}
.bulkSystem .sub_copy dl dt {font-size: 30px; line-height: 38px;}
.bulkSystem .sub_copy dl dd {font-size: 15px; line-height: 22px; padding-top: 10px; color:#999;}
.bulkSystem .sub_copy span.sub_no {display: block; margin-top:15px; font-size: 100px; font-weight: 800; line-height: 100px;}
.bulkSystem .system_txt {padding:0 30px;}
.bulkSystem .system_txt h4 em {font-weight: 800; font-size: 22px; line-height: 25px; background: transparent;}
.bulkSystem .system_txt h4 span {font-size: 24px; line-height: 50px; background: url('/include/img/my/lnb_line.png?t=1') left bottom repeat-x; background-size: 100% 20%; letter-spacing: -1.2px;}
.bulkSystem .system_txt p {font-size: 14px; padding: 10px 0 30px; color:#999}
.bulkSystem .system_txt a.btn_inquires2 {color: #fff; font-size: 16px; padding:20px 40px;}
/* Inquires form */
.bulkInquires {width: 100%; padding: 60px 15px;}
.bulkInquires .tab_default {}
.bulkInquires .tab_cont_wrap {margin-top: 0;}
.bulkInquires .sub_login {border: none;}
#inquires::after {display: block; content: ""; clear: both;}
.sub_partner .checkbox p.tooltip {text-align: left; width: 270px}
.sub_partner .checkbox p.tooltip::before {left:190px; right:auto;}
.sub_partner .checkbox:hover p.tooltip {display: block;}
.partner_input .fl, .partner_input .fr {float:none !important;}
/* sticky menu bar */
.sticky_nav .detail_tab_box {width:100%; top:0; left:0; background:#fff; }
.sticky_nav .detail_tab {box-sizing: border-box; width:100%; height:50px; background:#fff; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.sticky_nav .detail_tab.sticky {z-index: 99 !important; position:fixed; top:0; left:0;}
.sticky_nav .detail_tab ul {display:flex; justify-content: space-between; width:100%; margin:0 auto;}
.sticky_nav .detail_tab ul li {width:33.3%; height:50px; text-align: center; cursor: pointer; box-sizing: border-box;}
.sticky_nav .detail_tab ul li a {display:flex; justify-content: center; align-items: center; height:50px; font-size:13px; color:#999; box-sizing: border-box;}
.sticky_nav .detail_tab ul li a.active {font-weight:bold; color:#1a1a1a; border-bottom:1px solid #1a1a1a;}
.sticky_nav .fixed {z-index:1; position:fixed; top:0; left:0; width:100%; background:#fff;}
.sticky_nav .detail_tab span.slider {position: absolute; bottom: -1px; width: 0; height: 2px; background: #159fda;}
.bulkProduct .m-v-direct-new {display:none; z-index: 10; position: absolute; top: 50px; right: 50%; width:1200px; margin-right:-600px; text-align: right;}
.sub_partner .sub_p {margin:25px 0; font-size:12px; color:#999; line-height:20px; text-align: center;}
.sub_partner .signup_agree {text-align: center;}
.sub_partner .login_btn {margin-top:20px;}
.sub_partner .w_checkbox p.tooltip {left:0 !important; margin-left:-70px; padding:15px !important}
.sub_partner .checkbox p.tooltip::before {left:140px !important}
/* html5 편집기 css */
.edit_opt_layer {padding:30px 20px !important;}
.edit_opt_layer h1 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:18px;}
.edit_opt_layer.detail_new .radio_select {width:100%;}
.edit_opt_layer.detail_new .btn_make button:first-child {width:150px !important; height:50px !important; font-size:14px !important}
.edit_opt_layer.detail_new .td_select h4 {line-height: 22px}
.bg_wrap .editor_swiper ul {padding:0; margin:0;}
.bg_wrap .editor_swiper ul li {list-style:none;}
/* 견적서 */
.tb_estimate {width:100%; border:1px solid #000; border-bottom:none; border-top:none;}
.tb_estimate caption {padding:10px 0; font-size:16px; color:#000; border:1px solid #000; border-bottom:none;}
.tb_estimate td, .tb_estimate th {padding:8px 0; font-size:12px; font-weight:normal; color:#000; text-align: center; border:1px solid #000;}
.tb_estimate th {background: #f7f7f7}
.tb_estimate td {position:relative;}
.tb_estimate td p {padding:10px 0;}
.tb_estimate td p span {border-bottom:1px solid #000;}
.tb_estimate td p span em {margin:0 4px;}
.tb_estimate td img.stamp {position:absolute; top:0; right:0; width:30px;}
.tb_estimate td.left {padding-left:20px; text-align: left;}
.tb_estimate td.left span {margin-right:20px;}
.tb_estimate td.left span em {margin-right:10px; font-weight:bold;}
.tb_estimate2 {width:100%; border:1px solid #000; border-top:none; }
.tb_estimate2 th, .tb_estimate2 td {padding:8px 0; font-size:12px; color:#000; text-align: center; border-right:1px solid #000;}
.tb_estimate2 th {font-weight:normal; background: #f7f7f7; border-bottom:1px solid #000;}
.tb_estimate2 td {border-bottom:1px solid #000;}
.tb_estimate2 tfoot td {font-weight:bold; background: #f7f7f7; }
/* 404 페이지 */
.page_404 {display: flex; justify-content: center; align-items: center; height: 100%; background:#f7f7f7;}
.page_404 article {text-align: center;}
.page_404 article img {width:200px; margin:0 auto 50px}
.page_404 article h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:22px; color:#1a1a1a;}
.page_404 article p {margin-top:10px;}
/* 이벤트 */
.event_wrap {padding:25px 15px 50px 15px;}
.event_view_wrap {text-align:center;}
.event_view_wrap dl {display: inline-block; width:100%; font-size:12px; text-align: right;box-sizing: border-box;}
.event_view_wrap dl dt {display: inline-block; padding-right:15px; font-weight:600; color:#1a1a1a; background: url(/include/img/line.png) right center no-repeat;}
.event_view_wrap dl dd {display: inline-block; margin-left:10px; color:#999; }
.event_view_wrap .evt_wrap {position:relative; width:100%; margin-top:15px;}
.event_view_wrap .evt_wrap img {width:100%;}
.event_view_wrap button.key_box {width:150px; height:50px; margin-top:30px;}
/* 제작 가이드 */
.guide_wrap {text-align: center;}
.guide_wrap > article {display:inline-block; width:500px; height:370px; padding-top:190px; background:#f7f7f7; box-sizing: border-box; transition:0.5s}
.guide_wrap > article:hover {box-shadow:0 3px 10px 0 #ccc; transition:0.5s}
.guide_wrap .guide_common {margin-right:40px; background:#f7f7f7 url(/include/img/guide/ico_common.png) center 80px no-repeat;}
.guide_wrap .guide_file {background:#f7f7f7 url(/include/img/guide/ico_file.png) center 70px no-repeat;}
.guide_wrap > article h4 {font-size:20px; font-weight: bold; color:#000;}
.guide_wrap > article div.btns {margin-top:60px;}
.guide_wrap > article div.btns a {display:inline-block; width:130px; height:45px; margin:0 4px; font-size:15px; line-height:42px; border:1px solid #888; box-sizing: border-box; transition: 0.3s}
.guide_wrap > article div.btns a:hover {color:#fff; background:#159fda; border:1px solid #159fda; transition: 0.3s}
.guide_wrap .tab_cont_wrap2 {margin-top:25px;}
.guide_wrap .tab_default2_1 {text-align:left}
.guide_wrap .tab_default2_1 .faq_title {position:relative; border:1px solid #ececec;}
.guide_wrap .tab_btn_wrap2_1 {padding:0 0 13px 0; text-align:left}
.guide_wrap .tab_btn_wrap2_1 li {margin:0 5px; padding: 13px 0 0 10px;}
.guide_wrap .tab_btn_wrap2_1 li a {font-size:12px;}
.guide_wrap .tab_cont_wrap2_1 {}
.guide_wrap .basic_box {margin-top:50px;}
.guide_wrap .basic_box img {width:100%;}
.guide_wrap .basic_box .explan {margin-top:35px !important}
.guide_wrap .basic_box .explan .tool_ai {background: url(/include/img/guide/ico_ai.png?t=1); width: 25px; height: 25px; vertical-align: -8px; margin-top: 0; background-size:25px;}
.guide_wrap .basic_box .explan .tool_ps {background: url(/include/img/guide/ico_psd.png?t=1); width: 25px; height: 25px; vertical-align: -8px; margin-top: 0; background-size:25px;}
.guide_wrap .basic_box .explan h4 {font-size:20px; font-weight:bold; color:#000; line-height:28px;}
.guide_wrap .basic_box .explan ul.ul_default {margin-top:20px !important;}
.guide_wrap .basic_box .explan ul.ul_default li {font-size:13px; line-height:22px;}
.guide_wrap .basic_box .explan ul.ul_default li em {color:#000; font-weight:bold;}
.guide_wrap .basic_box .explan p {margin-top:20px; font-size:13px; line-height:22px;}
.guide_wrap .basic_box .explan p em {color:#000; font-weight:bold;}
.guide_wrap .basic_box .explan span {display: inline-block; margin-top:20px; font-size:12px;}
.guide_wrap p.notice {padding-top:30px; font-size:12px; line-height:20px;}
.guide_wrap .size_box {text-align: center}
.guide_wrap .size_box img {display: inline-block;}
.guide_wrap .size_box button {width:300px; height:60px; margin-top:60px; font-size:16px;}
/* 앱다운 팝업 */
.appdown_popup {position: relative; width: 100%; height: 65px; transition: opacity 300ms ease-out 0s; overflow: hidden; visibility: hidden;}
.appdown_popup > .banner-content {z-index: 100; position: fixed; top: 0px; left: 0px; width: 100%; height: 72px; padding: 15px; background-color: rgb(255, 255, 255); display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; box-shadow: rgb(0 0 0 / 35%) 0px 0px 5px;}
.appdown_popup > .banner-content > .left {display: flex; flex-direction: row; -webkit-box-align: center; align-items: center;}
.appdown_popup > .banner-content > .left .tit_txt { margin-left: 10px; font-size: 12px; font-family: YoonGothicPro760; color:#000; letter-spacing: -.5px;}
.appdown_popup > .banner-content > .left .appicon {position: relative; width: 40px !important; height: 40px; border-radius: 9px;}
.appdown_popup > .banner-content > .left .tit_txt > div:last-child { margin-bottom: 0px;}
.appdown_popup > .banner-content > .right { padding-right: 30px;}
.appdown_popup > .banner-content > .right .appdown_go { -webkit-tap-highlight-color: transparent; padding: 7px 10px; background-color: hwb(2deg 45% 0%); color: #fff; border-radius: 16px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 11px;}
.appdown_popup .b-close {top: 27px;}
/*저작권*/
.copyright_txt {text-align: left !important; background: #f3f3f3!important; padding: 20px; box-sizing: border-box!important; margin: 0 auto; width: 100%; margin-bottom: 30px !important; margin-top: 30px !important;}
.copyright_txt > p { font-size: 13px!important; color: #666!important; line-height: 25px!important; margin-top: 0px!important;}
.copyright_txt > p em { font-size: 16px!important; color: #000!important; line-height: 50px!important; font-weight: bold; font-style: normal!important;}
/* 개별 파일 업로드_2개 */
#dropZone2 {margin: 20px 0; display: flex; background-color: #f7f7f7; transition: all 200ms ease; justify-content: start; padding: 20px 30px; align-items: center;}
#dropZone2 span { padding: 0px 20px;}
/*.upload_file .drag_box2 {width:100%; margin:30px auto 30px auto; display: flex; justify-content: space-around;}*/
.upload_file .drag_box2 {width:100%; margin:30px auto 30px auto;}
/*.drag_box2 .sec.sec-select {width: 45%; text-align: left;}*/
.drag_box2 .sec.sec-select {width: 100%; text-align: left;}
.drag_box2 .sec.sec-select.dragenter {background:#e5e5e5;}
.drag_box2 #file {display: none;}
.drag_box2 .file_btn {width: 40px; height: 40px; background-color: #fff; border: 1px solid #159fda; border-radius:10px ;}
.drag_box2 .file_btn label {display: flex; height:100%; justify-content: center; width: 40px;}
.drag_box2 .file_btn p {font-size: 30px; display: flex; align-items: center;}
.drag_box2 #file_list {margin:15px 0 0 0;padding-left: 0;list-style: none;}
.drag_box2 #file_list > li {padding: 1em;border-bottom: 1px solid #f0f0f0;transition: all 150ms ease;display: flex;}
.drag_box2 #file_list > li:hover {background-color: #fafafa;box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.05);}
.upload_box {color:#fff; transition:0.5s}
.option_change {text-align: center; }
.option_change button.upload_box {width: 100%; height:50px; margin:30px auto 0 auto; font-size:18px;}
.btn_upload {width:40px; height:40px; border-style: solid; border-width: thin;border-radius: 10px; border-color: #30aade; justify-content: center; font-size: 30px;}
.grayBackground { background:#b3b3b3}
.btn_checked {color:#fff; background:#159fda; transition:0.5s}
.btn_checked:hover {background:#0080b3; transition:0.5s}
/*메인_검색창*/
.search_keyword_wrap { position: relative; border-bottom: 1px solid #f3f3f3; height: 50px;}
.search_keyword_wrap input.input_search { width: 100%; padding: 16px 20px 0px 46px; border-radius: 0px; border: 0px solid; background: none; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_keyword_wrap input.input_search.width { width: 78%!important;}
.search_keyword_wrap .icon_search { display: block; position: absolute; left: 14px; top: 13px; width: 18px; height: 1.5rem; background-image: url(https://biz.publog.co.kr/include/img/main/ico_search.png?t=2); background-position: 50%; background-size: 100%; background-repeat: no-repeat;}
/*상단 옵션 영역*/
.sub_wrap.search_area .option_area {margin-bottom: 14px;}
.sub_wrap.search_area .option_area span { display: inline-block; margin-top: 5px; color: #000;}
.sub_wrap.search_area .option_area span em { font-weight: bold;}
/*검색 페이지*/
.sub_wrap.search_area {padding: 30px 15px 50px 15px;}
.sub_wrap.search_area .list_box { display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_wrap.search_area .list_box li { position: relative; width: 100%; margin-bottom: 30px;}
.sub_wrap.search_area .list_box li a { color: #777; text-decoration: none;}
.sub_wrap.search_area .list_box li a div.cover img { width: 100%; border: 1px solid #f3f3f3; box-sizing: border-box;}
.sub_wrap.search_area .list_box li div.info { padding: 0 7px;}
.sub_wrap.search_area .list_box li h4 { margin-top: 18px; font-size: 15px; color: #1a1a1a;}
.sub_wrap.search_area .list_box li p.price {margin-top: 6px; color: #1a1a1a;}
.sub_wrap.search_area .list_box li p.price span {font-size: 18px; font-weight: 600; vertical-align: bottom;}
/*검색 결과 없음*/
.sub_wrap.search_area .no_result p.no_result_info {font-size: 24px; color: #666; padding-top: 20px; line-height: 34px; text-align: center;}
.sub_wrap.search_area .no_result p.no_result_info span { margin: 0 5px; color: #159fda; font-weight: 700; }
/* 마이비즈 */
.Order_noti .layer_h3 h3 { text-align: left; padding: 2% 5%;}
/* 당일출고 레이어팝업*/
.sameday_delivery_pop .layer_h3 h3 {margin-bottom: 0px !important;}
.sameday_delivery_pop h1 { padding:25px 30px; font-size:25px; color:#fff; background:#159fda;}
.sameday_delivery_pop section {width: 530px; height: 360px; padding:40px 40px 20px 40px;}
.sameday_delivery_pop div.thumb {position: relative; float: left; width: 200px; height: 200px; padding: 15px; line-height: 165px; text-align: center; background: #f4f4f4; box-sizing: border-box;}
.sameday_delivery_pop div.thumb img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
.sameday_delivery_pop article.review_body {float: left; margin-left: 30px; text-align: left;}
.sameday_delivery_pop article.review_body h4 {width: 285px; margin: 30px 0 20px 0; font-size: 18px; font-weight: 700; color: #000; line-height: 28px;}
.sameday_delivery_pop article.review_body h4 span {font-size: 20px; }
.sameday_delivery_pop article.review_body p {font-size: 13px; line-height: 24px; color: #888; margin-bottom: 25px; width: 285px;}
.sameday_delivery_pop section div.btn_layer {clear: both; padding-top:40px; text-align: center}
.sameday_delivery_pop section div.btn_layer button {width:250px; height:60px; margin:0 3px; font-size:18px;}
.sameday_delivery_pop section div.checkbox {margin-top: 20px; display: inline-block;}
.sameday_delivery_pop h1 { letter-spacing: -1px; font-size: 20px; }
.sameday_delivery_pop section {width: 100%; padding: 20px !important; width: auto!important;}
.sameday_delivery_pop section div.checkbox {width: 100%;}
.sameday_delivery_pop article.review_body {margin-left: 20px;}
.sameday_delivery_pop article.review_body h3 { font-size: 13px; padding-bottom: 30px; }
.sameday_delivery_pop article.review_body ul { display: flex; flex-direction: column;}
.sameday_delivery_pop article.review_body ul li { padding-bottom: 10px; list-style: disc;}
.size_custom_area { width: 75%; float: right; margin-top: 5px;}
.size_custom_area p { font-size: 11px; color: #000; line-height: 20px;}
.size_custom_area div { float: left; width: 45%;}
.td_select .size_custom_area .input-wrapper {
position: relative;
display: inline-block;
}
.td_select .size_custom_area .input-wrapper input {
padding-right: 45px; /* chừa chỗ cho 'mm' */
}
.td_select .size_custom_area .input-wrapper .unit {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: inherit;
font-size: inherit;
pointer-events: none;
padding-left: 10px;
border-left: 1px solid #d4d4d4;
}
.size_custom_area div.x { width: 10%; height: 45px; text-align: center; line-height: 45px;}
.size_custom_area div input { width: 100%; height: 45px; text-align: center; font-size: 12px; border: 1px solid #ccc; box-sizing: border-box;}
#bskFrom .size_custom_area { width: 100% !important;}