@charset "utf-8";
 
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,button,th,td,select,textarea,label { outline:none;margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none;}
body,a,input,button,select,strong,textarea {color: #222;font-size: 13px;letter-spacing: -1px;word-break: keep-all;}
img { vertical-align: top; border: 0 none;  width: 100%;}
ol,ul,li { list-style: none; }
a { text-decoration: none; }
.hide { position: absolute; left: -9999px; top: -9999px; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
button, button[type="button"] { border: 0; cursor: pointer; background:none; outline: none; -webkit-appearance:button; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif;}

.wrap { z-index: 1; }    

.inner .text_box {width:80%; margin:0 auto; padding: 6vw 0}

.head{border-bottom:1px solid #dfdfdf; }
.inside{padding: 6vw 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.mall_wrap .prd_last{letter-spacing:0;border:0;text-align:left;padding:0 0 5vw 0}
 

.navigation-list {    
    z-index: 1;
    position: absolute;   
    top: 0;
    width: 100%;
    box-shadow : 0px 9999px 0px 9999px rgba(0,0,0,0.6);    
}



/*파란색 DB 공통*/
.db_box {padding:30px 20px;border-radius:20px 20px 0 0;background:#f0f0f0;}
.db_box img {display: block; width:70%; margin:0 auto; padding:0 0 5vw 0}
.db_box h3 {margin-bottom:24px; color:#222; font-size:25px;}
.db_box.one {padding:63px 20px 38px;}
 
.calc_form {display:flex; flex-wrap:wrap;}
.calc_form > *:nth-child(odd) {width:130px;margin-right:8px;}
.calc_form > input {outline:none;color:#000; width:calc(100% - 138px);height:50px;padding:0 15px;margin-bottom:8px;border:1px solid #dce0e3;border-radius:5px;font-size:15px;background:#fff;}
.calc_form > input::placeholder {color:#666; font-size:15px;}
.calc_form > input:focus {padding-left:14px; border:2px solid #150f96;}
.calc_form > input.on {color:#000; background-image:url(220329_ico_check.png); background-repeat:no-repeat; background-position:center right 9px; background-size:16px;}
.calc_form > input.on:focus {background-position:center right 8px;}

/* button sex */
.calc_form .sex {position:relative;border:1px solid #dce0e3;border-radius:5px;height:50px;}
.calc_form .sex a{width:64px;height:48px;font-size:15px;box-sizing:border-box;text-align:center;padding:3.6vw;float:left;background: #fff;color: #666;border-radius:0 5px 5px 0;}
.calc_form .sex a:first-child{background: #fff;color: #666;border-radius:5px 0 0 5px;}
.calc_form .sex a:first-child.on{background: #150f96;color: #fff;font-weight: bold; margin-right: 0;border-radius:5px 0 0 5px;}
.calc_form .sex a.on{background: #150f96;color: #fff;font-weight: bold}
 
/*버튼 공통*/
.btn_wrap {display:flex; width:100%; margin-top:12px; border-radius:5px; overflow:hidden;}
.btn_wrap > * {flex-grow:1; height:50px; color:#222; font-size:16px; font-weight:700; text-align:center;}
.btn_wrap .free {color:#fff; background:#535353; width:2%;}
.btn_wrap .calc {background:#ffde00;}


 
/* 메인 상단 예상 보혐료 */
.result_charge {padding:25px 0; text-align:center; background:#fff; border-bottom: 1px solid #dfdfdf;}
.result_charge > p {margin-bottom:6px; font-size:16px;}
.result_charge > p em {color:#150f96; font-weight:700;}
.result_charge .inp_box {font-size:27px;}
.result_charge .inp_box .inp {display:inline-block;position:relative;top:-1px;width:130px;height:43px;margin-right:4px;vertical-align:bottom;}
.result_charge .inp_box .inp:after {content:'';position:absolute;/* z-index:1; */bottom:6px;left:50%;width:14px;height:26px;background:url(221209_ico_q.png);background-size:100%;margin-left:-7px;}
.result_charge .inp_box .inp.on:after {display:none;}
.result_charge .inp_box .inp input {width:100%; height:43px; color:#150f96; font-size:32px; font-weight:700; text-align:center; border:0; border-bottom:2px solid #150f96; border-radius:0; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none;}


.prd_panel .prd_panel_inner {padding:40px 0 64px; margin: 0 18px;}
.prd_tabs_wrap {
	font-family: "Noto Sans KR";
	width: 100%;
	height: 42px;
	background: #fff;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prd_tabs_wrap.fixed {
	font-family: "Noto Sans KR";
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.prd_tabs_wrap .prd_tab_area {
	font-family: "Noto Sans KR";
	width: 100%;
	margin: -1px auto;
	background: #fff;
}
.prd_tabs_wrap .g_tab_01 li {
	font-family: "Noto Sans KR";
	height: 42px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prd_tabs_wrap .g_tab_01 li a {
	font-family: "Noto Sans KR";
	height: 42px;
	line-height: 42px;
	padding-top: 0;
	background-color: #fff;
	border-color: #dfdfdf;
	border-width: 0 1px 1px 1px;
	color: #444;
	font-size: 15px;
	font-weight: 300;
}
.prd_tabs_wrap .g_tab_01 li:first-child a {
	border-width: 0 0 1px 1px;
}
.prd_tabs_wrap .g_tab_01 li.on {
	background: #fff;
	border-color: #fff;
}
.prd_tabs_wrap .g_tab_01 li.on a {
	font-family: "Noto Sans KR";
	background: #fff;
	border-width: 0 1px 1px 1px;
	color: #150f96;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	border-bottom: 0;
}
.prd_tabs_wrap .g_tab_01 li.on a:after {
	font-family: "Noto Sans KR";
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	background: #150f96;
	position: absolute;
	left: 0;
	bottom: 0;
}

.feature_wrap{padding:35px 0 0}
.s02m { display: flex; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.s02m > div { width: 33.3%; }
.s02m > div:nth-child(2) { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
 
 
.s04m_subtitle > div { display: flex; justify-content: space-between; }
.inner2 > div { margin-top: 11%;  /*margin-right: 2.083%; */}

.s05m { display: flex; cursor: pointer; background-color: #fff; box-shadow : 0px -5px 5px 0px rgba(0,0,0,0.1);}
.s05m > div { width: 33.33%; }
.s05m > div.w50 { width: 50%; }
 
 
.footer { position: fixed; left:0px; bottom:0px; width:100%; }
 

 
/*.panel{font-size: 22px;}*/
.panel_title {margin-bottom:15px;color:#222; font-size:22pt;letter-spacing:-0.03em}
.prd_panel .panel{width:100%;min-height: 2000px;padding:5vw;margin:0 auto}
.prd_panel .panel_sub_t_1{color:#004286;font-size:22pt;font-weight:bold;}
.prd_panel .panel_sub_t_2{margin-top:10px; margin-bottom:2vw;width:100%; color:#767676; font-size:17pt;}
.prd_panel table.table_1 {border-collapse: collapse;}
.prd_panel table.table_1 thead.colName tr{line-height: 65pt;}
.prd_panel table.table_1 thead.colName th{font-size: 25pt;}
.prd_panel table.table_1 thead.colName th{background-color:#fff;border-top:3px solid black;border-bottom:1px solid #666;text-align:center;}
.prd_panel table.table_1 tbody.t_outter > tr > th{ color:#150f96; font-size: 23pt}
.prd_panel table.table_1 tbody.t_outter > tr {padding: 100px}
.prd_panel table.table_1 tbody .reason span{ color:#8C8C8C;}
.prd_panel table.table_1 > tbody > tr > td{ color:#8C8C8C; font-size: 2.2em;}
.prd_panel table.table_1-1 thead.colName_sub th{background-color:#fff;border-bottom:1px solid #666;text-align:center; color:#150f96; font-size: 23pt}
.prd_panel table.table_1-1 thead.colName_sub tr{line-height: 55pt;  margin-top:10pt;}
.prd_panel table.table_1-1 tbody {line-height: 40pt;  font-size: 23pt; text-align: center}
.prd_panel table.table_1-1 tbody dl{}
 
.reason{line-height: 35px; color:#353535; padding: 20px}
 
.caution { background-color: #150f96; width: 5vw; height: 5vw; font-size: 3.5vw; padding-top:0.5vw; text-align: center; color:white; margin:2vw 0 2vw;}
 
.inner31 {width: 42vw; height: 50vw; border: 1px solid #8C8C8C; margin:1.5%; display: inline-block;}
 
.title33 {margin-bottom:15px;color:#222; font-size:23pt;letter-spacing:-0.03em}
.sub_t_331{color:#004286;font-size:23pt;font-weight:bold;}
.sub_t_332{margin-top:15px; margin-bottom:5vw;width:100%; color:#767676; font-size:17pt;}
.table33_title th{background-color:#fff;border-top:3px solid black;border-bottom:1px solid black;text-align:center; line-height: 80px;}
.table33_body td{color:#767676;line-height: 35px;padding: 20px}
 
.tab_32 { width: 90%; margin:auto;}
.number_32 { font-size: 30px; color: #150f96; margin-left:2vw; }
.number_32 span{ font-size: 30px; color: black; font-weight: bold  }
.tab_32_inner { border: 1px solid #8C8C8C; width: 90%; margin:auto; margin-top: 3vw; padding:35px;}
.tab_32_inner img { margin-top: 5vw; margin-bottom: 5vw;}
.inner_32_t1 { font-size: 35px; text-align: center; margin-top:5vw; }
.inner_32_t1 span { font-size: 25px; color:#8C8C8C;}
.list_32_wrapper { width: 90%; margin:auto; margin-top: 3vw;}
.list_32_wrapper li { font-size: 32px; display: list-item; list-style-type : disc; margin-left:2vw; color:#8C8C8C; line-height: 45px; margin-top:1.5vw;}
 
.list_32_wrapper2 { width: 90%; margin:auto; margin-top: 3vw;}
.list_32_wrapper2 li { font-size: 32px; display: list-item; list-style-type : disc; margin-left:2vw; color:#8C8C8C; line-height: 45px;}
.list_32_wrapper2 li ul li { list-style-type: none; }
.list_32_wrapper2 li.list_32_colored { color: #150f96; }
 
.margin_t7 { margin-top:7vw; }
 
#normal_tabs_time.fix_menu {position: fixed;top:0;width:100%;z-index: 1}
.prd_panel_inner .g_tab_01{margin-bottom:25px;z-index: 0}

.window{
position:relative;
z-index:0;
}
 
.window p img{   
position:absolute;
z-index:1; 
left:20px;
top:60px;
width:89.4%;
box-shadow:0px 9999px 9999px 9999px rgba(0,0,0,0.6);
}
 
.window .close{
position:absolute;
z-index:11;
top:35px; 
right:15px;
width:25px;
cursor: pointer;
}


.consultForm div.popApplyWrap, .calcForm div.popApplyWrap {
    position:relative;
    border-radius:20px 20px 0 0;
    z-index: 100000000;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 83vw;
    box-shadow : 0px -9999px 0px 9999px rgba(0,0,0,0.6);
    display: none;
}
.bottom_form_inner{background-color: white; height: 90vw;}
.bottom_form_close{width:6vw; position: absolute; margin-left:88vw; margin-top:9vw;}
.birthday1 {width: 11vw; margin-left:1.5vw; margin-right:1.5vw;}
.name, .phone {width: 58.33vw;}
.name .name_footer { margin-top: 0; }
.margin_l4{margin-left: 4.4vw;}
.productInputBox ul { position:relative; padding-left: 5.5vw;}
.productInputBox ul:after {content:""; display:block; clear:both; }
.productInputBox ul li:after {content:""; display: block; clear: both; }
.productInputBox ul li {float:left; position: relative; top:-2vw; width:100%; }
.btn_area { padding: 0 0 5vw 0;}  
.btn_area > p {width: 78vw; text-align: center; cursor: pointer; margin: 0 auto;}
.form_bt {width: 38.47vw;}


/*파란색 DB 공통*/
.blue_info {padding:30px 20px;border-radius:20px 20px 0 0;background:#f0f0f0; }
.blue_info h3 {margin-bottom:24px; color:#222; font-size:25px;}
.blue_info h3 strong {font-size:25px;}