/*--------------------------- mobile ---------------------------*/
@media (max-width: 767px){
	section.visual div.visual_box{ position: relative; float: left; width: 100%; height: 100vh; background: url("/images/visual.jpg") no-repeat 52% 50%;
	background-size: cover;}
	section.visual div.visual_box::after{ content: ""; display: block; width: 100%; height: 100%; background: #c0dae8; opacity: 0.6;}
	section.visual div.txt_box{ margin-left: 20px; width: calc(50% - 20px); height: 100vh; text-align: center;}
	section.visual div.txt_box div.info_wrap{ position: absolute; top: 40vh; left: 50%; transform: translateX(-50%); width: 100%;}
	section.visual div.txt_box div.info_wrap > h2{ font-size: 1.75rem; line-height: 1.2; margin-bottom: 30px;}
	section.visual div.txt_box div.info_wrap > p{ margin-bottom: 40px; color: #004877; font-weight: 500; font-size: 1.5rem;}
	section.visual div.txt_box div.info_wrap > a{ font-size: 1.25rem; padding: 18px 35px; background: #348dbb; color: #fff; border-radius: 15px;
	cursor: pointer;}
	section.visual div.txt_box > div.txt{ display: none;}


	section.service{ padding: 40px 0;}
	section.service h2{ margin-bottom: 40px; font-size: 2.5rem; font-weight: bold; line-height: 1; text-align: center;}
	section.service div.content > ul > li{ position: relative; float: left; overflow: hidden; width: calc((100% - 20px) / 2); margin-left: 20px;
	border-radius: 15px;}
	section.service div.content > ul > li::after{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%;
	height: 100%; background: rgba(0,0,0, 0.2);}
	section.service div.content > ul > li:nth-child(2n-1){ margin-left: 0;}
	section.service div.content > ul > li:nth-child(n){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(9){ margin-bottom: 0;}
	section.service div.content > ul > li:nth-child(10){ margin-bottom: 0;}

	
	section.service div.content > ul > li > img{ display: block; width: 100%;}
	section.service div.content > ul > li > p{ position: absolute; z-index: 2; right: 10px; bottom: 5px; color: #fff; font-size: 1rem;}


	section.banner{ position: relative; padding: 60px 0; background: url("/images/banner1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.banner::after{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0, 0.3);}
	section.banner > div.info_wrap{ position: relative; z-index: 2; text-align: center; padding: 0 15px;}
	section.banner > div.info_wrap > h2{ font-size: 2.5rem; line-height: 1; font-weight: 400; color: #fff; margin-bottom: 20px;}
	section.banner > div.info_wrap > p{ margin-bottom: 20px; color: #fff; font-size: 1.5rem;}
	section.banner > div.info_wrap > p:last-child{ margin-bottom: 0;}
	section.banner > div.img_wrap{ display: none; /*position: absolute; width: 300px; z-index: 2; right: 6%; bottom: 0;*/}


	section.chat{ padding: 40px 0 0; text-align: center;}
	section.chat div.img_wrap > img{ display: block; width: 100%;}
	section.chat p{ line-height: 1.2;}
	section.chat p.title{ margin-bottom: 20px; font-size: 1.5rem; font-weight: bold;}
	section.chat p.desc{ font-size: 1.25rem; color: #757575; margin-bottom: 40px;}
	section.chat p.desc > br{ display: none;}

	section.img_box{ padding: 90px 0;}
	section.img_box h2{ margin-bottom: 40px; text-align: center; font-weight: 500; font-size: 7vw; line-height: 1.5;}
	section.img_box span.thin{ font-weight: 400;}
	section.img_box picture{ display: block; width: 100%; height: 100%;}
	section.img_box picture > img{ display: block; width: 100%;}
	

	section.event{ padding: 40px 0; background: #d7e5ed;}
	section.event h2{ margin-bottom: 40px; text-align: center; font-size: 2.5rem; line-height: 1.1;}
	section.event h2 > span{ background: linear-gradient(to top, rgb(52, 141, 187) 40%, transparent 20%);}
	section.event div.container > p{ text-align: center; font-size: 1.25rem; margin-bottom: 50px;}
	section.event ul > li{ overflow: hidden; float: left; width: 100%; margin-bottom: 20px; border-radius: 20px; background: #fff; text-align: center;}
	section.event ul > li:last-child{ margin-bottom: 20px;}
	section.event ul > li img{ display: block; width: 100%;}
	section.event ul > li > div.txt_wrap{ padding: 20px;}
	section.event ul > li > div.txt_wrap > p.title{ font-size: 1.25rem; font-weight: 500; margin-bottom: 20px;}
	section.event ul > li > div.txt_wrap > p.desc{ font-size: 1rem;}


	section.promise{ position: relative; padding: 40px 0;}
	section.promise h2{ margin-bottom: 40px; font-size: 2.5rem; text-align: center; line-height: 1;}
	section.promise ul > li{ width: 100%; padding: 10px; margin-bottom: 20px; color: #666; font-size: 1rem; background: #d7e5ed;
	text-align: center; border-radius: 20px;}
	section.promise ul > li:last-child{ margin-bottom: 0;}
	section.promise div.img_wrap{ display: none; /*position: absolute; right: 3%; bottom: 0; width: 30vw;*/}
	section.promise .img_wrap2{ text-align: center;}
	section.promise .img_wrap2 > img{ display: block; margin: 0 auto;}


	section.system{ position: relative; padding: 40px 0; background: #eeeeee;}
	section.system div.txt_wrap{ position: relative; text-align: center;}
	section.system div.txt_wrap::before{ position: absolute; left: 0; bottom: 100%; content: ""; display: block; width: 18px; height: 18px; background: #348dbb; border-radius: 18px;}
	section.system div.txt_wrap > h2{ font-size: 2.5rem; line-height: 1; margin-bottom: 30px;}
	section.system div.txt_wrap > p{ font-size: 1rem; color: #565656; line-height: 1.2; font-weight: 500; margin-bottom: 40px;}
	section.system div.img_wrap > img{ display: block; width: 100%;}


	section.package{ padding-top: 40px;}
	section.package h2{ margin-bottom: 60px; font-size: 2.5rem; text-align: center;}
	section.package ul > li{ position: relative; float: left; width: 100%; margin-bottom: 20px;}
	section.package ul > li:last-child{ margin-bottom: 0;}
	section.package ul > li > img{ display: block; width: 100%; filter: drop-shadow(0 0 8px #c3c3c3);}
	section.package ul > li > div.txt_wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	font-family: "GmarketSans";}
	section.package ul > li > div.txt_wrap > h3{ margin-bottom: 10px; font-weight: 700; font-size: 1.25rem;}
	section.package ul > li > div.txt_wrap > p.title{ font-size: 1rem; font-weight: 500; margin-bottom: 10px; line-height: 1;}
	section.package ul > li > div.txt_wrap > p.desc{ font-size: 1rem; color: #666; line-height: 1;}
	
	
	section.review_blog{ padding: 40px 0; background: #eef5fb;}
	section.review_blog h2{ margin-bottom: 60px; font-size: 2.5rem; text-align: center; line-height: 1.1;}
	section.review_blog div.inner_wrap > p.desc{ margin-bottom: 10px; text-align: center; font-size: 40px; font-weight: bold; color: #aeaeae; line-height: 1;}
	section.review_blog ul li{ overflow: hidden; background: #fff; border-radius: 20px;}
	section.review_blog ul li:nth-child(2){ display: none;}
	section.review_blog ul li:last-child{ display: none;}
	section.review_blog ul li > p.rev_title{ padding: 15px 0; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd;}
	section.review_blog ul li > div.img_wrap{ padding: 0 5px;}
	section.review_blog ul li > div.img_wrap > img{ display: block; width: 100%; height: 100%;}


	section.review{ padding-top: 40px;}
	section.review h2{ margin-bottom: 40px; font-size: 2.5rem; font-weight: bold; text-align: center; line-height: 1;}
	section.review div.info_wrap{ position: relative;}
	section.review div.info_wrap > ul{ position: relative; left: 50%; transform: translateX(-50%); width: 350%;}
	section.review div.info_wrap > ul > li{ position: relative; float: left; width: 20%; padding: 0 15px;}
	section.review div.info_wrap > ul > li > img{ display: block; width: 100%;}
	section.review div.info_wrap > ul > li.swiper-slide-prev{transform: scale(1.0);}

	section.review button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.review button.prev{ left: 15%;}
	section.review button.next{ right: 15%;}

	section.review ul > li > div.txt_area{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 66%;}
	section.review ul > li > div.txt_area > ul{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > ul > li{ float: left; width: 33.3333%; padding: 2px;}
	section.review ul > li > div.txt_area > ul > li > img{ display: block; width: 100%; border-radius: 7px;height:35px;}
	section.review ul > li > div.txt_area p{ font-weight: bold;}
	section.review ul > li > div.txt_area p.name{ font-weight: 900; font-size: 1rem;}
	section.review ul > li > div.txt_area > div.info_wrap1{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p{ display: inline-block; font-size: 0.5rem; border-radius: 10px;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score{ position: relative; float: right;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
	width: 14px; height: 14px; background: url("/images/star.png") no-repeat; background-size: cover;}
	section.review ul > li > div.txt_area > div.info_wrap2{ padding-left: 2%; margin-bottom: 10px;}
	section.review ul > li > div.txt_area > div.info_wrap2 > p{ display: inline-block; margin-right: 8px; padding: 2px 4px 1px;  background: #eee; border-radius: 8px;
	font-size: 0.5rem; font-weight: 500;}
	section.review ul > li > div.txt_area > p.time{ padding-left: 2%; font-size: 0.5rem; line-height: 1; margin-bottom: 10px;}
	section.review ul > li > div.txt_area > p.review{ padding-left: 2%; margin-bottom: 10px; font-size: 0.5rem;}
	section.review ul > li > div.txt_area > p.more{ padding-left: 2%; font-size: 0.5rem;}

	

	section.video{ padding: 40px 0;}
	section.video h2{ margin-bottom: 40px; font-size: 2.5rem; font-weight: 700; font-family: "GmarketSans"; line-height: 1;
	text-align: center;}
	section.video div.info_wrap{ position: relative;}
	section.video ul{ position: relative; left: 50%; transform: translateX(-50%); width: 250%;}
	section.video ul > li{ float: left; overflow: hidden; width: 33.3333%; padding: 0 30px;}
	section.video ul > li > img{ display: block; width: 100%; border-radius: 15px;}
	section.video button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.video button.prev{ left: 6%;}
	section.video button.next{ right: 6%;}

	
	section.contact_con{ padding:40px 0; background-color:#64aed4;}
	section.contact_con .title_con > h2 { font-size: 1.5rem; line-height: 1.2; color:#fff; font-family: "yg-jalnan";}
	section.contact_con .title_con > h2 > span { color: #606bda; font-family: "yg-jalnan";}
	.contact_con .container > .contents_con {width:100%; max-width:1200px; margin:0 auto; position:relative;}
	.contact_con .container > .contents_con > .left_con{ margin-bottom: 15px;}
	.contact_con .container > .contents_con > .left_con > .title_con {margin-bottom: 15px;}
	.contact_con .container > .contents_con > .left_con > .title_con > p {margin:0; font-size:24px; color:#ffffff;}
	.contact_con .container > .contents_con > .left_con > .input_con:after {content:""; display:block; clear:both;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li {float:left; width:100%; margin-top:10px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:first-child{ margin-top: 0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > select{ width: 100%; height: 40px; padding-left: 5px; line-height: 40px; font-size: 14px; color: #a3a3a3; background-color: #ffffff; border: 1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label{ color: #fff; font-size: 1rem;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(2) {margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half2{width: calc((100% - 20px) / 2); margin-right: 20px; margin-top: 10px;}
		.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half3{width: calc((100% - 40px) / 3); margin-right: 20px; margin-top: 10px;}
	/*.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(5){margin-right:0;}	*/
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(6){margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > input {width:100%; height:40px; padding-left:20px; line-height:40px; font-size:14px; color:#a3a3a3; background-color:#ffffff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1{ display: inline-block; width: 160px; margin-bottom: 20px;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1 > img{ display: block; width: 100%;}
	.contact_con .container > .contents_con > .right_con > div.title_con > p{ color: #fff; font-size: 1.5rem;}
	.contact_con .container > .contents_con > .right_con label{ font-size: 1rem;}
	.contact_con .container > .contents_con > .right_con label.date{ color: #fff;}
	.contact_con .container > .contents_con > .right_con label.date::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input[type="date"]::-webkit-calendar-picker-indicator { display: block; padding-right: 5%;}
	.contact_con .container > .contents_con > .right_con > .title_con { margin-bottom:30px;display:none;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 {margin:0; font-size:30px; color:#fff; font-weight:900;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 > span {font-size:18px; font-weight:normal;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li { margin-bottom: 10px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input.date {width:100%; height:40px; padding-left:20px; line-height:40px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > select {width:100%; height:40px; padding-left:20px; line-height:40px; font-size:14px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > textarea {width:100%; height:230px; padding:20px; line-height:1.5; font-size:14px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6; border-radius: 10px;}
	 textarea::placeholder { color: #64aed4;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li:last-child > a {font-size:15px; color:#fff; text-decoration:underline;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label{ width: 100%;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label > input{ float: left; margin-right: 20px; width: 20px; height: 20px; vertical-align: middle;}
	.contact_con .btn_con {width:100%; margin:0 auto; text-align:center;}
	.contact_con .btn_con > input {display:inline-block; background: transparent; position: relative; padding: 10px 25px; border:3px solid #fff; font-size: 1.25rem; color:#fff;}
	
	input[type="date"]::before { content: attr(data-placeholder); width:100%; height: 40px; line-height: 40px;}
}
/*--------------------------- mobile end ---------------------------*/








/*--------------------------- tablet ---------------------------*/
@media (max-width: 1024px) and (min-width: 768px){
	
	section.visual div.visual_box{ position: relative; float: left; width: 100%; height: 100vh; background: url("/images/visual.jpg") no-repeat 52% 50%;
	background-size: cover;}
	section.visual div.visual_box::after{ content: ""; display: block; width: 100%; height: 100%; background: #c0dae8; opacity: 0.6;}
	section.visual div.txt_box{ margin-left: 20px; width: calc(50% - 20px); height: 100vh; text-align: center;}
	section.visual div.txt_box div.info_wrap{ position: absolute; top: 40vh; left: 50%; transform: translateX(-50%); width: 100%;}
	section.visual div.txt_box div.info_wrap > h2{ font-size: 3.75rem; line-height: 1.2; margin-bottom: 30px;}
	section.visual div.txt_box div.info_wrap > p{ margin-bottom: 40px; color: #004877; font-weight: 500; font-size: 1.5rem;}
	section.visual div.txt_box div.info_wrap > a{ font-size: 1.25rem; padding: 18px 35px; background: #348dbb; color: #fff; border-radius: 15px;
	cursor: pointer;}
	section.visual div.txt_box > div.txt{ display: none;}


	section.service{ padding: 90px 0;}
	section.service h2{ margin-bottom: 40px; font-size: 5.625rem; font-weight: bold; line-height: 1; text-align: center;}
	section.service div.content > ul > li{ position: relative; float: left; overflow: hidden; width: calc((100% - 40px) / 3); margin-left: 20px;
	border-radius: 15px;}
	section.service div.content > ul > li::after{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%;
	height: 100%; background: rgba(0,0,0, 0.2);}
	section.service div.content > ul > li:nth-child(3n-2){ margin-left: 0;}
	section.service div.content > ul > li:nth-child(1){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(2){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(3){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(4){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(5){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(6){ margin-bottom: 20px;}
	section.service div.content > ul > li:last-child{ margin-top: 20px}
	section.service div.content > ul > li > img{ display: block; width: 100%;}
	section.service div.content > ul > li > p{ position: absolute; z-index: 2; right: 10px; bottom: 5px; color: #fff; font-size: 1rem;}


	section.banner{ position: relative; padding: 60px 0; background: url("/images/banner1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.banner br.mob{ display: none;}
	section.banner::after{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0, 0.3);}
	section.banner > div.info_wrap{ position: relative; z-index: 2; text-align: center; padding: 0 15px;}
	section.banner > div.info_wrap > h2{ font-size: 4.375rem; line-height: 1; font-weight: 400; color: #fff; margin-bottom: 20px;}
	section.banner > div.info_wrap > p{ margin-bottom: 20px; color: #fff; font-size: 2rem;}
	section.banner > div.info_wrap > p:last-child{ margin-bottom: 0;}
	section.banner > div.img_wrap{ display: none; /*position: absolute; width: 300px; z-index: 2; right: 6%; bottom: 0;*/}


	section.chat{ padding: 90px 0 0;}
	section.chat div.info_wrap{ float: left; width: 40%;}
	section.chat div.img_wrap{ float: right; width: 55%;}
	section.chat div.img_wrap > img{ display: block; width: 100%;}
	section.chat p{ line-height: 1.2;}
	section.chat p.title{ margin-bottom: 20px; font-size: 1.875rem; font-weight: bold;}
	section.chat p.desc{ font-size: 1.25rem; color: #757575;}

	section.img_box{ padding: 90px 0;}
	section.img_box h2{ margin-bottom: 40px; text-align: center; font-weight: 500; font-size: 3.75rem; line-height: 1.2;}
	section.img_box span.thin{ font-weight: 400;}
	section.img_box picture{ display: block; width: 100%; height: 100%;}
	section.img_box picture > img{ display: block; width: 100%;}
	section.img_box br.mob{ display: none;}

	section.event{ padding: 90px 0; background: #d7e5ed;}
	section.event br.mob{ display: none;}
	section.event h2{ margin-bottom: 40px; text-align: center; font-size: 3.75rem; line-height: 1.1;}
	section.event h2 > span{ background: linear-gradient(to top, rgb(52, 141, 187) 40%, transparent 20%);}
	section.event div.container > p{ text-align: center; font-size: 1.25rem; margin-bottom: 50px;}
	section.event ul > li{ overflow: hidden; float: left; width: calc((100% - 40px) / 3); margin-left: 20px; border-radius: 20px;
	background: #fff; text-align: center;}
	section.event ul > li:first-child{ margin-left: 0;}
	section.event ul > li img{ display: block; width: 100%;}
	section.event ul > li > div.txt_wrap{ padding: 20px;}
	section.event ul > li > div.txt_wrap > p.title{ font-size: 1.25rem; font-weight: 500; margin-bottom: 20px;}
	section.event ul > li > div.txt_wrap > p.desc{ font-size: 1rem;}


	section.promise{ position: relative; padding: 90px 0;}
	section.promise h2{ margin-bottom: 40px; font-size: 3.125rem; text-align: center; line-height: 1;}
	section.promise ul > li{ width: 100%; padding: 17px 0; margin-bottom: 20px; color: #666; font-size: 1.25rem; background: #d7e5ed;
	text-align: center; border-radius: 20px;}
	section.promise ul > li:last-child{ margin-bottom: 40px;}
	section.promise div.img_wrap{ display: none; /*position: absolute; right: 3%; bottom: 0; width: 30vw;*/}
	section.promise .img_wrap2{ text-align: center;}
	section.promise .img_wrap2 > img{ display: block; margin: 0 auto;}


	section.system{ position: relative; padding: 90px 0; background: #eeeeee;}
	section.system div.txt_wrap{ position: absolute; top: 50%; transform: translateY(-50%); width: 45%; text-align: center;}
	section.system div.txt_wrap::before{ position: absolute; left: 0; bottom: 100%; content: ""; display: block; width: 18px; height: 18px; background: #348dbb; border-radius: 18px;}
	section.system div.txt_wrap > h2{ font-size: 3.125rem; line-height: 1; margin-bottom: 30px;}
	section.system div.txt_wrap > p{ font-size: 1.5rem; color: #565656; line-height: 1.2; font-weight: 500;}
	section.system div.img_wrap{ float: right; width: 50%;}
	section.system div.img_wrap > img{ display: block; width: 100%;}


	section.package{ padding-top: 90px;}
	section.package h2{ margin-bottom: 60px; font-size: 3.75rem; text-align: center;}
	section.package ul > li{ position: relative; float: left; width: calc((100% - 20px) / 2); margin-left: 20px;}
	section.package ul > li:nth-child(odd){ margin-left: 0;}
	section.package ul > li:nth-child(even){ margin-top: 20px;}
	section.package ul > li > img{ display: block; width: 100%; filter: drop-shadow(0 0 8px #c3c3c3);}
	section.package ul > li > div.txt_wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	font-family: "GmarketSans";}
	section.package ul > li > div.txt_wrap > h3{ margin-bottom: 10px; font-weight: 700; font-size: 1.25rem;}
	section.package ul > li > div.txt_wrap > p.title{ font-size: 1rem; font-weight: 500; margin-bottom: 10px; line-height: 1;}
	section.package ul > li > div.txt_wrap > p.desc{ font-size: 1rem; color: #666; line-height: 1;}


	section.review{ padding-top: 90px;}
	section.review h2{ margin-bottom: 40px; font-size: 3.75rem; font-weight: bold; text-align: center; line-height: 1;}
	section.review div.info_wrap{ position: relative;}
	section.review > div.info_wrap > ul{ position: relative; left: 50%; transform: translateX(-50%); width: 300%;}
	section.review > div.info_wrap > ul > li{ position: relative; float: left; width: 20%; padding: 0 45px;}
	section.review > div.info_wrap > ul > li > img{ display: block; width: 100%;}
	section.review div.btn_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	section.review button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.review button.prev{ left: 19%;}
	section.review button.next{ right: 19%;}


	section.review ul > li > div.txt_area{
		position: absolute;
		left: 45%;
		top: 46%;
		transform: translate(-50%, -50%);
		width: 81%;
		padding: 10px 13px;
	}
	section.review ul > li > div.txt_area > ul{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > ul > li{ float: left; width: 33.3333%; padding: 5px;}
	section.review ul > li > div.txt_area > ul > li > img{ display: block; width: 100%; border-radius: 10px;height:55px;}
	section.review ul > li > div.txt_area p{ font-weight: bold;}
	section.review ul > li > div.txt_area p.name{ font-weight: 900; font-size: 1rem;}
	section.review ul > li > div.txt_area > div.info_wrap1{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p{ display: inline-block; font-size: 1rem; border-radius: 10px;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score{ font-size: 1rem; position: relative; float: right;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 8px; display: block; width: 18px; height: 18px; background: url("/images/star.png") no-repeat;}
	section.review ul > li > div.txt_area > div.info_wrap2{ padding-left: 2%; margin-bottom: 10px;}
	section.review ul > li > div.txt_area > div.info_wrap2 > p{ display: inline-block; margin-right: 8px; padding: 5px 7px 3px;  background: #eee; border-radius: 8px;
	font-size: 1rem; font-weight: bold;}
	section.review ul > li > div.txt_area > p.time{ padding-left: 2%; font-size: 1.1rem; line-height: 1; margin-bottom: 20px;}
	section.review ul > li > div.txt_area > p.review{ padding-left: 2%; margin-bottom: 10px; font-size: 1.1rem;}
	section.review ul > li > div.txt_area > p.more{ padding-left: 2%; font-size: 1rem;}

	
	section.review_blog{ padding: 90px 0; background: #eef5fb;}
	section.review_blog h2{ margin-bottom: 60px; font-size: 3.75rem; text-align: center;}
	section.review_blog div.inner_wrap > p.desc{ margin-bottom: 10px; text-align: center; font-size: 40px; font-weight: bold; color: #aeaeae; line-height: 1;}
	section.review_blog ul li{ overflow: hidden; float: left; width: calc((100% - 30px) / 2); margin-left: 30px; background: #fff; border-radius: 20px;}
	section.review_blog ul li:first-child{ margin-left: 0;}
	section.review_blog ul li:last-child{ display: none;}
	section.review_blog ul li > p.rev_title{ padding: 15px 0; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd;}
	section.review_blog ul li > div.img_wrap{ padding: 0 5px;}
	section.review_blog ul li > div.img_wrap > img{ display: block; width: 100%; height: 100%;}


	section.video{ padding: 90px 0;}
	section.video h2{ margin-bottom: 40px; font-size: 3.75rem; font-weight: 700; font-family: "GmarketSans"; line-height: 1;
	text-align: center;}
	section.video div.info_wrap{ position: relative;}
	section.video ul{ position: relative; left: 50%; transform: translateX(-50%); width: 200%;}
	section.video ul > li{ float: left; overflow: hidden; width: 33.3333%; padding: 0 30px;}
	section.video ul > li > img{ display: block; width: 100%; border-radius: 30px;}
	section.video button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.video button.prev{ left: 15%;}
	section.video button.next{ right: 15%;}

	
	section.contact_con{ padding:40px 0; background-color:#64aed4;}
	section.contact_con .title_con > h2 { font-size: 2rem; line-height: 1.2; color:#fff; font-family: "yg-jalnan";}
	section.contact_con .title_con > h2 > span { color: #606bda; font-family: "yg-jalnan";}
	.contact_con .container > .contents_con {width:100%; max-width:1200px; margin:0 auto; position:relative;}
	.contact_con .container > .contents_con > .left_con{ margin-bottom: 60px;}
	.contact_con .container > .contents_con > .left_con > .title_con {margin-bottom:50px;}
	.contact_con .container > .contents_con > .left_con > .title_con > p {margin:0; font-size:24px; color:#ffffff;}
	.contact_con .container > .contents_con > .left_con > .input_con:after {content:""; display:block; clear:both;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li {float:left; width:100%; margin-top:20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > select{ width: 100%; height: 53px; padding-left: 20px; line-height: 53px; font-size: 16px; color: #a3a3a3; background-color: #ffffff; border: 1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label{ color: #fff; font-size: 1rem;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half {width: calc((100% - 20px) / 2); margin-right: 20px; margin-top: 0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(2) {margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half2{width: calc((100% - 60px) / 4); margin-right: 20px; margin-top: 20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half3{width: calc((100% - 40px) / 3); margin-right: 20px; margin-top: 20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(6) {margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > input {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#ffffff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1{ display: inline-block; width: 160px; margin-right: 20px;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1 > img{ display: block; width: 100%;}
	.contact_con .container > .contents_con > .right_con > div.title_con > p{ float: right; color: #fff; font-size: 2rem;}
	.contact_con .container > .contents_con > .right_con label{ font-size: 1rem;}
	.contact_con .container > .contents_con > .right_con label.date{ color: #fff;}
	.contact_con .container > .contents_con > .right_con label.date::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input[type="date"]::-webkit-calendar-picker-indicator { display: block; padding-right: 5%;}
	.contact_con .container > .contents_con > .right_con > .title_con { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:30px;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 {margin:0; font-size:30px; color:#fff; font-weight:900;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 > span {font-size:18px; font-weight:normal;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li { margin-bottom: 20px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input.date {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > select {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > textarea {width:100%; height:230px; padding:20px; line-height:1.5; font-size:16px; color:#a3a3a3;
	background-color:#fff; border:1px solid #e6e6e6; border-radius: 10px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li:last-child > a {font-size:15px; color:#fff; text-decoration:underline;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label{ width: 100%;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label > input{ float: left; margin-right: 20px; width: 20px; height: 20px; vertical-align: middle;}
	.contact_con .btn_con {width:100%; margin:0 auto; text-align:center;}
	.contact_con .btn_con > input {display:inline-block; background: transparent; position: relative; padding: 10px 25px; border:3px solid #fff; font-size: 1.25rem; color:#fff;}
	textarea::placeholder { color: #64aed4;}
	input[type="date"]::before { content: attr(data-placeholder); width:100%; height: 53px; line-height: 53px;}
}
/*--------------------------- tablet end ---------------------------*/











/*--------------------------- pc ---------------------------*/
@media (min-width: 1025px){
	section.visual div.visual_box{ position: relative; float: left; width: 50%; height: 100vh; background: url("/images/visual.jpg") no-repeat 52% 50%;
	background-size: cover;}
	section.visual div.visual_box::after{ content: ""; display: block; width: 100%; height: 100%; background: #c0dae8; opacity: 0.6;}
	section.visual div.txt_box{ float: right; margin-left: 20px; width: calc(50% - 20px); height: 100vh;}
	section.visual div.txt_box div.info_wrap{ position: absolute; top: 40vh;}
	section.visual div.txt_box div.info_wrap > h2{ font-size: 3.75rem; line-height: 1.2; margin-bottom: 30px;}
	section.visual div.txt_box div.info_wrap > p{ margin-bottom: 40px; color: #004877; font-weight: 500; font-size: 1rem;}
	section.visual div.txt_box div.info_wrap > a{ font-size: 1.25rem; padding: 18px 35px; background: #348dbb; color: #fff; border-radius: 15px;
	cursor: pointer;}
	section.visual div.txt_box > div.txt{ position: absolute;}
	section.visual div.txt_box > div.txt > img{ display: block; width: 100%;}
	section.visual div.txt_box > div.txt:nth-child(2){ left: 63%; top: 21vh;}
	section.visual div.txt_box > div.txt:nth-child(3){ left: 82%; top: 65vh;}
	section.visual div.txt_box > div.txt:nth-child(4){ left: 69%; top: 81vh;}


	section.service{ padding: 90px 0;}
	section.service h2{ margin-bottom: 40px; font-size: 5.625rem; font-weight: bold; line-height: 1; text-align: center;}
	section.service div.content > ul > li{ position: relative; float: left; overflow: hidden; width: calc((100% - 80px) / 5); margin-left: 20px;
	border-radius: 15px;}
	section.service div.content > ul > li::after{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%;
	height: 100%; background: rgba(0,0,0, 0.2);}
	section.service div.content > ul > li:hover > img{ transform: scale(1.1); transition: all 0.2s;}
	section.service div.content > ul > li:nth-child(1){ margin-left: 0; margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(2){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(3){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(4){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(5){ margin-bottom: 20px;}
	section.service div.content > ul > li:nth-child(6){ margin-left: 0;}
	section.service div.content > ul > li > img{ display: block; width: 100%;}
	section.service div.content > ul > li > p{ position: absolute; z-index: 2; right: 10px; bottom: 5px; color: #fff; font-size: 1rem;}


	section.banner{ position: relative; padding: 60px 0; background: url("/images/banner1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.banner br.mob{ display: none;}
	section.banner::after{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0, 0.3);}
	section.banner > div.info_wrap{ position: relative; z-index: 2; text-align: center; padding: 0 15px;}
	section.banner > div.info_wrap > h2{ font-size: 4.375rem; line-height: 1; font-weight: 400; color: #fff; margin-bottom: 20px;}
	section.banner > div.info_wrap > p{ margin-bottom: 20px; color: #fff; font-size: 2rem;}
	section.banner > div.info_wrap > p:last-child{ margin-bottom: 0;}
	section.banner > div.img_wrap{ position: absolute; width: 20vw; max-width: 302px; z-index: 2; right: 3%; bottom: 0;}
	section.banner > div.img_wrap > img{ display: block; width: 100%;}


	section.chat{ padding: 90px 0 0;}
	section.chat div.info_wrap{ float: left; width: 40%;}
	section.chat div.img_wrap{ float: right; width: 48%;}
	section.chat div.img_wrap > img{ display: block; width: 100%;}
	section.chat p{ line-height: 1.2;}
	section.chat p.title{ margin-bottom: 20px; font-size: 1.875rem; font-weight: bold;}
	section.chat p.desc{ font-size: 1.25rem; color: #757575;}
	
	section.img_box{ padding: 90px 0;}
	section.img_box h2{ margin-bottom: 40px; text-align: center; font-weight: 500; font-size: 3.75rem; line-height: 1.2;}
	section.img_box span.thin{ font-weight: 400;}
	section.img_box picture{ display: block; width: 100%; height: 100%;}
	section.img_box picture > img{ display: block; width: 100%;}
	section.img_box br.mob{ display: none;}

	section.event{ padding: 90px 0; background: #d7e5ed;}
	section.event br.mob{ display: none;}
	section.event h2{ margin-bottom: 40px; text-align: center; font-size: 3.75rem; line-height: 1.1;}
	section.event h2 > span{ background: linear-gradient(to top, rgb(52, 141, 187) 40%, transparent 20%);}
	section.event div.container > p{ text-align: center; font-size: 1.25rem; margin-bottom: 50px;}
	section.event ul > li{ overflow: hidden; float: left; width: calc((100% - 40px) / 3); margin-left: 20px; border-radius: 20px;
	background: #fff; text-align: center;}
	section.event ul > li:first-child{ margin-left: 0;}
	section.event ul > li img{ display: block; width: 100%;}
	section.event ul > li > div.img_wrap{ overflow: hidden;}
	section.event ul > li > div.img_wrap:hover img{ transform: scale(1.2); transition: all 0.2s;}
	section.event ul > li > div.txt_wrap{ padding: 20px;}
	section.event ul > li > div.txt_wrap > p.title{ font-size: 1.25rem; font-weight: 500; margin-bottom: 20px;}
	section.event ul > li > div.txt_wrap > p.desc{ font-size: 1rem;}


	section.promise{ position: relative; padding: 90px 0;}
	section.promise h2{ margin-bottom: 40px; font-size: 3.125rem; text-align: center; line-height: 1;}
	section.promise div.container > div.info_wrap{ width: 75%;}
	
	section.promise > div.container > div.img_wrap2{ position: absolute; left: 65%; top: 0;}
	section.promise ul > li{ width: 100%; padding: 17px 0; margin-bottom: 20px; color: #666; font-size: 1.25rem; background: #d7e5ed;
	text-align: center; border-radius: 20px;}
	section.promise ul > li:last-child{ margin-bottom: 0;}
	section.promise div.img_wrap{ position: absolute; left: 68%; bottom: 0; width: 25vw; max-width: 457px;}
	section.promise div.img_wrap > img{ display: block; width: 100%;}


	section.system{ position: relative; padding: 90px 0; background: #eeeeee;}
	section.system div.txt_wrap{ position: absolute; top: 50%; transform: translateY(-50%); width: 45%; text-align: center;}
	section.system div.txt_wrap::before{ position: absolute; left: 0; bottom: 100%; content: ""; display: block; width: 18px; height: 18px; background: #348dbb; border-radius: 18px;}
	section.system div.txt_wrap > h2{ font-size: 3.125rem; line-height: 1; margin-bottom: 60px;}
	section.system div.txt_wrap > p{ font-size: 1.5rem; color: #565656; line-height: 1.2; font-weight: 500;}
	section.system div.img_wrap{ float: right; width: 50%;}
	section.system div.img_wrap > img{ display: block; width: 100%;}


	section.package{ padding-top: 90px;}
	section.package h2{ margin-bottom: 60px; font-size: 3.75rem; text-align: center;}
	section.package ul > li{ position: relative; float: left; width: calc((100% - 20px) / 2); margin-left: 20px;}
	section.package ul > li:nth-child(odd){ margin-left: 0;}
	section.package ul > li:nth-child(even){ margin-top: 20px;}
	section.package ul > li > img{ display: block; width: 100%; filter: drop-shadow(0 0 8px #c3c3c3);}
	section.package ul > li > div.txt_wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	font-family: "GmarketSans";}
	section.package ul > li > div.txt_wrap > h3{ margin-bottom: 20px; font-weight: 700; font-size: 2rem;}
	section.package ul > li > div.txt_wrap > p.title{ font-size: 1rem; font-weight: 500; margin-bottom: 10px;}
	section.package ul > li > div.txt_wrap > p.desc{ font-size: 1rem; color: #666;}
	
	section.review_blog{ padding: 90px 0; background: #eef5fb;}
	section.review_blog h2{ margin-bottom: 60px; font-size: 3.75rem; text-align: center;}
	section.review_blog div.inner_wrap > p.desc{ margin-bottom: 10px; text-align: center; font-size: 40px; font-weight: bold; color: #aeaeae; line-height: 1;}
	section.review_blog ul li{ overflow: hidden; float: left; width: calc((100% - 60px) / 3); margin-left: 30px; background: #fff; border-radius: 20px;}
	section.review_blog ul li:first-child{ margin-left: 0;}
	section.review_blog ul li > p.rev_title{ padding: 15px 0; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd;}
	section.review_blog ul li > div.img_wrap{ padding: 0 5px;}
	section.review_blog ul li > div.img_wrap > img{ display: block; width: 100%; height: 100%;}


	section.review{ padding: 90px 0;}
	section.review h2{ margin-bottom: 40px; font-size: 3.75rem; font-weight: bold; text-align: center; line-height: 1;}
	section.review div.info_wrap{ position: relative;}
	section.review > div.info_wrap > ul{ position: relative; left: 50%; transform: translateX(-50%); width: 120%;}
	section.review > div.info_wrap > ul > li{ position: relative; float: left; width: 20%; padding: 0 45px;transform: scale(0.8);}
	section.review > div.info_wrap > ul > li.swiper-slide-active{transform: scale(1.0);}
	section.review > div.info_wrap > ul > li > img{ display: block; width: 100%;}
	section.review button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.review button.prev{ left: 38%;}
	section.review button.next{ right: 38%;}

	section.review ul > li > div.txt_area{ position: absolute; left: 35%; top: 46%; transform: translate(-50%, -50%); width: 66%; padding: 10px 13px; border-radius: 10px;}
	section.review ul > li > div.txt_area > ul{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > ul > li{ float: left; width: 33.3333%; padding: 5px;}
	section.review ul > li > div.txt_area > ul > li > img{ display: block; width: 100%; border-radius: 10px;height:55px;}
	section.review ul > li > div.txt_area p{ font-weight: bold; line-height: 1;}
	section.review ul > li > div.txt_area p.name{ font-weight: 900; /*font-size: 1.3rem;*/}
	section.review ul > li > div.txt_area > div.info_wrap1{ margin-bottom: 8px;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p{ display: inline-block; /*font-size: 1.3rem;*/}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score{ position: relative; float: right; line-height: 1;}
	section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background: url("/images/star.png") no-repeat;}
	section.review ul > li > div.txt_area > div.info_wrap2{ padding-left: 2%; margin-bottom: 10px;}
	section.review ul > li > div.txt_area > div.info_wrap2 > p{ display: inline-block; margin-right: 8px; padding: 5px 7px 3px;  background: #eee; border-radius: 8px;
	/*font-size: 1rem;*/ font-weight: bold;}
	section.review ul > li > div.txt_area > p.time{ padding-left: 2%; /*font-size: 1.1rem;*/ line-height: 1; margin-bottom: 20px;}
	section.review ul > li > div.txt_area > p.review{ padding-left: 2%; margin-bottom: 10px;/*font-size: 1.1rem;*/}
	section.review ul > li > div.txt_area > p.more{ padding-left: 2%; /*font-size: 1rem;*/}
	textarea::placeholder { color: #64aed4;}


	@media (min-width: 1680px){
		section.review ul > li > div.txt_area p.name{ font-size: 1.3rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p{ font-size: 1rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
		width: 18px; height: 18px; background: url("/images/star.png") no-repeat; background-size: cover;}
		section.review ul > li > div.txt_area > p.time{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area > p.review{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area > p.more{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area{
			position: absolute;
			left: 30%;
			top: 46%;
			transform: translate(-50%, -50%);
			width: 57%;
			padding: 10px 13px;
		}
	}

	@media (max-width: 1679px) and (min-width: 1425px){
		section.review ul > li > div.txt_area p.name{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
		width: 18px; height: 18px; background: url("/images/star.png") no-repeat; background-size: cover;}
		section.review ul > li > div.txt_area > p.time{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area > p.review{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area > p.more{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area{
			position: absolute;
			left: 35%;
			top: 46%;
			transform: translate(-50%, -50%);
			width: 66%;
			padding: 10px 13px;
		}
	}
	@media (max-width: 1424px) and (min-width: 1320px){
		section.review ul > li > div.txt_area{ padding: 10px 20px;}
		section.review ul > li > div.txt_area p.name{ font-size: 1.1rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
		width: 15px; height: 15px; background: url("/images/star.png") no-repeat; background-size: cover;}
		section.review ul > li > div.txt_area > div.info_wrap2 > p{ font-size: 0.7rem;}
		section.review ul > li > div.txt_area > p.time{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area > p.review{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area > p.more{ font-size: 0.9rem;}
		section.review ul > li > div.txt_area{
			position: absolute;
			left: 43%;
			top: 46%;
			transform: translate(-50%, -50%);
			width: 82%;
		}
	}
	@media (max-width: 1320px) and (min-width: 1170px){
		section.review ul > li > div.txt_area{ padding: 10px 20px;}
		section.review ul > li > div.txt_area p.name{ font-size: 1.1vw;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
		width: 13px; height: 13px; background: url("/images/star.png") no-repeat; background-size: cover;}
		section.review ul > li > div.txt_area > div.info_wrap2 > p{ font-size: 0.7vw;}
		section.review ul > li > div.txt_area > p.time{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area > p.review{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area > p.more{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area{
			position: absolute;
			left: 43%;
			top: 46%;
			transform: translate(-50%, -50%);
			width: 82%;
		}
	}
	@media (max-width: 1170px) and (min-width: 1025px){
		section.review ul > li > div.txt_area{ padding: 10px 20px;}
		section.review ul > li > div.txt_area p.name{ font-size: 1.1vw;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p{ font-size: 0.7vw;}
		section.review ul > li > div.txt_area > div.info_wrap1 > p.score::after{ content: ""; position: absolute; right: 102%; top: 50%; transform: translateY(-50%); display: block;
		width: 10px; height: 10px; background: url("/images/star.png") no-repeat; background-size: cover;}
		section.review ul > li > div.txt_area > div.info_wrap2 > p{ font-size: 0.7vw;}
		section.review ul > li > div.txt_area > p.time{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area > p.review{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area > p.more{ font-size: 0.9vw;}
		section.review ul > li > div.txt_area{
			position: absolute;
			left: 50%;
			top: 46%;
			transform: translate(-50%, -50%);
			width: 92%;
		}
	}




	section.video{ padding: 90px 0;}
	section.video h2{ margin-bottom: 40px; font-size: 3.75rem; font-weight: 700; font-family: "GmarketSans"; line-height: 1;
	text-align: center;}
	section.video div.info_wrap{ position: relative;}
	section.video ul{ position: relative; left: 50%; transform: translateX(-50%); width: 180%;}
	section.video ul > li{ float: left; overflow: hidden; width: 33.3333%; padding: 0 35px;}
	section.video ul > li > img{ display: block; width: 100%; border-radius: 30px;}
	section.video button{ position: absolute; top: 50%; transform: translateY(-50%);}
	section.video button.prev{ left: 19%;}
	section.video button.next{ right: 19%;}




	section.contact_con{ padding:40px 0; background-color:#64aed4;}
	section.contact_con .title_con > h2 { font-size: 2rem; line-height: 1.2; color:#fff; font-family: "yg-jalnan";}
	section.contact_con .title_con > h2 > span { color: #606bda; font-family: "yg-jalnan";}
	.contact_con .container > .contents_con { width:100%; max-width:1200px; margin:0 auto; position:relative;}
	.contact_con .container > .contents_con > .left_con { width:50%;}
	.contact_con .container > .contents_con > .left_con > .title_con {margin-bottom:50px;}
	.contact_con .container > .contents_con > .left_con > .title_con > h1 {margin:0 0 10px 0; font-size:34px; color:#fff; font-weight:normal; font-family: "PeaceSans";}
	.contact_con .container > .contents_con > .left_con > .title_con > p {margin:0; font-size:24px; color:#fff;}
	.contact_con .container > .contents_con > .left_con > .input_con:after {content:""; display:block; clear:both;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li {float:left; width:100%; margin-top:20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > select{ width: 100%; height: 53px; padding-left: 20px; line-height: 53px; font-size: 16px; color: #a3a3a3; background-color: #fff; border: 1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label{ color: #fff; font-size: 1rem;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > label::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half {width: calc((100% - 20px) / 2); margin-right: 20px; margin-top: 0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(2) {margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half2{width: calc((100% - 60px) / 4); margin-right: 20px; margin-top: 20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li.half3{width: calc((100% - 40px) / 3); margin-right: 20px; margin-top: 20px;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li:nth-child(6) {margin-right:0;}
	.contact_con .container > .contents_con > .left_con > .input_con > ul > li > input {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;} 
	.contact_con .container > .contents_con > .right_con {position:absolute; z-index: 10; top:-39px; right: 0; width:45%; margin:0 auto; padding: 47px 30px; background-color:#f55e5e;}
	.contact_con .container > .contents_con > .right_con > div.title_con{ display: flex; align-items: flex-end; justify-content: space-between;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1{ display: inline-block; width: 160px; margin-right: 20px;}
	.contact_con .container > .contents_con > .right_con > div.title_con > h1 > img{ display: block; width: 100%;}
	.contact_con .container > .contents_con > .right_con > div.title_con > p{ float: right; color: #fff; font-size: 1rem;}
	.contact_con .container > .contents_con > .right_con label{ font-size: 1rem;}
	.contact_con .container > .contents_con > .right_con label.date{ color: #fff;}
	.contact_con .container > .contents_con > .right_con label.date::after{ content: "*"; color: #ff0000;}
	.contact_con .container > .contents_con > .right_con > .title_con {margin-bottom:30px;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 {margin:0; font-size:30px; color:#fff; font-weight:900;}
	.contact_con .container > .contents_con > .right_con > .title_con > h1 > span {font-size:18px; font-weight:normal;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li {width:100%; margin:0 auto 20px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input.date {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > input[type="date"]::-webkit-calendar-picker-indicator { display: block; padding-right: 17px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > select {width:100%; height:53px; padding-left:20px; line-height:53px; font-size:16px; color:#a3a3a3; background-color:#fff; border:1px solid #e6e6e6;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li > textarea {width:100%; height:164px; padding:20px; line-height:1.5; font-size:16px; color:#a3a3a3;
	background-color:#fff; border:1px solid #e6e6e6; border-radius: 10px;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li:last-child > a {font-size:15px; color:#fff; text-decoration:underline;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li:last-child > a:hover{ color: #000;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label{ width: 100%;}
	.contact_con .container > .contents_con > .right_con > .input_con > ul > li.agree > label > input{ float: left; margin-right: 20px; width: 20px; height: 20px; vertical-align: middle;}
	.contact_con .btn_con {width:100%; margin:0 auto; text-align:center;}
	.contact_con .btn_con > input {display:inline-block; background: transparent; position: relative; padding: 10px 25px; border:3px solid #fff; font-size: 1.25rem; color:#fff;}

	
	input[type="date"]::before{ display: none;}

}

/*--------------------------- pc end ---------------------------*/

select { width:100%; height:100%; padding:0 28px 0 10px; font-size: 15px; border:0;
-webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing: border-box;
background: url("/images/input_bg.png") no-repeat 95% 50%;}

input{ border-radius: 10px;}
textarea{ border-radius: 10px;}
select{ border-radius: 10px;}

select::-ms-expand{ display:none;/*for IE10,11*/}

.agree-check-box{margin-bottom:25px;margin-top: 30px;}
.agree-check-box a{ color:#444; float: right;}
.agree-check-box a:hover{ color: red;}
.agree-check-box label{display:inline-block; vertical-align:middle; color:#000;}
.agree-check-box label b{font-weight:400; display:inline-block; vertical-align:middle; font-size:15px; letter-spacing:-0.016em; line-height:1.4}
.agree-check-box label a{display:inline-block;/* vertical-align:middle; width:30px; height:30px; text-align:center; background-color:#fff; border-radius:50%; margin-left:10px; position:relative; top:-1px*/}
.agree-check-box label a i{line-height:30px; font-size:14px; color:#000}
.agree-check-box label .check-icon{display:inline-block; vertical-align:middle; font-size:24px; position:relative; margin-right:5px;}
.agree-check-box input{/*display:none*/}
.agree-check-box input:checked + label .check-icon:before {content:"\e92d";}

/*-------------------------- °³ÀÎÁ¤º¸ -----------------------*/

.policy .poptext{ width: 80%; height: 445px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
border-radius: 10px; overflow: hidden;}
.policy .close_new { cursor: pointer; width: 100%; text-align: center; height: 60px; color: #fff; font-weight: bold;
font-size: 1.3rem; line-height: 60px; text-decoration: none; background: #0061ac;}
.success-text { margin-top: 118px; font-size: 16px;}
.policy .texthead { background: #fff; color: #666; font-size: 1.1rem; font-weight: bold; padding: 10px 0; text-align: center;}
.policy .poptext .text { width: 86%; margin: auto; overflow: auto; height: 300px; border: 1px solid #ccc; padding: 16px;
line-height: 30px; font-size: 15px;}
.overlay.policy { display: none; width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(0,0,0,0.5); top: 0; left:0;}
.overlay .pop-wrap { background: #fff; width: 88%; margin: 82px auto 0; height: 462px; max-width:980px;}
.overlay .pop-close { width: 100% text-align: center; height: 50px; color: #fff; font-weight: bold; font-size: 20px !important;
line-height: 47px !important; text-decoration: none; background: #348dbb;}
.overlay .pop-title { margin: 11px 0; text-align: center; font-size: 20px;}
.overlay .pop-text { text-align: justify; width: 79%; height: 67%; line-height: 27px; border: 1px #CCC solid; font-size: 13px;
padding: 15px; overflow: auto; margin: 14px auto;}
.overlay .pop-text p {color: #333 !important; font-weight: normal !important; font-size: 13px !important; line-height: 27px !important;}
.policy-span { vertical-align:middle;cursor:pointer;}

/*-------------------------- °³ÀÎÁ¤º¸ -----------------------*/