@charset "UTF-8"; 

@import url("../../learn/css/10.css"); /* 검색 */
@import url("../../learn/css/11.css"); /* 캘린더 */

/********************************
 01사업소개
 *******************************/

/* 01사업안내 > 01사업소개*/
.businessIntro_box {}
.businessIntro_box .b_h3 {display:block; text-align:center; font-size:4.0rem; font-family:'OneMobile';}
.businessIntro_box .b_text {display:block; text-align:center; font-size:2.4rem; font-family:'OneMobile';}

.b_introbox {margin-bottom:130px;}
.b_info {margin-top:100px;}
.b_info > ul {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.b_info > ul > li {position:relative; width:33%; border-radius:50%; text-align:center; box-sizing:border-box;}
.b_info > ul > li:before,
.b_info > ul > li:after {content:''; display:block; border-radius:50%; position:absolute; left:0; width:100%; height:100%; background-size:100%; border-top-left-radius:50%; /* 가로/세로 크기에 맞춘 모서리 반경 */ border-top-right-radius:50%;}
.b_info > ul > li:before {top:-8%;}
.b_info > ul > li:after {bottom:-8%;}
.b_info > ul > li.b_li01:before { border:3px dashed #ddd; /* 테두리 굵기 및 색상 */ border-bottom:none; border-left:none; border-right:none; /* 하단 테두리 제거 */ }
.b_info > ul > li.b_li01:after {  border:3px solid #0952b4; /* 테두리 굵기 및 색상 */ border-top:none; border-left:none; border-right:none; /* 하단 테두리 제거 */ }

.b_info > ul > li.b_li02:before { border:3px solid #098eb4; /* 테두리 굵기 및 색상 */ border-bottom:none; border-left:none; border-right:none; /* 하단 테두리 제거 */ }
.b_info > ul > li.b_li02:after { border:3px dashed #ddd; /* 테두리 굵기 및 색상 */ border-top:none; border-left:none; border-right:none;}

.b_info > ul > li.b_li03:before { border:3px dashed #ddd; /* 테두리 굵기 및 색상 */ border-bottom:none; border-left:none; border-right:none; /* 하단 테두리 제거 */ }
.b_info > ul > li.b_li03:after { border:3px solid #090db4; /* 테두리 굵기 및 색상 */ border-top:none; border-left:none; border-right:none; /* 하단 테두리 제거 */ }

.b_info > ul > li .b_innerCircle {position:relative;padding: 10rem 50px;box-sizing:border-box;}
.b_info > ul > li .bIcon {position:relative; display:block; width:120px; height:120px; margin:0 auto 10px;}
.b_info > ul > li .bIcon:before {content:''; display:block; position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:-60px; width:120px; height:120px;}
.b_info > ul > li .bIcon.bIcon01:before {background:url(../images/sub/01/icon_ict01.png) no-repeat;}
.b_info > ul > li .bIcon.bIcon02:before {background:url(../images/sub/01/icon_ict02.png) no-repeat;}
.b_info > ul > li .bIcon.bIcon03:before {background:url(../images/sub/01/icon_ict03.png) no-repeat;}

.b_info ul li .bTit {display:block; margin-bottom:30px; font-family:'OneMobile'; font-size:2.4rem;}
.b_info ul li > ul.list {}

/* media query */
@media screen and (max-width:1240px){
	.b_info > ul > li .b_innerCircle {padding: 8rem 40px;}
}
@media screen and (max-width:1024px){	
	.businessIntro_box .b_h3 {font-size:3.6rem;}
	.businessIntro_box .b_text {font-size:2.0rem;}
	
	.b_info > ul {flex-wrap:wrap; justify-content:center;}
	.b_info > ul > li {width:50%;}
	.b_info > ul > li .b_innerCircle {padding:5rem 35px;}

	.b_info > ul > li:before {top:-12%;}
	.b_info > ul > li:after {bottom:-12%;}

	.b_info ul li .bTit {margin-bottom:20px; font-size:2.2rem;}
}
@media screen and (max-width:920px){
	.businessIntro_box .b_h3 {font-size:3.2rem;}
	.businessIntro_box .b_text {font-size:1.9rem;}
}
@media screen and (max-width:767px){
	.businessIntro_box .b_h3 {font-size:2.8rem;}
	.businessIntro_box .b_text {font-size:1.8rem;}

	.b_info {margin-top:50px;}
	.b_info > ul > li {width:100%;}
	.b_info > ul > li:before {top:0%;}
	.b_info > ul > li:after {bottom:0%;}
	.b_info > ul > li .b_innerCircle {padding:8rem 80px;}

	.b_info ul li .bTit {font-size:2.0rem;}
}
@media screen and (max-width:640px){
	.b_info {margin-top:30px;}
}
@media screen and (max-width:480px){
	.businessIntro_box .b_h3 {font-size:2.4rem;}
	.businessIntro_box .b_text {font-size:1.7rem;}
	.b_info > ul > li .b_innerCircle {padding:4em 70px;}
}



/*사업추진체계*/
.b_orgbox {}
.b_org {margin-top:50px;}
.b_org ol {}
.b_org ol li {}
.b_org .oTit {border-top-left-radius:27px; border-top-right-radius:27px; padding:15px 10px; color:#fff; text-align:center; font-size:2.2rem;}
.b_org .oImg {text-align:center; padding:20px 10px;}

.b_org .org_box_01 {position:relative; width:330px; margin:0 auto 30px; border:1px solid #ddd; border-radius:27px;}
.b_org .org_box_01:before {content:''; display:block; position:absolute; bottom:-30px; left:50%; width:1px; height:30px; background-color:#ccc;}
.b_org .org_box_01 .oTit {background-color:#0987b4;}
 
.b_org .org_box_02 {position:relative; width:330px; margin:0 auto 100px; border:1px solid #ddd; border-radius:27px;}
.b_org .org_box_02:before {content:''; display:block; position:absolute; bottom:-100px; left:50%; width:1px; height:100px; background-color:#ccc;}
.b_org .org_box_02 .oTit {background-color:#0987b4;}

.org_box_03 {margin-bottom:150px;}
.org_box_03 .org03List {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:center; gap:20px;}
.org_box_03 .org03List > li {position:relative; width:25%; border-radius:27px; border:1px solid #ddd;}
.org_box_03 .org03List > li.org0302 {position:absolute; top:auto; left:50%; transform:translateX(-50%);}
.org_box_03 .org03List li:before {content:''; display:block; position:absolute; background-color:#ccc;}
.org_box_03 .org03List li.org0301:before {top:50%; left:100%; width:50%; height:1px;}
.org_box_03 .org03List li.org0302:before {bottom:-65px; left:50%; width:1px; height:65px;}
.org_box_03 .org03List li.org0303:before {top:50%; right:100%; width:50%; height:1px;}

.org_box_03 .org03List li .org03inner {position:relative; margin:0 auto; border-radius:27px;}
.org_box_03 .org03List li.org0301 .org03inner {}
.org_box_03 .org03List li.org0302 .org03inner {}
.org_box_03 .org03List li.org0303 .org03inner {}

.org_box_03 .org03List li .org03inner .oTit {background-color:#3a64d0;}
.org_box_03 .org03List li .org03inner .oTit.main {background-color:#0044a0;}
.org_box_03 .org03List li .org03inner .oImg {border-bottom:1px dashed #dedede;}
.org_box_03 .org03List li .org03inner > ul {padding: 20px;}
.org_box_03 .org03List li .org03inner > ul li {}

.org_box_04 {margin-bottom:60px;}
.org_box_04 .org04List {position:relative; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; gap:20px;}
.org_box_04 .org04List:before {content:''; display:block; position:absolute; top:-60px; left:50%; transform:translateX(-50%); width:77.6%; height:1px; background-color:#ccc;}
.org_box_04 .org04List > li {position:relative; width:calc(23% - 10px); border-radius:27px; border:1px solid #ddd;}
.org_box_04 .org04List > li:before {content:''; display:block; position:absolute; top:-60px; left:50%; width:1px; height:60px; background-color:#ccc;}
.org_box_04 .org04List li .org04inner { margin:0 auto; }
.org_box_04 .org04List li .org04inner .oTit {background-color:#12832d;} 
.org_box_04 .org04List li .org04inner .oImg {border-bottom:1px dashed #dedede;}
.org_box_04 .org04List li .org04inner > ul {padding: 20px;}
.org_box_04 .org04List li .org04inner > ul li {}

.org_box_05 {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch;}
.org_box_05 dt {width:220px; text-align:center; background-color:#630f8a; color:#fff; border-bottom-left-radius:30px; border-top-left-radius:30px; align-content:center;  font-size:2.2rem;}
.org_box_05 dd {width:calc(100% - 220px); border:1px solid #ddd;}
.org_box_05 dd ul {display:flex; flex-wrap:nowrap; justify-content:center; gap:40px; align-items:stretch;}
.org_box_05 dd ul li {width:calc(33.3333% - 40px);}
.org_box_05 dd ul li .oImg {}


/* media query */
@media screen and (max-width:1240px){
	.org_box_03 .org03List > li {width:29%;}
	.org_box_03 .org03List li.org0301:before {width:23%;}
	.org_box_03 .org03List li.org0303:before {width:23%;}
}

@media screen and (max-width:1024px) {
	.org_box_03 .org03List > li {width:31%;}
	.org_box_03 .org03List li.org0301:before {width:8%;}
	.org_box_03 .org03List li.org0302:before {bottom:-60px; height:60px;}
	.org_box_03 .org03List li.org0303:before {width:8%;}
	.org_box_03 .org03List li .org03inner > ul {padding:12px;}
}

@media screen and (max-width:920px) {
	.b_org .oTit {border-top-left-radius:23px; border-top-right-radius:23px; padding:8px; font-size:2.0rem;}
	.b_org .oImg {text-align:center; padding:20px 10px;}

	.org_box_03 {margin-bottom:120px;} 
	.org_box_03 .org03List {flex-wrap:wrap; justify-content:center; gap:25px;}
	.org_box_03 .org03List > li {width:100%; border:none;}
	.org_box_03 .org03List > li.org0302 {position:static; width:100%; top:auto; left:0; transform:translateX(0);}

	.org_box_03 .org03List li .org03inner {width:330px; border:1px solid #ddd;}
	.org_box_03 .org03List li.org0301:before {left:50%; top:auto; bottom:-25px; height:25px; width:1px;}
	.org_box_03 .org03List li.org0302:before {bottom:-65px; height:65px;}
	.org_box_03 .org03List li.org0303:before {left:50%; top:auto; bottom:-62px; height:62px; width:1px;}
	
	.org_box_04 .org04List {gap:10px;}
	.org_box_04 .org04List:before {position:absolute; top:-60px; left:50%; transform:translateX(-50%); width:77.6%;}
	.org_box_04 .org04List > li {width:calc(24% - 10px);}
	.org_box_04 .org04List > li:before {position:absolute; top:-60px; left:50%; width:1px; height:60px;}
	
	.org_box_04 .org04List li .org04inner > ul {padding:12px;}
}

@media screen and (max-width:800px) {
	.org_box_03 {margin-bottom:120px;}
	
	.org_box_04 .org04List {flex-wrap:wrap; justify-content:center; gap:10px;}
	.org_box_04 .org04List:before {top:-60px; left:50%; transform:translateX(-50%); width:50%;}
	.org_box_04 .org04List > li {position:relative; width:calc(50% - 10px);}
	.org_box_04 .org04List > li:before {top:-60px; height:60px;}
	.org_box_04 .org04List > li:nth-child(3):before,
	.org_box_04 .org04List > li:nth-child(4):before {display:none;}
}

@media screen and (max-width:767px) {
	.org_box_05 {flex-wrap:wrap; justify-content:center;}
	.org_box_05 dt {width:100%; padding:10px; border-top-right-radius:23px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; font-size:1.8rem;}
	.org_box_05 dd {width:100%;}
	.org_box_05 dd ul {display:flex; gap:20px;}
	.org_box_05 dd ul li {width:calc(33.3333% - 20px);}
}

@media screen and (max-width:700px) {
	.org_box_03 {margin-bottom:90px;}
	
	.org_box_04 .org04List {flex-wrap:wrap; justify-content:center; gap:10px;}
	.org_box_04 .org04List:before {top:-30px; width:48.5%;}
	.org_box_04 .org04List > li {position:relative; width:calc(50% - 20px);}
	.org_box_04 .org04List > li:before {top:-30px; height:30px;}
	.org_box_04 .org04List li .org04inner > ul {padding:12px;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	.b_org .oTit {padding:10px; font-size:1.8rem;}

	.org_box_04 .org04List:before {display:none;}
	.org_box_04 .org04List > li {position:relative; width:100%;}
	.org_box_04 .org04List > li:nth-child(2):before {display:none;}
	
	.org_box_05 dd ul {flex-wrap:wrap; gap:0px;}
	.org_box_05 dd ul li {width:100%;}
}

 
/* 01사업안내 > 02CI소개*/
.imgbox.ci01 {display:block; padding:30px 0; text-align:center; background-color:#fafafa;}
.imgbox.ci01 img {width:auto;}

.color_box {margin-top:14px;}
.color_box ul {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:40px;}
.color_box ul li {width:30%;}
.color_box ul li.gradient {width:calc(100% - 30% - 80px);}

.color_box ul li .color {height:150px;}
.color_box ul li .color.color01 {background:linear-gradient(135deg, #FFF462 5%, #F0493A 90%);}
.color_box ul li .color.color02 {background:#00598e;}
.color_box ul li .color.color03 {background:#DCDDDE;}
.color_box ul li .colorInfo_wrap {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:30px;}
.color_box ul li .colorInfo_wrap .colorInfo {width:50%;}
.color_box ul li .colorInfo dl {display:flex; flex-wrap:nowrap; justify-content:space-between; padding:30px 0; border-bottom:1px solid #ddd;}
.color_box ul li .colorInfo dl dt {width:65px; color:#3c3a3a; font-weight:600;}
.color_box ul li .colorInfo dl dd {/* width:calc(100% - 65px); */}
.color_box ul li .colorInfo dl dd span {margin-left:20px;}


/* media query */
@media screen and (max-width:1240px){
	.color_box ul {gap:30px;}
	.color_box ul li.gradient {width:calc(100% - 30% - 60px);}
	.color_box ul li .colorInfo dl dd span {margin-left: 13px;}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.color_box ul {flex-wrap:wrap;}
	.color_box ul li {width:calc(50% - 30px);}
	.color_box ul li.gradient {width:100%;}
}

@media screen and (max-width:767px) {
	.color_box ul li .colorInfo dl {padding:20px 0;}
}

@media screen and (max-width:640px) {
	.color_box ul li {width:100%;}
	.color_box ul li .color {height:100px;}
	.color_box ul li .colorInfo_wrap {flex-wrap:wrap;}
	.color_box ul li .colorInfo_wrap .colorInfo {width:100%;}
}

@media screen and (max-width:480px) {
}


/* 01사업안내 > 03교육장소개*/
.ictCntr_box {}
.ictCntr_list {display:flex; flex-wrap:nowrap; gap:30px; align-content:center;}
.ictCntr_list.box3 > li {width:calc(33.3333% - 30px);}
.ictCntr_list.box4 > li {width:25%;}
.ictCntr_list > li {padding:20px; border-radius:20px; border:1px solid #588ad5;}
.ictCntr_list li .ictCntr_inner {}
.ictCntr_list li .ictCntr_inner .ict_img {text-align:center; margin-bottom:10px; vertical-align:middle;}
.ictCntr_list li .ictCntr_inner .ict_img img {}

.ictCntr_flexbox {display:flex; flex-wrap:nowrap; gap:30px; align-content:center;}
.ictCntr_flexbox > li {width:calc(33.3333% - 30px);}
.ictCntr_flexbox .ictCntr_list > li {width:100%;}


/* media query */
@media screen and (max-width:1024px) {
	.ictCntr_list.box4 {flex-wrap:wrap; gap:20px;}
	.ictCntr_list.box4 > li {width:calc(50% - 10px);}
}

@media screen and (max-width:920px) {
	.ictCntr_list {flex-wrap:wrap; gap:15px;}
	.ictCntr_list > li {width: calc(50% - 10px);}
	
	.ictCntr_list.box1 {flex-wrap:wrap; gap:0px;}
	.ictCntr_list.box1 > li {width:100%;}
	
	.ictCntr_list.box3 {flex-wrap:wrap; gap:15px;}
	.ictCntr_list.box3 > li {width:calc(50% - 10px);}
	
	.ictCntr_flexbox {flex-wrap:wrap; gap:15px;}
	.ictCntr_flexbox > li {width:calc(50% - 10px);}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	.ictCntr_list > li {width:100%;}
	.ictCntr_list.box1 > li {width:100%;}
	.ictCntr_list.box3 > li {width:100%;}
	.ictCntr_list.box4 > li {width:100%;}
	.ictCntr_flexbox > li {width:100%;}
}



/* 01사업안내 > 04오시는길*/
.ict_lcbox .map_info dt {width:auto;}

/* media query */
@media screen and (max-width:1024px) {
	.map_info dt {font-size:2.2rem;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}



/********************************
 02 디지털신기술교육
 *******************************/

/*목록*/
.classList_box {padding-top:40px;}
.classList_box ul {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:35px;}
.classList_box ul li {width:calc(25% - 27px);}
.classList_box ul li a {display:block; border-radius:20px;}
.classList_box ul li .classPoster {overflow:hidden; width:100%; height:490px; border-radius:20px; border:1px solid #ddd; aspect-ratio: 1;}
.classList_box ul li .classPoster:hover {transform:translateY(-5px); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.classList_box ul li .classPoster img {width:100%; height:100%; object-fit:cover; object-position:center; border-radius:20px;}
.classList_box ul li .class_txtbox {margin-top:10px;}
.classList_box ul li .class_txtbox .tag {font-size:1.5rem; padding:5px 15px; border-radius:50px; color:#fff;}
.classList_box ul li .class_txtbox .tagA {}
.classList_box ul li .class_txtbox .tagB {}
.classList_box ul li .class_txtbox .tagA.tagA01 {background-color:#e54646;} /*접수중*/
.classList_box ul li .class_txtbox .tagA.tagA02 {background-color:#e1e1e1; color:#222;} /*접수마감*/
.classList_box ul li .class_txtbox .tagA.tagA03 {background-color:#9fe1f1; color:#111;} /*접수대기*/
.classList_box ul li .class_txtbox .tagA.tagA04 {background-color:#333;} /*교육중*/
.classList_box ul li .class_txtbox .tagB.tagB01 {background-color:#7a53b7;} /*부산*/
.classList_box ul li .class_txtbox .tagB.tagB02 {background-color:#3f82c7;} /*울산*/ 
.classList_box ul li .class_txtbox .tagB.tagB03 {background-color:#00964a;} /*경남*/
 
.classList_box ul li .class_txtbox .tit {margin:5px 0; font-size:2.0rem; line-height:1.4; font-weight:600; color:#121212; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-height:62px;}
.classList_box ul li .class_txtbox .date {display:block; font-size:1.55rem; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.classList_box ul li .class_txtbox .date.date01 {}
.classList_box ul li .class_txtbox .date.date02 {}

.classList_box ul li a:hover,
.classList_box ul li a:focus{text-decoration:none;}

.classList_box .empty_box {text-align:center; border-radius:40px; border:1px dashed #dedede; padding:50px 25px;}
 
   /* media query */
@media screen and (max-width:1400px){
	.classList_box ul {gap:30px;}
	.classList_box ul li {width:calc(33.3333% - 20px);}
}

@media screen and (max-width:1200px){
	.classList_box ul li .classPoster {height:430px;}
}

@media screen and (max-width:1000px){
	.classList_box ul li .classPoster {height:400px;}
}

@media screen and (max-width:920px){
	.classList_box ul li .classPoster {height:380px;}
}

@media screen and (max-width:840px){ 
	.classList_box ul {flex-wrap:wrap; gap:15px;}
	.classList_box ul li {width:calc(50% - 8px);}
	.classList_box ul li .classPoster {height:430px;}
	.classList_box ul li .class_txtbox .tit {margin:3px 0; font-size:1.7rem;}
}

@media screen and (max-width:550px){ 
	.classList_box ul {gap:0px;}
	.classList_box ul li {width:100%; margin-bottom:15px;}
	.classList_box ul li .classPoster {height:400px;}
}


/* apply 신청 */
.agreebox.edu .scrollbox {height:250px;}
.agreebox.edu .scrollbox h4 {font-size:2.2rem; margin-bottom:0;}
.agreebox.edu .scrollbox h5 {font-size:2.0rem; margin-bottom:0;}


 
/*상세*/
.viewClss {} 
.viewClss .tagA {display:inline-block; padding:1px 14px; text-align:center; border:1px solid; border-radius:50px; font-size:1.7rem;}
.viewClss .tagA.tagA01 {border-color:#e54646; background-color:#e54646; color:#fff;} /*접수중*/
.viewClss .tagA.tagA02 {border-color:#e1e1e1; background-color:#e1e1e1; color:#222;} /*접수마감*/
.viewClss .tagA.tagA03 {border-color:#9fe1f1; background-color:#9fe1f1; color:#111;} /*접수대기*/

.viewClss .view_title {margin:5px 0 10px; font-size:2.5rem; font-family:'OneMobile'; line-height:1.2;}

.view_allInfo {display:flex; flex-wrap:nowrap; gap:30px;}
.viewClss .view_poster {width:300px; border-radius:20px;}
.viewClss .view_poster img {height:auto; object-fit: fill; object-position: center; border-radius:20px;}

.viewClss .view_info {width:calc(100% - 330px); display:flex; flex-wrap:wrap; border-top:2px solid #333;}
.viewClss .view_info div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.viewClss .view_info div dl {display:flex; align-items:stretch; width:100%;}
.viewClss .view_info div dt {padding:15px; width:150px; min-width:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7fc; color:#333; text-align:center; line-height:1.2;}
.viewClss .view_info div dd {padding:15px; width:calc(100% - 150px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}

.viewClss .view_info div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.viewClss .view_info div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.viewClss .view_info div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.viewClss .view_info div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.viewClss .view_info div dd.addr_tbox2 span.ip_box2 input {width:100%;}

.viewClss .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:calc(50% - 10px);}

/*자녀추가*/
.viewClss .view_info div dd .addchildBox {margin-bottom:10px; padding-bottom:10px; width:100% !important; border-bottom:1px dashed #ddd;}

/*첨부파일*/
.viewClss .view_info div dd li.list-group-item {width:100%;}
.viewClss .view_info div dd li.list-group-item a img {margin-top:5px; width:20px; height:20px; vertical-align:top;}

.viewClss.edu .view_txtarea {margin-top:30px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.viewClss.edu .view_txtarea img {width:auto; height:auto;}
 
  /* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1000px){
	.view_allInfo {flex-wrap:wrap;}
	.viewClss .view_poster {margin:0 auto;}
	.viewClss .view_info {width:100%;}
}

@media screen and (max-width:920px){
	/* apply 신청 */
	#smlrEduExpP span label {width:auto;}
}

@media screen and (max-width:767px){
	.viewClss .view_title {font-size:2.4rem;}

	.viewClss .view_info div {width:100%;}
	.viewClss .view_info div dt {padding:10px; width:120px; min-width:120px;}
 	.viewClss .view_info div dd {padding:10px; width:calc(100% - 120px);}

	/*첨부파일*/
	.viewClss .view_info div dd li.list-group-item a img {margin-top:4px;}

 	.view_btnbox .btn_config {min-width:30%;}
}

@media screen and (max-width:640px){
	.viewClss .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:100%;}
  
  .viewClss .btn_cdt {font-size:1.6rem;}
}

@media screen and (max-width:480px){
	.viewClss .view_title {font-size:2.2rem;}

	.viewClss .view_info div dt {width:100px; min-width:100px;}
 	.viewClss .view_info div dd {width:calc(100% - 100px);}

 	.view_btnbox .btn_config {min-width:50%;}

 	.viewClss .view_info div dd.addr_tbox2 span {justify-content:center;}
	.viewClss .view_info div dd.addr_tbox2 span.ip_box1 input {width:100%;}
	.viewClss .view_info div dd.addr_tbox2 span.ip_box1 button {width:100%; text-align:center;}
}
 



/********************************
 03 콤플렉스
 *******************************/
 
.tbl_cal_list tbody td.active div.day {background-color:#f7f7fc;}
.tbl_cal_list tbody td.active div.day:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0054a2; box-sizing:border-box;}
 

.dataBox .facility {padding-top:50px;}
 
/* media query */
@media screen and (max-width:640px){
	.dataBox .facility {padding-top:30px;}
}




/********************************
 05 마이페이지
 *******************************/
 /*수료증*/
.cert_box {font-family:'Pretendard'; letter-spacing:-0.5px; box-sizing:border-box;}
.cert_box .cert_inner {position:relative; padding:50px 50px 70px; margin:0 auto; width:694px; height:983px; background-color: #fff; z-index:2; box-sizing:border-box;}
.cert_box .cert_inner:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/sub/05/cert_bg.png) no-repeat; background-size:100%; z-index:-1;}
.cert_box .cert_inner .cert_top {display:flex; justify-content:space-between; align-items:center;}
.cert_box .cert_inner .cert_num {display:block; text-align:right; font-size:2.1rem;}
.cert_box .cert_inner .cert_tit {margin:0; text-align:center; padding:30px 30px 50px; font-weight:bold; font-size:4.5rem; color:#121212;}
.cert_box .cert_inner .cert_list {display:flex; flex-wrap:nowrap; justify-content:flex-start; margin-bottom:8px;}
.cert_box .cert_inner .cert_list dt {padding-right:15px;}
.cert_box .cert_inner .cert_list dd {}
.cert_box .cert_inner .cert_txt {height:200px; margin:50px 0 80px; font-size:2.6rem; line-height:1.8; font-weight:600; color:#121212;}
.cert_box .cert_inner .cert_date {display:block; text-align:center; margin-top:25px; font-size:2.1rem;}
.cert_box .cert_inner .seal {position:relative; display:block; text-align:center; font-weight:bold; font-size:2.8rem; color:#121212; margin-top:30px; z-index:10;}
.cert_box .cert_inner .seal:after {content:''; display:block; position:absolute; top:50%; right:0%; transform:translate(40%, -20%); width:297px; height:293px; background-repeat:no-repeat; background-size:40%; z-index:-1;}

.cert_box .cert_inner .seal.bsbc:after {background-image:url(../images/sub/05/seal_bsbc.png);} /*부산벤처기업협회장*/
.cert_box .cert_inner .seal.gntp:after {background-image:url(../images/sub/05/seal_gntp.png);} /*경남테크노파크원장*/
.cert_box .cert_inner .seal.uspa:after {background-image:url(../images/sub/05/seal_uspa.png);} /*울산정보산업진흥원장*/
.cert_box .cert_inner .seal.bspa:after {background-image:url(../images/sub/05/seal_bspa.png);} /*부산정보산업진흥원장*/
.cert_box .cert_inner .seal.kopa:after {background-image:url(../images/sub/05/seal_kopa.png);} /*한국정보통신징흥협회장*/
.cert_box .cert_inner .seal.ksa:after {background-image:url(../images/sub/05/seal_ksa.png);} /*한국표준협회장*/






  /* media query */
@media screen and (max-width:1400px){
}

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

@media screen and (max-width:920px){
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.cert_box {overflow-x:scroll; overflow-y:hidden; width:100%;}
	.cert_box .cert_inner {width:694px;}/*스크롤 사용시 테이블 사이즈 고정*/
}

@media screen and (max-width:480px){
}


 

/********************************
 06 회원
 *******************************/

/*01로그인, 05아이디,비밀번호 찾기 결과화면*/
.loginBox {border:1px solid #ddd; border-radius:20px; text-align:center;}
.loginBox .login_inner {margin:0 auto; padding:10% 30%;}
.loginBox .login_inner .iconbox {display:block; margin:0 auto 50px; width:380px; height:47px; background:url(../images/top_logo.png) 0 0 no-repeat; background-size:100%;}
.loginBox .login_inner .tbox {margin:10px 0 20px;}
.loginBox .login_inner .tbox .tit {font-size:3.5rem; font-family:'OneMobile'; color:#246bb9; line-height:1.4;}


.idpw_box .login {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;}
.idpw_box .login + .login {margin-top:20px;}
.idpw_box .login label,
.idpw_box .login .tit {margin-bottom:5px; width:100%; color:#222; font-weight:600;}
.idpw_box .login .txt {position:relative; padding:0 10px; width:calc(100% - 60px); border:1px solid #ddd; background-color:#fff; border-radius:0 8px 8px 0; line-height:58px;}
.idpw_box .login input.bd_input {position:relative; padding:0 10px; width:100%; height:60px; border-radius:8px; line-height:60px;}

.idpw_box .login input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;}

.idpw_box button {margin-top:30px; padding:5px; width:100%; border-radius:10px; line-height:50px; background-color:#333; border:none; color:#fff;}

.idpw_box .find_box {display:flex; justify-content:space-between; margin-top:20px;}
.idpw_box .find_box a {color:#333;}

/*비밀번호 표시*/
.idpw_box .login input.bd_input.input_pw {padding-right:60px;}
.idpw_box .login button.btn_view {position:absolute; right:1px; top:1px; width:58px; height:58px; margin-top:0; padding:0; line-height:unset; background-color:#fff;}
.idpw_box .login button.btn_view .icon_view {display:block; margin:0 auto; width:20px; height:20px; background:url(../images/sub/icon_seeon.png) 0 0 no-repeat; background-size:100%;}
.idpw_box .login button.btn_view.hide .icon_view {background-image:url(../images/sub/icon_seeoff.png);}




/*아이디,비밀번호 찾기 결과*/
.result_box {margin-top:20px; padding:5% 10px;}
.result_box strong {font-size:2.0rem; color:#246bb9;}



/* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1520px){
}

@media screen and (max-width:1320px){
	.loginBox .login_inner .tbox .tit {font-size:3.0rem;}
}

@media screen and (max-width:1200px){
	.loginBox .login_inner {padding:10% 25%;}
}

@media screen and (max-width:1024px){
	.loginBox .login_inner {padding:10% 20%;}
	.loginBox .login_inner .iconbox {margin:0 auto 30px;}
}

@media screen and (max-width:920px){ 
	.loginBox .login_inner .tbox .tit {font-size:2.6rem;}
}

@media screen and (max-width:767px){
	.loginBox .login_inner {padding:10% 15%;}
}

@media screen and (max-width:640px){
	.loginBox .login_inner {padding:10%;}
	.loginBox .login_inner .iconbox {margin:0 auto 20px; width:320px; height:40px;}
	.loginBox .login_inner .tbox .tit {font-size:2.2rem;}
	
	.idpw_box .login input.bd_input {height:45px; line-height:45px;}
	
	.idpw_box button {margin-top:20px; padding:0 5px; line-height:45px;}
	
	/*비밀번호 표시*/
	.idpw_box .login input.bd_input.input_pw {padding-right:45px;}
	.idpw_box .login button.btn_view {width:43px; height:43px;}
	.idpw_box .login button.btn_view .icon_view {width:15px; height:15px;}
}

@media screen and (max-width:480px){
	.loginBox .login_inner {padding:13% 7% 11%;}
	.loginBox .login_inner .iconbox {width:280px; height:35px;}
	.loginBox .login_inner .tbox .tit {font-size:2.0rem;}
}



/* 아이디/비밀번호찾기 */
.idpw_search {display:flex; gap:40px;}
.idpw_search .idpw_Srhbox {padding:7% 5%; width:50%; border:1px solid #ddd; border-radius:20px; text-align:center;}
.idpw_search .idpw_Srhbox .icon {display:block; margin:0 auto 20px; width:140px; height:140px; background-color:#e6eeff; border-radius:50%; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.idpw_search .idpw_Srhbox .icon.srhId {background-image:url(../images/sub/06/icon_id.png);}
.idpw_search .idpw_Srhbox .icon.srhPw {background-image:url(../images/sub/06/icon_pw.png);}
.idpw_search .idpw_Srhbox .bd_btn {margin-top:10px; padding:5px; width:70%; color:#fff; border:none;}
.idpw_search .idpw_Srhbox .bd_btn.btn_srhId {background-color:#1d64b1;}
.idpw_search .idpw_Srhbox .bd_btn.btn_srhPw {background-color:#268553;}





/* media query */
@media screen and (max-width:1520px){
}

@media screen and (max-width:1200px){
	.idpw_search .idpw_Srhbox .icon {width:120px; height:120px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.idpw_search .idpw_Srhbox .icon {width:100px; height:100px;}
}

@media screen and (max-width:767px){
	.idpw_search {flex-direction:column; gap:25px;}
	.idpw_search .idpw_Srhbox {padding:10% 5%; width:100%;}
}

@media screen and (max-width:640px){
}




/* 02회원가입 */
.certifyBox {}
.certifyBox {border:1px solid #ddd; border-radius:20px; text-align:center;}
.certifyBox .login_inner {margin:0 auto; padding:10% 30%;}
.certifyBox .login_inner .tbox {margin:10px 0 20px;}
.certifyBox .login_inner .tbox .tit {font-size:3.5rem; font-family:'OneMobile'; color:#246bb9; line-height:1.4;}

.certify_box .certify_icon {display:block; margin:0 auto; width:500px; height:401px; background:url(../images/sub/06/certify_icon.png) center center no-repeat; background-size:100%;}
.certify_box button {margin-top:30px; padding:5px; width:100%; border-radius:10px; line-height:50px; background-color:#333; border:none; color:#fff;}


/* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1320px){
	.certifyBox .login_inner .tbox .tit {font-size:3.0rem;}
}

@media screen and (max-width:1200px){
	.certifyBox .login_inner {padding:10% 25%;}
}

@media screen and (max-width:1024px){
	.certifyBox .login_inner {padding:10% 20%;}
}

@media screen and (max-width:920px){
	.certifyBox .login_inner .tbox .tit {font-size:2.6rem;}
	.certify_box .certify_icon {width:420px; height:337px;}
}

@media screen and (max-width:767px){
	.certifyBox .login_inner {padding:10% 15%;}
}

@media screen and (max-width:640px){
	.certifyBox .login_inner {padding:10%;}
	.certifyBox .login_inner .tbox .tit {font-size:2.2rem;}
	.certify_box .certify_icon {width:320px; height:257px;}
}

@media screen and (max-width:480px){
	.certifyBox .login_inner {padding:13% 7% 11%;}
	.certifyBox .login_inner .tbox .tit {font-size:2.0rem;}
	.certify_box .certify_icon {width:280px; height:225px;}
}