/* ======== 서브페이지 타이틀 ======== */
.page_tit {width: 100%; height: 45vh; display: flex; align-items: center; justify-content: center; gap: 25px; flex-direction: column; margin-bottom: 100px; margin-top: 88px;}
.page_tit .bread {display: flex; align-items: center; gap: 12px; position: relative;}
.bread a {display: block; width: 24px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170725724134431.png) no-repeat center/contain;}
.bread i {display: block; width: 3px; aspect-ratio: 1; border-radius: 100%; background-color: #fff;}
.bread span {font-size: clamp(14px, 1.5vw, 18px); color: #fff; opacity: .8;}
.bread span.on {opacity: 1; font-weight: 600;}
.page_tit .page_title {font-size: clamp(22px, 3.5vw, 48px); font-weight: 600; color: #fff; text-align: center;}

.tab {display: flex; align-items: center; gap: 10px;}
.tab span {display: block; padding: 15px 40px; border-radius: 100px; cursor: pointer; background-color: #00000070; color: #fff; font-size: clamp(14px, 1.6vw, 18px); opacity: .7; box-shadow: 0 0 10px #00000015; transition: all .1s; backdrop-filter: blur(8px);}
.tab span.on {opacity: 1; background-color: #326cdf; font-weight: 600;}
.tab span:hover {opacity: 1; background-color: #fff; color: #346dc2; font-weight: 600;}



/* ======== 프로그램 ======== */
.page_tit.program {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/1724602788485.jpg) no-repeat center/cover;}

/* 인사말 */

.page_tit.greeting {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/172601226792850.jpg) no-repeat center/cover;}



/* ======== 공지사항 ======== */
.page_tit.notice {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/17072579095234.jpg) no-repeat center/cover;}
.notice_list {width: 100%; border-top: 2px solid #555;}
.amount {display: flex; align-items: center; gap: 4px; margin-bottom: 15px;}
.amount span {color: #777; font-weight: 600;}
.amount span.focus {color: #4f7dd8;}

.notice_con {width: 100%; display: flex; padding: 35px 20px; border-bottom: 1px solid #eee; align-items: center; cursor: pointer; overflow: hidden;}
.notice_con:hover {box-shadow: 0 6px 8px #00000008;}
.notice_con .date {display: inline-block; width: 15%; color: #959caa; font-weight: 600;}
.notice_con .title {width: 75%; display: flex; align-items: center; gap: 15px;}
.notice_con .title i {display: none; width: 10px; aspect-ratio: 1; border-radius: 100%; background-color: #4f7dd8;}
.notice_con.new .title i {display: block;}
.notice_con .title p {font-size: clamp(15px, 1.6vw, 18px); white-space: no-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_con:hover .title p {text-decoration: underline;}
.notice_con dl {display: flex; gap: 4px; align-items: center; width: 10%; justify-content: center;}
.notice_con dl dt {display: block; width: 20px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170725514137536.png) no-repeat center/contain;}
.notice_con dl dd {font-size: 14px; color: #999;}

.view_tit {width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 40px 20px; border-top: 2px solid #555; gap: 30px;}
.view_tit .title {font-size: clamp(18px, 2.4vw, 32px); font-weight: 600;}
.view_tit .sub {width: 100%; display: flex; align-items: center; gap: 40px;}
.view_tit .sub span {font-size: 15px; color: #666; position: relative;}
.view_tit .sub span::after {content: ""; display: block; width: 1px; height: 60%; background-color: #aaa; position: absolute; top: 50%; left: -20px; transform: translateY(-50%);}
.view_tit .sub span:first-child::after {display: none;}
.view_con {padding: 40px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.view_control dl {width: 100%; display: flex; border-bottom: 1px solid #ddd;}
.view_control dt {background-color: #f7f7f7; display: flex; padding: 20px; align-items: center; gap: 25px; width: 30%;}
.view_control dt i {display: block; width: 15px; aspect-ratio: 1;}
.view_control dt i.prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/17073171608557.png) no-repeat center/contain;}
.view_control dt i.next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170731716363373.png) no-repeat center/contain;}
.view_control dt span {font-size: 15px; font-weight: 600; color: #777;}
.view_control dd {width: 70%; padding: 20px; font-size: 16px; color: #333; cursor: pointer;}
.view_control dl.no dd {cursor: default; color: #999;}




/* ======== 사전등록 안내 ======== */
.page_tit.register {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170725945166271.jpg) no-repeat center/cover;}

.wrap.register .sec_tit {margin-bottom: 40px;}

.info_pay .account {width: 100%; padding: 18px 20px; border-radius: 5px; background-color: #f5f5f5; margin: 12px 0;}
.info_pay .account span {font-size: clamp(14px, 1.2vw, 17px); color: #333;}
.info_pay .account span em {font-weight: 600;}
.info_pay .account span.sub {font-size: 15px; color: #888; padding-left: 1%;}


.contact_box {width: 100%; display: flex; gap: 20px;}
.contact_con {width: 50%; padding: 30px; border-radius: 10px; background-color: rgb(243, 243, 255);}
.contact_con p {font-size: clamp(15px, 1.8vw, 20px); font-weight: 600; padding-bottom: 30px;}
.contact_info dl {display: flex; width: 100%; align-items: center; gap: 15px;}
.contact_info dl + dl {margin-top: 5px;}
.contact_info dt {width: 20px; aspect-ratio: 1;}
.contact_info dt.call {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170726078976431.png) no-repeat center/contain;}
.contact_info dt.email {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170726091557118.png) no-repeat center/contain;}
.contact_info dd {font-size: clamp(14px, 1.6vw, 18px); font-weight: 600; color: #325b9a;}

p.discription {font-size: 14px !important; font-style: italic; color: #7c8ba7; padding-bottom: 5px; font-weight: 400; display: none;}
.price_table {width: 100%; margin-bottom: 10px;}
table {width: 100%;}
table td {padding: 10px 12px; text-align: center; font-size: 15px; vertical-align: middle; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
table td span.type1 {font-weight: 600; color: #7d0f0f;}
table td span.type2 {font-weight: 600;}
table td span.type3 {font-weight: 600; color: #a30731;}
table td:last-child {border-right: none;}
thead {background-color: #f6f7f9; border-radius: 5px;}
thead td {font-size: 14px; font-weight: 500; color: #787f8d;}
thead td:first-child {width: 70%;}
thead td:nth-of-type(2), thead td:nth-of-type(3) {width: 15%;}
table .rec {padding: 10px 0; display: flex; flex-direction: column; align-items: center; gap: 2px;}
table .rec p {font-size: 15px; font-weight: 500;}
table .rec em {font-size: 14px; line-height: 1; padding: 6px 12px; border-radius: 50px; background-color: #db6057; color: #fff; margin-bottom: 2px;}
table .rec .sub {color: #444;}
table .rec .sub b {color: #db6057;}
.price_table + .btn_box {text-align: center;}
td.w30 {width: 35%;}
table .focus {display: flex; flex-direction: column; align-items: center;}
table .price {color: #444;}
table .price.on {font-weight: 600; color: #111;}
table .price.org {font-size: 14px; color: #888; text-decoration: line-through;}
table .price.on1 {font-weight: 600; color: #f63e1d; font-size: 16px;}



/* ======== 사전등록 ======== */
.entry ul.form {display: flex; flex-direction: column; width: 100%; border-top: 2px solid #555;}
ul.form dl {width: 100%; display: flex; padding: 25px 15px; border-bottom: 1px solid #ddd; align-items: center;}
ul.form dt {width: 20%; color: #555;}
ul.form dt span {font-size: clamp(14px, 1.2vw, 16px); position: relative;}
ul.form dt span.ess::after {content: "*"; position: absolute; top: 60%; right: -15px; transform: translateY(-50%); font-size: 18px; font-weight: 600; line-height: 1; color: #3475d6;}
ul.form dd {width: 80%;}
.chk_area {width: 100%; display: flex; gap: 30px; flex-wrap: wrap; row-gap: 8px; padding: 10px 0;}
.chk_area + .chk_area {padding-top: 0;}
.terms {width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 25px;}
.terms span {font-size: 14px; color: #666; text-decoration: underline; cursor: pointer; font-weight: 500;}
.terms span:hover {color: #444; font-weight: 600;}
p.fee {font-size: 18px;}
p.fee span {font-weight: 700; color: #325b9a;}
p.sub_text {font-size: clamp(13px, 1.4vw, 14px); color: #556584; padding-top: 1%;}
.rec_box {display: flex; align-items: center; gap: 10px;}


.certify_tit {font-size: clamp(15px, 3vw, 20px); color: #555; padding-bottom: 30px; width: 100%; text-align: center;}

.certi_alert {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 30px; padding-bottom: 20px;}
.certi_alert dt {width: 80px; aspect-ratio: 1;}
.certi_alert dt.ok {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170759556436437.png) no-repeat center/contain;}
.certi_alert dt.no {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170759583141796.png) no-repeat center/contain;}
.certi_alert dd {font-size: clamp(16px, 2.5vw, 24px); font-weight: 600; text-align: center;}
.certify_box p.sub {font-size: clamp(14px, 1.6vw, 18px); color: #444; text-align: center;}
.certify_box .info_pay .account {text-align: center;}
.certify_guide {padding: 20px; border-radius: 5px; border: 1px solid #ddd; margin-top: 20px;}
.certify_guide .tit {display: flex; gap: 10px; width: 100%; margin-bottom: 12px; padding: 12px; background-color: #f2f7ff; border-radius: 5px;}
.certify_guide .tit i {display: block; width: 20px; height: 20px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170759501172187.jpg) no-repeat center/cover; overflow: hidden; border-radius: 100%;}
.certify_guide .tit p {font-size: 16px; color: #333; width: calc(100% - 20px);}
.inquiry p {font-size: 15px;}
.inquiry dl {display: flex; align-items: center; gap: 8px; width: 100%;}
.inquiry dl dt {width: 18px; aspect-ratio: 1;}
.inquiry dl dt.call {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170759517955541.png) no-repeat center/contain;}
.inquiry dl dt.email {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/2025CONFERENCE/publishing/170759518361154.png) no-repeat center/contain;}
.inquiry dl dd {font-size: 15px; color: #44536f; font-weight: 400;}
.inquiry .box {width: 100%; display: flex; flex-direction: column; padding-top: 5px;}
.inquiry + .inquiry {margin-top: 12px; padding-top: 12px; border-top: 1px dashed #ddd;}


.information_box {background-color: #f5f5f5; border-radius: 15px; padding: clamp(30px, 6%, 70px); text-align: center; font-size: clamp(15px, 1.5vw, 18px); color: #999; margin-bottom: 10%;}


/* ======== 960px ======== */
@media screen and (max-width: 960px) {
    .page_tit {gap: 10px; height: auto; margin: 70px 0; min-height: initial; padding: 50px 0;}
    .tab {gap: 6px; width: 100%; padding: 0 20px; flex-wrap: wrap; justify-content: center; row-gap: 4px;}
    .tab span {padding: 6px 15px;}
    .page_tit .bread {gap: 8px;}
    .bread a {width: 20px;}


    .contact_box {flex-direction: column; gap: 10px;}
    .contact_con {width: 100%; padding: 20px; border-radius: 5px;}
    .contact_con p {padding-bottom: 12px;}
    .contact_info dl {gap: 10px;}
    .contact_info dt {width: 14px;}
    .contact_info dl + dl {margin-top: 2px;}
    .wrap.register .sec_tit {margin-bottom: 30px;}



    ul.form dl {flex-direction: column; align-items: flex-start; gap: 5px; padding: 15px 0;}
    ul.form dt {width: 100%;}
    ul.form dd {width: 100%;}


    .certify_tit {padding-bottom: 20px;}
    .certify_guide {padding: 15px;}
    .certify_guide .tit p {font-size: 14px;}
    .inquiry p {font-size: 14px;}
    .inquiry .box {gap: 0;}
    .inquiry dl dd {font-size: 13px;}
    .inquiry + .inquiry {margin-top: 10px;}
    .certi_alert {gap: 15px; padding-bottom: 15px;}
    .certi_alert dt {width: 50px;}

    .notice_con {flex-direction: column; padding: 15px 10px;}
    .notice_con .date {font-size: 14px; display: block; width: 100%;}
    .notice_con .title {width: 100%; align-items: flex-start; padding: 15px 0 5px;}
    .notice_con .title i {margin-top: 6px; width: 8px;}
    .notice_con dl dd {font-size: 13px;}
    .notice_con dl {width: 100%; justify-content: flex-start;}


    .view_tit {padding: 20px 10px; gap: 20px;}
    .view_tit .sub span {font-size: 14px;}
    .view_tit .sub {gap: 20px;}
    .view_tit .sub span::after {left: -10px; height: 40%; background-color: #ddd;}
    .view_con {padding: 30px 0px;}
    .view_control dd {font-size: 13px; padding: 15px; width: calc(100% - 120px);}
    .view_control dt {gap: 10px; padding: 15px; width: 120px;}
    .view_control dt i {width: 12px;}
    .view_control dt span {font-size: 13px;}
}


/* ======== 500px ======== */
@media screen and (max-width: 500px) {

    .price_table {overflow-x: auto;}
    table {min-width: 480px;}
    thead td:first-child {width: 60%;}
    .info_pay .account {padding: 12px;}
    .info_pay .account span.sub {display: block; padding-left: 0; font-size: 13px;}
    p.discription {display: block;}
}