@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
* { margin:0px; padding:0px; box-sizing: border-box; }

html{ font-size:18px; height:100vh; }
body {
	font-family: 'Noto Sans KR', sans-serif; font-size:0.78rem; width:100%; display:flex; align-items:center; flex-direction:column; 

}
ol, ul { list-style: none; }
a {color:inherit;}
a, a:hover, a:active, a:focus {text-decoration: none;}
em, address { font-style: normal;}
img {vertical-align: top;}
button { border:0; outline:0; background:none; cursor:pointer; font:inherit; user-select: none;}
input::-ms-clear { display:none; } 
input::placeholder { color:#9F9F9F; }
input{ width:100%; height:100%; outline: none; border: 0px; background:transparent; touch-action:none; }
input:focus::placeholder { color:transparent; }
input[type="file"] { position:absolute; overflow:hidden; clip:rect(0,0,0,0); }
input[type=range] {-webkit-appearance:none; width:100%; height:100%; background:transparent; cursor:pointer; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; opacity:0;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px white inset; }


/********************************************************/
.inputbox{ overflow:hidden; position:relative; width:100%; height:50px; }
.inputbox input{ width:100%; height:100%; padding-top:20px; border: none; outline:none; }
.inputbox label{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; pointer-events: none; border-bottom: 1px solid #CCCCCC; }
.inputbox label::after{ content:""; left:0px; bottom:-1px;  position:absolute; width:100%; height:100%; border-bottom: 3px solid #1574aa; transform: translateX(-100%); transition: transform 0.3s ease; }
.inputbox .content_name { position:absolute; bottom:5px; left:0px; transition: all 0.3s ease; }
.inputbox input:focus + .label_name .content_name, .inputbox input:valid + .label_name .content_name { transform: translateY(-120%); font-size:12px; color:#3f63ad; }
.inputbox input:focus + .label_name::after, 
.inputbox input:valid + .label_name::after { transform: translateX(0%); }

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}
/********************************************************/
input::placeholder{ color:transparent; }
input:focus::placeholder { color:#cccccc; }

.sub04_d01_select.selecthidden { display:none; visibility:hidden; }
.sub04_d02_select.selecthidden { display:none; visibility:hidden; }

/********************************************************/
.select_A { display:inline-block; position:relative; width:100%; height:100%; cursor:pointer; }

.select_A .styled { position: absolute; top:0; right:0; bottom:0; left: 0; background: #FFFFFF; display:flex; justify-content:flex-start; align-items:center; text-indent: 15px; transition: all 0.2s ease-in; }
.select_A .styled:after { content: ""; position: absolute; right:10px; width:6px; height:6px; 
	transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border: 1px solid transparent;
	border-color: transparent transparent #000000 #000000; transition: all 0.2s ease-in;
}
.select_A .styled:hover { background: #FFFFFF; }
.select_A .styled:active, .styled.active { background: #FFFFFF; }
.select_A .styled:active:after, .styled.active:after { margin-top:4px; transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); }

.select_A .options {
	display: none;
	position: absolute;
	top: calc(100%);
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	max-height:300px; 
	overflow:auto;
	list-style: none;
	background: #FFFFFF;
	border-top: 3px solid #1574aa;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	
}
.select_A .options li {
	margin: 0;
	padding: 10px 0;
	text-indent: 15px;
	border-top: 1px solid #FFFFFF;
	transition: all 0.15s ease-in;
	font-weight:300;
}
.select_A .options li:hover { font-weight:bold; }
.select_A .options li[rel="hide"] { display: none; }

/********************************************************/




section{ position:relative; width:100%; max-width:1120px; padding:20px; }

.top { display:flex; margin-top:50px; }
.top .title { font-size:20px; font-weight:bold; }
.top .title2 { font-size:16px; font-weight:bold; }
.contectus{ display:flex; align-items:center; }
.contectus > div:nth-child(1){ font-size:18px; }
.contectus > div:nth-child(2){ font-size:30px; font-weight:bold; margin-left:30px; }

h1 { position:relative; margin-top:50px; font-size:34px; font-weight:bold; }
h1 > a { position:absolute; right:0; top:0; width:200px; height:40px; border-radius:5px; background:#4375c0; color:#fff; font-size:14px; display:flex; justify-content:center; align-items:center; } 

.h1line { margin-top:5px; height:2px; background:#000000; }

.btnset{ margin-top:20px; display:flex; justify-content: space-around; }
.btnset > div { cursor:pointer; width:300px; height:55px; background:#eeeeee; display:flex; justify-content:center; align-items:center; border-radius:5px; text-align:center; }
.btnset > .btn2 { background:#4c4c4c; color:#fff; }
.btnset > div.show { background:#88a8d7; color:#FFFFFF; font-weight:bold; }
form[name='search'] { margin-top:50px; display:flex; justify-content:center; align-items:center;  }
form[name='search2'] { margin-top:10px; display:flex; justify-content:center; align-items:center;  }
form .submit { cursor:pointer; color:#FFFFFF; margin-left:30px; width:95px; height:32px; border-radius:5px; background:#88a8d7; display:flex; justify-content:center; align-items:center; }

.calc_list{ border: 1px solid #88a8d7; }
.calc_list > div:not(:last-child) { border-bottom:1px solid #88a8d7; }

.calc_list .title { height:34px; color:#FFFFFF; background:#88a8d7; display:flex; justify-content:center; align-items:center; }
.calc_list .title > div:nth-child(1){ width:455px; }
.calc_list .title > div:nth-child(2){ flex:1; }
.calc_list .title > div{ display:flex; justify-content:center; align-items:center; }

.calc_list .title2 { height:34px; display:flex; justify-content:center; align-items:center; background:#f0ede1; }
.calc_list .title2 > div:nth-child(1){ width:455px;  }
.calc_list .title2 > div:not(:first-child){ flex:1; border-left:1px solid #88a8d7; }
.calc_list .title2 > div{ height:100%; display:flex; justify-content:center; align-items:center; }

.calc_list_contents { display:flex; }
.calc_list_contents > .t { width:71px; display:flex; justify-content:center; align-items:center; border-right:1px solid #88a8d7;}
.calc_list_contents > .d { flex:1; }
.calc_list_contents > .d > .type1 { display:grid; grid-template-columns:70px calc(455px - 70px - 70px) repeat(3, 1fr); grid-auto-rows:minmax(25px, auto); }
.calc_list_contents > .d > .type1 > .t { display:flex; justify-content:center; align-items:center; }
.calc_list_contents > .d > .type1 > .price { display:flex; justify-content:flex-end; align-items:center; padding-right:30px; }
.calc_list_contents > .d > .type1 > div { border-bottom:1px solid #88a8d7; }
.calc_list_contents > .d > .type1 > div.list { padding-left:10px; }
.calc_list_contents > .d > .type1 > div:not(.end) { border-right:1px solid #88a8d7; }

.calc_list_contents > .d > .type2 { }
.calc_list_contents > .d > .type2 > div { height:25px; display:flex; align-items:center; font-size:13px;  }
.calc_list_contents > .d > .type2 > div:not(:last-child) { border-bottom:1px solid #88a8d7; }
.calc_list_contents > .d > .type2 > div > div:nth-child(1){ width:calc(455px - 70px); justify-content:flex-start; padding-left:10px; padding-right:10px; }
.calc_list_contents > .d > .type2 > div > div:not(:first-child){ flex:1; justify-content:flex-end; padding-right:30px; }
.calc_list_contents > .d > .type2 > div > div:not(:last-child){ border-right:1px solid #88a8d7; }
.calc_list_contents > .d > .type2 > div > div{ height:100%; display:flex; justify-content:center; align-items:center; }

.calc_list_price { display:flex; }
.calc_list_price > .t { width:70px; display:flex; justify-content:center; align-items:center; }
.calc_list_price > ul { flex:1; }
.calc_list_price > ul > li { display:flex; align-items:center; height:25px; }
.calc_list_price > ul > li:not(:last-child) { border-bottom:1px solid #88a8d7; }
.calc_list_price > ul > li:nth-child(odd) { background:#f3f3f3; }
.calc_list_price > ul > li > div:nth-child(1){ width:calc(455px - 70px); }
.calc_list_price > ul > li > div:not(:first-child){ flex:1; justify-content:flex-end; padding-right:30px; color:#325a96; }
.calc_list_price > ul > li > div{ height:100%; border-left:1px solid #88a8d7; display:flex; justify-content:center; align-items:center; }
.calc_list_price > .datanone { flex:1; border-left:1px solid #88a8d7; height:100px; display:flex; justify-content:center; align-items:center; }


.calc_list2{ margin-top:10px; border: 1px solid #88a8d7; }
.calc_list2 > div:not(:last-child) { border-bottom:1px solid #88a8d7; }

.calc_list2 .title { height:34px; color:#FFFFFF; background:#88a8d7; display:flex; justify-content:center; align-items:center; }
.calc_list2 .title > div:nth-child(1){ flex:1; }
.calc_list2 .title > div:nth-child(2){ flex:1; }
.calc_list2 .title > div{ display:flex; justify-content:center; align-items:center; }

.calc_list2 .title2 { height:34px; display:flex; justify-content:center; align-items:center; background:#f0ede1; }
.calc_list2 .title2 > div:nth-child(1){ flex:1;  }
.calc_list2 .title2 > div:not(:first-child){ flex:1; border-left:1px solid #88a8d7; }
.calc_list2 .title2 > div{ height:100%; display:flex; justify-content:center; align-items:center; }

.calc_list_contents2 { display:flex; }
.calc_list_contents2 > ul { flex:1; }
.calc_list_contents2 > ul > li { display:flex; align-items:center; flex-direction:column; font-size:13px;  }
.calc_list_contents2 > ul > li:not(:last-child) { border-bottom:1px solid #88a8d7; }
.calc_list_contents2 > ul > li > div{ width:100%; height:30px; display:flex; justify-content:center; align-items:center; }
.calc_list_contents2 > ul > li > div:first-child{  background:#cddffa; border-bottom:1px solid #88a8d7; }
.calc_list_contents2 > ul > li > div > div{ flex:1; height:100%; display:flex; justify-content:center; align-items:center; }
.calc_list_contents2 > ul > li > div > div:nth-child(1){ border-right:1px solid #88a8d7; }

.calc_list_price_title { height:34px; background:#cddffa; display:flex; justify-content:center; align-items:center;  }
.calc_list_price2 { display:flex; }
.calc_list_price2 > div { width:70px; display:flex; justify-content:center; align-items:center; }

.calc_list_price2 > ul { flex:1; }
.calc_list_price2 > ul > li { display:flex; align-items:center; height:25px; }
.calc_list_price2 > ul > li:not(:last-child) { border-bottom:1px solid #88a8d7; }
.calc_list_price2 > ul > li:nth-child(even) { background:#f3f3f3; }
.calc_list_price2 > ul > li > div{ flex:1; height:100%; display:flex; justify-content:center; align-items:center; }

.calc_list_price2 > ul > li > div:not(:first-child){ border-left: 1px solid #88a8d7;}








.footer_1{ width:100%; height:130px; margin-top:100px; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:14px; color:#FFFFFF; background:#656673; }
.footer_2{ width:100%; max-width:1300px; padding-top:20px; padding-bottom:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:14px; color:#FFFFFF; background:#656673; }


.calendarBox{
	display:none;
	position:absolute; 
	top:calc(100% + 2px);
	left:0px;
	width:240px;
	height:250px;
	border:1px solid #88a8d7;
	background:#FFFFFF;
	z-index:10;
}

.calendar{
	width:100%;
	height:100%;
	background:#FFFFFF;
}

.calendar .title{
	width:100%;
	background:#88a8d7; color:#FFFFFF;
	display:flex; justify-content:center; align-items:center;
	height:34px;
}

.calendar .right{ 
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid #FFFFFF;
}

.calendar .left{ 
	border-top: 6px solid transparent;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid transparent; 
}

.calendar .left2{ display:flex;}
.calendar .left2 > span:nth-child(1){
	display:flex;
	border-top: 6px solid transparent;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid transparent; 
}
.calendar .left2 > span:nth-child(2){ 
	margin-left:-8px;
	display:flex;
	border-top: 6px solid transparent;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid transparent; 
}
.calendar .right2{ display:flex; }
.calendar .right2 > span:nth-child(1){ 
	display:flex;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid #FFFFFF;
}
.calendar .right2 > span:nth-child(2){ 
	margin-left:-8px;
	display:flex;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-left: 6px solid #FFFFFF;
}



.calendar .thisYear{ 
	color:#FFFFFF;
}
.calendar .week{ 
	flex:1;
	display:flex; justify-content:center; align-items:center;
}
.calendar .week:last-child{
	color:#4d5eab;
}
.calendar .week:first-child{
	color:#FF0000;
}

.calendar .week2{ 
	flex:1;
	color:#787878; 
	display:flex; justify-content:center; align-items:center;
	cursor:pointer;
}
.calendar .week2:hover{
	text-decoration:underline;
}

.calendar .week2:last-child{
	font-weight:bold;
	color:#4d5eab;
}
.calendar .week2:first-child{
	font-weight:bold;
	color:#FF0000;
}

.calendar .calendarTable{
	width:100%; 
	display:flex; flex-direction:column;
}
.calendar .weekBox{
	display:flex;
	height:30px;
}
.calendar .weekBox:nth-child(even){
	background:#dfebfd;
}

.calendar .selectdate{
	width:20px; height:20px;
	display:flex; justify-content:center; align-items:center;
	background:#88a8d7; color:#FFFFFF; border-radius:20px;
}


.center { display:flex; justify-content:center; align-items:center; }


.inputM{ position:relative; display:flex; align-items:center; width:100%; height:100%; }
.inputM > .box{ position:relative; width:100%; height:100%; display:flex; align-items:center; }
.inputM > .box > input{ flex:1; font-size:14px; }
.inputM > .box > .text{ position:absolute; top:0; left:0px; width:100%; height:100%; display:flex; align-items:center; pointer-events: none; transition: all 0.3s ease; color:#cccccc; }
.inputM > .box > input:focus + .text { top:-50%; font-size:9px; color:#ff0000; }
.inputM > .box > input:valid + .text { top:-50%; font-size:9px; color:#ff0000; }
.inputM > .box > input:read-only + .text { top:-50%; font-size:9px; color:#ff0000; }
.inputM > .line{ position:absolute; width:calc(100% ); left:0; height:1px; bottom:-1px; display:flex; justify-content:center; align-items:center; }
.inputM > .line > div{ width:0%; height:100%; background:#1574aa; transition: width 0.3s ease; }
.inputM:focus-within > .line > div { width:100%; }

.inputM2{ position:relative; display:flex; align-items:center; width:100%; height:100%; }
.inputM2 > .box{ position:relative; width:100%; height:100%; display:flex; align-items:center; }
.inputM2 > .box > input{ flex:1; font-size:14px; text-align:center;}
.inputM2 > .box > .text{ position:absolute; top:0; right:0; width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center; pointer-events: none; transition: all 0.3s ease; }
.inputM2 > .line{ position:absolute; width:calc(100% ); left:0; height:1px; bottom:-1px; display:flex; justify-content:center; align-items:center; }
.inputM2 > .line > div{ width:0%; height:100%; background:#1574aa; transition: width 0.3s ease; }
.inputM2:focus-within > .line > div { width:100%; }



datalist { position:absolute; left:0; top:100%; width:calc(100% - 20px); max-height:200px; border-radius:5px; background:rgba(0, 0, 0, 0.8); overflow:auto; z-index:1000;}
datalist > option {	height:35px; color:#FFFFFF; display:flex; align-items:center; padding-left:10px; cursor:pointer; position:relative; }
datalist > option:hover, datalist > option:focus { background:rgba(255, 255, 255, 0.5); color:#000000; }

datalist::-webkit-scrollbar { width:4px; }
datalist::-webkit-scrollbar-track { border-radius:2px; background:rgba(255, 255, 255, 0.2); }
datalist::-webkit-scrollbar-thumb { border-radius:2px; background:rgba(255, 255, 255, 0.8); }
input::-webkit-calendar-picker-indicator {opacity: 0;}



.popup{ position:fixed; display:none; width:100%; height:100%; left:0; z-index:110; }
.popup > div{ position:absolute; }
.popup > .background{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(2px); cursor:pointer; }
.popup > .layer { position:absolute; overflow:auto; background:#ffffff; }
.popup > .layer > form { width:100%; height:100%; }
.popup.show{ display:inline-block; }
.popup.show > .background{ animation: fadein 0.2s;  }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }

.popup2{ position:fixed; display:none; width:100%; height:100%; left:0; z-index:111; }
.popup2 > div{ position:absolute; }
.popup2 > .background{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(2px); cursor:pointer; }
.popup2 > .layer { position:absolute; overflow:auto; background:#ffffff; }
.popup2 > .layer > form { width:100%; height:100%; }
.popup2.show{ display:inline-block; }
.popup2.show > .background{ animation: fadein 0.2s;  }

.popup_form { position:relative; width:100%; height:100%; border-radius:5px; background:#fff; display:flex; flex-direction:column; }
.popup_form > form { height:100%; display:flex; flex-direction:column; }
.popup_form h1 { padding-left:10px; font-size:16px; font-weight:bold; height:40px; display:flex; align-items:center; }
.popup_form .content { flex:1; padding:10px;}
.popup_form .content > .field { margin-top:10px; display:flex; align-items:center; }
.popup_form .content > .field > h2 { width:100px; text-align:center; }
.popup_form .content > .field > div { flex:1; height:30px; border-radius:5px; margin-left:10px; margin-right:10px; border:1px solid #ccc; }
.popup_form .confirm { margin-top:10px; margin-bottom:20px; display:flex; justify-content:center; align-items:center; }
.popup_form .confirm > button { min-width:100px; height:30px; border-radius:5px; }
.popup_form .confirm > button:not(last-child) { margin-right:10px; } 
.popup_form .confirm > button.submit { background:#ff6600; color:#fff; }
.popup_form .confirm > button.cancel { background:#aaaaaa; color:#fff; }

.closebox{ position:absolute; top:5px; right:10px;}
.closebox2{ position:absolute; top:10px; right:10px;}

.ic_close{ position:relative; width:24px; height:24px; cursor:pointer; display:flex; justify-content:center; align-items:center; transition-duration: 0.5s; }
.ic_close::after{ content:""; position:absolute; width:2px; height:100%; background:#fff; transform: rotate(45deg); }
.ic_close::before{ content:""; position:absolute; width:2px; height:100%; background:#fff; transform: rotate(-45deg); }
.ic_close.white::after { background:#ffffff; }
.ic_close.white::before { background:#ffffff; }


::-webkit-scrollbar {
    width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(77, 94, 171,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(77, 94, 171, 0.4); 
}

.subbtn { margin-top:20px; display:flex; justify-content:center; align-items:center; }
.subbtn > button { width:300px; height:55px; background:#eeeeee; display:flex; justify-content:center; align-items:center; border-radius:5px; text-align:center; }
.subbtn > button:not(:last-child) { margin-right:30px; }
.subbtn > button.show { background:#88a8d7; color:#FFFFFF; font-weight:bold; }

.ko_document_table { display:none; margin-top:20px; width:100%; border-collapse: collapse; }
.ko_document_table.show { display:inline-block; }
.ko_document_table td { border: 1px solid #444444; }
.ko_document_table th { border: 1px solid #4375C0; }
.ko_document_table th { height:35px; color:#fff; background:#4375C0; }
.ko_document_table .d { padding:10px; }
.ko_document_table .price { padding:10px; }

.ko_document_table_etc { display:none; }
.ko_document_table_etc.show { display:inline-block; }


.quickmenu { position:absolute; top:100px; right:-170px; }
.quickmenu > ul > li { width:170px; height:40px; padding-left:10px; }
.quickmenu > ul > li:first-child { height:100px;  }
.quickmenu > ul > li a { position:relative; width:100%; height:100%; display:flex; align-items:center; font-size:16px; }
.quickmenu > ul > li a span { }
.quickmenu > ul > li button { width:100%; height:100%; display:flex; align-items:center; font-size:16px; }
.quickmenu .link1 { border-radius:5px; color:#000; background:pink; display:flex; justify-content:center; align-items:center; }
.quickmenu .underline { border-bottom: 1px solid #ccc; }

#calc_essentials { padding:20px 20px 120px 20px; }
#calc_essentials h2 { margin-top:20px; font-size:18px; font-weight:bold; }
#calc_essentials .d { margin-top:40px; }

.main_layer_popup { position:fixed; background: #ffffff; z-index:9999; width:600px; min-height:220px; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; overflow:hidden; box-shadow:0px 2px 20px 5px rgba(0,0,0,0.3);}
.main_layer_popup > .contentss{ flex:1; }
.main_layer_popup > .main_layer_footer { width:100%; height:45px; display:flex; justify-content:center; align-items:center; } 
.main_layer_popup > .main_layer_footer > .close1 { flex:1; display:flex; padding-left:15px; } 
.main_layer_popup > .main_layer_footer > .close2 { width:80px; height:35px; margin-right:10px;  } 
.main_layer_popup > .main_layer_footer > .close1, .main_layer_popup > .main_layer_footer > .close2{ border: 0; background:#4375C0; border-radius:5px; color:#fff; }

#popup_contents_20230315 { padding:20px; }
#popup_contents_20230315 > .h { height:40px; background:#3866ab; color:#fff; display:flex; align-items:center; font-size:16px; padding-left:10px; }
#popup_contents_20230315 > .c { margin-top:20px;  }
#popup_contents_20230315 > .c > div { margin-left:16px; padding:3px 0; text-indent:-16px; }
#popup_contents_20230315 > .c > div span { font-weight:bold; }

#bosanginfo { position:fixed; background: #ffffff; z-index:9999; width:800px; left:50%; transform:translate(-50%, -50%); height:95%; top:50%; overflow:hidden; box-shadow:0px 2px 20px 5px rgba(0,0,0,0.2); }
#bosanginfo > div { width:100%; height:100%; position:relative; display:flex; flex-direction:column; }
#bosanginfo > div > .h { background:#313F4F; height:50px; font-size:28px; font-weight:bold; color:#fff; display:flex; justify-content:center; align-items:center;}
#bosanginfo > div > .v { background:#4D5EAB; height:200px; color:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column; }
#bosanginfo > div > .v > .s1 { font-size:25px; }
#bosanginfo > div > .v > .s2 { margin-top:10px; }
#bosanginfo > div > .v > .box { color:#000; margin-top:10px; width:100%; max-width:600px; height:80px; background:#fff; border-radius:10px; display:flex; justify-content:center; align-items:center; }

#bosanginfo > div > .d { background:#f1f1f1; display:flex; justify-content:center; align-items:center; }
#bosanginfo > div > .d > a { background:#fff; font-weight:bold; width:150px; height:50px; margin:20px; display:flex; justify-content:center; align-items:center; border:2px solid #999; border-radius:10px; }
#bosanginfo > div > .contents { flex:1; overflow:auto; padding:0 20px; }
#bosanginfo > div > .contents > .h2 { margin-top:20px; font-size:18px; font-weight:bold; color:rgb(77, 94, 171); }
#bosanginfo > div > .contents > .h2d { margin-top:10px; color:#4b4c58; }

#bosanginfo > div > .main_layer_footer { height:40px; }
#bosanginfo > div > .main_layer_footer > .close2 { width:80px; height:35px; margin-right:10px; background:#4375C0; border-radius:5px; color:#fff; } 



#popup_sinchung { position:fixed; background: #ffffff; z-index:9999; width:600px; left:50%; transform:translate(-50%, -50%); height:400px; top:50%; overflow:hidden; box-shadow:0px 2px 20px 5px rgba(0,0,0,0.2); }
#popup_sinchung > div { width:100%; height:100%; position:relative; display:flex; flex-direction:column; }
#popup_sinchung > div > .main_layer_footer { height:80px; }
#popup_sinchung > div > .main_layer_footer > .close2 { width:80px; height:35px; margin-right:10px; background:#4375C0; border-radius:5px; color:#fff; } 

#popup_sinchung > div > .h { background:#313F4F; height:50px; font-size:28px; font-weight:bold; color:#fff; display:flex; justify-content:center; align-items:center;}
#popup_sinchung > div > .d { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; }
#popup_sinchung > div > .d > .item { position:relative; display:flex; justify-content:center; align-items:center; }
#popup_sinchung > div > .d > .item > div { font-size:18px; width:100%; max-width:180px; height:60px; border-radius:15px; background:#88A8D7; color:#fff; display:flex; justify-content:center; align-items:center; }
#popup_sinchung > div > .d > .item > i { position:absolute; }
#popup_sinchung > div > .d > .item > i.icon1 { left:calc(100% - 20px); top:50%; transform:translateY(-50%); }
#popup_sinchung > div > .d > .item > i.icon1 > span{ font-size:40px; }
#popup_sinchung > div > .d > .item > i.icon2 { left:50%; top:calc(100% - 20px); transform:translateX(-50%) rotate( 90deg );}
#popup_sinchung > div > .d > .item > i.icon2 > span{ font-size:40px; }
#popup_sinchung > div > .d > .item > i.icon3 { left:calc(100% - 20px); top:50%; transform:translateY(-50%); }
#popup_sinchung > div > .d > .item > i.icon3 > span{ font-size:40px; }


#popup_email { position:fixed; background: #ffffff; z-index:9999; width:350px; left:50%; transform:translate(-50%, -50%); height:250px; top:50%; overflow:hidden; box-shadow:0px 2px 20px 5px rgba(0,0,0,0.2); }
#popup_email > div { width:100%; height:100%; position:relative; display:flex; flex-direction:column; }
#popup_email > div > .main_layer_footer { height:80px; }
#popup_email > div > .main_layer_footer > .close2 { width:80px; height:35px; margin-right:10px; background:#4375C0; border-radius:5px; color:#fff; } 
#popup_email > div > .h { background:#313F4F; height:50px; font-size:28px; font-weight:bold; color:#fff; display:flex; justify-content:center; align-items:center;}
#popup_email > div > .d { display:flex; justify-content:center; align-items:center; }

.btn1 { padding:0 10px; height: 32px; border-radius: 5px; background: #88a8d7; display:flex; justify-content:center; align-items:center; color: #FFFFFF; }



.vc1 { --c:#f4f4f4; }

.v10 { --v:10px; }
.v20 { --v:20px; }
.v30 { --v:30px; }
.v50 { --v:50px; }
.v100 { --v:100px; }
.v100p { --v:100%; }

.jw_width { width:var(--v); }
.jw_height { height:var(--v); }
.jw_margin_top { margin-top:var(--v); }
.jw_background { background:var(--c); }


#sample_insurance { position:relative; }
#sample_insurance > .content { margin:20px 20px 50px 20px; }
#sample_insurance > .content > .h1 { font-weight:bold; font-size:14px; }
#sample_insurance > .content > .h2 { font-size:14px; display:flex; justify-content:space-between; }
#sample_insurance > .content > .box_1 { display:grid; grid-template-columns:repeat(7, 1fr); grid-auto-rows:minmax(30px, auto); border : 1px solid #dbdee2; }
#sample_insurance > .content > .box_1 > div { display:flex; justify-content:center; align-items:center; }
#sample_insurance > .content > .box_1 > div:not(.noline_right) { border-right : 1px solid #ccc; }
#sample_insurance > .content > .box_1 > div:not(.noline_bottom) { border-bottom : 1px solid #ccc; }

#sample_insurance > .content > .box_2 { display:grid; grid-template-columns:200px 1fr; grid-auto-rows:minmax(30px, auto); }
#sample_insurance > .content > .box_2 > div { display:flex; align-items:center; padding-left:10px; border-bottom:1px solid #dbdee2; }
#sample_insurance > .content > .box_2 > div:nth-child(1) { border-bottom:2px solid #6c7786; }
#sample_insurance > .content > .box_2 > div.line { border-right:1px solid #dbdee2; }

#sample_insurance > .content > .box_3 { display:grid; grid-template-columns:100px 1fr 120px 120px 120px; grid-auto-rows:minmax(30px, auto); border : 1px solid #dbdee2; }
#sample_insurance > .content > .box_3 > div { display:flex; justify-content:center; align-items:center; padding:0 10px;}
#sample_insurance > .content > .box_3 > div:not(.noline_right) { border-right : 1px solid #ccc; }
#sample_insurance > .content > .box_3 > div:not(.noline_bottom) { border-bottom : 1px solid #ccc; }
#sample_insurance > .content > .box_3 > div.bold { font-weight:bold;}
#sample_insurance > .content > .box_3 > div.text_left { justify-content:flex-start; }
#sample_insurance > .content > .box_3 > div.text_right { justify-content:flex-end; }


#bottomicon_1 { display:flex; flex-direction:column; gap:10px; }
#bottomicon_1 button { width:100%; outline:0; background:none; cursor:pointer; font:inherit; -webkit-user-select: none; user-select: none; height:44px; border-radius:5px; background:#f1f4ff; border: 1px solid #a1aeb7; }