/*인사말*/
.greeting{position:relative; max-width:1200px}
.greeting .img{position:relative; height:324px; margin-top:110px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}
.greeting .tit{position:absolute; top:370px; right:100px; width:514px; height:314px; background:#4168ad}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; color:#fff; font-size:22px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:-23px; left:50px; width:1px; height:144px; margin:0; background:#fff;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:80px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 980px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}
/*인사말*/

/*연간교육일정*/
/* .edu_cal {width:100%;background: url(../img/box-ptrn.png); background-color:#fff;}
.edu_cal .inner{font-size: 15px; padding: 5px; margin-bottom:50px; background-color: #fff;} */
.h_700{ height:700px;}
.w_40 { width:40%;}
.w_60 { width:60%;}
.cal_div {padding:0 5%;}
.edu_cal_1 {width:100%;text-align: center;display:flex !important;}
.edu_cal_1 .edu_year{width:20%; display:flex !important;}
.edu_cal_1 a{padding-top:4px;}
.edu_cal_1 h2 {width:100%;font-size: 26px; color: #0d2269;}
.edu_cal_2 h2 {width:100%;font-size: 26px; color: #0d2269; padding-bottom: 5px;}
.edu_cal_1 table{width:80%;}
.edu_cal_1 table tr td{width:25%;font-size: 20px;font-weight: bold;margin:0;height: 110px;line-height: 110px;}
.edu_cal_1 table tr td:hover{background-color: #b6c9f0;cursor: pointer;}
.edu_cal_1 table tr td a{display: block; /* 링크를 블록 요소로 만듦 */
    width: 100%; /* 셀의 전체 너비를 차지 */
    height: 100%; /* 셀의 전체 높이를 차지 */
    color: inherit; /* 상위 요소로부터 글자 색상 상속 */
    text-decoration: none; /* 밑줄 제거 */}

.edu_cal_2 {width:100%;text-align: center;display:flex !important;}
.edu_cal_2 img{padding-top:4px;cursor: pointer;}
.edu_cal_2 #calendar{width:100%;padding-top:25px;border-collapse: collapse;}
.edu_cal_2 #calendar tr:first-child{color: #0fa3d4;}
.edu_cal_2 #calendar tr th{width: calc(100% / 7);height:35px;}
.edu_cal_2 #calendar tr td{font-weight: 600;font-size: 20px;height: 45px;position: relative;}
.edu_cal_2 #schedule{width:100%;border-top: 1px solid #000;border-collapse: collapse;}
.edu_cal_2 #schedule tr td{position: relative;}
.edu_cal_2 #schedule tr td a{display:inline-block;width: 100%;height: 100%;}
.edu_cal_2 #schedule tr td:hover{background-color:#fafafa;cursor:pointer;}
.edu_cal_2 #schedule .ing::after{content: "모집중";background-color: #ffd7d7; border-radius: 10px;padding: 5px 17px;display: inline-block;position: absolute;right: 3%;transform: translateY(-20%);white-space: nowrap; width: 75px;}
.edu_cal_2 #schedule .begin::after{content: "모집예정";background-color: #d7ffdc; border-radius: 10px;padding: 5px 17px;display: inline-block;position: absolute;right: 3%;transform: translateY(-20%);white-space: nowrap; color:#464646}
.edu_cal_2 #schedule .complete::after{content: "모집완료";background-color: #666666; border-radius: 10px;padding: 5px 10px;display: inline-block;position: absolute;right: 3%;transform: translateY(-20%);white-space: nowrap; color:#fff}
.edu_cal_2 #schedule .edu_com::after{content: "교육완료";background-color: #64adff; border-radius: 10px;padding: 5px 10px;display: inline-block;position: absolute;right: 3%;transform: translateY(-20%);white-space: nowrap; color:#fff }
.edu_cal_2 #schedule tr th{background-color: #ececec;height: 50px;font-size: 17px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.edu_cal_2 #schedule tr td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;
text-align: left;padding-left: 15px;}
.cal_circle{background: url(../img/circle-fill.png);background-repeat: no-repeat;background-position: center 95%;background-size: 9px;}
#edu_tabs_moral_wrap{width:100%;height:70px;background:#fff;margin:0 auto;text-align:left; }
ul.edu_tabs_moral {margin-bottom:40px;padding:0;list-style: none;height:55px;width: 100%;display:flex;justify-content:space-between;}
ul.edu_tabs_moral li{text-align:center;cursor: pointer;width:49%;padding:0; height: 55px; font-weight: 500; background: #efefef; overflow: hidden;   position: relative;font-size:16px;line-height:55px;font-size:18px;}
ul.edu_tabs_moral li.active { background: #0d2269; color:#fff;	height:55px;font-weight: 500;}

.edu_tab_content_moral {display: none;margin:40px 0 0 0;font-size: 16px;}
/*연간교육일정*/
@media screen and (max-width: 1210px) {
    .edu_cal_1 {display:block !important; width:100%}
    .edu_cal_1 .edu_year{width:100%;}
    .edu_cal_1 table{width:100%}
    .edu_cal_2 {display:block !important}
    .edu_cal_2 div{width:100% !important}
    .edu_cal_2 #calendar tr td {height: 50px;}
    .edu_cal_2 #calendar {margin-bottom:40px;}
    .edu_cal_2 #schedule .ing::after,.edu_cal_2 #schedule  .complete::after, .edu_cal_2 #schedule .edu_com::after {
        right: 5%;
    } 
}
@media screen and (max-width: 640px) {
    ul.edu_tabs_moral li{width:48% !important}
    #edu_tabs_moral_wrap {text-align:center !important}
    .edu_cal_2 #schedule .ing::after,.edu_cal_2 #schedule  .complete::after, .edu_cal_2 #schedule .edu_com::after {right: 7%;bottom: 0%;}
    .edu_cal_2 #schedule tr{height: 85px;}
    .edu_cal_2 #schedule tr td{vertical-align: top; padding-top:10px}
}

/*소개*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page h2 {width:100%;text-align: center ;margin:0 auto; font-size: 22px; line-height: 1.4; font-weight: 300;padding: 5% 9% 5% 9%; margin-bottom:70px ; display: block; letter-spacing: -0.04em;color:#5e5e5e;background-color:#fdfdfd;
    ; border : solid 1px #0395C6;}
.company_info .txt_page h3 { font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 5px; }
.company_info .txt_page h4 { font-size: 22px; line-height: 1; font-weight: 600; margin-top: 35px;margin-bottom: 15px; display: block;text-align:right; }
.company_info .txt_page h5 { font-size: 18px; line-height: 1; font-weight: 600; margin-bottom: 5px; display: block;text-align:right; }
.company_info .txt_page a { font-size: 16px; line-height: 1; font-weight: 600; display: block; color:#222;cursor: pointer;padding-top:2px;}
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #06F;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.02em; color:#555}

.tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { padding-top:50px;}
.tl_title_box_wrap li:nth-child(4n+1) { margin-left:0}

@media (max-width: 960px){
	.company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
	.company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both}
}
@media (max-width: 640px){
	.company_info .img_page  { background-size:cover; height:300px}
	.company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;}
}
/*협약기업신청*/

.edu_info { width:100%; height:auto;  }
.edu_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.edu_info .txt_page h3{font-size:30px;font-weight: 500;padding: 0 0 30px 0;}
.edu_info  .txt_page span { width:12px; height:12px; line-height:12px; border-radius: 50%; color: #fff; font-size:16px}
.edu_info  .txt_page span {background:#f8902a; margin-right:10px; float:left}


/*연혁*/
.history_area {position: relative;width: 100%;padding-top: 37px;}
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;}
.history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;}
.history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: bold;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}
.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}
.img_box img { max-width: 100%}
@media (max-width: 960px){
	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 20px;font-size:30px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
}
/*연혁*/



/* 기업정보 :: 오시는 길 하단*/

.location-detail-left-con{padding: 0px 0 30px 50px;width:50%;float: left;}
.location-detail-list{display:table; width:100%;}
.location-detail-list dt, .location-detail-list dd{/*float:left;*/display:table-cell;vertical-align:top;position:relative;text-align:left;}
.location-detail-list dt{width:154px;}
.location-detail-list dt strong{display:inline-block; padding-left:30px; font-size:17px; line-height:30px; color:#000; font-weight:400; letter-spacing:-0.75px;}
.location-detail-list dt strong:before{position:absolute;top:13px;left:0;display:inline-block;content:"";width:5px;height:5px;background-color:#4b4b4b;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.location-detail-list dd p{position:relative; padding-left:32px; font-size:17px; line-height:30px; color:#5d5d5d; letter-spacing:-0.75px;}
.location-detail-list dd p:before{position:absolute; top:16px; left:0; display:inline-block; content:""; width:1px; height:14px; background-color:#adadad;}
.location-detail-list dd p a{color:inherit;}
.location-detail-list dd b{color:#00a1e4;}
.location-detail-list dd span{color:#818181;}

.location-detail-right{padding: 0px 0 30px 50px;width:50%;float: left;}

.location-detail-right .address-button {width:80%;display: inline-block;padding: 20px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #0d2269;  cursor: pointer; transition: background-color 0.3s, color 0.3s; border:2px solid #fff;}
.address-button:hover {background-color: #fff; color: #0d2269;border:2px solid #0d2269;}


/*오시는 길*/
.location_area .contact_address_img{width:100%;height:auto; line-height:1.7;float:left;}
.location_area .contact_address {width:100%;height:auto; line-height:1.7;clear:both}
.location_area .contact_address ul {padding:0 20px 20px 25px;}
.location_area  span { width:12px; height:12px; line-height:12px; border-radius: 50%; color: #fff; font-size:16px}
.location_area  span {background:#f8902a; margin-right:10px; float:left}
.location_area .address_text{font-size:30px;font-weight: 500;    padding-left: 10px;}
.mobile-only {display: none;}
.location_area ul  {margin-top:30px;}
.location_area ul li {color: #555; line-height:2.1;}


@media screen and (max-width: 800px){

    .location-detail-left-con{padding: 0px 0 30px 20px;width:100%;float: left;}
    .location-detail-right{padding: 0px 0 30px 50px;width:100%;float: left;}
    
    .location-detail-list dt, .location-detail-list dd{/*float:left;*/display:table-cell;vertical-align:top;position:relative;text-align:left;}
    .location-detail-list dt{width:80px;}
    .location-detail-list dt strong{display:inline-block; padding-left:10px; font-size:17px; line-height:30px; color:#000; font-weight:400; letter-spacing:-0.75px;}
    .location-detail-list dt strong:before{position:absolute;top:13px;left:0;display:inline-block;content:"";width:5px;height:5px;background-color:#4b4b4b;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}    
    .location-detail-list dd p{position:relative; padding-left:20px; font-size:17px; line-height:30px; color:#5d5d5d; letter-spacing:-0.75px;}
    .location-detail-list dd p:before{position:absolute; top:10px; left:0; display:inline-block; content:""; width:1px; height:14px; background-color:#adadad;}    
    .location-detail-right{padding: 0px 0 30px 0px;width:100%;float: left;}
    .location-detail-right .address-button {width:100%;display: inline-block;padding: 20px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
}
}



.contact_traffic .bus {width:100%;padding:0;}
.contact_traffic .subway {width:100%; padding-bottom:20px;}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}/* í‘¸í„°íŒì—…*/

.map_info{width:283px;height:214px;background:#19cd61;position:absolute;right:0;top:0px;padding: 30px 28px;font-size:15px;color:#f8969a;letter-spacing:0;}
.map_info span{display:block;font-size:20px;color:#fff; font-weight:bold; letter-spacing:-.25px;}
.map_info p { padding-top:20px; color:#f2f2f2; line-height:1.4;}
.map_btn{position:absolute;left:30px;bottom:30px;}
.map_btn a{display:inline-block; padding:7px 10px; height:41px;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#000;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}

/*오시는 길*/








/* content01 */

.content01 .box { position: relative; padding-bottom:80px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff; padding:50px;  width: 55%;}
.content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:22px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:-0.06em; float:left;margin-left:5px;}
.content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:12px; height:12px; line-height:12px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap .half-round-tit span {background:#f8902a; margin-right:5px; float:left}
.content01 .box .txt_wrap p {text-align: left;}
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;}

.content01 .box .txt_wrap03 { top:45px; background: #fff; margin:30px 0 30px 30px;   width: 100%;}
.content01 .box .txt_wrap03 img{width: 90%;}
.content01 .box .txt_wrap03 .lead_20 {font-size:22px; line-height:1.75; letter-spacing:-0.02em; color:#202020; font-weight:300;  word-break:keep-all;padding-left: 25px;float:left;padding-top:20px;}
.content01 .box .txt_wrap03 .lead_20 ul {font-size:18px; line-height:1.75; letter-spacing:-0.02em; color:#202020; font-weight:300;  word-break:keep-all;padding-left: 0px;}
.content01 .box .txt_wrap03 .lead_20 ol {font-size:18px; line-height:1.75; letter-spacing:-0.02em; color:#202020; font-weight:300;  word-break:keep-all;padding-left: 0px;}


.content01 .box .txt_wrap03 .round-tit { display:inline-block;margin-top:30px;width:100%;}
.content01 .box .txt_wrap03 .round-tit strong {color:#1a1a1a;  font-size:30px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:-0.06em; float:left;pad}
.content01 .box .txt_wrap03 .round-tit span { display: inline-block; width:12px; height:12px; line-height:12px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap03 .round-tit span {background:#f8902a; margin-right:5px; float:left}
.content01 .box .txt_wrap03 p {text-align: left;}

.content01 .box .txt_wrap04 { top:45px; background: #fff; padding:50px;  width: 100%;}
.content01 .box .txt_wrap04 .round-tit { display:inline-block;margin-bottom:40px;width: 100%;}
.content01 .box .txt_wrap04 .round-tit strong {color:#1a1a1a;  font-size:30px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:-0.06em; float:left;margin-left:5px;}
.content01 .box .txt_wrap04 .round-tit span { display: inline-block; width:12px; height:12px; line-height:12px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap04 .round-tit span {background:#f8902a; margin-right:5px; float:left}
.content01 .box .txt_wrap04 p {text-align: left;}


@media (max-width: 960px) {
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; padding:20px; display:block; position:relative; clear:both}
    .content01 .box .txt_wrap03 .round-tit{width:100%}
    .content01 .box .txt_wrap04 img{width:100%}
}

@media (max-width: 640px) {
    .content01 .box .txt_wrap03 { margin:0px 0 0px 0px;   width: 100%;}
    .content01 .box .txt_wrap03 .round-tit strong {color:#1a1a1a;  font-size:25px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:-0.06em; float:left;}
    .content01 .box .txt_wrap03 .lead_20 {font-size:18px; line-height:1.75; letter-spacing:-0.02em; color:#202020; font-weight:300;  word-break:keep-all;padding-left: 20px;float:left;padding-top:20px;}    
    .content01 .box .txt_wrap03 img{width: 105%;}
}




/* content02 */
.content02 ul li { width:100%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:48%}
.content02 ul li .profile img { width:100%; padding-top:20px;}


.content02 ul li dl dt span { display: inline-block; width:12px; height:12px; line-height:12px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content02 ul li dl dt span {background:#f8902a; margin-right:5px; float:left}


.content02 ul li dl { float:left; padding:0 40px; width:52% }
.content02 ul li dl dt { font-size:30px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dd { font-size:16px; color:#555; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

.content02 .img_04 { margin-left:22px;margin-bottom:70px;float:left;}
.content02 .img_04 img{width:25%; float:left;padding:0px 0 0 1.5%;}



/*교육장 탭pc*/
#tabs_moral_wrap{width:100%;height:70px;background:#fff;margin:0 auto;text-align:left; }

ul.tabs_moral {margin-bottom:40px;padding:0;float:left;list-style: none;height:55px;width: 100%;}
ul.tabs_moral li{float:left;text-align:center;cursor: pointer;width:19.6%; margin:0 5px 8px 0px;padding:0; height: 55px; font-weight: 500; background: #efefef; overflow: hidden;   position: relative;font-size:16px;line-height:55px;}
ul.tabs_moral li.active { background: #0d2269; color:#fff;	height:55px;font-weight: 500;}

.tab_container_moral { border-top: none;   clear: both;   float: left;   width: 100%;;	height:auto;}
.tab_content_moral {padding:5px 10px 0px 0px;display: none;margin:10px 0 0 0;font-size: 16px;}

/*교육장 탭pc 끝*/


@media screen and (max-width: 1210px) {
	.content02 ul li {width:100%; margin:0;}
	.content02 ul li .profile {width:100%; padding-bottom:2%}
	.content02 ul li dl {width:100%; padding:0;}
	.content02 ul li dl dt {padding:0;}
	.content02 ul li dl dt span {width:9px;height:9px;}
	.content02 .img_04 img {width:23.5%; margin-left:2%; padding:0;}
	.content02 .img_04 img:first-child {margin-left:0}
	.content02 .img_04 {margin:0;}
	.tab_container_moral {border-top: none; clear:both; margin:20px 0 0 0; width:100%; height:auto;}
	.tab_content_moral {padding:0; margin:0;}
	ul.tabs_moral {display: flex; justify-content:space-between; margin-bottom:0}
	ul.tabs_moral li {width:19%; display:inline-block; float:left; box-sizing:border-box;}
}

@media screen and (max-width: 640px) {
	.tab_container_moral {margin:140px auto 0 auto;}
	.content02 .img_04 img {margin:0 0 2% 0; width:49%; float:left;}
	.content02 .img_04 img:nth-child(even) {margin-left:2%}
	.content02 ul li dl dt {font-size:22px;font-weight: 500;}
	ul.tabs_moral {display:inline-block}
	ul.tabs_moral li {width: 49%; border-bottom:1px solid #fff; margin-bottom:2%;}
	ul.tabs_moral li:nth-child(even) {margin-left:2%}
}
/* content02 */





/* content03 */
.content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.content03 .icon li:nth-child(3n+3){margin-right:0}
.content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 .icon li p { text-align:center; word-break:keep-all}
.content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;}
@media screen and (max-width: 960px) {
	.content03 .icon li { width:50%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}

@media screen and (max-width: 640px) {
	.content03 .icon li { width:100%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}
/* content03 */




/* content_area04 */
.content04 .point { padding:0 20px 0 0}
.content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;}
.content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .content_txt_box { width:100%; padding-top:50px; clear:both}
.content04 .title_text{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .sub_txt {float:right; width:75%;}
.content04 .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }
@media screen and (max-width: 960px) {
	.content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content04 .colum .right { width:100%; padding:20px 0 0  }
	.content04 .title_text { width:100%; margin-bottom:20px; clear:both}
	.content04 .sub_txt { float:left; width:100%}
}

@media screen and (max-width: 640px) {

}
/* content_area04 */







/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:20px; word-break:keep-all}
@media screen and (max-width: 960px) {
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; padding-top:0; font-weight:bold}
}
/* content_area05 */






/* content_area06 */
.content06 .thumb_box  {width:31.3333%; margin-right:3%; display:block; float:left; }
@media screen and (min-width: 961px) {
    .content06 .thumb_box:nth-child(3n+3) { margin-right:0}
}
.content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:20px 0px; text-align:center; }
@media screen and (max-width: 960px) {
    .content06 .thumb_box { width:49%; margin-right:2% }
	.content06 .thumb_box:nth-child(2n+2) { margin-right:0} 
}

@media screen and (max-width: 640px) {
    .content06 .thumb_box { width:100%; margin:0; clear:both; float:none}
}
/* content_area06 */

/*intro_02*/
.intro_02_sch {float:right; display:inline-block; width:300px; clear:both; margin:30px 0 20px 0; border:1px solid #d0d3db; 
	border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.intro_02_sch .sch_input {width:250px;height:38px;border:0;padding:0 10px;background-color:transparent;float:left}
.intro_02_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}

/*edu_01*/
.edu_01_sch {float:right; display:inline-block; width:390px; clear:both; margin-bottom:20px;}
.edu_01_sch .sch_select {width:160px; height:38px; padding:0 10px; border-radius:3px; background-color:transparent; float:left;
	border:1px solid #d0d3db; margin-left:10px}
.edu_01_sch .sch_btn {height:38px; float:right; color:#656565; background:none; border-radius:3px; border:1px solid #d0d3db; 
	width:40px;font-size:15px;margin-left:10px}




/* edu_04 협약기업신청*/
.edu_info .edu_04_img01 img{width:100%;padding-bottom: 40px;}
.edu_info .lead_20 {font-size: 18px; line-height: 1.75; letter-spacing: -0.02em; color: #202020; font-weight: 300;  word-break: keep-all;  padding-left: 25px;
    float: left; padding-top: 20px;}
.edu_info  .edu_04-button{padding: 0px 0 30px 0px;width:100%;}

 .edu_04-button .edu-button {width:46%;display: inline-block;padding: 20px 20px;margin: 1% 1%;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #0d3869;  cursor: pointer; transition: background-color 0.3s, color 0.3s;float: left; }
 .edu-button:hover {background-color: #fff; color:#0d3869;  }



 @media screen and (max-width: 800px) {
    .edu_04-button{padding: 0px 0 30px 0px;width:100%;}
    
  .edu_04-button .edu-button {width:100%;display: inline-block;padding: 20px 20px;margin: 1% 1%;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
       border-radius: 0px; color:#fff;background-color: #0d3869;  cursor: pointer; transition: background-color 0.3s, color 0.3s;float: left; }
  .edu-button:hover {background-color: #fff; color:#0d3869;  }
}




/*사이트맵 css*/
#sitemap{max-width: 1280px;margin: 0 auto 140px;padding: 0 25px;box-sizing: border-box;}
#sitemap dl{display: inline-block;width: calc((100% - 100px) / 3);vertical-align: top;text-align: center;margin: 0 15px 60px 15px;}
#sitemap dl::before{content:"";display:block;width:100%;height:2px;background: #0D2269;}
#sitemap dl dt{border-bottom: 1px solid #ddd; background-color: #f3f3f3; font-weight: 750;color:#000;letter-spacing:-0.3pt;padding: 22px 0; line-height:100%; font-size:1.3rem;}
#sitemap dl dd{border-bottom: 1px solid #ddd;margin: 0;}
#sitemap dl dd a{padding:16px 0;letter-spacing:-0.3pt;font-size: 1rem;display: block;}
#sitemap dl dd a:hover{color:#0D2269;}


@media screen and (max-width: 800px) {
    #sitemap{max-width: 100%;margin: 0 auto 140px;padding: 0 25px;box-sizing: border-box;}
    #sitemap dl{display: inline-block;width: calc((100% - 30px) / 2);vertical-align: top;text-align: center;margin: 0 10px 60px 0;}
    #sitemap dl::before{content:"";display:block;width:100%;height:2px;background: #0D2269;}
    #sitemap dl dt{border-bottom: 1px solid #ddd; background-color: #f3f3f3; font-weight: 750;color:#000;letter-spacing:-0.3pt;padding: 22px 0; line-height:100%; font-size:1.1rem;}



}

/* 설문조사 */
ul.survey_li {margin-bottom:50px;padding: 0;list-style: none;height: 55px;width: 100%;display: flex;justify-content: space-between;}
ul.survey_li li {float: left;text-align: center;cursor: pointer;width: 49%;margin: 0;padding: 0;height: 55px;font-weight: 500;overflow: hidden;
position: relative;font-size: 16px;line-height: 55px;font-size: 18px;}
ul.survey_li .survey_active{background: #0d2269;color: #fff;}
ul.survey_li .survey a{background: #efefef;display: block;text-decoration: none;}


/* 마이페이지 */
#my_btn_top{margin:10px 0;display:flex;justify-content: space-between;align-items: center;}
#my_list_total {float:left;line-height:34px;font-size:15px;color:#4e546f}

/* 컨소시엄소개-사업안내 */
.txt_intro01_a,
.txt_intro05_a {width:100%;display:flex;flex-direction:column;margin-top:50px;}
.txt_intro01_b {width:100%;display:flex;flex-direction:column;margin-top:30px;margin-bottom:150px}
.txt_intro01_a .round-tit,
.txt_intro01_b .round-tit,
.txt_intro05_a .round-tit {display:inline-block;margin-top:30px;width:100%}
.txt_intro01_a .round-tit span,
.txt_intro01_b .round-tit span,
.txt_intro05_a .round-tit span {background:#f8902a;margin-right:5px;float:left;width:12px;height:12px;border-radius:50%;}
.txt_intro01_a .round-tit strong,
.txt_intro01_b .round-tit strong,
.txt_intro05_a .round-tit strong {font-size:30px;font-weight:500;line-height:1.6;letter-spacing:-0.06em;}
.txt_intro01_a .txt {display:inline-block;margin:20px;font-size:22px;line-height:1.75;letter-spacing:-0.02em;float:left;word-break: break-all;}
.txt_intro01_a .txt ul {font-size:18px;font-weight:300}
.txt_intro01_a .txt .round li {padding-left:15px;position:relative;}
.txt_intro01_a .txt .round li:before{position: absolute;top:12px;left:0px;width:7px;height:7px;background:#4b4b4b;content: '';border-radius:50%;}
.txt_intro01_b .txt {display:inline-block;margin:20px;text-align:center;}
.txt_intro01_b .txt img {width:90%}
.txt_intro05_b {width:100%;display:flex;margin-top:30px;margin-bottom:150px;justify-content: space-around;}

/* 컨소시엄소개-찾아오시는길 */
.txt_intro05_a .txt {display:flex;width:100%;margin:15px 0;justify-content: space-around;}
.txt_intro05_a .txt .detail{width:50%;text-align:left;padding-left:20px}
.txt_intro05_a .txt .address{width:50%;text-align:center}
.detail-list{display:table; width:100%;}
.detail-list dt, .detail-list dd{display:table-cell;position:relative;text-align:left;}
.detail-list dt{width:150px;}
.detail-list dt strong{display:inline-block; padding-left:30px; font-size:18px; line-height:30px; color:#000; font-weight:400; letter-spacing:-0.75px;}
.detail-list dt strong:before{position:absolute;top:13px;left:0;display:inline-block;content:"";width:7px;height:7px;background-color:#4b4b4b;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.detail-list dd p{padding-left: 30px;position:relative;font-size:18px; line-height:30px; color:#5d5d5d; letter-spacing:-0.75px;}
.detail-list dd p:before{position:absolute; top:8px; left:0; display:inline-block; content:""; width:1px; height:14px; background-color:#adadad;}
.detail-list dd p a{color:inherit;}
.detail-list dd b{color:#00a1e4;}
.detail-list dd span{color:#818181;}
.txt_intro05_a .txt .address .address-button {width:80%;display: inline-block;padding: 20px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #0d2269;  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #fff;}
.txt_intro05_a .txt .address .address-button:hover {background-color: #fff; color: #0d2269;border:2px solid #0d2269;}



/* 컨소시엄소개 모바일 */
@media screen and (max-width: 640px) {
	/* 사업안내 */
	.txt_intro01_a {margin-top:20px;}
	.txt_intro01_a .txt {font-size:17px;margin:10px 10px 10px 20px;}

	.txt_intro01_b {margin-top:20px;margin-bottom:80px}
	.txt_intro01_b .txt {font-size:17px;margin:10px 20px}
	.txt_intro01_b .txt img {width:100%}

	.txt_intro01_a .round-tit,
	.txt_intro01_b .round-tit,
	.txt_intro05_a .round-tit {margin-top:10px}
	.txt_intro01_a .round-tit strong,
	.txt_intro01_b .round-tit strong,
	.txt_intro05_a .round-tit strong {font-size:22px}
	.txt_intro01_a .round-tit span,
	.txt_intro01_b .round-tit span,
	.txt_intro05_a .round-tit span {width:9px;height:9px;}
	.txt_intro01_a .txt .round li:before{left:0px;width:5px;height:5px;}

	/* 찾아오시는길 */
	.txt_intro05_a {margin-top:20px;}
	.txt_intro05_a .txt {flex-direction: column;font-size:17px;margin:10px 0;}
	.txt_intro05_b {margin-top:0;margin-bottom:80px}

	.txt_intro05_a .txt .detail{width:100%;}
	.txt_intro05_a .txt .address{width:100%;margin:10px 0}
    
    .detail-list dt, .detail-list dd{/*float:left;*/display:table-cell;vertical-align:top;position:relative;text-align:left;}
    .detail-list dt{width:80px;}
    .detail-list dt strong{padding-left:10px; font-size:17px;}
    .detail-list dt strong:before{top:12px;width:5px;height:5px;}    

    .detail-list dd p{padding:0 10px; font-size:18px;}

    .txt_intro05_a .txt .address .address-button {width:100%;font-size:16px;padding:15px}
}


/* 교육안내-협약기업신청 */
.txt_edu04_a {width:100%;display:flex;flex-direction:column;margin-top:50px;}
.txt_edu04_b {width:100%;display:flex;flex-direction:column;margin-top:30px;}
.txt_edu04_c {width:100%;display:flex;margin-top:50px;justify-content: space-between;margin-top:30px;margin-bottom:150px;text-align:center}
.txt_edu04_a .round-tit,
.txt_edu04_b .round-tit {display:inline-block;margin-top:30px;width:100%}
.txt_edu04_a .round-tit span,
.txt_edu04_b .round-tit span {background:#f8902a;margin-right:5px;float:left;width:12px;height:12px;border-radius:50%;}
.txt_edu04_a .round-tit strong,
.txt_edu04_b .round-tit strong {font-size:30px;font-weight:500;line-height:1.6;letter-spacing:-0.06em;}
.txt_edu04_b .txt {display:inline-block;margin:14px 20px;font-size:22px;line-height:1.75;letter-spacing:-0.02em;float:left;word-break: break-all;}
.txt_edu04_b .txt ul {font-size:18px;font-weight:300}
.txt_edu04_b .txt .round li {padding-left:15px;position:relative;}
.txt_edu04_b .txt .round li:last-child {margin-top:40px;word-break: keep-all;}
.txt_edu04_b .txt .round li:before{position: absolute;top:12px;left:0px;width:6px;height:6px;background:#4b4b4b;content: '';border-radius:50%;}
.txt_edu04_a .txt {display:inline-block;margin:20px;text-align:center;}
.txt_edu04_a .txt img {width:90%}
.txt_edu04_c .edu04 {width:49%;display: inline-block;padding: 22px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #0d2269;  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #fff;}
.txt_edu04_c .edu04:hover {background-color: #fff; color: #0d2269;border:2px solid #0d2269;}


/* 교육안내-교육일정 */
.txt_edu02_a {width:100%;display:flex;margin-top:50px;justify-content: space-between;text-align:center;}
.txt_edu02_a .edu02.active {background:#0d2269}
.txt_edu02_a .edu02.inactive {color:#0d2269}
.txt_edu02_a .edu02 {width:49%;display: inline-block;padding: 22px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;/*background-color: #0d2269;*/  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #0d2269;}
.txt_edu02_a .edu02.inactive:hover {background-color: #0d2269; color: #fff;border:2px solid #0d2269;}

.txt_edu02_b {width:100%;display:flex;flex-direction:column;margin-top:30px;margin-bottom:150px;}
.txt_edu02_b .round-tit {display:flex;width:100%;text-align: center;vertical-align: middle;align-items: center;justify-content: center;margin:20px 0 10px 0}
.txt_edu02_b .round-tit strong {font-size:30px;font-weight:600;line-height:1.6;letter-spacing:-0.06em;font-family:Noto DemiLight,sans-serif}
.txt_edu02_b .txt {display:inline-block;margin-top:20px}
.txt_edu02_b .round-tit .left,
.txt_edu02_b .round-tit .right{display:inline-block;cursor: pointer;padding:10px 30px;text-align:center}

.txt_edu02_c {width:100%;display:flex;margin-top:30px;justify-content: space-between;text-align:center;margin-bottom:150px}
.txt_edu02_c .txt{width:49%;margin-top:20px}
.txt_edu02_c .month{width:49%;display:flex;flex-direction:column;}
.txt_edu02_c .month .round-tit {display:flex;width:100%;text-align: center;vertical-align: middle;align-items: center;justify-content: center;margin:20px 0 10px 0}
.txt_edu02_c .month .round-tit strong {font-size:26px;font-weight:600;line-height:1.6;letter-spacing:-0.06em;font-family:Noto DemiLight,sans-serif}
.txt_edu02_c .month .round-tit .left,
.txt_edu02_c .month .round-tit .right{display:inline-block;cursor: pointer;padding:10px 30px;text-align:center}


/* 교육안내-교육과정 수강신청완료 */
.txt_edu01 {width:100%;display:flex;flex-direction:column;margin-top:50px;}
.txt_edu01 .round-tit {display:inline-block;margin-top:30px;width:100%;text-align:center;}
.txt_edu01 .round-tit strong {font-size:30px;font-weight:600;line-height:1.6;}
.txt_edu01 .round-tit p {font-size:22px;font-weight:600;line-height:1.2;margin:15px 0;color:red}

.txt_edu01 .txt {width:100%;display:flex;flex-direction: column;margin-top:30px;margin-bottom:130px;text-align:center;align-items: center;}
.txt_edu01 .txt p {display:inline-block;font-size:22px;font-weight:bold;padding:10px 0;width:50%}
.txt_edu01 .txt .edu01 {width:50%;display: inline-block;padding: 22px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #0d2269;  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #fff;margin:30px 0}
.txt_edu01 .txt .edu01:hover {background-color: #fff; color: #0d2269;border:2px solid #0d2269;}
.txt_edu01 .txt .list {width:90px;display:flex;padding: 22px 20px;align-items: center;justify-content: center;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;background-color: #979797;  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #fff;margin:30px 0}



/* 교육안내 모바일 */
@media screen and (max-width: 640px) {
	/* 협약기업신청 */
	.txt_edu04_c .edu04 {width:100%;font-size:16px;margin:5px 0;padding:15px}

	.txt_edu04_a, .txt_edu04_b {margin-top:20px;}
	.txt_edu04_b .txt {font-size:17px;margin:10px 10px 10px 20px;}

	.txt_edu04_c {margin-top:10px;margin-bottom:80px;flex-direction: column;}
	.txt_edu04_a .txt {font-size:17px;margin:10px 20px}
	.txt_edu04_a .txt img {width:100%}

	.txt_edu04_a .round-tit,
	.txt_edu04_b .round-tit {margin-top:10px}
	.txt_edu04_a .round-tit strong,
	.txt_edu04_b .round-tit strong {font-size:22px}
	.txt_edu04_a .round-tit span,
	.txt_edu04_b .round-tit span {width:9px;height:9px;}
	.txt_edu04_b .txt .round li:before{left:0px;width:5px;height:5px;}

	.txt_edu04_b .txt .round .br {display: block;}

	/* 교육일정 */
	.txt_edu02_a {margin-top:20px;}
	.txt_edu02_b {margin-top:10px;margin-bottom:80px;}
	.txt_edu02_b .round-tit {margin:10px 0 0 0}
	.txt_edu02_a .edu02 {padding:15px;width:48%;font-size:16px;}
	.txt_edu02_b .round-tit strong {font-size:22px}
	.txt_edu02_b .txt {margin-top:15px}
	.txt_edu02_b .round-tit .left,
	.txt_edu02_b .round-tit .right {padding:10px 20px}


	.txt_edu02_c {flex-direction: column; margin-top: 10px;}
	.txt_edu02_c .txt {width:100%;}
	.txt_edu02_c .month {width:100%;}
	.txt_edu02_c .month .round-tit {margin:10px 0}
	.txt_edu02_c .month .round-tit strong {font-size:22px}
	.txt_edu02_c .month .round-tit .left,
	.txt_edu02_c .month .round-tit .right{padding:10px 20px}


	/* 교육과정 수강신청완료 */
	.txt_edu01 {margin-top:20px;margin-bottom:80px;}
	.txt_edu01 .round-tit {margin-top:10px}
	.txt_edu01 .round-tit strong {font-size:22px}
	.txt_edu01 .round-tit p {font-size:20px;margin:10px 0}
	.txt_edu01 .txt {font-size:17px;margin:10px 0}
	.txt_edu01 .txt p {font-size:17px;width:100%}
	.txt_edu01 .txt .edu01 {width:100%;margin:5px 0;padding:15px}
	.txt_edu01 .txt .list {width:100%;margin:5px 0;padding:15px}

}


/* 설문조사 */
.txt_survey_a {width:100%;display:flex;margin-top:50px;justify-content: space-between;text-align:center;}
.txt_survey_a .sur_btn.active {background:#0d2269}
.txt_survey_a .sur_btn.inactive {color:#0d2269}
.txt_survey_a .sur_btn {width:49%;display: inline-block;padding: 22px 20px;font-size: 18px; font-weight: bold;text-align: center; text-decoration: none; 
   border-radius: 0px; color:#fff;/*background-color: #0d2269;*/  cursor: pointer; transition: background-color 0.2s, color 0.2s; border:2px solid #0d2269;}
.txt_survey_a .sur_btn.inactive:hover {background-color: #0d2269; color: #fff;border:2px solid #0d2269;}
.txt_survey_b {width:100%;margin-top:60px;font-size:16px}
.txt_survey {width:100%;margin-top:10px;margin-bottom:150px;min-height:400px;}


/* 설문조사 모바일 */
@media screen and (max-width: 640px) {
	.txt_survey_a {margin-top:20px;}
	.txt_survey_b {margin-top:30px;font-size:14px;}
	.txt_survey {margin-bottom:80px;min-height:300px;}
	.txt_survey_a .sur_btn {padding:15px;width:48%;font-size:16px;}
}

/* 개인정보수집 및 마케팅 동의 관련 모달 */
.modal {display: none;position: fixed;background-color: rgba(0, 0, 0, 0.4);width: 100vw;height: 100vh;top: 0;left: 0;
	display: flex;justify-content: center;align-items: center;}
.agree1_index {z-index: 9998;}
.agree2_index {z-index: 9997;}
.hp_cert_index {z-index: 9999;}
.modal-content {padding: 10px;border: 1px solid #fff;position: relative;}
.agree1 {background-color:#0FA3D4;width:50%;height:67%;}
.agree2 {background-color:#3A5AC4;width:50%;height:37%;}
.hp_cert {background-color:#F09336;width:65%;height:75%;}
.modal-content iframe {width: 100%;height: 100%;border: 0;}


@media screen and (max-width: 640px) {
	.agree1, .agree2, .hp_cert {width: 85%;height:60%;}
}