@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; letter-spacing:-0.025em;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:40px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.inner {width:100%; max-width:1440px; padding:0 20px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.red {color:#f60000 !important;}
.blue {color:#0000ff !important;}

::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-thumb {background-color:#b7b7b7; border-radius:6px;}
::-webkit-scrollbar-track {background-color:transparent;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list th,
.board_list td {height:60px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:18px; color:#333;}
.board_list td {font-size:17px; color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; line-height:60px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:80px;}
.board_list .w2 {width:130px;}
.board_list .w3 {width:150px;}

.board_bottom .btns {overflow:hidden; margin-top:45px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:45px; line-height:43px; background:#fff; font-size:15px; color:#3a3a93; text-align:center; border:#3a3a93 1px solid; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#3a3a93; color:#fff;}
.board_bottom .btns .fl,
.board_bottom .btns .fr {display:flex; gap:9px;;}
.board_bottom .paging {text-align:center; font-size:0; margin-top:45px;}
.board_bottom .paging a {display:inline-block; vertical-align:top; width:42px; height:42px; line-height:40px; text-align:center; border:#fff 1px solid; font-size:15px; color:#999; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#3a3a93; border-color:#3a3a93;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {background:none !important; letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}

/* 게시판 상세 */
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:30px; color:#333; font-weight:500; line-height:40px; padding:0 20px 25px;}
.board_in thead td {position:relative;}
.board_in thead dl {display:flex; gap:20px; font-size:17px; line-height:40px;}
.board_in thead dt {color:#333; padding-left:20px;}
.board_in thead dd {display:flex; gap:10px;}
.board_in thead dd a {color:#666;}
.board_in thead .tar {position:absolute; top:0; right:0; font-size:16px; color:#999; font-weight:300; line-height:60px;}
.board_in tbody td {padding:50px 20px;}
.board_write {border-top:#ddd 1px solid;}
.board_write .w1 {width:140px;}
.board_write tbody td {padding:10px;}

.board_write2 td .wp30 {width:30%;}
.board_write2 td select.wp30 {margin-right:10px;}
.board_write2 td .flex2 {display:flex; line-height:44px;gap:0 10px;}
.board_write2 span {width:60px; padding:0 10px;}
.board_write2 span.e {width:35px; text-align:center;}
.board_write2 span.bar:before {content:""; display:block; width:16px; height:1px; background:#666; margin:22px auto 0;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100; transition:.2s linear; font-size:18px;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .top .inner {display:flex; justify-content:flex-end; align-items:center; gap:20px; font-size:14px;}
.header .top .contact {color:#fff; line-height:30px; height:30px; width:112px; text-align:center; border-radius:18px; background:#64a7cf;}
.header > .inner {position:relative;}
.header .langs {position:absolute; right:16px; top:50%; transform:translateY(-50%); display:flex; align-items:center; background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.45); border-radius:999px; overflow:hidden;}
.header .langs a {display:block; min-width:52px; height:32px; line-height:32px; padding:0 14px; font-size:13px; font-weight:800; text-align:center; text-decoration:none; color:#fff;}
.header .langs a.on {background:#347ba7; }
.header .gnb {margin-left:60px; flex:1;}


.header > .inner {position:relative; height:90px; display:flex;}
.header .logo {display:block; width:31px; height:inherit; background:#222; font-size:0; mask:url('/images/icon_home.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
.header h1 {font-size:0; width:0; height:0;}
.header .gnb {margin-right:150px;}
.header .gnb ul {display:flex;    justify-content:flex-end;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:22px; color:#222; font-weight:500; line-height:90px; padding:0 26px;}
.header .gnb li.on > a {color:#64a7cf;}
.header .snb {position:absolute; top:100%; left:0; width:100%; background:#fff; height:0; overflow:hidden; transition:.2s linear;}
.header .snb a {display:block; color:#222; font-weight:500; line-height:48px; text-align:center;}
.header .snb a.on {color:#fff; background:#000;}
.header .btn {position:absolute; top:50%; right:20px; color:#fff; font-weight:500; line-height:20px; height:48px; width:146px; background:#f4b54b; border-radius:24px; text-align:center; margin-top:-24px; display:flex; justify-content:center; align-items:center;}

.header.main {background:none;}
.header.main .logo {background:#fff;}
.header.main .gnb li > a {color:#fff;}
.header.main .langs a {color:rgba(255,255,255,.58);}
.header.main .langs a.on {color:#fff;}
.header.main .langs a:before {background:#fff;}

.header .langs {position:absolute; right:70px; top:50%; transform:translateY(-50%); display:flex; align-items:center; background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.45); border-radius:999px; overflow:hidden;}
.header .join {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:flex; align-items:center; overflow:hidden; }
.header .join a { color:#c6ffff;}

.header.fixed {background:#fff;}
.header.fixed .logo {background:#222;}
.header.fixed .gnb li > a {color:#222;}
.header.fixed .langs a {color:#fff;}
.header.fixed .langs a.on {color:#fff;}
.header.fixed .langs a:before {background:#a5a5a5;}

/* footer */
.footer {padding:70px 0; background:#313131;}
.footer .inner {display:flex; flex-wrap:wrap; gap:10px 30px; font-size:14px; color:#cdcdcd; line-height:18px;}
.footer dl {display:flex; gap:26px;}
.footer dt {color:#939393;}
.footer dd {}
.footer .copy {width:100%;}

.float-cta {position:fixed; right:20px; bottom:24px; display:flex; flex-direction:column; gap:18px; z-index:9999; pointer-events:auto;}
.float-btn {font-size:20px; width:108px; height:108px; border:3px solid #00b393; border-radius:50%; background:radial-gradient(120% 120% at 30% 20%, #86b5d0 0%, #123b67 55%, #0a2e52 100%); 
color:#fff; font-weight:600; text-decoration:none; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.1; } 
transition:transform .2s ease, box-shadow .2s ease;}
.float-btn span {display:block;}
.float-btn:hover {transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.35);}

.footer2025 {background:linear-gradient(90deg,#0b2b4a 0%,#164b78 100%); color:#fff; padding:40px 0px;}
.ft-wrap {max-width:1440px; margin:0 auto;}
.ft-logo {margin:0; font-size:20px; font-weight:800;}
.ft-en {margin:4px 0 16px; font-size:14px; font-weight:500; opacity:.9;}
.ft-mail {margin:0 0 6px; font-size:14px; }
.ft-copy {margin:0; font-size:14px; opacity:.85;}


/* main */

.main2024 .mc03 {padding:90px 0 120px;}
.main2024 .mc03 .tit {position:relative; font-size:45px; color:#222; font-weight:700; line-height:1; margin-bottom:40px;}
.main2024 .mc03 .tit .more {position:absolute; top:6px; right:0; width:33px; height:33px; background:#4abfd2;}
.main2024 .mc03 .tit .more:before,
.main2024 .mc03 .tit .more:after {content:""; position:absolute; background:#fff;}
.main2024 .mc03 .tit .more:before {width:1px; height:15px; top:9px; left:16px;}
.main2024 .mc03 .tit .more:after {width:15px; height:1px; top:16px; left:9px;}
.main2024 .speakers_slide {position:relative; margin:0 -18px;}
.main2024 .speakers_slide .slick-slide {padding:0 18px;}
.main2024 .speakers_slide .imgfit {position:relative; width:100%; height:380px;}
.main2024 .speakers_slide .txt {position:absolute; bottom:0; left:0; padding:0 25px 30px; color:#fff;}
.main2024 .speakers_slide .txt .name {font-size:25px; font-weight:500; line-height:34px; border-bottom:#4abfd2 2px solid;}
.main2024 .speakers_slide .txt p {font-size:17px; font-weight:300; text-shadow:rgba(0,0,0,.16) 0 9px 7px; margin-top:20px;}
.main2024 .speakers_slide .slick-arrow {position:absolute; top:-79px; width:33px; height:33px; font-size:0; z-index:1; border:#ddd 1px solid;}
.main2024 .speakers_slide .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:url('/images/arrow_slide.png') no-repeat 50% 50%;}
.main2024 .speakers_slide .slick-prev {right:88px;}
.main2024 .speakers_slide .slick-next {right:53px;}
.main2024 .speakers_slide .slick-next:before {transform:scaleX(-1);}

/* main 2025 new */
.fef2025 {background:url('/images/main_bg_2025.jpg') center/cover no-repeat; color:#fff;  min-height:100vh; display:flex; align-items:center;}
.fef-inner {max-width:1600px; margin:0 auto; display:flex; align-items:center; gap:40px; width:100%; padding:0 40px;}
/*.fef-left {flex:0 0 48%; display:flex;  align-items:center;}*/
.fef-left img {width:100%;  display:block;}

.fef-left {
  flex:0 0 48%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1; /* 배경 레이어 */
}

.fef-left .anime {
  width:120%;   /* 원래보다 크게 */
  max-width:none;
}

.fef-right {
  flex:1 1 52%;
  position:relative;
  z-index:2; /* 항상 이미지 위 */
}


.fef-left .anime {position:relative; /*width:595px;*/ max-width:100%; }
.fef-left .anime .ani {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.fef-left .anime .ani01 {animation:main_ani01 2s forwards;}
@keyframes main_ani01 {
	0% {opacity:0;}
	100% {opacity:1;}
}
.fef-left .anime .ani02 {left:32%; transform:translateY(-10%) scale(0); animation:main_ani02 1s forwards; animation-delay:2s; mix-blend-mode:hard-light;}
@keyframes main_ani02 {
	0% {left:32%; transform:translateY(-10%) scale(0); opacity:0;}
	100% {left:0; transform:translateY(0) scale(1); opacity:1;}
}
.fef-left .anime .ani03 {animation:main_ani03 2s forwards; animation-delay:3s; mix-blend-mode:hard-light;}
@keyframes main_ani03 {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*.fef-right {flex:1 1 52%; min-width:0; display:flex; flex-direction:column; justify-content:center; max-width:none;}*/
.eyebrow {margin:0; font-size:28px; font-weight:600; line-height:1.3; color:#fff; display:flex;}
.eyebrow.en {font-size:18px; opacity:.9;}
.title {margin:18px 0; font-size:70px; font-weight:900; line-height:1.2;  color:#ffd600; display:flex; flex-wrap:wrap;}
.eyebrow span,
.title span {position: relative; opacity:0; transform:translateX(60px); animation:main_txtani 1s forwards;}
.title p {display: flex;}
@keyframes main_txtani {
	0% {opacity:0; transform:translateX(60px);}
	100% {opacity:1; transform:translateX(0);}
}
.meta {margin:0 0 22px; padding:0; list-style:none; font-size:24px; line-height:1.6; color:#fff;}
.meta .en {opacity:.9; font-size:18px; margin-top:6px;}
.countdown {display:flex; gap:20px; margin:26px 0; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4); padding:14px 0;}
.countdown .unit {text-align:center; flex:1; min-width:80px;}
.countdown .num {display:block; font-size:48px; font-weight:800; line-height:1.1;}
.countdown .lab {display:block; margin-top:4px; font-size:13px; letter-spacing:.08em; opacity:.85;}
.cta {display:flex; gap:20px; margin-top:24px;}
.circle-btn {display:flex; align-items:center; justify-content:center; width:140px; height:140px; border:2px solid #ffd600; border-radius:50%; color:#ffd600; text-decoration:none; font-weight:800; font-size:20px; text-align:center; line-height:1.2;}
.circle-btn:hover {background:#ffd600; color:#000;}

/* 영상과 텍스트 */
.fef-card {padding:100px 16px;}
.fef-wrap {max-width:1440px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center;}
.fef-video {position:relative; padding-top:56.25%; border-radius:18px; }
.fef-video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.fef-cap {position:absolute; right:12px; bottom:10px; color:#fff; font-size:18px; opacity:.9; }
.fef-text {color:#0a2e52; }
.fef-ttl {margin:0 0 8px; font-size:36px; color:#123b67; font-weight:900;}
.fef-desc {margin:10px 0 18px; font-size:18px; line-height:1.75; color:#222; }
.fef-btn {display:inline-flex; align-items:center; justify-content:center; min-width:140px; height:40px; padding:0 18px; border-radius:20px; background:#2a6aa3; color:#fff; font-weight:800; text-decoration:none; }
.fef-btn:hover {background:#1f4f7b;}


.af-agenda {background:linear-gradient(90deg,#0b2b4a 0%,#164b78 100%); color:#eaf3ff; padding:48px 18px 56px;}
.af-wrap {max-width:1440px; margin:0 auto;}
.af-h1 {margin:0 0 6px; font-size:44px; font-weight:900; text-align:center; color:#fff;}
.af-sub {margin:0 0 26px; font-size:20px; font-weight:700; text-align:center; color:#ffd33b;}

.af-rowline {display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:center;}
.af-photo {width:120px; height:120px; border-radius:50%; overflow:hidden; }
.af-photo img {width:100%; height:100%; object-fit:cover; border-radius:50%;}
.af-content {min-width:0;}
.af-head {display:flex; align-items:center; gap:12px; margin:0 0 12px;}
.af-head .lab {display:inline-block; font-weight:700; font-size:22px; color:#c6ffff; white-space:nowrap;}
.af-head .hline {flex:1 1 auto; height:2px; background:#c6ffff;}
.af-cols {display:flex; gap:28px;}
.af-cols .col {flex:1; color:#fff; font-size:22px; font-weight:500; line-height:1.65;}
.af-cols .col + .col {border-left:2px solid rgba(255,255,255,.6); padding-left:28px;}


.af-head.right {display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 12px;}
.af-rowline {display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; margin:28px 0;}
.af-rowline .af-cols {display:flex; gap:28px; flex:1;}
.af-rowline .af-cols .col {flex:1; color:#fff; font-size:16px; line-height:1.65;}
.af-rowline .af-cols .col + .col {border-left:2px solid rgba(255,255,255,.6); padding-left:28px;}
.af-session {display:flex; align-items:center; gap:12px; margin:42px 0 16px;}
.af-badge {display:inline-block; padding:6px 12px; font-size:20px; background-color:#93c2de; border-radius:8px; font-weight:700; color:#fff;}
.af-session-ttl {font-size:20px; font-weight:700; color:#fff;}



.spns {padding:44px 0px;}
.sp-wrap {max-width:1440px; margin:0 auto;}
.sp-title3 {display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:16px;}
/*.sp-title img {width:36px; height:36px; object-fit:contain;}*/
.sp-ttl {font-size:28px; font-weight:700; color:#222;}
.sp-grid2 {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0;}
.sp-grid2 li {display:block; padding:12px 14px; text-align:center; text-decoration:none; color:#222; border:1px solid #e5e5e5; border-radius:4px;}
.sp-grid2 li :hover {text-decoration:underline;}



/* sub */
.svisual {position:relative; margin-top:90px; height:250px; background:linear-gradient(90deg,#0b2b4a 0%,#164b78 100%); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; line-height:1;}
.svisual p {font-size:28px; color:#cfd6dc; font-weight:700; margin-bottom:8px;}
.svisual strong {font-size:54px; color:#fff;}




.aside {border-bottom:#d7d7d7 1px solid;}
.aside .inner {display:flex;}
.aside a {position:relative; flex:1 1 auto; font-size:20px; color:#828282; font-weight:300; line-height:70px; text-align:center;}
.aside a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:5px; background:#64a7cf; transition:.2s linear;}
.aside a.on {color:#64a7cf; font-weight:700;}
.aside a.on:after {left:0; width:100%;}

.container {padding:100px 0; font-size:18px; color:#222; line-height:30px;}
.container .title {font-size:36px; color:#4bbed1; font-weight:700; /*font-family:'GmarketSans';*/ line-height:40px; text-align:center; margin-bottom:55px;}
.rtit {position:relative; font-size:27px; color:#000; font-weight:700; /*font-family:'GmarketSans';*/ background:url('/images/icon_rtit.png') no-repeat 0 55%; padding-left:24px; margin:90px 0 20px;}

/*포럼소개*/
.intro2025 {  color:#222;}
.intro-wrap {max-width:1440px; margin:0 auto;}
.intro-head {display:flex; align-items:center; gap:10px; margin-bottom:30px; position:relative; padding-bottom:20px;}
.intro-head::after {content:""; position:absolute; bottom:0; left:0; width:100%; max-width:1440px; height:4px; background:#93c2de;}
.intro-ttl {font-size:35px; font-weight:800; color:#222;}
.intro-subttl {display:inline-block; padding:6px 14px; background:#4b8cad; color:#fff; font-size:18px; font-weight:700; border-radius:4px; margin-bottom:16px;}
.intro-text p {margin:0 0 14px; font-size:20px; line-height:1.65;}


/* 행사개요 */
.section-title {display:flex; align-items:center; gap:10px; margin-bottom:30px; position:relative; padding-bottom:20px;}
.section-title::after {content:""; position:absolute; bottom:0; left:0; width:100%; max-width:1440px; height:4px; background:#93c2de;}
.section-title .title-ico {width:40px; height:40px; object-fit:contain;}
.section-title .title-txt {font-size:35px; font-weight:700; color:#222;}

.tt-section {max-width:1440px; margin:0 auto; padding:40px 0px;}
.event-info {display:flex; gap:40px; flex-wrap:wrap; margin-bottom:30px;}
.event-table {flex:1; min-width:260px;}
.event-table dl {display:flex; margin:0 0 12px; border-bottom:1px solid #eee; padding-bottom:8px;}
.event-table dt {
    flex:0 0 120px;
    background:#93c2de;
    color:#fff;
    font-weight:500;
    /* padding:8px 10px; */
    display:flex;              /* flex 컨테이너로 만들기 */
    align-items:center;        /* 세로 가운데 */
    justify-content:center;    /* 가로 가운데 */
    text-align:center;         /* 텍스트 정렬 */
}

.event-table dd {margin:0; padding:8px 10px; flex:1;}
.event-map img {width:100%; border:1px solid #ddd; margin-top:20px;}
.event-map {margin-top:30px; width:100%;}
.event-map iframe {width:100%; height:450px; border:0;}

/*연사소개*/
.tabmenu{display:flex;gap:6px;margin-bottom:20px;}
.tabmenu .tab-btn{flex:1;padding:10px 16px;border:1px solid #ccc;background:#fff;border-radius:8px;text-align:center;text-decoration:none;color:#222;font-size:16px;}
.tabmenu .tab-btn.active{background:#5fa8d3;color:#fff;border-color:#5fa8d3;}


/* 초청 연사 */
.speakers_wrap {display:flex; flex-wrap:wrap; gap:38px;}
.speakers_wrap a {position:relative; width:calc((100% - 114px)/4);}
.speakers_wrap img {/*filter:grayscale(1);*/ transition:.2s linear; border:1px solid #f5f5f5;}
.speakers_wrap .txt {/*position:absolute;*/ bottom:0; left:0; width:100%; padding:20px 0px; display:flex; flex-direction:column; align-items:flex-start;}
.speakers_wrap .tt {font-size:25px; color:#222; font-weight:500; padding-bottom:5px; border-bottom:#062a85 2px solid; margin-bottom:20px; }
.speakers_wrap .caname {position:relative; display:inline-block; width:100%; padding:10px 0px; text-align:left; font-size:20px; color:#062a85; }
.speakers_wrap p {font-size:17px; color:#222; font-weight:300; line-height:26px; }
.speakers_wrap a:hover img {filter:grayscale(0);}
.pop_speakers,
.pop_speakers .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_speakers {z-index:101; display:none;}
.pop_speakers .dm {background-color:transparent;}
.pop_speakers .outbox {position:absolute; top:50%; left:50%; width:870px; max-width:calc(100vw - 40px); background:#062a85; border-radius:10px; padding:50px 40px; transform:translate(-50%,-50%);}
.pop_speakers .btn_close {position:absolute; top:50px; right:30px; width:31px; height:31px; background:url('/images/btn_close.png') no-repeat 50% 50% / contain;}
.pop_speakers .inbox {display:flex; gap:40px;}
/*.pop_speakers .img {width:322px; height:380px;}*/
/*.pop_speakers .img img {width:100%; height:100%; object-fit:cover;}*/
.pop_speakers .txt {width:calc(100% - 362px);}
.pop_speakers .tit {font-size:31px; color:#fff; font-weight:500; line-height:34px; margin-bottom:10px;}
.pop_speakers p {font-size:17px; color:#cacaca; font-weight:300; line-height:25px;}
.pop_speakers .time {margin:40px 0; color:#4cc5d7; font-size:22px; font-weight:500;}
.pop_speakers dl {display:flex; font-size:17px; color:#cacaca; font-weight:300; line-height:20px; margin-bottom:15px;}
.pop_speakers dl:last-child {margin-bottom:0;}
.pop_speakers dt {position:relative; width:100px;}
.pop_speakers dt:after {content:""; position:absolute; top:50%; right:0; width:1px; height:16px; background:#6b6cb2; margin-top:-8px;}
.pop_speakers dd {padding-left:20px;}
.pop_speakers .con {position:relative; font-size:15px; color:#cacaca; font-weight:300; line-height:25px; max-height:175px; overflow:hidden;}
.pop_speakers .con:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:80%; background:linear-gradient(#32326e00,#32326eff);}
.pop_speakers .more {display:block; font-size:16px; color:#4cc5d7; line-height:30px; height:34px; width:110px; font-family:'GmarketSans'; border:#4cc5d7 2px solid; border-radius:17px; margin:25px auto 0; text-align:center;}
.pop_speakers.open .con {height:auto; max-height:calc(100vh - 400px); overflow:auto;}
.pop_speakers.open .con:after {height:0;}

/* 세션 타이틀 */
.session-title{text-align:center;margin:26px 0 18px;}
.session-num{display:block;font-size:25px;font-weight:700;color:#2980b9;margin-bottom:10px;}
.session-txt{margin:0;font-size:20px;font-weight:600;color:#222;}
.session-line{display:block;width:22px;height:2px;background:#2980b9;margin:10px auto 0;}


/* 팝업 레이어 */
.speaker-pop{position:fixed; inset:0; display:none; z-index:100000;}
.speaker-pop.on{display:block;}
.sp-dim{position:absolute; inset:0; background:rgba(0,0,0,.6);}
.sp-box{
  position:relative; z-index:1; width:min(980px,92vw); margin:15vh auto;
  background:linear-gradient(90deg,#0b2b4a 0%,#164b78 100%); color:#fff;  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.sp-close{
  position:absolute; top:14px; right:18px; font-size:32px; line-height:1;
  color:#fff; background:transparent; border:0; cursor:pointer;
}
.sp-grid{display:grid; grid-template-columns:320px 1fr; gap:32px; padding:28px;}
.sp-photo img{width:100%; height:auto; display:block; }
.sp-name{font-size:28px; font-weight:800; margin-top:2px;}
.sp-title2{font-size:16px; margin:8px 0 20px; opacity:.9; text-align:left;}
.sp-role{font-size:18px; font-weight:700; color:#4cc5d7; margin-bottom:12px;}
.sp-bio{font-size:15px; line-height:1.8; opacity:.95;}
.sp-more{
  display:inline-block; margin-top:24px; padding:10px 22px; border-radius:999px;
  border:2px solid #23a7e3; color:#23a7e3; text-decoration:none; font-weight:700;
}
.sp-more:hover{background:#23a7e3; color:#062a85;}



/* 등록안내/등록 확인 */
.tbl {border-top:#ddd 1px solid;}
.tbl col.w1 {width:180px;}
.tbl col.w2 {width:260px;}
.tbl col.w3 {width:200px;}
.tbl col.w4 {width:350px;}
.tbl th,
.tbl td {border:#ddd 1px solid; line-height:31px; padding:10px 15px; font-size:17px;}
.tbl th {color:#444;
    font-weight:500;
    padding:14px 10px;
    border-right:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;
    background-color:#f4f4f4;
    letter-spacing:-0.5pt;}
.tbl td {    padding:14px 20px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    text-align:center;
    }
.tbl td span {display:inline-block; vertical-align:top;}
.tbl.mt {margin-top:40px;}
.tbl.lr th {width:220px;}
.tbl table + p {margin-top:10px;}
.tbl.bdr th,
.tbl.bdr td {border-right:#ddd 1px solid;}
.tbl.bdr th:last-child,
.tbl.bdr td:last-child {border-right:0;}
.tbl th.gray {color:#666; font-weight:400;}
.tbl .flex {display:flex; gap:0 50px; flex-wrap:wrap;}
.tbl .flex li {width:calc(50% - 25px);}
.tbl .flex li .text {margin-left:10px; width:calc(100% - 80px);}
.tbl .flex.gap6 {gap:0 60px;}

.tbl .bgyl {background-color:#fffae6;}
.tbl .bgbl {background-color:#ebf1f9;}

.btn_pre {display:block; font-size:24px; color:#fff; line-height:62px; height:62px; width:300px; border:none; background:#4bbed1; border-radius:31px !important; text-align:center; margin:60px auto 0;}
.input_mail {display:flex; margin:35px 0 20px; background:#f8f8f8; padding:10px 0;}
.input_mail dt {color:#000; width:210px; line-height:40px; text-align:center;}
.input_mail dd {width:calc(100% - 210px); padding-right:10px; display:flex;}
.input_mail .text {width:calc(100% - 100px); height:40px; background:#fff; border:#ebebeb 1px solid;}
.input_mail .btn {color:#fff; font-weight:700; line-height:40px; height:40px; width:100px; background:#0c2843; text-align:center;}

label.radio,
label.check {position:relative; display:inline-block; vertical-align:top; color:#666; line-height:40px;}
label.radio {padding-left:24px;}
label.check {padding-left:30px;}
label.radio input,
label.check input {display:none;}

label.radio i{position:absolute; left:0; border:#666 1px solid; border-radius:50%; overflow:hidden;}
label.check i {position:absolute; left:0; border:#666 1px solid; border-radius:0px; overflow:hidden;}

label.radio i {top:12px; width:16px; height:16px;}
label.check i {top:9px; width:22px; height:22px;}
label.radio i:before,
label.check i:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio i:before {background:#0c2843; width:0; height:0; background:#0c2843; border-radius:50%;}
label.check i:before {width:100%; height:100%; background:url('/images/icon_chk.gif') no-repeat 50% 50% / cover; opacity:0;}
label.radio input:checked + i:before {width:10px; height:10px;}
label.check input:checked + i {border-color:#e5e5e5;}
label.check input:checked + i:before {opacity:1;}
label.radio .text {display:inline-block; vertical-align:top; width:220px; margin:0 5px;}

.gbox {background:#f8f8f8; margin:40px 0 25px; padding:30px; font-size:16px; color:#666; line-height:22px;}

.login_wrap {width:400px; margin:0 auto;}
.login_wrap p {font-size:22px; color:#000; line-height:28px; text-align:center; margin-bottom:35px;}
.login_wrap .text {width:100%; height:50px; margin-bottom:10px; padding:0 20px; font-size:16px;}
.login_wrap .text::placeholder {color:#666;}
.login_wrap .btn {display:block; font-size:20px; color:#fff; line-height:50px; height:50px; width:100%; background:#3a3a93;}
.login_wrap .forgat {display:block; font-size:16px; color:#3a3a93; font-weight:300; margin-top:40px; text-align:center;}

.survey { margin:0 auto;}
.survey li {margin-bottom:10px;border-bottom:#ddd 1px solid;}
.survey li:last-child {margin-bottom:0;}
.survey li .question {margin:10px 0px;display:inline-block;width:100%;}
.survey li .dap {padding-left:20px;margin-bottom:10px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 라이브온 */
.liveon {display:table; width:100%; table-layout:fixed;}
.liveon > * {display:table-cell; vertical-align:top;}
.liveon .video {position:relative; width:1010px; background:#000;}
.liveon .video:before,
.liveon .video:after {content:""; position:absolute; width:100%; z-index:10;}
.liveon .video:before {top:0; left:0; height:100px;}
.liveon .video:after {bottom:0; left:0; width:calc(100% - 96px); height:60px;}
.liveon .video iframe {position:relative; width:100%; max-width:100%; max-height:100%;}
.liveon .video .btn_full {position:absolute; bottom:0; right:0; width:60px; height:60px; z-index:11;}
.pop_video {position:relative; display:none;}
.pop_video iframe {width:1400px; height:800px; max-width:100%; max-height:100%;}
.pop_video:before,
.pop_video:after {content:""; position:absolute; left:0; z-index:100;}
.pop_video:before {top:0; width:100%; height:80px;}
.pop_video:after {bottom:0; width:calc(100% - 90px); height:60px;}
.pop_video .btmhidearea {position:absolute; right:0; bottom:0; width:50px; height:60px; z-index:1;}
.liveon .writearea {padding-left:20px;}
.liveon .writearea .jq_tab {font-size:0;}
.liveon .writearea .jq_tab li {display:inline-block; font-size:0; background:#53c6d8; border-radius:15px 15px 0 0; text-align:center; width:49%; margin-left:2%; cursor:pointer;}
.liveon .writearea .jq_tab li:first-child {margin-left:0;}
.liveon .writearea .jq_tab li.on {background:#0d50a1; box-shadow:#0d50a1aa 1px -1px 5px;}
.liveon .writearea .jq_tab li a {display:block; color:inherit; line-height:inherit;}
.liveon .writearea .jq_cont {position:relative; z-index:1;}
.liveon .writearea .jq_cont .cont {position:relative; height:508px; background:#fff;}
/* .liveon .writebox ul {height:390px; border:#ccc 1px solid; background:#f9f9f9; padding:30px; overflow:auto;}
.liveon .writebox li {position:relative; padding:10px 0 10px 104px; margin-bottom:24px; font-size:17px; color:#666; line-height:18px;}
.liveon .writebox li em {position:absolute; top:0; left:0; width:104px; height:38px; line-height:38px; padding-left:46px; font-size:11px;}
.liveon .writebox i {position:absolute; top:0; left:0; width:38px; height:38px; border-radius:50%; vertical-align:bottom; text-align:center; font-size:0; overflow:hidden;}
.liveon .writebox i img {display:inline-block; vertical-align:bottom;} */
.liveon .writebox .c1 {background:#644aaf;}
.liveon .writebox .c2 {background:#4a85ad;}
.liveon .writebox .c3 {background:#62ac49;}
.liveon .writebox .c4 {background:#ad4f83;}
.liveon .writebox .c5 {background:#ac7d49;}
.liveon .writebox .c6 {background:#5caaae;}
.liveon .inputarea {position:relative; padding:30px 30px 30px 90px; background:#fff; border:#ccc 1px solid; border-top:0;}
.liveon .inputarea i {position:absolute; top:30px; left:30px; width:38px; height:38px; line-height:38px; text-align:center; vertical-align:bottom; font-size:0; border-radius:50%; overflow:hidden;}
.liveon .inputarea em {display:block; font-size:17px; color:#666;}
.liveon .inputarea .inputbox {position:relative; border-bottom:#ccc 1px solid; padding-right:30px;}
.liveon .inputarea .text {width:100%; height:30px; border:0; padding:0;}
.liveon .inputarea .btn {position:absolute; top:0; right:0; width:30px; height:100%; background:url('/images/btn_send.png') no-repeat 50% 50%; border:0; font-size:0;}

/* 등록안내 */
.registration_info {display:flex; gap:68px;}
.registration_info a {width:calc(50% - 34px); height:486px; border:#4abfd1 4px solid; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; text-align:center;}
.registration_info a i {display:block; width:214px; height:214px; border-radius:50%;}
.registration_info a p {font-size:38px; color:#222; font-weight:700; line-height:1; transition:.2s linear;}
.registration_info a.i1 i {background-image:url('/images/icon_registration_info01.png');}
.registration_info a.i2 i {background-image:url('/images/icon_registration_info02.png');}