@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.intro-story {text-align:center;}
.intro-story .row {padding-top:60px; margin-bottom:60px; position:relative;}
.intro-story .row:last-child {margin-bottom:0;}
.intro-story .row:before {position:absolute; content:''; width:4px; height:44px; left:50%; margin-left:-2px; top:0; background-image:url('../images/sub/st_dot.jpg'); background-size:contain; background-repeat:no-repeat;}
.intro-story .row h3 {font-size:30px; font-family:'MaruBuri'; color:#2c2c2c; line-height:1.1em;}
.intro-story .row .tit {font-size:20px; margin:25px 0 15px; font-weight:500;}
.intro-story .row .cnt {font-size:17px; line-height:2.118em; font-weight:300; color:#878787;}
.intro-story .row .img-box {margin-top:35px;}
.intro-story .row .img-box p {font-size:14px; color:#878787; font-weight:300; margin-top:15px;}

.t-menu {display:table; table-layout:fixed; width:100%; margin-bottom:80px;}
.t-menu li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.t-menu li a {font-size:20px; color:#2c2c2c; height:66px; margin-left:-1px; border:1px solid #a8a8a8; display:flex; align-items:center; justify-content:center;}
.t-menu li.active a {height:82px; color:#4688e3; border:3px solid #4688e3; box-shadow:-5px 12px 16px rgba(0,0,0,.15); font-weight:500;}

.color1 {color:#11416f;}
.color2 {color:#0082ca;}
.color3 {color:#4688e3;}

.park-box {padding:55px 65px; margin-bottom:80px; background-color:#f4f4f4; position:relative;}
.park-box .tit {font-size:32px; margin-bottom:25px; line-height:1.2em; letter-spacing:-.03em; color:#2c2c2c;}
.park-box p {font-size:20px; line-height:2em; letter-spacing:-.03em;}
.park-box:after {position:absolute; content:''; width:299px; height:245px; right:130px; top:-20px; background-image:url('../images/sub/qmark.png'); background-size:contain; background-repeat:no-repeat;}

.sub-tabmenu {max-width:1200px; margin:0 auto 60px; position:relative;}
.sub-tabmenu ul {display:table; table-layout:fixed; width:100%;}
.sub-tabmenu ul li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.sub-tabmenu ul li a {font-size:18px; height:56px; line-height:56px; display:block; border:1px solid #dfdfdf; border-right:0; background-color:#fafafa; border-bottom:2px solid #4688e3;}
.sub-tabmenu ul li:last-child a {border-right:1px solid #dfdfdf;}
.sub-tabmenu ul li.active a {border:3px solid #4688e3; font-weight:500; border-bottom:1px solid #fff; color:#4688e3; background-color:#fff;}
.sub-tabmenu ul li.active a + li {border-left:0;}

.season-slide .slick-arrow {display:block; position:absolute; width:72px; height:72px; top:50%; margin-top:-36px; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.season-slide .slick-prev {left:30px; background-image:url("../images/sub/bt_prev2.png");}
.season-slide .slick-next {right:30px; background-image:url("../images/sub/bt_next2.png");}

.season-slide .slick-dots {position:absolute; bottom:-50px; left:0; width:100%; text-align:center; z-index:100;}
.season-slide .slick-dots li {position:relative; display:inline-block; padding:0 10px; border:0; background:transparent;}
.season-slide .slick-dots li button {position:relative; width:20px; height:20px; border-radius:50%; font-size:0; border:2px solid transparent; background:transparent; text-indent:-9999px;}
.season-slide .slick-dots li button:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:15px; height:15px; border:4px solid #e1e1e1; border-radius:50%;}
.season-slide .slick-dots li.slick-active button {background-color:#4688e3; border:none;}
.season-slide .slick-dots li.slick-active button:after {display:none;}

.map-download {width:196px; height:60px; font-size:17px; margin:50px auto 0; font-weight:500; border:1px solid #a8a8a8; color:#2c2c2c; display:flex; align-items:center; justify-content:center;}
.map-download img {margin:-2px 20px 0 0; vertical-align:middle;}

.doc-group {margin-bottom:60px;}

.bi-list1 {margin-top:50px; display:flex;}
.bi-list1 li {width:50%; border-right:1px solid #dfdfdf; text-align:center;}
.bi-list1 li .tit {font-size:26px; margin-bottom:15px; line-height:1.3em; font-weight:500;}
.bi-list1 li .in {font-size:18px; line-height:2em; letter-spacing:-.03em;}
.bi-list1 li:last-child {border-right:0;}

.sub-tit {margin-bottom:15px;}
.sub-tit h3 {font-size:30px; margin-bottom:15px; line-height:1.3em; letter-spacing:-.03em; color:#2c2c2c;}
.sub-tit p {font-size:17px; margin-bottom:20px; letter-spacing:-.03em;}
.sub-tit span {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.sub-tit:last-child {margin-bottom:0;}
.sub-tit.ty2 h3 span {padding-left:20px; font-size:16px; color:#878787; font-weight:300;}

.bi-list2 {display:flex;}
.bi-list2 li {width:33.3333%; border:1px solid #dfdfdf; margin-left:-1px; text-align:center;}
.bi-list2 li .img-box {height:220px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.bi-list2 li .cnt {height:58px; line-height:56px; border-top:1px solid #dfdfdf; background-color:#fafafa;}

.bi-list2.w5 li {width:50%; margin-bottom:20px;}
.bi-list2.w5 li .img-box {height:280px;}
.bi-list2.w3 li .img-box {height:280px;}

.bi-list3 {margin-bottom:25px;}
.bi-list3 li {font-size:17px; margin-bottom:10px; line-height:1.2em;}
.bi-list3 li:last-child {margin-bottom:0;}

.org-table table {border-top:1px solid #a8a8a8; border-collapse:collapse; width:100%; text-align:center;}
.org-table table th {padding:15px 10px; font-weight:500; border-bottom:1px solid #dfdfdf; background-color:#fafafa;}
.org-table table td {padding:12px 10px; font-weight:300; font-size:15px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.org-table table td strong {font-weight:500;}
.org-table table td.none-line-l {border-left:0;}

.root_daum_roughmap {width:100% !important;}

.local li {padding:60px 0; display:flex; border-bottom:1px solid #dfdfdf; align-items:center;}
.local li .left {width:220px; text-align:center;}
.local li .left .icon {margin-bottom:10px;}
.local li .left p {font-size:17px; font-weight:500; color:#2c2c2c;}
.local li .cnt {flex:1;}
.local li .cnt span {font-weight:500;}
.local li .cnt .subway {margin-bottom:10px;}
.local li .cnt .subway span {width:32px; height:32px; line-height:32px; margin-right:8px; border-radius:100%; text-align:center; color:#fff; display:inline-block;}
.local li .cnt .subway span.line1 {background-color:#606d00;}
.local li .cnt .subway span.line2 {background-color:#7dc4a5;}
.local li .bus-cnt p {padding-left:10px; margin-bottom:5px; position:relative;}
.local li .bus-cnt p:before {position:absolute; content:''; top:12px; left:0; border-radius:100%; background-color:#454545; width:4px; height:4px;}	
.local li .bus-cnt p.last {margin-bottom:20px;}

.bus-img {margin-top:30px; text-align:center;}
.bus-img .img {margin-bottom:70px;}
.bus-img .img:last-child {margin-bottom:0;}

.facility {padding:80px 0 120px; margin-bottom:120px; background-color:#f4f7fa;}
.facility .img {margin-bottom:35px;}

.contain.por {position:relative;}
.vr-view {font-size:14px; width:140px; height:44px; padding-left:20px; line-height:42px; right:30px; bottom:55px; border-radius:30px; color:#fff; background-color:#11416f; position:absolute;}
.vr-view span {font-size:16px; padding-left:15px; font-weight:600; font-family:'Pretendard';}

.facility-slide {padding:30px; background-color:#fff; height:411px; position:relative;}
.facility-slide .item {display:flex;}
.facility-slide .item .cnt {margin-left:75px; padding-top:35px;}
.facility-slide .item .cnt .tit {font-size:26px; margin-bottom:30px; line-height:1.3em; font-weight:700; letter-spacing:-.03em; color:#2c2c2c;}
.facility-slide .item .cnt .inner {font-size:17px; font-weight:300;}
.facility-slide .slick-arrow {display:block; position:absolute; width:19px; height:36px; bottom:0; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.facility-slide .slick-prev {left:0; background-image:url("../images/sub/bt_prev3.png");}
.facility-slide .slick-next {right:0; background-image:url("../images/sub/bt_next3.png");}
.facility-slide-control {position:absolute; bottom:70px; left:50%; margin-left:85px; width:77px; z-index:80;}
.facility-slide-control .ctr {position:relative; width:100%;}

.time-table th {border-right:1px solid #dfdfdf;}
.time-table .none-line {border-right:0;}
.time-table strong {font-weight:500;}

ul.sec3-slide {display:flex; flex-wrap:wrap; margin:50px -15px 0;}
ul.sec3-slide .item {width:25%; padding:0 15px 50px;}
ul.sec3-slide .item .monthly {font-size:17px; margin:25px -20px 0; line-height:40px; margin-bottom:15px; color:#121212; font-weight:500; text-align:center; position:relative; background:linear-gradient(144deg, rgba(247,232,193,1) 0%, rgba(183,168,129,1) 90%);}
/* ul.sec3-slide .item .monthly:after {position:absolute; content:''; height:41px; top:0; left:-20px; right:-20px; background:linear-gradient(144deg, rgba(247,232,193,1) 0%, rgba(183,168,129,1) 90%); z-index:-1;} */

.person .top {margin-bottom:50px; display:flex;}
.person .top .img-box {max-width:320px; flex:1 320px; padding:30px; background-color:#f4f4f4;}
.person .top .img-box .thumb {position:relative; padding-bottom:133%; overflow:hidden;}
.person .top .img-box .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.person .top .cnt {padding-left:70px; flex:1; width:1%;}
.person .top .cnt .box {padding:20px 0 10px; display:flex; align-items:center;}
.person .top .cnt .box .name {font-size:36px; font-weight:700; line-height:1.3em; letter-spacing:-.03em; color:#2c2c2c;}
.person .top .cnt .box .note {margin-left:20px; display:flex;}
.person .top .cnt .box .note span {font-size:14px; height:30px; margin-right:3px; padding:0 15px; display:inline-block; font-weight:500;}
.person .top .cnt .box .note span.type2 {color:#fff; background-color:#4688e3;}
.person .top .cnt .box .note span.type1 {color:#2c2c2c; background-color:#ccc;}

.person .top .cnt .histoty-year {margin-bottom:20px;}
.person .top .cnt .explain {padding-top:20px; border-top:1px solid #dfdfdf;}
.person .top .cnt .explain .text-tit {font-size:22px; line-height:1.3em; margin-bottom:10px; font-weight:500; letter-spacing:-.03em;}
.person .top .cnt .explain .text {font-size:15px; color:#a8a8a8; line-height:2.133em;}

.history ul li {padding-bottom:25px; display:flex; position:relative;}
.history ul li:last-child {padding-bottom:0;}
.history ul li:after {position:absolute; content:'' ; width:1px; top:5px; bottom:-5px; left:119px;	 background-color:#dfdfdf; z-index:-1;}
.history ul li:last-child:after {display:none;}
.history ul li .year {width:128px; padding-left:17px ; font-size:28px; letter-spacing:.03em; position:relative;}
.history ul li .year:after {position:absolute; content:''; width:18px; height:18px; top:5px; right:0; border-radius:100%; border:5px solid #4688e3; background-color:#fff;}
.history ul li .cnt {padding-left:30px; font-size:18px; letter-spacing:-.03em; flex:1;}

.life {font-size:17px; margin-bottom:35px; font-weight:300; line-height:2.118em;}
.life:last-child {margin-bottom:0;}

.grave-img {margin-bottom:40px;}

.grave-map iframe {width:100%;}

.memorial-list {margin:35px -15px 65px; display:flex;}
.memorial-list li {width:25%; padding:0 15px;}
.memorial-list li .box {padding:0 30px; height:290px; border:1px solid #dfdfdf; position:relative; text-align:center; display:flex; justify-content:center; align-items:center;}
.memorial-list li .box:after {position:absolute; content:''; width:109px; height:14px; left:50%; margin-left:-55px; top:28px; background-image:url('../images/sub/memorialBg.png'); background-size:contain; background-repeat:no-repeat;}
.memorial-list li .box .txt {font-weight:300;}
.memorial-list li .box .name {position:absolute; bottom:40px; left:50%; transform:translateX(-50%); font-weight:500; color:#2c2c2c;}

.monument-list {display:flex; margin:0 -10px; flex-wrap:wrap;}
.monument-list li {width:50%; padding:0 10px; margin-bottom:20px;}
.monument-list li:last-chlid {margin-bottom:0;}
.monument-list li a {padding:40px; display:flex; border:1px solid #dfdfdf;}
.monument-list li a .img-box {margin-right:40px;}
.monument-list li a .cnt {flex:1; position:relative;}
.monument-list li a .cnt .name {font-size:24px; margin-bottom:10px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; color:#2c2c2c;}
.monument-list li a .cnt .name span {font-size:16px; padding-left:10px; font-weight:400; color:#505050;}
.monument-list li a .cnt .title {font-size:21px; margin-bottom:15px; padding-left:13px; width:238px; letter-spacing:0; line-height:43px; height:38px; color:#fff; font-family:'InkLipquid'; background-image:url('../images/main/titleBg.png'); background-size:100% 100%; background-repeat:no-repeat;}
.monument-list li a .cnt .txt-wrap {height:105px; overflow:auto; font-size:15px; line-height:1.6em; color:#878787;}
.monument-list li a .cnt .quote {font-size:13px; line-height:1.5em; position:absolute; left:0; bottom:0;}
.monument-list li a .cnt .view {position:absolute; right:-41px; bottom:-41px;}

.tombstone .row {margin-bottom:50px; display:flex; align-items:center;}
.tombstone .row:last-child {margin-bottom:0;}
.tombstone .row .cnt {margin-left:105px; flex:1;}
.tombstone .row .cnt .name {font-size:26px; margin-bottom:20px; letter-spacing:-.03em; font-weight:700; color:#2c2c2c; line-height:1.3em;}
.tombstone .row .cnt .txt {font-size:17px; font-weight:300; letter-spacing:-.03em;}
.tombstone .row:nth-child(even) .img {order:2;}
.tombstone .row:nth-child(even) .cnt {margin-right:80px; margin-left:80px;}

.exhibit-list {display:flex; flex-wrap:wrap; margin:0 -13px;}
.exhibit-list .item {width:50%; padding:0 13px; margin-bottom:30px;}
.exhibit-list .item:nth-last-child(-n+2) {margin-bottom:0;}
.exhibit-list .item .box {padding:40px; display:flex; border:1px solid #dfdfdf;}
.exhibit-list .item .box .img-box {max-width:205px; flex:1 205px;}
.exhibit-list .item .box .img-box .thumb {position:relative; padding-bottom:141%; overflow:hidden;}
.exhibit-list .item .box .img-box .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.exhibit-list .item .box .cnt {margin-left:40px; width:1%; flex:1; position:relative;}
.exhibit-list .item .box .cnt .tit {font-size:20px; margin-bottom:15px; font-weight:500; color:#2c2c2c; letter-spacing:-.04em; line-height:1.5em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.exhibit-list .item .box .cnt .txt-wrap {font-size:14px; line-height:1.714em; height:5.142em; overflow:auto;}
.exhibit-list .item .box .cnt ul {margin-top:10px;}
.exhibit-list .item .box .cnt ul li {font-size:15px;}
.exhibit-list .item .box .cnt ul li span {width:90px; display:inline-block; font-weight:500; color:#2c2c2c;}
.exhibit-list .item .box .cnt ul li span img {margin:-2px 10px 0 0; vertical-align:middle;}
.exhibit-list .item .detail-view {width:150px; height:50px; display:flex; border:1px solid #dfdfdf; position:absolute; bottom:0; left:0; font-weight:500; color:#2c2c2c; align-items:center; justify-content:center;}

.exhibit-list.type2 {border-top:1px solid #a8a8a8; display:block;}
.exhibit-list.type2 li {width:100%; padding:0; margin-bottom:0;}
.exhibit-list.type2 li .box {padding:30px 0 30px 30px; border-right:0; border-top:0; border-left:0; align-items:center;}
.exhibit-list.type2 .item .box .cnt {max-width:700px; flex:1 700px;}
.exhibit-list.type2 .item .box .cnt .tit {font-size:24px; margin-bottom:25px; font-weight:700; display:flex; align-items:center;}
.exhibit-list.type2 .item .box .cnt .txt-wrap {font-size:15px; overflow:initial; height:8em; line-height:2em; color:#878787; /*display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;  word-break:break-word; text-overflow:ellipsis; */ overflow:hidden;}
.exhibit-list.type2 .item .box .cnt ul {margin:0 0 40px;}
.exhibit-list.type2 .item .detail-view {margin-left:100px; bottom:auto; right:auto; position:relative;}

.progress {font-size:14px !important; color:#fff; padding:1px 10px; height:22px; line-height:20px; margin-left:15px;}
.progress1 {background-color:#4688e3;}
.progress2 {background-color:#a8a8a8;}

.exhibit-list.type2 .item.end .box .img-box .thumb {opacity:.7;}
.exhibit-list.type2 .item.end,
.exhibit-list.type2 .item.end .box .cnt .txt-wrap,
.exhibit-list.type2 .item.end .tit,
.exhibit-list.type2 .item.end .box .cnt ul li span {color:#a8a8a8;}

.program-info-list {display:flex; margin:0 -45px;}
.program-info-list ul {padding:0 45px; margin-bottom:0 !important;}
.program-info-list ul li {margin-bottom:10px !important; font-weight:300; color:#878787; margin-bottom:15px;}
.program-info-list ul li span {width:105px; font-weight:500; display:inline-block; color:#505050;}
.program-info-list ul li:last-child {margin-bottom:0;}

.exhibit-list .item .box .img-box.type2 {max-width:177px; flex:1 177px;}

.reservation-table table {border-top:1px solid #a8a8a8; border-collapse:collapse; width:100%;}
.reservation-table table th {font-size:17px; padding:15px 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; letter-spacing:-.03em; text-align:center; font-weight:500; background-color:#f8f8f8;}
.reservation-table table th:last-child {border-right:0;}
.reservation-table table td {padding:15px 10px 15px 30px; text-align:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#878787;}
.reservation-table table td.none-line {border-right:0;}
.reservation-table.ty2 table td:first-child,
.reservation-table.ty2 table td:last-child {text-align:center; padding-left:0; padding-right:0;}
.reservation-table.ty2 table td:first-child {color:#505050;}
.reservation-table.ty2 table td:last-child {border-right:0;}

.reservation-wrap .sub-tit h3 {margin-bottom:35px;}
.reservation-wrap .group {margin-bottom:60px; position:relative;}
.reservation-wrap .group:last-child {margin-bottom:0;}
.reservation-wrap .btn-add {margin-top:70px; font-weight:500; text-align:right; }
/* .reservation-wrap .btn-add img {margin-left:10px;} */
.reservation-wrap .btn-add button {border:0; background:none;}
.reservation-wrap .btn-add button img {margin-left:10px;}
.add-wrap  .reservation-table {display:none;}
.add-wrap  .reservation-table.active {display:block; margin-top:30px;}

.reseve-btn-wrap {margin-top:55px; display:flex; justify-content:center}

.reseve-btn {width:150px; height:50px; margin:0 5px; font-size:18px; display:flex; color:#fff; background-color:#0082ca; text-align:center; align-items:center; justify-content:center;}
.reseve-btn.xlarge {width:180px; height:60px;}
.reseve-btn1 {position:absolute; top:0; right:0;}

.wid1 {width:100%; max-width:310px;}
.wid2 {width:100%; max-width:292px;}

.reserve-person {padding:45px 65px 55px; display:flex; background-color:#f8f8f8; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.reserve-person li {width:33.3333%; padding:0 20px;}
.reserve-person li .tt {margin-bottom:15px; font-weight:500; color:#4688e3;}

.volunteer-intro {display:flex;}
.volunteer-intro .img {padding:110px 120px; background-color:#e4edf5;}
.volunteer-intro .img img {box-shadow:1px 3px 10px rgba(0,0,0,.2);}
.volunteer-intro .cnt {padding-left:80px; padding-top:25px; flex:1;}
.volunteer-intro .cnt .title {font-size:30px; margin-bottom:10px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.3em;}
.volunteer-intro .cnt .txt {font-size:17px; letter-spacing:-.03em; line-height:2em;}

.sub-list {margin-top:35px;}
.sub-list li {margin-bottom:20px;}
.sub-list li:last-child {margin-bottom:0;}
.sub-list li .tit {font-size:20px; font-weight:500; color:#4688e3; letter-spacing:-.03em; line-height:1.8em;}
.sub-list li .in {font-size:17px; letter-spacing:-.03em; line-height:2.118em;}

.media-report tr {cursor:pointer;}
.media-report td p {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.media-report tr:hover td {color:#4688e3; background-color:#f7faff;}

.opening-group {margin-bottom:50px;}

.opening-box {padding:55px 0; text-align:center; background-color:#fafafa;}
.opening-box h4 {font-size:24px; letter-spacing:-.04em; color:#11416f;}
.opening-box .info {font-size:18px; font-weight:500; color:#2c2c2c;}

.opening-list {margin:35px -30px; display:flex; justify-content:center; text-align: center;}
.opening-list li {padding: 0 30px; position: relative;}
.opening-list li:after {width:24px; height:24px; right:-12px; top:100px; position:absolute; content:''; background-image:url('../images/sub/sub7_arrow.png'); background-size:contain; background-repeat:no-repeat;}
.opening-list li:last-child:after {display:none;}
.opening-list .box {width:260px; height:226px; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff;}
.opening-list .num {font-size:24px; margin:15px 0 10px; font-weight:700; letter-spacing:-.04em;}
.opening-list .txt {font-size:20px; font-weight:500; letter-spacing:-.04em;}
.opening-list li:nth-child(1) .box {background-color:#4688e3;}
.opening-list li:nth-child(2) .box {background-color:#546ca3;}
.opening-list li:nth-child(3) .box {background-color:#0082ca;}
.opening-list li:nth-child(4) .box {background-color:#5d78b6;}
.opening-list .bot {margin-top: 15px; font-size: 20px; color: #2c2c2c;}
.opening-list .bot span {font-weight: 500; line-height:1.6em;}

.opening-list.ty2 {margin:35px -20px;}
.opening-list.ty2 li {width: 25%; padding: 0 20px;}
.opening-list.ty2 li .box {width: 100%;}

.opening-table {margin-top:15px;}
.opening-table table {border-collapse:collapse; width:100%; border-top:1px solid #a8a8a8;}
.opening-table table th {font-weight:500; line-height:1.765em; text-align:center; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf;}
.opening-table table td {padding:27px 0 27px 33px; line-height:1.75em; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:left;}
.opening-table table td strong {margin-bottom:5px; font-weight:500; display:block;}

.related-list li {padding:0 40px 0 32px; height:65px; display:flex; border:1px solid #dfdfdf; margin-top:-1px; justify-content:space-between; align-items:center;}
.related-list li .title {font-size:17px; padding-left:15px; position:relative; letter-spacing:-.03em; color:#2c2c2c;}
.related-list li .title:before {position:absolute; content:''; width:5px; height:5px; top:50%; margin-top:-2px; left:0; background-color:#dfdfdf;}
.related-list li a {font-size:15px; letter-spacing:-.04em; color:#4688e3; position:relative;}
.related-list li a img {margin:-3px 7px 0 0; vertical-align:middle;}
.related-list li a:hover:after {position:absolute; content:''; left:22px; right:0; height:1px; background-color:#bcd0f3; bottom:0;}

.volunteer-membership {margin:35px 0;}
.volunteer-membership .tit {font-size:20px; font-weight:500; letter-spacing:-.03em;}
.volunteer-membership .box {padding:35px 40px; margin-top:15px; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf; background-color:#f8f8f8;}
.volunteer-membership .box .items li {line-height:1.4em; margin-bottom:16px;}
.volunteer-membership .box .items li:last-child {margin-bottom:0;}
.volunteer-membership .box ol li {margin-bottom:7px;}
.volunteer-membership .box ol li:last-child {margin-bottom:0;}
.volunteer-membership .box ol li ul {margin-top:7px;}
.volunteer-membership .box ol li ul li {font-size:14px; margin-bottom:0; padding-left:15px;}

.disblock {display:block;}

.file-download {font-size:15px; width:146px; height:43px; padding-left:20px; display:block; line-height:42px; color:#ff6600; border:1px solid #ff6600;}
.file-download img {margin:-3px 8px 0 0; vertical-align:middle;}

.method {font-size:17px; margin:20px 0 10px; font-weight:500; color:#ff6600;}

.greeting {display:flex; position:relative; width:100%; max-width:1920px; margin:0 auto;}
.greeting:before {position:absolute; content:''; width:200px; height:143px; left:430px; bottom:0; background-image:url('../images/sub/greeting_logo.png'); background-size:contain; background-repeat:no-repeat;}
.greeting:after {position:absolute; content:''; width:1560px; height:804px; top:290px; left:360px; background-color:#f4f4f4; z-index:-1;}
.greeting .cnt {padding:30px 0 0 65px;}
.greeting .cnt .top span {font-size:14px; font-weight:500; letter-spacing:.6em; color:#ccc;}
.greeting .cnt .top p {font-size:38px; margin:65px 0 15px; line-height:1.2em; font-family:'MaruBuri'; font-weight:600; color:#2c2c2c;}
.greeting .cnt .top .txt {font-size:24px; font-weight:500; color:#505050; letter-spacing:-.03em;}
.greeting .cnt .top .txt strong {color:#4688e3; font-weight:500;}
.greeting .greeting-txt {padding-top:125px;}
.greeting .greeting-txt p {font-size:18px; margin-bottom:25px; line-height:2em; font-weight:300;}
.greeting .greeting-txt p.last {text-align:right; margin-bottom:0;}
.greeting .greeting-txt p.last img {margin:-6px 10px 0 0;}

.visit-table {}
.visit-table table {border-top:1px solid #a8a8a8; border-collapse:collapse; width:100%; text-align:center;}
.visit-table table th {font-size:17px; padding:15px 5px; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-.03em; background-color:#f8f8f8;}
.visit-table table td {padding-top:15px; padding-bottom:15px; line-height:1.7em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:500;}
.visit-table table th:last-child,
.visit-table table td:last-child {border-right:0;}
.visit-table table td.left {padding-left:40px; text-align:left;}

.visit-table .course1 {color:#21747d;}
.visit-table .course2 {color:#c88901;} 
.visit-table .course3 {color:#521877;}
.visit-table .course4 {color:#5b310f;}

.course-wrap {margin-top:85px; text-align:center;}
.course-wrap .title {font-size:30px; margin-bottom:60px;  font-weight:700;letter-spacing:-.03em; color:#fff;}
.course-wrap .item {margin-bottom:40px; padding:35px 0;}
.course-wrap .item:last-child {margin-bottom:0;}
.course-wrap .item1 {background-color:#21747d;}
.course-wrap .item2 {background-color:#c88901;}
.course-wrap .item3 {background-color:#521877;}
.course-wrap .item4 {background-color:#5b310f;}

.apply-rental {padding:120px 0; background-color:#f4f7fa;}
.apply-rental .title {font-size:23px; margin-bottom:12px; color:#4688e3; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}	
.doc-cnt45 {margin-bottom:45px;}
.apply-rental table {border-top:2px solid #4688e3; border-collapse:collapse; width:100%;}
.apply-rental table th {padding:15px 5px; font-size:17px; border-bottom:1px solid #ddd; font-weight:500; letter-spacing:-.03em; line-height:1.4em; text-align:center;}
.apply-rental table td {padding:15px 10px 15px 20px; border-bottom:1px solid #ddd;}
.apply-rental table td .content {height:150px; overflow:scroll;}
.apply-rental table .btn-pack {min-width:120px; background-color:#0082ca; border-color:#0082ca; color:#fff;}
.apply-rental table select.nopad {padding:10px 0;}
.apply-rental table .flex {display:flex;}
.apply-rental table .flex .item-1 {min-width:180px;}
.apply-rental table .flex .item-2 {margin:0 20px; min-width:220px;}
.apply-rental table .wrap {display:flex; align-items:center; justify-content:center; font-weight:500;}
.bl-1 {border-left:1px solid #ddd;}
.pad-side {padding:0 15px 0 10px;}
.checkbox-wrap {margin-top:10px;}
.checkbox-wrap span.checkbox {padding:0 8px; font-weight:500;}
.checkbox-wrap span.checkbox label:before {background-color:#fff;}
.checkbox-wrap span.no-check {color:#ddd;}
.checkbox-wrap span.no-check label:before {background-color:#ddd;}
.checkbox-wrap span.checkbox input:checked + label:before {background-color:#0082ca;}

.new-btn-wrap {display:flex; justify-content:flex-end;}
.new-btn-wrap.st1 {margin-bottom:10px;}
.new-btn-wrap.st2 {margin-top:40px;}
.new-btn-wrap.st3 {justify-content:center;}
.new-btn-wrap .btn {width:65px; height:40px; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:500;}
.new-btn-wrap .btn:last-child {margin-left:10px;}
.new-btn-wrap.st1 .btn {background-color:#fff; color:#454545; border:1px solid #ddd;}
.new-btn-wrap .btn.ty1 {color:#fff; background-color:#11416f;}
.new-btn-wrap .ty2 {color:#fff; background-color:#0082ca;}

.layer_popup1 {padding:40px 70px 65px; max-width:1400px; border:1px solid #2b79c2; display:none; width:100%; position:relative; z-index:100 !important;}
.layer_popup1 .apply-rental {padding:0; background-color:#fff;}
.layer_popup1 .table2 {text-align:center;}
.layer_popup1 .table2 th:first-child {border-left:0;}
.layer_popup1 .table2 th,
.layer_popup1 .table2 td {border-left:1px solid #ddd;}
.mb10 {margin-bottom:10px;}

.bg-btn {min-width:80px; line-height:40px; height:44px; font-weight:500; display:inline-block; background-color:#ddd; text-align:center;}
.color-blue {color:#4688e3;}

.layer_popup2 {padding:31px 10px; max-width:650px; border:1px solid #2b79c2; display:none; width:100%; position:relative; z-index:100 !important;}
.pop-save-content {padding-top:30px;}
.pop-save-content p {font-size:16px; margin-bottom:40px; text-align:center; color:#222;}
.fancybox-popapply .fancybox-close,
.layer_popup a.close-modal {width:14px; height:14px; top:20px; right:20px; background-size:contain; background-image:url('../images/bbs/pop_cls.png');}
.fancybox-popsave .fancybox-skin {border:1px solid #2b79c2; border-radius:0;}
.fancybox-popsave .fancybox-close {width:14px; height:14px; top:20px; right:20px; background-size:contain; background-image:url('../images/bbs/pop_cls.png');}

.radio-wrap {display:flex; gap:0 30px; padding:10px 0;}

.plus-btn {margin-top:20px; text-align:right;}
.plus-btn a {gap:0 7px; font-weight:500; display:inline-flex; align-items:center; justify-content:flex-end;}
.plus-btn a span {width:28px; height:28px; font-size:24px; font-weight:200; align-items:center; justify-content:center; display:inline-flex; color:#fff; border-radius:100%; background-color:#0082cd; text-align:center;}