@charset "utf-8";
/* ********************************************************************
 * name : 동아대학교 클린에너지 융합부품소재 사업단
 * filename : custom.css
 * description : 서브 콘텐츠 css
 * date : 2024-02-16
 * writer : JBieN
********************************************************************* */

::-webkit-scrollbar-thumb { background: #0f3283} /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #0f3283; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #0f3283; } /* 실질적 스크롤 바를 클릭할 때 */

.swiper-pagination-bullet{background-color:#fff}


.hd-top .hd-quick .item-txt.item-u{padding-left:25px;background:url('../img/comm/ico-u-green.png') left center no-repeat;color:#0f9079}

/*.main-v .swiper-slide{background-image:url('../img/main/main02.jpg');}
.main-v .swiper-slide.slide-img01{background-image:url('../img/main/mv_231127.png');}
.main-v .swiper-slide.slide-img02{background-image:url('../img/main/mv_230526.png');}
.main-v .swiper-slide.slide-img03{background-image:url('../img/main/mv_230526_02.png');}
.main-v .swiper-slide.slide-img04{background-image:url('../img/main/main02_04.jpg');text-indent:-9999px;}
.main-v .swiper-slide.slide-img05{background-image:url('../img/main/main02_05.png');}
*/
.main-v .swiper-slide .go_link{display:block;width:100%;height:100%;text-indent:-9999px;}
.main-v .swiper-slide .img-box{padding-bottom:50px;text-align:center}
.main-v .swiper-control-box{top:auto;bottom:20px}
.main-v .swiper-control-box .cinner{justify-content:center}
.main-v .swiper-pagination-bullet-active:before{border-color:#fff}
.main-v .js-swiper-play{color:#fff}


.main-notice .swiper-button-prev:hover, .main-notice .swiper-button-next:hover{outline-color:#cde5e1;border-color:#cde5e1}



.btn-ico.btn-add span{background:url('../img/sub/ico-plus_gr.png') left center no-repeat;padding-left:30px}
/* .btn-ico.btn-save span{background:url('../img/sub/ico-save_gr.png') left center no-repeat;padding-left:30px} */
.btn-ico.btn-spend span{background:url('../img/sub/ico-spend_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-account span{background:url('../img/sub/ico-account_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-print span{background:url('../img/sub/ico-s-print_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-approve span{background:url('../img/sub/ico-approve_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-reject span{background:url('../img/sub/ico-reject_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-send span{background:url('../img/sub/ico-send_gr.png') left center  no-repeat;padding-left:30px}
.btn-ico.btn-list span{background:url('../img/sub/ico-list_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-reserveStatus span{background:url('../img/sub/ico-reserve_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-reserve span{background:url('../img/sub/ico-book_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-device span{background:url('../img/sub/ico-device_gr.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-write span{background:url('../img/sub/ico-write_gr.png') left center no-repeat;padding-left:30px}

.btn-ico.btn-reserve:hover span{background:url('../img/sub/ico-bookon.png') left center no-repeat}
.btn-ico.btn-device:hover span{background:url('../img/sub/ico-deviceon.png') left center no-repeat}
.btn-ico.btn-write:hover span{background:url('../img/sub/ico-writeon.png') left center no-repeat}


/* sub */
.sub-v{background:url('../img/sub/sub-bg02.png') center right/cover no-repeat;}
.sub-nav{background-color:#113892;position: relative;z-index: 10;}
.sub-nav .sub-1li.home .sub-1item{background-color:#397dce}

.sub-nav-info .sns-share a {background-color: #113892;}

.login-btn .item.btn-login{background-color:#0f9079}

.li-num li span::before{color:#0f9079}


/* === layout === */
.scroll .hd-top{padding: 30px 0 5px;}
.scroll #logo a img {width: 333px;}
.scroll .hd-top .hd-quick .item{top: -10px;}
nav .gnb1-item {font-weight: 500;}

#ft .flogo img {width: 400px;filter: invert(65%) sepia(18%) saturate(476%) hue-rotate(179deg) brightness(89%) contrast(81%);}
#ft .flogo strong {font-size: 1.5rem;vertical-align: -webkit-baseline-middle;margin-left: 1.25rem;color: #89a3cf; margin-bottom: 10px;}
#ft address{padding-bottom: 10px;}

#ft address span{position: relative;font-size: 1rem; margin-right: 10px;}
#ft address span:last-child{margin-right: 0;}
#ft address span:after{position: absolute; content:""; width: 1px; height: .5rem; background-color: #8293b0; right: -0.25rem; top: 50%; transform: translate(0,-50%);}
#ft address span:last-child:after{display: none;}
#ft .copy {color: #586b8d;border-top: 1px solid #ffffff1f;margin-top: 20px;padding-top: 20px;}

.sub-nav-info .btn {vertical-align: middle;}

#nav3 a.sub-1item{display: inline-block;width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 4.5;padding-right: 40px;}
#nav3 a.sub-1item:after{right: 0;}
#nav3 .sub-2ul{width: 140%;}
nav .gnb1-ul li:nth-child(2) .gnb2-wrap{min-width:280px}
nav .gnb1-ul li:nth-child(5) .gnb2-wrap{min-width: 435px;}

.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;}
.topBtn {position: fixed;bottom: 15px;right: 15px;display:none;width: 46px;height: 46px;background-color: #326bcd;outline:none;text-align: center;color: #fff;z-index: 999;box-sizing: border-box;cursor:pointer;
    -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s;transition: all 0.6s -webkit-border-radius:50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.topBtn i {display: inline-block;font-size: 16px;line-height: 46px;transition: all 0.3s;}
.topBtn:hover i {transform: translateY(-3px);}

tfoot th,
tfoot td{padding: 30px 5px;background-color: #273143;color: #fff;text-align: center;border: 0 !important;font-size: 1.125rem;font-weight: 500;}
.tfStyle td{background: #f3f3f3;border-right: 1px solid #cfcfcf !important;border-top: 4px double #333 !important;border-bottom: 1px solid #cfcfcf !important;color: #000;padding: 25px 5px;}
.tfStyle td:last-child{border-right:0 !important;}
.tdCenter td,
.tdCenter{text-align: center !important;}
.tableH thead th{padding: 15px 5px;}

.li-dash.ulMt{margin: 20px 0;border-radius: 0;padding: 25px;}
.li-dash.ulMt li::before{display:none !important;}

.introCustom p{border: 0 !important;font-size: 1.375rem !important;}

/* === 인사말 === */
.cont-greeting{display: grid;grid-template-columns: 488px 1fr;grid-column-gap: 5em;margin-top: 3em;position: relative;}
.cont-greeting:after{content:'';position: absolute;width: 200vw;height: 91%;background: #f8f8f8;bottom: -150px;left: 50%;transform: translate(-50%, 0);z-index: -1;}
.cont-greeting .gt-left-box{border-radius: 30px;overflow: hidden;height: 408px;box-shadow: 0px 2px 7px 0px #004eff0d;}
.gt-left-box img{width: 100%;}
.gt-right-box .gt-tit{display:block;font-size: 1.65rem;color:#2d48ad;font-weight:600;word-break:keep-all;position:relative;padding-bottom: 70px;margin-bottom: 60px;line-height: 1.8;}
.gt-right-box .gt-tit::after{content:'';background:url('../img/sub/danjang_object.png') center no-repeat;position: absolute;top: -35px;right: 0;width: 218px;height: 143px;z-index: -1;}
.gt-right-box .gt-tit:before{content:'';position: absolute;bottom: -1.3em;left:0;width: 1px;height: 60px;background: #333;}
.gt-right-box .gt-tit em{color: #4797ef;}
.gt-right-box .gt-tit{color: #252525;letter-spacing: -0.03em;}
.gt-right-box .gt-text {line-height: 1.8;color: #000;}
.add-green  .gt-right-box .greeSign{text-align: right;font-weight: 600;font-size: 18px;margin: 3em 0 0;}
.add-green  .gt-right-box .greeSign span {margin-left: 25px;font-size:35px;font-family:'Galmetgol', serif;font-weight: 500;}

/* === 주요내용 === */
.keyContBox{text-align: center;}
.keyContBox .keyCon h4{background:#4797ef;color:#fff;font-size: 1.65rem;padding: 1em 0;border-radius: 62px;width: calc(100% - 11em);margin: 0 auto;position: relative;font-weight: 300;z-index: 1;top: 1.5em;}
.keyContBox .keyCon h4 em{color:#83b7f7;font-size: 1.4rem;position: absolute;left: 3%;top: 50%;transform: translateY(-50%);font-weight: 600;}
.keyContBox .keyCon h4 strong{font-weight: 500;}
.keyContBox .keyCon .conBox{background: #f1f8fe;border-radius: 50px 0;padding: 5em 3%;}
.keyContBox .keyCon .conBox .arrowTit{font-size: 1.3rem;color:#1d1d1d;position: relative;display: flex;align-items: center;justify-content: center;height: 80px;font-weight: 600;z-index: 1;}
.keyContBox .keyCon .conBox .arrowTit:after{content:'';background:url('../img/sub/key_arrow.svg') center no-repeat;width:138px;height: 80px;position: absolute;z-index: 0;}
.keyContBox .keyCon .conBox ul{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative; gap:2em}
.keyContBox .keyCon .conBox ul:before{display:none; content: '';width: calc(100% - 50%);border-top: 2px dotted #ccd2f2;position: absolute;top: 50%;margin-top: -1px;}
.keyContBox .keyCon .conBox .ulCon li{width: 90%;height: 150px;border-radius: 13px;}
.keyContBox .keyCon .conBox .ulCon li em{font-size: 1.5rem;}
.keyContBox .keyCon .conBox .ulMt{margin: 2em 0;}
.keyContBox .keyCon .conBox ul li{position: relative;background:#fff;color:#222;font-size: 1.4rem;line-height: 1.6;font-weight: 500;width: 90%;margin: 0 1em;height: 8.125rem;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;border-radius: 20px;box-shadow: 1px 14px 20px 3px #2f52a014; overflow: hidden; }
.keyContBox .keyCon .conBox ul li strong{background: #7cb3ef; width: 10.25rem; height: 100%; display: flex; align-items: center; justify-content: center; margin-right:2rem; font-size: 1.4rem; font-weight: 500; color: #fff;}
.keyContBox .keyCon .conBox ul li:after{content: '';width: 10px;height: 10px;background: #a7adc3;border-radius: 50%;position: absolute;left: -5.5px;}
.keyContBox .keyCon .conBox ul li:last-child:after{display:none !important;}
.keyContBox .keyCon .conBox ul li:nth-child(odd):after{right: -5.5px;display:none !important;left: inherit;}
.keyContBox .keyCon .conBox ul li:nth-child(2):before{content: '';width: 10px;height: 10px;background: #a7adc3;border-radius: 50%;position: absolute;right: -5.5px;}
.keyContBox .keyCon .conBox ul li em{color:#0e81ff;display: block;font-weight: 700;font-size: 1.7rem; margin-right: 1rem;}
.keyContBox .line {border-bottom: 1px solid #ebebeb;margin: 5em 0 2em;}
.keyContBox .line:last-child{border: 0;margin: 0;}

/* === 담당자 및 역할 === */
.orgTreeBox{display: flex;flex-direction: column;align-items: center;text-align: center;margin: 3em 0 0;}
.orgTreeBox strong{font-size: 25px;font-weight: 500;}
.orgTreeBox strong span{font-size: 18px;margin-right: 15px;font-weight: 500;vertical-align: 3px;}
.orgTreeBox .dep1{background: #4797ef url(../img/sub/org_img.png) left center/contain no-repeat;width: 275px;height: 275px;border-radius: 50%;color: #fff;position: relative;}

/* date:24.04.01
	writer:sein
	page:01_04.aspx */
.orgTreeBox .dep1.no-icon{background-image: none; width: 350px;height: 75px;background: #135fb3;border-radius: 0 15px;line-height: 75px;color: #fff;margin: 3em 0 0;}
.orgTreeBox .dep1.no-icon strong{padding-top: 0;}
.orgTreeBox .dep1.no-icon:after{bottom: -450%; height: 500%;}
	/* end */
.orgTreeBox .dep1 strong{padding-top: 7vh;display: block;font-size: 28px;}
.orgTreeBox .dep1:after{content:'';position: absolute;width: 1px;height: 120%;background: #dfdfdf;z-index: -1;bottom: -120%;}
.orgTreeBox .dep2{width: 350px;height: 75px;background: #135fb3;border-radius: 0 15px;line-height: 75px;color: #fff;margin: 3em 0 0;}
.orgTreeBox ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 35px;width: 80%;margin-top: 10em;position: relative;}
.orgTreeBox ul:after{content:'';position: absolute;width: 68.6%;height: 1px;background: #dfdfdf;top: -78px;left: 50%;transform: translate(-50%, 0);}
.orgTreeBox ul li {position: relative;}
.orgTreeBox ul li:after{content:'';position: absolute;width: 13px;height: 13px;border-radius: 50%;background: #4797ef;border: 3px solid #fff;top: -6px;left: 50%;margin-left: -5.5px;}
.orgTreeBox ul li:before{content:'';position: absolute;width: 1px;height: 200px;background: #dfdfdf;z-index: -1;top: -78px;left: 50%;}
.orgTreeBox ul li:last-child:after,
.orgTreeBox ul li:last-child:before{display:flex !important;}
.orgTreeBox .dep3{border-bottom: 1px solid #dfdfdf;display: grid;flex-direction: column;}
.orgTreeBox .dep3 em{background: #4797ef;display: block;color: #fff;font-size: 20px;font-weight: 500;padding: 20px;border-radius: 0 15px 0 0;}
.orgTreeBox .dep3 span{display: block;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding: 15px 20px;position: relative;background: #fff;}
.orgTreeBox .dep3 span:before{content:'';position: absolute;width: 100%;left: 0;bottom: 0;border-bottom: 1px dashed #dbdbdb;}
.orgTreeBox .dep3 span:last-child:before{display:none;}
.orgTreeBox .dep4{display: flex;flex-direction: column;color: #4a4a4b;margin-top: 15px;border-radius: 0 0 0 15px;}
.orgTreeBox .dep4 strong{background: #f1f1f1;color: #252525;border-radius: 0 8px;padding: 15px;margin-bottom: 10px;font-size: 20px;border: 1px solid #ebebeb;}
.orgTreeBox .dep4 strong span{font-size: 16px;vertical-align: 1.5px;}

/* === 찾아오시는 길 === */
.mapConBox{display: grid;grid-template-columns: 1fr 42%;margin:3em 0 0;}
.mapConBox .mapBox{background: #ececec;height: 600px;}
.mapConBox .mapBox .root_daum_roughmap {width: 100%;height: 599px;}
.mapConBox .conBox{background:#285caa;display: flex;flex-direction: column;justify-content: center;padding: 0 4em;color: #fff;}
.mapConBox .conBox h4{font-size: 2rem;font-weight: 600;}
.mapConBox .conBox address{font-size: 1.2rem;line-height: 1.5;border-top: 1px solid #ffffff57;margin-top: 2em;padding-top: 2em;color: #ceddf3;font-weight: 500;}
.mapConBox .conBox .mapBtn{background: #4797ef;color:#fff;text-align: center;padding: 15px;border-radius: 50px;margin-top: 7em;font-size: 1rem;font-weight: 500;}
.mapConBox .conBox .mapBtn i{vertical-align: -1px;margin-right: 11px;}
.mapConBox .conBox .mapBtn:hover{background-color: #fff;border-color: #06378e;color: #06378e;}

/* === 인프라구축 === */
.li-imgbox .imgBox img{height: 100%;width: 100%;}

/* === 산업기술개발 === */
.applyTab{}
.applyTab a{}
.applyTab a span{color: #4797ef;font-weight: 600;}
.applyTab i{vertical-align: -2px;margin-left: 6px;transform: rotate(45deg);font-size: 18px;transition: all 0.5s;}
.applyTab a:hover{color: #4797ef;}
.applyTab a:hover i{transform: rotateZ(90deg);}
.applyTitle{margin-top: -40px;padding-top: 60px;font-size: 1.5625rem !important;color: #333 !important;padding-left: 0 !important;}
.applyTitle:before{display:none;}
.applyTitle i{font-style: normal;color: #bfbfbf;vertical-align: -3px;font-size: 1.875rem;}
.applyTitle strong{color: #4797ef;}

/* === 클린에너지전공 === */
.dlBox{margin: 40px 0 50px !important;border-bottom: 1px dashed #bfbfbf;padding-bottom: 30px;}
.dlBox:last-child{border:0;padding-bottom: 0;}
.dlBox span{color: #333;position: relative;padding-left: 30px;font-weight: 500;}
.dlBox span:before{position: absolute;content: '';left: 7px;top: 6px;width: 13px;height: 13px;background: #5a79ad;border: 3px solid #d9e7ff;border-radius: 50%;}
.dlBox dt{margin-top: 40px;padding-left: 0 !important;}
.dlBox dt::before{display:none;}
.dlBox dd{padding: 30px;margin-left: 0 !important;background: #fafcff;border: 1px solid #d1e2ff;font-size: 1rem;border-radius: 0 0 30px 0;}
.dlBox dd .dl-cont-list {width: calc(100% - 4%);padding: 0 4%;}
.dlBox dd .dl-cont-list li {margin-bottom: 10px !important;}
.dlBox dd .dl-cont-list li:last-child {margin-bottom: 0 !important;}

/* === 교수진 소개 === */
.profHover .txtItem{position: relative;z-index: 1;line-height: 23px;display: inline-flex;height: 23px;width: 100%;justify-content: center;}
.profHover .txtItemNone{position: relative;z-index: 1;line-height: 23px;display: inline-flex;height: 23px;width: 100%;justify-content: center;cursor:default}
.profHover .txtItemNone i{transform: rotate(45deg);font-size: 22px;vertical-align: -4px;margin-left: 4px;color: #686868;}
.profHover .txtItem:hover{z-index: 3;position: relative;color: #0e81ff;}
.profHover .txtItem i{transform: rotate(45deg);font-size: 22px;vertical-align: -4px;margin-left: 4px;color: #76b82a;}
.profHover .txtItem:hover i{color: #0e81ff;}
.profHover .imgItem{height: 300px;width: 240px;background-size: cover;position: absolute;z-index: 2;opacity: 0;margin-top: -150px;transform: scale(0.4);margin-right: -30vw;}
.profHover .hsh1{background-image:url('../img/sub/prof_hsh_01.jpg');}
.profHover .lj4{background-image:url('../img/sub/prof_lj_04.jpg');}
.profHover .ksg7{background-image:url('../img/sub/prof_ksg_07.jpg');}
.profHover .kjh8{background-image:url('../img/sub/prof_kjh_08.jpg');}
.profHover .cjh11{background-image:url('../img/sub/prof_cjh_11.jpg');}
.profHover .sjh12{background-image:url('../img/sub/prof_sjh_12.jpg');}
.profHover .kjh13{background-image:url('../img/sub/prof_kjh_13.jpg');}
.profHover .kjs14{background-image:url('../img/sub/prof_kjs_14.jpg');}
.profHover .pwa30{background-image:url('../img/sub/prof_pwa_30.jpg');}
.profHover .kjs38{background-image:url('../img/sub/prof_kjs_38.jpg');}
.profHover .jms41{background-image:url('../img/sub/prof_jms_41.jpg');}
.profHover .ljh42{background-image:url('../img/sub/prof_ljh_42.jpg');}
.profHover .bjw46{background-image:url('../img/sub/prof_bjw_46.jpg');}
.profHover .ydi48{background-image:url('../img/sub/prof_ydi_48.jpg');}
.profHover .kcj49{background-image:url('../img/sub/prof_kcj_49.jpg');}
.profHover .idj51{background-image:url('../img/sub/prof_idj_51.jpg');}
.profHover .ljk52{background-image:url('../img/sub/prof_ljk_52.jpg');}
.profHover .csj54{background-image:url('../img/sub/prof_csj_54.jpg');}
.profHover .ksh66{background-image:url('../img/sub/prof_ksh_66.jpg');}
.profHover .lhg67{background-image:url('../img/sub/prof_lhg_67.jpg');}
.profHover .kjm68{background-image:url('../img/sub/prof_kjm_68.jpg');}
.profHover .jjk73{background-image:url('../img/sub/prof_jjk_73.jpg');}
.profHover .ksh77{background-image:url('../img/sub/prof_ksh_77.jpg');}
.profHover .kjh79{background-image:url('../img/sub/prof_kjh_79.jpg');}
.profHover .ljw82{background-image:url('../img/sub/prof_ljw_82.jpg');}

/* === 이수체계도 === */
.complete{width:100%;background: #f7f7f7;border: 1px solid #e5e5e5;padding: 3em;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-column-gap: 20px;}
.complete > div{display: grid;grid-template-rows: 10% 1fr 1fr;}
.complete div strong{display: block;font-size: 1.1875rem;font-weight: 500;padding: 20px;border-radius: 15px 15px 0 0;background: #464f59;color: #fff;text-align: center;height: 66px;box-shadow: 0px 7px 7px 2px #2f52a03b;}
.complete .hTitBox{display: grid;grid-template-rows: 1fr 1fr 1fr;align-items: center;}
.complete .hTitBox li{background: #8bcf3c;width: 100%;height: calc(100% - 0.5em);text-align: center;display: flex;justify-content: center;flex-direction: column;margin: 0.5em 0;color: #fff;font-weight: 500;border-radius: 0 15px;}
.complete .hTitBox li em{}
.complete .eTitBox{display: grid;grid-template-rows: 1fr 1fr 1fr;align-items: center;}
.complete .eTitBox li{background: #4797ef;width: 100%;height: calc(100% - 0.5em);text-align: center;display: flex;justify-content: center;flex-direction: column;margin: 0.5em 0;color: #fff;font-weight: 500;border-radius: 0 15px;}
.complete .eTitBox li em{display: block;text-align: center;margin-bottom: 5px;font-weight: 600;}
.complete .hConBox{display: grid;grid-template-rows: 1fr 1fr 1fr;}
.complete .hConBox li{display: flex;flex-direction: column;width: 100%;}
.complete .hConBox li span{background: #009688;width: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;margin: 0.2em 0;font-weight: 500;border-radius: 150px;padding: 5px 10px;color: #fff;font-size: 0.9375rem;}
.complete .eConBox{display: grid;grid-template-rows: 1fr 1fr 1fr;}
.complete .eConBox li{display: flex;flex-direction: column;width: 100%;}
.complete .eConBox li span{background: #03a9f4;width: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;margin: 0.2em 0;font-weight: 500;border-radius: 150px;padding: 5px 10px;color: #fff;font-size: 0.9375rem;}
.complete .capstoneDesign{background: #FF5722 !important;}

/* === 테이블스타일추가 === */
.tableTypeC{margin: 2.5em 0;}
.tableTypeC thead{border-top: 2px solid #141414;border-bottom: 1px solid #cfcfcf;}
.tableTypeC thead th{padding: 2em 1em;text-align: center;font-size: 1.25rem;}
.tableTypeC tbody{border-bottom: 1px solid #cfcfcf;}
.tableTypeC tbody th{font-size: 1.5rem;width: 20%;border-right: 1px solid #cfcfcf;}
.tableTypeC tbody td{padding: 0 3em;}
.tableTypeC tbody tr{border-bottom: 1px solid #cfcfcf;}


/* === 메인스타일추가 === */
.mVisual {position: relative;height: calc(100vh - 165px);height: calc(100dvh - 165px);width: 100vw;overflow: hidden;}
.mVisual video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;width: 100%;height: auto;z-index: -1;}

.main-v {position: relative;}
.main-v .swiper-slide .imgBox{height: calc(100vh - 165px);}
.main-v .swiper-slide .bg1{background:url('../img/main/vis01.jpg') center/cover no-repeat;}
.main-v .swiper-slide .bg2{background:url('../img/main/vis02.jpg') center/cover no-repeat;}
.main-v .swiper-slide .bg3{background:url('../img/main/vis03.jpg') center/cover no-repeat;}
.main-v .titleBox{position: absolute;display: flex;flex-direction: column;top: 50%;transform: translate(0, -50%);z-index: 1;align-items: center;width: 100%;color: #fff;}
.main-v .titleBox em{font-size: 1.375rem;}
.main-v .titleBox strong{font-size: 3.375rem;margin: 0.1em 0 0.3em;}
.main-v .titleBox span{font-size: 2.375rem;}


.quickBox{margin-left: 7em;}
.quickBox ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 20px;}
.quickBox ul li{height: 250px;display: flex;width: 100%;margin: 10px 0;}
.quickBox ul li a{background: #FFF;border: 1px solid #C5C5CE;border-radius: 25px;padding: 45px;transition: all 0.3s;transform: translateY(0px);display: block;box-shadow: -3px 6px 15px rgba(4,0,52,0.1);}
.quickBox ul li a:hover{transform: translateY(-5px);}
.quickBox .conBox{}
.quickBox .conBox strong{font-size: 1.3rem;font-weight: 900;transition: all 0.5s;}
.quickBox ul li a:hover strong{color:#4797ef;}
.quickBox .conBox .txt{display: block;margin-top: 15px;line-height: 1.6;color: #797979;}
.quickBox .conBox .icon{width:81px;height:72px;right: 30px;position: absolute;bottom: 30px;}
.quickBox .conBox .i1{background:url('../img/main/mquickicon01.png') center no-repeat;}
.quickBox .conBox .i2{background:url('../img/main/mquickicon03.png') center no-repeat;}
.quickBox .conBox .i3{background:url('../img/main/mquickicon04.png') center no-repeat;}
.quickBox .conBox .i4{background:url('../img/main/mquickicon02.png') center no-repeat;}


/* === 사업단소개 === */
.imgZoomBox{margin:5em 0 6em;}
.imgZoomBox .imgZoom{display:none;}


/* ===============
date: 2024.03.15
writer: sein
====================
*/
.quickBox ul li a{display:block; width:100%;}
.pc-br{display:block;}
#ft .flogo{
	display: flex; align-items: center; flex-direction: column;}
#ft .flogo img{display: block; margin-top: -1rem;margin:10px 0}
.orgTreeBox .dep4 strong span.leader{color: #4797ef;}
.tableTypeC thead th.thead-bg{background-color: #DFF6FF;}

.complete.grid-7{grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;   grid-auto-rows: 1fr; gap :0.625rem; /* padding:1rem;*/ background: #f7f1e2; border:none;
}
.complete.grid-7 > div{position:relative;align-items: start;
/* 	grid-template-rows:20% 1fr ; */ grid-template-rows: auto 1fr;
}
.complete.grid-7 .hTitBox{ align-items: start;
	grid-template-rows: 50px 110px 170px 50px; gap:10px;}
.complete.grid-7 .hConBox {grid-template-rows: 50px 110px 170px 50px; gap:2rem;}

.complete.grid-7 div strong{height: 6.25rem; font-size: .9375rem; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0.625rem; margin-bottom:10px;}
.complete.grid-7 div strong em{
	font-size: 1rem; font-weight: bold;
}
.complete.grid-7 div.title-bg-type01 strong{background-color:#006FBC;}
.complete.grid-7 div.title-bg-type02 strong{background-color:#008CD6;}
.complete.grid-7 div.title-bg-type03 strong{background-color:#00A0C1;}
.complete.grid-7 div.title-bg-type04 strong{background-color:#00A49F;}
.complete.grid-7 div.title-bg-type05 strong{background-color:#00A686;}
.complete.grid-7 div.title-bg-type06 strong{background-color:#5AB655;}
.complete.grid-7 div.title-bg-type07 strong{background-color:#92C41D;}
.complete.grid-7 div ul li span{background: #fff; color:#333;}
.complete.grid-7 div.title-bg-type01 ul li span{border: 2px solid #006FBC; }
.complete.grid-7 div.title-bg-type02 ul li span{border: 2px solid #008CD6; }
.complete.grid-7 div.title-bg-type03 ul li span{border: 2px solid #00A0C1; }
.complete.grid-7 div.title-bg-type04 ul li span{border: 2px solid #00A49F; }
.complete.grid-7 div.title-bg-type05 ul li span{border: 2px solid #00A686; }
.complete.grid-7 div.title-bg-type06 ul li span{border: 2px solid #5AB655; }
.complete.grid-7 div.title-bg-type07  ul li span em.bg{ background: #92C41D;border-radius: 3px;color: #fff; margin-bottom:2px;}
.complete.grid-7 div strong.no-view{text-indent: -9999rem; background: none; opacity: 0;}

.complete.grid-7 .hTitBox li{ background: #d5d1c4; color: #333; margin: 0; height: 100%;}
.complete.grid-7.type01 .hTitBox li:first-child{height: 50px;}
.complete.grid-7.type01 .hTitBox li:nth-child(2){height: 110px;}
.complete.grid-7.type01 .hTitBox li:nth-child(3){height: 170px;}
.complete.grid-7.type01 .hTitBox li:last-child{margin: 0; height: 50px;}

.complete.grid-7 .hConBox {gap: 10px;}
.complete.grid-7 .hConBox li{gap: 10px;}
.complete.grid-7 .hConBox li span{ margin: 0; min-height: 50px;  border-radius: 5px; font-size: 0.875rem;}
.complete.grid-7.type01 .hConBox li:first-child{height: 50px;}
.complete.grid-7.type01 .hConBox li:nth-child(2){height: 110px;}
.complete.grid-7.type01 .hConBox li:nth-child(3){height: 170px;}
.complete.grid-7.type01 .hConBox li:last-child{height: 50px;}


.complete.grid-7 .overview-box{ height: 100%; grid-template-rows: 1fr;}
.complete.grid-7  .hConBox li.overview{text-align: center; border-radius: 5px; padding: 10px 5px 50px 5px; /* height: auto; */}
.complete.grid-7 div:has(.bg01){background-color:#006FBC; border-radius: 5px;}
.complete.grid-7 div:has(.bg02){background-color:#008CD6; border-radius: 5px;}
.complete.grid-7 div:has(.bg03){background-color:#00A0C1; border-radius: 5px;}
.complete.grid-7 div:has(.bg04){background-color:#00A49F; border-radius: 5px;}
.complete.grid-7 div:has(.bg05){background-color:#00A686; border-radius: 5px;}
.complete.grid-7 div:has(.bg06){background-color:#5AB655; border-radius: 5px;}
.complete.grid-7 div:has(.bg07){background-color:#92C41D; border-radius: 5px;}
.complete.grid-7 .hConBox li.overview span{background: none; text-align: center; font-size: 13px; color: #fff; font-weight: normal;}
.complete.grid-7 .hConBox li.overview span:last-child{font-size: 0.9375rem; font-weight: 500;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.complete.grid-7 .hConBox li.overview span img{margin: 0 auto; width: 3rem;}





/* date:24.04.02
	writer:sein
	page:05_03_08.aspx */
.tab-menu-wr{margin-bottom: 50px;}
.tab-menu-wr ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;flex-direction: row; }
.tab-menu-wr ul li{width: 20%; text-align: center; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;transition: 0.2s all ease-in-out; }
.tab-menu-wr ul li:nth-child(-n+5){border-top:1px solid #f2f2f2;}
.tab-menu-wr ul li:nth-child(1),.tab-menu-wr ul li:nth-child(6){border-left:1px solid #f2f2f2;}
.tab-menu-wr ul li a{display: block; width: 100%;padding:1.25rem 1.25rem; font-size: 1rem;}
.tab-menu-wr ul li.on{ background-color: #326bcd; }
.tab-menu-wr ul li.on a{color: #fff; font-weight: 400; }
.tab-menu-wr ul li:hover{background-color: #326bcd;}
.tab-menu-wr ul li:hover a{color: #fff; font-weight: 400; }

.complete.grid-11-container{column-gap : 1px;
	row-gap: 1px; background: #f1f1f1;
	padding: 0; align-items: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

.complete.grid-11-container > div{justify-content: center;  grid-template-rows: auto;align-items: center; text-align: center; width: 100%; height: 100%; padding:.625rem; background: #fff; font-size: .9375rem;}
.complete.grid-11-container > div.bg01{background-color: #f9f9f9;}
.complete.grid-11-container > div.item:nth-child(1) {grid-column: 1 / span 1;	grid-row: 1 / span 3; background: #fff;}
.complete.grid-11-container > div.item:nth-child(2){grid-column: 2 / span 1;	grid-row: 1 / span 3; background: #fff; }
.complete.grid-11-container > div.item:nth-child(3){grid-column: 3 / span 6; background-color: #ffd7d7;  font-weight: bold;}
.complete.grid-11-container > div.item:nth-child(4){grid-column: 9 / span 3; background: #ffeac1;  font-weight: bold;}
.complete.grid-11-container > div.item:nth-child(5){grid-column: 3 / span 3; }
.item:nth-child(6){grid-column: 6 / span 3; }
.complete.grid-11-container > div.item:nth-child(7){grid-column: 9 / span 1;}
.complete.grid-11-container > div.item:nth-child(8){grid-column: 10 / span 2;}
.complete.grid-11-container > div.item:nth-child(9){background: #d1ebc4 ;}
.complete.grid-11-container > div.item:nth-child(10){background: #ffdd8c;}
.complete.grid-11-container > div.item:nth-child(11){background: #c9d9ff;}
.complete.grid-11-container > div.item:nth-child(12){background: #ebccf9;}
.complete.grid-11-container > div.item:nth-child(13){background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(14){background: #ffd8c1;}
.complete.grid-11-container > div.item:nth-child(15){background: #d1ebc4}
.complete.grid-11-container > div.item:nth-child(16){background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(17){background: #ffd8c1;}

.complete.grid-11-container > div.item:nth-child(n+18):nth-child(-n+20),.complete.grid-11-container > div.item:nth-child(22),.complete.grid-11-container > div.item:nth-child(n+24):nth-child(-n+26),.complete.grid-11-container > div.item:nth-child(28){grid-row: 4 / span 2;}
.complete.grid-11-container > div.item:nth-child(21){grid-column: 4 / span 1; grid-row: 4 / span 4;  background: #ffdd8c;}

.complete.grid-11-container > div.item:nth-child(23){grid-column: 6 / span 1; grid-row: 4 / span 2;background: #ebccf9;}


.complete.grid-11-container > div.item:nth-child(27){grid-column: 10 / span 1; grid-row: 4 / span 4;    background: #ffd9d9;}

.complete.grid-11-container > div.item:nth-child(n+29):nth-child(-n+34),.complete.grid-11-container > div.item:nth-child(n+36):nth-child(-n+37){grid-row: 6 / span 2;}
.complete.grid-11-container > div.item:nth-child(35){grid-column: 8 / span 1; grid-row: 6 / span 2;     background: #ffd8c1;}

.complete.grid-11-container > div.item:nth-child(n+38):nth-child(-n+41){grid-row: 8 / span 2;}
.complete.grid-11-container > div.item:nth-child(42){grid-row: 8 / span 4; grid-column: 5 / span 1; background: #c9d9ff;}
.complete.grid-11-container > div.item:nth-child(n+43):nth-child(-n+47){grid-row: 8 / span 2;}
.complete.grid-11-container > div.item:nth-child(48){grid-row: 8 / span 2; grid-column:11 / span 1;  background: #ffd8c1;}

.complete.grid-11-container > div.item:nth-child(n+49):nth-child(-n+50),.complete.grid-11-container > div.item:nth-child(n+52),.complete.grid-11-container > div.item:nth-child(n+54):nth-child(-n+55),.complete.grid-11-container > div.item:nth-child(n+57):nth-child(-n+58){grid-row: 10 / span 2; }
.complete.grid-11-container > div.item:nth-child(51){grid-row: 10 / span 2; background: #d1ebc4;}
.complete.grid-11-container > div.item:nth-child(53){grid-row: 10 / span 2;   grid-column:6 / span 1;background: #ebccf9;}
.complete.grid-11-container > div.item:nth-child(56){grid-column:9 / span 1; grid-row: 10 / span 4;background: #d1ebc4; }

.complete.grid-11-container > div.item:nth-child(n+59):nth-child(-n+62),
.complete.grid-11-container > div.item:nth-child(64){grid-row: 12 / span 2; }
.complete.grid-11-container > div.item:nth-child(63){grid-column:5 / span 1; grid-row: 12 / span 4;background: #c9d9ff; }
.complete.grid-11-container > div.item:nth-child(65){grid-column: 7 / span 1; grid-row: 12 / span 4;background: #ffd9d9}
.complete.grid-11-container > div.item:nth-child(n+66):nth-child(-n+68){grid-row: 12 / span 2; }

.complete.grid-11-container > div.item:nth-child(n+69):nth-child(-n+75),.complete.grid-11-container > div.item:nth-child(77){grid-row: 14 / span 2;}
.complete.grid-11-container > div.item:nth-child(76){grid-column:10 / span 1;grid-row: 14 / span 4; background: #ffd9d9;}

.complete.grid-11-container > div.item:nth-child(n+78):nth-child(-n+84),.complete.grid-11-container > div.item:nth-child(n+86):nth-child(-n+87){grid-row: 16 / span 2;}
.complete.grid-11-container > div.item:nth-child(85){grid-row: 16 / span 2;    background: #ffd8c1;}


/* type02 */
.complete.grid-11-container.type02{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.complete.grid-11-container.type02 > div.bg01 {background-color: #f9f9f9;}
.complete.grid-11-container.type02 > div.item{grid-row: auto ; grid-column: auto; }
.complete.grid-11-container.type02 > div.item:nth-child(1){grid-row: 1 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(2){grid-row: 1 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(3){grid-column: 3 / span 8;}
.complete.grid-11-container.type02 > div.item:nth-child(4){grid-column: 11 / span 3;}
.complete.grid-11-container.type02 > div.item:nth-child(5) {grid-column: 3 / span 4;}
.complete.grid-11-container.type02 > div.item:nth-child(6) {grid-column: 7 / span 3; }
.complete.grid-11-container.type02 > div.item:nth-child(7) {grid-column: 10 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(8) {grid-column: 11 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(9){grid-column: 13 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(23) {grid-column: 2 / span 1;grid-row: 4 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(n+18):nth-child(-n+20), .complete.grid-11-container.type02 > div.item:nth-child(22), .complete.grid-11-container.type02 > div.item:nth-child(n+24):nth-child(-n+26), .complete.grid-11-container.type02 > div.item:nth-child(28){grid-row: 4 / span 1;}

/*
===============================================
반응형 css
===============================================
*/

@media (min-width: 2100px){
	.profHover .imgItem {margin-right: -25vw;}

	.main-v .titleBox em{font-size: 2.375rem;}
	.main-v .titleBox strong{font-size: 4.375rem;}
	.main-v .titleBox span{font-size: 3.375rem;}
}

@media (max-width: 1600px){
	.mVisual {height: calc(100vh - 40vh);height: calc(100dvh - 40dvh);margin-top: -2em;}
	.mVisual video{width:100%;}
}

@media (max-width: 1400px){
	.gt-right-box .gt-tit {word-break: normal;}
	.gt-right-box .gt-tit br{display:none;}

	.cont-greeting {margin-top: 1em;}

}

@media (max-width: 1360px){
	.quickBox {margin-left: 4em;}
	.quickBox ul li a {padding: 35px;}
	.quickBox ul {grid-column-gap: 10px;}
	.quickBox ul li {margin: 5px 0;}
	.quickBox .conBox .txt {line-height: 1.3;font-size: 0.92rem;}

}

@media (max-width: 1200px){
	.cont-greeting {display: grid;grid-template-columns: 1fr;grid-column-gap: 0;}
	.cont-greeting .gt-left-box {width: 488px;margin: 0 auto;}
	.gt-right-box .gt-tit br{display:block;}
	.cont-greeting .gt-right-box{margin: 5em 0 0;}
	.cont-greeting:after {height: 53.5%;}
	.gt-right-box .gt-tit::after {top: 0;}

	.scroll #logo a img {width: 250px;}
	#nav3 .sub-2ul {width: 110%;}
	#nav3 a.sub-1item {line-height: 3.8;}

	.mVisual {margin-top: -5em;}

	.mapConBox {display: flex;margin: 0;flex-direction: column;}
	.mapConBox .mapBox {width: 100%;}
	.mapConBox .conBox {padding: 4em 3em;}

	.quickBox {margin-left: 2em;}
	.quickBox ul li a {padding: 35px 20px;}
	.quickBox .conBox .icon {right: 6px;bottom: 20px;background-size: 80% !important;}
		/* ===============
	date: 2024.03.15
	writer: sein
	====================
	*/
	.pc-br{display:inline;}
}

@media (max-width: 1100px){
	.cont-greeting:after,
	.gt-right-box .gt-tit:before{display:none;}
	.gt-right-box .gt-tit {padding-bottom: 50px;margin-bottom: 0;}
}

@media (max-width: 1024px){
	.sub-v {background: url(../img/sub/sub-bg02.png) 65% no-repeat;}
	#nav3 a.sub-1item {line-height: 4.5;}
	#nav3 a.sub-1item {width: 200px;}

	.hd-top .hd-quick{background-color:#333}
    .hd-top .hd-quick .item.login{background-color:#333;background-image:none}
    .hd-sns{background-color:#02604f}
	.hd-top .hd-quick .item-txt.item-u{color:#fff;background:url('../img/comm/ico-u-wt.png') left center/contain no-repeat}
	.hd-top .hd-quick .item:nth-child(4)::after{display:none}

	.main-v .swiper-slide.slide-img01{background-image:url('../img/main/mv_231127_mb.png');}
	.main-v .swiper-slide.slide-img02{background-image:url('../img/main/mv_230526_mb.png');}
	.main-v .swiper-slide.slide-img03{background-image:url('../img/main/mv_230526_02_mb.png');}
	.main-v .swiper-slide.slide-img04{background-image:url('../img/main/main02_04_mb.jpg');text-indent:-9999px;}
	.main-v .swiper-slide.slide-img05{background-image:url('../img/main/main02_05_mb.png');}

	.orgTreeBox ul {grid-column-gap: 10px;}

	.dlBox span:before {top: 4px;}

	.mVisual {height: calc(100vh - 50vh);height: calc(100dvh - 50dvh);}

	.main-intro .link-box {width: 100%;}

	/* .main-notice{height:60vh;} */
	.main-v .swiper-slide .imgBox {height: calc(60vh - 80px);}




}

@media (max-width: 890px){
	.keyContBox .keyCon .conBox {padding: 5em 1%;}
	.keyContBox .keyCon h4 {font-size: 1.35rem;}
	.keyContBox .keyCon h4 em {font-size: 1.2rem;}
	.keyContBox .keyCon .conBox ul li strong{font-size: 1.125rem;}
	.keyContBox .keyCon .conBox ul li {font-size: 1rem;}
	.keyContBox .keyCon .conBox ul li em,
	.keyContBox .keyCon .conBox .ulCon li em{font-size: 1.3rem;}
/* 	.keyContBox .keyCon .conBox ul li {padding: 0 3%;} */

	.mVisual {height: 500px;}

	.main-v .titleBox strong {font-size: 2.8rem;}
	.main-v .titleBox strong {font-size: 2.8rem;}
}

@media (max-width: 768px){
	.sub-v {background: url(../img/sub/sub-bg02.png) 77% no-repeat;}
	.gt-right-box .gt-tit br{display:none;}

	.keyContBox .keyCon h4 {width: calc(100% - 4em);}
	.keyContBox .keyCon h4 em {position: static;margin-right:15px;}
	.keyContBox .keyCon .conBox ul li,
	.keyContBox .keyCon .conBox .ulCon li{width: 90%;height: 6.25rem;}

	.orgTreeBox ul {display: flex;flex-direction: column;}
	.orgTreeBox ul li {margin-bottom: 3em;}
	/* date: 24.04.01 writer:sein page:01_04 */
	.orgTreeBox ul:after{display: none;}
/* end */

	.tableTypeC tbody th {font-size: 1.1rem; width: 18%;padding-right: 4%;}
	.tableTypeC tbody td {padding: 0 0 0 1.5em;}

	.mapConBox .mapBox,
	.mapConBox .mapBox .root_daum_roughmap{height: 450px}

	.imgZoomBox{position: relative;}
	.imgZoomBox img{cursor: pointer;}
	.imgZoomBox .imgZoom{display: block;width: 50px;height: 50px;background:url('../img/sub/imgzoom.png') center no-repeat;background-size: cover;position: absolute;bottom: 10px;right: 10px;font-size: 0;text-indent: -99999em;}

	#ft address span{display: block; margin-right: 0;margin: 0.15rem 0;}
	#ft address span:after{display: none;}

	#ft .flogo strong{font-size: 1rem;}
	#ft .flogo img{	width:auto; margin-top: -0.5rem;}
}

@media (max-width: 720px){
	#nav3 a.sub-1item {width: 300px;line-height: 3.6;}

    .category-board .category-tabs a:hover, .category-board .category-tabs a.on{color:#fff}

	.btn-ico.btn-reserveStatus span,.btn-ico.btn-reserveStatus:hover span{background-size: contain;}
	.btn-ico.btn-reserve span,.btn-ico.btn-reserve:hover span{background-size: contain;}
	.btn-ico.btn-device span,.btn-ico.btn-device:hover span{background-size: contain;}
	.btn-ico.btn-search span,.btn-ico.btn-search:hover span{background-size: contain;}
	.btn-ico.btn-write span,.btn-ico.btn-write:hover span{background-size: contain;}

	.h4-tit .tit-span{width:100%;}
	.h4-tit .tit-span:after{display:none}
	.h4-tit .area-custom-select.dev-select{margin-top:10px;width:100%;}

	.complete{width:1000px;}

	.tbl-scroll-h tbody th,
	.tableH thead th{padding: 8px 5px;}
	.tbl-scroll-h tbody td {padding: 8px 20px;}
	tfoot th,
	tfoot td {padding: 15px 5px;}

	.profHover{width:100% !important;}
	.profHover .imgItem {margin-top: -750px; margin-right: -66vw;}
	.profHover .hsh1 {margin-top: -600px !important;}
	.profHover .ljw82 {margin-top: -800px !important;}

	.dlBox dd {padding: 20px 1em;}

	.quickBox {margin: 5em 3%;}
	/* =========
	date:2024.03.15
	writer:sein;
	=======*/
	.complete.grid-7{width:1200px;}


/* 	date: 24.04.02 writer:sein page:05_03_08 */
.tab-menu-wr ul li{width: 33.3333%;}
.tab-menu-wr ul li a{padding: 1.25rem 0.5rem;}

}

@media (max-width: 640px){
	.keyContBox .keyCon .conBox ul li,
	.keyContBox .keyCon .conBox .ulCon li {margin: 0 0.5em;}

	.applyTitle i,
	.applyTitle strong{display: block;}
	.applyTitle i {font-size: 1.575rem;}
	.applyTitle {font-size: 1.35rem !important;}

	.dlBox span {display: block;margin-top: 10px;padding-left: 0;}
	.dlBox span:before{display:none}

	.profHover .imgItem {margin-right: -60vw;}

	.mVisual {height: calc(100vh - 55vh);height: calc(100dvh - 55dvh);margin-top: -6em;}

	.main-share{margin-top:60px;}

	.main-v .swiper-slide .imgBox {height: calc(50vh - 80px);}
	.main-v .titleBox em {font-size: 3vw;}
	.main-v .titleBox strong {font-size: 6vw;}
	.main-v .titleBox span {font-size: 4.3vw;}
}

@media (max-width: 550px){
	#nav3 a.sub-1item {width: 280px;}
	.sub-v {background: url(../img/sub/sub-bg02.png) 82% no-repeat;}
	.sub-con {margin: 50px auto 80px auto;}

	.cont-greeting .gt-left-box{width:100%;}
	.gt-right-box .gt-tit br{display:block}
	.gt-left-box img{height:100%;object-fit: cover;}
	.add-green .gt-right-box .greeSign span {display: block;}
	.gt-right-box .gt-text {word-break: break-all;}

	.keyContBox {margin-top: -2em;}
	.keyContBox .keyCon h4 {width: 100%;padding: 0.6em 0;}
	.keyContBox .keyCon h4 strong {display: block;}
	.keyContBox .keyCon h4 em {display: block;margin: 0;transform: translate(0, -3px);}
	.keyContBox .keyCon .conBox {padding: 4em 1% 4em;border-radius: 10px;}
	.keyContBox .keyCon .conBox ul li em,
	.keyContBox .keyCon .conBox .ulCon li em {font-size: 1rem;}
	.keyContBox .keyCon .conBox ul li,
	.keyContBox .keyCon .conBox .ulCon li {/*height: 6.875rem; padding: 0 1.5%; */height:auto; flex-direction: column; padding-bottom: .625rem; border-radius: .625rem;}
	.keyContBox .keyCon .conBox .arrowTit {font-size: 1rem;}
	.keyContBox .keyCon .conBox .arrowTit:after {background-size: 80% !important;}
	.keyContBox .keyCon .conBox ul li strong{width: 100%; font-size: 1.125rem; margin-right: 0rem; height: auto; margin-bottom: .625rem; padding: .625rem 0rem;}
	.keyContBox .keyCon .conBox ul li span{padding: 0 0.625rem;}
	.orgTreeBox {margin: 0;}
	.orgTreeBox .dep1 strong{font-size: 24px;padding-top: 70px;}
	.orgTreeBox strong{font-size: 22px;}
	.orgTreeBox strong span {vertical-align: 2px;}
	/* date:24.04.01
	writer:sein
	page:01_04.aspx */
	.orgTreeBox .dep1.no-icon{width: 300px; height: 65px; line-height: 65px;}
	.orgTreeBox .dep1.no-icon strong{font-size: 22px;}
	/* end */
	.orgTreeBox .dep2 {width: 300px;height: 65px; line-height: 65px;margin: 2em 0 0;}
	.orgTreeBox .dep4 strong {font-size: 18px;}
	.orgTreeBox .dep4 strong span {font-size: 15px;vertical-align: 0.6px;}
	.orgTreeBox ul:after{display:none;}
	.orgTreeBox ul {width: 100%;margin-top: 4em;}

	.profHover .imgItem {margin-right: -100vw;}
	.titC i{display:block;}
	.titC:after{display:none;}

	.mapConBox .mapBox,
	.mapConBox .mapBox .root_daum_roughmap{height: 300px}
	.mapConBox .conBox h4 {font-size: 1.5rem;}
	.mapConBox .conBox {padding: 4em 2em;}
	.mapConBox .conBox .mapBtn {margin-top: 3em;}

/* 	date: 24.04.02 writer:sein page:05_03_08 */
.tab-menu-wr ul li{width: 50%;}
}