/* 직지문화제 > 2022직지문화제 */

div.festival_info{ display: flex; gap: 60px; margin-bottom: 70px;}
div.festival_info div.festival_poster{ text-align: center;}
div.festival_poster{ max-width: 100%; height: auto;}
div.festival_info p > b{ font-weight: 900;}
div.festival_info p { font-size: 22px; color: #000; line-height: 37px; font-weight: 600;}
div.festival_info ul, ul.sub_BasicList{ margin-top: 40px; padding-left: 20px;}
div.festival_info ul li, ul.sub_BasicList li { letter-spacing: -0.04rem; margin: 2.2rem 0; font-size: 18px;}
div.EI_info div ul li{ font-size: 18px; margin: 0; line-height: 30px;}

/* 불릿 */
div.festival_info ul li::before, div.festival_contents ul li:before, ul.sub_BasicList li::before { content: "\2022"; color: #203f65; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}
div.basic_tableWrap{ border-top: 1.5px solid #000;}
table.basic_table{ width: 100%; border-collapse: collapse; line-height: 30px; font-size: 18px; color:#000;}
table.basic_table tbody th{ border-right: 1px solid #F2F2F2; padding: 15px 5px; color:#000; font-weight: 800;}
table.basic_table tbody tr{ border-bottom: 1px solid #F2F2F2;}
table.basic_table tbody td{ padding:  0 30px; width: 90%;}
span.entity_bar{ color: #e7e3e3; padding: 0 20px;}
div.festival_contents ul{ padding-left: 20px;}
div.festival_contents ul li{ font-size:18px; letter-spacing: -0.04rem; margin: 20px 0;}
div.festival_contents > div{ padding-top: 80px;}
span.xeicons{ font-family: 'xeicon';}
div.btn_wrap{ width: 100%; gap: 15px; display: flex; margin-left: 1rem;}
div.btn_wrap > div{ display: inline-block;}
div.btn_01{ background: #203f65;}
div.btn_01:hover{ box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out;}
div.btn_01 a{ padding: 15px 30px; display: flex; gap: 2rem; color: #fff; display: block;}
div.btn_01.btn_black{ background: #000;}
.xeicon{ font-family: 'xeicon';}
@media (max-width: 500px){ 
div.btn_wrap { width: 100%; display: flex; margin-left: 0rem; flex-direction: column; }
div.btn_01 a { display: flex; justify-content: space-between; }
}

/* EI */
div.EI_info div:nth-child(2) img{ max-width: 100%;}
span.eng_lighter{ font-weight: 400;}
div.EI_info { display: flex; gap: 60px;}
div.EI_info > div { display: flex; width: 85%;}
div.EI_info > div ul li:last-child b{ color: #203f65;}
div.EI_info > div > ul:first-child > li:first-child{ margin-bottom: 40px;}
div.EI_info > div > ul.EI_wrap > li:first-child{ margin-bottom: 0;}
ul.EI_wrap{ display: grid; grid-template-columns:  1fr 1fr; width: 100%; grid-gap: 40px;}
ul.EI_wrap li{ border:1px solid #e7e7e7; width: 100%;}
ul.EI_wrap li img{ max-width: 100%;}
a.ei_btn{ border:1px solid #000; padding: 0.8rem 2rem; color:#000;}
div.main_color dl{ width: 50%;}
div.main_color dl dd div span{ color: #fff; padding: 0 0 10px 20px;}
div.main_color dd p { line-height: 22px; font-weight: 400; font-size: 15px;}
div.col { height: 80px; width: 100%; margin: 10px 0; display: flex; align-items: flex-end; box-sizing: border-box;}
div.col.color1{ background:rgb(173,136,90);}
div.col.color2{ background:rgb(20,20,20);}
section.ei_sec  > div{ margin-bottom: 80px;}

@media all and (max-width:1200px){ 
div.festival_info { gap: 40px; }
div.festival_info p { font-size: 20px; line-height: 34px; }
div.festival_info ul li, ul.sub_BasicList li, div.festival_contents ul li, table.basic_table tbody th, table.basic_table tbody td, div.EI_info > div > ul >li { font-size: 17px; }
}
@media all and (max-width:1024px){ 
    
div.festival_info div.festival_txt { padding: 50px 0;}
div.festival_info p { font-size: 19px; line-height: 31px; }
}
@media all and (max-width:1024px){
div.festival_info { display: block; }
div.festival_info div.festival_poster { width: fit-content; text-align: center; margin: 0 auto; }
div.festival_info div.festival_poster img{ width: 80%; }
div.EI_info{ display: block; }
div.EI_info > div { width: 100%; margin-bottom: 40px; }
ul.EI_wrap { grid-gap: 30px !important; }
ul.EI_wrap li{ text-align: center; }
}

@media all and (max-width:450px){
div.festival_info { margin-bottom: 0px; }
div.festival_info p { font-size: 17px; line-height: 28px; }
div.festival_info ul li br{ display: none; }
div.festival_info ul li, ul.sub_BasicList li, table.basic_table tbody td, div.festival_contents ul li, table.basic_table tbody th, div.EI_info > div > ul >li { font-size: 14px; }
span.entity_bar { padding: 0 5px; }
table.basic_table tbody th{ padding: 0 15px; font-size: 14px; line-height: 1.3em; }
table.basic_table tbody td { padding: 15px; width: 90%; line-height: 1.3em; }
ul.EI_wrap { grid-gap: 20px !important; }
}