/* sub_visual */
.sub_visual {height: 18.75rem; box-sizing: border-box; overflow: hidden; position: relative; background: url(/images/home/kor/user/bg_notification.png) no-repeat center top; background-size: cover !important;  
display: flex;  align-items: center; justify-content: center; position:relative;border-radius:5rem;padding-top: 8rem;}
.sub_visual .tit_wrap{display: flex; justify-content: start; max-width:1280px; width:100%; align-items: baseline;}
.sub_visual .sub_tit{font-size: 2.5rem; font-weight: 500;position: relative;padding-left:24px;width: fit-content;}
.sub_visual .sub_tit:after{position: absolute;top: -16%;left: 0;content:'';width: 1.875rem;height: 1.875rem;background: url(/images/home/kor/user/sub_top_ico.png) no-repeat;background-size: contain;}
.sub_visual .sub_txt{margin-left: 10px; color: #8d8d8d; font-weight: 400;}

.sub6 .sub_visual, .sub7 .sub_visual, .sub8 .sub_visual, .sub11 .sub_visual{ background-image: url(/images/home/kor/user/bg_notification2.png);}
.sub6 .sub_visual .sub_txt, .sub7 .sub_visual .sub_txt, .sub8 .sub_visual .sub_txt{color: #444447;}

.morebtn{border-radius:4px; text-align:center; padding:10px 0; width:100%;background:#eee; color:#666;font-size:.875rem;margin-top: 1rem;}
.morebtn:hover{background:#181818;color:#fff;}



.contents.main_search{padding: 0px 0 120px;}
.main_search .search_box {justify-content: center; flex-wrap: wrap;gap:20px}
.main_search .top-con #sub-tap {margin-top: 0;}
.main_search .search_box .tit{color: #FC851D; font-size: 2rem; text-align: center; font-weight: 600;width: 100%;}
.main_search .search_box .inp-bx{position: relative;max-width: 670px;width: 100%;padding-right: 3.75rem;/* border-bottom: #000 2px solid; */background: #f5f5f5;border-radius: 50px;overflow: hidden;}
.main_search .search_box .inp-bx .inp{display: block;height: 3.75rem;line-height: 3.75rem;width: 100%;border: none;background-color: #f5f5f5;padding-left: 1.875rem;}
.main_search .search_box .inp-bx .sch{position: absolute;display: block;top: 0;right: 0;width: 3.75rem;height: 3.75rem;background: url(/images/home/kor/user/search_fixed.png) 0% 50% no-repeat;text-indent: -9999px;    background-size: 2rem;}


/* locationBar */
.locationBar {width:100%; height:60px; background-color:#fff; position:absolute; top:270px; background-color:transparent;}
.locationBar_inner {max-width:1280px; margin:0 auto; height:100%; }
.locationBar .location.depth1 {height: 100%; position: relative; width: 640px; background:#fff;border-radius:5rem;box-shadow: 0px 0px 2px 0px #cdcdcd;}
.locationBar .location > ul { display: flex; height: 100%; align-items: center;}
.locationBar .location > ul > li {font-family: 'S-CoreDream'; position: relative; width:260px; height: 100%;}
.locationBar .location > ul > li > a {font-weight:400; align-items:center; color:#666; height: 100%; width: 100%; display: flex; justify-content: space-between;  align-items: center; padding: 0 30px;}
.locationBar .location > ul > li:first-child{border-radius:5rem 0 0 5rem;}
.locationBar .location .location_sub {display: none; border: 1px solid #eaeaea; background: #fff; padding: 10px 35px; z-index: 3; position: relative;}
/* .locationBar .location .location_sub { position: absolute;  width: 100%; left: 0; z-index: 5; display: none; padding: 1px !important; border:1px solid #eaeaea; background-color:#fff; }
.locationBar .location .location_sub_inner {padding: 20px 35px;} */
.locationBar .location .location_sub li a{ padding: 5px 0; font-weight: 300; color:#666;}
.locationBar .location .location_sub li.active a{ font-weight: 500; color:#0
09fe3;}
.locationBar .location .location_sub li a:hover{ color:#F95600;}
.locationBar .location_btn {width:12px; height: 12px; position: relative;}
.locationBar .location_btn:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 100%;  background-color: #666; transition:all 0.3s;}
.locationBar .location_btn:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; background-color: #666; opacity:1; transition:all 0.3s;}
.locationBar li:hover .location_btn:after{transform: rotate(90deg); top:0; background-color:#F95600;}
.locationBar li:hover .location_btn:before{opacity:0;}
.locationBar .location_btn.my:after{display:none;}
.locationBar .location_btn.my:before{background-color: #009fe3;}
.locationBar li:hover .location_btn.my:before{opacity:1;}
.locationBar .location > ul > li:first-child{width:90px; text-indent: -9999px; background: url(/images/home/kor/user/sub_home_avtive.png) 60% 50% no-repeat #F95600;}
/* .locationBar.fixed {position:fixed; top:90px; z-index:10; background-color:#fff; box-shadow: 0px 0px 2px 0px #cdcdcd;}
.locationBar.fixed .locationBar_inner{box-shadow:none;border-radius:0;}
.locationBar.fixed .location > ul > li:first-child{border-radius:0;background: url(/images/home/kor/user/sub_home_avtive.png) 50% 50% no-repeat #F95600;} */



/* locationBar_blue */
.locationBar_blue{position: relative; margin-top: 90px; width: 100%; height: 50px; background: linear-gradient(90deg, #0760bb 0%, #094a8d 100%);}
.locationBar_blue:after {content: ''; position: absolute; top: calc(50% - 60px); right: 100px; width: 111px; height: 154px; background: url(/images/home/kor/user/bubble_bg.png) 50% 50% no-repeat; mix-blend-mode: plus-lighter;}

.locationBar_blue ul {display: flex; align-items: center; width: 1760px; height: 100%; margin: 0 auto; color: #fff; font-size: 16px; font-weight: 300;}
.locationBar_blue ul li:first-child{ width: 20px; text-indent: -9999px; background: url(/images/home/kor/user/home_w.png) 50% 50% no-repeat;}
.locationBar_blue ul li:nth-child(2){ font-weight: 600;}
.locationBar_blue ul li + li {padding-left:40px;  position: relative;}
.locationBar_blue ul li + li:after { content: ''; position: absolute; top: calc(50% - 5px); left: 13px; width: 10px; height: 10px; transform: rotate(45deg); 
border-top: #fff 1px solid; border-right: #fff 1px solid;}



/* sub_con_common */
.material-symbols-rounded {font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24; font-size:18px;}
.hover .material-symbols-rounded { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24}
.hover > li:hover > .material-symbols-rounded,
.hover .material-symbols-rounded:hover,

.hover li.active .material-symbols-rounded,
.hover label.active + .material-symbols-rounded,
.hover .material-symbols-rounded.active{ font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24;}

.center-box, #inner_wrap, #contents-inner{max-width:1280px; margin: 0 auto; word-break: keep-all;}
.ss_tit {position: relative; font-size:18px; font-weight:600; padding-left:20px}
.ss_tit:before{content:''; position: absolute; top: calc(50% - 5px); left:0px ; width: 10px; height: 10px; border-radius:3px; background: linear-gradient(135deg, #2c73ff 0%, #094a8d 100%); 
transform: rotate(45deg);}
.blue_t {color:#005eb5; position: absolute; top: -35px; right: 0;}
.btnNormal{display: flex; align-items: center; height: 40px; border-radius:5px; padding:0px 17px;}
.dot_list li { padding-left: 10px; position: relative;}/* 2023-10-13 추가 */
.dot_list li:after {content: ''; display: block; width: 2px; height: 2px; background: #333; position: absolute; top: 50%; left: 0;}/* 2023-10-13 추가 */


.right-con {width: 100%;} /* 2023-10-13 수정 */
.right-con h2 {font-size: 35px; margin-bottom: 20px;}
.right-con .search_box {box-shadow: 0 0 20px #0000001a; padding: 30px 40px; border-radius: 10px; }
.right-con .search_box .tit {font-size: 24px; margin-bottom: 20px;}
.right-con .search_box label { font-size: 18px; font-weight: 600; min-width: 100px;}
.right-con .search_box label > span {font-size: 16px; font-weight: 300;}
.right-con .search_box .flex_line{ display: flex; align-items: center;}
.right-con .search_box .flex_line div + div{margin-left:80px;}
.right-con .search_box .grid_line_3{ display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}/* 2023-10-13 수정 */
.right-con .search_box .btn{margin-left:10px;}
.right-con .search_box .btn{margin-left:10px;}
.right-con .search_box .checkbox_group { display: grid; grid-template-columns: repeat(10,1fr); gap: 20px;}
.right-con .search_box .checkbox_group li > label {font-size: 16px; font-weight: 300; margin-right: 0px; display: flex; align-items: center; min-width: auto;}
.right-con .search_box input[type="checkbox"] { width: 15px; height: 15px; border: #ccc 1px solid;}
.right-con .search_box input[type="checkbox"]:checked{border-color: #0760bb; background: #0760bb url(/images/home/kor/user/ic_check.png) no-repeat 50% 50%; background-size: 8px auto; }
.right-con .search_box .select_ds {display: flex; align-items: center;}
.right-con .search_box .select_ds + .btnNormal,
.right-con .search_box .btnNormal + .btnNormal{margin-left:10px;}/* 2023-10-13 수정 */
.right-con .bottom_con {position: relative; display: flex; justify-content: space-between; gap:30px; margin-top: 30px; }

.right-con .search_box .flex_line.long {align-items: flex-start;}
.right-con .search_box .long .checkbox_group { display: grid; grid-template-columns: repeat(5,1fr); gap: 5px 20px;}

#lnb_wrap .lnb .lnbs .sub_menu { display: none !important; }


/*subpage_board*/
.subpage_board .table_line th,
.subpage_board .table_line td { padding: 13px 10px; height: 50px;}
.subpage_board .table_line td.title a {text-align:left;}
.subpage_board .table_line .btnNormal {width: fit-content; height: 40px; justify-content: center; margin-left: calc(100% - 90px); margin-top: 10px;}
.subpage_board .table_line .btnNormal + .paging {margin-top: 0px;}

.subpage_board .write th,
.subpage_board .write td{ padding: 11px 20px; text-align: left; height: 60px;}
.subpage_board .write fieldset { display: flex; gap: 10px;}
.subpage_board .write fieldset .btnNormal { font-size: 14px; min-width: 60px; margin:0; }
.subpage_board .write .btn_wrap { justify-content: flex-end; gap: 10px; margin-top:20px;}
.subpage_board .write .btn_wrap .btnNormal {width: fit-content; height: 40px; justify-content: center; margin:0; }

.subpage_board .view th,
.subpage_board .view td{ padding: 11px 20px; text-align: left; height: 60px;}
.subpage_board .view td.con_box { height: auto; padding: 20px;}
.subpage_board .view tr a{ display: flex; align-items: center;}
.subpage_board .view tr a .file{margin: 0 15px;}
.subpage_board .view .flex_box{ padding: 0 20px; min-height:100px; border-bottom:1px #ccc solid; display: flex; align-items: center; justify-content: space-between;}
.subpage_board .view .flex_box .title{ font-size: 22px;}
.subpage_board .view .flex_box > ul {display: flex; gap: 30px; font-size: 16px; font-weight: 400; color:#8e8e8e;}
.subpage_board .view .flex_box > ul li{position: relative;}
.subpage_board .view .flex_box > ul li + li:after{content:''; position: absolute; top: calc(50% - 7.5px); left:-15px ; width: 1px; height: 15px; background:#ccc;}
.subpage_board .view .flex_box > ul li b {color:#0760ba;}


/*subpage01*/
.contents.subpage01 {padding: 100px 0 120px;}
.subpage01 h1{ text-align: center; font-size: 35px; font-weight: 700; margin-bottom: 100px; position: relative;}
.subpage01 h1:after { content: ''; display: block; width: 70px; height: 3px; background: #318bf2; position: absolute; left: calc(50% - 35px); bottom: -30px;}
.subpage01 section .text-box p{font-size: 17px; font-weight: 300; word-break: keep-all;}
.subpage01 section .text-box h3{font-size: 26px; margin-bottom: 10px; font-weight: 500;}
.subpage01 section{margin-top: 80px;}
.subpage01 section.sec01{margin-top: 0;}
.subpage01 section.sec01 .tit-text h2 {position: relative; width: fit-content; margin: 0 auto 60px; font-size: 28px; font-weight: 300; text-align: center; line-height: 40px;}
.subpage01 section.sec01 .tit-text h2:before{content:''; position: absolute; top: -5px; left:-50px ; width: 35px; height: 30px; background: url(/images/home/kor/user/sub1_ico_left.png) 50% no-repeat ; background-size: 100%;}
.subpage01 section.sec01 .tit-text h2:after{content:''; position: absolute; bottom: -5px; right:-50px ; width: 35px; height: 30px; background: url(/images/home/kor/user/sub1_ico_right.png) 50% no-repeat ; background-size: 100%;}
.subpage01 section.sec01 .box_list {border-top:2px #000 solid;}
.subpage01 section.sec01 .box_list li {position: relative; display:flex; align-items: center; min-height:220px; border-bottom:1px #ccc solid; padding-left: 300px;}
.subpage01 section.sec01 .box_list li i {position: absolute; left: 60px;}
.subpage01 section.sec01 .box_list li .tit{display: block; font-size: 22px; margin-bottom: 10px; }
.subpage01 section.sec01 .box_list li .s_tit{ font-weight: 300; color: #666666;}
.subpage01 section.sec01 .box_list li .s_tit.list{ position: relative; padding-left:170px;}
.subpage01 section.sec01 .box_list li .s_tit.list:after { content: ''; display: block; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top:50%;}
.subpage01 section.sec01 .box_list li .s_tit.list b{position: absolute; left: 20px; color: #666666;}
.subpage01 section.sec01 .box_list li .list + .list{margin-top:10px;}


/*subpage02*/
.contents.subpage02 {padding: 0px; height: calc(100vh - 140px); display: flex;}
.subpage02 .left-list{width:300px; height: calc(100vh - 140px); overflow: scroll; border-right: #ccc 1px solid;}
.subpage02 .left-list dt{ position: relative; padding: 15px 20px; font-size: 18px; border-bottom: #ccc 1px solid;}
.subpage02 .left-list dt::after{ content: ''; display: block; width: 10px; height: 10px; border-top:#666 2px solid; border-right:#666 2px solid; position: absolute; top: calc(50% - 7px); right: 20px; 
transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.subpage02 .left-list dt.active{ border-bottom: none;}
.subpage02 .left-list dt.active::after{ transform: rotate(-45deg); margin-top: 2px;}
.subpage02 .left-list dt a{ color: #333; font-size:18px; font-weight: 600;}
.subpage02 .left-list dd{ position: relative; padding: 0px 17px 20px 20px; border-bottom: #ccc 1px solid;}
.subpage02 .left-list dd label { font-size: 16px; font-weight: 300; color: #666; }
.subpage02 .left-list dd li { display: flex; align-items: center; justify-content: space-between;}
.subpage02 .left-list dd li + li {margin-top:5px;}
.subpage02 .left-list dd input[type="checkbox"] { width: 12px; height: 12px; border: #ccc 1px solid;}
.subpage02 .left-list dd input[type="checkbox"]:checked{border-color: #0760bb; background: #0760bb url(/images/home/kor/user/ic_check.png) no-repeat 50% 50%; background-size: 8px auto;}
.subpage02 .left-list dt.active{border-bottom: #none;}

/* 2023-10-13 수정 */
.subpage02 .left-list dd.child_menu li { position: relative; display: block;}
.subpage02 .left-list dd.child_menu li .select_wrap { display: flex; align-items: center; justify-content: space-between; }
.subpage02 .left-list dd.child_menu li > ul { display: none; }
.subpage02 .left-list dd.child_menu li > ul.on { display: block; }
.subpage02 .left-list dd.child_menu li input[type="checkbox"]{ cursor: auto; }
.subpage02 .left-list dd.child_menu #root > div input[type="checkbox"],
.subpage02 .left-list dd.child_menu #root > div input[type="checkbox"]:checked{position: relative; border-color: #999999; background: #999999; background-size: 8px auto; }
.subpage02 .left-list dd.child_menu #root > div input[type="checkbox"]::before {content: ''; display: block; position: absolute; top: 50%; left: calc(50% - 3px); width: 7px; height: 1px;
background: #fff;}
.subpage02 .left-list dd.child_menu #root > div input[type="checkbox"]::after {content: ''; display: block; position: absolute; top: calc(50% - 3px); left: 50%; width: 1px; height: 7px; 
background: #fff;}
.subpage02 .left-list dd.child_menu #root > div input[type="checkbox"]:checked::after {display:none;}

.subpage02 .left-list dd.child_menu #root li{padding-left: 20px;}
.subpage02 .left-list dd.child_menu #root li > ul{margin-top:5px;}
.subpage02 .left-list dd.child_menu #root li > ul > li::before { content: "∟"; position: absolute; left: 0; font-size: 14px; color: #ccc;}
/* 2023-10-13 수정 */

.subpage02 .map_bg{background:#f0f0f0; width: calc(100% - 300px); position: relative;}
.subpage02 .go_page_btn{position: absolute; display: flex; align-items: center; width: 225px; height: 70px; background: rgb(0 0 0 / 70%); border-radius: 10px; padding: 0 20px; color: #fff;
top:30px; right:30px;}
.subpage02 .go_page_btn span{ margin-right:10px;}
.subpage02 .go_page_btn::after{ content: ''; display: block; width: 10px; height: 10px; border-top:#fff 2px solid; border-right:#fff 2px solid; position: absolute; top: calc(50% - 5px); right: 20px; 
transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }


/*subpage0301*/
.subpage0301 .bottom_con {margin-top: 60px;} 
.subpage0301 .info_table {width: 420px; border: 1px #ccc solid; border-radius: 10px; padding:15px 20px;}
.subpage0301 .info_table .table_line {width: 100%; }
.subpage0301 .info_table .table_line tbody th {font-size: 16px; font-weight: 600; text-align:left; background: none; padding: 13px 10px; vertical-align: top;}
.subpage0301 .info_table .table_line tbody td {font-size: 16px; font-weight: 300; text-align:left; border-left: none; padding: 10px;}
.subpage0301 .info_table .table_line .img_box {width: 100%; height:120px; background: #ccc; border-radius: 10px; overflow: hidden;}
.subpage0301 .info_table .table_line .img_box img { width: 100%; height: 100%; object-fit: cover;}
.subpage0301 .table_line {width: calc(100% - 450px);}
.subpage0301 .table_line th { padding: 13px 10px; font-size: 16px; font-weight: 600;}
.subpage0301 .table_line td { padding: 13px 10px; font-size: 16px; font-weight: 300;}

/*subpage0302*/
.subpage0302 .map {width: 420px; background: #ccc; border-radius: 10px;}
.subpage0302 .table_line {width: calc(100% - 450px);}
.subpage0302 .table_line td { padding: 13px 10px; font-size: 16px; font-weight: 300;}

/*subpage0303*/
.subpage0303 .map {width: 350px; height: 450px; background: #ccc; border-radius: 10px;}
.subpage0303 .table_line {width: calc(100% - 380px); font-size: 16px;}
.subpage0303 .table_line thead{line-height: 1.2;}
.subpage0303 .table_line thead td {background: #f1f1f1;}
.subpage0303 .table_line td { padding: 13px 10px; font-weight: 300;}
.subpage0303 .table_line.long td { padding: 6px 10px; font-weight: 300;}
.subpage0303 .table_line td.border_l{border-left: 1px solid #ccc;}

/*subpage0402*/
.subpage0402 h2{ text-align: center; font-size: 35px; font-weight: 700; margin-bottom: 100px; position: relative;}
.subpage0402 h2:after { content: ''; display: block; width: 70px; height: 3px; background: #318bf2; position: absolute; left: calc(50% - 35px); bottom: -30px;}
.subpage0402 .blue_box {position: relative; display: flex; justify-content: center; text-align: center; flex-direction: column; height: 275px; background: #2199d2; border-radius: 20px; 
 overflow: hidden; margin-bottom: 30px; color:#fff;}
.subpage0402 .blue_box:before{ content: ''; display: block; width: 205px; height: 275px; position: absolute; top: 0; left: 0px;  background: url(/images/home/kor/user/bluebox_left.png) 50% no-repeat ;}
.subpage0402 .blue_box:after{ content: ''; display: block; width: 265px; height: 275px; position: absolute; top: 0; right: 0px;  background: url(/images/home/kor/user/bluebox_right.png) 50% no-repeat ;}

.subpage0402 .blue_box .tit {font-size:45px; font-weight:300; margin-bottom:5px;}
.subpage0402 .blue_box span {font-size:20px; font-weight:400;}
.subpage0402 p.txt {font-size: 17px; font-weight:300; line-height: 2;}

/*login*/
.admin.main_wrap {position:relative; width:100%; min-height:100%; background-image:url("/images/home/kor/user/infra_bg.jpg"); background-size:cover;}
.admin .login {width:680px;  position:absolute; left:calc(50% - 340px); top:35%; background: #fff; border-radius: 20px; box-shadow: rgb(65 116 160 / 15%) 5px 0px 25px; overflow: hidden;}
.admin .login-wrap{ display: flex; height: 300px; }
.admin .login-wrap .logo{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 250px; height: 100%; box-sizing: border-box; margin: 0; 
background-image:url("/images/home/kor/user/logo_bg.png");}
.admin .login-wrap .logo p{margin:0px; color:#fff; font-size: 16px; font-weight: 400;}
.admin .login-wrap .logo p + p {margin-top:40px; position: relative;}
.admin .login-wrap .logo p + p:after{content: ''; display: block; width: 50px; height: 2px; background: #fff; position: absolute; top: -30px; left: calc(50% - 25px);}
.admin .login-wrap .logo .logo_tit { text-align: center; font-size: 24px; font-weight: 600;}

.admin .login-form{display: flex; flex-direction: column; justify-content: center; position:relative; width:calc(100% - 250px); margin:0 auto; padding:30px 40px; box-sizing: border-box;}
.admin .login-form p{margin:0px;}
.admin .login-form p + p {margin-top:10px;}
.admin .login-form p > label{display:none;}
.admin .login-form input[type="text"],
.admin .login-form input[type="password"]{width:100%; height:50px; line-height: 50px; border:1px solid #ccc; border-radius: 50px; box-sizing: border-box; font-size:16px; color:#333; padding-left:20px;}
.admin .login-form .btn-login-admin{display:block; margin-top:20px;}
.admin .login-form .btn-login-admin .btn_a {display: block; width: 100%; height: 50px; line-height: 50px; background: #333; border-radius: 50px; color: #fff; font-size: 18px; text-align: center;}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

/* sub-common */
.contents .top-con{display:flex; flex-flow:column nowrap;margin-bottom:3.75rem;}
.contents .top-con h2,
.contents #inner_wrap h2{font-size:2.25rem; font-weight:500;text-align: center;}
.contents h3{font-size:1.75rem;font-weight:500;}
.contents h5.h5_tit{text-align:center;font-weight: 500;}
.top-con #sub-tap{display:flex; margin:0 auto; margin-top: 2.5rem;gap:10px; width: 100%; flex-wrap: wrap;justify-content: center;}
.top-con #sub-tap a{font-size:1.125rem; font-weight:400; color:#666; padding:.625rem 1.625rem; border:2px solid #F1F1F3; text-align:center;border-radius:3rem;}
.top-con #sub-tap a.active{background:#F95600; color:#fff;border: #fff}

.search_box{margin:2.5rem 0 1rem 0;display:flex;justify-content: space-between;align-items: end;}
.search_box .search_box_in{/* background:pink; */ display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;gap:10px;}
.search_box .search_box_in .select{border:1px solid #ddd; font-weight: 300;width:130px;padding: 0 10px;height:2.5rem; border-radius: 4px;}
.search_box .search_box_in fieldset{width:22.5rem; display:flex; gap:5px}
.search_box .search_box_in fieldset #searchstr{ width:calc(100% - 2.5rem - 2.5px);height:2.5rem;}
.search_box .search_box_in fieldset .btn_search{width:2.5rem; height:2.5rem; background:url(/images/home/kor/user/btn_search_icon.png) no-repeat center;}
.contents .page_num,
.contents .page_num{display:flex;gap:1rem;}
.contents .top-con .page_num .bold,
.contents .page_num .bold{font-size:1rem; font-weight:300;}
.contents .page_num .bold .eng_tit,
.contents .page_num .bold .point_c{color:#F95600 !important;}

/* //sub-common end */

/* 자립지원기관 */
.center .field_wrap{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.center .cen_field{text-align: center; font-weight: 500;width: 100%;}
.center .cen_field .icon_btn{ display: block;border-radius: 10px;padding: 2rem;position: relative;}
.center .cen_field .Num{ display: block; border-radius: 100px;position:absolute;padding: 2px 8px; top:-10%; right:15%; color: #fff; font-weight: 400;}
.center .cen_field:nth-child(1) .Num{background: #F37276;}
.center .cen_field:nth-child(2) .Num{background: #FB9159;}
.center .cen_field:nth-child(3) .Num{background: #FDB06C;}
.center .cen_field:nth-child(4) .Num{background: #6CB671;}
.center .cen_field:nth-child(5) .Num{background: #599FD0;}
.center .cen_field:nth-child(6) .Num{background: #5983A2;}
.center .cen_field:nth-child(7) .Num{background: #967AE0;}
.center .cen_field:nth-child(8) .Num{background: #FB9159;}
.center .cen_field:nth-child(9) .Num{background: #696969;}

.center .map_bg{width: 70%;border-radius: 80px 10px 80px 10px;position: relative;padding: 40px 60px;background:url("/images/home/kor/user/logo_bg.png") no-repeat bottom left #f4f4f4;}
.center .map_bg > p{position: absolute;}
.center .map_bg > p.gray{right: 10%;}
.center .map_find{width: 770px; position: relative;}
.center .map_wrap{width: 100%;position: relative;height: 27.25rem;}
.center .map_wrap p.map{background-position: 60% center;background-repeat: no-repeat;height: 100%;display: none;background-size: contain;}
.center .map_wrap p.map.active{display: block;}

.center .map_btn{position: absolute;top:50%;left: 54.3%;transform: translate(-50%, -50%);width: 91%;height: 27.25rem;}
.center .map_btn a{position: absolute;z-index: 999;font-size: 14px;color:#242424;transform: translateY(-50%);-webkit-transform: translateY(-50%);letter-spacing: -2px;color: #87909D;}
.center .map_btn a:after {display: none;position:absolute;top: -50%;left: 50%;content:'';width:1.5rem;height:1.5rem;background:url("/images/home/kor/user/map_icon.png") no-repeat;transform: translate(-50%, -50%);background-size: contain}
.center .map_btn a.active {color: #000; font-weight: 500}
.center .map_btn a.active:after {display:block;}

.center .map_btn a:nth-child(1){right: 38.8%;top: 12.2%;}
.center .map_btn a:nth-child(2){right: 31%;top: 18.5%;}
.center .map_btn a:nth-child(3){right: 43.2%;top: 22.6%;}
.center .map_btn a:nth-child(4){right: 43.5%;top: 34.6%;}
.center .map_btn a:nth-child(5){left: 36.1%;top: 28.2%;}
.center .map_btn a:nth-child(6){right: 27.6%;top: 36.6%;}
.center .map_btn a:nth-child(7){left: 45.7%;top: 38.9%;}
.center .map_btn a:nth-child(8){right: 34.7%;top: 41.9%;}
.center .map_btn a:nth-child(9){left: 37%;top: 43.8%;}
.center .map_btn a:nth-child(10){left: 49.3%;top: 48.9%;}
.center .map_btn a:nth-child(11){left: 33.8%;top: 49.9%;}
.center .map_btn a:nth-child(12){right: 36.9%;top: 51.9%;}
.center .map_btn a:nth-child(13){right: 28.7%;top: 53.6%;}
.center .map_btn a:nth-child(14){left: 47.2%;top: 57.9%;}
.center .map_btn a:nth-child(15){left: 17.6%;bottom: 47.4%;}
.center .map_btn a:nth-child(16){left: 23.6%;bottom: 33.1%;}
.center .map_btn a:nth-child(17){left: 30.1%;bottom: 32.6%;}
.center .map_btn a:nth-child(18){left: 41.2%;bottom: 27%;}
.center .map_btn a:nth-child(19){left: 21.8%;bottom: 25.9%;}
.center .map_btn a:nth-child(20){right: 34.9%;bottom: 25.1%;}
.center .map_btn a:nth-child(21){right: 22.5%;bottom: 28.3%;}
.center .map_btn a:nth-child(22){left: 40.1%;bottom: 17.6%;}
.center .map_btn a:nth-child(23){left: 31.6%;bottom: 12.4%;}
.center .map_btn a:nth-child(24){right: 44.2%;bottom: 22%;}
.center .map_btn a:nth-child(25){right: 16%;bottom: 43.9%;}
.center .map_btn a:nth-child(26){left: 23%;top: 30%;}

.center .map_btn.mobile{display: none;}


/* 인사말 */
.about01 .con_top .img{background:url(/images/home/kor/user/about06_img.png) no-repeat top / cover; width:100%; height:16rem; border-radius:1.25rem;}
.about01 .con_top .txt{display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:295px; width:100%;}
.about01 .con_top .txt .txt_img{width:100%; height:1.25rem;}
.about01 .con_top .txt .txt_img01{background:url(/images/home/kor/user/about01_icon.png)no-repeat 10%;}
.about01 .con_top .txt .txt_img02{background:url(/images/home/kor/user/about01_icon.png)no-repeat 10%; transform: rotate(180deg);}
.about01 .con_top .txt .txt_txt{width:100%; padding:0 2.25rem;}

.about01 .con_btm p{color:#666;margin-top:1rem;}
.about01 .con_btm > ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:1.875rem;}
.about01 .con_btm > ul > li{background:#f9f9f9; border-radius:20px; padding:2.25rem 2.25rem; background-repeat:no-repeat;}
.about01 .con_btm > ul > li .icon{width:4.5rem;height:4.5rem; display: inline-block;padding:1rem;border-radius: 10px;}
.about01 .con_btm > ul > li:nth-child(1) .icon{background:url(/images/home/kor/user/about01_icon05.png)no-repeat center #FFEBE5;}
.about01 .con_btm > ul > li:nth-child(2) .icon{background:url(/images/home/kor/user/about01_icon01.png)no-repeat center #FFECD4;}
.about01 .con_btm > ul > li:nth-child(3) .icon{background:url(/images/home/kor/user/about01_icon02.png)no-repeat center #F1EEFF;}
.about01 .con_btm > ul > li:nth-child(4) .icon{background:url(/images/home/kor/user/about01_icon03.png)no-repeat center #E0E9FF;}
.about01 .con_btm > ul > li:nth-child(5) .icon{background:url(/images/home/kor/user/about01_icon04.png)no-repeat center #D4EDDD;}
.about01 .con_btm > ul > li:last-child{background:#fff;font-size: 1.25rem;text-align: right;display: flex;flex-wrap: wrap;align-items: end;    justify-content: flex-end;}
.about01 .con_btm > ul > li:last-child span{font-size:1.5rem;font-style: italic;font-weight: 500;}

/* about02 기관소개  */
/* .about02 .btm-com .object_table{display:grid;grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.about02 .btm-com .object_table > li{ display: flex; flex-direction: column; gap:.625rem;}
.about02 .btm-com .object_table p{display: flex; justify-content: center; align-items: center; background: #fff; border-radius: .625rem; font-size: 1.125rem;}
.about02 .btm-com .object_table .bottom { height: calc(100% - 5rem); padding: 1.875rem;background:#F9F9F9;border-radius: .625rem;}
.about02 .btm-com .object_table > li .top { color: #fff; background: #333; height: 5rem;}
.about02 .btm-com .object_table > li:nth-child(2) p.top{background: #197bc5;}
.about02 .btm-com .object_table > li:nth-child(3) p.top{background: #29b268;}

.about02 .btm-com .history {border-top: 2px solid #181818;}
.about02 .btm-com .history li{padding: 30px 30px 20px 0;position: relative;}
.about02 .btm-com .history li:after{position: absolute; content: ''; top: -2%; left: 0; width:10px; height:10px; background:#181818; border-radius: 50%;}
.about02 .btm-com .history li p{font-size:20px; color: #ccc;margin: 1rem 0;} */
.about02 .goal_box .left {width : 46%;}
.about02 .goal_box .right {width : 52%;}
.about02 .company_name{border: 1px solid #ddd; padding: 0 4rem; height: 12.5rem; border-radius: 16px;display: flex; align-items: center;flex-wrap:wrap;justify-content: center; align-content: center;}
.about02 .goal_bak {background: #ffecd4; width: 100%; height: 12.5rem; border-radius: 16px; padding: 0 4rem;  display: flex; align-items: center;justify-content: center;}
.about02 .goal_bak > p {text-align: center;  line-height: 140%;}
.about02 .goal_info {display: flex; align-items: center; gap: 2.5rem; justify-content: center; border: 1px solid #ddd; border-radius: 1rem; height: 11.25rem; padding:1.875rem;}
.about02 .goal_info i {width: 5.625rem; height: 5.625rem; border-radius: 50%; background: #f8f8f8; }
.about02 .goal_info p {width: calc(100% - 5.625rem - 2.5rem); }

.about02 .history{position:relative;}
.about02 .history:before {display: block;content: '';position: absolute;left: 50%;top: 12px;transform:translateX(-50%);width:2px;height:80%;z-index:1;background-color: #FC851D ;}
.about02 .history li{overflow: hidden;position: relative;margin-bottom: 10px;}
.about02 .history li:nth-child(even) .txt {float: right;padding: 0 0 0 84px;width: 50%;}
.about02 .history li:nth-child(odd) .txt {float: left;padding: 0 84px 0 0;width: 50%;text-align:right;}
.about02 .history li:after {display: block;content: '';position: absolute;left: 50%;top: 10px;transform:translateX(-50%);width: 20px;height: 20px;background-color: #fff;border-radius: 18px;z-index:1;border: 3px solid #FC851D;}
.about02 .history li:before {display: block;content: '';position: absolute;left: 52%;top: 18px;transform:translateX(-50%);width: 46px;height: 2px;background-color: #cccccc;}
.about02 .history li:nth-child(odd):before{left:48%;}
.about02 .history li p{font-size:1.25rem; color: #ccc;}


/* 미션/비전  */
.about03 .txt{display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:100%;}
.about03 .txt .txt_img{width:100%; height:1.25rem;}
.about03 .txt .txt_img01{background:url(/images/home/kor/user/about01_icon.png)no-repeat 22%;}
.about03 .txt .txt_img02{background:url(/images/home/kor/user/about01_icon.png)no-repeat 22%; transform: rotate(180deg);}
.about03 .h5_tit {margin:4rem 0; border-top: 2px dashed #ccc; padding-top:4rem}

.about03 .mission_inr01 p { text-align: center; margin-bottom: 5.125rem; font-size: 2.25rem;}
.about03 .mission_vision { display: flex; flex-wrap: wrap; justify-content: center;}
.about03 .mission_vision li { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 45%; height: 8.75rem; padding: 1.25rem; border-radius: 1.25rem; font-size: 1.5rem; font-weight: 500;text-align: center;}
.about03 .mission_vision li:last-child { margin-left: 10%; }
.about03 .mission_vision li.mission { border: 3px solid #FC851D; }
.about03 .mission_vision li.vision { border: 3px solid #29B268; }
.about03 .mission_vision li.mission:after { content: '&'; position: absolute; left: 107%; top: 0; height: 100%; display: flex; flex-wrap: wrap; align-items: center; color: #eee; font-size: 5rem; font-weight: 600; }
.about03 .mission_vision li strong { display: block; width: 100%; margin-bottom: 6px; text-align: center; color: #666; font-size: 1rem;font-weight: 400;}

.about03 .values_list li:last-child { padding-bottom: 0px; }
.about03 .values_list li dl { position: relative; display: flex; flex-wrap: wrap; }
/* .values03:after { content: '전략목표'; position: absolute; left: 46%; bottom: -30%; display: flex; flex-wrap: wrap; align-items: center; text-align: center; font-size: 26px; font-weight: 500;} */
.about03 .values_list dd { position: relative; flex: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-left: 1.875rem; padding-bottom: 1.875rem; word-break: keep-all; }
.about03 .mission_inr_cont dd:first-child { margin-left: 0px; }
.about03 .values02 dd:after { content:''; position: absolute; left: 50%; bottom: -5%; width: 1px; height: 1.875rem; border-left: 2px solid #eee; }
.about03 .values01 .round_icon{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(100% / 3); font-size: 1.25rem;font-weight: 500;position: relative;padding-top:3.75rem;}
.about03 .values01 .round_icon:after{ content:''; position: absolute; left: 28%; top: 0; width: 3.5rem; height: 3.5rem;background:url(/images/home/kor/user/about03_icon01.png)no-repeat center;background-size: contain;}
.about03 .values01 dd:nth-child(2) .round_icon:after{background:url(/images/home/kor/user/about03_icon02.png)no-repeat center;background-size: contain;}
.about03 .values01 dd:nth-child(3) .round_icon:after{background:url(/images/home/kor/user/about03_icon03.png)no-repeat center;background-size: contain;}
.about03 .values_list .values01 dd {padding-bottom: 0px !important;}
.about03 .values02 dd, .values03 dd { font-weight: 500;}
.about03 .values02 dd {font-size: 1.5rem;margin-top:1rem; }
.about03 .values03 dd { padding: 1.875rem 10px; font-size: 1.25rem; border-radius:10px;color: #fff;margin-top:10px;}
.about03 .values03 dd:nth-child(1){ background: #197BC5;}
.about03 .values03 dd:nth-child(2){ background: #fc8100;}
.about03 .values03 dd:nth-child(3){ background: #29B268;}

.about03 .person li p{font-size:1rem;}
.about03 .person{gap:9.375rem;}
.about03 .person li{width:15rem;height:15rem;border-radius:50%;position: relative;}
.about03 .person li + li:after{content:''; position: absolute; left: -40%; bottom: 50%; width: 3.125rem; height: 1px; border-top: 1rem dotted #eee; }
.about03 .person li:nth-child(1){background: #D4EAFF;}
.about03 .person li:nth-child(2){background: #FFECD4;}
.about03 .person li:nth-child(3){background: #D2F4EA;}


/* 조직도  
.about04 ul.organization{background:url(/images/home/kor/user/organization_bg.png)no-repeat center;}
*/

.about04 .con_btm{margin-top:5rem;}
.about04 .organization_icon{width:12.5rem;text-align:center;padding:1rem 0;border-radius: 10px; color:#fff;background:#666;}

.about04 .organization li.organization_icon{background:#FC851D;border-radius: 10px 0 10px 0;margin: 0 auto;}

.about04 .organization li:nth-child(2) {position: relative;gap: calc(50% - 12.5rem + 2.5rem);z-index: 0;}
.about04 .organization li:nth-child(2):before{content:'';display:block;position:absolute;width: 1px;height: calc(100% + (4.375rem / 2) + 3.125rem);background-color: #ccc;left: 50%;top: -3.125rem;z-index:-2}
.about04 .organization li:nth-child(2):after{content:'';display:block;position:absolute;width: 50%;height: 1px;background-color: #ccc;left: 25%;top: 50%;z-index:-2}

.about04 .organization li:nth-child(3) { position: relative; z-index: 0;}
.about04 .organization li:nth-child(3):after{content:'';display:block;position:absolute;width: calc(50% + 2.5rem);height: calc(100% + (4.375rem / 2));border: 1px #ccc solid;border-bottom: 0;left: 50%;top: calc(-4.375rem / 2);z-index:-2;transform: translate(-50%, 0px); border-radius: 1.25rem 1.25rem 0 0;}

.about04 .organization li:nth-child(3) .organization_icon {position:relative; }
.about04 .organization li:nth-child(3) .organization_icon:nth-child(2)::before,
.about04 .organization li:nth-child(3) .organization_icon:nth-child(2)::before{content:'';display:block;position:absolute;width: calc(200% + 2.5rem);height: 5rem;border: 1px #ccc solid;border-bottom: 0;left: 50%;top: calc(-4.375rem / 2);z-index:-2;transform: translate(-50%, 0%); border-radius: 1.25rem 1.25rem 0 0;}
.about04 .organization li:nth-child(3) .cc {width:calc(50% - 2.5rem)}
.about04 .organization li:nth-child(3) .cc .flex_box{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.25rem; width: 100%;}
.about04 .organization li:nth-child(3) .cc .flex_box .organization_icon { width: 100%; color:#181818;}

.about04 table.info.bg_blue,
.about04 table.info.bg_grn{background-color: transparent !important;}
.about04 table.info.bg_blue thead th{background-color: #197bc5 !important;}
.about04 table.info.bg_blue tbody td {background-color: #f7fbff;}
.about04 table.info.bg_grn thead th{background-color: #29B268 !important;}
.about04 table.info.bg_grn tbody td {background-color: #f8fcfa;}

/* .about04 table.info tbody td:nth-child(2) {text-align:left;} */


/* 오시는길  */
.about05 .con_top .left { width: 50%; border-radius: 1.25rem; border: 1px #e0e0e0 solid; overflow: hidden;z-index: 0;}
.about05 .con_top .left .root_daum_roughmap .cont, .about05 .con_top .left .map_border{display:none;}
.about05 .con_top .right { width: calc(100% - 50% - 3.125rem); }
.about05 .con_top .right ul li{color:#777;padding-left: 3.125rem;position: relative}
.about05 .con_top .right ul li:after{position: absolute; content: ''; width:1.875rem; height:1.875rem; background:url(/images/home/kor/user/about05_icon01.png)no-repeat center; left:0;top:5%;background-size: contain;}
.about05 .con_top .right ul li:nth-child(2):after{background:url(/images/home/kor/user/about05_icon02.png)no-repeat center;background-size: contain;}
.about05 .con_top .right ul li:nth-child(3):after{background:url(/images/home/kor/user/about05_icon03.png)no-repeat center;background-size: contain;}
.about05 .con_top .right ul li:last-child:after{background:none;}
.about05 .con_top .right ul li:last-child{padding-left:0}
.about05 .con_top .right ul li b {display:block; width:6.25rem; color:#1a1a1a;font-weight:500;}
.about05 .con_top .right ul li + li {margin-top:1.25rem;}
.about05 a{border: 1px solid #666; padding: 10px 0; width:150px;text-align:center;font-size:1rem;}
.about05 a.kakaomap{border: 1px solid #FEE500;background: #FEE500;width:200px;}
.about05 a.navermap{border: 1px solid #03C75A;background: #03C75A;color: #fff;width:200px;}

.about05 .wrap_map a{border: none;padding: 0; width:auto;}

.about05 .con_btm{margin-top:5rem;}
.about05 .board-write span.cate01,.about05 .board-write span.cate02,
.about05 .board-write span.cate03{border: 1px solid #29B268;  color: #29B268; width: 60px; display: inline-block; text-align: center; height: 25px; line-height: 25px; font-size: 14px; border-radius: 8px;}
.about05 .board-write  span.cate02 {border-color: #EDA11D; color : #EDA11D;}
.about05 .board-write  span.cate03 {border-color: #197BC5; color : #197BC5;}


/* 
.about05 .con_btm .bus_table > div{ display: flex; flex-direction: column; gap:.625rem;}
.about05 .con_btm .bus_table p,
.about05 .con_btm .bus_table ul { display: flex; justify-content: center; align-items: center; background: #fff; border-radius: .625rem; font-size: 1.125rem; }
.about05 .con_btm .bus_table ul { align-items: start; justify-content: start; flex-direction: column; font-size: 1rem;}
.about05 .con_btm .bus_table ul li span{font-weight: 500; padding-right:5px}
.about05 .con_btm .bus_table .top { color: #fff; background: #333; height: 5rem;}
.about05 .con_btm .bus_table .bottom { height: calc(100% - 5rem); padding: 1.875rem;background:#F9F9F9}
.about05 .con_btm .bus_table .left{width:12.5rem;}
.about05 .con_btm .bus_table .center,
.about05 .con_btm .bus_table .right{width: calc((100% - 2.5rem - 12.5rem)/2);}
.about05 .con_btm .bus_table .center p.top{background: #197bc5;}
.about05 .con_btm .bus_table .right p.top{background: #29b268;} */


/* 후원안내  */
.about06 .con_top .img {background: url(/images/home/kor/user/about01_img.png) no-repeat center 30%/ cover;border-radius: 1.25rem;padding: 3.125rem 0;height:16rem;}
.about06 .con_top h3.tc {padding-top: 10rem;background: url(/images/home/kor/user/con_arrow.png) no-repeat center;}
.about06 .con_top .type_list{display: flex;align-items: center;justify-content: center;margin: 30px 0;}
.about06 .con_top .type_list li{width:220px;height:220px;display: flex;align-items: center;font-size: 20px;font-weight:500;border: 1px solid #eee; border-radius: 50%;justify-content: center;padding-top:80px;margin-right: -20px;}
.about06 .con_top .type_list li:nth-child(1){background:url(/images/home/kor/user/about06_icon01.png)no-repeat center 35%;}
.about06 .con_top .type_list li:nth-child(2){background:url(/images/home/kor/user/about06_icon02.png)no-repeat center 35%;}
.about06 .con_top .type_list li:nth-child(3){background:url(/images/home/kor/user/about06_icon03.png)no-repeat center 35%;}
.about06 .con_top .type_list li:nth-child(4){background:url(/images/home/kor/user/about06_icon04.png)no-repeat center 35%;}

.about06 .con_btm ul{display: flex;align-items: center;justify-content: center;gap:30px;}
.about06 .con_btm ul li{border: 1px solid #eee; border-radius: 100px;padding:20px 30px 20px 170px;}
.about06 .con_btm ul li:nth-child(1){background:url(/images/home/kor/user/about06_icon05.png)no-repeat 5% center;}
.about06 .con_btm ul li:nth-child(2){background:url(/images/home/kor/user/about06_icon06.png)no-repeat 5% center;}
.about06 .con_btm ul li .down_btn{width: fit-content;}


/* 배움마켓 */
.class01 .con_top .txt{display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; width:100%;}
.class01 .con_top .txt .txt_img{width:100%; height:1.25rem;}
.class01 .con_top .txt .txt_txt {padding : 10px 0;}
.class01 .con_top .txt .txt_img01{background:url(/images/home/kor/user/about01_icon.png)no-repeat 5%;}
.class01 .con_top .txt .txt_img02{background:url(/images/home/kor/user/about01_icon.png)no-repeat 5%; transform: rotate(180deg);}
.class01 .con_top .box {border: 1px solid #ccc; border-radius: 20px; padding: 1.875rem; margin-top: 1.25rem; min-height : 13.25rem; padding-right: 1.5rem;}
.class01 .con_top .box.subject {background: #f8f8f8;}
.class01 .con_top .box p.box_tit {color: #F95600;}
.class01 .con_top .box:last-child p.box_tit {color: #1D8F25;}
.class01 .con_top .box .desc {margin-top: 1rem;}
.class01 .con_top .box a.apply_btn {width: 60%; height: 40px; background: #000; color: #fff; line-height: 40px;  text-align: center; border-radius: 1.25rem; margin: 10px auto 0; font-size: 15px;}
.class01 .con_top .way > p.gray {margin-left : auto;}

.class01 .con_top .class_steps{display: grid; grid-template-columns: repeat(4, 1fr); gap:30px;}
.class01 .con_top .class_steps li{width:100%;border: 1px solid #eee; border-radius: 1.25rem;padding:100px 30px 40px 30px; text-align:center;position: relative;}
.class01 .con_top .class_steps li:after{content: "";position: absolute;width: 50px;height: 50px;background:url(/images/home/kor/user/class_steps_arrow.png)no-repeat center;top: 40%;right: -15%;z-index:2;}
.class01 .con_top .class_steps li:last-child:after{display:none;}
.class01 .con_top .class_steps li:nth-child(1){background:url(/images/home/kor/user/class_icon01.png)no-repeat center 25%;}
.class01 .con_top .class_steps li:nth-child(2){background:url(/images/home/kor/user/class_icon02.png)no-repeat center 25%;}
.class01 .con_top .class_steps li:nth-child(3){background:url(/images/home/kor/user/class_icon03.png)no-repeat center 25%;}
.class01 .con_top .class_steps li:nth-child(4){background:url(/images/home/kor/user/class_icon04.png)no-repeat center 25%;}
.class01 .con_top .class_steps li p{font-size: 20px;font-weight:500;margin-bottom:10px;}

.con_top .class_steps li .Num{display: block; border-radius: 50%;position:absolute;padding: 6px 10px; top:-10%; right:42%; color: #fff; font-weight: 400;}
.con_top .class_steps li:nth-child(1) .Num{background: #FC851D ;}
.con_top .class_steps li:nth-child(2) .Num{background: #5D4EA8 ;}
.con_top .class_steps li:nth-child(3) .Num{background: #197BC5 ;}
.con_top .class_steps li:nth-child(4) .Num{background: #29B268;}

.class01 .con_top .class_btn{width: 100%;}
.class01 .con_top .class_btn li{width: calc((100% / 2) - 3.125rem);position: relative;}
.class01 .con_top .class_btn li .class_name{font-family: 'Gulim';font-size:2.25rem;width: 100%; padding: 2rem 3.75rem;background:#A0C8F9; color: #3A66AA; border-radius: 6.25rem;position: relative;}
.class01 .con_top .class_btn li .class_name p{;font-size:1.125rem; color: #fff; text-transform: uppercase;font-family: 'ChosunGu';}
.class01 .con_top .class_btn li:nth-child(2) .class_name{background:#98E3E4; color: #1A6D66;}
/* .class01 .con_top .class_btn li:nth-child(3) .class_name{background:#A0C8F9; color: #3A66AA;} */

.class01 .con_top .class_btn li .class_name:after{content: "";position: absolute;width: 17rem;height: 11.75rem;z-index:1;transition: all 0.3s;}
.class01 .con_top .class_btn li:nth-child(1) .class_name:after{background: url("/images/home/kor/user/class_img01.png") no-repeat;background-size: contain;top: -40%; right:-5%;}
.class01 .con_top .class_btn li:nth-child(2) .class_name:after{background: url("/images/home/kor/user/class_img02.png") no-repeat;background-size: contain;top: -40%; right:-10%;}
/* .class01 .con_top .class_btn li:nth-child(3) .class_name:after{background: url("/images/home/kor/user/class_img03.png") no-repeat;background-size: contain;bottom: -50%; right:-5%;} */
.class01 .con_top .class_btn li span{display:block;}

.class01 .class_btn li:nth-child(1) .class_name:hover:after{top: -55%; }
.class01 .class_btn li:nth-child(2) .class_name:hover:after{top: -55%;}
/* .class01 .class_btn li:nth-child(3) .class_name:hover:after{bottom: -40%;} */

/* 배움마켓 - 자립지원정착금 */
.class01 #tab03 .con_top .con1 .box {    border: 0; width: 100%; padding: 0; min-height: unset; margin-top: 10px;}
.class01 #tab03 .con_top .con1 .box .box_tit {width: 12.5rem; padding: 1.25rem; background: #FC8100; border-radius: 10px;}
.class01 #tab03 .con_top .con1 .box.mid_box .box_tit {background : #5D4EA8;}
.class01 #tab03 .con_top .con1 .box.btm_box .box_tit {background : #197BC5;}
.class01 #tab03 .con_top .con1 .box .box_tit > h4 {color: #fff; display: flex; align-items: center; justify-content: center; height: 100%;}
.class01 #tab03 .con_top .con1 .box .box_con {width: calc((100% - 12.5rem) - 10px); background: #F9F9F9; border-radius: 10px; padding: 1.25rem 30px;}

.class01 #tab03 .con_top .con2 .process01,
.class01 #tab03 .con_top .con2 .process02 {border: 1px solid #ccc; border-radius: 1.25rem; padding: 2.5rem 1.875rem; position : relative;}
.class01 #tab03 .con_top .con2 .process01:before,
.class01 #tab03 .con_top .con2 .process02:before {display : inline-block; content:"1차 자립정착금"; background: #FC8100; width:11.0625rem; padding: 10px 0; color : #fff; position: absolute; top: -1.5rem; left: 3.125rem; text-align: center; border-radius: 50px; font-size : 1.125rem; }
.class01 #tab03 .con_top .con2 .process02:before {content : "2차 자립정착금"; background: #1D8F25;}

.class01 #tab03 .con_top .con2 .process .ul-list01 > li.line_yellow,
.class01 #tab03 .con_top .con2 .process .ul-list01 > li.line_green{position : relative; z-index : 2; color : #000; font-weight : 500;}
.class01 #tab03 .con_top .con2 .process .ul-list01 > li.line_yellow::after,
.class01 #tab03 .con_top .con2 .process .ul-list01 > li.line_green::after{display: inline-block; content: ""; width: 5.625rem; background: #FFECD4; height: 15px; border-radius: 50px; position: absolute;  left: 7px; z-index: -1;
 top: 7px;}
.class01 #tab03 .con_top .con2 .process .ul-list01 > li.line_green::after {background : #D2F4EA;}
.class01 #tab03 .con_top .con2 .process .down_btn01{ margin: 20px auto 0; display: flex; align-items: center; width: 8.125rem;}
.class01 #tab03 .con_top .con2 .process .down_btn01.orange_line {border-color: #FC8100; color: #FC8100;}
.class01 #tab03 .con_top .con2 .process .down_btn02{ margin: 20px auto 0; display: flex; align-items: center; width: 8.125rem;}
.class01 #tab03 .con_top .con2 .process .down_btn02.green_line {border-color: #1D8F25; color: #1D8F25;}
 
/* 자립준비청년 */
/* .intro01 .tabcontent .tab_list{border-radius: 1.25rem;overflow: hidden;}
.intro01 .tabcontent #tab01{background:url(/images/home/kor/user/intro01_bg01.png)no-repeat;}
.intro01 .tabcontent #tab02{background:url(/images/home/kor/user/intro01_bg02.png)no-repeat;}
.intro01 .tabcontent ul li{transition: all 0.3s; width: calc(100% / 3); padding: 0 3.125rem; border:2px solid #fff; color:#fff;height:15.625rem;display: flex ;align-items: center;flex-wrap:wrap; align-content: center;gap: 1.25rem;}
.intro01 .tabcontent ul li.w2{width: calc((100% / 3) * 2);}
.intro01 .tabcontent ul li p{width:100%;transition: all 0.3s;}
.intro01 .tabcontent ul li span{display:none;transition: all 0.3s;}
.intro01 .tabcontent ul li:hover{background: #00000075;backdrop-filter:blur(2px);}
.intro01 .tabcontent ul li:hover p{color: #FC851D;}
.intro01 .tabcontent ul li:hover span{display:block;}
.intro01 .tabcontent #tab02 ul li:hover p{color: #29B268;} */

/* 교육과정 */
.class02 .tabcontent .tab_list {width : 100%;}
.class02 .tabcontent .tab_list > img {margin: 0 auto;display: block;object-fit: cover;}

.class02 .con_top .txt {display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; width: 100%;}
.class02 .con_top .txt .txt_img {width: 100%; height: 1.25rem;}
.class02 .con_top .txt .txt_img01 {background: url(/images/home/kor/user/about01_icon.png) no-repeat 5%;}
.class02 .con_top .txt .txt_img02 {background: url(/images/home/kor/user/about01_icon.png) no-repeat 5%;  transform: rotate(180deg);}
.class02 .con_top .txt .txt_txt {padding: 10px 0;}
.class02 .con_top .edu_wrap .edu {border: 1px solid #ccc; border-radius: 1.25rem; padding: 2.5rem 1.875rem; position : relative; }
.class02 .con_top .edu_wrap .edu:before {display : inline-block; content: ''; background : url(/images/home/kor/user/edu01.png) no-repeat; width : 17.5rem; height : 2.9375rem; position: absolute; top: -6%; right: 15%;}
.class02 .con_top .edu_wrap .edu_02:before {background : url(/images/home/kor/user/edu02.png) no-repeat;}
.class02 .con_top .edu_wrap .edu_03:before {background : url(/images/home/kor/user/edu03.png) no-repeat;}

.class02 #tab02 .con_top .edu_wrap .edu:before {background : url(/images/home/kor/user/deep01.png) no-repeat; top: -5%;}
.class02 #tab02 .con_top .edu_wrap .edu_02:before {background : url(/images/home/kor/user/deep02.png) no-repeat;}
.class02 #tab02 .con_top .edu_wrap .edu_03:before {background : url(/images/home/kor/user/deep03.png) no-repeat;}

.class02 #tab03 .con_top .process02 {border: 1px solid #ccc; border-radius: 1.25rem; padding: 2.5rem 1.875rem; position: relative; width : 42rem; margin : 0 auto;}
.class02 #tab03 .con_top .process02:before {display: inline-block; content: "특화과정"; background: #FC8100; width: 11.0625rem; padding: 10px 0; color: #fff; position: absolute; top: -1.5rem; left: 3.125rem; text-align: center; border-radius: 50px; font-size: 1.125rem;}


/* 꿈나눔하우스 */
.contents.intro02 {padding:110px 0 0;}
.intro02 .btm-com .info_list{display: grid;grid-template-columns: repeat(4, 1fr);margin-top: 1.25rem;}
.intro02 .btm-com .info_list li{border-right: 1px solid #ccc;}
.intro02 .btm-com .info_list li:last-child{border-right:none;}
.intro02 .map_bg{background: #EAF0ED;}
.intro02 .map_bg .contents-inner{ max-width: 1280px;margin: 0 auto;word-break: keep-all;display: flex; align-items:center;justify-content: center;}
.intro02 .map_bg .list{background: #fff; border-radius: 1.25rem; padding: 1.875rem 3.125rem; width: fit-content;width:23%;}
.intro02 .map_bg .map{background: url("/images/home/kor/user/intro02_img.png")no-repeat center; width: 77%;height: 37.5rem;background-size: contain;}
.intro02 .map_bg .map_list{position: relative;width:100%;height:100%;}
.intro02 .map_bg .map_list li{position: absolute;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%); transition: all .3s;text-align:center;}
.intro02 .map_bg .map_list li:after {position:absolute;top: -23%;left: 50%;content:'';width:1.5rem;height:1.5rem;background:url("/images/home/kor/user/map_icon.png") no-repeat;transform: translate(-50%, -50%);background-size: contain}
.intro02 .map_bg .map_list li:hover{padding-bottom: 10px;}

.intro02 .map_bg .map_list li:nth-child(1){left: 40.1%;top: 30.2%;}
.intro02 .map_bg .map_list li:nth-child(2){right: 34.1%;top: 41.4%;}
.intro02 .map_bg .map_list li:nth-child(3){left: 40%;top: 43.8%;}
.intro02 .map_bg .map_list li:nth-child(4){right: 36.9%;top: 51.9%;}
.intro02 .map_bg .map_list li:nth-child(5){left: 21.6%;bottom: 43.4%;}
.intro02 .map_bg .map_list li:nth-child(6){left: 44.2%;bottom: 25%;}
.intro02 .map_bg .map_list li:nth-child(7){left: 27.8%;bottom: 23.9%;}
.intro02 .map_bg .map_list li:nth-child(8){right: 35.9%;bottom: 25.1%;}
.intro02 .map_bg .map_list li:nth-child(9){left: 43.1%;bottom: 13.6%;}
.intro02 .map_bg .map_list li:nth-child(10){left: 34.6%;bottom: 12.4%;}
.intro02 .map_bg .map_list li:nth-child(11){right: 19%;bottom: 39.9%;}


/* 실무자지원 */
.intro03 .btm-com > ul{background: url(/images/home/kor/user/con_arrow.png) no-repeat top;}
.intro03 .btm-com > ul > li .icon{width:3.75rem;height:3.75rem; display: inline-block;}
.intro03 .btm-com > ul > li:nth-child(1) .icon{background:url(/images/home/kor/user/intro03_icon01.png)no-repeat center;}
.intro03 .btm-com > ul > li:nth-child(2) .icon{background:url(/images/home/kor/user/intro03_icon02.png)no-repeat center;}
.intro03 .btm-com > ul > li:nth-child(3) .icon{background:url(/images/home/kor/user/intro03_icon03.png)no-repeat center;}

.intro03 .btm-com > ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:1.25rem;}
.intro03 .btm-com > ul > li{text-align:center;position: relative;margin-top:5rem;}
.intro03 .btm-com > ul > li:after{position: absolute; content: ''; top: 30%; width:2px; height:1.875rem; background:#ccc;}
.intro03 .btm-com > ul > li > p{padding: 1.625rem 0;border-radius:10px;background:#197BC5;color: #fff;font-size:1.375rem;margin-top:3.125rem;}
.intro03 .btm-com > ul > li:nth-child(2) > p{background:#FC851D}
.intro03 .btm-com > ul > li:nth-child(3) > p{background:#29B268}
.intro03 .btm-com > ul > li > p > span{display: block;font-size:1rem;}


/* 네트워크 구축 */
.intro04 .btm-com > ul > li{margin-bottom:10px; width : 100%;}
.intro04 .btm-com > ul > li img{width : calc((100% - 0.45rem) / 2); height: 380px;  object-fit: cover;border-radius:10px;}
.intro04 .btm-com > ul > li .text{width:calc((100% - 0.45rem) / 2); padding: 0 3.125rem 2.5rem;}


/* 서울시자립정책 */
.intro05 .btm-com .txt{display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; width:100%;}
.intro05 .btm-com .txt .txt_img{width:100%; height:1.25rem;}
.intro05 .btm-com .txt .txt_img01{background:url(/images/home/kor/user/about01_icon.png)no-repeat 25%;}
.intro05 .btm-com .txt .txt_img02{background:url(/images/home/kor/user/about01_icon.png)no-repeat 25%; transform: rotate(180deg);}
.intro05 .btm-com .img{background: #f4f4f4 !important;border-radius:1.25rem;padding: 3.125rem 0;}
.intro05 .btm-com .img .tc{width:50%;border-right:1px solid #ccc;padding:1.875rem 0; color:#212121;}
.intro05 .btm-com .img .tc:last-child {border-right : 0px !important;}
.intro05 .btm-com h3.tc{padding-top:10rem;background:url(/images/home/kor/user/con_arrow.png)no-repeat center;}
.intro05 .btm-com ul.flex_box  > li.half {padding : 2.5rem 3.75rem;}
.intro05 .btm-com ul.flex_box  > li.half:nth-child(2) {border-bottom: 1px solid #eee; border-left: 1px solid #eee;}
.intro05 .btm-com ul.flex_box  > li.half:nth-child(3) {border-top: 1px solid #eee; border-right: 1px solid #eee;}
/* .intro05 .btm-com ul.flex_box  > li.half:last-child { border-left: 1px solid #eee;} */
.intro05 .cen_field{font-weight: 500;}
.intro05 .cen_field img{}
/* .intro05 .btm-com .cen_field .ul-list01 > li:last-child {min-height : 3rem;} */
.intro05 .cen_field .icon_btn{display: flex;border-radius: 10px; width:5rem; height:5rem;align-items:center;justify-content: center;}

/* 당사자 활동 */
.intro06 .btm-com > ul > li{margin-bottom:10px; width : 100%;}
.intro06 .btm-com > ul > li img{width : calc((100% - 0.45rem) / 2); height: 380px;  object-fit: cover;border-radius:10px;}
.intro06 .btm-com > ul > li .text{width:calc((100% - 0.45rem) / 2); padding: 0 3.125rem 2.5rem;}
.intro06 .btm-com .text .underline01,
.intro06 .btm-com .text .underline02 {margin-top: 1rem; position: relative; z-index: 2;width: max-content;}
.intro06 .btm-com .text .underline01:before {display: inline-block; content: ""; background: #ffecd4; width: 100%; height: 1rem; position: absolute; bottom: 0; z-index: -1; border-radius: 20px;}
.intro06 .btm-com .text .underline02:before {display: inline-block; content: ""; background: #D2F4EA; width: 100%; height: 1rem; position: absolute; bottom: 0; z-index: -1; border-radius: 20px;}

/* 공간소개 */
/* .space_intro{background:url(/images/home/kor/user/about01_bg.png)no-repeat center 65%;} */
.space_intro .con_btm{margin-top:6.25rem;}
.space_intro .con_btm p{font-size: 0.875rem; color:#666;margin-top:1rem;}
.space_intro .con_btm > ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:1.875rem;}
.space_intro .con_btm > ul > li{border-radius:20px; height:16.875rem;position: relative;filter: brightness(0.9);}
.space_intro .con_btm > ul > li:nth-child(1){transform: rotate(5deg);background:url(/images/home/kor/user/space01.png)no-repeat;background-size:cover;}
.space_intro .con_btm > ul > li:nth-child(2){transform: rotate(-4deg);background:url(/images/home/kor/user/space02.png)no-repeat;margin-top:3.125rem;background-size:cover;}
.space_intro .con_btm > ul > li:nth-child(3){transform: rotate(4deg);background:url(/images/home/kor/user/space03.png)no-repeat;background-size:cover;}
.space_intro .con_btm > ul > li:nth-child(4){transform: rotate(-5deg);background:url(/images/home/kor/user/space04.png)no-repeat;margin-top:3.125rem;background-size:cover;}

.space_intro .con_btm > ul > li .pin{width:2.875rem;height:2.875rem;position: absolute;left:40%;}
.space_intro .con_btm > ul > li:nth-child(1) .pin{background:url(/images/home/kor/user/pin_icon01.png)no-repeat;background-size:contain;}
.space_intro .con_btm > ul > li:nth-child(2) .pin{background:url(/images/home/kor/user/pin_icon02.png)no-repeat;background-size:contain;}
.space_intro .con_btm > ul > li:nth-child(3) .pin{background:url(/images/home/kor/user/pin_icon03.png)no-repeat;background-size:contain;}
.space_intro .con_btm > ul > li:nth-child(4) .pin{background:url(/images/home/kor/user/pin_icon04.png)no-repeat;background-size:contain;}
.space_intro .con_btm .space_slide ul li{border-radius:10px;overflow: hidden;}
.space_intro .con_btm .space_slide ul li img{object-fit: cover; width:100%;}


/* check-0101 */
.check-0101 .top-con{margin-bottom:0;}
.check-0101 .con1{display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
/* .check-0101 .btm-com > ul li a{border-radius:4px; text-align:center; padding:10px 0; width:100%;background:#eee; color:#666;font-size:.875rem;margin-top: 1rem;}
.check-0101 .btm-com > ul li a:hover{background:#181818;color:#fff;} */
.check-0101 .list_img{width: 100%; height: 12.4375rem;}
.check-0101.list_img:hover{box-shadow:none;}
.check-0101 .list_tit{ margin: 6px 0;flex-wrap: nowrap !important;display: -webkit-box;display: -ms-flexbox;height: 3.25rem;overflow: hidden;vertical-align: top;text-overflow: ellipsis; word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.check-0101 p.label {margin-top: 1rem !important;}
.check-0101 .list_data{color:#666;font-weight:300;}
.check-0101 .list_data .data_tit{flex-wrap: nowrap;}
.check-0101 .list_data .data_con{padding-left: 10px;position:relative;display: -webkit-box;display: -ms-flexbox;max-height: 4.8125rem;overflow: hidden;vertical-align: top;text-overflow: ellipsis; word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.check-0101 .list_data .data_con:after{content:''; display: block; width: 1px; height:1rem; position:absolute;top:20%;left:5px;background: #666}

.check-0101 .list_img img{object-position: top}
.check-0101.learning .list_img img{object-position: center}

.check-01view .list_img img{object-position: top}
.check-01view.learning .list_img img{object-position: center}

/* check-01view */
.check-01view{}
.check-01view .top-con { margin-bottom: 3.75rem;}
.check-01view .btm-com{border-top:2px solid #000;}
.check-01view .btm-com .com-top{display:flex;justify-content:start; gap:5.625rem;padding: 2.5rem 0;}
.check-01view .btm-com .com-top .list_img {min-width:20.9375rem;}

.check-01view .btm-com .com-top .top-tit{width: calc((100% - 20.9375rem) - 2.8125rem)}
.check-01view .btm-com .com-btm .btm_tap{display:flex; flex-flow:row nowrap; text-align:center; border-bottom: 2px #FC851D solid;}
.check-01view .btm-com .com-btm .btm_tap a{font-size:17px; color:#333; width:26%; background:#f2f2f2; padding:16px 0; color:#666; border-radius: 10px 10px 0 0;}
.check-01view .btm-com .com-btm .btm_tap a.active{color:#333; border:2px solid #FC851D; border-bottom:none; background:#fff; position: relative;}
.check-01view .btm-com .com-btm .btm_tap a.active:after { content: ''; display: block; width: 100%; height: 2px; background: #fff; position: absolute; bottom: -2px;}


.check-01view .btm-com .com-top .file_wrap{text-align:end;}
.check-01view .btm-com .com-top .file_wrap a.file{display: inline-block; background: url(/images/home/kor/user/file-icon.png) 0% 50% no-repeat; padding-left:25px; font-size:14px; color:#666;}
.check-01view .btm-com .com-top .file_wrap a.file:hover{text-decoration: underline;}
/* .check-01view .btm-com .com-top .table{margin-top:15px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.check-01view .btm-com .com-top .table table tr th,
.check-01view .btm-com .com-top .table table tr td{border-top:#ddd 1px solid;}
.check-01view .btm-com .com-top .table table tr:nth-child(1) th,
.check-01view .btm-com .com-top .table table tr:nth-child(1) td{border-top:0px;} */

.check-01view .btm-com .com-btm .btm_tap_con > div{margin-top:35px;}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con1{background:#f9f9f9; padding:30px; }
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tr >*{}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead{height: auto;background:#F6F6F6;}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead tr th:first-child{}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead tr th:last-child{}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead tr th{font-weight:500;}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody{}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr{}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td{color:#666;}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td a{color:#666;}
.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td:nth-child(3){text-align:left;}
/* //check-01view end */

/* check-02 일정 */
/* 캘린더 base */
/* .event_tbW {box-sizing:border-box; padding:20px 0px 20px 0px;}
.event_tbW .ev_tb {width:100%; box-sizing:border-box; table-layout: fixed}
.event_tbW .ev_tb thead tr{border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2;}
.event_tbW .ev_tb thead tr th {text-align:center; font-size:14px; color:#333; font-weight:500; background: #f2f2f2; border-top:2px solid #000; border-left: 0; height:57px;}
.event_tbW .ev_tb thead tr th.sun {color:#f90f0f;}
.event_tbW .ev_tb thead tr th.sat {color:#458acf;}
.event_tbW .ev_tb tbody{border:1px solid #ddd;}
.event_tbW .ev_tb tbody tr td {vertical-align:top; height:100%; border:1px dotted #e5e5e5; font-size:14px; line-height:22px; color:#000; position: relative; color:#666; text-align:left; padding: 0;}
.event_tbW .ev_tb tbody tr td .inner {padding: 0; min-height: 100%;}
.event_tbW .ev_tb tbody tr td.sun {color:#f90f0f;}
.event_tbW .ev_tb tbody tr td.sat {color:#1e71c6;}
.event_tbW .ev_tb tbody tr td.event { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: center; padding: 8px 0 0 30px;border:0;}
.event_tbW .ev_tb tbody tr td.event .eve_txt { width: 20px; height: 20px; background: #333; border-radius: 3px; margin: 0 3px 3px 0; font-size: 10px; z-index: 1;}
.event_tbW .ev_tb tbody tr td.today .date{background:url(../img/common/d_arrow.png) no-repeat right top;}
.event_tbW .ev_tb tbody tr td.event .date {color: #1a1a1a; background: #eefaff;; }
.event_tbW .ev_tb tbody tr td .date {position: absolute; width:100%; height: 100%; top: 0; left: 0; text-align: left; padding: 10px 0 0 10px; overflow: hidden; vertical-align: middle;
    display: block; line-height: 1; border-radius: 0; cursor: pointer;}
.event_tbW .ev_tb tbody tr td em.on_day{display:block; width:8px; height:8px; background: #06205c; position:absolute; bottom:10px; right:10px; border-radius: 50%;}
.event_tbW .ev_tb tbody tr td .busi { margin: 0 0 5px; display:none;}

.event_tbW .ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:1.05em; color:#fff; padding:7px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.event_tbW .ev_tb tbody tr td .eve_txt a .txt_t {display:block; line-height:18px; color: #0c91dd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.event_tbW .ev_tb tbody tr td .eve_txt a .txt {display:block; line-height:18px; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.kwum .ev_tb tbody tr td .eve_txt a {white-space: inherit; text-overflow: inherit; word-break:break-all }
.event_tbW .ev_tb tbody tr td .eve_txt a.on {text-overflow:inherit; white-space:inherit; text-align: left;}
.event_tbW .ev_tb tbody tr td .eve_txt.color0 a {color:#000; padding:0px; padding-top:5px;  font-weight:normal;}
.event_tbW .ev_tb tbody tr td .eve_txt.color0 a {color:#000;}
.event_tbW .ev_tb tbody tr td .eve_txt.color1 a {background:#a22d44}
.event_tbW .ev_tb tbody tr td .eve_txt.color2 a {background:#8b73b9}
.event_tbW .ev_tb tbody tr td .eve_txt.color3 a {background:#40ae5f}
.event_tbW .ev_tb tbody tr td .eve_txt.color4 a {background:#9b733e}
.eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; } */


/* 캘린더 디자인 */
/* .schedule1 .tap_con,
.schedule1 .event_tbWL{display:flex; flex-flow:row nowrap; justify-content:space-between; width:100%; margin-top: 40px;}
.schedule1 .tap_con .calendar_table,
.schedule1 .event_tbW{width:33%; padding:0;}

.schedule1 .sch_wrap {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end;width: 100%; margin-top:60px;}
.schedule1 .cal_wrap {width:100%;} 
.schedule1 .date_wrap {display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;} 
.schedule1 .date_wrap .right {display:flex; justify-content:space-between; width:100%;}
.schedule1 .year {width:140px; height: auto; border:1px solid #333; border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:7px 0; background: #fff;}
.schedule1 .year .prev, .year .next {margin:0 10px; line-height:14px;}
.schedule1 .year > a img{width:60%;}
.schedule1 .year .year_num {font-size :20px; color:#333; width:auto;}
.schedule1 .month {display:flex; flex-flow:row nowrap; align-items:center; margin-left:15px; width: auto;}
.schedule1 .month li { width: auto; height: auto; line-height: 1; border: none; }
.schedule1 .month li.active { background: none; border:none;}
.schedule1 .month li a{width:52px; height:52px; text-align:center; line-height:52px; margin:0 10px; border-radius:50%;}
.schedule1 .month li.active a{background:#3ec7ee; color:#fff;}

.schedule1 .right{margin:55px 0 15px;}
.schedule1 .check {width:100%; display: flex; flex-wrap: row nowrap; justify-content: end; line-height: 25px; }
.schedule1 .check li {}
.schedule1 .check li + li {margin-left:25px;}
.schedule1 .check li .check_item{display: flex; justify-content: space-between; align-items: center; }
.schedule1 .check li .check_item .cate { font-size: 16px; color:#333;}
.schedule1 .ico_cate {width:20px; height:20px; border-radius:3px;  margin:0 4px 4px 0; font-size:10px; color:#fff !important; text-align: center; line-height: 20px; letter-spacing: 0.5px; z-index: 1;}

.schedule1 .ico_center { margin: 0 auto; }
.schedule1 .ico_boolean { width: 65px; height: 25px; line-height: 25px; border-radius: 5px; font-size: 12px; }
.schedule1 .ico_b { background: #000; color: #fff; }
.schedule1 .ico_w { background: #fff; color: #000; border: 1px solid #000; } 
.schedule1 .ev_tb{ width: auto; }
.schedule1 .ev_tb tbody tr td {height:65px;}
.schedule1 .ev_tb tbody tr td .event { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: center; border:0;}

.schedule1 .event_tbW_list {width: 66%;}
.schedule1 .sch_title {height:70px; line-height:70px; font-size:22px; font-weight:700; text-align:center;}
.schedule1 .sch_title span {color:#dc2816;}
.schedule1 table.tbodyside {display:block; height:351px; overflow-y:auto;}
.schedule1 table.ev_tb_list th {font-size:14px; padding:5px 0; border:0; background:none; border-top:2px solid #000; height:57px; background:#f2f2f2;}
.schedule1 table.ev_tb_list td {height:60px; border:0; font-size:14px; padding:0; border-bottom:1px #ccc solid; color:#666;}
.schedule1 table.ev_tb_list td:nth-child(1){font-size:15px; color:#333;}
.schedule1 table.ev_tb_list td:nth-child(2){font-size:15px;}
.schedule1 table.ev_tb_list td.name {text-align:left; padding:0 20px;}
.schedule1 table.ev_tb_list td.name a{display:flex; flex-flow:row nowrap; align-items:center;}
.schedule1 table.ev_tb_list td.name a div{width:75px; text-align:center; border-radius:5px; margin-right:10px; padding:3px 0;}
.schedule1 table.ev_tb_list td.name a div#professional{}
.schedule1 table.ev_tb_list td.name a div#seminar{}
.schedule1 table.ev_tb_list td.name a p{color: #666;}
.schedule1 table.ev_tb_list td em{display:none;}
.check-02 .sub_con .paging{width:100%; text-align:end;} */





/* //check-02 일정 end */


/* info-0101 */
/* .info-01 .top-con .top-bnr{background:no-repeat #f6f6f6 5% 50%; padding:20px 60px 20px 190px; border-radius:10px; margin:30px 0 20px 0;}
.info-01 .top-con .con-tap1 .top-bnr{background-image:url(/images/home/kor/user/info-bnr-icon.png);}
.info-01 .top-con .con-tap2 .top-bnr{background-image:url(/images/home/kor/user/info-bnr-icon02.png);}
.info-01 .top-con .con-tap3 .top-bnr{background-image:url(/images/home/kor/user/info-bnr-icon03.png);}
.info-01 .top-con .con-tap4 .top-bnr{background-image:url(/images/home/kor/user/info-bnr-icon04.png);}
.info-01 .top-con .top-bnr .bnr-tit{color:#565758; font-size:18px; font-weight:500;}
.info-01 .top-con .top-bnr .bnr-tit em{color:#3697df;}
.info-01 .top-con .top-bnr ul{}
.info-01 .top-con .top-bnr ul li{color:#808080; font-size:15px;}
.info-01 .top-con .info-sub-tap {display:flex; flex-flow:row nowrap; justify-content:center; gap:10px; margin-bottom:20px;}
.info-01 .top-con .info-sub-tap a {border:1px solid #dfdfdf; color:#333; padding:15px 30px 15px 65px; font-weight:500; border-radius:10px; background-position:25% 50%; background-repeat:no-repeat;}
.info-01 .top-con .info-sub-tap a span{}
.info-01 .top-con .info-sub-tap a.active{color:#fff; background-color:#0062ab;}
.info-01 .top-con .info-sub-tap a:nth-child(1) {background-image:url(/images/home/kor/user/info-tap01-1.png);}
.info-01 .top-con .info-sub-tap a:nth-child(1).active{background-image:url(/images/home/kor/user/info-tap01.png);}
.info-01 .top-con .info-sub-tap a:nth-child(2) {background-image:url(/images/home/kor/user/info-tap02-1.png);}
.info-01 .top-con .info-sub-tap a:nth-child(2).active{background-image:url(/images/home/kor/user/info-tap02.png);}
.info-01 .top-con .info-sub-tap a:nth-child(3) {background-image:url(/images/home/kor/user/info-tap03-1.png);}
.info-01 .top-con .info-sub-tap a:nth-child(3).active{background-image:url(/images/home/kor/user/info-tap03.png);}
.info-01 .top-con .info-sub-tap a:nth-child(4) {background-image:url(/images/home/kor/user/info-tap04-1.png);}
.info-01 .top-con .info-sub-tap a:nth-child(4).active{background-image:url(/images/home/kor/user/info-tap04.png);}
.info-01 .btm-con{margin-top:15px;}
.table1 전체
.info-01 .btm-con .table1 table thead th{font-size:16px; font-weight:500; color:#333;}
.info-01 .btm-con .table1 table tbody td {padding:20px;}
.info-01 .btm-con .table_line table tbody td {padding:20px; font-size:16px; color:#000;}
.info-01 .btm-con .table_line table tbody td .app {color:#0062ab;}
.info-01 .btm-con .table_line table tbody td .cancel {color:#999;}
.info-01 .btm-con .table_line table tbody td .completion {color:#009fe3;}
.info-01 .btm-con .table_line table tbody td .progress {color:#8ebf03;}

.info-01 .btm-con .table_line table tbody td #m_title{display:none;}
.info-01 .btm-con .table_line table tbody .title .tit-top{display:flex; flex-flow:row nowrap; align-items:center; margin-right: 10px;}
.info-01 .btm-con .table_line table tbody .title .tit-top .top_wrap{display:flex; flex-flow:row nowrap; gap:5px;}
.info-01 .btm-con .table_line table tbody .title .tit-top .top_wrap .sortation{margin:0;}
.info-01 .btm-con .table_line table tbody .title .tit-top a{margin-left:10px; font-size:16px; font-weight:500; color:#333;}
.info-01 .btm-con .table_line table tbody .title .date-wrap{display:flex; flex-flow:row nowrap; font-size:15px; font-weight:500; color:#333; margin-top:10px;}
.info-01 .btm-con .table_line table tbody .title .date-wrap .date-con{color:#7f7f7f; margin-left:15px;}
.table2 신청
.info-01 .btm-con .table2 table tbody tr td:nth-child(5) button{font-size:15px; color:#333; border:1px solid #b2b2b2; border-radius:3px; width:90px; height:28px; background-color:#f4f4f4; margin-left:10px;}
.info-01 .btm-con .table2 table tbody .flex_wrap{display:flex; flex-flow:row nowrap; align-items:center; justify-content:center;}
#cancellation {color:#333;}
.table3 진행
.info-01 .btm-con .table_line.table3 table tbody tr:nth-child(1) .state .state_off,
.info-01 .btm-con .table_line.table3 table tbody tr:nth-child(2) .state .state_off{display:none;}
.info-01 .btm-con .table_line.table3 table tbody tr:nth-child(3) .state .state_on,
.info-01 .btm-con .table_line.table3 table tbody tr:nth-child(4) .state .state_on{display:none;}
.info-01 .btm-con .table_line.table3 table tbody tr td:nth-child(4){font-weight:500;}
.info-01 .btm-con .table_line table tbody .state{color: #666;}
.info-01 .btm-con .table_line table tbody .state .state_on{display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; padding:0 20px;
font-size: 13px; color: #cb2929; gap: 5px; position: relative;}
.info-01 .btm-con .table_line table tbody .state .state_on br {display: none;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-top{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-top{}
.info-01 .btm-con .table_line table tbody .state .state_on .state-top p{font-size:15px; color:#666;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-top .percentage{font-size:14px; color:#7f7f7f; width:60px; height:20px; background:#f2f2f2; border-radius:10px; margin-left:8px; font-weight:400;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-bar{width:100%; height:8px; background:#ddd; border-radius:3px; margin-top:10px;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-bar span{display:block; width:80%; height:100%; background:linear-gradient(270deg, rgba(7,96,217,1) 0%, rgba(0,153,224,1) 100%); border-radius:3px;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-btm {width:100%; margin-top:5px;}
.info-01 .btm-con .table_line table tbody .state .state_on .state-btm a{width:100%; height:30px; line-height:30px; background:#65c6d1; border-radius:3px; color:#fff; font-size:15px;}
.info-01 .btm-con .table_line table tbody .state .state_off{}
.info-01 .btm-con .table_line table tbody .state .state_off .state-top{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
.info-01 .btm-con .table_line table tbody .state .state_off .state-top p{font-size:15px;}
.info-01 .btm-con .table_line table tbody .state .attendance{font-size:14px !important; color:#7f7f7f; width:65px; height:24px; line-height: 24px; background:#f2f2f2; border-radius:15px; 
margin-left:8px; font-weight:400;}
.info-01 .btm-con .table_line table tbody .survey{font-size:15px; color:#fff; padding:5px 40px; border-radius:3px; display:inline-block;}
.info-01 .btm-con .table_line table tbody .survey#survey_off{background:#ccc;}
.info-01 .btm-con .table_line table tbody .survey#survey_on{background:#666;}
.table4 완료
.info-01 .btm-con .table_line.table4 table tbody tr:nth-child(2) .state .state-bar,
.info-01 .btm-con .table_line.table4 table tbody tr:nth-child(4) .state .state-bar{display:none;}
.info-01 .btm-con .table_line.table4 table tbody .state .state_on .state-btm #completion{background:#d3b167;}
.info-01 .btm-con .table_line.table4 table tbody .state .state_on .state-btm #completion_n{background:#f4f4f4; 
border:1px solid #b2b2b2; color:#333;} */

.pop-lay{ display: none; background-color: #fff; width: 700px;}
.pop-lay .pop-tit{ position: relative; height: 60px; background-color: #0062ab; display: flex; align-items: center; padding-left: 30px;}
.pop-lay .pop-tit .tit {font-size: 18px; color: #fff; font-weight: 500;}
.pop-lay .close{ width: 4rem; height: 4rem; position: absolute; top: 50%; right: 0; margin-top: -2rem;}
.pop-lay .close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.pop-lay .close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}

.pop-lay .pop-con{ padding: 30px; max-height: 640px; overflow-y: auto;}
.pop-lay .pop-con .h4-tit { font-size: 17px; font-weight: 500; margin-bottom: 10px; margin-top: 20px; border-top: 1px #000 solid; border-bottom: 1px #ccc solid; padding: 10px;}

.pop-lay .prof-pop .desc {display: flex;justify-content: space-between;background: #f5f5f5;padding: 20px;margin-bottom: 30px;border-radius: 10px;flex-direction: column;gap: 10px;align-items: flex-start;}
.pop-lay .prof-pop .desc .tx02 {font-size: 20px;font-weight: 600; overflow: hidden;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pop-lay .prof-pop .desc .tx03 { font-size: 14px; font-weight: 300;}


/* info-0102 만족도조사 */
.info-0102_survey{}
.info-0102_survey .top-con{}
.info-0102_survey .top-con .top-con_bnr{margin-top:40px; border:1px solid #e6e6e6; border-radius:10px; padding:40px 56px;}
.info-0102_survey .top-con .top-con_bnr .bnr_top{display:flex; flex-flow:row nowrap;}
.info-0102_survey .top-con .top-con_bnr .bnr_top .con-tit{display:flex; flex-flow:row nowrap;}
.info-0102_survey .top-con .top-con_bnr .bnr_top .con-tit .sortation{margin-right:0; width:74px; height:25px; padding:0; line-height:22px;}
.info-0102_survey .top-con .top-con_bnr .bnr_top .con-tit .sortation + p {margin-left:5px;}
.info-0102_survey .top-con .top-con_bnr .bnr_top h4{color:#333; font-size:20px; font-weight:500; margin-left:13px;}
.info-0102_survey .top-con .top-con_bnr > p{color:#333; font-size:15px; font-weight:500; margin-top:12px;}
.info-0102_survey .top-con .top-con_bnr > p em{color:#7f7f7f; margin-left:10px;}
.info-0102_survey .top-con .top-con_bnr .bnr_btm{background:url(/images/home/kor/user/info_0102_bnr.png)no-repeat; margin-top:25px; padding:0 0 0 105px; height:58px;}
.info-0102_survey .top-con .top-con_bnr .bnr_btm p{color:#808080; font-size:14px; padding-top:6px;}
.info-0102_survey .btm-con{margin-top:20px;}
.info-0102_survey .btm-con .table_line{}
.info-0102_survey .btm-con .table_line thead{}
.info-0102_survey .btm-con .table_line thead th{/* padding:10px 0; */}
.info-0102_survey .btm-con .table_line tbody {}
.info-0102_survey .btm-con .table_line tbody td{/* padding: 10px 0; */}
.info-0102_survey .btm-con .table_line tbody td:first-child{text-align:left; padding-left:30px; color:#333;} 
.info-0102_survey .btm-con .table_line tbody td .form-inline{}
.info-0102_survey .btm-con .table_line tbody td .form-inline input{}
.info-0102_survey .btm-con .table_line tbody td .form-inline label{margin-right:15px; font-size:14px; color:#333;}
.info-0102_survey .btm-con .table_line tbody tr:last-child td:last-child{padding:5px 0;}
.info-0102_survey .btm-con .table_line tbody td > input{height:35px; background:#f9f9f9; border:1px solid #e8e8e8; width:80%; font-size: 14px;}
.info-0102_survey .button{display:flex; flex-flow:row nowrap; justify-content:center; margin-top:50px;}
.info-0102_survey .button a{border-radius:10px; font-size:16px; width:160px; text-align:center; padding:10px 0;}
.info-0102_survey .button a:first-child{border:1px solid #ddd; margin-right:15px;}
.info-0102_survey .button a:last-child{background:#009fe3; color:#fff;}
/* //info-0102 만족도조사 end */

/* info-0103 수료증 팝업 */
.certificate_wrap_bg{position:relative; width:640px; height:890px; margin:50px auto 0;}
.certificate_wrap_bg .stamp_img{position:absolute; right:144px; bottom:220px; z-index:1; width:70px; height:70.5px;}
.certificate_wrap_bg .bg_img{text-align:center;  position:absolute; z-index:0; left:calc(50% - 320px); width: 100%;}
.certificate_wrap_bg .bg_img img{    width: 100%;
    height: 100%;
    object-fit: cover;}
.certificate_wrap{padding:90px 0 0 0; margin: 0 auto; width:500px; /* height:752px; */ position:relative; z-index:1;}
.certificate_wrap .info{}
.certificate_wrap .info .number{font-size:15px; margin-left:20px;}
.certificate_wrap .info h1{font-size:52px; text-align:center; margin:40px 0 30px;}
.certificate_wrap .info .info_con{text-align:end; font-size:19px;}
.certificate_wrap .info .info_con > div{}
.certificate_wrap .info .info_con > div span{}
.certificate_wrap .info .info_con > div span:first-child em{margin:0 10px 0 30px;}
.certificate_wrap .info .info_con > div span em{margin:0 15px;}
.certificate_wrap .info .info_con > div span em:nth-child(2){margin:0 5px; display:inline-block; width:60px; text-align:center;}
.certificate_wrap .info .info_con > div span:last-child em:last-child{margin:0 0 0 15px;}
.certificate_wrap .info2{margin:20px 0 70px;}
.certificate_wrap .info2 .info2_con{font-size:17px;}
.certificate_wrap .txt{text-align:start; font-size:24px; ;width:100%; margin:0 auto; font-weight: 500;}
.certificate_wrap .btm{text-align:center; padding-top:40px;}
.certificate_wrap .btm .date{font-size:22px; margin:65px 0 30px;}
.certificate_wrap .btm .date em{margin:0 30px;}
.certificate_wrap .btm .date em:first-child{margin:0 30px 0 7px;}
.certificate_wrap .btm .date em:last-child{margin:0 0 0 30px;}
.certificate_wrap .btm .sources{font-size:22px;font-weight: 500;}
/* //info-0103 수료증 팝업end */


/* info-0104 비디오 팝업 */
.edu_video{}
.edu_video .video_header{}
.edu_video .video_header .hd_tit{font-size:25px; font-weight:500; color:#fff; background:#009fe3; text-align:center; padding:15px 0;}

.edu_video .video_con{display:flex; flex-flow:row nowrap; justify-content:space-between; padding:55px 20px;}

.edu_video .video_play{}
.edu_video .video_play #myVideo{width:695px; height:447px;}

.edu_video .list_area{width:524px;}
.edu_video .list_area .video_info_box{}
.edu_video .list_area .video_info_box > div{font-size:15px; color:#333;}
.edu_video .list_area .video_info_box > div > span{color:#7f7f7f; margin-left:15px;}
.edu_video .list_area .video_info_box .video_period{}
.edu_video .list_area .video_info_box .video_period span{}
.edu_video .list_area .video_info_box .video_progress{display:flex; align-items:center;}
.edu_video .list_area .video_info_box .video_progress span{}
.edu_video .list_area .video_info_box .video_progress .state-bar{width:152px; height:8px; background:#ddd; border-radius:3px; margin-left:6px;}
.edu_video .list_area .video_info_box .video_progress .state-bar span{display:block; height:100%; border-radius:3px; background:linear-gradient(270deg, rgba(7,96,217,1) 0%, rgba(0,153,224,1) 100%);}
.edu_video .list_area .table_con{margin-top:25px;}
.edu_video .list_area .table_con thead{}
.edu_video .list_area .table_con thead th{}
.edu_video .list_area .table_con tbody{}
.edu_video .list_area .table_con tbody td{padding: 15px 0px;}
.edu_video .list_area .table_con tbody td a{display:flex; flex-flow:row nowrap; justify-content:space-between;}
.edu_video .list_area .table_con tbody td a p{ font-size:16px; color:#7f7f7f;}
.edu_video .list_area .table_con tbody td a p:first-child{width:10%;}
.edu_video .list_area .table_con tbody td a p.title{width:80%; padding:0; padding-left:10px; color:#333; font-weight:500;}
.edu_video .list_area .table_con tbody td a p:last-child{width:15%; font-size:15px;}
.edu_video .list_area .table_con tbody td a.active p:first-child,
.edu_video .list_area .table_con tbody td a.active p.title{color:#009fe3; font-weight:500;}
/* //info-0104 비디오 팝업 end */



/* board_view common */
.board_view{margin-top:60px;}
.board_view .view_tit{border-top:2px solid #000; padding:1.875rem 0;}
.board_view .view_tit .v_tit{font-size:1.375rem; font-weight:500; width: 100%; text-align: center;}
.board_view .view_tit .click_write_wrap{display:flex; flex-flow:row wrap; align-items:center; justify-content: center;gap: 1rem;margin-top:1.25rem;}
.board_view .view_tit .click_write_wrap .click_count{color: #999;font-size:.9375rem;border-right: 1px solid #999;line-height: 1;padding-right: 1rem;}
.board_view .view_tit .click_write_wrap .click_count:last-child{border-right:none;}
.board_view .view_tit .click_write_wrap .click_count span{ margin-right:8px;}
/* .board_view .file_wrap{display:flex; flex-flow:row wrap; align-items:center; height:60px; border-bottom:1px solid #d9d9d9;  padding:0 20px;}
.board_view .file_wrap .t_wrap{position:relative; width:100%; padding-left:30px;}
.board_view .file_wrap .t_wrap:after{content:''; display:block; width:16px; height:14px; background:url(/images/home/kor/user/file-icon.png) no-repeat center; 
position:absolute; top:calc(50% - 7px); left:0px;} */

.board-view_con .file_wrap a{color:#666 !important; font-size: 1rem;}
.board-view_con .file_wrap .t_wrap{padding: 1rem 1.875rem; background:#F5F5F5; border-radius: 10px 10px 0 0;}
.board-view_con .file_wrap ul{border:1px solid #F5F5F5;border-radius: 0 0 10px 10px;padding: 1rem 1.875rem;}
.board-view_con .file_wrap ul li{font-size:14px; color:#666;padding-top: 1rem;display: flex;align-items: center; justify-content: space-between;}
.board-view_con .file_wrap ul li p{ width: 100%;font-size: 1rem;display: -webkit-box;display: -ms-flexbox;height: 1.25rem;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.board-view_con .file_wrap ul li:first-child{padding-top:0;}

.check-01view .board-view_con, .business_con,
.board-view_con .board-view_Q, .board-view_con .board-view_A {padding:80px 30px;border-top: 1px solid #d9d9d9;}
.board-view_con a{ color: #006bb7 !important;}
.board-view_con .Q-tit, .board-view_con .A-tit { font-size: 1.4rem; font-weight: 500; }


.board-view_con .board-view_A {background: #eff7ff;margin-bottom: 30px;border-radius: 20px;padding-left: 90px;position: relative;}

.board-view_con .board-view_A .A-tit:after {content: 'A'; color: #0ea4e5; border: 1px #009fe3 solid; width: 40px; height: 40px; font-size: 20px; font-weight: 700; 
display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; top: calc(50% - 20px); left: 30px;}

.board-view_con + .viewBottomList{background-color:#fff;}
.board-view_con + .viewBottomList ul{border-bottom:1px solid #d9d9d9;}
.board-view_con + .viewBottomList ul li{border-top:1px solid #d9d9d9;}
.board-view_con + .viewBottomList ul li span:first-child{font-size:1rem; font-weight: 500;}
.board-view_con + .viewBottomList ul li .title{}
.board-view_con + .viewBottomList ul li .title a{font-size:14px;}
.board-view_con + .viewBottomList ul li.viewBottomPrev{}
.board-view_con + .viewBottomList ul li.viewBottomPrev span.orderPrev{}
.board-view_con + .viewBottomList ul li.viewBottomNext{border-top:none;}
.board-view_con + .viewBottomList ul li.viewBottomNext span.orderNext{}


/* 갤러리 */
/* .gallery .photo_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.gallery .photo_list li{border: 1px solid #F3F3F3;overflow: hidden; border-radius: 10px;}
.gallery .photo_list a{min-height: 170px;height:220px;white-space: unset;}
.gallery .photo_list .list_img{width:50%;height:100%;}
.gallery .photo_list .list_img img{width: 100%;height: 100%;object-fit: cover;}
.gallery .photo_list .list_tit2{margin-bottom:5rem; font-size: 1rem;max-height: 3.1rem;}
.gallery .photo_list .txtBox{width:50%;padding: 1.875rem 1.25rem;}
.gallery .photo_list .list_date{font-size:15px;}
 */
.gallery .photo_list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.875rem;}
.gallery .photo_list li .list_tit {margin: 6px 0;flex-wrap: nowrap !important;display: -webkit-box;display: -ms-flexbox;height: 3.25rem;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/* notification 02 Q&A */
.table_line.qa tbody td.title a img{margin: 4px 0 0 7px;}
.table_line tbody td#qaon {color:#009fe3;}
.table_line tbody td#qaoff {color:#aaa;}
/* //notification 02 Q&A end */

/* 컨텐츠 준비중 css */
.contents .inner{padding:50px 0;}
.blue{color:#009fe3;}
/* //컨텐츠 준비중 css end */

.contents .ask_write_box {margin-top: 30px;}

table.list tbody td.qaoff {color: #aaa;}
table.list tbody td.qaoff .mark{color: #009fe3 !important;}














/* 반응형 */

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


@media screen and (max-width:1400px){
    .center-box{width:90%; margin:0 auto;}
	

	/* check01 */
	.check-0101 .con1 {gap:25px}
	/* //check01 end */

	/* 교육과정 */
	.class02 .con_top .edu_wrap .edu:before {background-size : 100% !important; top: -5% !important; width: 15.5rem !important;}
	.class02 .con_top .edu_wrap .edu_02:before,
	.class02 .con_top .edu_wrap .edu_03:before {background-size : 100% !important;}
	
	.class02 #tab02 .con_top .edu_wrap .edu:before {top: -4.5% !important;}
}



@media screen and (max-width:1350px){
	.locationBar_inner {max-width: calc(100% - 200px);}
	.locationBar.fixed {top:80px;}
	.sub_visual .sub_txt {max-width: calc(100% - 80px);}
	.sub_visual .sub_txt h2 span {font-size: 35px;}
	
	/* 배움마켓 */
	.class01 .con_top .box {padding: 1.35rem; padding-right: 1.35rem;}
	.class01 .con_top .box .desc {font-size : 1.15rem !important;}
}



@media screen and (max-width:1280px){    
	.contents { width: 90%; margin: 0 auto;}
    .sub_visual {height:270px;}
    .sub_visual .sub_txt h2 span{font-size:33px;}

	.locationBar {top:245px; height:55px;}
	.locationBar .location > ul > li a {font-size:16px; padding:0 20px;}
	.locationBar .location > ul > li {width:230px;}
	.locationBar .location .location_sub {padding:15px 25px;}


	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .top-tit {padding-top: 25px;}
	.check-01view .btm-com .com-top .top-tit .tit_left h2 {font-size:23px;}
	.check-01view .btm-com .com-top .top-tit .tit_right a {padding:10px 0; width:160px;}
	.check-01view .btm-com .com-btm {padding-top:40px;}
	.check-01view .btm-com .com-btm .btm_tap_con > div {margin-top:25px;}
	.check-01view .btm-com .com-top .table table tr th {padding: 10px 30px;}
	/* //check01view 신청상세 end */

	/* check02 */
	.schedule1 table.ev_tb_list td:nth-child(1) ,
	.schedule1 table.ev_tb_list td:nth-child(2) {font-size: 14px;}
	.schedule1 table.ev_tb_list td{font-size:13px;}
	/* //check02 end */
	
	/* check03_view 공지사항 상세 */
	.board_view .view_tit {height:60px;}
	.board_view .view_tit .v_tit {font-size:18px;}
	.board_view .file_wrap {height:45px;}
	.viewBottomList .viewBottomPrev,
	.viewBottomList .viewBottomNext {height:3.125rem;}
	.viewBottomList .orderPrev,
	.viewBottomList .orderNext {line-height:3.125rem;}
	.viewBottomList a {height:auto; line-height:3.125rem;}
	/* //check03_view 공지사항 상세 end */

	/* info01 */
	.info-01 .top-con .top-bnr {padding:20px 60px 20px 160px; margin:25px 0 18px 0;}
	.info-01 .btm-con .table_line table tbody td {font-size:15px; padding:10px;}
	.info-01 .btm-con .table_line table tbody .title .tit-top .top_wrap {gap:3px;}
	.info-01 .btm-con .table_line table tbody .title .sortation {width:65px; font-size:13px; padding:1px 0;}
	.info-01 .btm-con .table_line table tbody .title .tit-top a {font-size:15px; margin-left:7px;}
	.info-01 .btm-con .table_line table tbody .title .date-wrap {font-size: 14px; margin-top:5px;}
	.info-01 .btm-con .table_line table tbody .title .date-wrap .date-con {margin-left:7px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-top p,
	.info-01 .btm-con .table_line table tbody .state .state_off .state-top p{font-size:14px;}
	.info-01 .btm-con .table_line table tbody .state .attendance {margin-left:3px; padding:0px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-bar,
	.info-01 .btm-con .table_line table tbody .state .state_on .state-btm {margin-top:8px;}
	.info-01 .btm-con .table_line table tbody .survey {font-size:14px; padding:3px 30px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_con {gap: 10px;}
	/* //수강하기 비디오 팝업 end */
	
	/* 배움마켓 */
	.class01 .con_top .box .desc br {display: none;}
	.class01 .con_top .box {min-height : auto;}
	
	.class01 .con_top .class_steps li:nth-child(2) span br {display: none;}
	.class01 .con_top .class_steps li:after {right : -20%;}
	
	/* -------- class 배움마켓 추가 수정 --------- */
	.class01 .con_top .txt .txt_txt > p > br:last-child {display: none;}

	/* 당사자활동 */
	.intro06 .btm-com > ul > li .text { padding: 0 0 1rem 1.25rem;}

	/* 꿈나눔하우스 */
	.contents.intro02{width: 100%;}
	.intro02 .map_wrap{background-position: 50% center !important;}
	.intro02 .map_bg .map {width:66%;}

	/* 자립지원기관 */
	.sub02_map.center .map_bg { width: 100%; padding: 40px 60px 60px; display: flex ; justify-content: center;}
	.sub02_map.center .map_bg> p {left: 6.25rem; }
	.sub02_map.center .map_bg > p.gray { left:auto; right:6.25rem; bottom:1.25rem;}
	
	.sub02_map.center .field_wrap {grid-template-columns: repeat(9, 1fr); width: 100%; margin-top: 2.5rem; }
	
	/*기관소개*/
	.about02 .goal_info p br{ display:none; }
	.about02 .goal_box .left,
	.about02 .goal_box .right{ width: calc(50% - 10px); }
	.about02 .goal_bak,
	.about02 .company_name{ height: 14rem; padding: 1.875rem; justify-content: flex-start; gap: .625rem;}
	.about02 .history li:nth-child(odd) .txt {padding: 0 3.75rem 0 0;}
	.about02 .history li:nth-child(even) .txt {padding: 0 0 0 3.75rem;}
	
	/*미션/비전*/
	.about03 .person { gap: 7.5rem; }
	.about03 .person li { width: 13rem; height: 13rem;}
	
	/*조직도*/
	.about04 .organization li:nth-child(3) .flex_box:before,
	.about04 .organization li:nth-child(3) .flex_box:before { width: calc(255% - 9rem);}
	
}



@media screen and (max-width:1160px){
	.contents .top-con h2,
	.contents #inner_wrap h2{font-size: 34px;}

	/* 인사말 */
	.about01 .btm-com .con_top .txt .txt_txt {padding: 0 30px;}
	.about01 .btm-com .con_top .txt .txt_txt p {font-size:22px;}
	.about01 .con_top .txt .txt_img01 {background: url(/images/home/kor/user/about01_icon.png) no-repeat left;}
	.about01 .con_top .txt .txt_img02 {background: url(/images/home/kor/user/about01_icon.png) no-repeat left;}
	/* //about01 end */
	
	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .table table tr th {padding: 10px 15px;}
	.check-01view .btm-com .com-top .table table tr td {padding-left: 5px;}
	/* //check01view 신청상세 end */

	/* check02 */
	.schedule1 .month li a {width:50px; height:50px; line-height:50px; margin:0px 5px; font-size: 15px;}
	.schedule1 .year {width: 120px; padding: 6px 0; justify-content: space-evenly;}
	.schedule1 .year .date {font-size: 18px;}
	.schedule1 .year .prev, .year .next {margin: 0;}
	.schedule1 .tap_con,
	.schedule1 .event_tbWL{flex-flow:column nowrap; justify-content:center; align-items:center;}
	.schedule1 .tap_con .calendar_table,
	.schedule1 .event_tbWL .event_tbW{width:100%; margin-bottom:40px;}
	.schedule1 .ev_tb,
	.schedule1 .event_tbW_list {width: 100%;}
	/* //check02 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_play #myVideo {width: 600px; height: 385px;}
	.edu_video .list_area .table_con {margin-top: 20px;}
	.edu_video .list_area .table_con thead th,
	.edu_video .list_area .table_con tbody td {padding: 10px 0px;}
	/* //수강하기 비디오 팝업 end */
}



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

}



@media screen and (max-width:1024px){
	.contents {width:calc(100% - 60px); margin:0 auto; padding:80px 0;}
    .center-box{width:100%;}
	.contents .top-con .search_box {margin:30px 0 5px 0;}

	.locationBar.fixed {top:70px;}


	/* info01 */
	.info-01 .top-con .top-bnr {padding:18px 60px 18px 150px; margin:25px 0 18px 0; background-size:68px;}
	.info-01 .top-con .top-bnr .bnr-tit {font-size:17px;}
	.info-01 .top-con .top-bnr ul li {font-size:14px;}
	.info-01 .top-con .info-sub-tap a {padding:14px 25px 14px 60px;}
	.info-01 .btm-con .table_line table thead th {font-size:15px; padding:10px 0;}
	.info-01 .btm-con .table_line table tbody td {padding:10px 5px;}
	.info-01 .btm-con .table_line table tbody td.title {padding:10px 10px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-top .percentage,
	.info-01 .btm-con .table_line table tbody .state .attendance {font-size:12px !important; width:45px; height:18px; margin-left:3px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-btm a {height:28px; line-height:28px; font-size:14px;}
	.info-01 .btm-con .table2 table tbody tr td:nth-child(5) button {font-size:13px; width:70px; height:20px; line-height:18px; margin-left:4px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-bar, 
	.info-01 .btm-con .table_line table tbody .state .state_on .state-btm {margin-top:5px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_con {padding: 40px 20px;}
	.edu_video .video_play #myVideo {width: 480px; height: 308px;}
	.edu_video .list_area .table_con thead th, 
	.edu_video .list_area .table_con tbody td {padding: 8px 0px;}
	.edu_video .list_area .table_con tbody td a p {font-size: 15px;}
	/* //수강하기 비디오 팝업 end */
	
	/* 배움마켓 */
	.class01 .con_top .class_btn {justify-content: center; gap: 1rem;}

	/* 자립지원기관 */
	.sub02_map.center .field_wrap {grid-template-columns: repeat(5, 1fr);}
	
	.sub02_map .table_line colgroup{display:none;}
	.sub02_map .table_line tr,
	.sub02_map .table_line th{display:flex; flex-wrap: wrap; text-align: left; width:100%;}
	.sub02_map .table_line td{ display: inline-block; width: 50%; border: 0; border-bottom: 1px #ccc solid;}
}



@media screen and (max-width:980px){
	
	/* 갤러리 */
	.gallery .photo_list {grid-template-columns: repeat(3, 1fr);}

	/* check01 신청 */
	.check-0101 .con1 {grid-template-columns: repeat(3, 1fr);}
	/* //check01 신청 end */

	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .table table tr {width: 100%;}
	.check-01view .btm-com .com-top .table.online table tr:nth-child(4) th {border-bottom-left-radius: 10px;}
	.check-01view .btm-com .com-top .table.online table tr:nth-child(3) th {border-bottom-left-radius:inherit;}
	.check-01view .btm-com .com-top .table.online table tr:nth-child(2) {border-top: #e8e8e8 1px solid;}
	.check-01view .btm-com .com-top .table.offline table tr {border-bottom: #e8e8e8 1px solid;}
	.check-01view .btm-com .com-top .table.offline table tr:nth-child(3), 
	.check-01view .btm-com .com-top .table.offline table tr:nth-child(4) {border-top:none;}
	.check-01view .btm-com .com-top .table.offline table tr:last-child {border-bottom:none;}
	.check-01view .btm-com .com-top .table.offline table tr:nth-child(5) th {
    border-bottom-left-radius:inherit;}
	.check-01view .btm-com .com-top .table.offline table tr:last-child th {
    border-bottom-left-radius: 10px;}
	/* //check01view 신청상세 end */

	/* check03_view 공지사항 상세 */
	.board_view {margin-top:25px;}
	.board_view .view_tit {height:50px;}
	.board_view .view_tit .v_tit {font-size:16px;}
	.board_view .view_tit .click_write_wrap > p {font-size:14px;}
	.board_view .view_tit .click_write_wrap .write_date {margin-right:20px;}
	board_view .view_tit .click_write_wrap .write_date em {margin-left:5px;}
	.board_view .view_tit .click_write_wrap .click_count span {margin-right:5px;}
	.board_view .file_wrap {height:40px;}
	.board_view .board-view_con {padding:40px 30px;}
	.viewBottomList .viewBottomPrev, 
	.viewBottomList .viewBottomNext {height:40px; padding:0 10px 0 120px}
	.board_view .viewBottomList ul li span:first-child {font-size: 15px; line-height: 40px;}
	.viewBottomList a {line-height: 40px; font-size:13px !important;}
	/* //check03_view 공지사항 상세 end */
	
	/* 배움마켓 */
	.class01 .con_top .class_btn li .class_name:after {width : 15rem;}
	
}

@media screen and (max-width:930px) {
	
	/* sch_box */
	.contents .top-con .search_box {flex-wrap : wrap; gap : 0.8rem;}
	.search_box .search_box_in {width : 100%;}
	.contents .top-con .search_box .search_box_in .select {margin-right : 0;}
	.contents .top-con .search_box .search_box_in fieldset {width: 100%;}
	.contents .top-con .search_box .search_box_in fieldset #searchstr {width : 100%;}
	.search_box .search_box_in fieldset .btn_search {border-radius : 4px;}
	
}

@media screen and (max-width:900px){
	.contents .top-con h2,
	.contents #inner_wrap h2{font-size:30px;}

	.contents .search_box{flex-wrap : wrap; gap : 0.8rem;}
	/* .contents .top-con .search_box .search_box_in fieldset {width:310px;} */
	.contents .top-con .search_box .search_box_in fieldset #searchstr {font-size:15px; width:100%; height:36px;}
	.contents .top-con .search_box .search_box_in .select {font-size:15px; padding:0 30px 0 5px;/*  margin-right:10px; */}

	
	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .top-tit .tit_left .con-tit {gap:4px;}
	.check-01view .sortation {width:65px; padding:0px; font-size:13px;}
	.check-01view .btm-com .com-top .top-tit .tit_left h2 {font-size:20px;}
	.check-01view .btm-com .com-top .top-tit .tit_right a {font-size:14px; padding:7px 0; width:140px;}
	.check-01view .btm-com .com-top .file_wrap a.file {font-size:13px;}
	.check-01view .btm-com .com-top .table table tr th {font-size: 14px;padding: 8px 10px;}
	.check-01view .btm-com .com-top .table table tr td {font-size:14px; text-align: left;}
	.check-01view .btm-com .com-btm {padding-top:30px;}
	.check-01view .btm-com .com-btm .btm_tap a {font-size:15px; padding:10px 0;}
	.check-01view .btm-com .com-btm .btm_tap_con > div {margin-top: 15px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con1 p {font-size:15px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tr >* {padding:12px 0; font-size:15px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead tr th + th::before {top:15px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td:nth-child(3) {padding:12px 20px;}
	.check-01view .btm-com .com-btm .list {margin-top:25px;}
	.check-01view .btm-com .com-btm .list a {font-size:15px; width:150px; padding:7px 0;}
	/* //check01view 신청상세 end */

	/* check02 일정 */
	.schedule1 .sch_wrap {margin-top: 50px;}
	.schedule1 .year {width: 110px; padding: 4px 0; margin-bottom: 0 !important;}
	.schedule1 .year > a img {width: 56%; margin-top: 3px;}
	.schedule1 .year .year_num {font-size: 17px;}
	.schedule1 .month { margin-left: 5px;}
	.schedule1 .month li a {width: 48px; height: 48px; line-height: 48px; margin: 0px;}
	.schedule1 .event_tbWL .event_tbW colgroup col{ width: calc(100% / 7) !important;}
	.month li:nth-child(7) {border-left:0 !important;}
	/* //check02 end */

	/* info01 */
	.info-01 .btm-con .table_line table tbody td {font-size:14px;}
	.info-01 .btm-con .table_line table tbody .title .sortation {width:55px;  font-size:12px;}
	.info-01 .btm-con .table_line table tbody .title .tit-top a {font-size:14px; margin-left:5px;}.info-01 .btm-con .table_line table tbody .title .date-wrap {font-size:13px;}
	.info-01 .btm-con .table_line table tbody .state .state_on {padding: 0 10px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_con {flex-flow:column nowrap; gap:20px;}
	.edu_video .video_play {margin:0 auto;}
	.edu_video .video_play #myVideo {width: 695px; height: 447px;}
	.edu_video .list_area {width: 100%;}
	.edu_video .list_area .table_con {margin-top: 10px;}
	/* //수강하기 비디오 팝업 end */

	table.list {border-top: #000 2px solid;}
	table.list thead,
	table.list colgroup{display:none;}
	table.list tbody tr { display: flex; flex-wrap: wrap; gap: 3px 15px; padding: 1.25rem .625rem; border-bottom: #ccc 1px solid; text-align: left;}
	table.list tbody td{display:inline-block; border-bottom:0; padding:0;}
	table.list tbody td.no,
	table.list tbody td.file,
	table.list tbody td.view{display:none;}
	table.list tbody td.no.fixed{display: inline-block;}
	table.list tbody td.subject{width:100%;}
	table.list .subject { padding: 0;}


	/* 오시는길 */
	.about05 .btm-com .con_top{align-items: flex-start;gap: 1.875rem;}
	.about05 .btm-com .con_top .left{width:100%;}
	.about05 .btm-com .con_top .right{width:100%;}
	.about05 .wrap_map{height:300px !important ;}
	.about05 .con_top .right ul li b {display: inline-block;}
	.about05 .con_top .right ul li:last-child {justify-content: center !important;}
	.about05 a {width:120px;}
	.about05 a.kakaomap {width:120px;}
	.about05 a.navermap {width:120px;}

	/* 교육과정 */
	.class02 .con_top .edu_wrap .edu:before {right: 7%  !important;}

	/* 서울시 자립정책 */
	.intro05 .contents h3 {font-size: 1.5rem !important; }
	
	/*미션/비전*/
	.about03 .person { gap: 5rem; }
	.about03 .person li + li:after {left: calc((-5rem - 1.125rem) / 2); width: 1.125rem;}
	
	/*조직도*/
	.about04 .organization li:nth-child(3):after {width: calc(50% + 1.25rem);}
	.about04 .organization li:nth-child(3) .cc { width: calc(50% - 1.25rem); }
	.about04 .organization li:nth-child(3) .cc .flex_box {gap: .625rem;}
	
	/*후원안내*/
	.about06 .con_top h3.tc {font-size: 1.5rem; }
	.about06 .con_top .type_list li { width: 180px; height: 180px; background-size: 55px !important; font-size: 1.25rem; padding-top: 60px; }
	.about06 .con_btm ul li { display: flex ; flex-direction: column; padding: 20px; padding-top: 110px; background-position: 50% 20px !important; background-size: 80px !important; border-radius: 20px; }

}

@media screen and (max-width:880px){
	.class01 .tabnav, .class02 .tabnav {width: 100% !important;}
	.class01 .tabnav a, .class02 .tabnav a {width: calc((100% / 3) - 0.75rem) !important; }
}

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

	.sub_visual .sub_txt{display:none;}
	
	
	/* 배움마켓 */
	.class01 h3 br {display: none;}
	
	.class01 .con_top .class_steps {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.class01 .con_top .class_steps li:after {right: -10%;}
	.class01 .con_top .class_steps li:nth-child(2):after {display : none; }
	
	.class01 .con_top .way.flex_box > .half {width: 100%;}
	.class01 .con_top .way.flex_box > .half + .half {margin-top : 1.25rem;}

	/* 교육과정 */
	.class02 .con_top .edu_wrap .edu:before {top: -4% !important; right: 2% !important;}

	/* 당사자활동 */
	.intro06 .btm-com > ul > li img {width:100%;height: 260px;}
	.intro06 .btm-com > ul > li .text {width:100%;padding: 1rem 1.25rem;}
	.intro06 .btm-com > ul > li:nth-child(even){flex-direction: column-reverse;}

	/* 네트워크 구축 */
	.intro04 .btm-com > ul > li img {width:100%;height: 260px;}
	.intro04 .btm-com > ul > li .text {width:100%;padding: 1rem 1.25rem;}
	.intro04 .btm-com > ul > li:nth-child(even){flex-direction: column-reverse;}


}



@media screen and (max-width:767px){
	.contents h3 {font-size: 1.5rem;}

    .locationBar_inner{width: fit-content; background:none;}
	.locationBar .location > ul {justify-content: center;}
    .locationBar .location > ul > li{width:200px; background:#fff;}
    .locationBar .location > ul > li a{font-size:14px; padding:0 18px;}
	.locationBar .location > ul > li:first-child{ width: 70px;}
	.locationBar .location > ul > li:last-child{border-radius: 0 5rem 5rem 0;}
    .locationBar .location.depth1{width:100%;}
    .locationBar .location .location_sub{padding:12px 18px;}
	.locationBar .location .location_sub li:first-child {padding-top: 0;}
	.locationBar .location .location_sub li:last-child {padding-bottom: 0px;}

	.locationBar.fixed .locationBar_inner {max-width: 100%;}

	
	.table_line thead th {padding:10px 0; font-size:15px;}
	.table_line tbody td {padding:10px 0; font-size:14px;}
	.table_line tbody tr .title {padding:10px 20px;}
	.table_line tbody td .file {width:15px; height:14px; background-size:contain;}

	/* 인사말 */
	.about01 .btm-com .con_top {gap:10px;}
	.about01 .btm-com .con_top .img {height: 170px;}
	.about01 .btm-com .con_top .txt {height: 200px;}


	/* notification01 공지사항 */
	.notification01 .table_line colgroup col:last-child{width:15% !important;}
	/* //notification01 공지사항 end */
	
	/* 갤러리 */
	.gallery .photo_list {grid-template-columns: repeat(2, 1fr);gap: 20px;}

	/* check01 신청 */
	.check-0101 .con1 {grid-template-columns: repeat(2,1fr); gap: 20px;}
	/* //check01 신청 end */

	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .table table tr td {padding-left: 10px;}
	/* //check01view 신청상세 end */

	/* check02 */
	.schedule1 .sch_wrap {margin-top: 40px;}
	.schedule1 .cal_top {flex-flow:column nowrap; align-items:flex-start;}
	.schedule1 .date_wrap { align-items: flex-start; flex-direction: column;}
	.schedule1 .month {margin:10px 0 0; width:100%; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.schedule1 .month li {width:100%;}
	.schedule1 .month li a {width:100%; border-radius:inherit; border-top: 1px solid #ccc; border-left:1px solid #ccc;}
	.schedule1 .right {margin: 35px 0 10px;}
	.schedule1 .check li + li {margin-left:15px;}
	.schedule1 .check li .check_item .cate {font-size: 15px;}
	.schedule1 .ev_tb thead tr th {height: 45px;}
	.schedule1 .ev_tb tbody tr td {height: 55px;}
	.schedule1 table.ev_tb_list thead,
	.schedule1 table.ev_tb_list colgroup{display:none;}
	.schedule1 table.ev_tb_list tbody {border-top:2px solid #000;}
	.schedule1 table.ev_tb_list tbody tr{display:flex; flex-flow:row wrap; border-bottom:1px #ccc solid; padding:10px;}
	.schedule1 table.ev_tb_list tbody tr td{border-bottom:none; height: auto;}
	.schedule1 table.ev_tb_list tbody tr td:last-child{margin-left:10px;}
	.schedule1 table.ev_tb_list tbody tr td:nth-child(2){width:100%; padding:5px 0;}
	.schedule1 table.ev_tb_list tbody tr td em{display:inline; font-weight:600; margin-right:3px;}
	.schedule1 table.ev_tb_list td.name a div {width: 63px; padding: 2px 0;} 
	/* //check02 end */
	
	/* check03_view 공지사항 상세 */
	.board_view .view_tit {height: auto; flex-flow:column nowrap; align-items:flex-start; padding:10px; gap:5px;}
	/* //check03_view 공지사항 상세 end */

	/* info01 */
	.info-01 .top-con .top-bnr {padding: 16px 16px 16px 125px; margin: 20px 0 15px 0;}
	.info-01 .top-con .top-bnr .bnr-tit {font-size:16px;}
	.info-01 .top-con .info-sub-tap {gap:7px;}
	.info-01 .top-con .info-sub-tap a {background-size:18px; padding:11px 20px 11px 50px; background-position:23% 50%;}
	.info-01 .btm-con .table_line colgroup col:nth-child(2){width:13% !important;}
	.info-01 .btm-con .table_line table tbody td {padding:5px 2px; font-size:13px;}
	.info-01 .btm-con .table_line table tbody .title .tit-top {display:flex; flex-flow:column nowrap; align-items:flex-start;}
	.info-01 .btm-con .table_line table tbody .title .sortation {width:51px; font-size:11px; padding:0;}
	.info-01 .btm-con .table_line table tbody .title .tit-top a {margin-left:0; font-size:13px;}
	.info-01 .btm-con .table_line table tbody .title .date-wrap {margin-top:0px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-btm a {height:22px; line-height:22px; font-size:13px;}
	.info-01 .btm-con .table_line table tbody .survey {font-size:13px; padding:2px 15px;}
	.info-01 .btm-con .table2 table tbody tr td:nth-child(5) button {font-size:12px; width:50px; height:18px; line-height:14px;  margin-left:3px;}
	/* //info01 end */
	
	/* 배움마켓 */
	.class01 h3 {font-size: 1.3rem !important;}
	.class01 h4.con_ti {font-size: 1.65rem !important;}
	.class01 .con_top .con_ti + .fs24 {font-size: 1.25rem !important;}
	.class01 p.fs20.tc {font-size: 1.15rem !important;}
	.class01 .con_top .class_steps li p {font-size: 1.25rem;}
	
	.class01 .con_top .class_btn li .class_name {font-size : 1.65rem;}
	.class01 .con_top .class_btn li .class_name p {font-size : 1rem;}
	.class01 .con_top .class_btn li .class_name:after {width : 13rem;}
	.class01 .class_btn li:nth-child(1) .class_name:hover:after {top: -40%;}
	.class01 .class_btn li:nth-child(2) .class_name:hover:after {top: -40%;}
	
	.class01 #tab03 .con_top .con1 .box .box_tit {width : 10rem}
	.class01 #tab03 .con_top .con2 .process {gap : 2.9rem;}
	.class01 #tab03 .con_top .con2 .process01,
	.class01 #tab03 .con_top .con2 .process02 { width: 100%;}

	/* 교육과정 */
	.class02 .flex_box.edu_wrap { gap: 2.25rem !important;}
	.class02 .flex_box > .third {width: 100% !important;}
	.class02 .con_top .edu_wrap .edu:before { top: -7% !important;}
	.class02 .con_top .edu_wrap .edu_03:before {top: -10% !important;}
	
	.class02 #tab02 .con_top .edu_wrap .edu_02:before {top: -6% !important;}
	.class02 #tab02 .con_top .edu_wrap .edu_03:before {top: -7% !important;}


	/* 기관소개 */
	.about01 .con_btm > ul { grid-template-columns: repeat(2, 1fr);}
	.about01 .con_btm > ul > li{border-radius: 10px;}
	.about01 .con_btm > ul > li .icon {width: 4rem;height: 4rem;padding: 1rem;}
	.about01 .con_btm > ul > li:nth-child(1) .icon{background:url(/images/home/kor/user/about01_icon05.png)no-repeat center #FFEBE5;}
	.about01 .con_btm > ul > li:nth-child(2) .icon{background:url(/images/home/kor/user/about01_icon01.png)no-repeat center #FFECD4;}
	.about01 .con_btm > ul > li:nth-child(3) .icon{background:url(/images/home/kor/user/about01_icon02.png)no-repeat center #F1EEFF;}
	.about01 .con_btm > ul > li:nth-child(4) .icon{background:url(/images/home/kor/user/about01_icon03.png)no-repeat center #E0E9FF;}
	.about01 .con_btm > ul > li:nth-child(5) .icon{background:url(/images/home/kor/user/about01_icon04.png)no-repeat center #D4EDDD;}

	/* 비전미션 */
	.about03 .txt .txt_img01 {background: url(/images/home/kor/user/about01_icon.png) no-repeat 10%;}
	.about03 .txt .txt_img02 {background: url(/images/home/kor/user/about01_icon.png) no-repeat 10%;}
	.about03 .values_list dd {margin-left: 1.25rem;}
	.about03 .values01 .round_icon:after {width: 3rem;height: 3rem;}
	.about03 .person {gap: 0;}
	.about03 .person li{margin-left: -1.5rem; opacity: .8;}
	.about03 .person li + li:after {border-top: none ;left: -24%;}
	.about03 .mission_vision li.mission:after {font-size: 3rem;}
	.about03 .values02 dd {font-size:1.2rem;}
	.about03 .values_list dd {margin-left: 10px;}

	/* 오시는길 */
	.about05 .table_line th{width: 30%;padding: 10px;}
	.about05 .table_line th span{display: block}
	.about05 .table_line td{padding: 10px ;}
	.about05 .board-write span.cate01, .about05 .board-write span.cate02, .about05 .board-write span.cate03 {width: 46px;height: 20px;line-height: 20px;font-size: 11px;}
	
	/*후원안내*/
	.about06 .con_top .type_list {flex-wrap: wrap; gap:10px;}
	.about06 .con_top .type_list li { width: calc((100% - 30px) / 4); height: 150px; border-radius:20px; margin: 0; }
	
	
	

	/* 꿈나눔하우스 */
	.intro02 h3 br{display:none}
	.intro02 .contents-inner{width:90%;}
	.intro02 .map_bg .contents-inner {flex-wrap: wrap;flex-direction: column-reverse;}
	.intro02 .map_bg .map {background:none;height: auto; width:100%;}
	.intro02 .map_bg .list {width:100%;}
	.intro02 .map_bg .map_list {position: inherit;display: grid;grid-template-columns: repeat(6, 1fr);gap:10px;margin: 20px 0}
	.intro02 .map_bg .map_list li{position:inherit; text-align:center;text-align: center;font-size: 1rem;padding: 5px;border: 1px #ccc solid;border-radius: 5px; transform: translateY(0%);}
	.intro02 .map_bg .map_list li:after {display:none}
	.intro02 .map_bg .map_list li:hover{padding-bottom: 0;}
	.intro02 .ul-list01{display: grid;grid-template-columns: repeat(3, 1fr);gap:10px;}
	.intro02 .map_bg {padding-bottom: 1.875rem !important;}

	/* 자립지원기관 */
	.sub02_map.center .map_bg {padding: 40px 60px; flex-direction: column; }
	.sub02_map.center .map_bg > p {position: relative; left: auto; width: 100%; }
	.sub02_map.center .map_bg > p.gray{display:none;}
	.sub02_map.center .map_find { width: 100%; margin-top: 1.25rem; position: relative; }
	
	.sub02_map.center .map_wrap { display:none;}
	.sub02_map.center .map_btn { display: grid ; grid-template-columns: repeat(7, 1fr); gap:.625rem; width: 100%; height: auto; position: relative; top: auto; left: auto; transform: translate(0px, 0px); }
	.sub02_map.center .map_btn a{ position: relative; top: auto !important; bottom: auto !important; left: auto !important; right:auto !important; transform: translate(0px, 0px); -webkit-transform: translateY(0%); text-align: center; font-size: 1rem; padding: 5px; border: 1px #ccc solid; border-radius: 5px;}
	.sub02_map.center .map_btn a.active{background:#000; border: 1px #000 solid; color:#fff;}
	.sub02_map.center .map_btn a.active:after{display:none;}

	.center .map_btn.mobile{display: grid;}
	.center .map_btn.pc{display: none;}


	/* 서울시 자립정책 */
	.intro05 .btm-com .txt .txt_img01,
	.intro05 .btm-com .txt .txt_img02{background-position : 10% !important;}
	.intro05 .table_scroll table {width : 900px !important;}

	/* 후원안내 */
	.about06 .con_top .img {height: 170px;}


}



@media screen and (max-width:670px){
	.locationBar .location > ul > li a {padding: 0 15px; font-size: 14.5px;}
	
	/* 배움마켓 */
	.class01 .con_top .class_btn li {width : 100%;}
	.class01 .class_btn li:nth-child(1) .class_name:hover:after{right : 0;}
	.class01 .con_top .class_btn li:nth-child(2) .class_name:after {right : -5%;}
	.class01 #tab03 .con_top .con1 .box .box_tit { width: 10rem;}
	.class01 #tab03 .con_top .con1 .box .box_con { width: calc((100% - 10rem) - 10px);}
}



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


	.contents .top-con #sub-tap a{
       /*  width: calc((100% / 4) - 7.5px); */
        border-radius: 5px; padding: .625rem;
    }


	.contents {width:calc(100% - 40px); padding:90px 0;}
	.contents .top-con h2,
	.contents #inner_wrap h2{font-size: 25px;}
	.contents .top-con .search_box {margin: 20px 0 5px 0;}
	.search_box .search_box_in {flex-wrap : wrap;}
	.search_box .search_box_in .select {display : none;}
	.contents .top-con .search_box .search_box_in fieldset {width : 100%;}

    .sub_visual {padding-top:2rem; height:220px;border-radius:0;}
	.sub_visual .sub_tit {font-size:26px;}
	.sub_visual .tit_wrap {margin-top : 60px;width: 95%;}

	.locationBar {top:220px; height:46px; background-color: #fff;}
	.locationBar_inner {width:100%;max-width: 100%;border-radius:0}
	.locationBar .location.depth1 {border-radius : 0;}
	.locationBar .location > ul {justify-content: flex-start;    }
	.locationBar .location > ul > li {width:180px;}
	.locationBar .location > ul > li:first-child {border-radius:0; background: url(/images/home/kor/user/sub_home_avtive.png) 50% 50% no-repeat #F95600;width: 50px;}
	.locationBar .location > ul > li a {font-size: 14px;}


	.locationBar.fixed {top: 60px;}
	
	.contents .top-con .search_box .search_box_in .select {font-size:14px; padding:0 20px 0 5px; background-position:95% 50%; height:30px;}
/* 	.contents .top-con .search_box .search_box_in fieldset {width:235px;} */
	.contents .top-con .search_box .search_box_in fieldset #searchstr {font-size:14px; height:30px; padding:0 5px}
	/* .contents .top-con .search_box .search_box_in fieldset .btn_search {width:16px; height:16px; background-size:contain;} */
	
	.contents .top-con .page_num {padding-bottom: 10px;}
	.contents .top-con .page_num .bold {font-size: 16px;}

	/* .table_line thead,
	.table_line colgroup{display:none;}
	.table_line tbody tr{display:flex; flex-flow:row wrap; border-bottom:#d9d9d9 1px solid; padding:10px}
	.table_line tbody tr:last-child {border-bottom:1px solid #000;}
	.table_line tbody tr:last-child td {border-bottom:none;}
	.table_line tbody tr td {border-bottom:none; padding:0;}
	.table_line tbody tr td + td {margin-left:10px;}
	.table_line tbody tr td:first-child {display:none;}
	.table_line tbody tr td:last-child {padding:0 5px;}
	.table_line tbody tr .title {width:100%; padding:0 0 5px 0;}
	.table_line tbody tr .title a{white-space: inherit;}
	.table_line tbody tr td .file {margin-top: 4px;} */

	
	/* notification 02 Q&A / info02 나의문의 */
	.notification02 .table_line tbody tr td:nth-child(5),
	.info02 .table_line tbody tr td:nth-child(5) {margin-left:3px;}
	/* //notification 02 Q&A / info02 나의문의 end */

	/* check01 */
	.check-0101 .btm-com .list_tit {max-height : 3.15rem;}
	.check-0101 .btm-com ul {padding-top: 1rem;}
	.check-0101 .btm-com ul.list_data {margin-top : 0;}
	/* //check01 end */

	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .top-tit {padding-top:15px;}
	.check-01view .btm-com .com-top .top-tit .tit_left .con-tit {gap:2px;}
	.check-01view .sortation {width:55px; font-size:12px;}
	.check-01view .btm-com .com-top .top-tit .tit_left h2 {font-size:18px; margin-top:3px;}
	.check-01view .btm-com .com-top .top-tit .tit_right a {font-size:13px; padding:5px 0; width:120px;}
	.check-01view .btm-com .com-top .table {padding-top:8px;}
	.check-01view .btm-com .com-top .table table tr th {font-size:13px; padding:6px 10px;}
	.check-01view .btm-com .com-top .table table tr td {font-size:13px;}
	.check-01view .btm-com .com-btm {padding-top:20px;}
	.check-01view .btm-com .com-btm .btm_tap a {font-size:14px; padding:8px 0;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con1 {padding:20px; height:150px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con1 p {font-size: 14px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 {margin-top:0;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table colgroup,
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table thead{display:none;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr {display:flex; flex-flow:row wrap; padding:8px 5px; gap:0 5px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr:last-child{border-bottom:1px solid #000;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tr >* {
    padding:0 !important; font-size:14px;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td:nth-child(3){width:100%;}
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con2 table tbody tr td:nth-child(3) a {color:#333; font-weight:500;}
	.check-01view .btm-com .com-btm .list {margin-top:15px;}
	.check-01view .btm-com .com-btm .list a {font-size:13px; width:130px; padding:5px 0;}
	/* //check01view 신청상세 end */
	
	/* check02 */
	.schedule1 .sch_wrap {margin-top: 30px;}
	.schedule1 .year {width: 100px; padding: 3px 0;}
	.schedule1 .year > a img {width: 6px; margin-top: 2px;}
	.schedule1 .year .year_num {font-size: 15px;}
	.schedule1 .month {}
	.schedule1 .month li a {height:37px; line-height:37px;}
	.schedule1 .right {margin:25px 0 7px;}
	.schedule1 .check li + li {margin-left:10px;}
	.schedule1 .check li .check_item .cate {font-size:14px;}
	.schedule1 .tap_con .calendar_table {margin-bottom:30px;}
	.event_tbW .ev_tb tbody tr td em.on_day {width: 7px; height: 7px; background-size: contain;}
	.schedule1 table.ev_tb_list tbody tr {padding: 8px;}
	.schedule1 table.ev_tb_list tbody tr td.name {padding: 3px 0;}
	.schedule1 table.ev_tb_list td.name a div {margin-right: 5px;}
	/* //check02 end */
	
	/* check03_view 공지사항 상세 */
	.board_view {margin-top: 10px;}
	.board_view .view_tit {padding:7px 10px; gap:3px;}
	.board_view .view_tit .v_tit {font-size:15px;}
	.board_view .view_tit .click_write_wrap > p {font-size:12px;}
	.board_view .view_tit .click_write_wrap .write_date {margin-right:10px;}
	.board_view .view_tit .click_write_wrap .write_date em {margin-left:5px;}
	.board_view .file_wrap {
    height: 30px;}
	.board_view .file_wrap .a_wrap a {font-size: 12px;}
	.board_view .file_wrap .t_wrap {width: 14px; height: 12px; background-size: contain;}
	.board_view .board-view_con {padding:30px;}
	/* //check03_view 공지사항 상세 end */

	/* info01 */
	.info-01 .top-con .top-bnr {padding:15px 15px 15px 105px; margin:20px 0 15px 0;}
	.info-01 .top-con .top-bnr .bnr-tit {font-size:15px;}
	.info-01 .top-con .top-bnr ul li {font-size:13px;}
	.info-01 .top-con .info-sub-tap {gap:5px;}
	.info-01 .top-con .info-sub-tap a {background-size:15px; padding:9px 15px 9px 40px;}
	.info-01 .btm-con .table_line table tbody tr {gap:5px 0;}
	.info-01 .btm-con .table_line table tbody td {padding:0 !important;}
	.info-01 .btm-con .table_line table tbody td #m_title{display:inline-block; font-weight:500; margin-right:5px; color:#000;}
	.info-01 .btm-con .table_line table tbody td:nth-child(2),
	.info-01 .btm-con .table1 table tbody td:last-child,
	.info-01 .btm-con .table2 table tbody td:nth-child(4),
	.info-01 .btm-con .table2 table tbody td:last-child,
	.info-01 .btm-con .table4 table tbody td:nth-child(4){color:#7f7f7f;  font-weight:500;}
	.info-01 .btm-con .table_line table tbody .state .state_on,
	.info-01 .btm-con .table_line table tbody .state .state_off{padding:0; flex-flow:row nowrap; gap:5px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-top .percentage, 
	.info-01 .btm-con .table_line table tbody .state .attendance {width:63px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-bar {width:50px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-btm {width:80px; margin-top:0;}
	.info-01 .btm-con .table_line table tbody .survey {padding:1px 15px; margin-left:5px;}
	.info-01 .btm-con .table_line table tbody .state .state_on .state-top p, 
	.info-01 .btm-con .table_line table tbody .state .state_off .state-top p {font-size:13px; font-weight:500;}
	.info-01 .btm-con .table4 table tbody tr td:nth-child(4) {margin-right:5px;}
	.info-01 .btm-con .table2 table tbody tr td:last-child {display:flex; margin-left:10px;}
	.info-01 .btm-con .table_line table tbody .title .tit-top {flex-flow:row nowrap;}
	.info-01 .btm-con .table_line table tbody .title .tit-top a {margin-left:5px;}
	.info-01 .btm-con .table_line table tbody .title .date-wrap {margin-top: 5px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_header .hd_tit {font-size: 20px; padding: 10px 0;}
	.edu_video .video_con {padding:20px 15px; gap:15px;}
	.edu_video .video_play #myVideo {width: 500px; height: 320px;}
	.edu_video .list_area {width: 100%;}
	.edu_video .list_area .video_info_box > div {font-size:14px;}
	.edu_video .list_area .video_info_box > div > span {margin-left: 10px;}
	.edu_video .list_area .table_con {margin-top:5px;}
	.edu_video .table_line thead, 
	.edu_video .table_line colgroup, 
	.edu_video .table_line tbody tr td:first-child {display: contents;}
	.edu_video .list_area .table_con thead th {padding: 6px 0px;}
	.edu_video .table_line tbody tr {display:block; padding:6px;}
	.edu_video .list_area .table_con tbody td a p {font-size: 14px;}
	/* //수강하기 비디오 팝업 end */
	
	/* 배움마켓 */
	.class01 .table_line th {width: 15%;}
	.class01 .table_line tbody tr {display: table-row;}
	.class01 .table_line table.data2 {width : 800px;}
	.class01 .table_line tbody td {padding : 1rem;}
	.class01 .table_line thead, .class01 .table_line colgroup {display: table-header-group;}
	.class01 .table_line thead th:first-child {width : 8% !important;}
	.table_line tbody tr td:first-child {display: table-cell;}
	
	/*기관소개*/
	.about02 .goal_info {height: auto;}
	.about02 .goal_box {flex-direction: column; gap: 1.875rem;}
	.about02 .goal_box .left, .about02 .goal_box .right{width:100%;}
	.about02 .company_name { flex-direction: column;     flex-wrap: nowrap; justify-content: center;}
	.about02 .company_name img{display:block;}
	.about02 .company_name .ul-list01{width:100%;}
	
	.about02 .history:before{left: 5px;}
	.about02 .history li:nth-child(odd) .txt,
	.about02 .history li:nth-child(even) .txt{ width: 100%; padding: 0; padding-left: 3.75rem; text-align: left;}
	.about02 .history li:before {left: 0 !important; top: 16px;}
	.about02 .history li:after { left: 0; top: 12px; transform: translate(0px, 0px); width: 12px; height: 12px; border: 2px solid #FC851D; }
	
	/* 비전미션 */
	.about03 .txt .txt_img01 {background: url(/images/home/kor/user/about01_icon.png) no-repeat left;}
	.about03 .txt .txt_img02 {background: url(/images/home/kor/user/about01_icon.png) no-repeat left;}
	.about03 .values03 dd {font-size: 1em;}
	.about03 .values01 .round_icon:after {left:0;}
	.about03 .person li {width: 10rem; height:10rem;}
	.about03 .mission_vision li {position: relative;flex: none;width: 100%;height: 90px;}
	.about03 .mission_vision li:last-child {margin-left: 0;margin-top:50px}
	.about03 .mission_vision li.mission:after {left: auto;right: -45%;top: 100%;width: 100%;height: auto;font-size: 38px;}
	.about03 .mission_vision li.vision {position: relative;flex: none;width: 100%;height: 90px;}
	
	/*조직도*/
	.about04 .organization li:nth-child(3){gap:3.125rem;}
	.about04 .organization li:nth-child(3):after { width: 1px; border: 0; border-left: 1px #ccc solid; }
	.about04 .organization li:nth-child(3) .cc { width: 100%; }
	
		/*기본 테이블 깸*/
		.about04 table.info thead,
		.about04 table.info colgroup{display:none;}
		.about04 table.info tbody, .about04 table.info td{display:block; border: 0; padding:0; background: transparent !important;}
		.about04 table.info tr{display:flex; flex-wrap: wrap;gap: 5px;background: #f9f9f9;border-bottom: 1px solid #ccc; padding:1rem 1.5rem;}
		.about04 table.info tr:first-child{border-top: 2px solid #000;}
		
		/*1번 테이블 깸*/
		.about04 table.info td:nth-child(1){text-align: left; margin-right:.625rem;}
		.about04 table.info td:nth-child(2){width:calc(100% - 5rem - .625rem);}
		.about04 table.info td:nth-child(3){width:calc(100% - 7.5rem - 5px);}
		.about04 table.info td:nth-child(4){width:7.5rem;}
		
		/*각 팀 테이블 깸*/
		.about04 table.info.bg_blue tr { background-color: #f7fbff; position:relative;}
		.about04 table.info.bg_grn tr { background-color: #f8fcfa; position:relative;}
		.about04 table.info.bg_blue td:nth-child(1),
		.about04 table.info.bg_grn td:nth-child(1){ background-color: #f7fbff; }
		.about04 table.info.bg_blue td:nth-child(2),
		.about04 table.info.bg_grn td:nth-child(2){width:100%; margin-top: 5px;}
		.about04 table.info.bg_blue td:nth-child(2) ul,
		.about04 table.info.bg_grn td:nth-child(2) ul{margin-top: 5px;}
		.about04 table.info.bg_blue td:nth-child(3),
		.about04 table.info.bg_grn td:nth-child(3){ position: absolute; width: auto; right: 1.5rem; }
		
		.about04 table.info tbody td:nth-child(2) {text-align:left;}
		
	/*후원안내*/
	.about06 .con_top p.tc,
	.about06 .con_btm p.tc{text-align:left !important;}
	.about06 .con_top .type_list li { width: calc((100% - 10px) / 2);}
	.about06 .con_btm ul {gap: 10px; align-items: normal; }
	.about06 .con_top .img { height: 140px;}


	/* 자립지원기관 */
	.sub02_map.center .map_bg { padding: 40px;}
	.sub02_map.center .map_btn.mobile { display: grid ; grid-template-columns: repeat(5, 1fr);}
	
	.sub02_map.center .cen_field .icon_btn {padding: 20px;}

	/* 인사말 */
	.about01 .btm-com .con_top .img {height: 140px;}
}



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

	/* info01 */
	.info-01 .top-con .top-bnr {padding:13px 5px 13px 75px; margin:15px 0 10px 0; background-position:2% 50%; background-size: 55px;}
	.info-01 .top-con .top-bnr .bnr-tit {font-size:14px;}
	.info-01 .top-con .top-bnr ul li {font-size:12px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_play #myVideo {width: 450px;  height: 290px;}
	/* //수강하기 비디오 팝업 end */
	
	/* 배움마켓 */
	.class01 #tab03 .con_top .con1 .box .box_tit { width: 8rem;}
	.class01 #tab03 .con_top .con1 .box .box_con { width: calc((100% - 8rem) - 10px);}

	/* 기관소개 */
	.about01 .con_btm > ul { grid-template-columns: repeat(1, 1fr);}


	/* 꿈나눔하우스 */
	.intro02 .btm-com .info_list {grid-template-columns: repeat(2, 1fr);}
	.intro02 .btm-com .info_list li{padding:1.75rem 0;}
	.intro02 .btm-com .info_list li:nth-child(even){border-right:none}
	.intro02 .btm-com .info_list li:nth-child(n+3){border-top: 1px solid #ccc;}
	.intro02 .ul-list01 {grid-template-columns: repeat(2, 1fr);}
	.intro02 .map_bg .map_list {grid-template-columns: repeat(4, 1fr);}


	/* 교육과정 */
	.class02 #tab03 .con_top .process02  {width : 100% !important;}

	/* 서울시 자립정책 */
	.intro05 .contents h3 {font-size: 1.25rem !important; }
	.intro05 .btm-com .img .tc {padding: 1.45rem;}
	.intro05 .table_scroll table {width: 780px !important;}
}



@media screen and (max-width:480px){
	.contents {width:calc(100% - 20px);/*  padding:40px 0; */}
	.locationBar.fixed {top: 50px;}

	/* 갤러리 */
	.gallery .photo_list {gap: 12px;}

	/* check01 */
	.check-0101 .con1 {gap: 12px;}
	/* //check01 end */
	
	/* check01view 신청상세 */
	.check-01view .btm-com .com-top .top-tit {position:relative;}
	.check-01view .btm-com .com-top .top-tit .tit_right {position: absolute; right:0; bottom:-19px;}
	.check-01view .btm-com .com-top .file_wrap {text-align:left;}
	.check-01view .btm-com .com-top .table {padding-top:13px;}
	/* //check01view 신청상세 end */

	/* check02 */
	.schedule1 .sch_wrap {margin-top:20px;}
	.schedule1 .month {display: grid; grid-template-columns: repeat(6,1fr);}
	.schedule1 .month li a {height: 30px; line-height: 30px; font-size: 12px;}
	/* //check02 end */
	

	
	/* info01 */
	.info-01 .top-con .info-sub-tap a {background-size: 11px; padding: 7px 10px 7px 30px; font-size: 12px;}
	/* //info01 end */

	/* 수강하기 비디오 팝업 */
	.edu_video .video_con {padding:15px; gap:10px;}
	.edu_video .video_play #myVideo {width:400px; height:257px;}
	.edu_video .list_area .video_info_box > div {font-size:13px;}
	.edu_video .list_area .video_info_box > div > span {margin-left:7px;}
	.edu_video .list_area .video_info_box .video_progress .state-bar {width:100px;}
	.edu_video .table_line thead th,
	.edu_video .list_area .table_con tbody td a p:last-child {font-size:14px;}
	.edu_video .list_area .table_con tbody td a p {font-size:13px;}
	/* //수강하기 비디오 팝업 end */

	/* 교육과정 */
	.class02 .con_top .edu_wrap .edu_01:before {top: -6% !important;}

	/* 서울시 자립정책 */
	.intro05 .btm-com .flex_box > .half {width: 100% !important; padding: 2.25rem 3rem !important;}
	.intro05 .btm-com ul.flex_box > li.half:first-child {border-top: 1px solid #eee  !important; border-bottom: 1px solid #eee  !important;}
	.intro05 .btm-com ul.flex_box > li.half:nth-child(2) {border-left : 0px !important;}
	.intro05 .btm-com ul.flex_box > li.half:nth-child(3) {border-top: 0px solid #eee  !important; border-right: 0px solid #eee  !important; border-bottom: 1px solid #eee  !important;}
	.intro05 .btm-com ul.flex_box > li.half:nth-child(4) {border-bottom : 1px solid #eee  !important;} 
}



@media screen and (max-width:460px){
	.contents .top-con h2,
	.contents #inner_wrap h2{font-size: 22px;}
    .sub_visual .sub_txt h2 span {font-size:22px;}
	.search_box .search_box_in fieldset {width: 100%;}
	
	
	.locationBar_inner {max-width: 100%;}
	.locationBar .location > ul > li:first-child {display:none;}
	.locationBar .location > ul > li {width: 46%;}
	.locationBar .location .location_sub {padding:7px 15px;}
	
	.contents .top-con .search_box .search_box_in .select {font-size:13px; padding:0 16px 0 5px;  background-position:97% 50%; background-size:10px; height:35px; }
	.contents .top-con .search_box .search_box_in fieldset {width: 100%; padding:0px 10px;}
	.contents .top-con .search_box .search_box_in fieldset #searchstr {width:100%; height:35px;}
	.contents .top-con .search_box .search_box_in fieldset .btn_search {width:35px; height:35px;}
	
	.contents .top-con .page_num {padding:10px 0 5px;}
	.contents .top-con .page_num .bold {font-size:14px;}

	.table_line tbody tr {padding:8px;}
	.table_line tbody td {font-size:13px;}
	.table_line tbody tr .title {padding: 0 0 3px 0;}
	.table_line tbody td .file {width:14px; height:12px; margin-top:5px;}

	
	/* check01 */

	.check-0101 .btm-com ul li a .date .date-wrap {flex-direction: column;}
	/* //check01 end */

	/* check02 */
	.schedule1 .right {margin:20px 0 5px;}
	.schedule1 .check li + li {margin-left:7px;}
	.schedule1 .check li .check_item .cate {font-size:13px;}
	.schedule1 .tap_con .calendar_table {margin-bottom: 20px;}
	.schedule1 .ev_tb thead tr th {height:35px;}
	.schedule1 .ev_tb tbody tr td {height:45px;}
	.event_tbW .ev_tb tbody tr td em.on_day {width:6px; height:6px; bottom:7px; right:7px;}
	.schedule1 table.ev_tb_list td:nth-child(1), 
	.schedule1 table.ev_tb_list td:nth-child(2) {font-size: 13px;}
	.schedule1 table.ev_tb_list td {font-size: 12px;}
	.schedule1 table.ev_tb_list tbody tr td em {margin-right: 2px;}
	.schedule1 table.ev_tb_list tbody tr td:last-child {margin-left: 7px;}
	/* //check02 end */

	/* info01 */
	.info-01 .top-con .top-bnr {padding:11px 5px 11px 62px;  background-size:45px;}
	.info-01 .top-con .top-bnr .bnr-tit {font-size:13px;}
	.info-01 .top-con .top-bnr ul li {font-size:10px;}
	/* //info01 end */
	
	/* 배움마켓 */
	.con_top .class_steps li .Num {right: 45%;}
	.class01 .con_top .class_steps {grid-template-columns: repeat(1, 1fr); gap : 60px;}
	.class01 .con_top .class_steps li {padding: 90px 24px 24px 24px;}
	.class01 .con_top .class_steps li:after {right: 45%; bottom: -20%; top: inherit;  transform: rotate(90deg); }
	.class01 .con_top .class_steps li:nth-child(2):after {display : inline-block;}

	/* 자립지원기관 */
	.sub02_map.center .map_bg > p{font-size:1.5rem !important;}
	.sub02_map.center .map_btn.mobile { display: grid ; grid-template-columns: repeat(4, 1fr);}
	.sub02_map.center .cen_field .icon_btn {padding: 1.25rem;}

	.sub02_map .table_line tbody tr { padding: 0px; }
	.sub02_map .table_line th{padding: 10px ;}
	.sub02_map .table_line td{ width: 100%; padding: 10px;}
	
	/*조직도*/
	.about04 .organization li:nth-child(2){justify-content: space-between !important;}
	.about04 .organization li:nth-child(2) .organization_icon { width: 10rem; }
	
	/*후원안내*/
	.about06 .con_btm ul { flex-direction: column; }



}

@media screen and (max-width:440px) {
		
	.search_box .search_box_in .select {width: 100%;    }
	.search_box .search_box_in fieldset {width: 100%;}

}

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

	/* 수강하기 비디오 팝업 */
	.edu_video .video_play #myVideo {width:350px; height:225px;}
	/* //수강하기 비디오 팝업 end */

	/* 교육과정 */
	.class02 .con_top .txt .txt_txt > p br {display : none;}
}



@media screen and (max-width:380px){
	
	.class01 .con_top .way_wrap .flex_box > .box {width: 100%;}
}