#header{ padding-right:5px;}/* 스크롤로 인한 화면 움직임 현상 대응 */

    .scroll-down {position:absolute; bottom:-10rem; left:50%; transform:translate(-50%, 0); width:2rem; height:8rem; text-align:center;}
    .scroll-down span {position:relative; width:2rem; height:2rem; z-index:1; display:flex; align-items:center; justify-content:center;}
    .scroll-down span:before {content:''; position:absolute; z-index:-1; border-radius:50%; width:1.5rem; height:1.5rem; left:50%; top:50%; transform:translate(-50%, -50%); background:#1b6755;}
    .scroll-down span i {position:relative; transition: all 0.25s;  color:#fff; font-size:0.85rem; font-weight:400; animation: moveUpDown 2s infinite ease-in-out;}

    /* slick slide common */
    .slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
    .slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
    .slick-list.dragging { cursor:pointer;}
    .slick-initialized .slick-slide { display:inline-block; }
    .slick-arrow.slick-hidden { display:none;}
    .slick-current {opacity:1; display:block;}
    .slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
    .slick-list, .slick-track {height:100%;}

    /* CSS Document */
    [class*="mot"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    [class*="-fpleft"] {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
    [class*="-fpright"] {-webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%);}
    [class*="-fptop"] {-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
    [class*="-fpbottom"] {-webkit-transform:translateY(50%); -ms-transform:translateY(50%); transform:translateY(50%);}
    .active [class*="mot"] {opacity:1;}
    .active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
    .active [class*="mot2"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
    .active [class*="mot3"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;}
    .active [class*="mot4"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
    .active [class*="mot5"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;}
    .active [class*="mot6"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
    .active [class*="mot7"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;}
    .active [class*="mot8"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;}
    .active [class*="mot9"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
    .active [class*="mot10"] {-webkit-transition-delay:2s; -ms-transition-delay:2s; transition-delay:2s;}
    .active [class*="mot11"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;}
    .active [class*="mot12"] {-webkit-transition-delay:2.2s; -ms-transition-delay:2.2s; transition-delay:2.2s;}
    .active [class*="mot13"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;}
    .active [class*="mot14"] {-webkit-transition-delay:2.4s; -ms-transition-delay:2.4s; transition-delay:2.4s;}
    .active [class*="mot15"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}
    .active [class*="mot16"] {-webkit-transition-delay:2.6s; -ms-transition-delay:2.6s; transition-delay:2.6s;}
    .active [class*="mot17"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}
    .active [class*="mot18"] {-webkit-transition-delay:2.8s; -ms-transition-delay:2.8s; transition-delay:2.8s;}
    .active [class*="mot19"] {-webkit-transition-delay:2.9s; -ms-transition-delay:2.9s; transition-delay:2.9s;}
    .active [class*="mot20"] {-webkit-transition-delay:3.0s; -ms-transition-delay:3.0s; transition-delay:3.0s;}
    .active [class*="mot21"] {-webkit-transition-delay:3.1s; -ms-transition-delay:3.1s; transition-delay:3.1s;}
    .active [class*="mot22"] {-webkit-transition-delay:3.2s; -ms-transition-delay:3.2s; transition-delay:3.2s;}
    .active [class*="mot23"] {-webkit-transition-delay:3.3s; -ms-transition-delay:3.3s; transition-delay:3.3s;}
    .active [class*="mot24"] {-webkit-transition-delay:3.4s; -ms-transition-delay:3.4s; transition-delay:3.4s;}
    .active [class*="-fpleft"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
    .active [class*="-fpright"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
    .active [class*="-fptop"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
    .active [class*="-fpbottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
    .webWrap .container img {width:auto!important;}
    .fp-sr-only {clip: inherit!important;}
    .left-10 {margin-left:0.5rem;}
    .top-15 {margin-top:1.5rem;}


    .intro-wrap {position:fixed; top:0; left:0; z-index:1000; margin: 0; padding: 0; background:#fff; width: 100%; height: 100vh; overflow: hidden;  display: flex; justify-content: center; align-items: center; flex-direction:column; line-height:normal;}

    .intro-wrap .intro {width: 10rem; height: 10rem; position: relative; margin-bottom:1rem;}
    .intro-wrap .intro .logo {position: absolute; width: 100%; height: 100%; object-fit: contain;}
    .intro-wrap .intro .logo-color {position: absolute; width: 100%; height: 100%; object-fit: contain; clip-path: inset(100% 0 0 0); transition: clip-path 3s ease-in-out;}
    .intro-wrap .txt01 {display:block; margin: 0; height: 100%; height:2.65rem; overflow: hidden;}
    .intro-wrap .txt01 p {opacity:0; transform: translateY(150%); display: inline-block; font-size:1.8rem; font-weight:300; color:#888;}
    .intro-wrap .txt02 {display:block; overflow: hidden; height:5.3rem; margin-top:-0.75rem;}
    .intro-wrap .txt02 p {opacity:0; transform: translateY(150%); font-size:3.5rem; font-weight:800;}
    .intro-wrap.active .txt01 {height: auto; max-height: 10rem;}
    .intro-wrap.active .txt01 p {opacity:1; transform: translateY(0); transition: transform 0.5s ease-in-out 0.8s;}
    .intro-wrap.active .txt02 p {opacity:1; transform: translateY(0); transition: transform 0.5s ease-in-out 2s;}
    .intro-wrap .txt01 strong {color:#111; font-weight:700;}
    .intro-wrap .txt02 strong {color:#1e6957; font-weight:900;}

    #container { padding-bottom:0px;}

    /* section1 : 바로가기 */
    .link03{ position:absolute; left:calc(50% - 40rem); bottom:12rem; z-index: 1; padding:0 1rem;}
    .link03 li { display: inline-block; margin-right:0.5rem;}
    .link03 li a{ width:6.25rem; display: flex; gap: 0.5rem 0; flex-direction: column; align-items: center; color:#000; line-height:1.3; font-weight: 600; padding:0.5rem; border-radius:0.5rem; border:2px solid transparent; background:#fff; word-break: keep-all; transition: all 0.2s;}
    .link03 li a p{ text-align: center;}
    .link03 li a img{ }
    .link03 li a:hover,
    .link03 li a:focus{border-color:#1386cf; color:#1386cf;}
    .link03 li a:hover img,
    .link03 li a:focus img{ transform: rotateY(360deg); transition: transform 0.7s;}

    /* section1 : 비주얼 */
    .new-visual {width:100%; height:100vh;font-family: 'Pretendard'; background:#f5f9f6;}
    .new-visual img {position:absolute; z-index:1; width:110%; height:calc(100vh - 9rem); left:45%; top:0; transform:translate(-50%, 0); object-fit: cover;}
    .new-visual video{width:100%;height: calc(100vh - 9rem); background: #000; position: absolute; left: 50%; transform: translateX(-50%); }
    .new-visual iframe { width: 100%; height: calc(100vh - 9rem); }
    .new-visual .slider,
    .new-visual .slick-list,
    .new-visual .slick-track {height: 100%;}
    .new-visual .item { position: relative;}
    .new-visual .item a,
    .new-visual .item p { display: block; height: 100%; position: relative; }
    .new-visual .control {position: absolute; left: 50%; transform: translateX(-50%); bottom: 9rem; width: auto; height: 2.3rem; line-height: 2.3rem; text-align: center; display: flex; background-color: #fff; border-radius: 1.5rem 1.5rem 0 0; padding: 0 0.8rem;}
    .new-visual .control .page {display: inline-block; margin-right: 1rem; font-size: 0.9rem; font-weight: 300; color: #fff;}
    .new-visual .control .page strong {position: relative; display: inline-block; padding-right: 1.5rem; font-weight: 700;}
    .new-visual .control .page strong:after {position: absolute; right: 0.65rem; top: calc(50% - 0.1rem); width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 50%; content: '';}
    .new-visual .control > a {display: inline-block; line-height: 2.5rem; text-align: center; vertical-align: top; font-size: 1.3rem; color: #333; }
    .new-visual .control > a.play {display: none;}
    .new-visual .control > a {transition: all 0.25s;}
    .new-visual .control > a:hover,
    .new-visual .control > a:focus {color: #1b6755; }
    .new-visual .control .dots > ul{ display: flex;}
    .new-visual .control .dots li { color: #999; font-size: 0.9rem; margin-left: 0.3rem;}
    .new-visual .control .dots .slick-active { font-weight: 600; color: #1b6755;}
    .new-visual .item-txt {position: absolute; width: 100%; left: 50%; z-index: 2; top: 8rem; transform: translateX(-50%); word-break: keep-all; overflow:hidden; max-width:80rem; padding:0 1rem; display:block; line-height: 1.3; font-family: 'GmarketSans'; color:#000;}
    .new-visual .item-txt p.big{ font-size:2.5rem; font-weight: 600; line-height:1.2;}
    .new-visual .item-txt p.small{ font-size:1.1rem; color:#777; font-weight: 400; line-height:1.6; margin-top:0.5rem;}
    .new-visual .item-txt p.col1{ color:#00466A ;}
    .new-visual .item-txt p.col2{ color:#4A2474 ;}
    .new-visual .item-txt p > strong{ color:#094738;}
    /* .section1 .item-txt p {position:relative; display:flex; font-weight:300; align-items:center; justify-content:center; font-family: 'Pretendard'; flex-wrap: wrap;}
    .section1 .item-txt span,
    .section1 .item-txt strong {font-family: 'Pretendard';}
    .section1 .item-txt p.small {color:#333333; font-weight:600; letter-spacing:0; gap:0.25rem; font-size:1.2rem;}
    .section1 .item-txt p.small span {font-weight:300; font-family: 'Pretendard';}
    .section1 .item-txt p.medium {font-size: 2.3rem; margin-top:0.5rem;}
    .section1 .item-txt p.medium > span { color: #111 !important;}
    .section1 .item-txt p strong {font-weight:700; color:#000; font-family: 'Pretendard';}
    .section1 .item-txt p strong.orange {color:#f06600;}
    .section1 .item-txt p strong.green {color:#457d17;}
    .section1 .item-txt p strong.deep-green {color:#094738; font-weight:700; font-size:4rem; font-family: 'Pretendard';}
    .section1 .item-txt p span {display: inline-block; opacity: 0; transform: translateY(30px); animation: wave-animation 0.1s ease-in-out forwards; font-family: 'Pretendard';}
    .section1 .item-txt p.big {margin-top:1rem;}
    .section1 .item-txt p.big strong{font-weight:700; font-size:4rem; font-family: 'Pretendard';}  */
    /* 슬로건 색상 */
    /* .section1 .item-txt.slogan1,
    .section1 .item-txt.slogan1 p strong,
    .section1 .item-txt.slogan1 p.small,
    .section1 .item-txt.slogan1 p.medium > span{ color:#fff !important;}
    .section1 .item-txt.slogan2{ width:80rem; left:calc(50% - 40rem); transform: none;}
    .section1 .item-txt.slogan2 p{ justify-content: left;} */
    .section1 {position:relative;}
    .section1 .inner .bottom-active {width:0; left:0;}
    .section1.active .inner .bottom-active {position:absolute; height:11.5rem; width:calc(60vw + 1rem); left:0; bottom:3.5rem; transition: all 0.8s ease-in-out; transition-delay: 1.5s; background:#f5f9f6; border-radius:0 5rem 0 0; z-index:-1;}
    .section1 .inner .slider-wrap {position:relative; width:100%; height:100%; display:flex; justify-content:space-between; align-items:center;}
    .section1 .inner .slider-wrap .slider-txt {display:flex; justify-content:center; width:37.5rem; height:100%; flex-direction:column;}
    .section1 .inner .slider-wrap .slider-txt .item {margin-top: -14rem;}
    .section1 .inner .slider-wrap .slider {position:relative; flex-grow:1; display:flex; align-items:center; justify-content:center; height:100%; z-index:0;}
    .section1 .inner .slider-wrap .slider .item {position:relative; opacity:0;}
    .section1 .inner .slider-wrap .slider .item .blob {width: 42rem; height: 38rem; overflow:hidden; animation: morpheus 10s linear infinite;}
    .section1 .inner .slider-wrap .slider .item .blob img {filter:blur(10px) grayscale(50%); transition: all 1s ease-in-out;}
    .section1 .inner .slider-wrap .slider .item.active {opacity:1;}
    .section1 .inner .slider-wrap .slider .item.active .blob img {transition-delay: 0.75s; filter:blur(0px) grayscale(0%);}
    .section1 .inner .slider-wrap .slider .item .character {position:absolute; right:2rem; bottom:-0.5rem;}
    .section1 .inner .slider-wrap .slider .item .character .character-box {position:relative; width: 100%; height: 100%; display: block;}
    .section1 .inner .slider-wrap .slider .item .character .character-box .heart {position:absolute; width:2rem; height:2rem; top:-1.2rem; left:calc(50% + 1.5rem); transform:translate(-50%, 0); animation: heartbeat 1s infinite;}
    .section1 .visual-banner {position:absolute; bottom:3.5rem; left:0; margin-top:8rem; display:flex; gap:2rem; z-index:5;}
    .section1 .visual-banner a {position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#fff; border-radius:2.2rem; width:11rem; transition: all 0.3s; height:11rem; border:1px solid #e7e7e7; box-shadow:10px 0 10px rgba(0,0,0,0.05);}
    .section1 .visual-banner a:hover,
    .section1 .visual-banner a.active {border-color:#70a300; margin-top:-1.5rem; box-shadow:none;}
    .section1 .visual-banner a span {position:relative; display:block;}
    .section1 .visual-banner a em {position:relative; top:-1rem; display:block; text-align:center; font-size:1rem; font-weight:500; color:#111;}
    .section1 .visual-banner a span img {position:relative; z-index:1;}
    .section1 .visual-banner a span:before {content:''; position:absolute; transition: all 0.25s; opacity:0; width:4.75rem; height:4.75rem; border-radius:50%; left:50%; top:50%; transform:translate(-50%, -50%); background:#b7d17f; z-index:0;}
    .section1 .visual-banner a:hover span:before,
    .section1 .visual-banner a.active span:before {opacity:1;}
    .section1 .visual-banner a:hover em,
    .section1 .visual-banner a.active em {color:#000; font-weight:700;}

    /* section2 : 교육연수 */
    .section2 {position:relative; background:url('/images/bohun/template/A1/main/section2-bg.png') no-repeat 50% 50%; background-size:cover;}
    .section2:before {content:''; position:absolute; top:0; left:0; width:50%; height:100%; background:#fff; transition: all 1.25s ease-in-out; z-index:5;}
    .section2:after {content:''; position:absolute; top:0; right:0; width:50%; height:100%; background:#fff; transition: all 1.25s ease-in-out; z-index:5;}
    .section2.active:before {left:-100%;}
    .section2.active:after {right:-100%;}
    .section2 .contents {gap:1rem;}
    .section2 .contents .main-list {position:relative; display:flex; align-items:flex-start; justify-content:space-between; width:100%;}
    .section2 .contents .main-list h3 {font-size:1.5rem; color:#111; font-weight:700;}
    .section2 .contents .main-list h3 strong {color:#008f77;}
    .section2 .contents .main-list h3 span { display: none;}
    .section2 .contents .info {flex-direction:column;}
    .section2 .contents .business-list {display:flex; width:100%; justify-content:space-between; align-items:center; gap:2.5rem; margin-top:1rem;}
    .section2 .contents .business-list .item {position:relative; width:100%; display:flex; flex-direction:column; gap:0.5rem;}
    .section2 .contents .business-list .item p {height:2.5rem; display:flex; align-items:center; gap:0.7rem; font-size:1.2rem; font-weight:700; color:#111;}
    .section2 .contents .business-list .item p em {width:2.25rem; height:2.25rem; background:#069c83; border-radius:0.7rem; display:flex; align-items:center; justify-content:center; font-size:1rem; font-weight:700; color:#fff;}
    .section2 .contents .business-list .item a {display:block; position:relative;  width:100%;}
    .section2 .contents .business-list .item a img { display: -webkit-box; width:100%; height:100%; z-index:0; transition: all 0.3s; transform:scale(1); object-fit: cover;}
    .section2 .contents .business-list .item a span {display:block; position:relative; width:100%; height:100%; height:10.5rem; border-radius:2rem; overflow:hidden; margin-top: 0.75rem; }
    /* .section2 .contents .business-list .item a span:before {content:''; opacity:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); transition: all 0.3s; z-index:2;} */
    .section2 .contents .business-list .item a:hover span,
    .section2 .contents .business-list .item a:focus span{outline:2px solid #069c83; background:#000; }
    .section2 .contents .business-list .item a:hover img ,
    .section2 .contents .business-list .item a:focus img {transform:scale(1.2); opacity: 0.7;}
    /* .section2 .contents .business-list .item a:hover span:before ,
    .section2 .contents .business-list .item a:focus span:before {opacity:1;} */
    .section2 .contents .business-list .item a:hover span:after ,
    .section2 .contents .business-list .item a:focus span:after {content:'VIEW MORE'; width:5rem; display:flex; align-items:center; color:#fff; font-family: 'Montserrat'; position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%, -50%); font-weight:700; text-align:center; font-size:1.2rem;}
    .section2 .contents .business-list .item a:hover span:before ,
    .section2 .contents .business-list .item a:focus span:before {content:''; position:absolute; z-index:3; left:calc(50% - 2rem); top:calc(50% - 1.5rem); width:1.6rem; height:1.6rem; border-radius:50%; background:#069c83; transform:translate(-50%, -50%);}
    .section2 .link01 {flex-grow:1;}
    .section2 .link01 .link-box {position:relative; width:100%; margin-top:1rem;}
    .section2 .link01 .link-box .select-link {display: none;}
    .section2 .link01 .link-box .row {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
    .section2 .link01 .link-box .row a { height:5.5rem; display:flex; align-items:center; justify-content:center; transition: all 0.3s;flex-direction: column; align-content: center; flex-wrap: wrap;}
    .section2 .link01 .slick-slide { padding-right: 0.2rem;}
    .section2 .link01 .link-box .row a span { color: #333; font-weight: 500; font-size: 0.85rem;}
    .section2 .link01 .link-box .row a.on {margin-top:-0.35rem;}
    .section2 .link01 .link-box .row a:hover,
    .section2 .link01 .link-box .row a:focus { background: #fff; border-radius: 1rem; border: 1px solid #069c83; }
    .section2 .link01 .link-box .row a:hover span,
    .section2 .link01 .link-box .row a:focus span { font-weight: 600;}
    .section2 .contents .main-list:nth-child(2) {gap:2.5rem;}
    .section2 .contents .main-list .link01 { width: 46.75rem;}
    .section2 .link01 .link-control { display: flex; justify-content: flex-end;position:relative; margin-top:0.5rem; position: relative; padding-left: 1rem;}
    .section2 .link01 .link-control::before { content: ''; height: 1px; width: 100%; background: #cbd7ce; position: absolute; top: 50%; right: 0; z-index: -1;}
    .section2 .link01 .link-control a { font-size: 1.3rem; background: #f5f9f6;}
    .section2 .link01 .link-control .play { display: none;}
    .section2 .link01 .link-control .dots { background: #f5f9f6; padding-left: 1rem;}
    .section2 .link01 .link-control .dots > ul { display: flex; height: 100%; align-items: center;}
    .section2 .link01 .link-control .dots > ul li + li { margin-left: 0.3rem;}
    .section2 .link01 .link-control .dots > ul li button { display: block; text-indent: -9999px; width: 0.5rem; height: 0.5rem; font-size: 0; line-height: 0; padding: 0; border-radius: 50%; border: 1px solid #080808; background: transparent; overflow:hidden;}
    .section2 .link01 .link-control .dots > ul li.slick-active button { background-color: #080808;}
    .section2 .link01 .link-control .dots > ul li button:focus,
    .section2 .link01 .link-control .dots > ul li button:hover{ background-color:#008f77; border-color:#008f77;}
    .section2 .link02 {width:30rem; display:flex; flex-wrap:wrap; gap:1rem; margin-top:1rem;}
    .section2 .link02 ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .section2 .link02 ul li { width: 48.3%; justify-content: space-between}
    .section2 .link02 ul li:nth-child(n+3) { margin-top: 0.5rem;}
    .section2 .link02 ul li a { display: flex; height: 6.85rem; flex-direction: column; justify-content: center; padding-left: 1.2rem; background: #fff ; border-radius: 1rem; box-shadow: 10px 10px 10px rgba(0,0,0,0.05); position: relative; transition: all 0.2s;}
    .section2 .link02 ul li a img { position: absolute; right: 1.1rem; top: 1.1rem; transition: all 0.2s;}
    .section2 .link02 ul li a p {font-weight: 600; font-size: 1rem; margin-bottom: 0.4rem; color: #111; transition: all 0.2s;}
    .section2 .link02 ul li a span { font-weight: 400; font-size: 0.85rem; color: #666; transition: all 0.2s;}
    .section2 .link02 ul li a:hover,
    .section2 .link02 ul li a:focus {background: #1e6957; }
    .section2 .link02 ul li a:hover img,
    .section2 .link02 ul li a:focus img {filter: brightness(0) invert(1); }
    .section2 .link02 ul li a:hover p,
    .section2 .link02 ul li a:focus p,
    .section2 .link02 ul li a:hover span,
    .section2 .link02 ul li a:focus span {color: #fff; }

    /* section3 : 시설안내 */
    .section3 {position:relative;}
    .section3:before {content:''; width:40rem; height:38rem; position:absolute; top: 0rem; right: -100%; background:url('/images/bohun/template/A1/main/section3-bg.png') no-repeat 50% 50%; background-size:contain; z-index:-1; transition: all 0.8s ease-in-out; opacity:0;}
    .section3.active:before {transition-delay: 2s; opacity:1; right:-22rem;}
    .section3 .inner .bottom-active {width:0; left:0;}
    .section3.active .inner .bottom-active {position:absolute; height:11.5rem; width:75vw; left:0; bottom:2rem; transition: all 1s ease-in-out; background:#fff6e7; border-radius:0 5rem 0 0; z-index:-1;}
    .section3 .contents {gap:1rem;}
    .section3 .contents .main-list {position:relative; display:flex; align-items:flex-start; justify-content:space-between; width:100%;}
    .section3 .contents .main-list .main-item {position:relative;}
    .section3 .contents .main-list:nth-child(1),
    .section3 .contents .main-list:nth-child(2) {display:flex; align-items:center; justify-content:space-between; gap:2.5rem;}
    .section3 .contents .main-list:nth-child(1) .main-item:nth-child(1) {flex-grow:1;}
    .section3 .contents .main-list:nth-child(1) .main-item:nth-child(2) {width:20.5rem;}
    .section3 .contents .main-list:nth-child(1) .tab-header {position:relative; margin-top:1rem;}
    .section3 .main-list:nth-child(2) .main-item:nth-child(1) { position: relative; width: calc(100% - 23rem);}
    .section3 .main-list:nth-child(2) .main-item:nth-child(2) { position: relative; width: 20.5rem; border-radius: 2rem; overflow: hidden; box-shadow: 10px 10px 0.75rem rgba(0,0,0,0.1);}
    .section3 .contents .main-list:nth-child(2) .main-item:nth-child(1) {flex-grow:1;}
    .section3 .contents .main-list:nth-child(2) .main-item:nth-child(2) {width:20.5rem;}
    .newsAlram h3 { font-size: 1.5rem; color: #111; font-weight: 700; }
    .notice{position: relative;}
    .notice .titTab{ padding-right: 3rem; margin: 1.3rem 0 0.8rem; overflow: hidden;}
    .notice .titTab ul{ color: #777; height: 1.9rem; font-size:0;}
    .notice .titTab ul li{ text-align: center; display: inline-block; position: relative;}
    .notice .titTab ul li a{position: relative; display: block; white-space: nowrap; overflow: hidden; font-size: 1.1rem; font-weight: 500; line-height: 1.9rem;}
    .notice .titTab ul li ~ li { padding-left: 0.8rem; margin-left: 0.7rem;}
    .notice .titTab ul li ~ li::before{content: ''; display: block; position: absolute; width: 3px; height: 9px; left: 0; top: calc(50% - 4.5px); background: url(/images/bohun/template/A1/main/notice_line.png) no-repeat center / contain;}
    .notice .tabWrap{background: #fff; height: 10.5rem; border-radius: 0 0 0.5rem 0.5rem;}
    .notice .tabWrap .list_box{ position: relative; display: none; height: 100%; }
    .notice .tabWrap .list_box ul{height: 100%; display: flex; width: calc(100% + 1.5rem); margin-left: -0.75rem;}
    .notice .tabWrap .list_box ul li{position: relative; width: calc(100% / 3); padding:0 0.75rem;}
    .notice .tabWrap .list_box ul li:nth-child(n+4){display: none;}
    .notice .tabWrap .list_box ul li a{ position:relative; border: 1px solid #ddd; border-radius: 2rem; padding: 1.5rem; display: block; transition: all 0.2s;}
    .notice .tabWrap .list_box ul li a .tit{width: 100%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; line-height: 1.5rem; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; height: 3rem; font-size: 1rem; font-weight: 600; color: #333; margin-top: 1.5rem;}
    .notice .tabWrap .list_box ul li a .date{display: inline-block; font-size: 1.25rem; color: #111; line-height: 1; font-weight: 700;}
    .notice .tabWrap .list_box ul li a .date em { display: block; font-size: 0.75rem; color:#777; font-weight: 600; }
    .notice .tabWrap .list_box ul li a .badge { display: flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; background: #f06600; color: #fff; font-size: 0.75rem; font-weight: 600; line-height: 1.3; position: absolute; top: 1rem; right: 1.5rem; border-radius: 50%; padding: 0 0.7rem; text-align: center;}
    .notice .tabWrap .list_box .more{ position: absolute; right: 0; top: -2.2rem; color: #fff; display: flex; font-size: 0.9rem; font-weight: 600; color: #555; font-family: 'Montserrat';}
    .notice .tabWrap .list_box .more i { transition: 0.15s; font-size: 1.2rem; display: inline-block; margin-left: 0.25rem;}
    .notice .tabWrap .list_box .no_data{display: flex; align-items: center; justify-content: center; height: 100%; }
    .notice .tabWrap .list_box ul li a.new::before{font-family: 'Montserrat'; font-weight: 600; content: 'New'; color: #da0000; background: #ffebe9; line-height: 1; margin-right: 0.5rem;}
    .notice .titTab ul li a.current{ color: #111; font-weight: 600;}
    .notice .titTab ul li a.current::before{ content: '\eb79'; font-family: 'remixicon'; display: inline-block; font-size: 1.1rem; color: #fff; background: #f06600; line-height: 1.9rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; text-align: center; font-weight: 400; margin-right: 0.3rem;}
    .notice .titTab ul li a:hover,
    .notice .titTab ul li a:focus{font-weight: 600; color: #111;}
    .notice .tabWrap .list_box.on{display: block;}
    .notice .tabWrap .list_box ul li a:hover,
    .notice .tabWrap .list_box ul li a:focus{ border-color: #f06600;}
    .notice .more:hover i,
    .notice .more:focus i{ transform: rotate(90deg);}

    /* 팝업존 */
    .pop {position:relative; width:100%; height:100%;}
    .pop .titWrap {position:absolute; width: 14.7rem; left: 0; bottom: -1.25rem; background: rgba(0,0,0,0.9); padding: 0.45rem 0.5rem 0.45rem 1rem; border-radius:0 1.5rem 1.5rem 1.5rem; display: flex; justify-content: space-between; align-items: center; z-index: 99;}
    .pop .titWrap h3 { font-size: 1.1rem; color: #fff; font-weight: bold;}
    .pop .control p {display: inline-block; margin: 0 0.4rem 0 0; color: #fff; vertical-align: middle; }
    .pop .control p strong { font-weight: 600; }
    .pop .control p strong:after { content: ""; display: inline-block; width: 10px; height: 1px; vertical-align: middle; background:#fff; margin: 0 0.3rem;}
    .pop .control a {display: inline-block; color: #fff; text-align: center; overflow: hidden; font-size:1.3rem; transition: all 0.15s; vertical-align: middle;}
    .pop .control .play {display: none;}
    .pop .pop_img {position:relative; width: 100%; height: 100%; isolation: isolate; }
    .pop .pop_img div[class*='slick-'],
    .pop .pop_img .item {height:100%;}
    .pop .pop_img .item { overflow: hidden; border-radius: 2rem 2rem 2rem 0;background:rgba(0,0,0,0.1); height: 14.25rem;}
    .pop .pop_img .item a { display: flex; height:100%; line-height:0; align-items:center; justify-content: center; overflow:hidden;}
    .pop .pop_img .item img {position:relative; width:auto; height:100%;}
    .pop .control a:hover,
    .pop .control a:focus {color:#fff;}
    .pop .pop_img .item a:focus{border: 2px solid #000;}
    .pop .control .play:hover,
    .pop .control .play:focus,
    .pop .control .stop:hover,
    .pop .control .stop:focus {color: #9a9a9a; }
    .pop .control > a.prev:hover,
    .pop .control > a.prev:focus{transform: translateX(-0.3rem); }
    .pop .control > a.next:hover,
    .pop .control > a.next:focus{transform: translateX(0.3rem); }

    /* 공단소식안내 */
    .news_info h4 {font-size:1.1rem; color:#111; font-weight:700;}
    .news_info > ul { display: flex; width: calc(100% + 1.6rem); margin-left: -0.8rem; margin-top: 0.9rem;}
    .news_info > ul li { padding: 0 0.8rem; width: calc(100% / 3);}
    .news_info > ul li a { display: block;}
    .news_info > ul li a .img { border-radius: 2rem; height: 11rem; font-size: 0; overflow: hidden; background: rgba(0,0,0,0.3);}
    .news_info > ul li a .img img { height: 100%; width: auto; transform: translateX(-50%); position: relative; left: 50%; transition: all 0.2s;}
    .news_info > ul li a .tit { font-size: 0.9rem; color: #111; padding: 0 3.5rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-top: 0.6rem; font-weight: 600;}
    .news_info .more{ position: absolute; right: 0; top: 0; color: #fff; display: flex; font-size: 0.9rem; font-weight: 600; color: #555; font-family: 'Montserrat';}
    .news_info .more i { transition: 0.15s; font-size: 1.2rem; display: inline-block; margin-left: 0.25rem;}
    .news_info > ul li a:hover .img img,
    .news_info > ul li a:focus .img img { transform: translateX(-50%) scale(1.05);}
    .news_info .more:hover i,
    .news_info .more:focus i{ transform: rotate(90deg);}

    /* 웹진 */
    .webzine { width: 100%; background: #c7db83; overflow: hidden; padding:2.5rem 1.5rem; display: flex; justify-content: space-between;}
    .webzine::before { content: ''; display: block; width: 16.75rem; height: 16.75rem; border-radius: 50%; background: #b7ce6a; position: absolute; right: -2.9rem; top: 0.6rem;}
    .webzine .img { position: relative; z-index: 2; width: 8.25rem; height: 11rem; overflow: hidden; border-radius: 1rem; box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
    .webzine .img img { width: 100%; height: 100%; object-fit: cover;}
    .webzine > em { position: absolute; display: flex; width: 3.3rem; height: 3.3rem; border-radius: 50%; background: #457d17; justify-content: center; align-items: center; color: #fff; font-size: 1.1rem; font-weight: 700; right: 1rem; top: 1.5rem; z-index: 3;}
    .webzine .txt { position: relative; z-index: 2; padding-top: 0.4rem; color: #191919;}
    .webzine .txt .tit { font-size: 1.2rem; font-weight: 700; margin: 0.4rem 0 0.6rem;}
    .webzine .txt span { font-size: 0.85rem;}
    .webzine .txt .more { display: flex; width: 7.25rem; line-height: 2.1rem; justify-content: space-between; background: #1b6755; border-radius: 2rem; color: #fff; font-size: 0.8rem; margin-top: 2.6rem; padding: 0 1rem;}
    .webzine .txt .more i { font-size: 1rem; transition: all 0.2s;}
    .webzine .txt .more:hover i,
    .webzine .txt .more:focus i { transform: rotate(45deg);}

    /* section4 : 알림연구 */
    .section4 {position:relative;}
    .section4 .inner .contents:before {content:'Korea Veterans Health Service'; color:#d0e0e0; position: absolute; left:-2rem; top:50%; z-index:0; font-family: 'Montserrat';  font-size:5rem; font-weight:900; letter-spacing:-0.25rem; width:100rem; height:auto; transform:rotate(90deg); will-change: transform; transform-origin: left center; line-height: 5rem; text-transform:uppercase; opacity:0;}
    .section4.active .inner .contents:before,
    .section4.footer-on .inner .contents:before {opacity:0.5; animation: textInfinity 30s linear infinite;}
    .section4.active .inner .bg-active,
    .section4.footer-on .inner .bg-active {position:absolute; height:100%; width:calc(75vw + 3rem); left:0; bottom:3.5rem; transition: all 1s ease-in-out; background:#e7f3f3; border-radius:0 0 13rem 0; z-index:-1;}
    .section4 .inner .bg-active {width:0; left:0;}
    .section4 .inner .contents {flex-direction: row-reverse;justify-content:space-between;padding:1.5rem 0;}
    .section4 .inner .contents .map {position:relative; width:27rem;}
    .section4 .inner .contents .map h3 {position:relative; font-size:1.5rem; color:#111; font-weight:700;}
    .section4 .inner .contents .map h3 strong {color:#0c914e;}
    .section4 .inner .contents .map .map_overlay .map_select { display: none;}
    .section4 .inner .contents .map .map_overlay li a{ pointer-events: none;}
    .section4 .inner .contents .map .map_overlay li a > img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;opacity: 0;;}
    .section4 .inner .contents .map .map_overlay li a span { position: absolute; font-size: 0.8rem; color: #105242; font-weight: 500; text-align: center; z-index: 5; pointer-events: auto;}
    .section4 .inner .contents .map .map_overlay li a:hover span,
    .section4 .inner .contents .map .map_overlay li a:focus span{ text-decoration: underline;}
    .section4 .inner .contents .map .map_overlay li:nth-child(1) a span { left: 23%; top: 21%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(2) a span { left: 52%; top: 15%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(3) a span { left: 18%; top: 41%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(4) a span { left: 40%; top: 34%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(5) a span { left: 60%; top: 41%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(6) a span { left: 26%; bottom: 38%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(7) a span { left: 47%;  bottom: 31%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(8) a span { left: 16%; bottom: 22%; }
    .section4 .inner .contents .map .map_overlay li:nth-child(9) span { position: absolute; font-size: 0.8rem; color: #105242; font-weight: 500; text-align: center; z-index: 5; pointer-events: auto; left: 10%; bottom: 2%; }
    .section4 .inner .contents .map .map_overlay li a span i { opacity: 0; display: block;}
    .section4 .inner .map_wrap { position: relative; width: 23.05rem; height: 30.7rem; margin-left: 2rem;}
    .section4 .inner .map_wrap > img { position: relative; width: 100%; height: 100%;}
    .section4 .inner .contents .map .map_overlay li.current a span { color: #fff;}
    .section4 .inner .contents .map .map_overlay li.current a span i { opacity: 1; }
    .section4 .inner .contents .map .map_overlay li.current a > img { opacity: 1;}
    .section4 .inner .contents .list-section {max-width:51rem; max-height:37.5rem; width:100%; height:100%; flex-grow:1;}
    .section4 .inner .contents .list-section .item-section {width:100%; height:100%; position:relative; background:#fff; display: flex; justify-content: space-between; flex-direction: column; border-radius:2.5rem; border:2px solid #b6e0e0; box-shadow:10px 0 15px rgba(0,0,0,0.1); padding:1.25rem 2rem; overflow:hidden;}
    .section4 .inner .contents .list-section .item-section .list_box { display: none;}
    .section4 .inner .contents .list-section .item-section .list_box.on { display: block;}
    .section4 .inner .contents .list-section .item-section .character {position:absolute; right:1.5rem; bottom:-0.5rem;}
    .section4 .inner .contents .list-section .item-section .character-box {position:relative; width: 100%; height: 100%; display: block;}
    .section4 .inner .contents .list-section .item-section .character-box .heart {position:absolute; width:2rem; height:2rem; top:-1.2rem; left:calc(50% - 0.5rem); transform:translate(-50%, 0); animation: heartbeat 1s infinite;}
    .section4 .inner .item-header {padding-bottom:1.5rem;}
    .section4 .inner .item-header {position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d0dada; }
    .section4 .inner .item-header .title {position:relative; height:100%; display:flex; justify-content: center; align-items:flex-start; flex-direction:column;}
    .section4 .inner .item-header .title h4 {font-size:1.5rem; font-weight:700; color:#000; display:block;}
    .section4 .inner .item-header .title p {font-size:1rem; font-weight:500; color:#666;}
    .section4 .inner .item-header .count {position:relative; height:100%; display:flex; gap:1rem;}
    .section4 .inner .item-header .count .circle { width:5.5rem; height:5.5rem; border-radius:50%; background:#e2f1f1;display:flex; align-items:center; justify-content:center; flex-direction:column;}
    .section4 .inner .item-header .count .circle strong {display:block; font-size:1.4rem; text-align:center; font-weight:900; color:#111; margin-top:-0.15rem;}
    .section4 .inner .item-header .count .circle p {display:block; font-size:0.9rem; text-align:center; font-weight:700; color:#111; margin-top:-0.35rem;}
    .section4 .inner .item-header .count .circle.active {background:#1e6957;}
    .section4 .inner .item-header .count .circle.active strong {color:#fff;}
    .section4 .inner .item-header .count .circle.active p {color:#fff;}
    .section4 .item-banner {width:100%;}
    .section4 .item-banner ul {position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:0.5rem;}
    .section4 .item-banner ul li { width: calc(25% - 0.5rem); }
    .section4 .item-banner a {position:relative; overflow:hidden; display:flex; align-items:center; transition: all 0.1s; justify-content:space-between;height:2.75rem; letter-spacing:-1px; flex-wrap:wrap; padding:0 1rem 0 1.5rem; color:#444; font-size:0.9rem; border-radius:0.75rem; border:1px solid #6da396; z-index:2;}
    .section4 .item-banner { display:flex; flex-direction:column; gap:0.5rem; margin-top: 5%;}
    .section4 .item-banner a i {font-size:1rem; color:#444; font-weight:500; position:relative; z-index:2;}
    .section4 .item-banner a:before {content:''; transition: all 0.15s; opacity: 0; position:absolute; width:5rem; height:5rem; border-radius:50%; background:#1b6755; right:-1.5rem; bottom:-2.25rem; z-index:-1;}
    .section4 .item-banner a.active,
    .section4 .item-banner a:hover {background:#2d9079; color:#fff; font-weight:700;}
    .section4 .item-banner a.active:before,
    .section4 .item-banner a:hover:before { opacity: 1;}
    .section4 .item-banner a.active i,
    .section4 .item-banner a:hover i {color:#fff;}
    .section4 .item-box.on {display:flex; }
    .section4 .item-box { display: none; position:relative; width:100%; overflow:hidden; gap:2rem; justify-content:space-between; margin-top:2rem; }
    .section4 .item-box .photo {width:17.5rem; height: 11rem; border-radius: 1.5rem; overflow: hidden;}
    .section4 .item-box .photo img { width: 100%; height: 100%; object-fit: cover;}
    .section4 .item-box .text {flex-grow:1;width: calc(100% - 19rem);}
    .section4 .item-box .text h4 { font-size: 1.2rem; color: #222; font-weight: 700; line-height: 1.6rem;}
    .section4 .item-box .text h4 span { color: #1b6755; display: block;}
    .section4 .item-box .text > ul { margin-top: 0.7rem;}
    .section4 .item-box .text > ul li { line-height: 2rem; font-size: 0.85rem; color: #222;}
    .section4 .item-box .text > ul li + li { margin-top: 0.5rem;}
    .section4 .item-box .text > ul li > i{ display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: #2d9079; color: #fff; line-height: 2rem; text-align: center; font-size: 1rem; margin-right: 0.4rem; position: relative; z-index: 2;}
    .section4 .item-box .text > ul li > a { position: relative; font-size: 0.85rem; color: #222; display: inline-block; background: #e2f1f1; border-radius: 2rem; padding: 0 0.6rem 0 2.5rem; margin-left: -2.5rem;}
    .section4 .item-box .text > ul li > a:after { content: '\ea70'; font-family: 'remixicon'; font-size: 1rem; color: #111; display: inline-block; padding-left: 0.5rem; transition: all 0.2s;}
    .section4 .item-box .text > ul li > a:hover:after,
    .section4 .item-box .text > ul li > a:focus:after { transform: rotate(45deg) translateY(-5px);}

    .select-banner {display: none;}
    
    /* 영문 예외처리 */
    .eng .section4.active .inner .bg-active,
    .eng .section4.footer-on .inner .bg-active { bottom:0;}

    /* section5 : 소통해요 */
    .section5 {position:relative; overflow:hidden;}
    .section5:before {content: ''; position: absolute; height:calc(100% - 9rem); width: 55vw; background:#fff6e7; border-radius:10rem 0 0 0; right:-100%; bottom:0rem; transition: all 1s ease-in-out;}
    .section5 .pattern {position:absolute; left:0; top:-100%; width:60rem; height:30rem; background:url('/images/bohun/template/A1/main/section5-bg.png') no-repeat 0% 0%; background-size:contain; transition: all 1s ease-in-out; opacity:0;}
    .section5.active:before,
    .section5.footer-on:before {right:0;}
    .section5.active .pattern { opacity:1; top:0;}
    .section5 .contents {gap:1rem;}
    .section5 .section5-title { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }
    .section5 .section5-title .titWrap span { font-size: 1rem; color: #de5e00; font-weight: 600; }
    .section5 .section5-title .titWrap p { font-size: 2.5rem; color: #111; font-weight: 500; line-height: 1; margin: 0.8rem 0 0.5rem;}
    .section5 .section5-title .titWrap p strong { font-weight: 700; display: inline-block;}
    .section5 .section5-title .sns_list { display: flex !important;}
    .section5 .section5-title .sns_list li + li { margin-left: 0.25rem;}
    .section5 .section5-title .sns_list li a { display: block; font-size: 0;}
    .section5 .contents .tabWrap {position:relative; width: 100%;}
    .section5 .contents .tabWrap .list_box { display: none;}
    .section5 .contents .tabWrap .list_box.on { display:flex; justify-content:space-between; width:100%; gap:3.5rem;}
    .section5 .contents .tabWrap .main-item {width:28.5rem; margin-top:0.5rem;}
    .section5 .contents .tabWrap .main-item .cont {position:relative;}
    .section5 .contents .tabWrap .main-item .cont::before { content: ''; display: block; width: 100%; height: 100%; border: 2px solid #ebc589; border-radius: 2rem; position: absolute; top: 1rem; left: -1rem; z-index: -1;}
    .section5 .contents .tabWrap .main-item .cont > a{ display: block;}
    .section5 .contents .tabWrap .main-item .cont .img { position: relative; width: 28rem; height: 18.95rem; background: #000; border-radius: 2rem; overflow: hidden; font-size: 0;}
    .section5 .contents .tabWrap .main-item .cont .img:not(.vid):before {content:''; position:absolute; width:3.4rem; height:3.4rem; background:url('/images/bohun/template/A1/main/story_play.png') no-repeat 50% 50% / contain; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
    .section5 .contents .tabWrap .main-item .cont .img img { opacity: 0.6; width: 100%; height: 100%; object-fit: cover; transition: all 0.2s;}
    .section5 .contents .tabWrap .main-item .cont > a:hover .img img,
    .section5 .contents .tabWrap .main-item .cont > a:focus .img img { transform: scale(1.1);}
    .section5 .contents .tabWrap .main-item .circle {position:absolute; z-index:1; right:-2.5rem; top:-1.5rem;}
    .section5 .contents .tabWrap .main-item .circle em {position:relative; z-index:1; width:5rem; height:5rem; border-radius:50%; display:flex; background:#f06600; align-items:center; justify-content:center; font-size:1rem; font-weight:700; color:#fff; word-break:keep-all; padding:0 0.5rem; text-align: center; line-height: 1.2;}
    .section5 .contents .tabWrap .main-item .circle:after {content: ''; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(240,102,0,0.75); animation: siteSpread 1.5s infinite linear; transform-origin: top left; z-index: 0;}
    .section5 .contents .tabWrap .main-item .cont .txt { position: relative; padding: 0 1rem 2.2rem 4rem; box-sizing: content-box; margin-top: 1.8rem; }
    .section5 .contents .tabWrap .main-item .cont .txt span { line-height: 1.4rem; height: 3rem; overflow: hidden; font-size: 1.1rem; font-weight: 600; color: #111;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; word-wrap: break-word; text-overflow: ellipsis;}
    .section5 .contents .tabWrap .main-item .cont .txt img { position: absolute; left: 1rem; top: 0;}
    .section5 .contents .tabWrap .main-item .character {position:absolute; right:-2rem; bottom:-2.5rem;}
    .section5 .contents .tabWrap .main-item .character .character-box {position:relative; width: 100%; height: 100%; display: block;}
    .section5 .contents .tabWrap .main-item .character .character-box .heart {position:absolute; width:2rem; height:2rem; top:-1.2rem; left:calc(50% + 1rem); transform:translate(-50%, 0); animation: heartbeat 1s infinite;}
    .section5 .contents .tabWrap .sub-item {position:relative; flex-grow:1; display: flex; flex-direction: column; gap:1.5rem; margin-top:0.5rem;}
    .section5 .contents .tabWrap .grid-list {display:flex; justify-content:space-between; gap:1.5rem;     flex-wrap: wrap;}
    .section5 .contents .tabWrap .grid-list .gallery-item {position:relative; height:12.5rem; cursor:pointer; overflow:hidden;    width: calc(100% / 3 - 1.25rem);}
    .section5 .contents .tabWrap .grid-list .gallery-item .gallery {position:absolute; width:100%; height:11rem; border-radius:1.75rem 1.75rem 1.75rem 0; overflow:hidden; }
    .section5 .contents .tabWrap .grid-list .gallery-item .gallery img {position:absolute; width:100%!important; height:100%; transform: scale(1); left:50%; top:50%; transform:translate(-50%, -50%); transition: all 0.4s ease-in-out; transform-origin:center; object-fit: cover;}
    .section5 .contents .tabWrap .grid-list .gallery-item .gallery:not(.vid):before {content:''; position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.3) url('/images/bohun/template/A1/main/play.png') no-repeat center; top:0; left:0; z-index:1; }
    .section5 .contents .tabWrap .grid-list .gallery-item a:focus .gallery img ,
    .section5 .contents .tabWrap .grid-list .gallery-item a:hover .gallery img { transform: translate(-50%, -50%) scale(1.2);}
    .section5 .contents .tabWrap .grid-list .gallery-item a:focus .txt ,
    .section5 .contents .tabWrap .grid-list .gallery-item a:hover .txt {text-decoration: underline;}
    .section5 .contents .tabWrap .grid-list .gallery-item .txt {position:absolute; bottom:0; left:0; background: #fff; border-radius: 0 1.5rem 1.5rem 1.5rem; width: 85%; padding: 0 1rem 0 3.2rem; z-index: 3;}
    .section5 .contents .tabWrap .grid-list .gallery-item .txt img { position: absolute; left: 1rem;  top: 50%; transform: translateY(-50%);}
    .section5 .contents .tabWrap .grid-list .gallery-item .txt span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; font-weight: 600; color: #222; line-height: 3rem;}
    .section5 .contents .tabWrap .grid-list p img.bx {box-shadow:10px 0 10px rgba(0,0,0,0.05); border-radius:1.75rem;}

    .footer { position:relative; padding:0; }
    .footer .inner {position:relative;}
    .footer .inner .go-top {display:none; position: absolute; right:0.75rem; top: -1.5rem;    z-index: 99;}
    .footer-on [class*="mot"],
    .footer-on [class*="moTn"] {opacity:1.0; transform:translateY(0px);}

    .footer .inner img { position: relative; left: 50%; transform: translateX(-50%);}
    /* animation */
    @keyframes siteSpread {
        0% {transform: scale(1) translate(-50%, -50%); opacity: 0;}
        50% {transform: scale(1.2) translate(-50%, -50%); opacity: 0.5;}
        100% {transform: scale(1.4) translate(-50%, -50%); opacity: 0;}
    }

    @keyframes siteSpread02 {
        0% {transform: scale(0.7) translate(-50%, -50%); opacity: 1;  transform-origin:left top;}
        100% {transform: scale(1.2) translate(-50%, -50%); opacity: 0.25;  transform-origin:left top;}
    }

    @keyframes siteSpread03 {
        0% {transform: scale(0.9) translate(-50%, -50%); opacity: 1;  transform-origin:left top;}
        100% {transform: scale(1.2) translate(-50%, -50%); opacity: 0;  transform-origin:left top;}
    }


    @keyframes wave-animation {
        to {opacity: 1; transform: translateY(0);}
    }


    @keyframes morpheus {
        0% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
        20% {border-radius: 60% 40% 40% 60% / 60% 25% 75% 40%;}
        40% {border-radius: 70% 30% 65% 35% / 80% 45% 55% 20%;}
        60% {border-radius: 30% 70% 70% 30% / 20% 30% 70% 80%;}
        80% {border-radius: 40% 60% 40% 60% / 70% 55% 45% 30%;}
        100% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
    }

    @keyframes textInfinity {
        100% {transform: translateY(-1500%) rotate(90deg);}
    }


    @keyframes moveUpDown {
        0% {top: -2px;}
        50% {top: 2px;}
        100% {top: -2px;}
    }

    @keyframes bounce {
        0%, 100% {transform: translateY(0);}
        25% {transform: translateY(-10px);}
        50% {transform: translateY(0px);}
        75% {transform: translateY(-10px);}
    }

    @keyframes heartbeat {
        0% {transform: scale(1);}
        25% {transform: scale(1.1);}
        50% {transform: scale(0.9);}
        75% {transform: scale(1.1);}
        100% {transform: scale(1);}
    }

    @keyframes siteSpread {
        0% {transform: scale(1) translate(-50%, -50%); opacity: 1;}
        100% {transform: scale(1.4) translate(-50%, -50%); opacity: 0;}
    }



    /* responsive 2560 */
    @media all and (min-width:1930px) {
        /* section1 : 비주얼 */
        .new-visual {width:100%; height:100vh; }

        /* section2 : 교육연수 */
        .section2 .contents {gap:3rem;}
        .section2 .contents .business-list {margin-top:2.5rem;}
        .section3.active:before {right:-18rem; width:50rem; height:50rem;}

        /* section3 : 시설안내 */
        .section3 .contents {gap:3rem;}
        .section3.active .inner .bottom-active {height:17.5rem;}
        .section3 .contents .main-list:nth-child(1) .tab-header {margin-top:1.75rem;}

        /* section4 : 알림연구 */
        .section4 .inner .contents .list-section .item-section {padding:1.5rem 2rem;}
        .section4 .inner .contents .map h3 {top:-1rem;}

    }

    @media all and (max-width:1740px) {

        /* main visual */
        .section1 .item-txt.slogan2{ left:2rem;}

        /* section5 : 소통해요 */
        .section5 .contents .tabWrap .main-item { margin-left: 0.6rem;}
    }
    
    @media all and (max-width:1700px) {
        /* section2 : 교육연수 */
        .section2 .contents .main-list .link01 { width: 50%;}
        .section2 .link02 { width: 50%;}

        /* section3 : 시설안내 */
        .notice .tabWrap .list_box ul li { width: calc(100% / 2); }
        .notice .tabWrap .list_box ul li:nth-child(n+3) { display: none; }
        .news_info > ul li a .tit { padding: 0 1rem;}

        /* section4 : 알림연구 */
        .section4 .inner .contents{ align-items: start;}
        .section4 .inner .map_wrap { margin: 2rem 1rem 0; width: 20.5rem; height: 29.3rem; }
        .section4 .inner .item-header .count { gap: 0.3rem;}
        .section4 .inner .item-header .count .circle { width: 4rem; height: 4rem; }
        .section4 .inner .item-header .count .circle strong { font-size: 1.2rem;}
        .section4 .inner .item-header .count .circle p { font-size: 0.75rem;}
        .section4 .inner .contents .map .map_overlay li a span{ font-size: 0.75rem;}
        .section4 .inner .contents .map .map_overlay li:nth-child(1) a span { left: 22%; top: 18%; max-width: 4rem; word-break: keep-all;}
        .section4 .inner .contents .list-section{ max-width: 57rem;}
        
        .section4 .item-banner ul li {width: calc(33.333333% - 0.5rem);}

    }
    @media all and (max-width:1700px) and (min-width:1281px) {
        /* section4 : 알림연구 */
        .section4 .inner .contents .list-section .item-section .character-box { display: none;}
    }

    @media all and (max-width:1620px) {
        /* section1 : 바로가기 */
        .link03{ left:0;}
    }

    @media all and (max-width:1540px) {
        /* section5 : 소통해요 */
        .section5 .contents .tabWrap .grid-list .gallery-item { width: calc(100% / 2 - 1.25rem);}
        .section5 .contents .tabWrap .grid-list .gallery-item:nth-child(n+5) { display: none;}
    }

    @media all and (max-width:1420px) {
        /* section4 : 알림연구 */
        .section4 .item-box .photo { width: 11.5rem;}
        .section4 .inner .map_wrap { width: 18.5rem; height: 27.3rem; }
        .section4 .inner .contents .map .map_overlay li a span{ font-size: 0.7rem;}
        .section4 .inner .contents .map .map_overlay li:nth-child(1) a span { max-width: 3rem; }
        
    }

    @media all and (max-width:1280px) {
        [class*="mot"] {opacity:1; transform: translate(0%, 0%);}

        /* section1 : 바로가기 */
        .link03{ bottom:3rem;}

        /* section1 : 비주얼 */
        .new-visual { height: 25rem;}
        .new-visual img{ height:100%;}
        .new-visual .control { bottom: 0;}
        .new-visual .item-txt { top: 3rem;}
        .new-visual video{bottom: 0; left: auto; transform: none; height: 100%;}
        .new-visual iframe { width: 100%; height: 100%;}
        .section1 .item-txt p.big{ font-size:2.5rem;}
        /* .section1 .item-txt p.small { font-size: 1rem;}
        .section1 .item-txt p.medium { font-size: 1.7rem; margin-top: 0.2rem; }
        .section1 .item-txt p strong.deep-green {font-size: 2.6rem;}
        .section1 .item-txt p.big { margin-top: 0.5rem;}
        .section1 .item-txt p.medium{ font-size:1.4rem; }
        .section1 .item-txt p strong.deep-green,
        .section1 .item-txt p.big strong{ font-size:3rem;}  */

        /* section2 : 교육연수 */
        .section2:before {left:-100%;}
        .section2:after {right:-100%;}
        .section2 .contents .business-list { gap: 0.65rem;}
        .section2 .contents .main-list {flex-direction: column;}
        .section2 .contents .main-list .link01 {width: 100%;}
        .section2 .contents .main-list h3 { background: #f5f9f6; position: relative; z-index: 5;display: inline-block; padding-right: 1rem; font-size: 1.4rem;}
        .section2 .contents .business-list .item p { font-size: 1rem;}
        .section2 .contents .main-list h3 { font-size: 1.2rem;}
        .section2 .link02 { width: 100%; margin-top: 0;}
        .section2 .link02 ul { width: 100%;}
        .section2 .link02 ul li {width: 23.3%;}
        .section2 .link02 ul li:nth-child(n+3) { margin-top: 0;}
        .section2 .link02 ul li a { height: 5.6rem;}
        .section2 .link02 ul li a img { right: 0.1rem; top: 0.2rem; width: 2.8rem;}
        .section2 .link02 ul li a p { font-size: 0.9rem; margin-bottom: 0.1rem;}
        .section2 .link02 ul li a span { font-size: 0.75rem;}
        .section2 .contents .main-list:nth-child(2) { gap: 1rem;}
        .section2 .link01 .link-control { position: absolute; top: -0.35rem; left: 0; width: 100%;}

        /* section3 : 시설안내 */
        .section3 .contents .main-list:nth-child(1), .section3 .contents .main-list:nth-child(2) { gap: 1.5rem;}
        .newsAlram h3 { font-size: 1.2rem;}
        .news_info h4 { font-size: 1rem;}
        .news_info > ul li { padding: 0 0.5rem; width: calc(100% / 2);}
        .news_info > ul li:nth-child(n+3) { display: none;}
        .news_info .more em { display: none;}
        .section3 .contents .main-list:nth-child(2) { margin-top: 2rem;}
        .notice .titTab{padding-right: 1.5rem;}
        .notice .titTab ul li ~ li { padding-left: 0.5rem; margin-left: 0.5rem; }
        .notice .titTab ul li a { font-size: 1rem;}
        .notice .tabWrap .list_box ul { width: calc(100% + 0.7rem); margin-left: -0.35rem; }
        .notice .tabWrap .list_box ul li { padding: 0 0.35rem; }
        .notice .tabWrap .list_box ul li a .tit { font-size: 0.85rem;}
        .notice .tabWrap .list_box ul li a .badge { width: 2.6rem; height: 2.6rem; font-size: 0.7rem; }
        .notice .tabWrap .list_box .more em { display: none;}
        .section3 .inner .bottom-active {position:absolute; height:11.5rem; width:75vw; left:0; bottom:0; transition: all 1s ease-in-out; background:#fff6e7; border-radius:0 5rem 5rem 0; z-index:-1;}

        /* section4 : 알림연구 */
        .section4 .inner .contents { padding: 0;}
        .section4 .inner .contents .map h3 { font-size: 1.2rem; transform: translateY(-1rem);}
        .section4 .inner .contents .list-section .item-section { padding: 1.1rem 1.2rem;}
        .section4 .inner .item-header .title h4 { font-size: 1.2rem;}
        .section4 .inner .item-header .title p { font-size: 0.9rem;}
        .section4 .inner .item-header .count .circle p { font-size: 0.7rem;}
        .section4 .inner .item-header { margin-bottom: 1rem;}
        .section4 .inner .contents .list-section .item-section .character { right: 0.5rem;}
        .section4 .inner .contents .list-section .item-section .character-box > img { width: 5rem;}
        .section4 .item-banner a { font-size: 0.8rem; height: 2.5rem; padding: 0 0.5rem;}
        .section4 .item-box { margin-top: 1rem; gap: 1rem;}
        .section4 .item-box .photo {width: 12.5rem;height: 10.5rem;}
        .section4 .item-box .text h4 { font-size: 1.1rem;}
        .section4 .item-box .text h4 span { display: inline; padding-right: 0.3rem;}
        .section4 .item-box .text > ul li + li {margin-top: 0.2rem;}
        .section4 .inner .map_wrap { margin-left: 0;}
        .section4.footer-on .inner .contents:before{ display: none;}

        /* section5 : 소통해요 */
        .section5:before {right:0;}
        .section5 .pattern { opacity:1; top:0;}
        .section5 .section5-title .titWrap p { font-size: 1.8rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item {width:calc(100% / 2 - 0.55rem)}
        .section5 .contents .tabWrap .main-item { width: 24rem;}
        .section5 .contents .tabWrap .main-item .cont .img { width: 100%;}
        .section5 .contents .tabWrap .main-item .cont .txt {padding: 0 2rem 2.2rem 2.5rem; }
        .section5 .contents .tabWrap .main-item .cont .txt span{ font-size: 1rem; }
        .section5 .contents .tabWrap .main-item .cont .txt img { left: 0.5rem;}
        .section5 .contents .tabWrap .main-item .circle em { width: 4rem;height: 4rem; font-size: 0.9rem; }
        .section5 .contents .tabWrap .main-item .circle { right: -1rem;top: -1.1rem;}
        .section5 .contents .tabWrap .grid-list { gap: 1rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item .txt { width: 95%;}
        .section5 .contents .tabWrap .list_box.on { gap: 2rem;}
    }
    @media all and (max-width:1024px) {
        /* section2 : 교육연수 */
        .section2 .contents .business-list .item a span { height: 8.5rem;}
        .section2 .link02 ul li a { padding: 0 1rem;}

        /* section4 : 알림연구 */
        .section4 .inner .contents {flex-direction: column-reverse;}
        .section4 .inner .contents .map {width: 100%;}
        .section4 .inner .contents .map h3 { transform: none;}
        .section4 .inner .contents .map .map_overlay li a span { position: relative; top: auto !important; left: auto !important; bottom: auto !important;}
        .section4 .inner .map_wrap { margin: 1rem 0 0.5rem; width: 100%; height: auto; }
        .section4 .inner .map_wrap img { display: none;}
        .section4 .inner .map_wrap .map_overlay li { display: inline-block;}
        .section4 .inner .contents .map .map_overlay li:last-child { display: none;}
        .section4 .inner .contents .map .map_overlay li a span i { display: inline-block;}
        .section4 .inner .contents .map .map_overlay li.current a { line-height: 1.5rem; padding: 0 0.6rem; display: inline-block; background: #2d9079; border-radius: 1rem;}
        .section4 .inner .contents .map .map_overlay li a span { font-size: 0.9rem;}
        .section4 .item-banner { margin-top: 0;}

    
        
    }
    @media all and (max-width:950px) {
        /* section2 : 교육연수 */
        .section2 .link02 ul li a img { display: none;}

        /* section3 : 시설안내 */
        .section3 .contents .main-list:nth-child(1) { flex-direction: column;}
        .section3 .contents .main-list .main-item {width: 100%;}
        .section3 .contents .main-list:nth-child(1) .main-item:nth-child(2) {width: 100%;}
        
        /* section5 : 소통해요 */
        .section5:before { height: calc(100% - 27rem);}
        .section5 .contents .tabWrap .main-item .cont .txt img { left: 0;}
        .section5 .contents .tabWrap .grid-list .gallery-item { width: 100%;}
        .section5 .contents .tabWrap .grid-list .gallery-item:nth-child(n+3) { display: none;}
        
    }

    @media all and (max-width:830px) {
        /* section2 : 교육연수 */
        .section2 .link02 ul li a img { display: none;}

        /* section3 : 시설안내 */
        .news_info > ul li { width: 100%; }
        .news_info > ul li:nth-child(n+2) { display: none; }

        /* section5 : 소통해요 */
        .section5 .contents .tabWrap .main-item {width: 20rem;}

    }

    @media all and (max-width:768px) {
        .section1{ display: block;}
        .section2{ background:#f5f9f6;}

        /* section1 : 바로가기 */
        .link03{ position: relative; left:auto; bottom:auto; padding:2rem 1rem 0.5rem; background:#f5f9f6;}
        .link03 ul{ display: flex; gap: 0.5rem;}
        .link03 li{ flex: 1; margin:0;}
        .link03 li a{ width: 100%; height:100%;}

        /* section1 : 비주얼 */
        .new-visual {position:relative;}
        .new-visual .item-txt p.big { font-size:2rem;}
        .new-visual .item-txt p.small { font-size:1rem;}
        /* .section1 .item-txt.slogan2{ left:1rem;}
        .section1 .item-txt p.small { font-size: 0.8rem;}
        .section1 .item-txt p.medium { font-size: 1.1rem; } */
        
        /* section2 : 교육연수 */
        .section2 .link01 .link-box { margin-top: 0.5rem;}
        .section2 .contents .main-list h3 { font-size: 1rem;}
        .section2 .link02 ul li {width: 49%;}
        .section2 .link02 ul li:nth-child(n+3) { margin-top: 0.7rem;}
        .section2 .link02 ul li a {height: 4.3rem;}

        /* section3 : 시설안내 */
        .notice .titTab {margin: 0.5rem 0 0.3rem;}
        .notice .titTab ul li ~ li {padding-left: 0.4rem; margin-left: 0.3rem;}
        .notice .titTab ul li a { font-size: 0.9rem; line-height: 1.6;}
        .notice .titTab ul li a.current::before { display: none;}
        .notice .tabWrap { height: auto;}
        .notice .tabWrap .list_box ul li a {border-radius: 1.2rem; padding: 1.2rem 1rem;}
        .notice .tabWrap .list_box ul li a .tit{ font-size: 0.8rem; margin-top: 0.5rem; line-height: 1.4; height: 2.3rem; }
        .notice .tabWrap .list_box ul li a .badge { width: auto; height: auto; padding: 0 0.6rem; line-height: 1.2rem; border-radius: 1rem;}
        /* .notice .tabWrap .list_box ul li a .date em { font-size: 1.35rem;}
        .notice .tabWrap .list_box ul li a .date { font-size: 0.7rem;} */
        .notice .tabWrap .list_box .more {top: -1.8rem;}

        .pop .titWrap h3 { font-size: 1rem;}
        .pop .titWrap { width: 90%;}

        .webzine .txt > img { width: 7rem;}

        /* section4 : 알림연구 */
        .section4 .inner .item-header { display: none;}
        .section4 .item-banner { margin-top: 0;position: relative;}
        .section4 .inner .contents { border-radius: 1rem; border: 2px solid #b6e0e0; box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1); padding: 1rem 1rem; background: #fff;margin-top: 1.5rem;}
        .section4 .inner .contents .map h3 {left: -1rem;position: absolute;top: -3rem; font-size: 1rem;}
        .section4 .inner .contents .list-section .item-section {border-radius: 0;background: transparent;border: none;box-shadow: none; padding: 0;}
        .section4 .inner .map_wrap { margin-top: 0;}
        .section4 .inner .contents .map .map_overlay .map_select { display: block; background: url(/images/bohun/template/A1/main/select_ptrn_03.png); border-radius: 0.5rem; line-height: 2.9rem;cursor: pointer; user-select: none; }
        .section4 .inner .contents .map .map_overlay .map_select i { font-size: 1rem; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; color: #fff;}
        .section4 .inner .contents .map .map_overlay { position: relative; width: 100%; }
        .section4 .inner .contents .map .map_select .selected { font-size: 0.8rem; color: #fff; padding: 0 0 0 1rem;}
        .section4 .inner .contents .map .map_overlay li.current a { background: transparent; border-radius: 0; padding-left: 0;}
        .section4 .inner .contents .map .map_overlay li.current a span { color: #333; font-size: 0.8rem;}
        .section4 .inner .contents .map .map_overlay li a span { font-size: 0.8rem;}
        .section4 .inner .contents .map .map_overlay li a span i,
        .section4 .inner .contents .map .map_overlay li.current a i { display: none;}
        .section4 .inner .contents .map .map_select .arrow { border: 5px solid transparent; border-top-color: #333; width: 0; height: 0; transition: transform 0.3s ease; }
        .section4 .inner .contents .map .map_select .arrow.open { transform: rotate(180deg); }
        .section4 .inner .contents .map ul { margin: 0; padding: 0; list-style: none; border-radius: 0.5rem; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 10; display: none; overflow: hidden; border: 1px solid #eee;}
        .section4 .inner .contents .map ul li { display: flex; align-items: center; padding: 10px; cursor: pointer; }
        .section4 .inner .contents .map ul li img { width: 20px; height: 20px; margin-right: 8px; }
        .section4 .inner .contents .map ul li:hover { background-color: #f0f0f0; } ul li.current { font-weight: bold; background-color: #e0e0e0; }
        .section4 .inner .contents .map ul li a { text-decoration: none; color: inherit; display: flex; align-items: center; width: 100%; }
        .select-banner {display: block;}
        .select-banner {display: flex;align-items: center;justify-content: space-between;background-color: #fff;border: 1px solid #6da396;padding: 10px;cursor: pointer;border-radius: 0.5rem;}
        .select-banner .ri-arrow-right-line { font-size: 18px; transition: transform 0.3s; }
        .section4 .item-banner > ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border: 1px solid #ccc; max-height: 200px; overflow-y: auto; box-shadow: 0 2px 5px rgba(0,0,0,0.15); z-index: 1; border-radius: 0.5rem; }
        .section4 .item-banner > ul li { list-style: none; padding: 8px; cursor: pointer; }
        .section4 .item-banner > ul li:hover { background-color: #f0f0f0; }
        .section4 .item-banner > ul li a { text-decoration: none; color: #000; display: flex; justify-content: space-between; align-items: center; }
        .section4 .item-banner a.active, .section4 .item-banner a:hover { background: transparent; color: #333;}
        .section4 .item-banner a.active:before, .section4 .item-banner a:hover:before { display: none;}
        .section4 .item-banner > ul li a {border: none; border-radius: 0; height: auto;}
        .section4 .item-banner a i { display: none;}
        .section4 .item-banner ul li { width: 100%;}
        .section4 .item-box { gap: 0.5rem;}
        .section4 .item-box .text h4 { font-size: 0.9rem; line-height: 1.2;}
        .section4 .item-box .text > ul li { font-size: 0.8rem; padding-left: 1.8rem; position: relative; line-height: 1.5rem;}
        .section4 .item-box .text > ul li > i{ width: 1.5rem;height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem;margin-right: 0;position: absolute; left: 0; top: 0;}
        .section4 .item-box .text > ul li > a { padding: 0 0.6rem 0 1.8rem;margin-left: -1.7rem;}

        /* section5 : 소통해요 */
        .section5 .contents{ gap: 0;}
        .section5 .section5-title { align-items: flex-start; flex-direction: column;}
        .section5 .section5-title .titWrap p {font-size: 1.4rem; margin-top: 0.5rem;}
        .section5 .section5-title .titWrap span { font-size: 0.9rem;}
        /* .section5 .section5-title .sns_list { position: absolute; bottom: 0; right: 0;} */
        .section5 .contents .tabWrap .list_box.on { gap: 1.2rem;}
        .section5 .contents .tabWrap .main-item .cont .txt span { font-size: 0.85rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item .txt { padding-left: 2.5rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item .txt img { left: 0.4rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item .txt span { font-size: 0.85rem; line-height: 2.5rem;}
        .section5 .contents .tabWrap .main-item .character { right: 0rem;bottom: -0.5rem;}

    }

    @media all and (max-width:640px) {
        /* section2 : 교육연수 */
        .section2 .contents .business-list .item p {border: 1px solid #dcdedd; border-radius: 0.5rem; background: #fff; font-size: 0.8rem; line-height: 1.1;}
        .section2 .contents .business-list .item p::before { content: '\ea70'; font-family: 'remixicon'; font-size: 1rem; color: #069c83; position: absolute; top: 50%; transform: translateY(-50%); right: 0.3rem; opacity: 0; transition: all 0.15s;}
        .section2 .contents .business-list .item p em { width: 2.45rem; height: 2.45rem; border-radius: 0.5rem;}
        .section2 .contents .business-list .item a span { display: none;}
        .section2 .contents .business-list .item a:hover p,
        .section2 .contents .business-list .item a:focus p { border-color: #069c83; padding-right: 1.5rem;}
        .section2 .contents .business-list .item a:hover p::before,
        .section2 .contents .business-list .item a:focus p::before { opacity: 1;}

        /* section3 : 시설안내 */
        .section3 .contents .main-list:nth-child(2) { flex-direction: column;}
        .section3 .main-list:nth-child(2) .main-item:nth-child(1) { width: 100%;}
        .section3 .contents .main-list:nth-child(2) .main-item:nth-child(2) { width: 100%;}
        .section3 .inner .bottom-active { display: none;}
        .newsAlram h3 { font-size: 1rem;}
        .news_info > ul { margin-top: 0.5rem;}
        .news_info > ul li {width: calc(100% / 2);}
        .news_info > ul li:nth-child(2) { display: block; }
        .notice .titTab ul {height: auto;}
        .notice .tabWrap .list_box ul li a { padding: 1rem 0.8rem;}
        
        .webzine { padding: 1.5rem 1.2rem; }
        .webzine > em { width: 2.5rem;height: 2.5rem; font-size: 0.9rem; right: 0.8rem;top: 0.8rem; }
        .webzine .img { width: 7.25rem;height: 9rem; border-radius: 0.7rem; }
        .webzine .txt .more { width: 6.75rem; margin-top: 1.2rem; }
    
        /* section4 : 알림연구 */
        .section4 .inner .contents .list-section .item-section .character { display: none;}
        .section4 .item-box {flex-direction: column;}
        .section4 .item-box .photo {width: 100%; }
        .section4 .item-box .text {width: 100%;}
        .section5 .contents .tabWrap .main-item { margin-left: 0;}
        .section5 .contents .tabWrap .main-item .cont::before { display: none;}
        .section5 .contents .tabWrap .main-item .cont .txt {padding: 0 1rem 0 2.5rem; margin-top: 0.5rem;}
        .section5 .contents .tabWrap .list_box.on {flex-direction: column; gap: 0.5rem;}
        .section5 .contents .tabWrap .main-item .character { display: none;}
        .section5 .contents .tabWrap .main-item { width: 100%;}
        .section5 .contents .tabWrap .main-item .cont .img { height: 14rem;}
        .section5 .contents .tabWrap .main-item .circle em {width: 3.2rem;height: 3.2rem;font-size: 0.8rem;}
        .section5 .contents .tabWrap .main-item .circle { right: -0.5rem;top: auto; bottom: 3rem;}
        .section5 .contents .tabWrap .grid-list .gallery-item {width:calc(100% / 2 - 0.55rem)}
        
    }

    @media all and (max-width:560px) {

        /* .section1 .item-txt p.medium{ font-size:1.2rem; }
        .section1 .item-txt p strong.deep-green,
        .section1 .item-txt p.big strong{ font-size:2.2rem;}  */
    }

    @media all and (max-width:480px) {
        /* section1 : 비주얼 */
        .new-visual { height: 17rem;}
        .new-visual .item-txt{ top:1.5rem;}
        .new-visual .item-txt p.big { font-size:1.5rem;}
        .new-visual .item-txt p.small{ font-size:0.8rem;}
        /* .section1 .item-txt p.small { font-size: 0.7rem;}
        .section1 .item-txt p.medium { font-size: 0.9rem; }
        .section1 .item-txt p.big strong{ font-size:1.4rem;}
        .section1 .item-txt p strong.deep-green {font-size: 1.4rem;}  */

        /* section2 : 교육연수 */
        .section2 .contents .business-list { flex-direction: column; gap: 0.25rem; margin-top: 0.5rem;}
        .section2 .link01 .link-control { display: none;}
        .section2 .link02 ul li:nth-child(n+3) { margin-top: 0.5rem;}
        .section2 .link02 ul li a p { font-size: 0.8rem; text-align: center;}
        .section2 .link02 ul li a { height: 2.5rem; border-radius: 0.5rem; padding:0; }
        .section2 .link02 ul li a span { display: none;}
        .section2 .contents .main-list h3 { padding-right: 0;}
        .section2 .contents .main-list h3 span { display: block; font-size: 0.8rem; color: #444; font-weight: 400;}
        .section2 .link01 .link-box .select-link {display: block;}
        .section2 .link01 .link-box .select-link {display: flex;align-items: center;justify-content: space-between;background-color: #fff;border: 1px solid #6da396;padding: 10px;cursor: pointer;border-radius: 0.5rem;}
        .section2 .link01 .link-box > ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border: 1px solid #ccc; max-height: 200px; overflow-y: auto; box-shadow: 0 2px 5px rgba(0,0,0,0.15); z-index: 1; border-radius: 0.5rem; }
        .section2 .link01 .link-box > ul li { list-style: none; padding: 8px; cursor: pointer; }
        .section2 .link01 .link-box > ul li:hover { background-color: #f0f0f0; }
        .section2 .link01 .link-box .row { display: none; flex-direction: column;flex-wrap: nowrap;border-radius: 0.5rem;background: #fff;border: 1px solid #eee;position: absolute;top: 100%;left: 0;z-index: 99;width: 100%;height: 7rem;overflow-y: auto;}
        .section2 .link01 .link-box .row a {height: auto; align-content: flex-start;  padding: 0.3rem 0.5rem; }
        .section2 .link01 .link-box .row .item {width: 100%;}
        .section2 .link01 .link-box .row a span {font-size: 0.75rem;}
        .section2 .link01 .link-box .row a img { display: none;}
        .section2 .link01 .link-box .row a:hover, .section2 .link01 .link-box .row a:focus { border-radius: 0; border: none; background: #eee; font-weight: 600; box-shadow: none;}

        /* section3 : 시설안내 */
        .news_info > ul li { width: 100%; }
        .news_info > ul li:nth-child(n+2) { display: none; }
        
        .notice .tabWrap .list_box ul { flex-direction: column; gap: 0.5rem;}
        .notice .tabWrap .list_box ul li { width: 100%;}
        .notice .tabWrap .list_box .no_data{ line-height: 8rem;}
        .notice .tabWrap .list_box ul li a .date { font-size: 1rem;}

        .webzine .txt > img {width: 5rem;}
        .webzine .txt .tit { font-size: 1rem;}
        .webzine .txt span {font-size: 0.75rem;}

        /* section4 : 알림연구 */
        .section4 .item-box .photo { height: auto;}
    }
    @media all and (max-width:380px) {

        /* section1 : 바로가기 */
        .link03 br{ display: none;}
        .link03 ul{ flex-wrap: wrap; }
        .link03 li{ width:calc(50% - 0.25rem); flex:auto;}
        
        /* section1 : 비주얼 */
        .new-visual img{ width:140%; margin-left:-20%;}
        .new-visual .item-txt p.big{ font-size: 1.4rem;}
        .new-visual .item-txt p.small { font-size:0.75rem;}
        .new-visual .item-txt p.small br{ display: none;}

        /* section3 : 시설안내 */
        .webzine {    flex-direction: column-reverse;}
        .webzine .img { margin: 0 auto;}
        .webzine .txt {text-align: center;}
        .webzine .txt .more { margin: 1rem auto 0;}
    
        /* section5 : 소통해요 */
        .section5 .contents .tabWrap .grid-list .gallery-item {width:100%;}
        .section5 .section5-title .titWrap p {font-size: 1.1rem; line-height: 1.2;}
        .section5 .section5-title .titWrap span { font-size: 0.8rem;}
        
    }