@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
/**/
@font-face { font-family: 'S-CoreDream-9Black'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff')
	format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff')
	format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-8Heavy'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff')
	format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-4Regular'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff')
	format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff')
	format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-2ExtraLight'; src:
	url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff')
	format('woff'); font-weight: normal; font-style: normal; }



/* reset */
*{margin:0;padding:0;}
a{text-decoration: none;color: inherit;}
li,ol,ul{list-style: none;}
/* input 기본 스타일 초기화 */
input[type="text"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=text]::-ms-clear { display:none; }



img{border:none;}

html,body{font-size:62.5%;font-family: 'S-CoreDream-4Regular', sans-serif;line-height: 1;font-size:20px;position: relative;min-width:1583px;width: 100%;/* overflow-x: hidden; */max-width: 1920px;margin: auto;}

/* common */

.bg_p{
	background:#000;
	font-size: 23px;
	color: #fff;
	font-weight: 100;
	padding: 5px 6px;
	display: inline-block;
	margin-bottom: 30px;
}
.symbol{
    margin-bottom: 60px;
    text-align: center;
}
.bg_p > span{
    color: #ffefae;
}
.bg_p > span.blue_p{
	color:#1cd1dc;
}

.box_tit{
    font-size: 53px;
    color: #fff;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
    letter-spacing: -0.5px;
} 
.blue_tit{color:#0a1448;}
.box_tit > span{
    color: #30c9d6;
    margin-left: 15px;
    font-family: 'S-CoreDream-7ExtraBold';
    box-shadow: auto auto #222;
}

.box_tit > span.yellowSpan{
	color:#ffefae;
	letter-spacing: -0.25rem;	
}
.box_tit > span.blod{
	color: inherit;
	font-weight:600;
	margin-left: 0;
}
/* section */
.sectionWrap{
}
.section{
	width: 100%;
	padding-top: 143px;
	box-sizing: border-box;
}

.center{
	max-width:1100px;
	width:100%;
	margin: auto;
	text-align: center;
	height: 100%;
}
#main_video{width: 100%;/* min-height: 965px; */height: auto;}
.main_video{
	padding-top:0;
	/* height: 1080px; */
	background: #0a1448;
	position: relative;
}

.main_video > a{
	border:1px solid #fff;
	width: 255px;
	height: 55px;
	position: absolute;
	top: 36px;
	left: 12px;
	opacity: 0;
}
/* history */
.history{
	background:url("./img/history_bg.png") no-repeat center;
	background-size:cover;
	height: 896px;
}
.nobg_p{
	color:#fff;
	margin-bottom: 13px;
	font-size: 23px;
}

.nobg_p > span {
color:#ffefae;
}
.dbWrap{
	height: 85px;
	padding: 0;
	/* 	background:#fff; */
	width: 100%;
	max-width: 1920px;
	position: relative;
}

.db_center{
width: 100%;
height: 85px;
background:#000;
position: absolute;
top: 0;
}

.dbbox{
	width: 1244px;
	height: 100%;
	margin: auto;
	font-family: 'Noto Sans Korean';
	color:#fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.dblogo{/* margin-top: 10px; */width: 206px;}
#dbForm{
		display:flex;
		justify-content:space-between;
		width: 1000px;
		align-items: center;
}
.dbForm_box{}
.dbForm_box:nth-child(3){
	/* margin-bottom: 13px; */
	align-self: baseline;
}
.dbForm_box > p{
    font-size: 19px;
    line-height: 31px;
}
.dbForm_box > p > input{
	width: 142px;
	border:none;
	outline:none;
	background:#334243;
	color:#fff;
	font-size: 17px;
	height: 31px;
	padding: 0 10px;
	box-sizing: border-box;
	margin-left: 13px;
	vertical-align: bottom;
}

.dbForm_num > p > input{
	width: 84px;
}
.dbForm_box > a{
	display: block;
	width: 123px;
	height: 22px;
	background:#6c6c6c;
	border-radius:10px;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #dbdbdb;
	margin-top: 10px;
}
.dbForm_box > label{
	font-size:15px;
	color:#ababab;
}
.dbForm_box > input{
		width: 16px;
		height: 16px;
		vertical-align: middle;
}

.submit{
		width: 186px;
		height: 45px;
		border-radius: 22px;
		background: url("./img/submit.png") no-repeat center;
		border: none;
		text-indent: -9999999999999999999999999px;
		outline: none;
		cursor: pointer;
		font-size:0;
}

/* .youtubeWrap */

.youtubeWrap{
	height: 1450px;
	background:url("./img/youtubeWrap-bg.png") no-repeat center center;
	background-size:cover;
	text-align: center;
}

.video_big{
	width: 860px;
	height: 467px;
	margin: auto;
	background:#fff;
	margin-bottom: 45px;
	margin-top: 85px;
	position: relative;
}
.shadow{
	position: absolute;
	bottom: -47px;
	left: 0;
}
.video_smallWrap{
  overflow:hidden;
  max-width: 100%;
  width:100%;
  margin:auto;
  position: relative;
}
.video_small{
  position:relative;
  left:0;
  overflow: visible;
  width: 1488px;
  margin: auto;
  width: 1280px;
}
.video_small_listWrap{
	padding: 0 7px;
	width: 245px;
	height: 265px;
	float: left;
	opacity: 0.5;
	outline: none;
}

.video_small_list{
	background:#fff;
	transition:0.8s;
	height: 100%;
	cursor:pointer;
	outline: none;
	}
.slick-arrow {
  display: none ;
}

.slick-active{
	  opacity: 0.8;

}
.slick-center > .video_small_list{
	box-shadow: 3px 6px 24px 0px rgba(0, 0, 0, 0.36); 
}
.slick-center{
	  opacity: 1;
	  transform: scale(1.0,1.1);

}
.youtubeBox{
    height: 135px;
    background: #eee;
}
.youtubeBox > img{
	width: 100%;
	height: 100%;
}
.textBox{
    padding-top: 35px;
}

.textBox > p{
	font-family: 'Noto Sans Korean';
	font-size: 16px;
	margin-bottom: 10px;
}
.slick-prev, .slick-next{
z-index:2;	
}
.slick-prev{
	left: -48px;
}
.slick-next{
	right: -78px;
}
.slick-prev, .slick-next {
	width: 51px;
	height: 51px;
}

.slick-prev:before{
content:"";
display: block;
width: 51px;
height: 51px;
background:url("./img/slick-prev.png") no-repeat;
}

.slick-next:before{
content:"";
display: block;
width: 51px;
height: 51px;
background:url("./img/slick-next.png") no-repeat;
}

.slick-track{
	padding-bottom: 49px;
	padding-top: 50px;
/* 	padding-left: 30px;
	padding-right: 30px; */
}

/* .star */
.star{
	height: 1358px;
	background:url("./img/star-bg.png") no-repeat center center;
	background-size:cover;
}

.star_img {
	margin-top: 93px;
	width: 768px;
	margin: 93px auto 0 auto;
	background:url("./img/star.png") no-repeat center;
	background-size: contain;
}
.star_img > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.star_img > ul > li{
	width: 230px;
	height: 347px;
	/* background:#fff; */
	border-radius: 115px 115px 15px 15px;
	padding: 6px;
	box-sizing: border-box;
	margin-bottom: 70px;
}
.star_img > ul > li > a{
	display: block;
	width: 100%;
	height: 462px;
}

.star_imgWrap{
    width: 220px;
    height: 325px;
    border-radius: 0 0 121px 110px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    top: -43px;
    left: -1px;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.star_imgWrap > img{
    position: absolute;
    top: 54px;
    left: -29px;
    display: block;
}
.star_imgWrap:hover > img{
    transform: scale(1.05);
 	transition: all ease 0.5s;
 }
.star_img > ul > li:nth-child(1) > a > .star_imgWrap{left: 2px;}
.star_img > ul > li:nth-child(1) > a > .star_imgWrap:hover > img{
}
.star_img > ul > li:nth-child(2) > a > .star_imgWrap > img{
    left: -38px;
    top: 57px;

}
.star_img > ul > li:nth-child(2) > a > .star_imgWrap:hover > img{

}
.star_img > ul > li:nth-child(3) > a > .star_imgWrap > img{
    left: 13px;
    top: 67px;
}
.star_img > ul > li:nth-child(3) > a > .star_imgWrap:hover > img{
    top: 66px;

}
.star_img > ul > li:nth-child(4) > a > .star_imgWrap{
	left: 3px;
	top: -49px;
}
.star_img > ul > li:nth-child(4) > a > .star_imgWrap:hover > img{
    top: 55px;
 
}
.star_img > ul > li:nth-child(5) > a > .star_imgWrap > img{
	top: 52px;
	left: -32px;
	transform: scale(1.05);
}
.star_img > ul > li:nth-child(5) > a > .star_imgWrap:hover > img{
    transform: scale(1.1);
}
.star_img > ul > li:nth-child(6) > a > .star_imgWrap > img{
	top: 45px;
}
.star_img > ul > li:nth-child(6) > a > .star_imgWrap:hover > img{


}

/* push_heart */
.push_heart{
	height: 1328px;
	background:#ededed;
}
.sick_eyesWrap{
	width: 100%;
	margin-top: 97px;
}

.push_heart_p{
    font-family: 'Noto Sans Korean';
    margin-top:104px;
    font-size:30px;
    font-weight: 400;
}

.push_heart_p > span{color:#00bac5;font-weight: 600;font-size: 30px;}

.push_heart_p2{
	font-size: 27px;
	margin-top: 77px;
}



.question{
	height: 1592px;
	background: #d3e0f1;
	background-size:cover;
}

.question > .center > .box_tit > span{
	margin-left: 0;
}

.questionBox{
	margin-top: 260px;
	font-family: 'Noto Sans Korean';
}

.questionBox > ul{
	display:flex;
	justify-content: center;
	margin-bottom: 203px;
}
.questionBox > ul > li{
	width: 357px;
	height: 308px;
	background:#fff;
	position: relative;
	margin-right: 14px;
	padding-top: 169px;
	box-sizing:border-box;
}
.questionBox > ul > li:last-child{
	margin-right: 0;
}
.dropImg{
	position: absolute;
	width: 357px;
	bottom:320px;
	opacity: 0;
}
.illustrationImg{
	position: absolute;
	bottom: 180px;
}
.questionBox > ul > li:nth-child(1) .illustrationImg{
	left: 86px;
}
.questionBox > ul > li:nth-child(2) .illustrationImg{
	left: 82px;
}
.questionBox > ul > li:nth-child(3) .illustrationImg{
	left: 90px;
}
.questionBox > ul:nth-child(2) > li:nth-child(1) .illustrationImg{
	left: 113px;
}
.questionBox > ul:nth-child(2) > li:nth-child(2) .illustrationImg{
	left: 94px;
}
.questionBox > ul:nth-child(2) > li:nth-child(2){
	padding-top: 144px;
}
.questionBox > ul > li > p{
	font-size:18px;
	line-height: 32px;
}
.questionBox > ul > li > p > span{
	font-weight: 600;
	box-shadow: inset 0 -12px 0 #afeaed;
}

.why{
	height: 1470px;
	background:url("./img/why-bg.png") no-repeat center center;
	background-size:cover;
}

.why > .center > .box_tit{
	font-family: 'S-CoreDream-7ExtraBold';
	position: relative;
}
.why > .center > .box_tit:before{
	content:"";
	display: block;
	width: 123px;
	height: 93px;
	background:url("./img/why_.png") no-repeat;
	position: absolute;
	left: 192px;
	top: -45px;
	display: none;
}
.smile_mainWrap{
    margin-top: 140px;
    font-family: 'Noto Sans Korean';
}
.smile_mainWrap > ul{
    position: relative;
}
.smile_mainWrap > ul:after{
	content:"";
	display: block;
	clear: both;
}
.smile_mainWrap > ul > li{
	float: left;
	margin-left: 13px;
	margin-bottom: 16px;
	box-sizing: border-box;
	background:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.smile_mainWrap > ul > li:nth-child(1){
	width: 439px;
	height: 311px;
	margin-left: 0;
}
.smile_mainWrap > ul > li:nth-child(2){
	width: 316px;
	height: 311px;
}
.smile_mainWrap > ul > li:nth-child(3){
	width: 319px;
	height: 601px;
}
.smile_mainWrap > ul > li:nth-child(4){
	width: 316px;
	height: 274px;
	position: absolute;
	left: 439px;
	top: 327px;
}
.smile_mainWrap > ul > li:nth-child(5){
	width: 646px;
	height: 295px;
	float: right;
}
.smile_mainWrap > ul > li:nth-child(6){
	width: 440px;
	height: 585px;
	position: absolute;
	top: 327px;
	left: -13px;
	background: #ffefae;
}

.why_box{}
.why_box > img{}
.why_box > p{
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 28px;
}
.why_box > p > span{
 color:#00bac5;
 font-weight: 600;
}
.smile_mainWrap > ul > li:nth-child(1) > .why_box > p{
	margin-top: 35px;
}
.smile_mainWrap > ul > li:nth-child(2) > .why_box > p{
	margin-top: 35px;
}
.smile_mainWrap > ul > li:nth-child(3) > .why_box > p{
	margin-top: 30px;
}
.smile_mainWrap > ul > li:nth-child(4) > .why_box > p{
	margin-top: 25px;
}
.smile_mainWrap > ul > li:nth-child(5) > .why_box > p{
	margin-top: 20px;
}

.why_box_tit{
	width: 347px;
	height: 92px;
	background: #0a1448;
	border-radius: 20px;
	padding: 23px 30px;
	box-sizing: border-box;
	margin-top: 50px;
	position: relative;
}
.why_box_tit > a{
	width: 135px;
	height: 90px;
	border:1px solid #fff;
	position: absolute;
	bottom:0;
	opacity: 0;
}
.finger_img{
	position: absolute;
	bottom: -51px;
	right: 0;
	animation: finger_ani 0.5s infinite linear;
}
@keyframes finger_ani{
	0%{
	bottom:-51px;
	}
50%{
	bottom:-45px;
	}
	100%{
	bottom:-51px;
	}
}

.why_box_tit::after{
	content:"";
	display: block;
	clear: both;
}
.why_box_tit > h3{
	float: left;
	font-size:18px;
	font-weight:normal;
	line-height: 23px;
}
.why_box_tit > h3:first-child{
	color:#00bac5;
	text-align: left;
	font-weight: 500;
}
.why_box_tit > h3:nth-child(2){
	color:#fff;
	float: right;
	font-weight: 300;
	position: relative;
}
.why_box_tit > h3:nth-child(2):before{
	content:"";
	display: block;
	width: 1px;
	height: 54px;
	background: #f0f0f0;
	position: absolute;
	top:0;
	left: -23px;
}
.why_box_tit > h3 > span{}

.smile_mainWrap > ul > li:hover .why_box{
		transform:scale(1.1);             /*  default */
		-webkit-transform:scale(1.1);  /*  크롬 */
		-moz-transform:scale(1.1);     /* FireFox */
		-o-transform:scale(1.1);        /* Opera */
		transition: all ease 0.5s;
}
.smile_mainWrap > ul > li:nth-child(6):hover{
background:#0a1449;
}

.smile_mainWrap > ul > li:nth-child(6):hover .why_box{
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */		
}
.smile_mainWrap > ul > li:nth-child(6):hover .why_box_tit{
background:#00bac5;
}
.smile_mainWrap > ul > li:nth-child(6):hover .why_box_tit > h3:first-child{
	color:#fff;
	font-weight:500;
}
.smile_mainWrap > ul > li:nth-child(6):hover .why_box_tit > h3:nth-child(2){
	color:#0a1449;
	font-weight:500;
}
.smile_mainWrap > ul > li:nth-child(6):hover .why_box_tit > h3:nth-child(2):before{
	background:#0a1449;
}


.testimonial{
	height: 870px;
	background:#000;
	background:url("./img/testimonial-bg.png") no-repeat center center;
	background-size:cover;
	overflow: hidden;
	position: relative;
	padding-top: 137px;
}
.testimonial > .center > .box_tit > span{
	margin-left: 0;
	padding-top: 7px;
	display: block;
	font-size: 45px;
	letter-spacing: -0.25px;
}
.petal{
	position: absolute;
	top: 119px;
	left: 50%;
	margin-left: -326px;
	width: 653px;
}
.testimonial > .center > .bg_p{
	margin-bottom: 28.5px;
}
.testimonial > .center > .box_tit{
	font-size: 47px;
	line-height: 64px;
	color:#333333;
}
.testimonial > .center > h5{
	font-size:23px;
	color:#333333;
	font-weight: unset;
	margin-top: 31px;
	margin-bottom: 114px;
	font-family: 'S-CoreDream-3Light';
}

.footer{
	height: 136px;
	background:#e7e7e7;
	font-family: 'Noto Sans Korean';
}

.footer_ul{
	display:flex;
	justify-content:space-around;
	align-items:center;
	height: 100%;
	text-align: left;
}
.footer_list{}
.footer_list > h1.logo{
	margin-bottom: 0;
}
.footer_list > p{
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
.footer_list > address{
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.25px;
		font-style:normal;
}
.footer_list > h1{
    font-size: 28px;
    margin-bottom: 7px;
    letter-spacing: -0.25px;
}
.footer_list > h1 > span{
    color: #00a5ac;
    font-size: 32px;
    font-family: roboto;
    font-weight: 800;
    padding-left: 20px;
}

.pc_floating{
	position: fixed;
	top: 0;
	font-family: 'Noto Sans Korean';
	z-index: 99999999999;
	max-height:1080px;
	height: 100%;
	right: 0;
	}
.pc_floating:after{
	content:"";
	display: block;
	clear: both;
}
.menu_floating{
	width: 105px;
	height: 970px;
	float: left;
	max-height: 1080px;
	height: 100%;
}
.footprint_box{
	display:flex;
	flex-direction: column;
	align-items: center;
	padding: 100px 0 40px 0;
	background: rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	height: 69.8%;
	justify-content: space-between;
}
.arrive_sectionBox{position: relative;margin-bottom: 5px;width: 100%;text-align: center;}
.arrive_sectionBox > span{
	display: block;
	width: 6px;
	height: 6px;
	border-radius:50%;
	background:#dbdbdb;
	margin: auto;
	margin-top: 4.5px;
}
.arrive_sectionBox > span.onspan{
	background:#30c9d6;
}
.arrive_sectionBox > span:last-child{
	margin-bottom:5px;
}
.arrive_section{
	width: 100%;
	/* height: 62px; */
	border-radius:50%;
	/* background:#dbdbdb; */
	text-align: center;
	font-size: 12px;
	/* box-sizing: border-box; */
	line-height: 15px;
	color: #595959;
	letter-spacing: -0.25px;
	/* display: table; */
}

.anchor{
	width: 100%;
	height: 62px;
	border-radius:50%;
	background:#fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.arrive_section > span{
	display: block;
	color: #fff;
	opacity: 0.6;
}

.arrive_sectionBox:nth-child(5) .arrive_section{
	/* padding-top: 22px; */
}
.fixed_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #3b70df;
    justify-content: space-around;
    position: relative;
    box-sizing: border-box;
    height: 24%;
}
.fixed_box > div > button{
	background:none;
	border:none;
	outline:none;
	cursor:pointer;
	text-align: center;
	width: 100%;
}
.fixed_box > button > a{
	display: block;
	width: 100%;
	padding:13px 0;
}
.fixed_box > div > p{
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    color: #fff;
}
.fixed_box > div > p > span{
    font-weight: 200;
    display: block;
}

.fixed_boxBt2{position: absolute;width: 62px;height: 62px;border:1px solid #222;top: 81px;border-radius: 50%;opacity: 0;}

.top_box{
    width: 100%;
    height: 59px;
    background: #f0f0f0;
    background: #3b70df;
    height: calc(100% - 93.8%);
}
.top_box > a{
	display: block;
	width: 100%;
	height: 100%;
	background: url("./img/top_box.png") no-repeat 100%;
}

.comeBox{
	width: 477px;
	height: 494px;
	background: #fff;
	float: left;
	position: fixed;
	right: 20px;
	border-radius: 10px;
	padding-top: 0;
	z-index: 9999999999999999999999;
	font-family: 'Noto Sans Korean';
	display: none;
	bottom: 20px;
}

.comeBox_header{
	height: 63px;
	padding: 20px 12px 0px 43px;
	box-sizing: border-box;
	height: 99px;
	text-align: left;
	height: 77px;
}

.comeBox_header:after{
		content:"";
		display: block;
		clear: both;
}
.comeBox_header > p{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}
.comeBox_header > span{
	display: block;
	font-size:13px;	
	font-weight: 400;
}
.comeBox_header > button{
    float: right;
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    width: 41px;
    height: 41px;
    background: none;
    top: -60px;
    right: -4px;
}

.comeBox_header > button:before{
	content:"";
	display: block;
	width: 1px;
	height: 41px;
	background: #949494;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 50%;
}
.comeBox_header > button:after{
	content:"";
	display: block;
	width: 1px;
	height: 41px;
	background: #949494;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	right: 50%;
}
.mapimg{
    width: 100%;
    height: 404px;
    box-sizing: border-box;
    height: 185px;
    padding-left: 43px;
    position: absolute;
    top: 84px;
}
.mapimg > img{}

.directions{
    height: 414px;
    height: 42.7%;
    margin-top: 209px;
}
.directions > div{
	/* border-bottom: 1px solid #e1e1e1; */
	padding: 0 40px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 32px;
	justify-content: start;
	position: relative;
	width: 420px;
	margin: 8px auto 0 18px;
}
.directions > div:after{
	content:"";
	display: block;
	width: 339px;
	height: 1px;
	background:#e5e5e5;
	position: absolute;
	bottom: 0;
	left: 57px;
}
.directions_icon_box{
}
.directions_text_box{
    margin-left: 20px;
    color: #222;
}
.directions_tit{
    font-size: 14px;
    color: #222;
    font-weight: 400;
}
.directions_text_box > p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #222222;
}

.subway{
}
.subway:after{
	/* content:""; */
	/* display: block; */
	/* width: 339px; */
	/* height: 1px; */
	/* background:#e5e5e5; */
}
.car{}
.parking{}

.comeBox_bt{
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
}
.comeBox_bt > button{
    width: 157px;
    height: 40px;
    border-radius: 20px;
    border: none;
    margin-right: 15px;
    color: #fff;
    background: #b5b5b5;
    font-family: inherit;
    font-weight: 300;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    display: inline-block;
    background: url("./img/print_map.png") no-repeat center;
    background-size: cover;
    text-indent: -9999px;
}

.comeBox_bt > button:first-child{
	background: url("./img/send_map.png") no-repeat center;
	background-size: cover;
}

.letterWrap{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	top: 100vh;
	padding-top: 208px;
	font-family: 'Noto Sans Korean';
	display: none;
	max-width: 1920px;
	z-index: 99999999999;
}
.letterbox{
    width: 539px;
    margin: auto;
    padding: 10px;
    background: #fff;
    height: 658px;
    box-sizing: border-box;
}
.letter_text{
    text-align: right;
    margin-top: 14px;
}
.letter_close{
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    width: 26px;
    height: 26px;
    background: none;
}
.letter_close:before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 50%;
}
.letter_close:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 50%;
}
.letter_text > p{
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 6px;
}
.letter_text > p > span{
    font-weight: 600;
}
.letter_text > h2{
    font-size: 23px;
    color: #00bac5;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 23px;
}
.letter_text > form{
	text-align: center;
}
.letter_text > form > input[type="text"]{
		display: block;
		width: 305px;
		height: 46px;
		border: 1px solid #434343;
		background: #e6e6e6;
		padding: 0 10px;
		box-sizing: border-box;
		margin: 30px auto 50px auto;
}
.letter_text > form > input[type="text"]::placeholder{
	font-size:15px;
	color:#9a9a9a;
	text-align: center;
}

.letter_text > form > button{
	width: 195px;
	height: 48px;
	border-radius:22px;
	border:none;
	cursor:pointer;
	background:url("img/letter_submit.png") no-repeat;
	background-size: cover;
}


.complet{
	position: fixed;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	z-index: 99999999999999999999;
	font-family: 'Noto Sans Korean';
	display: none;
	padding-top: 365px;
}
.complet_close{
	width: 36px;
	height: 36px;
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 12px;
}

.complet_close:before{
    content: "";
    display: block;
    width: 1px;
    height: 36px;
    background: #000;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 50%;
}
.complet_close:after{
    content: "";
    display: block;
    width: 1px;
    height: 36px;
    background: #000;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 50%;
}

.complet > div{
	width: 544px;
	height: 353px;
	background:#fff;
	margin: auto;
	text-align: center;
	padding: 12px;
	box-sizing: border-box;
	display: none;
}

.complet > div.send_mapBox{
	position: relative;
	text-align: center;
	width: 544px;
	height: 405px;
}
.send_logo{
    text-align: left;
    width: 161px;
    margin-bottom: 6px;
}
.send_logo > img{width: 100%;}
.send_mapBox > img{
    margin-top: 57px;
}
.send_mapBox > h2{
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.25px;
    color: #605f5f;
    margin-top: 16px;
}
.send_mapBox > form{}
.send_mapBox > form > input{
	width: 305px;
	height: 40px;
	background:#e6e6e6;
	border:1px solid #434343;
	display: block;
	margin: 28px auto 70px auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.send_mapBox > form > input::placeholder{
	font-size:16px;
	letter-spacing:-0.25px;
	color:#9e9e9e;
	text-align: center;
}
.send_mapBox > form > button{
	width: 195px;
	height: 48px;
	border-radius:22px;
	background: url("./img/send_mapBox_bt.png") no-repeat;
	border: none;
	cursor: pointer;
	background-size: cover;
	outline: none;
	text-indent: -9999999px;
}

.finish_complet{}
.finish_imgbox{
	margin-top: 85px;
	margin-bottom: 25px;
}
.finish_imgbox > img{}
.finish_complet > span{
    padding: 0 78px;
    border-bottom: 1px solid #000;
    font-size: 28px;
    font-weight: 400;
}
.finish_complet > p{
    font-size: 24px;
    margin-top: 20px;
}
.finish_complet > p > span{
    font-weight: 500;
    color: #30c9d6;
}

.call{
	font-size:13px;
	text-align: center;
	color:#fff;
	line-height: 24px;
}
.call:before, .call:after{
	content:"";
	display: block;
	width: 95px;
	height: 1px;
	background:#13357c;
	margin: auto;	
}

.call:before{
	margin-bottom: 10px;
}
.call:after{
	margin-top: 10px;
}
.call > span{
	display: block;
	font-weight: 100;
}
.pc_floatingWrap{width: 157px;height: 100%;position: fixed;top: 0;right: 0;}
.pc_floatingWrap > ul{width: 157px;height: 253px;display:flex;position: fixed;top: 357px;right:30px;flex-direction: column;justify-content: space-between;align-items: flex-end;display: none !important;}
.pc_floatingWrap > ul > li{
	position: relative;
	width: 159px;
	height: 29px;
}
.pc_floatingWrap > ul > li > div{
    width: 155px;
    height: 29px;
    position: absolute;
    right: -1px;
    font-size: 13px;
    font-family: 'Noto Sans Korean';
    text-align: left;
    line-height: 29px;
    box-sizing: border-box;
    font-weight: 100;
    padding-left: 15px;
    top: -6px;
    color: transparent;
    cursor: default;
}
.pc_floatingWrap > ul > li > span{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3px;
	right: 13px;
	background:#3b70df;
	border-radius:50%;
}
.Active_li > .active_navi{
    color: #fff;
    border-radius: 14.5px;
    background: #3b70df;
    cursor: pointer;
}
.Active_li > .navi_list_cir{

	background:#fff;

}

/* media screen */
@media screen and (max-height: 915px) {
.pc_floating{height: 970px !important; }	

}