@charset "UTF-8";

/******************** common  *********************/
.title01{font-size: var(--font-30); font-weight: 600;}
.title02{font-size: var(--font-28); font-weight: 600;}
.title03{font-size: var(--font-26); font-weight: 500;}
.title04{font-size: var(--font-24); font-weight: 500;}
.title01 + .title04{margin-top: 20px;}

.slide-btn__prev,
.slide-btn__next{width: 40px; height: 40px; border-radius: 3px;}
.slide-btn__prev span::before,
.slide-btn__prev span::after{content: '';width: 10px;height: 2px;display: block;}
.slide-btn__prev span::before{transform: rotate(-45deg);margin-top: 0px;}
.slide-btn__prev span::after{transform: rotate(45deg);margin-top: 4px;}
.slide-btn__next span::before,
.slide-btn__next span::after{content: '';width: 10px;height: 2px;display: block;}
.slide-btn__next span::before{transform: rotate(45deg);margin-left: 5px;margin-top: 0px;}
.slide-btn__next span::after{transform: rotate(-45deg);margin-left: 5px;margin-top: 4px;} 

.top-cont{height: 420px; position: relative;}
.topImg-subj{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3.125em;color: #fff;font-weight: 700;margin-top: 30px;}
.topImg-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% / cover; background-image: url(../../images/user/sub/top-bg.png);}
.topImg-bg::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(28, 37, 57, 0.68);}
.snb{position: absolute;bottom: -23px;left: 50%;transform: translateX(-50%);z-index: 1;max-width: 700px;width: 100%;}
.snb_hd{display: none}
.snb_ul{padding: 10px 30px;display: flex;justify-content: center;align-items: center;background-color: #fff;border: 1px solid #e4e4e4;border-radius: 2px;}
.snb_ul li a{color: var(--color-400);font-weight: 500;width: 100px;text-align: center;}
.snb_ul li.active a{color: var(--color-main); font-weight: 600;}
.lnb{margin-top: 140px; padding-bottom: 10px; border-bottom: 1px solid #000;}
.lnb-title{font-size: 2.125em; color: var(--color-main2);}
.lnb_wrap span{font-size: 0.875em; font-weight: 500; color: var(--color-400);}
.lnb_wrap span:last-child{color: var(--color-800); font-weight: 600;}


.info-container{margin-top: 100px; padding-bottom: 100px;}

/* bohun */
.info-bohun{position: relative;}
.info-bohun::before,
.info-bohun::after{content: '';position: absolute;z-index: -1;}
.info-bohun::before{top: 103px;left: calc((100vw - 1450px) / -2);width: 490px;height: 490px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/bohun-bg01.png);}
.info-bohun::after{top: 48%;right: calc((100vw - 1450px) / -2);width: 450px;height: 468px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/bohun-bg02.png);}
.cont + .cont{margin-top: 120px;}
.info-bohun .title02{margin-bottom: 30px;}
.info-bohun .subText{line-height: 1.7;word-break: keep-all;}
.info-bohun .circle_wrap{margin: 30px 0;}
.info-bohun .circle {width: 250px;height: 250px;border-radius: 50%;background: transparent;}
.info-bohun .circle:nth-child(2){margin: 0 -20px;}
.comBox-tit{padding: 10px 0;font-weight: 600;border-radius: 2px;}
.comBox-cont{padding: 20px 10px;line-height: 1.8;margin-top: 20px;border-radius: 2px;word-break: keep-all;}
.comBox-cont01{font-weight: 500;}
.info-bohun .vision-arrow{margin: 30px 0;}
.info-bohun .comBox-cont.flex-c-space{position: relative;gap: 20px;}
.info-bohun .comBox-cont.flex-c-space::before{content: '';position: absolute;top: -20px;left: 50%;width: 1px;height: 30px;background: var(--color-main);z-index: -1;}
.info-bohun .comBox-cont.flex-c-space::after{content: '';position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: calc((33.3333% / 2) * 4 + 1px);height: 1px;background: var(--color-main);}
.info-bohun .comBox-cont.flex-c-space > div{flex: 1; position: relative;}
.info-bohun .comBox-cont.flex-c-space > div::before{content: '';position: absolute;top: -30px;left: 50%;width: 1px;height: 30px;background: var(--color-main);z-index: -1;}
.info-bohun .ci-img{padding-top: 40px; margin-top: 30px; position: relative;}
.info-bohun .ci-img::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 68px;height: 1px;background: var(--color-main);}
.info-bohun .ci-txt{margin-top: 50px;}
.info-bohun .ci-txt > li{margin-top: 30px;}
.info-bohun .ci-txt__box{padding: 20px; background: no-repeat 50% / cover; background-image: url(../../images/user/sub/ci-bg.png);}
.info-bohun .ci-txt__cont{margin-top: 10px; line-height: 1.7; font-weight: 500;}

