@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
*:not(i) {font-family: 'Noto Sans KR' !important; line-height:1.7}

* {letter-spacing:0px !important}
h1 {font-weight:800}

.subnav {margin-right:20px; margin-left:20px; float:left;}
.subnav a {font-size:16px;}

.p0104 b {color:#000000; display:block; text-align:right; line-height:2}

#main-title .title p:nth-child(1) h83 {font-size:17px;}
#main-title .title p:nth-child(1) h82 span {letter-spacing:-1px !important}

#main-location .swiper-slide p:nth-child(3) {display:none; padding:0px 20px 10px 20px; color:#666666; font-size:14px; font-weight:600; line-height:1.5}

.speaker .wrap {width:90% !important; margin:0 auto}
.speaker section div {height:auto;}

.p0103 p {width:80%;}


.p0202 .wrap section div p:nth-child(1) {display:none !important}
.speaker .wrap {}
.speaker section {display:table; width:100%}
.speaker section .flexwrap {display: flex; width:100%;}
.speaker section div {width:calc(20% - 32px); margin:15px !important; height: auto !important; padding:0 0 30px 0; float:none}
.speaker section div:nth-child(3n) {margin-right:15px !important}

.speaker section div .fa-search {display:none !important}
.speaker section div p:nth-child(4) {color:#000000;}
.speaker section div p:nth-child(5) {color:#666666; font-size:16px !important;}

.t02022en dt {width:100%;}
.t02022en dd {width:100%}

#page h5 {font-size: 25px;}

#banner {background: linear-gradient(45deg, #40ade2, #364c9b);}
#banner * {color:#ffffff !important}



.container {
	width:90%;
	margin:0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 한 줄에 5개 */
  gap: 50px; /* 요소 간 간격 */
}

.container div {
	border:1px solid #e6e6e6; border-radius:10px;
}



.speakeren section div p:nth-child(1) {background-position:center !important; background-size:cover !important; height:300px; border-radius:10px 10px 0 0; position:relative}

.speakeren section div p:nth-child(1) i {font-size:100px; color:#cccccc; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.speakeren section div p:nth-child(2) {margin:30px 20px 0px 20px; color:#00aee9; font-weight:800; font-size:15px !important; line-height:1 !important}
.speakeren section div p:nth-child(3) {margin:10px 20px 0px 20px; color:#000000; font-weight:800; font-size:22px !important; line-height:1.5 !important}
.speakeren section div p:nth-child(4) {margin:0px 20px 10px 20px; color:#000000; font-weight:700; font-size:15px !important; line-height:1.5 !important}

.speakeren section div p:nth-child(5) {margin:0px 20px 30px 20px; color:#666666; font-weight:500; font-size:16px !important; line-height:1.5 !important}
.speakeren section div ul {margin:0px 20px 0px 40px;}
.speakeren section div ul li {margin-bottom:5px; list-style-type: disc; font-size:15px; color:#666666; line-height:1.5 !important}

.speakeren section div .fa-search {display:none !important; position:absolute; bottom:30px; right:30px; color:#000000}


.speakeren ul li::marker {
  color:#000000;
}

.speakeren h5 {margin-top:0px}


.table-layout-fixed {table-layout:fixed;}

@media ( max-width: 1400px ) {
#head .pcmenu {left: 45%;}

.subnav {margin-right:10px; margin-left:10px; float:left;}
.subnav a {font-size:14px;}
#head.shown a {font-size:14px; color:#000000}

.speaker section div {width:calc(25% - 32px); margin-right:40px; margin-bottom:30px; height:auto; padding:0 0 30px 0}
.speaker section div:nth-child(3n) {margin-right:40px}
.speaker section div:nth-child(4n) {margin-right:0px}
.speaker section div:nth-child(5n) {margin-right:4px}
.table-layout-fixed {table-layout:table;}

.container {
  grid-template-columns: repeat(4, 1fr); /* 한 줄에 5개 */
  gap: 40px; /* 요소 간 간격 */
}


}

@media ( max-width: 1200px ) {
.speaker section div {height:auto;}

#main-title .title {width:70%;}
#main-title .title p:nth-child(1) h83 {font-size:11px;}
#main-title .title p:nth-child(1) h82 span br {display:none}

.speaker section div {width:calc(100% - 2px); margin-right:0px; margin-bottom:30px; height:auto; padding:0 0 30px 0}

#page h5 {font-size: 18px;}
.table-layout-fixed {table-layout:table;}

.container {
  grid-template-columns: repeat(3, 1fr); /* 한 줄에 5개 */
  gap: 40px; /* 요소 간 간격 */
}
}

@media ( max-width: 1000px ) {

.container {
  grid-template-columns: repeat(1, 1fr); /* 한 줄에 5개 */
  gap: 40px; /* 요소 간 간격 */
}

.speakeren section div p:nth-child(5) {font-size:12px !important; line-height:1.5 !important}


}