@charset "UTF-8";

.only-pc {display:block;}
.only-mobile {display:none;}
.subCommon--fc h2 {font-size:45px;line-height:1.4em; color:#000; margin-bottom:60px;} 

#lnb {margin-bottom:80px; text-align:center;}
.lnb {position: relative;display:inline-flex; justify-content:center; background:#e3eee2; height: 80px; border-radius: 80px; padding:10px;}
.lnb:before,
.lnb:after {content:""; position:absolute; background-position: 0 0; background-size:contian; background-repeat: no-repeat; z-index:-1;}
.lnb:before {top:-35px; left:-60px; width:88px; height:68px;  background-image: url('../img/common/menu_left_flower.png');}
.lnb:after {top:-60px; right:-50px; width:92px; height:115px;  background-image: url('../img/common/menu_right_flower.png');}
.lnb ul {display:flex;}
.lnb ul li {width:auto;}
.lnb ul li a {padding:0 50px;display:flex; align-items:center; justify-content:center; height:60px; color:#000; border-radius:60px; font-size:18px; line-height:1.4em; font-weight:700;}
.lnb ul li.active a {color:#fff; background:#4b8845;}

/* content */
.dep1-policy--fc #lnb {display:none;} /* 개인정보 메뉴 숨김 */

#subWrap {padding-top:130px; position: relative; z-index:2;}

#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

/* 안창호 서체 */
@font-face {  
    font-family: 'KCC-Ahnchangho';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/KCC-Ahnchangho.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.greeting {color:#000;}
.greeting .head {height:471px; display:flex; align-items: center; border-radius: 25px;  justify-content:center; text-align:center; margin-bottom:50px; background:url('../img/sub/greeting.jpg') 50% 50% no-repeat; background-size:cover;}
.greeting .head .tit {font-size:40px; line-height:1.5em; color:#fff; font-weight: 700;}
.greeting .cnt {margin-bottom:46px ; font-size:18px; line-height:2.22em;}
.greeting .com-name {font-size:20px; line-height:1.4em; font-weight: 700; margin-bottom:12px;}
.greeting .name {font-size:40px ;line-height:1.4em; font-family: 'KCC-Ahnchangho', sans-serif;}

.history-head {position: relative;margin-bottom:140px; background:#f8f6ea; border-radius: 20px; text-align:center; height: 180px; display:flex; align-items: center; justify-content: center; overflow:hidden;}
.history-head:before,
.history-head:after {content:""; position:absolute; top:0; height:100%; background-position:0 100%; background-size:cover;  background-repeat:no-repeat;}
.history-head:before {left:0; width:192px; background-image: url('../img/sub/history_flower_1.png');}
.history-head:after {right:0; width:291px; background-image: url('../img/sub/history_flower_2.png');}
.history-head .tit {font-size:35px; line-height:1.43em; font-weight: 700; color:#000; z-index:1; position: relative;}

.history .group {position:relative; padding-bottom: 90px; padding-left: 100px;}
.history .group:before {content:""; position:absolute; top:40px; left:19px; width:2px; transition: 2s; height:0; background:#4b8845;  z-index:1; }
.history .group:after {content:""; position:absolute; top:40px; left:19px; width:2px; height:100%; background:#e0e2e0; z-index:0;}
.history .group:last-child:after {display:none;}
.history .group:last-child {padding-bottom:0;}
.history .group.active:before {height:100%;}
.history .group.active:last-child:before {height:0;}
.history .dot {position:absolute; top:30px; left:0;  width:40px; height:40px; background:rgba(75, 136, 69, .22); border-radius:100%;}
.history .dot:after {content:""; position: absolute; top:50%; left:50%; width:20px; height:20px; background:#4b8845; border-radius: 100%; transform:translate(-50%, -50%) ; z-indeX:2}
.history .year {font-size:70px; line-height:1.4em; color:#333; margin-bottom:40px; font-weight: 700;}
.history .history-inner {display:flex; color:#333;}
.history .history-inner .info {flex:1 1 auto; min-width:0; width: 1%; padding-right:50px;}
.history .history-inner .info dl {display:flex; margin-bottom:20px;}
.history .history-inner .info dl:last-child {margin-bottom:0;}
.history .history-inner .info dl dt {width:130px; font-size:22px; line-height:1.4em; font-weight: 700;}
.history .history-inner .info dl dd {flex:1 1 auto; min-width:0; width: 1%; font-size:18px; line-height:1.67em;}
.history .history-inner .photo {width:602px; margin-top: -110px;}
.history .history-inner .photo .pic {position:relative; padding-bottom:59.6%; overflow:hidden; border-radius: 25px;}
.history .history-inner .photo .pic img {position:absolute; top:50%; left:0; 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; transition:0.3s;}


.purpose-head {height:471px; text-align:center; display:flex; align-items:center; justify-content: center; margin-bottom:65px; border-radius: 25px; background:url('../img/sub/purpose_head.jpg') 50% 50% no-repeat; background-size:cover;} 
.purpose-head .content {color:#fff; padding:0 20px;}
.purpose-head h3 {font-size:20px; line-height:1.3em; font-weight: 700; margin-bottom:16px; opacity:.7;}
.purpose-head .cnt {font-size:40px; line-height:1.5em; font-weight: 700;}
.purpose-head span {font-weight: 400;}
.purpose-head.spon {height:480px; background-image:url('../img/sub/spon_vis.jpg'); box-shadow: rgba(12, 29, 22, .18) 10px 14px 16px; margin-bottom:18px;}  
.purpose-head.spon h3 {opacity:1;}
.purpose-head .more {margin-top: 50px;}
.purpose-head .more a {display:inline-flex; align-items:center; justify-content:center; background:#4b8845; box-shadow: rgba(12, 29, 22, .50) 10px 14px 16px; border:1px solid #fff; border-radius: 10px; width:320px; height:80px; font-size:20px; line-height:1.4em; color:#fff; font-weight: 700;}
.purpose-head .more a .ico {margin-right:10px; width:20px; height: 20px;}
.purpose-head.spon.app {height: 346px; background-image:url('../img/sub/spon_vis2.jpg'); margin-bottom:60px;}
.purpose-head.volunteer {height:480px; background-image:url('../img/sub/volunteer_vis.jpg'); box-shadow: rgba(12, 29, 22, .18) 10px 14px 16px;}
.purpose-head.volunteer h3 {opacity:1;}
.purpose-head.volunteer .more a {background:#bc472c;}
.purpose-head.volunteer.app {height: 346px; background-image:url('../img/sub/volunteer_vis.jpg'); margin-bottom:60px;}
.purpose-head.admission {background-image:url('../img/sub/admission_vis.jpg'); margin-bottom:60px;}

.content-inner .group-inner {margin-bottom: 80px;}
.content-inner .group-inner:last-child {margin-bottom:0;}

.doc-title {margin-bottom:30px;}
.doc-title h3 {font-size:35px; line-height:1.4em; font-weight: 700;}
.doc-title h3 .p {font-size:16px; line-height:1.4em; font-weight: 400; padding-left:30px;}

.table-list table {width:100%; border-collapse:collapse; border-spacing:0px; color:#000;}
.table-list table thead th {padding:12px 5px; font-size:18px; vertical-align: middle; background:#ececec; font-weight:700; line-height:1.5em; text-align:center; border:1px solid #d6d6d6;}
.table-list table tbody th {padding:12px 5px; font-size:18px; font-weight:700; background:#ececec; line-height:1.5em; text-align:center; border:1px solid #d6d6d6;}
.table-list table tbody td {padding:12px 5px; background:#fff; font-size:18px; line-height:1.5em; text-align:center; border:1px solid #d6d6d6;}
.table-list.left table th,
.table-list.left table td {padding:14px 5px 14px 30px; text-align:left;}

.vision-inner {max-width:1244px; margin:0 auto; padding:0 46px; position:relative;}
.vision-inner:after {content:""; position: absolute; top:50%; left:0; width:100%; margin-top:-1.5px;height: 3px; z-index:-1; background:url('../img/sub/vision_line.png') 0 0 repeat;}
.vision-inner ul {display:flex; flex-wrap:wrap; margin:0 -25px;}
.vision-inner ul li {position:relative; width:25%; padding:0 25px;}
.vision-inner ul li:after,
.vision-inner ul li:last-child:before {content:""; position: absolute; top:50%; width:20px; height:20px; margin-top:-10px; background:#4b8845; border-radius: 100%;}
.vision-inner ul li:after {left:-10px;}
.vision-inner ul li:last-child:before {right:-24px;}
.vision-inner ul li:first-child:after {left:-24px}
.vision-inner ul li .box {width:100%; height:278px; border:1px solid #4b8845; background:#fff; border-radius: 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; align-content:center;}
.vision-inner ul li .ico {margin-bottom:20px; height:106px; display:flex; align-items:center; justify-content: center;}
.vision-inner ul li .tit {color:#000; font-size:20px; line-height:1.5em; font-weight: 700;}

.gallery-slider {position: relative;}
.gallery-slider .pic {position: relative;margin-bottom:10px; padding-bottom:74.6%; overflow:hidden;}
.gallery-slider .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.gallery-slider .tit {font-size:20px; line-height:1.3em; color:#000;}
.gallery-slider ul {margin:0 -10px;}
.gallery-slider li {padding:0 10px;}
.gallery-slider .gallery-prev,
.gallery-slider .gallery-next {width:25px; height:50px; background-color:transparent; position: absolute; top:50%; margin-top:-25px;background-position: 50% 50%; background-size:contain; background-repeat:no-repeat;}
.gallery-slider .gallery-prev:focus,
.gallery-slider .gallery-next:focus {outline: 0;}
.gallery-slider .gallery-prev {left:-50px; background-image: url('../img/sub/slide_prev.png');}
.gallery-slider .gallery-next {right:-50px; background-image: url('../img/sub/slide_next.png');}

.page-url-purpose--fc .board-wrap {display:none;}

.location-inner {margin-bottom: 40px; border-top: 1px solid #151515; display:flex; padding-top: 50px;}
.location-inner .photo {width:50%; padding-right:140px;}
.location-inner .photo .tit {font-size:40px; line-height:1.35em; font-weight: 700; margin-bottom: 45px;}
.location-inner .photo .pic {border-radius: 25px; overflow:hidden;}
.location-inner .info {width:50%;}
.location-inner .info ul li {border-bottom: 1px solid #dedede; font-size:18px; line-height:1.4em; color:#151515; padding-bottom: 40px; margin-bottom:40px; display:flex; align-items: center;}
.location-inner .info ul li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.location-inner .info ul li .ico {width:92px;height:92px; background:#f6f6f6; padding:10px; border-radius: 100%; display:flex; align-items: center; justify-content: center; margin-right:25px;}
.location-inner .info ul li .cnt {flex:1 1 auto; min-width: 0; width:1%;}
.location-inner .info ul li dl dt {font-weight: 700; margin-bottom:10px;}
.location-inner .info ul li dl dd {opacity:.80;}
.location-inner .info ul li .tit {font-size:22px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
.location-inner .info ul li.bus dl {display:flex; margin-bottom:10px;} 
.location-inner .info ul li.bus dl:last-child {margin-bottom:0;}
.location-inner .info ul li.bus dl dt {width:80px; color:#6ebf46;}
.location-inner .info ul li.bus dl dd {flex:1 1 auto; min-width:0; width: 1%;}
.location-inner .info ul li.bus .arrow {display:inline-block; vertical-align: middle; margin:0 30px; width:18px; height:13px; background:url('../img/sub/location_arrow.png') 50% 50% no-repeat; background-size:contain;}
.location-inner .info ul li.bus .blue {color:#007fc1}

.maps {overflow:hidden; border-radius: 25px;}
.maps iframe {width:100% !important; height:712px !important;}

.guide-box {background:#f3f3f3; border-radius: 20px; padding: 30px 38px; margin-bottom:50px;}
.guide-box .cnt {font-size:18px; line-height: 1.67em; margin-bottom: 55px;}
.guide-box .cnt:last-child {margin-bottom:0;}
.guide-box .step ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -31px -44px;}
.guide-box .step ul li {position: relative;padding:0 31px; text-align:center; font-size:18px; line-height:1.4em; font-weight: 700; color:#fff; margin-bottom:44px;}
.guide-box .step ul li:after {content:""; position:absolute; top:50%; left:-7.5px; width:15px; height:28px; background:url('../img/sub/guide_arrow.png') 50% 50% no-repeat; margin-top:-14px; background-size:contain;}
.guide-box .step ul li:first-child:after {display:none;}
.guide-box .step ul li .box {position:relative; width:296px; height:83px; border-radius: 10px; background:#4b8845; overflow:hidden; display:flex; flex-wrap:wrap; align-content:center; justify-content: center;}
.guide-box .step ul li .num {position:absolute; bottom:-25px; left:-25px; font-size:100px; line-height:1.1em; color:#fff; opacity:.08;}
.guide-box .step.type1 ul li:nth-child(2) .box {background-color:#3a7972}
.guide-box .step.type2 ul li:nth-child(5) .box {background-color:#255651}
.guide-box .step.type3 ul li:after {top:26px; margin-top:0;}
.guide-box .step.type3 .box {height:204px;}
.guide-box .step.type3 .ico {width:100%; margin-bottom:20px;}
.guide-box .step.type3 .num {top:10px; bottom:auto; margin-top:0;}
.guide-box .step.type3 .cnt {margin-bottom:0;}
.guide-box .step.type3 span {background:#0b2b28; padding:4px 8px;}
.guide-box:last-child {margin-bottom:0;}

.guide-box-inner {margin-bottom: 15px;} 
.guide-box-inner .group-box {display:flex; margin-left:-40px;}
.guide-box-inner .group-col {width:calc(50% - 40px); margin-left:40px; background:#f3f3f3; border-radius: 20px; padding: 30px 38px; font-size:18px; line-height:1.4em; color:#000;}
.guide-box-inner .list ul li {margin-bottom: 14px; position: relative;  padding-left: 24px;}
.guide-box-inner .list ul li:last-child {margin-bottom:0;}
.guide-box-inner .list ul li:after {content: ""; position:absolute; top:8px; left:0; width:8px; height: 8px; background:#4b8845; border-radius: 100%;}
.guide-box-inner .num-list ul li {display:flex; align-items:center; margin-bottom:14px;}
.guide-box-inner .num-list ul li:last-child {margin-bottom:0;}
.guide-box-inner .num-list ul li .num {width:37px; color:#4b8845; font-weight: 700;}
.guide-box-inner .num-list ul li p {flex:1 1 auto; min-width:0; width:1%;}
.guide-point {position:relative; margin-top:20px; display:flex; align-items: center; justify-content:flex-end; font-size:18px; line-height:1.4em; color:#4b8845; font-weight: 700;}
.guide-point .ico {width:35px; height: 35px; background:#4b8845; border-radius: 100%; color:#fff; display:flex; align-items: center; justify-content: center; margin-right:15px;}

.counsel-inner {position:relative; padding-bottom:130px;}
.counsel-inner .group {display:flex; align-items: center; margin-bottom:60px;}
.counsel-inner .group:nth-child(2) {margin-bottom:20px;}
.counsel-inner .group .photo {width:50%; padding-right: 40px;}
.counsel-inner .group .photo .pic {position:relative; padding-bottom:69.7%; border-radius: 25px; box-shadow:rgba(12, 29, 22, .18) 37px 0 38px; overflow:hidden;}
.counsel-inner .group .photo .pic img {position:absolute; top:50%; left:0; 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; transition:0.3s;}
.counsel-inner .group .info {width:50%; padding-left: 40px;}
.counsel-inner .group .info .com-name {color:#4b8845; font-size:20px; line-height:1.3em; font-weight: 700; margin-bottom:10px;}
.counsel-inner .group .info h3 {font-size:40px; line-height:1.5em; font-weight: 700; margin-bottom:36px;}
.counsel-inner .group .info .cnt {font-size:18px; line-height:1.67em; margin-bottom: 25px;}
.counsel-inner .group .info .cnt:last-child {margin-bottom:0;}
.counsel-inner .group:nth-child(even) .photo {order:2; padding-right:0; padding-left:40px;}
.counsel-inner .group:nth-child(even) .info {order:1; padding-left:0; padding-right:40px;}
.ani-txt {
    position:absolute; bottom:-30px;  width:100%; z-index:-1;
    animation: slideLeft 20s linear infinite;
    opacity: 1;
    font-size:230px;
    line-height:1.3em;
    color:#f6f6f6;
    font-weight: 700;
    white-space: nowrap;
    left: 100%;
}

@keyframes slideLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}

.counsel-box {position:relative; border:1px solid #c3d882; background:#eff9c9 url('../img/sub/counsel_flower_bg.png') 100% 50% no-repeat; padding:70px 85px 110px;  border-radius:20px;}
.counsel-box .content {position: relative; z-index: 2;}
.counsel-box .tit {font-size:50px; line-height:1.4em; font-weight: 700; color:#224922; margin-bottom:25px;}
.counsel-box .cnt {font-size:18px; line-height:1.67em; margin-bottom: 60px;}
.counsel-box .number {font-size:60px;line-height:1.25em; font-weight: 700; color:#224922;}
.counsel-box:after {content:""; position:absolute; bottom:0; right:50px; width:686px; height:320px; background:url('../img/sub/counsel_fam.png') 100% 100% no-repeat; background-size:contain; z-index:1;}

.human-vis {position:relative; overflow:hidden; height:460px; border-radius: 25px; margin-bottom: 40px;}
.human-vis img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.human-box {margin-bottom: 10px; padding:50px;  font-size:18px; line-height:1.67em;background:#f3f3f3; border-radius: 20px;}
.human-box:last-child {margin-bottom:0;}
.human-box h4 {font-size:24px; line-height:1.4em;font-weight: 700; margin-bottom: 20px;}
.human-box h4 .number {color:#4b8845; margin-right:12px;}
.human-box .list ul li {margin-bottom: 14px; position: relative;  padding-left: 20px;}
.human-box .list ul li:last-child {margin-bottom:0;}
.human-box .list ul li:after {content: ""; position:absolute; top:10px; left:0; width:8px; height: 8px; background:#4b8845; border-radius: 100%;}
.human-box .list ul li dl {display:flex;}
.human-box .list ul li dl dt {font-weight: 700; width:160px}
.human-box .list ul li dl dd {flex:1 1 auto; min-width:0; width:1%;}
.human-box .list ul li p {line-height:2.22em;}
.human-box .list.type2 ul li {border-bottom: 1px solid #dadada; margin-bottom:40px; padding-bottom:40px;}
.human-box .list.type2 ul li:last-child {border-bottom:0; margin-bottom: 0; padding-bottom:0;}
.human-box .num-list ul li {display:flex; align-items:center; margin-bottom:14px;}
.human-box .num-list ul li:last-child {margin-bottom:0;}
.human-box .num-list ul li .num {width:40px; height:40px; background:#4b8845; display:flex; align-items: center; justify-content: center; border-radius:100%; color:#fff; font-weight: 700; margin-right:20px;}
.human-box .num-list ul li p {flex:1 1 auto; min-width:0; width:1%; font-weight: 700;} 
.human-box.type2 .num-list ul li .num {background:#224922;}
.human-box.business:nth-child(even) {background:#fffdea; border:1px solid #fff075}
.human-box.dailylife {border:1px solid #d8d8d8;}
.human-box.dailylife:nth-child(even) {background:#e3eee2; border:1px solid #ced6cd}
.human-box.social {border:1px solid #d8d8d8;}
.human-box.social:nth-child(even) {background:#fff2ef; border:1px solid #ffc1b3}

.human-links ul {display:flex; margin-left:-20px;}
.human-links ul li {width:calc(50% - 20px); margin-left:20px; border-radius:20px; background-color:#4b8845; background-image: url('../img/sub/human_bt_bg1.png'); background-repeat: no-repeat; background-position: 100% 100%; background-size:contain;}
.human-links ul li a {display:block; position: relative; padding:60px 50px; color:#fff;}
.human-links ul li .tit {font-size:30px; line-height:1.5em;font-weight: 700; margin-bottom:10px;}
.human-links ul li p {font-size:20px; line-height:1.4em;}
.human-links ul li .more {position:absolute; top:70px; right:40px; width:18px; height:19px; background:url('../img/sub/human_more.png') 50% 50% no-repeat; background-size:contain;}

.human-links ul li:nth-child(2) {background-position:0 0; background-color:#224922; background-image: url('../img/sub/human_bt_bg2.png');}
.human-links ul li:nth-child(2) .more {width:100px; padding-left:65px; background-position: 100% 0;}
.human-links ul li:nth-child(2) .more:before {content:"PDF보기"; position:absolute; top:5px; left:0; font-size:16px; line-height:1.4em; color:#fff;}

.spon-inner .group {margin-bottom: 50px; font-size:18px; line-height:1.67em;}
.spon-inner .group:last-child {margin-bottom:0;}
.spon-inner .box {background:#f3f3f3; border-radius:20px; padding: 38px 50px;}
.spon-inner .box ul {display:flex; margin:0 -20px;}
.spon-inner .box ul li {width:50%; padding:0 20px; display:flex; align-items: center; }
.spon-inner .box ul li .ico {width:79px; height:79px; border-radius: 100%; border:1px solid #558e4f; background:#fff; display:flex; align-items:center; justify-content: center; margin-right: 22px;}
.spon-inner .box ul li .tit {margin-right:50px; font-size:20px; line-height:1.4em;font-weight: 700; color:#4b8845;}
.spon-inner .box ul li .cnt {flex:1 1 auto; min-width:0; width: 1%;}
.spon-inner .list ul {display: flex; margin-left:-20px;}
.spon-inner .list ul li {width:calc(33.333333% - 20px); margin-left:20px; background:#e3eee2; border-radius: 20px; display:flex;  border:1px solid #90c792; padding:40px;}
.spon-inner .list ul li .ico {width:99px; height:99px; display:flex; align-items: center; justify-content: center; margin-right:30px;}
.spon-inner .list ul li .info {flex:1 1 auto; min-width: 0; width:1%;}
.spon-inner .list ul li .info  dl dt {font-size:20px; line-height:1.4em; color:#4b8845; font-weight: 700; margin-bottom:16px;}

.page-url-volunteer--fc #subWrap {background:url('../img/sub/volunteer_bg.png') 50% 100% no-repeat;}
.volunteer-inner .content {text-align: center; font-size: 20px; line-height: 2em; font-weight: 700; margin-bottom:90px;}
.volunteer-inner .content .cnt {margin-bottom: 40px;}
.volunteer-inner .content p {font-size:30px; line-height:1.33em; color:#fff;}
.volunteer-inner .content p span {background:#224922; padding:5px;}
.volunteer-inner .opt-group ul {display:flex; margin-left:-20px;}
.volunteer-inner .opt-group ul li {width:calc(33.333333% - 20px); margin-left:20px; background:#fff2ef; border:1px solid #ffc1b3; border-radius: 20px; padding: 40px; display:flex; align-items: center;}
.volunteer-inner .opt-group ul li .ico {width:87px; height: 87px; display:flex; align-items: center; justify-content: center; margin-right: 20px;}
.volunteer-inner .opt-group ul li .info {flex:1 1 auto; min-width: 0; width:1%;}
.volunteer-inner .opt-group ul li .info dl dt {font-size:20px; line-height:1.4em; color:#bc472c; font-weight: 700; margin-bottom:15px;}
.volunteer-inner .opt-group ul li .info dl dd {font-size:18px; line-height:1.67em;}


/* contact us */
.required {color:#ef0000}
.mailform {border-top: 1px solid #e5e5e5; padding-top:14px; }
.mailform .input {height:44px; width:100%; border:0; color:#000; border-radius:10px; font-size:18px; padding-left:20px; background-color:#f5f5f5;}
.mailform .form-group {display:flex; align-items:center; margin:0 -16px 14px; border-bottom: 1px solid #e5e5e5; padding-bottom:14px;}
.mailform .form-group .form-col {width:50%; padding:0 16px; display:flex; align-items:center;}
.mailform .form-group.wide {display:block; margin:0 0 14px;}
.mailform .form-group.wide .form-col {width:100%; padding:0; }
.mailform .form-group .tit {width:130px; font-weight:700; color:#000; font-size:18px; line-height:1.4em;}
.mailform .form-group .info {flex:1 1 auto; min-width:0; width:1%;}
.mailform .form-group .info .box {background:#f5f5f5; padding:40px; border-radius: 10px; margin-bottom:10px; display:flex; align-items:center;}
.mailform .form-group .info .box:last-child {margin-bottom:0;}
.mailform .form-group .info .box .col-info {flex:1 1 auto; min-width: none; width:1%}
.mailform .form-group .info .box .col-info p {margin-bottom:10px;}
.mailform .form-group .info .box .col-info p:last-child {margin-bottom:0;}
.mailform .form-group .info .box .col-info .flex {display:flex; margin-bottom:10px;}
.mailform .form-group .info .box .col-info .input {background:#fff; border:1px solid #ddd;}
.mailform .form-group:last-child {margin-bottom:0;}
.mailform .form-group .form-col.email .input {width:48%;}
.mailform .form-group .form-col.email .flex {display:flex; align-items:center;}
.mailform .form-group .name-group {display:flex; align-items: center; margin:0 -20px;} 
.mailform .form-group .name-group .name-col {width:50%; padding:0 20px; display:flex; align-items: center;}
.mailform .form-group .name-group .name-col .tt {width:60px; font-size:16px; line-height:1.4em; color:#333;}
.mailform .form-group .name-group .name-col .col-info {flex:1 1 auto; min-width: none; width:1%}
.mailform .form-group .input[name="data190"],
.mailform .form-group .input[name="data193"],
.mailform .form-group .input[name="data170"],
.mailform .form-group .input[name="data173"] {max-width:525px; width:100%; margin-right: 10px;}
.mailform .radio-type p {display:inline-block; margin-right:20px; }
.mailform .radio-type .input[type="radio"] + label {font-size:18px; line-height:1.4em; color:#000; padding-left:35px;}
.mailform .radio-type .input[type="radio"] + label:before {top:-2px; width:30px; height:30px; border-radius:8px; border:1px solid #f5f5f5; background-color:#f5f5f5; line-height:30px; color:#fff;}
.mailform .radio-type .input[type="radio"]:checked + label:before {background-position: 50% 50%; background-color:#195409;}
.mailform .required {vertical-align:middle;}
.mailform .form-group.help .info {display:flex; align-items:center;}
.mailform .form-group.help .info p {margin-right:20px; line-height:44px;}


.mailform + .buttons {margin-top:60px;}


/* board */
/* 검색 */
.board-search {margin-bottom:40px; display:flex; align-items:flex-end; justify-content: space-between;}
.board-search .search {order:2; position:relative; max-width:320px; width:100%;}
.board-search .search form {display:flex;}
.board-search .input {font-size:18px; line-height:1.4em; border:0; height:60px; background:#f5f5f5; width:100%; padding-left:20px;padding-right:60px; border-radius:30px;}
.board-search .bt-search {position:absolute; top:0; right:25px; width:20px; height:60px; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain; border:0;}

.board-total {order:1; color:#333; font-size:16px; line-height:1.3em;}

.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -11px;}
.gallery-list ul li {width:25%; padding:0 11px; margin-bottom:60px;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:76.5%; border-radius:20px;margin-bottom: 20px;overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; 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; transition:0.3s;}
.gallery-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.gallery-list ul li .tit {font-size:18px; line-height:1.3em; font-weight:700; color:#000; margin-bottom:16px;}
.gallery-list ul li .date {font-size:18px; line-height:1.3em; color:#666;}

.page-url-introduction--fc .board-search,
.page-url-introduction--fc .board-paging {display:none;}
.page-url-introduction--fc .gallery-list {border-top:0; padding-top:0; border-bottom:0;}

.page-url-introduction--fc .gallery-list ul li a,
.page-url-industrial--fc .gallery-list ul li a {pointer-events: none; cursor: default;}

.basic-board-list--fc thead th:before, .webzine-board-list--fc thead th:before {display:none;}
.basic-board-list--fc {border-top:1px solid #151515;}
.basic-board-list--fc thead th, .webzine-board-list--fc thead th {padding:22px 5px;background:#fff; font-size:18px; line-height:1.4em; font-weight:700; color:#151515;}
.basic-board-list--fc td, .webzine-board-list--fc td {padding:16px 5px; font-size:18px; line-height:1.4em; color:rgba(21,21,21,.60);}
.basic-board-list--fc td.board-num--fc.notice, .webzine-board-list--fc td.board-num--fc.notice {font-weight:700; color:#23ac38;}
.basic-board-list--fc tbody td.board-subject--fc, .webzine-board-list--fc tbody td.board-subject--fc a {font-size:18px; line-height:1.4em; color:#151515;}

.board-wrap--fc .board-view--fc {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc header {position:relative; background:#fff; text-align:center; padding:50px 0; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none; font-size:26px; line-height:1.3em;font-weight:700; color:#1a1a1a;}
.board-wrap--fc .board-view--fc header address {float:none; display:flex; align-items: center; justify-content: center; font-size:18px; line-height:1.4em; margin-top:25px;}
.board-wrap--fc .board-view--fc header address p {float:none;}
.board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:100px; position:relative; font-size:18px; line-height:1.67em;} 
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:18px; line-height:1.67em;}
.board-wrap--fc .board-view--fc .board-conts--fc figure {max-width:100%}

.board-wrap--fc .board-view--fc .board-view-file--fc {border-bottom:1px solid #dedede; margin:20px 0; padding:25px 0;}
.board-wrap--fc .board-view--fc .board-view-file--fc img {margin-left:10px;}

.board-wrap--fc .board-paging {margin:30px auto;}
.board-paging li > a {width:34px; height:34px;  line-height:34px; border-radius:10px; border:0; font-size:16px;}
.board-paging li.on > a {background:#4b8845; border:0;}

.page-url-announcement--fc .board-paging li.on > a {background:#23ac38;}


.calendar .head {position:relative; margin-bottom:30px; text-align:center;}
.calendar .head span {font-size:24px; letter-spacing:-1px; color:#000; line-height:normal;font-weight: 700;margin:0 auto;}
.calendar .head .btns {display:flex; position:absolute; top:0; left:0;}
.calendar .head .btn {height:30px; width:30px; font-size:14px; padding:0; line-height:28px; color:#666; text-decoration:none; border:1px solid #e1e1e1; border-radius: 5px;}
.calendar .head .btn:hover {background-color:#f3f3f3}
.calendar .head .btn-prev {background:url('../img/bbs/cal_bt_prev.png') 50% 50% no-repeat; margin-right:3px;}
.calendar .head .btn-next {background:url('../img/bbs/cal_bt_next.png') 50% 50% no-repeat;  margin-right:10px;}
.calendar .head .btn-today {background:#ebebeb; width:auto; padding:0 12px;}
.calendar .head .btn-today:hover {background-color:#333; color:#fff;}
.calendar .body {width:100%; margin:0 auto;}
.calendar .body table {width:100%; border-collapse:collapse; border-spacing:0px;}
.calendar .body table thead th {height:60px; font-size:18px; text-align: center; font-weight: 400; vertical-align: middle; color:#222; border:1px solid #e5e5e5;}
.calendar .body table thead th.sun {color:#f50d0d;}
.calendar .body table thead th.week {color:#222;}
.calendar .body table thead th.sat {color:#0064ec;}
.calendar .body table tbody td {padding:20px; height:150px; font-size:18px; font-weight:400; line-height:normal; vertical-align:top; border:1px solid #e5e5e5;}
.calendar .body table tbody td .day {padding-bottom:6px;}
.calendar .body table tbody td.sun .day {color:#f50d0d;}
.calendar .body table tbody td.week .day {color:#222;}
.calendar .body table tbody td.sat .day {color:#0064ec;}
.calendar .body table tbody td.sun .gray-day {color:#f50d0d; opacity:.30;}
.calendar .body table tbody td.week .gray-day {color:#222; opacity:.30;}
.calendar .body table tbody td.sat .gray-day {color:#0064ec; opacity:.30;}
.calendar .body table tbody td .cal_text li {color:#000; padding:2px 0; font-size:16px; line-height:1.5em;}
.calendar .body table tbody td .cal_text li .time {padding-right:10px;}
.calendar .body table tbody td .cal_text li a {display:block; padding:2px;}
.calendar .body table tbody td .food-text {color:#000; padding:2px 0; font-size:14px; line-height:1.7em;}
.calendar .body table tbody td .food-text a {display:block;}

.calendar-popup {position:fixed; top:50%; left:50%; max-width:907px; width:100%; transform:translate(-50%,-50%);  background:#fff url('../img/bbs/pop_flower.png') 0 0 no-repeat; border-radius:25px; padding:34px 40px; box-shadow:rgba(0,0,0,.23) 20px 0 38px; z-index:1001; opacity:-999; visibility:hidden; transition:all 0.3s ease-in-out;}
.calendar-popup h4 {border-bottom: 1px solid #ccc; font-size:24px; line-height:1.4em;font-weight: 700; padding-bottom: 30px; margin-bottom:30px; padding-left: 75px;}
.calendar-popup .table table {width:100%; border-collapse:collapse; border-spacing:0px; color:#222;}
.calendar-popup .table table thead th {padding:12px 30px; font-size:18px; font-weight:700; background:#ececec; line-height:1.5em; border:1px solid #d6d6d6; vertical-align: middle;}
.calendar-popup .table table tbody th {padding:12px 30px; font-size:18px; font-weight:700; background:#ececec; line-height:1.5em; border:1px solid #d6d6d6;}
.calendar-popup .table table tbody td {padding:12px 30px; font-size:18px; line-height:1.5em; border:1px solid #d6d6d6;}
.calendar-popup .table.center table th {text-align:center;}
.calendar-popup .table.center table td {padding:20px 5px; vertical-align:middle; text-align:center; font-size:14px;}
.calendar-popup .table .tit-m {display:none;}
.calendar-popup .close {position:absolute; top:30px; right:30px; width:24px; height:24px; transition: all 0.2s ease-in-out;  opacity:1;}
.calendar-popup .close:before, 
.calendar-popup .close:after {position:absolute; left:0; top:0;content: ' ';height:100%; width:2px;background-color:#000;}
.calendar-popup .close:before {transform: rotate(45deg);}
.calendar-popup .close:after {transform: rotate(-45deg);}

.calendar-dim-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; visibility:hidden; opacity:-999; transition:all 0.3s ease-in-out;}
html.cal-opened .calendar-popup {opacity:1; visibility:visible; z-index:1002}
html.cal-opened .calendar-dim-bg {opacity:.50; visibility:visible; z-index:1000}

/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex; justify-content:center; overflow:visible;position:relative;margin:0;padding:0 10px;background:#e1e1e1;color:#151515;border:1px solid #151515;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#195409; border:1px solid #195409; color:#fff;}
.btn-pack.list {width:138px; height:52px; background:#fff; line-height:50px;font-size:18px;font-weight:700; padding:0 22px;}
.btn-pack.list:before {content:"";display:inline-block; vertical-align:middle; width:28px; height:17px; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}
.btn-pack.form-submit {width:250px; height:70px; background:#195409; border-radius:22px; font-size:18px; line-height:70px; color:#fff;font-weight:700; border:0; padding:0 20px;}
.btn-pack.form-submit.cancel {background:#e1e1e1; color:#000;}
.btn-pack.form-zip {height:44px; width:200px; border-radius:44px; font-size:18px; line-height:44px;}
.btn-pack.green {background:#4b8845; border:1px solid #4b8845; color:#fff;}
.btn-pack.xlarge {min-width:200px; height:60px;padding:0 35px; line-height:58px;  font-size:18px; font-weight:700; border-radius: 30px;}
.btn-pack.small {height:40px; padding:0 12px; border-radius:20px; font-size:15px; line-height:38px;}

.board-wrap--fc a {display:inline-block;}