/* greetings */
.info-greetings{position: relative;}
.info-greetings::after{content: '';position: absolute;bottom: 0;right: calc((100vw - 1450px + 80px)/ -2);width: 950px;height: 1191px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/greetings-bg.png);z-index: -1;}
.info-greetings__top{background-color: var(--color-100);}
.info-greetings__top p{font-weight: 600;padding-left: 80px;font-size: 2.5em;line-height: 2;flex: none;padding-right: 100px;}
.info-greetings__top .img-wrap{font-size: 0;flex: 1;width: 100%;}
.info-greetings__top .img-wrap img{width: 100%;}
.info-greetings__bottom{margin-top: 60px;}
.info-greetings__bottom .greetings-txt{font-size: 1.125em;line-height: 1.8;font-weight: 500;word-break: keep-all;}
.info-greetings__bottom span{font-weight: 600;}
.name-wrap{margin-top: 100px;display: flex;gap: 30px;}
.name-txt .txt01{font-size: 1.25em; font-weight: 500;}
.name-txt .txt02{font-size: 2.125em; font-weight: 600; margin-top: 10px;}

/* organ */
.organ-cont{max-width: 1020px; width: 100%; margin: 0 auto; margin-top: 60px;}
.org-info{width: 240px; padding: 15px 0; border-radius: 2px; margin: 0 auto;}
.org-info.lv2 b, .org-info.lv3 b{font-weight: 500;}
.org-info.lv4 b{font-weight: 400;}
.lv1 + .lv1{margin-top: 20px;}
.lv1_1{position: relative;}
.lv1_1::after{content: ''; position: absolute; top: 100%; left: 50%; height: 18px; border: 1px dashed var(--color-200); z-index: -1;}
.org-lv2{position: relative;}
.org-lv2 .lv2_1{position: absolute;left: 0;top: 40px;}
.org-lv2 .lv2_1::after{content: ''; position: absolute; left: 100%; width: calc(1020px - 480px); border: 1px dashed var(--color-200); z-index: -1;}
.org-lv2 .lv2_2{position: absolute;top: 40px;right: 0;}
.org-lv3{padding-top: 135px;position: relative;}
.org-lv3::before{content: '';position: absolute;top: 0;height: calc(100% - 50px);border: 1px dashed var(--color-200);z-index: -1;}
.org-lv4{position: relative; display: flex;align-items: center;justify-content: center;gap: 40px;margin-top: 40px;padding-top: 40px;}
.org-lv4::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: calc(((240px / 2) * 6) - 160px); border: 1px dashed var(--color-200);}
.org-info.lv4{position: relative;}
.org-info.lv4::before{content: '';position: absolute;top: -40px;left: 50%;height: 40px;border: 1px dashed var(--color-200);}

