@charset "utf-8"; @import url("in_default.css"); @import url("in_fonts.css"); /*wrap*/

.wrap { position: relative; width: 100%; background: #fff; font-weight: 400; }
.wrap.main_wrap{background: url("../images/main/ctep_main_visual.jpg") no-repeat center top; overflow-x: hidden;}

/*공통 header*/
.wrap .header{clear: both; position: relative; padding: 0; margin: 0 auto; width: 100%;height:10rem; border-bottom:0.1rem solid #b1b8be;}
.wrap .topWrap{width:100%; max-width: 144rem; margin: 0 auto; height:100%; position: relative; clear: both; z-index: 1; }
.wrap .topWrap .section{width:100%; margin:0 auto; display:flex; height:100%; flex-wrap:nowrap; justify-content:space-between; }
.wrap .logoWrap{background-image: url("../images/main/top_logo.png"); background-repeat: no-repeat; background-position: left center; background-size: contain; width:43.6rem; max-width:calc(100% - 7rem); }
.wrap .logoWrap h1{font-size:0; line-height: 0; letter-spacing: -200rem; height:100%; width:100%; cursor:pointer}
.wrap .mnWrap{height:100%; flex:1 1 auto; margin-left:1.5rem}
.wrap nav.mn_box{height: 100%}
.wrap .mn_list{display: flex; flex-wrap:wrap; justify-content: flex-end;  gap:7rem; height: 100%;} 
.wrap .mn_list > li{padding:0; height:100%; }
.wrap .mn_list > li > a{font-size: 2.4rem; font-weight: 700; display:inline-flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; height: 100%; }
.wrap .mn_list > li.on > a, .mn_list > li:hover > a{color: #1c66cb; font-weight: bold; text-decoration: underline; text-underline-offset:.7rem; }
.wrap .mn_list > li > div.subMnBox{display: block; visibility: hidden; opacity: 0; max-height: 0; position: absolute; top: 10rem; left: 0; width: 100%;}
.wrap .mn_list > li > div.subMnBox:after{content: ""; background:#fff; display: block; position: absolute; top:0; left: 50%; z-index:0; transform:translateX(-50%); width: 100vw; height: 100%; border-bottom: .1rem solid #b1b8be}
.wrap .mn_list > li > div.subMnBox dl{position: relative; z-index: 1; display: flex; justify-content: space-between; width: 100%; gap:0 6.6rem;}
.wrap .mn_list > li > div.subMnBox dl dt{display: inline-flex; flex:0 0 32rem; align-items: center; font-weight: 700; background: #e6ebf8; font-size: 2.6rem; border: .1rem solid #b1b8be; border-top: 0;  padding: 0 0 0 4.4rem }
.wrap .mn_list > li > div.subMnBox dl dd{display: inline-flex; flex-shrink: 1; width: 100%; }
.wrap .mn_list > li > div.subMnBox dl dd ul.subMn{display: flex; flex-wrap: wrap; gap:2rem; padding: 3.2rem 0; width: 100%; }
.wrap .mn_list > li > div.subMnBox dl dd ul.subMn li{ flex:0 0 calc(25% - 2rem);}
.wrap .mn_list > li > div.subMnBox dl dd ul.subMn li a{display: flex; justify-content: space-between; align-items: center; height: 5rem; border: .1rem solid #b1b8be; border-radius: 0.8rem; padding: 0 1.6rem;}
.wrap .mn_list > li > div.subMnBox dl dd ul.subMn li a:hover{background: #f1f4fd; color:#1c66cb; font-weight: 700}
.wrap .mn_list > li > div.subMnBox dl dd ul.subMn li a:after{ content: ""; display: block; width: 2.4rem; height: 2.4rem; background-image: url("../images/main/ico_angle.svg"); background-repeat: no-repeat; transform: rotate(-90deg); }
.wrap .mn_list > li:hover > div.subMnBox{display: block; visibility: visible; opacity: 1; max-height: 50rem;}
.wrap .header:hover .mn_list > li > a{color:#1e2124;}
.wrap .header:hover .mn_list > li:hover > a, .header:hover .mn_list > li.on > a{color: #1c66cb; font-weight: bold; text-decoration: underline; text-underline-offset:.7rem; }

/*메인화면 메뉴*/
    /*header*/
    .wrap.main_wrap .header{border-bottom: 0;}
    .wrap.main_wrap .header:after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100vw; height: 100%;  background: rgba(43,43,42,0.8); mix-blend-mode: multiply; /* background: url("../images/main/top_menu_bg.png");*/ border-bottom: 0;}

    /*logo*/
    .wrap.main_wrap .logoWrap{background-image: url("../images/main/top_logo_white.png");}
    .wrap.main_wrap .mnWrap{height:100%; flex:1 1 auto; margin-left:1.5rem}
    .wrap.main_wrap .mn_list{display: flex; flex-wrap:wrap; justify-content: flex-end;  gap:7rem; height: 100%;} 
    .wrap.main_wrap .mn_list > li{padding:0; height:100%; }
    .wrap.main_wrap .mn_list > li > a{color:#fff;}
.wrap.main_wrap .mn_list > li > div.subMnBox:after{border-top: .1rem solid #b1b8be;}

    /*메뉴오버*/
    .wrap.main_wrap .header:hover{background:#fff; }
    .wrap.main_wrap .header:hover::after{background: #fff; mix-blend-mode:normal; }
    .wrap.main_wrap .header:hover .logoWrap{background-image: url("../images/main/top_logo.png");} 

/*모바일*/
.wrap .mnWrap .mobile-nav, .close-wrap{display: none;}
.wrap .mnWrap .mobile-nav .all-btn{display: block; background: #0060ce; width: 6rem; height: 6rem; border-radius: 50%; position: relative;}
.wrap .mnWrap .mobile-nav .all-btn:before{content: ""; border-top:.2rem solid #fff; border-bottom: .2rem solid #fff; width: 3rem; height: 2rem; position: absolute; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.wrap .mnWrap .mobile-nav .all-btn:after{content: ""; border-top:.2rem solid #fff; width: 1.8rem; height:  0; position: absolute; top:50%; right: 1.5rem; transform: translateY(-50%); }

/*container*/
.mainContainer{ padding: 0; margin: 0 auto; width: 100%; max-width:100%; }

/*section01*/
.section01{width:100%; max-width:144rem; height: 77rem; margin: 0 auto;}

/*비쥬얼 텍스트 */
.section01 .visualTxt{display: flex; align-items: flex-end; gap:0 1.6rem; padding: 32rem 0 0 0;}
.section01 .visualTxt span{color:#fff; display: block;}
.section01 .visualTxt span.smtxt{font-size: 2.4rem; line-height: 2; }
.section01 .visualTxt span.bigtxt{font-size:4.8rem; font-family: 'Paperlogy', sans-serif; font-weight: 800; letter-spacing: 0.1em; line-height: 1;}
.section01 .visualTxt span.imgtxt{background: url("../images/main/visual_logo.png") no-repeat; width: 29.6rem; height: 7.4rem; }

.section02{width: 100%; max-width:144rem; margin: 6rem auto; display: flex; justify-content: space-between; gap:0 8rem;}
.quick-link{flex-shrink: 1; width: 100%; }
.quick-link h3{font-family: 'Paperlogy', sans-serif; font-size: 3.2rem; font-weight: 700; padding: 1.6rem 0 2rem 0; }
.quick-link ul.quick-list{display: flex; gap:2rem; width: 100%; height: calc(100% - 8.4rem);}
.quick-link ul.quick-list li{ flex:1 1 0; background-color:#eff3fd; background-image: url("../images/main/quick_link_bg.gif"); background-repeat: no-repeat; background-position: right top; border-radius: 2rem; position: relative;}
.quick-link ul.quick-list li:hover{ background-color:#3c78f4; background-image: url("../images/main/quick_link_bg_over.gif"); }
.quick-link ul.quick-list li a{display: block; height: 100%; width: 100%; padding: 6rem 0 0 3rem; font-size: 2.2rem; font-weight: 700;}
.quick-link ul.quick-list li a .imgBox{display: block; width: 3.3rem; height: 3.5rem; background-color:#3c78f4; margin-bottom: 1rem;
    -webkit-mask-position:center bottom; -webkit-mask-repeat:no-repeat; -webkit-mask-size: contain;
    mask-position:center bottom; mask-repeat:no-repeat; mask-size: contain;
}
.quick-link ul.quick-list li a .arrowBox{ position:absolute; top:0; right: 0; border-radius:50%; width:4rem; height:4rem; background-color: #000000; background-image: url("../images/main/ico_arrow.png"); background-position: center; background-repeat: no-repeat; }
.quick-link ul.quick-list li:nth-child(1) a .imgBox{ -webkir-mask-image:url("../images/main/quick_icon_01.svg"); mask-image:url("../images/main/quick_icon_01.svg");}
.quick-link ul.quick-list li:nth-child(2) a .imgBox{ -webkir-mask-image:url("../images/main/quick_icon_02.svg"); mask-image:url("../images/main/quick_icon_02.svg");}
.quick-link ul.quick-list li:nth-child(3) a .imgBox{ -webkir-mask-image:url("../images/main/quick_icon_03.svg"); mask-image:url("../images/main/quick_icon_03.svg");}
.quick-link ul.quick-list li:nth-child(4) a .imgBox{ -webkir-mask-image:url("../images/main/quick_icon_04.svg"); mask-image:url("../images/main/quick_icon_04.svg");}

.quick-link ul.quick-list li:hover a{color:#fff; text-decoration: none;}
.quick-link ul.quick-list li:nth-child(1):hover a .imgBox{ background-color:#fff; -webkir-mask-image:url("../images/main/quick_icon_01.svg"); mask-image:url("../images/main/quick_icon_01.svg");}
.quick-link ul.quick-list li:nth-child(2):hover a .imgBox{ background-color:#fff; -webkir-mask-image:url("../images/main/quick_icon_02.svg"); mask-image:url("../images/main/quick_icon_02.svg");}
.quick-link ul.quick-list li:nth-child(3):hover a .imgBox{ background-color:#fff; -webkir-mask-image:url("../images/main/quick_icon_03.svg"); mask-image:url("../images/main/quick_icon_03.svg");}
.quick-link ul.quick-list li:nth-child(4):hover a .imgBox{ background-color:#fff; -webkir-mask-image:url("../images/main/quick_icon_04.svg"); mask-image:url("../images/main/quick_icon_04.svg");}

.quick-banner{flex-shrink: 0; width: 55rem; height: 24rem; border-radius: 2.4rem; overflow: hidden;}
.quick-banner a{display: block; width: 100%; height: 100%;}
.quick-banner a img{object-fit: cover; width: 100%; height: 100%;}

/*
.quick-banner {flex-shrink: 0; width: 55rem; height: 24rem; border-radius: 2.4rem;position: relative; overflow: hidden; background-color: #3c78f4;
 background-image:url("../images/main/quick_banner_img_03.png"), url("../images/main/quick_banner_bg.gif"), url("../images/main/quick_banner_img_02.png"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: right bottom, right top, left bottom; }
.quick-banner a{display: block; width: 100%; height: 100%;}
.quick-banner a:hover, .quick-banner a:focus{text-decoration: none}
.quick-banner a div.txt-box{ padding: 5.4rem 0 0 6rem; color: #fff;}
.quick-banner a div.txt-box p.smtxt{ font-size:1.9rem; font-family: 'Paperlogy', sans-serif; font-weight: 300; }
.quick-banner a div.txt-box p.tit{ font-size: 4rem; font-family: 'Paperlogy', sans-serif; font-weight: 300; }
.quick-banner a div.txt-box p.tit strong{ font-family: 'Paperlogy', sans-serif; font-weight: 700}
.quick-banner a div.txt-box p.tit strong.col_y{color:#fff458}
.quick-banner a div.txt-box .arrowBox{ position:absolute; top:0; right: 0; border-radius:50%; width:6rem; height:6rem; background-color: #000000; background-image: url("../images/main/ico_arrow.png"); background-position: center; background-repeat: no-repeat; }
*/

/*footer*/
.footer{ width: 100%; margin: 0; padding:0; border-top:0.1rem solid #050813;}
.footer .footer-box{width:96%; max-width:144rem; margin: 0 auto; padding: 3rem 0 4rem 0;  display:flex; gap:2rem; justify-content:space-between}
.footer .footer-box .footerMn{order:2; display: flex; gap:3rem; flex-shrink: 0;}
.footer .footer-box .footerMn li a{color:#404040; font-size:1.6rem; letter-spacing: -0.03rem}
.footer .footer-box .footerMn li a strong{color:#3c78f4; font-weight: 600;}
.footer .footer-box .copy{order:1; display: flex; gap:2.4rem; flex-shrink: 1; }
.footer .footer-box .copy h1{display: inline-flex; flex-shrink: 0; width:15.1rem; height: 6rem; background-image: url("../images/main/footer_logo.png"); background-repeat: no-repeat; }
.footer .footer-box .copy p{font-size: 1.6rem; color:#404040; display: flex; flex-wrap: wrap; gap:1rem 3rem; }
.footer .footer-box .copy p span{display: inline-block;}
.footer .footer-box .copy p span.smtxt{padding-left: 0; font-size: 1.3rem;  flex: 0 0 100%;}


/*상단으로*/
.top_move{position: fixed; top: 50%; left:50%; margin: 15rem 0 0 70.5rem; width: 4.8rem; height: 4.8rem; border-radius:50%; background: #fff; border: .1rem solid #dddcdc; box-shadow: 0 0 2rem 0 rgba(77, 78, 78, 0.3); font-size: 1.25em; opacity: 0; transition: 1.5s ; }
.top_move:hover{text-decoration: none; }
.top_move.block{opacity: 1; }

/*서브페이지*/
.subContainer{ width: 100%; max-width: 1440px;  margin: 0 auto; padding:0 0 3rem; background:#fff; }

/*breadcrumb*/
.breadcrumb-wrap{padding: 2rem 0 0 0; margin: 0 auto 4rem auto; width: 100%; }
.breadcrumb-wrap ol.breadcrumb{display: flex; display:-webkit-flex; align-items: center; justify-content: flex-end}
.breadcrumb-wrap ol.breadcrumb li{display: flex; display: -webkit-flex; align-items: center;}
.breadcrumb-wrap ol.breadcrumb li a{ font-size: 1.5rem; font-weight: 300; color: #1e2124; text-decoration: underline; text-underline-offset:0.2rem; margin-right: 0.8rem;}
.breadcrumb-wrap ol.breadcrumb li.home:before{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 1.6rem; height: 1.6rem; margin-right: 0.5rem;  background-image :url("../images/sub/ico_bread_home.svg"); background-size: contain;}
.breadcrumb-wrap ol.breadcrumb li:after{ content: ""; display: inline-flex; display:-webkit-inline-flex; flex-shrink:0; width: 1.6rem; height: 1.6rem; margin-right: 0.7rem; background-image: url("../images/sub//ico_angle.svg"); background-size: contain; transform: rotate(-90deg);}
.breadcrumb-wrap ol.breadcrumb li:last-child:after{display: none}


/*h2*/
.subContainer .subTit{width: 100%; margin: 0 auto 5rem; text-align: center; }
.subContainer .subTit h2{font-size:5.6rem; font-weight: 700; color: #262626; position: relative; transition:.2s ease-in-out}

/*탭메뉴*/
.tabBox{margin:0 auto 5rem auto; padding:0; }
.tabBox .nav{align-items:stretch}
.tabBox .nav > li > a{padding:2.4rem 1rem; line-height: 1; display: flex; align-items: center; justify-content: center; height: 100%;}
.nav-pills > li + li{}
.tabBox .nav-pills > li > a{ border-radius: 0; color:#1e2124; border: .1rem solid #b1b8be; border-left: 0; overflow: hidden;}
.tabBox .nav-pills > li > a:hover{background: #eaf0f7; color:#0060ce; text-decoration: underline}
.tabBox .nav-pills > li > a.active{ background: #0060ce;  border:.1rem solid #0060ce; font-weight: 600; }
.tabBox .nav-pills > li > a.active:hover{text-decoration: none; color: #fff; }
.tabBox .nav-pills > li:first-child > a{border-radius: 0.6rem 0 0 0.6rem; border-left:0.1rem solid #b1b8be}
.tabBox .nav-pills > li:last-child > a{border-radius: 0 0.6rem 0.6rem 0}


/*subContent*/
.subContent{clear: both; margin: 0 auto; padding:0 0 4rem 0; min-height:50rem}
.subContent h4{font-size: 3.2rem; padding: 0 0 1.6rem 0; margin: 0 0 2rem 0; font-weight: 700;  border-bottom: 0.1rem solid #b1b8be }
.subContent h5{ font-size: 2.8rem; font-weight: 600;  padding: 0; margin: 0 0 1rem 0; }

.subContent .conBox{border:.1rem solid #e7e7e7; background: #fff; border-radius: 1.5rem; padding:1.8rem; margin: 1rem 0 3rem 0; line-height: 1.875em; box-shadow: 0 .5rem 0 #e9e9e9; }
.subContent .conBox div.innerBox{background: #fff; border: .1rem solid #e7e7e7; border-radius: 1.5rem; padding: 2rem; line-height: 1.5}
.subContent .conBox div.innerBox2{background: #fff; border: .1rem solid #e7e7e7; border-radius: 1.5rem; padding: 2rem; line-height: 1.5; height: 30rem; overflow-y: auto}
.subContent .conBox div.innerBox2 dl{margin: 2rem 0; }
.subContent .conBox div.innerBox2 dl dt{font-weight: 500; margin: 0 0 .5rem 0; }
.subContent .conBox div.innerBox2 dl dd ol{padding:0 0 .5rem 1.7rem; text-indent: -1.7rem; line-height: 150%; }

.subContent .conBox + h4{margin-top: 6rem; margin-bottom: 0; border-bottom: 0;}

.list_type01{padding:0; margin: 0; }
.list_type01 li{ padding: 0 0 1.6rem 1.6rem; text-indent: -1.6rem}
.list_type01 li:before{content:"•"; padding-right:0.8rem; color:#0060ce}

.list_type02{padding:0; margin: 0; }
.list_type02 li{padding: 1rem 0; line-height: 1.5; border-bottom: .1rem dashed #e7e7e7; display:flex; gap:.8rem 2rem; align-items:center; flex-wrap:wrap} 
.list_type02 li strong,.list_type02 li div{display:inline-flex; align-items:center; gap:.8rem 2rem }
.list_type02 li:first-child{padding-top: 0; }
.list_type02 li:last-child{padding-bottom: 0; border-bottom: 0; }
.list_type02 li em{font-style:normal; font-weight: 600; white-space:nowrap}

.list_type02 [class*='icon_']{display:flex; justify-content:center; border-radius:50%; width: 3.6rem; height: 3.6rem; background: #0060ce; font-size:1.5rem; align-items:center; color: #fff; }
.list_type02 [class*='icon_'] i{color: #fff; }
.list_type02:has(li.wpct50){display:flex; flex-wrap: wrap;}
.list_type02:has(li.wpct50) li{width: 100%;}
.list_type02:has(li.wpct50) li:nth-last-child(2){border-bottom:0;}



.table{table-layout: fixed; width: 100%; min-width: 640px; height: auto; border-collapse: collapse; border-top: .2rem solid #0060ce; margin: 0; padding: 0; }
.table caption{padding: 0; margin: 0; }

.subContent .table > thead > tr > th,
.subContent .table > thead > tr > td, 
.subContent .table > tbody > tr > th, 
.subContent .table > tbody > tr > td
{ border-bottom: .1rem solid #b1b8be; padding: 1.5rem .8rem; line-height: 1.5; vertical-align: middle; color: #424447; }

.table > thead > tr > th{background:#e5effa; text-align: center; color:#131416; font-weight: 700}
.table > tbody > tr > th{background:#fafafa; text-align: center; color:#131416;  font-weight: 700; }
.table > tbody > tr > td{text-align: center; background: #fff; }
.table > tbody > tr td.subTable{padding:0; }
.table > thead > tr > th.bdl, .subContent .table > tbody > tr > td.bdl{border-right: .1rem solid #b1b8be; }
.table > tbody > tr > td.al{padding-left: 3rem; padding-right: 3rem; }
.table > tbody > tr td.subTable .table{border-top: none; margin: 0}
.table > tbody > tr td.subTable .table tr:last-child td, .table > tbody > tr td.subTable .table tr:last-child th{border-bottom: 0; }

.table > tbody > tr > td.title.al a{display: block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
.table > tbody > tr > td.title.al a:hover{font-weight: 600}

/*페이지 준비중*/
.errorpage{border:0.1rem solid #b1b8be; background: #f9f9f9; border-radius: 1.6rem; padding:10rem 0; width: 100%; margin: 0 auto; }
.errorpage dl{background-image: url("../images/sub/warning_img.gif"); background-repeat: no-repeat; background-position: center top; display: flex; flex-direction: column; align-items: center; gap:2rem; padding: 10rem 0 0 0;}
.errorpage dl dt{font-size: 2.8rem; font-weight: 700; text-align: center;}
.errorpage dl dt strong{color:#e83c19;}
.errorpage dl dd{text-align: center; word-break: auto-phrase; }


/*사업공고 리스트*/
.dbody{ border-top: .2rem solid #464646; margin: 0; padding: 0; }
.dbody>li{border-bottom: .1rem solid #e9e9ec; padding: 2rem 3rem; }
.dbody>li>div{ position: relative; }
.dbody>li>div dt.title a{color: #222222; font-weight: bold; font-size: 1.125em; }
.dbody>li>div dt.title a:hover{color:#0f3baa; text-decoration: none; }
.dbody>li>div dd.etc_info ul li{font-size: 0.875em; color: #424447; }
.dbody>li>div dd.etc_info ul li em{font-style: normal; padding-right: 1rem; }
.dbody>li>div dd.status_info{position: absolute; top: 50%; right: 0; margin-top: -1.6rem; }

tbody.dbody{border-top: 0}

span.icon_noti{width: 4rem; line-height:1.71428; text-align: center; display: inline-block; background: #d3463c; color: #fff; border-radius: 1rem; font-size: 1.2rem; }


.site_box_wrap01{clear:both; padding: 0; margin: 0 0 2rem 0; display: flex; justify-content: space-between; align-content: center; flex-wrap: wrap; }
.site_box_wrap01 .box{margin:0 1rem; }
.site_box_wrap01 .box .tit{height: 5.5rem; margin:  0; background:#1265ba url("../images/sub/tit_bg.png") no-repeat right top; border-radius: .5rem; color: #fff; text-align: center; font-weight: 700; line-height: 5.5rem; position: relative; }
.site_box_wrap01 .box .tit::after{display: block; content: ""; position: absolute; top: 5.5rem; left: 50%; margin-left: -.5rem; line-height: 0; width: 0; height: 0; border-style: solid; border-width: .8rem 1rem 0 1rem; border-color: #1265ba transparent transparent transparent; }
.site_box_wrap01 .box .txt{margin: 1rem 0 0 0; border:.1rem solid #e7e7e7; padding: 2rem; height: calc(100% - 6.5rem ); border-radius: .5rem; line-height: 1.25em; box-shadow: 0 .5rem 0 #e9e9e9; }
.site_box_wrap01 .box .txt ul{padding: 0 0 2.5rem 0; }

.site_box_wrap01 .box.box2{width: calc(50% - 2rem) ; }
.site_box_wrap01 .box.box3{width: calc(33% - 2rem) ; }
.site_box_wrap01 .box.box4{width: calc(25% - 2rem) ; }
.site_box_wrap01 .box.box5{width: calc(20% - 2rem) ; }

a.go_btn{ display: block; position: relative; padding-right: 3rem; }
a.go_btn span.ico_link{position: absolute; top: 50%; right: 0; margin-top: -1.1rem; }


/*센터소개*/
.centerInfo{ background:url("../images/sub/intro_logo.gif") no-repeat left 6.4rem top 6.4rem; padding:4rem 0 0 48rem; }
.centerInfo p.tit{font-size: 3.2rem; }
.centerInfo p.tit strong{color:#06377a;}
.centerInfo p.txt{font-size: 1.9rem;}

.kocca_map{width: 100%; height: 30rem; }

/*조직도 */
.org_wrap{position: relative; margin: 5rem 0;}
.org_wrap ol{display: flex; flex-wrap: wrap;}
.org_wrap ol > li{position: relative; padding:0 0 4.8rem 0; display: flex; justify-content: center; }
.org_wrap ol > li:after{content: ""; display: block; height: 4.8rem; width: 0.1rem; background:#b1b8be; position: absolute; bottom: 0; left:50%; transform: translateX(-50%);}
.org_wrap ol > li.org01{padding-bottom: 5.8rem; width: 100%; flex-shrink: 0;}
.org_wrap ol > li.org01 a{display: flex; align-items: center; justify-content: center; text-align: center; position: relative; border-radius:100%; background:#0060ce; border:0.1rem solid #0986fa; width: 18rem; height: 18rem; font-size: 2.6rem; font-weight: 700; color:#fff; }
.org_wrap ol > li.org01 a:after{content: ""; display: block; width: 20rem; height: 20rem; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border:0.1rem solid #0060ce;}
.org_wrap ol > li.org02{width:100%; flex-shrink: 0;}
.org_wrap ol > li.org02 a{display: flex; align-items: center; justify-content: center; width: 80%; min-width: 28rem; max-width: 42rem; padding: 1.6rem 0; border-radius: 0.6rem; background:#1e4e85; color:#fff; font-weight: 600; z-index: 1; margin-left: 50%; }
.org_wrap ol > li.org02:after{height:100%;}
.org_wrap ol > li.org02:before{content:""; display: block; position: absolute; top:calc(50% - 2rem); left:50%; height: 0.1rem; width:25%; background:#b1b8be; z-index: 0; }
.org_wrap ol > li.org03{width:40%; flex-shrink: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top:3rem; }
.org_wrap ol > li.org03:last-child{width: 60%;}
.org_wrap ol > li.org03:before{content:""; width: 50%; height: 0.1rem; position: absolute; top:0; left: 50%;  background:#b1b8be; }
.org_wrap ol > li.org03:last-child:before{left:0;}
.org_wrap ol > li.org03:after{top:0; height: 3rem;}
.org_wrap ol > li.org03 > a{ display: flex; align-items: center; justify-content: center; text-align: center; width: 80%; min-width: 28rem; max-width: 42rem; padding: 1.6rem 0; border-radius: 0.6rem; background:#eef4fa; color:#0986fa; border: 0.1rem solid #0986fa; font-weight: 600;  }

.org_wrap ol > li.org03 > ul {display: flex; justify-content: space-between; width: 95%; gap:0 2rem; position: relative; padding: 3rem 0;}
.org_wrap ol > li.org03 > ul:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 0.1rem; height: 3rem; background:#b1b8be; }
.org_wrap ol > li.org03 > ul > li{ flex:1 1 0; padding: 3rem 0 0 0; position: relative;}
.org_wrap ol > li.org03 > ul > li:before{content: ""; display: block; position: absolute; top: 0; left: 0; width:100%; height:0.1rem; background:#b1b8be;}
.org_wrap ol > li.org03 > ul > li:after{content:""; display: block; position: absolute; top:0; left: 50%; width: 0.1rem; height: 3rem; background:#b1b8be; }
.org_wrap ol > li.org03 > ul > li:first-child:before{left:50%; width: calc(50% + 2rem); }
.org_wrap ol > li.org03 > ul > li:last-child:before{left:-2rem; width: calc(50% + 2rem); }
.org_wrap ol > li.org03 > ul > li a{display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.6rem 0; border-radius: 0.6rem; background:#fff; border:0.1rem solid #b1b8be;}

.mapWrap{ padding:2rem 2rem 4rem 2rem; margin: 0 0 6rem 0;  border-radius: 1.2rem; background:#f4f5f6; }
.mapWrap .mapBox{width:100%; height: 46rem; border:0.1rem solid #cdd1d5; border-radius: 1.2rem;}
.mapWrap ul{display: flex; gap:2rem; margin: 2rem 0 0 0;}
.mapWrap ul li{background:#fff; border:0.1rem solid #b1b8be; border-radius: 1.2rem; padding:3rem; display: inline-flex; align-items: flex-start; flex:1 1 0; gap:1rem;}
.mapWrap ul li span{display: flex; flex-direction: column; gap:0.8rem  }
.mapWrap ul li span b{font-size: 1.9rem}
.mapWrap ul li span.icon_blt{background:#0060ce; flex-shrink: 0; width: 4.6rem; height: 4.6rem; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center;}
.mapWrap ul li span.icon_blt .svg-icon{background-color: #fff; width: 2.4rem; height: 2.4rem;}

.taskWrap{padding:2rem; background:#f4f5f6;  border-radius: 1.2rem; }
.taskWrap ul{display: flex; gap:2rem;}
.taskWrap ul li{display:inline-flex; flex-direction: column; justify-content: flex-start; align-items: center; flex:1 1 0; gap:1rem; border-radius: 1.2rem; background: #fff; border:0.1rem solid #b1b8be; padding: 2rem 1.2rem; font-size: 1.9rem; font-weight: 700; text-align: center;}
.taskWrap ul li div.imgBox{ flex-shrink: 0; width: 4.4rem; height: 4.4rem; border-radius:50%; overflow:hidden; margin:0; background: url("../images/sub/center_img02.gif") no-repeat 0 0; background-size:100% auto; position: relative; z-index:2; transition:.2s ease-in-out; }
.taskWrap ul li div.imgBox.icon01{background-position: 0 0; }
.taskWrap ul li div.imgBox.icon02{background-position: 0 25%; }
.taskWrap ul li div.imgBox.icon03{background-position: 0 50%; }
.taskWrap ul li div.imgBox.icon04{background-position: 0 75%; }
.taskWrap ul li div.imgBox.icon05{background-position: 0 100%; }


/*R&D 정보서비스*/
.relateWrap{}
.relateWrap .relateList{display:flex; flex-wrap: wrap; gap:2%}
.relateWrap .relateList li{border-radius: 1.5rem; flex-basis:18.4%; border:.1rem solid #e7e7e7; background: #fff; padding:1rem; text-align: center; position: relative; overflow: hidden; margin-bottom:2%; transition:.2s ease-out}
.relateWrap .relateList li a{position: absolute; top:0; left: 0; padding:6rem 2rem 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); color: #fff; opacity: 0; transition: 0.3s ease-out; word-break: keep-all; word-wrap: break-word; }
.relateWrap .relateList li a:hover{opacity: 1; text-decoration: none; }
.relateWrap .relateList li a span.tit{display: block; font-size:1.25em; font-weight: 600; }
.relateWrap .relateList li a span.btn_go{ display:flex; width:80%; max-width:14rem; height: 4rem; margin: 2.5rem auto 0; font-size: 0.825em; border: .1rem solid #fff; align-items:center; justify-content:center}
.relateWrap .relateList li div.imgBox{border-radius: 1.5rem; background: #f6f6f6; display: flex; align-items: center; justify-content: center; text-align: center; height: 12rem; width:100%}
.relateWrap .relateList li div.imgBox img{max-width:95%}
.relateWrap .relateList li div.titBox{letter-spacing: -.1rem; font-weight: 600; margin: 3rem 0 0 0; color: #171717; }

/*게시판 화면*/
/*검색영역*/
.searchWrap{margin: 0; line-height: 1.875em; padding: 2rem; background: #f7f6f8; border: .1rem solid #eee; width:100%; }
.searchWrap .form-control, .form-select{display: inline-flex; border-color: #dadada; border-radius: .5rem !important; font-size: 1.7rem;}
.searchWrap .input-group{display:flex; gap:1rem; justify-content:center; padding:0 1rem; align-items:center; width:100%; max-width:100%; flex-direction:row; flex-wrap:unset}
.searchWrap .input-group>.form-control, .searchWrap .input-group>.form-floating, .searchWrap .input-group>.form-select{display:inline-flex; flex:1 1 auto; width:100%; height: 4.8rem;} 
.searchWrap .btn{border-radius: .6rem !important; display:inline-flex; align-items:center; justify-content:center; }
.searchWrap .btn-search{width:12rem; flex-shrink: 0;  height: 4.8rem}
.searchWrap label{position: relative; color: #4d4d4d; }
.searchWrap label a.bt_calendar{position: absolute; right: 2rem; top: .2rem}
.searchWrap label a.bt_calendar span{font-size: 0; line-height: 0; display: none}
.searchWrap .input-group-text{border: 0; }
.searchWrap .form-control.input-date{width:13rem; justify-content:space-between; }
.searchWrap .form-control.input-date input{background:transparent; width:calc(100% - 3.2rem)}
.searchWrap .btn-date{color: #4d4d4d; background:transparent !important; border:0 !important; width:3.2rem !important; }

/*페이징*/
.page{text-align: center; }
.page .pagination li a{ color:#8b8b8b; border: 0; margin: 0 1rem; line-height: 2.8rem; display: inline-block; padding-top:0; padding-bottom: 0; font-size:1.7rem; }
.page .pagination li.active a{color: #1140aa; background: #fff;}
.page .pagination li.active:hover a{color: #1140aa; background: #fff; }
.page .pagination li a span{font-size: 0; line-height: 0; display: none; }
.page .pagination li a i{font-size: 1.5rem; }
.page .pagination li.first a, .page .pagination li.prev a, .page .pagination li.next a, .page .pagination li.last a{width: 2.8rem; height: 2.8rem; text-align: center; padding-left: 0; padding-right: 0; }
.page .pagination li:hover a {background: 0; text-decoration: underline; color: #1265ba}
.page .pagination li.first:hover a, .page .pagination li.prev:hover a, .page .pagination li.next:hover a, .page .pagination li.last:hover a {background: 0; text-decoration: none; color:#3dabca}

/*비밀번호 입력*/
.loginBox{margin: 5rem auto; line-height: 1.875em; padding: 4rem 2rem; background: #f7f6f8; border: .1rem solid #eee; width: 60rem; text-align: center; border-radius: .5rem; max-width:90%}
.loginBox p{text-align: center; padding: 0 0 3rem 0; }
.loginBox div.input-group{width:80%; margin: 0 auto 1rem auto}
.loginBox div.input-group .input-group-text{border: 0; }
.loginBox div.input-group .form-control{border-radius: .5rem !important; }
.loginBox div.input-group button.btn-pass{width: 10rem; background: #222934; border-color:#222934; }

.backBtn .btn-dark{background:#7f7f7f; border-color:#7f7f7f; }
.backBtn .btn-dark:hover{background: #222934; border-color: #222934}

/*게시판 상세화면*/
.boardView{clear:both; border-top: .2rem solid #0060ce; margin: 0; padding: 0; }
.boardView div.boardBox{clear: both; margin: 0; display:flex; align-items:center; justify-content:space-between; width:100%; border-bottom:.1rem solid #dadada; padding:2rem; }
.boardView div.boardBox.titBox{justify-content:center; background:#e5effa}
.boardView div.boardBox.titBox>h4{font-size: 2rem; background: none; text-align: center; padding: 0; margin:0; border-bottom: 0; display: inline-flex; align-items: flex-start; gap:0 1.2rem}
.boardView div.boardBox.titBox>h4 .icon_noti{margin-top:0.6rem}
.boardView div.boardBox.titBox>dl{text-align: center; }
.boardView div.boardBox dl.fileBox{}
.boardView div.boardBox dl.fileBox dt{display: none}
.boardView div.boardBox dl.fileBox dd{padding-left: 0; }
.boardView div.boardBox dl.fileBox dd ul{display: flex; flex-direction: column; gap:0.8rem 0;}
.boardView div.boardBox dl.fileBox dd li{}
.boardView div.boardBox dl.fileBox dd li a{display:flex; gap:0 0.6rem; }
.boardView div.boardBox dl.fileBox dd li a i.svg-icon{display: inline-flex;flex-shrink: 0; width:2rem; height: 2rem; margin-top:0.2rem;}
.boardView div.boardBox.btnBox{text-align: center; }
.boardView div.boardBox.btnBox a{margin: 0 1rem; }

.boardView div.boardBox .list-cate{display: flex; flex-wrap: wrap; gap:1.6rem 0; width: 100%; padding: 0;}
.boardView div.boardBox .list-cate li{flex:0 0 50%;}
.boardView div.boardBox .list-cate li dl{display: flex; gap:0 1.2rem; width: 100%; }
.boardView div.boardBox .list-cate li dl dt{display: inline-flex; justify-content: space-between; flex: 0 0 30%; font-weight: 700; }
.boardView div.boardBox .list-cate li dl dt:after{content: ":"; }
.boardView div.boardBox .list-cate li dl dd{color:#6d7882}

.boardCon{clear: both; border-bottom:.1rem solid #dadada; padding: 3rem; margin: 0; }
.boardCon div.boardBox.btnBox{border-bottom: none; padding: 5rem 2rem 3rem 2rem; }

.boardCon div{line-height: 150% !important; }

.boardCon .answerBox{position: relative; border-radius: 1.5rem; background:#f6f6f6; border:.1rem solid #ddd; padding: 2rem; margin: 2rem 0 2rem 5rem; }
.boardCon .answerBox::before{content: "A"; display: block; background: #ff355b; border-radius:2rem; position: absolute; top: 2rem; left: -5rem; width: 3rem; height: 3rem; line-height: 2.7rem; text-align: center; padding: 0; margin: 0; color: #fff; font-weight: bold; font-size: 1.5rem; }

/*상단 버튼 영역*/
.topBtn{display:flex; gap:0.4rem;}
.topBtn.right{justify-content: flex-end}
/*하단 버튼 영역*/
.page-btn-wrap{display:flex; gap:0.4rem; padding: 2.4rem 0 0 0;}
.page-btn-wrap.right{justify-content: flex-end}

/*입력폼 양식*/
.insertWrap{}
.insertWrap .table td{text-align: left; color:#858585}
.insertWrap .table td.ac{padding-left:0; padding-right: 0; }
.insertWrap .table td .form-control{display: inline-block; border-color: #dadada; border-radius: .5rem !important; }
.insertWrap .table td .form-select{display: inline-block; border-color: #dadada; border-radius: .5rem !important; }
.insertWrap .table td .form-check{display: inline-block; border-color: #dadada; border-radius: .5rem !important; height: 1.5rem; line-height: 1.5rem; width: 1.5rem; vertical-align: text-bottom; }
.insertWrap .table td label{vertical-align: middle; line-height: 3.8rem; }
.form-control[readonly="readonly"], .form-select[readonly="readonly"]{background: #f1f1f1; }
span.ico-asterisk::before{content: "*"; color: #F43235; font-size: 1.3rem; vertical-align: top; }
/*.form-control, .form-select{display: inline-block; border-color: #dadada; border-radius: .5rem !important; }
    .searchWrap .btn{border-radius: .5rem !important}
    .searchWrap label{position: relative; color: #4d4d4d; }
    .searchWrap label a.bt_calendar{position: absolute; right: 2rem; top: .2rem}
    .searchWrap label a.bt_calendar span{font-size: 0; line-height: 0; display: none}
*/

/*faq*/
.faqWrap{border-top:.2rem solid #464646; margin-top:1rem}
.faqWrap li{margin: 2rem 0}
.faqWrap li .questioTit {display: block; border-radius: .5rem; border: .1rem solid #dadada; margin: 0 0 1rem 0; padding: 1.5rem 2rem 1.5rem 6rem; background:#f7f6f8; position: relative; }
.faqWrap li .questioTit a{font-weight: 600; text-decoration:none }
.faqWrap li .questioTit::before{content: "Q"; display: block; background: #797979; border-radius:2rem; position: absolute; top:1.2rem; left: 2rem; width: 3rem; height: 3rem; line-height: 2.7rem; text-align: center; padding: 0; margin: 0; color: #fff; font-weight: bold; font-size: 1.5rem; }
.faqWrap li .questionBox{ padding: 1rem 1rem 1rem 3rem; }
.faqWrap li .answerBox{position: relative; border-radius: 1.5rem; background:#f6f6f6; border:.1rem solid #ddd; padding: 2rem; margin: 0 0 0 5rem; }
.faqWrap li .answerBox::before{content: "A"; display: block; background: #ff355b; border-radius:2rem; position: absolute; top: 2rem; left: -5rem; width: 3rem; height: 3rem; line-height: 2.7rem; text-align: center; padding: 0; margin: 0; color: #fff; font-weight: bold; font-size: 1.5rem; }
.answerBox .fileBox{margin-top:1rem}
.answerBox .fileBox dt{display: none}
.answerBox .fileBox dd{padding-left: 0; }
.answerBox .fileBox dd li{padding: 0 0 .2rem 0; }
.answerBox .fileBox dd li a{ font-size: 0.875em !important; }
.answerBox .fileBox dd li a i{font-size: 0.857em; margin-right: .5rem; }



/*아이콘*/
.svg-icon{-webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; mask-repeat:no-repeat; mask-position:center; mask-size:contain; background-color:#1e2124}
.svg-icon.map{-webkit-mask-image:url("../images/sub/ico_map.svg"); mask-image:url("../images/sub/ico_map.svg"); }
.svg-icon.phone{-webkit-mask-image:url("../images/sub/ico_call.svg"); mask-image:url("../images/sub/ico_call.svg");}
.svg-icon.fax{-webkit-mask-image:url("../images/sub/ico_print.svg"); mask-image:url("../images/sub/ico_print.svg"); }
.svg-icon.ico-angle{-webkit-mask-image:url("../images/sub/ico_angle.svg");mask-image:url("../images/sub/ico_angle.svg");}
.svg-icon.ico-angle.left{ transform:rotate(90deg);}
.svg-icon.ico-angle.right{ transform:rotate(-90deg);}
.svg-icon.ico-angle.top{ transform:rotate(180deg);}
.svg-icon.ico-share{-webkit-mask-image:url("../images/sub/ico_share.svg"); mask-image:url("../images/sub/ico_share.svg"); }
.svg-icon.ico-file{-webkit-mask-image:url("../images/sub/ico_file.svg"); mask-image:url("../images/sub/ico_file.svg"); }
.svg-icon.ico-all{-webkit-mask-image:url("../images/sub/ico_all.svg"); mask-image:url("../images/sub/ico_all.svg"); }


/*버튼영역*/
/*
.btn{border-radius: .5rem; background:#1265ba; color: #fff; border:.1rem solid #185594; font-size: 1.7rem}
.btn:hover{background: #185594; color: #fff; }
.btn-lg{font-size: 1em; padding: 1rem 2rem; }
.btn i{color: inherit; margin-right: .5rem; }
.btn-Excel{background:#0c9d7d; border: .1rem solid #087960; }
.btn-Excel:hover{background: #087960}
.btn-list{background:#7f7f7f; border: .1rem solid #7f7f7f; }
.btn-list2{background:#fff; border:.1rem solid #7f7f7f; color:#4d4d4d; }
.btn-list2:hover{background: #fff; border:.1rem solid #7f7f7f; color:#1265ba; } 
.btn-list:hover{background:#5a5a5a; border: .1rem solid #5a5a5a }
.btn-blue{background:#129aba; border:.1rem solid #0b7791}
.btn-blue:hover{background:#0b7791}
.btn-red{background:#d74119; border:.1rem solid #be3713}
.btn-red:hover{background:#be3713}
.btn-date{background:#838383; border: .1rem solid #6e6e6e; width: 3.8rem; text-align: center; line-height: 3.8rem; padding: 0; }
.btn-date:hover{background:#6e6e6e; border: .1rem solid #6e6e6e; }
.btn-date i{margin-right:0; }
*/

/*btn*/
.btn {border-radius: 0.6rem; padding:0 1.6rem; font-weight: 400; font-size:1.7rem; height: 4rem; display:inline-flex; align-items:center; justify-content:center; width:auto; gap:0.4rem; }
.btn-xsmall{height:2.4rem; border-radius: 0.4rem; padding: 0 1rem;  gap:0.2rem; font-size:1.2rem; }
.btn-small { height: 3.2rem; border-radius: 0.4rem; padding: 0 1.2rem;  gap:0.2rem; font-size:1.5rem; }
.btn-large { font-size:1.7rem; height: 4.8rem;}
.btn-xlarge { font-size:1.9rem;  font-weight: 600; height: 5.6rem;}
.btn-2xlarge { font-size:2.4rem;  font-weight: 700; height: 6.4rem;}

.btn .svg-icon{width: 2rem; height: 2rem;}
.btn-small .svg-icon{width: 1.6rem; height: 1.6rem;}
.btn-xsmall .svg-icon{width: 1.2rem; height: 1.2rem;}
.btn-large .svg-icon{width: 2.4rem; height: 2.4rem;}
.btn-xlarge .svg-icon{width: 2.4rem; height: 2.4rem;}
.btn-2xlarge .svg-icon{width: 2.8rem; height: 2.8rem;}

.btn-primary {background:#0060ce; color:#fff; }
.btn.btn-primary:hover {background:#0953a9;color:#fff;}
.btn.btn-primary:focus {background:#0b4384;color:#fff;}
.btn-primary.disabled, .btn-primary[disabled] {background:#cdd1d5; color:#6d7882; }
.btn-primary i.svg-icon{background-color:#fff}
.btn-primary.disabled i.svg-icon, .btn-primary[disabled] i.svg-icon{background-color:#6d7882}
span.btn.btn-primary:hover, span.btn.btn-primary:focus {background:#0060ce; color:#fff; }

.btn-secondary {background:#e5effa; border:0.1rem solid #1f68bc; color:#034897; }
.btn.btn-secondary:hover {background:#d1e3f7;color:#0060ce;}
.btn.btn-secondary:focus {background:#b8d4f4;color:#0060ce;}
.btn-secondary.disabled, .btn-secondary[disabled] {background:#cdd1d5; border-color:#6d7882; color:#6d7882; }
.btn-secondary i.svg-icon{background-color:#0060ce}
.btn-secondary.disabled i.svg-icon, .btn-secondary[disabled] i.svg-icon{background-color:#6d7882}
span.btn.btn-secondary:hover, span.btn.btn-secondary:focus {background:#e5effa; border:0.1rem solid #1f68bc; color:#034897;}

.btn-gray-fill {background: #58616a; color:#fff; }
.btn.btn-gray-fill:hover {background: #8a949e; color:#fff; }
.btn.btn-gray-fill:focus {background: #e6e8ea; color:#fff; }
.btn-gray-fill.disabled, .btn-gray-fill[disabled] {background:#cdd1d5; color:#6d7882; }
.btn-gray-fill i.svg-icon{background-color:#fff}
.btn-gray-fill.disabled i.svg-icon, .btn-gray-fill[disabled] i.svg-icon{background-color:#6d7882}

.btn-gray-line {background: #fff; border:0.1rem solid #58616a; color:#1e2124; }
.btn.btn-gray-line:hover {background:#f4f5f6; border:0.1rem solid #58616a; color:#1e2124; }
.btn.btn-gray-line:focus, .btn.btn-gray-line:active {background:#cdd1d5; border:0.1rem solid #58616a; color:#1e2124; }
.btn-gray-line .disabled, .btn-gray-line [disabled] {background:#cdd1d5; border-color:#6d7882; color:#6d7882; }
.btn-gray-line i.svg-icon{background-color:#1e2124}
.btn-gray-line .disabled i.svg-icon, .btn-gray-line [disabled] i.svg-icon{background-color:#6d7882}

.btn-search{background:#0060ce; border: .1rem solid #0060ce; padding-left:0; padding-right:0; color: #fff}
.btn-search:hover{background:#0953a9; border: .1rem solid #0953a9; color: #fff}
.btn-search:focus, .btn-search:active {background:#0b4384 !important; border: .1rem solid #0953a9 !important; color:#fff !important;}


/*통합검색*/
.scResultBox{padding: 0 2rem 5rem 2rem; }
.scResultBox ul{margin-bottom: 1rem; }
.scResultBox ul li{ padding:2rem; border-bottom:.1rem solid #eee; }
.scResultBox ul li a{display:block; }
.scResultBox ul li a span.scTit{font-weight:500; display:block; font-size:1.25em; color:#000; margin-bottom:1.5rem; }
.scResultBox ul li a span.scTxt{display:block; }
.scResultBox>p{text-align: center; }
.scResultBox a.moreBtn{border:.1rem solid #ddd; border-radius:.5rem; padding:.5rem 5rem; display:inline-block; }

/*원장인사말*/
.greetings_wrap .greeting_box{display: flex; gap:0 10rem;}
.greetings_wrap .greeting_box .l_box{display: flex; flex-direction: column; gap:0; margin: 0; }
.greetings_wrap .greeting_box .l_box .img_box{border-radius:10rem 2rem 0 0; overflow: hidden;}
.greetings_wrap .greeting_box .l_box .sign{background:#eef2f7 url("../images/sub/greeting_sign_bg.gif") no-repeat left top; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-end; gap:0.8rem 0; height: 11.1rem; padding-right: 2rem}
.greetings_wrap .greeting_box .txt{order:1; padding:3rem 2rem 4rem 0; display: flex; flex-direction: column; gap:3rem 0;}
.greetings_wrap .greeting_box .txt .txt01{font-size: 2.4rem; line-height: 1.7; font-weight: 600; }
.greetings_wrap .greeting_box .txt .txt01 strong{font-weight: 700;}
.greetings_wrap .greeting_box .txt .txt02, .greetings_wrap .greeting_box .txt .txt03, .greetings_wrap .greeting_box .txt .txt04{font-size: 1.9rem; word-break: auto-phrase; line-height: 1.7;}


/*mission-vision*/
.mission-vision h4.tit{font-family: 'Paperlogy', sans-serif; font-size:4rem; font-weight: 700; padding: 1.6rem 0 2rem 0; text-align: center; color:#0060ce; display: block; border-bottom: 0;}
.mission-vision > ul{display: flex; flex-direction: column; gap:2rem; }
.mission-vision > ul > li > dl{display: flex; align-items: stretch; gap:0 2rem;}
.mission-vision > ul > li > dl > dt{display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 12rem; border-radius: 1.6rem; font-family: 'Paperlogy', sans-serif; font-size: 1.9rem; font-weight: 700; padding:0 2rem; text-align: center; word-break: auto-phrase; }
.mission-vision > ul > li > dl > dd{display: inline-flex; align-items: center; justify-content: center; flex:1 1 0; border-radius: 1.6rem; border:0.1rem dashed #0060ce; text-align: center;}
.mission-vision > ul > li > dl.mission > dd, .mission-vision > ul > li > dl.vision > dd{font-size:3rem; font-weight: 700; padding: 2.8rem 2rem; word-break: auto-phrase; }
.mission-vision > ul > li > dl.mission > dt{background:#ebf3fb; color:#0060ce}
.mission-vision > ul > li > dl.vision > dt{background:#edf7ef; color:#1a9c36}
.mission-vision > ul > li > dl.vision > dd{border-color:#1a9c36}
.mission-vision > ul > li > dl.core-values > dt{background:#f4f0f7; color:#794196}
.mission-vision > ul > li > dl.core-values > dd{border:0; border-radius: 0; }
.mission-vision > ul > li > dl.core-values > dd > ul {display: flex; gap:0 2rem; width: 100%;}
.mission-vision > ul > li > dl.core-values > dd > ul > li{display: inline-flex; justify-content: center; align-items: center; flex:1 1 0; border-radius:1.6rem; background:#794196; background-repeat: no-repeat; background-position: center top 15px; color:#fff; padding: 6.4rem 0 1.5rem 0; font-size: 2.1rem; font-weight: 700;  }
.mission-vision > ul > li > dl.core-values > dd > ul > li:first-child{background-image: url("../images/sub/c_icon01.png"); }
.mission-vision > ul > li > dl.core-values > dd > ul > li:nth-child(2){background-image: url("../images/sub/c_icon02.png"); }
.mission-vision > ul > li > dl.core-values > dd > ul > li:nth-child(3){background-image: url("../images/sub/c_icon03.png"); }
.mission-vision > ul > li > dl.core-values > dd > ul > li:nth-child(4){background-image: url("../images/sub/c_icon04.png"); }
.mission-vision > ul > li > dl.strat-dir > dt{background:#fcf4ee; color:#dd762a}
.mission-vision > ul > li > dl.strat-dir > dd{border:0; border-radius: 0; }
.mission-vision > ul > li > dl.strat-dir > dd > ul {display: flex; gap:0 2rem; width: 100%;}
.mission-vision > ul > li > dl.strat-dir > dd > ul > li{display: inline-flex; justify-content: center; align-items: center; flex:1 1 0; border-radius:1.6rem; border:0.1rem dashed #dd762a; font-size: 2.1rem; font-weight: 700; padding:3.6rem 2rem;  word-break: auto-phrase; }
.mission-vision > ul > li > dl.strat-task > dt{background:#efefef; color:#1e2124}
.mission-vision > ul > li > dl.strat-task > dd{border:0; border-radius: 0; text-align: left;}
.mission-vision > ul > li > dl.strat-task > dd > ol {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; gap:1rem 2rem; width: 100%;}
.mission-vision > ul > li > dl.strat-task > dd > ol > li{display: inline-flex; justify-content: flex-start; align-items: center; flex:1 1 calc(25% - 2rem); border-radius:1.6rem; border:0.1rem solid #b2b2b2; font-size: 1.7rem; padding:2rem; text-indent: -1.7rem; padding-left: 3.7rem; word-break: auto-phrase;  }

/*연혁*/
.history-wrap{}
/*
.history-wrap .history{display:flex; flex-direction: column; gap:6rem 0; position: relative;}
.history-wrap .history:before{content: ""; display: block; position: absolute; height: calc(100% - 10.2rem); width: 0.1rem; background:#b2b2b2; top:1.6rem; left: 50%;}
.history-wrap .history li{display: flex; flex-direction: column; }
.history-wrap .history li h4{border-bottom: 0; padding: 0 5rem 0 0; width: 33rem; font-size: 2.8rem; color:#0060ce;  font-family: 'Paperlogy', sans-serif; position: relative; text-align: right; width: 50%;}
.history-wrap .history li h4:after{content:""; display: block; position: absolute; top: 50%; right: -0.8rem; background:#0060ce; border-radius: 50%; width: 1.6rem; height: 1.6rem; transform:translateY(-50%)}
.history-wrap .history li ul.history-list{margin-left:50%; display: flex; gap:5rem 0; flex-direction: column; }
.history-wrap .history li ul.history-list li{padding: 0 0 0 10rem; position: relative; font-size:1.9rem; font-weight: 700; color:#0f1011;}
.history-wrap .history li ul.history-list li:before{content:"";  display: block; position: absolute; left:-0.7rem; top:1.6rem;  width: 1.4rem; height: 1.4rem; border:0.3rem solid #b2b2b2; border-radius: 50%; background:#fff;}
.history-wrap .history li ul.history-list li:after{content:""; display: block; position: absolute; left:0.7rem; top:2.3rem; width: 7rem; height: 0.1rem; background:#b2b2b2}
.history-wrap .history li ul.history-list li strong{color:#0060ce; font-size:2.8rem; margin-bottom: 0.6rem;}
.history-wrap .history li ul.history-list li strong:before{content:""; display: block; position: absolute; top: 2rem; left:7.7rem; width: 0.6rem; height: 0.6rem; background:#b2b2b2; border-radius: 50%; }
.history-wrap .history li ul.history-list li span{font-size: 1.7rem; color:#1e2124; }
*/
.history-wrap .history{display:flex; flex-direction: column; gap:5rem 0; position: relative;}
.history-wrap .history:before{content: ""; display: block; position: absolute; height: calc(100% - 10.2rem); width: 0.1rem; background:#b2b2b2; top:1.6rem; left: 50%;}
.history-wrap .history li{margin-left:50%; display: flex; flex-direction: column; }
.history-wrap .history li{padding: 0 0 0 10rem; position: relative; font-size:1.9rem; font-weight: 700; color:#0f1011;}
.history-wrap .history li:before{content:"";  display: block; position: absolute; left:-0.7rem; top:1.6rem;  width: 1.4rem; height: 1.4rem; border:0.3rem solid #b2b2b2; border-radius: 50%; background:#fff;}
.history-wrap .history li:after{content:""; display: block; position: absolute; left:0.7rem; top:2.3rem; width: 7rem; height: 0.1rem; background:#b2b2b2}
.history-wrap .history li strong{color:#0060ce; font-size:2.8rem; margin-bottom: 0.6rem;}
.history-wrap .history li strong:before{content:""; display: block; position: absolute; top: 2rem; left:7.7rem; width: 0.6rem; height: 0.6rem; background:#b2b2b2; border-radius: 50%; }
.history-wrap .history li span{font-size: 1.7rem; color:#1e2124; }


/*분기별 사이즈 조정*/
@media screen and (min-width:769px){
    /*.history-wrap .history li:nth-child(2n) h4{margin-left: 50%; text-align: left; padding-left: 5rem;}
    .history-wrap .history li:nth-child(2n) h4:after{ right: auto; left: -0.8rem;}
    .history-wrap .history li:nth-child(2n) ul.history-list{ margin-left:0; width: 50%;}
    .history-wrap .history li:nth-child(2n) ul.history-list li{text-align:right; padding:0 10rem 0 0;}
    .history-wrap .history li:nth-child(2n) ul.history-list li:before{left:auto; right:-0.7rem;}
    .history-wrap .history li:nth-child(2n) ul.history-list li:after{left:auto; right:0.7rem;}
    .history-wrap .history li:nth-child(2n) ul.history-list li strong:before{left:auto; right:7.7rem;}*/
    .history-wrap .history li:nth-child(2n) { margin-left:0; width: 50%;}
    .history-wrap .history li:nth-child(2n) {text-align:right; padding:0 10rem 0 0;}
    .history-wrap .history li:nth-child(2n):before{left:auto; right:-0.7rem;}
    .history-wrap .history li:nth-child(2n):after{left:auto; right:0.7rem;}
    .history-wrap .history li:nth-child(2n) strong:before{left:auto; right:7.7rem;}
}

@media screen and (max-width: 1440px) {
    .wrap .header, .mainContainer, .subContainer{width:96%}
    .section02{gap:0 4rem;}
    /*.quick-banner{ width: 42rem; background-position:right -40px bottom, right top, left bottom; background-size:220px, auto, 280px;}
    .quick-banner a div.txt-box{padding:4rem 13rem 0 4rem; word-break:auto-phrase; line-height: 1.2;}
    */
    /*센터소개*/
    .centerInfo{background-position: left top 8rem; padding-left:40rem;}
    
    /*원장인사말*/
    .greetings_wrap .greeting_box{gap:0 6rem;}

    
}

@media screen and (min-width: 1280px) {
    .wrap .mn_box { position: static; transform: none !important; transition: none !important; visibility: visible !important; opacity: 1; width: auto;height: auto;}
    .wrap .mn_list, .wrap.main_wrap .mn_list, .wrap .mn_list > li > div.subMnBox{ transform: none !important; transition: none !important;}
}

@media screen and (max-width:1279px){
    .wrap .mnWrap{display: flex; justify-content: flex-end; align-items:center; }
    .wrap .mnWrap .mobile-nav{display: block;}
    .wrap .mn_box, .wrap.main_wrap .mn_box{position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background: #fff; z-index: 1000;
        /* 오른쪽으로 100% 밀어내서 숨김 */
        transition: transform 0.5s ease-in-out;
        visibility: hidden; box-shadow: -.5rem 0 1.5rem rgba(0,0,0,0.1); /* 왼쪽 그림자 효과 */
    }
    .wrap .mn_box.is-active, .wrap.main_wrap .mn_box.is-active{ visibility: visible; }
    
    .close-wrap { display: flex; justify-content: flex-end; padding: 2rem; transition: none!important}
    /* X 버튼 모양 만들기 */
    .close-btn {width: 3rem; height: 3rem; position: relative; background: none; border: none; cursor: pointer; transition:none !important; }
    .close-btn::before, .close-btn::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: .2rem; background: #333; transition:none !important;  }
    .close-btn::before { transform: rotate(45deg); }
    .close-btn::after { transform: rotate(-45deg); }
    
    /* 메뉴 내부 리스트 (글자들) */
    .mn_box .mn_list { visibility: hidden; transition: transform 0.5s ease-in-out;}
    
    /* 열릴 때는 글자들이 배경과 거의 동시에 나오게 설정 */
    .mn_box.is-active .mn_list {visibility: visible; }

    /* 닫기 버튼을 눌러 .is-active가 사라지는 순간의 설정 */
    .mn_box:not(.is-active) .mn_list {visibility: hidden;}
    .wrap .mn_list *, .wrap.main_wrap .mn_list *{ transition:none;}
    
    .wrap .mn_list, .wrap.main_wrap .mn_list{flex-direction:column; flex-wrap: nowrap; justify-content:flex-start; gap: 1.5rem; height: calc(100vh - 7rem); overflow-x:hidden; overflow-y: auto; }
    .wrap .mn_list > li, .wrap.main_wrap .mn_list > li{ height:auto; border-top: .5rem solid #b1b8be;}
    .wrap.main_wrap .mn_list > li > a, .wrap .mn_list > li > a{color:#1e2124; height: auto; padding:1.6rem 1.6rem 0.8rem 1.6rem; font-size: 2.2rem; }
    .wrap .mn_list > li > div.subMnBox{ position: static; visibility: hidden;  max-height: none; transition:none; }
    .wrap .mn_list > li > div.subMnBox:after{display:none;}
    .wrap .mn_list > li > div.subMnBox dl dt{display:none; }
    .wrap .mn_list > li > div.subMnBox dl dd{width:calc(100% - 3.2rem); margin: 0 auto; border-top:.1rem solid #b1b8be; padding: 1.2rem 0;}
    .wrap .mn_list > li > div.subMnBox dl dd ul.subMn{flex-direction:column; padding:0; gap:0;}
    .wrap .mn_list > li > div.subMnBox dl dd ul.subMn li{width: 100%;}
    .wrap .mn_list > li > div.subMnBox dl dd ul.subMn li a{border:0; border-radius: 0; height: auto; padding:0.8rem 1.6rem 0.8rem 1.6rem;}
    
    .mn_box.is-active .mn_list > li > div.subMnBox{visibility: visible; opacity: 1; }
    
    .wrap .header:hover .mn_list > li:hover > a, .header:hover .mn_list > li.on > a{ color:#1e2124; font-weight: 700; text-decoration: none;}
    
    /*메뉴오버*/
    .wrap.main_wrap .header:hover, .wrap.main_wrap:has(.is-active) .header{backgroudn:#fff; }
    .wrap.main_wrap .header:hover::after, .wrap.main_wrap:has(.is-active) .header::after{background: #fff; mix-blend-mode:normal; }
    .wrap.main_wrap .header:hover .logoWrap, .wrap.main_wrap:has(.is-active) .header .logoWrap{background-image: url("../images/main/top_logo.png");} 
    
    .quick-link ul.quick-list li a{padding-top:5rem; padding-left:2rem;}
    
    /*footer*/
    .footer .footer-box{flex-direction:column; align-items:flex-start; gap:3.6rem; padding:0; width:100%; }
    .footer .footer-box .footerMn{order:1; justify-content: center; position: relative; width: 100%; padding: 2rem 2%; background:#4a506b;}
    /*.footer .footer-box .footerMn:after{content: ""; display: block; position:absolute; top:0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%;  z-index: 0; }*/
    .footer .footer-box .footerMn li{}
    .footer .footer-box .footerMn li a{color:#fff;}
    .footer .footer-box .copy{order:2; text-align:center; justify-content: center; width: 100%;}
    .footer .footer-box .copy h1{display: none;}
    .footer .footer-box .copy p{justify-content:center;}

	.relateWrap .relateList li{flex-basis:23.5%; }

    /*센터소개*/
    .centerInfo{padding: 20rem 0 0 0; background-position: center top 2rem;}
}
@media screen and (max-width:1199px){
    .section02{flex-direction: column; gap:4rem 0}
    
    .quick-link{order:2; width: 100%;}
    .quick-link ul.quick-list{flex-wrap:wrap;}
    .quick-link ul.quick-list li a{padding:4rem 0 2rem 2rem;}
    
    /*.quick-banner{order:1; width: 100%; height: 20rem; background-position:right bottom, right top, left bottom; background-size:auto, auto, 280px}
    .quick-banner a div.txt-box{padding:5.4rem 13rem 0 6rem}*/
    .quick-banner{order:1; margin:0 auto;}
    
}

@media screen and (max-width:1024px){
    .wrap.main_wrap{background: url("../images/main/ctep_main_visual_m.jpg") no-repeat center top;}
    .section01{height: 50rem; width: 98%; }
    .section01 .visualTxt{height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 1rem; padding-bottom: 5rem;}
    
    .mapWrap ul{flex-direction: column;}
    
    /*원장인사말*/
    .greetings_wrap .greeting_box{flex-direction: column; gap:4rem 0;}
    .greetings_wrap .greeting_box .l_box{width:100%; max-width: 43.8rem; margin:0 auto;}
    .greetings_wrap .greeting_box .l_box .img_box img{width: 100%; height: auto; }
    
    /*미션 및 비전*/
    .mission-vision > ul{gap:3.2rem;}
    .mission-vision > ul > li > dl{flex-direction:column; gap:1rem 0;}
    .mission-vision > ul > li > dl > dt{width: 100%; padding: 2rem 0; }
    
    /*조직도 */
    .org_wrap ol{flex-direction: column; }
    .org_wrap ol > li{justify-content: flex-start; padding:0 2rem 4.8rem}
    .org_wrap ol > li:after{left:11rem}
    .org_wrap ol > li.org01{padding-bottom: 4rem;}
    .org_wrap ol > li.org01:after{height:3.2rem;}
    .org_wrap ol > li.org02{padding-left:13rem;}
    .org_wrap ol > li.org02 a{margin-left: 0; }
    .org_wrap ol > li.org02:before{left:11rem; width: 2rem}
    .org_wrap ol > li.org03{width: 100%; padding-top:0; padding-bottom: 2rem; padding-left:13rem; align-items: flex-start }
    .org_wrap ol > li.org03:last-child{width: 100%; padding-bottom: 0;}
    .org_wrap ol > li.org03:before{width: 2rem; left:11rem; top:2.6rem;}
    .org_wrap ol > li.org03:last-child:before{left:11rem;}
    .org_wrap ol > li.org03:last-child:after{height: 2.6rem}
    .org_wrap ol > li.org03:after{height: 100%;}
    .org_wrap ol > li.org03 > a{max-width: 42rem; min-width: 28rem; }
    .org_wrap ol > li.org03 > ul {padding:3rem 0 0 3rem; flex-direction: column; gap:2rem 0; }
    .org_wrap ol > li.org03 > ul:before{left:1.5rem; }
    .org_wrap ol > li.org03 > ul > li{padding:0; }
    .org_wrap ol > li.org03 > ul > li:before,  .org_wrap ol > li.org03 > ul > li:first-child:before, .org_wrap ol > li.org03 > ul > li:last-child:before {width:1.5rem; left: -1.5rem; top:50%; }
    .org_wrap ol > li.org03 > ul > li:after{left:-1.5rem; height: calc(100% + 2rem); }
    .org_wrap ol > li.org03 > ul > li:last-child:after{height: 50%;}
    
    
}

@media screen and (max-width:992px){	
	.relateWrap .relateList li{flex-basis:32%; }
	
	.xs_hidden{display:none !important}
	.subContent .table > tbody > tr > td{padding:1.5rem .5rem !important}
	 
	.breadcrumb-wrap{margin-bottom: 5rem;}
    
}

@media screen and (max-width:768px){
    
    .wrap .topWrap .section{align-items:center;}
    /*로고*/
    .wrap .header{ height:7rem;}
    .wrap .logoWrap{background-image: url("../images/main/top_logo_m.png"); width:17.6rem; height: 5rem; background-size:contain; max-width: none;}
        /*header*/
        .wrap.main_wrap .logoWrap{background-image: url("../images/main/top_logo_white_m.png");}
        /*메뉴오버*/
        .wrap.main_wrap .header:hover .logoWrap{background-image: url("../images/main/top_logo_m.png");} 
    
    /*모바일 전체메뉴 */
    .wrap .mnWrap .mobile-nav .all-btn{width: 5rem; height: 5rem;}
    .wrap .mnWrap .mobile-nav .all-btn:before{width: 2rem; height: 1.5rem; }
    .wrap .mnWrap .mobile-nav .all-btn:after{ width: 1rem; height:  0; position: absolute; top:50%; right: 1.5rem;}

    .wrap.main_wrap .header:hover .logoWrap, .wrap.main_wrap:has(.is-active) .header .logoWrap{ background-image: url("../images/main/top_logo_m.png"); }
    
	.floatingNav li.chatbot button span.chatName{width:7rem; height:7rem; }
	.floatingNav li img{max-width:10rem}
	
    /*탭메뉴*/
    .tabBox{}
    .tabBox .nav{flex-wrap:wrap; border:0.1rem solid #b1b8be; border-radius: 0.6rem; overflow: hidden;}
    .nav-justified .nav-item, .nav-justified>.nav-link{flex:1 0 33%; border-left:0.1rem solid #b1b8be;  border-bottom:0.1rem solid #b1b8be; }
    .tabBox .nav-pills > li li:nth-child(3n+1):nth-last-child(-n+3), .tabBox .nav-pills > li:nth-child(3n+1):nth-last-child(-n+3) ~ li {border-bottom: none;}
    .tabBox .nav-pills > li:nth-child(3n+1) { border-left: none; }
    .tabBox .nav-pills > li > a{border:0; border-radius: 0; padding:2.4rem 0;}
    .tabBox .nav-pills > li:first-child > a{border-radius:0; border-left: 0;}
    
    
	.relateWrap .relateList li{flex-basis:49%; }
	
	.section01 .banner{max-width:100%; position:static; transform:none; margin-top:2rem}
	.section02>ul.btnWrap li a span.imgBox{padding:2.5rem; }
	
	.naviWrap{height:4rem; }
	.naviWrap,.subContainer .subTit,.tabBox{margin-bottom:3rem; }	
	.subContent{min-height:30rem}
	
    .site_box_wrap01 .box.box2{width:100%}
	
	.taskWrap ul{flex-direction: column;}
    .taskWrap ul li{flex-direction: row; text-align: left;}

	#calendar{height:48rem !important}
	.fc-scrollgrid-sync-table[role='presentation']{height:100% !important}
    
    /*게시판*/
    .boardList table,.boardList .table{display:block; min-width: 0;}
    .boardList table thead{display: none;}
    .boardList table tbody{display:block;}
    .boardList table tbody tr{ display: flex; flex-direction: column; border-bottom: 0.1rem solid #b1b8be; gap:1rem 0; padding: 1.2rem; }
    .boardList table tbody tr td, .boardList .table tbody tr td, .subContent .boardList .table > tbody > tr > td{display: inline-flex; justify-content: flex-start; gap:0 0.8rem; border-bottom: 0; padding: 0 !important;}
    .boardList table tbody tr td:before{content: attr(data-title); color:#6d7882; font-size: 1.5rem; padding-top:0.2rem; }    
    .boardList table tbody tr td[data-title="번호"], .boardList .table tbody tr td[data-title="번호"]{display:none; }
    .boardList table tbody tr td[data-title="번호"]:before{display: none;}
    .boardList table tbody tr.notice td[data-title="번호"]{display: inline-flex}
    .boardList .table > tbody > tr > td.title.al a{font-size: 1.9rem;  font-weight: 700;  text-overflow:initial; white-space:initial; overflow: visible; word-break: break-all}
    .boardList table tbody tr td.title:before{display: none;}
    
    .boardView div.boardBox .list-cate{flex-direction: column; flex-wrap: nowrap}
    .boardView div.boardBox .list-cate li{flex:1; border-bottom: 0.1rem solid #e6e8ea; padding-bottom: 1.6rem; font-size: 1.5rem}
    .boardView div.boardBox .list-cate li:last-child{border-bottom: 0; padding-bottom: 0;}
    .boardView div.boardBox .list-cate li dl{flex-direction: column; align-items: center;}
    .boardView div.boardBox .list-cate li dl dt:after{display: none;}
    
    .boardView div.boardBox dl.fileBox dd li a{font-size:1.5rem}
    .boardView div.boardBox dl.fileBox dd li a .svg-icon{width:1.6rem; height:1.6rem; margin-top:0; }
    
    /*하단*/
    .page-btn-wrap { position:sticky; bottom:0; left:0; background: #fff;}
    .page-btn-wrap .btn{flex:1;}
    
    /*연혁*/
    /*.history-wrap .history:before{left: 3rem;}
    .history-wrap .history li h4{text-align: left; width: 100%; padding-left: 4.8rem }
    .history-wrap .history li h4:after{right:auto; left:2.3rem;}
    .history-wrap .history li ul.history-list{margin-left:3rem;}
    .history-wrap .history li ul.history-list li{padding: 0 0 0 8rem;}
    .history-wrap .history li ul.history-list li:after{width:5rem;}
    .history-wrap .history li ul.history-list li strong:before{left:5.7rem;}*/
    .history-wrap .history:before{left: 3rem;}
    .history-wrap .history li{margin-left:3rem; padding-left: 8rem;}
    .history-wrap .history li:after{width:5rem;}
    .history-wrap .history li strong:before{left:5.7rem;}
    
    
}

@media screen and (max-width:640px){
	.section01 .visualTxt span.smtxt{font-size: 1.9rem;}
    .section01 .visualTxt span.bigtxt{font-size:3.2rem;}	
    .section01 .visualTxt span.imgtxt{width: 24rem; background-size: contain}
    
    .section02{margin-top:4rem; gap:2.8rem 0;}
    .quick-link ul.quick-list li{ flex:0 0 calc(50% - 1rem); }
    /*.quick-banner{min-height: 20rem; height: auto; background-position:right -40px bottom, right top, left bottom; background-size: 220px, auto, 280px}    
    .quick-banner a div.txt-box{padding:4rem 13rem 5rem 4rem}
    .quick-banner a div.txt-box p.tit {margin-top:0.4rem;}*/
    
    .quick-banner{width:100%; height: auto; }
    
    .footer .footer-box{gap:2rem 0;}
    
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:last-child){position:absolute; width:1px !important; height:1px !important; padding:0 !important; margin:-1px  !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;}
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:nth-child(2)):last-child::before{display:inline-flex; flex-direction:row; align-items:center; width:1.6rem; height:1.6rem; background:url("../images/sub/ico_ellipsis.svg") no-repeat 0 center /contain; content:""; margin-right:0.7rem; flex-shrink:0;}
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:nth-child(2)):last-child::after{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 1.6rem; height: 1.6rem; margin-right: 0.7rem; background-image: url("../images/sub/ico_angle.svg"); background-size: contain; transform: rotate(-90deg);}
    .breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child:last-child a{order:3;}
    
    .list_type02:has(li.wpct50){flex-direction: column;}
    .list_type02:has(li.wpct50) li.wpct50{width: 100% !important;}
    .list_type02:has(li.wpct50) li:nth-last-child(2){border-bottom:.1rem dashed #e7e7e7;}
    
    .mapWrap .mapBox{height: 32rem;}
    .mapWrap ul li{ padding:2.4rem;}
    
    /*미션 및 비전*/
    .mission-vision > ul > li > dl.core-values > dd > ul{flex-wrap: wrap; gap:1.6rem 2rem; }
    .mission-vision > ul > li > dl.core-values > dd > ul > li{flex: 1 1 calc(50% - 1rem);}
    .mission-vision > ul > li > dl.strat-dir > dd > ul{flex-wrap: wrap; gap:1.6rem 2rem; }
    .mission-vision > ul > li > dl.strat-dir > dd > ul > li{flex: 1 1 calc(50% - 1rem);}
    .mission-vision > ul > li > dl.strat-task > dd > ol{ grid-auto-flow: row; grid-template-columns:repeat(2, 1fr) }
    
}

@media screen and (max-width:480px){
	.relateWrap .relateList li{flex-basis:100%; }
    
    .errorpage{padding:6rem 3rem;  }
}
@media screen and (max-width:424px){
    .quick-link ul.quick-list{flex-direction:column;  }
    .quick-link ul.quick-list li{ flex:0 0 100%;}
    .quick-link ul.quick-list li a{padding:2.4rem 0 2.4rem 4rem; display: flex; align-items: center; gap: 0 1rem;}
    .quick-link ul.quick-list li a .imgBox{margin-bottom:0.4rem}
    
    .org_wrap ol > li.org04 ul li{flex:0 0 100%; padding-top: 0}
    
    .footer .footer-box .footerMn{flex-direction:column; gap:1.6rem; }
    
    /*미션 및 비전*/
    .mission-vision h4.tit{font-size:3rem;}
    .mission-vision > ul > li > dl > dt{padding:1.6rem 0;}
    .mission-vision > ul > li > dl.mission > dd, .mission-vision > ul > li > dl.vision > dd{font-size:2.4rem;}
    .mission-vision > ul > li > dl.core-values > dd > ul{gap:1.2rem;  }
    .mission-vision > ul > li > dl.core-values > dd > ul li{font-size: 1.9rem; background-size: 30%;}
    .mission-vision > ul > li > dl.strat-dir > dd > ul{gap:1.2rem; }
    .mission-vision > ul > li > dl.strat-dir > dd > ul > li{padding:2rem 1.2rem; font-size: 1.9rem; }
    .mission-vision > ul > li > dl.strat-task > dd > ol{gap:1.2rem; display: flex; flex-direction: column;}
    .mission-vision > ul > li > dl.strat-task > dd > ol > li{padding-top:1.6rem; padding-bottom: 1.6rem; flex:1 1 0 ;}
    
    /*연혁*/
    .history-wrap .history li{padding: 0 0 0 3.6rem;}
    .history-wrap .history li:after{display: none;}
    .history-wrap .history li strong:before{display: none;}
    
        
    /*조직도 */
    .org_wrap ol > li{justify-content:center; padding: 0 0 3rem 0; }
    .org_wrap ol > li:after{left:50%}
    .org_wrap ol > li.org01 a{width: 16rem; height: 16rem; font-size: 2.2rem;}
    .org_wrap ol > li.org01 a:after{width: 18rem; height: 18rem; }
    .org_wrap ol > li.org02{padding-left:0;}
    .org_wrap ol > li.org02 a{margin: 0 auto; }
    .org_wrap ol > li.org02:before{left:11rem; width: 2rem}
    .org_wrap ol > li.org03{ padding: 2rem; border-radius: 1.6rem; background:#f4f5f6; margin-bottom: 2rem; }
    .org_wrap ol > li.org03:after{ height: 2rem; top:auto; bottom:-2rem; }
    .org_wrap ol > li.org03:last-child{margin-bottom: 0; }
    .org_wrap ol > li.org03:before{display: none;}
    .org_wrap ol > li.org03:last-child:after{display: none;}
    .org_wrap ol > li.org03 > a{width: 100%; max-width: 100%; min-width: 100%; }
    
    .org_wrap ol > li.org03 > ul {width:100%; padding:1.6rem; margin: 1.2rem 0 0 0; background:#fff; border-radius: 1.6rem; border: 0.1rem solid #b1b8be; gap:1.2rem 0;}
    .org_wrap ol > li.org03 > ul:before{display: none;}
    .org_wrap ol > li.org03 > ul > li{padding:0; }
    .org_wrap ol > li.org03 > ul > li:before, .org_wrap ol > li.org03 > ul > li:after{display: none;}
    .org_wrap ol > li.org03 > ul > li a{padding:1.2rem 0;}
    
    
}
@media screen and (min-width:320px){
	
}