@charset "utf-8";

.greeting { position:relative; display:flex; justify-content:space-between; gap:100rem; }
.greeting::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/cont_greeting_bg2.png') no-repeat 75% center; z-index:-1; opacity:0.3; filter:blur(2px); }
/*.greeting::after { content:''; position:absolute; right:0; top:-70rem; width:100%; height:calc(100% + 140rem); background:url('../img/cont_greeting_bg.png') no-repeat top right/auto 100%; }*/
.greeting .img { flex-shrink:0; width:400rem; border-radius:10rem 10rem 50rem 10rem; overflow:hidden; }
.greeting .img img { width:100%; height:100%; object-fit:cover; }
.greeting dt { font-size:40rem; font-weight:700; line-height:1.4; margin-bottom:40rem; }
.greeting dt span { color:var(--p_color);}
.greeting dd p {margin-top:20rem; }
.greeting dd p.sign {font-size:20rem; font-weight:600; }
@media all and (max-width:1023px){
	.greeting::before {background-position:center;}
	.greeting .img {display:none;}
}
@media all and (max-width:768px){
	.greeting::before {display:none;}
	/*.greeting::after { top:-40rem; height:calc(100% + 80rem); }*/
	.greeting dt { font-size:30rem; }
}


.location_map .depth1 span {color:var(--orange); font-weight:700;}

/*
.org { text-align:center; }
.org .org_1 dl,
.org .org_2 dl { display:inline-block; background:var(--p_color); color:#fff; border-radius:60rem; padding:10rem 40rem; }
.org .org_1 dl dt,
.org .org_2 dl dt { font-size:27rem; font-weight:600; }
.org .org_1 dl dd,
.org .org_2 dl dd {font-size:16rem; }
.org .org_2 dl {background:var(--blue); }
.org .org_2 dl dt { font-size:22rem; }
.org .org_3 {display:flex; justify-content:space-around; }
.org .org_3 dl { position:relative; background:#d4c1be; width:200rem; border-radius:60rem; padding:10rem; margin-top:50rem; }
.org .org_3 dl dt { font-size:20rem; font-weight:600; color:var(--p_color); }
.org .org_3 dl dd {font-size:16rem; }
/*선*//*
.org .org_1::after,
.org .org_2::after { content:''; display:block; width:1px; height:50rem; margin:0 auto; }
.org .org_3 dl::before {content:''; position:absolute; top:-50rem; left:50%; width:1px; height:50rem; }
.org .org_3 dl::after {content:''; position:absolute; left:50%; top:-50rem; width:100%; height:1px; }
.org .org_3 dl:nth-of-type(2)::after { width:300%; left:-100%;}
.org .org_3 dl:last-of-type::after {left:auto; right:50%;}
.org .org_1::after,
.org .org_2::after,
.org .org_3 dl::before,
.org .org_3 dl::after { background:#ccc; }
@media all and (max-width:1023px){
	.org .org_3 dl:nth-of-type(2)::after { width:200%; left:-50%;}
}
*/

