/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
	overflow-x:hidden;
	font-family: 'Noto Sans KR', sans-serif;
	word-break:keep-all;
	background:#fff;
}
ol, ul {
	list-style: none;
}
li {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration:none;}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="select"],input[type="tel"],input[type="submit"],textarea { 
    -webkit-appearance: none; -webkit-border-radius: 0; 
}

.header_area {position:fixed; top:0; left:0; width:100%; z-index:9999; background:rgba(0,0,0,0.8);}
.header_wrap {width:1380px; height:70px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.header_wrap .logo a {width:270px; display:inline-block;}
.header_wrap .logo img {width:100%;}
.header_wrap .apply_btn {color:#fff; border-radius:20px; padding:10px 30px; border:1px solid #fff; font-weight:bold;}
.header_wrap .apply_btn:hover {color:#000; background:#fff;}

.m_apply_box {position:fixed; bottom:0; width:100%; z-index:9990; background:#222; font-size:22px; font-weight:bold; padding:17px 0; text-align:center; display:block;}
.m_apply_box a {color:#fff; }


#link_nav {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 999;
    text-align: center;
}

#link_nav ul li {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #fae100;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px 0;
}

#link_nav ul li a {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
section > ul {background-color: #f6f5f1;}
#contact {padding:75px 0;}
#contact h1 {font-size:38px; font-weight:bold; letter-spacing:-3px; color:#222; text-align:center;}
#contact h5 {font-size:16px; color:#444; letter-spacing:-1px; text-align:center; margin-bottom:27px;}
#contact .wrap {width:600px; margin:0 auto;}
#contact .group {display:flex; margin-top:11px; flex-wrap:wrap;}
#contact label {width:100px; font-size:12px;}
#contact input {width:calc(100% - 130px); height:33px; box-sizing:border-box; line-height:2.2; border:1px solid #d5d5d5; font-size:12px; padding:11px;}
#contact input.etc_chk {width:auto;}
#contact #datepicker {width:calc(100% - 130px); height:33px; box-sizing:border-box;}
#contact #datepicker2 {width:calc(100% - 130px); height:33px; box-sizing:border-box;}
#contact #email, #contact #name {width:auto;}
#contact .radio_txt {line-height:50px; font-size:14px;}
#contact textarea {width: calc(100% - 130px); line-height:2.2; border:1px solid #d5d5d5; font-size:12px; padding:11px;}
#contact select {width:calc(100% - 130px); padding:7px; border:1px solid #d5d5d5;}
#contact #info, #contact #ans_type1, #contact #ans_type2, #contact #ans_type3, #contact #ans_type4, #contact #ans_type5, #contact #ans_type6, #contact #ans_type7, #contact #ans_type8 {width:auto;}
#contact div.radio_box {text-align:center; margin-top:7px;}
#contact div.info {margin-top:30px;}
#contact div.info textarea {
width: 100%;
    display: block;
    resize: none;
    color: #777;
    background-color: #f9f9f9;
    border: 1px solid #d5d5d5;
    padding: 11px;
    box-sizing: border-box;
	margin:17px 0 7px;
}
#contact .gender {display:flex; align-items:center; height:33px;}
#contact .btn-box {text-align:center;}
#contact .btn-box .btn-submit {margin-right:7px; background:#333; color:#fff; font-size:23px;}
#contact .ans_box {display:flex; flex-wrap:wrap; width: calc(100% - 130px)}
#contact .ans_box label {display:flex; align-items:center;}
#contact .agree_box {display:flex; align-items:center; flex-wrap:wrap;}
#contact .agree_box label {width:auto;}

#contact .btn {
	width:60%;
    border: none;
    padding: 20px;
    border-radius: 3px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	box-sizing:border-box;

}
.place_input {display:none;}


#pc_menu.active {background:#fff; border-bottom:1px solid rgba(0,0,0,0.3);}
#pc_menu.active .nav a {color:#785d43;}
#pc_menu.active .sub-menu li a:hover {color:#fff;}

#pc_menu .logo h1 {margin:0;}



.kakao_manu {position:fixed; width:60px; bottom:50px; right:60px; z-index:999;}
.kakao_manu .menu_icon a {display:block;}
.kakao_manu img {width:100%;}


.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80px;
  height: 80px;
}
.pulsating-circle:before {
  content: "";
  position: relative;
  display: block;
  width: 200%;
  height: 200%;
  box-sizing: border-box;
  margin-left: -50%;
  margin-top: -50%;
  border-radius: 200px;
  background-color: #ffeb3b;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.phone_manu .pulsating-circle:before {background-color:#00cd77;}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}



.pc {display:block;}
.m {display:none !important;}



/*���� �����̵�*/
  .swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }




.image100 {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	display:block;
    max-width: 1200px;
    margin-top: 150px;
}



#slide_area .wrap {width:1100px; margin:0 auto;}
.slide_area_07 {background:url('../img/main/07/07_bg.jpg'); background-size:cover;}
.slide_area_07 .swiper-button-next {
  background: url('../img/main/07/07_right_btn.png') no-repeat;
  background-size: cover;
  background-position: center;
  
}

.slide_area_07 .swiper-button-prev {
  background: url('../img/main/07/07_left_btn.png') no-repeat;
  background-size: cover;
  background-position: center;
}

.slide_area_07 .swiper-button-next::after,
.slide_area_07 .swiper-button-prev::after {
  display: none;
}


.slide_area_08 {background:#fff;}
.slide_area_08 .bot_08 {padding:50px 0;}

.slide_area_12 {background: url('../img/main/12/12_bg.jpg') no-repeat; background-size:cover;}
.slide_box_12 {width:800px; margin:0 auto;}


.box_14 {background: url('../img/main/14/14_bg.jpg') no-repeat; background-size:cover; background-position:50%; background-attachment: fixed;}
.slide_area_15 {background: url('../img/main/15/15_bg.jpg') no-repeat; background-size:cover;}
.slide_box_15 {width:800px; margin:0 auto;}

.slide_box {max-width:1200px;width: 100%;margin:30px auto;}
.slide_box .swiper-slide {width: 25%;}
#map {background:#333; padding-bottom:50px;}
#map .wrap {width:1100px; margin:0 auto;}
#map .map_text {text-align:center; font-size:27px; color:#fff; line-height:42px; padding-bottom:30px;}


#footer {position:relative;clear:both;width:100%;z-index:1; background:#0c151e; font-size:0.7em;}
.copyright{padding:15px 10px;}
.copyright ul { max-width:1000px; margin:0 auto; overflow:hidden;}
.copyright li{float:left;color:#878787; line-height:17px;}
.copyright .line{color:#2a2b2c;margin:0 10px;}
.copyright .copy{clear:both;margin-top:10px;}


#contact input.day_chk1 {width:auto;}


@media screen and (max-width:1380px){
	.slide_box {width:100%;}
}

/*�׺���*/
@media screen and (max-width:1100px){
body, html {width:100%; overflow-x:hidden;}
.pc {display:none !important;}
.m {display:block !important;}

.main_bnr .swiper {width:180%;left: 50%;transform: translateX(-50%);}
.image100 {width:100%;} 
.m {width:100%;}
#contact .wrap {width:80%; margin:0 auto;}
.btn-box {margin-top:17px;}

#slide_area .wrap {width:98%;}
.slide_area_07 img {width:100%;}
.slide_area_08 img {width:100%;}
.slide_area_12 img {width:100%;}
.slide_box_12 {width:90%;}
.box_14 img {width:100%;}
.slide_area_15 img {width:100%;}
.slide_box_15 {width:90%;}
#map .wrap {width:98%;}
#map img {width:100%;}
#map .map_text {font-size:15px; line-height:22px;}

.root_daum_roughmap, .root_daum_roughmap_landing, .os_mac {width:100% !important;}

#contact .ans_box label {width:50%;}
#contact .btn {width:80%;}
.kakao_manu {position:fixed; width:50px; bottom:80px; right:30px; z-index:999;}

}





/*�����*/
@media screen and (max-width:786px){
.pc {display:none !important;}
.m {display:block !important;}


}