@charset "utf-8";

:root {
	--xxxx-large-font-size:32px;
	--xxx-large-font-size:28px;
	--xx-large-font-size:26px;
	--x-large-font-size:24px;
	--large-font-size:20px;
	--font-size:18px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
	--x-small-font-size: 14px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }




#header.down, #header.over {background-color: rgba(255, 255, 255, 1); /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/ box-shadow:0px 0px 9px rgba(0, 0, 0, 10%);}

/*.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after{background:#000;}*/

:is(.down, .over) .w_gnb .gnb > li > a {color:#333;}
:is(#header.down, #header.over) h1 img {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0); opacity: 0;}
:is(#header.down, #header.over) h1 > a {background: url(../img/common/logo2.svg) no-repeat center center/cover;}



/* header */
#header {width:100%; position: fixed; padding: 0px 10px; left:0px; top:0px; z-index:9999; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px; padding-bottom: 1px;}
#header h1 > a {display: block;}
.in_header {max-width:var(--cont-inner); width:100%; height:125px;margin:0 auto; position:relative; z-index:9;}
.top_apply {position: absolute; right:0px; top: 50%; transform: translateY(-50%);}
.top_apply > a {display: flex; align-items: center; justify-content: center; font-size: var(--large-font-size); line-height: 1.3em; background: var(--key-color); border-radius: 30px; height:2.8em; min-width:6.5em; padding: 0px 1em; gap: 0.5em; font-weight:600;}

/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:min(80px, 8vw) 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}




/* GNB */
.w_gnb {padding:0px 200px; height: 100%;}
.w_gnb .gnb {height: 100%; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:400px; margin: 0 auto; gap:10px;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {position: relative;}
.w_gnb .gnb > li > a {display:flex; align-items: center; height: 100%; color:#fff;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-weight:600; padding:0px 1em; height:3em; transition:all 0.2s 0s ease-in-out; position:relative; font-size: var(--large-font-size);}
.w_gnb .gnb > li:hover > a > span {opacity: 0.7;}


.section {padding-top:min(80px, 8vw); padding-bottom:min(80px, 8vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}

.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; font-size: var(--small-font-size); font-weight:700; align-items:center;}
.section .more span {display:flex; width:clamp(24px, 4vw, 32px); aspect-ratio: 1/1; border-radius:100%; border:1px solid #000; justify-content:center; align-items:center; margin-left:10px; background:#000; color:#fff; position:relative;}
.section .more span:after {display:block; content:""; width:10px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-1px; transition:all 0.5s;}
.section .more span:before {display:block; content:""; width:2px; height:10px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover span:after {transform:rotate(90deg);}
.section .more > a:hover span:before {transform:rotate(90deg);}


#section1 {padding:0px; padding-top: 50px; background: url(../img/main/visual_bg.jpg) no-repeat center center; background-size: cover;}
.main_visual {min-height:calc(100dvh - 50px); display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; max-width: var(--inner); padding:10px; position: relative;}

.main_visual .scroll_down {position:absolute; left:50%; transform: translateX(-50%); text-align: center; bottom:4%; z-index:97}
.main_visual .scroll_down > a {cursor:default; display:block; text-align:center; color:#fff; font-weight:600; font-size: 13px; line-height: 1.3em; font-weight:600;}
.main_visual .scroll_down .arrow {display:flex; align-items: center; flex-direction: column; margin-top: 1em;}
.main_visual .scroll_down .arrow * {transition:all 0.3s 0s ease-in-out;}
.main_visual .scroll_down .arrow img {opacity: 0.5; width: 12px; animation: arrowFadeSequence 1.2s infinite;}
.main_visual .scroll_down .arrow img:nth-child(1) {animation-delay: 0s;}
.main_visual .scroll_down .arrow img:nth-child(2) {animation-delay: 0.25s;}
.main_visual .scroll_down .arrow img:nth-child(3) {animation-delay: 0.5s;}
@keyframes arrowFadeSequence {
  0% { opacity: 0.5; }
  25% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 0.5; }
}

.main_visual .key_visual {position: relative; color: #fff; width: 100%; padding-bottom:150px;}
.main_visual .key_visual .img {text-align: center; max-width: 80vw; margin: 0 auto;}
.main_visual .key_visual .img > span {position: relative; display: inline-block;}
.main_visual .key_visual .img > span::before {content: ""; width: 100%; height: 100%; background: url(../img/main/visual_bg.svg) no-repeat center center/cover; position: absolute; left: 0px; top: 0px; z-index: -1; opacity: 0.3;}
.main_visual .key_visual .txt_a {text-align: center; font-size:clamp(11px, 2.5vw, 26px); line-height: 1.4em; font-weight: 600; text-align:left; position: absolute; left: 0px; top: 0px;}
.main_visual .key_visual .txt_a span {font-size:1.38em; line-height: 1.3em;}
.main_visual .key_visual .txt_a strong {font-size:2.38em; font-weight:700; line-height:1.4em;}
.main_visual .key_visual .txt_b {position: absolute; right: 0px; bottom: 0px; font-size:clamp(22px, 5vw, 50px); line-height: 1.3em; font-weight:700;}
.main_visual .key_visual .txt_c {text-align: center; margin-top: max(-5vw, -3em);}
.main_visual .key_visual .txt_c img {max-width:80vw}

.main_tit {display: flex; justify-content: center; align-items: center; margin-bottom: min(40px, 7vw); position: relative; flex-wrap: wrap; font-size:clamp(20px, 7vw, 45px); flex-direction: column; gap:0.1em; font-weight:800;}
.main_tit::before {content: ""; width:15px; height: 28px; background: url(../img/main/tit_top.svg) no-repeat center center/cover;}


.program_schedule {display: flex; flex-direction: column; gap: 0.8em;}
.program_schedule .program_head {display: grid; grid-template-columns: minmax(140px, 160px) minmax(60px, 74px) 1fr; gap:20px;}
.program_schedule .program_head .col_time {grid-column: 1 / 3;}
.program_schedule .program_head .col_time,
.program_schedule .program_head .col_program {display: flex; align-items: center; justify-content: center; min-height: 3.5em; padding: 0.6em 1em; background: #fff; border: 1px solid #ddd; border-radius: 5px;  font-weight: 700; color: #000; text-align: center;}
.program_schedule .program_group {display: flex; flex-direction: column; gap: 10px;}
.program_schedule .program_cate {display: flex; align-items: center; justify-content: center; min-height: 3.5em; padding: 0.7em 1.2em; background: var(--key-color); border-radius: 5px; font-weight: 700; text-align: center;}
.program_schedule .program_row {display: grid; grid-template-columns: minmax(140px, 160px) minmax(60px, 74px) 1fr; gap:20px; align-items: stretch;}
.program_schedule .program_row .time {font-weight: 700;}
.program_schedule .program_row .time,
.program_schedule .program_row .duration {display: flex; align-items: center; justify-content: center; padding: 0.8em 0.6em; background: #fff; border: 1px solid #ddd; border-radius: 5px; text-align: center;  color: #000;}
.program_schedule .program_row .cont {padding: 0.9em 1.2em; background: #ECECEC; border-radius: 5px; font-weight:300; font-size:0.95em;}
.program_schedule .program_row .cont > strong {font-weight: 500;}
.program_schedule .program_row .cont ul {width: 100%;}
.program_schedule .program_row .cont li + li {margin-top: 0.25em;}

#section3 {background: #F5F5F5;}

.speaker_list {display: flex; flex-wrap: wrap; gap: clamp(10px, 6vw, 80px);}
.speaker_list > li {width: calc(25% - clamp(10px, 4.5vw, 60px));}
.speaker_list .box {display: block;}
.speaker_list .box .speaker_desc {display: none;}
.speaker_info .photo {aspect-ratio: 1/1; overflow: hidden; border-radius:100%; position: relative;}
.speaker_info .photo::after {content:"자세히 보기"; padding-top:1em; font-weight: 500; color: #000; display: block; width: 100%; height: 100%; background:url(../img/main/search.svg) no-repeat center calc(50% - 1.5em) rgba(68, 215, 173, 0.8); position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transition: all 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.speaker_info .photo > img {width: 100%; height: 100%; object-fit:cover;}
.speaker_info .info {padding: 1em 0px; text-align: center;}
.speaker_info .info .name {font-size:var(--xx-large-font-size); font-weight:700; line-height:1.4em; margin-bottom:0.4em; }
.speaker_info .info .position {color:#666666; font-size: 0.95em; line-height: 1.4em; font-weight: 300; }
.speaker_info .info .position::before {content:""; display: block; width:20px; height: 2px; background: #333333; margin: 1em auto;}

.speaker_pop .pop_body {display: flex; align-items: flex-start; gap: clamp(10px, 4vw, 40px);}
.speaker_pop .speaker_info {width:30%; max-width:300px;}
.speaker_pop .speaker_info .info {text-align: left; padding: 2em 0px 0px 0px;}
.speaker_pop .speaker_info .info .position::before {background: var(--key-color); margin: 1em 0px;}
.speaker_pop .speaker_desc {flex:1; font-size: 0.95em; line-height: 1.5em;}

@media (hover: hover) and (pointer: fine) {
	.speaker_list .box:hover .photo::after {opacity:1;}
	
 }

#section4 {padding-bottom: 0px;}
.host_org {display: flex; align-items: center; max-width: 1308px; margin: 0 auto; flex-wrap: wrap; gap: clamp(12px, 2vw, 24px) clamp(16px, 3vw, 40px);}
.host_org .host_org_tit {flex-shrink: 0; font-size: var(--x-large-font-size); line-height: 1.4em;}
.host_org .host_org_list {display: flex; align-items: center; justify-content: space-between; gap: clamp(8px, 1.5vw, 16px); flex: 1; min-width: 0;}
.host_org .host_org_list .box {display: flex; align-items: center; justify-content: center; width: min(27vw, 350px); height:min(14vw, 150px);padding: 0.6em 1em; background: #fff; border: 1px solid #DDDDDD; border-radius:10px;}
.host_org .host_org_list .box img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}

.btn_link {margin:clamp(20px, 8vw, 80px) 0px; text-align: center;}
.btn_link .apply_btn {display:inline-flex; align-items: center; justify-content: center; width: 100%; max-width:600px; height:3em; font-size: var(--xxxx-large-font-size); font-weight: 600; border-radius:60px; background: var(--key-color); gap: 0.3em; }
.btn_link .apply_btn img {width: clamp(22px, 6vw, 32px); aspect-ratio: 1/1;}

.map_area {width: 100vw; height: clamp(300px, 70vw, 700px); position: relative; left: 50%; transform: translateX(-50%);}
.map_area iframe {width: 100% !important; height: 100% !important;}

#section5 {background:url(../img/main/bg_section5.jpg) no-repeat center top/cover; color: #fff;}
.wkf_area {display: flex; gap:clamp(24px, 15vw, 180px); min-height: clamp(450px, 5vw, 540px);}
.wkf_area .wkf_cont {flex: 1; min-width: 0; max-width:590px;}
.wkf_area .wkf_box + .wkf_box {margin-top: clamp(30px, 7vw, 78px);}
.wkf_area .label {display: inline-flex; align-items: center; justify-content: center; min-height: 2.2em; padding: 0.4em 2em; border-radius:60px; font-weight: 700; font-size: var(--xxxx-large-font-size); line-height: 1.3em; margin-bottom: 0.9em;}
.wkf_area .label.type_key {background: var(--key-color); color: #111;}
.wkf_area .label.type_point {background: var(--point-color); color: #fff;}
.wkf_area .txt {font-weight:300; line-height: 1.6em; word-break: keep-all;}
.wkf_area .wkf_info {display: flex; flex-direction: column; gap: 0.25em; font-weight: 300;}
.wkf_area .wkf_info > li > strong {font-weight:300;}
.wkf_area .wkf_link {margin-top: 1.4em;}
.wkf_area .wkf_link > a {display: inline-flex; align-items: center; justify-content: center; font-size: var(--sub-font-size); gap: 0.35em; min-height: 2.6em; padding:0em 1.4em; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 999px; color: #fff; min-width:9.5em; line-height: 1.5em; transition: background 0.2s ease, color 0.2s ease;}
.wkf_area .wkf_link > a > span {font-weight:300; line-height: 1em;}


#section6 {background:#f5f5f5;}
#section6 .inner{font-size:1.2em; line-height:150%; position:relative;}
#section6 .inner > strong {font-size:1.75em;   line-height:140%; font-weight:600;}
#section6 .inner > strong > span {color:var(--key-color); font-weight:900;}
#section6 .inner .bg_logo{position:absolute; right:0px; bottom:-50px;}


@media (hover: hover) and (pointer: fine) {
	.wkf_area .wkf_link > a:hover {background: #fff; color: #111;}
}





 
 


/* footer */
#footer {background:#030203 ; padding:0px 10px; color: #BABABA;}
#footer a {color: #BABABA;}
#footer .inner {display: flex; flex-wrap: wrap; position:relative; padding:min(5vw, 41px) 0px; gap:0px clamp(10px, 6vw, 70px);}
#footer .go_top {position:absolute; right:10px; top:22%; z-index:99}
#footer .go_top > a {display:flex; width:clamp(40px, 6vw, 60px); aspect-ratio: 1/1; background:#2D2D2D; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:14px; font-weight:600; border-radius:100%}
#footer .copy {width:100%; text-align: center; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); background: #2D2D2D; padding:1.2em 1em; font-size:var(--x-small-font-size);}
.addressW {position:relative; font-weight: 300; padding-top: 0.5em; font-size: var(--sub-font-size); flex:1}
.addressW .txt_t{font-size:var(--sub-font-size); line-height: 1.4em ; width: 100%;}
.addressW address {display: flex; flex-wrap: wrap; gap:0em 2em; overflow: hidden;}
.addressW address > span {position:relative; font-weight:300; font-size: var(--x-small-font-size: 14px;);}
.addressW address > span+span:before {content:""; width:1px; height:clamp(10px, 1.7vw, 14px); background: #BABABA; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}





/*atab*/

.atab {display:flex; flex-wrap: wrap; gap:clamp(4px, 2vw, 10px); position:relative;}
.atab li a {display:flex; min-width:6.666em; height:2.222em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; line-height:1.2em; padding:0px 1.4em; border-radius:60px; border:1px solid #ccc;}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#000; border-color: #000; font-weight:700; color:#fff;}

.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}


/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; position:relative;  background:#fff; }
.pop_wrap .pop_body {padding:clamp(15px, 4vw, 40px); word-break:keep-all; overflow-y:auto; max-height:90dvh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:clamp(0px, 2vw, 30px); top:50%; transform: translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px;  font-size:1px !important; text-indent:-999999px;}
.pop_wrap .x_btn:after {display:block; content:""; width:30px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:30px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative; padding: clamp(10px, 3vw, 30px) clamp(15px, 4vw, 40px); padding-right: 60px;}

.pop_wrap .pop_head .title {font-size:var(--xx-large-font-size); line-height:140%; text-align:left; font-weight:700;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}







/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}





/* 1440px 이하 */
@media screen and (max-width:1439px) {
	
	
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	
	.top_search {right: auto; left: 0px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .banner_slide {width:100%; max-width: none;}
	
	.main_visual .txt_frame {height:auto; aspect-ratio: 1080/900; min-height:450px;}

	#section6 .inner .bg_logo{width:50%; position:relative; bottom:0px;  margin:30px 0 0 auto;}
	
	
	

}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--xxxx-large-font-size:28px;
		--xxx-large-font-size:26px;	
		--xx-large-font-size:24px;
		--x-large-font-size:20px;
		--large-font-size:19px;
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
		--x-small-font-size: 13px;
	}

	#header h1 img {height:73px;}
	.in_header {height:90px;}

	
	#section1 {padding-top:90px;}
	.main_visual {min-height:calc(100dvh - 90px);}

	

	#footer .go_top {transform: none; top: 10px;}
	#footer .inner  {flex-direction: column; gap: 1em;}
	#footer .f_logo {margin:0px; text-align: center;}
	#footer .f_logo img {max-width: clamp(116px, 22vw, 390px);}
	.addressW {max-width:100%; text-align: center;}
	.addressW address {justify-content: center;}

	#section6 .inner {font-size:1em;}


	
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--xxxx-large-font-size:26px;
		--xxx-large-font-size:24px;
		--xx-large-font-size:22px;
		--x-large-font-size:19px;
		--large-font-size:16px;		
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
		--x-small-font-size: 12px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}
	#header h1 img {height: 63px;}
	.in_header {height:80px;}
	#section1 {padding-top:80px;}
	.main_visual {min-height:calc(100dvh - 80px);}
	

	.w_gnb {padding: 0px 120px 0px 140px;	}
	.w_gnb .gnb {max-width: 280px; justify-content: center;}
	.w_gnb .gnb > li {flex:1}
	.w_gnb .gnb > li > a {width: 100%;}
	.w_gnb .gnb > li > a > span {padding: 0px; width: 100%;}
	.main_visual .key_visual {padding:0px; padding-bottom:90px;}
	.main_visual .key_visual .txt_a {position: relative; text-align: center; left: auto; top: auto;}
	.main_visual .key_visual .txt_b {position: relative; text-align: center; left: auto; top: auto;}



	.program_schedule {gap:15px;}
	.program_schedule .program_head {grid-template-columns: 1fr 1.4fr; gap: 8px; display:none;}
	.program_schedule .program_head .col_time {grid-column: auto;}
	.program_schedule .program_head .col_time,
	.program_schedule .program_head .col_program,
	.program_schedule .program_cate {min-height: 3em; padding: 0.6em 0.8em;}
	.program_schedule .program_row {grid-template-columns: 1fr auto; gap: 8px;}
	.program_schedule .program_row .time {grid-column: 1; min-height: 3em; }
	.program_schedule .program_row .duration {grid-column: 2; min-width: 52px; min-height: 3em;}
	.program_schedule .program_row .cont {grid-column: 1 / -1;padding: 0.8em 1em;}

	.speaker_list > li {width: calc(33.3333% - clamp(10px, 4vw, 60px));	}
	.speaker_info .info .name {font-size: var(--x-large-font-size);}

	.host_org {flex-direction: column; gap: 1em;}

	.wkf_area {flex-direction: column; align-items: flex-start; min-height: 0; gap: 28px;}
	.wkf_area .wkf_brand {width: clamp(150px, 45vw, 100%);}
	.wkf_area .wkf_cont {max-width: none;}



	
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	

	.m_tit {font-size:min(2.5em, 8vw);}

	

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	
	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}

	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }

	

	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
	
	
	
}






/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--xxxx-large-font-size:22px;
		--xxx-large-font-size:20px;
		--xx-large-font-size:20px;
		--x-large-font-size:18px;
		--large-font-size:15px;
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
		--x-small-font-size: 11px;
	}
	.pop_wrap .x_btn:before {width: 20px; height: 2px;;}
	.pop_wrap .x_btn:after {width: 20px; height: 2px;}
	#header h1 img {height:43px;}
	.top_apply > a  {height: 2.5em; min-width:5.5em; font-size: 12px; padding: 0px 0.5em;}
	.top_apply > a img {width:14px}
	.w_gnb {  padding: 0px 100px }
	.w_gnb .gnb > li > a > span {font-size:13px;}

    .in_header {height:60px;}
	#section1 {padding-top:60px;}
	.main_visual {min-height:calc(100dvh - 60px);}
	
	.speaker_list > li {width: calc(50% - clamp(10px, 3vw, 60px));}
	.speaker_info .info .name {font-size: var(--large-font-size);}

	.speaker_pop .pop_body {flex-direction: column;	}


	.addressW address {gap:0.2em 2em;}
	.addressW address > span+span:before {left:-1em;}
	
	.speaker_pop .speaker_info {width: 100%; display: flex; gap: 1em;}
	.speaker_pop .speaker_info .photo {width:40%;}
	.speaker_pop .speaker_info .info {flex:1; padding: 0px;}
	
	.btn_link .apply_btn {font-size: var(--x-large-font-size);}

	#section5 {background-position:18% top ;}
	.wkf_area .label {font-size: var(--xx-large-font-size);}

	
}