From 4e1d68ec4167793e593c59c2aaa8cd57f0a5d4e4 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Tue, 16 Sep 2025 12:22:11 +0900
Subject: [PATCH] =?UTF-8?q?content.css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visitEdu/adm/publish/css/content.css      |    2 +-
 .../visitEdu/usr/publish/css/content.css      | 1269 +++++++++++++++++
 2 files changed, 1270 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/visitEdu/adm/publish/css/content.css b/src/main/webapp/visitEdu/adm/publish/css/content.css
index de210ddd..913ae9d8 100644
--- a/src/main/webapp/visitEdu/adm/publish/css/content.css
+++ b/src/main/webapp/visitEdu/adm/publish/css/content.css
@@ -411,7 +411,7 @@ input[type="text"].input_time {width: 50px;}
 .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(../../../usr/publish/images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
+.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(/ipedu/visitEdu/adm/publish/image/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;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index e69de29b..f1fa5097 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -0,0 +1,1269 @@
+.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: auto;}
+.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 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(/ipedu/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;}
+}