@charset "UTF-8";

@font-face {
        font-family: 'NanumBarunGothic';
        font-style: normal;
        font-weight: 400;
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
       }
       
       @font-face {
        font-family: 'NanumBarunGothic';
        font-style: normal;
        font-weight: 700;
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
       }
       
       @font-face {
        font-family: 'NanumBarunGothic';
        font-style: normal;
        font-weight: 300;
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
        src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
       }
       
       .nanumbarungothic * {
        font-family: 'NanumBarunGothic', sans-serif;
       }

/* reset */
html, body {height:100%; -webkit-text-size-adjust:none}
body, button, input, select, textarea, table, th, td {color:#222; font-size:15px; line-height:1.4em; font-family:'NanumBarunGothic', '나눔 바른 고딕', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim,  Verdana, Arial, sans-serif; letter-spacing:0; word-break:keep-all}
body, div, span, em, strong, select, section, article, nav, footer, header, address, caption, figure, figcaption, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, textarea, input, button, tr, th, td, table {margin:0; padding:0}
ol, ul, li {list-style-type:none}
img, fieldset {border:none}
img {vertical-align:top}
input, button, select, textarea, label {vertical-align:middle; resize:none}
input, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0}
input[type='text']::-ms-clear{display:none}
button, input[type="button"], input[type="submit"], input[type="reset"] {border:none; background-color:#fff; cursor:pointer}
i, em, address, optgroup {font-style:normal}
hr {display:none}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
caption {width:0; height:0; font-size:0; line-height:0; text-indent:-99999px; overflow:hidden}
a {color:#222; text-decoration:none}
a:active, a:hover {text-decoration:underline}

/* skip */
.skip_navi a {display:block; overflow:hidden; height:0; margin:0 auto; font-size:0; text-align:center; background:#1951cc; color:#fff}
.skip_navi a:hover, .skip_navi a:active, .skip_navi a:focus {height:30px; font-size:15px; line-height:30px}

/* global class */
.disBlock {display:block !important}
.disNone {display:none !important}
.blind {position:absolute; left:-9999px; top:-9999px; overflow:hidden; width:1px; height:1px; font-size:0; text-indent:-9999px; line-height:0}
.align_right {text-align:right !important}
.mt0 {margin-top:0 !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}

/* layout */
#wrap {width:100%;}
.full-toplink {background-color:#fff}
.inner {position:relative}
.inner, .inner-top {max-width:1200px; margin:0 auto}
#container {width:1200px; margin:-57px auto 0}
/* #header {text-align:center} */
.header::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:487px; background:#000d1c;/*linear-gradient(to right, #040d1a 30%, #030f2f 100%);*/}
.header {position:relative; text-align:center; border-bottom:80px solid #a8aabc}
.visual {z-index:1; position:relative; height:487px; width:1200px; margin:0 auto; text-align:center; background:url('../img/main_visual.jpg?v=6') no-repeat top center;background-size: cover;}

/* tab menu */
.tab_wrap {z-index:1; position:absolute; bottom:-35px; left:0; max-width:1200px; width:100%; height:90px; padding:10px; border-radius:50px; background:#f7f8ff; table-layout:fixed; box-shadow:0 1px 0 0 rgba(17,21,84,.1); box-sizing:border-box;}
.tab_wrap li {float:left; width:16.667%; text-align:center}
.tab_wrap li a {position:relative; display:block; height:80px; padding:22px 10px; line-height:normal; font-size:26px; color:#1f0c33; box-sizing:border-box}
.tab_wrap li a:active, .tab_wrap li a:focus, .tab_wrap li a:hover{text-decoration:none}
.tab_wrap .on a {color:#fff; text-decoration:none}
.tab_wrap:before {content:""; display:block; position:absolute; top:10px; left:10px; width:192px; height:70px; border-radius:50px; background:#2d3453; transition:all .2s linear}
.tab_wrap.menu02:before {left:206px}
.tab_wrap.menu03:before {left:400px}
.tab_wrap.menu04:before {left:600px}
.tab_wrap.menu05:before {left:800px}
.tab_wrap.menu06:before {left:990px}
/* title */
.tit_black {margin-bottom:10px; line-height:normal; letter-spacing:0; font-weight:normal; font-size:32px; color:#000000; text-align:center}
.tit_box:after {content:''; display:block; clear:both}
.tit_box .tit_black {float:left;}
.tit_box .sup {display:block; float:left; margin:1px 0 0 10px;}
.tit_contents {margin:30px 0 10px; font-size:15px}
.sub_tit {margin-bottom:50px; font-weight:normal; color:#252525; font-size:22px; padding-bottom:10px; border-bottom:2px solid #545454; box-sizing:border-box}

/* text */
.bul-list {display:flex; flex-direction:column; gap:5px}
.bul-list > li,
.bul-item {display:flex; gap:8px; line-height:1.3}

.bul-list.etc, 
.bul-item.etc {color:#000; font-size:14px}

.fw_b {font-weight:bold}
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}

/* button */
.btn_right_wrap {text-align:right;}
.btn_align_wrap {margin-top:50px; margin-bottom:80px; text-align:center;}
.btn_align_wrap .btn + .btn {margin-left:15px;}
.btn_align_wrap .btn {display:inline-block; min-width:165px; height:50px; padding-top:25px; font-size:20px; border:2px solid #6983bf; line-height:1.1; box-sizing:border-box; vertical-align:top;}
.btn_align_wrap .btn:not(:root:root){padding-top:13px}
.apply_form .btn_align_wrap .btn_full {min-width:300px}
.btn_align_wrap .btn_full {min-width:260px; height:80px; border:0; border-radius:40px; line-height:1.1; color:#fff; font-size:30px; letter-spacing:0.025em; background-color:#1f0c33; text-align:center; box-sizing:border-box}
.btn_align_wrap .btn_full:not(:root:root) {padding-top:27px}
.btn_align_wrap .btn_full.gray {background-color:#9fb1c0}

/* tab content */
.tab_content {margin-top:20px; width:100%; max-width: 900px; margin: 0 auto; display:none; padding-top:125px; background-color:#fff}
.tab_content.current {display:block}
.tab_content .con_box {margin-top:20px;padding:0;box-sizing:border-box}
.tab_content .con_box + .con_box {margin-top:32px}
.tab_content .con_box + .con_box .indent_list li {padding-left:200px}
.tab_content .con_box + .con_box .indent_list .tit {width:170px}

/* 행사개요 */
.tab_content {padding-bottom:30px}
.tab_content.tab01 .con_box {padding:55px 35px}
.indent_list .btn_pdf {display:block; margin-bottom:15px; width:180px; height:37px}
.indent_list .btn_pdf img {max-width:100%}
.indent_list > li {
    position: relative;
    padding-left: 155px;
    line-height: 30px;
    color: #000;
    font-size: 18px;
    padding-top: 6px;
}

/* 모바일 대응을 위한 스타일 추가 */
@media screen and (max-width: 767px) {
    .indent_list > li {
        padding-left: 0;
        padding-top: 50px; /* tit의 높이만큼 여백 확보 */
    }
    
    .indent_list .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; /* 모바일에서는 전체 너비 사용 */
        box-sizing: border-box;
    }
    
    .indent_list > li div {
        width: 100%;
        word-break: keep-all; /* 단어 단위 줄바꿈 */
        word-wrap: break-word; /* 긴 단어 줄바꿈 */
        white-space: normal; /* 자동 줄바꿈 */
        font-size: 16px; /* 모바일에서 폰트 크기 조정 */
        line-height: 1.5;
    }
}

.indent_list > li + li {margin-top:30px}
.indent_list > li .sub-txt {font-size:16px}
.indent_list > li.type-row {padding-left:0; padding-top:40px}
.indent_list .coop {display:table; width:685px; table-layout:fixed}
.indent_list .coop.vip dt {width:75px}
.indent_list .coop dt {display:table-cell; width:45px; vertical-align:top}
.indent_list .coop dd {position:relative; display:table-cell; vertical-align:top}
.indent_list .coop .logo-host {margin-top:-3px; vertical-align:middle}
.indent_list .coop .logo-sponsor {max-width:100%}
.indent_list .coop + .coop {margin-top:10px;}
.indent_list .tit {position: absolute; top: 0; left: 0; width: 120px; font-weight: bold; color: #fff; font-size: 18px; background: #2d3453; border-radius: 25px; text-align: center; padding: 6px 0 4px 0;}
.indent_list .tit.mg_t {margin-top:15px}
.indent_list li.question span {font-weight:bold}
.indent_list li.question span + span {margin-left:25px}
.indent_list li.pd_l {margin-top:20px; padding-left:0}
.indent_list .detail_box {width:690px; margin-top:30px; margin-bottom:40px; padding:15px 0 15px 15px; border-top:2px solid #1f0c33; border-bottom:1px solid #1f0c33; box-sizing:border-box}
.indent_list .detail_box:after {content:""; display:block; clear:both}
.indent_list .detail_box li {float:left; width:33%; font-size:18px; text-align:center}
.indent_list .detail_box li em {color:#1f0c33; letter-spacing:-0.08em;}
.indent_list .subs_box {position:relative; margin-top:15px; padding:35px 10px 30px; width:685px; border:1px dashed #e73557; color:#e73557; box-sizing:border-box; text-align:center}
.indent_list .subs_box > p {line-height:32px; color:#222; font-size:18px}
.indent_list .subs_box .big_txt {display:block; margin-top:12px; font-size:22px}
.indent_list .subs_box .btns_area {margin-top:32px}
.indent_list .subs_box .btns_area a {display:inline-block; padding:12px 30px 9px 145px; border-radius:22px; border:3px solid; line-height:1.1; font-size:18px; text-align:center; background-color:#fff; letter-spacing:0; font-weight:bold; color:#555;  text-decoration:none; box-sizing:border-box}
.indent_list .subs_box .btns_area a + a {margin-left:12px}
.indent_list .subs_box .btns_area .btn_youtube {border-color:#ff0000; background:url('https://event.hankyung.com/seminar/money2025/images/w/logo-youtube.jpg') no-repeat 20px center}
.indent_list .subs_box .btns_area .btn_navertv {border-color:#00d778; background:url('https://event.hankyung.com/seminar/money2025/images/w/logo-navertv.png') no-repeat 17px center}
.indent_list .subs_box + .desc {margin-top:10px; color:#e73557}

.indent_box {position:relative; padding-left:140px;}
.indent_box .tit {position:absolute; top:0; left:0; width:120px;}
.indent_box .tit:after {content:''; position:absolute; top:8px; right:0px; display:inline-block; width:1px; height:14px; background-color:#555;}

.tab01 .event-banner {margin: 30px 0 0}


/* 프로그램 */
.tab_content.tab02 .con_box {padding:20px 35px 55px}
.tab_content.tab02 .program_tit {position:relative; margin:25px 0 20px 30px; padding-left:15px; font-size:22px}
.tab_content.tab02 .program_tit:before {content:""; display:block; position:absolute; top:6px; left:0; width:5px; height:5px; border-radius:5px; background-color:#222}
.tab_content.tab02 .basic_tbl + .program_tit {margin-top:35px}
.tab_content.tab02 .program_list .sbj{text-align: center; background-color: #f7f8ff;}
.tab_content.tab02 .program_list .speaker{text-align: left;}
.basic_tbl .tit_black {margin-bottom:20px}
.basic_tbl table {width:100%;}
.basic_tbl tr {border-bottom:1px solid #a5a5a5}
.basic_tbl th {font-size:20px; color:#fff; background-color: #2d3453; border-bottom: 8px solid #a8aabc;}
.basic_tbl td {border-right:1px solid #a5a5a5; font-size:15px;  color:#000;}
.basic_tbl td:last-child {border-right:none}
.basic_tbl th, .basic_tbl td {padding:4px 15px; height:44px; line-height:1.4; text-align:center;word-break: keep-all;}
.basic_tbl th + th {border-left:1px solid #a5a5a5}
/* .basic_tbl .etc {padding:8px 14px 10px; color:#525252; font-size:16px; text-align:left}
.basic_tbl .etc + .etc {margin-top:-5px;} */
.basic_tbl .division {text-align:center; background-color:#f0f3f7;}
.basic_tbl .division td {font-size:18px; color:#4ea3dd}
.basic_tbl .division2 {color:#4ea3dd}
.basic_tbl td em + .person {display:inline-block}
.basic_tbl td.bold {font-weight:bold; text-align: left; font-size: 18px;line-height: 25px;}
.basic_tbl td span.bold {font-weight:bold; }
.basic_tbl .person {display:block; color:#858585}
.basic_tbl td.lunch span {display:inline-block; padding-left:33px; color:#3d80ad; background:url('https://event.hankyung.com/seminar/money2025/images/w/icon-lunch.png') no-repeat left center}
.basic_tbl td.teatime span {display:inline-block; padding-left:33px; color:#3d80ad; background:url('https://event.hankyung.com/seminar/money2025/images/w/icon-teatime.png') no-repeat left center}
.list_type li > span {display:inline-block; width:70px; vertical-align:top; text-align:left}
.basic_tbl td .list_type li > p {display:inline-block; vertical-align:top}

.basic_tbl + .basic_tbl table {border-top:none}
.basic_tbl.pay .division {background-color:#f7f0f0}


/* 연사소개 */
.tab_content.tab03 {max-width: 1200px;}
.tab_content.tab03 .con_box {padding:55px 0px}
.speaker_list {display:flex; flex-wrap:wrap; gap:45px 0}
.speaker_list .speaker_item {flex:0 0 auto; display:flex; justify-content: center; width:50%; padding:0 15px; box-sizing: border-box;}
.speaker_list .speaker_img {overflow:hidden; }
.speaker_list .speaker_img img {width:100%; height:100%; object-fit:cover}
.speaker_career {flex:1 1 auto}
.speaker_career .name {display: block;padding-top: 15px;font-size: 24px; line-height:1.1;}
.speaker_career .career_tit {position:relative;display: inline-block; margin-top: 20px; padding-top:10px; border-top:2px solid #121212; font-size: 18px}
/* .speaker_career .career_tit:before {content: "";display: block;position: absolute;top: -5px;left: 0;width: 100%;height: 2px;background-color: #1c1c1c;} */
.speaker_career .career_list {margin-top:20px}
.speaker_career .career_list li {position:relative;padding-left:7px;line-height: 24px;font-size: 16px;}
.speaker_career .career_list li:before {content: '';position: absolute;top: 9px;left: 0;display: inline-block;width: 4px;height: 4px;border-radius: 100%;background-color: #191819;}
.speaker_career .career_list li em {display:inline-block; margin-right:5px;}

/* 모바일 반응형 스타일 */
@media screen and (max-width: 768px) {
    /* 모바일에서 연사소개 한 줄에 1명씩 표시 */
    .speaker_list {gap: 10px 0;}
    .speaker_list .speaker_item {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .speaker_list .speaker_img {
    }
    
    .speaker_career .name {
        font-size: 20px;
    }
    
    .speaker_career .career_tit {
        font-size: 16px;
        margin-top: 15px;
    }
    
    .speaker_career .career_list {
        margin-top: 15px;
    }
    
    .speaker_career .career_list li {
        font-size: 14px;
        line-height: 22px;
    }
}

/* 참가신청 및 확인 */
.tab_content.tab04 .con_box {padding:20px 30px 20px; box-sizing:border-box}
.apply_box {position:relative}
.apply_box .btn_right_wrap {position:absolute; right:0; bottom:0}
.apply_form .essental:after {content:'*'; display:inline-block; margin:2px 0 0 5px; color:#f55854; vertical-align:top;}
.apply_form dt .essental {margin-left:10px; color:#f55854; font-size:15px; font-weight:normal; vertical-align:bottom}
.apply_form dt .essental:after {display:none}
.apply_form dt {padding-bottom:10px; border-bottom:2px solid #545454; font-size:22px; line-height:normal}
.apply_form dd {width:660px; padding-top:30px}
.apply_form .tit_box .sup {color:#ff5a00; font-size:13px;}
.apply_form .apply_box + .apply_box {margin-top:50px}
.apply_form .apply_box .btn_right_wrap {padding-left:230px; margin-top:30px; text-align:center}
.apply_form .apply_box .btn_format, .apply_form .apply_box .btn_add {width:240px; padding:30px 0; border-radius:12px; font-weight:normal; color:#fff; font-size:22px; background-color:#9fb1c0; box-sizing:border-box}
.apply_form .apply_box .btn_add:before {content:"+"; display:inline-block; padding-right:5px}
.apply_form .apply_box .btn_format:before {content:"-"; padding-right:5px}
.apply_form .apply_list {position:relative}
.apply_form .apply_list + .apply_list {margin-top:40px;}
.apply_list .input_box {position:relative; padding-left:120px}
.input_box + .input_box {margin-top:19px}
.input_box > label, .input_box > em {position:absolute; top:15px; left:0; font-size:20px}
.input_box .inp_name {width:260px}
.input_box input[type="text"],
.input_box input[type="tel"],
.input_box input[type="email"],
.input_box select {
    width: 300px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    background-color: #fff;
}

/* input focus 스타일 */
.input_box input[type="text"]:focus,
.input_box input[type="tel"]:focus,
.input_box input[type="email"]:focus,
.input_box select:focus {
    border-color: #2d3453;
    outline: none;
    box-shadow: 0 0 0 2px rgba(45, 52, 83, 0.1);
}

/* select box 화살표 커스텀 */
.input_box select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

.input_box .input_tel select {width:31.2%; height:50px}
.input_box .input_tel {font-size:0;}
.input_box .input_tel input {width:31.3%}
.input_box .input_tel span {display:inline-block; width:3%; color:#cbcbcb; font-size:16px; text-align:center; vertical-align:middle}
.input_box .input_age input {width:100%}
.input_box .input_btn {height:50px; line-height:50px}
.input_box .input_btn label {font-size:20px}
.input_box .input_btn span {display:inline-block; vertical-align:middle}
.input_box .input_btn span + span {margin-left:20px}
.input_box .input_btn span label {margin-left:5px}
.txt_box {margin-top:19px;}
.txt_box em {font-size:20px}
.txt_box p {margin-top:5px; font-size:14px; color:#888; letter-spacing: -0.02em}
.txt_box .small {font-size:12px}
.txt_box textarea {width:100%; min-height:100px}

.section_check .etc {float:left; margin:-1px 0 0 15px; color:#01a7a5; font-size:15px}
.apply_form .section_check:after {content:''; display:block; clear:both}
.apply_form .section_check .check_box {float:left;}
.apply_form .section_check .check_box + .check_box {margin-left:20px}
.apply_form .check_box input {width:20px; height:21px; margin:0 5px; padding:0; vertical-align:-5px; background:url('https://event.hankyung.com/seminar/money2025/images/w/bg_checkbox.png') no-repeat 0 -28px; background-size:20px; border:0; cursor:pointer}
.apply_form .radio_box input {width:21px; height:21px; border-radius:50%; background-color:#eee}
.apply_form .radio_box input:checked, .apply_form .check_box input:checked {background-color:#01a7a5; background-position:0 4px}
.apply_form .radio_box input:checked {background:#01a7a5 url('https://event.hankyung.com/seminar/money2025/images/w/bg_checkbox.png') no-repeat; background-position:0 4px; background-size:20px;}
.apply_form .check_box input:checked {border-radius:2px;}
.apply_form .info_agree_box {margin-top:50px}
.apply_form .info_agree_box .tit {color:#252525; font-size:22px}

.apply_form .info_agree_box .scroll {overflow-x:hidden; overflow-y:scroll; height:300px; margin-top:30px; padding:30px; font-size:18px; line-height:30px; letter-spacing:-0.025em; border-radius:3px; background-color:#e9ecef; box-sizing:border-box;}
.apply_form .info_agree_box .tit_agree {display:block; margin-bottom:30px}
.apply_form .info_agree_box .sub_agree {display:block; margin-top:23px;}
.apply_result {padding-top:40px}
.apply_result > p {line-height:normal; color:#525252; font-size:42px; text-align:center}
.apply_result > p strong {color:#252525}
.apply_result .payment_info .payment_info_list {padding:10px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.apply_result .btn_align_wrap {margin-top:90px}

.apply_form .info_agree_box .scroll::-webkit-scrollbar {width:16px}
/* Track */
.apply_form .info_agree_box .scroll::-webkit-scrollbar-track {border-top-right-radius:3px; border-bottom-right-radius:3px; background:#d5dae0}
/* Handle */
.apply_form .info_agree_box .scroll::-webkit-scrollbar-thumb {background:#afbdca; background-clip:padding-box; border-radius:10px; border:4px solid transparent}

.apply_form .info_agree_box .scroll + .check_box {margin-top:10px}
.apply_form .info_agree_box .scroll + .check_box input ~ input {margin-top:5px}

.apply_tab {margin-bottom:55px}
.apply_tab > button {display:inline-block; width:450px; height:80px; padding:17px 0; border-radius:5px; border:2px solid #e9ecef; line-height:1.1; color:#9d9fa0; font-size:30px; text-align:center; background-color:#e9ecef; box-sizing:border-box}
.apply_tab > button span {display:inline-block; position:relative; padding-left:47px; line-height:1.1}
.apply_tab > button span:before {content:""; display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url('https://event.hankyung.com/seminar/money2025/images/w/icon-apply.png') no-repeat center; background-position:0 0}
.apply_tab > button.on {padding:16px 0}
.apply_tab > button.apply {width:455px}
.apply_tab > button.on.apply span:before {background-position:-56px 0}
.apply_tab > button.confirm span:before {background-position:0 -53px}
.apply_tab > button.on.confirm span:before {background-position:-56px -53px}
.apply_tab > button.on {border:3px solid #252525; color:#252525; background-color:#fff}
.apply_tab > button + button {margin-left:11px}
.apply_confirm {text-align:center}
.apply_confirm .apply_list {display:inline-block; width:660px}


.event-banner {margin-bottom:30px;width:100%;text-align: center;}


/* 라이브영상*/
.video_area {margin-bottom:30px;}
.video_area .video_box {position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden;}
.video_area iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.replay .con_box {padding:30px}
.replay .video_area {margin-bottom:0}

/* 팝업 */
.layer_info {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.7); z-index:100; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim,  Verdana, Arial, sans-serif}
.layer_info .popup_wrap {position:fixed; top:50%; left:50%; width:740px; height:490px; max-height:85vh; margin-left:-370px; transform:translateY(-50%); padding:70px 0 60px; border-radius:20px; background-color:#fff; box-sizing:border-box}
.layer_info .pop_cont {overflow-y:auto; padding:0 33px; height:100%}
.layer_info .pop_cont > strong, .pop_cont > p {color:#000; line-height:30px; letter-spacing:-0.1em }
.layer_info .pop_cont > strong {font-size:24px}
.layer_info .pop_cont > p, .layer_info .pop_cont > ul {margin-top:30px; font-size:20px}
.layer_info .pop_cont > ul li {padding-left:20px; text-indent:-20px; line-height:30px; letter-spacing:-0.1em}
.layer_info .pop_cont > ul li + li {margin-top:5px}
.layer_info .popup_wrap .btn_pop_close {position:absolute; top:25px; right:25px; border:0}
.layer_info .pop_cont .ft_point {color:#e73859; font-size:19px}

.badge {
    display: inline-block;
    padding: 2px 8px 0;
    font-size: 12px;
    color: #fff;
    background-color: #2d3453;
    border-radius: 4px;
    margin-top: 5px;
    cursor: pointer;
}

/* 공지사항 스타일 */
.notice_list {
    list-style: none;
    padding: 0;
}

.notice_list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.notice_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    cursor: pointer;
    background: #fff;
    position: relative;
}

.notice_tit::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 15px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.notice_tit em {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    width: 80%;
}

.notice_tit span {
    color: #666;
    font-size: 14px;
}

.notice_con {
    display: none;
    padding: 20px;
    background: #f9f9f9;
    line-height: 1.6;
}

.notice_con p {
    margin: 0;
    word-break: keep-all;
}

.notice_list li.active .notice_con {
    display: block;
}

/* 테이블 스타일 */
.n-tbl-bx {
    margin-top: 20px;
    overflow-x: auto;
}

.n-tbl-bx table {
    width: 100%;
    border-collapse: collapse;
}

.n-tbl-bx th,
.n-tbl-bx td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align: center;
}

.n-tbl-bx th {
    background: #f5f5f5;
}

/* 활성화됐을 때 화살표 회전 */
.notice_list li.active .notice_tit::after {
    transform: rotate(-135deg);
}

.divider {
    height: 10px;
    background-color: #E5E7EB;
    width: 75%;
    margin: 0 auto;
}
.ico-kakao {
    width: 40px;
    margin-top: -6px;
}
.pc-only {
    display: block;
}
.mobile-only {
    display: none;
}
/* 모바일 프로그램 리스트 스타일 */
.program_area {
    padding: 0 15px;
}

.program_area ul {
    border-top: 2px solid #2d3453;
}

.program_area li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.program_area .cont {
    position: relative;
}

.program_area .time {
    display: inline-block;
    color: #2d3453;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px;
}

.program_area p {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.program_area .txt {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
}

.program_area .person {
    color: #666;
    font-size: 13px;
}

/* 날짜와 화살표를 감싸는 컨테이너 
.notice_tit .date-arrow {
    display: flex;
    align-items: center;
    gap: 10px;
} */

/* 참가신청 폼 스타일 */
.form_wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
.tab05 .form_wrap {
    max-width: 500px;
}
.form_row {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

/* 항목명 스타일 */
.form_label.tit {
    width: 120px;
    margin-right: 30px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    background: #2d3453;
    border-radius: 25px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.form_input {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* 라디오 버튼 스타일 */
.form_input input[type="radio"],
.agree_row input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    outline: none;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.form_input input[type="radio"]:checked,
.agree_row input[type="radio"]:checked {
    border: 1px solid #2d3453;
    background: #fff;
}

.form_input input[type="radio"]:checked::after,
.agree_row input[type="radio"]:checked::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2d3453;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form_input label,
.agree_row label {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.form_input input[type="text"],
.form_input input[type="tel"],
.form_input input[type="password"],
.form_input input[type="email"],
.form_input select {
    width: 300px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    background-color: #fff;
}

/* input focus 스타일 */
.form_input input[type="text"]:focus,
.form_input input[type="tel"]:focus,
.form_input input[type="password"]:focus,
.form_input input[type="email"]:focus,
.form_input select:focus {
    border-color: #2d3453;
    outline: none;
    box-shadow: 0 0 0 2px rgba(45, 52, 83, 0.1);
}

/* select box 화살표 커스텀 */
.form_input select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

/* 이메일 입력 영역 */
.email_input {
    display: flex;
    gap: 10px;
    align-items: center;
}

.email_input input {
    width: 140px !important;
}

.email_input select {
    width: 140px;
}

/* 이메일 입력 필드 읽기전용 스타일 */
.email_input input[readonly] {
    background-color: #f8f8f8;
    color: #666;
}

/* 동의 영역 스타일 */
.agree_wrap {
    margin: 30px 0;
    padding: 0px;
    border-radius: 4px;
}

.agree_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.agree_box {
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.6;
    border: 1px solid #ddd;
    white-space: pre-line;
}

.agree_row {
    margin: 13px 0 30px;
    font-size: 13px;
}

/* 신청하기 버튼 스타일 */
.submit_wrap {
    text-align: center;
    margin-top: 40px;
}

.submit_btn {
    padding: 15px 60px;
    background: #2d3453;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    min-width: 200px;
}

.submit_btn:hover {
    background: #1a1f32;
}

.notice_list {
    max-width: 1200px;
    margin: 0 auto;
}

.notice_item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.notice_header {
    background: #f8f8f8;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.notice_title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #333;
}

.notice_info {
    font-size: 14px;
    color: #666;
}

.notice_info .date {
    margin-right: 15px;
}

.notice_content {
    padding: 20px;
    line-height: 1.6;
    color: #444;
}

.notice_content img {
    max-width: 100%;
    height: auto;
}

.notice_files {
    background: #f8f8f8;
    padding: 15px 20px;
    border-top: 1px solid #ddd;
}

.notice_files h4 {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #333;
}

.notice_files ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.notice_files li {
    margin: 5px 0;
}

.notice_files a {
    color: #0066cc;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.notice_files a:hover {
    text-decoration: underline;
}

.file-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjMDA2NmNjIiBkPSJNMTQgNC4yTDExLjggMkg0djEyaDEwVjQuMnpNNCAxM1YzaDcuMkwxMyA0LjhWMTNINHoiLz48L3N2Zz4=') no-repeat center center;
}
.ico-video {height: 22px; vertical-align: middle;}

.registration_result {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.registration_result h3 {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
}

.result_wrap {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 8px;
    background: #f9f9f9;
}

.result_row {
    display: flex;
    margin-bottom: 15px;
    line-height: 1.6;
}

.result_row:last-child {
    margin-bottom: 0;
}

.result_row .label {
    width: 140px;
    font-weight: bold;
    color: #333;
}

.result_row .value {
    flex: 1;
    color: #666;
}

.button_wrap {
    text-align: center;
    margin-top: 30px;
}

.back_btn {
    background: #666;
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.back_btn:hover {
    background: #444;
}

.birth_input {
    display: flex;
    gap: 10px;
    width: 60%;
    max-width: 400px;
}

.birth_input select {
    flex: 1;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .birth_input {
        flex-direction: row;
        gap: 5px;
        width: 100%;  /* 모바일에서는 전체 너비 사용 */
    }
    
    .birth_input select {
        font-size: 13px;
        padding: 0 5px;
    }
}

@media screen and (max-width: 768px) {
    .notice_header {
        padding: 12px 15px;
    }

    .notice_title {
        font-size: 16px;
    }

    .notice_content {
        padding: 15px;
    }

    .notice_files {
        padding: 12px 15px;
    }
}

@media all and (max-width:768px) {
    #container, .inner, .inner-top, .visual, .tab_wrap {width:100%;}
    .tab_content.tab02 .con_box { padding: 0 10px;}
    .program_area {padding:0;}
    .program_area .title {
        background-color: #2d3453;
        color: #fff;
        padding: 10px;
    }
    .program_area .sub_title {background-color: #f7f8ff;}
    .program_area .cont {padding-left:10px;}
    #container{margin:0 auto;}
    .header {border-bottom: 40px solid #2d3453;}
    .header::after {height:auto;padding-bottom: 46%;}
    .visual {height:auto; width:100%; background:url('../img/main-visual.m.jpg?v=7') no-repeat top center;background-size:contain;padding-bottom: 46%;}
    .tab_content { padding: 20px 0px; }
    .tit_black {font-weight: 600; font-size: 18px;}
    .divider {height: 4px;}
    .hk__event-footer .footer-group {
        flex-direction: column;
    }
    .pc-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .tab_content.tab01 .con_box {padding: 10px;}
    .indent_list > li { padding: 0 0 0 10px; font-size: 13px; line-height: 1.5;}
    .indent_list > li + li {margin-top: 15px;}
    .indent_list .tit {
        position: relative;
        font-size: 14px;
        padding: 0;
        margin-left: -10px;
        width: 100px;
        display: block;
        top: unset;
        left: unset;
        margin-bottom: 10px;
        line-height: 2;
    }
    .ico-kakao {
        width: 30px;
        margin-top: -6px;
    }
    .badge {
        color: #2d3453;
        background-color: #fff;
        margin-top: 0px;
        margin-left: 10px;
    }
    .bul-list.etc, .bul-item.etc {font-size: 12px;}
    .mobile-menu {margin-top: -40px;position: relative;}
    .mobile-gnb {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px 0;
    }
    .mobile-gnb li a {
        font-size: 12px;
        color: #fff;
    }
    .mobile-gnb li.on a {
        color: #3bafff;
        font-weight: 600;
        font-size: 13px;
    }
    .notice_tit {flex-direction: column;}
    .notice_tit em {font-size: 14px; width: 100%;}
    .notice_tit span {font-size: 12px;}
    .notice_tit .date-arrow {
        width: 100%;
        text-align: left;
        padding-left: 1px;
    }
    .notice_tit::after {
        position: absolute;
        right: 14px;
        top: 18px;
        width: 6px;
        height: 6px;
    }
    .notice_con {font-size: 13px;}
    .notice_list li.active .notice_tit::after {
        transform: rotate(-135deg);
        top: 20px;
    }

    .tab_content.tab04 .con_box {padding:10px; box-sizing:border-box}
    .form_wrap {padding:0;}
    .form_row {
        flex-direction: row;
        align-items: flex-start;
        padding: 0 15px;
    }
    
    .form_label.tit {
        margin-bottom: 10px;
        font-size: 14px;
        padding: 0;
        margin-right: 30px;
        font-weight: bold;
        color: #2d3453;
        background: none;
        width: 10%;
        text-align: left;
    }
    .form_input {gap: 10px;}
    .form_input input[type="text"],
    .form_input input[type="tel"],
    .form_input input[type="password"],
    .form_input input[type="email"],
    .form_input select {
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    .event_options {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    /*
    .event_options label {
        width: 30%;
    }*/
    .submit_wrap {
        margin-top: 10px;
    }
    .email_input {
        display:block;
        width: 100%;
    }
    .email_input input[type="text"] {
        width: 30% !important;
    }
    .email_input input,
    .email_input select {
        width: 100% !important;
        margin-bottom: 5px;
    }
    
    .email_input span {
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
    
    .agree_wrap {
        padding: 15px;
    }
    
    .agree_box {
        padding: 15px;
        font-size: 13px;
    }
    
    .agree_title {
        font-size: 14px;
    }
    
    .agree_row {
        font-size: 14px;
    }
    
    .submit_btn {
        width: 100%;
        max-width: 300px;
    }
    
    .form_input input[type="radio"],
    .agree_row input[type="radio"] {
        width: 15px;
        height: 15px;
    }

    .form_input input[type="radio"]:checked::after,
    .agree_row input[type="radio"]:checked::after {
        width: 8px;
        height: 8px;
    }
}

/* 태블릿 스타일 */
@media (min-width: 769px) and (max-width: 1024px) {
    .form_input input[type="text"],
    .form_input input[type="tel"],
    .form_input input[type="password"],
    .form_input input[type="email"],
    .form_input select {
        width: 250px;
    }
    
    .email_input input {
        width: 120px !important;
    }
    
    .email_input select {
        width: 120px;
    }
}