p, h1, h2, h3, h4, h5, h6, span, table, thead, tbody, th, td{font-family:Pretendard Variable!important}



body{background-color: #f5f6f8;}

.top_head{width:100%; height:200px;  background:linear-gradient(-90deg, #4583BD, #947DF9); padding-top:70px; box-sizing: border-box;}
.top_head h1{font-size:46px; text-align: left; font-weight:700; margin-bottom:64px; color:#fff; width:1200px; margin:0 auto}


.top_section{width:100%;  background-color: #f5f6f8;border-bottom:1px solid #888888}
.top_section ul{width:1400px; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; gap:20px; }
.top_section ul li{width:25%; text-align: center; align-self:top; font-size:22px; height:100px; position:relative; color:#888888}
.top_section ul li.on{border-bottom:2px solid #3d5773; color:#3d5773; font-weight:bold}
.top_section ul li p{line-height: 27px; position:absolute; top:50%; left:0; width:335px; transform:translateY(-50%)}
.top_section .t{display: none;}
br.pcnone{display: none!important;}



.cont{width:100%; background-color: #f5f6f8;}
.cont_section{width:1400px; margin:0 auto; padding-top:120px; background-color: #f5f6f8;}
.cont_section h2{font-size:36px; font-weight:600; margin-bottom:40px; box-sizing: border-box;  color:#3d5773; text-align: center;}
.cont_section h2 br{display: none;}

.cont_section .relative_law{text-align: center; color:#8598ad; font-size:16px; margin-bottom:60px; line-height:26px}

.no_disa_box_m{display: none;}
br.br_m{display: none;}
.lec_1 .notice .ex br.ex_block{display: none;}
.lec_7 .timegram .junction li .line_dashed_3{display: none;}
.section_3 h2 br{display: none;}


.cont_section .lecture_tab{display: flex; flex-direction: row; justify-content:center; gap:25px;}
.cont_section .lecture_tab li{width:20%;}
.cont_section .lecture_tab li p{padding:50px 0; border-radius: 30px;color:#a1a1a1; font-size:20px; font-weight:500; text-align:center; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position:relative; z-index:3}
.cont_section .lecture_tab li .dotdot{width:25px; height:25px; border-radius: 25px; background-color: #9c9c9c; margin:-12.5px auto 0; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);}
.cont_section .lecture_tab li .pipe{display: none;}
.cont_section .lecture_tab li.tabon p{background-color: #777ded; color:#fff; font-weight:bold; box-shadow:0 0 10px #777ded;}
.cont_section .lecture_tab li.tabon .dotdot{background-color: #777ded;}
.cont_section .lecture_tab li.tabon .pipe{display: block;;width:8px; height:50px; box-shadow: inset 3px 0 rgba(0, 0, 0, 0.1); background: linear-gradient(#777ded, #eee);margin:0 auto}

.cont_section .lecture_cont{width:1320px; margin:0 auto;}
.cont_section .lecture_cont>div{width:100% ;  background-color: #fff; padding:80px; border-radius:50px; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);}
.cont_section .lecture_cont .lecture_in{width:100%; margin-bottom:75px}
.cont_section .lecture_cont .lecture_in:last-child{margin-bottom:0}

.lecture_in h3{font-size:32px; color:#777ded; font-weight:600; margin-bottom:30px;}
.lec_5 .lecture_in h3{padding-left:10px}

.lecture_in h4{font-size:24px; display: flex; align-items: center; font-weight:bold; margin-bottom:30px}
.lecture_in h4 br{display: none;}
.lecture_in h4 .icon{width:30px; height:30px; background-color: #947DF9; border-radius: 5px; box-sizing: border-box; padding:4px; margin-right:20px}
.lecture_in h4 .icon img{width:22px; height:22px; }
.lecture_in h4 span{font-size:20px; color:rgba(0,0,0,0.5); font-weight:normal}
.description{font-size:18px}
.lec_5 .lecture_in .description{padding-left:52px; font-size:18px}
.lecture_in .undertable{padding:5px 62px}
.lecture_in .description .des_light{color:rgba(0, 0, 0, 0.4)}
.lecture_in table{width:1216px; margin:0 auto 35px; text-align: center; border-collapse: collapse; font-size:18px; border:2px solid rgba(145,137,255,0.2)}
.lecture_in table thead{font-size:20px;}
td{ background-color: rgba(145,137,255,0.05); border-right:2px solid rgba(145,137,255,0.2); border-bottom:2px solid rgba(145,137,255,0.2); padding:20px 0}
tr td:last-child{border-right:none}
tr:last-child td{border-bottom:none}
.lecture_in table br{display: none;}
.lecture_in table thead tr td{padding:20px 0;}
.lecture_in table thead .t_title{font-weight:bold; background-color: rgba(145,137,255,0.4);border-right:2px solid #fff; border-bottom:2px solid #fff}
.lecture_in table thead .t_title:last-child{border-right:none}
.lecture_in table tbody tr .t_subject{background-color: rgba(145,137,255,0.2); font-weight:500; padding:20px 0; font-size:20px; line-height:27px; border-right:2px solid #fff; border-bottom:2px solid #fff}
.lecture_in table tbody tr:last-child .t_subject{border-bottom:none}

a:hover{text-decoration: underline;}
.star{color:#4583BD; font-weight:bold}
.description .star{margin-right:10px}
.bold{font-weight:bold}
.light{color:rgba(0,0,0,0.5)}
p.beyond_table{margin-bottom:30px}
.red{color:red}
.blue{color:#4583BD}
.t_title{font-weight:bold; background-color: rgba(145,137,255,0.4);border-right:2px solid #fff; border-bottom:2px solid #fff; font-size:20px;}
.t_subject{background-color: rgba(145,137,255,0.2); font-weight:500; padding:30px 0; font-size:20px; line-height:27px; border-right:2px solid #fff; border-bottom:2px solid #fff}
.bottom{border-bottom:2px solid rgba(145,137,255,0.2)!important}
.white_bottom{border-bottom:2px solid #fff!important}
.right{border-right:2px solid rgba(145,137,255,0.2)!important}
.white_right{border-right:2px solid #fff!important}

.lecture_cont .golink{width:100%; font-size:34px; text-align: center; box-sizing: border-box; padding:20px 0!important; margin-bottom:100px; border-radius:20px; cursor:pointer;transition:all 0.8s;   font-weight:bold; color:#777ded; box-shadow: none!important; margin-top:50px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)!important; border:5px solid #777ded}

.lecture_cont .golink:hover{background-color:rgba(0, 0, 0, 0.05)}



 .timegram{width:100%; display: flex; justify-content: space-around; }
 .timegram .time_in{border:4px solid #777ded; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius:5px; padding:20px 40px; display:flex; flex-direction: column; justify-content: center;}
.timegram .time_in ul{display: flex;justify-content: center; align-items: center;}
 .timegram .time_in ul:first-child{gap:90px}
 .timegram .time_in ul:first-child li{font-size:18px; color:#777ded; font-weight:500}
 .timegram .time_in ul:nth-child(2){margin-bottom:5px}
 .timegram .time_in ul:nth-child(2) .white{width:18%; height:5px; background-color: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);}
 .timegram .time_in ul:nth-child(2) .dot{width:10px; height:10px; border-radius: 5px; background-color: #777ded;}
 .timegram .time_in ul:nth-child(2) .filled{width:29%; height:5px; background-color: #777ded; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);}
 .timegram .time_in ul:nth-child(3){color:#aeaeae; gap:89px; margin-bottom:15px}
 .timegram .time_in p{padding:3px 8px; background-color: #edf0ff; color:#575757; font-weight:500}
 .timegram .junction ul li{display: flex; align-items: center;margin-bottom:10px}
 .timegram .junction ul li .workplace{padding:10px 0; text-align: center; width:300px; border:4px solid #777ded; border-radius: 5px; box-shadow:  0 0 8px rgba(0, 0, 0, 0.1); color:#575757; font-weight:500; font-size:18px}
 .timegram .junction ul li .line{width:70px; height:4px; background-color: #777ded; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
 .timegram .junction ul li .circle{width:80px; height:80px; text-align: center; color:#fff; font-size:20px; font-weight:500; background-color: #777ded; border-radius:50px; line-height:20px; padding:30px 0;}
 .timegram .junction p{font-size:13px; line-height:17px; color:#7f7f7f}

 .notice .achtung{display: flex; justify-content: left; gap:10px; align-items: center; margin-bottom:20px}
 .notice .achtung .circle{width:40px; height:40px; text-align: center; font-size:24px; padding:8px; color:#fff; background-color: #777ded; border-radius:40px; line-height:24px; font-weight:700}
 .notice .achtung .des{font-size:18px; color:#777ded; font-weight:600}
 .notice .ex{padding-left:70px; display: flex; color:#898989; gap:40px;}

 .table{display: flex; justify-content: space-between; width:100%}
 .table .lecture_table{width:48%; display: flex; flex-direction: column; justify-content: space-between; gap:20px;}
 .table .lecture_table .table_head{width:100%; font-size:24px; color:#fff; background-color: #777ded; padding:5px 0; text-align: center;}
 .table .lecture_table .lec_row{display: flex; justify-content: space-between; text-align:center; width:100%}
 .table .lecture_table .lec_row .td_puzzle{display: flex; flex-flow:row wrap; gap:10px; justify-content: space-between; width:46%}
 .table .lecture_table .lec_row .td_puzzle_s{display: flex; gap:10px; justify-content: space-between; width:46%}
 .table .lecture_table .lec_row .lec_td{position:relative}
 .table .lecture_table .lec_row .lec_td .td_in{background-color: #ecedfc; font-size:18px; width:46%; padding:20px 0; border-radius:5px; position:relative}
 .table .lecture_table .lec_row .td_bold{box-sizing: border-box; border:3px solid #d2d5ff; background-color: #ecedfc; width:25%; border-radius:5px; font-size:18px; font-weight:500}
 .table .lecture_table .lec_row .td_bold span{font-weight:400; font-size:14px}
 .table .lecture_table .lec_row .td_white{box-sizing: border-box; border:3px solid #ecedfc; background-color: #fff; width:22%; font-size:13px; padding:10px 0; border-radius:5px; position:relative}

.lecture_table_2{display: flex; flex-direction: column!important; justify-content: start!important; gap:20px;}
 .table .lecture_table .lec_row .lec_td p{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%}

.lec_5 .table .lecture_table .lec_row_1 .td_white{padding:45px 0!important}
.lec_5 .table .lecture_table .lec_row_2 .td_white{padding:50px 0!important}
.lec_5 .table .lecture_table .lec_row_3 .td_white{padding:99px 0!important}
.lec_5 .table .lecture_table .lec_row_5 .td_bold{padding:15px 0!important; line-height:24px}
.lec_5 .table .lecture_table .lec_row_6 .td_bold{padding:15px 0!important; line-height:24px}
.lec_5 .table .lecture_table .lec_row_7 .td_bold{padding:15px 0!important; line-height:24px; height:155.09px}
.lec_5 .table .lecture_table .lec_row_8 .td_bold{padding:15px 0!important; line-height:24px; height:155.09px}
.lec_5 .table .lecture_table_2 .lec_row_5 .td_bold br{display: none;} 

.achtung .des span{background-color: #edf0ff;}
.description span{background-color: #edf0ff;}

/*------- lec_1 ----------------------------------------------------------------*/
.lec_1 .timegram .time_in{padding:0; justify-content: flex-start; gap:10px; width:35%; height:80%}
.lec_1 .timegram .time_in .time_in_head{width:100%; padding:5px 0 5px 20px; background-color: #777ded; color:#fff; font-weight:500;}
.lec_1 .timegram .time_in .time_in_body{padding:10px 20px; box-sizing: border-box;}
.lec_1 .timegram .time_in .time_in_body .tib_1{gap:50px}
.lec_1 .timegram .time_in .time_in_body .tib_2 .filled{width:45%}
.lec_1 .timegram .time_in .time_in_body .tib_3{gap:190px}
.lec_1 .timegram .time_in .time_in_body p{text-align: center;}

.lec_1 .timegram .junction{position:relative}
.lec_1 .timegram .junction .workplace_2{padding:12px 0!important}
.lec_1 .timegram .junction .workplace:first-child{padding:0}
.lec_1 .timegram .junction .workplace p{font-size:18px; padding:20px 0; color:#575757}
.lec_1 .timegram .junction .workplace p:first-child{border-bottom: 3px dashed #777ded}
.lec_1 .timegram .junction .line{width:25px}
.lec_1 .timegram .junction .halftime{width:100px; height:100px; border-radius: 90px; background-color: #2329a7; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; gap:8px;}
.lec_1 .timegram .junction .hf_1{font-size:14px; color:#fff; text-align: center; }
.lec_1 .timegram .junction .hf_2{font-size:22px; color:#fff; text-align: center; font-weight:500}
.lec_1 .timegram .junction .none_disaster{padding:0 25px}
.lec_1 .timegram .junction .circle_in{width:100px; height:100px; border-radius: 90px; background-color: #777ded; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; gap:8px;}
.lec_1 .timegram .junction .no_disa_box{width:150px; height:110%; border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position:absolute; top:-50px; right:0;}
.lec_1 .timegram .junction .no_disa_box p{padding-top:10px; text-align: center; font-size:18px; color:#777ded; font-weight:500}
.lec_1 .timegram .junction .no_disa_box p span{font-size:14px; line-height:24px}
.lec_1 .notice .des{font-size:20px}
.lec_1 .notice img{width:41px; height:60px; object-fit: contain; object-position: bottom; margin-left:-30px}
.lec_1 .notice .ex p a{color:#898fff}
.lec_1 .notice .ex p a:hover{text-decoration: underline;}


.lec_1 .table{flex-direction: column; gap:20px;}
.lec_1 .table .lecture_table{width:100%}
.lec_1 .table .lec_row_1{gap:20px}
.lec_1 .table .lecture_table .td_white{width:40%; font-size:18px}
.lec_1 .table .lecture_table .td_puzzle{width:35%;justify-content:space-between; gap:10px!important}
.lec_1 .table .des{color:#7f7f7f}
.lec_1 .table .lec_row_1 .td_bold br{display: none;}
.lec_1 .table .lec_row_1 .td_puzzle .td_in br{display: none;}
.lec_1 .golink{margin-bottom:60px}


/*---------------- lec_2 ---------------------------------------------------*/

.lec_2 .timegram{justify-content:center; gap:80px}
.lec_2 .timegram .time_in{height:78%; align-self:center}
.lec_2 .timegram .time_in .filled{width:60%!important}
.lec_2 .timegram .time_in .tib_3{gap:48%}


.lec_2 .timegram .dotstop{width:3px; height:16px; background-color: #777ded;}
.lec_2 .timegram .junction{width:50%}
.lec_2 .timegram .junction li .workplace{width:75%; line-height:26px}
.lec_2 .timegram .junction li:last-child .workplace{line-height:52px}
.lec_2 .timegram .junction li .line{width:30px}
.timegram .junction li .circle_in{width:100px; height:100px; border-radius: 90px; background-color: #777ded; box-sizing: border-box; text-align: center;display: flex; flex-direction: column; justify-content: center; }
.timegram .junction li .circle_in p{color:#fff; font-size:18px; font-weight:500}


.lec_2 .table{flex-direction: column; }
.lec_2 .table .lecture_table{width:100%; gap:20px; margin-bottom:20px}
.lec_2 .table .lecture_table .lec_row{gap:20px;}
.lec_2 .table .lecture_table .td_white{width:45%; font-size:18px}
.lec_2 .table .lecture_table .lec_row>div{padding:15px 0}
.lec_2 .table .lecture_table .lec_row>div.td_puzzle{padding: 0}
.lec_2 .table .lecture_table .lec_row>div .td_in{padding:20px 0}
.lec_2 .table .des{color:#7f7f7f}


/*-------- lec_3 -------------------------------*/

.lec_3 .timegram{justify-content: center}
.lec_3 .timegram .time_in .filled{width:60%!important}
.lec_3 .timegram .junction ul{display: flex; flex-direction: column;gap:20px}
.lec_3 .timegram .junction li .line{width:30px;}
.lec_3 .timegram .junction li .line_dashed{width:30px;height:0; border-top:4px dashed #777ded}
.lec_3 .timegram .junction li .circle_in{width:100px; height:100px; border-radius: 90px; background-color: #777ded; box-sizing: border-box; text-align: center;display: flex; flex-direction: column; justify-content: center; }
.lec_3 .timegram .junction li .circle_in p{color:#fff; font-size:18px; font-weight:500}
.lec_3 .timegram .junction .workplace{width:500px; line-height:26px; padding:20px}

.lec_3 .timegram .time_in{border:4px dashed #777ded; align-self:flex-end!important; height:80%; padding:20px; width:400px}
.lec_3 .timegram .time_in .tib_1{gap:30px}
.lec_3 .timegram .time_in .tib_1 li{font-size:16px}
.lec_3 .timegram .time_in .tib_3{gap:82px}
.lec_3 .timegram .time_in p{text-align: center; line-height:22px; padding:10px}
.lec_3 .table .lec_row_1 .td_bold br{display: none;}



.lec_3 .table{flex-direction: column;}
.lec_3 .table .lecture_table{width:100%; margin-bottom:40px;}
.lec_3 .table .lecture_table .lec_row{gap:20px}
.lec_3 .notice .achtung .des{line-height:25px}
.lec_3 .table .lecture_table .td_white{width:45%; font-size:18px}
.lec_3 .table .des{color:#7f7f7f}
.lec_3 .table .des a{color:#898fff}
.lec_3 .table .des a:hover{text-decoration: underline;}



/*------------- lec_4 -----------------------------------------*/

.lec_4 .timegram{flex-flow:row wrap; justify-content: center; gap:20px; margin-bottom:40px!important}
.lec_4 .timegram .junction{min-width:90%}
.lec_4 .timegram .time_in{width:47%}
.lec_4 .timegram .table{width:45%}
.lec_4 .timegram .table .lecture_table{width:100%}
.lec_4 .timegram p{width:100%}

.lec_4 .timegram .junction ul{display: flex; flex-direction: column; gap:5px;}
.lec_4 .timegram .junction ul li{border:none; width:100%;box-sizing: border-box; padding-left:25px;}
.lec_4 .timegram .junction ul li .workplace{width:90%; padding:16px 0; text-align: center; border:3px solid #dbddff; border-radius:20px; color:#777ded; background-color: #f0f1ff; font-size:20px; font-weight:600;}
.lec_4 .timegram .junction ul li .circle_in{width:95px; height:95px; border-radius:80px; background-color: #777ded;; margin-left:-50px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.lec_4 .timegram .junction ul li .circle_in p{font-size:18px; color:#fff; font-weight:500; text-align: center;}

.lec_4 .timegram .time_in p{text-align: center!important; line-height:22px; padding:10px 0}
.lec_4 .timegram .time_in .tib_1{gap:110px}
.lec_4 .timegram .time_in .tib_2 .dotstop{width:3px; height:16px; background-color: #777ded;}
.lec_4 .timegram .time_in .tib_3{justify-content: center; gap:100px;}

.lec_4 .timegram .table .table_head span{padding:3px 15px; border-radius:20px; background-color: #fff; color:#777ded; font-weight:600}
.lec_4 .timegram .table .lec_row{width:100%;}
.lec_4 .timegram .table .lec_row .lec_td{padding:50px 0}
.lec_4 .timegram .table .lec_row .td_bold{width:23%}
.lec_4 .timegram .table .lec_row .td_puzzle{width:23%; flex-direction: column; justify-content: flex-start; padding:0}
.lec_4 .timegram .table .lec_row .td_puzzle .td_in{width:100%; height:100%; padding:60px 0}
.lec_4 .timegram .table .lec_row .td_white{width:50%; font-size:18px;}

.des{color:#7f7f7f}





/*------------ lec_6 -----------------------------------------------*/

.lec_6 .timegram{ justify-content: center; gap:30px; margin-bottom:40px!important}
.lec_6 .timegram .time_in{width:43%}
.lec_6 .timegram .table{width:51%}
.lec_6 .timegram .table .lecture_table{width:100%}
.lec_6 .timegram p{width:100%}

.lec_6 .timegram .time_in p{text-align: center!important; line-height:22px; padding:10px 0}
.lec_6 .timegram .time_in .tib_1{gap:160px}
.lec_6 .timegram .time_in .tib_2 .dotstop{width:3px; height:16px; background-color: #777ded;}
.lec_6 .timegram .time_in .tib_2 .filled{width:45%}
.lec_6 .timegram .time_in .tib_3{justify-content: center; gap:140px;}
.lec_6 .timegram .time_in .tib_3 li:first-child{margin-left:20px}
.lec_6 .timegram .time_in .tib_3 li:last-child{margin-left:10px}


.lec_6 .timegram .table .table_head span{padding:3px 15px; border-radius:20px; background-color: #fff; color:#777ded; font-weight:600}
.lec_6 .timegram .table .lec_row{width:100%;}
.lec_6 .timegram .table .lec_row .lec_td{padding:50px 0}
.lec_6 .timegram .table .lec_row .td_bold{width:23%}
.lec_6 .timegram .table .lec_row .td_puzzle{width:23%; flex-direction: column; justify-content: flex-start; padding:0}
.lec_6 .timegram .table .lec_row .td_puzzle .td_in{width:100%; height:100%; padding:60px 0}
.lec_6 .timegram .table .lec_row .td_white{width:50%; font-size:18px;}




/*-------- lec_7 -----------------------------------------------*/


.lec_7 .timegram{justify-content: center}
.lec_7 .timegram .time_in .filled{width:60%!important}
.lec_7 .timegram .junction ul{display: flex; flex-direction: column;gap:20px}
.lec_7 .timegram .junction li .line{width:30px;}
.lec_7 .timegram .junction li .line_dashed{width:30px;height:0; border-top:4px dashed #777ded}
.lec_7 .timegram .junction li .circle_in{width:100px; height:100px; border-radius: 90px; background-color: #777ded; box-sizing: border-box; text-align: center;display: flex; flex-direction: column; justify-content: center; }
.lec_7 .timegram .junction li .circle_in p{color:#fff; font-size:18px; font-weight:500}
.lec_7 .timegram .junction .workplace{width:350px; line-height:26px; padding:20px}

.time_head{font-size:20px!important; font-weight:500!important; color:#fff!important; background-color: #777ded!important;}
.lec_7 .timegram .time_in{align-self:flex-end!important; height:80%; width:450px;padding:0; border:none}
.lec_7 .timegram .time_in>div{border:4px dashed #777ded; padding:20px}
.lec_7 .timegram .time_in .tib_1{gap:30px}
.lec_7 .timegram .time_in .tib_1 li{font-size:16px}
.lec_7 .timegram .time_in .tib_3{gap:100px}
.lec_7 .timegram .time_in p{text-align: center; line-height:22px; padding:10px}

.lec_7 .table .lec_row_1 .td_bold br{display: none;}

.lec_7 .table{flex-direction: column;}
.lec_7 .table .lecture_table{width:100%; margin-bottom:40px;}
.lec_7 .table .lecture_table .lec_row{gap:20px}
.lec_7 .notice .achtung .des{line-height:25px}
.lec_7 .table .lecture_table .td_white{width:45%; font-size:18px}
.lec_7 .table .des{color:#7f7f7f}
.lec_7 .table .lecture_table .lec_row .td_bold{padding:30px 0}
.lec_7 .table .lecture_table .lec_row .td_white{padding:30px 0}
.lec_7 .table .lecture_table .lec_row .td_puzzle>div{padding:30px 0}




/*----------- lec_8 ----------------------------------------------------------------*/

.lec_8 .timegram{ justify-content: center; gap:30px; margin-bottom:40px!important}
.lec_8 .timegram .time_in{width:43%}
.lec_8 .timegram .table{width:51%}
.lec_8 .timegram .table .lecture_table{width:100%}
.lec_8 .timegram p{width:100%}

.lec_8 .timegram .time_in p{text-align: center!important; line-height:22px; padding:10px 0}
.lec_8 .timegram .time_in .tib_1{gap:160px}
.lec_8 .timegram .time_in .tib_2 .dotstop{width:3px; height:16px; background-color: #777ded;}
.lec_8 .timegram .time_in .tib_2 .filled{width:45%}
.lec_8 .timegram .time_in .tib_3{justify-content: center; gap:140px;}


.lec_8 .timegram .table .table_head span{padding:3px 15px; border-radius:20px; background-color: #fff; color:#777ded; font-weight:600}
.lec_8 .timegram .table .lec_row{width:100%;}
.lec_8 .timegram .table .lec_row .lec_td{padding:50px 0}
.lec_8 .timegram .table .lec_row .td_bold{width:23%}
.lec_8 .timegram .table .lec_row .td_puzzle{width:23%; flex-direction: column; justify-content: flex-start; padding:0}
.lec_8 .timegram .table .lec_row .td_puzzle .td_in{width:100%; height:100%; padding:60px 0}
.lec_8 .timegram .table .lec_row .td_white{width:50%; font-size:18px;}




/*---------------- lec_9 -----------------------------------------------------------*/

.response{display: flex; justify-content: center; gap:30px;}
.wing_left{width:40px; height:250px; box-sizing: border-box; border-top:8px solid #eaefff; border-left:8px solid #eaefff; border-bottom:8px solid #eaefff}
.wing_right{width:40px; height:250px; box-sizing: border-box; border-top:8px solid #eaefff; border-right:8px solid #eaefff; border-bottom:8px solid #eaefff}
.response .wing_cont{text-align: center;display: flex; flex-direction: column; gap:20px; justify-content: center;}
.lec_9 .table .lec_row_1 .td_bold br{display: none;}

.lec_9 .timegram {justify-content: center; gap:70px; text-align: center;}
.lec_9 .timegram .time_in{padding:0; justify-content: flex-start; width:400px}
.lec_9 .timegram .time_in .time_head{font-size:20px; font-weight:500; color:#fff; background-color: #777ded; text-align: center; align-self:flex-start; width:100%; padding:5px 0; display: flex; justify-content: center; gap:20px; align-items: center;}
.lec_9 .timegram .time_in .time_head span{display: block; }
.lec_9 .timegram .time_in .time_head span.th{background-color: #777ded; padding:0; font-size:20px; color:#fff;}
.lec_9 .timegram .time_in .time_head span.tt{padding:5px 25px; color:#777ded; border-radius: 30px; background-color: #fff; font-size:18px; font-weight:bold; line-height:20px}
.lec_9 .timegram .time_in .time_in_body{padding:20px}

.lec_9 .timegram .time_left .tib_2 .filled{width:180px}
.lec_9 .timegram .time_left .tib_3{justify-content: left;gap:125px; line-height:38px}
.lec_9 .timegram .time_left .tib_3 li:first-child{margin-left:30px}

.lec_9 .timegram .time_right .tib_2 .white{width:40px}
.lec_9 .timegram .time_right .tib_2 .doubledot{border:5px solid rgba(119,125,237,0.2); border-radius:100px}
.lec_9 .timegram .time_right .tib_2 .filled_half{width:39%; height:5px; background-color: rgba(119,125,237,0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);}
.lec_9 .timegram .time_right .tib_2 .filled{width:20%}
.lec_9 .timegram .time_right .tib_3{line-height:17px; justify-content: left; padding-left:35px; box-sizing: border-box;gap:40px}
.lec_9 .timegram .time_right .tib_3 li:first-child{margin-right:68px}
.lec_9 .timegram .time_right .tib_3 li:nth-child(2){margin-right:2px}
.lec_9 .timegram .time_right p{line-height:21px}

.lec_9 .notice .achtung{width:fit-content; margin:0 auto}
.lec_9 .table{flex-direction: column;gap:40px; align-items: center;}
.lec_9 .table .lecture_table{width:1000px;}
.lec_9 .table .lecture_table .lec_row{ gap: 20px !important;}
.lec_9 .table .lecture_table .td_bold{width:32%}
.lec_9 .table .lecture_table .lec_row_2{box-sizing: content-box!important;HEIGHT:110px}
.lec_9 .table .lecture_table .lec_row_3{HEIGHT:110px}
.lec_9 .table .lecture_table .td_white{font-size:16px;}

.lec_9 .table .lecture_table .lec_row_2 .td_puzzle .td_in,.lec_9 .table .lecture_table .lec_row_3 .td_puzzle .td_in{padding:38px 0}
.lec_9 .table .lecture_table .lec_row_2 .td_bold p br.pcnone{display: none;}



/* ---------------------- lec_10 --------------------------------------*/

.lec_10 .timegram{justify-content: center; gap:0; align-items: center;}
.lec_10 .timegram .junction .line{width:35px!important}
.lec_10 .timegram .time_in{padding:0; width:400px}
.lec_10 .timegram .time_in .time_head{padding:6px 0; text-align: center; background-color: #777ded; color:#fff;;}
.lec_10 .timegram .time_in>div{padding:20px}
.lec_10 .timegram .time_in>div p{text-align: center;line-height:23px; padding:8px 10px}
.lec_10 .timegram .time_in .tib_1{gap:170px}
.lec_10 .timegram .time_in .tib_2 li:nth-child(4){width:110px}
.lec_10 .timegram .time_in .tib_2 .white_side{width:20px}
.lec_10 .timegram .time_in .tib_3{gap:65px}
.lec_10 .timegram .time_in .tib_3 li:last-child{margin-left:-35px}

.lec_10 .notice .achtung{width:1000px; margin:0 auto}

.lec_10 .table{flex-direction: column; gap:40px;}
.lec_10 .table .lecture_table{width:100%; gap:20px}
.lec_10 .table .lecture_table .td_white{font-size:18px; padding:30px 0; width:40%; height:100px}
.lec_10 .table .lecture_table .td_puzzle {width:30%; }
.lec_10 .table .lecture_table .td_puzzle div{display: flex; flex-direction: column; justify-content: center;}
.lec_10 h3, .lec_10 .description{padding-left:0}



@media (min-width:1200px){
    .table_1{width:850px!important; margin: 0 0 35px 52px!important}
    .table_1 thead tr:first-child td:first-child{width:35%}
    .table_1 thead tr:last-child td{width:32.5%}

    .table_2{width:800px!important; margin: 0 0 35px 52px!important}
    .table_2 tbody tr:first-child td:first-child{width:18%}
    .table_2 tbody tr:nth-child(2) td.bottom{width:41%}

    .table_3{width:850px!important; margin: 0 0 35px 52px!important}
    .table_3 thead td:first-child{width:80%}

    .table_4{width:500px!important; margin: 0 0 35px 52px!important}
    .table_4 tbody tr td:first-child{width:30%}

    .table_5{width:1100px!important; margin: 0 0 35px 52px!important}
    .table_5 thead td:first-child{width:86%}

    .table_6{width:500px!important; margin: 0 0 35px 52px!important}
    .table_6 tbody tr td:first-child{width:30%}

    .table_7{width:900px!important; margin: 0 0 35px 52px!important}
    .table_7 thead td:last-child{width:20%}
    .table_8{width:500px!important; margin: 0 0 35px 52px!important}
    .table_8 tbody tr td:first-child{width:30%}



    .table_9{width:400px!important; margin: 0 0 35px 52px!important}

    .table_10 thead td.t_title{padding:15px 0; font-weight:500}
    .table_10 td.t_title{padding:15px 0; font-weight:500}
    .table_10 thead td.sort{font-weight:700; padding:8px 0}
    .table_10 td.sort{font-weight:700; padding:8px 0}
    .table_10 thead tr:last-child td:first-child{width:30%}
    .table_10 thead tr:last-child td:nth-child(2){width:20%}
    .table_10 thead tr:last-child td:nth-child(3){width:20%}
    .table_10 thead tr:last-child td:last-child{width:30%}
    .table_10 tbody tr:first-child td:nth-child(2){width:10%}

    .table_11{width:500px!important; margin: 0 0 35px 52px!important}
    .table_12{width:900px!important; margin: 0 0 35px 52px!important}
    .table_13{width:500px!important; margin: 0 0 35px 52px!important}
    .table_13 tbody tr td:first-child{width:75%}
    .table_14{width:500px!important; margin: 0 0 35px 52px!important}
    .table_14 tbody tr td:first-child{width:30%}

    .table_15{width:500px!important; margin: 0 0 35px 52px!important}
    .table_15 tbody tr td:first-child{width:75%}
    .table_16{width:500px!important; margin: 0 0 35px 52px!important}
    .table_16 tbody tr td:first-child{width:30%}
    .table_17{width:500px!important; margin: 0 0 35px 52px!important}
    .table_18{width:800px!important; margin: 0 0 35px 52px!important}
    .table_19{width:1050px!important; margin: 0 0 35px 52px!important}
    .table_19 tbody tr:first-child td{width:21%}
    .table_19 tbody tr:first-child td:nth-child(2){width:42%}
    .table_19 tbody tr:first-child td:first-child{width:16%}
    .table_20{width:500px!important; margin: 0 0 35px 52px!important}
    .table_20 thead tr td{width:50%}
    .table_21{width:500px!important; margin: 0 0 35px 52px!important}
    .table_21 tbody tr td:first-child{width:30%}

}






@media (min-width:768px) and (max-width:1199px){

    .top_section{width:100%; height:auto; padding-top:50px;}
    .top_head{ box-sizing: border-box; padding:0;padding-left:50px; display: flex; flex-direction: column; justify-content: center; height:150px;}
    .top_head h1{font-size:33px}
    .top_section ul{display: flex; flex-direction: row; justify-content: space-between; width:calc(100% - 80px); margin:0 auto}
    .top_section ul li{font-size:18px; padding:0; width:23%}
    .top_section ul li p{width:100%}
    .top_section .t{display: block;}
    .top_section ul li.on{font-size:18px}


    .cont_section{width:calc(100% - 60px); margin:0 auto; padding-top: 70px; }
    .cont_section h2{font-size:30px; line-height: 34px;}
    .cont_section .lecture_tab{gap:12px; justify-content: center;}
    .cont_section .lecture_tab li{font-size:2vmin; padding:0; width:23%; border-radius: 15px;}
    .cont_section .lecture_tab li p{width:100%; height:9.5vmin; position:relative; padding:0; border-radius:20px}
    .cont_section .lecture_tab li p span{width:calc(100% - 10px);display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
    .cont_section .lecture_tab li:last-child p{line-height:3vmin;}

    .cont_section .lecture_cont{width:100%}
    .lecture_cont>div{border-radius:30px!important; padding:50px 30px!important}
    .cont_section .lecture_cont .lecture_in{margin-bottom:60px}
    .lecture_in h3{padding-left:20px}
    .cont_section .lecture_cont .lecture_in .headdes{padding-left:50px}
    .lecture_in h4{font-size:22px; margin-bottom:22px;}
    .lecture_in h4 .icon{width:26px; height:26px; margin-right:10px}
    .lecture_in h4 .icon img{width:20px; height:20px}
    .lecture_in .description{padding:0px 10px}
    .lecture_in .undertable{padding:5px 10px}

    .table .table_head{font-size:22px!important}
    .table .lec_row .lec_td, .table .lec_row .lec_td .td_in{font-size:16px!important}

    p.beyond_table{margin-bottom:20px}

    .golink{font-size:30px!important; margin-bottom:70px!important}




    .lec_1 .timegram{flex-direction: column; align-items: center; gap:80px;}
    .lec_1 .timegram .time_in{width:400px}
    .lec_1 .timegram .time_in .time_in_head{font-size:18px}
    .lec_1 .table .lec_row_1 br{display: block!important;}
    .lec_1 .table .lec_row_1 .td_puzzle .td_in{position: relative;}
    .lec_1 .table .lec_row_1 .td_puzzle .td_in span{display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);width:100%}



    .lec_2 .timegram{flex-direction:column; gap:50px; align-items: center;}
    .lec_2 .timegram .junction{width:80%}


    .lec_3 .timegram{flex-direction: column; align-items:center; gap:10px;}
    .lec_3 .timegram .junction li:last-child .line_dashed_below{width:0; height:30px; border:none; border-right:4px dashed #777ded; margin-left:-50px; align-self:flex-end; margin-bottom:-20px}
    .lec_3 .notice .achtung{align-items:unset; gap:15px}
    .lec_3 .notice .achtung .des{width:93%; font-size:17px}
    .lec_3 .table .lec_row_1 .td_bold br{display: block;}



    .lec_4 .timegram{flex-direction:column; align-items: center;}
    .lec_4 .junction {width:100%}
    .lec_4 .junction .workplace{font-size:18px!important;}
    .lec_4 .junction li:first-child .workplace{box-sizing: border-box; padding-right:25px!important;}
    .lec_4 .time_in{width:500px!important; margin-bottom:60px}
    .lec_4 .time_in .tib_1{gap:90px!important}
    .lec_4 .time_in .tib_3{gap:85px!important}
    .lec_4 .timegram .table{width:100%}




    .lec_5 .headdes br{display: none;}
    .lec_5 .headdes span{margin-left:10px; background-color: none;}
    .lec_5 .timegram{flex-direction: column; gap:40px; align-items: center;}
    .lec_5 .timegram .time_in{width:400px}
    .lec_5 .timegram .time_in .tib_1{gap:67px}
    .lec_5 .timegram .time_in .tib_3{gap:60px}
    .lec_5 .notice .achtung .des{font-size:17px; line-height:25px;}
    .lec_5 .notice .ex{flex-direction: column; gap:10px;;line-height:25px}
    .lec_5 .table{flex-direction: column; align-items: center; gap:60px;}
    .lec_5 .table .lecture_table{width:100%}
    .lec_5 .table .lecture_table_1 .lec_row_3 .td_white p{line-height:24px}
    .lec_5 .table .lecture_table_1 .lec_row_3 .td_white p span{letter-spacing: -1px; font-size:15px!important}
    .lec_5 .table .lecture_table_2 .lec_row_5 .td_bold br{display: block!important;} 


    .lec_6 .timegram{flex-direction: column; align-items: center;}
    .lec_6 .timegram .time_in{width:400px; margin-bottom:40px}
    .lec_6 .timegram .time_in .tib_3{gap:100px}
    .lec_6 .timegram .table{width:100%}
    


    .lec_7 .timegram{flex-direction:column; align-items: center;}
    .lec_7 .timegram .junction li{margin-bottom:0}
    .lec_7 .timegram .junction li .line_dashed_2{width:0; height:30px; border:none; border-right:4px dashed #777ded; margin-left:-50px; margin-top:125px}
    .lec_7 .timegram .time_in{margin-top:-17px}
    .lec_7 .notice .achtung{align-items:unset; gap:15px}
    .lec_7 .notice .achtung .des{width:93%; font-size:17px}
    .lec_7 .table .lec_row_1 .td_bold br{display: block;}



    .lec_8 .timegram{flex-direction: column; align-items: center; gap:60px;}
    .lec_8 .timegram .time_in{width:400px}
    .lec_8 .timegram .time_in .tib_3{gap:110px}
    .lec_8 .timegram .table{width:100%}


    .lec_9 .timegram{flex-direction: column; align-items: center; gap:40px}
    .lec_9 .timegram .time_in{width:400px}
    .lec_9 .notice .achtung{align-items:unset; gap:15px}
    .lec_9 .notice .achtung .des{width:93%; font-size:17px}
    .lec_9 .table .lecture_table{width:100%}
    .lec_9 .table .lec_row_1 .td_bold br{display: block;}



    .lec_10 .timegram{flex-direction: column; gap:0; align-items: center;}
    .lec_10 .timegram .junction{width:100%}
    .lec_10 .timegram .junction>ul{display: flex; align-items: center;}
    .lec_10 .timegram .junction>ul li{flex-direction: column; width:50%; margin-bottom:0}
    .lec_10 .timegram .junction>ul li .workplace{width:80%}
    .lec_10 .timegram .junction>ul li .line{width:4px!important; height:30px}
    .lec_10 .notice .achtung{align-items:unset; gap:15px; width:100%}
    .lec_10 .notice .achtung .des{font-size:17px}
    .lec_10 .notice .achtung .des br{display:none}

}





@media (max-width:767px){
    .top_head{ box-sizing: border-box; padding:0;display: flex; flex-direction: column; justify-content: center; height:100px; margin-top:60px;}
    .top_head h1{font-size:26px; text-align: center; width:100%}
    .top_section{width:100%; height:auto; padding:20px 0;}
    .top_section ul{display: flex; flex-flow: row wrap; justify-content: space-between; width:calc(100% - 40px); margin:0 auto}
    .top_section ul li{font-size:16px; padding:0; width:45%; height:60px}
    .top_section ul li p{width:100%; line-height:22px}
    .top_section .t{display: block;}
    .top_section ul li.on{font-size:16px; border:2px solid #3d5773; border-radius:10px}


    .cont_section{width:calc(100% - 20px); margin:0 auto; padding-top: 60px; }
    .cont_section h2{font-size:24px; line-height: 30px; margin-bottom:30px}
    .cont_section .relative_law { font-size:14px; line-height:22px}
    .cont_section .lecture_tab{gap:12px; justify-content: center;}
    .cont_section .lecture_tab li{ padding:0; width:23%; border-radius: 15px;}
    .cont_section .lecture_tab li p{width:100%; height:20vmin; position:relative; padding:0; border-radius:20px; font-size:15px; line-height:23px}
    .cont_section .lecture_tab li p span{width:calc(100% - 10px);display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
    .cont_section .lecture_tab li:last-child p{line-height:19px;}
    .cont_section .lecture_tab li .dotdot{width:20px; height:20px}
    .cont_section .lecture_tab li.tabon .pipe{height:30px}

    .cont_section .lecture_cont{width:100%}
    .lecture_cont>div{border-radius:20px!important; padding:30px 10px!important}
    .cont_section .lecture_cont .lecture_in{margin-bottom:50px}
    .lecture_in h3{padding-left:20px; font-size:24px; margin-bottom:10px}
    .cont_section .lecture_cont .lecture_in .headdes{padding:0 22px; font-size:16px}
    .lecture_in h4{font-size:22px; margin-bottom:22px;}
    .lecture_in .description{padding:0px 10px; font-size:17px; line-height:25px}
    .lecture_in .undertable{padding:5px 10px}

    .table .table_head{font-size:20px!important}
    .table .lec_row .lec_td, .table .lec_row .lec_td .td_in{font-size:14px!important}

    p.beyond_table{margin-bottom:20px}

    .lecture_cont>div.golink{font-size:24px!important; margin:40px 0 50px!important; border-radius:80px!important; padding:20px 0}


    br.pcnone{display: block!important;}


    .lecture_cont .timegram{flex-direction: column; align-items: center; gap:40px;}
    .lecture_cont .timegram .time_in{width:100%}
    .lecture_cont .timegram .time_in .time_in_head{font-size:18px}
    .lecture_cont .timegram .time_in .time_in_body .tib_1 li{font-size:15px}
    .lecture_cont .timegram .time_in .time_in_body .tib_3 li{font-size:15px}
    .lecture_cont .timegram .time_in .time_in_body p{font-size:14px; line-height:22px}

    .lecture_cont .timegram .junction .workplace{font-size:14px;}
    .lecture_cont .timegram .junction .workplace p{font-size:14px}
    .lecture_cont .notice .achtung .circle{font-size:16px; width:30px; height:30px; padding-top:6px}
    .lecture_cont .notice .achtung .des{font-size:16px}
    .lecture_cont .notice .ex{font-size:14px; padding:0 20px; width:100%; box-sizing: border-box; line-height:22px; display:unset; height:auto}
    .lecture_cont .table .des{font-size:12px; line-height:20px}
    .lecture_cont .table .lec_row{gap:10px!important}
    .lecture_cont .table .lec_row_1 {gap:10px}
    .lecture_cont .table .lec_row_1 .td_puzzle{width:45%; gap:5px}
    .lecture_cont .table .lec_row_1 .td_puzzle .td_in{width:45%; font-size:14px!important}
    .lecture_cont .table .lec_row_1 .td_bold{width:25%;}
    .lecture_cont .table .lec_row_1 .td_white{width:40%}
    .lecture_cont .table .lec_row_1 .td_bold p{line-height:22px}
    .lecture_cont .table .lec_row_1 .td_white p{line-height:22px}

    .lec_1 .notice .ex p br{display: none;}
    .lec_1 .timegram .time_in .tib_1{gap: 11vmin !important;}
    .lec_1 .timegram .time_in .tib_3{gap: 41vmin !important;}
    .lec_1 .timegram .time_in .tib_3 li{font-size:14px!important}
    .lec_1 .timegram .junction{width:calc(45% + 170px); margin:0 auto}
    .lec_1 .timegram .junction ul{width:fit-content; justify-content: center; position: relative; }
    .lec_1 .timegram .junction ul li{ justify-content: center;}
    .lec_1 .timegram .junction .workplace{width:45%}
    .lec_1 .timegram .junction .hf_1{font-size:12px}
    .lec_1 .timegram .junction .hf_2{font-size:16px}
    .lec_1 .timegram .junction .line{width:15px}
    .lec_1 .timegram .junction .halftime{width:70px; height:70px}
    .lec_1 .timegram .junction .none_disaster{width:70px; padding:0}
    .lec_1 .timegram .junction .none_disaster .circle_in{width:70px; height:70px}
    .lec_1 .timegram .junction .no_disa_box_m{position:absolute;width:70px; padding-top:0px; right:calc((100% - (45% + 170px)) / 2); height:auto; top:-40px; box-shadow:none; display: block; text-align: center;}
    .lec_1 .timegram .junction .no_disa_box_m br.br_m{display: block;}
    .lec_1 .timegram .junction .no_disa_box p{font-size:16px}
    .lec_1 .timegram .junction .no_disa_box p span{font-size:12px}
    .lec_1 .timegram .junction>p br{display:none}
    .lec_1 .timegram .junction>p{margin:20px auto 0; width:calc(100% - 20px); }
    .no_disa_box_common{display: none;}
    .lec_1 .achtung{margin-bottom:5px}
    .lec_1 .notice .ex{padding:0; display: flex; flex-direction: column; gap:0;}
    .lec_1 .notice .ex img{height:40px; align-self:flex-end; margin-top:-20px}
    .lec_1 .notice .ex br.ex_block{display: block;}
    .lec_1 .table .lec_row_1 .td_bold p br{display: block!important;}
    .lec_1 .table .lec_row_1 .td_puzzle .td_in br{display: block!important;}
    .lec_1 .table .lec_row_1 .td_puzzle .td_in{position:relative}
    .lec_1 .table .lec_row_1 .td_puzzle .td_in span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%}



    .lec_2 .timegram{flex-direction:column; gap:50px; align-items: center;}
    .lec_2 .timegram .time_in{padding:20px}
    .lec_2 .timegram .time_in .time_in_body p{text-align: center;}
    .lec_2 .timegram .junction{width:95%; margin:0 auto;}
    .lec_2 .timegram .junction li{justify-content: center;}
    .lec_2 .timegram .junction li .workplace{line-height:24px; width:67%; padding:10px 5px}
    .lec_2 .timegram .junction li .workplace br{display: none;}
    .lec_2 .timegram .junction li .circle_in{width:70px; height:70px}
    .lec_2 .timegram .junction li .circle_in p{font-size:16px; line-height:24px}
    .lec_2 .timegram .junction li .line{width:15px}
    .lec_2 .table .lecture_table .lec_row .lec_td{ padding:10px 0}


    .lec_3 .timegram{flex-direction: column; align-items:center; gap:10px;}
    .lec_3 .timegram .junction li:last-child .line_dashed_below{width:0; height:30px; border:none; border-right:4px dashed #777ded; margin-left:-50px; align-self:flex-end; margin-bottom:-20px}
    .lec_3 .notice .achtung{align-items:unset; gap:15px}
    .lec_3 .notice .achtung .des{width:93%; font-size:17px}
    .lec_3 .timegram .junction{margin-bottom:10px}
    .lec_3 .timegram .junction ul li{width:100%; margin-bottom:0}
    .lec_3 .timegram .junction ul li .workplace{width:75%; padding:20px 15px}
    .lec_3 .timegram .junction ul li .workplace br{display: none;}
    .lec_3 .timegram .junction ul li .line{width:15px}
    .lec_3 .timegram .junction ul li .line_dashed{width:15px}
    .lec_3 .timegram .junction ul li .circle_in{WIDTH:70px; height:70px}
    .lec_3 .timegram .junction ul li .circle_in p{font-size:16px}
    .lec_3 .timegram .junction ul li:last-child .line_dashed_below{height:48px; margin-bottom:-20px; margin-left:-38px}
    .lec_3 .timegram .time_in .tib_3{gap:20px}
    .lec_3 .timegram .time_in .tib_3 li{width:30%; line-height:22px; text-align:center}
    .lec_3 .notice .achtung{flex-direction: column; gap:5px; justify-content: left; box-sizing: border-box; padding:0 5px;}
    .lec_3 .notice .achtung .des{font-size:16px; text-align: justify; padding:0; width:100%}



    .lec_4 .timegram{flex-direction:column; align-items: center; margin-bottom:20px!important}
    .lec_4 .junction {width:100%}
    .lec_4 .timegram .junction ul li{padding-left:0}
    .lec_4 .timegram .junction ul li .workplace{font-size:15px!important;; line-height:23px; width:90%; border-radius:15px}
    .lec_4 .junction li:first-child .workplace{box-sizing: border-box; padding-right:45px!important;}
    .lec_4 .timegram .junction ul li .circle_in{width:70px; height:70px}
    .lec_4 .timegram .junction ul li .circle_in p{font-size:16px}
    .lec_4 .timegram .time_in{width:100%; margin-bottom:0px; padding:20px}
    .lec_4 .timegram .table{width:100%}
    .lecture_cont>div>.des{font-size:12px; line-height:20px}

    .lec_4 .timegram .time_in ul:nth-child(2) .white{width:22%}
    .lec_4 .timegram .time_in ul:nth-child(2) .filled{width:50%}
    .lec_4 .timegram .time_in .tib_1{gap:31vmin}
    .lec_4 .timegram .time_in .tib_3{justify-content: center;font-size:12px; gap:28vmin; padding-left:0}
    .lec_4 .timegram .time_in .time_in_body ul.tib_3 li{font-size:12px; margin:0}
    /* .lec_4 .timegram .time_in .time_in_body ul.tib_3 li:nth-child(1){margin-right:15px}
    .lec_4 .timegram .time_in .time_in_body ul.tib_3 li:nth-child(3){margin-left:-15px}
    .lec_4 .timegram .time_in .time_in_body ul.tib_3 li:nth-child(4){margin-left:8px} */


    .lec_5 .headdes br{display: none;}
    .lec_5 .headdes span{margin-left:5px; background-color: none;}
    .lec_5 .timegram{flex-direction: column; gap:40px; align-items: center;}
    .lec_5 .timegram .time_in{width:100%; padding:20px; font-size:14px; line-height:22px}
    .lec_5 .timegram .time_in ul li{font-size:14px; margin:0}
    .lec_5 .timegram .time_in ul:nth-child(3){gap:17vmin}
    .lec_5 .timegram .time_in ul:nth-child(1){gap:17vmin}
    .lec_5 .timegram .time_in ul:nth-child(1) li{font-size:16px}
    .lec_5 .timegram .junction {width:100%;}
    .lec_5 .timegram .junction ul{width:fit-content; margin:0 auto 20px}
    .lec_5 .timegram .junction li .workplace{width:160px}
    .lec_5 .timegram .junction li .line{width:15px}
    .lec_5 .timegram .junction li .circle{width:70px; height:70px; font-size:16px; padding:25px 0}
    .lec_5 .timegram .junction>p br{display: none;}
    .lec_5 .timegram .junction>p{text-align: justify; width:calc(100% - 10px); margin:0 auto}
    .lec_5 .notice{margin-bottom:30px!important}
    .lec_5 .notice .achtung{flex-direction: column; align-items: flex-start; width:calc(100% - 10px); margin:0 auto}
    .lec_5 .notice .achtung .des{font-size:16px; line-height:24px; text-align: justify;}
    .lec_5 .notice .ex{line-height:22px; width:calc(100% - 10px); margin:0 auto}
    .lec_5 .table{flex-direction: column; align-items: center; gap:60px;}
    .lec_5 .table .lecture_table{width:100%}
    .lec_5 .table .lecture_table_1 .lec_row_3 .td_white p{line-height:21px}
    .lec_5 .table .lecture_table_1 .lec_row_4 .td_white{font-size:11px!important}
    .lec_5 .table .lec_row .td_white p{font-size:11px}
    .lec_5 .table .lec_row .td_bold{width:25%}
    .lec_5 .table .lec_row .td_white{width:30%}
    .lec_5 .table .lec_row .td_puzzle{width:40%}
    .lec_5 .table .lec_row .td_puzzle .td_in{width:45%}
    .lec_5 .table .lecture_table_2 .lec_row_5 .td_bold{line-height:20px}
    .lec_5 .table .lecture_table_2 .lec_row_5 .td_bold br{display: block!important;}



    .lec_6 .timegram{flex-direction: column; align-items: center; margin-bottom:20px!important}
    .lec_6 .timegram .time_in{width:100%; padding:20px}
    .lec_6 .timegram .time_in .tib_3{gap:26vmin}
    .lec_6 .timegram .table{width:100%}
    


    .lec_7 .timegram{flex-direction:column; align-items: center;gap:0}
    .lec_7 .timegram .junction{width:100%; margin-bottom:30px}
    .lec_7 .timegram .junction ul{gap:10px; position:relative; }
    .lec_7 .timegram .junction li{margin-bottom:0; justify-content: center;}
    .lec_7 .timegram .junction li .workplace{width:60%}
    .lec_7 .timegram .junction li .line{width:20px}
    .lec_7 .timegram .junction li .circle_in{width:70px; height: 70px;;}
    .lec_7 .timegram .junction li .circle_in p{font-size:16px}
    .lec_7 .timegram .junction li .line_dashed{width:20px}
    .lec_7 .timegram .junction li .line_dashed_2{display: none;}
    .lec_7 .timegram .junction ul div.line_dashed_3{width:0; height:30px; border:none; border-right:4px dashed #777ded; display: block; position:absolute; top:185px;right:calc((100% - 60% - 90px) / 2 + 35px)}
    .lec_7 .timegram .time_in_body .tib_1{gap:15px}
    .lec_7 .timegram .time_in_body .tib_3{gap:18vmin}
    .lec_7 .timegram .time_in_body>p{padding:10px 5px}
    .lec_7 .notice .achtung{align-items:unset; gap:5px; flex-direction: column; justify-content: left; width:calc(100% - 10px); margin:0 auto}
    .lec_7 .notice .achtung .des{width:100%; font-size:16px; padding-left:5px; text-align: justify;}
    .lec_7 .table .lecture_table{margin-bottom:20px}
    .lec_7 .table .lecture_table .lec_row_1 .td_bold p br{display: block;}


    .lec_8 .timegram{flex-direction: column; align-items: center; gap:50px;margin-bottom:20px!important}
    .lec_8 .timegram .time_in{width:100%; padding:20px}
    .lec_8 .timegram .time_in .tib_1{gap:100px}
    .lec_8 .timegram .time_in .tib_3{gap:24vmin}
    .lec_8 .timegram .time_in .tib_3 li{margin-left: 0!important; font-size:11px!important; line-height:16px;}
    .lec_8 .timegram .time_in .tib_3 li:first-child{margin-right:5vmin!important}
    .lec_8 .timegram .table{width:100%}


    .section_3 h2 br{display: block;}
    .lec_9 .response{gap:10px}
    .lec_9 .response .wing{border-top:5px solid #eaefff; border-bottom:5px solid #eaefff;}
    .lec_9 .response .wing_left{border-left:5px solid #eaefff; padding-left:5px}
    .lec_9 .response .wing_right{border-right:5px solid #eaefff; padding-right:5px}
    .lec_9 .response .wing_cont h3{padding:0; font-size:20px}
    .lec_9 .response .wing_cont .headdes{padding:0;}
    .lec_9 .response .wing_cont .des{font-size:12px; line-height:20px;}
    .lec_9 .timegram{flex-direction: column; align-items: center; gap:40px}
    .lec_9 .timegram .time_in{width:100%; }
    .lec_9 .timegram .time_in .time_head .th{font-size:18px }
    .lec_9 .timegram .time_in .time_in_body .tib_3 li{font-size:12px; line-height:13px}
    .lec_9 .timegram .time_left .tib_3{gap:35vmin; justify-content: center;}
    .lec_9 .timegram .time_left .tib_3 li:first-child{margin-left:-9vmin}
    .lec_9 .timegram .time_right .tib_3{gap:14vmin; justify-content: center; padding-left: 0;}
    .lec_9 .timegram .time_right .tib_3 li{margin-right:0; }
    .lec_9 .timegram .time_right .tib_3 li:first-child{margin-right:5vmin}
    .lec_9 .timegram .time_right .tib_3 li:nth-child(2){padding-left:5vmin}
    .lec_9 .notice .achtung{align-items:flex-start; gap:5px; width:calc(100% - 10px); margin:0 auto; flex-direction: column;}
    .lec_9 .notice .achtung .des{width:100%; font-size:16px; line-height:24px; text-align: justify;}
    .lec_9 .table{gap:20px}
    .lec_9 .table .lecture_table{width:100%}
    .lec_9 .table .lecture_table .lec_row {gap:2.5vmin!important}
    .lec_9 .table .lecture_table .lec_row .td_bold{width:32%}
    .lec_9 .table .lecture_table .lec_row .td_white{width:22%}
    .lec_9 .table .lecture_table .lec_row .td_puzzle{width:46%}
    .lec_9 .table .lecture_table .lec_row .td_puzzle .td_in{display: flex; flex-direction: column; justify-content: center;}
    .lec_9 .table .lecture_table .lec_row .td_puzzle .td_in span{display: block;}
    .lec_9 .table .lecture_table .lec_row_2 .td_bold p br.pcnone{display: block;}


    .section_4 h2 br{display: block;}
    .lec_10 .response{gap:10px}
    .lec_10 .response .wing{border-top:5px solid #eaefff; border-bottom:5px solid #eaefff;}
    .lec_10 .response .wing_left{border-left:5px solid #eaefff; padding-left:5px}
    .lec_10 .response .wing_right{border-right:5px solid #eaefff; padding-right:5px}
    .lec_10 .response .des{font-size:12px; line-height:20px}
    .lec_10 .timegram{flex-direction: column; gap:0; align-items: center;}
    .lec_10 .timegram .junction{width:100%}
    .lec_10 .timegram .junction>ul{display: flex; align-items: center;}
    .lec_10 .timegram .junction>ul li{flex-direction: column; width:50%; margin-bottom:0}
    .lec_10 .timegram .junction>ul li .workplace{width:95%; display: flex; flex-direction: column; justify-content: center;}
    .lec_10 .timegram .junction>ul li .workplace span{display: block; line-height:19px}
    .lec_10 .timegram .junction>ul li .line{width:4px!important; height:20px}
    .lec_10 .timegram .time_in .tib_1{gap:37vmin}
    .lec_10 .notice .achtung{align-items:flex-start; gap:5px; flex-direction: column; width:calc(100% - 10px); margin:0 auto}
    .lec_10 .notice .achtung .des{font-size:16px; text-align: justify; line-height:24px}
    .lec_10 .table{gap:20px}
}