@charset "utf-8";

@media all and (max-width:1440px){  
  :root {
    --wrap-padding:30px; 
  }
  #header .header-top{padding:0 var(--wrap-padding);}
  #gnb .gnb1_li {padding: 0 70px;}

  .inner{padding:0 var(--wrap-padding);}  
  .main-container{padding:30px var(--wrap-padding);}
  .main-cs{ padding:20px var(--wrap-padding);}

  .main-quick ul{gap:20px; }
  .main-quick .quick-txt{font-size:15px;}
.notice-top{margin-bottom:10px; }
.notice-list li{padding:8px 5px;}

  .location{padding:20px var(--wrap-padding);}
  .contents-wrap{padding:0px var(--wrap-padding);gap:40px;}
  .contents-wrap .contArea{width:calc(100% - 250px - 40px); }

  .tab-menu a{height:40px;font-size:16px; }

  .resources-top ul{gap:20px;padding:30px 40px; } 
  .resources-top li{gap:20px; width:-webkit-calc(60% - 10px); width:calc(60% - 10px); } 
  .resources-top li:nth-child(2n){width:-webkit-calc(40% - 10px); width:calc(40% - 10px); } 
  .resources-top .icon img{width:30px; } 

  .list-type ul.type-5 li{width:-webkit-calc(100% / 4 - 30px); width:calc(100% / 4 - 30px);}

  .services0402 > ul > li.c2{display: none;}

  /* 인사말 */
  .greeting-top{gap:60px; margin:40px auto;  padding:0 20px; }
  .greeting-top .imgArea{width:160px; }
  .greeting-top .tit{font-size:30px;}
  .greeting{padding:0 20px;}


}   


/* 1280px 이하 */
@media all and (max-width:1280px){  
  :root {
    --padding-t:120px; 	
  }
#gnb .gnb1_li {padding: 0 60px;}
#gnb .gnb1_li > a{ font-size:20px; }

/* .nav__content {padding:60px 6% 60px; gap:40px;} 
  .lnb__li {margin-bottom:10px;}
  .lnb__li > a{ font-size:18px; min-width:150px;}
  .lnb__sub > li > a{font-size:15px;}
*/

.main-container {gap:25px;}
.section-1{gap:25px;padding-top:25px;}

.main-quick ul{gap:8px; }
.main-popup-tit{font-size:20px;}

.notice-top{gap:15px;}
.notice-top .tit{font-size:20px;}
.notice-list li > a{font-size:15px;}
.swiper_1 {padding:0px 0 0 60px;} 

/* v1
.section01{gap:25px;}
.section02{gap:25px;}
.section02 .bannerArea > a{padding:10px 10px 10px 30px;}
.section02 .bannerArea .tit{font-size:24px;margin-bottom:20px;}
.section02 .bannerArea .icon img{width:90px;}
*/

.infoWrap .info-box{margin-top:20px;}
.info-box{border-radius: 10px;padding:30px;}
.info-box ul{gap:10px;}
.info-box .tit{width:100%;font-size:18px; }
.info-box.type1 .tit{width:100%;}

/* sub */
.board-view .subjectBox{flex-wrap: wrap;align-items:center;}
.board-view .subjectBox .leftArea{flex:0 0 100%;margin-bottom:15px;}
.board-view .subjectBox .rightArea{width:100%; display: inline-flex;justify-content:flex-end;}

.i_file_down{min-height:16px; background:url(/resources/images/layout/i_filedown_blue.png) 10px 50% no-repeat;padding:6px 15px 6px 30px;font-size:12px;border-radius: 20px; }

.services01-1 .process > ul{gap:10px 0px;}
.services01-1 .process > ul > li{ flex:calc(50% - 20px);padding:25px; }
.services01-1 .process > ul > li.arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:100px; }
.services01-1 .process > ul > li.arrow-full{flex:0 0 40px;height:30px; border:0;padding:10px;background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px;margin-top:100px;}
.services01-1 .process > ul > li:nth-of-type(4){flex:0 0 100%;height:40px; border:0;padding:10px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 30px;margin-top:0px;}
.services01-1 .process > ul > li:last-of-type{flex:calc(50% - 20px);}
.services01-1 .process .tit{font-size:18px;}

.services01-1 .stepArea > ul{gap:10px 20px;}
.services01-1 .stepArea > ul > li{flex:calc(50% - 10px); padding:25px 20px; }
.services01-1 .stepArea > ul > li.arrow-img{display:none; }
.services01-1 .stepArea > ul > li:last-of-type{margin-top:30px;}
.services01-1 .caseArea .txt{ font-size:16px;}
.services01-1 .caseArea .txt br{display:none;}

.event-info .ev-tit{flex:0 0 60px;font-size:14px;} 
.event-info .ev-num{flex:0 0 100px;font-size:14px;}  

.services01-2 .section-box > ul > li{flex:calc(50% - 5px); }

/* 치료비 지원 */
.medial{padding:60px 20px 40px;}
.medial .txt{font-size:16px;}

.services02-1 .rightArea{padding:0px;}
.services03-2 .tit{font-size:17px;}

.about .ciArea{gap:30px;}
.vision .box-cont p{font-size:15px;}

.history ul{padding:20px;}

.guideArea > ul > li:nth-of-type(6).arrow-img{flex:0 0 100%;height:50px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:0;}
.guideArea > ul > li:nth-of-type(7){flex:0 0 100%;}
.guideArea .txt{ font-size:16px;}

.section-imgbox > ul{gap:20px;}
.section-imgbox > ul > li{width:-webkit-calc(100% / 3 - 13.3333px); width:calc(100% / 3 - 13.3333px); }

}

