@charset "utf-8";

#header .h_menu li.home { display:inline-block !important;}


input[type=text], input[type=password], input[type=submit], input[type=image],
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd #item_month_total,
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl dd #item_month_susu,
.consult_section .consult_wrap .consult_flex .consult_group .consult_item dl.total_price dd #total_price_txt { padding-right:2px !important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}


.bot_menu {  max-width:800px !important}
/* mystyle.css */
/* The Modal (background) */
.modal_pro {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* 계산기 항목 안내 레이어팝업 */
.modal_pro-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #888;
    width: calc(100% - 40px); /* Could be more or less, depending on screen size */
	max-width:400px;
	max-height: calc(100vh - 200px);
	position:absolute; 
	top:100px; 
	left:50%; 
	transform:translateX(-50%);
	overflow-y: auto;
	border-radius:6px;
}

.modal_pro-content.small { max-width:400px;}


.modal_pro-content h5 { font-size:16px; margin-bottom:10px; text-align:left;}
.modal_pro-content h5:before { font-family: 'xeicon'; font-size:20px; display:inline-block; font-weight:400; vertical-align:-3px; margin-right:6px;}

.modal_pro-content h5.guide_title:before { content: "\e9a7";}
.modal_pro-content h5.halbu_title:before { content: "\ea79";}
.modal_pro-content h5.bigyo_title:before { content: "\eb71";}
.modal_pro-content h5.wiyaggeum_title:before { content: "\ea7e";}


