/* 공통적용 */
html { scroll-behavior: smooth; }
img { max-width: 100%; }
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.inner { width: 90%; margin: 0 auto; max-width: 1400px;}
.pointColor {color: var(--mainColor2);}
.bold {font-weight: 700;}

/* padding · margin style*/
.padding_tb { padding:100px 0;}
.padding_t { padding-top: 100px;}
.padding_b { padding-bottom: 100px;}
.margin_tb { margin:100px 0;}
.margin_t { margin-top: 100px; }
.margin_b { margin-bottom: 100px;}


/* popup */
.pop_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.8); z-index: 999; display: none;}
.pop_wrap.on {display: block;}
.pop_wrap .pop_inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.pop_wrap .btn_wrap {display: flex; gap: 10px; justify-content: center;}
.pop_wrap .btn_wrap a {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.pop_wrap .btn_wrap .cancel {border: 1px solid var(--border);  color: #555; background: #fff;}
.pop_wrap .btn_wrap .confirm {background: var(--mainColor2); color: #fff;}
.pop_wrap .modal {width: 100%; max-width: 320px; height: auto; background: #fff; padding: 20px;}
.pop_wrap .modal .contents {padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 7px; line-height: 1.4;}
.pop_wrap .modal .contents .tit {font-size: 1rem; font-weight: 700;}
.pop_wrap .modal .contents .text {font-size: 0.94rem;}
.pop_wrap .modal .contents .cmnt {font-size: 0.8rem; color: #767676;}
.pop_wrap .modal .btn_wrap a {height: 36px; font-size: 0.875rem;}
.pop_wrap .layer {width: 90%; max-height: calc(100vh - 80px); height: auto; background: #fff; position: relative; display: flex; flex-direction: column;}
.pop_wrap .layer .close {
    display: block; width: 24px; height: 24px; background: url('../img/icon_close_w.png') no-repeat center center / cover;
    position: absolute; right: 0; top: -30px;
}
.pop_wrap .layer > .tit {background: #000; padding: 15px; color: #fff; font-size: 1.125rem; font-weight: 700;}
.pop_wrap .layer .contents {overflow-x: hidden; overflow-y: auto; word-break: break-all; padding:20px;}
.pop_wrap .layer .btn_wrap {padding:0 20px 20px;}
.pop_wrap .layer .btn_wrap a {height: 50px; max-width: 250px; border-radius: 5px;}
.pop_wrap .layer .btn_wrap a.mini {height: 36px; font-size: 0.875rem; min-width: 150px; width: max-content;}
.pop_wrap .cont_tit {font-size: 1.25rem; text-align: center; font-weight: 700; padding-bottom: 20px;}

#popFindId .layer {max-width: 400px;}
#popFindId .findInfo {padding: 20px; margin-top: 20px; background: #f5f5f5; display: flex; flex-direction: column; gap: 5px; font-size: 0.94rem;}


/* btn style */
.btn {display: flex; align-items: center; justify-content: center; text-align: center; max-width: 250px; width: 100%; height: 50px; transition: all .3s; padding: 0 10px; cursor: pointer;}
.btn.mini {max-width: unset; height: 35px; width: max-content; font-size: 0.875rem;}
.btn.big {max-width: 320px; height: 60px; font-size: 1.25rem;}
.btn.st1 {background: var(--mainColor2); border: 1px solid var(--mainColor2); color: #fff;}
.btn.st1:hover {background:#0b6bb4; border: 1px solid #0b6bb4;}
.btn.st2 {background: var(--border); border: 1px solid var(--border); color: #555;}
.btn.st2:hover {background: #fff;}
.btn.st3 {border: 1px solid var(--mainColor2); color: var(--mainColor2); }
.btn.st3:hover {background: var(--mainColor2); color: #fff;}
.btn.st4 {border: 1px solid var(--border);  color: #555; background: #fff;}
.btn.st4:hover {background: var(--border);}
.btn.st5 {
    background: linear-gradient(to right, #0b6bb4 0%, var(--mainColor2) 50%, var(--mainColor3) 100%);
    background-origin: border-box; background-clip: content-box, border-box; padding: 0;
}
.btn.st5:hover {border: 1px solid var(--mainColor2); color: var(--mainColor2); background: #000;}
.btn.arr {padding: 0 40px 0 10px; position: relative;}
.btn.arr::before {
    display: block; content: ""; background: url('../img/icon_btn_arr.png') no-repeat center center / contain;
    width: 20px; height: 20px; top: 50%; transform: translateY(-50%); right: 10px; position: absolute;
}

/* header */
#header {position: fixed; top:0; width: 100%; height: 90px; z-index: 998; display: flex; align-items:center; background: #fff; transition: all .3s;}
#header .inner {height: 100%;}
#header .hd_wrap { display: flex; align-items: center; justify-content: space-between; gap: 60px; width: 100%; height: 100%; }
#header .hd_logo {font-size: 0;}
#header .hd_logo img {height: 48px;}

#header .nav_wrap { display: flex; justify-content: space-between; margin:0 auto; flex: 1 0 0; height: 100%; gap: 60px;}
#header .nav { display: flex; justify-content: end; flex: 1 0 0;}
#header .side {display: flex; align-items: center; justify-content: center; }
#header .side a {font-size: 0.94rem; background: #f1f1f1; border-radius: 100px; height: 36px; line-height: 36px; padding: 0 15px; }
#header .side select {margin-left:20px}
#header .menu {width: 100%; display: flex; justify-content: flex-end; gap: 40px;}
#header .menu > li {position: relative;}
#header .menu > li > a {color: #000;font-size: 1.125rem; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
#header .menu > li > a::after {display:block; content: ""; width: 0; height: 3px; background: var(--mainColor2); position: absolute; bottom: 0; left: 0; transition: all .3s;}
#header .menu > li:hover > a::after {width: 100%;}
#header .submenu {position: absolute; top: 100%; left: 0; z-index: 1; gap: 20px;  align-items: center;}
#header .submenu > a {font-size: 0.94rem; position: relative; transition: all .3s; display: block; white-space: nowrap;}
#header .submenu > a:hover {color: var(--mainColor2);}
#header .submenu > a:last-child::after {display: none;}
#header .hamberg {display: none;}
#header .submenu_bg {width: 100%; background: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 100%; border-top: 1px solid var(--border);}

#header .submenu,
#header .submenu_bg {height: 60px; visibility: hidden; transition: all .3s; opacity: 0; display: flex;}
#header .submenu.on,
#header .submenu_bg.on {visibility: visible; opacity: 1; display: flex !important;}


/* footer */
#footer {border-top: 1px solid var(--border);}
#footer .ft_host .inner {
    padding: 20px 0; display: flex; gap: 40px 50px; align-items: center;
}
#footer .ft_host .item {display: flex; gap:5px 15px; align-items: center;}
#footer .ft_host .item .gu {font-size: 1.125rem; font-weight: 700;}
#footer .ft_host .item .nae {
    display: flex; gap:10px; flex-wrap: wrap; line-height: 1;
}
#footer .ft_host .item:nth-child(1) {width: max-content;}
#footer .ft_host .item:nth-child(2) {flex: 1 0 0;}
#footer .ft_host .item:nth-child(1) .nae {flex-direction: row; gap:10px 20px; flex-shrink: 0;}
#footer .ft_host img {height: 23px;}
#footer .ft_info {background: #0b6bb4; padding: 50px 0;}
#footer .ft_info .logo {flex-shrink: 0; width: 146px;}
#footer .ft_info .inner {display: flex; flex-wrap: wrap; gap: 40px; align-items: center;}
#footer .ft_info .info {color: #fff; flex: 1 0 0;}
#footer .ft_info .info .tit {font-size: 1.125rem; font-weight: 700;}
#footer .ft_info .info .list {font-size: 0.875rem; display: flex; flex-wrap: wrap; gap:2px 20px; margin-top: 10px;}
#footer .ft_info .info .list .w100 {width: 100%;}
#footer .copyright { font-size: 0.75rem; color: #aaa; width: 100%;}



/* main */
.main_tit {margin-bottom: 40px; text-align: center;}
.main_tit .tit {font-size: 3rem; font-weight: 700;}

.main_top {
    background-color: #006eb7;
    width: 100%; height: 750px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.main_top2 {
    background: url('../img/main_top_bg2.jpg') no-repeat center center / cover;
    width: 100%; height: 750px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.main_top .img {position: absolute; right: 100px; bottom: -5px; width: 50%;}
.main_top .img.img2 img {width: 940px;}
.main_top .inner {display: flex; align-items: center; padding-top: 90px; margin: 60px 0;}
.main_top .tit {width: 35%;}

.main_sec .sec_box {display: flex; gap: 20px;}
.main_sec .box {width: 100%;}
.main_sec .box .img {display: none;}
.main_sec .box .cont {
    aspect-ratio: 3/2; padding: 30px; display: flex; flex-direction: column; justify-content: center;
    color: #fff; cursor: pointer; overflow: hidden; align-items: center; transition: all .3s; position: relative;
}

.main_sec .box .cont::before {
    display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; mix-blend-mode: soft-light;
    background: #000; -webkit-clip-path: circle(0%); clip-path: circle(0%);transition: all 0.5s ease 0s; opacity: .5;
}
.main_sec .box .cont:hover::before {-webkit-clip-path: circle(50%); clip-path: circle(50%);}
.main_sec .box .cont > div {position: relative; z-index: 1;}
.main_sec .box .cont .icon {font-size: 0; width: 70px;}
.main_sec .box .cont .tit {margin-top: 15px; font-size: 1.5rem; font-weight: 700;}
.main_sec .box .cont .shortcut {
    border-radius: 10px; width: max-content; margin-top: 20px; padding-bottom: 5px; margin-left: 2px;
    position: relative; font-weight: 700; display: flex; gap: 5px; align-items: center;
}
.main_sec .box .cont .shortcut::after {
    display: inline-block; content: ""; width: 12px; height: 12px; background: url('../img/icon_main_sec.png') no-repeat center center / contain;
    vertical-align: middle;
}
.main_sec .box .cont .shortcut::before {
    display: block; content: ""; width: 0; height: 2px; background: #fff;
    position: absolute; left: 0; top: 100%; transition: all .3s;
}

.main_sec .box:nth-child(odd) .cont {background: #0b6bb4;}
.main_sec .box:nth-child(even) .cont {background: var(--mainColor2);}

.main_ap .btn {
    font-size: 3rem; width: max-content; max-width: unset; height: auto; padding: 30px 50px; border-radius: 100px; margin: 0 auto;
    background: #0b6bb4; color: #fff; font-weight: 700;
}
.main_ap .btn:hover {background: var(--mainColor2);}


.main_ct {background: var(--bgLight);}
.main_ct .inner {max-width: 800px;}

.ct_form {display: flex; flex-wrap: wrap; gap: 40px;}
.ct_form .item {width: 100%;}
.ct_form .item .gubun {display: none;}
.ct_form .item .input,
.ct_form .item .textarea {position: relative;}
.ct_form .item .input::after,
.ct_form .item .textarea::after {
    display: block; content: ""; width: 15px; height: 15px; background: var(--mainColor2); border-radius: 100px;
    position: absolute; top: 5px; left: 5px; opacity: .2;
}
.ct_form .item .input input {max-width: unset; background: unset; border: 0; border-bottom: 1px solid var(--border);}
.ct_form .item textarea {background: unset; height: 42px; overflow: hidden; border: 0; border-bottom: 1px solid var(--border); transition: all .3s; font-size: 0.94rem;}
.ct_form .item textarea.on {height: 100px; overflow-y: auto; border: 1px solid var(--border);}
.ct_form .btn {margin: 40px auto 0;}


/* 서브페이지 */
.sub_top {margin-top: 90px; height: 250px; background: url('../img/sub_top_img.png') no-repeat 95% 70% / 50% #0b6bb4; position: relative; background-size: contain;}
.sub_top .inner {height: 100%; display: flex; justify-content: center;  flex-direction: column; position: relative; z-index: 1;}
.sub_top .title {font-size: 2.5rem; font-weight: 700; color: #fff;}

.sub_nav {border-bottom: 1px solid var(--border); background: #fff;}
.sub_nav .inner {width: 100%;}
.sub_nav .list {display: flex; justify-content: center;}
.sub_nav .list li {width: 100%; max-width: 280px; height: 60px;}
.sub_nav .list li a {width: 100%; height: 100%; padding: 0px 10px; display: flex; align-items: center; justify-content: center; color: #aaa; text-align: center; line-height:1.2}
.sub_nav .list li.active a{color: var(--mainColor2); font-weight: 700; border-bottom: 2px solid var(--mainColor2);}


/* board search*/
.board_search { margin-bottom: 25px; }
.board_search .search_box {display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.board_search .search_box .select { display: inline-block; }
.board_search .search_box .select select { display: block; width: max-content; border: none; border-bottom: 1px solid #000; padding: 0 30px 0 0;}
.board_search .search_box .search { display: inline-block; position: relative; width: 250px;}
.board_search .search_box .search input { border: none; border-bottom: 1px solid #000; width: 100%;  padding: 10px 30px 10px 0; }
.board_search .search_box .search button {
    position: absolute; top: 50%; right: 2px; transform: translateY(-50%);
    display: block; background: url('../img/icon_search.png') no-repeat; width: 20px; height: 20px; background-size: 100%; border: none; padding: 10px;
}

/* board List */
.board_list_box { margin-bottom: 40px; }
.board_list_box .num { width: 70px; }
.board_list_box .tit { width: max-content; }
.board_list_box .date { width: 120px; }
.board_list_box .count { width: 100px; }
.board_list_box .tHead { border-top: 1px solid #111; border-bottom: 1px solid var(--border); background: #f5f5f5; }
.board_list_box .tHead,
.board_list_box .tBody { display: table; width: 100%; }
.board_list_box .tHead li,
.board_list_box .tBody li { display: table-row; width: 100%; border-bottom: 1px solid var(--border); }
.board_list_box .tHead li>div,
.board_list_box .tBody li>div {
    display: table-cell; border-bottom: 1px solid var(--border); padding: 15px 7px;
    text-align: center; vertical-align: middle;
}
.board_list_box .tBody .tit { text-align: left; cursor: pointer; }


/* board view */
.board_view .board_view_tit { font-size: 2rem; font-weight: 700; padding-bottom: 20px; border-bottom: 2px solid #111; }
.board_view .board_view_info { padding: 20px 0; border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; color: #777; justify-content: flex-end; }
.board_view .board_view_info>div { margin-left: 20px; font-size: 0.875rem; }
.board_view .board_view_info .write:before { display: inline-block; content: "작성자"; margin-right: 5px; }
.board_view .board_view_info .date:before { display: inline-block; content: "작성일"; margin-right: 5px; }
.board_view .board_view_info .count:before { display: inline-block; content: "조회수"; margin-right: 5px; }
.board_view .board_view_info.eng .write:before { content: "Writer"; }
.board_view .board_view_info.eng .date:before { content: "Date"; }
.board_view .board_view_info.eng .count:before { content: "Views"; }
.board_view .board_view_cont { padding: 30px 0; border-bottom: 1px solid var(--border);}
.board_view .board_view_file { padding: 10px 0; border-bottom: 2px solid #111; }
.board_view .board_view_file a { font-size: 0.94rem; padding-left: 25px; position: relative; display: block; margin: 15px 0; }
.board_view .board_view_file a:before {
	display: block; content: ""; background: url('../img/icon_file.png') no-repeat center center / cover;
	width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
.board_view .board_view_btn { margin-top: 40px; display: flex; justify-content: center; }
.board_view .board_view_btn a { text-align: center; margin: 0 10px; width: 100%; max-width: 210px; height: 55px; line-height: 55px; border: 1px solid var(--border); }
.board_view .board_view_btn a.listBtn { background: #0b6bb4; color: #fff; }

/* paging style */
.paging { text-align: center; font-size: 0;}
.paging a { display: inline-block; vertical-align: middle; }
.paging ol { display: inline-block; vertical-align: middle; }
.paging ol li { display: inline-block; margin: 0 2px; }
.paging ol li a {
    display: inline-block; vertical-align: middle; padding: 0 5px; border: 1px solid var(--border);
    border-radius: 50px; width: 40px; height: 40px; margin: 0 1px; line-height: 40px; font-size: 1rem;
}
.paging ol li a.this { background: #0b6bb4; color: #fff; }

.paging a.next,
.paging a.prev {
    width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;
}
.paging a.next {background-image: url('../img/btn_next.gif');}
.paging a.prev {background-image: url('../img/btn_prev.gif');}

/* overview */
.overview_s .inner {display: flex; align-items: center; justify-content: center; gap: 60px; max-width: 1200px;}
.overview_s .img_box {width: 500px; flex-shrink: 0;}
.overview_s .img_box img{width: 100%;}
.overview_s .info_box .info li {display: flex; margin-bottom: 30px; align-items: flex-start; gap: 15px;}
.overview_s .info_box .info .icon {width: 55px; flex-shrink: 0;}
.overview_s .info_box .info .txt {margin-top: 2px;}
.overview_s .info_box .info .gubun {color: var(--mainColor2); font-weight: 700; margin-bottom: 3px;}
.overview_s .info_box .info .cont {font-size: 1.125rem;}
.overview_s .info_box .info .logo {display: flex; gap:10px 20px; flex-wrap: wrap;}
.overview_s .info_box .info .logo img {height: 25px;}

.ov_ap .inner {max-width: 1200px;}
.ov_ap .text_box {background: var(--bgLight); padding: 30px;}
.ov_ap .text_box li {display: flex; gap: 5px; margin: 5px 0;}
.ov_ap .text_box li .num {font-weight: 700; color: #0b6bb4; width: 15px; flex-shrink: 0;}
.ov_ap .btn_box {margin-top: 40px; display: flex; justify-content: center;}

.ov_in_1 .tit_box {line-height: 1.2;}
.ov_in_1 .tit_box .big {font-size: 4.375rem; font-weight: 700;}
.ov_in_1 .tit_box .small {font-size: 2rem; margin-top: 20px;}
.ov_in_1 .tit_box .small span {color: #0b6bb4;}

.ov_in_2 {background: url('../img/bg_ov_in_2.jpg') no-repeat center center / cover;}
.ov_in_2 .text_box .text {font-size: 1.25rem; color: #fff;}


/* map */
.map_wrap .inner {display: flex; gap: 40px;}
.map_wrap .map_box {font-size: 0; width: 100%;}
.map_wrap .map_box .img_m {display: none;}
@media screen and (max-width:1199px) { 
    .map_wrap .map_box .img_pc {display: none;}
    .map_wrap .map_box .img_m {display: block;}
}
.map_wrap .map_info {flex:1 0 0; display: flex; flex-direction: column; justify-content: center;}
.map_wrap .map_info .tit {font-size: 2rem; font-weight: 700;}
.map_wrap .map_info .text {font-size: 1.125rem; margin-top: 10px;}
.map_wrap .map_info ul { margin-top: 20px;}
.map_wrap .map_info li {padding-left: 10px; position: relative;}
.map_wrap .map_info li::before {
    display: block; content: "-"; position: absolute; left: 0;
}
.map_wrap .map_info .btn {margin-top: 40px;}

/* place */
.plan_wrap {text-align: center;}
.plan_wrap .img_box {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.plan_wrap .cmnt {margin-top: 20px; }


/* apply */
.apply_comp {text-align: center;}
.apply_comp .tit {font-size: 2rem; margin-bottom: 60px;}
.apply_comp .btn {margin: 0 auto;}

.apply_main .top_text {text-align: center; font-size: 1.125rem; margin-bottom: 40px;}
.apply_main .list {max-width: 800px; margin: 0 auto; display: flex; align-items: stretch; gap: 40px;}
.apply_main .item {width: 100%; display: flex; flex-direction: column; gap: 30px; aspect-ratio: 5/4; padding: 20px; align-items: center; justify-content: center; border-radius: 20px;}
.apply_main .item:nth-child(1) {background: var(--mainColor2);}
.apply_main .item:nth-child(2) {background: #0b6bb4;}
.apply_main .item .icon {background: #fff; width: 100px; height: 100px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.apply_main .item .icon img {width: 70%;}
.apply_main .item .tit {color: #fff; font-weight: 700; font-size: 1.5rem; text-align: center;}


/* 로그인 */
.login_wrap .text {text-align: center; margin-bottom: 30px;}
.login_box {max-width: 400px; margin: 0 auto; border: 1px solid #ededed; padding: 30px; display: flex; flex-direction: column; gap: 20px;}
.login_box .label {display: flex; align-items: center; flex-wrap: wrap; gap:10px 0; justify-content: center;}
.login_box .item .naeyong > input {width: 100%; max-width: unset;}
.login_box .item .gubun {font-size: 0.94rem; margin-bottom: 5px;}
.login_box .item .naeyong {display: flex; align-items: center; gap: 10px;}
.login_box .btn_wrap {display: flex; flex-direction: column; gap: 10px;}
.login_box .btn {border-radius: 0; max-width: unset;}
.login_box .find_id {font-size: 0.94rem; color: #767676; text-align: center; width: max-content; margin: 0 auto;}
.login_box .find_id:hover {border-bottom: 1px solid #767676;}

.booth_wrap .cmnt,
.plan_wrap .cmnt {width: 100%; word-break: break-all;}


/* 초청연사 */
.spk_wrap .inner {max-width: 1000px;}
.spk_list {display: flex; flex-direction: column; gap: 40px;}
.spk_list .item {padding: 40px; display: flex; gap: 40px; background: #fff; border: 1px solid var(--border);}
.spk_list .item .img {width: 150px; flex-shrink: 0;}
.spk_list .item .img p {width: 100%; aspect-ratio: 1/1; border-radius: 1000px; overflow: hidden; border: 1px solid var(--border);}
.spk_list .item .img p img {width: 100%; height: 100%; object-fit: cover;}
.spk_list .item .info {flex: 1 0 0;}
.spk_list .item .info .name {font-size: 1.75rem;}
.spk_list .item .info .dep {font-size: 1.125rem; color: var(--mainColor2);}
.spk_list .item .info .detail {font-size: 1rem; margin-top: 20px; padding-top: 20px; color: #555; border-top: 1px solid var(--border); font-size: 0.94rem; width: 100%;}




/*------------------------------ wdaf_2026 ------------------------------*/
.sub_top.sub_top_2026{background:url('https://static.heraldcorp.com/wbazic/wdaf/img/2026/sub_top_img.png') center no-repeat #030100}
.ov_in_2.ov_in_2_2026{background:url('https://static.heraldcorp.com/wbazic/wdaf/img/2026/bg_ov_in_2.jpg') no-repeat center / cover}
#footer.footer_2026 .ft_host .inner{justify-content:center}
#footer.footer_2026 .ft_info{background:#050102}
#footer.footer_2026 .ft_info .logo{width:200px}
#footer.footer_2026 .ft_info .info .list p a:hover{text-decoration:underline}
@media screen and (max-width: 1199px) {
    .sub_top.sub_top_2026{background-size:cover}
    #footer.footer_2026 .ft_host .inner{flex-direction:inherit}
}
@media screen and (max-width: 899px) {
    #footer.footer_2026 .ft_host .item:nth-child(1){width:auto}
    #footer.footer_2026 .ft_info .logo{width:146px}
}
.overview_s.overview_s_2026 .img_box{width:400px}
.overview_s.overview_s_2026 .info_box .info .cont img{width:50%; display:block; margin:0 auto; max-width:350px}
@media screen and (max-width: 1199px) {
    .overview_s.overview_s_2026 .img_box{width: 100%}
}
@media screen and (max-width: 599px) {
    .overview_s.overview_s_2026 .info_box .info .cont br{display:inline}
}