@media all and (max-width:1150px) {
.footer .f_inner{gap:25px 10px;}
.footer .f_logo{flex:0 0 250px;text-align:left;min-height:35px;background:url(/resources/images/layout/logo-gray.png) 0% 0% no-repeat;background-size:auto 35px; order:1;}
.f_sns {flex:1;  justify-content:flex-end;gap:20px; order:2;}
.footer .f_cont{flex:0 0 100%; order:3;}

.swiper_1 .swiper-wrapper{justify-content:flex-start;}
.swiper_1 {padding:0px;} 

.main-quick ul{gap:4px; }
.main-quick .quick-txt{font-size:14px;}

.medial > ul > li.arrow-img{flex:0 0 30px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 24px; margin-top:50px;}
.medial .circle{ width:130px; height:130px; font-size:18px;border:8px solid #b5b5b5; border-radius:50%; }
.medial .txt{font-size:15px;}
.medial > ul > li.a1 .circle{border:8px solid #bfdf8f;}
.medial > ul > li.a2 .circle{border:8px solid var(--concept-color);}
.medial > ul > li.a3 .circle{border:8px solid #5e915a;}

.form-step .txt{font-size:16px;}


}

/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  :root {  
    --header-height: 70px;
    --padding-t:100px; 	
  }
  #header .header-top{align-items: center; gap:0px;height:var(--header-height);padding-bottom:0;}
  #header .logoArea{flex:1; }
  #header .logo{background-size:auto 40px;min-height:40px; }
  #header .util{display:none;}
  #gnb {display:none;}

.nav-but-wrap{display:inline-flex;}
.lnbtop{padding-bottom:20px; margin-bottom:0px;  }
/* new lnb */
.lnb__li > a{width:100%;font-size:18px;}
.lnb__li .toggle{right:0px; top:20px; }
.lnb__li .toggle:before{width:8px;height:2px;}
.lnb__li .toggle:after{width:8px;height:2px;}
.lnb__li.is-on .toggle:before{margin-top:-8px;}
.lnb__li.is-on .toggle:after{margin-top:-8px;}
.lnb__sub{display:none; padding:16px 0; }
.lnb__sub > li > a{font-size:16px;}
.lnb__sub > li{padding-left:0px;padding:8px 0px; }
.lnb__sub > li::after{display:none; }
.lnb__sub > li > a:hover{color:#666; }

/* 모바일분기 */
.pc_img{display: none;}
.mo_img{display:block;}

.main-container .leftArea{flex:0 0 100%;}
.main-container .rightArea{width:100%;}
.main-popup-tit{font-size:20px;}
.mainImg a img{border-radius: 10px;}

.main-quick ul{gap:20px; }
.main-quick .quick-txt{font-size:15px;}
.main-quick .quick-txt br{display:none; }
.main-quick .quick-txt > span{font-weight:600;}

/* v1버전
.section01{gap:20px;}
.section02{gap:20px;padding-top:30px;}
.section02 .bannerArea .tit{font-size:20px;margin-bottom:20px;}
.main-quick ul{gap:6px; }
*/

.main-cs .cs-tit{font-size:18px; }
.main-cs .cs-num{font-weight:800;font-size:24px;margin-left:15px; }
.main-cs .cs-txt{font-size:13px; }
.main-cs .r-tit{font-size:16px;}
.main-cs .r-num{font-size:20px;margin-left:10px; }

/* sub */
.contents-wrap{gap:30px;padding:0px;}
.contents-wrap .lnbArea{width:100%;}
.contents-wrap .contArea{width:100%; padding:0px var(--wrap-padding);}
.sideMenu{ display:none;}/* 기존 LNB 숨김 */

.mobileTopMenu{display:flex; line-height:1; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8;}
.mobileTopMenu > div{ flex:1; position:relative; border-right:1px solid #ddd;}
.mobileTopMenu .home{ flex:0 0 50px; display:flex; align-items:center; justify-content:center; font-size:18px; }
.mobileTopMenu .home > a{ width:16px; height:13px;background: url(/resources/images/layout/ico_home_bl.png) 0 50% no-repeat; text-indent: -9999px;}
.mobileTopMenu .select button{ width:100%; padding:15px;text-align:left;font-size:15px; display:flex; justify-content:space-between; box-sizing: border-box;}
/* 드롭다운 */
.mobileTopMenu .select ul{position:absolute;top:100%; left:0; width:100%; background:#fff; border:1px solid #ddd; display:none; z-index:2;}
.mobileTopMenu .select.active ul{ display:block;}
.mobileTopMenu .select li{font-size:15px;padding:12px;cursor:pointer;}
.mobileTopMenu .select li:hover{background:#f0f0f0;}

.mobileTopMenu .select button > span{width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(45deg); /* 기본: 아래 */ transition: 0.3s;}
.mobileTopMenu .select.active button > span{transform: rotate(-135deg);}

.location{display:none;}  /* .location li:nth-of-type(3), .location li:nth-of-type(4) {display:none;} */

.tab-menu ul{gap:1px;}
.tab-menu a{font-size:15px; }

.list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 3 - 26.6666px); width:calc(100% / 3 - 26.6666px);}
/* text 공통 */
.title{font-size:30px;}
.titleArea .desc{font-size:14px;}

.txt-lg{font-size:26px;}
.txt-ml{font-size:22px;}
.txt-mm{font-size:18px;}
.txt-ms{font-size:17px;}

.resources-top .cont br{display:inline;} 

/* 공통 */
.board-view .btnBox .s-txt{display: none !important;}
.board-view .btn-group{margin:20px 0 0;justify-content: center; }
.file_box > a{font-size:13px;}

.services01-1 > h4 > br{display: none;}
.form-sty .halfArea{width:100%;}

.agree-box .box-1 .stit{flex:0 0 auto;font-size:15px;padding:15px 0px 15px 15px;}
.agree-box .box-1 .cont{flex:1;gap:5px;padding:15px;background:var(--board-bgcolor);}

.table-type1 ul {gap:10px 0;padding:5px 10px; border-bottom: 1px solid #999;}
.table-type1 li{padding:0px;}
.table-type1 .year{flex:0 0 100%;text-align:left;}
.table-type1 .organ{flex:0 0 100%;text-align:left;}
.table-type1 .cont{flex:0 0 100%;}
.table-type1 .stit{display:inline-block;}
.table-type1 .list-head{display: none !important;}	
.table-type1 .list-body{background-color: #fff;padding:12px 0px;}
.table-type1 ul:nth-child(even) {background-color: #fafafa;}

.services01-1 .caseArea .imgArea img{max-width:100%; height:90px; }
.services01-1 .caseArea .txt{font-size:15px;}
.case-box .box{width:-webkit-calc(100% / 2 - 5px); width:calc(100% / 2 - 5px);}

.boxtype-3{padding:25px;margin-top:20px;} /* 스마트한 미디어 교실 */
.boxtype-3 .full-box{margin-top:15px !important;}
.boxtype-3  > section{margin-top:40px}

.services0402 > ul{gap:20px;}
.services0402 > ul > li{flex:0 0 100%; }
.services0402 .box-top{font-size:17px;}
.services0402 .box-tit{font-size:16px; }

/* 인사말 */
.greeting-top{gap:40px;padding:0; }
.greeting-top .imgArea{width:120px; }
.greeting-top .tit{font-size:28px;}
.greeting{padding:0; }

  .form-step{margin:20px 0 30px;padding:25px 10px 15px;}
  .form-step .txt br{display:inline;}

.section-imgbox > ul{gap:10px;}
.section-imgbox > ul > li{width:-webkit-calc(100% / 5 - 8px); width:calc(100% / 5 - 8px); }
.section-imgbox .tit{ font-size:13px; }


}



/* Tablet 960px 이하 */
@media all and (max-width:960px) { 
/* v1 버전
.section01{gap:20px;}
.section01 .visualArea{flex:0 0 100%;}
.section01 .bannerArea{width:100%; gap:10px; }
.mainBanner .thumb{height:auto; padding-top:0;}
.mainBanner .thumb img{position:static;width:100%; height:auto;}
.main-popup-tit{font-size:20px; padding-top:0px;}

.section02{gap:30px;padding-top:30px;}
.section02 .noticeArea{width:100%; }
.section02 .quickArea{flex:0 0 100%;}
.section02 .bannerArea{width:100%;}
.section02 .bannerArea > a{padding:15px 40px 15px 60px;}
.section02 .bannerArea .tit{font-size:24px;margin-bottom:20px;}
.section02 .bannerArea .icon img{width:90px;}

.main-quick ul{gap:30px; }
.main-quick .quick-icon{height:0; padding-top:75%;}
.main-quick .quick-txt{font-size:16px;} */

.main-cs .cs-inner{gap:10px;}
.main-cs .left-info{flex:1;gap:10px; }
.main-cs .right-info{width:30%;justify-content: flex-end;}
.main-cs .cs-tit{font-size:16px; }
.main-cs .cs-num{font-size:20px;margin-left:0px; }
.main-cs .cs-txt{font-size:12px; }
.main-cs .r-icon img{height:26px; }
.main-cs .r-tit{font-size:15px;}
.main-cs .r-num{font-size:18px;margin-left:0px; }




}

@media all and (max-width:850px) { 
.main-cs .cs-inner{justify-content: space-between; gap:15px;}
.main-cs .left-info{flex:1;gap:5px 10px; flex-wrap: wrap; }
.main-cs .right-info{width:40%;justify-content: flex-end;}
.main-cs .cs-tit{ flex:0 0 100%; font-size:16px;line-height:40px;background:url(/resources/images/main/cs-icon01.png) 0% 50% no-repeat;background-size:25px auto;  padding-left:30px; min-height:40px;  }
.main-cs .cs-num{font-size:18px; padding-left:30px;}
.main-cs .cs-txt{font-size:12px; }

.main-quick ul{gap:10px; }
.main-quick .quick-txt{font-size:14px;}

.modal-form{padding:30px 20px 30px;}
.testWrap dd{gap:5px;}
.testWrap dd > .checkbox.type2{width:-webkit-calc(100% / 2 - 2.5px); width:calc(100% / 2 - 2.5px);} 

.resources-top ul{gap:10px 20px;padding:30px; } 
.resources-top li{gap:20px; width:100%; } 
.resources-top li:nth-child(2n){width:100%;} 

.resources-top .tit{ font-size:17px;} 
.resources-top .icon img{width:24px; } 
.resources-top .cont{flex:1; font-size:15px;} 
.resources-top .cont br{display:none;} 

.medial{padding:40px;}
.medial > ul > li{flex:100%; gap:15px;}
.medial > ul > li.arrow-img{flex:0 0 100%;height:40px; border:0;padding:10px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 24px;margin-top:0px;}
.medial .circle{ width:100%; height:auto; font-size:18px;border:6px solid #b5b5b5; border-radius:4px; padding:12px 10px; }
.medial > ul > li.a1 .circle{border:6px solid #bfdf8f;}
.medial > ul > li.a2 .circle{border:6px solid var(--concept-color);}
.medial > ul > li.a3 .circle{border:6px solid #5e915a;}

.disaster > ul{gap:10px;}
.disaster > ul > li{flex:0 0 calc(100% / 2 - 5px);padding:20px 25px 25px;  }
.disaster > ul > li:nth-child(4){flex:0 0 calc(100% / 2 - 5px); }
.disaster > ul > li:nth-child(5){flex:0 0 100%; }

.services02-1 .leftArea{flex:0 0 100%;}
.services02-1 .rightArea{flex:0 0 100%; text-align: center; padding:30px 5%;}

.vision > ul > li{flex:0 0 calc(100% / 2 - 10px); }


.guideArea > ul > li{flex:calc(50% - 20px);}
.guideArea > ul > li.arrow-img{margin-top:55px; }
.guideArea.type1 > ul > li.arrow-img{ margin-top:80px; }
.guideArea > ul > li:nth-of-type(4).arrow-img{flex:0 0 100%;height:50px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:0;}
.guideArea > ul > li:nth-of-type(6).arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:55px;}
.guideArea.type1 > ul > li:nth-of-type(7){flex:calc(50% - 20px);}

.section-imgbox > ul{gap:20px;}
.section-imgbox > ul > li{width:-webkit-calc(100% / 3 - 13.3333px); width:calc(100% / 3 - 13.3333px); }
.section-imgbox .tit{ font-size:13px; }


}
	
/* Mobile 768px 이하 */
@media all and (max-width:768px) { 
  :root {
    --wrap-padding:5%; 
    --padding-t:80px; 	
    --sub-visual-height:50vh;	 
    --sub-padding:60px; 
  }

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}
  .col50{width:100% !important; }

.swiper_1 .swiper-wrapper .swiper-slide img{max-width:100%; max-height:24px;}

.main-container{padding:5% var(--wrap-padding) 30px;}
.section-1{gap:40px;padding-top:30px;}
.section-1 .noticeArea{width:100%; order:2;}
.section-1 .quickArea{flex:0 0 100%; order:1;}
.main-popup-tit{font-size:18px;}

.main-quick ul{gap:20px; }
.main-quick .quick-txt{font-size:16px;}
.main-quick li > a:hover .quick-icon img{ -webkit-animation:none; animation:none; }
.main-quick .quick-icon{height:0; padding-top:100%;}
.main-quick .quick-icon img{ padding:10px 22%;  }

.notice-top{justify-content: space-between;gap:10px; }
.notice-top .tit{font-size:18px;}
.notice-list li > a{font-size:14px;}

/* v1 버전
.main-popup-tit{font-size:18px;}
.section02{gap:30px;padding-top:30px;}
.section02 .bannerArea > a{padding:15px 20px 15px 40px;}
.section02 .bannerArea .tit{font-size:20px;margin-bottom:15px;}
.section02 .bannerArea .icon img{width:80px;}
*/

.main-cs .left-info{flex:1;gap:5px 10px; flex-wrap: wrap; }
.main-cs .right-info{width:100%;justify-content: flex-start; padding-left:0px; box-sizing: border-box;}
.main-cs .cs-tit{flex:0 0 auto;  font-size:16px;line-height:40px;background:url(/resources/images/main/cs-icon01.png) 0% 50% no-repeat;background-size:25px auto;  padding-left:30px; min-height:40px;  }
.main-cs .cs-num{font-size:18px; padding-left:0px;}
.main-cs .cs-txt{font-size:12px; }

.main-cs .r-icon{width:25px; text-align:center; }
.main-cs .r-icon img{height:24px; }
.main-cs .r-tit{font-size:15px;}
.main-cs .r-num{font-size:18px;margin-left:0px; }

.footer .f_logo{flex:0 0 250px;text-align:left;min-height:35px;background:url(/resources/images/layout/logo-gray.png) 0% 0% no-repeat;background-size:auto 35px; order:1;}
.f_sns {flex:1;  justify-content:flex-end;gap:20px; order:2;}
.footer .f_cont{flex:0 0 100%; order:3;}
.footer .f_cont li{gap:6px 10px; margin-top:6px;}
.footer .f_cont li p{font-size:13px;}
.footer .f_cont li p > span{margin-right:5px; }
.footer .f_cont .c_name{width:100%; font-size:16px; margin-bottom:6px;  }
.footer .f_copy{font-size:12px;margin-top:6px;}	

.sns-blog{width:30px;background-size:30px auto;}
.sns-insta{width:22px;background-size:22px auto;}
.sns-youtube{width:20px;background-size:20px auto;}
.sns-kakao{width:25px;background-size:25px auto;}


/* sub */  
.tab-menu li:hover a{ background:#f2faec; color:#444;font-weight: 500; } /* hover 속성 제거 */
.tab-menu li.active:hover a{ background:var(--concept-color); color:#fff;}
.section{margin-bottom:40px;}
.infoWrap > section{margin-bottom:40px;}

/* text 공통 */
.title{font-size:28px;margin-bottom:20px;}
.title-mid{font-size:24px;}
.title-sub{font-size:20px;min-height:18px;background:url(/resources/images/layout/icon-tit.png) 0 3px no-repeat;background-size:18px auto; padding-left:24px;}
.title-ss{font-size:18px;min-height:16px;background-size:16px auto;  padding-left:20px;}/* sub타이틀ss */

.title-s{font-size:18px;min-height:18px; padding-left:24px;}
.title-s::after{top:0;width:16px; height:18px; background:url(/resources/images/layout/icon-titchk.png) 0 2px no-repeat;background-size:16px auto;}
.title-m{font-size:16px;min-height:18px;background-size:14px auto; }
.tit-round{font-size:18px;}

.txt-lg{font-size:24px;}
.txt-ml{font-size:20px;}
.txt-mm{font-size:17px;}
.txt-ms{font-size:16px;}
.txt-sl{font-size:15px;}
.txt-sm{font-size:14px;}
.txt-ss{font-size:13px;}

.bullet-tit{font-size:16px;}
.bullet-tit::before{top:8px; }

.bullet-txt{font-size:15px;padding-left:12px;}
.bullet-txt::before{top:8px; width:4px; height:4px;}

.line-txt{font-size:15px;padding-left:12px;}
.line-txt::before{top:0px;font-size:17px;}

.text-list{font-size:15px; }
.ico-talk {font-size:14px;padding-left: 20px; margin-bottom:10px;}


.testWrap .tit{font-size:15px;}
.test-result .pop-icon{background-size:60px auto; min-height:60px; margin-bottom:20px;}
.talk-txt br{display:none;}

.accordion-li .question{font-size:15px;padding:15px 35px;}
.accordion-li .num{left:5px; top:18px;font-size:15px;  }
.accordion-li .answer{padding:20px;font-size:14px;}
.accordion-li .ico-plus{right:5px;width:8px;height:8px;top:20px;}

.drag_motion{display: inline-block !important;}	

.table-scroll-auto th {font-size:14px;}
.table-scroll-auto td {font-size:14px;}

.list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 2 - 20px); width:calc(100% / 2 - 20px);}
.list-type ul.type-x li{width:100%;}

/* board */
.list-total{min-height:auto; background:none;font-size:13px;padding-left:0px;}
.list-search .selectArea{width:100px;}
.list-search{width:100%; max-width:260px;}

.boardList .list-head{display: none !important;} 
.boardList .list-body{padding:15px 5px; align-items: flex-start; gap:8px 10px; justify-content: flex-end; }
.boardList .etc-blank{flex:0 0 100%; height:0px;} /* 모바일 분기점을 위해 */
.boardList .stit_mo{display: inline-block;}
.boardList .notice-tit{padding:4px 6px;font-size:12px;}  

.boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:10px;}  
.boardList .no{flex:0 0 auto; min-width:25px;font-size:13px;padding:0;  } 
.boardList .subject{flex:1;font-weight: 600;font-size:16px;padding:0 0px 0 0px;text-align:left; } 
.boardList .name{flex:0 0 auto;font-size:13px;padding:0px;}
.boardList .file{flex:0 0 auto;font-size:13px;padding:0px;}
.boardList .hit{flex:0 0 auto;font-size:13px;padding:0px;}
.boardList .date{flex:0 0 auto;font-size:13px;padding:0px;}
.boardList .state{flex:0 0 60px;padding:0px; position: absolute; top:15px;right:0px;  }
.boardList.type1 .list-body{justify-content:flex-start;padding:15px 60px 15px 5px; } /* 행사신청 */
/* 행사신청 oldver : .boardList.type1 .list-body .date{padding:0px 0px 0px 35px;}  */

.event-info > ul{gap:5px; margin-top:5px; } 
.event-info .ev-tit{flex:0 0 55px;font-size:13px;} 
.event-info .ev-cont{flex:0 0 calc(100% - 60px);font-size:13px;}  
.event-info .ev-num{flex:0 0 calc(100% - 60px);font-size:13px;}  
.event-info .num{font-size:12px;}  
.event-info > ul:first-child{margin-bottom:8px; }

.board-view .content_box img{max-width:100% !important;}
.board-view .content_box{padding:30px 0px;min-height:200px }
.board-view .btnBox{padding:10px 5px;}
.board-view .btnBox .item1{padding-right:5px;}
.board-view .btnBox .item2{padding:0 10px;width:auto;}
.board-view .btnBox .item3{padding-left:5px;}
.board-view .subjectBox{padding:15px 5px;}
.board-view .file_box{padding:15px 5px;}
.board-view .btnArea > *{min-width:auto; flex:1;}
.event-info.boxtype{padding:15px 5px;}

.board-btn-prev{margin-right:0px;}
.board-btn-next{margin-left:0px;}

#sub-header .header-tit{font-size:16px; margin-right:40px; }
#sub-header .btn-prev{width:40px;}
#sub-header .btn-prev .txt{display:none;}

.form-sty > ul{display: flex;flex-wrap: wrap;padding:12px 0px; gap:10px;}
.form-sty > ul > li{padding:0px;}
.form-sty > ul > li:nth-child(3){margin-top:12px;}
.form-sty .tit{flex:0 0 100%; padding-top:0px;}
.form-sty .cont{flex:0 0 100%;font-size: 14px;}
.form-sty .select-w{flex:0 0 100%;} /* 모바일 100% */
.mob{width:100%;}

.wr_box{padding:20px;}
.wr_box > h3{font-size:14px;}
.wr_box > p{font-size:13px;}

.agree-form .txt1{font-size:14px;line-height:1.3;}
.agree-form .txt2{font-size:14px}
.agree-form .txt3{font-size:12px;}
/*
.agree-form .leftArea{display: inline-block;width:100%;margin-bottom:10px;text-align:center;}
.agree-form .rightArea{display: inline-block;width:100%;text-align:center;}
*/

.text-point > h5{font-size:14px; }
.text-point > p{font-size:13px; text-indent: -18px; padding-left:18px;}

.categoryTab ul{justify-content:flex-start; }
.categoryTab li{flex:0 0 auto; }

.infoArea dt{flex:0 0 100px;}
.services02-1 .leftArea > dl > dt{flex:0 0 100px;}

.services03-2 .section-box > ul{gap:20px;}
.services03-2 .section-box > ul > li{flex:0 0 calc(50% - 10px);}
.services03-2 .tit{font-size:16px;}

.services0402 .title-s{margin-bottom:15px;}
.services0402 .box-cont > h3{margin-top:15px;padding-top:15px;}
.services0402 .box-top{font-size:16px;}
.services0402 .box-tit{font-size:15px; }

/* 인사말 */
.greeting-top .imgArea{width:100px; }
.greeting-top .tit{font-size:24px; padding-bottom:0px;}

.about .img-txt{font-size:14px;}
.about .ciArea{gap:30px 20px;}

.character .img-txt{font-size:18px;}
.character .img-txt br{display:none; }

.history ul{padding:20px 0px; gap:15px;}
.history ul:first-child{padding:0px 0px 20px; }
.history .year{flex:0 0 100%;font-size:24px; }
.history .cont{flex:0 0 100%; gap:10px;}
.history .month{width:40px;font-size:15px; }
.history .txt{width:calc(100% - 50px);}
.history .txt > p{font-size:14px;}

.organization{padding:0px 0 20px;}

.pan_roughmap{height:400px;}
.mapArea iframe{width:100%; height:400px;}
.map-contacts .c_title{width:100%;margin-bottom:10px; font-size:14px; padding-left:0px;}
.map-contacts .c_content{flex: 0 0 100%; font-size:14px; padding-left:0px;}

  /* 의뢰서신청 step */
  .form-step{margin:0px 0 30px;padding:0px;border:0; border-radius:0px; padding:0px; box-shadow:none; }
  .form-step > ul{gap:8px;}
  .form-step > ul > li{flex:0 0 100%;flex-direction:row;justify-content: space-between; gap:10px;  border:1px solid #999; border-radius: 4px; padding:10px; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
  .form-step > ul > li.arrow-img{display:none; }
  .form-step .step{position:static; left:auto; top:auto;transform:translateX(0%); width:60px; height:20px;font-size:10px; padding:0;}
  .form-step .txt{ flex:1; text-align:left; font-size:16px;}
  .form-step .txt br{display:none;}
  .form-step .btn{gap:5px;font-size:11px;padding:8px 10px; }
  .form-step .btn .icon{width:13px;height:10px;background-size:13px auto;}

.textTb{display: inline-block; width:100%;margin-bottom:20px; font-family: 'Pretendard'; }
.textTb .tit1{font-size:16px;}
.textTb .txt1{font-size:14px;}
.textTb .txt2{color:#444;font-size:14px;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;}
.textTb .txt3{font-size:14px;padding-left:10px;margin-bottom:8px;}
.textTb .txt4{font-size:14px;padding-left:20px;margin-bottom:8px;}

.email-wrap{padding:25px;} 
.email-wrap > h3{font-size:18px;margin-bottom:20px;} 
.email-wrap > h3 br{display:inline;} 
.email-wrap > p{font-size:14px;text-indent:-14px; padding-left:14px;margin-top:15px;}

/* 모바일 카드형 전환 : 마이페이지 */
  .result-wrap h3 {font-size:16px;}
  .result-count {font-size:13px;}
  .tbl-basic thead { display: none; }
  .tbl-basic tbody tr {display: block;border: 1px solid #dfdfdf;border-radius: 8px;margin-bottom: 12px;padding: 10px;}
  .tbl-basic tbody td {display: flex;justify-content: space-between;align-items: center;text-align: right;border-bottom: 1px dashed #efefef;padding: 8px 5px;font-size: 14px;}
  .tbl-basic tbody td:last-child { border-bottom: none; }
  .tbl-basic tbody td::before {content: attr(data-label);font-weight: 600; color: #555;font-size: 13px;white-space: nowrap;margin-right: 10px;flex-shrink: 0;}
  .tbl-basic .no-data td { display: block; }
  .tbl-basic .no-data td::before { display: none; }

/*.section-imgbox{margin-top:20px; }
.section-imgbox > ul > li{width:-webkit-calc(100% / 2 - 10px); width:calc(100% / 2 - 10px); }
*/

.infoArea.border{padding-bottom:30px; margin-bottom:30px;}







  




/* sub */  
.timeline-centered .timeline-item {padding-bottom:40px; }
.timeline-centered .timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 10px; margin-left:0px; }
.timeline-centered .timeline-info,.timeline-centered .timeline-content {width: 100%;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-info { float: left; padding-right: 0px;padding-left: 30px;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; }
.timeline-centered .timeline-item:nth-child(even) .timeline-info { float: right; text-align: left;  padding-left: 30px;}
.timeline-centered .timeline-item:nth-child(even) .timeline-content { float: left; text-align:left;padding-right: 0px;padding-left: 30px; }

.timeline-content .timeline-title {font-size:24px;}
.timeline-content .month {font-size:17px;}
.timeline-content .txt > p{font-size:15px;}
/* .timeline-content .txt > p:before {top:10px;width:5px;height:5px;} */

.timeline-centered .timeline-item:nth-child(even) .timeline_txt {flex-direction:row;}
.timeline-centered .timeline-item:nth-child(even) .txt > p{padding-right:0px; padding-left:10px;}
.timeline-centered .timeline-item:nth-child(even) .txt > p:before {left:0;right:auto;}



}

/*mobile 640 이하 */
@media all and (max-width:640px){

.mobileTopMenu .home{ flex:0 0 40px;}
.mobileTopMenu .select button{padding:15px 10px;font-size:14px;}
.mobileTopMenu .select li{font-size:14px; padding:10px;}/* 드롭다운 */
#info.mobileTopMenu > div:last-of-type{ flex:1.8;}

.tab-menu.type1 li{flex:0 0 calc(50% - 1px);}
.tab-menu li.lg{flex:1.6;}
.tab-menu li.md{flex:1.3;}

/* text 공통 */
.title{font-size:26px;}

.services01-1 .process > ul > li{ flex:0 0 100% !important;padding:25px 25px; }
.services01-1 .process > ul > li.arrow-img, .services01-1 .process > ul > li.arrow-full, .services01-1 .process > ul > li:nth-of-type(4){flex:0 0 100%;height:24px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 24px; margin-top:0px; }
.services01-1 .process > ul > li:nth-of-type(3){margin-top:10px;padding:30px 25px 25px;}

.services01-1 .process .imgArea img{height:80px; }
.services01-1 .process .tit{font-size:17px;}
.services01-1 .process .txt{font-size:15px;}
.services01-1 .process .txt > span{font-size:13px;}
.services01-1 .process .tag{font-size:14px;padding:6px 10px; }
.services01-1 .process .tagArea .tag-point{font-size:14px;padding:6px 16px;  }

.services01-1 .stepArea > ul{gap:40px 0px;}
.services01-1 .stepArea > ul > li{flex:0 0 100%; padding:25px 20px; }
.services01-1 .stepArea > ul > li:last-of-type{margin-top:0px;}
.services01-1 .stepArea .step{padding:7px 30px;}
.services01-1 .stepArea .step > span{font-size:18px;}
.services01-1 .stepArea .btit{font-size:20px;}
.services01-1 .stepArea .stit{font-size:14px;}
.services01-1 .stepArea .stxt{font-size:15px; }
.services01-1 .stepArea .stxt br{display:none; }

.services01-1 .caseArea{margin-top:20px;}
.services01-1 .caseArea > ul{gap:10px 0px;}
.services01-1 .caseArea > ul > li{flex:0 0 100%; gap:10px;padding:25px;}
.services01-1 .caseArea > ul > li.arrow-img, .services01-1 .caseArea > ul > li.arrow-full {flex:0 0 100%;  height:24px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 24px; margin-top:0px; }
.services01-1 .caseArea .imgArea img{ height:80px; }
.services01-1 .caseArea .tit{font-size:17px;}
.services01-1 .caseArea .txt br{display:inline;}
.case-box .box{width:-webkit-calc(100% / 2 - 5px); width:calc(100% / 2 - 5px);}
.case-box .box-top{font-size:15px; }
.case-box .box-cont{font-size:14px; padding:15px;}

.services01-2 .section-box > ul > li{flex:0 0 100%; padding:25px; }
.services01-2 .btit{font-size:18px;}
.services01-2 .tit{font-size:17px;}
.services01-2 .imgArea img{height:80px; }
.services01-2 .section-box.type1{margin-top:20px; }

.services01-2 .half-box > ul{gap:10px;}
.services01-2 .half-box > ul > li{padding:20px 20px 10px; }
.services01-2 .halfimg img{ width:100%; max-width:250px; }
.services01-2 .half-box .btit{font-size:17px;}
.services01-2 .full-box > ul > li{flex:0 0 100%; }

/*
.services01-2 .half-box > ul > li{flex:0 0 100%;padding:30px 20px 20px; }
.services01-2 .halfimg img{ width:100%; max-width:250px; }
*/
.medial{margin:20px 0 10px;}
.disaster{margin-top:20px;}
.disaster > ul > li{flex:0 0 100% !important;padding:20px 25px 25px;  }
.disaster .num{width:26px; height:26px;font-size:11px;}
.disaster .tit{font-size:17px;}
.disaster .txt br{ display:none;}

.boxtype-3{padding:20px;} /* 스마트한 미디어 교실 */
.boxtype-1 > ul > li{flex:0 0 100%;}

/* .services0401-img{margin-top:20px; padding:40px 5%;} */
.services0401-img{padding:40px 0;} 

/* 인사말 */
.greeting-top{gap:20px; margin:40px auto 30px; }
.greeting-top .imgArea{width:80px; }
.greeting-top .tit{font-size:20px;}

.about .ciArea > *{flex:0 0 100%; }
.about .imgArea{padding:50px;}
.about .ciArea > *.full .imgArea{padding:50px 40px;}

.vision > ul > li{flex:0 0 100%; }
.vision .box-top{font-size:18px;padding:6px;}

.guideArea > ul{gap:10px 0px;}
.guideArea > ul > li{flex:0 0 100% !important;padding:25px;}
.guideArea > ul > li.arrow-img, .guideArea > ul > li:nth-of-type(4).arrow-img, .guideArea > ul > li:nth-of-type(6).arrow-img {flex:0 0 100%;height:24px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 24px; margin-top:0px; }
.guideArea.type1 > ul > li.arrow-img{ margin-top:0px; }


}

/*mobile 540 이하 */
@media all and (max-width:540px){  
  :root {
    --sub-visual-height:45vh;	 
    --padding-h:30px; 
  }

#header .logo{background-size:auto 35px;min-height:35px; }
#header.bg_on .logo{background-size:auto 35px;min-height:35px; }
.submenu-lagnuage-wrap{display: none; }

  /* 모바일 오버 효과 삭제 */
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {width: 16.5px;}
  .nav__list-item > a{ color: rgba(255,255,255,1); font-size:20px;}
  .nav__list-item > a:hover:after{ width: 0;height: 0;opacity: 0;}
  .nav__list li.open li a:hover{color: rgba(255,255,255,0.8);}

  input:focus{outline:none;}
  body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: transparent;} 

.nav__content {padding:60px 5% 60px;}
.lnb_util li > a{font-size:15px;padding:8px 16px; border-radius: 20px; }
.lnb__li {padding:15px 10px;}
.lnb__li > a{font-size:18px;}
.lnb__li .toggle{right:0px; top:15px; }

.footer{padding:30px var(--wrap-padding); }

.section-1{gap:30px;padding-top:5%;}
.main-quick ul{gap:8px; }
.main-quick .quick-txt{font-size:13px;}

/* v1 버전 
.section02 .bannerArea > a{padding:15px 20px 15px 30px;}
.section02 .bannerArea .tit{font-size:20px;margin-bottom:15px;}
.section02 .bannerArea .icon img{width:75px;}
*/

.main-cs .left-info{flex:1;gap:10px 5px; flex-wrap: wrap; }
.main-cs .right-info{width:100%;justify-content: flex-start; padding-left:0px; box-sizing: border-box;}
.main-cs .cs-tit{flex:0 0 100%; font-size:16px;line-height:35px;background:url(/resources/images/main/cs-icon01.png) 0% 50% no-repeat;background-size:22px auto;  padding-left:26px; min-height:35px;  }
.main-cs .cs-num{font-size:18px; padding-left:2px;}
.main-cs .cs-txt{font-size:12px; }

.main-cs .r-icon{width:auto; text-align:center; }
.main-cs .r-icon img{height:22px; }
.main-cs .r-tit{font-size:14px;}
.main-cs .r-num{font-size:16px;margin-left:0px; }

.footer .f_logo{flex:0 0 60%;min-height:30px;background-size:auto 30px;}
.f_sns {flex:1;  justify-content:flex-end;gap:15px;}
.footer .f_cont li p{font-size:12px;}
.footer .f_cont .c_name{font-size:14px; }
.footer .f_copy{font-size:11px;margin-top:6px;}	
.f_smenu > a {font-size:13px;padding:6px 12px;}

/* sub */
.tab-menu a{height:36px;font-size:14px; }

/* text 공통 */
.title{font-size:24px;}
.title-mid{font-size:20px;}
.title-sub{font-size:18px;min-height:16px;background-size:16px auto; padding-left:20px;}

.title-s{font-size:16px;min-height:18px; padding-left:24px;}
.title-s::after{top:0;width:16px; height:18px; background:url(/resources/images/layout/icon-titchk.png) 0 2px no-repeat;background-size:16px auto;}
.tit-round{font-size:16px;padding-left:14px;}
.tit-round::before{top:7px;border-radius:24px; width:8px; height:4px; }

.txt-lg{font-size:22px;}
.txt-ml{font-size:18px;}
.txt-mm{font-size:16px;}
.txt-ms{font-size:15px;}
.txt-sl{font-size:14px;}
.txt-sm{font-size:13px;}
.txt-ss{font-size:12px;}

.bullet-tit{font-size:15px;}
.bullet-txt{font-size:14px;padding-left:10px;}
.bullet-txt::before{top:8px; width:4px; height:4px;}

.line-txt{font-size:14px;padding-left:10px;}
.line-txt::before{top:0px;font-size:16px;}

.text-list{font-size:14px;}

/* 정신건강정보 */
.info-box{border-radius:6px;padding:30px;}
.info-box ul{gap:6px;}
.info-box .tit{width:100%;font-size:16px; }

.resources-top{margin-bottom:30px; } 
.resources-top ul{gap:10px;padding:25px; } 
.resources-top li{gap:10px;  } 
.resources-top .tit{ font-size:15px;} 
.resources-top .icon img{width:22px; } 
.resources-top .cont{flex:1; font-size:14px; padding-top:0px;} 
.resources-top .cont br{display:inline;} 

.table-scroll-auto th {padding:8px;font-size:13px;}
.table-scroll-auto td {padding:8px;font-size:13px;}

.popup--inner{padding:20px;}

.list-type ul{gap:30px;}
.list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 2 - 15px); width:calc(100% / 2 - 15px);}
.list-type ul.type-x li{width:100%;}

.pagination {margin: 40px 0;}

.board-view .subjectBox .rightArea{gap:10px;}
.board-view .subject{font-size:17px;}
.board-view .stit{font-size:13px;margin-right:2px;}
.board-view .name{font-size:13px;}
.board-view .date{font-size:13px;}
.board-view .hit{font-size:13px;}

.board-view .listBox > div{padding:15px 5px;}
.board-view .listBox .dateArea{ display:none; /*width:70px;font-size:12px;*/ }

.infoArea dl{margin-top:16px;}
.infoArea dt{flex:0 0 100%;}
.infoArea dd{flex:0 0 100%;}

.btn-apply{ font-size:15px; padding:12px 16px; width:100%;}
.btn-apply .icon{display: inline-block; width:16px; height:16px;background:url(/resources/images/layout/i_pen.png) 50% 50% no-repeat;background-size:16px auto;}
.btn-apply:hover{color:#333;background:#fff;border:1px solid var(--concept-color); }
.btn-apply:hover .icon{background:url(/resources/images/layout/i_pen.png) 50% 50% no-repeat;background-size:16px auto;}
.btn-apply:hover .icon-tel{background:url(/resources/images/layout/i-tel.png) 0% 50% no-repeat;background-size:12px auto; }
.btn-apply:hover .bold{color:var(--concept-color);}


.popup-btn:hover{color:var(--concept-color); background:#fff; }
.popup-btn:hover .icon{background:url(/resources/images/layout/icon-pen.png) 50% 50% no-repeat;background-size:16px auto;}

.form-sty .cont{font-size: 14px; }
.input-tel{flex:1;}

.inputfile-wrap label.btn {width:80px;margin-left:5px;font-size:13px;}
.captcha-box .img-box {order:1;width:100px; height:100px;}
.captcha-box a{order:2;}
.captcha-box .input_sty{width:100%; order:3;}

.boxtype-1{padding:15px;}
.boxtype-1 > ul{gap:8px; margin-top:8px;}
.boxtype-1 .tit{padding:4px 8px;font-size:12px;}
.boxtype-1 .txt{font-size:14px; }

/* 신청하기 동의박스 */
.agree-box > dl > dt{flex:0 0 100%;font-size:14px;padding:8px 10px; }
.agree-box > dl > dd{flex:0 0 100%;font-size:13px;padding:10px;border-top:1px solid #ddd;}
.agree-box .box{padding:15px 10px; }
.agree-box .txt{font-size:13px; }
.wr_box > h4{text-align:left;font-size:14px;}

.case-box{gap:15px; }
.case-box .box{width:100%;}

.medial{padding:30px;}
.medial .circle{font-size:16px;border:4px solid #b5b5b5; }
.medial .txt{font-size:14px;}
.medial > ul > li.a1 .circle{border:4px solid #bfdf8f;}
.medial > ul > li.a2 .circle{border:4px solid var(--concept-color);}
.medial > ul > li.a3 .circle{border:4px solid #5e915a;}

.services02-1 .leftArea > dl > dt{flex:0 0 100%;}
.services02-1 .leftArea > dl > dd{flex:0 0 100%;}
.services02-1 .rightArea{padding:20px 0;}

.mbr{display:block;}

.services03-2 .section-box > ul > li{flex:0 0 100%;}

.character .imgArea{padding:50px 15%;}
.character .img-txt{font-size:16px;}

.history .year{font-size:22px; }

.section-imgbox > ul{gap:20px;}
.section-imgbox > ul > li{width:-webkit-calc(100% / 2 - 10px); width:calc(100% / 2 - 10px); }






/* sub */
.timeline-content .timeline-title {font-weight:700; font-size:22px;}
.timeline-content .month {font-weight:700;font-size:16px;}
.timeline-content .txt {}
.timeline-content .txt > p{font-size:14px;}
/* .timeline-content .txt > p:before {top:10px;width:4px;height:4px;} */
.timeline-content .imgArea {text-align: center;}
.timeline-content .imgArea img{max-width:100%; max-height:100px; }


}


/*mobile 430 이하 */
@media all and (max-width:430px){  

/* text 공통 */
.title{font-size:22px;}
.titleArea .desc{font-size:13px;}
.info-box{padding:25px;}

.resources-top ul{gap:10px;padding:25px 20px; } 

.list-type ul{gap:40px;}
.list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:100%;}
.list-type ul.type-x li{width:100%;}

/* .services01-2 .halfimg img{ width:100%; max-width:200px; } */
.services01-2 .half-box .btit{font-size:16px;}

/* 인사말 */
.greeting-top{gap:20px; margin:40px auto 30px; }
.greeting-top .imgArea{width:70px; }
.greeting-top .tit{font-size:18px;}







}

@media all and (max-width:390px){
.lnb__li > a{font-size:17px;}
.lnb__sub > li > a{font-size:15px;}

.main-popup-tit{font-size:17px;}
.notice-top .tit{font-size:17px;}

.greeting-top .tit{font-size:17px;}




}


/*mobile 375 이하 */
@media all and (max-width:375px){

.main-popup-tit{font-size:16px;}
.notice-top .tit{font-size:16px;}

.main-quick ul{gap:8px; }

/* v1
.section02 .bannerArea > a{padding:15px 20px 15px 30px;}
.section02 .bannerArea .tit{font-size:18px;margin-bottom:15px;}
.section02 .bannerArea .icon img{width:70px;}
*/

/* sub */
.mobileTopMenu .home{ flex:0 0 35px;}
.mobileTopMenu .select button{padding:15px 10px 15px 8px;font-size:13px;}
.mobileTopMenu .select li{font-size:13px; padding:10px 8px;}/* 드롭다운 */


/* text 공통 */
.title{font-size:20px;}
.title-sub{font-size:17px;min-height:16px;background:url(/resources/images/layout/icon-tit.png) 0 3px no-repeat;background-size:16px auto; padding-left:20px;}

/* .txt-lg{font-size:22px;}
.txt-ml{font-size:18px;}
.txt-mm{font-size:16px;}
.txt-ms{font-size:15px;}
.txt-sl{font-size:14px;}
.txt-sm{font-size:13px;}
.txt-ss{font-size:12px;}

.bullet-txt{font-size:14px;padding-left:10px;}
.bullet-txt::before{top:8px; width:4px; height:4px;}

.line-txt{font-size:14px;padding-left:10px;}
.line-txt::before{top:0px;font-size:16px;} : 추가 수정이 필요할 경우를 위해 남겨둠 */

.info-box{border-radius:6px;padding:20px;}

.testWrap dd{gap:5px;}
.testWrap dd > .checkbox.type2{width:100%;} 


/* board */
.list-search .selectArea{width:80px;}
.list-search{width:100%; max-width:240px;}
.boardList .no{font-size:13px;} 
.boardList .subject{font-size:15px; } 

.greeting-top .tit{font-size:16px;}

.map-contacts .c_title{font-size:14px;}
.map-contacts .c_content{font-size:13px;}

.form-step .step{ gap:2px; width:50px;font-size:10px;}
.form-step > ul > li{gap:8px;padding:10px;}
.form-step .txt{font-size:15px;}
.form-step .btn{gap:5px;font-size:11px;padding:8px; }




/* sub */
.timeline-content .month {font-size:16px;}
.timeline-content .txt > p{font-size:14px;}
}

/*mobile 360 이하 */
@media all and (max-width:360px){

.footer .f_logo{flex:0 0 100%; order:1;}
.f_sns {flex:1;justify-content:flex-start;gap:15px; order:3;}
.footer .f_cont{ order:2;}

.tab-menu li.lg{flex:0 0 100%;}
.tab-menu li.md{flex:1;}

.board-view .stit{font-size:12px;margin-right:2px;}
.board-view .name{font-size:12px;}
.board-view .date{font-size:12px;}
.board-view .hit{font-size:12px;}
.file_box > a{font-size:12px;}

.form-step .txt{font-size:14px;}






}



/*mobile 320 이하 */
@media all and (max-width:320px){
  :root {
  
  }

/* 공통 */
.board-btn-prev{font-size:13px;}
.board-btn-next{font-size:13px;}
/*
.boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;}
.boardList .date{flex:0 0 100%;text-align:left; padding:0;margin-top:10px;}
*/





}


/*mobile 280 이하 */
@media all and (max-width:280px){



  


}



/* **************************************** *
 * height 
 * **************************************** */

  @media all and (max-height: 667px){

    :root {
    --sub-visual-height:50vh;	 
  }
      
  }