@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;
}

.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.2px;
}
.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;}
button, input {vertical-align: middle;}
button:focus, input:focus {outline: none;}
.inner {width: 1000px; margin: 0 auto;}
.inner2 {width: 1200px; margin: 0 auto;}
.border_side {border-left: 1px solid #eee; border-right: 1px solid #eee;}

/* header */
.header {padding-top: 30px;}
.header .header_top {margin-bottom: 20px;}
.header .header_top .logo {width: 230px; height: 50px; float: left;
    background: url(/registration/img/logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
.header .header_top .tnb {float: right; padding-top: 15px;}
.header .header_top .tnb ul {}
.header .header_top .tnb ul li {float: left;
    font-size: 18px;
    position: relative;
}
.header .header_top .tnb ul li+li {margin-left: 35px;}
.header .header_top .tnb ul li+li::before {content: ""; width: 1px; height: 18px;
    position: absolute; left: -17px; top: 0;
    background: #000;
}
.header .header_top .tnb ul li a {}

.header .gnb {width: 100%;
    background-color: #7CBFBD;
}
.header .gnb ul {text-align: center;}
.header .gnb ul li {display: inline-block; width: 160px; height: 50px;
    line-height: 50px; font-size: 18px; color: #fff;
}
.header .gnb ul li:hover {color: #cefffd}
/* .header .gnb ul li+li {margin-left: 30px;} */
.header .gnb ul li a {display: block; width: 100%; height: 100%;}

.visual_banner {border-bottom: 1px solid #eee;}

/* footer */
.footer {width: 100%;
    background: #808285;
}
.footer .footer_wrap {padding: 30px 0;}
.footer .footer_wrap .f_logo {float: left; width: 230px; height: 50px; margin-right: 40px;
    background: url(/registration/img/f_logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
.footer .footer_wrap .f_info {float: left;
    color: #fff;
}
.footer .footer_wrap .f_info div {line-height: 30px;}
.footer .footer_wrap .f_info div ul {}
.footer .footer_wrap .f_info div ul li {float: left;
    position: relative;
}
.footer .footer_wrap .f_info div ul li+li {margin-left: 30px;}
.footer .footer_wrap .f_info div ul li+li::before {content: ""; width: 1px; height: 15px;
    position: absolute; left: -14px; top: 7px;
    background: #fff;
}

/* common */

.regist_tit {padding: 20px 0 40px 30px;
    font-size: 24px; font-weight: bold;
    position: relative;
}
.regist_tit::after {content: ""; width: 5px; height: 24px;
    position: absolute; left: 18px; top: 22px;
    background: #119490;
}
.regi_subtit {padding: 10px 0; padding-top: 30px;
    font-size: 18px; font-weight: bold;
    position: relative;
    /* border-bottom: 2px solid #056864; */
}
.regi_subtit::after {content: ""; width: 15px; height: 2px;
    background-color: #056864;
    position: absolute; left: 0; bottom: 5px;
}
.regi_lnb {padding: 15px 0; border-bottom: 1px solid #eee;}
.regi_lnb ul {text-align: center;}
.regi_lnb ul li {display: inline-block;
    font-size: 18px;
}
.regi_lnb ul li:hover {color: #e78145;}
.regi_lnb ul li.on {color: #c74900; font-weight: bold;}
.regi_lnb ul li+li {margin-left: 30px;}

/* 학술대회 안내 */
.conf_info {padding: 0 30px 50px 30px;}
.info {}
.info ul {margin-bottom: 10px; width: 100%; display: table; width: 100%;
    background-color: #eee; border-radius: 5px; overflow: hidden;
}
.info ul li {display: table-cell; padding: 15px 0;
    vertical-align: middle;
}
.info ul li:first-child {width: 140px; padding-left: 10px; 
    background-color: #3aa6a3;
    color: #fff;
}
.info ul li:nth-child(2) {padding-left: 20px; padding-right: 20px;
}
.address {padding: 20px 0;}
.address ul {}
.address ul li {
    line-height: 25px;
}
.info_list ul {width: 99%; margin: 0 auto;}
.info_list li {line-height: 30px;}

/* 인사말 */
.welcome {}
.welcome p {padding: 10px 0;
    line-height: 25px;
}
.welcome>p:nth-of-type(1) {font-weight: bold;}
.welcome .welcome_date {}
.welcome .welcome_date p {text-align: right;}
.welcome .welcome_date p span {margin-left: 10px;
    font-weight: bold; font-size: 22px;
}

/* 프로그램 */
.program {
    border-top: 2px solid #056864; border-bottom: 2px solid #056864;
}
.program ul {display: table; width: 100%;}
.program ul li {padding:10px; display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.program ul li:nth-child(1) {width: 13%;}
.program ul li:nth-child(2) {width: 57%;
    border-right: 1px dotted #d6d6d6; border-left: 1px dotted #d6d6d6;
    text-align: left;
}
.program ul li:nth-child(3) {width: 30%;
    text-align: right;
}
.program ul+ul {border-top: 1px dotted #d6d6d6;}
.program ul.session li {
    color: #fff; font-weight: bold;
    background-color: #4fc4c0;
}
.program ul.break li {
    color: #fff; font-weight: bold;
    background-color: #c77312;
}
.program ul.lunch li {
    color: #fff; font-weight: bold;
    background-color: #5cbb03;
}

/* 등록안내 */
.regi_table {padding-top: 10px;}
.regi_table table {width: 100%; margin-bottom: 10px;
    text-align: center;
    border-top: 2px solid #333; border-bottom: 2px solid #333;
}
.regi_table table tr th {padding: 10px 0;
    border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;
    font-weight: bold;
    background-color: #f6f6f6;
}
.regi_table table tr th:last-child {border-right: none;}
.regi_table table tr td:last-child {border-right: none;}
.regi_table table tr td {padding: 20px 0;
    border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;
}
.regi_table table tr:nth-last-of-type(1) td {border-bottom: none;}
.regi_table p {
    color: #e99825; font-weight: bold;
}
.regi_btn {padding-top: 30px;
    text-align: center;
}
.regi_btn button {padding: 10px 20px;
    border: none; border-radius: 5px;
    color: #fff; font-size: 15px;
    background-color: #257ce9;
    transition: all 0.3s;
    cursor: pointer;
}
.regi_btn button+button {margin-left: 15px;}
.regi_btn button:hover {background-color: #79b4fd;}

/* 등록폼 */
.regi_form {border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.regi_form ul {margin-bottom: 3px; display: table; width: 100%;}
.regi_form ul:nth-last-of-type(1) {margin-bottom: 0;}
.regi_form ul li {padding: 15px 0; padding-left: 30px; display: table-cell;
    vertical-align: middle;
}
.regi_form ul li:first-child {width: 16%; 
    background-color: #d7f3ee;
    font-weight: bold;
}
.regi_form ul li input[type="radio"] {
    vertical-align: text-top;
}
.regi_form ul li label {margin-right: 15px;}
.regi_form ul li input[type="text"] {
    border: none; border-bottom: 1px solid #bbb;
}
.regi_form ul li input[type="password"] {
    border: none; border-bottom: 1px solid #bbb;
}
.regi_form ul li.ph input[type="text"] {width: 80px;}
.regi_form ul li.ph select {width: 80px; padding-left: 15px;
    border: none; border-bottom: 1px solid #bbb;
}
.regi_form ul li .regiBtn {padding: 5px 10px; margin: 0 10px;
    border: none; border-radius: 5px;
    background-color: #d4d4d4;
    color: #fff; font-weight: bold;
    transition: all 0.3s;
    cursor: pointer;
}
.regi_form ul li .regiBtn:hover {background-color: #b1b1b1;}
.regi_form ul li .codeNum {width: 80px;}
.regi_form ul li .addr {width: 30%;}
.regi_form ul li .addr+.addr {margin-left: 10px;}
.regi_form ul li span {display: block;}
.regi_form ul li span+span {padding-top: 20px;}
.regi_form ul li input.phNum {width: 80px;}
.regi_form ul li .phSelect {width: 80px; padding-left: 15px;
    border: none; border-bottom: 1px solid #bbb;
}
.regi_form ul li .absText1 {width: 100%; resize: none; height: 70px;
    border: 1px solid #ddd;
}
.regi_form ul li textarea:focus {outline: none;}
.regi_form ul li .absText2 {width: 100%; resize: none; height: 330px;
    border: 1px solid #ddd;
}
.regi_form ul li input#sosok {width: 90%;}
.regi_form strong {display: block; width: 100%; padding: 10px 0; margin: 3px 0;
    text-align: center; font-weight: bold;
    background-color: #d7f3ee;
}

.form_login {width: 400px; margin: 50px auto; padding: 50px;
    box-shadow: 1px 2px 15px -7px rgba(0,0,0,0.5);
}
.form_login p.login_input {line-height: 50px;
    font-size: 18px; text-align: center;
}
.form_login p.login_input input[type="text"] {
    border: none; border-bottom: 1px solid #bbb;
}
.form_login p.login_input input[type="password"] {
    border: none; border-bottom: 1px solid #bbb;
}
.form_login p span {display: inline-block; width: 90px;
    color: #003f8d; font-weight: bold; text-align: right;
}

.receipt_btn {padding: 5px 10px;
    border: none; border-radius: 5px;
    background-color: #3bd37b;
    color: #fff; font-weight: bold;
    transition: all 0.3s;
    cursor: pointer;
}
.receipt_btn:hover {background-color: #8cf5b8;}

.all_user_table {width: 400px; margin: 0 auto;
    border-top: 1px solid #d6d6d6;
}
.all_user_table ul {display: table; width: 100%;
    border-bottom: 1px solid #d6d6d6;
}
.all_user_table ul li {display: table-cell; padding: 10px 0;
    text-align: center;
}
.all_user_table ul li:first-child {width: 60%;
    border-right: 1px solid #d6d6d6;
    background-color: #f4f4f4;
}
.all_user_table ul li.table_tit {width: 100%;
    background-color: #4fc4c0;
    border-right: none;
    color: #fff; font-size: 18px;
}
.user_table {padding-top: 30px;}
.select_section {padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
}
.select_section ul {}
.select_section ul li {float: left;}
.select_section ul li select {height: 30px;
    border: 1px solid #bbb; border-radius: 5px;
}
.select_section ul li input[type="text"] {height: 30px;
    border: 1px solid #bbb; border-radius: 5px;
    background-color: #FEFDEF;
}
.select_section ul li button.admin_search {height: 30px; margin-left: 10px; padding: 0 10px;
    border: none; border-radius: 5px;
    background-color: #257ce9;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.select_section ul li button.admin_search:hover {background-color: #79b4fd;}
.select_section ul li button.admin_excel {height: 30px; padding: 0 10px;
    border: none; border-radius: 5px;
    background-color: #3a961e;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.select_section ul li button.admin_excel:hover {background-color: #83d66a;}
.select_section ul li:last-child {float: right;}
.select_section ul li+li {margin-left: 30px;}

.user_table_contents {}
.user_table_contents ul {display: table;}
.user_table_contents ul li {display: table-cell;}


@media all and (max-width: 1024px) {
    .inner {width: 100%; margin: 0 auto;}
    .inner2 {width: 100%; margin: 0 auto;}

}