/* ======== 헤더 ======== */
header {padding: 25px 0; border-bottom: 1px solid transparent; position: fixed; top: 0; left: 0; width: 100%; transition: all .15s; z-index: 50;
    /* background-color: #00000005; backdrop-filter: blur(10px); */
    background-color: #fff;
}
.hd_wrap {width: 100%; display: flex; justify-content: space-between; align-items: center;}
header h1 a img.mo {display: none;}
header nav ul {display: flex; align-items: center; gap: 30px;}
header nav a {font-size: 18px; transition: all .15s; color: #111;}
header .depth1 {position: relative;}
header .depth1 .depth2 {position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-50%); display: none;}
header .depth1 .depth2 ul {display: flex; padding: 20px 25px; border-radius: 10px; background-color: #426daa; gap: 12px; box-shadow: 2px 2px 10px #00000030; flex-direction: column;}
.depth2 ul a {font-size: 15px; display: inline-block; min-width: max-content; color: #fff !important; opacity: .75;}
.depth2 ul a:hover {opacity: 1;}
 

header.on {background-color: #fff; border-color: #eee;}
header.on nav a {color: #111;}
/* header.on h1 a img.default {display: none;} */
/* header.on h1 a img.on {display: block;} */

.wrap.sub header {background-color: #fff; border-color: #eee;}
.wrap.sub header nav a {color: #111;}
.wrap.sub header h1 a img.default {display: none;}
.wrap.sub header h1 a img.on {display: block;}

nav {display:flex;align-items: center;gap:30px;}
.trans-btn {display:flex;gap:10px;height: fit-content;}
.trans-btn span {padding:4px 10px; background:#eee;font-size:14px;border-radius:5px;color:#999;cursor:pointer;}
.trans-btn span.on {background:#aa8cce;color:#fff;}

.burger .trans-btn {display:flex; gap:10px;align-items: center;}
.burger span {padding:0px 5px;}
.burger span.on {color:#ffb350;}
.burger em {width:1px;height:16px;background:#eee;}


/* 버거메뉴 */
.open_bg {width: 36px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/17075858511830.jpg) no-repeat center/contain; display: none;}
.burger {position: fixed; top: 0; left: 0; background-color: #00000020; z-index: 100; width: 100vw; height: 100vh; display: none;}
.burger .menu_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95vw;}
.burger ul {display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; background-color: #1a265abb; padding: 40px 0; border-radius: 10px; backdrop-filter: blur(4px); box-shadow: 0 0 15px #00000030;}
.burger span {color: #fff; font-size: 18px;}
.close_bg {width: 48px; aspect-ratio: 1; border-radius: 100%; overflow: hidden; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170758552841379.jpg) no-repeat center/contain; margin: 10px auto 0; box-shadow: 0 0 15px #00000030;}


/* 탑버튼 */
.top_btn {width: 60px; aspect-ratio: 1; position: fixed; bottom: 3%; right: 2%; background-color: #406aa8; display: none; border-radius: 5px; box-shadow: 2px 2px 10px #00000030; cursor: pointer; z-index: 50;}
.top_btn::after {content: ""; display: block; width: 25px; aspect-ratio: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170732303780530.png) no-repeat center/contain;}



/* ======== 푸터 ======== */
footer {background-color: #444; padding: 50px 0;}
.ft_wrap {width: 100%; display: flex; flex-direction: column; gap: 15px;}
.ft_info {display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 25px;}
.ft_info .ft_logo {opacity: .7;}
.ft_info .ft_txt {display: flex; gap: 20px; flex-wrap: wrap; row-gap: 5px;}
.ft_info .ft_txt span {font-size: 14px; color: #ffffff75;}

.ft_menu {width: 100%; padding-top: 15px; border-top: 1px solid #ffffff20; display: flex; align-items: center ;justify-content: space-between;}
.ft_menu ul {display: flex; align-items: center; gap: 20px;}
.ft_menu ul a {font-size: 15px; font-weight: 500; color: #ffffff70; cursor: pointer;}
.ft_menu ul span {font-size: 15px; font-weight: 500; color: #ddd; cursor: pointer;}
.copyright {font-size: 12px; color: #ffffff50;}




/* ======== 모달 ======== */
.md_wrap {position: fixed; width: 100vw; height: 100vh; background-color: #00000050; z-index: 100; top: 0; left: 0;}
.md_container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.md_box {width: 40vw; background-color: #f1f1f1; border-radius: 5px; padding: 40px; min-width: 260px;}
.md_tit {font-size: clamp(18px, 2vw, 28px); color: #555; text-align: center; font-weight: 600;}
.md_con {background-color: #fff; padding: 20px; border-radius: 5px; max-height: 500px; overflow-y: scroll; font-size: clamp(14px, 1.3vw, 15px); margin: 20px 0;}
.md_btn {display: flex; justify-content: center; gap: 10px;}
.md_wrap.terms {margin-top: 0;}

.md_box.member {background-color: #fff;}
.md_member {margin: 20px 0;}
.md_member form dl {flex-direction: column; align-items: flex-start; gap: 10px; padding: 0; border-bottom: 0;}
.md_member form dl + dl {margin-top: 20px;}
.md_member form dt {width: 100%;}
.md_member form dd {width: 100%;}

.md_box.alert {background-color: #fff; width: 30vw;}
.md_box.alert dl {display: flex; align-items: center; flex-direction: column; gap: 20px; padding-bottom: 30px;}
.md_box.alert dt {font-size: clamp(15px, 1.2vw, 18px); color: #384968;}
.md_box.alert dd {font-size: clamp(16px, 1.5vw, 20px); text-align: center;}

/* ======== 1200px ======== */
@media screen and (max-width: 1200px) {
    /* 헤더 */
    header nav ul {gap: 20px;}
    header nav a {font-size: 16px;}

    /* 푸터 */
    .admin {display: none;}


    /* 모달 */
    .md_member .input_email {flex-direction: column;}
    .md_member .input_email input {width: 100%;}
    .md_member .input_email .flex {width: 100%;}
    .md_member .input_email .slt_box {width: 100%;}
}








/* ======== 950px ======== */
@media screen and (max-width: 960px) {
    /* 헤더 */
    header {padding: 20px 0;}
    header h1 {width: 55vw; min-width: 220px;}
    header h1 a img.mo {display: block;}
    header h1 a img.on {display: none;}
    .wrap.sub header h1 a img.on {display: none;}
    header nav {display: none;}

    .open_bg {display: block;}
    .top_btn {width: 45px; border-radius: 5px; bottom: 1%;}
    .top_btn::after {width: 18px;}


    /* 모달 */
    .md_box {width: 95vw; padding: 20px;}
    .md_con {padding: 15px; margin: 15px 0;}


    /* 푸터 */
    footer {padding: 40px 0;}
    .ft_info .ft_txt {flex-direction: column; row-gap: 6px;}
    .ft_info .ft_txt span {font-size: 13px;}
    .ft_info .ft_logo {width: 40vw; min-width: 240px;}
    .ft_menu {flex-direction: column-reverse; align-items: flex-start; gap: 20px;}
    .ft_menu ul span {font-size: 14px;}
}