@charset "utf-8";

/* 공통(메인) - 기본  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 768px) {
html { font-size: 58%; }	
}
@media all and (min-width:768px) and (max-width:1199px) {
html { font-size: 60%; }
}

/* 서브비주얼(협회) */
.subVisual { display: flex; width:100%; height:150px; /*  margin-top: 117px;  */text-align:center; align-items: center; justify-content: center; background:url('../images/content/sub_visual01.jpg') center center no-repeat; background-size:cover;}
.subVisual0001 {background:url('../images/content/sub_visual02.png') 30% 0 no-repeat; background-size:cover;}
.subVisual0002 {background:url('../images/content/sub_visual03.png') 30% 0 no-repeat; background-size:cover;}
.subVisual0003 {background:url('../images/content/sub_visual04.png') 30% 0 no-repeat; background-size:cover;}
.subVisual0004 {background:url('../images/content/sub_visual05.png') 30% 0 no-repeat; background-size:cover;}
.subVisual0005 {background:url('../images/content/sub_visual06.png') 30% 0 no-repeat; background-size:cover;}
.subVisual0008 {background:url('../images/content/sub_visual07.png') 30% 0 no-repeat; background-size:cover;}

.subVisual > h1 {/* margin-top:80px; */ /* padding-top:52px; */ font-size:36px; line-height:1em; font-weight:bold; color:#fff;}
.subVisual > h2 {margin-top:12px; font-size:18px; line-height:18px; font-weight:bold; color:#fff;}

@media all and (max-width:479px) {
.subVisual { display: none; }
}
@media all and (min-width:480px) and (max-width:767px) {
.subVisual { display: none; }
}
@media all and (min-width:768px) and (max-width:991px) {
.subVisual { display: none; }
}
@media all and (max-width: 1025px) {
.subVisual { display: none; }
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 서브비주얼(대학) */
.univ_subVisual {width:100%; height:150px; margin-top: 117px; text-align:center; background:url('../images/content/sub_visual01.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0002 {background:url('../images/content/univ_subVisual01.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0003 {background:url('../images/content/univ_subVisual02.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0004 {background:url('../images/content/univ_subVisual03.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0005 {background:url('../images/content/univ_subVisual04.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0006 {background:url('../images/content/univ_subVisual05.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0007 {background:url('../images/content/univ_subVisual06.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0008 {background:url('../images/content/sub_visual07.jpg') 30% 0 no-repeat; background-size:cover;}
.univ_subVisual0009 {background:url('../images/content/sub_visual07.jpg') 30% 0 no-repeat; background-size:cover;}
.univ_subVisual0010 {background:url('../images/content/sub_visual04.jpg') center center no-repeat; background-size:cover;}
.univ_subVisual0011 {background:url('../images/content/sub_visual05.jpg') center center no-repeat; background-size:cover;}

.univ_subVisual > h1 {margin-top:80px; padding-top:52px; font-size:36px; line-height:36px; font-weight:bold; color:#fff;}
.univ_subVisual > h2 {margin-top:12px; font-size:18px; line-height:18px; font-weight:bold; color:#fff;}

@media all and (max-width:479px) {
.univ_subVisual {height:100px; margin-top:56px;}
.univ_subVisual > h1 {margin-top:56px; padding-top:32px; font-size:28px; line-height:28px;}
.univ_subVisual > h2 {margin-top:8px; font-size:15px; line-height:15px; color:#fff;}
}
@media all and (min-width:480px) and (max-width:767px) {
.univ_subVisual {height:100px; margin-top:56px;}
.univ_subVisual > h1 {margin-top:56px; padding-top:32px; font-size:28px; line-height:28px;}
.univ_subVisual > h2 {margin-top:8px; font-size:15px; line-height:15px; color:#fff;}
}
@media all and (min-width:768px) and (max-width:991px) {
.univ_subVisual {margin-top:56px;}
.univ_subVisual > h1 {margin-top:56px;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 타이틀 */
.title-area {width:1200px; margin:0 auto; padding:80px 0 60px 0; overflow:hidden;}
.title-area > h1 {text-align:center; font-weight:bold; font-size:45px; line-height:52px;}
.title-area > h2 {margin-top:25px; text-align:center; font-size:18px; line-height:26px;}

@media all and (max-width:479px) {
.title-area {width:100%; padding:30px 0;}
.title-area > h1 {font-size:30px; line-height:36px;}
.title-area > h2 {margin-top:15px; font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.title-area {width:100%; padding:30px 0;}
.title-area > h1 {font-size:30px; line-height:36px;}
.title-area > h2 {margin-top:15px; font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.title-area {width:100%; padding:30px 0;}
.title-area > h1 {font-size:30px; line-height:36px;}
.title-area > h2 {margin-top:15px; font-size:14px; line-height:22px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.title-area {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 콘텐츠타이틀 - New */
.cnt-title0 { font-size: 20px; padding: 8px; color: white; background: #2177ce; margin-bottom: 56px; }
.cnt-title1 {background:url('../images/common/icn-title01.png') no-repeat 0 3px;background-size:0.9em ;padding:0 0 0 25px;font:500 21px/21px 'NotoSansKR'; color: #3a3a4a; box-sizing:border-box; margin-bottom: 20px; }
.cnt-title2 { display: grid; margin-bottom:15px; letter-spacing:-1px; font:500 17px/17px 'NotoSansKR';margin-top:40px; box-sizing:border-box; align-items: center; color: #444; grid-template-columns: auto auto; justify-items: start; justify-content: start; }
.cnt-title2::before { content: ""; display: inline-block; width: 5px; height: 1em; background: #d1e2f3; margin-right: 8px; }
.cnt-title3 {margin-bottom:20px; font-size:18px; font-weight:bold; color:#2177ce; letter-spacing:-0.5px;}
.cnt-title4 {color:#333;background:url(/static_root/images/common/icn-title03.png)no-repeat 0 0;background-size:contain; padding-left:12px; margin-bottom:15px; letter-spacing:-1px; font:500 16px/16px 'NotoSansKR';box-sizing:border-box;}
@media all and (max-width:479px) {
.cnt-title0 {font-size: 16px; margin-bottom: 30px;}
.cnt-title1 {font:500 18px/18px 'NotoSansKR';}
.cnt-title2 {font:500 17px/17px 'NotoSansKR';}
.cnt-title3 {font-size:16px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.cnt-title0 {font-size: 18px; margin-bottom: 30px; }
.cnt-title1 {font:500 20px/20px 'NotoSansKR';}
.cnt-title2 {font:500 16px/16px 'NotoSansKR';}
.cnt-title3 {font-size:16px; transform:skew(-0.001deg);}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 준비중 */
.ing {width:1200px; margin:0 auto; padding:150px 0 150px 0; text-align:center;}
.ing p {font-size:90px; color:#000;}
.ing h1 {margin-top:20px; font:200 50px/47px 'Dosis'; color:#333;}
.ing h2 {margin-top:15px; font-size:15px; letter-spacing:-1px;}
.ing h3 {margin-top:20px; font-size:30px; line-height:45px; letter-spacing:-1px;}
.ing div {margin-top:40px;}
.ing div a {display:inline-block; padding:10px 40px; font-weight:bold; color:#14b1bb; border:#14b1bb 2px solid;}
.ing div a:hover {color:#fff; padding:12px 42px; border:none; background:#14b1bb;}

@media all and (max-width:479px) {
.ing {width:320px; padding:60px 0 80px 0;}
.ing p {font-size:70px;}
.ing h1 {font:200 40px/37px 'Dosis';}
}
@media all and (min-width:480px) and (max-width:767px) {
.ing {width:470px; padding:60px 0 80px 0;}
.ing p {font-size:80px;}
.ing h1 {font:200 47px/42px 'Dosis';}
}
@media all and (min-width:768px) and (max-width:991px) {
.ing {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.ing {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 이메일무단수집거부 */
.noCltEmail {width:1200px; margin:0 auto 70px auto; overflow:hidden;}
.noCltEmail > div.infoEmailBox {border:1px solid #e5e5e5; padding:20px; line-height: 1.3em;}
.noCltEmail > div.infoEmailBox span {display: contents; color:#f00;}
.noCltEmail > h3 {font-size:24px; line-height:30px; font-weight:bold; margin-top:50px;}
.noCltEmail > h4 {font-size:18px; line-height:22px; font-weight:bold; margin-top:40px; margin-bottom: 15px;}
.noCltEmail > div.email-area {width:100%; margin-top:5px; overflow:hidden;}
.noCltEmail > div.email-area > ul li {margin:5px 0; line-height: 1.2em;}
.noCltEmail > div.email-area > p {margin:5px 0;}
.noCltEmail > div.email-area > em {display:inline-block; float:right; text-align:right; margin-top:10px;}
.noCltEmail p { line-height: 1.3em; }
.noCltEmail td { line-height: 1.3em; }

@media all and (max-width:479px) {
.noCltEmail {width:100%; padding:0 20px; margin:55px auto 70px auto;}
}
@media all and (min-width:480px) and (max-width:767px) {
.noCltEmail {width:100%; padding:0 20px; margin:55px auto 70px auto;}
}
@media all and (min-width:768px) and (max-width:991px) {
.noCltEmail {width:100%; padding:0 20px; margin:55px auto 70px auto;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.noCltEmail {width:970px;}
}
@media all and (min-width:1200px) {

}


/* new */

/* 콘텐츠 타이틀 서브 */
.cnt-textArea { position: relative; padding: 2rem 2rem 2rem 3.5rem; background: #f9f9f9; border-radius: 0.5rem; font-weight: 400; color: #555; line-height: 1.3em; border-radius: 8px; }
.cnt-textArea::before { content: ""; position: absolute; height: 1em; width: 2px; left: 2rem; background: #c9c9c9; }
@media (max-width: 769px){
	.cnt-textArea { padding: 1.5rem 1.5rem 1.5rem 2.5rem; }
	.cnt-textArea::before { left: 1.5rem; top: 1.2em; height: 0.8em; }
}


/* 텍스트 박스 */
.text_box { display: flex; position: relative; overflow: hidden; flex-direction: column; border-radius: 1.5rem; border: 1px solid #e5e5e5; flex: 1 1 auto; background: #fff; box-shadow: 3px 3px 5px 0px #79797905; }
.text_box .title { padding: 1rem 2rem; color: #fff; /* font-size: 1.7rem; */ font-weight: 400; background-image: linear-gradient(to right, #2177ce, #59a4ef); }
.text_box .title.gray { color: #2177ce; background: #fafafa; }
.text_box .title.pink { background-image: linear-gradient(to right, #f16994, #f894b4); }
.text_box .title.green { background-image: linear-gradient(to right, #89c762, #bcee9d); }
.text_box .title.yellow { background-image: linear-gradient(to right, #f6bf70, #ffd69c); }
.text_box .desc { padding: 1.5rem 1rem; background: #fafafa; background-image: linear-gradient(180deg, #ffffff, #00000008); font-weight: 400; text-align: center; line-height: 1.2em; }
.text_box .desc.v02 { border: 1px solid #dcdcdc; margin: 0 13px; border-radius: 8px; }
.text_box .desc.v03 { display: flex; align-items: center; margin-top: 1rem; justify-content: center; color: #222; background: none; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; }
.text_box .desc.v03:first-child { margin-top: 0; }
.text_box .desc.v03::before { content: ""; height: 2.5px; min-width: 20px; flex: 1 1 auto; margin: 0 1.3rem 0 0; border-radius: 50rem; background-image: linear-gradient(90deg, #f4ffed, #aad1fa, #f4ffed); }
.text_box .desc.v03::after  { content: ""; height: 2.5px; min-width: 20px; flex: 1 1 auto; margin: 0 0 0 1.3rem; border-radius: 50rem; background-image: linear-gradient(90deg, #f4ffed, #aad1fa, #f4ffed); }
.text_box ul { flex: 1 1 auto; padding: 1.5rem 1rem; }

.text_box.v02 { padding: 3rem 3rem 2rem 3rem; overflow: visible; }
.text_box.v02 .title { position: absolute; border-radius: 2rem 0; top: 0; transform: translateY(-50%); box-shadow: 3px 3px 5px 0px #15579a3b; }
.text_box.v02 ul { padding: 0; }
@media all and (max-width:479px) {
.text_box.v02 { padding: 3rem 2rem 2rem 2rem; }
}
@media all and (min-width:480px) and (max-width:767px) {

}


/* 리스트 박스 */
.list_box { display: flex; flex-wrap: wrap; gap: 2.5rem; margin-top: 3rem; }
.list_box li { display: flex; flex: 1 1 20rem; flex-direction: column; min-width: 140px; /* max-width: 340px; */}
.list_box.a-0 li { flex: 1 1 auto; }
.list_box .list_box { margin-top: 0; gap: 1.3rem; }
.list_box .list_box .text_box { padding: 0.5rem !important; }

.list_box.v02 { margin-top: 8rem; gap: 8rem 2.5rem; }
.list_box.v02.fiv { gap: 8rem 1.5rem; }
.list_box.v02 .text_box { overflow: visible; padding: 5rem 0 0 0; }
.list_box.v02 .text_box .title { position: absolute; overflow: hidden; border-radius: 50%; padding: 0; width: 6em; height: 6em; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
transform: translate(-50% ,-50%); left: 50%; top: 0; color: #2479cf; box-shadow: 3px 3px 5px 0px rgb(21 87 154 / 20%); border: 4px solid transparent; border-radius: 50%;  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #2177ce 0%, #59a4ef 100%);
background-origin: border-box; background-clip: content-box, border-box; text-align: center; line-height: 1.3em; }
.list_box.v02 .text_box .title.pink { color: #f16994; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #f16994 0%, #f894b4 100%); box-shadow: 3px 3px 5px 0px rgb(241 105 148 / 20%); }
.list_box.v02 .text_box .title.green { color: #89c762; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #89c762 0%, #bcee9d 100%); box-shadow: 3px 3px 5px 0px rgb(137 199 98 / 20%); }
.list_box.v02 .text_box .title.yellow { color: #f6bf70; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #f6bf70 0%, #ffd69c 100%); box-shadow: 3px 3px 5px 0px rgb(246 191 112 / 20%); }
.list_box.v02 .text_box .title span { height: 50%; width: 100%; display: flex; align-items: center; justify-content: center; }
.list_box.v02 .text_box .title span:first-child { background:rgb(248 248 248); }
.list_box.v02 .text_box .title img { width: 100%; height: 100%; padding: 5px; object-fit: contain; background:rgb(248 248 248); }
@media (max-width: 769px){
	.list_box { gap: 2rem; }
}


/* 이미지 박스 */
.img_box { position: relative; width: 100%; overflow: hidden; margin-top: 2.5rem; border-radius: 1.5rem; background: #fff; box-shadow: 3px 3px 5px 0px #79797905; }
.img_box img { width: 100%; height: 100%; }
.img_box .title { position: absolute; left: 0; bottom: 0; top: auto !important; transform: none !important;
    border-radius: 0 !important;
    background-image: linear-gradient(to right, #f1f1f1, #f9f9f9);
    color: #838383;
    box-shadow: 3px 3px 5px 0px #b8b8b83b !important; font-size: 1rem; padding: 0.3em; }
    
    
 /* 시스템 박스 */
/* .SystemBox_wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.SystemBox {padding: 25px 30px 25px 140px; border: 1px solid #e1e3e6; border-radius: 8px 50px 8px 8px; }
.SystemBox > p.sytemTit { color: #3a3a4a; font-size: 21px; font-weight: 700; text-align: left; margin-bottom: 15px;}
.SystemBox.sb01 { background:url('../images/common/orgSystem_bg01.png') no-repeat 30px 25px; }
.SystemBox.sb02 { background:url('../images/common/orgSystem_bg02.png') no-repeat 30px 25px; }
.SystemBox.sb03 { background:url('../images/common/orgSystem_bg03.png') no-repeat 30px 25px; }
.SystemBox.sb04 { background:url('../images/common/orgSystem_bg04.png') no-repeat 30px 25px; }
.SystemBox .list-text01 > li { margin-top: 3px; }   */ 
    
    
/* 기본 박스 */
.square_box { border: 1px solid #e5e5e5; padding: 0rem 3rem; }
@media all and (max-width:479px) {
.square_box {padding: 0rem 1.5rem; }
}
@media all and (min-width:480px) and (max-width:767px) {
.square_box {padding: 0rem 2rem; }
}



/* 백그라운드 기본 박스 */
.title_text_box {padding: 8rem 6rem 20rem; background: url(/static_root/images/common/text_box_bg01.png) #fff no-repeat 100% 100%; background-size: contain; border: 1px solid #e5e5e5; }
@media all and (max-width:479px) {
.title_text_box {padding: 6rem 1.5rem 10rem; }
}
@media all and (min-width:480px) and (max-width:767px) {
.title_text_box {padding: 6rem 2.5rem 15rem; }
}


/* 포인트 폰트 */
.ptText { font-weight: 400; color: #333 !important; vertical-align: initial; }
.list-text00 .ptText { color: #3f6dd6 !important; }


/* 타이틀 서브 */
.title_sub { display: inline-block; font-size: 13px; font-weight: normal; color: #999; margin-left: 5px; }
.title_sub::before{ content: "[ "; }
.title_sub::after{ content: " ]"; }


/* 3원형 인포그래픽 */
.Circle_wrap { display: flex; height: auto; position: relative; border: 1px solid #e1e3e6; padding: 12rem 5rem; align-items: center; justify-content: center; flex-direction: column; border-radius: 8px 50px 8px 8px; }
.Circle_wrap::before { content: ""; position: relative; width: 550px; height: 550px; border-radius: 50%; border: 12px solid #fafafa; }
.Circle_wrap .list_box { flex-direction: column;position: absolute; top: 0; }
.Circle_wrap .list_box > li:nth-child(2) { transform: translate(-80%, 15%); }
.Circle_wrap .list_box > li:nth-child(3) { transform: translate(80%, -133%); }
.Circle_wrap .list_box > li { position: relative; max-width: 340px; }
.Circle_wrap .list_box > li::before { content: ""; position: absolute;  border: 10px solid rgb(149 149 149 / 10%); border-top: transparent; border-right: transparent; height: 2em; width: 2em;  }
.Circle_wrap .list_box > li:nth-child(1)::before { left: -27%; bottom: 0; transform: rotate(346deg); /* border-color: rgb(35 120 206 / 15%); */ }
.Circle_wrap .list_box > li:nth-child(2)::before { right: -35%; bottom: -60%; transform: rotate( 220deg); /* border-color: rgb(242 107 149 / 15%); */ }
.Circle_wrap .list_box > li:nth-child(3)::before { right: 52%; top: -60%; transform: rotate( 113deg); /* border-color: rgb(139 200 100 / 15%); */ }
@media all and (max-width:479px) {
.Circle_wrap { padding: 0; border: none; }
.Circle_wrap::before { content: none; }
.Circle_wrap .list_box { position: relative; top: 0; }
.Circle_wrap .list_box > li { transform: none !important; }
.Circle_wrap .list_box > li::before { content: none; }
}
@media all and (min-width:480px) and (max-width:767px) {
.Circle_wrap { padding: 3rem 5rem; }
.Circle_wrap::before { content: none; }
.Circle_wrap .list_box { position: relative; top: 0; }
.Circle_wrap .list_box > li { transform: none !important; }
.Circle_wrap .list_box > li::before { content: none; }
}

/* 페이지 이동 리스트 */
.A-Card { display: flex; gap: 2.5rem; flex-wrap: wrap; }
.A-Card > * { display: flex; flex: 1 1 48%; padding: 3rem;  align-items: center; border-radius: 1.5rem; border: 1px solid #e5e5e5; box-shadow: 3px 3px 5px 0px #79797905; flex-wrap: wrap; justify-content: space-between; }
.A-Card p { position: relative; padding-left: 1.5rem; }
.A-Card p dfn { display: inline-block; margin-bottom: 0.45em; font-size: 2.2rem; font-weight: 400; }
.A-Card p dfn::before { content: ""; width: 1px; height: 1em; position: absolute; left: 0; top: 0; background: #333; }
.A-Card a { color: #5898e3; overflow: hidden; font-size: 15px; font-weight: 400; padding: 12px 70px 12px 20px; border-radius: 50rem; background: #fff url(../images/common/btn02_arrow.png) right 15px center no-repeat; border: 1px solid #e5e5e5; }
.A-Card a:hover { box-shadow: 3px 3px 5px 0px #7979790f; }
@media all and (max-width:479px) {
.A-Card > * { padding: 2rem; }
.A-Card a { background: none; padding: 12px 20px; margin: 0.5rem 0; }
}
@media all and (min-width:480px) and (max-width:767px) {
.A-Card > * { padding: 2rem; }
.A-Card a { background: none; padding: 12px 20px; margin: 0.5rem 0; }
}


/* 탭 리스트 */
.tab  { display: flex; flex-wrap: wrap; border: 1px solid #e5e5e5; background-color: #edf6ff; }
.tab button { flex: 1 1 120px; padding: 14px 16px; transition: 0.3s; }
.tab button:hover { background-color: #daecff; }
.tab button.active { background-color: #c4e1ff; font-weight: 400; }
.tabcontent { display: none; padding: 2.5rem; border: 1px solid #e5e5e5; border-top: none; }
@media all and (max-width:479px) {
.tab button { flex: 1 1 50%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.tab button:nth-child(2n) { border-right: none; }
}
@media all and (min-width:480px) and (max-width:767px) {
.tab button { flex: 1 1 50%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.tab button:nth-child(2n) { border-right: none; }
.tab button:nth-child(3) { border-bottom: none; }
.tab button:nth-child(4) { border-bottom: none; }
}

/* 서브페이지(협회) 콘텐츠  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* 센터소개 > 소개말 */
#centerintro .introduce { display:flex; align-items: center; }
#centerintro .introduce > * { margin-right: 4rem; }
#centerintro .introduce > *:last-child { margin-right: 0; }
#centerintro .introduce img { position: relative; width: 43%; margin: 0 3rem; object-fit: contain; background:url(/static_root/images/content/ct_pro_bg.png) no-repeat left top; background-size: contain; }
#centerintro .introduce .profile > * { margin-bottom: 5rem; }
#centerintro .introduce .profile > *:last-child { margin-bottom: 0; }
#centerintro .introduce .profile > * > * { margin-bottom: 0.3em; }
#centerintro .introduce .profile > * > *:last-child { margin-bottom: 0; }
#centerintro .introduce .name { font-size: 5rem; font-weight: 500; font-style: italic; }
#centerintro .introduce .nameTag { position: relative; padding: 0 10px; font-size: 3rem; }
#centerintro .introduce .nameTag::before { content: ""; position: absolute; height: 1em; width: 2.5px; left: 0; top: 0; background: #2177ce; }
@media all and (max-width:479px) {
#centerintro .introduce img { width: 60%; margin: 0 0 0 1rem; }
#centerintro .introduce .name { font-size: 2rem; }
#centerintro .introduce .nameTag { font-size: 1.6rem; padding: 0 0 0 10px; }
#centerintro.title_text_box { padding: 0; background: none; border: none; }
}
@media all and (min-width:480px) and (max-width:767px) {
#centerintro .introduce .name { font-size: 3.7rem; }
#centerintro .introduce .nameTag { font-size: 2rem; }
}

/* 센터소개 > 센터개요 */
#ctOverview-01 .title span { font-size: 5rem; background: none; }
#ctOverview-01 .text_box .green { color: #89c762; }
#ctOverview-01 ul { font-size: 1.45rem; }
#ctOverview-01 ul li { margin-top: 1.5rem !important; }
#ctOverview-01 ul li:first-child { margin-top: 0rem !important; }
#ctOverview-03 .img_box { display: flex; justify-content: center; padding: 3rem 0; overflow: hidden; border-radius: 1.5rem; border: 1px solid #e5e5e5; background: #fff; }
#ctOverview-03 .img_box img { width: 75%; }
@media all and (max-width:479px) {
#ctOverview-01 > * { flex: 1 1 80% !important; }
#ctOverview-03 .img_box img { width: 100%; }
}
@media all and (min-width:480px) and (max-width:767px) {
#ctOverview-01 > * { flex: 1 1 35% !important; }
}
#ctOverview-02 img { width: 50%; padding: 50px 0; }
#ctOverview-02 img:last-child { padding: 0px; }
@media all and (max-width:479px) {
#ctOverview-02 img { width: 90%; padding: 25px 0; }
}
@media all and (min-width:480px) and (max-width:767px) {
#ctOverview-02 img { width: 75%; padding: 30px 0; }
}

/* 연구분야 > 에너지시스템반도체 */
#stdOverview-01 ul { font-size: 1.45rem; }
#stdOverview-01 ul.list-text02 { background: url('../images/content/arr_down_bg.png') center bottom no-repeat; background-size: 25%;  background-position: center 90%; padding: 4rem 1.5rem 5rem; }
#stdOverview-01 ul.list-text02 li::before { background: #c6c6c6; }
@media all and (max-width:479px) {
#stdOverview-01 .text_box .list-text02 { display: flex; flex-direction: column; padding: 1rem 1.5rem 5rem; }
#stdOverview-01 .text_box .list-text02 li { position: relative; flex: 1 1 auto; padding: 1rem 0; text-align: center; align-items: center; justify-content: center; }
#stdOverview-01 ul.list-text02 li::before { top: 0; width: 1em; height: 1px; }
#stdOverview-01.half > * {
    flex: 1 1 80% !important;
}
}
@media all and (min-width:480px) and (max-width:767px) {
#stdOverview-01 .text_box .list-text02 { display: flex; flex-direction: column; padding: 1rem 1.5rem 5rem; }
#stdOverview-01 .text_box .list-text02 li { position: relative; flex: 1 1 auto; padding: 1rem 0; text-align: center; align-items: center; justify-content: center; }
#stdOverview-01 ul.list-text02 li::before { top: 0; width: 1em; height: 1px; }
}

/* 연구분야 > 연구진 */
#stdTeam-01 .img_box { border-radius: 3px; }
#stdTeam-01 .img_box img { object-fit: cover; }
#stdTeam-01 .tabcontent > .text_box { flex-direction: row; gap: 2%; padding: 5rem 3rem; flex-wrap: wrap; }
#stdTeam-01 .tabcontent > .text_box .img_box { margin-top: 0; }
#stdTeam-01 .tabcontent > .text_box > .img_box { flex: 1 1 49%; width: 50%; height: 24rem; }
#stdTeam-01 .tabcontent > .text_box > .text_box { flex: 1 1 auto; }
#stdTeam-01 .tabcontent > .firstBox .img_box { flex: none; width: auto; height: auto; }
#stdTeam-01 .tabcontent > .secondBox > ul { display: flex; flex: 1 1 30%; flex-wrap: wrap; gap: 2%; }
#stdTeam-01 .tabcontent > .secondBox > ul > li { flex: 1 1 auto; }
#stdTeam-01 .tabcontent > .secondBox .img_box { width: auto; height: auto; flex: 1 1 23%; max-width: 23%; }

/* 연구분야 > 참여컨소시움 */
#stdCons-01 img { object-fit: cover; }
#stdCons-01 .title img { position: relative; padding: 0 1rem; }
#stdCons-01 .title img::before { content: "didididi"; position: absolute; right: 0; width: 1px; height: 1em; background: red; }
#stdCons-01 .img_box { display: flex; flex-wrap: wrap; padding: 0 1.5rem; gap: 0.5rem; }
#stdCons-01 .img_box > * { flex: 1 1 49%; width: 50%; height: 24rem; }
#stdCons-01 .img_box div:last-child { display: flex; flex-wrap: wrap; gap: 0.5rem; }
#stdCons-01 .img_box div:last-child > * { flex: 1 1 45%; width: 45%; height: 49%; }
#stdCons-01 .list-text01 { padding: 2.5rem 1rem; }
#stdCons-01 .list-text01 li { display: block; margin-top: 1.5rem !important; }
#stdCons-01 .list-text01 li:first-child { margin-top: 0rem !important; }
@media (max-width: 769px){
	#stdCons-01.list_box.half > * {
    flex: 1 1 80% !important;
}
#stdCons-01 .title img { display: block; margin: 0 auto 10px auto; }
#stdCons-01 .title img:last-child { margin: 0 auto; }
}

/* 인력양성 > 교육과정 및 이수체계 */
#trCourse-01 ul ul { background: #f8fcff; margin: 1rem; border-radius: 10px; }

/* 인력양성 > PBL */
#trPBL-01 { background: url('../images/content/arr_up_bg.png') center bottom no-repeat; padding-bottom: 12%; background-size: 38%; }
#trPBL-01 .desc { font-size: 2rem; background: none; border-bottom: none; }
#trPBL-02 ul { flex-direction: row; flex-wrap: wrap; }
#trPBL-02 ul li { flex: 1 1 10%!important;  min-width: auto; justify-content: center; }
#trPBL-02 ul li img { width: 100%; object-fit: contain; }
#trPBL-02 .cnt-textArea::before { content: none; }
#trPBL-03 { margin-top: 30px; }
#trPBL-03 ul { font-size: 1.5rem; gap: 1.5rem; margin-top: 0; }
#trPBL-03 ul li { line-height: 1.3em;  }
#trPBL-03 .text_box { border: 1px solid #f0f0f0; }
#trPBL-03 .title { background: #fff; text-align: center; }
#trPBL-03 .desc { margin-top: 0; }
@media all and (max-width:479px) {
#trPBL-01 .desc { font-size: 1.6rem; }
#trPBL-02 ul { justify-content: center; gap: 2rem; }
#trPBL-02 ul li { flex: 1 1 45% !important; max-width: 200px; }
}
@media all and (min-width:480px) and (max-width:767px) {
#trPBL-02 ul { justify-content: center; gap: 2rem; }
#trPBL-02 ul li { flex: 1 1 25% !important; max-width: 140px; }
}

/* 사업소개 - 오시는길(공통) */
.location {widht:100%;}
.location > .loc_Info {margin-top:20px;}
.location > .loc_Info > dl {oveflow:hidden;}
.location > .loc_Info > dl dt {font-size:24px; line-height:32px; letter-spacing:-1px; margin-bottom:10px;}
.location > .loc_Info > dl dd {font-size:15px; padding:5px 0 3px 0;}
.location > .loc_Info > dl dd > ul {overflow:hidden;}
.location > .loc_Info > dl dd > ul li {float:left;}
.location > .loc_Info > dl dd > ul li.locTel {margin-right:50px;}
.location > .loc_Info > dl dd > ul li > span {font-size:16px; color:#2177ce; font-weight:bold; transform:skew(-0.001deg);}
.location > .loc_Info > div {width:100%; box-sizing:border-box; padding:25px; border:1px solid #e5e5e5; margin-top:30px; overflow:hidden;}
.location > .loc_Info > div > h4 {font-size:18px; font-weight:bold;}
.location > .loc_Info > div > ul {margin-top:15px;}
.location > .loc_Info > div > ul > li {margin-bottom:20px; overflow:hidden;}
.location > .loc_Info > div > ul > li:last-child {margin-bottom:0;}
.location > .loc_Info > div > ul > li > p {font-size:16px; color:#000; margin-bottom:10px;}
.location > .loc_Info > div > ul > li > p i {font-size:18px; color:#78808d;}
.location > .loc_Info > div > ul > li > ul {background:#f9f9f9; box-sizing:border-box; padding:15px;}
.location > .loc_Info > div > ul > li > ul > li { line-height: 1.3em; }
.location > .loc_Info > div > ul > li > ul > li em {display:inline-block; margin-bottom:5px; font-size:13px; color:#2177ce;}
.location > .loc_Info > div > ul > li > ul > li strong {transform:skew(-0.001deg);}
.location > .loc_Info > div > ul > li > ul.way-list > li {background:url('../images/content/text_point.jpg') left 10px no-repeat; padding:2px 0 2px 10px;}
.location > .loc_Info > div > ul > li > span {display:inline-block; margin-top:10px;}
.location > .loc_Info > div > ul > li > span em {color:#d31a0c; font-weight:bold; transform:skew(-0.001deg);}
.location > .loc_Info > .locInfo_car > h4 i {color:#d31a0c;}
.location > .loc_Info > .locInfo_bus > h4 i {color:#284780;}
.location > .loc_Info > .locInfo_subway > h4 i {color:#1e9e6a;}
.location > .loc_Info > .locInfo_taxi > h4 i {color:#ff7e57;}
.location > .loc_map {width: 100%; text-align: center;}

@media all and (max-width:479px) {
.location > .loc_Info > dl dt {font-size:20px; line-height:28px;}
.location > .loc_Info > div {margin-top:20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.location > .loc_Info > dl dt {font-size:20px; line-height:28px;}
.location > .loc_Info > div {margin-top:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 성과현황(그래프) */
.charts { display: flex; }
.charts > div { width: 50%; }

@media all and (max-width: 769px){
	.charts { display: flex; flex-direction: column; }
	.charts > div { width: 100%; }
}

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


/* 학생 개인정보 동의서 */
.privacy_stuAgrmt {width:1200px; margin:0 auto 70px auto; overflow:hidden; }
.privacy_stuAgrmt > p {padding:20px 0; text-align:center; line-height: 1.3em; }
.privacy_stuAgrmt > h4 {font-size:18px; line-height:22px; font-weight:bold; margin-top:40px;}
.privacy_stuAgrmt > ul {width:100%; background:#f8f8f8; border:1px solid #e8e8e8; padding:15px 20px; margin-top:20px;}
.privacy_stuAgrmt > ul li {margin:5px 0;}
.privacy_stuAgrmt td {  }

.privacy_stuAgrmt > div.infoBox {border: 1px solid #e5e5e5; padding: 20px; line-height: 1.3em;}
.privacy_stuAgrmt > div.infoBox > span {display: contents; color: #f00;}

.privacy_stuAgrmt > div.chk_agrmt {padding:20px 0 40px 0; text-align:center; border-bottom:1px dashed #e5e5e5;}
.privacy_stuAgrmt > div.chk_agrmt > p {margin-bottom:10px;}

.privacy_stuAgrmt > div.sms_agrmt {width:100%; padding:20px; border:2px solid #e5e5e5; margin:20px 0; overflow:hidden;}
.privacy_stuAgrmt > div.sms_agrmt > p {float:left;}
.privacy_stuAgrmt > div.sms_agrmt > div {float:right;}

.privacy_stuAgrmt > div.agrmt_text {text-align:center; margin-top:50px;}
.privacy_stuAgrmt > div.agrmt_text > p {margin:20px 0;}
.privacy_stuAgrmt > div.agrmt_text > p > span { display: contents; }
.privacy_stuAgrmt > div.agrmt_text > strong {font-size:17px;}

.privacy_stuAgrmt > div.pwd_change {width:100%; margin-top:50px; border-top:1px solid #e5e5e5; padding-top:50px; overflow:hidden;}
.privacy_stuAgrmt > div.pwd_change > h5 {font-size:15px;}

@media all and (max-width:479px) {
.privacy_stuAgrmt {width:100%; padding:0 20px; margin:55px auto 70px auto;}
.privacy_stuAgrmt > div.sms_agrmt > p {float:none; text-align:center; margin-bottom:10px;}
.privacy_stuAgrmt > div.sms_agrmt > div {float:none; text-align:center;}
}
@media all and (min-width:480px) and (max-width:767px) {
.privacy_stuAgrmt {width:100%; padding:0 20px; margin:55px auto 70px auto;}
}
@media all and (min-width:768px) and (max-width:991px) {
.privacy_stuAgrmt {width:100%; padding:0 20px; margin:55px auto 70px auto;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.privacy_stuAgrmt {width:970px;}
}
@media all and (min-width:1200px) {

}



/* 공통 - 테이블 및 게시물 관련  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 이미지 영역 */
.imgArea {width:100%; border:1px solid #e5e5e5; padding:10px;} 

/* 전체 리스트 수 */
.list-total {width:100%; color:#555; margin:9px 0; font-size: 1.4rem;}
.list-total strong {color:#000;}

/* 검색테이블-기본형 */
.searchList {width:100%; overflow:hidden; margin-bottom:20px;}

.searchList > .searchArea {float:right; width:70%; text-align:right;}   /* 검색폼 */
.searchList > .searchArea > label {display:inline-block; font:500 14px/14px 'NotoSansKR'; color:#000; margin-right:5px;}
.searchList > .searchArea > select {width:16%;}
.searchList > .searchArea > input {width:40%; padding:0 3px;}
.searchList > .searchArea > a {display:inline-block; height:35px; padding:10px 16px; font:500 14px/14px 'NotoSansKR'; color:#fff; background:#797c83;}    /* 검색 버튼 */
.searchList > .searchArea > a:hover {color:#fff;}

.searchList > .totalList {float:left; width:18%; color:#555; margin:9px 0;}   /* 전체 리스트 수 */
.searchList > .totalList strong {color:#000;}

/* 검색테이블- New */
.searchTop {width:100%; padding:15px; margin-bottom:20px; background:#f7f8fc; border:1px solid #e5e5e5; overflow:hidden; position:relative;}
.searchTop > p.sInfo {float:left; margin-right:20px;}
.searchTop > p.sInfo > label {font:500 14px/14px 'NotoSansKR'; color:#000; padding-top:10px; margin-right:5px; vertical-align:top;}
.searchTop > p.sInfo > select {width:100px;}
.searchTop > p.sInfo > input {padding:0 3px; width:250px;}
.searchTop > p.sBtn {float:right; text-align:right;}
.searchTop > p.sBtn > a {display:inline-block; padding:10px 20px; font:500 14px/14px 'NotoSansKR'; color:#fff; background:#797c83;}
.searchTop > p.sBtn > a:hover {color:#fff;}

@media all and (max-width:479px) {
.searchTop > p.sInfo {clear:both; width:100%; margin-bottom:10px;}
.searchTop > p.sInfo > label {width:40%; margin-right:0px; vertical-align:top;}
.searchTop > p.sInfo > select {width:58% !important;}
.searchTop > p.sInfo > input {width:58% !important; display: block; margin-left:41%; margin-top:10px;}
.searchTop > p.sBtn {clear:both; width:100%;}
.searchTop > p.sBtn > a {position:relative; bottom:0; left:0; width:100%; text-align:center; padding:12px 0;}
}

@media all and (min-width:480px) and (max-width:767px) {
.searchTop > p.sInfo {clear:both; width:100%; margin-bottom:10px;}
.searchTop > p.sInfo > label {width:30%; margin-right:0px; vertical-align:top;}
.searchTop > p.sInfo > select {width:50% !important;}
.searchTop > p.sInfo > input {width:50% !important;}
.searchTop > p.sInfo > input {width:50% !important; display: block; margin-left:30.5%; margin-top:10px;}
.searchTop > p.sBtn {clear:both; width:100%;}
.searchTop > p.sBtn > a {position:relative; bottom:0; left:0; width:100%; text-align:center; padding:12px 0;}
}

@media all and (min-width:768px) and (max-width:991px) { }
@media all and (min-width:992px) and (max-width:1199px) { }
@media all and (min-width:1200px) { }


/* 검색테이블-검색조건 많을 때 */
.searchTableLot {width:100%; padding:15px; margin-bottom:20px; background:#f7f8fc; border:1px solid #e5e5e5; overflow:hidden; position:relative;}
.searchTableLot > div.schInfo {float:left; width:90%;}
.searchTableLot > div.schInfo > table {width:100%; table-layout:fixed; word-break:break-all;}
.searchTableLot > div.schInfo > table tbody th {font:500 13px/13px 'NotoSansKR'; color:#000; padding:5px 0 5px 5px;}
.searchTableLot > div.schInfo > table tbody td {padding:8px 0;}
.searchTableLot > div.schInfo > table tbody td select {width:110px;}
.searchTableLot > div.schInfo > table tbody td select.management {width:130px;}
.searchTableLot > div.schInfo > table tbody td select.mento-type {width:170px;}
.searchTableLot > div.schInfo > table tbody td input {padding:0 3px; width:200px;}
.searchTableLot > div.sch-btn {float:right; width:10%; height:auto;}
.searchTableLot > div.sch-btn > a {display:inline-block; float:right; padding:25px 22px; font:500 14px/14px 'NotoSansKR'; color:#fff; background:#797c83; position:absolute; right:20px; top:50%; margin-top:-30px;}
.searchTableLot > div.sch-btn > a:hover {color:#fff;}

.user_sch select {height:40px; box-sizing:border-box; padding-left:3px; apperance:none; -webkit-appearance:none; -moz-appearance:none; background:url('../images/btnIcn/select_arrow.png') 95% 15px no-repeat; background-size: 15px 36px; border: 1px solid #bbb; }
.user_sch select::-ms-expand {display:none;}
.user_sch input {height:40px; box-sizing:border-box; padding-left:3px; border: 1px solid #bbb; }

/* 기본검색테이블 */
.common_search {margin-bottom:20px; padding:10px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.common_search > ul {display:table; table-layout:fixed; width:100%; height:40px; min-height:40px; overflow:hidden;}
.common_search > ul > li {display:table-cell;}
.common_search > ul > li.common_schF {float:left; width:88%; overflow:hidden;}
.common_search > ul > li.common_schF > ul {width:100%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerL {float:left; width:35.5%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerL > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerL > select.sct_halfL {float:left; width:49.5% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerL > select.sct_halfR {float:right; width:49.5% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerL > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerR {float:right; width:64%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerR > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerR > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerT {float:left; width:100%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerT > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerT > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL {float:left; width:49.5%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > div {width:calc(100% - 60px); width:-webkit-calc(100% - 60px); overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > div > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCL > div > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR {float:right; width:49.5%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > input {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > div {width:calc(100% - 60px); width:-webkit-calc(100% - 60px); overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > div > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerCR > div > input {width:100% !important;}
.common_search > ul > li.common_schB {float:right; width:11%; margin-left:1%; text-align:center; overflow:hidden;}
.common_search > ul > li.common_schB > a {display:block; font-size:15px; line-height:40px; font-weight:500; letter-spacing:-0.5px; color:#fff; border-radius:2px; background:#06375D;}

/* 검색 조건 많은 경우 */
.newSearch {margin-bottom:20px; padding:10px 15px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.newSearch > ul {overflow:hidden;}
.newSearch > ul > li {width:100%; margin:10px 0; overflow:hidden;}
.newSearch > ul > li > ul {overflow:hidden;}
.newSearch > ul > li.area-part1 > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.newSearch > ul > li.area-part1 > div {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part1 > ul {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part1 > ul > li.ap_leftF {float:left; width:25.5%;}
.newSearch > ul > li.area-part1 > ul > li.ap_leftF select {width:100% !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_leftF input {width:100% !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF {float:right; width:74%;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF input {width:100% !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span {display:inline-block; width:48%;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span:nth-child(1) {margin-right:0.5%;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span:nth-child(2) {margin-left:0.5%;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span input.input_date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF {float:left; width:100%;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF input {width:100% !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF select {width:100% !important; background-position: 99% center;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF span {display:inline-block; width:48%;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF span:nth-child(1) {margin-right:0.5%;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF span:nth-child(2) {margin-left:0.5%;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF span input.input_date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
.newSearch > ul > li.area-part2 > ul > li:nth-child(1) {float:left; width:49.5%;}
.newSearch > ul > li.area-part2 > ul > li:nth-child(2) {float:right; width:49.5%; margin-left:1%;}
.newSearch > ul > li.area-part2 > ul > li > select {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > input {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.newSearch > ul > li.area-part2 > ul > li > div {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part2 > ul > li > div > select {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > div > input {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > ul {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFL {float:left; width:66%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFL> select {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFL > input {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFL > span {display:inline-block; width:100%; margin-right:0.5%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFL > span input.input_date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFS {float:left; width:32%; margin:0 1%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFS > select {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFS > input {width:100% !important;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.partFS > label {letter-spacing:-2px;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total {width:100%; margin:0;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span {display:inline-block; width:47.5%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span:nth-child(1) {margin-right:0.5%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span:nth-child(2) {margin-left:0.5%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span input.input_date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(1) {float:left; width:31.333%;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(2) {float:left; width:31.333%; margin:0 3%;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(3) {float:left; width:31.333%;}
.newSearch > ul > li.area-part3 > ul > li > select {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > input {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.newSearch > ul > li.area-part3 > ul > li > div {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part3 > ul > li > div > select {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > div > input {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > ul {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFL {float:left; width:66%;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFL> select {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFL > input {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFS {float:left; width:32%; margin:0 1%;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFS > select {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFS > input {width:100% !important;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.partFS > label {letter-spacing:-2px;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.total {width:100%; margin:0;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.total > span {display:inline-block; width:47.5%;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.total > span:nth-child(1) {margin-right:0.5%;}
.newSearch > ul > li.area-part3 > ul > li > ul > li.total > span:nth-child(2) {margin-left:0.5%;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(1) {float:left; width:23.5%; margin-right:2%;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(2) {float:left; width:23.5%; margin-right:2%;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(3) {float:left; width:23.5%; margin-right:2%;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(4) {float:left; width:23.5%;}
.newSearch > ul > li.area-part4 > ul > li > select {width:100% !important;}
.newSearch > ul > li.area-part4 > ul > li > input {width:100% !important;}
.newSearch > ul > li.area-part4 > ul > li > label {float:left; min-width:55px; font-size:15px; color:#222; font-weight:500; line-height:40px; margin-right:5px;}
.newSearch > ul > li.area-part4 > ul > li > div {width:calc(100% - 61px); width:-webkit-calc(100% - 61px); overflow:hidden;}
.newSearch > ul > li.area-part4 > ul > li > div > select {width:100% !important;}
.newSearch > ul > li.area-part4 > ul > li > div > input {width:100% !important;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(1) {float:left; width:19.2%; margin-right:1%;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(2) {float:left; width:19.2%; margin-right:1%;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(3) {float:left; width:19.2%; margin-right:1%;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(4) {float:left; width:19.2%; margin-right:1%;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(5) {float:left; width:19.2%;}
.newSearch > ul > li.area-part5 > ul > li > select {width:100% !important;}
.newSearch > ul > li.area-part5 > ul > li > input {width:100% !important;}
.newSearch > div {padding-top:20px; text-align:center; border-top:1px dashed #e5e5e5;}
.newSearch > div > a {display:block; font-size:16px; font-weight:500; letter-spacing:-0.5px; color:#fff; padding:12px 15px; border-radius:3px; background:#06375D;}


/* 반응형 검색 테이블 */

/*   반응형 영역  */
/* PC 제외 */
@media all and (max-width:1200px) {
/* 검색창 영역 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span {width:46.5%;}	
.worknet_search > ul > li:nth-child(8) > dl dd > p span {width:48%;}
}

/* 테블릿1 */
@media all and (max-width:990px) {
.searchTableLot > div.schInfo > table tbody td input {width:185px;}
/* 검색창 영역 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newSearch > ul {float:none; width:100%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span {width:47.5%;}
.newSearch > div {float:none; width:100%; margin:0 0 5px 0 !important; padding-top:10px; border-top:1px dashed #e5e5e5;}
.newSearch > div > a {padding:10px 15px;}
}

/* 테블릿2 */
@media all and (max-width:768px) {
.searchTableLot > div.schInfo {clear:both; width:100%;}
.searchTableLot > div.schInfo > table colgroup col.th-width {width:30%;}
.searchTableLot > div.schInfo > table tbody td select {width:100%;}
.searchTableLot > div.schInfo > table tbody td select.management {width:100%;}
.searchTableLot > div.schInfo > table tbody td select.mento-type {width:100%;}
.searchTableLot > div.schInfo > table tbody td input {width:100%;}
.searchTableLot > div.sch-btn {clear:both; width:100%;}
.searchTableLot > div.sch-btn > a {position:relative; bottom:0; left:0; width:100%; text-align:center; padding:12px 0; margin-top:10px;}

/* 검색창 영역 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newSearch > ul > li {margin:5px 0;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span {width:47%;}
.newSearch > ul > li.area-part1 > ul > li.ap_totalF span {display:block; width:100%;}
.newSearch > ul > li.area-part2 > ul > li:nth-child(1) {float:none; width:100%;}
.newSearch > ul > li.area-part2 > ul > li:nth-child(2) {float:none; width:100%; margin:5px 0 0 0;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(1) {float:none; width:100%;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(2) {float:none; width:100%; margin:5px 0;}
.newSearch > ul > li.area-part3 > ul > li:nth-child(3) {float:none; width:100%;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(1) {float:none; width:100%; margin:0 0 5px 0;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(2) {float:none; width:100%; margin:0 0 5px 0;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(3) {float:none; width:100%; margin:0 0 5px 0;}
.newSearch > ul > li.area-part4 > ul > li:nth-child(4) {float:none; width:100%;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(1) {float:left; width:49%; margin:0 2% 5px 0;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(2) {float:left; width:49%; margin:0 0 5px 0;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(3) {float:left; width:49%; margin:0 2% 5px 0;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(4) {float:left; width:49%; margin:0 0 5px 0;}
.newSearch > ul > li.area-part5 > ul > li:nth-child(5) {float:left; width:100%;}
.newSearch > div {margin:10px 0 5px 0;}

.common_search > ul {display:block; table-layout:auto; height:auto;}
.common_search > ul > li {display:block;}
.common_search > ul > li.common_schF {float:none; width:100%; overflow:hidden;}
.common_search > ul > li.common_schF > ul > li.schF_innerL {float:none; width:100%;}
.common_search > ul > li.common_schF > ul > li.schF_innerL > select {width:100% !important;}
.common_search > ul > li.common_schF > ul > li.schF_innerR {float:none; width:100%; margin-top:5px;}
.common_search > ul > li.common_schF > ul > li.schF_innerT {float:left; width:100%;}
.common_search > ul > li.common_schB {float:none; width:100%; margin:5px 0 0 0;}

}

/* 모바일 */
@media all and (max-width:480px) {
.searchList {margin-bottom:10px;}
.searchList > .totalList {width:100%; margin:20px 0 0 0;}
.searchList >.searchArea {float:left; width:100%; text-align:center; margin-top:10px; padding:15px 10px; background:#f7f8fc;}
.searchList >.searchArea > input {width:55%;}
.searchList >.searchArea > label {display:block; margin:0 0 10px 0;}
.searchList >.searchArea > select {width:20%;}

.searchTableLot > div.schInfo {clear:both; width:100%;}
.searchTableLot > div.schInfo > table colgroup col.th-width {width:30%;}
.searchTableLot > div.schInfo > table tbody td select {width:100%;}
.searchTableLot > div.schInfo > table tbody td select.management {width:100%;}
.searchTableLot > div.schInfo > table tbody td select.mento-type {width:100%;}
.searchTableLot > div.schInfo > table tbody td input {width:100%;}
.searchTableLot > div.sch-btn {clear:both; width:100%;}
.searchTableLot > div.sch-btn > a {position:relative; bottom:0; left:0; width:100%; text-align:center; padding:12px 0; margin-top:10px;}

/* 검색창 영역 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newSearch > ul > li.area-part1 > ul > li.ap_leftF {float:none; width:100%;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF {float:none; width:100%; margin-top:5px;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF input {width:100% !important;}
.newSearch > ul > li.area-part1 > ul > li.ap_rightF span {display:inline-block; width:100%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span {width:100%;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span:nth-child(1) {margin-right:0;}
.newSearch > ul > li.area-part2 > ul > li > ul > li.total > span:nth-child(2) {margin-left:0;}
.common_search > ul > li.common_schF > ul > li.schF_innerT > span {width:100%;}

}


/* 검색창 영역 (new - 2022-04-12 ) -------------------------*/

.search-body { display: flex; padding: 20px; flex-wrap: wrap; border: 1px solid #e5e5e5; border-radius: 4px; background: rgba(247,248,252,0.5); box-shadow: -1px 2px 13px 0px rgb(0 0 0 / 5%); justify-content: flex-end; }
.search-body div:last-of-type .input-group { margin-bottom: 0; }
.search-body .row { display: flex; flex: 1; flex-wrap: wrap; }

.search-body input, .search-body textarea, .search-body select { font-size: 15px; }
.search-body .input-group { display: flex; position: relative; padding: 10px 14px; margin-right: 10px; margin-bottom: 23px; background: #fff; align-items: center; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.search-body .label { display: block; padding-right: 10px; margin-right: 10px; overflow-wrap: initial; border-right: 1px solid #bbbbbb; font-size: 14px; color: #999; font-weight: 500; word-break: keep-all; white-space: pre; }
.search-body .input--large { min-width: 270px; flex-grow: 3; }
.search-body .input--medium { min-width: 170px; flex-grow: 2; flex-grow: 1;}
.search-body .input--small { min-width: 140px; /* flex-grow: 1; */ }

@media all and (max-width: 767px) {
  .search-body .input-group { padding: 8px 10px; }
  .search-body div:last-of-type .input-group { margin-bottom: 10px; }
  .search-body .label { font-size: 13px; }
  .search-body .input--large, .input--medium { width: 100%; margin-right: 0;}
  .search-body .input--small { width: calc(50% - 5px); }
  .search-body .input--small:nth-child(2n) { margin-right: 0; }
}
@media all and (max-width:479px) {
	.search-body .input-group { margin-right: 0; }
	.search-body .input--small { width: 100%; }
	.search-body input, .search-body textarea, .search-body select { font-size: 1.5rem; }
}

.search-body .btn-submit { display: inline-block; height: 46px; padding: 0 30px; background: #06375D; font-size: 16px; color: #fff; text-transform: capitalize;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
}

.search-body .btn-submit:hover { background: #032641; }

@media (max-width: 767px) {
  .search-body .btn-submit { width: 100%; height: 42px; }
}

.search-body input, .search-body textarea, .search-body select { width: 100%; padding: 0; margin: 0; border: none; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.search-body input:disabled { cursor: pointer; background: transparent; }
.search-body select { padding-right: 22px; background: url(../images/btnIcn/select_arrow.png) right 7px no-repeat; background-size: 15px 36px; }
.search-body button { cursor: pointer; }



/* 행사일정 검색 */
.calSearch {width:100%; overflow:hidden; margin-bottom:10px;}
.calSearch > .calSearchInfo {float:left; width:70%; height:20px; padding-top:15px; color:#444;} 
.calSearch > .calSearchArea {float:right; width:30%; text-align:right; } 
.calSearch > .calSearchArea > select {width:47%;}

@media all and (max-width:479px) {
.calSearch {margin-bottom:10px;}
.calSearch > .calSearchInfo {float:none; width:100%; margin:10px 0 0 0; padding:0px; text-align:center; height:auto;}
.calSearch > .calSearchArea {float:none; width:100%; margin:0px; padding:15px 10px; background:#f7f8fc; text-align:center; }
}

/* 행사일정 리스트 */
.calList {width:100%; overflow:hidden; border-top:2px solid #000;}
.calList > ul {width:100%;}
.calList > ul li {margin-bottom:5px; border:1px solid #e5e5e5;}
.calList > ul li > div.titleView {width:100%; overflow:hidden;}
.calList > ul li > div.titleView > span.calDate {display:inline-block; float:left; background:#f8f8f8; min-width:140px; padding:15px 25px; margin-right:10px; font-size:17px; color:#555;}
.calList > ul li > div.titleView > a {display:inline-block; word-break:break-all; width:58%; padding-top:15px; text-decoration:none; transform:skew(-0.001deg); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.calList > ul li > div.titleView > a:hover {font-weight:bold; color:#333; text-decoration:none;}
.calList > ul li > div.titleView > a.on {font-weight:bold; color:#333; text-decoration:none;}
.calList > ul li > div.titleView > span.calTerm {display:inline-block; float:right; text-align:right; width:230px; padding:15px 15px 15px 0; margin-left:10px; color:#4a76c5; font-size:13px;}
.calList > ul li > div.detailView {padding:20px 25px; border-top:1px dashed #e5e5e5; background:#fff;}
.calList > ul li > div.detailView > p.calPlace {padding-bottom:15px;}
.calList > ul li > div.detailView > p.calPlace > strong {transform:skew(-0.001deg);}
.cal-nolist {text-align:center; padding:8px 12px; font-size:13px;}

@media all and (max-width:479px) {
.calList > ul li > div.titleView > span.calDate {clear:both; width:100%; padding:10px 25px; text-align:center;}
.calList > ul li > div.titleView > a {width:100%; padding:15px 15px 10px 15px;}
.calList > ul li > div.titleView > span.calTerm {clear:both; width:100%; border-top:1px dashed #e5e5e5; padding:8px;}
.calList > ul li > div.detailView {padding:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.calList > ul li > div.titleView > span.calDate {clear:both; width:100%; padding:10px 25px; text-align:center;}
.calList > ul li > div.titleView > a {width:100%; padding:15px 15px 10px 15px;}
.calList > ul li > div.titleView > span.calTerm {clear:both; width:100%; border-top:1px dashed #e5e5e5; padding:8px;}
.calList > ul li > div.detailView {padding:15px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.calList > ul li > div.titleView > a {width:44%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.calList > ul li > div.titleView > a {width:46%;}
}
@media all and (min-width:1200px) {

}

/* faq 리스트 */
.faqList {width:100%; overflow:hidden; border-top:2px solid #000;}
.faqList > ul {width:100%;}
.faqList > ul li {margin-bottom:5px; border:1px solid #e5e5e5;}
.faqList > ul li > div.question {width:100%; padding:20px 25px; overflow:hidden;}
.faqList > ul li > div.question > span {display:block; float:left; font-size:30px; line-height:30px; margin-right:20px; color:#4a76c5;}
.faqList > ul li > div.question > a {display:block; margin-top:5px; word-break:break-all; transform:skew(-0.001deg);}
.faqList > ul li > div.question > a:hover {font-weight:bold; color:#333;}
.faqList > ul li > div.question > a.on {font-weight:bold; color:#333;}
.faqList > ul li > div.answer {padding:20px 30px; border-top:1px dashed #e5e5e5; background:#f7f8fc;}
.faqList > ul li > div.answer p {word-wrap:break-word;}
.faqList > ul li.faq_nolist {text-align:center; padding:8px 12px; }
.faqList > ul li.faq_nolist > span {display:inline-block; font-size:15px;}

@media all and (max-width:479px) {
.faqList > ul li > div.question {padding:18px 15px;}
.faqList > ul li > div.question > span {font-size:22px; line-height:22px; margin-right:15px;}
.faqList > ul li > div.question > a {margin-top:0; font-size:13px;}
.faqList > ul li > div.answer {padding:12px 15px;}
.faqList > ul li > div.answer > p {font-size:13px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.faqList > ul li > div.question {padding:18px 15px;}
.faqList > ul li > div.question > span {font-size:22px; line-height:22px; margin-right:15px;}
.faqList > ul li > div.question > a {margin-top:2px; font-size:13px;}
.faqList > ul li > div.answer {padding:12px 15px;}
.faqList > ul li > div.answer > p {font-size:13px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* 동영상강좌-list */
.videoList {width:100%; overflow:hidden;}
.videoList ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
.videoList ul li { /* border:1px solid #ccc;  */overflow:hidden;}
.videoList ul li > .videoArea { width: 100%; }
.videoList ul li > .videoArea > p { /* border-radius: 10px; */ overflow: hidden; }
.videoList ul li > .videoArea > p video { display: block; width: 100%; object-fit: cover; }
.videoList ul li > .videoArea > .videoInfo { display: flex; padding: 10px; min-height:100px; flex-wrap: wrap; justify-content: space-between; }
.videoList ul li > .videoArea > .videoInfo h5 { overflow: hidden; margin-bottom: 5px; }
.videoList ul li > .videoArea > .videoInfo h5 a { display:block; display:-webkit-box; font-size: 15px; font-weight: bold; text-align:left; line-height:23px; /* height:46px; */
	-webkit-box-orient: vertical; white-space:normal;  word-wrap:break-word; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; transform:skew(-0.001deg); }
.videoList ul li > .videoArea > .videoInfo p { font-size: 13px; font-weight: 300; color: #999; }
.videoList ul li > .videoArea > .videoInfo p.writer { width: 100%; color: #333; margin-bottom: 5px; }
.videoList ul li > .videoArea > .videoInfo p.writer::before { content: "발표자"; margin-right: 5px; color: #999; }
.videoList ul li > .videoArea > .videoInfo p.view::before { content: "view "; font-size: 12px; padding: 1px 10px; background: #ddd; border-radius: 50px; margin-right: 5px; }
.videoList ul li > .videoArea > .videoInfo p.cCnt::before { content: "comment "; font-size: 12px; padding: 1px 10px; background: #d7eeff; border-radius: 50px; margin-right: 5px; }



@media all and (max-width:479px) {
.videoList ul { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:480px) and (max-width:768px) {
.videoList ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 동영상강좌-View */

.videoContent { margin-bottom: 30px; }
.videoView video { max-width: 100%; }
.videoView .info { margin-bottom: 10px; }
.videoView .info h4 { font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.videoView .info h4.inquiryQ { display: flex; font-size: 25px; margin-bottom: 30px; font-weight: 500; line-height: 1.3;}
.videoView .info h4.inquiryQ i { font-size: 40px; color: #81d8bd; vertical-align: middle; margin-right: 15px; }
.videoView .info div.inquiryDes { font-size: 15px; margin-bottom: 40px; padding: 0 40px; border-left: 5px solid #ddd; word-break: break-word;}
.videoView .info .infoScr { padding: 15px 5px; font-size: 14px; color: #555; margin: 15px 0; border-bottom: 1px solid #ddd; }
.videoView .info .infoDetail { display: grid; grid-template-columns: 60px 1fr; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.videoView .info .infoDetail div { padding: 3px 0; font-size: 13px; }
.videoView .info .infoDetail div.title { color: #666; }

.comment { margin-top: 15px; }
.comment > ul > li { display: flex; margin-bottom: 15px; padding: 10px; flex-wrap: wrap; }
.comment ul li:last-child { margin-bottom: 0; }
.comment ul li:nth-child(2n) { background: #f8f8f8; }
.comment ul li p { font-size: 15px; }
.comment ul li p.user { font-size: 15px; font-weight: 500; color: #444; padding-bottom: 5px; }
.comment ul li div.writeArea { display: flex; width: 100%; border: 1px solid #ccc; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; }
.comment ul li p.txt { width: 100%; font-size: 13px; color: #555; }
.comment ul li p.date { padding-left: 10px; font-size: 12px; font-weight: 300; color: #999; } 
.comment ul li p textarea { width: 100%; box-sizing: border-box; padding: 15px; resize: none; border: none; }
.comment ul li p textarea:focus { outline: none; }

.comment ul li div.fileAdd { display: flex; width: 90%; }
.comment ul li div.fileAdd ul { width: 100%; }
.comment ul li div.fileAdd ul.fileList { padding: 0 15px;  }
.comment ul li div.fileAdd ul.fileList li { font-size: 13px;  }
.comment ul li div.fileAdd a.btn-modify { display: inline-block; background: #ccc; padding: 8px 15px; font-size: 14px; color: white; }

.comment ul li div.list-btn { margin: 0; width: auto; }
.comment ul li div.list-btn .btn-delete { color: #f44452; background: none; }
.comment ul li div.list-btn .btn-add { color: #fff; background: none; }
.comment ul li div.re-btn { margin: 0; }
.comment ul li div.re-btn a.btn-re-delete { font-size:14px; color: #f44452; font-weight:500; margin-left: 15px; }
.comment ul li div.re-btn a.btn-re-add { display: inline-block; font-size:14px; color: #fff; background: #2177ce; font-weight:500; margin-left: 15px; text-align: center; padding: 8px 15px; }

.comment ul li.write { padding: 0; }
.comment ul li.write p.user { color: #2177ce; }
.comment ul li.write p.user::before { content: "작성자"; color: #aaa; margin-right: 5px; font-size: 14px; }
.comment ul li.write p.txt { border-bottom: 1px solid #ddd; }
.comment ul li.write p.bottomFile { padding-bottom: 0px;}
.comment ul li.write div.re-btn { display: flex; width: 10%; justify-content: flex-end; }

@media all and (max-width:479px) {
.videoView .info h4.inquiryQ { display: flex; font-size: 20px; margin-bottom: 30px; font-weight: 500; word-break: break-word; line-height: 1.3; }
.videoView .info h4.inquiryQ i { width: 25px; font-size: 25px; vertical-align: top; margin-right: 10px; }
.videoView .info div.inquiryDes { font-size: 14px; margin-bottom: 50px; padding: 0 15px; border-left: 3px solid #ddd; word-break: break-word;}
}



/* 동영상강좌-View */
/* .videoWrap {width:100%; border:1px solid #e5e5e5; box-sizing:border-box; padding:5px; overflow:hidden;}
.videoWrap > .video-play {width:100%; height:500px; overflow:hidden;}
.videoWrap > .video-play > iframe {width:100%; height:100%;}
.videoWrap > .videoInfo {width:100%; height:100%; padding:15px 10px 5px 10px; overflow:hidden;}
.videoWrap > .videoInfo > h5 {font-size:18px; font-weight:bold; line-height:26px; word-wrap:break-word; margin-bottom:10px;}
.videoWrap > .videoInfo > p {word-wrap:break-word;}
.videoWrap > .videoInfo > div {width:100%; margin-top:10px; overflow:hidden;}
.videoWrap > .videoInfo > div > ul {float:right; overflow:hidden;}
.videoWrap > .videoInfo > div > ul li {float:left; font-size:13px; color:#999; margin-left:10px;}

@media all and (max-width:479px) {
.videoWrap > .video-play {height:200px;}
.videoWrap > .videoInfo > h5 {font-size:16px; line-height:22px; transform:skew(-0.001deg);}
}
@media all and (min-width:480px) and (max-width:767px) {
.videoWrap > .video-play {height:360px;}
.videoWrap > .videoInfo > h5 {font-size:16px; line-height:22px; transform:skew(-0.001deg);}
}
@media all and (min-width:768px) and (max-width:991px) {
.videoWrap > .video-play {height:480px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.videoWrap > .video-play {height:400px;}
}
@media all and (min-width:1200px) {

} */

/* vcc-list */
.vccList { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; width:100%; overflow:hidden; }
.vccList li{ width: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #ddd; overflow: hidden; }
.vccList li .video_info { width: 100%; box-sizing: border-box; padding: 12px 10px; }

.vccList li .video_info a { display: block; font-size: 1.8rem; font-weight: 500; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 12px; }
.vccList li .video_info a:hover { text-decoration: underline; }
.vccList li p { font-size: 13px; color: #333; margin-bottom: 5px; }
.vccList li p:last-child { margin-bottom: 0;}
.vccList li p.w { width: 100%; margin-bottom: 5px; }
.vccList li p.w::before { content: "제공일자"; margin-right: 5px; color: #999; }
.vccList li p.t::before { content: "제공기관"; margin-right: 5px; color: #999; }
.vccList li p.f::before { content: "교육과정"; margin-right: 5px; color: #999; }
.vccList li p.date {  margin-bottom: 0; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #e5e5e5; }
.vccList .video { background-repeat: no-repeat; background-position: center center; background-size: cover; }


@media all and (max-width:479px) {
.vccList { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:480px) and (max-width:768px) {
.vccList { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* vcc-view */
.vccView { width: 100%; border-top: 1px solid #231f20;  border-bottom: 1px solid #aaa; }
.tvTitle { width: 100%; font-size: 18px; font-weight: 500; text-align: center; color: #252525; box-sizing: border-box; padding: 18px 15px; background: #f7f8fc; }
.vccView .tvTitle { width: 100%; font-size: 18px; font-weight: 500;  text-align: center; color: #252525;  box-sizing: border-box;  padding: 18px 15px; background: #f7f8fc; }
.vccView .info-nv-area { width: 100%; box-sizing: border-box; padding: 20px 15px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden; }
.vccView li{ width: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #ddd; overflow: hidden; }
.vccView li .video_info { width: 100%; box-sizing: border-box; padding: 12px 10px; }

.vccView li .video_info a{ display: block; font-size: 1.8rem; font-weight: 500; color: #333; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;  margin-bottom: 12px; }
.vccView li .video_info a:hover { text-decoration: underline; }
.vccView li p { font-size: 13px; color: #333; margin-bottom: 5px; }
.vccView li p:last-child { margin-bottom: 0;}
.vccView li p.w { width: 100%; margin-bottom: 5px; }
.vccView li p.w::before { content: "제공일자"; margin-right: 5px; color: #999; }
.vccView li p.t::before { content: "제공기관"; margin-right: 5px; color: #999; }
.vccView li p.f::before { content: "교육과정"; margin-right: 5px; color: #999; }
.vccView li p.date { margin-bottom: 0; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #e5e5e5; }
.video { background-repeat: no-repeat; background-position: center center; background-size: cover; }


@media all and (max-width:479px) {
.vccView { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:480px) and (max-width:768px) {
.vccView { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; gap: 20px; margin-top: 25px; }
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* 테이블-포인트 */
.ntPoint {display:inline-block; background:#ff467d; padding:0 6px; border-radius:12px; color:#fff; font-size:12px;}   /* 공지 */
.completed {display:inline-block; background:#4a76c5; color:#fff; border-radius:2px; font-size:12px; padding:2px 5px; min-width:50px;}  /* 답변완료 */
.waiting {display:inline-block; background:#eef0f5; color:#000; border-radius:2px; font-size:12px; padding:2px 5px; min-width:50px;}   /* 답변대기,신청대기 */
.proceeding {display:inline-block; background:#5e5bc2; color:#fff; border-radius:2px; font-size:12px; padding:2px 8px; min-width:50px;}   /* 진행중 */
.deadline {display:inline-block; background:#888; color:#fff; border-radius:2px; font-size:12px; padding:2px 3px; min-width:50px;}   /* 접수마감 */
.always-on {display:inline-block; background:#008bc2; color:#fff; border-radius:2px; font-size:12px; padding:2px 3px; min-width:50px;} /* 상시채용 */
.p_color2 {font-size:12px; color:#f44452;}

/* 신청상태-포인트 */
.apply {color:#777; font-weight:bold; transform:skew(-0.001deg);}   /* 신청 */
.true {color:#4a76c5; font-weight:bold; transform:skew(-0.001deg);}   /* 선발.수료 */
.false {color:#f44452; font-weight:bold; transform:skew(-0.001deg);}   /* 미선발.미수료 */

/* 테이블-리스트형 */
.tableList {width:100%; border-top:2px solid #333;}
.tableList table {width:100%; /* table-layout:fixed; word-break:break-all; */}
.tableList table thead th {font-weight:bold; font-size:15.5px; line-height:18px; text-align:center; padding:15px 7px; border-bottom:1px solid #aaa; transform:skew(-0.001deg);}
.tableList table tbody th {min-height:35px; font-weight:bold; font-size:14.5px; line-height:18px; text-align:center; padding:10px 7px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; transform:skew(-0.001deg);}
.tableList table tbody td {min-height:35px; font-size:14.5px; text-align:center; padding:15px 7px; border-bottom:1px solid #e5e5e5;}
.tableList table tbody td a.acv {color: #18599a;}
.tableList table tbody td a.acv:hover {color: #2177ce; text-decoration: underline;}
.tableList table tbody td.term {text-align:left;}
.tableList table tbody td.subject {text-align:left; word-break:break-all;}
.tableList table tbody td.subject a {display:block;}
.tableList table tbody td.subject span { font-size: 11px; color: #aaa; }

/* 테이블-thead */
.tableList02 {width:100%; border-top:2px solid #333;}
.tableList02 table {width:100%; line-height: 1.3em;/* table-layout:fixed; word-break:break-all; */}
.tableList02 table thead th {font-weight:bold; font-size:15.5px; line-height:18px; text-align:center; padding:10px 7px; border-bottom:1px solid #aaa;border-right:1px solid #e5e5e5;background:#fafafa;text-align:center;}
.tableList02 table tbody th{background:#fafafa;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;padding:10px 0; line-height: 1.3em; font-size: 15.5px;}
.tableList02 table thead tr th:last-child{border-right:none;}
.tableList02 table tbody tr th:last-child{border-right:none;}
.tableList02 table tbody td {min-height:35px; font-size:15.5px; text-align:center; line-height: 1.3em; padding:12px 16px; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tableList02 table tbody td.term {text-align:left;}
.tableList02 table tbody td.subject {text-align:left; word-break:break-all;}
.tableList02 table tbody td.subject a {display:block;}
.tableList02 table tbody li { margin-top: 0.5em; }
.tableList02 table tbody li:first-child { margin-top: 0; }
.tableList02.narrow table tbody td {padding:5px 10px;}
.tableList02 table tbody td:last-child {border-right:none;}

/* 테이블-리스트형(라인) */
.tableListLine {width:100%; border-top:2px solid #333;}
.tableListLine table {width:100%;}
.tableListLine table thead th {font-weight:bold; font-size:13px; line-height:18px; text-align:center; padding:10px 7px; border-bottom:1px solid #aaa; border-right:1px solid #e5e5e5; background:#f7f8fc; transform:skew(-0.001deg);}
.tableListLine table thead th:last-child {border-right:none;}
.tableListLine table tbody th {min-height:35px; font-weight:bold; font-size:13px; line-height:18px; text-align:center; padding:10px 7px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; transform:skew(-0.001deg);}
.tableListLine table tbody td {min-height:35px; font-size:13px; text-align:center; padding:10px 7px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tableListLine table tbody td:last-child {border-right:none;}

/* 테이블-상세View */
.tableView {width:100%; overflow:hidden;}
.tableView table {width:100%; table-layout:fixed; word-break:break-all; border-top:2px solid #333;}
.tableView table tbody th {min-height:35px; font-size:15.5px; font-family:'NotoSansKR' ; font-weight:600; padding:12px 15px; text-align:center; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.tableView table tbody th span {font-size:12px; font-weight:normal; color:#de1819;}
.tableView table tbody td {min-height:35px; font-size:15.5px; padding:12px 15px; text-align:left; border-bottom:1px solid #e5e5e5;}
.tableView table tbody td.tvTitle {font-weight:bold; font-size:17px; padding:14px 15px; text-align:center; border-bottom:1px solid #aaa; line-height: 1.3em; }
.tableView table tbody td.tvCnt {width:100%; padding:20px;}
.tableView table tbody td.tvAnswer {padding:30px 0 12px 0;}
.tableView table tbody td.tvFile > ul li {width:100%; overflow:hidden;}
.tableView table tbody td.tvFile > ul li a {display:block; background:url('../images/common/icn_file.png') no-repeat left 5px; padding-left:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tableView table tbody td input {padding:0 3px;}
.tableView iframe { width: 100%; height: 532px; }
.tableView p { line-height: 1.3em; }


.prev-next {overflow:hidden; margin-top:50px;}   /* 이전글다음글 */
.prev-next table {border-top:1px solid #e5e5e5;}

/* 테이블-등록수정 */
.tableAdd {width:100%; overflow:hidden; border-top:2px solid #333;}
.tableAdd table {width:100%; table-layout:fixed; word-break:break-all;}
.tableAdd table tbody th {min-height:35px; font-size:13px; font-family:'NotoSansKR' ; font-weight:600; padding:12px 15px; text-align:left; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.tableAdd table tbody td {min-height:35px; font-size:13px; padding:8px 10px; text-align:left; border-bottom:1px solid #e5e5e5;}
.tableAdd table tbody td > p {font-size:13px; line-height:16px; padding-top:3px;}
.tableAdd table tbody td > input[type="text"],select {width:100%;}
.tableAdd table tbody td > input {padding:0 3px;}
.tableAdd table tbody td > textarea {width:100%; min-height:150px;}
.tableAdd table tbody td > label {display:inline-block; margin-right:15px;}
.tableAdd table tbody td > label input[type="checkbox"],input[type="radio"] {position:relative; top:-2px; -webkit-appearance: radio; }

.fileBox > input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:0; clip:rect(0,0,0,0);} /* 파일첨부 */
.fileBox > label {display:inline-block; padding:3px 10px; vertical-align:middle; color:#fff; background:#41506e; cursor:pointer;}
.fileBox > input.upload-file {
	display:inline-block; width:60%; background:#f7f8fc; border:1px solid #ccc; padding:0 5px;
	vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}

@media all and (max-width:479px) {
/* 채용정보.교육 및 행사 */
.tableTR {overflow-x:auto;}
.tableTR table colgroup col[data-table="number"],col[data-table="sch-num"] {display:none;}
.tableTR table thead th[data-table="number"],th[data-table="sch-num"] {display:none;}
.tableTR table tbody td[data-table="number"],td[data-table="sch-num"] {display:none;}
.tableTR table thead th {font-size:12px; text-align:center; padding:6px 5px;}
.tableTR table tbody td {font-size:11px; padding:6px 5px;}
.tableTR table tbody td.subject {word-break:keep-all;}

/* 공지사항.자료실.Q&A */
.tableNDQ table colgroup col[data-table="number"] {width:70px !important;}
.tableNDQ table colgroup col[data-table="rs-date"] {width:100px !important;}
.tableNDQ table colgroup col[data-table="answer"] {width:50px !important;}
.tableNDQ table colgroup col[data-table="writer"] {width:100px !important;}
.tableNDQ table colgroup col[data-table="wDate"] {width:100px !important;}
.tableNDQ table thead {display:none;}
.tableNDQ table tr {display:block; /* position:relative;*/ margin-top:10px; border:1px solid #e5e5e5; display: flex; }
.tableNDQ table tr:first-child {margin-top:0;}
.tableNDQ table tbody td {display:block; border-bottom:none;}

.tableNDQ table tbody td[data-table="number"] {display:none;}   /* 공지사항.자료실 */
.tableNDQ table tbody td[data-table="subject"] { display: inline-block; padding:15px 7px; flex: 1 1 0; }
.tableNDQ table tbody td[data-table="subject"] > a {width:60%; white-space: nowrap;display:block; /* display: -webkit-box; */ -webkit-box-orient: vertical; /* white-space: normal; word-wrap: break-word; */ -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; }
.tableNDQ table tbody td[data-table="rs-date"] {text-align:right;}

.tableNDQ table tbody td[data-table="answer"] {text-align:left;}   /* Q&A */
.tableNDQ table tbody td[data-table="writer"] {display: inline-block; }
.tableNDQ table tbody td[data-table="wDate"] {display: inline-block; }

.tableList02 table br{display:block;}

/* 테이블-리스트형(라인) */
.tableListLine {overflow-x:auto;}

/* 테이블-상세View */
.tableView table tbody th {font-size:1.5rem; padding:8px 5px; text-align:center;}
.tableView table tbody td {font-size:1.5rem; padding:8px 10px;}
.tableView table tbody td.tvTitle {font-size:17px; padding:10px; line-height: 1.3em; }
.tableView table tbody td.tvCnt {padding:10px;}
.tableView iframe { height: 250px;  }

.prev-next {display:none;}

/* 테이블-리스트형 */
.tableList table thead th { font-size:1.5rem; }
.tableList table tbody th { font-size:1.5rem; }
.tableList table tbody td { font-size:1.5rem; }

/* 테이블-등록수정 */
.tableAdd table tbody th {font-size:11px; padding:8px 5px; text-align:center;}
.tableAdd table tbody td {font-size:12px; padding:8px 6px;}
.tableAdd table tbody td > div.fileBox > input.upload-file {font-size:12px;}

}
@media all and (min-width:480px) and (max-width:767px) {
/* 채용정보.교육 및 행사 */
.tableTR {overflow-x:auto;}
.tableTR table colgroup col[data-table="number"],col[data-table="sch-num"] {display:none;}
.tableTR table thead th[data-table="number"],th[data-table="sch-num"] {display:none;}
.tableTR table tbody td[data-table="number"],td[data-table="sch-num"] {display:none;}
.tableTR table thead th {font-size:12px; text-align:center; padding:6px 5px;}
.tableTR table tbody td {font-size:11px; padding:6px 5px;}
.tableTR table tbody td.subject {word-break:keep-all;}

/* 테이블-리스트형(라인) */
.tableListLine {overflow-x:auto;}

/* 테이블-상세View */
.tableView table tbody th {font-size:1.5rem; padding:8px 5px; text-align:center;}
.tableView table tbody td {font-size:1.5rem; padding:8px 10px;}
.tableView table tbody td.tvTitle {font-size:17px; padding:10px; line-height: 1.3em; }
.tableView table tbody td.tvCnt {padding:10px;}
.tableView iframe { height: 50vw; }

/* 테이블-등록수정 */
.tableAdd table tbody th {font-size:12px; padding:8px 5px; text-align:center;}
.tableAdd table tbody td {font-size:12px; padding:8px 6px;}
.tableAdd table tbody td > div.fileBox > input.upload-file {font-size:12px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.tableListLine {overflow-x:auto;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.tableListLine {overflow-x:auto;}
}
@media all and (min-width:1200px) {

}


 /* 테이블 세부사항 - 질문 답변 영역 */
.answer-area {border:1px solid #e5e5e5;}
.answer-area > .answer-title {width:100%; padding:10px 15px; overflow:hidden; background:#f6fbff; border-bottom:1px solid #e5e5e5;}
.answer-area > .answer-title h5 {float:left; font-size:14px; font-weight:bold; color:#333; margin-right:10px; transform:skew(-0.001deg);}
.answer-area > .answer-title p {float:right;}
.answer-area > .answer-cnt {padding:15px 20px;}

/* 테이블 세부사항 - 교육 및 행사-교육과정 신청폼 */
.apply-area {width:100%; overflow:hidden;}     /* 수혜학생 교육신청 */
.apply-area  h5 {font-size:14px; text-align:center; margin-bottom:30px;}

.benifit-stuApply {width:100%; margin-bottom:30px; padding-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd;}
.benifit-stuApply div > p {float:left;}
.benifit-stuApply div > p.p_part1 {width:20%;}
.benifit-stuApply div > p.p_part2 {width:39%; margin:0 1%;}
.benifit-stuApply div > p.p_part3 {width:39%;}
.benifit-stuApply div > p select {width:100%;}
.benifit-stuApply div > p input {width:100%; padding:0 3px;}
.benifit-stuApply div > div {width:100%; clear:both; padding-top:20px; text-align:center;}
.benifit-stuApply div > div a {display:inline-block;}
.benifit-stuApply div > div a:hover {color:#fff;}

.apply-lgArea {width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd; overflow:hidden;}     /* 교육신청 로그인 */
.apply-lgArea  h5 {font-size:14px; text-align:center; margin-bottom:30px;}

.member-login {float:left; width:48%;}
.nonMember-login {float:right; width:48%;}

.apply-login {width:100%; overflow:hidden;}
.apply-login div > p.p_part1 {margin-top:0;}
.apply-login div > p.p_part2 {float:left; width:49%; margin-top:10px;}
.apply-login div > p.p_part3 {float:right; width:49%; margin-top:10px;}
.apply-login div > p select {width:100%;}
.apply-login div > p input {width:100%; padding:0 3px;}
.apply-login div > div {clear:both; width:100%; padding-top:20px; text-align:center;}
.apply-login div > div a {display:inline-block;}
.apply-login div > div a:hover {color:#fff;}

.agreeArea {width:100%; margin-top:20px; overflow:hidden;}   /* 정보제공동의 */
.agreeArea textarea {width:100%; height:250px; background:#fcfcfc; box-sizing:border-box; padding:15px;}
.agreeArea div {width:100%; margin-top:10px; overflow:hidden;}

@media all and (max-width:479px) {
.answer-area > .answer-title {padding:10px 12px;}
.answer-area > .answer-title h5 {font-size:13px;}
.answer-area > .answer-cnt {padding:10px 15px;}

.apply-area  h5 {font-size:13px; margin-bottom:20px;}

.benifit-stuApply {margin-bottom:20px; padding-bottom:20px;}
.benifit-stuApply div > p {float:none;}
.benifit-stuApply div > p.p_part1 {width:100%;}
.benifit-stuApply div > p.p_part2 {float:left; width:49%; margin:10px 0 0 0;}
.benifit-stuApply div > p.p_part3 {float:right; width:49%; margin:10px 0 0 0;}

.apply-lgArea {margin-bottom:20px; padding-bottom:20px;}
.apply-lgArea  h5 {font-size:13px; margin-bottom:20px;}

.member-login {clear:both; width:100%;}
.nonMember-login {clear:both; width:100%; margin-top:20px; padding-top:20px; border-top:1px dashed #e5e5e5;}


}

@media all and (min-width:480px) and (max-width:767px) {
.answer-area > .answer-title {padding:10px 12px;}
.answer-area > .answer-title h5 {font-size:13px;}
.answer-area > .answer-cnt {padding:10px 15px;}

.apply-area  h5 {font-size:13px;}

.apply-lgArea  h5 {font-size:13px;}

.member-login {clear:both; width:100%;}
.nonMember-login {clear:both; width:100%; margin-top:30px; padding-top:30px; border-top:1px dashed #e5e5e5;}


}

@media all and (min-width:768px) and (max-width:991px) {
.apply-lgArea  h5 {min-height:65px;}

}

@media all and (min-width:992px) and (max-width:1199px) {

}

@media all and (min-width:1200px) {

}

/* 리스트 - 버튼영역 */
.list-btn {width:100%; margin-top:15px; overflow:hidden;}
.list-btn > ul {float:right;}
.list-btn > ul li {float:left;}
.list-btn > ul li a {display:inline-block; padding:8px 20px; color:#fff; margin-left:5px; font-size: 14px; font-weight: 500;}

.btn-common {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#5f6d7a; } /* 목록,확인 */
.btn-add {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#3e608f;} /* 등록,신청 */
.btn-modify {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#2c8fbc;} /* 수정 */
.btn-delete {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#f44452;} /* 삭제 */
.btn-save {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#41506e;} /* 저장 */
.btn-cancle {display:inline-block; font-size: 14px; padding:8px 20px; color:#fff; background:#a0a0a0;} /* 취소 */

.btn-common:hover {color:#fff;}
.btn-add:hover {color:#fff;}
.btn-modify:hover {color:#fff;}
.btn-delete:hover {color:#fff;}
.btn-save:hover {color:#fff;}
.btn-cancle:hover {color:#fff;}

/* 리스트 - 페이징 */
#paging_bar {width:100%; margin:25px auto 0 auto; text-align:center; overflow:hidden;}
#paging_bar a {display:inline-block; padding:9px 12px; text-align:center; line-height:12px; color:#000;}
#paging_bar a.double-prev, a.double-next {padding:9px 12px; border:#eee 1px solid; background:#fff;}
#paging_bar a.prev, a.next {padding:9px 13px; border:#eee 1px solid; background:#fff;}
#paging_bar a:first-child {padding:6px 10px; border:#eee 1px solid; background:#fff;}
#paging_bar a:last-child {padding:6px 10px; border:#eee 1px solid; background:#fff;}
#paging_bar a:first-child:hover {padding:6px 10px; border:#eee 1px solid; background:#fff; color:#000;}
#paging_bar a:last-child:hover {padding:6px 10px; border:#eee 1px solid; background:#fff; color:#000;}
#paging_bar a:hover {background:#41506e; color:#fff; font-weight:bold; text-decoration:underline;}
#paging_bar a.on {background:#41506e; color:#fff; font-weight:bold; text-decoration:underline;}
#paging_bar a.active {background:#41506e; color:#fff; font-weight:bold; text-decoration:underline;}

@media all and (max-width:479px) {
#paging_bar a {padding:8px 10px; line-height:10px;}
#paging_bar a.double-prev, a.double-next {padding:6px 10px;}
#paging_bar a.prev, a.next {padding:6px 10px;}
}
@media all and (min-width:480px) and (max-width:767px) {

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* 메인팝업-View */
#mainPopup {z-index:9999; width:100%; margin:0 auto;}
.layerPopup {position:absolute; /* background:#fff;  */ z-index:9999;}
.layerPopup > div {width:100%; overflow:hidden; background-color:#fff; padding:10px 10px; border-top:5px solid rgba(40,52,78,0.9); border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
.layerPopup > div > p {word-break:break-all;}
.layerPopup > dl {padding:5px 10px; font-size:12px; color:#fff; letter-spacing:-1px; background:#28344e; overflow:hidden;}
.layerPopup > dl > dt {float:left; cursor:pointer;}
.layerPopup > dl > dd {float:right; cursor:pointer;}

@media all and (max-width:479px) {
#mainPopup {width:100%; padding:0 20px;}
.layerPopup {top:20px !important; left:0 !important; width:100% !important; height:auto; max-height:100%; padding:0 20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
#mainPopup {width:100%; padding:0 20px;}
.layerPopup {top:20px !important; left:0 !important; width:100% !important; height:auto; max-height:100%; padding:0 20px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/********************* ( new ) *********************/

/* 리스트 - new */
.list-text00 li { position: relative; line-height: 1.3em; padding-left: 13px; margin-top: 3px !important; }
.list-text00 li:before { content: ""; position: absolute; }
.list-text00 li:first-child { margin-top: 0 !important; }
.list-text00 .list-text01{ margin-bottom: 20px;} 
.list-text00 > li { padding: 0 15px; margin-top: 6px !important; font-weight: 500; word-break: break-word; }
.list-text00 > li:before { width: 5px; height: 5px; background-color: #7dbeff; top: 9px; left: 0; border-radius: 50%; }
.list-text00 li ul { margin: 8px 0;}
.list-text00 li ul li { font-size: 15.5px; font-weight: 400; line-height: 20px; }

.list-text01 li { position: relative; line-height: 1.3em; padding-left: 13px; margin-top: 3px !important; }
.list-text01 li:before { content: ""; position: absolute; }
.list-text01 li:first-child { margin-top: 0 !important; }
.list-text01 .list-text01{ margin-bottom: 20px;} 
.list-text01 > li { padding: 0 10px; margin-top: 6px !important; font-size: 15.5px; /* letter-spacing: -0.4px; color: #3a3a3a; */ }
.list-text01 > li:before { width: 4px; height: 1px; background-color: #6c6d73; top: 9px; left: 0; }
.list-text01 li ul { margin: 8px 0;}
.list-text01 li ul li { line-height: 20px; font-weight: 300; }
.round-num li { padding-left: 17px; }
.round-num li .number { position: absolute; left: 0; width: 13px; height: 13px;line-height: 11px; text-align: center; border-radius: 50px; font-size: 10px;top: 4px; left: 0; border: 1px solid #6c6d73; text-indent: -1px; }
.number { display: inline-block; width: 14px; height: 14px; line-height: 13px; text-align: center; border-radius: 50px; font-size: 10px; margin-right: 3px; border: 1px solid #6c6d73; text-indent: -1.5px;}
.list-text01.round-num li:before {content: none;} 
@media (max-width: 769px){
	.list-text01 > li { font-size: 1.5rem; }
	.list-text00 li ul li { font-size: 1.5rem; }
}

.list-text02 { display: flex; }
.list-text02 li { position: relative; min-width: auto; text-align: center; justify-content: center; font-size: 15.5px; }
.list-text02 li::before { content: ""; position: absolute; width: 1px; height: 1em; background: #e5e5e5; }
.list-text02 li:first-child::before { content: none; } 
.list-text02 li > * { padding: 0 10px; object-fit: contain; }
.list-text02 p { color: #222; line-height: 1.7em; }
.list-text02 dfn { color: #888; }
@media (max-width: 769px){
	.list-text02 li { font-size: 1.5rem; }
}

.list-text03 { display: flex; flex-direction: column; }
.list-text03 li { position: relative; flex: 1 1 auto; padding: 1rem 0; text-align: center; align-items: center; justify-content: center; }
.list-text03 li::before { content: ""; position: absolute; width: 1em; height: 1px; top: 0; background: #e5e5e5; }
.list-text03 li:first-child::before { content: none; } 
.list-text03 li > * { margin-top: 0.8rem; }
.list-text03 li img { height: 80%; }
.list-text03 p { color: #222; line-height: 1.7em; }
.list-text03 dfn { color: #888; }

/* ※ 참조 문구 */
.help-text { position: relative; color: #666666; line-height: 20px; padding-left: 17px; }
.help-text:before { content: "※"; position: absolute; width: 11px; height: 11px; top: 1px; left: 1px; }
.help-text02 { position: relative; color: #666666; line-height: 20px; font-size: 14px;}
.help-text02:before { content: "!"; display: inline-block; width: 15px; height: 15px; margin-right: 8px; border-radius: 50%; border: 1px solid #ffd0a2; color: #ff8100; text-align: center; font-size: 5px; font-weight: bold; line-height: 15px; text-indent: -1px; vertical-align: middle; }
/* ※ 참조 문구(학생 > 마이페이지 > 교육과정 > 이수요건 현황) */
.help-text02.picker { margin-top:5px; text-align: right; }
.help-text02.picker .dots { display: inline-flex; margin: 0 5px; align-items: center; }
.help-text02.picker .dots::before { content: ""; width: 0.6em; height: 0.6em; margin-right: 5px; }
.help-text02.picker .blueDot::before { background: blue; }
.help-text02.picker .redDot::before { background: red; }

/* flow chart */
.flow-chart01 { /* position: relative;  */}
.flow-chart01 > li { display: flex; background-color: #F6F6F6; border-radius: 4rem; padding: 16px 15px 16px 15px; margin-bottom: 20px; align-items: stretch; }
.flow-chart01 > li .num  { display: flex; margin-right: 15px; min-width: 70px; height: 40px; color: #58a3ee; font-weight: 400; background-color: #fff; border-radius: 50rem; align-items: center; justify-content: center; }
.flow-chart01 > li > ul { display: flex; flex-direction: column; justify-content: center; }

.flow-chart02 { padding: 25px; border: 1px solid #efefef; }
.flow-chart02 > li { display: grid; grid-template-columns: 150px 1fr; gap: 1em; margin-bottom: 1em; }
.flow-chart02 > li:last-child { margin-bottom: 0; }
.flow-chart02 > li .num { border-radius: 8px; background-color: #f9f9f9; display: flex; line-height: 1.3em; align-items: center; padding: 1em; justify-content: center; color: #2177ce; font-weight: 400; text-align: center; }
.flow-chart02 > li > ul { flex: 1 1 auto; border-radius: 8px; padding: 18px 30px; border: 1px solid #efefef; }
@media all and (max-width:479px) {
.flow-chart02 { padding: 20px; }
.flow-chart02 > li { grid-template-columns:1fr; gap: 1em; }
.flow-chart02 > li > ul {padding: 12px;}
.flow-chart02 > li .num { padding: 0.5em; }
}
@media all and (min-width:480px) and (max-width:767px) {
.flow-chart02 > li { grid-template-columns: 80px 1fr; gap: 1em; }
.flow-chart02 > li > ul {padding: 18px 20px;}
.flow-chart02 > li .num { padding: 0.5em; }
}

    
/* 사업소개 - 참여기관 구성도 */
.organ_area { position: relative; padding: 25px; text-align: center; color: #3a3a4a; border: 1px solid #e5e5e5; }
.organ_area .organ_wrap { display: flex; position: relative; justify-content: center; flex-direction: column; align-items: center; }
.organ_area .organ_wrap::after { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #e1e3e6; }
.organ_area .organ_wrap .box { display: flex; flex-direction: column; min-width: 160px; }
.organ_area .organ_wrap .tit { border: 1px solid #e1e3e6; padding: 8px 5px; background-color: #edf6ff; color: #3a3a4a; border-radius: 6px 6px 0 0; }
.organ_area .organ_wrap .cont { width: 100%; padding: 16px 10px; line-height: 1.3em; color: #44465c; border: 1px solid #e1e3e6; border-top: 0; border-radius: 0 0 6px 6px; background: white; text-align: center; }
.organ_area .organ_wrap .cont > * { margin-top: 16px; }
.organ_area .organ_wrap .cont > *:first-child { margin-top: 0; }
.organ_area .organ_wrap .cont ul li { margin-top: 16px; }
.organ_area .organ_wrap .cont ul li:first-child { margin-top: 0; }
.organ_area .organ_wrap .cont > .cont { width: 100%; border: 1px solid #e1e3e6; border-radius: 6px; }
.organ_area .organ_wrap .cont li { background-color: #f6f6f6; line-height: 1.3em; border-radius: 8px; border: 1px solid #e1e3e6; color: #3a3a4a; padding: 16px 10px; }
.organ_area .organ_wrap .dep1 { /* position: relative; */ margin: 0 auto 350px; z-index: 1; }
.organ_area .organ_wrap .dep1::after { content: ''; display: block; position: absolute; top: 20%; left: 50%; width: 50%; height: 1px; background-color: #e1e3e6;  }
.organ_area .organ_wrap .dep2 { display: block; position: absolute; z-index: 1; top: 30px; right: 0; }
/* .organ_area .organ_wrap .dep2::after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 50%; height: 0.8px; background-color: #e1e3e6; } */
/*.organ_area .organ_wrap .dep2 .cont { display: inline-block; position: relative; width: 160px; background: #edf6ff; z-index: 1; } */
/* .organ_area .organ_wrap .dep3 { display: flex; gap: 25px; position: relative; overflow: hidden; width: 100%; margin-bottom: 30px; justify-content: space-between; }
.organ_area .organ_wrap .dep3 > li { position: relative; z-index: 1; }
.organ_area .organ_wrap .dep3 > li::after { content: ''; display: block; position: absolute; top: -30px; left: 50%; width: 1px; height: 1px; background-color: #e1e3e6; } */
.organ_area .organ_wrap .dep4 { display: flex; gap: 25px; position: relative; }
.organ_area .organ_wrap .dep4 > li { position: relative; z-index: 1; }
.organ_area .organ_wrap .dep4 > li::after { content: ''; display: block; position: absolute; top: -23px; left: 50%; width: 1px; height: 100%; z-index: -1; background-color: #e1e3e6; }
.organ_area .organ_wrap .group { z-index: 1; }
.organ_area .organ_wrap .group::after { content: ''; display: block; position: absolute; height: 0.8px; width: calc(100% - 160px); top: -24px; right: 50%; transform: translateX(50%); background-color: #e1e3e6; }
@media all and (max-width: 980px){
	.organ_area { overflow-x: scroll; }
	.organ_area .organ_wrap { min-width: 930px; }
}

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

.tableListOrg {width:100%; border-radius: 7px; overflow: hidden; border: 1px solid #efefef; }
.tableListOrg table {width:100%; line-height: 1.3em; }
.tableListOrg table thead th {font-weight: 500; font-size:14px; text-align:center; padding:10px 7px; border-bottom:1px solid #efefef;border-right:1px solid #efefef;background:#f6f6f6;text-align:center;}
.tableListOrg table tbody th{ background:#fafafa;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;padding:10px 0;}
.tableListOrg table thead tr th:last-child{border-right:none;}
.tableListOrg table tbody tr th:last-child{border-right:none;}
.tableListOrg table tbody td {min-height:35px; font-size:14px; text-align:center; line-height: 1.3em; padding:8px 12px; border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
.tableListOrg table tbody td:last-child {border-right:none;}
.tableListOrg table tbody tr:last-child td { border-bottom: none; }
.tableListOrg span.orgCompList::after{content: " | "; display: inline-block; font-size: 0.5em; padding: 0 3px; color: #aaa; }
.tableListOrg span.orgCompList:last-child::after{content: none; }

/* 사업소개 - 추진체계 및 역할 */
/* .SystemBox_wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.SystemBox {padding: 25px 30px 25px 140px; border: 1px solid #e1e3e6; border-radius: 8px 50px 8px 8px; }
.SystemBox > p.sytemTit { color: #3a3a4a; font-size: 21px; font-weight: 700; text-align: left; margin-bottom: 15px;}
.SystemBox.sb01 { background:url('../images/common/orgSystem_bg01.png') no-repeat 30px 25px; }
.SystemBox.sb02 { background:url('../images/common/orgSystem_bg02.png') no-repeat 30px 25px; }
.SystemBox.sb03 { background:url('../images/common/orgSystem_bg03.png') no-repeat 30px 25px; }
.SystemBox.sb04 { background:url('../images/common/orgSystem_bg04.png') no-repeat 30px 25px; }
.SystemBox .list-text01 > li { margin-top: 3px; }
    
.SystemCircle_wrap { display: flex; position: relative; border: 1px solid #e1e3e6; padding: 30px 0 200px 0; align-items: center; justify-content: center; flex-direction: column; border-radius: 8px 50px 8px 8px; }
.SystemCircle_wrap::before { content: ""; position: absolute; top: 135px; width: 600px; height: 600px; border-radius: 50%; border: 12px solid #fafafa; }
.SystemCircle_wrap .SystemCircle { display: flex; width: 250px; height: 250px; overflow: hidden; border-radius: 50%; text-align: center; z-index: 2; border: 1px solid #e1e3e6; background: white; flex-direction: column; justify-content: space-between; }
.SystemCircle_wrap .SystemCircle.sc01 { margin-bottom: 35px; border: 1px solid #6bc653; }
.SystemCircle_wrap .SystemCircle.sc01 .sytemTit { background: #6bc653; }
.SystemCircle_wrap .SystemCircle.sc01 .sytemTit:last-child { background: #fff; color: #6bc653; border-top: 1px solid #6bc6535e; }
.SystemCircle_wrap .SystemCircle.sc01::after { content: ""; display: inline-block; position: absolute; right: 50%; top: 280px; z-index: -1; width: 1px; height: 50px; background: #e1e3e6; }
.SystemCircle_wrap .SystemCircle.sc02 { border: 1px solid #2177ce; }
.SystemCircle_wrap .SystemCircle.sc02 .sytemTit { background: #2177ce; }
.SystemCircle_wrap .SystemCircle.sc02 .sytemTit:last-child { background: #fff; color: #2177ce; border-top: 1px solid #2177ce5e; }
.SystemCircle_wrap .SystemCircle.sc02::before { content: ""; display: inline-block; position: absolute; top: 522px; left: 293px; z-index: -1; width: 120px; height: 1px; background: #e1e3e6; transform: rotate(315deg); }
.SystemCircle_wrap .SystemCircle.sc02::after { content: ""; display: inline-block; position: absolute; top: 522px; right: 293px; z-index: -1; width: 120px; height: 1px; background: #e1e3e6; transform: rotate(220deg); }
.SystemCircle_wrap .SystemCircle.sc03 { position: absolute; top: 485px; left: 110px; border: 1px solid #ffb021; }
.SystemCircle_wrap .SystemCircle.sc03 .sytemTit { background: #ffb021; }
.SystemCircle_wrap .SystemCircle.sc03 .sytemTit:last-child { background: #fff; color: #ffb021; border-top: 1px solid #ffb0215e; }
.SystemCircle_wrap .SystemCircle.sc04 { position: absolute; top: 485px; right: 110px; border: 1px solid #21bece; }
.SystemCircle_wrap .SystemCircle.sc04 .sytemTit { background: #21bece; }
.SystemCircle_wrap .SystemCircle.sc04 .sytemTit:last-child { background: #fff; color: #21bece; border-top: 1px solid #21bece5e; }
.SystemCircle_wrap .SystemCircle .sytemTit { display: flex; height: 120px; font-size: 16px; color: #fff; align-items: center; justify-content: center; flex-direction: column; }
.SystemCircle_wrap .SystemCircle .sytemTit p { margin-bottom: 5px; font-size: 14px; color: #ffffffa0; }
.SystemCircle_wrap .SystemCircle ul.list-text01 { display: flex; text-align: left; padding: 15px 25px; height: 100%; background: white; flex-direction: column; justify-content: center; }
.SystemCircle_wrap .SystemCircle ul.list-text01 li { line-height: 1.3em; font-size: 15px; letter-spacing: -1px; }

.title_sub { display: inline-block; font-size: 13px; font-weight: normal; color: #999; margin-left: 5px; }
.title_sub::before{ content: "[ "; }
.title_sub::after{ content: " ]"; } */





/* 사용자 반응형 테이블  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 테이블 상세보기 */
.bbsView { overflow:hidden;}
.bbsView table {width:100%; table-layout:fixed; /* border-left:1px solid #e4e4e4; */ border-top:2px solid #555;}
.bbsView table thead th {color:#333; font-size:15.5px; font-weight:600; text-align:center; padding:12px 5px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fafafa; line-height: 1.3em;}
.bbsView table tbody th {color:#333; font-size:15.5px; font-weight:400; text-align:center; word-break:keep-all; padding:12px 5px; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fafafa; line-height: 1.3em;}
.bbsView table tbody th em {font-size:16px;; font-style:normal; color:#e61c1c;}
.bbsView table tbody td em {display: inline-block; padding: 4px 6px; font-size:14.5px; font-style:normal; line-height: 1.2em; color:#e61c1c;}
.bbsView table tbody td {text-align:center; font-size:15.5px; box-sizing:border-box; padding:12px 8px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; /* background:#fff; */ line-height: 1.3em;}
.bbsView table tbody td:last-child { border-right: none; }
.bbsView table tbody td label {display:inline-block; margin-right:5px;}
.bbsView table tbody td .title-btn {overflow:hidden;}
.bbsView table tbody td .title-btn dt {float:left; width:calc(100% - 220px); line-height:2.5rem;}
.bbsView table tbody td .title-btn dd {float:right;}
.bbsView table tbody td .title-btn.form dd {line-height:3.5rem;}
.bbsView table tbody td .dateBr {display:none;}
.bbsView .mobonly { display: none; }

.bbsView .bgBlue {background:#f9fcff !important;}
.bbsView .form-list li {display:inline-block; margin:5px 5px 5px 0; overflow:hidden;}
.bbsView .form-list li.wave {line-height:45px; margin:0 5px 0 0; vertical-align:top;}
.bbsView .form-list li:last-child {margin-left:0;}

.bbsView input { width: 100%; padding: 5px 1em; margin: 0; border: none; outline: none; /* font-size: 15px; */ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.bbsView textarea { width: 100%; padding: 5px 1em; margin: 0; border: none; outline: none; /* font-size: 15px; */ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.bbsView select { width: 100%; padding: 5px 1em; margin: 0; border: none; outline: none; /* font-size: 15px; */ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.bbsView input:disabled { cursor: pointer; background: transparent; }
.bbsView select { width: auto; padding-right: 26px; background: url(../images/btnIcn/select_arrow.png) 93% 12px no-repeat; background-size: 13px 33px; }
.bbsView button { cursor: pointer; }
    

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

@media all and (max-width: 991px){
	.bbsView table tbody th {font-size:1.5rem;}
	.bbsView table tbody td {font-size:1.5rem;}
	.bbsView input, .bbsView textarea, .bbsView select {font-size:1.5rem;}
}

@media all and (max-width: 769px){
	.bbsView {width:100%; overflow:hidden;}
	.bbsView > table {position:relative; display:block; table-layout:auto; empty-cells:show; border-collapse:separate; border-left:none; border-bottom:1px solid #ddd;}
	.bbsView > table > colgroup {display:none;}
	.bbsView > table > thead {display:block;}
	.bbsView > table > thead > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > thead > tr > th {display:block; width:30%; float:left; box-sizing:border-box; text-align:center; color:#333; font-weight:500; border-right:1px solid #e4e4e4; background:#f7f8fc;}
	.bbsView > table > tbody {display:block;}
	.bbsView > table > tbody > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > tbody > tr > th {
		display:block; vertical-align:middle; width:30%; float:left; clear:left; padding:12px 5px; color:#333; 
		border-right:none; border-bottom:none; border-top:1px solid #e4e4e4; background:none;
	}
	.bbsView > table > tbody > tr > td {
		display:block; vertical-align:middle; width:70%; min-height:42px; float:left; text-align:left; padding:12px 5px; 
		border-right:none !important; border-bottom:none; border-top:1px solid #e4e4e4; background:none;
	}
	.bbsView table tbody td .title-btn dt {float:none; width:100%; line-height:1.2;}
	.bbsView table tbody td .title-btn dd {float:none; width:100%; margin-top:5px;}
	
	.bbsView .full {width:100%; background:#fff;}
	.bbsView .bgGray {background:rgba(247,248,252,0.7);}
	.bbsView .mobonly { display: block; }
	.bbsView .deskonly { display: none; }
	
	.bbsView .form-list li {display:block; margin:0 0 5px 0;}
	.bbsView .form-list li.wave {line-height:1.4; margin:0;}
	.bbsView .form-list li:last-child {margin:0;}
	.bbsView .form-list li > select, .bbsView .form-list li > input[type="text"] {width:100% !important;}
	.bbsView .form-list li > input[type="text"].cal-date {width:calc(100% - 25px) !important;}
}

@media all and (max-width: 481px){
	.bbsView table tbody td .dateBr {display:inline-block;}
	
}


/* tableFlexList */
.tableFlexList .bgBlue { background: #f9fcff !important; }
.tableFlexList { overflow: hidden; }

.tableFlexList table { width: 100%; table-layout: fixed; border-bottom: 1px solid #e5e5e5; border-top: 2px solid #555; background: #fff; }
.tableFlexList table thead th { min-height: 30px; padding: 12px 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; font-size: 15.5px; font-weight: 700; text-align: center; vertical-align: middle; color: #333; }
.tableFlexList table thead th:last-child { border-right: none; }
.tableFlexList table tbody th { min-height: 30px; padding: 12px 8px; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #fafafa; line-height: 1.3em; font-size: 1.5rem; vertical-align: middle; text-align: center; font-weight: 400; color: #333; }
.tableFlexList table tbody td { min-height: 30px; padding: 12px 8px; font-size: 1.5rem; vertical-align: middle; text-align: center; color: #333; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.tableFlexList table tbody td:last-child { border-right: none; }
.tableFlexList table tbody .mth { display: none; }
.tableFlexList table tbody .mtd { word-break: break-word; line-height: 1.3em; }
.tableFlexList table tbody .mtd > ul > li { display: flex; height: 50px; padding: 12px 8px; justify-content: center; align-items: center; border-bottom: 1px solid #e5e5e5; }
.tableFlexList table tbody .mtd > ul > li.last { border: none; }
.tableFlexList table tbody .blockBox { display: flex; flex-wrap: wrap; }
.tableFlexList table tbody .blockBox > div { display: flex; justify-content: center; align-items: center; flex-grow: 1; flex-basis: 50px; height: 50px; border-right: 1px solid #e5e5e5; }
.tableFlexList table tbody .blockBox > div.last { border-right: none; }
.tableFlexList table .sum th, .tableFlexList table .sum td, .tableFlexList table .sum .mth { color: #1a8d5f; background: #e8f3ef; }
.tableFlexList table .bgw { background: #fff !important; }
.tableFlexList table .bgG { color: #1a8d5f !important; background: #e8f3ef !important; }
.tableFlexList table .bgB { color: #454f63 !important; background: #f1f6fc !important; }
.tableFlexList table .wide { padding: 0; }
.tableFlexList table .mobOnly { display: none; }



@media all and (max-width: 769px) {
  /* tableFlexList */
  .tableFlexList * { font-size: 1.5rem !important; }
  .tableFlexList table { display: block; border: none; }
  .tableFlexList table colgroup col { width: auto !important; }
  .tableFlexList table tr { display: flex; flex-wrap: wrap; margin-top: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: none; }
  .tableFlexList table tr:first-child { margin-top: 0; }
  .tableFlexList table thead { display: none; }
  .tableFlexList table tbody { display: block; }
  .tableFlexList table tbody th { display: block; width: 100%; min-height: 45px; border-right: none; }
  .tableFlexList table tbody td { display: flex; width: 100%; min-height: 45px; padding: 0; border-right: none; }
  .tableFlexList table tbody .num { display: none; }
  .tableFlexList table tbody .mth { display: flex; width: 10rem; justify-content: center; align-items: center; color: #333; font-weight: 400; word-break: keep-all; border-right: 1px solid #e5e5e5; background: #fafafa;}
  .tableFlexList table tbody .mtd { display: flex; width: calc(100% - 10rem); width: -webkit-calc(100% - 10rem); padding: 12px 8px; align-items: center; text-align: left; word-break: break-word; }
  .tableFlexList table tbody .mtd a { word-break: break-all; }
  .tableFlexList table tbody .mtd > ul { width: 100%; }
  .tableFlexList table tbody .mtd > ul > li { height: auto; justify-content: flex-start; padding: 8px; }
  .tableFlexList table .dktOnly { display: none !important; }
  .tableFlexList table .mobOnly { width: 100%; display: block !important; }
  .tableFlexList table .sum .mtd { justify-content: center; }
  .tableFlexList table .wide .mtd { padding: 0; }
  .tableFlexList table .tdFull { justify-content: center; align-items: center; padding: 12px 8px; }
  .tableFlexList table .line { border-top: 1px solid #555; }
  .tableFlexList table tbody .mtd.w50p { display: inline-block; border-right: 1px solid #e5e5e5; }
  .tableFlexList table tbody .mtd.w50p:last-child { border-right: none; }
  .tableFlexList table tbody .mtd.w33p { display: inline-block; border-right: 1px solid #e5e5e5; }
  .tableFlexList table tbody .mtd.w33p:last-child { border-right: none; }

}


/* tableListScroll */
.tableListScroll { overflow: hidden; }
.tableListScroll table { width:100%; table-layout:fixed; border-bottom: 1px solid #e5e5e5; border-top: 2px solid #555; }
.tableListScroll table thead th { min-height: 30px; padding: 12px 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; font-size: 1.5rem; font-weight: 700; text-align: center; vertical-align: middle; color: #333; line-height: 1.3em; }
.tableListScroll table thead th:last-child { border-right: none; }
.tableListScroll table tbody td { min-height: 30px; padding: 12px 8px; font-size: 1.5rem; vertical-align: middle; text-align: center; color: #333; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; line-height: 1.3em; } 
.tableListScroll table tbody td:last-child { border-right: none; }
.tableListScroll table tbody th { min-height: 30px; padding: 12px 8px; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #fafafa; line-height: 1.3em; font-size: 1.5rem; vertical-align: middle; text-align: center; font-weight: 400; color: #333; }
@media all and (max-width: 769px){
	.tableListScroll { overflow: hidden; overflow-x: scroll;}
	.tableListScroll table { width: 769px; }
}

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