@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* font-family: 'NanumSquare', sans-serif; */

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

br {font-family: 'Noto Sans KR', sans-serif;}

.hidden {width: 0;height: 0; overflow: hidden;
    font-size: 0; line-height: 0;
    position: absolute; left: -9999px;
}
.clearfix::after {content: ""; display: block; clear: both;}
a{text-decoration: none; color: inherit;}
a:hover{text-decoration: none; color: inherit;}
* {box-sizing: border-box;}

body{font: 16px/1.2 "NanumSquareRound", "돋움", Dotum, AppleGothic, sans-serif;
    color: #333; letter-spacing: -0.25px;
    /* background-color: #f5f5f5; */
}
.skip-nav a {width: 100%; height: 30px;
    position: fixed; left: 0; top: -100px; z-index: 10000;
    text-align: center; line-height: 30px; color: #fff;
    background-color: #f00;
}
.skip-nav a:focus {top: 0;}
.inner {width: 1200px; margin: 0 auto;}
.block {display: block !important;}

.wrap {position: relative;}

/* index-header */

#header {padding-top: 30px;}
.header_top {position: relative; margin-bottom: 20px;}
.header_top .logo {width: 189px; height: 52px; background: url('../img/logo_soul_240906.jpg') no-repeat 0 0; text-indent: -9999px; margin: 0 auto;}
.header_top .logo a {display: block; width: 100%; height: 100%;}
.header_top > a {position: absolute; right: 0; bottom: 5px; font-size: 13px; color: #424242;}

#header .gnb {}
#header .gnb ul {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 25px 0; width: 100%; text-align: center;}
#header .gnb ul li {display: inline-block; font-size: 18px; font-weight: 700; color: #000;}
#header .gnb ul li+li {margin-left: 100px;}
#header .gnb ul li a {}


/* index */

#container {position: relative;}
#container > img {width: 100%;}
#container .function_btn {position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%);}
#container .function_btn .btn_title {width: 722px; height: 54px; line-height: 54px; background: #424bc5; border-radius: 10px; font-size: 24px; font-weight: 700; color: #fff; position: absolute; top: -27px; left: 50%; transform: translateX(-50%); text-align: center;}
#container .function_btn .btn_list {width: 1200px; height: 300px; background: #fff; border-radius: 10px; padding-top: 85px;}
#container .function_btn .btn_list ul {width: 100%; text-align: center;}
#container .function_btn .btn_list ul li {display: inline-block;}
#container .function_btn .btn_list ul li+li {margin-left: 140px;}
#container .function_btn .btn_list ul li span {display: block; font-size: 24px; font-weight: 700; color: #000; text-align: center; padding-top: 30px;}


/* footer */

#footer {border-top: 1px solid #eae9e9; padding: 30px 0;}
#footer address {text-align: center; font-size: 11px; margin-bottom: 13px; line-height: 15px;}
#footer .copy {text-align: center; font-size: 11px; color: #7b7b7b;}


/* regi-common */

.sub_contents {padding-top: 45px;}
.left_menu {float: left; width: 260px; margin-bottom: 30px;}
.left_menu ul {padding-left: 6px; padding-right: 50px;}
.left_menu ul li {width: 100%; padding: 15px 0; padding-left: 40px; border-bottom: 1px solid #eae9e9; font-size: 18px; font-weight: 400; color: #000; position: relative;}
.left_menu ul li.on {color: #f14076;}
.left_menu ul li::before {content: ''; width: 0; height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #000;
    /* border-right: 10px solid #000; */
    border-bottom: 4px solid transparent;
    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
    border-radius: 2px;
}
.left_menu ul li.on::before {border-left-color: #f14076; border-right-color: #f14076;}
.left_menu ul li a {display: block; width: 100%; height: 100%;}


.right_side {float: left; width: 920px; margin-left: 20px; margin-bottom: 80px;}
.sub_title {font-size: 30px; font-weight: 700; color: #070707; margin-bottom: 60px;}
.sub_title span {font-size: 18px; font-weight: 400; color: #838383; display: inline-block; margin-left: 8px;}


/* contents */

.program_table {width: 100%;}
.conf_table {width: 100%;}
.conf_table caption {text-align: right; font-size: 16px; font-weight: 700; letter-spacing: -0.25px; color: #060606; margin-bottom: 20px;}
.conf_table tbody {border-top: 2px solid #f14076; border-bottom: 2px solid #f14076;}
.conf_table tbody tr td {padding: 15px 0; font-size: 16px; letter-spacing: -0.25px; color: #444; border-bottom: 1px solid #e5e4e4;}
.conf_table tbody tr:nth-last-of-type(1) td {border-bottom: none}
.conf_table tbody tr td:nth-child(1) {text-align: center;}
.conf_table tbody tr td:nth-child(2) {padding: 15px 30px;}
.conf_table tbody tr td:nth-child(3) {text-align: right; padding: 15px 12px;}
.conf_table tbody tr.regi td {background: #feedf2;}
.conf_table tbody tr.info td {background: #e3dbfe;}
.conf_table tbody tr.session td {background: #edfefd;}
.conf_table tbody tr.session td:nth-child(1) {text-align: left; padding: 15px;}
.conf_table tbody tr.session td:nth-child(2) {text-align: right; padding: 15px 12px;}
.conf_table tbody tr.lunch td {background: #f4feed;}
.conf_table tbody tr.break td {background: #e0fedb;}

.right_contents .info {margin-bottom: 40px;}
.right_contents .info .info_title {font-size: 18px; font-weight: 700; color: #444; padding-left: 30px; position: relative; margin-bottom: 20px;}
.right_contents .info .info_title::before {content: ''; width: 7px; height: 7px; background: #f14076; position: absolute; left: 12px; top: 6px; border-radius: 50%;}
.right_contents .info p {margin-left: 30px; font-size: 16px; color: #444; line-height: 30px;}
.right_contents .info p strong {color: #f14076; font-weight: 700;}
.right_contents .info p span {color: #f14076;}
.right_contents .info_table1 {margin: 20px 0; margin-left: 30px; width: 440px; border: 1px solid #eb6168; border-collapse: collapse;}
.right_contents .info_table1 tr {border-bottom: 1px solid #eb6168;}
.right_contents .info_table1 tr th {padding: 8px 0; text-align: center; color: #b6232a; font-weight: 700; border-right: 1px solid #eb6168; background: #fbcfd5; vertical-align: middle;}
.right_contents .info_table1 tr td {text-align: center; vertical-align: middle;}
.right_contents .info_table2 {margin: 20px 0; margin-left: 30px; width: 660px; border: 1px solid #eb6168; border-collapse: collapse;}
.right_contents .info_table2 tr {border-bottom: 1px solid #eb6168;}
.right_contents .info_table2 tr th {padding: 8px 0; text-align: center; color: #000; font-weight: 700; border-right: 1px solid #eb6168; background: #fbcfd5; vertical-align: middle;}
.right_contents .info_table2 tr td {text-align: center; border-right: 1px solid #eb6168; vertical-align: middle;}

.form_login_btn {text-align: center;}
.form_login_btn li {display: inline-block;}
.form_login_btn li+li {margin-left: 25px;}
.form_login_btn li a {display: block; width: 100%; height: 100%;}

.form_input {border: 1px solid #dddddd;}
.regi_form .form_table {width: 800px; border: 1px solid #ccc;}
.regi_form .form_table tr {border-bottom: 1px solid #ccc;}
.regi_form .form_table tr th {background: #eeeeee; text-align: center; font-weight: 700; vertical-align: middle; border-right: 1px solid #ccc; color: #000; padding: 10px;}
.regi_form .form_table tr td {padding: 10px;}
.regi_form p {text-align: center; padding: 30px 0; font-weight: 700; color: #444;}
.regi_form .form_table em {color: #f1487c; font-weight: 700;}

.btn {color: #fff; font-size: 22px; font-weight: 700; text-align: center; margin: 0 auto; width: 330px; height: 60px; line-height: 60px; border-radius: 10px; background: #f14076; display: block;}
.btn >* {display: block; width: 100%; height: 100%;}

.confirm_login {width: 520px; margin: 0 auto;}
.login_form {}
.login_form ul {margin-bottom: 60px;}
.login_form ul li {border-bottom: 1px solid #ddd;}
.login_form ul li label {display: block; font-size: 16px; font-weight: 700; color: #1e2831; margin-bottom: 20px;}
.login_form ul li .login_input {border: none; padding: 10px; margin-left: 20px; width: 80%;}
.login_form ul li .login_input::placeholder {font-size: 18px; color: #aeadad;}
.login_form ul li+li {padding-top: 30px;}

.direction {}
.direction .direction_title {font-size: 24px; font-weight: 700; color: #444; padding: 20px 0;}
.direction p {line-height: 30px; color: #444; font-size: 16px;}
.direction p span {color: #f16090;}

.welcome {}
.welcome p {padding: 15px 0; line-height: 20px; color: #444; font-size: 16px;}
.welcome .date {text-align: right; padding: 15px 0; line-height: 20px; color: #444; font-size: 16px; display: block;}
.welcome .president {text-align: right; font-weight: 700; padding: 15px 0; color: #060606; display: block;}