@charset "utf-8";
.sub_title {position: relative; width: 100%;  margin:0 auto;  text-align:center;}
.sub_title h1 {font-size: 35px; line-height: 1.0em;  font-weight: 700; color: #333; margin: 50px 0;text-transform: uppercase;}
.sub_title h1:after{content:"";display:inline-block;width:10px;height:auto;aspect-ratio:1/1;background:#fe8700;border-radius:50%;margin-bottom: 20px;    margin-left: 5px;}

/*좌측메뉴*/
#sidebar {text-align: center; height:90px; z-index:99;    margin-top: -50px;position: relative;}
#sidebar > div {display: inline-block; width: 1400px; margin: auto;background:#fff;border-radius: 20px 20px 0 0;}
#sidebar > div ul {margin-bottom: 0;overflow: hidden;}
#sidebar > div li {display: flex;float:left;flex-wrap:wrap;align-items: center;height:80px}
#sidebar > div li a {transition: all ease 0.5s; display: block; ; font-family:  'SUIT';font-weight:700; letter-spacing: -0.5px;
text-decoration:none; text-align:center; color:#7d7d7d; font-size:23px; padding: 0 45px; margin:0;
letter-spacing:-0.5px;line-height: 2;}
#sidebar > div li a:last-child {border-right:0;}
#sidebar > div li a.over {font-weight:bold; color:#2a2a2a;}
#sidebar > div li a:hover {text-decoration:none; }
#sidebar > div li a.over:after{content:"";display:block;width:100%;height:2px;background:#fe8700}
/* 컨퍼런스소개 */
/* 행사개요 */
.intro_con{display: grid;grid-template-columns: auto 1fr;gap: 0 6%;}
.intro_con figure{width:420px;height: auto;aspect-ratio: 9/12.7;overflow: hidden;border-radius: 20px;position:
relative;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);;}
.intro_con .intro_txt_box{width:100%}
.intro_con .intro_txt_box h3{font-size: 2em;font-family: "Jalnan";line-height: 1.4;padding-bottom: 30px;border-bottom: 1px
solid #183196;color:#183196;letter-spacing: 0;}
.intro_con .intro_txt_box table{margin-top:30px;}
.intro_con .intro_txt_box table tr td,.intro_con .intro_txt_box table tr th{word-break: keep-all;border-bottom: 1px solid
#eee;padding: 20px 0;}
.intro_txt_box table thead td b{color:#183196;font-size:1.2em}

/* 인사말 */
.about_bg figure{width:100%;height:auto;aspect-ratio:5/2;background:url('../img/sub/about_01.jpg')no-repeat center
center/cover;text-align:center;    text-shadow: 1px 1px 10px rgba(0,0,0,0.8);position:relative}
.about_bg figure:after{position:absolute;width:calc(100% - 40px);height:calc(100% -
40px);aspect-ratio:5/2;;padding:40px;border:1px solid
#fff;display:block;content:"";top:50%;left:50%;transform:translate(-50%,-50%)}
.about_bg figure h2{font-size: 3.4em;text-transform: uppercase;padding-top:12%;color:#fff;font-weight:900;text-shadow: 1px
1px 10px rgba(0,0,0,0.8);}
.about_bg figure h3{font-size: 3em;padding-top:20px;color:#fff}
.about_txt{width:100%;height:auto;background:#f9f9f9;padding:40px;text-align:center}
.about_txt p{font-size: 1.2em;line-height: 2;    word-break: keep-all}
/* 조직도 */
.organ figure{display:flex;flex-wrap:wrap;     justify-content: center;}

/* 컨퍼런스소개 */

/* 프로그램 */
.table_wrap {margin-bottom: 25px;clear: both;width: 100%;}
.table_wrap table {margin-left: -1px;width: 100%;}
.table_wrap table thead th {font-size: 20px; border-right: 1px solid #ccc; color: #fff; padding: 20px 10px; background:
#4993f8;text-align: center; word-break:keep-all;}
.table_wrap table tbody th {font-size: 20px; font-weight:bold; padding: 20px 10px;text-align: center; border-right: 1px solid
#ccc;border-bottom: 1px solid #ccc;word-break:keep-all;}
.table_wrap table tbody th.none {border-right: 0 none;}
.table_wrap table.left td {text-align: left;}
.table_wrap table tbody td {text-align: center; padding: 35px 40px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.table_wrap table tbody td.left {text-align: left;}
/* 연사 */
.speaker aside, aside.ch02{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}
.speaker aside:first-child{margin-bottom: 100px;}
.profile_wrap {display: grid;grid-template-columns: 1fr 1fr;}
.profile_wrap.hawe{margin-top:60px}
.profile_wrap .profile_img_wrap{position: relative;width: 85%;height: auto;aspect-ratio: 9/12;    overflow: hidden;}
.profile_wrap .profile_img_wrap p{position: absolute;top: 0;left: 0;padding: 10px;color: #fff;background: #4993f8;box-shadow:
1px 5px 10px rgba(0,0,0,0.3);}
.orangeTit .profile_img_wrap p{background:#fe8700!important}
.speaker aside:last-child .profile_wrap .profile_img_wrap p{background: #f08c1a}
.profile_wrap .profile_img_wrap figure{width: 100%;height: auto;aspect-ratio: 9/12;background: #eee;}
.profile_wrap .profile_img_wrap figure img{width:100%;height:auto;}
.profile_wrap .profile_txt p{font-weight: 600;font-size: 1.3em;margin-bottom: 20px; word-break: keep-all;}

.profile_wrap .profile_txt ul{word-break: keep-all;}
.profile_wrap .profile_txt ul li {display:flex;flex-wrap:wrap}
.profile_wrap .profile_txt ul li span{display:block;width:90%;word-break:keep-all;}
.profile_wrap .profile_txt ul li i{margin-right:5px;}

aside.yellow_tit{margin-top: 100px;gap:0;display:flex;flex-wrap:wrap}
.yellow_tit .profile_wrap{display: flex;flex-wrap: wrap;}
.new_profile_wrap{width:50%;position:relative}
.new_profile_wrap figure{width: 100%;height: auto;aspect-ratio: 5 / 3;display: flex;overflow: hidden;}
.new_profile_wrap p{position: absolute;top: 0;left: 0;padding: 10px;color: #fff;background:#fe8700!important;box-shadow: 1px
5px 10px rgba(0,0,0,0.3);}
.yellow_tit  .profile_txt p {
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 20px;
    word-break: keep-all;
}
aside.yellow_tit .profile_txt{width:50%}
/* 해양피켓첼린지 */
aside.ch02 > div {width: 100%;}
.info_wrap h3 {font-weight:800; font-size:25px; margin-bottom: 10px; margin-top: 40px;}
.info_wrap h3::before{content: "";display: inline-block;width: 13px;height: 13px;background: #fff;border: 3px solid
#183196;margin-bottom: 3px;margin-right: 15px;}
.info_wrap ul{padding-left: 30px;}
.info_wrap ul li{line-height: 1.5;}
.info_wrap.challenge p::before{content: "";display: inline-block;width: 10px;height: 10px;background: #fff;border: 3px solid
#4993f8;border-radius: 50%;margin-right: 10px;}
.challenge_img{width:100%;height: auto;aspect-ratio: 7/2;background:url('../img/sub/chell_bg.png')no-repeat center
center/cover;overflow: hidden;}
.challenge_img.chell02{background:url('../img/sub/chell02.png')no-repeat center center/cover;}
.video_wrap{display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; }
.video{width: calc(100% / 3 - 20px);;height:auto;aspect-ratio: 5/3;}
.video iframe{width: 100%;height:100%;}
/* 프로그램 */
/* 지난행사보기 */
/* 공통 */
.compe_video_wrap{width:calc(100% - 20%);height: auto;aspect-ratio: 5/3;margin: 0 auto 100px;}
.past_event h2{position: relative;margin-top: 10px;font-size: 1.5em;text-align: center;font-weight: 800;margin-bottom: 50px;}
.past_event .con_wrap h2::before{position: absolute;;width: 50px;top:-10px;height: 1px;display: block;content: "";left:
50%;transform: translateX(-50%);background: #2a2a2a;}
.compe_2022{background: url('../img/sub/past_event_bg.jpg')no-repeat center center/cover;}
.compe_2022.compe_bg.left_bg .con_wrap, .compe_2022.last_bg.right_bg .con_wrap{padding:100px 0;color: #fff;}
.compe_2022.compe_bg.left_bg .con_wrap h2::before, .compe_2022.last_bg.right_bg .con_wrap h2::before{background: #fff;;}
.compe_2022.compe_bg .compe_img{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;text-align: center;}
.compe_2022.compe_bg .compe_img li figure{width: 100%;height: auto;aspect-ratio: 5 / 3;}
.compe_2022.compe_bg .compe_img li figure img{width: 100%;}
.last_bg .con_wrap{margin-bottom: 0;}
.left_bg{border-radius: 200px 0 0 0;}
.right_bg{border-radius: 0 200px 0 0;}
.lineup_list_ul ul{display: flex;flex-wrap: wrap;gap: 30px;color: #fff;justify-content: space-between;}
.lineup_list_ul ul li{background: #4993f8;padding: 20px;text-align:center;display: flex;flex-wrap: wrap;justify-content:
center;align-items: center;word-break: keep-all;border-radius: 0 20px;gap: 20px;flex-direction: column;}
.lineup_list_ul ul li:nth-child(1), .lineup_list_ul li:nth-child(2), .lineup_list_ul li:nth-child(3){width:calc(100% / 3 - 30px)}
.lineup_list_ul ul li:nth-child(4), .lineup_list_ul li:nth-child(5), .lineup_list_ul li:nth-child(6), .lineup_list_ul
li:nth-child(7){width:calc(100% / 4 - 30px)}
.lineup_li_tit, .lineup_li_txt{font-size: 1.3em;font-weight: 600;}
.contribut_wrap{display:grid;grid-template-columns: 1fr 1fr;gap: 40px;}
.contribut ul{display: flex;flex-wrap: wrap;flex-direction: column;background: #fff;    border-radius: 100px;}
.contribut>p{font-size: 20px;;font-weight: 500;text-align: center;padding-bottom: 20px;}
.contribut ul li{}

.contribut_wrap.contri2023{grid-template-columns: 1fr;}
.contribut_wrap.contri2023 ul{padding:40px;}
.contribut_wrap.contri2023 ul li{color: #333;    word-break: keep-all; text-align: center;}
ul.compe_img.gallery02{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}

/* 지난행사보기 */

th.outline, td.outline{border-bottom:2px solid #4993f8!important}

@media all and (max-width:1200px){
    .speaker aside, .profile_wrap{display: flex;flex-wrap: wrap;}
    .profile_wrap{gap: 20px;    width: calc(100% / 2 - 20px);}
	.yellow_tit .profile_wrap{width:100%}
	.new_profile_wrap{width:100%}
	 .profile_wrap:last-child{margin-top: 0}
	.profile_txt{width:100%}
	.new_profile_wrap figure{aspect-ratio:4/3}
	.profile_wrap .profile_txt p{margin-left: 0;}
	.profile_wrap .profile_txt ul li span{width:90%}
	.profile_wrap .profile_txt ul li{width:calc(100% - 20px)}
	aside.yellow_tit .profile_txt{width:inherit}
}
@media all and (max-width:1024px){
    .intro_con{    display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;    gap: 50px;}

        #content .lineup_list_ul ul li{width: calc(100% / 2 - 20px);gap: 20px}
        .left_bg, .right_bg{border-radius: 0;}
        .compe_2022.compe_bg .compe_img{grid-template-columns: 1fr 1fr;}
		.contribut_wrap{grid-template-columns: 1fr }

}
@media all and (max-width:768px){
    .intro_con figure{width: 70%; }
	.compe_2022.compe_bg.left_bg .con_wrap, .compe_2022.last_bg.right_bg .con_wrap{padding: 50px 0;}
	.compe_video_wrap{width:100%;margin: 0 auto 50px}
	.profile_wrap .profile_img_wrap{width: auto;}
    .profile_wrap .profile_img_wrap figure{width: 200px;}
    .profile_wrap{align-items: center;    border: 1px solid #eee;padding: 30px;}
    .profile_wrap .profile_txt ul li{list-style: none;width:100%}
    .profile_txt{width: 100%;text-align: left}
	.contribut ul{border-radius:20px}


}

@media all and (max-width:650px){
.profile_wrap {width:100%;}
#main_con04 .photo_list{margin-bottom:40px}
#main_con04 .photo_gall_tit{padding:10px 0}
.speaker aside:first-child{margin-bottom: 40px;}
aside.yellow_tit{margin-top: 40px;}
}

@media all and (max-width:500px){
.challenge_img{aspect-ratio:7/3}

}

@media all and (max-width:360px){
    #content .lineup_list_ul ul li{width: 100%;}
    .compe_2022.compe_bg .compe_img{grid-template-columns: 1fr;}
}