@charset "utf-8";

/*공통*/
.green-txt {color:#71b22c !important;}
.doc-tit {position:relative; padding-left:40px; font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#2c2c2c; margin-bottom:25px;}
.doc-tit a {display:inline-block; font-size:15px; font-weight:400; line-height:1em; letter-spacing:-0.02em; color:#fff; padding:8px 60px 8px 20px; border-radius:50px; background:#71b22c;}
.doc-tit a.type2 {padding:8px 20px;background:#505050 !important; pointer-events:none;}
.doc-tit:before {content:""; position:absolute; width:28px; height:28px; background:url("../images/sub/doc_tit.gif") no-repeat 50% 50%; left:0; top:4px;}

.doc-cnt {margin-bottom:150px;}
.doc-cnt:last-child {margin-bottom:0;}

/*greeting*/
.greeting {display:flex;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-right:10px;}
.greeting h3 {font-size:34px; font-weight:800; line-height:1.4em; letter-spacing:-0.02em; color:#2c2c2c; margin-bottom:20px;}
.greeting p {font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.02em; color:#505050; margin-bottom:15px;}
.greeting p:last-child {margin-bottom:0;}

/*history*/
.history-wrap .bg-wrap {position:relative; background:url("../images/sub/history_bg2.jpg") no-repeat 50% 50%; background-size:cover; height:480px; width:100%;}
.history-wrap .bg-wrap .cnt {position:absolute; top:220px; right:130px; color:#fff;}
.history-wrap .bg-wrap .cnt h3 {font-size:62px; font-weight:800; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:25px;}
.history-wrap .bg-wrap .cnt p {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em;}
.history-wrap .bg-wrap .bg {position:absolute; bottom:0; left:150px;}
.history {padding-top:90px; position:relative;}
.history:before {content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; height:90px; background:#ddd; top:0;}
.history .group {position:relative; padding-left:calc(50% + 180px); padding-bottom:80px;}
.history .group:before {content:""; position:absolute; width:36px; height:36px; background:#fff; border:10px solid #71b22c; left:50%; margin-left:-18px; top:0; z-index:1;}
.history .group:after {content:""; position:absolute; width:1px; height:100%; background:#ddd; left:50%; margin-left:-0.5px; top:0;}
.history .group:last-child:after {display:none;}
.history .group:nth-child(even) {padding-left:0; padding-right:calc(50% + 180px); text-align:right;}
.history .group:last-child{padding-bottom:0;}

.history .group .year {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#2c2c2c; margin-bottom:20px; position:relative;}
.history .group .year:before {content:""; position:absolute; width:8px; height:8px; background:#abc609; left:-26px; top:50%; margin-top:-4px; z-index:1;}
.history .group .year:after {content:""; position:absolute; left:-180px; width:160px; height:1px; background:#ddd; top:50%; margin-top:-0.5px;}
.history .group:nth-child(even) .year:before {left:auto; right:-26px;}
.history .group:nth-child(even) .year:after {left:auto; right:-180px;}
.history .group li {margin-bottom:10px; position:relative; font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#505050; padding-left:10px;}
.history .group li:last-child {margin-bottom:0;}
.history .group li:before {content:""; position:absolute; margin-left:-10px; width:5px; height:2px; background:#505050; top:13px;}

/*performance*/
.performance-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.performance-list ul li {width:33.333%; padding:0 20px; margin-bottom:40px;}
.performance-list ul li a {display:block;}
.performance-list ul li a:hover .tit {color:#71b22c;}
.performance-list ul li .tit {transition:0.2s all ease; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.02em; color:#2c2c2c; margin-bottom:8px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.performance-list ul li .thumb {position:relative; padding-bottom:75.07%; margin-bottom:20px; overflow:hidden;}
.performance-list ul li .date {font-size:14px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#878787;}
.performance-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.performance-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.performance-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.09); -ms-transform:translateY(-50%) scale(1.09); -webkit-transform:translateY(-50%) scale(1.09)}

.program-summary {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.program-summary li {margin-bottom:10px; width:50%; padding-left:15px; font-size:18px; font-weight:500; line-height:1.7em; letter-spacing:-0.02em; color:#2c2c2c; position:relative;}
.program-summary li:before {content:""; position:absolute; width:6px; height:6px; background:#ccc; left:0; top:12px; border-radius:100%;}
.program-info {display:flex; margin-left:-10px; margin-bottom:60px;}
.program-info .box {text-align:center; display:flex; justify-content: center; align-items: center; flex-direction: column; min-height:215px; padding:20px; flex:1; margin-left:10px; border:1px solid #ddd;}
.program-info .box .icon {margin-bottom:20px;}
.program-info .box .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#2c2c2c; margin-bottom:8px;}
.program-info .box .txt {font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:-0.02em; color:#505050;}
.program-info .box .txt span {display:inline-block; background:#777; padding:8px; color:#ddd; line-height:1em; font-weight:400; font-size:14px; margin-top:5px;}
.program-pic {width:100%; max-width:800px; margin:0 auto;}
.program-pic .big-pic {position:relative; margin-bottom:10px;}
.program-pic .big-pic .slick-arrow {position:absolute; top:50%; z-index:1; width:28px; height:54px; margin-top:-27px; background-color:transparent; border:0; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.program-pic .big-pic .slick-prev {left:20px; background-image:url("../images/sub/pro_prev.png");}
.program-pic .big-pic .slick-next {right:20px; background-image:url("../images/sub/pro_next.png");}
.program-pic .thumb-pic .img img {width:100%;}
.program-pic .thumb-pic .slick-slide {margin:0 5px;}
.program-pic .thumb-pic .slick-list {margin:0 -5px;}
.program-pic .thumb-pic .slick-current .img {position:relative;}
.program-pic .thumb-pic .slick-current .img:before {content:""; position:absolute; width:100%; height:100%; left:0; top:0; border:2px solid #71b22c;}

.summary .info-tit {position:relative; font-size:28px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#71b22c; margin-bottom:15px;}
.summary .info-tit.type2 {display:flex;align-items: center; justify-content: space-between;}
.summary .info-tit.type2 a {display:inline-block; font-size:15px; font-weight:400; line-height:1em; letter-spacing:-0.02em; color:#fff; padding:8px 60px 8px 20px; border-radius:50px; background:#71b22c;}
.summary .info-tit.type2 a:before {content:""; position:absolute; width:20px; height:4px; background:url("../images/sub/more_icon.png") no-repeat 50% 50%; right:20px;top:50%; margin-top:-2px;}
.summary .info-tit.type2 a:hover {background:#59821f;}
.summary .sub-info {text-align:right; font-size:15px; font-weight:400; color:#505050; margin-top:-10px; position:relative;}

.summary .doc-tit {display:flex;align-items: center; justify-content: space-between;}
.summary .doc-tit a:before {content:""; position:absolute; width:20px; height:4px; background:url("../images/sub/more_icon.png") no-repeat 50% 50%; right:20px;top:50%; margin-top:-2px;}
.summary .doc-tit a.type2:before {display:none;}
.summary .doc-tit a:hover {background:#59821f;}
.healing .info-wrap {margin-bottom:120px;}
.healing .info-wrap:last-child {margin-bottom:0;}
.forest-img {display:flex; margin-left:-10px; margin-bottom:120px;}
.forest-img {}
.forest-img:last-child {margin-bottom:0;}
.forest-img .img {width:calc(33.33% - 10px); position:relative; margin-left:10px;}
.forest-img .img .tit {position:absolute; width:100%; bottom:0; left:0; text-align:center; padding:12px 0; color:#fff; background:rgba(0,0,0,0.5);}

/*reserv-info*/
.reserv-info {display:flex; justify-content: space-between; background:#f5f5f5; border-radius:8px; padding:20px; margin-top:60px;}
.reserv-info .box {padding:28px 60px; background:#fff; border-radius:8px; width:calc(50% - 10px);}
.reserv-info .box .tit {font-size:20px; font-weight:600; line-height:1.7em; letter-spacing:-0.03em; color:#242424; margin-bottom:5px;}
.reserv-info .box .cnt {padding-left:20px;}
.reserv-info .box .cnt p {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.reserv-info .box .txt-red {color:#ea4044; font-weight:600;}