/* popup */
#popup {
	display: none;
	position: fixed;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%; /* 모바일 대응 */
	max-width: 520px;
	background: #fff ;
	z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#popup .popup_c { position: relative; height: 70vh; max-height: 700px; padding: 0 10px 45px; overflow-y: auto; border-top: solid 10px #fff;}
#popup .popup_c p img { display: block; max-width: 100%; padding-bottom: 10px; }
#popup .popup_btn { position:fixed; bottom:0; width: 100%; padding: 10px; color:#fff; background: #223d82; border-top: solid 10px #fff; z-index: 99999; }
#popup .popup_btn label { font-size: 13px; }
#popup .popup_btn input { width: 17px; height: 17px; margin-right: 3px; vertical-align: top; }
#popup .popup_btn button{ float: right; background: none; cursor:pointer; }

@media ( max-width: 1000px ) {
  #popup .popup_c { height: auto; max-height: 70vh; overflow-y: auto; }
}


/* 탭메뉴 */
.tabP { display: table; margin: 0 auto;}
.tabP > li { display: inline-block; margin: 0 5px; }
.tabP > li > a { display:block; padding:15px 30px; text-align:center; background:#fff; border:1px solid #ddd; }
.tabP > li.tabP_on {  }
.tabP > li.ttabP_on > a {  color:#fff; font-weight:500; background:#cc926c; border-color:#cc926c;}
.tabP_view {width: 100%; display: inline-block; margin-top:70px; }
.tabP_view > li { display:none; }

@media ( max-width: 1000px ) {
	.tabP > li { display: block; width: 100%; margin: 0 0 10px; }
	.tabP > li > a { width: 100%; padding:10px 20px;}
	.tabP_view { margin-top:40px; }
}

/* 메인 */
.idxA_wrap { position: relative; height: 930px;}
.idxA .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1400px; padding-top: 130px; color: #fff; font-size: 2.2rem; font-family: 'Gmarket Sans'; font-weight: 300; text-align: center; line-height: 130%; background:url("/img/index/idxA_illust.png") no-repeat 50% top;}
.idxA .txt h2 { margin-bottom: 15px; font-size: 4.7rem; font-weight: 400; letter-spacing: -2px;}
.idxA .txt h2 br { display: none;}

.idxA .item {height: 930px;}
.idxA .item1 {position: relative; background: url(/img/index/idxA_photo1.jpg) no-repeat 50% bottom/cover; z-index: 0;}
.idxA .item2 {position: relative; background: url(/img/index/idxA_photo2.jpg) no-repeat 50% bottom/cover; z-index: 0;}
.idxA .item3 {position: relative; background: url(/img/index/idxA_photo3.jpg) no-repeat 50% bottom/cover; z-index: 0;}
.idxA .item4 {position: relative; background: url(/img/index/idxA_photo4.jpg) no-repeat 50% bottom/cover; z-index: 0;}

.idxA_wrap .bx-controls { position: absolute; top: 50%; left: 0; width: 100%;}
.idxA_wrap .bx-controls-direction { position: relative; width: 1400px; margin: 0 auto;}
.idxA_wrap .bx-wrapper .bx-controls-direction a {width: 44px; height: 69px; margin-top: -35px;}
.idxA_wrap .bx-wrapper .bx-prev,
.idxA_wrap .bx-wrapper .bx-next {display: none;}

.idxA_pager {position: absolute; bottom: 300px; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.idxA_pager > div {margin: 0 auto; font-size: 0;}
.idxA_pager a { display: inline-block; width: 70px; margin: 0 3px; padding: 5px 0; border-bottom: 4px solid #fff; text-align: center; font-size: 1.3rem; font-weight: 600; color: #fff;}
.idxA_pager a.active { border-color: #fff478; color: #976b32;}

.idxA_wrap .idx_qm { display: block; position: absolute; bottom: 0; width: 100%; height: 100px; padding: 30px 0; background: rgba( 0, 0, 0, 0.6);}
.idxA_wrap .idx_qm ul { max-width: 1400px; margin: 0 auto; color: #fff; font-size: 0;}
.idxA_wrap .idx_qm li { position: relative;display: inline-block; margin-left: 13.5%; font-family: 'Gmarket Sans'; font-size: 1.7rem; font-weight: 300; background-repeat: no-repeat; background-position: 50% left; letter-spacing: 0; }
.idxA_wrap .idx_qm li:first-child { margin-left: 0; }
.idxA_wrap .idx_qm li:nth-child(1) { padding-left: 60px; background-image: url("/img/index/idx_qm1.png");}
.idxA_wrap .idx_qm li:nth-child(2) { padding-left: 67px; background-image: url("/img/index/idx_qm2.png");}
.idxA_wrap .idx_qm li:nth-child(3) { padding-left: 57px; background-image: url("/img/index/idx_qm3.png");}
.idxA_wrap .idx_qm li:nth-child(4) { padding-left: 52px; background-image: url("/img/index/idx_qm4.png");}
.idxA_wrap .idx_qm li strong { margin-right: 5px; font-size: 2rem; font-weight: 400; letter-spacing: -1px;}
.idxA_wrap .idx_qm li span { display: block; font-family: 'S-Core'; font-size: 1.5rem; font-weight: 300; letter-spacing: 0;}

@media ( max-width: 1500px ) {
  .idxA_wrap { position: relative; height: 850px; }
  .idxA .item { height: 850px; }
  .idxA_pager { bottom: 250px; }
  .idxA_wrap .idx_qm { padding: 30px 5%;}
  .idxA_wrap .idx_qm li { margin-left: 10%;}
}

@media ( max-width: 1300px ) {
  .idxA_wrap .idx_qm { padding: 30px 2%;}
  .idxA_wrap .idx_qm li { margin-left: 7%;}
}

@media all and (max-width: 1200px) {
  .idxA_wrap { position: relative; height: 700px; }
  .idxA .item { height: 700px; }
  .idxA .txt { padding-top: 107px; font-size: 1.8rem; background-size: 200px;}
  .idxA .txt h2 { font-size: 3.7rem;}
  .idxA_pager { bottom: 200px; }
  .idxA_wrap .idx_qm { height: auto; padding: 10px 15px; background: rgba( 0, 0, 0, 0.6);}
  .idxA_wrap .idx_qm li { width: 50%; margin: 15px 0; font-size: 1.5rem; }
  .idxA_wrap .idx_qm li strong { font-size: 1.7rem; letter-spacing: -0.5px;}
  .idxA_wrap .idx_qm li span { font-size: 1.3rem;}
  .idxA_wrap .idx_qm li:nth-child(1) { padding-left: 52px; background-position: 3px top; background-size: 36px;}
  .idxA_wrap .idx_qm li:nth-child(2) { padding-left: 52px; background-position: 3px top; background-size: 38px;}
  .idxA_wrap .idx_qm li:nth-child(3) { padding-left: 52px; background-position: 7px top; background-size: 32px;}
  .idxA_wrap .idx_qm li:nth-child(4) { padding-left: 52px; background-position: 10px top; background-size: 27px;}
}

@media all and (max-width: 768px) {
  .idxA_wrap { position: relative; height: auto; }
  .idxA .item { height: 450px; }
  .idxA .txt { margin-top: 20px; padding: 60px 20px 0; font-family: 'S-Core'; font-size: 1.4rem; background-size: 120px;}
  .idxA .txt h2 { margin-bottom: 5px; font-size: 2.5rem; font-family: 'Gmarket Sans'; line-height: 110%; letter-spacing: -1px;}
  .idxA .txt h2 br { display:inherit;}
  .idxA_pager { bottom: 320px; }
  .idxA_pager a { width:40px;}
  .idxA_wrap .idx_qm { position: relative; padding-top: 15px; background:#385253;}
  .idxA_wrap .idx_qm li { width: 100%; margin-top: 0; padding-bottom: 10px; font-weight: 400; border-bottom: 1px dashed rgba( 255, 255, 255, 0.22);}
  .idxA_wrap .idx_qm li:last-child { margin-bottom: 5px; padding-bottom: 0; border-bottom:none;}
}

/* 공지/사진 */
.idxB { display: block; width: 100%; max-width: 1400px; height: 460px; /*height: 610px;*/ margin: 90px auto 0; font-size: 0; background:url("/img/index/bg_flower1.png") no-repeat left bottom;}
.idxB div { display: inline-block; width: 50%; vertical-align: top; font-size: 1.7rem; }
.idxB div.notice { padding-right: 40px; }
.idxB div.notice h2 { font-size: 3.7rem; font-family: 'Gmarket Sans'; font-weight: 300; letter-spacing: -1.5px;}
.idxB div.notice ul { width: 100%; margin-top: 40px; border-top: 1px solid #e0e0e0; }
.idxB div.notice ul li { padding: 15px 0; border-bottom: 1px solid #e0e0e0; line-height: 150%;}
.idxB div.photo { display: inline-block; width: 50%; background:url("/img/index/bg_right.png") no-repeat right top;}
.idxB div.photo img { display: block; margin-bottom: 20px;}
/* .idxB div.photo img:last-child { width: 100%;} */

@media ( max-width: 1400px ) {
  .idxB { height: auto; margin-top: 40px; padding: 0 15px; background-size: 270px; background-position: 15px bottom;}
  .idxB div.photo img:last-child { width: 100%;}
}

@media all and (max-width: 1200px) {
  .idxB div { display: block; width: 100%; min-height: 200px;}
  .idxB div.notice { padding-right: 0; }
  .idxB div.notice h2 { font-size: 2.4rem; letter-spacing: -1px;}
  .idxB div.notice ul { margin-top: 10px;}
  .idxB div.notice ul li { padding: 10px 0; font-size: 1.5rem;}
  .idxB div.photo { display: none;}
}

/* idxC slide */
.idxC_wrap { position: relative; width: 100%; background:linear-gradient( to bottom, #fff 50%, rgba( 0, 0, 0, 0.03) 50% ); }
.idxC  { position: relative; max-width: 1400px; height:700px; margin: 0 auto; background:url("/img/index/bg_flower2.png") no-repeat right bottom;}
.idxC .bg { position: relative; height:630px; }
.idxC .bg1, .idxC .bg2, .idxC .bg3, .idxC .bg4 {height:500px; background-repeat: no-repeat; background-position: 50% 50%;	background-size: cover;}
.idxC .bg1 { background-image: url("/img/index/slide_photo1.jpg");}
.idxC .bg2 { background-image: url("/img/index/slide_photo2.jpg");}
.idxC .bg3 { background-image: url("/img/index/slide_photo3.jpg");}
.idxC .bg4 { background-image: url("/img/index/slide_photo4.jpg");}
.idxC .txt { position: absolute; top:520px; }
.idxC .txt h3 { display: block; font-size: 2.7rem; font-family: 'Gmarket Sans'; font-weight: 300;}
.idxC .txt h4 { display: block; margin: 2px 0 7px; font-size: 2rem; font-family: 'Gmarket Sans'; font-weight: 400;}
.idxC .txt p { font-size: 1.6rem; font-weight: 400; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { background: url('../img/comm/controls_idx.png') no-repeat 0 -38px;}
.bx-wrapper .bx-next { left: 38px; background: url('../img/comm/controls_idx.png') no-repeat -42px -38px;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -42px 0;}
.bx-wrapper .bx-controls-direction a { top:530px; width: 36px; height: 36px;}
.bx-wrapper .bx-controls-direction a:first-child { left: 48.5%;}
.bx-wrapper .bx-controls-direction a:last-child { left: 52.5%;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto .bx-start { margin-left: 32px; width: 31px; height: 31px; background: url('../img/index/popup_control.png') 0 0 no-repeat;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: 0 0;}
.bx-wrapper .bx-controls-auto .bx-stop { margin-left: 32px; width: 31px; height: 31px; background: url('../img/index/popup_control.png') -32px 0 no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -32px 0;}


@media all and (max-width: 1200px) {
  .idxC  { height:auto; background-size: 450px;}
  .idxC .bg { background-size: 100%; height:400px;}
  .idxC .bg1, .idxC .bg2, .idxC .bg3, .idxC .bg4 {height:220px;}
  .idxC .txt { position: absolute; top:230px; padding: 0 10px; }
  .idxC .txt h3 { font-size: 2.1rem;}
  .idxC .txt h4 { margin: 2px 0 7px; font-size: 1.7rem;}
  .idxC .txt p { font-size: 1.4rem; }
  .idxC_wrap .bx-controls { position: absolute; top: -280px; width: 100%;}
  .idxC_wrap .bx-wrapper .bx-controls-direction a:first-child {left:inherit; right: 55px;}
  .idxC_wrap .bx-wrapper .bx-controls-direction a:last-child  {left:inherit; right: 12px;}
}

/* 오시는길( + footer) */
.idxD_wrap { display: block; width: 100%; height: 1050px; padding: 85px 0 20px; font-size: 0; color: #fff; background:url("/img/index/footer_bg.jpg") no-repeat 50% bottom/cover;}
.idxD { position: relative; max-width: 1400px; height:700px; margin: 0 auto; }
.idxD div.mapWrap h2 { margin-bottom: 35px; font-size: 3.7rem; font-family: 'Gmarket Sans'; font-weight: 300; text-align: center; letter-spacing: -1.5px;}
.idxD div.mapWrap div.map { display: block; width: 100%; max-width: 1100px; margin: 0 auto; }
.idxD div.mapWrap div.map div { height: 550px;}
.idxD div.copylight { position: relative; width: 100%; max-width: 1400px;}
.idxD div.copylight div { display: table; margin: 50px auto 0;}
.idxD div.copylight ul { display: inline-block; }
.idxD div.copylight ul:first-child { margin-right: 250px; }
.idxD div.copylight ul:first-child li { height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 50%; }
.idxD div.copylight ul:first-child li:nth-child(1) { background-image: url("/img/comm/f_map.png"); }
.idxD div.copylight ul:first-child li:nth-child(2) { background-image: url("/img/comm/f_tel.png"); }
.idxD div.copylight ul:first-child li:nth-child(3) { background-image: url("/img/comm/f_email.png"); letter-spacing: 0;}
.idxD div.copylight ul li { margin-bottom: 15px; font-size: 1.5rem; font-weight: 300;}
.idxD div.copylight p { margin-top: 100px; font-size: 1.5rem; font-weight: 300; text-align: center; letter-spacing: 0;}
.idxD div.copylight p strong { font-weight: 400; letter-spacing: -1px;}
.idxD div.copylight .f_site {	display: none;	}

@media all and (max-width: 1600px) {
  .idxD div.copylight .f_naver a { right: 0;}
}


@media all and (max-width: 1200px) {
  .idxD_wrap { height: auto; padding: 30px 15px 20px; }
  .idxD { height:auto;}
  .idxD div.mapWrap h2 { margin-bottom: 15px; font-size: 2.4rem; font-weight: 400; letter-spacing: -1px;}
  .idxD div.mapWrap div.map div { height: 300px;}
  .idxD div.copylight { display: table; margin: 30px auto 5px;}
  .idxD div.copylight div { margin: 0 auto 0;}
  .idxD div.copylight ul { display: block; }
  .idxD div.copylight ul li { margin-bottom: 8px; font-size: 1.4rem;}
  .idxD div.copylight ul:first-child { margin-right: 0; }
  .idxD div.copylight ul:first-child li { height: 18px; padding-left: 22px; background-size: 17px; }
  .idxD div.copylight ul:nth-child(2) { padding: 2px 0 0 22px; }
  .idxD div.copylight p { margin-top: 30px; font-size: 1.4rem;}
  .idxD div.copylight .f_naver a { top:inherit; bottom:100px; }
  .idxD div.copylight .f_site {	bottom:30px;	}
}