.btn_cal{width: 20px; height: 20px; position: absolute; right: 15px; top: 0; background-repeat: no-repeat;}
.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(../images/content/calendarIcon.png); background-repeat: no-repeat; background-position: center;}

/* sub layout */
.container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; }
.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; /*display: flex;*/ box-sizing: border-box; justify-content: space-between;}
.container .inner .cont_wrap {width: 100%;}

.cont_nav{width: 100%; height: 60px; background-color: #2353b5; position: fixed; top: 134px; z-index: 10;}
.cont_nav .inner{display: flex; max-width: 1400px; width: 100%; margin: 0 auto;}
.cont_nav .home{width: 60px; height: 60px; background-image: url(../../../adm/publish/image/icon_home.png); background-repeat: no-repeat; background-position: center; border-left: 1px solid #4f75c4; border-right: 1px solid #4f75c4;}

.snb_wrap{width: 230px; position: relative;}
.snb_wrap .snb_tit{width: 100%; height: 60px; padding-left: 20px; background-image: url(../../../adm/publish/image/icon_snb_select.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: 300; color: #fff; border-right: 1px solid #4f75c4;}
.snb_depth{position: absolute; width: 100%; top: 60px; left: -1px; border: 1px solid #d5d5d5; background-color: #Fff; z-index: 2;}
.snb_depth li:hover{background-color: #f5f5f5;}
.snb_depth a{display: flex; padding: 0 0 0 20px; height: 40px; align-items: center; justify-content: left;}

.cont_wrap .cont_tit{display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #000; }
.cont_wrap h2{font-size: 32px; font-weight: 900; color: #222; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
.cont_wrap .cont_tit .sns_go button {margin-left: 1px;display:none;}

.cont_wrap .tit_box {padding: 30px 40px 20px 40px; border: 1px solid #d5d7dc; border-radius: 10px; margin-bottom: 40px; display: flex; box-sizing: border-box; align-items: center;}
.cont_wrap .tit_box i.tit_box_icon1 {background-image: url(../images/content/tit_box_icon1.png); width: 136px; height: 104px; background-size: 100%; background-repeat: no-repeat;}
.cont_wrap .tit_box i.tit_box_icon2 {background-image: url(../images/content/tit_box_icon2_1.png); width: 67px; height: 59px; background-size: 100%; background-repeat: no-repeat;}
.cont_wrap .tit_box i.tit_box_icon3 {background-image: url(../images/content/tit_box_icon2_2.png); width: 51px; height: 62px; background-size: 100%; background-repeat: no-repeat;}
.cont_wrap .tit_box>div {width: calc(100% - 180px); padding-left: 40px;}
.cont_wrap .tit_box.type2 {padding: 30px 40px;}
.cont_wrap .tit_box.type2>div {padding-left: 20px;}
.cont_wrap .tit_box p {font-size: 24px; font-family: 'GmarketSansBold'; padding-bottom: 8px;}
.cont_wrap .tit_box span {font-size: 18px; color: #666; line-height: 1.5; font-weight: 300; letter-spacing: -1px;}
.cont_wrap .tit_box span span {color: #222; font-weight: 400;}

/* 댓글 */
.cmmt_view{margin-top: 30px;}
.cmmt_view .cmmt_tit{display: flex; align-items: center;}
.cmmt_view .cmmt_icon{display: inline-block; width: 23px; height: 23px; background-image: url(/kccadrPb/usr/image/icon_comment.png); margin-right: 5px;}
.cmmt_tit span{color: #ea5404; font-weight: bold; font-size: 20px;}
.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
.cmmt_person{min-width: 70px; width: 100px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
.cmmt_detail{width: calc(100% - 100px); font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
.cmmt_detail p{width: 100%}
.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #666;}
.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
.cmmt_wrap{border-top: 1px solid #000; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; margin: 30px 0;}
.cmmt_wrap .cmmt_tit{width: 100px; font-size: 17px; font-weight: 500; color: #555; padding-left: 15px; box-sizing: border-box;}
.cmmt_text{width: calc(100% - 200px); margin-right: 10px;}
.cmmt_text textarea{width: 100%; height: 90px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 10px 0; padding: 10px; box-sizing: border-box; font-size: 18px; color: #222;}
.btn_add_cmmt{background-color: #2353b5; height: 92px; color: #fff; width: 90px; border-radius: 5px; font-size: 16px; font-weight: 500; transition: background-color 0.1s ease-in-out;}
.btn_add_cmmt:hover{background-color: #0c3a97; transition: background-color 0.1s ease-in-out;}
/* //댓글 */

.t_left{text-align: left !important;}
.t_center{text-align: center;}
.t_bold{font-weight: 600;}

.c_e40000{color: #e40000 !important;}
.c_222222{color: #222222 !important;}
.c_666666{color: #666666 !important;}
.c_999999{color: #999999 !important;}
.c_ce4900{color: #ce4900 !important;}

.read-only,.disabled{background-color: #eee !important; color: #666 !important; font-size: 16px;}
.chx_label{width: 1px; height: 1px; margin: 0; border: none; clip: rect(0,0,0,0); overflow: hidden; position: absolute;}

.dis_block {display: block !important;}

/* list_top */
.list_top{display: flex; justify-content: space-between; align-items:flex-end; padding: 18px 30px; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 5px; border: 1px solid #d5d5d5; box-sizing: border-box;}
.list_top p{font-size: 16px; font-weight: 400; color: #555;}
.list_top span{font-size: 17px; font-weight: 400; color: #222; padding-right: 5px;}
.list_top .btn_wrap {display: flex; align-items: center;}
.list_top .btn_wrap select.selType1 {margin-right: 5px;}
.list_top .btn_wrap input[type="text"].calendar {margin: 0 3px;}
.list_top .btn_wrap button {height: 40px; padding: 0 15px; margin-left: 5px; font-size: 16px; display: block;}

.list_top .tab_wrap{width: 610px;}
.list_top .tab_wrap .tab{font-size: 20px; margin: 0 30px; color: #666; position: relative; padding: 0;}/* color: #999 */
.list_top .tab_wrap .tab:first-child{margin-left: 5px;}
.list_top .tab_wrap .tab::after{position: absolute; content: " "; width: 1px; height: 20px; background-color: #d5d5d5; right: -33px; top: 50%; transform: translateY(-50%);}
.list_top .tab_wrap .tab:last-child::after{display: none;}
.list_top .tab_wrap .tab.on{color: #da3800; font-weight: 600;}/* color: #ea5404 */
.list_top .tab_wrap .tab.on::before{position: absolute; content: " "; width: 100%; height: 9px; background-color: #ffd8c3; bottom: 3px; left: 50%; transform: translateX(-50%); z-index: -1;}

/* list_top2 */
.list_top2 {padding: 20px 0; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 20px; box-sizing: border-box; display: flex; justify-content: space-between;}
.list_top2 .list_top_in {width: calc(100%/3); text-align: center; border-right: 1px solid #d4d7dc;}
.list_top2 .list_top_in:last-child {border-right: 0;}
.list_top2 .list_top_in p {font-size: 18px; color: #666; padding-bottom: 10px;}
.list_top2 .list_top_in strong {font-size: 30px; color: #000;}

/* list_top3 */
.list_top3 {padding: 25px 30px 10px 30px; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 40px; box-sizing: border-box;}
.list_top3 .list_top3_title span {color: #fff; background-color: #2b68da; width: 87px; padding: 9px 0; border-radius: 5px; margin-right: 15px; text-align: center; display: inline-block;}
.list_top3 .list_top3_title p {display: inline-block; font-size: 18px;}
.list_top3 ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
.list_top3 ul li {width: calc(100%/3); margin-bottom: 15px;}
.list_top3 ul li span:first-child {width: 83px; border-right: 1px solid #d5d5d5; display: inline-block;}
.list_top3 ul li span:last-child {padding-left: 16px; color: #666; font-weight: 300;}

/* list_top4 */
.list_top4 {padding: 30px; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 40px; box-sizing: border-box; background-color: #f5f5f5;}
.list_top4 ul {display: flex; flex-wrap: wrap;}
.list_top4 ul li {width: 20%;}
.list_top4 ul li span {display: inline-block;height: 16px; vertical-align: middle;}
.list_top4 ul li span:first-child { padding-right: 15px; border-right: 1px solid #d5d5d5;}
.list_top4 ul li span:last-child { padding-left: 15px; color: #666; font-weight: 300;}
.list_top4 ul li input[type="text"] {margin-left: 10px;}

/* list_top 내용 많을 때 틀어지는 것 수정 */
.list_top.top_longver {justify-content: flex-end;}
.list_top.top_longver .btn_wrap {justify-content: end; width: 100%;}
.list_top.top_longver .btn_wrap .calendar_wrap {/*width: 14%;*/ margin: 0 8px;}
.list_top.top_longver .btn_wrap input[type="text"].calendar {width: 100%;}
.list_top.top_longver .searchKeyword {padding: 0 5px;}
.list_top.top_longver .btn_wrap #searchKeyword {width: 22%;}

.selRow_wrap {text-align: right; margin: 20px 0 10px 0;}

.list_util{text-align: right;}
.tab_wrap+.list_util{width: calc(100% - 100px);}
.list_util:only-child{width: 100%;}
.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../../../adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
.list_util input{width: 280px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;}
.list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #666;}
.list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #ed5908; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */
.list_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); background-color: #d62b09; transition: all 0.1s linear;}
.list_util .btn_info{width: auto; background-color: #f5f5f5; color: #555; padding: 0 15px;}
.list_util .btn_info:hover{background-color: #e5e5e5;}

.list_util .tb_top{display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px;}
.list_util .tb_top p{color: #222;}

.list_util .select_wrap, .list_util .sel_date, .list_util .input_wrap{display: inline-block;}

.list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;}
.list_util .sel_date input{width: 150px; margin: 0 5px;}
.list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 20px;}
.list_util .sel_date .btn_cal{background-image: url(../../../adm/publish/image/btn_cal.png); background-repeat: no-repeat;}
.list_util .sel_date .btn_cal:hover{box-shadow: none;}

.calendar_in{display: inline-block; position: relative;}
.calendarPop{position: absolute; left: -265px; top: 30px; width: 330px; height: 300px;}
.calendarPop iframe{width: 100%; height: 100%;}

.detail_search{width: 100%; border: 1px solid #dbdcdd; background-color: #f1f2f4; border-radius: 5px; padding: 0 24px; box-sizing: border-box; margin-bottom: 22px; text-align: left;}
.detail_search .tit_text{font-weight: 500; font-size: 18px; color: #222; position: relative; padding-left: 10px; display: inline-block; margin-right: 15px; vertical-align: middle;}
.detail_search .tit_text::before{position: absolute; content: " "; width: 4px; height: 4px; border-radius: 100%; background-color: #db5d2e; left: 0; top: 8px;}
.detail_search>ul>li{padding: 12px 0; border-bottom: 1px solid #e3e4e5;}
.detail_search>ul>li:last-child{border-bottom: 0;}
.detail_search .check_wrap,.detail_search .radio_wrap{display: inline-flex; max-width: calc(100% - 180px); vertical-align: middle; text-align: left; align-items: center; flex-wrap: wrap;}
.detail_search .check_wrap span,.detail_search .radio_wrap span{margin-right: 30px; display: inline-block;}
.detail_search .check_wrap span:last-of-type,.detail_search .radio_wrap span:last-of-type{margin-right: 0;}
.detail_search .check_wrap input,.detail_search .radio_wrap input{width: 20px; height: 20px; margin: 0; vertical-align: middle;}
.detail_search .check_wrap input[type="checkbox"]+label,.detail_search .radio_wrap input[type="radio"]+label{width: auto; height: auto; clip: unset; font-size: 16px; position:static; font-weight: 300; color: #666; vertical-align: middle; margin: 0; margin-left: 5px; line-height: 2;}
.detail_search .check_wrap .sel_date,.detail_search .radio_wrap .sel_date{margin-left: 10px;}
.detail_search .sel_date input{width: 150px; height: 38px;}
/* //list_top */

.req_text{display: inline-block; font-size: 16px; font-weight: 600; color: #e40000; vertical-align: middle; padding-right: 5px;}
.req_text span{display: inline-block; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; padding: 0;}
.req_text+p{display: inline-block;}
.cf_text {font-size: 15px; font-weight: 400; color: #e40000;}
.cf_text2 {font-size: 15px; font-weight: 300; color: #666;}
.cf_text3 {font-size: 18px; font-weight: 300; color: #666; line-height: 1.4; letter-spacing: -1px; display: block; padding-top: 12px;}
.table_req_text {font-size: 15px; color: #666; font-weight: 300; display: block; padding-top: 5px; line-height: 1.3; letter-spacing: -0.5px;}
.input_text {position: absolute; top: 47%; right: 20px; transform: translateY(-50%); color: #666;}
.list_new {display: inline-block; background-color: #e40000; color: #fff; font-size: 15px; font-weight: 500; width: 50px; padding: 5px 0; border-radius: 5px; margin-left: 10px; text-align: center; vertical-align: middle;}
.list_new2 {color: #fff; font-size: 13px; background-color: #e40000; width: 14px; font-weight: 500; padding: 1px 0; border-radius: 3px;}

/* 기본 input texarea */
input {border: 1px solid #d5d5d5; border-radius: 5px;}
input[type="text"] {height: 40px; padding: 0 15px; font-size: 16px; color: #222; box-sizing: border-box;}
input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
input[type="text"]::placeholder {color: #666;}
input[type="text"]:valid {color: #555;}
input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
textarea {border: 1px solid #d5d5d5; border-radius: 5px;}
textarea::placeholder {color: #000;}
select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
.tb_type02.tb_type02_write input[type="text"].input_time {width: 50px;}

/* button type */
.btn_wrap button{margin: 0 1px;height: 45px; padding: 0 25px;font-size: 18px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
.btn_wrap button:first-child{margin-left: 0;}
.btn_wrap button:last-child{margin-right: 0;}

.btn_wrap.btn_layout01{display: flex; justify-content: space-between; margin-top: 20px;}
.btn_wrap.btn_layout01>div{width: calc(100% / 3);}
.btn_left{text-align: left;}
.btn_center{text-align: center;}
.btn_right{text-align: right;}

.btnType01{border: 1px solid #ed5908; background-color: #fff; color: #ed5908;}
.btnType01:hover{background-color: #faf5f2; transition: background-color .1s linear;}
.btnType02{ background-color: #888; color: #fff; } 
.btnType02:hover{background-color: #888; transition: background-color .1s linear;}
.btnType03{border: 1px solid #888; background-color: #fff; color: #888;} 
.btnType03:hover{background-color: #f5f5f5; transition: background-color .1s linear;}
.btnType04{background-color: #3a72db; color: #fff;} 
.btnType04:hover{background-color: #1854c3; transition: background-color .1s linear;}
.btnType05{ background-color: #ec5908; color: #fff;} 
.btnType05:hover {background-color: #e95504; transition: background-color .1s linear;}
.btnType06{color: #3a72db; border: 1px solid #3a72db;} 
.btnType06:hover{background-color: #f1f5fb; transition: background-color .1s linear;}
.btnType07{border: 1px solid #d04400; background-color: #fefaf7; color: #d04400;} 
.btnType07:hover{background-color: #fdf3ed; transition: background-color .1s linear;}
.btnType08{background-color: #3a72db; color: #fff; width:200px;} 
.btnType08:hover{background-color: #1854c3; transition: background-color .1s linear;}

/* calendar */
.calendar_wrap {display: inline-block; position: relative;}
.calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
.calendar_wrap input[type="text"]:read-only {background-color: #fff;}

/* tab */
.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #e95504;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
.tab .tab_li{position:relative;border-right:1px solid #e9e9e9;}
.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#e95504;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
.tab .tab_li:last-child{border-right:0;}
.tab.tab_02 .tab_li{width:calc(100%/2);}
.tab.tab_03 .tab_li{width:calc(100%/3);}
.tab.tab_04 .tab_li{width:calc(100%/4);}
.tab.tab_05 .tab_li{width:calc(100%/5);}
.tab .tab_li .tab_button{width:100%;height:50px;font-size:20px;font-weight:400;color:#666;}
.tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;}

.tab_content{display:none;}
.tab_content.on{display:block; margin:0 0 50px 0; border-bottom:1px solid #f37632;}

/* table title */
.tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
.tb_tit01>p {font-size: 18px;}
.tb_tit01 .tb_tit01_left {display: flex; align-items: center;}
.tb_tit01 .tb_tit01_left p{font-size: 22px; font-weight: 600; color: #222; }
.tb_tit01 .tb_tit01_left span {align-self: flex-end; padding-left: 20px;}
.tb_tit01 .tb_tit01_left strong {display: block;}
.tb_tit01 .survey_tit {font-size: 20px; padding-top: 30px; word-break: break-all;}
.tb_tit01 .tit_span {color: #555; font-size: 14px; font-weight: 300; padding-left: 5px;}
.tb_tit01 .btn_wrap button {height: 35px; padding: 0 12px; font-size: 16px;}
.tb_tit01.titBtn {margin-bottom: 10px;}
.tb_tit01.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}
.tb_wrap {width: 100%; margin-bottom: 60px;}


/* table type01 */
.tb_type01 {margin-bottom: 40px;}
.tb_type01>table{width: 100%; table-layout: fixed; }
.tb_type01>table>tbody {border-top: 2px solid #000;}
.tb_type01>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
.tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td{ font-size: 16px; text-align: left;box-sizing: border-box; line-height:1.3em;}
.tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px; padding-bottom: 16px;}
.tb_type01>table>tbody>tr>th p {line-height: 1.3;}
.tb_type01>table>tbody>tr>td{padding: 12px 20px; height: 60px; font-weight: 400; color: #555; vertical-align: middle;}
.tb_type01>table>tbody>tr>td input[type="text"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
.tb_type01>table>tbody>tr>td input[type="radio"]+label {margin-right: 10px;}
.tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;}
.tb_type01>table>tbody>tr>td input[type="password"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px;}
.tb_type01>table>tbody>tr>td textarea {width: 100%; height: 90px; margin: 9px 0; font-size: 16px; padding: 10px 15px; box-sizing: border-box;}
.tb_type01>table>tbody>tr>td textarea::placeholder {color: #666;}
.tb_type01>table>tbody>tr>td>.btnType01 {height: 40px; padding: 0 20px; font-size: 17px; vertical-align: middle; margin-left: 3px; border-radius: 5px;}
.tb_type01 table tbody tr td .responseItem {margin-bottom: 10px;}
.tb_type01 table tbody tr td .responseItem:last-child {margin-bottom: 0;}
.tb_type01 table tbody tr td .responseItem span {margin-right: 15px; color: #555;}
.tb_type01 table tbody tr td .responseItem input[type="text"] {width: calc(100% - 135px);}
.tb_type01 table tbody tr td .responseItem_plus {text-align: center; margin: 15px 0 5px 0;}
.cal_table_in {position: relative;}
.tb_type01 table tbody tr td.chx_block div {margin-bottom: 7px;}
.tb_type01 table tbody tr td.chx_block div:last-child {margin-bottom: 0;}



/* 교육기반강화연수 */
.tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:0 0 15px 0;}
.tb_tit02>p {font-size: 18px;}
.tb_tit02 .tb_tit02_left {display: flex; align-items: center;}
.tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; }
.tb_tit02 .tb_tit02_left .t_best {height:26px; background-image: url(../images/content/best_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
.tb_tit02 .tb_tit02_left .t_edu {height:24px; background-image: url(../images/content/edu_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
.tb_tit02 .tb_tit02_left span {align-self: flex-end; padding-left: 20px;}
.tb_tit02 .tb_tit02_left strong {display: block;}
.tb_tit02 .survey_tit {font-size: 20px; padding-top: 30px; word-break: break-all;}
.tb_tit02 .tit_span {color: #555; font-size: 14px; font-weight: 300; padding-left: 5px;}
.tb_tit02 .btn_wrap1 button {height: 30px; padding: 0 12px; }
.tb_tit02 .btn_wrap1 button.con_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding: 0 25px 0 0; font-size: 17px; color: #777772; font-weight: 300;}
.tb_tit02.titBtn {margin-bottom: 10px;}
.tb_tit02.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}

.best_list {display:flex; width:100%; padding:0 0 60px 0;}
.best_list .best_con {position: relative; width:24%; border:1px solid #d5d5d5; border-radius: 20px 0; overflow: hidden; margin: 0 30px 0 0;}
.best_list .best_con:last-child{margin: 0;}
.best_list .best_con:hover::after {position: absolute; content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ed5908; border-radius: 20px 0; left: 0;top: 0;}
.best_list .best_con:hover {box-shadow: 0px 0px 10px rgba(237,89,8,0.8);}
.best_list .best_con .img {width: 100%; height: 215px; overflow: hidden; background-color: #f2f4f9;}
.best_list .best_con img {border-radius:20px 0 0 0; width: 100%; height: 215px; object-fit: cover;}
.best_list .best_con ul {padding: 14px;}
.best_list .best_con .con_title {display: inline-block; font-size:22px; font-weight:500; padding:5px 0; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.best_list .best_con .con_date {background: url(../images/content/calendar1_icon.jpg) no-repeat 5px 5px; font-size: 18px; color:#444; padding:5px 0 10px 25px; font-weight: 300; letter-spacing:-0.5px; overflow-wrap: break-word;}
.best_list .best_con .con_btn button {position: relative; width:100%; background-color: #666666; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px; z-index: 1;}
.best_list .best_con:hover .con_btn button {width:100%; background-color: #ed5908; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px;}
.best_list_no {border-top:1px solid #d5d5d5; text-align:center; padding:15px 0; color:#555555;}


.edup_result {display: flex; justify-content: space-between; padding:10px 0 10px 0;}
.edup_result span {color:#ed5908; font-weight:700; }
.edup_result ul {}
.edup_result ul li  { display: inline; font-size:15px;}
.edup_result ul li.pass {position: relative; padding: 0 10px 0 25px;}
.edup_result ul li.pass::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #999; left: 0; top: 55%; transform: translateY(-50%);}
.edup_result ul li.this {position: relative; padding: 0 10px 0 25px;}
.edup_result ul li.this::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #ed5908; left: 0; top: 55%; transform: translateY(-50%);}
.edup_result ul li.pre {position: relative; padding: 0 0 0 25px;}
.edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);}

.edu_program {margin:0 0 50px 0; }
.edu_program table {border-top:2px solid #000; width:100%; }
.edu_program table.ppre {color:#0c3a97; }
.edu_program table th {vertical-align: middle;  line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;}
.edu_program table th .ep_text {font-size:14px; color:#666666; }
.edu_program table td {border-bottom: 1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding:15px 0; }
.edu_program table td.edup_title {padding:0 0 0 20px;}
.edu_program table td.edup_days {text-align: center; } 
.edu_program table td.edup_time {text-align: center; } 
.edu_program table td.edup_pass {color:#999999; text-align: center; }
.edu_program table th.edup_this {background:#ed5908; color: #ffffff;}
.edu_program table td.edup_this {background:#fdeee6; color:#222222; text-align: center;}
.edu_program table td.edup_pre {color:#e40000; text-align: center;}

.edu_program table th.first:first-child {border-left:0; }
.edu_program table td:first-child {border-left:0; }


/* 교육 신청자 대시보드 */
.edu_process {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; padding:0 0 40px 0;}
.edu_process a {display:flex; justify-content: flex-start; align-items: center; width:100%;}
.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;} 
.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; margin: 0 10px 0 0;}
.edu_process .edu_apply .text_area {font-size:24px; font-weight:500; }
.edu_process .edu_apply .text_area p {font-size:18px; font-weight:500; }
.edu_process .edu_apply .text_area p span {font-size:36px; font-weight: 500; }

.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;} 
.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; margin: 0 10px 0 0;}
.edu_process .edu_register .text_area {font-size:24px; font-weight:500; }
.edu_process .edu_register .text_area p {font-size:18px; font-weight:500; }
.edu_process .edu_register .text_area p span {font-size:36px; font-weight: 500; }

.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;} 
.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; margin: 0 10px 0 0;}
.edu_process .edu_close .text_area {font-size:24px; font-weight:500; }
.edu_process .edu_close .text_area p {font-size:18px; font-weight:500; }
.edu_process .edu_close .text_area p span {font-size:36px; font-weight: 500; }

.tb_list02 {width:100%; }
.tb_list02 table {border-top:2px solid #000; width:100%; }
.tb_list02 table th {vertical-align: middle;  line-height:20px; background-color: #f5f5f5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:15px 0;}
.tb_list02 table td {vertical-align: middle;  line-height:20px; text-align: center; border-bottom: 1px solid #d5d5d5; padding:16px 2px; color:#555;}
.tb_list02 table .btnType02 {border-radius:5px; padding:5px 10px; font-size:15px; margin:0 0 0 3px;}
.tb_list02 table .btnType03 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}

/*체험교실대시보드 - 5단계(감리용)*/
/* .ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; }
.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; }
.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;}
.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;}
.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;}
.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;}
.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;}
.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;}
.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;}
.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; } */

/* 체험교실대시보드 7단계 */
.ex_process {display:flex; justify-content:space-between;}
.ex_process li {border-radius: 10px; width:13.5%; text-align: center; color:#fff; padding:15px 0 18px 0; font-size:22px;}
.ex_process li.p {/*background-color: #a7acb6;*/ background-color:#8b919e;}
.ex_process li.p_on {/*background-color:#f37632;*/ background-color:#f05f0f;}


/* 첨부파일 */
.tb_type01.attach {margin-bottom: 10px;}
.tb_type01.attach table, .tb_type01.list_nav table {border-top: 1px solid #e5e5e5;}
.tb_type01.attach td a {display: inline-block; margin-left: 7px;}
/* 이전글 다음글 */
.tb_type01.list_nav {margin-top: 50px;}
.tb_type01.list_nav tr:first-child th {background-image: url(/publish/image/content/listNav_prev.png); background-position: 85% 52%; background-repeat: no-repeat;}
.tb_type01.list_nav tr:last-child th {background-image: url(/publish/image/content/listNav_next.png); background-position: 85% 52%; background-repeat: no-repeat;}
/* 전화번호 */
.tb_type01 td.input_phone select {width: 120px; padding: 0 0 0 15px;}
.tb_type01 td.input_phone input[type="text"] {width: 120px;}
.tb_type01 td.input_mail input[type="text"] {width: 160px;}
.tb_type01 td.input_mail .selType1 {width: 160px; margin-left: 3px;}
/* 주소 */
.tb_type01 tr.input_adress td {padding: 10px 20px;}
.tb_type01 tr.input_adress .adressFst {width: 250px;}
.tb_type01 tr.input_adress .adressMid {width: 60%; margin-top: 5px;}
.tb_type01 tr.input_adress .adressLst {width: 39%; margin-top: 5px;}
.tb_type01 table tbody tr.tb_imgBox2 th {vertical-align: top; padding-top: 18px;}
.tb_type01 table tbody tr.tb_imgBox2 .text_extract {display: block; margin: 0 auto;}
.tb_type01 table tbody tr.tb_imgBox2 img {display: block; margin: 0 auto;}
.tb_type01 table tbody tr.tb_imgBox2 .arrow {margin: 20px auto;}
.tb_type01 table tbody tr td .btn_var {height: 34px; padding: 0 12px; margin-left: 20px; font-size: 14px;}
.tb_type01 table tbody tr td .btn_wrap button {font-size: 17px; padding: 0 20px;}
/* 사진등록 */
.tb_type01 table tbody tr td .put_photo {position: absolute; right: 0; top: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; text-align: center;}
/* .tb_type01.tb_view table tbody tr td .put_photo {height: 179px;} */
.tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 128px; height: 165px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden;}
.tb_type01 table tbody tr td .put_photo .put_photo_in img {padding-top: 22px;}
.tb_type01 table tbody tr td .put_photo .put_photo_in img.id_pic {padding-top: initial;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.tb_type01 table tbody tr td .put_photo button {width: 90px; height: 35px; font-size: 16px; border-radius: 5px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
#instrPhoto {padding-top: initial; width: 100%;}
/* 파일 다운로드 */
.tb_type01 table tbody tr td.file_download a {padding-bottom: 8px;}
.tb_type01 table tbody tr td.file_download a:last-child {padding-bottom: 0;}
.file_download_a {background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; background-size: contain; padding-left: 23px; letter-spacing: -1px;}
.file_download_a:last-child {background-position: left 90%;}
.tb_type01 table tbody tr td .app_status4 {margin-right: 10px;} 
.trLength2 {display: none;}

/* table type02 */
.tb_type02{margin-bottom: 40px;}
.tb_type02>table{width: 100%; table-layout: fixed; border-top: 2px solid #000;}
.tb_type02>table>thead>tr{border-bottom: 1px solid #e5e5e5;}
.tb_type02>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
.tb_type02>table>thead>tr>th,.tb_type02>table>tbody>tr>th,.tb_type02>table>tbody>tr>td{font-size: 16px; text-align: center; vertical-align: middle; border-right: 1px solid #e5e5e5; height: 60px; padding: 0 10px;} 
.tb_type02>table>thead>tr>th:last-child,.tb_type02>table>tbody>tr>td:last-child{border-right: 0;}
.tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;}
.tb_type02>table>tbody>tr>th {line-height: 1.4;}
.tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {color: #555; font-weight: 400; position: relative;}
.tb_type02 tbody td input[type="text"].input_time {padding: 0 5px; margin: 0 5px; text-align: center;}
.tb_type02 tbody td button {width: 90px; height: 36px; text-align: center; font-size: 16px; border-radius: 5px;}
.tb_type02 tbody td button.table_del {width: auto; height: auto;}
/* thead 2줄 일 때 */
.tb_type02.ver2 {margin-bottom: 40px;}
.tb_type02.ver2 thead tr:nth-child(2) {border-top: 1px solid #e5e5e5;}
.tb_type02.ver2 thead tr:nth-child(2) th {font-size: 16px; height: 40px;}
.tb_type02.ver2 thead tr:first-child th {height: 50px;}
/* 교육차시 정보 */
.tb_type02.tb_type02_write input[type="text"] {width: 100%;}
.tb_type02.tb_type02_write select {width: 100%;}

/* table type03 (table 모양이지만 div로 만듦) */
.tb_type03 {border-top: 2px solid #000; margin-bottom: 50px;}
.tb_type03 .thead {padding: 25px 20px; background-color: #f5f5f5; display: flex; align-items: center; box-sizing: border-box;}
.tb_type03 .thead>p {font-size: 18px; line-height: 1.4; letter-spacing: -0.5px;}
.tb_type03 .thead.ver2 {height: 45px;}
.tb_type03 .thead.ver2>p {font-size: 17px;}
.tb_type03 .tbody {position: relative; padding: 26px 20px 16px 20px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: flex; align-items: center; box-sizing: border-box; flex-wrap: wrap;}
.tb_type03 .tbody .input_text {left: 180px;}
.tb_type03 .tbody.tbody_input {padding: 16.5px 20px;}
.tb_type03 .tbody input[type="radio"]+label {margin: 0 20px 0 2px;}
.tb_type03 .tbody input[type="checkbox"]+label {margin: 0 20px 0 2px;}
.tb_type03 .tbody>span {margin-bottom: 10px;}
.tb_type03 .tbody.ver2 {padding: 16.5px 20px 11.5px 20px;}
.tb_type03 .tbody.ver2 input[type="radio"]+label {margin: 0 5px 0 2px;}
.tb_type03 .tbody.ver2 input[type="checkbox"]+label {margin: 0 5px 0 2px;}
.tb_type03 .tbody.ver2 input[type="text"] {padding: 0; margin-right: 20px; text-align: center;}

/* table list01 */
.tb_list01 table {width: 100%; table-layout: fixed; text-align: center;}
.tb_list01 thead tr{width: 100%; border-top: 2px solid #000; }
.tb_list01 thead th{height: 55px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #d5d5d5; font-size: 17px; font-weight: 400; color: #222; background-color: #f5f5f5; word-break: keep-all;}
.tb_list01 thead th button {font-size: 8px; padding: 0 8px;}
.tb_list01 tbody tr:last-child{border-bottom: 0;}
.tb_list01 tbody th, .tb_list01 tbody td {border-bottom: 1px solid #ececec; font-weight: 400; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; line-height: 1.3;}
.tb_list01 tbody th:not(.has_notice), .tb_list01 tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;}
.tb_list01 tbody td.t_left {padding: 0 15px;}
.tb_list01 tbody td p {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
.tb_list01 tbody td a {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tb_list01 tbody td:last-child{border-right: 0;}
.tb_list01 tbody td button{height: 30px; width: auto; padding: 0 10px; font-size: 17px;}
.tb_list01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 17px;}
.tb_list01 tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
.tb_list01 tbody td .btn_print{height: auto;}
.tb_list01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../../../adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;}
.tb_list01 tbody td button {border-radius: 3px; padding: 2px 12px;}
.tb_type01>table>tbody>tr>th[rowspan="2"] {border-right: 1px solid #e5e5e5;}
.tb_list01 table input{vertical-align: baseline;}
.tb_list01.survey {margin-bottom: 40px;}
.tb_list01.survey tbody th {text-align: left; padding: 0 10px;}
.tb_list01.survey tbody td input[type="text"] {width: 80%}

.app_status1 {color: #666; font-weight: 400;}
.app_status2 {color: #008479; position: relative;font-weight: 400;}
.app_status2::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #c2ebe6;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
.app_status3 {color: #e95504; position: relative;font-weight: 400;}
.app_status3::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #fbddcd;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
.app_status4 {color: #666; position: relative;font-weight: 400;}
.app_status4::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #e0e0e0;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
.list_notice {background-color: #e95504; color: #fff; padding: 2px 10px; font-size: 15px; border-radius: 12px;}

/* table list01 mobile */
.tb_list01_m {width: 100%; display: none;}
.tb_list01_m ul:first-child {border-top: 2px solid #000;}
.tb_list01_m ul {padding: 25px 10px 0 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5;}
.tb_list01_m ul li {width: calc(100%/2); padding-bottom: 25px;}
.tb_list01_m ul li>span {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle;}
.tb_list01_m ul li>span:first-child {width: 90px; border-right: 1px solid #ccc; line-height: 1.2;}
.tb_list01_m ul li>span:last-child {padding-left: 12px; color: #666;}
.tb_list01_m ul li>span button {font-size: 16px; padding: 2px 12px; border-radius: 3px; box-sizing: border-box;}

/* table list01 mobile2 */
.tb_list01_m_2 {display: none; margin-bottom: 30px;}
.tb_list01_m_2>div:first-child {border-top: 2px solid #000;}
.tb_list01_m_2>div {padding: 15px 0 10px 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.tb_list01_m_2>div p {font-size: 18px; line-height: 1.3;}
.tb_list01_m_2>div ul {display: flex; margin-top: 10px; flex-wrap: wrap;}
.tb_list01_m_2>div ul li {margin-right: 20px; margin-bottom: 5px;}
.tb_list01_m_2>div ul li:last-child {margin-right: 0;}
.tb_list01_m_2>div textarea {width: 100%; height: 80px; padding: 10px; margin-top: 15px; font-size: 16px;}
.tb_list01_m_2.ip_text>div ul li {width: calc(100%/3); margin-right: 0;}
.tb_list01_m_2.ip_text>div ul li input[type="text"] {width: 70px; height: 36px;}
.tb_list01_m_2.ip_text>div ul li span {width: 80px; display: inline-block; font-size: 15px;}
.tb_list01_m_2.ip_text>div ul li p {display: inline-block; padding-left: 10px; font-size: 16px; font-weight: 300; color: #555;}

/* list view(글상세) */
.list_view {width: 100%; border-top: 1px solid #000; margin-bottom: 40px;}
.list_view .view_title {display: inline-block; width: 100%; min-height: 70px; background-color: #f5f5f5; font-size: 20px; font-weight: 400; padding: 25px 30px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; word-break: break-all}
.list_view .view_info{display: flex; align-items: center; font-size: 17px; font-weight: 300; color: #666; padding: 16px 30px; border-bottom: 1px solid #d5d5d5;}
.list_view .view_info:nth-child(3) p{position: relative; width: 98%; margin-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; box-sizing: border-box;}
.list_view .view_info p{margin-right: 40px;}
.list_view .view_info span{position: relative; padding-left: 20px;}
.list_view .view_info span::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; left: 7px; top: 6.5px;}
.list_view .view_cont{border-bottom: 1px solid #d5d5d5;padding: 40px 30px;}
.list_view .view_cont p{font-size: 18px; font-weight: 400; color:#555; box-sizing: border-box; line-height: 1.4; word-break: break-word;}

.list_view .file_list{width: 100%; border-bottom: 1px solid #d5d5d5; padding: 20px 30px 10px 30px; box-sizing: border-box;}
.list_view .file_list td{display: flex; font-size: 18px; font-weight: 300; margin-bottom: 10px}
.list_view .file_list tr:last-child td{margin-bottom: 0}
.list_view .file_list td img{margin-right: 10px; align-self: center;}
.list_view .file_list td a{white-space: normal; background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px;}

/* list write(글등록) */
.write_wrap { padding: 30px 30px; margin-bottom: 30px;}
.write_wrap textarea { height: 470px !important;}

/* FAQ */
.faq{text-align:left; width:100%; border-top:1px solid #666; border-bottom:1px solid #666; margin-bottom:60px; background-color:#fff; transform:translateX(0); display:block}
.faq li{border-bottom:1px solid #d5d5d5; position:relative}
.faq li:last-child {border-bottom:0; }
.faq li .qst_text span {position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;clip: rect(0,0,0,0);}
.faq li .qst_text {position: relative; font-size: 17px; font-weight: 400 !important; color: #fff; margin-right: 30px;}
.faq li .qst_text::after {position: absolute; content: ""; width: 30px; height: 30px; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.faq li p {position:relative; color:#222; line-height:150%; font-size: 18px;}
/* 질문 */
.faq li .question{position:relative; width:100%; padding:15px 30px; display:flex; box-sizing:border-box; cursor:pointer;}
.faq li .question .qst_text::after {background-color: #3a72db;}
.faq li .question.slide_open::after{background-image:url(../images/content/faq_close.png);}
.faq li .question::after {content:""; background-image:url(../images/content/faq_open.png); width: 30px; height: 30px; top: 50%; right: 30px; transform: translateY(-50%); position: absolute;}
.faq li .question:hover {box-shadow:3px 3px 10px 5px rgba(0,0,0,0.1)}
/* 답변 */
.faq li .answer {background-color:#f5f5f5; display: none; position:relative; line-height:1.4;border-top:1px solid #d5d5d5; z-index: -2;}
.faq li .answer .answer_in {padding: 20px 30px; box-sizing: border-box; display: flex; align-items: center;}
.faq li .answer .qst_text::after {background-color: #777;}
.faq li .answer p {font-weight: 300; font-size: 17px;}

/* page */
.page{margin: 30px auto; text-align: center;}
.page button{width: 32px; height: 32px;font-size: 15px; color: #666; vertical-align: middle; padding: 0; margin: 0.5px; font-weight: 300;}
.page button:hover {color: #d22800; background-color: #fdeee5; border-radius: 5px;}
.page button.on{color: #d22800; background-color: #fdeee5; border-radius: 5px;}
.page button.on:disabled, .page button.on[disabled="disabled"] {color: #d22800 !important; background-color: #fdeee5 !important; border-radius: 5px;}
.page button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;}
.page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last {border-radius: 5px; border: 1px solid #d5d5d5;}
.page .btn_page_prev {margin-right: 3px;}
.page .btn_page_next {margin-left: 3px;}
.page .btn_page_first i{background-image: url(../images/content/btn_page_first.png);}
.page .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);}
.page .btn_page_next i{background-image: url(../images/content/btn_page_next.png);}
.page .btn_page_last i{background-image: url(../images/content/btn_page_last.png);}


/* 시간 선택 */
.mask2 {display: none; background-color: rgba(0,0,0,0.0); width: 100%; height: 100%; position: fixed; z-index: 1; left: 0; top: 0;}
.table_time_wrap {display: flex; align-items: center;}
.time_wrap{position: relative;}
.time{border: 1px solid #ccc; height: 40px; border-radius: 5px; padding-left: 15px; box-sizing: border-box; font-size: 18px;}
.time_set_btn {position: absolute; right: 15px; top: 6px; width: 21px !important; height: 21px !important;}
.tb_type02.tb_type02_write .table_time_wrap .time {width: calc(100% - 10px / 2);}
.time_layer{display: none; position: absolute; width: 300px; max-width: 200px; text-align: center; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); top: 39px; overflow: hidden;  animation: fade-out 0.2s; animation-fill-mode: forwards;}
.time_select_wrap .time_layer{max-width: 500px;}
.time_layer.on{display: block; z-index: 10;  animation: fade-in 0.2s; animation-fill-mode: forwards;}
.time_top{height: 40px; background-color: #6a718a; padding: 0 15px; box-sizing: border-box; display: flex;}
.time_top p {font-size: 18px; color: #fff; font-weight: 400; align-self: center;}
.time_cont{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 10px 15px;}
.time_cont p{padding: 10px 0; font-size: 18px;}
.ampm_select, .hours_select, .min_select{width: 120px !important; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: 85% center;}
.ampm_select {width: 70px; letter-spacing: -0.5px;}
.time_close{width: auto !important; height: auto !important; padding: 3px 10px; border: 1px solid #dadada; border-radius: 0 !important; margin: 0 15px 20px 0; font-size: 14px !important; font-weight: 400; background-color: #eee; float: right;}
.time_close i{background-color:#e20; width: 9px; height: 3px; margin-right: 5px; display: inline-block;vertical-align: middle; }
@keyframes fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
  }
  @keyframes fade-out {
	from {opacity: 1;}
	to {opacity: 0;}
  }

/* 개인정보 수집 동의 */
.agree_wrap .agree_text {width: 100%;height: 245px; padding: 20px; border: 1px solid #d5d5d5; box-sizing: border-box; color: #666; line-height: 1.5; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; overflow-y: scroll;}
.agree_wrap .agree_text::-webkit-scrollbar { width: 4px;}
.agree_wrap .agree_text::-webkit-scrollbar-thumb {background-color: #d5d5d5;border-radius: 5px;}
.agree_wrap .agree_text pre {line-height: 1.5;}
.agree_wrap table {width: 100%; margin: 15px 0; font-size: 16px; }
.agree_wrap table thead th {background-color: #f5f5f5; height: 40px; border-top: 2px solid #000; border-bottom: 1px solid #d5d5d5; text-align: center; vertical-align: middle; color: #555; font-weight: 400;}
.agree_wrap table tbody th {color: #555; font-weight: 400; text-align: left;}
.agree_wrap table tbody th, .agree_wrap table tbody td  {height: 50px; padding: 0 20px; border-bottom: 1px solid #d5d5d5;  vertical-align: middle; letter-spacing: -1px;}
.agree_wrap .agree_chx {background-color: #f5f5f5; border-radius: 5px; padding: 16px 20px; margin-top: 8px; margin-bottom: 40px; box-sizing: border-box;}

/* file table */
.file_wrap{width: 100%; margin-top: 10px; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden;}
.file_wrap:last-child {margin-bottom: 10px;}
.file_wrap table{width: 100%; table-layout: fixed;}
.file_wrap table thead{border-bottom: 1px solid #d5d5d5;}
.file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0}
.file_wrap th input,.file_wrap td input{height: auto;}
.file_wrap .tb_file_before{height: 110px; position: relative;}
.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
.file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;}
.file_wrap tbody.tb_file_before span{color: #2b68da;}
.file_wrap tbody.tb_file_after{height: auto;}
.file_wrap tbody.tb_file_after tr{border-bottom: 1px solid #d5d5d5;}
.file_wrap tbody.tb_file_after tr:last-child{border-bottom: 0;}
.file_wrap tbody.tb_file_after tr:only-child{border-bottom: 0;}
.file_wrap tbody.tb_file_after td{height: 35px; padding: 0 5px; box-sizing: border-box; text-align: center; vertical-align: middle; color: #555; font-size: 15px; font-weight: 400;}
.file_wrap tbody.tb_file_after p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 95%; margin: 0 auto; line-height: 2; font-size: 15px;}
.file_wrap .btn_del{border: 1px solid #d5d5d5; border-radius: 5px; width: 25px; height: 25px; padding: 0; margin: 0; vertical-align: middle;}
.file_wrap .btn_del:hover{background-color: #f5f5f5;}
.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(../images/content/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;}
.file_cf {display: flex; justify-content: space-between; margin: 12px 0 6px 0;}
.file_cf>div {display: flex; align-items: flex-start;}
.file_cf>div p {color: #666; font-weight: 300; margin-right: 30px; position: relative;}
.file_cf>div p:first-child::after {content: ""; position: absolute; background-color: #666; width: 1px; height: 15px; top: 19%; right: -15px; }
.file_cf .cf_left span {color: #e40000; font-weight: 400;}
.file_cf .cf_right span {color: #2b68da; font-weight: 400;}

/* 강사유형 선택 */
.sel_tpye {margin: 100px 165px 24px 165px; text-align: center;}
.sel_tpye>p {font-size: 30px; font-weight: 300; letter-spacing: -0.5px;}
.sel_tpye>p>span {font-weight: 400;}
.sel_tpye ul {margin-top: 50px; display: flex; justify-content: space-between;}
.sel_tpye ul li {width: calc(100%/2 - 23px); padding: 40px 0; border: 5px solid #e5e5e5; border-radius: 25px 5px 25px 5px; box-sizing: border-box; transition: ease-in-out 0.4s;}
.sel_tpye ul li i {width: 148px; height: 148px; display: inline-block; transition: ease-in-out 0.4s;}
.sel_tpye ul li.type1 i {background-image: url(../images/content/sel_type1.png);}
.sel_tpye ul li.type2 i {background-image: url(../images/content/sel_type2.png);}
.sel_tpye ul li p {font-family: 'GmarketSansBold'; font-size: 24px; padding-top: 30px; transition: ease-in-out 0.4s;}
/* hover 시 */
.sel_tpye ul li.on {border: 5px solid #2b68da; transition: ease-in-out 0.4s;}
.sel_tpye ul li i {transition: ease-in-out 0.4s;}
.sel_tpye ul li.type1.on i {background-image: url(../images/content/sel_type1_on.png);}
.sel_tpye ul li.type2.on i {background-image: url(../images/content/sel_type2_on.png);}
.sel_tpye ul li.on p {color: #2b68da;transition: ease-in-out 0.4s;}

/* 강의 지역 */
.tb_type01.tb_write td .river_area {overflow:hidden;width:86%;}
.tb_type01.tb_write td .river_area dl {float:left;width:50%;padding:0 20px 0 0;box-sizing:border-box;}
.tb_type01.tb_write td .river_area dl dt {font-size:17px;font-weight:400;color:#222;}
.tb_type01.tb_write td .river_area dl dd {overflow:hidden;overflow-y:auto;height:340px;margin:12px 0 0;padding:10px 16px 11px 16px;border:1px solid #d5d5d5;border-radius:5px;box-sizing:border-box;}
.tb_type01.tb_write td .river_area dl dd .city input[type=checkbox] + label {font-weight:400;color:#222;cursor:pointer;}
.tb_type01.tb_write td .river_area dl dd .city > li {margin:6px 0 5px;}
.tb_type01.tb_write td .river_area dl dd .city > li button {font-size:16px;color:#222;}
.tb_type01.tb_write td .river_area dl dd .city li ul {display:none;margin:7px 0 0;padding:2px 10px 6px 7px;background:#f5f5f5;border-radius:5px;}
.tb_type01.tb_write td .river_area dl dd .city li ul.active {display:block;}
.tb_type01.tb_write td .river_area dl dd .city li ul li {margin:7px 0 6px;}
.tb_type01.tb_write td .river_area dl dd .area_list li {font-size:16px;font-weight:400;line-height:30px;color:#222;}

/* 운영신청 등록안내 */
.summary_list {padding:14px 0 0;}
.summary_list dl {margin:0 0 38px;font-size:18px;letter-spacing:-0.025em;}
.summary_list dl:last-child {margin:0 0 58px;}
.summary_list dl dt {font-weight:400;color:#2b68da;}
.summary_list dl dd {margin:15px 0 0;padding:19px 20px;font-weight:300;color:#222;border:1px solid #e5e5e5;background:#f5f5f5;border-radius:5px; line-height: 1.4;}
.summary_list dl dd ul {margin:10px 0 0;padding:0 0 0 9px;}
.summary_list dl dd ul li {font-size:17px;line-height:25px;color:#555;}
.summary_list dl dd ul li a {display:inline-block;color:#555;}
.summary_list dl dd .info {margin:10px 9px 0;padding:3px 16px 5px;font-size:15px;line-height:25px;color:#555;background:#fff;border-radius:5px;}
.summary_list02 dl dd ul {margin:0;}
.summary_list02 dl dd ul li ul {padding:4px 0 0 15px;}
.summary_list02 dl dd ul li .info {margin:10px 9px 7px -15px;}
.summary_list02 dl dd .info02 {margin-bottom:6px;}
.summary_list02 dl dd table {width:100%;margin:0 0 12px;}
.summary_list02 dl dd table thead th {padding:13px 0 12px;font-size:17px;font-weight:400;text-align:center;background:#e2e2e2;border-radius:0 8px 8px 0;}
.summary_list02 dl dd table thead th:first-child {border-radius:8px 0 0 8px;}
.summary_list02 dl dd table thead th span {display:block;border-right:1px solid #c5c5c5;}
.summary_list02 dl dd table tbody th, .summary_list02 dl dd table tbody td {padding:11px 0 10px 22px;font-size:16px;line-height:1.3;vertical-align:middle;color:#444;border-bottom:1px solid #d5d5d5; letter-spacing: -0.5px;}
.summary_list02 dl dd table tbody td:first-child {text-align:center;}
.summary_list02 dl dd table tbody td span {display:block;line-height:20px;border-right:1px solid #c5c5c5;}

/* 외부 협력 과정 / 수강신청 */
.tb_type02>table>tbody>tr>td .tb_icons {display:inline-block;height:26px;margin:0 5px 0 0;padding:0 11px;font-size:16px;line-height:25px;text-align:center;color:#fff;background:#ec1d1d;border-radius:4px;}
.tb_type02>table>tbody>tr>td .tb_icons.duty {background:#00968a;}
.tb_type02>table>tbody>tr>td .tb_icons.renewal {background:#1659c7;}
.agree_wrap .agree_text.agree_text02 {height:95px;}

/* 강사신청 확인 */
.check_app {border: 5px solid #e5e5e5; border-radius: 25px 5px 25px 5px;}
.check_app .check_app_in {text-align: center; padding: 80px 20px;}
.check_app .check_app_in i {background-image: url(../images/content/check_teacher.png); width: 175px; height: 171px; display: inline-block;}
.check_app .check_app_in p {font-size: 30px; font-weight: 500; padding: 30px 0 20px 0; line-height: 1.2;}
.check_app .check_app_in span {display: block; color: #666; font-weight: 300; line-height: 1.5; font-size: 18px;}
.check_app .check_app_in button {height: 45px; padding: 0 33px; border-radius: 5px; margin-top: 40px; font-size: 18px;}

/* 청소년저작권강사 대시보드 */
.t_dashboard_top {display: flex; justify-content: space-between;}
.t_dashboard_top .dashboard_id {height: 181px; margin-right: 20px; border-radius: 5px;}
.t_dashboard_top .dashboard_id img {height: 100%; overflow: hidden; border-radius: 5px;}
.t_dashboard_btm {display: flex; justify-content: space-between; flex-wrap: wrap;}
.t_dashboard_btm>div {width: calc(100%/2 - 10px);}
.t_dashboard_btm>div:nth-child(1),.teacher_dashboard>div:nth-child(2) {margin-bottom: 50px;}
.dashboard_tb_top {display: flex; justify-content: space-between; margin-bottom: 17px; align-items: center;}
.dashboard_tb_top p {font-size: 22px; font-weight: 600; vertical-align: middle; display: flex;}
.dashboard_tb_top button {vertical-align: middle; font-size: 17px; font-weight: 300; color: #757575; display: flex; align-items: center;}
.dashboard_tb_top button i {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #d3d9e4; margin-left: 7px; position: relative; display: inline-block; vertical-align: middle;}
.dashboard_tb_top button i::after {background-image: url(../images/content/more_btn.png); width: 6px; height: 10px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block;}
.t_dashboard_btm table:nth-child(1),.t_dashboard_btm table:nth-child(2) {margin-bottom: 30px;}

/* login */
.login_wrap{width: 400px; margin: 0 auto; border: 1px solid #d5d5d5; padding: 90px 80px 75px 80px; text-align: center;}
.login_tit{font-size: 28px; color: #555; font-weight: 400; margin-bottom: 40px;}
.login_tit span{font-weight: 500; color: #222;}
.login_form input[type="text"],.login_form input[type="password"]{width: 100%; height: 46px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 15px; margin-bottom: 10px; box-sizing: border-box;}
.login_form input[type="text"]::placeholder,.login_form input[type="password"]::placeholder{font-size: 16px;}
.login_form .login_btn_wrap{margin-top: 10px;}
.login_form .login_btn_wrap button{width: 100%; height: 46px; border-radius: 5px; margin-bottom: 10px;}
.login_form .btn_login{background-color: #3a72db; font-size: 18px; color: #fff; transition: background-color 0.3s ease-in-out;}
.login_form .btn_login:hover{background-color: #0c3a97; transition: background-color 0.3s ease-in-out;}
.login_form .btn_join{background-color: #888888; font-size: 18px; color: #fff; transition: background-color 0.3s ease-in-out;}
.login_form .btn_join:hover{background-color: #666; transition: background-color 0.3s ease-in-out;}
.login_form .login_util{display: flex; justify-content: center; margin-top: 20px;}
.login_form .login_util a{position: relative; padding: 0 15px; font-size: 18px; color: #666666; font-weight: 300;}
.login_form .login_util a:hover{color: #222;}
.login_form .login_util a::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #cccccc; right: 0; top: 3px;}
.login_form .login_util a:first-child{padding-left: 0;}
.login_form .login_util a:last-child{padding-right: 0;}
.login_form .login_util a:last-child::after{display: none;}

/* 첨부파일 div(20220530 웹접근성 관련 추가) */
.filewrap_div {display: flex; border-bottom: 1px solid #e5e5e5; margin-top: -40px; margin-bottom: 40px;}
.filewrap_div dt {width: 220px; padding: 19px 20px; font-size: 16px; color: #222; background-color: #f5f5f5; box-sizing: border-box;}
.filewrap_div dd {width: calc(100% - 220px); padding: 12px 20px; box-sizing: border-box;}
.filewrap_div dd .btnType01 {padding: 0 20px; font-size: 17px;}
.filewrap_div dd .table_req_text {float: right; margin-top: -28px;}
.filewrap_div.filewrap_exprnClsrmAplctReg dt {width: 150px;}
.filewrap_div.filewrap_exprnClsrmAplctReg dd {width: calc(100% - 150px);}
.exprnClsrmEndRslt_wrap {border-top: 2px solid #000;}
.exprnClsrmEndRslt_wrap .filewrap_div {margin-top:0; margin-bottom: 0;}
/* 팝업 */
.filewrap_div.filewrap_eduRsltRprtRegPop dt {width: 120px;}
.filewrap_div.filewrap_eduRsltRprtRegPop dd {width: calc(100% - 120px);}

/*교육소개 페이지*/
.edu_wrap .edu_img img{width: 70%; display: block; margin: auto auto 30px auto;}
.edu_wrap .edu_table tbody th p{font-weight: 500;}
.edu_wrap .edu_table tbody td{font-weight: 400;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li{display: flex;background-color: #ececec; width: 43%; border-radius: 50px; position: relative; justify-content:flex-start; align-items:cenver; padding:0 5px; margin: 0 0 17px 0; box-sizing: border-box;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li:last-child{margin: 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 28px; height: 28px; background-color: #fff; font-weight: 600; font-size: 15px; border-radius: 14px;margin: 10px 0 10px 10px; text-align: center; display:flex; align-items:center; justify-content: center;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px);margin:15px 0 0 6px; color: #222;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{position:relative; font-weight:600; padding:0 15px 0 0 ;margin: 0 15px 0 0;}
.edu_wrap  .tb_type01 table tbody .edu_sus_num li:nth-child(n):not(:nth-child(2)) p b::after{position:absolute;content:""; width:1px; height:10px; background-color: #999; right:0; top:8px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p span{font-weight: 500;}
.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 15px; font-weight: 400;}

/*마이페이지 추가*/
.mypage_wrap .mypage{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 40px 0;}
.mypage_wrap .mypage li{width: calc((100% - 170px)/4);}
.mypage_wrap .mypage .wrap{height: 178px; border-radius: 10px; background-color: #eaedf1;}
.mypage_wrap .mypage .wrap .title{border-radius: 10px 10px 0 0; background-color: #3a72db; text-align: center; font-size: 20px; color: #fff; font-weight: 500; line-height: 53px;}
.mypage_wrap .mypage .wrap .title p img{margin: 0 0 4px 0;}
.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 68px); height: calc(100% - 116px); padding: 7px 7px 10px 17px; margin: 23px auto 0 auto; border-radius: 10px; background-color: #fff; font-size: 18px; font-weight: 400; color: #666; text-align: center; line-height: 1.4;}
.mypage_wrap .mypage .wrap .inner_text a i{display: inline-block; width: 4px; height: 4px; background-color: #3a72db; margin: 0 5px 4px 0; border-radius: 100%;}
.mypage_wrap .mypage .wrap .inner_text a p span{margin: 0 0 0 20px; font-size: 22px; font-weight: 500; color: #222;}
.mypage_wrap .mypage .wrap .inner_text a:hover *{color: #e95504;}
.mypage_wrap .tb_tit02 .tb_tit02_left .t_best{background-image: none; padding: 0;}
.mypage_wrap .tb_list02 thead tr th{font-weight: 500;}
.mypage_wrap .tb_list02 tbody tr td{height: 47px;}
.mypage_wrap .mypage_table{display: flex; justify-content: space-between; flex-wrap: wrap;}
/*.mypage_wrap .mypage_table .right{margin: 0 60px 0 0;}*/
.mypage_wrap .mypage_table table tbody tr{cursor: pointer;}
.mypage_wrap .mypage_table table tbody tr:hover{color: #e95504;}
/*.mypage_wrap .first_line{margin: 0 0 60px 0;}*/
.mypage_wrap .tb_list02{width: 48%; margin: 0 0 40px 0;}

/*마이페이지_new아이콘 추가*/
/*마이페이지_new아이콘 추가*/
.tb_list01 .mypage_new{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 4px 0 -33PX;}
/*마이페이지_m 추가*/
.mypage_m .mypage_m_list ul{border-top: none;}

/*나의 강의실 > Q&A 추가*/
.q_wrap  .btn_layout01{margin: 50px 0 0 0;}
.q_wrap .btn_right{margin: 0 0 10px 0;}

.q_wrap .tb_tit02{justify-content: left;}
.q_wrap .tb_tit02 .btn_wrap1 button.con_more{margin: 0 0 0 10px;}
.q_wrap .faq li p{text-align: left;}

.q_wrap .tb_tit02 .tb_tit02_left .q_title{height: 28px; background-image: url(/offedu/visitEdu/usr/publish/images/content/q&a_icon.png); background-repeat: no-repeat;}
.q_wrap .tb_list02 .faq_wrap .faq{border-bottom: 1px solid #d5d5d5;}
.q_wrap .tb_list02 .faq_wrap .faq li{background-color: #f5f5f5;}
.q_wrap .tb_list02 .faq_wrap .faq .first{border-top: 1px solid #222;}
.q_wrap .tb_list02 .faq_wrap .faq li .qst_text{z-index: 1; margin: 0 25px 0 0; line-height: 2.7;}
.q_wrap .tb_list02 .faq_wrap .faq li .qst_text::after{top: 55%; color: #fff;}
.q_wrap .tb_list02 .faq_wrap .faq li .answer .awr_cont{font-weight: 400; color: #666;}
.q_wrap .tb_list02 .faq_wrap .faq li .answer .qst_text{line-height: 1.4; color: #fff;}
.q_wrap .tb_list02 .faq_wrap .faq li .answer .qst_text::after{top: 53%;}
.q_wrap .tb_list02 .faq_wrap .faq li .date{font-size: 14px; color: #666; text-align: left; font-weight: 400;}
.q_wrap .tb_list02 .faq_wrap .faq li .answer{background-color: #fff; z-index: 1;}
.q_wrap .faq li .question,.q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 46px;}
.q_pop .popup_cont .cont_body table thead tr th{width: 100%; padding: 12px 16px; border-top: 2px solid #222; background-color: #f5f5f5; text-align: left; font-size: 15px;}
.q_pop .popup_cont table tbody{border-top: 1px solid #e5e5e5;}



/*나의 강의실 > Q&A 내용 없을때 추가*/
.q_wrap .q_text{padding: 25px 35px; border-top: 2px solid #222; border-bottom: 1px solid #d5d5d5; font-size: 18px; color: #666;}

/*2024년 웹접근성 > 추가한것들*/
/*미리보기 버튼 스타일*/
.pdf_bt{padding: 5px 10px; border-radius: 5px;}

/*체험교실 > 운영신청 > 운영신청 안내 > 표안에 pdf버튼 추가 + 위아래 여백수정*/
.list_view .pdf_bt{margin: 0 0 4px 0;}
.list_view .info_con{padding: 16px 30px 10px 30px;}

/*실무역량강화 > 나의강의실 > 최근 교육 목록 > 설문등록, 이수증 버튼 추가 + 기소유예 > 교육 신청 목록 > 설문등록 버튼 추가*/
.tb_list02 .sur_bt{padding: 5px 10px; border-radius: 5px;}
.tb_list02 .cer_bt{padding: 5px 10px; border-radius: 5px;}

/*내 알림 상세 > 바로가기 버튼 수정*/
 .tb_type01 table tbody .short_bt{margin-top: 0px;}
 
 /*알림마당 > 교육자료실 > 첨부파일 수정*/
 .fileView a{margin: 0 0 10px 0; white-space: normal; background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px; font-size: 16px; font-weight: 400; color:#555; line-height:20px;}

/*알림마당 > FAQ > 답변 색 수정*/
.full_faq .faq li button{background-color: #f5f5f5;}
.full_faq .faq li button .qst_text{z-index: 1;}
.full_faq .faq li .answer{background-color: #fff;}

/*체험교실 > 운영목록 > 운영상세 > 수강신청 > 신청인 정보 주소 입력칸 레이아웃 수정(주소찾기 버튼 마진값 추가)*/
.tb_type01 table .address_btn{margin-right: 9%}

/*체험교실 > 운영신청서 작성 > 신청서 제출 수정*/
.file_ta{border-top: 2px solid #000; margin-top: -22px;}

/*마이페이지 > 내 교육문의 > 검색 버튼 추가*/
.inquiry_list{justify-content: left;}
.inquiry_list .btn_wrap{margin-left: 5px;}

@media all and (max-width: 1300px){
	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 55%;}
}

@media all and (max-width: 1280px){
	.list_top {padding: 15px 20px;}
	input[type="text"] {padding: 0 12px;}
	/* list top */
	.list_top.type2 {display: block;}
	.list_top.type2 .list_top_left {margin-bottom: 10px;}
	/* .list_top .btn_wrap {display: block;} */
	.list_top .btn_wrap input[type="text"].calendar {width:140px;}
	.list_top .btn_wrap button {white-space:nowrap;}
	.list_top .search_wrap {display: inline-block;}
	/* list_top 내용 많을 때 틀어지는 것 수정 */
	/* .list_top.top_longver .btn_wrap .calendar_wrap {width: 18%;} */
	
}

@media all and (max-width: 1100px){
	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 80%;}
	
	/*마이페이지 추가*/
	.mypage_wrap .mypage{margin: 0 0 20px 0;}
	.mypage_wrap .mypage li{width: calc((100% - 45px)/2); margin: 0 0 40px 0;}
	.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 67px); height: calc(100% - 116px); padding: 7px 7px 11px 17px; margin: 21px auto 0 auto;}
	/*.mypage_wrap .mypage_table .right{margin: 0 40px 0 0;}*/
	
	.tb_tit01{display: block;}
	.tb_tit01 .btn_wrap button{margin: 10px 0 0 0;}
	
	/*마이페이지_new아이콘 추가*/
	.mypage_wrap .mypage_table .tb_list02 .mypage_new{display: block; width: 30px; margin: 0 auto;}
}

@media all and (max-width: 1280px){
	.list_top {padding: 15px 20px;}
	input[type="text"] {padding: 0 12px;}
	/* list top */
	.list_top.type2 {display: block;}
	.list_top.type2 .list_top_left {margin-bottom: 10px;}
	/* .list_top .btn_wrap {display: block;} */
	.list_top .btn_wrap input[type="text"].calendar {width:140px;}
	.list_top .btn_wrap button {white-space:nowrap;}
	.list_top .search_wrap {display: inline-block;}
	/* list_top 내용 많을 때 틀어지는 것 수정 */
	/* .list_top.top_longver .btn_wrap .calendar_wrap {width: 18%;} */
	
}

@media all and (max-width: 1024px){
	/* sub layout */
	.container .inner .cont_wrap {width: 100%;}
	
	/* 강사유형 선택 */
	.sel_tpye {margin: 100px 120px 24px 120px;}
	
	/*체험교실대시보드 5단계 (감리용)*/
	/* .ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; }
	.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;}
	.ex_process li a { padding:20px 0; text-align:center;}
	.ex_process li.p_1_on {background-image: none;}
	.ex_process li.p_2_on {background-image: none;}
	.ex_process li.p_3_on {background-image: none;}
	.ex_process li.p_4_on {background-image: none;}
	.ex_process li.p_5_on {background-image: none;}
	.ex_process li.p_1 {background-image: none;}
	.ex_process li.p_2 {background-image: none;}
	.ex_process li.p_3 {background-image: none;}
	.ex_process li.p_4 {background-image: none;}
	.ex_process li.p_5 {background-image: none;}
	.ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 0 0 0;}
	.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5_on::after {display:none; } */
	

	/* 체험교실대시보드 7단계 */
	.ex_process li {font-size:18px; padding:8px 3px 10px 3px; border-radius:5px; width:12%; line-height:20px; display: flex; align-items: center; justify-content: center;}
	
}

@media all and (max-width: 860px){
	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 100%;}
}

@media all and (max-width: 767px) {
	/* sub latout */
	.container {margin-top:70px;}
	.container .inner {padding: 0 20px;}
	.cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 30px;}
	.cont_wrap h2 {font-size: 26px; padding-top: 10px;}
	.cont_wrap .tit_box {display: block; text-align: center; padding: 15px 20px;}
	.cont_wrap .tit_box i {display: block; margin: 0 auto;}
	.cont_wrap .tit_box>div {width: 100%; padding-left: 0; padding-top: 15px;}
	.cont_wrap .tit_box.type2>div {padding-left: 0;}
	.cont_wrap .tit_box p {font-size: 22px; padding-bottom: 4px;}
	.cont_wrap .tit_box span {font-size: 16px; line-height: 1.4;}

	.tb_tit01 {margin-bottom: 10px;}
	.tb_tit01 .tb_tit01_left p {font-size: 20px;}

	.btn_wrap {position: relative;}
	/*.btn_wrap button {display: none; height: 40px; padding: 0 20px; font-size: 16px;} 1123*/
	.btn_wrap.btn_layout01 button {height: 40px; padding: 0 20px; font-size: 16px;}
	.btn_wrap button.m_btn_block {display: inline-block;}
	.btn_wrap.btn_layout01>.btn_right button.m_btn_block:nth-child(2) {margin-top: 5px;}
	.survey_btn_wrap.btn_layout01>.btn_left {display: none;}
	.survey_btn_wrap.btn_layout01>.btn_center {width: 210px;}


	/* list top */
	.list_top {display: block; padding: 5px 15px 15px 15px;}
	.list_top .list_top_left { margin-bottom: 10px;}
	.list_top.type2 .search_wrap {display: block; margin-top: 10px;}
	.list_top select.selType1 {width: 100%; height: 36px; margin-top: 10px;}
	.list_top .btn_wrap {text-align: center;display:block;}
	.list_top span {padding-bottom: 10px; display: block;}
	.list_top .calendar_wrap {width: calc(100%/2 - 13px);}
	.list_top .btn_wrap input[type="text"].calendar {width: 100%; height: 36px;margin:0;box-sizing:border-box;}
	.list_top button {width: 100%; height: 36px; margin-top: 10px;}
	.list_top .btn_wrap button {height: 36px;margin-left:0;}
	.list_top.type2 .list_top_left {text-align: center; margin-bottom: 20px;}
	.list_top.type2 .search_wrap {margin-top: 0;}
	/* list_top 내용 많을 때 틀어지는 것 수정 */
	.list_top.top_longver {padding: 15px;}
	.list_top.top_longver .btn_wrap .calendar_wrap {width: calc(100%/2 - 9px); margin: 0 0 10px 0;}
	.list_top.top_longver .searchKeyword {vertical-align: middle;}
	.list_top.top_longver .btn_wrap #searchKeyword {width: calc(100% - 109px);}

	/* list top3 */
	.list_top3 {padding: 15px 15px 0 15px;}
	.list_top3 ul {margin-top: 10px;}
	.list_top3 ul li {width: calc(100%/2);}
	.list_top3 .list_top3_title p {font-size: 17px;}
	.list_top3 .list_top3_title span {width: 70px; padding: 6px 0; margin-right: 0px; font-size: 14px;}

	/* list top4 */
	.list_top4 {padding: 15px 15px 5px 15px;}
	.list_top4 ul li {width: 100%; margin-bottom: 10px;}
	.list_top4 ul li span {width: 70px;}
	
	.tb_type01 {margin-bottom: 20px;}
	.trLength4 {display: none;}
	.trLength2 {display: table-row;}
	.tb_type01>table>colgroup>col:nth-child(odd) {width: 130px !important;}
	.tb_type01.rowspan2>table>colgroup>col {width: auto !important;}
	.tb_type01.rowspan2>table>colgroup>col:nth-child(1) {width: 130px !important;}
	.tb_type01.rowspan2>table>colgroup>col:nth-child(2) {width: 105px !important;}
	.tb_type01>table>tbody>tr>th, .tb_type01>table>tbody>tr>td {font-size: 14px; font-weight: 400;}
	.tb_type01>table>tbody>tr>th {padding-top: 0; padding-left: 10px; padding-bottom: 0; vertical-align: middle;}
	.tb_type01>table>tbody>tr>td {height: 40px; padding: 8px 10px;}
	.tb_type01>table>tbody>tr>td input[type="text"] {height: 36px;}
	.tb_type01>table>tbody>tr>td>.btnType01 {height: 30px; font-size: 15px; padding: 0 12px;}
	.tb_type01.tb_view table tbody tr td .put_photo {position: initial; border-left: 0; border-bottom: 0; margin-top: 10px;}
	.tb_type01 table tbody tr td .put_photo .put_photo_in {width: 95px; height: 122px; margin: 0;}
	.tb_type01 table tbody tr td .app_status4 {margin-right: 5px;}

	/* table type2 */
	.tb_type02 {overflow-x: scroll;}
	.tb_type02 table {min-width: 767px;}
	.tb_type02>table>thead>tr>th, .tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
	.tb_type02>table>thead>tr>th {padding: 12px 5px;}
	.tb_type02 tbody td input[type="text"].input_time {height: 36px;}
	.tb_type01 table tbody tr td.file_download a {background-image: none; padding-left: 0;}

	/* table list01 */
	.tb_list01 {display: none;}
	.tb_list01_m {display: block; margin-bottom: 30px;}
	.tb_list01_m_2 {display: block;}

	/* table type03 (table 모양이지만 div로 만듦) */
	.tb_type03 .thead {padding: 13px 10px;}
	.tb_type03 .thead>p {font-size: 16px;}
	.tb_type03 .thead.ver2>p {font-size: 16px;}
	.tb_type03 .tbody {display: block; padding: 15px 10px 10px 10px;}
	.tb_type03 .tbody>span {display: block;}

	/* table list01 */
	.tb_list01_m ul {padding: 10px 10px 0 10px;}
	.tb_list01_m ul li {width: 100%; padding-bottom: 10px;}
	.tb_list01_m ul li>span {font-size: 14px; font-weight: 400;}
	.tb_list01_m ul li>span:first-child {width: 100px;}
	.tb_list01_m ul li>span:last-child {padding-left: 12px;}
	.tb_list01_m ul li .btnType02 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; margin:0 0 0 3px;}
	.tb_list01_m ul li .btnType03 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
	.tb_list01_m ul li .btnType04 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; width:80px; margin-left:8px;}
	.tb_list01_m ul li .btnType06 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}

	.list_notice {font-size: 14px;}

	/* list view(글상세) */
	.list_view .view_info{flex-wrap: wrap; min-height: 40px; padding: 10px 30px; font-size: 16px;}
	.list_view .view_info p {margin-right: 20px;}
	.list_view .view_info span::before {left: 10px;}

	/* 강사유형 선택 */
	.sel_tpye {margin: 50px 0 0 0;}
	.sel_tpye>p {font-size: 28px;}
	.sel_tpye ul {display: block; margin-top: 30px;}
	.sel_tpye ul li {width: 100%; padding: 30px 0;}
	.sel_tpye ul li.type1 {margin-bottom: 20px;}
	.sel_tpye ul li p {font-size: 20px;}

	/* 운영신청 등록안내 */
	.summary_list dl {margin: 0 0 30px;}
	.summary_list dl dd {font-size: 16px; padding: 15px;}
	.summary_list dl dd ul {margin: 5px 0 0;}
	.summary_list dl dd ul li {font-size: 15px; font-weight: 400;}
	.summary_list02 dl dd table colgroup col:first-child {width: 32% !important;}
	.summary_list02 dl dd table thead th {padding: 8px 10px; font-size: 16px;}
	.summary_list02 dl dd table tbody th, .summary_list02 dl dd table tbody td {padding: 5px; font-size: 14px; font-weight: 400; text-align: left;}

	/* pagenation */
	.page button:nth-child(8), .page button:nth-child(9), .page button:nth-child(10), .page button:nth-child(11), .page button:nth-child(12) {display: none;}

	/* 강사신청 확인 */
	.check_app .check_app_in {padding: 40px 20px;}
	.check_app .check_app_in p {font-size: 24px;}
	.check_app .check_app_in span {font-size: 16px; line-height: 1.2;}
	.check_app .check_app_in button {height: 40px; padding: 0 25px; margin-top: 20px; font-size: 16px;}

	/* 청소년저작권강사 대시보드 */
	.t_dashboard_top .dashboard_id {height: 121.5px;}
	.t_dashboard_top>.tb_type01>table>colgroup>col {width: 80px !important;}
	.t_dashboard_btm .tb_list01 {display: block; width: 100%; margin-top: 40px;}

	/* login */
	.login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;}

	/*교육기반강화연수*/
	.best_list {display:block; }
	.best_list .best_con {width:100%; margin: 0 0 20px 0; }
	.best_list .best_con:hover {width:100%; margin: 0 0 20px 0; }
	.edup_result {display:block;}
	.edup_result ul {padding:10px 0 0 0; }
	.edu_program {overflow-x: scroll;}
	.edu_program table {min-width: 767px;}
	.edu_program>table>thead>tr>th, .edu_program>table>tbody>tr>th, .edu_program>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
	.edu_program>table>thead>tr>th {padding: 12px 5px;}
	.edu_program tbody td input[type="text"].input_time {height: 36px;}
	.tb_tit02 .btn_wrap1 button.con_more {font-size:14px;}

	/*교육신청자대시보드*/
	.edu_process {display:block; width:100%;}
	.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;} 
	.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
	.edu_process .edu_apply .text_area {font-size:20px; font-weight:500; }
	.edu_process .edu_apply .text_area p {font-size:16px; font-weight:500; }
	.edu_process .edu_apply .text_area p span {font-size:30px; font-weight: 500; }	
	.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;} 
	.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
	.edu_process .edu_register .text_area {font-size:20px; font-weight:500; }
	.edu_process .edu_register .text_area p {font-size:16px; font-weight:500; }
	.edu_process .edu_register .text_area p span {font-size:30px; font-weight: 500; }
	.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; align-items: center; justify-content: flex-start; padding: 10px 0 10px 30px;} 
	.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
	.edu_process .edu_close .text_area {font-size:20px; font-weight:500; }
	.edu_process .edu_close .text_area p {font-size:16px; font-weight:500; }
	.edu_process .edu_close .text_area p span {font-size:30px; font-weight: 500; }
	.tb_list02 {display:none;}
	
	/*마이페이지 추가*/
	/*.mypage_wrap .mypage{margin: 0 0 -60px 0;}*/
	
	/*마이페이지_new_m아이콘 추가*/
	.mypage_m .mypage_m_list ul .mypage_new_m{background-color: #e95504;  font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 0 0 4px;}
	
	/*나의 강의실 > Q&A_m추가*/
	.q_wrap .tb_list02{display: block;}
	.q_wrap .btn_wrap button:last-child{display: block; font-size: 14px;}
	.q_wrap .btn_wrap.btn_layout01>div{width: auto;}
	.q_wrap .faq li p{font-size: 16px;}
	.q_wrap .tb_list02 .faq_wrap .faq li .answer .awr_cont{font-size: 15px;}
	.q_wrap .q_text{font-size: 16px;}
}

@media all and (max-width: 640px) {
	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li p{margin: auto auto auto 6px;}
	.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 14px;}
	.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding: 0 5px 0 0; margin: 0 5px 0 0;}
	.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:12px; top:5px;}
	
	/*마이페이지 추가*/
	/*.mypage_wrap .mypage{margin: 0 0 -40px 0;}*/
	.mypage_wrap .mypage li{width: calc((100% - 26px)/2); margin: 0 0 25px 0;}
	.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 63px); height: calc(100% - 113px); padding: 9px 7px 8px 17px; margin: 21px auto 0 auto;}	
	.time_layer.on{position:fixed; width:100%; top:calc(100% - 143px); left:0; border:0;}
 }
 
 @media all and (max-width: 560px){
    /*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{padding: 5px;}
	 .edu_wrap .tb_type01 table tbody .edu_sus_num li p{line-height: 1.2;}
	 .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{display: none;}
	 .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{margin: 10px 0 10px 5px;}
	 .edu_wrap .edu_img img{width: 100%;} 
	 .btn_wrap.btn_layout01 button {padding:0 7px;}/*1123*/
 }
 
@media all and (max-width: 520px) {
	/* list top3 */
	.list_top3 ul li {width: calc(100%);}

	/* table list01 mobile */
	.tb_list01_m_2.ip_text>div ul li {width: calc(100%/2);}

	/* list view(글상세) */
	.list_view .view_info {display: block;}
	.list_view .view_info p {margin-bottom: 10px;}
	.list_view .view_info p:last-child {margin-bottom: 0;}
	
	/*마이페이지 추가*/
	.mypage_wrap .mypage li{width: calc((100%)/1);}
	
	/*나의 강의실 > Q&A_m추가*/
	.q_pop .pop_btn_wrap.btn_layout01>div{width: auto;}
	.q_pop .pop_btn_wrap.btn_layout01>div:nth-child(2){width: auto;}
}

@media all and (max-width: 420px){
	/*나의 강의실 > Q&A_m추가*/
	.class_m ul{padding: 10px 2px 0 2px;}
	.class_m ul li{word-break:break-word;}
	.class_m ul li>span:first-child{width: 63px;}
	.class_m ul li>span:last-child{padding-left: 10px;}
	.q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 10px 12px 46px;}
}

 @media all and (max-width: 400px){
  	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{border-radius: 10px; padding: 10px;}

	/*	.edu_wrap .tb_type01 table tbody .edu_sus_num li p img{width: 8%;}*/
	
	/*마이페이지 추가*/
	.mypage_wrap .tb_tit02{margin: -5px 0 10px 0;}
 	.mypage_wrap .tb_tit02 .tb_tit02_left .t_best{font-size: 19px;}
}

@media all and (max-width: 340px){
	/*교육소개 추가*/
	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 110%; padding: 5px;}
	.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 20px; height: 20px; font-size: 14px;}
}


/* explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.input_text {top: 69%;}
	.tb_type03 .tbody .input_text {top: 48%; left: 164px;}

	.radio_wrap input[type='radio'] + label{vertical-align: middle;}
}
/* //explorer */

/* calendar */
/* .calendar_wrap:first-child{margin-right: 4px;}
.calendar_wrap:nth-child(2){margin-left: 4px;} */
.calendar_wrap:only-child {margin: 0;}
.calendar_wrap .duet-date__dialog-content{padding: 16px 16px 50px;}
.duet-date__table-header{font-size:15px;}
.list_top .btn_wrap .duet-date__prev, .list_top .btn_wrap .duet-date__next{height: 32px; padding: 0; display: inline-flex;}
.list_top .btn_wrap .duet-date__prev:hover, .list_top .btn_wrap .duet-date__next:hover{background-color: #e5e5e5;}
.calendar_wrap .duet-date__mobile{width: 100%; top: auto; right: auto; left: 0; bottom: 10px;}
.calendar_wrap .duet-date__mobile .duet-date__close{width: 34px; margin-left: 16px; height: 34px;opacity: 1; margin-left: auto; margin-right: 16px; padding: 0;}
.calendar_wrap .duet-date__mobile .duet-date__close:hover{background-color: #e5e5e5;}
.list_top .btn_wrap .calendar_wrap .duet-date__table-header span[aria-hidden="true"]{font-size: 16px;}
.list_top .btn_wrap .calendar_wrap .duet-date__day{height: 36px; padding: 0 0 1px; margin: 0 0 0 0; border-radius: 100%;}
.list_top .btn_wrap .calendar_wrap .duet-date__day span{padding-right: 0; font-size: 15px;}
.calendar_wrap .duet-date__input{border: 1px solid #d5d5d5; width: auto; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 10px; margin: 0 3px; font-size: 16px;}
.calendar_wrap .duet-date__input::placeholder {font-size: 14px; color: #666;}
.duet-date__select-label svg{width: 33px; height: 24px;} /* 달력 */
.list_top .btn_wrap .calendar_wrap .duet-date__toggle, .calendar_wrap .duet-date__toggle{background-color: transparent; box-shadow: inset 1px 0 0 transparent; width: 13%; height: 24px; padding: 0; margin-left: 0; top: 8px; right: 12px;}
.list_top .btn_wrap .calendar_wrap .duet-date__toggle span, .calendar_wrap .duet-date__toggle span{padding-right: 0; display: inline-block;}
.list_top .btn_wrap .calendar_wrap .duet-date__toggle:focus, .calendar_wrap .duet-date__toggle:focus{box-shadow: 0 0 0 2px var(--duet-color-primary);}
.duet-date__day[aria-pressed=true] span, .duet-date__day:focus span{color: #fff}
.tb_type02 tbody td button.duet-date__day{width: 36px;} /* 교육신청 > 교육차시 정보에 달력 날짜 선택 버튼 */

.calendar_th .duet-date__toggle {border-radius: 5px;}
.calendar_th .duet-date__toggle span{display: flex;}
.calendar_th .duet-date__input{width: 100%;}

.calendar_td .duet-date__toggle {border-radius: 5px;}
.calendar_td .duet-date__toggle span{display: flex;}
.calendar_td .duet-date__input{width: 100%;}

@media all and (max-width: 767px){
	.calendar_wrap .duet-date__input{width: 100%}
	.calendar_wrap .duet-date__input::placeholder {font-size: 14px;}
	.list_top .btn_wrap .duet-date__prev, .list_top .btn_wrap .duet-date__next{width: 36px; margin-top: 0;}
	.list_top .btn_wrap .calendar_wrap .duet-date__toggle{top: -2px; right: 8px;}
	
	/*모바일 > 캘린더형 탭 숨김 처리*/
	.list_con .fc{display: none;}
	.tab.tab_02 .con_li{width: calc(100%);}
	.tab.tab_02 .cal_li{display: none;}
}
/* //calendar */

@media all and (max-width: 288px){
	/*마이페이지_new_m아이콘 추가*/
	.mypage_m .mypage_m_list ul .mypage_new_m{padding: 0 2px 2px 2px; margin: 0 0 0 1px;}
}