/*25년 조직도변경*/
.org { text-align:center; }
.org .org_1 div,
.org .org_3 div { width:60%; max-width:200rem; margin:0 auto; background:var(--p_color); color:#fff; border-radius:60rem; padding:10rem 40rem; font-size:30rem; font-weight:600; }
.org .org_3 div {background:var(--blue); font-size:25rem; }
.org .org_2,
.org .org_4 { display:flex; justify-content:space-around; }
.org .org_2 div,
.org .org_4 a { background:#d4c1be; width:40%; max-width:200rem; border-radius:60rem; padding:10rem; font-size:20rem; font-weight:600; color:var(--p_color); }
.org .org_2 div {margin:25rem 0;}
.org .org_4 a {margin-top:100rem;}
/*선*/
.org .org_2,
.org .org_3,
.org .org_4,
.org .org_4 a {position:relative;}
.org .org_2::before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ccc; z-index:-1;}
.org .org_2::after {content:''; position:absolute; left:50%; top:50%; width:50%; height:1px; background:#ccc; transform:translateX(-50%); z-index:-1;}
.org .org_3::before {content:''; position:absolute; left:50%; bottom:-50rem; width:1px; height:50rem; background:#ccc; z-index:-1;}
.org .org_4::before {content:''; position:absolute; left:50%; top:50rem; width:50%; height:1px; background:#ccc; transform:translateX(-50%); z-index:-1;}
.org .org_4 a::before {content:''; position:absolute; left:50%; top:-50rem; width:1px; height:50rem; background:#ccc; z-index:-1;}


.vision { max-width:800rem; margin:0 auto; padding-top:25px; }
.vision div::before {content:''; display:block; width:82rem; height:50rem; background:url('../img/cont_vision_arrow.png') no-repeat center/cover; margin:20rem auto 40rem; opacity:0.3; }
.vision div:first-of-type::before {display:none;}
.vision dl {border:1px solid #ccc; border-radius:10rem; box-shadow:5rem 5rem 1rem rgba(0,0,0,0.1); }
.vision dl dt { align-content:center; text-align:center; width:200rem; height:50rem; font-size:20rem; font-weight:600; background:var(--p_color); color:#fff; border-radius:25rem; margin:-25rem auto 0; }
.vision div:not(.cont3) dd {font-family:var(--serif); font-size:25rem; font-weight:600; text-align:center; padding:20rem 10rem; }
.vision div.cont3 dd { padding:20rem 10rem; text-align:center; }
.vision div.cont3 ul {display:inline-block; }
.vision div.cont3 li {display:flex; align-items:center; margin:15rem 0;  font-weight:600; gap:10rem; font-size:20rem; }
.vision div.cont3 li strong { flex-shrink:0; display:flex; align-items:center; justify-content:center; width:50rem; height:50rem; color:#fff; background:var(--orange); border-radius:50%; }
.vision div.cont3 li:nth-of-type(2) strong { background:#1d6aa9;}
.vision div.cont3 li:nth-of-type(3) strong { background:#1e7758;}
.vision div.cont3 li:nth-of-type(4) strong { background:#148a98;}
.vision div.cont3 li span {text-align:left;}




.program_list > div { display:flex; gap:40rem; padding:30rem 0;  border-bottom:1px dashed #ccc; }
.program_list > div:first-of-type {border-top:2px solid var(--p_color);}
.program_list .img_wrap { width:350rem; flex-shrink:0; }
.program_list .img_wrap div { height:250rem; /*border-radius:5rem; border:1px solid #ccc; padding:5rem;*/ }
.program_list .img_wrap img { width:100% !important; height:100% !important; object-fit:cover;}
.program_list a { display:block; align-content:center; width:100%; height:40rem; text-align:center; color:#fff; background:var(--p_color); border-radius:0 0 5rem 5rem;  }
.program_list dt { font-size:25rem; font-weight:600; }
.program_list dd p {margin:20rem 0;}
.program_list ul { display:flex; flex-direction:column; gap:5rem; }
.program_list li { display:flex; color:#494949; font-size:0.9em; }
.program_list li::before {content:''; flex-shrink:0; display:block; width:4px; height:4px; background:#909090; border-radius:50%; margin:13rem 10rem 0 0; }
@media all and (max-width:768px){
	.program_list > div { gap:20rem; }
	.program_list .img_wrap { width:35%; }
	.program_list .img_wrap div { height:auto; }
}
@media all and (max-width:480px){
	.program_list > div {flex-wrap:wrap; }
	.program_list .img_wrap { width:100%; }
}



.place_info_list > div { display:flex; align-items:flex-start; gap:40rem; padding:30rem 0;  border-bottom:1px dashed #ccc; }
.place_info_list > div:first-of-type { border-top:2px solid var(--p_color);}
.place_info_list .img { position:relative; width:40%; flex-shrink:0;}
.place_info_list .img img { width:100%; height:100%; object-fit:cover; }
.place_info_list .control a { position:absolute; right:5%; top:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); border-radius:50%; width:35rem; height:35rem; z-index:2; transform:var(--hcenter);  }
.place_info_list .control a.prev { left:5%; right:auto; transform:var(--hcenter) scaleX(-1); }
.place_info_list .control a.swiper-button-disabled {opacity:0.4;}
.place_info_list .control a::before { content:''; display:block; width:10px; height:16px; background:var(--sprite) -36px -80px; }
.place_info_list dt { font-size:25rem; margin-bottom:20rem; font-weight:600; }
@media all and (max-width:480px){
	.place_info_list > div {flex-wrap:wrap; gap:20rem; }
	.place_info_list .img { width:100%; }
}


.ci { display:flex; flex-wrap:wrap; justify-content:space-around; border:5rem solid #ddd; background:url('/design/k-hyo/img/cont_ci_bg.gif'); text-align:center; padding:60rem; }
.ci img { width:40%; max-width:400rem; }
@media all and (max-width:480px){
	.ci {padding:30rem;}
	.ci img { width:100%; }
}

.memo_wrap { position:relative; background:#f1eeed; border-radius:20rem; padding:80rem; }
.memo_wrap::before { content:''; position:absolute; left:30rem; top:30rem; border-radius:10rem; width:calc(100% - 60rem); height:calc(100% - 60rem); border:1px solid var(--p_color); opacity:0.3; }
@media all and (max-width:480px){
	.memo_wrap {padding:30rem;}
	.memo_wrap::before {display:none;}
}

/*예약*/
/*신청*/
.apply_agree { border:1px solid #ddd; background:#f1f1f1; padding:10rem; margin-bottom:40rem; }
.apply_agree .text { height:200rem; overflow-y:auto; padding:20rem; background:#fff; }
.apply_agree .agree_check { display:flex; align-items:center; margin-top:10rem; font-size:0.95em; }
.apply_agree .agree_check input {margin:3rem 5rem 0 10rem;}

#aplyFrm > p.check_txt::before {top:5rem;}
#aplyFrm .formStyle dd input[type="radio"] {margin:-2rem 5rem 0 0;}

/*확인*/
.lecture_list {display: flex; flex-wrap: wrap;}
.lecture_list .lecture_item { margin-right: 15rem; border-radius: 20rem; border: 1px solid #dfdfdf; padding: 60rem 25rem 85rem; margin-top: 30rem; position: relative;}
.lecture_list .lecture_item p {text-align: center;}
.lecture_list .lecture_item .lecture_top {margin-bottom: 25rem;}
.lecture_list .lecture_item .lctre_fld_nm {font-weight: 500; color: #738193;}
.lecture_list .lecture_item .lctre_ttl {font-size: 27rem; font-weight: 700; line-height: 1.3; margin: 8rem auto;}
.lecture_list .lecture_detail {padding: 15rem 0; border-top: 1px solid #dfdfdf;}
.lecture_list .lecture_detail > li {position: relative; min-height: 27rem;display: flex; flex-wrap: wrap; align-items: baseline;}
.lecture_list .lecture_detail > li:not(:nth-child(1)) {margin-top: 16rem;}
.lecture_list .lecture_detail li.lctre_rcpt {font-weight: 500;}
.lecture_list .lecture_detail li > span { width:104rem; padding: 3rem 10rem; background: #474747; color: #fff; border-radius: 30rem; margin-right: 16rem; font-size: 17rem; font-weight: 500;  text-align: center;}
.lecture_list .lecture_detail li > p,
.lecture_list .lecture_detail li > ul {text-align: left; width: calc(100% - 120rem);}
.lecture_list .lecture_detail li > ul {font-size:16rem;}
.lecture_list .lecture_detail li.lctre_rcpt > span {background: #edf0f7; color: #323232;}
.lecture_list .lecture_detail li.trgt_nm > a {padding: 3rem 10rem; background: #474747; color: #fff; border-radius: 30rem; margin-right: 16rem; font-size: 17rem; font-weight: 500; text-align: center;}
.lecture_list .lecture_detail li.trgt_nm > a.status_3 {background:#284496; color:#fff;}
.lecture_list .lecture_detail li.trgt_nm > a.status_6 {background:#66c556; color:#000;}
.lecture_item .lctre_status { display: block; text-align: center; width: 128rem; padding: 10rem; border-radius: 0 0 20rem 20rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #fff; font-size: 19rem; line-height: 1; font-weight: 700; }
.lecture_item .lctre_status.st01 { background: #238c5f; }
.lecture_item .lctre_status.st02 { background: #204ca6; }
.lecture_item .lctre_status.st03 { background: #676767; }
.lecture_item .lctre_status.status_1 {background:#444; color:#fff;}
.lecture_item .lctre_status.status_2 {background:#fcd178; color:#000;}
.lecture_item .lctre_status.status_3 {background:#284496; color:#fff;}
.lecture_item .lctre_status.status_4 {background:#4e4e4e; color:#fff;}
.lecture_item .lctre_status.status_5 {background:#bb2c2c; color:#fff;}
.lecture_item .lctre_status.status_6 {background:var(--orange); color:#fff;}
.lecture_list .btn_wrap {text-align: center; position: absolute; width: calc(100% - 50rem); bottom: 30rem; left: 25rem; border-top: 1px dashed #dfdfdf; padding-top: 15rem;}
.lecture_list .btn_wrap a {text-align: center; padding: 10rem 20rem; background: #1c49a3; color: #fff; line-height: 40rem; border-radius: 60rem;}
.lecture_list .btn_wrap a.status_3 { background:var(--blue); }
.lecture_list .btn_wrap a.status_5 { background:var(--p_color); }
.lecture_list .btn_wrap.disabled a {background: #727272;}
@media all and (min-width: 1399px) {
  .lecture_list .lecture_item {width: calc((100% - 30rem)/3); }
  .lecture_list .lecture_item:nth-child(3n) {margin-right: 0;}
}
@media all and (max-width: 1400px) {
  .lecture_list .lecture_item {width: calc((100% - 15rem)/2);}
  .lecture_list .lecture_item:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width: 910px) {
  .lecture_list .instr_item {width: calc((100% - 15rem)/2);}
  .lecture_list .instr_item:nth-child(3n) {margin-right: 15rem;}
  .lecture_list .instr_item:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width: 750px) {
  .lecture_list .lecture_item { width:100%; margin-right: 0;}
}
@media all and (max-width: 590px) {
  .lecture_list .instr_item {width: 100%; margin-right: 0 !important;}
  .lecture_list .lecture_detail li > p,
  .lecture_list .lecture_detail li > ul { width: 100%; margin:5rem !important;}
}


/*관람안내*/
.information { display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; }
.information dl { position:relative; width:calc((100% - 80rem)/3); background:rgba(105, 33, 23, 0.05); border-radius:20rem; padding:30rem; margin:10rem 0; }
/*
.information dl::before {content:'';  position:absolute; left:-40rem; width:1px; height:100%; border-left:1px dashed #ddd; }
.information dl:first-of-type::before {display:none;}
*/
.information dl dt { display:flex; align-items:center; justify-content:center; font-size:20rem; font-weight:600; margin-bottom:20rem; }
.information dl dt > div { display:flex; width:50rem; height:50rem; justify-content:center; align-items:center; border-radius:50%; background:var(--p_color); margin-right:10rem; }
.information dl dt > div::before { content:''; display:block; width:28px; height:28px; background:var(--sprite) 0 -205px; }
.information dl dt > div.icon2::before { height:20px; background-position-x:-74px;  }
.information dl dt > div.icon3::before { width:26px; height:25px; background-position-x:-38px;  }
.information dl dd strong {display:block; font-size:30rem; margin-bottom:10rem;  }
@media (max-width:900px) and (min-width:481px){
	.information dl {display:flex; justify-content:space-between; width:100%; }
	.information dl dt {width:35%; justify-content:flex-start; }
	.information dl dd {width:60%; text-align:left;}
}
@media all and (max-width:480px){
	.information dl {width:100%;}
}