@charset "utf-8";
@import url(font.css);
@import url(reset.css);
@import url(header.css);
@import url(sidebar.css);
@import url(quick.css);

:root {
    --theme: #ff4000;
    background: #f6f6f6;
    font: 400 10px/1 Mont, Pre;
    font-variation-settings: "wght" 400;
}

/* common */
html,
body {
    height: 100%;
    overflow: hidden;
    touch-action: manipulation;
}
#mypage {
    height: 100%;
    font-size: 1.6rem;
    overflow-y: auto;
}
.main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 1460px;
    min-height: calc(100% - 11.4rem);
    padding: 0 3rem;
    margin: 12px auto;
}
.inner {
    max-width: 1460px;
    padding: 0 3rem;
    margin: 0 auto;
}
.f-300 {
    font-variation-settings: "wght" 300;
}
.f-500 {
    font-variation-settings: "wght" 500;
}
.f-600 {
    font-variation-settings: "wght" 600;
}
.f-700 {
    font-variation-settings: "wght" 700;
}

.check {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.check::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    width: 7px;
    height: 4px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(135deg);
}
input:checked + .check {
    background-color: var(--theme);
    border-color: var(--theme);
}

.num {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 0 1px;
    color: #fff;
    background: var(--theme);
}

.badge {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 11px;
    background: linear-gradient(
        90deg,
        rgb(15, 19, 26) 0%,
        rgb(64, 73, 94) 100%
    );
}
.badge.regular {
    color: #85e9ff;
}
.badge span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    overflow: hidden;
}
.switch {
    position: relative;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    background: #dcdfe6;
    cursor: pointer;
    transition: background-color 0.2s;
}
.switch .ball {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
input:checked + .switch {
    background: var(--theme);
}
input:checked + .switch .ball {
    transform: translateX(20px);
}

.btn_more {
    display: inline-flex;
    align-items: center;
    font-size: 1.2rem;
    color: #999;
}
.btn_more::after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border: solid #999;
    border-width: 2px 2px 0 0;
    border-radius: 0.2rem;
    transform: rotate(45deg);
    margin-left: 0.3rem;
}

.dropdown {
    position: relative;
    height: var(--h);
    border: 1px solid #dcdfe6;
    color: #606266;
    background: #fff;
    border-radius: 4px;
    padding: 0 15px;
    cursor: pointer;
}
.dropdown::after {
    content: "";
    position: absolute;
    right: 5px;
    width: 14px;
    height: 14px;
    background: url(/images/mypage/common/arrow-down.png) no-repeat 50% / 100%;
}
.dropdown.active {
    border-color: var(--theme);
}
.dropdown.active::after {
    transform: rotate(0.5turn);
}
.dropdown .placeholder {
    line-height: var(--h, 30px);
    color: #c0c4cc;
}
.dropdown .placeholder.selected {
    color: #606266;
}
.dropdown .select {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    z-index: 99;
    cursor: default;
}
.dropdown .select::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.dropdown .select::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 9px;
    border-bottom: 7px solid #dcdfe6;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.dropdown .select .option {
    display: block;
    padding: 5px 15px;
    cursor: pointer;
}
.dropdown .select .option:hover {
    background: #f5f5f5;
}
.dropdown .select input:checked + .option {
    color: var(--theme);
    font-variation-settings: "wght" 700;
}
.dropdown .add_list button {
    width: 100%;
    padding: 5px 15px;
    text-align: center;
    color: var(--theme);
}

