:root {
  --maincolor: #41b5f2;
  --subcolor: #cbebfc;
  --formcolor: #000;
  --inputselectcolor : #f1f1f1;
  --h2color : #0062c4;
  --formbtn: #41b5f2;
}
* {box-sizing: border-box; word-break: keep-all;}
html {overflow-x: hidden; font-size: 16px; font-weight: 500;}
.inner {width: 1200px; position: relative; margin: 0 auto;}
img {object-fit: cover;max-width:100%;}

h1{display:none;}

header {padding: 1.25rem 0; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px; z-index: 1000; background-color: #fff; z-index: 10000; position: fixed; width: 100%; top: 0; left: 0;height:84px;}
header .inner {display: flex; align-items: center; justify-content: space-between;}
header .inner a {}
header .inner > a > h1 {height:41px !important;font-size:1.6rem;margin-top: 12px;}
header .inner nav {}
header .inner nav ul {display: flex; gap: 20px;}
header .inner nav ul li {font-size: 1.3rem; font-weight: bold; }
header .inner nav ul li:hover a {color: var(--maincolor);}
header .inner nav ul li a {color: #000;}
header .inner nav ul li a.on {color:var(--maincolor) !important;}

.mobul li a {color:#000 !important;}
.mobul li a.on {color:var(--maincolor) !important;}

main {margin-top: 83px;}

main #section0 {padding: 50px 0;}
main #section1, main #section2, main .section3, main .section4 {padding: 50px 0;}
main #section0 {/*background: url("/img/main_back.png") repeat center;*/background:#41b4f1;overflow:hidden;}
main .sc_goods {padding: 20px 0 30px 0;}

main #section0 .inner h2
 {font-size: 3rem; font-weight: bold; color: var(--h2color); text-align: center; margin-bottom: 0px !important; line-height: 4rem;}
main #section1 .inner h2 {font-size: 2.0rem; font-weight: bold; color: var(--h2color); text-align: center; margin-bottom: 50px; line-height: 4rem;}
main #section2 .inner h2,
main .section3 .inner h2, 
main .section4 .inner h2{font-size: 3rem; font-weight: bold; color: var(--h2color); text-align: center; margin-bottom: 50px; line-height: 4rem;}

main #section2 .inner h2,
main .section3 .inner h2, 
main .section4 .inner h2 { margin-bottom: 20px !important;}

.sc_goods h2{font-size: 3rem; font-weight: bold; color: var(--h2color); text-align: center; margin-bottom: 20px; line-height: 4rem;}

main #section0 .inner {}
main #section1 .inner {}
main #section1 .inner .all_wrap {display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; overflow: hidden; border-radius: 20px;}
main #section1 .inner .all_wrap .txt_wrap{margin-top: 30px;}

main #section0 .inner h2 {color: #fff;}
main #section1 .inner h2 {color: #000;padding: 20px 0;margin-bottom: 0px;}
main #section1 .inner form {display: flex; flex-direction: column; width: 100%; position: relative; z-index: 2; 
   padding: 0px 0px 20px 0px; position: relative; top: 0px; width: 90%;margin:0 auto;}
main #section1 .inner form ul {display: grid; grid-template-columns: repeat(1,1fr); gap: 0.5rem; }
/*main #section1 .inner form ul li {display: flex; align-items: center; gap: 0.875rem;}*/
main #section1 .inner form ul li {display: flex;width: 100%;}
/*main #section1 .inner form ul li > span {min-width: 70px; display: inline-block; font-weight: 500; font-size: 1.2rem; color: var(--formcolor);}*/
main #section1 .inner form ul li .form_items { display: flex;   width: 90%;    align-items: center;    gap: 10px;}
main #section1 .inner form ul li > span {display: flex;    width: 20%;align-items: center; }
main #section1 .inner form ul li input[type=text],
main #section1 .inner form ul li input[type=tel],
main #section1 .inner form ul li select {font-size: 1.2rem;  border: none; outline: none; padding: 0.625rem 0; padding-left: 1rem; border-radius: 5px; background: var(--inputselectcolor); color: #000;}
input::placeholder {
  color: #000;
}
/*
main #section1 .inner form ul li input[type=text],
main #section1 .inner form ul li input[type=tel],
main #section1 .inner form ul li select {font-size: 1.2rem; width: 100%; border: none; outline: none; padding: 0.625rem 0; padding-left: 1rem; border-radius: 5px; background: var(--inputselectcolor); color: #000;}
input::placeholder {
  color: #000;
}
*/
main #section1 .inner form ul li input[type=radio] {display: none;}
main #section1 .inner form ul li .form_items label.sex {width: 15%; height: 43px; line-height: 43px; display: inline-block; text-align: center; font-size: 1.0rem; border: 1px solid var(--inputselectcolor); border-radius: 5px; cursor: pointer; background: var(--inputselectcolor);}
main #section1 .inner form ul li .form_items input.sex:checked + label {background: var(--formbtn); color: #fff; border: 1px solid var(--formbtn);}
main #section1 .inner form ul li .form_items .customer_name{width:70%;}
main #section1 .inner form ul li .form_items .customer_birth {width:100%;}
main #section1 .inner form ul li .form_items .mobile1 {width:25%;}
main #section1 .inner form ul li .form_items .mobile2 {width:75%;}
main #section1 .inner form ul li .form_items label {width: 25%; height: 43px; line-height: 43px; display: inline-block; text-align: center; font-size: 1.0rem; border: 1px solid var(--inputselectcolor); border-radius: 5px; cursor: pointer; background: var(--inputselectcolor);}
main #section1 .inner form ul li .form_items input:checked + label {background: var(--formbtn); color: #fff; border: 1px solid var(--formbtn);}


main #section1 .inner form ul li select {width: auto; padding-right: 1.875rem;background: url(../img/arrow_tel.png) var(--inputselectcolor) no-repeat 85% 50%;}
/*main #section1 .inner form ul li:last-child {align-items: center; font-size: 1rem; gap: 0.3125rem; justify-content: center; color: var(--formcolor);}*/
/*main #section1 .inner form ul li:last-child input {width: 15px; height: 15px; border-radius: 0;}
main #section1 .inner form ul li:last-child label {font-size: 1rem; font-weight: normal; cursor: pointer;}*/
main #section1 .inner form .btn_wrap {}
main #section1 .inner form .btn_wrap button {width: 100%; background: var(--formbtn); padding: 1.25rem; color: #fff; font-weight: bold; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 0.625em;border-radius: 5px; height: 100%; }
main #section1 .inner form .btn_wrap button img {width: 20px; height: 20px;}
main #section1 .inner .txt_wrap img {width: 500px; position: absolute; bottom: 0; right: 0;}

main #section2 {}
main #section2 .inner {}
main #section2 .inner h2 {margin-top: 0px;}
main #section2 .inner .swiper {}
main #section2 .inner .swiper .swiper-wrapper {}
/*main #section2 .inner .swiper .swiper-wrapper .swiper-slide {height: 363px;}*/
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a {display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative; gap: 25px; padding: 0px; width: 100%; height: 100%; transition: 0.3s; background:#d7effd; border-radius: 20px;overflow:hidden;}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background: var(--maincolor);}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a:hover p {color: #fff;}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%; }
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a h2 {font-size: 1.8rem; color: #000; transition: 0.3s; line-height: 2rem; min-height: 65px;margin-bottom:0 !important;position:absolute;bottom:0;margin:0 auto;}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a p {display:none;}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a span {font-size: 1.2rem; background: var(--maincolor); color: #fff; padding: 10px 20px; border-radius: 30px; transition: 0.3s;}
main #section2 .inner .swiper .swiper-wrapper .swiper-slide a:hover span {background: #fff; color: var(--maincolor);}

main .section3 {background: #fff; position: relative; overflow: hidden;}
main .section3 .inner {}
main .section3 .inner .box1 {display: flex; gap: 50px; align-items: center;}
main .section3 .inner .box1 strong {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 50px; display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl; width: 100px; font-size: 2rem; background: #197920; color: #fff; padding: 30px;}
main .section3 .inner .box2 {display: flex; gap: 20px; align-items: center;}
main .section3 .inner ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; width: 100%;}
main .section3 .inner ul li {}
main .section3 .inner ul li a {display: flex; gap: 20px; background:#41b4f1; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 60px; overflow: hidden; align-items: center; padding: 0px;color:#fff;}
main .section3 .inner ul li:nth-child(1) a {}
main .section3 .inner ul li a p {background: var(--maincolor); font-size: 1.5rem; border-radius: 100%; padding: 15px; color: #fff;}
main .section3 .inner ul li a h3 {font-size: 1.5rem;}
.contents_link {display: flex; gap: 50px; align-items: center;}
.contents_link ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; width: 100%;}
.contents_link ul li {}
.contents_link ul li a {display: flex; gap: 20px; background:#41b4f1; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 60px; overflow: hidden; align-items: center; padding: 0px;color:#fff;}
.contents_link ul li:nth-child(1) a {}
.contents_link ul li a p {background: var(--maincolor); font-size: 1.5rem; border-radius: 100%; padding: 15px; color: #fff;}
.contents_link ul li a h3 {font-size: 1.5rem;}

.contents_link ul li a.on{
	background:#d3c9fe;
	color:#333;
}

.section_contents{
	line-height:30px;
	padding:30px 0 50px 0;

}
.section_contents h2 {
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    line-height: 3rem;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.section_contents .content_wrap div {
    width: 100%;
    height: auto;
    margin-bottom: 2.0rem;
    font-size: 18px;
    text-align: justify;
    word-break: break-all;
}
.section_contents .content_wrap h3 {
    width: 100%;
    height: auto;
    font-size: 24px;
    font-weight: bold;
    text-align: justify;
    word-break: break-all;
    color: #26aaf0;
    margin-bottom: 20px;
}

.section_contents .content_wrap .text_page {
	display:none;
}

main .section4 {background:#cfecfc; position: relative; overflow: hidden;}

.section4 .box li{border-bottom:1px solid #ccc;}
.section4 .box li:hover{background:#e8e2fe;}
.section4 .box li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s;
		text-align:center;
}
.sc_board .board_item strong{
    font-size: 1rem;
    font-weight: 500;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





.sub,.contents1 {padding: 0 0 30px 0;margin-top:50px;}
.sub .inner {}
.sub .inner h2 {font-size: 2.5rem; font-weight: bold; width: 100%; padding-bottom: 50px; line-height: 3rem;}
.sub .inner ul {}
.sub .inner ul li {}
.sub .inner ul li img {}
.sub .inner ul li p {}

/* .contents1 {background: url(../img/i8.png) no-repeat; height: 800px; background-position: center; background-size: cover;} */
.contents1 .inner {}
.contents1 .inner h2 {font-size: 2.5rem; font-weight: bold; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ddd;  line-height: 3rem; margin-bottom: 30px;text-align:center;}
.contents1 .inner ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;}
.contents1 .inner ul li {position: relative; border-radius: 15px; overflow: hidden; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.contents1 .inner ul li a {display: flex; font-size: 1.3rem; justify-content: flex-start; align-items: center; position: relative; z-index: 2; flex-direction: column;}
.contents1 .inner ul li .img_wrap {}
.contents1 .inner ul li img {width: 100%; height: 100%; transition: 0.3s; display: block;}
.contents1 .inner ul li p {font-size: 1.5rem; line-height: 1.5rem; color: #000; width: 100%; text-align: left; background: #fff; display: flex; gap: 15px; align-items: center; padding: 30px;}
.contents1 .inner ul li em {background: var(--maincolor); width: 30px; height: 30px; display: inline-block; line-height: 30px; text-align: center; border-radius: 100%; color: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;}
.contents1 .inner ul li b {font-size: 1rem; margin-top: 10px; display: inline-block;}
.contents1 .inner .content_wrap {
    width: 80%;
    height: auto;
    padding: 0;
    text-align: justify;
    margin: 0px auto;
    overflow: hidden;
	line-height: 2.5rem; 
}
.contents1 .inner .content_wrap div {width:100%;height:auto;margin-bottom:2.0rem;font-size: 1.4rem; text-align:justify;word-break: break-all;}
.contents1 .inner .content_wrap div.sub_title{font-size:1.6rem;font-weight:bold;}
.contents1 .inner .content_wrap h3 {width:100%;height:auto;font-size: 2.0rem;font-weight:bold; text-align:justify; word-break: break-all;color:#26aaf0;margin-bottom:20px;}
.contents1 .inner .content_wrap p{width:100%;height:auto;text-align:justify;word-break: break-all;}
.contents1 .inner .content_wrap .tab_1{margin-left:1.0rem;}
.contents1 .inner .content_wrap .tab_2{margin-left:1.5rem;}
.contents1 .inner .content_wrap .tab_3{margin-left:2.5rem;}
.contents1 .inner .content_wrap .tab_4{margin-left:3.5rem;}
.contents1 .inner .content_wrap .sub_in_p{font-size:1.0rem;line-height:1.5rem;}
.contents1 .inner .content_wrap .sub_in_p2{font-size:1.2rem;line-height:2.0rem;font-weight:normal;}

.qna {padding: 80px 0;}
.qna .inner {position: relative; z-index: 1;}
.qna .inner .txt_wrap {display: flex; align-items: center; justify-content: space-between;}
.qna .inner .txt_wrap h2 {font-size: 2.5rem; font-weight: bold; width: 100%; padding-bottom: 50px;}
.qna .inner .txt_wrap img {width: 200px; height: 170px; object-fit: fill;}
.qna .inner ul {display: flex; flex-direction: column; gap: 30px;}
.qna .inner ul li {background: #fff; padding: 30px; border-radius: 15px; display: flex; flex-direction: column; gap: 30px; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.qna .inner ul li pre strong {font-size: 1.8rem; font-weight: 500;}
.qna .inner ul li pre {white-space: pre-wrap; line-height: 2rem; font-size: 1.3rem;}
.qna .inner ul li p {font-size: 2rem; line-height: 2.5rem;}
.qna .inner ul li p b {color: var(--maincolor);}
.qna .inner ul li span {font-size: 1.2rem; line-height: 1.7rem;}
.qna .inner ul li span b {color: var(--maincolor); font-size: 2rem;}


.btn_list{display:inline-block;width:auto;height:auto;padding:2px 20px;border:2px solid  var(--maincolor);color: var(--maincolor);border-radius:18px;}
.btn_list:hover{background:#aaa;color:#fff;}

.b {font-weight:bold !important;}

.mobul {position: absolute; left: 0; top: 86px; display: flex; flex-direction: column; width: 100%; display: none;}
.mobul li {font-size: 1.2rem; font-weight: bold; background: #fff; width: 100%; border-bottom: 1px solid #ccc;}
.mobul li:first-child {border-top: 1px solid #ccc;}
.mobul li a {display: block; padding: 30px 20px;}
header i {cursor: pointer; font-size: 2rem; display: none !important; position: relative; z-index: 10000;}
.mobbg {width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; z-index: 9999; display: none;}
.jump1,
.jump2,
.jump3,
.jump4,
.jump5,
.jump6,
.jump7,
.jump8,
.jump9,
.jump10
{display: none;}
.link {word-break: break-all;}

.list_wrap {text-align: center;}
.list_wrap a {background: var(--maincolor); color: #fff; padding: 5px 10px; border-radius: 5px; display: inline-block; font-size: 1rem;}





#footer_info{width:100%;background:#fff;padding:10px;}
.f_info_box{ padding: 10px 15px;; background-color:#f7f6f6; border:1px solid #d7d7d7; box-sizing:border-box; text-align:left; width:100%;min-width:316px;max-width:1140px; margin:0 auto; margin-top:20px;  margin-bottom:20px; }


#footer_wrap { position:relative;  margin:40px auto; height:auto; text-align: left;padding:10px; }
#footer_wrap h1 {position:absolute;left:0;top:35px; height:auto; }
#footer_wrap .smenu{float:left;padding-bottom:10px;margin-right: 5px;}
#footer_wrap .smenu li{float:left}
#footer_wrap .smenu li a{display:block;padding:0 9px 0 9px;font-family:"Malgun Gothic";font-size:18px; font-weight:600; letter-spacing: -1px; line-height:22px;color:#666;}
#footer_wrap .smenu li a:hover{text-decoration:none}
#footer_wrap .smenu li:first-child a{padding-left:0;background:none;}

#footer_wrap .address{margin:10px auto; font-family:"Malgun Gothic"; font-size:14px;line-height:22px;color:#777777;}
#footer_wrap .address span{margin-right:15px;letter-spacing: -2px;}
#footer_wrap .copyright{font-family:"Malgun Gothic"; font-size:14px;line-height:22px;color:#777777; text-align:left;}
#footer_wrap .tel_num {width:100%;font-family:"Malgun Gothic","Roboto"; font-size:18px; font-weight:800; display:inline-block; color:#999; }
#footer_wrap .tel_num a{color:#007bff !important; }



.cls_grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;

		margin: 0 auto;
    width: calc(100% - 10px);
}


.db_form_area {width:96%;height:auto;border:3px solid #41b5f2;border-radius:20px;padding:0;text-align:center;margin:0px auto;overflow:hidden;}
.db_form_in {display:inline-block;width:80%;height:auto;border:1px solid red;text-align:center;margin:0px auto;}
.db_form_area h2 {color:#f93902 !important;}
.db_result {width:90%;height:auto;margin:0 auto;}








	.cost_popup_wrap {
		position: fixed;		
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 500px;
		padding: 50px;
		box-sizing: border-box;
		background: #fff;
		line-height: 50px;
		z-index: 999999999999999;
		display: none;
	}

	.cost_popup_wrap p {
		font-size: 24px;
		text-align: center;
		margin-bottom: 50px;
	}

	.cust_name_2 {
		font-size: 24px; 
		text-decoration: underline; 
		text-underline-position: under; 
		font-weight: bold;
	}
	
	.cust_money_2{ 
		font-size: 24px; 
		text-decoration: underline; 
		text-underline-position: under; 
	}

	#cost_background { 
		width: 100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5); 
		position: fixed;
		left: 0; 
		top:0; 
		z-index: 999999; 
		display: none;
	}

	.cost_btn {
		cursor: pointer;
		background: #2d297d ;
		color: #fff;
		font-size: 20px;
		margin: 0 auto;
		width: 194px;
		height: 44px;
		line-height: 46px;
		text-align: center;
		margin-top: 20px;
	}

	.cost_popup_wrap > .close { 
		position: absolute; 
		width: 35px;
		height: 35px;
		top: 12px; 
		right: 15px;
		cursor: pointer; 
	}

	.cost_popup_wrap >.close > div { 
		width: 3px; 
		height: 30px;
		background: #000;
		position: absolute; 
		top: 3px; 
		left: 16px; 
	}

	.cost_popup_wrap > .close > div:nth-child(1) { 
		transform: rotate(45deg); 
	}

	.cost_popup_wrap > .close > div:nth-child(2) {
		transform: rotate(-45deg); 
	}

	.cust_name_2{position: relative; left:0; top: 0;}
	.cust_money_2{color: #000;}


	.form-set div span.phone_num{color: #aaa;color: #000;font-weight:bold;width: 150px;font-size: 18px;line-height: 37px;}
	#inputform_2{width: auto;}
	.form-set #cellverify_auth_code{border: none; width: 300px; border-bottom: 1px solid #ddd; height: 41px; box-sizing: border-box;display: block;}
	.form-set .inputform_2_inner{margin: 0; border-bottom: none; display: block;}
	.form-set .not_form_div{margin: 0; border-bottom: none;}
	.form-set .dflex{display: flex; justify-content: center; align-items: center;}
	
	.form-set #input_screen{background-color: #555;}
	.form-set .inputform_2_space{margin-top: 20px; margin-bottom: 40px; border: none; display: block;}
	input#cellverify_auth_code{font-size: 15px;}
	
	.form-set #input_screen, .form-set #send_data, 	.form-set #input_screen, .form-set #send_data_price{height: 41px; width: 85px;border:none; cursor:pointer; background: var(--maincolor); color: #fff; font-size: 16px; padding: 5px; box-sizing: border-box;  line-height: 1px;}
	#re_send_date{height: 41px; width: 85px;border:none; cursor:pointer; background: #333; color: #fff; font-size: 16px; padding: 5px; box-sizing: border-box; border-bottom: none !important; line-height: 1px; }

	.cost_popup_wrap_title{ font-weight: bold; width: 100%; background: #eee; position: absolute; left: 0; top: 0; padding-left: 30px; box-sizing: border-box; height: 60px; line-height: 61px; font-size: 18px;}

	.phone_num{display: block;}
	.num_check{border: none !important; display: flex; justify-content: space-between;}

	.form-set .phone_num_sub{display: block ; width: 100%; line-height: 1; margin-bottom: 20px; color: #888; font-size: 16px;}
	.form-set #mobile1_num_check{width: 90px; border: 0; border-bottom: 1px solid #ddd;}
	.form-set #mobile2_num_check{width: 210px; border: 0; border-bottom: 1px solid #ddd;}
	.form-set .form-check{color: #222;margin-top: 1px;border: none;border-bottom: 1px solid  #ddd;background: none;vertical-align: top;width: 64px;font-weight: bold;outline: none;border-radius: none; padding: 7px -1px; font-size: 14px; height: 40px;}

	#mobile1_num_check{color: #000 !important; font-size: 15px;}
	#mobile2_num_check{color: #000 !important; font-size: 15px;}

/* °³ÀÎÁ¤º¸ ¼öÁý µ¿ÀÇ */
.personal_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-text);
    margin-top: 25px;
    margin-bottom: 15px;
}

.personal_box a {
    text-decoration: underline
}




/* Æû ¹öÆ° Àüü ½ºÅ¸ÀÏ */
.btn_certify {width: 25%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 1.0rem;
	font-weight:bold;
    border-radius: 5px;
    cursor: pointer;
}

/* Æû ¹öÆ° ÈÞ´ëÆù-ÀÎÁõ */
#btnSendAuthCode {
	color:var(--maincolor);
    border: 2px solid var(--maincolor);
}

/* Æû ¹öÆ° ÀÎÁõ¹øÈ£-°ø¹é */
#btn_wait {
	color:#fff;
    border: 2px solid #fff;
    cursor: default;
}

/* Æû ¹öÆ° ÀÎÁõ¹øÈ£-È®ÀÎ */
#btnCheckAuthCode {
	display:none;
	color:var(--maincolor);
    border: 2px solid var(--maincolor);
}

/* Æû ¹öÆ° ÈÞ´ëÆù-º¯°æºÒ°¡, ÀÎÁõ¹øÈ£-ÀÎÁõ¿Ï·á */
#CQnochange, #CQnochange2 {
	display:none;
	color:#ccc;
    border: 2px solid #ccc;
}



.db_form_area input::placeholder{
	color:#b2b2b2;
}
























#pay_table {
    width: 100%;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 22px 15px;
	padding:0 0 20px 0;
}

.infor_text {
    font-size: 15px;
    font-family: 'Noto Sans KR',sans-serif;
    color: var(--maincolor);
    text-align: center;
    margin: 40px auto 0
}

.boxi {
    width: 47%;
    padding: 27px 0;
    border-radius: 10px;
	border:1px solid #ccc;
    background:#fff;
    -webkit-box-shadow: 0 0 3px 3px rgba(219,219,219,0.25);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 47%
}

.boxi figure {
    width: 60%;
    height: 30px;
    margin: 0 auto
}

.boxi img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.wonlogo {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 18px;
    font-weight: 500
}

.zero {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: 000;
    margin-top: 12px
}

.price {
    color:#000;
    font-size: 20px;
    font-weight: 700
}
.goods_item_in{width:100%;}
.goods_item * {box-sizing:border-box;}

.pay_detail_line{float:left;width:100%;height:28px;border-bottom:1px solid #e6e6e6;}	
.pay_detail_txt{float:left;width:25%;height:28px;font-weight:bold;color:#444;text-align:left;}
.pay_detail_result{float:right;width:75%;height:28px;line-height:28px;font-size:14px;overflow:hidden;text-align:right;}





@media (max-width: 768px) {
footer .inner {position: relative;  text-align: center;}
}
@media (max-width:450px) {
  .privacy2 {display: block;}  
}



@media (max-width:1400px) {
  .inner{width: 94%;}
  .contents1 .inner ul {grid-template-columns: repeat(2, 1fr)}
}

@media (max-width:1200px) {

}


@media (max-width:1070px) {
  .mobimg {display: none;}
  .bottombg {display: none;}
}


@media (max-width:1023px) {
  .qna .inner ul li {width: 100%;}

}

@media (max-width:959px) {

  .contents1 .inner ul {grid-template-columns: repeat(1, 1fr)}
  main .section3 .inner ul {grid-template-columns: repeat(1, 1fr)}
  .contents_link ul {grid-template-columns: repeat(1, 1fr)}
  main #section1 .inner form {width: 80%;}
  main #section1 .inner form ul li .radio_wrap label {width: 80px; height: 38px; line-height: 38px;}
  .cls_grid {
    grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width:767px) {
  header i {display: block !important;}
  .pcul {display: none !important;}
  html {font-size: 14px;}
  main {margin-top: 77px;}
  .mobul {top: 77px;}
  .contents1 .inner ul {grid-template-columns: repeat(1, 1fr)}
  .contents1 .inner {padding: 25px;}
  .qna .inner ul li {padding: 35px;}
  main .section3 .inner ul li a p {padding: 5px;}
  .contents_link ul li a p {padding: 5px;}
  
  .contents1 .inner ul li p {padding: 20px;}
  main #section0 .inner h2,  main #section1 .inner h2, main #section2 .inner h2, main .section3 .inner h2, main .section4 .inner h2, .sc_goods .inner h2 {font-size: 2.2rem;line-height:3.0rem;}
  main #section2 .inner .swiper .swiper-wrapper .swiper-slide a h2 {font-size: 1.5rem;min-height:30px;}

  /*main #section2 .inner .swiper .swiper-wrapper .swiper-slide a img {width: 130px; height: 130px;}*/
}

@media (max-width:586px) {
  main #section1 .inner form {width: 96%;padding: 0px 0px 20px 0;}
  main #section1 .inner .db_form_area{width: 96%;}
  main #section1 {}
  main #section0 .inner h2, main #section1 .inner h2, main #section2 .inner h2, main .section3 .inner h2, main .section4 .inner h2, .sc_goods .inner h2 {font-size: 2.0rem;line-height:2.5rem;}
  main #section0 { padding: 20px 0;}
  main #section0 .inner h2 {font-size:1.6rem;}
  .contents1 .inner .content_wrap {width:96%;}
}

@media (max-width:353px) {
	.boxi {width:100% !important;flex-basis:100% !important;}
	.price {font-size:14px !important;}
}
















@media (max-width:600px) {



}






@media (min-width:767px) {
  .mobul {display: none !important;}
  .mobbg {display: none !important;}
}




  h1 {
    font-size: 24px;
    margin: 0;
  }
  nav.nav-menu ul {
  }

  nav.nav-menu li {
    margin-left: 0px;
  }

  nav.nav-menu a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
  }

  /* Çܹö°Å ¹öÆ° ±âº» ¼û±è */
  .menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    background: none;
    border: none;
    cursor: pointer;
  }

  .menu-toggle .bar {
    width: 100%;
    height: 4px;
    background-color: #333;
    display: block;
  }

  /* ¹ÝÀÀÇü ó¸® */
  @media (max-width: 768px) {
    .menu-toggle {
      display: flex;
    }

    nav.nav-menu {
      display: none;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background: #cfecfc;
      border-top: 1px solid #ddd;
      z-index: 999;
    }

    nav.nav-menu ul {
      flex-direction: column;
      padding: 20px 0;
    }

    nav.nav-menu li {
      margin: 5px 0;
      text-align: center;
    }

    nav.nav-menu.active {
      display: block;
    }
  }





.sc_goods * {		word-break:normal !important;}
.sc_goods li * {word-break:break-all !important;}

.sc_goods .goods_area{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
	width:100%;
	max-width: 100%;
}

.sc_goods .goods_area li {
    transition: 0.3s;
    position: relative;
    border-radius: 10px;
    background: #fff;
		box-shadow: rgba(48, 53, 50, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    
}
.sc_goods .goods_area li:hover{
	background:#dffbff;
}

.sc_goods .goods_area .goods_comp{width:100%;height:auto;}
.sc_goods .goods_area .goods_comp img{width:100px;height:30px;}
.sc_goods .goods_area .goods_text_area{width:100%;height:auto;text-align:justify;}
.sc_goods .goods_area .goods_text_area .goods_gname{font-size:18px;border-top:1px solid #ccc;padding:5px;color:#333;font-family:¸¼Àº °íµñ;font-weight:bold;height:49px;line-height:1.8rem;margin-bottom:10px;letter-spacing:-1px;}
.sc_goods .goods_area .goods_text_area .goods_text{height:200px;}
.sc_goods .goods_area .goods_text_area .goods_text .goods_info{float:left;width:100%;height:90px;padding:10px;overflow:hidden;font-size:14px;color:#666;line-height:20px;}
.sc_goods .goods_area .goods_text_area .goods_text .goods_certi{float:left;width:100%;height:50px;padding:10px;overflow:hidden;font-size:14px;color:#666;line-height:16px;font-weight:bold;}
.sc_goods .goods_area .goods_text_area .goods_text .goods_btn{float:left;width:100%;height:60px;text-align:center;border-top:1px solid #ccc;}


@media (max-width:959px) {
	.sc_goods .goods_area{
			grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:586px) {
	.sc_goods .goods_area{
			grid-template-columns: repeat(1, 1fr);
	}
}

.btn_calcu{
	display:inline-block;
	width:auto;
	padding:10px 15px;
	background:#41b4f1;
	color:#fff;
	border-radius:12px;
	margin-top:10px;
}








.bg_cancer{
	background:#f1eeff !important;
}
.bg_silbi{
	background:#f2fff2 !important;
}
.bg_driver{
	background:#fff2f2 !important;
}
.bg_child{
	background:#dff2fd !important;
}
.bg_carer{
	background:#f2fff2 !important;
}
.part_contents_area{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	width: 100%;
	margin-top:30px;
}
.part_contents_area .part_img{
}
.part_contents_area .part_text{
	padding:0 20px;
}
.part_contents_area .part_text h3{
	font-size:1.8rem;
	padding-bottom:20px;
}
.part_contents_area .part_text p{
	font-size:18px;
	line-height:30px;
	padding-bottom:20px;
}

@media (max-width:767px) {
	.part_contents_area{
		grid-template-columns: repeat(1, 1fr);
	}
}