/* direction */
.direction-info{position: relative;display: flex;justify-content: space-between;}
.direction-info ul{margin-top: 20px;}
.direction-info ul li + li{margin-left: 40px;}
.dir-info__tit{margin-right: 15px;}
.dir-info__cont{color: var(--color-800);}
.direction-btn{}
.direction-btn .btn{width: 180px; height: 60px; border-radius: 2px; font-weight: 600;}
.direction-btn .btn i{margin-right: 8px;}
.map-img{margin-top: 40px;}
.map-img{margin-top: 40px;height: 560px;position: relative;} 
.wrap_controllers.hide {display: none;}
#map .wrap a { position: absolute; top: -70px; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 3px; border-radius: 3px; border-radius: 3px; font-size: 13px; border: 1px solid rgb(118, 129, 168); } 
.custom_zoomcontrol  {position:absolute;bottom: 25px;right:25px;overflow:hidden;width:40px;height:80px;margin:0;padding:0;z-index:1; border: 1px solid #e4e4e4;}
.custom_zoomcontrol  button{width: 40px; height: 40px; background-color: #fff;}
.custom_zoomcontrol  button:first-child{border-bottom: 1px solid #e4e4e4;}
.custom_zoomcontrol  button img{width: 15px; height: 15px;}
.loca.active .loca_btn {cursor: default;}
.loca.active .loca_btn:before, .loca.active .loca_btn:after {display: none;}
/* .area:not(.area01) .area-slide--thumbs .swiper-wrapper{transform: translate3d(0,0,0) !important;} */
/* .area.area07.area01 .area-slide--thumbs .swiper-wrapper{transform: translate3d(0,0,0) !important;} */

/* business */
.info-container.info-business{padding-bottom: 0;}
.business-top{position: relative;}
.business-top .cont{margin-top: 40px; line-height: 1.7; position: relative;}
.business-top .cont::before{content: '';position: absolute;bottom: -10px;left: 0;width: 181px;height: 157px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/biz-flower.png);z-index: -1;}
.business-bottom{margin: 0 calc((100vw - 1450px) / -2); margin-top: 80px; padding: 115px 0 150px; background-color: #EEF1FD;}
.business-list{display: flex; gap: 38px; margin-top: 15px;}
.business-img{position: relative;border-radius: 2px;}
.business-img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1C2539;opacity: .08;}
.business-hover{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;font-size: var(--font-20);font-weight: 600;color: #fff;line-height: 1.6;display: flex;align-items: center;justify-content: center;border-radius: 2px;background: rgba(28, 37, 57, 0.68);}
.business-img .close-btn{position: absolute; right: 20px; top: 20px; z-index: 2;}
.business-img .img-wrap {font-size: 0;border-radius: 2px;overflow: hidden;}
.business-img .img-wrap img {width: 100%;}
.business-txt{margin-top: 30px; position: relative;}
.business-txt::before{content: '';position: absolute;top: -30px;left: 50%;width: 6px;height: 100%;background: var(--color-main);opacity: .2;}
.business-txt__box{border-radius: 2px;padding: 15px 10px;text-align: center;background-color: #fff;line-height: 1.6;font-weight: 500;position: relative;z-index: 1;}
.business-txt__box{margin-top: 14px;}
.business-img.active::after{opacity: .68;}
.business-top.top02{position: relative; margin-top: 60px; border-radius: 2px; background: url("../../images/user/sub/biz-topImg.png") no-repeat 50% / cover; padding: 40px 0;}
.business-top.top02::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background: rgba(28, 37, 57, 0.70);}
.business-top.top02 .cont::before{display: none;}
.business-top.top02 > *{position: relative; z-index: 1; color: #fff;}


/* bbs */
.info-container.bbs{margin-top: 80px;}
.info-container.bbs.bbsDetail{margin-top: 100px;}
.bbsList .notice_icon{padding: 10px 15px;font-size: var(--font-14);border-radius: 2px;}
.board-list li{position: relative; border-radius: 2px;background-color: #fff;border: 1px solid var(--color-200);min-height: 108px;padding: 25px;}
.board-list li + li{margin-top: 20px;}
.board-list li.empty_li{min-height: 108px;}
.board-list .lt_date{padding-right: 25px;margin-right: 25px;position: relative;flex: none;width: 100px;text-align: center;}
.board-list .lt_date::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 30px; background: var(--color-200);}
.board-list .lt_date-year{color: var(--color-400);line-height: 1.2;}
.board-list .lt_date-month{font-size: 1.375em;line-height: 1.5;font-weight: 500;margin-top: 4px;color: #424242;}
.board-list .lt_title{width: calc(100% - 125px);}
.board-list .pic_li_tit{font-size: 1.25em; font-weight: 500;}
.board-list .bo_cont{font-weight: 500;margin-top: 10px;display: block;color: var(--color-600);width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bbsList .board-list li{border-left: 0; border-right: 0;}
.bbsList .board-list li:hover{background-color: #F7F7F7;}
.bbsList .board-list li:hover a, .bbsList .board-list li:hover .bo_cont{text-decoration: underline;}
.bbsList .board-list li + li{margin-top: 0; border-top: 0;}
.bbsList .board-list .bo_cont{font-weight: 300;}

/* support */
.info-container.info-support{margin-top: 30px;}
.tab-btn{display: flex; gap: 16px; margin-bottom: 50px;}
.tab-btn__item{min-width: 150px; padding: 10px 20px; line-height: 1.375; background: var(--color-200); color: var(--color-400); font-size: var(--font-18); font-weight: 500;}
.tab-btn__item.active{background: var(--color-main); color: #fff;}
.tab-cont__item .title02{font-weight: 500; line-height: 1.6;}
.info-support .title-wrap{margin-top: 80px; margin-bottom: 30px;}
.info-support .title-wrap .title04{color: #292929; font-size: var(--font-30); font-weight: 600;}
.info-support .title-wrap  p{color: var(--color-600); margin-top: 10px;}
.support-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px 50px; padding: 0; margin: 0; list-style: none; } 
.support-list__box {border-radius: 2px; overflow: hidden; padding: 40px 30px;height: 100%;border: 1px solid #e5e5e5;transition: all 0.3s ease;background: no-repeat 50% / cover;position: relative;display: flex;flex-direction: column;justify-content: end;height: 254px;} 
.support-list__box::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40, 58, 105, 0.2);}
.support-list__box::after{content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(79, 115, 207, 0), rgba(0,0,0, 0.7));backdrop-filter: blur(3.5px);-webkit-backdrop-filter: blur(3.5px);}
.support-list__tit {font-size: var(--font-26);color: #fff;margin-bottom: 10px;position: relative;z-index: 1;font-weight: 600;} 
.support-list__cont {line-height: 1.6;color: var(--color-200);margin: 0;word-break: keep-all;position: relative;z-index: 1;font-weight: 500;} 
.list01 .support-list__box{background-image: url(../../images/user/sub/support-img01.png);}
.list02 .support-list__box{background-image: url(../../images/user/sub/support-img02.png);}
.list03 .support-list__box{background-image: url(../../images/user/sub/support-img03.png);}
.list04 .support-list__box{background-image: url(../../images/user/sub/support-img04.png);}
.support-btn{margin: 80px auto 50px; width: 300px; height: 80px; border-radius: 2px; font-size: var(--font-24); font-weight: 600;}
.tab-cont__item.item02{position: relative;}
.tab-cont__item.item02::before{content: '';position: absolute;top: 45%;left: calc((100vw - 1450px) / -2);width: 309px;height: 162px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/support-bg01.png); z-index: -1;}
.tab-cont__item.item02::after{content: '';position: absolute;bottom: 10%;right: calc((100vw - 1450px) / -2);width: 513px;height: 526px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/support-bg02.png); z-index: -1;}
.item02 .support-list__box::after{background: linear-gradient(180deg, rgba(79, 115, 207, 0.00) 0%, rgba(0, 0, 0, 0.38) 100%);backdrop-filter: blur(3.5px); -webkit-backdrop-filter: blur(3.5px);}
.item02 .support-list__box::before{background: rgba(40, 58, 105, 0.20); backdrop-filter: blur(3.3499999046325684px);}
.item02 .list01 .support-list__box{background-image: url(../../images/user/sub/support-img05.png);}
.item02 .list02 .support-list__box{background-image: url(../../images/user/sub/support-img06.png);}
.support-process__arrow{margin: 20px auto; width: 30px; height: 20px; background: no-repeat 50% / cover; background-image: url(../../images/user/sub/support-arrow.svg);}
.support-process__list.flex{gap: 17px;}
.support-process__list li{flex: 1;}
.support-process__list .comBox-cont{height: calc(100% - 50px - 10px); font-weight: 500;}
.support-process__list .comBox-tit{position: relative;}
.support-process__list .comBox-tit::before {content: '';position: absolute;left: 0;width: 0;height: 0;top: 50%;transform: translateY(-50%);border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 15px solid #fff;}
.partner-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 0;margin: 0;list-style: none;} 
.partner-list .comBox-cont{height: 180px;margin: 0;}
.support-top{position: relative;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/support-top_bg.png);height: 0;padding-bottom: 27.31%;border-radius: 2px;overflow: hidden;}
.support-top::before{}
.support-top .title02{margin-bottom: 40px; color: #fff; font-size: var(--font-30); font-weight: 500; line-height: 1.8; position: relative; z-index: 1;}
.support-top p{margin-top: 18px; color: #fff; font-size: var(--font-18); font-weight: 500; line-height: 1.6; position: relative; z-index: 1;}
.support-subTop{margin-top: 80px; position: relative;}
.support-subTop::before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 252px; height: 252px; background: radial-gradient(50% 50% at 50% 50%, #B9D7F0 0%, rgba(185, 215, 240, 0.00) 100%); opacity: 0.6; z-index: -1; } 
.support-subTop .title03{line-height: 1.6;}
.support-subTop p{margin-top: 30px; line-height: 1.7; color: var(--color-900);}
.info-support .box { margin-top: 20px; border-radius: 2px; border: 1px solid var(--color-200); background: var(--color-100); backdrop-filter: blur(3.5px); padding: 40px; text-align: center; } 
.info-support .box p{font-size: 20px; color: var(--color-700); font-weight: 500;}
.info-support .box p + p{margin-top: 10px;}
.info-support .box p:last-child{margin-top: 24px;}
.info-support .box02{margin-top: 14px; border-radius: 2px; background: #EFF2F7; backdrop-filter: blur(3.5px); padding: 19px 20px;}
.info-support .box02 p{color: #455379;font-size: 18px;font-weight: 500;display: flex;align-items: center;}
.info-support .box02 p::before{content: '';width: 12px;height: 22px;background: url(../../images/ico/ico-list.svg) no-repeat 50% / cover;margin-right: 10px;flex: none;}


.support-form{margin-top: 60px;}
.support-form .form-box{border: 1px solid #e4e4e4; border-radius: 2px; padding: 50px 40px;}
.form-box{margin-top: 20px;}
.check-list{flex-wrap: wrap;align-items: center;}
.check-list li + li{margin-left: 30px;}
.check-list li.width-full{width: 100%;margin: revert-layer;margin-top: 10px;}
.input-wrap.direct-input {position: relative;width: 100%;}
.input-wrap.direct-input span{font-weight: 500;color: var(--color-800);position: absolute;right: 20px;font-size: var(--font-18);}
.check-list li {position: relative; display: flex;}
.write_price .comBox-tit{justify-content: left; font-size: 1em; padding: 15px 20px;}
.agree{margin-top: 30px;}
.agree-input input[type="checkbox"] + label{font-weight: 700; color: #000;}
.agree-input input[type="checkbox"] + label span{text-decoration: underline;}
.agree-box{margin-top: 20px;padding: 20px;border-radius: 2px;background: #F7F7F7;color: var(--color-600);line-height: 1.8;font-size: var(--font-14);font-weight: 500;height: 430px;overflow-y: auto;}
.agree-box__cont + .agree-box__cont{margin-top: 20px;}
.agree-box__cont .text-12{position: relative; display: flex; flex-wrap: wrap;}
.agree-box__cont .text-12::before{content: '▣ '; margin-right: 5px;}
.agree-box__cont h3{font-size: inherit}
.agree-box table{margin-top: 10px;}
.agree-box table th{height: 57px; font-weight: 700; background: var(--color-200); border-right: 1px solid var(--color-300);}
.agree-box table th:last-child{border-right: 0;}
.agree-box table td{height: 49px; background: #fff; text-align: center; border: 1px solid var(--color-300);}
.agree-box table td:first-child{border-left: 0;}
.agree-box table td:last-child{border-right: 0;}
.agree-box table tr:last-child td{border-bottom: 0;}
.bo-table{display: table; table-layout: fixed; width: 100%; border-collapse: collapse;}
.bo-table li{display: table-row;}
.bo-table li div{display: table-cell;vertical-align: middle;font-weight: 500;color: #000;text-align: center;border: 1px solid #e4e4e4;padding: 0 20px;height: 48px;font-size: var(--font-14);}
.bo-table li .tit{display: table-cell;width: 150px;font-weight: 600;margin-bottom: 10px;background-color: #F7F7F7;width: 190px;word-break: keep-all;}
.bo-table li .cont{display: table-cell;border: 1px solid #e4e4e4;text-align: left;}

.info-container.bbs.bbsWrite-support:not(.bbsWrite-contact){margin-top: 20px;}
.title-control{margin-bottom: 40px; gap: 12px;}
.title-control .btn{width: 120px; height: 40px; font-size: 1em; font-weight: 600; border-radius: 2px;}
.title-control .ico-share{margin-right: 10px; width: 12px; height: 15px; background: no-repeat 50% / cover;}
.title-control .share-btn .ico-share{background-image: url(../../images/ico/ico-share_w.svg);}
.title-control .copy-btn .ico-share{background-image: url(../../images/ico/ico-share_b.svg);}
.category-list{margin-top: 30px;}
.share-wrap{position: relative;}
.share-list{display: none;position: absolute;top: 100%;left: 0;width: 100%;z-index: 1000;border-radius: 2px;margin-top: 10px;overflow: hidden;}
.title-control .share-list .btn{font-size: var(--font-14);justify-content: left;padding-left: 13px;border-radius: 0;}


/* modal */
.modal.modal-common{box-shadow: none;padding: 50px 0;background: #fff;max-width: 410px;border-radius: 3px;border: 0;}
.modal.modal-common .ico-check{width: 58px;height: 58px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/ico-check.svg);display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-bottom: 20px;}
.modal.modal-common .modal-txt{padding-bottom: 15px; margin-bottom: 30px;position: relative;}
.modal.modal-common .modal-txt__cont {color: #000;font-size: var(--font-18);font-weight: 500;}
.modal.modal-common .modal-txt__btn a{width: 260px;padding: 10px 0;border-radius: 2px;font-weight: 600;margin: 0 auto;}

.contact-list__btn{ width: 100px; height: 40px;}
.contact-form .attach__btn{width: 40px;height: 40px;padding: 0;margin-left: 20px;flex: none;}
.contact-form .attach__btn .ico-file{width: 20px;height: 18px;background: no-repeat 50% / cover;background-image: url(../../images/ico/ico-file2.svg);}
.contact-form input[readonly]{background: #fff !important;}


/* info-history */
.history-wrap {margin-top: 60px;}
.history-list {padding-bottom: 90px; position: relative; padding-left: 30px;}
.history-list li {display: flex;}
.history-list__tit {width: 100px; flex: none; font-size: var(--font-24); font-weight: 600;}
.history-list__cont {flex: 1;}
.history-list__cont p{font-weight: 500; font-size: var(--font-18); line-height: 1.6;}
.history-list__cont p + p{margin-top: 10px;}
.history-list::before { content: ''; position: absolute; top: 10px; left: 0; width: 12px; height: 12px; background: var(--color-main); border-radius: 2px; } 
.history-list::after { content: ''; position: absolute; top: 10px; left: 5px; width: 1px; height: 100%; background: var(--color-main); z-index: -1; } 
.history-list:last-child::after { display: none; } 


/* bo_gall */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin: 0 -17.5px 0;padding:0;list-style:none;zoom:1;display: flex;flex-wrap: wrap;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {border: 0;}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index: 3;}
#bo_gall .gall_box {position:relative;margin: 0;}
#bo_gall .gall_con {position:relative}

#bo_gall .gall_row  li{padding: 15px 17.5px;}
.gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%}
.gall_row .col-gn-4 {width:25%}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}

.gall_row .box_clear {clear:both}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {text-align:center;overflow:hidden;font-size: 0;position: relative;padding-bottom: 56%;height: 0;}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img, #bo_gall .gall_img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin: 8px 0 16px;}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;border: 1px solid var(--color-200);border-radius: 2px;padding: 40px 30px; }
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_gall .bo_cnt {margin-top: 16px;-webkit-line-clamp: 2;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.7;min-height: 54px;}
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

#bo_gall .gall_info {line-height:1.5em;line-height:20px;display: flex;}
#bo_gall .gall_info strong {display:inline-block;margin:0}
#bo_gall .gall_info i {font-size:12px}
#bo_gall .gall_info span {display:inline-block;font-size: var(--font-14);color: #757575;}
#bo_gall .gall_info .info-list {display: flex;}

#bo_gall .gall_info .info-list > div {position: relative;}

#bo_gall .gall_info .info-list > div:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 10px;
  background: #e4e4e4;
}

#bo_gall .gall_info .info-list > div:not(:last-child) {padding-right: 10px; margin-right: 10px;}
#bo_gall .gall_info .info-list:first-child{margin-right: 16px;}

#bo_gall .gall_option {position:absolute;top:10px;right:10px}
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}

#bo_gall .board-list .pic_li_tit{font-size: 1.35em;font-weight: 600;line-height: 1.6;-webkit-line-clamp: 2;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;min-height: 70px;}
#bo_gall .tbl_head01 a:hover, .bbsList #bo_gall .board-list li:hover a, .bbsList #bo_gall .board-list li:hover .bo_cont{text-decoration: none;}
.bbsList #bo_gall .board-list li:hover {background-color: transparent;}
#bo_gall .bo_tit:hover{background-color: var(--color-main);}
#bo_gall .bo_tit:hover *{color: #fff;}
.bbs-gallery{margin-top: 20px;padding-top: 5px;border-top: 1px solid var(--color-200);}



/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1530px) {
  .business-bottom {margin: 0 -40px; margin-top: 80px;}
  .tab-cont__item.item02::before {left: -40px;}
  .tab-cont__item.item02::after {right: -40px;}
}

@media screen and (max-width: 1200px) {
  .top-cont{height: 350px;}
  .lnb{margin-top: 100px;}
  .topImg-subj{font-size: 2.5em;}

  .info-container.bbs.bbsDetail, .info-container.bbs, .info-container{margin-top: 80px;}

   /* info-bohun */
  .info-bohun::before {left: -125px; width: 300px; height: 300px; top: -100px;}
  .info-bohun::after {right: -40px; width: 350px; height: 0; padding-bottom: calc((165 / 468) * 100%);}
  .info-bohun .comBox-cont.flex-c-space > div{font-size: var(--font-14);}

  /* info-greetings */
  .info-greetings__top{flex-direction: column-reverse;}
  .info-greetings__top p{font-size: 2em;padding: 50px 0;text-align: center;}
  .info-greetings::after {right: -40px;width: 500px;height: 614px;}

  /* info-org */
  .org-info.lv4{width: 210px;}
  .org-lv4::before{width: calc(((210px / 2)* 6) - 130px);}

  /* info-direction */
  .direction-info{flex-direction: column;}
  .direction-info ul{display: block;}
  .direction-info ul li + li{margin-left: 0; margin-top: 15px;}
  .direction-txt{width: 100%;}
  .direction-btn{margin-top: 20px;}

  /* info-business */
  .business-list {flex-wrap: wrap;}
  .business-list li{width: calc(50% - 19px);}

  /* info-support */
  .support-list {gap: 30px;}
  .support-list__box {padding: 30px 20px;}
  .support-process__list li {width: calc(50% - 9px); flex: none;}
  .support-process__list.flex {flex-wrap: wrap;}
  .partner-list {grid-template-columns: repeat(2, 1fr);}
  .info-support .box p{font-size: 18px; word-break: keep-all; line-height: 1.5;}
  .info-support .box02 p{font-size: 16px;}

  /* bo_gall */
  .gall_row .col-gn-3 {width: 50%;}
  #bo_gall .bo_cnt{min-height: 50px;}
  #bo_gall .board-list .pic_li_tit {min-height: 65px;}
}


@media screen and (max-width: 768px) {
  /******************** common  *********************/
  .title01{font-size: 2em;}
  .title02{font-size: var(--font-24);line-height: 1.6;}
  .title04{font-size: 1.125em;}
  .title01 + .title04{margin-top: 10px;}

  .slide-btn__prev, .slide-btn__next{width: 35px; height: 35px;}

  .snb {max-width: 100%; left: 0; transform: none;}
  .snb_ul {padding: 10px 0; border-left: 0; border-right: 0; border-radius: 0;}
  .snb_ul li {padding: 0 10px;}
  .snb_ul li a {width: auto; font-size: var(--font-14);}
  .top-cont {height: 250px;}
  .topImg-subj{font-size: 2em; margin-top: 5px;}

  .lnb{margin-top: 60px;}
  .lnb_wrap{display: none;}
  .lnb-title{font-size: 2em;}
  
  .info-container.bbs.bbsDetail, .info-container.bbs, .info-container{margin-top: 40px;}
  .cont + .cont{margin-top: 80px;}
  .comBox-cont {font-size: var(--font-16);}
  
  
  /* info-bohun */
  .info-bohun::before{width: 135px; height: 135px; left: -40px; top: 100px;}
  .info-bohun .title02{margin-bottom: 20px;}
  .info-bohun .circle_wrap {flex-direction: column;}
  .info-bohun .circle:nth-child(2) {margin: -20px 0;}
  .info-bohun .circle {width: 200px; height: 200px; font-size: var(--font-20);}
  .info-bohun .comBox-cont.flex-c-space {display: block;margin-top: 0;padding: 10px 0;}
  .info-bohun .comBox-cont.flex-c-space::after {display: none;}
  .info-bohun .comBox-cont.flex-c-space > div::before {height: 25px; top: -25px;}
  .info-bohun .ci-img img {max-width: 190px;}
  .info-bohun .ci-txt__cont p {word-break: keep-all;}

  /* info-greetings */
  .info-greetings__top p{padding: 30px 0;font-size: 1.5em;}
  .info-greetings::after {right: -40px; width: 250px; height: 295px; bottom: 169px;}
  .name-wrap{margin-top: 50px;}
  .name-wrap .sign-img {width: 50%;}
  .name-wrap .sign-img img {width: 100%;}

  /* info-org */
  .org-info.lv1 { width: 100%; } 
  .org-lv2 .lv2 { width: calc(50% - 20px); } 
  .org-lv2 .lv2_1::after { width: 50%; } 
  .org-info.lv3 { width: 100%; } 
  .org-lv4 { display: block; padding-top: 0; margin-top: 60px; } 
  .org-lv4::before { display: none; } 
  .org-info.lv4 { width: 100%; margin-bottom: 16px; } 
  .org-info.lv4::before { display: none; } 

  /* info-direction */
  .dir-info__cont {display: block;margin-top: 5px;line-height: 1.6;}
  .direction-btn .btn {width: 150px; height: 50px;}
  .direction-tit{font-size: var(--font-26);}

  /* info-business */
  .business-top .cont{margin-top: 30px;}
  .business-bottom {padding: 75px 20px 80px;}
  .business-list {gap: 20px;}
  .business-list li {width: 100%;}
  .business-top .cont::before{width: 150px;height: 129px;left: -20px;bottom: -10px;}

  /* bbs */
  .board-list li{min-height: auto;padding: 25px 20px;padding-right: 15px;}
  .board-list .lt_date {width: auto;padding-right: 20px;margin-right: 20px;}
  .board-list .lt_title{width: calc(100% - 90px);}

  /* info-support */
  .cont p {word-break: keep-all; line-height: 1.6;}
  .support-list {grid-template-columns: 1fr;gap: 20px;} 
  .support-list__box { padding: 20px; } 
  .support-list__tit { font-size: 20px; } 
  .support-list__cont { font-size: 14px; } 
  .tab-btn__item {min-width: auto; width: 100%;}
  .info-support .title-wrap{margin: 50px 0 20px;}
  .support-btn {margin: 50px auto; width: 100%; height: 60px;}
  .support-process__list li {width: 100%;}
  .support-process__list .comBox-cont {height: 90px; margin-top: 10px;}
  .partner-list {grid-template-columns: repeat(1, 1fr);}
  .partner-list .comBox-cont{height: 150px;}
  .support-top .title02 {font-size: var(--font-26); word-break: keep-all;}
  .support-top p {word-break: keep-all;}
  .support-subTop {margin-top: 50px;}
  .support-form .form-box { padding: 0; border: 0; } 
  .check-list li { width: 100%; } 
  .check-list li + li { margin-left: 0; margin-top: 10px; } 
  .title-control .btn {width: 100%;}
  .title-control li {flex: 1;}
  .info-support .box{padding: 30px 20px;}
  .info-support .box p{font-size: 14px;}
  .info-support .box02{padding: 15px;}
  .info-support .box02 p{font-size: 13px;align-items: flex-start;}

  /* info-history */
  .history-list {padding-left: 25px; padding-bottom: 50px;}
  .history-list li {display: block;}
  .history-list__cont {margin-top: 15px;}
  .history-wrap {margin-top: 40px;}
  .history-list__cont p {font-size: var(--font-14); word-break: keep-all;}
  .history-list__cont p + p {margin-top: 5px;}
  .info-support .box02 p::before{width: 8px;height: 18px;margin-right: 8px;}

  /* bo_gall */
  .gall_row .col-gn-3{width: 100%;}
  #bo_gall .bo_tit {padding: 30px 20px;}
  #bo_gall .board-list .pic_li_tit {min-height: auto;}
  #bo_gall .bo_cnt {min-height: auto;}

}




