@charset "utf-8";

.cl1 {color:var(--color-primary);}
.cl2 {color:var(--color-second);}

.dona-top {display:flex; align-items:center; justify-content:space-between; padding:0 100px;  height:280px; background-image:url(../images/sub/dona-img.jpg); background-repeat: no-repeat; background-size: cover;border-radius:30px;}
.dona-top .left h2 {font-size:40px; color:#242424; line-height: 1.2em;}
.dona-top .left .p {margin:25px 0 5px; font-size:18px; color:#454545;}
.dona-top .left .p span {font-size:18px; color:#242424; font-weight:600;}
.dona-top .right li {display:flex;}
.dona-top .right li {margin-top:10px; display:flex; align-items:center;}
.dona-top .right li:first-child {margin-top:0;}
.dona-top .right li p:first-child {margin-right:12px; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; color:#242424; width:90px; height:28px; border:1px solid #242424; border-radius:14px;}
.dona-top .right li p:last-child span {margin-left:24px;}
.dona-top .right li p:last-child {font-size:18px; color:#242424; font-weight:600;}

.dona-btm {display:flex;justify-content:space-between; margin-top:80px;}
.dona-btm .tt {font-size:28px; font-weight:700; color:#242424; line-height:1.55em;}
.dona-btm .pp {line-height:1.2em; margin-top:25px;}
.dona-btm .pp span {color:#242424; font-weight:600;}
.dona-btm .p-etc {margin-top:10px; font-size:14px; color:#ababab; line-height:1.2em;}
.dona-btm .left {margin-top:60px; background-image:url(../images/sub/dona-bg.png); background-size:303px 308px; background-repeat:no-repeat; background-position:22px bottom;}

.dona-btm .right {padding:35px 30px; width:760px; border:10px solid #fafafa; border-radius:30px;}

.form-top {display:flex; justify-content:space-between;}
.group-tit {font-size:18px; font-weight:700; color:#242424; margin-bottom:15px;}
.form-top .essential {font-size:14px; color:#ababab; font-weight:400;}
.essential {position:relative; padding-left:20px ; font-weight: 500; color: #242424;}
.essential::before {content:''; position:absolute; background-image:url(../images/sub/essential-icon.png);width:16px; height:14px; left:0; top:4px;}
.form-top .essential::before {top:7px;}

.row {display:flex; margin:0 -15px;}
.row.r02 {margin:20px -15px;}
.row .col {width:50%; padding:0 15px;}
.row .col .input {width:100%; border-radius:6px;}
.row .col dt {margin-bottom: 5px;}
.col05 {width:100% !important;}
.col05 dd {display:flex; justify-content:space-between;}
.col05 dd .item {display:flex; align-items:center; width:85px; font-size:14px; font-weight:500; letter-spacing:-.04em;}
.col05 dd .item:last-child {display:flex; align-items:center; margin-right:0; width:260px;}
.col05 dd .item:last-child .input {flex:1 1 auto; min-width:0; width:1%;}
.col05 dd .item:last-child .radiobox {margin-right:14px;}
.row .col .input::placeholder {font-size:14px; color:#898989;}

.form-wrap .group:last-child {margin-top:50px;}
.col-x2 {width:100% !important;}
.col-x2 textarea.input {height:130px;}

.form-bottom {display:flex; justify-content:space-between; margin-top:25px;}
.form-bottom .form-agree {margin:0;}
.form-bottom .buttons {margin:0;}
.form-bottom .btn-pack.large {min-width:180px;}

.list-tab {margin-bottom:60px;}
.list-tab li { width:auto; flex:1; align-items:center; justify-content:center; text-align:center; font-size:18px; font-weight:600; letter-spacing:-0.03em; line-height:1.44em; color:#898989; background-color:#fafafa; border-top:1px solid #dddddd; border-bottom:1px solid var(--color-primary);}
.list-tab li.active {border:1px solid var(--color-primary) !important; border-bottom:none !important; background-color:#fff !important; color:var(--color-primary) !important; border-radius:10px 10px 0 0 !important;}
.list-tab li:first-child {border-radius:10px 0 0 0 ; border-left:1px solid #ddd;}
.list-tab li:last-child {border-radius:0 10px 0 0 ; border-right:1px solid #dddddd;}
.list-tab li a {display:flex; height:50px; align-items: center; justify-content: center; }

.share li {position:relative; margin-top:115px; display:flex; align-items:flex-end;}
.share li:nth-child(even) {flex-direction:row-reverse;}
.share li:last-child {margin-bottom:60px;}
.share li:first-child {margin-top:0;}
.share li::after {position:absolute; z-index:1; opacity:.07; bottom:115px; font-size:200px;}
.share li:nth-child(odd)::after {right:0; color:#7aae3c;}
.share li:nth-child(even)::after {left:0; color:#ec8d49;}
.share li:nth-child(1)::after {content:'01'; }
.share li:nth-child(2)::after {content:'02'; }
.share li:nth-child(3)::after {content:'03'; }
.share li:nth-child(4)::after {content:'04'; }
.share li:nth-child(odd) .img img {border-radius:20px 100px 20px 20px;}
.share li:nth-child(even) .img img {border-radius:100px 20px 20px 20px;}
.share .sh-text {z-index:1; margin-bottom:-60px; bottom:0; padding:35px 40px; border-radius:20px; background-color:#fff;}
.share li:nth-child(odd) .sh-text {margin-left:-85px;}
.share li:nth-child(even) .sh-text {text-align:right; margin-right:-85px;}
.share .sh-text h2 {position:relative; margin-bottom:25px; display:inline-flex; font-size:28px; color:#242424;}
.share .sh-text h2::after {content:''; position:absolute; top:-10px; right:-10px;width:5px; height:5px; border-radius:100%;}
.share li:nth-child(odd) .sh-text h2::after {background-color:#7aae3c;}
.share li:nth-child(even) .sh-text h2::after {background-color:#ec8d49;}

.culture-top {position:relative;}
.culture-top .bg-img img {border-radius:20px 100px;}
.culture-top .ct-text {position:absolute; width:760px; bottom:0; left:0; padding:45px 95px 0; background-color:#fff; border-radius:0 60px 0 0; background-position:40px 20px;}
.culture-top .ct-text h2 {margin-bottom:25px; font-size:40px; color:#242424; line-height:1.2em;}
.culture-top .ct-text h2 span {font-weight:800;}

.culture-middle {margin:80px 0 100px;}
.culture-middle ul {display:flex; margin:0 -15px;}
.culture-middle li {padding:0 15px;}
.culture-middle li img {border-radius:20px;}

.culture-bottom {display:flex; align-items:center;}
.culture-bottom .img {width:50%;}
.culture-bottom .t-box {padding-left:100px; width:50%;}
.culture-bottom .t-box .p {font-size:50px; font-weight:800; color:#242424; line-height:1.2em;}
.culture-bottom .t-box .sp {font-size:32px; font-weight:700; }
.culture-bottom .t-box .p2 {margin:30px 0 20px;}

.bg-img {background-image:url(../images/sub/culture-bg.png); background-repeat:no-repeat; background-size:96px 81px;}

.gallery-list-top {margin-bottom:60px;}
.gallery-list-top .top-tit {position:relative; margin-bottom:25px; padding-left:30px; font-size:28px; font-weight:700; color:#242424;}
.gallery-list-top .top-tit::before {content:''; position:absolute; background-image:url(../images/sub/sub-tit-icon.png); background-repeat: no-repeat; background-size: contain; width:25px; height:22px; left:0; top:3px;}
.gallery-list-top ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.gallery-list-top ul li {width:33.333%; padding:0 15px; margin-bottom:35px;}
.gallery-list-top ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list-top ul li a {display:block;}
.gallery-list-top ul li .thumb {border-radius:20px; position:relative; padding-bottom:65.1%; margin-bottom:25px; overflow:hidden;}
.gallery-list-top ul li .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;}
.gallery-list-top ul li .tit {color:#242424; font-size:20px; font-weight:500; line-height:1.4em;}
.gallery-list-top ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:30px;}

.intro-img img {border-radius:100px 20px;}

.intro-text {margin-top:-60px; position:relative;background-color:#fff; border-radius:0 60px 0 0; padding:60px 0 0 100px; width:640px; background-position:40px 40px;}
.intro-text p {font-size:50px; font-weight:700; color:#242424; line-height:1.2em;}
.intro-text p .sp {font-size:32px;}
.intro-text p .cl1,
.intro-text p .cl2 {font-weight:800;}

.intro-text2 {position:relative; padding-left:100px; margin-top:45px;}
.intro-text2::after{content:''; position:absolute; width:360px; height:101px; right:0; top:-70px; background-image:url(../images/sub/intro-bg.png); background-repeat:no-repeat; background-size:auto; background-position:right top;}
.intro-text2 .p1 {font-size:28px; font-weight:700; color:#242424;}
.intro-text2 .p2 {margin:10px 0 30px; font-size:20px; font-weight:600; color:#242424;}

.phil {position:relative;}
.phil-img img {border-radius:100px 20px;}
.phil-text {z-index:1; position:absolute; bottom:0; left:0; width:760px; padding:75px 0 0 100px; border-radius:0 60px 0 0 ; background-color:#fff; background-position:38px 27px;}
.phil-text .p {margin-bottom:25px; font-size:36px; font-weight:600; color:#242424; line-height:1.2em;}
.phil-text .p span {font-weight:800;}

.phil-doc {margin-top:100px; padding-top:55px; border-top:1px solid #242424;}
.phil-doc .doc-cnt {display:flex; justify-content:space-between; padding:0 60px;}
.phil-doc .doc-cnt .left h2 {position:relative; display:inline-flex; font-size:28px; color:#242424;}
.phil-doc .doc-cnt .left h2::after {content:''; position:absolute; top:-10px; right:-10px; width:5px; height:5px; border-radius:100%; background-color:var(--color-primary);}
.phil-doc .doc-cnt .right>p {font-size:18px; margin-bottom:35px;}
.phil-doc .doc-cnt .right>p span {color:#242424; font-weight:600;}

.phil-doc .cnt01 {padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #ddd;}

.phil-doc .cnt01 .left li a {position:relative; padding:0 20px; display:block; width:160px; height:44px; line-height:44px; color:#fff; font-weight:600; text-align:left; border-radius:22px;}
.phil-doc .cnt01 .left li a::after {content:'→'; position:absolute; right:15px;}
.phil-doc .cnt01 .left li:nth-child(1) a {margin:35px 0 10px; background-color:var(--color-primary);}
.phil-doc .cnt01 .left li:nth-child(2) a {background-color:var(--color-second);}

.phil-doc .cnt01 .right ul {display:flex; margin:0 10px;}
.phil-doc .cnt01 .right li {display:flex; align-items:center; justify-content:center; margin:0 -10px; width:200px; height:200px; border-radius:100%;}
.phil-doc .cnt01 .right li:nth-child(1) {flex-direction:column;}
.phil-doc .cnt01 .right li:nth-child(odd) {border:1px solid var(--color-primary);}
.phil-doc .cnt01 .right li:nth-child(even) {border:1px solid var(--color-second);}
.phil-doc .cnt01 .right li p {font-size:18px; text-align:center; font-weight:600;}
.phil-doc .cnt01 .right .etc {font-size:16px; color:#ababab;}

.history-top {padding:0 100px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; text-align:right; width:100%; height:220px; background-image:url(../images/sub/history-bg.jpg); background-repeat:no-repeat; background-size:cover; border-radius:30px;}
.history-top h2 {margin-bottom:20px; font-size:28px; color:#242424;}
.history-top h2 span {font-weight:800;}
.history-top p span {font-weight:500; font-size:18px; color:#242424;}

.history-doc {display:flex; padding-left:150px; margin-top:60px;}
.year { font-size:40px; font-weight:700; color:#242424;}
.h-wrap ul {margin-left:105px;}
.h-wrap li {position:relative;display:flex; padding-left:65px; margin-bottom: 15px;}
.h-wrap li:last-child {margin-bottom:0;}
.h-wrap li::before {content:''; position:absolute; background-image:url(../images/sub/history-ico.png); width:9px; height:9px; background-repeat:no-repeat; background-size:contain; left:0; top:9px;}
.month {margin-right:30px; font-size:20px; font-weight:700; letter-spacing:-.025em;}

.organi-img {text-align:center;}

.direct-tit {padding:35px 0 0 60px; margin-bottom:55px;}
.direct-tit h2 { font-size:50px; line-height:1.2em; color:#242424;}
.direct-tit span {font-weight:800;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4 {display:none;}

.info-wrap {padding-left:60px; margin-top:60px;}
.info-top {display:flex; padding-bottom:35px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.info-top .img,
.info-bottom .img {margin-right:60px; background-color:#f7f7f7; width:88px; height:88px; border-radius:100%; display:flex; align-items:center; justify-content:center;}
.info-bottom {display:flex; padding-bottom:55px; border-bottom:1px solid #ddd;}

.info-wrap h2 {font-size:20px; margin-bottom:20px;}
.map-text dl {display:flex;}
.map-text dl:last-child {margin-top:10px;}
.map-text dt {position:relative; padding-left:10px; font-size:18px; font-weight:600; color:#242424;}
.map-text dt::before {content:''; position:absolute; width:5px; height:5px; background-color:var(--color-primary); border-radius:100%; left:0; top:10px;}
.map-text dd {margin-left:8px;}

.info-top dl:nth-child(2) dt:nth-child(3) {margin-left:75px;}
.info-bottom dt {width:115px; margin-right:40px;}
.info-bottom .indent {text-indent:-111px; margin-left:111px;}
.info-bottom li span {font-weight:500; margin-right:17px;}

.receipt {padding-bottom:35px; display:flex; align-items:flex-end; justify-content:space-between;}
.receipt .tit {margin-bottom:20px; font-weight:700; font-size:28px; color:#242424; line-height:1.2em;}
.receipt p:nth-child(2) span {font-weight:500; margin-left:13px;}
.receipt .btn-wrap {display:flex;}
.receipt .btn-wrap a {position:relative; padding-right:65px; display:flex; align-items:center; justify-content:center; width:200px; height:60px; border-radius:30px; background-color:#fff; border:1px solid var(--color-primary); font-size:18px; font-weight:600;}
.receipt .btn-wrap a::after {content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); background-image:url(../images/sub/down-ico.png); width:18px; height:18px; background-repeat:no-repeat; background-size:contain;}
.receipt .btn-wrap a:last-child {margin-left:10px;}