.modal_pro-content h5.option_title { color:#655bcb; background-image:url(../../../../img/common/logo.png); background-size:24px; background-repeat:no-repeat; background-position:left; padding-left:30px;}
.modal_pro-content h5.option_title:before { display:none;}

.modal_pro-content .modal_pro_text { font-size:14px; margin-bottom:10px; margin-top:10px;}

.modal_pro-content .modal_pro_select { display:block; background-color:#fff; font-size:14px;}
.modal_pro-content .modal_pro_select .modal_pro_select_item { border:1px solid #ddd; margin-top:-1px; padding:10px; /*background-color:#f9f9f9;*/ text-align:left; }
.modal_pro-content .modal_pro_select .modal_pro_select_item:nth-child(1) { border-top-left-radius:6px 6px; border-top-right-radius:6px 6px;}
.modal_pro-content .modal_pro_select .modal_pro_select_item:last-child { border-bottom-left-radius:6px 6px; border-bottom-right-radius:6px 6px;}

.modal_pro-content .modal_pro_select .modal_pro_select_item.table {display:flex; align-items: center;}
.modal_pro-content .modal_pro_select .modal_pro_select_item.table .name {width:100px; font-weight:600; }
.modal_pro-content .modal_pro_select .modal_pro_select_item.table .name img {height:16px; max-width:none;}
.modal_pro-content .modal_pro_select .modal_pro_select_item.table .name img.skt{height:20px;}
.modal_pro-content .modal_pro_select .modal_pro_select_item.table .con {width:calc(100% - 100px);}

.modal_pro-content .modal_pro_select .modal_pro_select_item.table .con .con_text.img { height:100px; overflow-y:auto;}
.modal_pro-content .modal_pro_select .modal_pro_select_item.table .con .con_text.img img { width:100%;}

.modal_pro-content .modal_pro_btn_wrap { display:flex; justify-content: space-between; margin-top:20px; margin-bottom:10px;}
.modal_pro-content .modal_pro_btn_wrap .modal_pro_btn { width:calc(50% - 4px); padding:6px 10px; border-radius:6px; text-align:center; border:1px solid #000;}
.modal_pro-content .modal_pro_btn_wrap .modal_pro_btn.no { background-color:#fff; border-color:#999; color:#999;}
.modal_pro-content .modal_pro_btn_wrap .modal_pro_btn.yes { background-color:#000; border-color:#000; color:#fff;}

.modal_pro-content .con_text { font-size:12px; line-height:1.2; margin-bottom:4px; text-align:left !important;} 
.modal_pro-content .con_text:last-child {margin-bottom:0px;}
.modal_pro-content strong { display:block; line-height: 1.2; }
.modal_pro-content .dot { position:relative; padding-left:12px; font-weight:400;}
.modal_pro-content .dot span { position:absolute; top:0px; left:0;}
.modal_pro-content .under_line {text-decoration:underline;}
.modal_pro-content .con_text_btn { display:block; padding:8px 10px; background-color:#000; color:#fff; text-align:left; border-radius:4px; font-size:14px;}
.modal_pro-content .con_text_btn .yellow { display:inline-block; margin-right:6px;}
.modal_pro-content .con_text_btn i { vertical-align: -1px; display:inline-block; margin-left:4px; float: right;}

.modal_pro-content .modal_pro_select .check:before { content: "\e92c"; font-family : xeicon; display:inline-block; font-size:18px; vertical-align:-3px; color:#bbb; margin-right:6px; font-weight:400;}


.modal_pro-content.option {max-width:400px;}


.modal_pro-content.option .con_text { font-size:14px; margin-bottom:20px;}
.modal_pro-content.option .con_text strong { line-height:1.4; font-weight:600;}
.modal_pro-content.option .con_text .dot { margin-top:6px; font-weight:400; font-size:14px;}
.modal_pro-content.option .con_text .con_text_btn {    display: inline-block;
    border: 1px solid #333;
    padding: 0px 4px 0px 10px;
    border-radius: 4px;
    line-height: 32px;
    color: #000;
    background-color: #f5f5f5;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: fit-content;}
.modal_pro-content.option .con_text .con_text_btn i {    color: #000;
    display: inline-block;
    margin-left: 4px;
    margin-top: 0 !important; }

.modal_pro-content.option .modal_pro_select { display:block; background-color:#fff; font-size:15px; /*border: 1px solid #ddd;*/ margin-top: -1px; padding: 10px 10px; background-color: #f9f9f9; border-radius:6px; text-align:left;}
.modal_pro-content.option .modal_pro_select .modal_pro_select_item { border:none; padding:0px 0; margin-top:0; line-height:35px; position:relative;}
.modal_pro-content.option .modal_pro_select .modal_pro_select_item:nth-child(1) { border-top-left-radius:6px 6px; border-top-right-radius:6px 6px;}
.modal_pro-content.option .modal_pro_select .modal_pro_select_item:last-child { border-bottom-left-radius:6px 6px; border-bottom-right-radius:6px 6px;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item.flex { display:flex; justify-content: space-between; align-items: center;}
.modal_pro-content.option .modal_pro_select .modal_pro_select_item.flex ul { width:calc(100% - 130px);}
.modal_pro-content.option .modal_pro_select .modal_pro_select_item.flex label {}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item ul { display:inline-block; }

.modal_pro-content.option .modal_pro_select .modal_pro_select_item [type="radio"] { display:inline-block; margin-right:6px; vertical-align:-4px;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item input[type=radio],
.modal_pro-content.option .modal_pro_select .modal_pro_select_item input[type=checkbox] { line-height: 16px; border-color:#ccc; }
.modal_pro-content.option .modal_pro_select .modal_pro_select_item label {line-height: 16px; margin-bottom:10px; width: calc(100% - 30px); display: inline-block;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item .input_text { margin-left: 10px; border: 1px solid #ddd; display: inline-block; padding: 0 10px 0 0; border-radius:4px; background-color:#fff; padding:0px 8px 0px 0; width:120px !important;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item .input_text [type="text"] { width:92px; height: 16px; text-align:right; color:#000; padding:0; margin-right:4px;}


.modal_pro-content.option .modal_pro_select .modal_pro_select_item .input_text.only_text { background-color:transparent; border:none;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item .input_text.only_text [type="text"] { background-color:transparent;}

.modal_pro-content.option .modal_pro_select .modal_pro_select_item .date { font-size:12px; color:#999;}





/* The Close Button */
.close_pro {
    color: #000;
    font-size: 22px;
    font-weight: bold;
	position:absolute; top:10px; right:10px;
	padding:10px;
}
.close_pro:hover,
.close_pro:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.close_pro i {font-size: 22px !important;}

.pro_pop_btn { cursor:pointer; display:flex; justify-content: flex-end;}



.consult_text_wrap {}



.con_text_item { display:flex; justify-content: space-between; align-items: center; font-size:12px; margin-bottom:6px; }

.con_text_item:last-child { margin-bottom:0;}

.con_text_item.l_text { font-size:16px; font-weight:600;}
.con_text_item.l_text ul:last-child { font-weight:800; font-size:18px;}

.con_text_item.s_text ul:nth-child(1) { font-size:12px;}
.con_text_item.s_text ul:last-child { font-weight:600; font-size:16px;}

.con_text_item.last { border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}

.con_text_item ul:last-child span { display:inline-block; margin-right:2px;}