/****** datepick ******/
.daterangepicker {
    position: absolute;
    display: none;
    background-color: #fff;
    border-radius: 0.4rem;
    border: 1px solid #ddd;
    width: auto;
    max-width: none;
    margin-top: 0.7rem;
    z-index: 98;
    font-family: "Mont", "NotoSansKR";
}
.daterangepicker:before {
    content: "";
    position: absolute;
    top: -0.7rem;
    right: 10rem;
    border-right: 0.7rem solid transparent;
    border-left: 0.7rem solid transparent;
    border-bottom: 0.7rem solid #ccc;
}
.daterangepicker:after {
    content: "";
    position: absolute;
    top: -0.6rem;
    right: 10.1rem;
    border-right: 0.6rem solid transparent;
    border-bottom: 0.6rem solid #fff;
    border-left: 0.6rem solid transparent;
}
.drp-calendar {
    padding: 0.8rem;
}
.drp-calendar.left {
    float: left;
}
.drp-calendar.right {
    float: right;
}
.daterangepicker .drp-buttons {
    display: none;
}
.daterangepicker .table-condensed {
    width: 100%;
    text-align: center;
}
.daterangepicker th,
.daterangepicker td {
    width: 3.6rem;
    height: 2.8rem;
    font-size: 1.4rem;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0.4rem;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 0.3rem;
}
.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
}
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker td.off {
    color: #999;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}
.daterangepicker td.in-range {
    background: #f2f6fc;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--theme);
    border-color: transparent;
    color: #fff;
}

/* 팝업공통 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    overflow-y: auto;
    z-index: 99;
}
.popup .pop_overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 50px 18px;
    pointer-events: none;
}
.popup .pop_frame {
    position: relative;
    width: 100%;
    padding: 20px;
    background: #fff;
    pointer-events: auto;
}
.popup .dimm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}
.pop_title {
    color: #303133;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 30px;
}
.pop_list > li {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}
.pop_list .key {
    display: flex;
    justify-content: flex-end;
    color: #606266;
    padding-top: 9px;
}
.popup .key .require {
    color: var(--theme);
    margin-right: 3px;
}
.popup .value {
    position: relative;
}
.popup .value input,
.popup .value select {
    border: 1px solid #dcdfe6;
    color: #606266;
    background: #fff;
    border-radius: 4px;
    padding: 0 15px;
}
.pop_list .validate {
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    color: var(--theme);
    font-size: 12px;
    opacity: 0;
}
.popup input:disabled {
    background-color: #f5f5f5;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}
.pop_btns {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 0 20px;
}
.pop_btns button {
    padding: 10px 25px;
    font-size: 12px;
    color: #606266;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
}
.pop_btns .btn_cancel {
    background: #fff;
}
.pop_btns .btn_submit {
    background: var(--theme);
    border-color: var(--theme);
    color: #fff;
}
.popup .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
}
.popup .value .cernum {
    padding-right: 140px;
}
.popup .btn_cernum {
    position: absolute;
    top: 6px;
    right: 15px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    padding: 2px 15px;
    background: var(--theme);
    border-radius: 3px;
    white-space: nowrap;
}

/* tooltip */
.tooltip {
    display: none;
    position: absolute;
    padding: 0 0 8px;
    z-index: 999;
}
.tooltip.is-top {
    padding: 8px 0 0;
}
.tooltip.type-over:hover,
.tooltip.type-over:focus {
    display: block !important;
}
.tooltip-wrap {
    position: relative;
    min-width: 150px;
    width: 100%;
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    padding: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.tooltip .tail {
    position: absolute;
}
.tooltip.vertical .tail {
    top: auto;
    bottom: -5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-bottom: none;
}
.tooltip.is-top .tail {
    bottom: auto;
    top: -5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: none;
}

.acc-control {
    color: var(--theme);
}
.acc-control .tooltip-wrap {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 12px;
}
.acc-control .ico {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: pink;
    margin-right: 6px;
}
.acc-control .divider {
    width: 1px;
    height: 12px;
    margin: 0 6px;
    background: var(--theme);
}

/*마우스 hover시 이미지 변경*/
div.img_box img.img_hover{display:none;}
div.img_box:hover img.img{display:none;}
div.img_box:hover img.img_hover{display:block;}

/*img_popup*/
.img_popup{display:none; z-index:500; width:100%; height:100vh; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.6);}
.img_popup button{position:absolute; right:0; top:0; background:transparent; border:0; color:#000000; font-size:28px; line-height:1.0; margin:0; }
.img_popup .imgBox{position:relative; top:30%; left:50%; background-color:#ffffff; width:80%; max-width:600px; height:auto; max-height:90%; overflow-y:auto;
		transform:translate(-50%, -30%); -ms-transform:translate(-50%, -30%); -o-transform:translate(-50%, -30%); -webkit-transform:translate(-50%, -30%); 
		-moz-transform:translate(-50%, -30%);}
.img_popup img{width:100%; box-shadow:0 0 10px rgba(0,0,0,0.8);}
.imgContents{cursor:pointer;}

/*quick menu*/
.common_quick_menu_wrap{position:fixed; top:50%; right:20px; z-index:340; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); 
		transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.common_quick_menu_list{width:60px; background-color:#ffffff; border-radius:6px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}/*overflow:hidden; */
.common_quick_menu_list>li{cursor:pointer; position:relative; min-height:50px;}
.common_quick_menu_list>li>a{display:block; width:100%;}
.common_quick_menu_title{position:absolute; right:0; top:0; width:100%; height:50px; display:flex; align-items:center; flex-direction:row-reverse; font-size:15px;
		border-radius:6px; overflow:hidden; column-gap:10px;}
.common_quick_menu_title .img_box{width:60px; height:100%; display:flex; align-items:center;  justify-content:center; } 
.common_quick_menu_title .img_box img{width:26px;}
.common_quick_menu_title .hide_box{display:none; color:#ffffff;  width:70px; text-align:right;}
.common_quick_menu_list>li:hover img.img{display:none;}
.common_quick_menu_list>li:hover img.img_hover{display:block;} 
.common_quick_menu_list>li:hover .common_quick_menu_title{background-color:#ff4000; width:auto; }
.common_quick_menu_list>li:hover .hide_box{display:block;} 
/*quick menu 대표번호*/
.representative_phone_box_wrap{display:none; position:absolute; left:-300px; top:0; width:300px;} 
.common_quick_menu_list>li.representative_phone_wrap:hover .representative_phone_box_wrap{display:block;}
.representative_phone_box{width:290px; padding:20px; border-radius:6px; background-color:#ffffff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}
.representative_phone_box:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-left-color:#ffffff;
		position:absolute; left:290px; top:25px;}
.representative_phone_box>li{display:flex; align-items:center;  font-size:15px; line-height:1.4;}
.representative_phone_box>li+li{margin-top:20px;}
.representative_phone_box>li .contact_icon_box{width:46px; height:46px; border-radius:4px; display:flex; align-items:center; justify-content:center; 
		background:radial-gradient(#fffefd, #fff7f4, #fdd9ce);}
.representative_phone_box>li dl{margin-left:15px;}
.representative_phone_box>li dt{color:#212529;}
.representative_phone_box>li dd{color:#ff4000;}
.representative_phone_box>li .btn_copy{background-color:transparent; border:none; margin-left:2px; margin-top:20px; padding:2px 3px; width:18px;}

/*계산기 팝업*/
.quick_calculator_popup{display:none; width:calc(100% - 20px); max-width:calc(1000px - 20px); max-height:96%; position:fixed; top:50%; left:50%; z-index:650; 
		background:#fff0e9 url("/images/shop/shop/bg_calculator.png")no-repeat 98% 15px; overflow-y:auto; letter-spacing:-1px; padding:30px; border-radius:10px;   
		-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  
		-moz-transform:translate(-50%,-50%); box-shadow:2px 2px 5px rgba(0,0,0,0.4);}
.quick_calculator_popup_title{font-size:18px; color:#323842; padding-right:300px;}
.quick_calculator_popup_title>h2{line-height:1.0; margin-bottom:20px; font-size:32px; font-weight:700; color:#ff4000;}
.quick_calculator_popup_form_wrap{margin-top:20px; background-color:#ffffff; border-radius:8px; padding:30px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.quick_calculator_popup_form_wrap>p{font-size:17px; font-weight:700; color:#1a1a1a; margin-bottom:20px; line-height:1.0;}
.quick_calculator_popup_input_list{display:flex; flex-wrap:wrap; gap:30px;}
.quick_calculator_popup_input_list>li{width:calc(33.33333% - 20px);}
.quick_calculator_popup_input_list>li p{color:#cccccc;}
.quick_calculator_popup_input_list>li dt{color:#1a1a1a; margin-bottom:12px;}
.quick_calculator_popup_input_list>li dt span{color:#ff4000;}
/*input[type=text]*/
.quick_calculator_popup_input_list input[type=text]{font-size:13px; padding:7px; border-color:#dcdfe6}
.quick_calculator_popup_input_list input[type=text]:focus{border-color:#ff4000;}
.quick_calculator_popup_input_list .input_value{display:flex;} 
.quick_calculator_popup_input_list .input_value input[type=text]{width:calc(100% - 70px); border-radius:4px 0 0 4px;}
.quick_calculator_popup_input_list .numbe_boxes{display:flex; align-items:center; column-gap:7px;}
.quick_calculator_popup_input_list .numbe_boxes input[type=text]{width:calc(100% - 53px);}
/*단위선택탭*/
.quick_calculator_popup_input_list .unit_select_tab{width:70px; font-size:13px; position:relative;} 
.quick_calculator_popup_input_list .unit_select_tab>div{background-color:#e8e8e8; border-radius:0 4px 4px 0; color:#909399; border:1px solid #dcdfe6; 
		line-height:30px; padding:0 5px; text-align:center; border-left:none;}
.quick_calculator_popup_input_list .unit_select_tab01>div,.quick_calculator_popup_input_list .unit_select_tab02>div{cursor:pointer; }
.quick_calculator_popup_input_list .unit_select_tab01>div>span,.quick_calculator_popup_input_list .unit_select_tab02>div>span{display:inline-block; vertical-align:middle;
		width:14px; height:14px; position:relative; margin-left:8px;}
.quick_calculator_popup_input_list .unit_select_tab01>div>span:before,.quick_calculator_popup_input_list .unit_select_tab02>div>span:before{content:'';  height:8px; 
		width:8px; display:block; border:1px solid #c0c4cc; border-right-width:0; border-top-width:0;	position:absolute; top:0; left:2px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:All .3s; 
		transition:All .3s;}
.quick_calculator_popup_input_list .unit_select_tab01.open>div>span:before,.quick_calculator_popup_input_list .unit_select_tab02.open>div>span:before{
		transform:rotate(-225deg); top:4px;}
.quick_calculator_popup_input_list .unit_select_tab>ul{display:none; width:100%; position:absolute; left:0; top:34px; background-color:#ffffff; border-radius:4px; 
		box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:400; text-align:center; padding:5px 0;}
.quick_calculator_popup_input_list .unit_select_tab>ul:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; 
	position:absolute; left:50%; top:-10px; -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%, 0); 
	-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%,0); }
.quick_calculator_popup_input_list .unit_select_tab>ul>li{padding:2px 0; cursor:pointer;}
.quick_calculator_popup_input_list .unit_select_tab>ul>li+li{margin-top:2px;}
.quick_calculator_popup_input_list .unit_select_tab>ul>li:hover{font-weight:500; color:#ff4000;}
/*btn_calculator_wrap*/
.btn_calculator_wrap{margin-top:30px; font-size:0;}
.btn_calculator_wrap button{ padding:12px 10px; font-size:16px; border-radius:4px; border:none; font-weight:500;}
.btn_calculator_wrap button.btn_result_calculator{background-color:#ff4000; color:#ffffff; width:66%;}
.btn_calculator_wrap button.btn_reset{color:#bc8136; background-color:#ffe6c1; width:calc(34% - 30px); margin-left:30px;}
/*btn_popup_close*/
.btn_popup_close{position:absolute; right:0; top:0;}

/*계산기 결과값 팝업*/
.quick_calculator_result_popup{display:none; width:calc(100% - 20px); max-width:calc(1000px - 20px); max-height:96%; position:fixed; top:50%; left:50%; z-index:700; 
		background-color:#f5f5f5; letter-spacing:-1px; -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); 
		-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); box-shadow:2px 2px 5px rgba(0,0,0,0.4);}/*display:none;*/
.calculator_result_value_wrap{ display:flex; padding:20px; background-color:#ffffff; text-align:center;}
.calculator_result_value_wrap>dl{width:50%; display:flex; flex-direction:column-reverse; row-gap:18px; line-height:1.0; padding:0 10px; position:relative;}
.calculator_result_value_wrap>dl+dl:before{content:''; display:block; width:1px; height:40px; background-color:#e8e8e8; position:absolute; left:0; top:50%;
		margin-top:-20px;}
.calculator_result_value_wrap>dl dt{color:#1a1a1a;}
.calculator_result_value_wrap>dl dd{color:#ff4000; font-size:20px; }
.calculator_result_value_wrap>dl dd span{font-size:38px; }
.calculator_result_contents_wrap{padding:20px 10px 20px 20px; height:550px; overflow-y:auto;}
.calculator_result_list_wrap{padding:20px; background-color:#ffffff; border-radius:8px;}
.calculator_result_list_wrap+div{margin-top:20px;}
.calculator_result_list_wrap>*+*{margin-top:20px;}
.calculator_result_title{display:flex; justify-content:space-between; align-items:center; line-height:1.0; gap:5px 10px; color:#666666; margin-bottom:12px;}
.calculator_result_title>h3{font-weight:700; color:#1a1a1a;}
.calculator_result_table{width:100%; overflow-x:auto; padding-bottom:5px;}
.calculator_result_table.calculator_result_table03{padding-bottom:20px;}
.calculator_result_table table{width:100%; word-break:keep-all; table-layout:auto; border-collapse:collapse; border-spacing:0; line-height:1.4; background-color:#f5f5f5; 
		color:#333333; text-align:center;}
.calculator_result_table th{padding:10px 10px;}
.calculator_result_table td{padding:10px 10px;}
.calculator_result_table table tr:nth-child(2n) th,.calculator_result_table table tr:nth-child(2n) td{ background-color:#ffffff;}
.calculator_result_table .article{text-align:left; padding-left:15px;}
.calculator_result_table .note{text-align:right; padding-right:15px;}
.calculator_result_table .article>*{display:inline-block; vertical-align:middle;}
.calculator_result_table .article>div{position:relative; cursor:pointer;}
.calculator_result_table .article p{display:none; position:absolute; left:20px; top:50%; font-weight:400; font-size:13px; background-color:#ffffff; border-radius:5px; 
		box-shadow:0 0 5px rgba(0,0,0,0.2); padding:8px 10px; z-index:400; min-width:150px; -ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.calculator_result_table.calculator_result_table03 .article p{min-width:190px;} 
.calculator_result_table .article p:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-right-color:#ffffff; position:absolute; top:50%;
		left:-10px; -ms-transform:translate(0,-50%); 	-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  
		-moz-transform:translate(0,-50%);}
.calculator_result_table .article>div:hover p{display:block;}
.calculator_result_list_wrap .reference_list{padding:12px 15px 12px 15px; background-color:#fff7e6; color:#e6a23c; border-radius:5px;}
.calculator_result_list_wrap .reference_list>li{padding-left:10px; position:relative; line-height:1.4;}
.calculator_result_list_wrap .reference_list>li+li{margin-top:5px;}
.calculator_result_list_wrap .reference_list>li:before{content:'*'; display:block; position:absolute; left:0; top:0;}
/*calculator_result_etc_wrap*/
.calculator_result_etc_wrap{padding:15px 20px 20px; display:flex; justify-content:space-between; align-items:center; gap:5px 10px; background-color:#ffffff;}
.calculator_result_etc_wrap button{background-color:#ffffff; border:none;}
.calculator_result_etc_wrap button>*{display:inline-block; vertical-align:middle;}
.calculator_result_etc_wrap button>span{position:relative; width:12px; height:12px;}
.calculator_result_etc_wrap button.btn_prev{ color:#2c3e50;  font-size:14px;}
.calculator_result_etc_wrap button span:before{content:''; height:8px; width:8px; display:block; border:1px solid #2c3e50; border-right-width:0; border-bottom-width:0;
		position:absolute; right:2px; top:1px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.calculator_result_etc_wrap button.btn_download{border:1px solid #dcdfe6; color:#606266; padding:9px 15px; font-size:12px; border-radius:3px; font-weight:500;
		-webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.calculator_result_etc_wrap button.btn_download:hover{color:#ff4000; border-color:#ff4000; background-color:rgba(255,64,0,0.09);}

/*quick_cart_pop_up*/
.quick_cart_pop_up{display:none; position:absolute; left:-380px; top:-100px;}
.quick_cart_pop_up:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-left-color:#ffffff; position:absolute; 
		left:100%; top:120px;}

/*common_add_kakao*/
.common_add_kakao{width:60px; height:50px; background-color:#ffe600; border-radius:6px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2); margin-top:10px;}
.common_add_kakao>a{display:flex; flex-direction:column; align-items:center;  justify-content:center; width:100%; height:100%; font-size:11px;}



@media (max-width: 1460px) {
    :root {
        font-size: 9px;
    }
}
@media (max-width: 1150px) {
    :root {
        font-size: 0.75vw;
    }
    
	/*quick menu*/
	.common_quick_menu_wrap{top:auto; right:0; bottom:0; left:0; -ms-transform:translate(0,0); -o-transform:translate(0,0); transform: translate(0,0); 
			-webkit-transform:translate(0,0);  -moz-transform:translate(0,0);}
	.common_quick_menu_list{width:100%; display:flex; column-gap:6px; border-radius:0; box-shadow:1px 1px 10px 0 rgba(0, 0, 0, 0.2);}
	.common_quick_menu_list>li{min-height:40px; width:calc(16.66666% - 5px);}
	.common_quick_menu_title{height:40px; flex-wrap:wrap; border-radius:0;}
	.common_quick_menu_title .img_box{width:100%;}
	.common_quick_menu_title .hide_box{width:100%; text-align:center; font-size:12px; letter-spacing:-1px;}
	.common_quick_menu_list>li:hover .common_quick_menu_title{width:100%;}
	.common_quick_menu_list>li:hover .img_box{display:none;}
	.common_quick_menu_list>li.representative_phone_wrap:hover .img_box{display:flex;}
	.common_quick_menu_list>li:hover .hide_box{display:block;}
	/*quick menu 대표번호*/
	.representative_phone_box_wrap{left:-95px; top:auto; width:300px; bottom:40px; z-index:380;} 
	.representative_phone_box{margin-bottom:10px;}
	.representative_phone_box:before{border:5px solid transparent; border-top-color:#ffffff; left:140px; top:auto; bottom:0;}
	
	/*common_add_kakao*/
	.common_add_kakao{position:fixed; bottom:120px; right:10px; width:40px; height:40px; border-radius:4px; margin-top:0; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
	.common_add_kakao>a{font-size:9px;}
	.common_add_kakao>a img{width:20px;}
	
	/*계산기 팝업*/
	.quick_calculator_popup_title{padding-right:290px;}
	.quick_calculator_popup_input_list{ gap:30px 15px;}
	.quick_calculator_popup_input_list>li{width:calc(33.33333% - 10px);}
	/*btn_calculator_wrap*/
	.btn_calculator_wrap button.btn_reset{width:calc(34% - 15px); margin-left:15px;}
	
	/*quick_cart_pop_up*/
	.quick_cart_pop_up{ left:-44px; top:auto; bottom:50px;}
	.quick_cart_pop_up:before{display:none;}
}
@media (max-width: 850px) {
    :root {
        font-size: 12px;
    }

    .main {
        padding: 0 1.8rem;
    }
    .inner {
        padding: 0 1.8rem;
    }

    .num {
        font-size: 1.1rem;
    }

    .drp-calendar.left,
    .drp-calendar.right {
        float: none;
    }
    .daterangepicker th,
    .daterangepicker td {
        width: 3rem;
        height: 2.2rem;
        font-size: 1.1rem;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 0.4rem;
    }
}
@media (max-width: 550px) {
    :root {
        font-size: 11px;
    }
}