@charset "UTF-8";

/*********** 2020-02-28 ***********/

/* pageContents 자체는 common.css에 있음 */

.pageContents.subpage {
    background: #ffffff;
}

.pageContents.subpage .subpageTitle {
    height: 263px;
    background-size: cover;
    background-position: center top;
    position: relative;
}

.pageContents.subpage .subpageTitle#sub01 {
    background-image: url('../images/sub/sub_01.jpg');
}

.pageContents.subpage .subpageTitle#sub02 {
    background-image: url('../images/sub/sub_02.jpg');
}

.pageContents.subpage .subpageTitle#sub03 {
    background-image: url('../images/sub/sub_03.jpg');
}

.pageContents.subpage .subpageTitle#sub04 {
    background-image: url('../images/sub/sub_04.jpg');
}

.pageContents.subpage .subpageTitle#sub05 {
    background-image: url('../images/sub/sub_05.jpg');
}

.pageContents.subpage .subpageTitle#sub06 {
    background-image: url('../images/sub/sub_06.jpg');
}

.pageContents.subpage .subpageTitle#sub07 {
    background-image: url('../images/sub/sub_07.jpg');
}

.pageContents.subpage .subpageTitle#sub08 {
    background-image: url('../images/sub/sub_08.jpg');
}

.pageContents.subpage .subpageTitle#sub09 {
    background-image: url('../images/sub/sub_09.jpg');
}



.pageContents.subpage .subpageTitle .textWrap {
    text-align: center;
    color: #fff;
    padding-top: 83px;
}

.pageContents.subpage .subpageTitle h2 {
    font-size: 40px;
    font-weight: 700;
}

.pageContents.subpage .subDirection {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #417ce6;
    box-sizing: border-box;
    text-align: center;
}

/* 학회소개 서브네비 배경색 */
.pageContents.subpage .subDirection.sub01{
    background: #6e62e3;
}

/* 학술대회 서브네비 배경색 */
.pageContents.subpage .subDirection.sub02{
    background: #4360d7;
}

/* 학술행사 서브네비 배경색 */
.pageContents.subpage .subDirection.sub03{
    background: #5f81ed;
}

/* 간행물 서브네비 배경색 */
.pageContents.subpage .subDirection.sub04{
    background: #47a9b3;
}

.publication-others-book1-ul {
    margin-bottom: 80px;
}

.publication-others-table {
    letter-spacing: 1px;
}

.pd20 {
    padding-left: 45px !important;
}

.publication-term-description {
    padding: 25px;
    border-radius: 20px;
    line-height: 175%;
    background-color: #f4f4f4;
    margin: 30px 20px 60px;
    word-spacing: 1px;
}

.publication-term .term-word-select {
    margin-bottom: 50px;
}

.publication-term .term-word-select-description {
    font-size: 13px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 0.05rem;
}

@media all and (max-width:600px){
    .publication-term .term-word-select-description {
        font-size: 12px;
    }
}

.publication-term .boardSearch {
    border-radius: 15px;
    margin: 0 20px 40px;
}

.publication-term .boardSearch .term-searchText {
    text-align: center;
}

.publication-term .boardSearch .term-searchText #button-term-search {
    cursor: pointer;
}

.publication-term .boardSearch .term-searchText input[type=text] {
    width: 325px;
    height: 54px;
    box-sizing: border-box;
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    font-family: inherit;
    font-size: 16px;
    padding: 0 78px 0 18px
}

.publication-term .publication-term-table tbody tr td {
    text-align: center;
}

.publication-term .boardSearch .buttonNormal {
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color:#ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-size:14px;

    padding-top: 9px;
    width: 34px;
    height: 24px;
    margin: 6px;
    text-align: center;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

.publication-term .boardSearch .buttonNormal:hover {
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color:#f6f6f6;
}

.publication-term .boardSearch .buttonNormal:active {
    position:relative;
    top:1px;
}

.publication-term .boardSearch .buttonActive {
    box-shadow:inset 0px 1px 0px 0px #e67a73;
    background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
    background-color:#e4685d;
    color:#ffffff;
    border:1px solid #ffffff;
}

.publication-term .boardSearch .buttonActive:hover {
    background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
    background-color:#eb675e;
}

.publication-others-book1-ul li {
    padding: 6px;
}

.publication-others-book3-title {

}

.publication-others-book3-title span {
    float: right;
}

/* 공지안내 서브네비 배경색 */
.pageContents.subpage .subDirection.sub05{
    background: #417ce6;
}

/* 마이페이지 서브네비 배경색 */
.pageContents.subpage .subDirection.sub06{
    background: #417ce6;
}


.pageContents.subpage .subDirection .subDirMenu {
    font-size: 0;
    display: inline-block;
}

.pageContents.subpage .subDirection .subDirMenu li {
    float: left;
    line-height: 70px;
    font-family: 'NanumSquare';
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    transform: skew(-0.03deg);
}

.pageContents.subpage .subDirection .subDirMenu li.on a{
    position: relative;
}

.pageContents.subpage .subDirection .subDirMenu li.on a::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background-color: #FFF;
}

.pageContents.subpage .subDirection .subDirMenu li + li:before {
    content: "";
    width: 2px;
    height: 15px;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    vertical-align: middle;
    margin: 0 18px;
}

.pageContents.subpage .contentsBox {
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0 150px;
    box-sizing: border-box;
}

.pageContents.subpage .contentsBox .pageTitleText {
    position: relative;
    padding: 0 0 33px;
    text-align: left;
}

.pageContents.subpage .contentsBox .pageTitleText.en{
    padding: 0 0 50px;
}

.pageContents.subpage .contentsBox .pageTitleText.enView{
    padding: 50px 0 30px;
}


.pageContents.subpage .contentsBox .pageTitleText h3 {
    font-size: 34px;
    font-weight: 700;
}

.pageContents.subpage .contentsBox .pageTitleText>.searchText{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%);
    padding-left: 13px;
    box-sizing: border-box;
    font-size: 0;
}

.pageContents.subpage .contentsBox .pageTitleText>.searchText form{
    display: flex;
    justify-content: right;
    align-items: center;
    flex-wrap: nowrap;
}

.pageContents.subpage .contentsBox .pageTitleText>.searchText input {
    max-width: 269px;
    height: 54px;
    box-sizing: border-box;
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    font-family: inherit;
    font-size: 16px;
    padding: 0 78px 0 18px;
}

.pageContents.subpage .contentsBox .pageTitleText>.searchText button {
    position: relative;
    width: 60px;
    height: 54px;
    background: #717171 url('../images/sub/filter_search.png') no-repeat 50%;
    font-size: 0;
}

.pageContents.subpage .contentsBox>.searchText input {
    width: 100%;    
    max-width: 389px;
    height: 54px;
    box-sizing: border-box;
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    font-family: inherit;
    font-size: 16px;
    padding: 0 78px 0 18px;
}

.pageContents.subpage .contentsBox .subpageTab {
    margin-bottom: 50px;
}

.pageContents.subpage .contentsBox .subpageTab ul:after {
    clear: both;
    display: block;
    content: "";
}

.pageContents.subpage .contentsBox .subpageTab li {
    float: left;
    width: 50%;
    line-height: 74px;
    background: #FFF;
    text-align: center;
    font-size: 17.5px;
    font-weight: 400;
    color: #777;
    border: 1px solid #dadada;
    box-sizing: border-box;
}

.pageContents.subpage .contentsBox .subpageTab li.on {
    color: #1a1a1a;
    font-weight: 700;
    border: 1px solid #417ce6;
    box-shadow: 5px 0 10px rgba(85, 139, 235, 0.3);
    z-index: 1;
    
}

.pageContents.subpage .contentsBox .subpageTab li a {
    display: block;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1280px) {
    .pageContents.subpage .subpageTitle{
        height: unset;
    }

    .pageContents.subpage .subpageTitle .textWrap {
        padding: 90px 0;
    }
    
    .pageContents.subpage .subDirection {
        display: none;
    }
    
    .pageContents.subpage .contentsBox {
        width: 100%;
    }
    
    .pageContents.subpage .contentsBox {
        padding: 30px 20px 70px;
    }
}

@media all and (max-width: 768px){
    .pageContents.subpage .contentsBox .pageTitleText.enView{
        padding: 44px 0 30px;
    }
    .pageContents.subpage .contentsBox .pageTitleText.en{
        padding: 0 0 30px;
    }

    .pageContents.subpage .contentsBox .pageTitleText.enView h3,
    .pageContents.subpage .contentsBox .pageTitleText.en h3 {
        font-size: 24px;
    }
}

@media all and (max-width: 540px) {
    .pageContents.subpage .contentsBox .pageBread li {
        font-size: 14px;
    }
    
    .pageContents.subpage .contentsBox .subpageTab li {
        font-size: 18px;
        line-height: 54px;
    }
    .pageContents.subpage .contentsBox .pageTitleText h3 {
        font-size: 26px;
        font-weight: 700;
        width: 100%;
    }
    .pageContents.subpage .contentsBox .pageTitleText {
        position: relative;
        padding: 0 0 20px;
        text-align: left;
    }
    .pageContents.subpage .subpageTitle .textWrap {
        padding: 70px 0;
    }
    .pageContents.subpage .subpageTitle h2 {
        font-size: 30px;
        font-weight: 700;
    }
}

.introduce_select ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.introduce_select ul li {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    background-color: #fbfbfb;
}

.introduce_select ul li:nth-child(n+2) {
    border-left: 0;
}

.introduce_select ul li.on {
    background-color: #fff;
    border-bottom-color: #fff;
}


@media screen and (max-width: 768px) {
    .introduce_select ul {
        display: block;
    }

    .introduce_select ul li {
        border-left: 1px solid #ddd !important;
    }

    .introduce_select ul li:nth-child(n+2) {
        border-top: 0;
    }

    .introduce_select ul li.on {
        background-color: #fff;
        border-bottom-color: #ddd;
    }

}

/* ****** Member ****** */

/* MEMBER 레이아웃 */

.pageContents.subpage .memberWrap {
    background: #ffffff;
    padding: 100px 0 130px 0;
}

.pageContents.subpage .memberWrap .memberBox {
    width: 780px;
    background: #fff;
    padding: 70px 100px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

/* MEMBER 로그인 */

.memberWrap .loginBox {
    width: 680px;
    padding: 83px 114px 117px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

.loginBox h2 {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.loginBox .loginputWrap {
    
}

.loginBox .loginputWrap input[type="text"], 
.loginBox .loginputWrap input[type="password"] {
    width: 100%;
    display: block;
    padding: 0 18px;
    box-sizing: border-box;
    height: 54px;
    border: 1px solid #dfdfdf;
    margin-bottom: 16px;
    font-family: inherit;
    font-size: 16px;
}

.loginBox .loginCheck {
    position: relative;
    font-size: 0;
}

.loginBox .loginCheck input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.loginBox .loginCheck input[type="checkbox"] + label.customCheck {
    width: 23px;
    height: 24px;
    display: inline-block;
    background: url('../images/sub/logcheckbox.png') no-repeat left top;
    vertical-align: middle;
    margin-right: 10px;
}

.loginBox .loginCheck input[type="checkbox"]:checked + label.customCheck {
    background: url('../images/sub/logcheckbox.png') no-repeat right top;
}

.loginBox .loginCheck input[type="checkbox"] ~ label:not(.customCheck) {
    font-size: 15px;
    color: #1c1e20;
    vertical-align: middle;
}

.loginBox .loginCheck a {
    font-size: 15px;
    color: #1c1e20;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 24px;
}

.loginBox .loginBtn {
    margin-top: 24px;
}

.loginBox .loginBtn button {
    width: 100%;
    height: 50px;
    display: block;
    margin-bottom: 10px;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    transform: skew(-0.3deg);
    box-sizing: border-box;
}

.loginBox .loginBtn button.login {
    background: #417ce6;
    color: #fff;
}

.loginBox .loginBtn button.join {
    background: #f3f7ff;
    border: 1px solid #c5d6f6;
    color: #417ce6;
}

/* MEMBER 회원가입 */

.memberBox .title {
    text-align: center;
    margin-bottom: 24px;
}

.memberBox .title h2, .memberBox .title h3 {
    font-size: 34px;
    font-weight: 600;
    line-height: 2;
}

.memberBox .title p {
    font-size: 16px;
    color: #717171;
    line-height: 1.6;
}

.memberBox .joinTab {
    font-size: 0;
    margin-bottom: 12px;
}

.memberBox .joinTab li {
    font-size: 18px;
    font-weight: 600;
    line-height: 72px;
    text-align: center;
    display: inline-block;
    width: 50%;
    border-bottom: 2px solid #eaeaea;
    box-sizing: border-box;
}

.memberBox .joinTab li.on {
    border-bottom-color: #417ce6;
    color: #417ce6;
}

.memberBox .joinTab li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 가입 완료 */

.memberBox .title .welcomeTitle {
    font-size: 38px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 56px;
    color: #1a1a1a;
}

.memberBox .title .welcomeTitle strong {
    font-weight: 800;
}

.memberBox .title .welcomeMessage {
    font-size: 18px;
    color: #333;
}

.memberBox .title .welcomeMessage span {
    font-weight: 800;
    color: #00a450;
}

.joinComplete .joinConfirm {
    border: 1px solid #ddd;
    background: #f8f8f8;
    width: 100%;
    height: 110px;
    text-align: center;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.joinComplete .joinConfirm .idpwWrap {
    display: inline-block;
}

.joinComplete .joinConfirm dl {
    text-align: left;
}

.joinComplete .joinConfirm dl:after {
    clear: both;
    content: "";
    display: block;
}

.joinComplete .joinConfirm dt {
    float: left;
    width: 75px;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 600;
    color: #717171;
    transform: skew(-0.03deg);
}

.joinComplete .joinConfirm dd {
    float: left;
    font-size: 16px;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    transform: skew(-0.03deg);
}

.joinComplete .joinNotice {
    margin: 35px 0 52px;
    text-align: center;
}

.joinComplete .joinNotice p {
    word-break: keep-all;
    line-height: 1.6;
    font-size: 16px;
    transform: skew(-0.03deg);
    color: #666;
}

.joinComplete .joinNotice p span.color {
    color: #00a450;
}

.joinComplete .joinNotice p strong {
    font-weight: 800;
}

.joinComplete .joinNotice p em {
    text-decoration: underline;
    color: #1a1a1a;
}

.membershipInfo .title {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    transform: skew(-0.03deg);
    color: #000;
}

.membershipInfo .title span {
    font-size: 16px;
    font-weight: 400;
}

.membershipInfo .membershipTbl table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.membershipInfo .membershipTbl table th {
    border-top: 3px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background: #ebf2ef;
    height: 68px;
    vertical-align: middle;
    color: #005027;
    font-size: 16px;
    transform: skew(-0.03deg);
}

.membershipInfo .membershipTbl table td {
    height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    border-right: 1px solid #c1c1c1;
    transform: skew(-0.03deg);
}

.membershipInfo .membershipTbl table th:last-child,
.membershipInfo .membershipTbl table td:last-child {
    border-right: 0;
}

.membershipInfo .membershipAccount {
    text-align: center;
    margin: 30px 0 80px;
}

.membershipInfo .membershipAccount p.account_info {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    transform: skew(-0.03deg);
    margin-bottom: 30px;
}

.membershipInfo .membershipAccount p.account_alert {
    font-size: 14px;
    color: #717171;
    transform: skew(-0.03deg);
}

.recordTab ul li {
    cursor: pointer;
}

.abstract-author {
    display: inline-block;
    width:890px;
    font-size:14px;
    color: #1a1a1a;
    vertical-align:top;
    padding: 8px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    height: 140px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 810px;
    width: 50vw;
}
.abstract-author .author {
    width: 880px;
    padding: 5px 5px;
    cursor: pointer;
    max-width: 800px;
    width: 49vw;
}
.abstract-author .select {
    width: 865px;
    padding: 5px 5px;
    background-color: #f5f5f5;
}

.abstract-option-description {
    line-height: 1.2;
}

#authorNameEng,
#authorAffiliationEng,
#authorAffiliationEng2 {
    margin-left: 15px;
}

.previewPaper sup {
    font: caption;
    vertical-align: super;
}

.backtoMain p {
    font-size: 16px;
    text-align: center;
    color: #717171;
    transform: skew(-0.03deg);
    line-height: 1.5;
}

.backtoMain button {
    width: 100%;
    height: 50px;
    margin-top: 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #00a450;
    transform: skew(-0.03deg);
}


/* Id/PW 찾기 */

.findPass {
    
}

.findPass p {
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0 30px;
    word-break: keep-all;
    transform: skew(-0.03deg);
    margin: 38px 0 42px;
}

.findPass .findPassForm .input_line {
    width: 100%;
    margin-bottom: 18px;
    font-size: 0;
}

.findPass .findPassForm .input_line:after {
    clear: both;
    display: block;
    content: "";
}

.findPass .findPassForm .input_line dt {
    float: left;
    width: 22%;
    transform: skew(-0.03deg);
    font-size: 16px;
    color: #333;
    line-height: 52px;
}

.findPass .findPassForm .input_line dd {
    float: left;
    width: 76%;
    margin-left: 2%;
    transform: skew(-0.03deg);
    position: relative;
}

.findPass .findPassForm .input_line dd input[type="text"],
.findPass .findPassForm .input_line dd input[type="email"] {
    width: 100%;
    height: 52px;
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 0 18px;
    font-family: inherit;
    font-size: 16px;
}

.findPass .findPassForm .submitBtn {
    margin-top: 45px;
    text-align: center;
}

.findPass .findPassForm .submitBtn button {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #417ce6;
}

.button-copy {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
.button-copy:hover {
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color: #f6f6f6;
}
.button-copy:active {
    position: relative;
    top: 1px;
}

.forgotid-result {
    margin-top: 50px;
    text-align: center;
    padding: 30px 20px;
    font-size: 2rem;
    letter-spacing: 0.05em;
    background-color: #fafafa;
}

.forgotid-copy {
    text-align: center;
    padding: 20px;
}

.forgot-input-password {
    padding: 15px 25px;
    border: #ddd 1px solid;
    border-radius: 10px;
    font-size: 16px;
    width: 250px;
}

.forgot-input-password + .forgot-input-password {
    margin-top: 10px;
}

/* 약관, 방침 */

.pageContents.subpage .policyWrap {
    background: #f4f4f4;
    padding: 70px 0;
}

.pageContents.subpage .policyWrap .policyBox {
    width: 1210px;
    margin: 0 auto;
}

.policyBox h2 {
    font-size: 38px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    margin-bottom: 65px;
}

.policyBox .policyContents {
    background: #fff;
    box-sizing: border-box;
    padding: 90px 80px;
    font-size: 16px;
    color: #333;
    transform: skew(-0.03deg);
    line-height: 1.5;
}

.policyBox .policyContents span.color {
    font-weight: 600;
    color: #00a450;
}

.policyBox .policyContents .pol_cont {
    margin-top: 50px;
}

.policyBox .policyContents .pol_cont .pol_tit {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
}

.policyBox .policyContents .pol_cont .pol_det strong {
    font-size: 18px;
    font-weight: 600;
}

@media all and (max-width: 1209px) {
    .pageContents.subpage .policyWrap .policyBox {
        width: 90%;
    }
    
    .pageContents.subpage .memberWrap .memberBox {
        width: 90%;
        
    }
}

@media all and (max-width: 768px) {
    .pageContents.subpage .policyWrap .policyBox {
        width: 95%;
    }
    
    .policyBox .policyContents {
        padding: 45px 40px;
    }
    
    .pageContents.subpage .memberWrap .memberBox {
        padding: 35px 50px;
    }

    .memberWrap .loginBox{
        width: 90%;
        padding: 83px 50px 117px;
    }
}

@media all and (max-width: 640px) {
    .joinForm .input_line dt, .joinForm .sec_3 .input_line dt {
        font-size: 14px;
        width: 100%;
    }
    
    .joinForm .input_line dd, .joinForm .sec_3 .input_line dd {
        width: 100%;
        margin: 0;
    }
    
    .joinForm .input_line dd span.desc2 {
        width: 100%;
        padding-top: 0;
    }
    
    .joinForm .input_line dd input._divi {
        width: 100%;
    }
    
    .joinForm .input_line dd .radiowrap {
        height: auto;
    }
    
    .joinForm .input_line dd .radiowrap .radioset {
/*        display: block;*/
        margin-bottom: 10px;
    }
    
    .joinForm .input_line dt span {
        display: inline;
        position: relative;
        top: 0;
        left: 4px;
    }
    
    .memberBox .title .welcomeTitle {
        word-break: keep-all;
    }
    
    .memberBox .title .welcomeTitle br {
        display: none;
    }
}

@media all and (max-width: 540px) {
    .joinPopup .joinPopupBox {
        width: 95%;
    }
    
    .joinPopup .jpBody.idf_pop {
        padding-left: 22px;
        padding-right: 22px;
    }
    .memberBox .title h2, .memberBox .title h3 {
        font-size: 30px;
        font-weight: 600;
        line-height: 2;
    }
    .loginBox h2 {
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 40px;
    }
}

@media all and (max-width: 480px) {
    .policyBox .policyContents {
        font-size: 14px;
    }
    
    .pageContents.subpage .memberWrap .memberBox {
        padding: 35px 30px;
    }
    
    .joinForm .input_line dd .input_btn {
        font-size: 14px;
        padding: 0 10px;
    }
    
    .joinForm .input_line dd input[type="text"], .joinForm .input_line dd input[type="password"], .joinForm .input_line dd input[type="email"], .joinForm .input_line dd input[type="tel"] {
        font-size: 14px;
        padding: 0 12px;
    }
    
    .joinForm .input_line dd input[type="radio"] ~ label:not(.customRadio), .joinForm .input_line dd input[type="checkbox"] ~ label:not(.customCheck) {
        font-size: 14px;
    }

    .joinForm .input_line dd select {
        font-size: 14px;
        padding: 0 12px;
    }
    
    .findPass p {
        padding: 0;
    }
    
    .memberWrap .loginBox {
        width: 90%;
        padding: 60px 30px;
    }
}

@media all and (max-width: 463px) {
    .joinForm .input_line dd p span {
        display: block;
        line-height: 1.2;
        margin: 0;
    }
    
    .joinForm .input_line dd .imgDesc {
        padding-top: 0;
    }
    
    .joinForm .policy_line input[type="checkbox"] ~ label:not(.customCheck) {
        width: calc(100% - 105px);
        padding-right: 15px;
    }
    
    .joinPopup .jpBody .popup_line p {
        width: calc(100% - 75px);
        height: 54px;
        line-height: 1.5;
        font-size: 14px;
        word-break: keep-all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .joinPopup .jpBody .popup_line input {
        font-size: 14px;
    }
    
    .joinPopup .jpBody .popup_line button {
        width: 64px;
    }
    .findPass p {
        padding: 0;
        font-size: 16px;
    }
}



/* ****** mypage ****** */

.pageContents.subpage .mypageWrap {
    background: #fff;
}

.pageContents.subpage .mypageWrap .memberBox {
    width: 780px;
    background: #fff;
    padding: 50px 100px;
    border: 1px solid #d3d3d3;
    margin: 0 auto;
    box-sizing: border-box;
}

.memberTable {
    width: 780px;
    margin: 0 auto;
    padding-top: 45px;
}

.memberTable .modifyIndicator {
    font-size: 16px;
    margin-bottom: 20px;
}

.memberTable .modifyIndicator span {
    color: #00a450;
}

.memberTable table {
    width: 100%;
    table-layout: fixed;
}

.memberTable table th {
    height: 60px;
    vertical-align: middle;
    background: #ebf2ef;
    color: #1a1a1a;
    font-size: 15px;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
}

.memberTable table td {
    height: 70px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
}

.memberTable table td a.mdf_list {
    width: 115px;
    line-height: 40px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    transform: skew(-0.03deg);
    border: 1px solid #c1c1c1;
    display: inline-block;
}

.appointment-period {
    font-size: 12px;
    color: #999999;
    letter-spacing: 0.05em;
}

/* 수정 내역 팝업 */

.joinPopup .joinPopupBox.mp_pop {
    width: 630px;
}

.joinPopup .jpBody.mdf_pop {
    padding: 34px 34px 58px;
}

.joinPopup .jpBody .modi.modi_top {
    padding-bottom: 34px;
    margin-bottom: 34px;
    border-bottom: 1px solid #e2e2e2;
}

.joinPopup .jpBody .modi .title {
    font-size: 16px;
    font-weight: 800;
    transform: skew(-0.03deg);
    margin-bottom: 15px;
}

.joinPopup .jpBody .modi .date {
    color: #00a450;
    margin-bottom: 28px;
}

.joinPopup .jpBody .list dt {
    float: left;
    width: 105px;
    line-height: 24px;
    font-weight: 600;
    transform: skew(-0.03deg);
}

.joinPopup .jpBody .list dd {
    width: calc(100% - 105px);
    margin-left: 105px;
    line-height: 24px;
}


/* 서브페이지 타이틀 아래 메인 컨텐츠 */

.subpageMain {
    
}

.mypageDesc {
    margin-bottom: 65px;
}

.mypageDesc p {
    color: #717171;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    transform: skew(-0.03deg);
}

.mypageDesc p.color {
    color: #00a450;
}

.mypageDesc p em {
    color: #1a1a1a;
    text-decoration: underline;
}

.mypageDesc p span {
    color: #1a1a1a;
}

.mypageDesc p a {
    color: #00a450;
    text-decoration: underline;
    font-weight: 600;
}

.mypageTable .tableIndicator {
    font-size: 16px;
    margin-bottom: 20px;
}

.mypageTable .tableIndicator span {
    color: #00a450;
}

.mypageTable table {
    width: 100%;
    table-layout: fixed;
}

.mypageTable table th {
    height: 60px;
    vertical-align: middle;
    background: #ebf2ef;
    color: #1a1a1a;
    font-size: 15px;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}

.mypageTable table td {
    height: 70px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}

.mypageTable table th:last-child, .mypageTable table td:last-child {
    border-right: 0;
}

.mypageTable table td a.rec_down {
    width: 115px;
    line-height: 40px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    transform: skew(-0.03deg);
    border: 1px solid #c1c1c1;
    display: inline-block;
    color: #00a450;
}

.mypageTable .membershipInfo {
    width: 780px;
    margin: 0 auto;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 78px 100px 84px;
}

.mypageTable .membershipInfo .mbsTitle {
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 800;
    border-bottom: 1px solid #ccc;
}

.mypageTable .membershipInfo .mbsCont {
    margin-bottom: 65px;
}

.mypageTable .membershipInfo .mbsCont dl:after {
    clear: both;
    display: block;
    content: "";
}

.mypageTable .membershipInfo .mbsCont dt {
    color: #0a5e26;
    font-size: 18px;
    font-weight: 600;
    width: 105px;
    float: left;
    line-height: 2;
}

.mypageTable .membershipInfo .mbsCont dd {
    font-size: 18px;
    line-height: 2;
    width: calc(100% - 105px);
    float: left;
}

.mypageTable .membershipInfo .mbsBtn button {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background: #00a450;
}

.joinPopup .joinPopupBox.mbs_pop {
    width: 440px;
}

.joinPopup .joinPopupBox.mbs_pop .jpBody {
    padding: 65px 0 52px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    transform: skew(-0.03deg);
    color: #666;
}

.mypage-cardsugi-description {
    padding: 10px;
    font-size: 11pt;
    line-height: 180%;
    color: #666;
}

.mypage-cardsugi-description p.desc {
    margin-left: 10px;
}

.mypage-cardsugi-description a {
    color : #6688d3;
    font-weight: bold;
    text-decoration: underline;
}

@media all and (max-width: 1209px) {
    .pageContents.subpage .mypageWrap .memberBox {
        width: 100%;
    }
    
    .memberTable {
        width: 100%;
    }
}

@media all and (max-width: 780px) {
    .mypageTable .membershipInfo {
        width: 100%;
    }
}

@media all and (max-width: 768px) {
    .pageContents.subpage .mypageWrap .memberBox {
        padding: 35px 50px;
    }
}

@media all and (max-width: 680px) {
    .mypageTable .tableWrap {
        overflow-x: auto;
    }
    
    .mypageTable .tableWrap table {
        width: 680px;
    }
    
    .mypageTable .membershipInfo  {
        padding: 70px 50px 80px;
    }
}

@media all and (max-width: 560px) {
    .memberTable .tableWrap {
        overflow-x: auto;
    }
    
    .memberTable .tableWrap table {
        width: 560px;
    }
}

@media all and (max-width: 480px) {
    .pageContents.subpage .mypageWrap .memberBox {
        padding: 35px 20px;
    }
    
    .mypageTable .membershipInfo {
        padding: 39px 35px 42px;
    }
    
    .mypageTable .membershipInfo .mbsCont dt,
    .mypageTable .membershipInfo .mbsCont dd {
        font-size: 14px;
        transform: skew(-0.03deg);
    }
    .pageContents.subpage .memberWrap {
        background: #ffffff;
        padding: 30px 0 30px 0;
    }
}


/* ****** 공지 및 소식 ****** */

.boardSearch {
    border: 1px solid #d1d1d1;
    padding: 37px 111px;
    margin-bottom: 34px;
    box-sizing: border-box;
}

.boardSearch .searchFilter {
    float: left;
    font-size: 0;
    width: fit-content;
}

.boardSearch:after, .boardSearch .searchFilter:after {
    clear: both;
    display: block;
    content: "";
}

.boardSearch .searchFilter input, .boardSearch .searchFilter select {
    width: 188px;
    height: 54px;
    display: inline-block;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    color: #262626;
    padding: 0 17px;
}

.boardSearch .withCategory input, .boardSearch .withCategory select {
    width: 143px;
}

.boardSearch .searchFilter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../images/sub/filter_select.png') no-repeat 90% 50%;
}

.boardSearch .searchFilter input {
    position: relative;
}

.boardSearch .searchFilter select.searchCategory {
    margin-right: 13px;
    width: 120px;
}

.boardSearch .searchFilter select.searchType {
    margin-left: 13px;
}

.boardSearch .searchFilter select:-ms-expand {
    display: none;
}

.boardSearch .searchFilter .filterDate {
    display: inline-block;
}

.boardSearch .searchFilter .ui-datepicker-trigger {
    margin-top: 16px;
    margin-left: -35px;
    position: absolute;
    cursor: pointer;
}

.boardSearch .searchFilter .divider {
    font-size: 16px;
    line-height: 54px;
    margin: 0 8px;
    display: inline-block;
}

.boardSearch .searchText {
    float: left;
    width: 43%;
    position: relative;
    padding-left: 13px;
    box-sizing: border-box;
    font-size: 0;
}

.boardSearch .searchText input {
    width: 100%;    
    max-width: 389px;
    height: 54px;
    box-sizing: border-box;
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    font-family: inherit;
    font-size: 16px;
    padding: 0 78px 0 18px;
}

.boardSearch .searchText button {
    width: 60px;
    height: 54px;
    background: #717171 url('../images/sub/filter_search.png') no-repeat 50%;
    font-size: 0;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}

.boardWrap {
}

.boardWrap .documentNumber{
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 20px;
    font-size: 17px;
    line-height: 1.6em;
    letter-spacing: -0.03em;
    color: #1a1a1a;
}

.boardWrap .documentNumber > p {margin-bottom:10px;}
#bbs_content .bbs_v_title .v_info {margin-top:15px !important;}

.boardWrap table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
}

.boardWrap table.type01 col:first-child{
    width: 9.2%;
}

.boardWrap table.type01 col:nth-child(3){
    width: 8.4%;
}

.boardWrap table.type01 col:last-child{
    width: 9.8%;
}

.boardWrap table.type01 th {
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    height: 69px;
    vertical-align: middle;
    font-size: 16px;
    box-sizing: border-box;
}

.boardWrap table.type01 td {
    text-align: center;
    height: 69px;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;  
    font-family: 'Roboto', sans-serif; 
    font-weight: 400; 
    font-size: 14px;  
    color: #1a1a1a;
    letter-spacing: -0.02em;
}

.boardWrap table.type01 td:first-child {     
    padding: 0 26px 0 31px;
}

.boardWrap table.type01 td:nth-child(2) {
    font-family: 'Noto Sans KR', sans-serif; 
    font-size: 17px;
    padding-left: 30px;
    text-align: left;
    letter-spacing: -0.03em;
}

.boardWrap table.type01 td a {
    display: inline-block;
    max-width: calc(100% - 20px);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
}

.boardWrap table.type01 td a.new {
    max-width: calc(100% - 80px);
}

.boardWrap table.type01 tr.fixedNotice td {
    background: #f5f5f5;
}

.boardWrap table.type01 tr.fixedNotice td span {
    display: inline-block;
    background: #222222;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 0px;
    width: 100%;
}

.boardWrap table.type01 tr td span.newIcon {
    padding: 6px 9px;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: #558beb;
    vertical-align: middle;
    margin-left: 13px;
    color: #fff;
}

.boardWrap table.type01 tr:last-child td {
    border-bottom: 1px solid #1a1a1a;
}

.boardPage {
    text-align: center;
    font-size: 0;
}

.boardPage a {
    vertical-align: top;
}

.boardPage button {
    min-width: 28px;
    height: 29px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #6c6c6c;
    background: #fff;
    border: 1px solid #a1a1a1;
    padding: 0 6px;
    margin: 0 3px;
}

.boardPage button.firstPage {
    width: 44px;
}
.boardPage button.lastPage {
    width: 58px;
}

.boardPage button.currentPage {
    color: #fff;
    background: #4c4c4c;
    border-color: #4c4c4c;
}

.boardPage button.prevPage {
    background: url('../images/sub/board_prev.png') no-repeat 50%;
    font-size: 0;
    vertical-align: top;
}

.boardPage button.nextPage {
    background: url('../images/sub/board_next.png') no-repeat 50%;
    font-size: 0;
    vertical-align: top;
}

@media all and (max-width: 1210px) {

    .boardSearch .searchFilter select.searchCategory {
        max-width: 15%;
    }
    
    .boardSearch .searchText input{
        max-width: 100%;
    }
    
    .boardSearch .searchFilter, .boardSearch .searchText {
        width: 100%;
    }
    
    .boardSearch .searchText {
        padding-left: 0;
        margin-top: 10px;
    }	

}

@media all and (max-width: 1024px) {
    .boardSearch{
        padding: 37px 55px;
    }
    
    .boardWrap table.type01 col:first-child, .boardWrap table.type01 col:nth-child(3), .boardWrap table.type01 col:last-child {
        width: 10%;
    }
    
    .boardWrap table.type01 td {
        font-size: 13px;
    }
    
    .boardWrap table.type01 td a {
        font-size: 15px;
    }
       
    .boardWrap table.type01 td:first-child {
        padding: 0 10px;
    }

    .boardWrap table.type02 th p.title{
        line-height: 1.2em;
    }

    
}

@media all and (max-width: 801px) {    
    .boardSearch .searchFilter select {
        display: block;
        width: 100%;
    }
    
    .boardSearch .searchFilter select.searchCategory {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .boardSearch .searchFilter select.searchType {
        margin-left: 0;
    }
    
    .boardSearch .searchFilter .filterDate {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .boardSearch .searchFilter input {
        width: calc(50% - 16px);
    }

    .boardSearch .searchFilter .divider{
        margin: 0 11.5px;
    }
	

}

@media all and (max-width: 768px) {
    .boardWrap table.type01 td:nth-child(2){
        padding-left: 15px;
    }

    .boardWrap table.type01 col:nth-child(3) {
        width: 15%;
    }

    .boardSearch{
        padding: 22px 0px;
        border: 0;
    }  
    
    .boardWrap table.type02 th p.title{
        font-size: 20px;
    } 

}

@media all and (max-width: 540px) {
    .boardWrap table.type01 col:nth-child(3) {
        width: 18%;
    }
    
    .boardWrap table.type01 th {
        font-size: 14px;
    }
    
    .boardWrap table.type01 td:nth-child(3),
    .boardWrap table.type01 td:last-child {
        font-size: 12px;
    }    
    
    .boardWrap table.type01 td:nth-child(2) {
        padding-left: 10px;
    }
    
    .boardWrap table.type01 td:first-child {
        padding: 0 3px;
    }
    
    .boardWrap table.type01 td a {
        font-size: 14px;
        max-width: calc(100% - 0px);
    }
    
    .boardWrap table.type01 td a.new {
        max-width: calc(100% - 0px);
    }
    
    .boardWrap table.type01 tr td span.newIcon {
        padding: 6px 5px;
        font-size: 11px;
        margin-left: 6px;
    }
	
	.boardWrap .tableBox table td.td1 {padding: 0 10px;}

}


/* 공지.소식 상세 */

.boardWrap table.type02 {
    margin-bottom: 30px;
}

.contents table {
    display: block;
    width: 80vw;
}

.contents p {
    width: 70%;
    margin: 0 auto;
}

@media all and (max-width: 580px) {
    .contents table table td:only-child>p {
        width: 60vw;
    }
    .contents td div {
        width: 80vw;
    }
    .contents td>div>p {
        width: 70vw;
    }
}


.boardWrap table.type02 col:first-child {
    width: 105px;
}

.boardWrap table.type02 th {
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    box-sizing: border-box;
    height: 112px;
    vertical-align: middle;
    text-align: left;
    padding: 34px 29px;
    position: relative;
}

.boardWrap.pub table.type02 th{
    border-top: 1px solid #c1c1c1;
    border-bottom: 0;
}

.boardWrap.pub .tableBox{
    border-bottom: 1px solid #1a1a1a;
}



.boardWrap table.type02 th .artTitle {    
    margin-bottom: 23px;
}

.boardWrap table.type02 th .artInfo {
    font-size: 17px;
    letter-spacing: -0.03em;
}

.boardWrap table.type02 th span {
    margin-left: 21px;
}

.boardWrap table.type02 th span:first-child {
    margin-left: 0;
}

.boardWrap table.type02 th p.category {
    font-size: 18px;
    color: #417ce6;
    line-height: 1;
    margin-top: -2px;
    margin-bottom: 16px;;
}

.boardWrap table.type02 th p.title {
    font-size: 24px;
    font-weight: 700;
}

.boardWrap table.type02 tr.attached td {
    text-align: left;
    height: 70px;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
}

.boardWrap table.type02 tr.attached td:first-child {
    font-family: 'NanumSquare';
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    transform: skew(-0.03deg);
    padding-left: 28px;
}

.boardWrap table.type02 tr.attached td:last-child {
    padding-right: 26px;
}

.boardWrap table.type02 tr.attachedX td {
    text-align: left;
    height: 70px;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
    padding-left: 26px;
    color: #555;
    font-size: 16px;
    transform: skew(-0.03deg);
}

.boardWrap table.type02 tr.attached td a.files {
    display: inline-block;
    max-width: 100%;
    background: url('../images/sub/icon_file.png') no-repeat 0%;
    padding-left: 21px;
    vertical-align: middle;
    text-decoration: underline;
    transform: skew(-0.03deg);
    color: #417ce6;
    font-size: 15px;
    line-height: 1.1em;
}

.boardWrap table.type02 tr.attached td .capacity{
    margin-left: 11px;
    font-size: 12px;
    color: #707070;
}

.boardWrap table.type02 tr.contents td {
    padding: 39px 26px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: -0.03em;
    color: #333;
    width: 80vw;
}

.boardWrap table.type02 tr.contents td .contentsImg {
    text-align: center;
    margin-bottom: 30px;
}

.boardWrap table.type02 tr.contents td .contentsImg img {
    max-width: 100%;
}

@media screen and (max-width:768px) {
    .boardWrap table.type02 tr.contents td>p>a>img{
        margin-right: 100%;
    }    
}


/* 공지.소식 상세 하단 이전글,다음글 */

.boardWrap table.type03 col:first-child {
    width: 108px;
}

.boardWrap table.type03 col:last-child {
    width: 152px;
}

.boardWrap table.type03 td {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    height: 70px;
    vertical-align: middle;
    text-align: left;
    letter-spacing: -0.03em;
}

.boardWrap table.type03 tr:last-child td {
    border-bottom: 1px solid #1a1a1a;
}

.boardWrap table.type03 td:first-child {
    text-align: left;
    padding-left: 39px;
    font-size: 16px;
    color: #555;
}

.boardWrap table.type03 td.prevPost {
    background: url('../images/sub/icon_post1.png') no-repeat 100% 50%;
}

.boardWrap table.type03 td.nextPost {
    background: url('../images/sub/icon_post2.png') no-repeat 100% 50%;
}

.boardWrap table.type03 td:nth-child(2) {
    padding-left: 47px;
}

.boardWrap table.type03 td a {
    color: #333;
    font-size: 17px;    
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boardWrap table.type03 td:last-child {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 16px;
    color: #555;
}

.boardWrap .boardListBtn {
    text-align: center;
    margin-top: 93px;
}

.boardWrap .boardListBtn button {
    width: 220px;
    height: 56px;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    background-color: transparent;
    border: 1px solid #c1c1c1;
}

@media all and (max-width: 1080px) {
    .boardWrap table.type02 th .artTitle {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .boardWrap table.type02 th .artInfo {
        position: relative;
        bottom: auto;
        right: auto;
        text-align: right;
    }
}

@media all and (max-width: 1024px) {
    .boardWrap table.type02 th:last-child {
        font-size: 14px;
    }
    
    .boardWrap table.type03 td a {
        font-size: 15px;
    }
    
    .boardWrap table.type03 td:first-child, 
    .boardWrap table.type03 td:last-child {
        font-size: 14px;
    }
}

@media all and (max-width: 768px) {
    .boardWrap .boardListBtn{
        margin-top: 40px;
        margin-bottom: 0;
    }
}

@media all and (max-width: 640px) {
    .boardWrap table.type03 col:first-child {
        width: 96px;
    }
    
    .boardWrap table.type03 col:last-child {
        width: 126px;
    }
    
    .boardWrap table.type03 td:first-child {
        padding-left: 28px;
    }
    
    .boardWrap table.type03 td:nth-child(2) {
        padding-left: 30px;
    }
}

@media all and (max-width: 480px) {
    .boardWrap table.type02 col:first-child {
        width: 90px;
    }
    
    .boardWrap table.type03 col:first-child {
        width: 65px;
    }
    
    .boardWrap table.type03 col:last-child {
        width: 85px;
    }
    
    .boardWrap table.type02 th:first-child, 
    .boardWrap table.type02 tr.attached td:first-child, 
    .boardWrap table.type03 td:first-child {
        padding-left: 14px;
    }
    
    .boardWrap table.type02 th:last-child {
        padding-right: 14px;
    }
    
    .boardWrap table.type03 td:nth-child(2) {
        padding-left: 16px;
    }
    
    .boardWrap table.type03 td:last-child {
        padding-right: 14px;
        text-align: right;
    }
    
    .boardWrap table.type03 td:first-child, 
    .boardWrap table.type03 td:last-child {
        font-size: 12px;
    }
    
    .boardWrap table.type03 td a {
        font-size: 14px;
    }
    
    .boardWrap table.type03 td.prevPost, 
    .boardWrap table.type03 td.nextPost {
        background-size: 10px 6px;
    }
    .boardWrap table.type02 tr.contents td {
    padding: 20px 12px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #333;
    }
}

@media all and (max-width: 375px) {
    .boardWrap table.type02 th span {
        font-size: 12px;
        transform: skew(-0.03deg);
        display: inline-block;
        margin-left: 8px;
    }
}


/* 회원동정 시작 */
.boardWrap table.type05 col:first-child, 
.boardWrap table.type05 col:nth-child(2),
.boardWrap table.type05 col:nth-child(4), 
.boardWrap table.type05 col:last-child {
    width: 8.5%;
}

.boardWrap table.type05 th {
    border-top: 3px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    height: 72px;
    vertical-align: middle;
    font-size: 16px;
    box-sizing: border-box;
}

.boardWrap table.type05 td {
    text-align: center;
    height: 70px;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    transform: skew(-0.03deg);
    font-size: 14px;
    color: #555555;
}

.boardWrap table.type05 td:first-child {
    padding: 0 20px;
}

.boardWrap table.type05 td:nth-child(2) {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #417ce6;
}

.boardWrap table.type05 td:nth-child(3) {
    text-align: left;
    padding-left: 40px;
    color: #1a1a1a;
    font-size: 0;
}

.boardWrap table.type05 td a {
    display: inline-block;
    max-width: calc(100% - 20px);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    position: relative;
    vertical-align: middle;
}

.boardWrap table.type05 td a.new {
    max-width: calc(100% - 80px);
}

.boardWrap table.type05 tr.fixedNotice td {
    background: #f5f5f5;
}

.boardWrap table.type05 tr.fixedNotice td span {
    display: inline-block;
    background: #222222;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 0px;
    width: 100%;
}

.boardWrap table.type05 tr td span.newIcon {
    padding: 6px 9px;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: #558beb;
    vertical-align: middle;
    margin-left: 13px;
    color: #fff;
}

.boardWrap table.type05 tr:last-child td {
    border-bottom: 1px solid #1a1a1a;
}

@media all and (max-width: 1024px) {
    .boardWrap table.type05 col:first-child,
    .boardWrap table.type05 col:nth-child(2), 
    .boardWrap table.type05 col:nth-child(4), 
    .boardWrap table.type05 col:last-child {
        width: 10%;
    }
    
    .boardWrap table.type05 td {
        font-size: 13px;
    }
    
    .boardWrap table.type05 td a {
        font-size: 15px;
    }
    
    .boardWrap table.type05 td:nth-child(3) {
        padding-left: 20px;
    }
    
    .boardWrap table.type05 td:first-child {
        padding: 0 10px;
    }
}

@media all and (max-width: 768px) {
    .boardWrap table.type05 col:nth-child(4) {
        width: 15%;
    }
}

@media all and (max-width: 540px) {
    .boardWrap table.type01 col:nth-child(4) {
        width: 18%;
    }
    
    .boardWrap table.type05 th {
        font-size: 14px;
    }
    
    .boardWrap table.type05 td:nth-child(4),
    .boardWrap table.type05 td:last-child {
        font-size: 12px;
    }
    
    .boardWrap table.type05 td:nth-child(4) {
        
    }
    
    .boardWrap table.type05 td:nth-child(3) {
        padding-left: 10px;
    }
    
    .boardWrap table.type05 td:first-child {
        padding: 0 3px;
    }
    
    .boardWrap table.type05 td a {
        font-size: 14px;
        max-width: calc(100% - 0px);
    }
    
    .boardWrap table.type05 td a.new {
        max-width: calc(100% - 0px);
    }
    
    .boardWrap table.type05 tr td span.newIcon {
        padding: 6px 5px;
        font-size: 11px;
        margin-left: 6px;
    }
}

@media all and (max-width: 480px) {
    .boardWrap table.type05 td:nth-child(2) {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.05em;
        color: #417ce6;
    }
}

/* 회원동정 끝 */

/* ****** 학술행사 ****** */

.subpageTable {
    margin-bottom: 60px;
}

.subpageTable .tableTitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.subpageTable .tableWrap table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
	max-width:none;
}

.subpageTable .tableWrap table.col5 col:first-child {
    width: 8.5%;
}

.subpageTable .tableWrap table.col5 col:nth-child(2) {
    width: 7%;
}

.subpageTable .tableWrap table.col5 col:nth-child(3) {
    width: 13%;
}

.subpageTable .tableWrap table.col5 col:last-child {
    width: 25%;
}

.subpageTable .tableWrap table th {
    height: 60px;
    vertical-align: middle;
    border-top: 2px solid #1a1a1a;
    background: #f6f7fb;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 16px;
    font-weight: 700;
}

.subpageTable .tableWrap table td {
    border: 1px solid #c1c1c1;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}

.subpageTable .tableWrap table th:first-child, 
.subpageTable .tableWrap table td:first-child {
    border-left: 0;
}

.subpageTable .tableWrap table th:last-child,
.subpageTable .tableWrap table td:last-child {
    border-right: 0;
}

.subpageTable .tableWrap table.col5 td:nth-child(n+4) {
    text-align: left;
    padding: 0 20px;
}

.subpageTable .tableWrap table.col4 td:nth-child(n+3) {
    padding: 0 20px;
}

.subpageTable .tableWrap table.col4 col:first-child {
    width: 12%;
}

.subpageTable .tableWrap table.col4 col:nth-child(2) {
    width: 20%;
}

.subpageTable .tableWrap table.col4 col:last-child {
    width: 30%;
}

@media all and (max-width: 1024px) {
    .subpageTable .tableWrap table.col5 col:nth-child(3) {
        width: 18%;
    }
}

@media all and (max-width: 768px) {
    .subpageTable .tableWrap table td {
        font-size: 14px;
    }
}

@media all and (max-width: 680px) {
    .subpageTable .tableWrap {
        overflow-x: auto;
    }
    
    .subpageTable .tableWrap table {
        width: 650px;
    }
    
    .subpageTable .tableWrap table.col5 td:nth-child(n+4), 
    .subpageTable .tableWrap table.col4 td:nth-child(n+3) {
        padding: 0 12px;
    }
    .subpageTable .tableTitle {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 16px;
    }
}


/* ****** 학술행사 일정 ****** */

/* 연간 */
/* 
.tabContents {
    overflow-x: scroll;
} */

.tabContents .tabSelect {
    position: relative;
    margin-bottom: 12px;
}

.tabContents .tabSelect ul:after {
    clear: both;
    display: block;
    content: "";
}

.tabContents .tabSelect li {
    width: 142px;
    line-height: 52px;
    text-align: center;
    color: #666;
    font-size: 16px;
    border: 1px solid #c2c2c2;
    float: left;
    box-sizing: border-box;
    transform: skew(-0.03deg);
}

.tabContents .tabSelect li.on {
    border-color: #417ce6;
    background: #417ce6;
    color: #fff;
}

.tabContents .tabSelect li:first-child {
    border-right: 0;
}

.tabContents .tabSelect li:last-child {
    border-left: 0;
}

.tabContents .tabSelect .yearCheck {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}

.tabContents .tabSelect .yearCheck select {
    width: 138px;
    height: 54px;
    background: #fff url('../images/sub/filter_select.png') no-repeat 90% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #c8c8c8;
    padding: 0 18px;
    font-size: 16px;
    color: #262626;
}

.tabContents .tabSelect .yearCheck select:-ms-expand {
    display: none;
}

.tabContents .eventYearList {
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
}

.tabContents .eventYearList div {
    box-sizing: border-box;
}

.tabContents .eventYearList .eventYearItem {
    position: relative;
}

.tabContents .eventYearList .eyItemHead {
    background: #f8f8f8;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #c1c1c1;
    height: 60px;
    z-index: 200;
}

.tabContents .eventYearList .eventYearItem:first-child .eyItemHead {
    border-top: 0;
}

.tabContents .eventYearList .eyItemHead span {
    padding: 0 20px;
    line-height: 36px;
    background: #73a1f2;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 12px;
}

.tabContents .eventYearList .eyItemHead:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #dbdbdb;
    position: absolute;
    left: 33px;
    top: 0;
    z-index: 1;
}

.tabContents .eventYearList .eyItemBody .eyItemDetail {
    border-bottom: 1px solid #dbdbdb;
    padding: 32px 32px 32px 64px;
    position: relative;
}

.tabContents .eventYearList .eyItemDetail:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #73a1f2;
    content: "";
    display: block;
    position: absolute;
    left: 26px;
    top: 36px;
    z-index: 2;
}

.tabContents .eventYearList .eyItemBody .eyItemDetail:last-child {
    border-bottom: 0;
}

.tabContents .eventYearList .eyItemDetail .eyItemTitle {
    font-size: 22px;
    font-weight: 800;
    transform: skew(-0.03deg);
    line-height: 1.3;
    margin-bottom: 16px;
}

.tabContents .eventYearList .eyItemDetail .eyItemTitle span.icon {
    line-height: 28px;
    font-size: 15px;
    font-weight: 400;
    padding: 0 15px;
    vertical-align: middle;
    color: #fff;
    margin-left: 8px;
    display: inline-block;
}

.tabContents .eventYearList .eyItemDetail .eyItemTitle span.icon.delay {
    background: #1ab5dc;
}

.tabContents .eventYearList .eyItemDetail .eyItemTitle span.icon.delay2 {
    background: #e28000;
}

.tabContents .eventYearList .eyItemDetail .eyItemTitle span.icon.cancel {
    background: #878787;
}

.tabContents .eventYearList .eyItemDetail .eyItemDesc {
    font-size: 18px;
    line-height: 1.5;
}

.tabContents td.schedule-content img {max-width: 100%;}

.tabContents .attachedFileBox {
    border-bottom: 1px solid #c1c1c1;
    display: table;
    width: 100%;
    margin: auto;
}

.tabContents .attachedFileBox .fileList {
    display: table-cell;
    width: 20%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-weight: 600;
    color: #1a1a1a;
}

.tabContents .tabContentsBody + .attachedFileBox {
    border-top: 1px solid #c1c1c1;
}

.tabContents .attachedFileBox .fileInfo {
    display: table-cell;
    width: 80%;
}

.tabContents .uploadFiles {
    display: inline-block;
    max-width: 100%;
    background: url(../images/sub/icon_file.png) no-repeat 0%;
    padding-left: 21px;
    vertical-align: middle;
    text-decoration: underline;
    transform: skew(-0.03deg);
    color: #417ce6; font-size: 15px;
    line-height: 1.1em;
}

.tabContents .uploadFilesSize {
    margin-left: 11px;
    font-size: 12px;
    color: #707070
}

.tabContents .introduce_select {
    padding: 20px 30px 0;
}

.tabContents .introduce_select select {
    max-width: 408px;
    width: 100%;
    height: 44px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/sub/filter_select_black.png) no-repeat 95% 50%;
    box-sizing: border-box;
}


@media all and (max-width: 768px) {
    .tabContents .eventYearList .eyItemDetail .eyItemTitle {
        font-size: 20px;
    }
    
    .tabContents .eventYearList .eyItemDetail .eyItemTitle span.icon {
        font-size: 13px;
        line-height: 20px;
        padding: 3px 8px;
    }
    
    .tabContents .eventYearList .eyItemDetail .eyItemDesc {
        font-size: 14px;
    }
    
    .tabContents .eventYearList .eyItemHead span {
        font-size: 18px;
    }
}

@media all and (max-width: 540px) {
    .tabContents .tabSelect .typeCheck li {
        width: 90px;
        line-height: 45px;
        height: 45px;
    }
    
    .tabContents .tabSelect .yearCheck select {
        width: 100px;
        height: 45px;
    }
    
    .tabContents .eventYearList .eyItemBody .eyItemDetail {
        padding-left: 48px;
    }
    
    .tabContents .eventYearList .eyItemDetail:before {
        left: 18px;
    }
    
    .tabContents .eventYearList .eyItemHead:before {
        left: 25px;
    }
    
    .tabContents .eventYearList .eyItemHead span {
        left: 8px;
    }
}

@media all and (max-width: 360px) {
    .tabContents .tabSelect .typeCheck li {
        font-size: 14px;
        width: 80px;
    }
}


.eventCalendar .selectMonth {
    border-left: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    margin-bottom: 20px;
}

.eventCalendar .selectMonth li {
    float: left;
    line-height: 46px;
    width: calc(100% / 12);
    text-align: center;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

.eventCalendar .selectMonth li.on {
    font-weight: 500;
    color: #fff;
    background: #73a1f2;
}

.eventCalendar .tableWrap {
    margin-bottom: 24px;
}

.eventCalendar table {
    width: 100%;
    table-layout: fixed;
}

.eventCalendar table th, .eventCalendar table td {
    box-sizing: border-box;
}

.eventCalendar table th {
    height: 72px;
    text-align: left;
    vertical-align: middle;
    border-top: 3px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    padding-left: 23px;
    font-size: 16px;
    font-weight: 700;
}

.eventCalendar table td {
    height: 160px;
    font-size: 18px;
    font-weight: 600;
    padding: 18px;
    border: 1px solid #c1c1c1;
    position: relative;
	vertical-align: top;
}

.eventCalendar table td.todayCell {
    border: 3px solid #a0a0a0;
}

.eventCalendar table tr.thisWeek td {
    background: #f6f7fb;
}

.eventCalendar table tr:last-child td {
    border-bottom: 1px solid #1a1a1a;
}

.eventCalendar table td .planList {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
}

.eventCalendar table td .planList .planItem {
    position: relative;
    margin-bottom: 5px;
}

.eventCalendar table td .planList .plan {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff;
    background: #558beb;
}

.eventCalendar table td .planList .plan.cancel {
    background: #888888;
}

.eventCalendar table td .planList .plan.delay {
    background: #1ab5dc;
}

.eventCalendar table td .planList .plan.delay2 {
    background: #e28000;
}

.eventCalendar table td .planList .planDetail {
    position: absolute;
    left: 10px;
    top: 20px;
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    z-index: 100;
    width: 200px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    transform: skew(-0.03deg);
    background: #fff;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    line-height: 1.4;
    display: none;
}

.eventCalendar .tableIntro  {
    font-size: 0;
}

.eventCalendar .tableIntro .idx {
    display: inline-block;
    font-size: 14px;
    margin-right: 18px;
    margin-bottom: 10px;
    transform: skew(-0.03deg);
}

.eventCalendar .tableIntro .idx span {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: #558beb;
    margin-right: 6px;
}

.eventCalendar .tableIntro .idx.delay span {
    background: #1ab5dc;
}

.eventCalendar .tableIntro .idx.cancel span {
    background: #888888;
}

.eventCalendar .tableIntro .idx.delay2 span {
    background: #e28000;
}

@media all and (max-width: 767px) {
    .eventCalendar .tableWrap  {
        overflow-x: auto;
    }
    
    .eventCalendar table {
        width: 690px;
    }
    
    .eventCalendar .selectMonth li {
        width: calc(100% / 6);
    }
}

.eventView .eventViewTitle {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 18px;
}

.eventView .tableWrap {
    
}

.eventView table {
    table-layout: fixed;
    width: 100%;
}

.eventView table col:first-child {
    width: 20%;
}

.eventView table th, .eventView table td {
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #c1c1c1;
    font-size: 16px;
    color: #1a1a1a;
}

.eventView table tr:first-child th, .eventView table tr:first-child td {
    border-top: 2px solid #1a1a1a;
}

.eventView table th {
    background: #f6f7fb;
    padding-left: 40px;
    font-weight: 500;
}

.eventView table td {
    padding: 25px 24px;
    font-weight: 400;
    line-height: 1.3em;
}

.eventView .eventListBtn {
    text-align: center;
    margin-top: 95px;
}

.eventView .eventListBtn button {
    width: 220px;
    height: 56px;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    background-color: transparent;
    border: 1px solid #c1c1c1;
}

@media all and (max-width: 768px) {
    .eventView table th {
        padding-left: 24px;
    }
}

@media all and (max-width: 640px) {
    .eventView table th, .eventView table td {
        font-size: 14px;
    }
}

@media all and (max-width: 540px) {
    .eventView table col:first-child {
        width: 30%;
    }
}

@media all and (max-width: 360px) {
    .eventView table th, .eventView table td {
        padding-left: 14px;
    }
}


/* ****** 회원공간 ****** */

/* 게시판 리스트 공통 (건의함, 자유게시판) */

.boardTitle {
    text-align: center;
    color: #717171;
    font-size: 18px;
    transform: skew(-0.03deg);
    margin-bottom: 65px;
}

.boardSearch.memberBoard {
    text-align: center;
}

.boardSearch.memberBoard .searchFilter {
    width: auto;
    float: none;
    display: inline-block;
}

.boardSearch.memberBoard .searchText {
    float: none;
    display: inline-block;
}

.boardSearch.memberBoard .searchFilter .ui-datepicker-trigger {
    margin-top: 16px;
    margin-left: -35px;
    position: absolute;
    cursor: pointer;
}

.boardWrap table.type01.mBoard col:nth-child(3) {
    width: 13%;
}

.boardWrap table.type01.mBoard col:nth-child(4) {
    width: 12%;
}

.boardWrap table.type01.mBoard col:last-child {
    width: 9%;
}

.boardWrap table.type01.mBoard col:nth-child(2) {
    width: 57.5%;
}

.boardWrap table.type01.mBoard td:nth-child(3) {
    font-size: 16px;
    padding-left: 0;
    text-align: center;
}

.boardWrap table.type01.mBoard td:nth-child(2) {
    padding-left: 32px;
    text-align: left;
}

.boardWrite {
    text-align: right;
    margin-top: -8px;
}

.boardWrite button {
    width: 160px;
    height: 60px;
    font-size: 18px;
    font-weight: 600;
    background: #00a450;
    color: #fff;
}

@media all and (max-width: 1210px) {
    .boardSearch.memberBoard .searchFilter {
        width: 100%;
    }
    
    .boardSearch.memberBoard .searchFilter select {
        margin-top: 10px;
    }
}

@media all and (max-width: 640px) {
    .boardWrite {
        margin-bottom: 18px;
    }
    
    .boardWrite button {
        width: 120px;
        height: 45px;
        font-size: 16px;
        transform: skew(-0.03deg);
    }
}

/* 게시판 상세 */

.boardWrap table.type02.mBoard th {
    height: 82px;
}

/* 게시판 상세 - 댓글 */

.replyBox {
    margin-bottom: 32px;
}

.replyBox .replyItem {
    border: 1px solid #cfcfcf;
    margin-bottom: 12px;
}

.replyBox .replyItem .replyHead {
    background: #ebf2ef;
    border-bottom: 1px solid #cfcfcf;
    line-height: 60px;
    padding: 0 24px;
    font-size: 0;
}

.replyBox .replyItem .replyHead:after {
    clear: both;
    display: block;
    content: "";
}

.replyBox .replyItem .replyHead .left {
    float: left;
}

.replyBox .replyItem .replyHead .right {
    float: right;
}

.replyBox .replyItem .replyHead .name {
    font-size: 16px;
    color: #222;
    vertical-align: middle;
    margin-right: 10px;
}

.replyBox .replyItem .replyHead .date {
    font-size: 14px;
    color: #555;
    vertical-align: middle;
}

.replyBox .replyItem .replyHead a {
    font-size: 14px;
    font-weight: 600;
    color: #434343;
    transform: skew(-0.03deg);
    display: inline-block;
    vertical-align: middle;
}

.replyBox .replyItem .replyHead a + a:before {
    content: "|";
    margin: 0 10px;
}

.replyBox .replyItem .replyContents {
    padding: 24px 26px;
    line-height: 1.5;
    font-size: 16px;
    color: #333;
    transform: skew(-0.03deg);
}

.replyBox .replyWrite {
    position: relative;
    font-size: 0;
}

.replyBox .replyWrite textarea {
    resize: none;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 176px 24px 26px;
    border: 1px solid #c8c8c8;
    height: 114px;
    text-align: left;
    font-family: inherit;
    font-size: 16px;
    transform: skew(-0.03deg);
}

.replyBox .replyWrite button {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 114px;
    background: #717171;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transform: skew(-0.03deg);
}

@media all and (max-width: 480px) {
    .replyBox .replyWrite {
        text-align: right;
    }
    
    .replyBox .replyWrite textarea {
        padding: 24px 26px;
    }
    
    .replyBox .replyWrite button {
        position: relative;
        height: 50px;
        width: 120px;
        margin-top: 5px;
    }
}

@media all and (max-width: 360px) {
    .replyBox .replyItem .replyHead {
        padding: 15px 24px;
    }
    
    .replyBox .replyItem .replyHead .left, 
    .replyBox .replyItem .replyHead .right {
        float: none;
        line-height: 1.5;
    }
    
    .replyBox .replyItem .replyHead .right {
        text-align: right;
    }
}

/* 게시판 글 작성 */

.boardWrap table.type04 col:first-child {
    width: 20%;
}

.boardWrap table.type04 tr:first-child th, 
.boardWrap table.type04 tr:first-child td {
    border-top: 2px solid #272727;
}

.boardWrap table.type04 th, 
.boardWrap table.type04 td {
    border-bottom: 1px solid #c8c8c8;
    height: 76px;
    text-align: left;
    box-sizing: border-box;
}

.boardWrap table.type04 th {
    padding: 28px 0 0 36px;
    font-size: 18px;
    background: #f8f8f8;
    transform: skew(-0.03deg);
}

.boardWrap table.type04 td {
    vertical-align: middle;
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 16px;
    transform: skew(-0.03deg);
}

.boardWrap table.type04 td input[type="text"] {
    height: 46px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    width: 100%;
    padding: 0 18px;
    font: inherit;
}

.boardWrap table.type04 td textarea {
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    padding: 18px;
    margin: 15px 0;
    min-height: 170px;
}

.boardWrap table.type04 td .fileSet {
    margin: 15px 0;
}

.boardWrap table.type04 td .fileBtn {
    position: relative;
    font-size: 0;
}

.boardWrap table.type04 td .fileBtn input[type="file"] {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.boardWrap table.type04 td .fileBtn label {
    width: 130px;
    line-height: 46px;
    background: #717171;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    transform: skew(-0.03deg);
}

.boardWrap table.type04 td .fileList {
    width: 100%;
    line-height: 46px;
    border: 1px solid #c8c8c8;
    background: #f4f4f4;
    padding: 0 126px 0 18px;
    box-sizing: border-box;
    margin-top: 12px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boardWrap table.type04 td .fileList button {
    width: 100px;
    height: 32px;
    background: #fff;
    border: 1px solid #bdbdbd;
    font-size: 15px;
    font-weight: 600;
    color: #262626;
    position: absolute;
    right: 8px;
    top: 7px;
}

.boardWrap .boardWriteBtn {
    text-align: right;
    font-size: 0;
}

.boardWrap .boardWriteBtn button {
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    transform: skew(-0.03deg);
    color: #fff;
}

.boardWrap .boardWriteBtn button.writeBtn {
    background: #00a450;
    width: 160px;
}

.boardWrap .boardWriteBtn button.listBtn {
    width: 133px;
    background: #1a1a1a;
    margin-left: 8px;
}

@media all and (max-width: 860px) {
    .boardWrap table.type04 th {
        padding-left: 24px;
        font-size: 16px;
    }
}

@media all and (max-width: 640px) {
    .boardWrap table.type04 th {
        padding-left: 16px;
    }
    
    .boardWrap table.type04 td {
        padding-left: 12px;
    }
}

@media all and (max-width: 480px) {
    .boardWrap table.type04 col:first-child {
        width: 25%;
    }
    
    .boardWrap table.type04 th,
    .boardWrap table.type04 td {
        font-size: 14px;
    }
    
    .boardWrap table.type04 th {
        padding-left: 12px;
    }
    
    .boardWrap .boardWriteBtn button.listBtn {
        width: 100px;
        height: 50px;
    }
    
    .boardWrap .boardWriteBtn button.writeBtn {
        width: 120px;
        height: 50px;
    }
    
    .boardWrap table.type04 td .fileBtn label {
        width: 100px;
        font-size: 14px;
    }
    
    .boardWrap table.type04 td .fileList button {
        width: 60px;
    }
    
    .boardWrap table.type04 td .fileList {
        padding-right: 78px;
        padding-left: 10px;
    }
}

@media all and (max-width: 360px) {
    .boardWrap table.type04 col:first-child {
        width: 30%;
    }
}

/* 관련사이트 */

.siteList {
    
}

.siteList li {
    float: left;
    width: 230px;
    margin-right: 29px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 16px;
    color: #666;
    transform: skew(-0.03deg);
}

.siteList li:nth-child(5n) {
    margin-right: 0;
}

.siteList li a.imgBox {
    display: block;
    width: 100%;
    height: 80px;
    border: 1px solid #c8c8c8;
    margin-bottom: 12px;
    padding: 0 5px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.siteList li a.imgBox img {
    max-width: 100%;
}

@media all and (max-width: 1210px) {
    .siteList li {
        width: calc((100% - 87px) / 4);
    }
    
    .siteList li:nth-child(5n) {
        margin-right: 29px;
    }
    
    .siteList li:nth-child(4n) {
        margin-right: 0;
    }
}

@media all and (max-width: 767px) {
    .siteList li {
        width: calc((100% - 72px) / 3);
        margin: 0 12px 50px;
    }
    
    .siteList li:nth-child(4n), .siteList li:nth-child(5n) {
        margin: 0 12px 50px;
    }
}

@media all and (max-width: 540px) {
    .siteList li {
        width: calc((100% - 40px) / 2);
        margin: 0 8px 50px;
    }
    
    .siteList li:nth-child(4n), .siteList li:nth-child(5n) {
        margin: 0 8px 50px;
    }
}

/* E-learning 리스트 */

.boardBox {
    padding: 20px 0 25px 0;
}

.boardBox:after {
    clear: both;
    display: block;
    content: "";
}

.boardBox .learnItem {
    width: calc((100% - 66px)/3);
/*    height: 374px;*/
    border: 1px solid #c9c9c9;
    background: #fff;
    margin-right: 33px;
    margin-bottom: 33px;
    box-sizing: border-box;
    float: left;
}

.boardBox .learnItem:hover {
    border: 2px solid #00a450;
}

.boardBox .learnItem:nth-child(3n) {
    margin-right: 0;
}

.boardBox .learnItem .learnImg {
    width: 100%;
    height: 204px;
    background: #fff;
    border-bottom: 1px solid #c9c9c9;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.boardBox .learnItem .learnImg img {
    max-width: 100%;
    max-height: 100%;
}

.boardBox .learnItem .learnDesc {
    padding: 25px 34px;
    text-align: center;
}

.boardBox .learnItem:hover .learnDesc {
    padding: 24px 33px;
}

.boardBox .learnItem .learnDesc .title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -1px;
    word-break: keep-all;
    line-height: 1.2;
    margin-bottom: 15px;
}

.boardBox .learnItem .learnDesc .date {
    font-size: 14px;
    color: #555;
    margin-bottom: 25px;
}

.boardBox .learnItem .learnDesc .viewBtn button {
    width: 140px;
    height: 40px;
    background: #00a450;
    color: #fff;
    border: 0;
    font-size: 16px;
    transform: skew(-0.03deg);
}

@media all and (max-width: 1023px) {
    .boardBox .learnItem {
        width: calc((100% - 33px) / 2);
    }
    
    .boardBox .learnItem:nth-child(3n) {
        margin-right: 33px;
    }
    
    .boardBox .learnItem:nth-child(2n) {
        margin-right: 0;
    }
}

@media all and (max-width: 540px) {
    .boardBox {
        padding-top: 0;
    }
    
    .boardBox .learnItem {
        width: 100%;
    }
}

/* E-learning 상세 페이지 */

.boardWrap table.type02 td .videoWrap {
    display: table-cell;
    vertical-align: top;
    width: 66%;
}

.boardWrap table.type02 td .videoWrap iframe {
    width: 100%;
}

.boardWrap table.type02 td .videoDesc {
    display: table-cell;
    vertical-align: top;
    padding-left: 28px;
    width: 34%;
}

.boardWrap table.type02 td .videoDesc .title {
    font-size: 17px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .boardWrap table.type02 td .videoWrap {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .boardWrap table.type02 td .videoDesc {
        display: block;
        width: 100%;
        padding-left: 0;
    }
}

/* 간행물 */
.boardSearch.pubBoard{
    border: 0;
    padding: 54px 0 25px;
}

.pageTitleText.borderBottom{
    border-bottom: 1px solid #1a1a1a;
}

.boardSearch.pubBoard .searchFilter {
    width: 78.9%;
}

.boardSearch.pubBoard .searchFilter .filter {
    width: calc((100% - 22px) / 2);
    margin-right: 11px;
    margin-bottom: 11px;
    box-sizing: border-box;
}

.boardSearch.pubBoard .searchFilter select {
    background-position: 95% 50%;
}

.boardSearch.pubBoard .searchFilter .filter:nth-child(n+3) {
    margin-bottom: 0;
}

.boardSearch.pubBoard .searchFilter .filter:nth-child(3) {
    width: calc(100% - 11px);
}

.boardSearch.pubBoard .searchFilter input {
    background: #f7f7f7;
}

.boardSearch.pubBoard .btnBox {
    float: right;
    width: 21.1%;
    height: 119px;
    font-size: 0;
}

.boardSearch.pubBoard .btnBox button {
    width: calc((100% - 10px) / 2);
    height: 100%;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: top;
}

.boardSearch.pubBoard .btnBox button.resetBtn {
    margin-left: 10px;
    background: #fff;
    border: 1px solid #bbbbbb;
    line-height: 1.5em;
    color: #666;
    box-sizing: border-box;
    padding: 0 10px;
    word-break: keep-all;
}

.boardSearch.pubBoard .btnBox button.searchBtn {
    background: #558beb url('../images/sub/search_poster.png') no-repeat 50% 35%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
    padding-top: 50px;
    box-sizing: border-box;
}

.boardWrap .filteredTitle {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 28px;
    padding-top: 6px;
}

.boardWrap .pubBox {
    border-top: 1px solid #1a1a1a;
    margin-bottom: 60px;
}

.boardWrap .pubBox .pubItem {
    border-bottom: 1px solid #c1c1c1;
    padding-top: 28px;
    padding-bottom: 34px;
}

.boardWrap .pubBox .pubItem:after {
    clear: both;
    content: "";
    display: block;
}

.boardWrap .pubItem .textWrap {
    width: 80%;
    float: left;
}

.boardWrap .pubItem .textWrap .title {
    font-family: 'Roboto','Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 17px;
    letter-spacing: -0.01em;
    line-height: 1.3em;
}

.boardWrap .pubItem .textWrap .field {
    font-family: 'Noto Sans KR';
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #555;
    padding-left: 5px;
}

.boardWrap .pubItem .textWrap .author{
    font-family: 'Roboto','Noto Sans KR', sans-serif;
    font-size: 17px;
    color: #424242;
    letter-spacing: -0.01em;
}

.boardWrap .pubItem .textWrap .author p {
    color: #424242;
    margin: 25px 0 0 0;
}


.boardWrap .pubItem .textWrap .part{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 15px;
    color: #777777;
    margin-bottom: 23px;
    letter-spacing: -0.01em;
}

.boardWrap .pubItem .viewBtn {
    float: right;
    text-align: right;
    width: 20%;
}

.boardWrap .pubItem .viewBtn button {
    width: 106px;
    height: 42px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

/* 간행물 뷰 */

.innerSubTitle{
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.innerSubTitle .innerText{
    width: 80%;
}

.innerSubTitle .innerText h4,
.innerSubTitle .innerText p{
    font-family: 'Roboto', sans-serif; 
    font-size: 16px;
    font-weight: 400;
    color: #777777;
}

.innerSubTitle .innerText h4{
    margin-bottom: 13px;
}

.innerSubTitle .innerText p{
    margin-bottom: 67px;
}

.innerSubTitle .btnDownLoad{
    width: 20%;
}

.innerSubTitle .btnDownLoad button{
    display: block;
    width: 106px;
    height: 42px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif; 
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: #FFF;
    background-color: #558beb;
    border: 0;
    float: right;
}

.innerSubTitle .btnDownLoad button::after{
    content: '';
    display: block;
    clear: both;
}

.publicationAbstract sup {
    vertical-align: revert;
    font-size: 10pt;
}

.publicationAbstract p.author {
    line-height: 150%;
    letter-spacing: 1px;
}

.publicationAbstract p.affiliation {
    line-height: 150%;
    letter-spacing: 1px;
}

/* 국문학술지 */
.subpageMainInner{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 0 65px;
    border-bottom: 1px solid #c1c1c1;
}

.subpageMainInner .pubImg{ 
    min-width: 215px;   
    margin-right: 55px;
}

.subpageMainInner .pubImg img{
    display: block;
    width: 100%;
    box-shadow: 5px 0 20px rgba(0,0,0,0.2);
}

.subpageMainInner .infoPub{
    width: 100%;
}

.subpageMainInner .infoPub .pubTitle{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #222;
    margin-bottom: 31px;
    letter-spacing: 0;
}

.subpageMainInner .infoPub .versionInfo,
.subpageMainInner .infoPub .versionInfo2{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #777;
    margin-bottom: 11px;
    letter-spacing: 0;
}

.subpageMainInner .infoPub .contentList{
    margin-top: 29px;
}

.subpageMainInner .infoPub .contentList li{
    margin-bottom: 22px;
}

.subpageMainInner .infoPub .contentList li:last-child{
    margin-bottom: 0;
}

.subpageMainInner .infoPub .contentList li::before{
    content: '·';
    font-size: 18px;
    font-weight: 700;
    color: #558beb;
    margin-right: 7px;
}

.subpageMainInner .infoPub .contentList li a{
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #424242;
    letter-spacing: 0;
}

.subpageMainInner .infoPub .contentList li:hover a{
    color: #417ce6
}

.subpageMainInner .infoPub .contentList li a::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #424242;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.subpageMainInner .infoPub .contentList li:hover a::after{
    background-color: #417ce6;
}

.pubBtnBox{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;;
}

.pubBtnBox button {
    display: block;
    width: 420px;
    height: 68px;   
    border: 1px solid #c1c1c1;
    background-color: transparent;
    box-sizing: border-box;
}

.pubBtnBox button:first-child{
    margin-right: 40px;
}

.pubBtnBox button a{
    display: block;
    font-size: 18px;
    font-weight: 700;
}

/* 뉴스레터 */
.newsletterBox .newsletterHead {
    padding: 20px 0;
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    overflow: hidden;
}

.newsletterBox .newsletterHead .newsletterTitle{
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -0.03em;
    color: #222;
}

.newsletterBox .newsletterHead select {
    float: right;
    width: 352px;
    height: 54px;
    font-family: inherit;
    padding: 0 24px 0 22px;
    box-sizing: border-box;
    background: #fff url('../images/sub/filter_select.png') no-repeat 96% 50%;
    border: 1px solid #c8c8c8;
    color: #262626;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newsletterBox .newsletterBox select:-ms-expand {
    display: none;
}

.newsletterWrap{
    padding: 87px 117px 0;
    width: 100%;
    box-sizing: border-box;
}

.newsletterWrap img{
    width: 100%;
	height:auto;
}

/* NICE */
.nTypeWrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nTypeImgBox{
    margin-right: 54px;
}

.nTypeWrap .boardSearch .pageTitleText h3{
    margin-bottom: 31px;
}

.nTypeWrap .versionInfo,
.nTypeWrap .versionInfo2{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #777;
}

.nTypeWrap .versionInfo{
    margin-bottom: 10px;
}

.nTypeWrap .boardSearch.pubBoard .searchFilter{
    width: 73.4%;
}

.nTypeWrap .boardSearch.pubBoard .searchFilter .filter{
    width: 60%;
}

.nTypeWrap .boardSearch.pubBoard .searchFilter .filter:nth-child(2n+1){
    width: calc(40% - 22px)
}

.nTypeWrap .boardSearch.pubBoard .searchFilter .filter:nth-child(3){
    width: calc(100% - 11px);
    margin-right: 33px;
}

.nTypeWrap .boardSearch.pubBoard .btnBox{
    width: 26.6%;
}   

/* 기타간행물 */
.othersWrap{
    border-top: 1px solid #1a1a1a;
}

.othersImgBox{
    padding: 88px 117px 92px;
}

.othersImgBox img{
    width: 100%;
}

.othersTableTitle{
    font-size: 24px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 20px;
}

.othersWrap table{
    border-collapse: collapse;
    width: 100%;
}

.ohtersTable01 table,
.ohtersTable02 table{
    border-top: 2px solid #1e1e1e;
}

.ohtersTable02 table{
    margin-bottom: 0;
}

.ohtersTable01 tr{
    border-bottom: 1px solid #c1c1c1;
}

.ohtersTable01 tr th:first-child{
    width: 14%;
    font-family: 'NanumSquare';
    font-weight: 800;
    color: #1e1e1e;
    text-align: center;
    vertical-align: middle;
    transform: skew(-0.3deg);
    background-color: #f6f7fb;
}

.ohtersTable01 tr td{
    width: 86%;
    font-size: 16px;
    font-weight: 400;
    color: #1e1e1e; 
    padding: 21px 26px;
}

.ohtersTable01 tr td .pubList>li{
    margin-top: 10px;
}

.ohtersTable01 tr td .pubList>li:first-child{
    margin-top: 0;
}

.ohtersTable01 tr td .pubList>li .priceLists li{
    font-size: 15px;
    font-weight: 400;
    color: #424242;
    margin-top: 8px;
}

.ohtersTable01 tr td span{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #424242;
    margin-top: 8px;
}

.ohtersTable02 td{
    padding: 28px 20px;
    border-bottom: 1px solid #c1c1c1;
}

.ohtersTable02 td>a{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    text-decoration: underline;
}

.ohtersTable02 td> a::before{
    content: '·';
    position: absolute;
    left: -12px;
    top: 1px;
    font-size: 18px;
    color: #558beb;
}

.ohtersTable02 td .othersList{
    margin-top: 24px;
}

.ohtersTable02 td .othersList li{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    margin-top: 13px;
}

.ohtersTable02 td .othersList li:first{
    margin-top: 0;
}

.ohtersTable02 td .othersList li a{
    text-decoration: underline;
}

@media all and (max-width: 1160px){

    .boardSearch.pubBoard .searchFilter {
        width: 75%;
    }
    
    .nTypeImgBox{
        margin-right: 20px;
    }

    .nTypeWrap .boardSearch.pubBoard .searchFilter{
        width: 100%;
        margin-bottom: 11px;
    }

    .nTypeWrap .boardSearch.pubBoard .searchFilter .filter{
        width: calc(50% - 5.5px);
        margin-right: 0;
    }

    .nTypeWrap .boardSearch.pubBoard .searchFilter .filter:nth-child(2n+1){
        width: calc(50% - 5.5px);
        margin-right: 11px;        
    }

    .nTypeWrap .boardSearch.pubBoard .searchFilter .filter:nth-child(3){
        width: 100%;
        margin-right: 11px;        
    }


    .nTypeWrap .boardSearch.pubBoard .btnBox{
        width: 100%;
    }

    .nTypeWrap .boardSearch.pubBoard .btnBox button{
        height: 54px;
    }

    .nTypeWrap .boardSearch.pubBoard .btnBox button.searchBtn{
        padding: 0;
        background-position: 35% 50%;
        background-size: 6%;
    }
   
}
@media all and (max-width: 833px) {
    .boardSearch.pubBoard .searchFilter, 
    .boardSearch.pubBoard .btnBox {
        width: 100%;
    }
    
    .boardSearch.pubBoard .searchFilter {
        margin-bottom: 11px;
    }
    
    .boardSearch.pubBoard .btnBox {
        height: auto;
    }
    
    .boardSearch.pubBoard .btnBox button {
        height: 50px;
    }
    
    .boardSearch.pubBoard .searchFilter .filter {
        width: calc((100% - 11px) / 2);
        display: inline;
    }

       
    .boardSearch.pubBoard .searchFilter .filter:nth-child(3) {
        width: 100%;
        
    }
    
    .boardSearch.pubBoard .searchFilter .filter:nth-child(even) {
        margin-right: 0;
    }
    
    .boardSearch.pubBoard .btnBox button.searchBtn {
        padding: 0;
        background-position: 35% 50%;
        background-size: 6%;
    }	

}

@media all and (max-width: 768px){
    .boardSearch.pubBoard{
        padding: 44px 0 0px;
    }

    .boardWrap .filteredTitle {
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 28px;
        padding-top: 6px;
    }

    .boardWrap .pubItem .textWrap .title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;        
    }

    .boardWrap .pubItem .textWrap .part{
        font-size: 14px;
        margin-bottom: 13px;
        
    }

    .boardWrap .pubItem .viewBtn{
        margin-top: 10px;
    }

    .pubBtnBox button a{
        font-size: 16px;
    }

    .innerSubTitle{
        position:relative;
        display: block;
        overflow: hidden;
    }

    .innerSubTitle .innerText{
        width: 100%;
    }

    .innerSubTitle .innerText p{
        margin-bottom: 0;
    }
        
    .innerSubTitle .btnDownLoad{
        width: 20%;
        float: right;
        margin: 10px 0;
    }
    
    .innerSubTitle .btnDownLoad button::after{
        content: '';
        display: block;
        clear: both;
    }

    .subpageMainInner{
        flex-direction: column;
    }

    .subpageMainInner .pubImg{ 
        min-width: 215px; 
        margin: 0 auto;
        margin-bottom: 20px;
    }
    
    .subpageMainInner .pubImg img{
        display: block;
        width: 100%;
        box-shadow: 5px 0 20px rgba(0,0,0,0.2);
    }

    .subpageMainInner .infoPub .pubTitle{
        font-size: 24px;
        margin-bottom: 20px;
    }

    .subpageMainInner .infoPub .versionInfo,
    .subpageMainInner .infoPub .versionInfo2{
        font-size: 14px;
        margin-bottom: 6px;        
    }

    .subpageMainInner .infoPub .contentList{
        margin-top: 20px;
    }
    
    .subpageMainInner .infoPub .contentList li{
        margin-bottom: 14px;
    }

    .subpageMainInner .infoPub .contentList li a{
        font-size: 14px;
    }

    .othersImgBox{
        padding: 50px 30px;
    }

    .ohtersTable01 tr td{
        line-height: 1.4em;
    }

    .ohtersTable02 td>a{
        line-height: 1.4em;
    }

    .ohtersTable02 td .othersList li{
        line-height: 1.4em;
    }
    
    .newsletterBox .newsletterHead .newsletterTitle{
        float: unset;
        font-size: 18px;
        line-height: 1.2em;
    }

    .newsletterBox .newsletterHead select{
        float: unset;
        width: 100%;
        margin-top: 15px;
    }

    .newsletterWrap {
        padding: 40px 0;
    }

    .nTypeWrap{
        flex-direction: column;
        margin-right: 0;
        margin-top: 54px;
    }

    .nTypeWrap .boardSearch.pubBoard .btnBox button.searchBtn {
        padding: 0;
        background-position: 35% 50%;
        background-size: 6%;
    }

    .nTypeWrap .boardSearch.pubBoard .searchFilter .filter:nth-child(2n+1),
    .nTypeWrap .boardSearch.pubBoard .searchFilter .filter{
        width: 100%;
    }

}

@media all and (max-width: 640px) {
    .boardWrap .pubItem .textWrap {
        width: 100%;        
    }
    
    .boardWrap .pubItem .viewBtn {
        width: 100%;
    }

    .pubBtnBox{
        flex-direction: column;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .pubBtnBox button:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 480px) {
    .boardSearch.pubBoard .searchFilter .filter {
        width: 100%;
    }
    
    .boardSearch.pubBoard .searchFilter .filter:nth-child(3) {
        margin-bottom: 11px;
    }
    
    .boardSearch.pubBoard .btnBox button {
        width: 100%;
        margin-bottom: 11px;
    }
    
    .boardSearch.pubBoard .btnBox button.resetBtn {
        margin: 0;
    }

    
    .pubBtnBox button{
        width: 100%;
    }

    .pubBtnBox button a{
        font-size: 15px;
    }

    .othersImgBox{
        padding: 20px 10px;
    }

    .ohtersTable01 tr th:first-child{
        width: 30%;
    }
    
    .ohtersTable01 tr td{
        width: 70%;
        padding: 15px 10px;
    }
    
}

@media all and (max-width: 360px) {
    .boardSearch.pubBoard .btnBox button.searchBtn {
        background-position: 30% 50%;
    }
}


/* 학회회보 */

.reportPreview {
    font-size: 0;
    margin-bottom: 24px;
}

.reportPreview > div {
    display: inline-block;
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
}

.reportPreview > div:last-child {
    margin-right: 0;
}

.reportPreview > div img {
    width: 100%;
}

.boardWrap table.type01.mBoard.rBoard col:nth-child(3) {
    width: 146px;
}

.boardWrap table.type01.mBoard.rBoard td:nth-child(3) {
    padding: 0 10px;
}

.boardWrap table.type01.mBoard.rBoard td:nth-child(2) {
    font-size: 17px;
}

.boardWrap table.type01.mBoard.rBoard td button.downBtn {
    width: 100%;
    height: 42px;
    border: 1px solid #bdbdbd;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
}

.boardWrap table.type01.mBoard.rBoard td button.downBtn span {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url('../images/sub/pdf_down.png') no-repeat;
    vertical-align: middle;
    margin-left: 4px;
}

@media all and (max-width: 1023px) {
    
}

@media all and (max-width: 540px) {
    .reportPreview > div {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }
    
    .reportPreview > div:nth-child(2n) {
        margin-right: 0;
    }
    
    .boardWrap table.type01.mBoard.rBoard td:nth-child(2) {
        font-size: 14px;
    }
    
    .boardWrap table.type01.mBoard.rBoard col:nth-child(3) {
        width: 120px;
    }
    
    .boardWrap table.type01.mBoard.rBoard td button.downBtn {
        font-size: 12px;
    }
}

@media all and (max-width: 480px) {
    .boardWrap table.type01.mBoard.rBoard col:nth-child(3) {
        width: 60px;
    }
    
    .boardWrap table.type01.mBoard.rBoard col:nth-child(4) {
        width: 20%;
    }
    
    .boardWrap table.type01.mBoard.rBoard td button.downBtn {
        font-size: 0;
    }
    
    .boardWrap table.type01.mBoard.rBoard td button.downBtn span {
        margin: 0;
    }
}

/* 학회 갤러리 */

.galleryBox .galleryHead {
    padding: 20px 0;
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.galleryBox .galleryHead select {
    width: 500px;
    height: 54px;
    font-family: inherit;
    padding: 0 36px 0 24px;
    box-sizing: border-box;
    background: #fff url('../images/sub/filter_select.png') no-repeat 96% 50%;
    border: 1px solid #c8c8c8;
    color: #262626;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.galleryBox .galleryHead select:-ms-expand {
    display: none;
}

.galleryBox .galleryHead .downBtn {
    float: right;
}

.galleryBox .galleryHead .downBtn button {
    width: 240px;
    height: 54px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.galleryBox .galleryHead .downBtn button span.ic {
    width: 23px;
    height: 23px;
    display: inline-block;
    background: url('../images/sub/img_icon.png') no-repeat;
    margin-right: 14px;
    vertical-align: middle;
}

.galleryBox .galleryHead .downBtn button span.ic2 {
    width: 19px;
    height: 18px;
    display: inline-block;
    background: url('../images/sub/img_down.png') no-repeat;
    margin-left: 10px;
    vertical-align: middle;
}

.galleryBox .galleryBody .galleryTitle {
    padding: 36px 10px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    word-break: keep-all;
}

.galleryBox .galleryBody .swiper-container.gallery-top {
    width: 100%;
    /* height 값은 스크립트로 처리 */
    margin-bottom: 7px;
}

.galleryBox .galleryBody .swiper-container.gallery-thumbs {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    padding: 0 21px;
}

.galleryBox .galleryBody .swiper-container.gallery-top .swiper-slide,
.galleryBox .galleryBody .swiper-container.gallery-thumbs .swiper-slide {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.galleryBox .galleryBody .swiper-container.gallery-top .swiper-slide img {
    width: 100%;
    max-height: 100%;
}

.galleryBox .galleryBody .swiper-container.gallery-thumbs .swiper-slide img {
    max-width: 100%;
    height: 100%;
}

.galleryBox .galleryBody .swiper-container.gallery-top .swiper-button-prev {
    width: 54px;
    height: 54px;
    background: rgba(245, 245, 245, 0.9) url('../images/sub/slide_prev.png') no-repeat 50%;
    left: 0;
    top: 50%;
    margin-top: -27px;
}

.galleryBox .galleryBody .swiper-container.gallery-top .swiper-button-next {
    width: 54px;
    height: 54px;
    background: rgba(245, 245, 245, 0.9) url('../images/sub/slide_next.png') no-repeat 50%;
    right: 0;
    top: 50%;
    margin-top: -27px;
}

.galleryBox .galleryBody .swiper-container.gallery-thumbs .swiper-button-prev {
    width: 18px;
    height: 70px;
    background: #c2c2c2 url('../images/sub/thumb_prev.png') no-repeat 50%;
    left: 0;
    top: 0;
    margin: 0;
}

.galleryBox .galleryBody .swiper-container.gallery-thumbs .swiper-button-next {
    width: 18px;
    height: 70px;
    background: #c2c2c2 url('../images/sub/thumb_next.png') no-repeat 50%;
    right: 0;
    top: 0;
    margin: 0;
}

@media all and (max-width: 833px) {
    .galleryBox .galleryHead select {
        width: 100%;
        margin-bottom: 10px;
    }
    .galleryBox .galleryHead .downBtn {
        float: none;
        text-align: right;
    }
    
    .galleryBox .galleryHead .downBtn button {
        width: 100%;
    }
}

@media all and (max-width: 640px) {
    .galleryBox .galleryBody .galleryTitle {
        font-size: 24px;
    }
    
    .galleryBox .galleryHead select, 
    .galleryBox .galleryHead .downBtn button {
        font-size: 16px;
        transform: skew(-0.03deg);
    }
    
    .galleryBox .galleryHead select {
        padding-left: 14px;
        text-overflow: ellipsis;
    }
}

@media all and (max-width: 480px) {
    .galleryBox .galleryBody .galleryTitle {
        font-size: 22px;
    }
    
    .galleryBox .galleryHead select, 
    .galleryBox .galleryHead .downBtn button {
        font-size: 14px;
    }
}


/* ****** 학회소개 ****** */

/* 인사말 */
.introBox {
    padding-top: 59px
}

.introBox .introWelcome {
    border-top: 2px solid #1a1a1a;
    padding-top: 54px;
    box-sizing: border-box;
}

.introBox .introWelcome .photoWrap {
    margin-bottom: 40px;
}

.introBox .introWelcome .photoWrap:after {
    clear: both;
    display: block;
    content: "";
} 

.introBox .subpageTable{
    margin-bottom: 0;
}


.introWelcome .photo {
    float: left;
    margin-right: 55px;
}

.introWelcome .photoText .title {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 36px;
    word-break: keep-all;
}

.introWelcome .photoText .title em {
    font-weight: 800;
}

.introWelcome .photoText .subtitle {
    font-size: 16px;
    font-weight: 800;
    line-height: 2.3;
    margin-bottom: 30px;
}

.introWelcome .photoText p {
    color: #333;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}

.introWelcome .welcomeText {
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    margin-bottom: 28px;
}

.introWelcome .welcomeSign {
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    background: url('../images/sub/intro_sign.jpg') no-repeat right bottom;
    height: 84px;
    padding-right: 100px;
    padding-top: 35px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.introWelcome .welcomeSign em {
    font-size: 46px;
    font-weight: 400;
}

@media all and (max-width: 929px) {
    .introWelcome .photo img {
        width: 200px;
    }
    
    .introWelcome .photoText .title {
        font-size: 24px;
        margin-bottom: 20px;
        text-align: left;
    }
    
    .introWelcome .photoText .title .pc_br {
        display: none;
    }
    
    .introWelcome .photoText .subtitle {
        line-height: 1.8;
    }
}

@media all and (max-width: 540px) {
    .introWelcome .photo {
        margin-right: 36px;
        margin-bottom: 36px;
    }
    
    .introWelcome .photo img {
        width: 160px;
    }
    
    .introWelcome .photoText .title {
        font-size: 20px;
    }
    
    .introWelcome .photoText .subtitle, .introWelcome .photoText p, .introWelcome .welcomeText {
        font-size: 14px;
    }
    
    .introWelcome .welcomeSign {
        height: 54px;
        background-size: contain;
        padding-top: 15px;
        padding-right: 70px;
    }
    
    .introWelcome .welcomeSign em {
        font-size: 36px;
    }
}

@media all and (max-width: 480px) {
    .introBox{
        padding-top: 30px;
    }

    .introWelcome .photo {
        width: 100%;
        float: none;
    }
    
    .introWelcome .photo img {
        width: 100%;
    }
    
    .introWelcome .welcomeText {
        margin-bottom: 50px;
    }
    
    .introWelcome .welcomeSign {
        padding-top: 0;
        padding-right: 75px;
    }
    
    .introWelcome .welcomeSign em {
        display: block;
        font-size: 32px;
        margin-top: 4px;
    }
}

/* 학회정관 */

.subpageTable .tableWrap table.intro col:first-child {
    width: 24.2%;
}

.subpageTable .tableWrap table.intro tr:first-child th, 
.subpageTable .tableWrap table.intro tr:first-child td {
    border-top: 2px solid #1a1a1a;
}

.subpageTable .tableWrap table.intro th {
    border-top: 0;
    border-right: 0;
}

.subpageTable .tableWrap table.intro td {
    height: 70px;
    border-left: 0;
    text-align: center;
    padding: 18px 26px;
    box-sizing: border-box;
    color: #1a1a1a;
}

.subpageTable .tableWrap table.intro td .noList {
    padding-top: 20px;
    padding-left: 5px;
}

@media all and (max-width: 680px) {
    .subpageTable .tableWrap {
        overflow-x: auto;
    }
    
    .subpageTable .tableWrap table.intro {
        width: 100%;
    }
    
    .subpageTable .tableWrap table.intro col:first-child {
        width: 120px;
    }
    
    .subpageTable .tableWrap table.intro th {
        font-size: 14px;
        padding: 0 10px;
    }
    
    .subpageTable .tableWrap table.intro td {
        padding: 18px 14px;
    }
}

@media all and (max-width: 480px) {
    .subpageTable .tableWrap table.intro col:first-child {
        width: 100px;
    }
}

/* 지부 */

.affTab {
    position: relative;
}

.affTab .tabTitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.affTab .tabTitle .period{
    font-size: 18px;
    font-weight: 400;
    color: #424242;
}

.affTab.viewPage .typeSelect select{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 228px;
    height: 54px;
    background: #fff url('../images/sub/filter_select.png') no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #c8c8c8;
    padding: 0 18px;
    font-size: 16px;
    color: #222;
    margin-bottom: 12px;
}

.affTab li {
    width: calc((100% - 51px) / 4);
    height: 130px;
    float: left;
    border: 1px solid #c1c1c1;
    border-top: 2px solid #558beb;
    box-sizing: border-box;
    margin-right: 17px;
    margin-bottom: 17px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
.affTab li:nth-child(4n) {
    margin-right: 0;
}

.affTab li a {
    display: block;
    width: 100%;
    height: 100%;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.affTab li.branchManager{
    background-color: #558beb;
}

.affTab li.branchManager a{
    color: #FFF;
}



@media all and (max-width: 860px) {
    .affTab li {
        width: calc((100% - 34px) / 3);
    }
    
    .affTab li:nth-child(4n) {
        margin-right: 17px;
    }
    
    .affTab li:nth-child(3n) {
        margin-right: 0;
    }
}

@media all and (max-width: 640px) {
    .affTab li {
        width: calc((100% - 17px) / 2);
    }
    
    .affTab li:nth-child(3n) {
        margin-right: 17px;
    }
    
    .affTab li:nth-child(2n) {
        margin-right: 0;
    }
}

@media all and (max-width: 480px) {
    .affTab li {
        font-size: 16px;
        height: 100px;
    }

    .affTab .tabTitle .period{
	    display: block;
        margin-top: 10px;
    }
    .affTab .tabTitle {
	    font-size: 20px;
	    font-weight: 700;
	    margin-bottom: 24px;
    }
}

@media all and (max-width: 360px) {
    .affTab li {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* 회원현황 */

.memberList {
    margin-bottom: 50px;
}

.subpageTable .tableWrap table.member col:first-child,
.subpageTable .tableWrap table.member col:last-child {
    width: 8%;
}

.subpageTable .tableWrap table.member col:nth-child(2) {
    width: 12.5%;
}

.subpageTable .tableWrap table.member col:nth-child(4), 
.subpageTable .tableWrap table.member col:nth-child(6) {
    width: 13.5%;
}

.subpageTable .tableWrap table.member col:nth-child(5) {
    width: 17%;
}

.subpageTable .tableWrap table.member th {
    padding: 0 10px;
    word-break: keep-all;
}

.subpageTable .tableWrap table.member td {
    padding: 0 5px;
}

@media all and (max-width: 840px) {
    .subpageTable .tableWrap.mwrap {
        overflow-x: auto;
    }
    
    .subpageTable .tableWrap table.member {
        width: 757px;
    }
}

@media all and (max-width: 640px) {
    .subpageTable .tableWrap table.member th {
        font-size: 14px;
    }
}

/* 조직/임원 */

/* 임원진 */

.pageContents.subpage .contentsBox .subpageTab.trTab li {
    width: calc(100% / 3);
}

.subpageTable .tableWrap table.intro.exTbl col:first-child {
    width: 230px;
}

.subpageTable .tableWrap table.intro.exTbl th,
.subpageTable .tableWrap table.intro.exTbl td {
    height: 60px;
}

.subpageTable .tableWrap table.intro.exTbl th {
    text-align: left;
    padding-left: 40px;
}

.subpageTable .tableWrap table.intro.exTbl tr:last-child td {
    word-break: keep-all;
}

/* 위원회 */

.subpageTable .tableWrap table.cmtee col:first-child {
    width: 23%;
}

.subpageTable .tableWrap table.cmtee col:nth-child(4) {
    width: 17%;
}

.subpageTable .tableWrap table.cmtee col:nth-child(2) {
    width: 11%;
}

.subpageTable .tableWrap table.cmtee col:nth-child(3) {
    width: 9%;
}

.subpageTable .tableWrap table.cmtee td {
    padding: 16px 0;
    box-sizing: border-box;
    word-break: keep-all;
}

.subpageTable .tableWrap table.cmtee tr td:first-child {
    text-align: left;
    font-weight: 800;
    padding: 16px 0 16px 28px;
    box-sizing: border-box;
    word-break: keep-all;
}

.subpageTable .tableWrap table.cmtee tr.spanned td:first-child {
    font-weight: 400;
    text-align: center;
    padding-left: 0;
}

.subpageTable .tableWrap table.cmtee tr td:last-child {
    text-align: left;
    word-break: keep-all;
    padding: 16px 25px;
}

/* 역대 회장단 */

.subpageTable .tableWrap table.exeb4 tr td:first-child {
    font-weight: 800;
}

/* 역대지부장 */
.subpageTable .tableWrap table.introAll{
    margin-bottom: 0;
}
.subpageTable .tableWrap table.introAll col:first-child{
    width: 24.2%;
}

.subpageTable .tableWrap table.introAll col:nth-child(2){
    width: 36%;
}

.subpageTable .tableWrap table.introAll tr:first-child th:first-child{
    border-right: 0;
}

.subpageTable .tableWrap table.introAll tr:first-child th:nth-child(2){
    border-left: 0;
}

.subpageTable .tableWrap table.introAll tr:nth-child(2) th:first-child{
    border-top: 1px solid #c1c1c1;
    border-right: 0;
}

.subpageTable .tableWrap table.introAll tr:nth-child(2) td:nth-child(2){
    border-left: 0;
}

/* 자문회의 */

.subpageTable .textBox{
    padding: 53px 61px;
    border: 1px solid #c1c1c1;
    border-top: 2px solid #1a1a1a;
    margin-bottom: 40px;
}

.textBox .titleText{
    font-size: 22px;
    font-weight: 500;
    color: #222;
    margin-bottom: 37px;
}

.textBox ol li{
    margin-bottom: 23px;
}

.textBox ol li:last-child{
    margin-bottom: 0;
}

.textBox ol li p{
    font-size: 18px;
    font-weight: 400;
    color: #424242;
}

.introAdvisory tr:first-child th{
    border-right: 0;
}

.introAdvisory tr:nth-child(2) th,
.introAdvisory tr:nth-child(3) th{
    border-top: 1px solid #c1c1c1;
    border-right: 0;
}

.introAdvisory tr:first-child th:nth-child(2),
.introAdvisory tr:nth-child(2) td,
.introAdvisory tr:nth-child(3) td{
    border-left: 0;
}

.subpageTable:last-child .tableWrap table{
    margin-bottom: 0;
}



@media all and (max-width: 1023px) {
    .subpageTable .tableWrap table.cmtee col:first-child {
        
    }
}

@media all and (max-width: 768px) {
    .subpageTable .tableWrap table.cmtee tr td:first-child {
        padding-left: 20px;
    }

    /* 역대지부장 */
    .subpageTable .tableWrap table.introAll{
        width: 100%;
    }

    .subpageTable .tableWrap table.introAll col:first-child {
        width: 20%;
    }

    .subpageTable .tableWrap table.introAll col:nth-child(2) {
        width: 33%;
    }
}

@media all and (max-width: 640px) {
    .subpageTable .tableWrap table.intro.exTbl col:first-child {
        width: 140px;
    }
    
    .subpageTable .tableWrap table.intro.exTbl th {
        padding-left: 20px;
    }
    
    .subpageTable .tableWrap table.cmtee tr td:first-child {
        padding-left: 10px;
    }
    
    .subpageTable .tableWrap table.cmtee {
        width: 568px;
    }
}

@media all and (max-width: 540px) {
    .subpageTable .tableWrap table.intro.exTbl {
        width: 472px;
    }
    
}

@media all and (max-width: 480px) {

    /* 역대지부장 */
    .pageContents.subpage .contentsBox .pageTitleText>.searchText {
        position: relative;
        right: unset;
        top: unset;
        transform: unset;
        width: 100%;
        padding-left: 0;
        margin-top: 12px;
    }

    .pageContents.subpage .contentsBox .pageTitleText>.searchText form {
        display: flex;
        justify-content: right;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
    }

    .pageContents.subpage .contentsBox .pageTitleText>.searchText input {
        max-width: 100%;
        width: 100%;
        height: 54px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #c8c8c8;
        font-family: inherit;
        font-size: 16px;
        padding: 0 78px 0 18px;
    }

    .pageContents.subpage .contentsBox .pageTitleText>.searchText button {
        position: relative;
        width: 60px;
        height: 54px;
        background: #717171 url('../images/sub/filter_search.png') no-repeat 50%;
        font-size: 0;
    }

    .affTab.viewPage .typeSelect select {
        position: relative;
        right: unset;
        top: unset;
        transform: unset;
        width: 100%;
        height: 54px;
        background: #fff url('../images/sub/filter_select.png') no-repeat 95% 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #c8c8c8;
        padding: 0 18px;
        font-size: 16px;
        color: #222;
        margin-bottom: 12px;
    }

    .subpageTable .textBox{
        padding: 33px 30px;
        margin-bottom: 40px;
    }

    .textBox .titleText{
        font-size: 18px;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .textBox ol li{
        margin-bottom: 10px;
    }

    .textBox ol li p{
        font-size: 16px;
    }

}

/* 정관제규정 시작 */
/* 정관 */
.tabContents .introBox{
    padding-top: 0;
}

.topBlueBox{
    width: 100%;
    padding: 57px 70px;
    background-color: #f5f8fe;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.topBlueBox>ul{
    display: flex;
    justify-content: left;
    align-items:flex-start;
}

.topBlueBox>ul>li:nth-child(2){
    margin-left: 158px;
}

.topBlueBox>ul>li:last-child{
    margin-left: 106px;
}

.topBlueBox>ul>li h4{
    font-size: 24px;
    font-weight: 700;
    color: #417ce6;
}

.topBlueBox>ul>li>ul>li{
    margin-bottom: 20px;
}

.topBlueBox>ul>li>ul>li:last-child{
    margin-bottom: 0;
}

.topBlueBox>ul>li>ul>li p{
    font-size: 17px;
    font-weight: 400;
    color: #424242;
}

.articleNav{
    width: 100%;
    height: 95.4px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    padding: 36px 43px;
    margin-bottom: 55px;
}

.articleNav>ul>li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content!important;
}

.articleNav>ul>li::after{
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: #c1c1c1;
    margin: 0 21px;
}

.articleNav>ul>li:last-child::after{
    display: none;
}

.articleNav>ul>li>a{
    width: fit-content;
    min-width: fit-content;
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    letter-spacing: -1.3px;
}

.articleNav.swiper-container{
    padding: 36px 43px;
    margin-bottom: 55px;
}

.introArticle .subpageTable .tableWrap table.intro col:first-child{
    width: 14%;
}

.introArticle .subpageTable .tableWrap table.intro th{
    line-height: 22px;
}

.introArticle .subpageTable .tableWrap table.intro td{
    text-align: left;
}

.addedArticle>ul>li{
    margin-bottom: 28px;
}

.addedArticle>ul>li:last-child{
    margin-bottom: 0;
}

.addedArticle>ul>li p{
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 150%;
}

.addedArticle>ul>li>p:first-child{
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.addedArticle>ul>li>ul>li{
    margin-bottom: 6px;
}

.addedArticle>ul>li>ul>li:last-child{
    margin-bottom: 0;
}

.tableWrap span.table-title {
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
    margin: 30px 0 10px;
    display: block;
    letter-spacing: 1px;
}

.tableWrap span.table-title:first-child {
    margin-top: 0;
}

.tableWrap strong {
    font-weight: bold;
}

.tableWrap span.table-footer {
    margin-top: 15px;
    padding-right: 50px;
    display: block;
    text-align: right;
}

@media all and (max-width: 1280px) {
    .topBlueBox>ul>li:nth-child(2){
        margin-left: 50px;
    }

    .topBlueBox>ul>li:last-child{
        margin-left: 80px;
    }

    .articleNav>ul>li>a{
        font-size: 14px;
    }
}

@media all and (max-width: 1080px){
    .topBlueBox>ul>li:nth-child(2){
        margin-left: 50px;
    }

    .topBlueBox>ul>li:last-child{
        margin-left: 50px;
    }

    .articleNav{
        padding-bottom: 21px;
    }

    .articleNav>ul>li{
        margin-bottom: 15px;
    }

    .topBlueBox>ul>li>ul>li p{
        font-size: 14px;
    }
}

@media all and (max-width: 768px){
    .topBlueBox{
        padding: 30px 30px;
    }

    .topBlueBox>ul{
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .topBlueBox>ul>li:first-child{
        width: 100%;
        flex-shrink: 0;
        margin-bottom: 20px;
    }

    .topBlueBox>ul>li:nth-child(2){
        margin-left: 0;
    }

    .topBlueBox>ul>li:last-child{
        margin-left: 0;
    }
    
    .introArticle .subpageTable .tableWrap table.intro col:first-child{
        width: 25%;
    }

    .addedArticle>ul>li{
        margin-bottom: 16px;
    }
    
    .addedArticle>ul>li p{
        font-size: 14px;
    }
    
    .addedArticle>ul>li>p:first-child{
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .addedArticle>ul>li>ul>li{
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 8px;
    }
    
    .addedArticle>ul>li>ul>li:last-child{
        margin-bottom: 0;
    }
}

@media all and (max-width: 560px){
    .topBlueBox>ul{
        flex-wrap: wrap;
        justify-content: left;
    }

    .topBlueBox>ul>li:nth-child(2){
        margin-bottom: 20px;
    }
    .articleNav.swiper-container{
        padding: 0px 30px;
        margin-bottom: 40px;
    }
    .articleNav{
        width: 100%;
        height: 60px;
        border: 1px solid #c1c1c1;
        box-sizing: border-box;
        padding: 36px 43px;
    }
}
/* 정관제규정 끝 */



/* 기금 출연자 시작 */
.titleWrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tabTitle{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.fundList{
    width: 100%;
    border-top: 2px solid #1a1a1a;
}

.fundList::after{
    content: '';
    display: block;
    clear: both;
}

.fundItem{
    float: left;
    width: 50%;
    height: 301px;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    padding: 40px 0;
}

table.funnfunJointMembers tr td {
    padding: 8px 5px 0 0;
    border-bottom: 0;
}

table.funnfunJointMembers tr td:last-child {
    padding-right: 0;
}

table.funnfunJointMembers tr:first-child td {
    padding: 0 5px 0 0;
}

table.funnfunJointMembers tr:first-child td:last-child {
    padding-right: 0;
}

.funnfunMemeberRows {
    margin-top: 5px;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.funnfunMemeberRows #row-add {
    color: #358d24;
    font-size: 24px !important;
    position: relative;
    top: 4px;
    left: 10px;
    cursor: pointer;
}

.funnfunMemeberRows #row-add:active {
    top: 5px;
    left: 11px;
}

.funnfunMemeberRows #row-del {
    color: #ddd;
    /* color: #c44646; */
    font-size: 24px !important;
    position: relative;
    top: 4px;
    left: 12px;
    cursor: pointer;
}

.funnfunMemeberRows #row-del:active {
    top: 5px;
    left: 13px;
}


table.funnfunJointMembers tr td input {
    font-weight: 400 !important;
    color: #222 !important;
}

div.funnfun-form-desc {
    width: 97%;
    margin-top: 50px;
    background: #f4f4f4;
    border-radius: 15px;
    padding: 20px;
    font-size: 16px;
    color: #666
}

div.funnfun-form-desc ul {
    padding-left: 40px;
}

div.funnfun-form-desc ul li {
    list-style: disc;
    line-height: 2;
}

div.funnfun-form-desc ul li span.merge {
    line-height: 1.5;
}

.photoBox{
    width: 175px;
    min-width: 175px;
}

.photoBox img{
    width: 100%;
}

.textBox{
    padding: 10px 32px;
}

.awardName{
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 31px;
    padding: 0 1px;
    z-index: 1;
}

.awardName::after{
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    display: block;
    width: 100%;
    height: 18px;
    background-color: #dde8fb;
    z-index: -1;
}

.donorName{
    font-size: 24px; 
    font-weight: 700;
    margin-bottom: 23px;
}

.donorName .cnL{
    font-weight: 400;
}

.detailDonor{
    font-size: 18px;
    font-weight: 400;
    
}

.detailDonor span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    margin-top: 10px;
}

@media all and (max-width: 1080px){
    .fundItem{
        height: 295px;
    }

    .awardName{
        font-size: 16px;       
    }
    
    .donorName{
        font-size: 16px; 
        font-weight: 700;
        margin-bottom: 23px;
    }
    
    .donorName .cnL{
        font-weight: 400;
    }
    
    .detailDonor{
        font-size: 14px;
        font-weight: 400;
        
    }
    
    .detailDonor span{
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #777;
        margin-top: 10px;
    }

}

@media all and (max-width: 768px){
    .fundItem{
        float: left;
        width: 100%;
        height: 100%;
        padding: 20px 0;
    }

    .awardName{
        font-size: 24px;
    }
    
    .donorName{
        font-size: 24px;        
    }

    .detailDonor{
        font-size: 18px;
    }
    
    .detailDonor span{
        font-size: 16px;
    }
}

@media all and (max-width: 480px){
    .photoBox{
        width: 30%;
        min-width: unset;
    }

    .textBox{
        padding: 10px 16px;
        padding-bottom: 0;
    }

    .awardName{
        font-size: 16px;
    }
    
    .donorName{
        font-size: 16px;        
    }

    .detailDonor{
        font-size: 14px;
    }
    
    .detailDonor span{
        font-size: 12px;
    }

    .tabTitle{
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 24px;
    }
}

/* 기금 출연자 끝*/

/* 역대 학회상 수상자 시작 */
.subpageTable .tableWrap table.intro.awardList col:first-child {
    width: 24.2%;
    
 }
 
 .subpageTable .tableWrap table.intro.awardList td{
     line-height: 28px;
 }
 

 .multiContents li{
     padding: 18px;
 }
 
 .multiContents li:first-child{
     border-bottom: 1px solid #c1c1c1;
     padding-top: 0px;
 }
 
 .multiContents li:last-child{
     padding-bottom: 0;
 }
/* 역대 학회상 수상자 끝 */

/* CEO club 시작 */
.contentsBox.ceoClub .introBox{
    padding-top: 0;
}

.subpageTable .tableWrap table.intro.topThTab col:first-child,
.subpageTable .tableWrap table.intro.topThTab col:nth-child(3){
    width: 19.5%;
}

.subpageTable .tableWrap table.intro td.break_all{
    word-break: break-all;
}
/* CEO club 끝 */

/* 조직 임원 시작 */
.pageContents.subpage .contentsBox.orgAndExc .subpageTab li{
    width: 25%;
}

.organogramBox{
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
}

.organogramBox img{
    width: 100%;
}

.excList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    padding: 0 10px;
    padding-top: 56px;
    border-top: 2px solid #1a1a1a;
}

.excItem{
    position: relative;
    float: left;
    width: 180px;
    margin-left: 7.14%;
}

.excItem:nth-child(5n+1){
    margin-left: 0;
}

.excItem .aboveBox{
    width: 100%;
    overflow: hidden;
}

.excItem .aboveBox img{
    position: relative;
    width: 103%;
    left:-3px
}

.excTitle{
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #FFF;
    text-align: center;
    background-color: #062c5e;
    margin-bottom: 17px;
    top: -1px;
}

.excName{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 8px;
    margin-bottom: 10px;
}

.excAff{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

.excList.committee .excTitle{
    background-color: #558beb;
}

.blueText{
    font-weight: 700;
    color: #417ce6;
}

.InfoTextLink{
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}

.branchCountNum{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.tabContents .typeSelect.committee{
    margin-bottom: 0;
}

.tabContents .typeSelect.committee select{
    top:70%
}

.subpageTable .tableWrap table.intro.historyCommittee col:first-child{
    width: 14%;
}

.subpageTable .tableWrap table.intro.historyCommittee col:nth-child(2){
    width: 15.6%;
}

.subpageTable .tableWrap table.intro.historyCommittee col:nth-child(3){
    width: 20.3%;
}

.midCategory{
    font-weight: 700;
    background-color: #fafbfd;
}

.pageTitleText.group{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.grayText{
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.subpageTable .tableWrap table.intro.special col:first-child{
    width: 50%;
}

.subpageTable .tableWrap table.intro.special{
    margin-bottom: 100px;
}

.contentsBox.group .introBox{
    padding-top: 0;
}

.subpageTable .tableWrap table.intro.group col{
    width: 25%;
}

@media all and (max-width: 1210px){ 
    .excItem{
        width: 20%;
        margin-left: 6.3%;
    }

    .excItem:nth-child(5n+1){
        margin-left: 6.3%;
    }

    .excItem:nth-child(4n+1){
        margin-left: 0;
    }
}

@media all and (max-width: 768px){ 
    .excItem{
        width: 30%;
        margin-left: 5%;
    }

    .excItem:nth-child(4n+1),
    .excItem:nth-child(5n+1){
        margin-left: 5%;
    }

    .excItem:nth-child(3n+1){
        margin-left: 0;
    }
}

@media all and (max-width: 480px) {
    .subpageTable .tableWrap table.intro.topThTab col:first-child,
    .subpageTable .tableWrap table.intro.topThTab col:nth-child(3) {
        width: 22%;
    }

    .organogramBox {
        width: 100%;
        padding-top: 0;
    }

    .excItem {
        width: 47%;
        margin-left: 6%;
    }

    .excItem:nth-child(3n+1),
    .excItem:nth-child(4n+1),
    .excItem:nth-child(5n+1) {
        margin-left: 6%;
    }

    .excItem:nth-child(2n+1) {
        margin-left: 0;
    }

    .excTitle {
        font-size: 16px;
    }

    .excName {
        font-size: 18px;
    }

    .excAff {
        font-size: 14px;
    }

    .subpageTable .tableWrap table.intro.historyCommittee col:first-child{
        width: 10%;
    }
    
    .subpageTable .tableWrap table.intro.historyCommittee col:nth-child(2){
        width: 18%;
    }

    .subpageTable .tableWrap table.intro td:first-child{
        padding: 0;
    }
    .grayText{
	    font-size: 14px;
        font-weight: 400;
        color: #777;
    }

	
}

/* 조직 임원 끝 */

/* 연혁 시작 */
.introHistory{
    padding: 57px 0 61px;
}
.introText{
    font-size: 26px;
    font-weight: 400;
    color:#222;
    line-height: 1.2em;
}

.introText span{
    font-weight: 700;
}

.introSubText{
    font-size: 18px;
    font-weight: 400;
    color: #777;
    line-height: 1.4em;
}

.historyWrap{
    position: relative;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    border-top: 1px solid #1a1a1a;
    padding-top: 51px;
}

.historyList{
    position: relative;
}

.historyList>li{
    position: relative;
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.historyList>li>div{
    position: relative;
}

.yearBox{
    width: 98px;
}

.yearBox h4{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 500;
    color: #222;
    text-align: left;
}

.dateBox{
    width: 122px;
    padding-left: 176px;
    padding-right: 19px;
    flex-shrink: 0;
}

.dateBox p{
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 23px;
    font-weight: 500;
    color: #417ce6;
    text-align: right;
}

.festBox{
    width: 100%;
    padding-bottom: 48px;
}

.historyList>li:last-child .festBox{
    padding-bottom: 0;
}

.festBox::before{
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    top: 20px;
    width: 2px;
    height: 100%;
    background-color: #417ce6;
}

.historyList>li:last-child .festBox::before{
    display: none;
}

.festTitle{
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    padding-left: 71px;
}

.festTitle::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 3px solid #417ce6;
    border-radius: 50%;
    background-color: #FFF;
    box-sizing: border-box;
}

.festPlace{
    font-size: 18px;
    font-weight: 400;
    color: #777;
    padding-left: 71px;
    margin-top: 17px;
}

@media all and (max-width: 768px){
    .yearBox{
        width: 110px;
        margin-right: 50px;
    }

    .historyList>li{
        position: relative;
        display: block;
    }

    .historyList>li::before {
        content: '';
        display: block;
        position: absolute;
        left: 9px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #417ce6;
        box-sizing: border-box;
    }

    .historyList>li:last-child::before {
        display: none;
    }

    .dateBox{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        flex-shrink: 0;
    }

    .dateBox p{
        text-align: left;
        padding-left: 70px;
    }

    .dateBox p::after{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 3px solid #417ce6;
        border-radius: 50%;
        background-color: #FFF;
        box-sizing: border-box;
    }

    .festBox{
        margin-top: 17px;
        padding-bottom: 33px;
    }

    .festBox::before{
        display: none;
    }

    .festTitle{
        position: relative;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3em;
        color: #222;
        padding-left: 70px;
    }

    .festTitle::after{
        display: none;
    }

    .festPlace{
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3em;
        color: #777;
        padding-left: 70px;
        margin-top: 17px;
    }
}

@media all and (max-width: 480px){
    .historyWrap{
        padding-top: 30px;
    }

    .yearBox{
        width: 40px;
        margin-right: 13px;
    }

    .yearBox h4{
        font-size: 20px;
        margin-top: -2px;
    } 
    
    .introText{
        font-size: 22px;
        margin-top: -30px;
    }
    
    .introSubText{
        font-size: 15px;
        font-weight: 400;
        color: #777;
        line-height: 1.4em;
        margin-bottom: -10px;
    }  
    
    .historyList>li::before {
        content: '';
        display: block;
        position: absolute;
        left: 5px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #417ce6;
        box-sizing: border-box;
    }

    .dateBox p{
        font-size: 16px;
        font-weight: 500;
        color: #417ce6;
        text-align: left;
        padding-left: 23px;
    }

    .dateBox p::after{
        width: 12px;
        height: 12px;
        border: 2px solid #417ce6;
    }

    .festBox{
        margin-top: 11px;
    }

    .festTitle{
        position: relative;
        font-size: 16px;
        font-weight: 500;
        color: #222;
        padding-left: 24px;
    }

    .festPlace{
        font-size: 14px;
        font-weight: 400;
        color: #777;
        padding-left: 24px;
        margin-top: 6px;
    }
}

/* 연혁 끝 */

/* 비전 시작 */
.pageContents.subpage .contentsBox.vis{
    padding-bottom: 0;
}

.contentsVision{
    width: 100%;
    padding-bottom: 150px;
}

.visionBox{
    padding-top: 0px;
    margin-top: -80px;
}

.visionWrap{
    width: 100%;
}

.visionItem{
    width: 100%;
    box-sizing: border-box;
}

.visionItem.vision{
    padding-bottom: 75px;
}

.visionInner{
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.titleVision{
    padding-left: 2px;
}

.titleVision h4{
    width: 170px;
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: left;
}

.contentsVis{
    height: 400px;
}

.textVision p{
    font-size: 32px;
    font-weight: 500;
    color: #222;
    line-height: 1.5em;
    padding-left: 20px;
}

.mTitle{
    display: none;
}

.visionItem.strMis{
    height: 208px;
    padding-top: 50px;
    background-color: #f6f7fb;
    box-sizing: border-box;
}

.visionItem.strMis .titleVision{
    padding-top: 21px;
}

.strList{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.strList>li{
    position: relative;
    padding-top: 113px;
    margin: 0 8px;
    width: 203px;
    height: 390px;
    background-color: #FFF;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.strList>li img{
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.strList>li:first-child img{
    padding-top: 50px;
}

.strList>li:nth-child(2) img{
    padding-top: 47px;
}

.strList>li:nth-child(3) img {
    padding-top: 46px;
}

.strList>li:nth-child(4) img {
    padding-top: 41px;
}

.strList>li:last-child img {
    padding-top: 48px;
}

.strTitle{
    font-size: 18px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin-bottom: 25px;
}

.iconArrowUnder{
    display: block;
    width: 26px;
    height: 29px;
    background: url(../images/intro/icon_arrow_under.png)no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 26px;
}

.misList{
    padding-left: 27px;
}

.misList li{
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #424242;
    line-height: 1.4em;
    margin-bottom: 10px;;
}

.misList li:last-child{
    margin-bottom: 0;
}

.misList li::before{
    content: '';
    position: absolute;
    left: -8px;
    top: 9px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: #558beb;
    border-radius: 50%;
    
}

.visionItem.mission{
    padding-top: 64px;
    padding-bottom: 150px;
}

@media all and (max-width: 1280px){
    .contentsVision{
        width: 100%;
    }

    .visionInner{
        width: 100%;
    }

    .visionItem{
        padding: 0 20px;
        
    }

    .visionItem.strMis{
        padding-right: 0;
    }

	.visionBox {margin-top:0;}

}

@media all and (max-width: 768px){
    .visionBox{
        padding-top: 0;
    }

	.pageContents.subpage .contentsBox.vision {padding-bottom: 20px;}

    .titleVision h4{
        font-size: 16px;
    }

    .textVision p{
        font-size: 24px;
    }

    .textVision p br{
        display: none;
    }

    .mTitle{
        display: inline-block;
    }

    .visionItem{
        padding: 25px 20px;
    }

    .visionItem.strMis{
        height: auto;
        padding-top: 25px;
    }


    .visionItem.mission{
        display: none;
    }
}

@media all and (max-width: 480px){
    .visionInner{
        display: block;
    }

    .titleVision{
        margin-bottom: 20px;
    }

    .titleVision h4{
        font-size: 20px;
    }

    .textVision p{
        font-size: 18px;
        margin-left: -16px;
    }

    .visionItem.vision{
        padding-top: 0;
        padding-bottom: 40px;
    }

    .visionItem.strMis{
        height: auto;
        padding: 50px 0 50px;
    }

    .visionItem.strMis .titleVision{
        padding-left: 20px;
        padding-top: 0;
    }

    .strList{
        padding: 0 20px;
    }
    .contentsVision{
        width: 100%;
        padding-bottom: 0px;
    }

	.pageContents.subpage .contentsBox.vision {padding-bottom: 30px;}
}
/* 비전 끝 */

/* 인사말 시작 */
.introBox.welcome{
    padding-top: 0;
}

.welcomBanner{
    width: 100%;
    background: url(../images/intro/welcome_topbanner.png) no-repeat;
    background-size: 100%;
    padding: 78px 0;
    border: 1px solid #558beb;
}

.welcomBanner h4{
    font-size: 36px;
    text-align: center;
    color: #222;
    margin-bottom: 16px;
}

.welcomBanner h4:nth-child(2){
    margin-bottom: 36px;
}

.boldText{
    font-weight: 700;
}

.welcomBanner p{
    font-size: 18px;
    color: #222;
    text-align: center ;
}

.welcomeText{
    padding-top: 62px;
}

.aboveText::after{
    content: '';
    display: block;
    clear: both;
}

.aboveText>.photoCheifBOx{
    float: left;
    margin-right: 47px;
}

.welcomeAbove p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 2em;
}

.welcomeAbove .openingWord{
   font-size: 24px;
   font-weight: 700;
   color: #222; 
   margin-bottom: 4px;
}

.belowText{
    margin-top: 45px;
    margin-bottom: 85px;
}

.belowText p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 2em;
}

.belowText>ul>li{
    position: relative;
    line-height: 2em;
    padding: 0 9px;
    box-sizing: border-box;
}

.belowText>ul>li::before{
    content: '-';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #424242;
}

.welcomeEnd{
    margin-top: 48px;
}


.signChief{
    display: flex;
    justify-content: right;
    align-items: center;
}

.signChief p{
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.signChief h5{
    font-size: 30px;
    font-weight: 500;
    color: #222;
    margin-left: 16px;
}

@media all and (max-width: 1280px){
    .welcomBanner{
        width: 100%;
        background: url(../images/intro/welcome_topbanner.png) no-repeat;
        background-size: cover;
        background-position: center;
                
    }
    
    .welcomBanner h4{        
        text-align: center;
        color: #222;
        margin-bottom: 16px;
    }
    
    .welcomBanner h4:nth-child(2){
        margin-bottom: 28px;
    }

    .welcomBanner p{
        padding: 0 40px;
        line-height: 1.3em;
    }

    .aboveText>.photoCheifBOx{
        margin-right: 35px;
        margin-bottom: 35px;
    }
    

    .welcomeAbove p{
        line-height: 1.5em;
    }

    .belowText p{
        line-height: 1.5em;
    }
    
    .belowText>ul>li{
        line-height: 1.5em;
    }
}

@media all and (max-width: 768px){
    .welcomBanner{        
        padding: 40px 0;        
    }
    
    .welcomBanner h4{
        font-size: 24px;       
        margin-bottom: 2px;
        line-height: 30px;
        padding: 0 40px;
    }
    
    .welcomBanner h4:nth-child(2){
        margin-bottom: 28px;
    }

    .welcomBanner p{
        font-size: 17px;
        padding: 0 40px;
        line-height: 1.4em;
        margin-top: -10px;
    }
    .welcomeAbove .openingWord{
        font-size: 20px;
        font-weight: 700;
        color: #222; 
        margin-bottom: 4px;
    }
    .welcomeText{
        padding-top: 24px;
    }
    .aboveText>.photoCheifBOx{
	    width: 40%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .intro_ceo{
	    width: 100%;
    }
}

/* 인사말 끝 */

/* 업무위원회 시작 */
.subpageTable .tableWrap table.intro td.committee{
    padding: 44px 30px;
    text-align: left;
}

.subpageTable .tableWrap table.intro td.committee h4{
    font-size: 20px;
    font-weight: 500;
    color: #222;
    margin-bottom: 37px;
}

.subpageTable .tableWrap table.intro td.committee ul li{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 22px;
}

.subpageTable .tableWrap table.intro td.committee ul li:last-child{
    margin-bottom: 0;
}
/* 업무위원회 끝 */



@media all and (max-width: 540px) {
    .subpageTable .tableWrap table.intro.awTbl,
    .subpageTable .tableWrap table.intro.awTbl2,
    .subpageTable .tableWrap table.intro.awTbl3 {
        width: 900px;
    }
}

@media all and (max-width: 480px) {
    .tabContents .typeSelect select {
        width: 240px;
        font-size: 14px;
    }

    .pageContents.subpage .contentsBox .subpageTab li {
        font-size: 16px;
    }
}


/* 학술대회 시작 */
.awardBox{
    padding-top: 39px;
}

.subTabTitle{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 17px;
    line-height: 1.7em;
}

.affTab.viewPage .subTabTitle+.typeSelect select{
    top: 59%;
}

.tabTitle .infoText{
    font-size: 16px;
}

table.award{
    margin-bottom: 40px;
}

table.award col:first-child{
    width: 31%;
}

table.award col:nth-child(2){
    width: 28.8%;
}

table.award col:nth-child(3){
    width: 13.4%;
}

table.award col:nth-child(4){
    width: 15.6%;
}

.boardWrap .tableBox table.award th{
    height: 60px;
    vertical-align: middle;
    border-top: 2px solid #1a1a1a;
    background: #f6f7fb;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 16px;
    font-weight: 700;
}

.boardWrap .tableBox table.award tr:first-child th{
    border-top: 2px solid #1a1a1a;
    border-right: 0;
}

.boardWrap .tableBox table.award tr:first-child th:first-child{
    border-left: 0;
}

.boardWrap .tableBox table.award td {
    border: 1px solid #c1c1c1;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    padding: 18px 26px;
}

.tableBox table.award td:first-child {
    border-left: 0;
}

.tableBox table.award td:last-child {
    border-right: 0;
}

.tableBox table.award td.nameFest{
    font-weight: 700;
}

.tableBox table.award td.downLoad{
    font-size: 15px;
    font-weight: 700;
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under
}

.awardBoxHead {
    padding: 20px 0;
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    overflow: hidden;
}

.awardBoxHead .awardViewTitle{
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -0.03em;
    color: #222;
}

.awardBoxHead select {
    float: right;
    width: 352px;
    height: 54px;
    font-family: inherit;
    padding: 0 24px 0 22px;
    box-sizing: border-box;
    background: #fff url('../images/sub/filter_select.png') no-repeat 96% 50%;
    border: 1px solid #c8c8c8;
    color: #262626;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.awardViewBody .subpageTab{
    padding: 19px 0;
    border-bottom: 1px solid #c1c1c1;
}

.awardViewBody .subpageTab::after{
    content: '';
    display: block;
    clear: both;
}

.awardViewBody .subpageTab ul{
    float: left;
    width: 761px;
}

.pageContents.subpage .contentsBox .awardViewBody .subpageTab li{
    width: calc(100%/4);
    height: 54px;
    font-size: 16px;
    font-weight: 500;
    line-height: 54px;
    color: #666;
    border-left: 0;
}

.pageContents.subpage .contentsBox .awardViewBody .subpageTab li a{
    display: block;
}

.pageContents.subpage .contentsBox .awardViewBody .subpageTab li:first-child{
    border-left: 1px solid #c1c1c1;
}

.pageContents.subpage .contentsBox .awardViewBody .subpageTab li.on{
    font-weight: 700;
    color: #FFF;
    border: 1px solid #417ce6;
    background-color: #417ce6;
    z-index: 1;
}

.awardViewBody .subpageTab select{
    float: right;
    width: 352px;
    height: 54px;
    font-family: inherit;
    padding: 0 24px 0 22px;
    box-sizing: border-box;
    background: #fff url('../images/sub/filter_select.png') no-repeat 96% 50%;
    border: 1px solid #c8c8c8;
    color: #262626;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.awardViewBody .subpageTab select.hidden{
    display: none;
}

.awardBoxHead select:-ms-expand {
    display: none;
}

.awardViewContent{
    width: 100%;
    box-sizing: border-box;
}

.awardViewContent img{
    display: block;
    margin: 0 auto;
}

.btnRow{
    padding: 60px 0;
}

.btnEnroll{
    display: block;
    width: 180px;
    height: 56px;
    background-color: #417ce6;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 56px;
}

.btnRow .btnEnroll{
    margin: 0 auto;
}

.btnEnroll a{
    display: block;
}

.btnCancel {
    background-color: #e86049 !important;
}

.underLine{
    text-decoration: underline;
    text-underline-position: under;
}

.enrollBox{
    position: absolute;
    right: 0;
    bottom: 0;
}

.funFestival-RegistRow {
    text-align: center;
}

.funFestival-RegistRow button {
    display: inline-block;
}

.funFestival-RegistRow button.buttonFormRegist {
    width: 240px;
}

.boardWrap table.type05.festival col:first-child{
    width: 9.4%;
}

.boardWrap table.type05.festival col:nth-child(2){
    width: 20.4%;
}

.boardWrap table.type05.festival col:nth-child(3){
    width: 43.9%;
}

.boardWrap table.type05.festival col:nth-child(4){
    width: auto;
}

.boardWrap table.type05.festival col:last-child{
    width: 10.2%;
}

.boardWrap table.type05.festival td:nth-child(2){
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
}

.inputFormBox{
    width: 100%;
}

.inputTable{
    width: 100% !important;
    border-top: 2px solid #1a1a1a;
    max-width: none !important;
}

.inputTable col:first-child{
    width: 14.8%;
}

.inputTable th{
    height: 70px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    text-align: left;
    padding-top: 27px;
    /* min-width: 34px; */
    min-width: 34px;
    width: 5vw;
    word-break: keep-all;
}

.inputTable.signup th {
    padding-top: 0;
}

.inputTable th label{
    display: block;
}

.inputTable th label span{
    display: block;
    font-size: 14px;;
    line-height: 1.3em;
}

.inputTable td{
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    padding: 13px 0;
    padding-right: 22px;
    padding-left: 20px;
    vertical-align: middle;
    position: relative;
    word-break: keep-all;
}

.inputTable td p{
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.inputTable td>p:last-child{
    margin-bottom: 0;
}

.inputTable td select{
    width: 408px;
    height: 44px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../images/sub/filter_select_black.png') no-repeat 95% 50%;
    box-sizing: border-box;
}

.inputTable td input[type=email],
.inputTable td input[type=tel],
.inputTable td input[type=text],
.inputTable td input[type=password],
.inputTable td input[type=number],
.inputTable td select{
    display: block;
    width: 100%;
    max-width: 408px;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
}

.inputTable td input[type=text]:focus{
    outline: none;
    border: 1px solid #558beb;
    box-shadow: 1px 1px 10px rgba(85,139,235,0.6);
}

.inputTable td input{
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

.inputTable td input::placeholder{
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.inputTable tr:last-child td input{
    font-weight: 700;
    color:  #417ce6;
    z-index: 1;
}

.mobile.inputTable.payBoard {
    width: 96vw;
}

.mobile.inputTable.payBoard th{
    background-color: #f6f7fb;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    box-sizing: border-box;
    text-align: left;
    padding: 25px 10px;
    min-width: 34px;
}

.mobile.inputTable.payBoard td{
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    padding-left: 20px;
    vertical-align: middle;
    position: relative;
    word-break: keep-all;
    padding-left:10px;
    border-bottom: 1px solid #DDD;
}

.mobile.inputTable.payBoard{
    border-top:2px solid #1a1a1a
}


.mobile.inputTable.payBoard .checkboxWrap{
    justify-content: flex-start;
}

.mobile.inputTable.payBoard td select{
    width: 408px;
    height: 44px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../images/sub/filter_select_black.png') no-repeat 95% 50%;
    box-sizing: border-box;
}

.mobile.inputTable.payBoard td input[type=email],
.mobile.inputTable.payBoard td input[type=tel],
.mobile.inputTable.payBoard td input[type=text],
.mobile.inputTable.payBoard td input[type=password],
.mobile.inputTable.payBoard td input[type=number],
.mobile.inputTable.payBoard td select{
    display: block;
    width: 100%;
    max-width: 408px;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
}

.mobile.inputTable.payBoard td input[type=text]:focus{
    outline: none;
    border: 1px solid #558beb;
    box-shadow: 1px 1px 10px rgba(85,139,235,0.6);
}

.mobile.inputTable.payBoard td input{
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

.mobile.inputTable.payBoard td input::placeholder{
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.mobile.inputTable.payBoard tr:last-child td input{
    font-weight: 700;
    color:  #417ce6;
    z-index: 1;
}

.placeholderForUrlYoutube{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px;
    font-size: 16px;
    font-weight: 100;
    color: #999;
}

.inputTable.funFestival input[type=text]{
    max-width: 100%;
}

.btnRow.twoBtn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 374px;
    margin: 0 auto;
}

.btnGoList{
    width: 180px;
    height: 56px;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 56px;
    border: 1px solid #c1c1c1;
    background-color: transparent;
    box-sizing: border-box;
}

.btnGoList a{
    display: block;
}

.btnRow.twoBtn .btnEnroll{
    margin: 0;
}

.btnModify{
    display: block;
    width: 180px;
    height: 56px;
    background-color: #417ce6;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 56px;
}

.tabContentsHead .typeTitle{
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    padding-bottom: 20px;
    border-bottom: 2px solid #1a1a1a;
    margin-bottom: 20px;
}

.tabContentsBody {
    padding: 50px 30px;
    font-size: 16px;
    letter-spacing: 0;
    font-family: 'roboto', 'Noto Sans KR', sans-serif;
    line-height: initial;
}

.tabContentsBody img {
    max-width: 1220px;
    width: 80vw;
    margin: 0;
}

.subpageTab.awardRes ul{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1280px;
}

.pageContents.subpage .contentsBox .subpageTab.awardRes li{
    width: fit-content;
    box-sizing: border-box;
    border-right: 0;
}

.pageContents.subpage .contentsBox .subpageTab.awardRes li a{
    padding: 0 33px;
    box-sizing: border-box;
}

.pageContents.subpage .contentsBox .subpageTab.awardRes li.on{
    color: #1a1a1a;
    font-weight: 700;
    border: 1px solid #417ce6!important;
    box-shadow: 5px 0 10px rgba(85,139,235,0.3);
    z-index: 1;
}

.pageContents.subpage .contentsBox .subpageTab.awardRes li:last-child{
    border-right: 1px solid #c1c1c1;
}

.pageContents.subpage .contentsBox .subpageTab.awardRes li.on:last-child a{
    padding: 0 34px;
}

.awardRes .typeCheck li{
    width: 242px;
}

.awardBox .subpageTable:last-child{
    margin-bottom: 0;
}

.awardTypeHead{
    padding-top: 28px;
}

.awardTypeHead{
    margin-bottom: 28px;
}

.typeText{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
}

.typeText .refundPopup{
    font-size: 14px;
    font-weight: 700;
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
    margin-left: 16px;
}


table.awardRes col:first-child{
    width: 35.7%;
}

table.awardRes col:nth-child(2){
    width: 21.2%;
}

table.awardRes col:nth-child(3){
    width: 14.7%;
}

table.awardRes col:nth-child(4){
    width: 14%;
}

.eventInfo{
    width: 100%;
    border-top: 3px solid #558beb;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 52px 63px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.eventInfo>ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.titleSection{
    width: 31.3%;
}

.titleSection h4{
    font-size: 26px;
    font-weight: 700;
    color: #427ce7;
}

.titleSection p{
    font-size: 18px;
    font-weight: 400;
    color: #999;
    margin-top: 16px;
}

.detailSection{
    width: 28.1%;
}

.detailSection ul li{
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 11px;
    box-sizing: border-box;
    margin-bottom: 22px;
}

.detailSection ul li:last-child{
    margin-bottom: 0;
}

.detailSection ul li .itemTitle h5{
    position: relative;
}

.detailSection ul li .itemTitle h5::before{
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #558beb;
    border-radius: 50%;
}

.itemTitle{
    width: 120px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.itemContent{
    font-size: 17px;
    font-weight: 400;
    color: #777;
}

.tdWrap .tdAboveBox{
    padding-top: 16px;
    padding-bottom: 17px;
    border-bottom: 1px solid #DDD;
}

.tdWrap .tdHead{
    margin-bottom: 14px;
}

.tdWrap .tdHead h4{
    font-size: 15px;
    font-weight: 400;
    color: #222;
    margin-bottom: 10px;
}

.tdWrap .tdHead li{
    font-size: 14px;
    font-weight: 100;
    color: #666;
    margin-bottom: 8px;
}

.tdWrap .tdHead p{
    font-size: 14px;
    font-weight: 100;
    color: #666;
}

.tdWrap .tdHead li:last-child{
    margin-bottom: 0;
}

.inputTableBox textarea{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
    width: 100%;
    height: 108px;
    padding: 12px 14px;
    box-sizing: border-box;
}

.inputTableBox textarea::placeholder{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-airframe .note-statusbar .note-resizebar{
    display: none;
}

.tdBody>p{
    margin-bottom: 10px;
}

.tdBody p:last-child{
    margin-bottom: 0;
}

.tdBody>p .blueText{
    font-weight: 400;
}

.tdBody.coAuthor{
    display: flex;
    justify-content: left;
    align-items: center;
}

.coAuthor .textAreaBox{
    width: 85.3%;
    /* width: 78%; */
}

@media screen and (max-width:950px) {
    .coAuthor .textAreaBox{
        /* width: 85.3%; */
        width: 75%;
    }   
}

.textAreaBtnBox{
    padding-left: 9px;
    box-sizing: border-box;
}

.textAreaBtnBox button{
    display: block;
    border: 0;
    background: none;
}

.upDownBtn{
    margin-bottom: 23px;
}

.upDownBtn .upBtn,
.upDownBtn .downBtn{
    display: block;
    width: 28px;
    height: 22px;
    border: 1px solid #BBB;
}

.upDownBtn .upBtn{
    background: url(../images/sub/press_on.png) no-repeat;
    background-position: 51% 50%;
    background-size: 50%;
}

.upDownBtn .downBtn{
    border-top: none;
    background: url(../images/sub/press_off.png) no-repeat;
    background-position: 51% 50%;;
    background-size: 50%;
}

.modiDeletBtn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modiDeletBtn button{
    width: 60px;
    height: 42px;
    border: 1px solid #bbb;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    box-sizing: border-box;
}

.modiDeletBtn button.deletBtn{
    margin-left: 6px;
}

.tdBelowBox{
    padding-top: 25px;
}

.detailCoAuthor li{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 21px;
}

.detailCoAuthor li:last-child{
    margin-bottom: 0;
}

.detailCoAuthor li label{
    width: 60px;
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    flex-shrink: 0;
}

input[type=checkbox],
input[type=radio]{
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/sub/check_off.png) no-repeat;
    background-size: contain;
}

input[type=checkbox]:checked,
input[type=radio]:checked{
    background: url(../images/sub/check.png) no-repeat;
    background-size: contain;;
}

.typeChkBox{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-right: 19px;
}


.detailCoAuthor li.typeAuthor label{
    width: fit-content;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 18px;

}

.detailCoAuthor li input[type=text]{
   width: 504px;
}

.detailCoAuthor li .searchInputBox{
    width: 504px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 4px;
    overflow: hidden;
}

.detailCoAuthor li .searchInputBox input{
    width: 100%;
    height: 44px;
    padding: 0 15px 0 10px;
}

.detailCoAuthor li .searchInputBox .searchBtn{
    display: block;
    width: fit-content;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 0 20px;
    border-left: 1px solid #CCC;
    background-color: #efefef;
    flex-shrink: 0;
}

.insertAuthor{
    width: 120px;
    height: 50px;
    border: 1px solid #BBB;
    box-sizing: border-box;
    margin-left: 28px;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.plusIcon{
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/sub/plus_icon.png) no-repeat;
    background-size: contain;
    margin-right: 6px;
}

.uploadWrap{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 14px;
}

.uploadBox{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 500px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 4px;
    overflow: hidden;
    background-color: #efefef;
}

.inputTable td .uploadBox input[type=text]{
    border: 0;
}

.uploadBox input[type=file]{
    display: none;
}

.inputTable td .uploadBox label{
    min-width: unset;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    line-height: 44px;
    color: #222;
    padding: 0 20px;
    border-left: 1px solid #CCC;;
    text-align: center;
    flex-shrink: 0;
}

.btnUpload{
    display: block;
    width: 101px;
    height: 44px;
    font-size: 16px;
    color: #417ce6;
    border: 1px solid #417ce6;
    border-radius: 3px;
    background-color: #f3f7ff;
    margin-left: 10px;
}

.checkboxWrap{
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 1.3;
}

.checkboxWrap label{
    margin-right: 14px;
}

.abstract-option-description span.formDownload {
    margin: 0 10px;
    color: #417ce6;
    text-decoration: underline;
}

/* 등록 접수 확인 및 수정 시작 */
.tabInTab{
    border-top: 2px solid #1a1a1a;
    padding: 20px 0;
}

.tabInTab ul{
    width: 483px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.tabInTab ul li{
    width: 50%;
    line-height: 54px;
    background: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    border: 1px solid #dadada;
    box-sizing: border-box;
}

.tabInTab ul li.on{
    font-weight: 500;
    color: #FFF;
    border: 1px solid #417ce6;
    background-color: #417ce6;
    z-index: 1;
}

.btnDelete{
    display: block;
    width: 101px;
    height: 44px;
    border: 1px solid #cecece;
    border-radius: 3px;
    background-color: #FFF;
}

.uploadBox.selectedFile{
    display: none;
}

.selectedFileName{
    font-size: 16px;
    font-weight: 400;
    color: #222;
    text-decoration: underline;
    text-underline-position: under;
    margin-left: 14px;
}

.btnRow.multiBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
}

.btnCancel{
    display: block;
    width: 180px;
    height: 56px;
    background-color: #062b5f;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 56px;
}

.btnRow.multiBtn button{
    margin: 0;
    margin-left: 14px;
}

.btnRow.multiBtn button:first-child{
    margin-left: 0;
}

.typeText .redText{
    color: #db2853;
}

.typeText2{
    font-size: 14px;
    font-weight: 400;
    color: #777;
    margin-top: 10px;
}

.tableWrap .awardResChk col:first-child{
    width: 17.9%
}

.tableWrap .awardResChk col:nth-child(2){
    width: 17.2%
}
.tableWrap .awardResChk col:nth-child(3){
    width: 15.5%
}

.tableWrap .awardResChk col:nth-child(4){
    width: 23.2%
}

.tableWrap .awardResChk col:nth-child(5){
    width: 12.5%
}

.tableWrap .awardResChk td{
    padding: 16px 33px;
}

.tableWrap .awardResChk td:nth-child(2){
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
}

.tableWrap .awardResChk td.cancel{
    color: #db2853;
}

.subpageTable.awardResChk{
    margin-bottom: 0;
}

div.conference-notification {
    text-align: center;
    padding: 80px 0;
    font-size: 1.2rem;
    color: #888;
}

/* 등록 접수 확인 및 수정 끝 */
/* 튜토리얼 시작 */
.btnGoUrl{
    display: block;
    width: 220px;
    height: 56px;
    border: 1px solid #417ce6;
    font-size: 18px;
    font-weight: 700;
    color: #417ce6;;
    line-height: 56px;
    background-color: #FFF;
    margin: 0 auto;
}

/* 튜토리얼 끝 */

@media all and (max-width:1280px){
    .awardViewBody .subpageTab ul{
        float: left;
        width: 50%;
    }

    .pageContents.subpage .contentsBox .awardViewBody .subpageTab li:last-child{
        line-height: 1;
        padding-top: 9px;
    }

    .awardViewContent{
        padding: 0 10%;
    }

    .awardViewContent img{
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .subpageTab.awardRes ul{
        display: flex;
        justify-content: unset;
        align-items: center;
        width: 100%;
    }

    .pageContents.subpage .contentsBox .subpageTab.awardRes li{

    }
	
	

}

@media all and (max-width:1012px){
    .boardWrap .tableBox table.award td {
        padding: 18px 18px;
    }

    .enrollBox{
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .enrollBox button{
        float: right;
    }

    .titleSection{
        width: 100%;
        flex-shrink: 0;
        margin-bottom: 20px;
    }

    .detailSection{
        width: 50%;
    }

    .subpageTable .tableWrap table.awardResChk td{
        padding: 16px 10px;
    }
}

/* @media all and (max-width:840px){ */
@media all and (max-width: 970px) {
    .detailCoAuthor li input[type=text]{
        width: 100%;
     }

     .detailCoAuthor li .searchInputBox{
         width: 100%;
     }

     .uploadBox{
         width: 100%;
     }

     .insertAuthor{
         margin-left: 14px;
     }
}

/* @media all and (max-width:768px){ */
@media all and (max-width:970px){
    .detailSection ul li .itemTitle{
        width: 100px;
        font-size: 14px;
    }

    .itemContent{
        font-size: 14px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .boardWrap .tableBox table.award th{
        font-size: 14px;
    }

    .boardWrap .tableBox table.award td {
        padding: 10px 10px;
        font-size: 14px;
    }

    .awardViewBody .subpageTab ul{
        float: left;
        width: 100%;
    }

    .pageContents.subpage .contentsBox .awardViewBody .subpageTab li:last-child{
        line-height: 54px;
        padding-top: 0
    }

    .awardViewBody .subpageTab select{
        margin-top: 10px;
    }

    .awardViewContent{
        padding: 0;
    }	

    .awardViewContent a{
        display: block;
        overflow-x: scroll;
    }

    .btnRow{
        padding: 30px 0;
    }

    .awardBox .subTabTitle{
        font-size: 14px;
        line-height: 1.3em;
    }

    .inputTable col:first-child{
        width: 18%;
    }

    .inputTable th label,
    .inputTable th{
        font-size: 14px;
    }

    .inputTable td select{
        width: 100%;
        font-size: 14px;
    }

    .inputTable td input{
        font-size: 14px;
    }

    .inputTable td input::placeholder{
        font-size: 14px;
    }

    .inputTable td textarea{
        /* width: 100% */
        width: 75vw
    };

    .detailSection{
        width: 100%;
        flex-shrink: 0;
    }

    .detailSection.desec1{
        margin-bottom: 22px;
    }

    .detailCoAuthor li .searchInputBox .searchBtn{
        font-size: 13px;
        padding: 0 10px;
    }

    .insertAuthor{
        width: fit-content;
        font-size: 13px;
        padding: 0 10px;
    }

    .inputTable td .uploadBox label{
        font-size: 13px;
        padding: 0 12px;
    }

    .uploadWrap{
        flex-wrap: wrap;
    }

    .btnUpload{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .subpageTable .tableWrap table.awardResChk,
    .subpageTable .tableWrap table.awardRes{
        width: 100%;
    }

    .typeText .redText{
        display: block;
        margin-top: 5px;
    }

    .subpageTable .tableWrap table.awardResChk th,
    .subpageTable .tableWrap table.awardResChk td{
        font-size: 14px;
    }

    .subpageTable .tableWrap table.awardResChk td{
        padding: 16px 3px;
        word-break: break-all;
    }

    .eventInfo{
        margin-bottom: 20px;
    }

    .pageContents.subpage .contentsBox .subpageTab{
        margin-bottom: 20px;
    }
	
	

}

@media all and (max-width:550px){
    .pageContents.subpage .contentsBox .subpageTab.awardRes li{
        width: fit-content;
        box-sizing: border-box;
        border-right: 0;
        padding: 0 20px;
    }
    .btnUpload{
        font-size: 13px;
    }

    .inputTable col:first-child{
        width: 17%;
    }

    .tabInTab ul{
        width: 100%;
    }

    .tabInTab ul li{
        font-size: 14px;
    }

    .awardRes .tabContentsHead .typeCheck li{
        width: 50%;
    }

    .awardTypeHead{
        padding-top: 10px;
    }
    .detailCoAuthor li.typeAuthor label{
        width: fit-content;
        font-size: 14px;
        font-weight: 500;
        color: #222;
        line-height: 18px;

    }
    .tabTitle .infoText{
        font-size: 14px;
    }
    .inputTable td{
        border-bottom: 1px solid #DDD;
        box-sizing: border-box;
        padding: 13px 0;
        padding-right: 0px;
        vertical-align: middle;
        position: relative;
    }

	

}

@media all and (max-width:480px){

    .boardWrap .tableBox table.award th{
        font-size: 12px;
    }

    .boardWrap .tableBox table.award td {
        padding: 5px 5px;
        font-size: 12px;
    }

    .awardBoxHead .awardViewTitle{
        font-size: 18px;
    }

    .pageContents.subpage .contentsBox .awardViewBody .subpageTab li{
        font-size: 14px;
    }

    .pageContents.subpage .contentsBox .awardViewBody .subpageTab li:last-child{
        width: fit-content;
    box-sizing: border-box;
    border-right: 0;
    padding: 0 20px;
}

    .awardBoxHead select,
    .awardViewBody .subpageTab select{
        width: 100%;
    }

    .inputFormBox .btnRow{
        padding-bottom: 0;
    }

    .btnRow.twoBtn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .btnGoList{
        width: 48%;
        font-size: 18px;
    }

    .btnRow.twoBtn .btnEnroll{
        width: 48%;
        margin: 0;
    }

    .eventInfo{
        padding: 30px 30px;
    }

    .titleSection h4{
        font-size: 20px;
    }

    .titleSection p{
        font-size: 14px;
        margin-top: 16px;
    }

    .detailSection ul li{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 11px;
        box-sizing: border-box;
        margin-bottom: 12px;
    }

    .detailSection.desec1{
        margin-bottom: 12px;
    }

    .eventInfo>ul{
        flex-direction: column;
    }

    .eventInfo>ul>li{
        width: 100%;
    }

    .itemTitle{
        width: 40%;
        font-size: 14px;
    }

    .detailSection ul li .itemTitle h5::before{
        left: -10px;
    }

    .itemContent{
        width: 60%;
        font-size: 15px;
    }

    .inputTable th label span,
    .inputTable th label,
    .inputTable th{
        font-size: 14px;
        /* width: 104px; */
        margin-right: 8px;
    }

    .detailCoAuthor li.typeAuthor{
        flex-direction: column;
        align-items: flex-start;
    }

    .detailCoAuthor li .searchInputBox{
        width: 82%;
    }

    .detailCoAuthor li label{
        width: 40px;
    }

    .insertAuthor{
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .searchContury{
        flex-wrap: wrap;
    }

    .modiDeletBtn button{
        width: fit-content;
        height: 42px;
        border: 1px solid #bbb;
        font-size: 12px;
        font-weight: 500;
        color: #666;
        padding: 0 5px;
        box-sizing: border-box;
    }

    table.awardRes col:first-child{
        width: 32%;
    }
    table.awardRes col:nth-child(3){
        width: 16%;
    }
    table.awardRes col:nth-child(4){
        width: 16%;
    }

    .subpageTable .tableWrap table.awardResChk th,
    .subpageTable .tableWrap table.awardResChk td,
    .subpageTable .tableWrap table.awardRes th,
    .subpageTable .tableWrap table.awardRes td{
        font-size: 10px;
    }

	



}
/* 학술대회 끝 */


/* 팝업 시작 */
.popupWrap{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    overflow-y: scroll;
    display: none;
}

.popupWrapInclude{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    overflow-y: scroll;
    display: none;
}

.popupBox{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0, 0.3);
    overflow: hidden;
    display: none;
}

.popupBox.submitComp{
    top: 250px;
    width: 500px;
}

.popupBox.submitComp .popContent{
    padding: 68px 45px;
    box-sizing: border-box;
}

.popupBox .mainTxt{
    font-size: 20px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 36px;
}

.popupBox .subTxt{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #424242;
    text-align: center;
    margin-bottom: 36px;
}

.subTxt2{
    font-size: 16px;
    font-weight: 400;
    color: #417ce6;
    line-height: 1.4em;
    text-align: center;
}

.popBtnBox{
    width: 100%;
}

.okBtn{
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #558beb;
}

/* 초록제출확인사항 팝업 시작 */
.popupBox.chkList{
    width: 944px;
    border-radius: 0;
    margin: 60px 0;
}

.popupBox.chkList .popBody{
    padding: 34px 20px;
}

.checkListBox ul li{
    padding: 0 10px;
    margin-bottom: 30px;
}

.checkListBox ul li:last-child{
    margin-bottom: 0;
}

.checkListBox ul li h4{
    position: relative;
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.checkListBox ul li h4::before{
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background-color: #1a1a1a;
}

.checkListBox ul li h5{
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin-bottom: 8px;
}

.checkListBox ul li p{
    font-size: 15px;
    font-weight: 400;
    color: #424242;
    line-height: 1.3em;
    letter-spacing: -0.025px;
}

.checkListBox ul li p .blueText{
    font-weight: 400;
}

/* 초록제출확인사항 팝업 끝 */


/* 미리보기 팝업 시작 */
.popupBox.previewRes{
    width: 994px;
    border-radius: 0;
    margin: 60px 0;
}

.popHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #DDD;
    padding: 27px 32px;
    box-sizing: border-box;
}

.popHead h2{
     font-size: 24px;
     font-weight: 500;
     color: #1a1a1a;
     box-sizing: border-box;
}

.closePop{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/sub/icon_close_black.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}

.popBody{
    padding: 34px 32px;
}

.popTitle{
    padding-bottom: 20px;
    border-bottom: 1px solid #1a1a1a;
}

.popTitle h3{
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.previewTable col:first-child{
    width: 21.7%;
}

.previewTable th{
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 1.3em;
    text-align: left;
    padding: 27px 0;
    padding-left: 18px;
    border-bottom: 1px solid #DDD;

}

.previewTable td{
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1.3em;
    padding: 27px 0;
    padding-left: 18px;
    border-bottom: 1px solid #DDD;
}

.previewPaper{
    padding-top: 32px;
}

.prevBox{
    border: 10px solid #e4ebf8;
    padding: 35px 41px;
    box-sizing: border-box;
}

.prevBox h3{
    font-size: 26px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin-bottom: 42px;
}

.prevBox p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 2em;
}

.nameAuthor,.belongAuthor{
    text-align: center;
}

.prevBox p.emailAuthor{
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
    text-align: center;
}

.textPaper{
    margin-top: 33px;
    margin-bottom: 39px;
}

.okBtnSmall{
    display: block;
    width: 120px;
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #417ce6;
    margin: 0 auto;
    margin-top: 36px;
}
/* 미리보기 팝업 끝 */


/* 초록제출수정완료 시작 */
.popupBox.small{
    width: 400px;
    top: 30vh;
}

.popupBox.small .popContent{
    padding: 71px 0;
}

.popupBox.small .subTxt{
    margin-bottom: 0;
}

.popBtnBox.twoBtn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popBtnBox.twoBtn button{
    width: 50%;
}

.noBtn{
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #999b;
}

/* 초록제출수정완료 끝 */
/* 등록비 환불 안내 팝업 시작 */
.popupBox.refund{
    width: 944px;
    border-radius: 0;
    top: 20vh;
}

.refundInfo li{
    position: relative;
    margin-bottom: 24px;
}

.refundInfo li:last-child{
    margin-bottom: 0;
}

.refundInfo li::before{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #424242;
    left:0;
    top:10px;
    transform: translateY(-50%);
}

.refundInfo li p{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 1.3em;
    padding-left: 9px;
}

.refundInfo li p a{
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
}

.popupBox.refund .okBtnSmall{
    margin: 48px auto 14px;
}


.symposium-summersp-event-table {
	border: 1px solid #ccc;
}

.symposium-summersp-event-table tr:hover {
    background: #fafafa;
}

.symposium-summersp-event-table tr th {
	background: #f7f7f7;
    height: 50px;
}

.symposium-summersp-event-table tr th,
.symposium-summersp-event-table tr td {
	border: 1px solid #ccc;
	padding: 10px 10px !important;
	text-align: center;
	vertical-align: middle;
}

.symposium-summersp-event-table tr th input[type=text] {
	text-align: center;
}

.symposium-summersp-event-table tr td input[type=radio] {
	display: inline-block;
    margin: 0;
}

.symposium-summersp-event-table tr td input[type=text] {
    width: calc(100% - 32px);
    border-color: #ccc;
    color: #000 !important;
    font-weight: 400 !important;
	text-align: center;
    box-sizing: initial;
    margin: 0;
}

#symposium-summersp-event-table-row-config {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#symposium-summersp-event-table-row-config #row-add {
    color: #358d24;
    font-size: 24px !important;
    position: relative;
    top: 4px;
    left: 10px;
    cursor: pointer;
}

#symposium-summersp-event-table-row-config #row-add:active {
    top: 5px;
    left: 11px;
}

#symposium-summersp-event-table-row-config #row-del {
    color: #ddd;
    font-size: 24px !important;
    position: relative;
    top: 4px;
    left: 12px;
    cursor: pointer;
}

#symposium-summersp-event-table-row-config #row-del:active {
    top: 5px;
    left: 13px;
}


/* 등록비 환불 안내 팝업 끝 */

/* 사전등록완료 안내 팝업 시작 */
.popupBox.comRes{
    width: 500px;
    top: 30vh;
}

.popupBox.comRes .popContent{
    padding-top: 68px;
    padding-bottom: 65px;
}

.popupBox.comRes .popContent .subTxt{
    margin-bottom: 0;
}
/* 사전등록완료 안내 팝업 끝 */

/* 사전등록완료 안내 팝업3 시작 */
.subTxt3{
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    text-align: center;
}

.subTxt3 a{
    color: #417ce6;
    font-weight: 400;
}

/* 최근논문 인용 안내 팝업 끝 */
.popupBox.quoteInfo{
    top: 8vh;
    width: 944px;
    box-sizing: border-box;
    border-radius: 0;
}

.popBody.nopad{
    padding: 0;
}

.innerHead{
    padding-right: 160px;
}

.innerHead h3{
    font-size: 20px;
    font-weight: 700;
    color: #222;
    line-height: 1.5em;
    padding: 39px 32px;
}

.innerBody{
    padding: 39px 32px;
    background-color: #f6f7fb;
}

.innerBody h4{
    font-size: 17px;
    font-weight: 500;
    color: #222;
    margin-bottom: 28px;
}

.innerBody p{
    font-size: 15px;
    font-weight: 400;
    color: #424242;
    line-height: 1.5em;
}

.innerBody .blueText{
    font-weight: 400;
}

.innerBody p.quoteSign{
    font-size: 17px;
    font-weight: 500;
    color: #222;
}

.popupBox.quoteInfo .popBtnBox{
    padding-bottom: 53px;
    box-sizing: border-box;
}
/* 최근 논문 인용 안내 끝 */

/* 사전등록완료 안내 팝업3 끝 */
@media all and (max-width:944px){
    .popupBox.quoteInfo,
    .popupBox.refund,
    .popupBox.previewRes,
    .popupBox.chkList{
        width: 98%;
    }
}

@media all and (max-width:768px){
    .popupBox.quoteInfo,
    .popupBox.comRes,
    .popupBox.refund
    .popupBox.submitComp,
    .popupBox.chkList,
    .popupBox.small{
        width: 80%;
    }

    .popBody{
        padding: 20px 20px;
    }

    .previewTable col:first-child{
        width: 18%;
    }

    .previewTable th{
        font-size: 12px;
        padding: 15px 0;
        padding: 20px 0;
    }

    .previewTable td{
        font-size: 12px;
        padding: 20px 0;
        padding-left: 5px;
        box-sizing: border-box;
    }

    .prevBox{
        padding: 20px 10px;
    }

    .prevBox h3{
        font-size: 20px;
        margin-bottom: 22px;
    }

    .prevBox p{
        font-size: 14px;
        line-height: 1.4em;
    }
}

@media all and (max-width:480px){
    .popupBox.comRes,
    .popupBox.chkList,
    .popupBox.refund,
    .popupBox.small,
    .popupBox.submitComp{
        width: 90%;
    }

    .popupBox.submitComp .popContent{
        padding: 40px 20px;
    }
    .popHead{
        padding: 27px 20px;
    }
    .popHead h2{
        font-size: 18px;
    }
    .popupBox .mainTxt{
        font-size: 16px;
        margin-bottom: 20px;
    }

    .popupBox .subTxt{
        font-size: 14px;
        margin-bottom: 20px;
    }

    .subTxt2{
        font-size: 14px;
    }

    .innerHead h3 {
        font-size: 16px;
        line-height: 1.3em;
    }

}

/* 팝업 끝 */
/* 통합검색 시작 */
.totalSchWrap{
    margin-top: 33px;
}

.totalSchBox{
    width: 664px;
    height: 50px;
    border: 2px solid #558beb;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    background: #FFF;
}

.totalSchBox .searchInput{
    font-weight: 400;
    color: #417ce6;
    width: 85%;
}

.totalSchWrap .searchBtn{
    font-size: 0;
    margin: 34px 0;
    padding: 0 27px;;
    width: 30px;
    height: 30px;
    background: url('../images/main/icon_search_big.png') no-repeat;
    box-sizing: border-box;
}

.schResultHead{
    padding-bottom: 20px;
}

.resultText{
    font-size: 17px;
    font-weight: 400;
    color: #777;
}

.schWord{
    font-weight: 700;
    color: #1a1a1a;
}

.schCount{
    color: #558beb;
}

.schResultBox{
    border-top: 2px solid #1a1a1a;
}

.schResultBox ul li{
    border-bottom: 1px solid #c1c1c1;
    padding: 27px 40px;
    padding-right: 240px;
    box-sizing: border-box;
}

.locaResult{
    margin-bottom: 15px;
}

.locaResult p{
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.lastLoca{
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: underline;
    text-underline-position: under;
}

.dateResult{
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin-left: 15px;
}

.summaryResult{
    margin-bottom: 15px;
}

.summaryResult p{
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 1.5em;
}

.urlResult a{
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #558beb;
}

.schResultBox .boardPage{
    margin-top: 39px;
}

@media all and (max-width:1280px){
    .pageContents.subpage.totalSearch .subpageTitle .textWrap{
        padding-bottom: 18px;
    }

    .totalSchWrap{
        margin-top: 0;
        padding-bottom: 18px;
    }

    .schResultBox ul li{
        padding: 27px 4px;
        padding-right: 4px;
    }
}

@media all and (max-width:768px){
    .totalSchBox{
        width: 90%;
    }

    .locaResult p{
        line-height: 1.5em;
    }
}

@media all and (max-width:480px){
    .dateResult{
        display: block;
        margin-left: 0;
        margin-top: 10px;
        text-align: right;
    }
}

/* 통합검색 끝 */

/* 참가비결제 시작 */
.pageContents.subpage.payment .subpageTitle{
    height: 470px;
    box-sizing: border-box;
}

.paymentBox{
    position: relative;
}

.textWrap p{
    font-size: 18px;
    font-weight: 400;
    margin: 25px 0 30px 0;
    color: rgba(255, 255, 255, 0.7);
}

.payMethodDirectExt p.subDesc {
    font-size: 14px;
    line-height: 80%;
}


.pageContents.payment .totalSchWrap{
    margin-top: 21px;
}

.totalSchBox select{
    display: block;
    width: 100%;
    height: 54px;
    background: #fff url(../images/sub/filter_select_blue.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid #c8c8c8;
    border-radius: 60px;
    padding: 0 30px;
    font-size: 20px;
    color: #417ce6;
}

select:focus {
    outline:none
}

.paymentBox{
    padding-top: 320px;
}

.payInfoBox{
    position: absolute;
    left: 50%;
    top: -246px;
    transform: translateX(-50%);
    width: 1280px;
    height: 500px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    box-sizing: border-box;
    background-color: #FFF;
    border-top: 3px solid #558beb;
}

.payInfoBox .aboveBox{
    padding-top: 66px;
    padding-bottom: 48px;
}

.payInfoBox .condition{
    font-size: 20px;
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
}

.payInfoBox h3{
    position: relative;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2px;
    color: #1a1a1a;
    text-align: center;
    margin-top: 17px;
    line-height: 40px;
}

.payInfoBox h3::after{
    content: '';
    display: block;
    position: relative;
    width: 40px;
    height: 2px;
    background-color: #222;
    margin: 0 auto;
    margin-top: 31px;
}

.payInfoText1{
    font-size: 18px;
    font-weight: 400;
    color: #777;
    text-align: center;
    margin-top: 30px;
}

.payInfoText2{
    font-size: 20px;
    font-weight: 400;
    color: #424242;
    line-height: 32px;
    text-align: center;
    margin-top: 28px;
}

.payInfoBox p>a{
    color: #427ce7;
    text-decoration: underline;
    text-underline-position: under;
}

.payInfoText2>a{
    font-weight: 500;
}

.payInfoBox .belowBox{
    background-color: #fafbfd;
    padding-top: 43px;
    padding-bottom: 47px;
    padding-left: 220px; /* 128px */
}

.belowBox li{
    margin-bottom: 16px;
}

.belowBox li:last-child{
    margin-bottom: 0;
}

.belowBox p{
    font-size: 16px;
    font-weight: 400;
    color: #888;
    text-align: left;
}

.noContentsBox{
    width: 100%;
    height: 200px;
}

.noContentsBox p{
    font-size: 18px;
    font-weight: 400;
    color: #999;
    line-height: 30px;
    text-align: center;
}

.titleBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 29px;
}

.selectTitle{
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

.periodResit{
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.inputTable.payment td input[type=text]{
    max-width: 508px;
}

.inputTable.payment td input[type=date]{
    display: block;
    width: 100%;
    max-width: 508px;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
}

.fileBox{
    margin-top: 16px;
}

.fileBox.hidden{
    display: none;
}

.fileBox>p{
    font-size: 14px;
    font-weight: 100;
    color: #666;
    margin-top: 14px;
}

.fileBox>p>a{
    font-weight: 500;
    color: #558beb;
    text-decoration: underline;
    text-underline-position: under;
}

.date_empty:before {
    content: attr(data-placeholder);
    width: calc(100% - 10px);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

textarea{
    border: 1px solid #ccc;
    border-radius: 4px;
}

.otherCase{
    border-bottom: 1px solid #c1c1c1;
}

.otherCase h3{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    padding: 26px 0;
    padding-left: 17px;
}

.otherCase h3::before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/sub/ic_notice.png) no-repeat;
    background-size: contain;
    margin-right: 8px;
}

.caseList{
    background-color: #f8f8f8;
    padding: 41px 42px;
}

.caseList>ul>li{
    margin-bottom: 20px;
}

.caseList>ul>li:last-child{
    margin-bottom: 0;
}

.caseList>ul>li>p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
}

.caseList>ul>li>ul{
    margin-top: 20px;
}

.caseList>ul>li>ul>li{
    font-size: 16px;
    font-weight: 400;
    color: #777;
    padding-left: 14px;
    margin-bottom: 15px;
}

.caseList>ul>li>ul>li:last-child{
    margin-bottom: 0;
}

.inputTableBox .btnRow{
    padding-bottom: 0;
}

.inputTable.payment.mem td>p{
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

.inputTable.payment.mem td>p.dateFest{
    color: #558beb;
}




@media all and (max-width:1280px){
    .pageContents.subpage.payment .subpageTitle{
        height: unset;
    }

    .pageContents.subpage.payment .subpageTitle .textWrap{
        padding-bottom: 0;
    }

    .paymentBox{
        padding-top: 0;
    }

    .payInfoBox{
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
        width: 100%;
        height: auto;
        margin-bottom: 40px;
    }

    .payInfoBox .aboveBox{
        padding: 0 20px;
        padding-top: 66px;
        padding-bottom: 48px;
    }

    .payInfoBox .belowBox{
        padding: 0 20px;
        padding-top: 49px;
        padding-bottom: 41px;
    }

    .payInfoBox .belowBox p{
        line-height: 1.3em;
    }
}

@media all and (max-width:768px){
    .payInfoBox .aboveBox{
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .payInfoBox .condition{
        font-size: 16px;
        margin-top: 10px;
    }

    .payInfoBox h3{
        font-size: 24px;
        margin-top: 14px;
    }

    .payInfoBox h3::after{
        margin-top: 20px;
    }

    .payInfoText1{
        font-size: 14px;
        margin-top: 18px;
    }

    .payInfoText2{
        font-size: 16px;
        margin-top: 26px;
    }

    .payInfoBox .belowBox{
        background-color: #fafbfd;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .belowBox p{
        font-size: 14px;
    }

    .titleBox{
        flex-direction: column;
        align-items: flex-start;
    }

    .periodResit{
        margin-top: 10px;
    }

    .inputTable.payment .checkboxWrap{
        flex-direction: column;
        align-items: flex-start;
    }

    .otherCase h3{
        padding: 18px 0;
        padding-left: 10px;
    }

    .caseList{
        background-color: #f8f8f8;
        padding: 20px 20px;
    }

    .caseList>ul>li{
        margin-bottom: 10px;
    }

    .caseList>ul>li>p{
        font-size: 14px;
    }

    .caseList>ul>li>ul{
        margin-top: 10px;
    }

    .caseList>ul>li>ul>li{
        font-size: 12px;
        padding-left: 10px;
        margin-bottom: 8px;
        line-height: 1.3em;

    }


}

@media all and (max-width:480px){
    .totalSchBox select{
        font-size: 16px;
    }

    .payInfoBox .aboveBox{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .payInfoBox h3{
        font-size: 18px;
        margin-top: 8px;
        line-height: 26px;
    }

    .payInfoBox h3::after{
        margin-top: 18px;
        width: 30px;
    }

    .payInfoText1{
        font-size: 14px;
        margin-top: 20px;
        line-height: 1.3em;
    }

    .payInfoText2{
        font-size: 14px;
        margin-top: 22px;
        line-height: 1.3em;
    }

    .belowBox p{
        font-size: 12px;
    }


    .selectTitle{
        font-size: 18px;
    }

    .periodResit{
        font-size: 14px;
    }
    .noContentsBox p{
        font-size: 15px;
        padding-top: 20px;
    }

}

/* 참가비결제 끝 */


/* 회비안내 시작 */
.mypageWrap .subpageTab ul li a span{
    font-weight: 400;
    color: #558beb;
}

.joinInfoList{
    margin-bottom: 69px;
}

.joinInfoList ul li{
    position: relative;
    padding-left: 13px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #222;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.joinInfoList ul li::before{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    left: 1px;
    top: 10px;
    background-color: #417ce6;
}

.joinInfoList ul li:last-child{
    margin-bottom: 0;
}

.accInfoBody{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    padding: 53px 109px 54px 66px;
}

.accInfoBox p{
    font-size: 24px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 32px;
}

.accAttention li{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.accAttention li:last-child{
    margin-bottom: 0;
}

.accAttention li::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #777;
}

.accInfoR{
    text-align: center;
}

.accInfoR p{
    font-size: 18px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 18px;
}

.accInfoR a{
    font-size: 26px;
    font-weight: 400;
    color: #1a1a1a;
    text-decoration: underline;
    text-underline-position: under;
}

.accAttention span{
    color: #1a1a1a;
}

.basicBtn{
    width: 180px;
    height: 56px;
    border: 1px solid #c1c1c1;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    background-color: #FFF;
}

.contentsBox.mypageWrap .btnRow.twoBtn{
    padding-bottom: 0;
}

/* 회비안내 끝 */

/* 회원가입 시작 */
.subTableBox{
    margin-top: 70px;
}

.subTableBox:first-child{
    margin-top: 0;
}

.inputTable.signup th label{
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.inputTable.signup th.essential label::before{
    content: '*';
    display: block;
    position: absolute;
    left: 4px;
    top: 2px;
    width:8px;
    height: 8px;
    color: #db2853;

}

.inputTable.signup th.essential label.clean::before{
    content: '';
}

.inputTable.signup td.department {
    padding-left: 20px;
}

.inputTable.signup div.department {
    display: inline-block;
    width: 32.8%;
}

.inputTable.signup span.ic_del {
    color: #db2853;
    font-size: 17px;
    font-weight: 600;
    margin-right: 1px
}

.inputTable.signup .btnAddTr + .btnAddTr {
    margin-top: 5px;
}

.nameEngBox{
    width: 100%;
    max-width: 408px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nameEngBox input{
    margin-left: 10px;
}

.nameEngBox input:first-child{
    margin-left: 0;
}

.inputBtnBox{
    display: flex;
    justify-content: left;
    align-items: center;
}

.chkMultiBtn{
    display: block;
    width: 108px;
    height: 44px;
    border: 1px solid #CCC;
    background-color: #efefef;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 44px;
    margin-left: 10px;
}

.chkMultiBtn.post{
    width: 121px;
}

p.inputBotText{
    margin-top: 12px;
}

.identifyBtn{
    display: block;
    width: 108px;
    height: 44px;
    border: 1px solid #417ce6;
    background-color: #f3f7ff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #417ce6;
    line-height: 44px;
}

.inputTable td input.detailAddress,
.inputTable td input.foreignAddress
{
    max-width: 100%;
    margin-top: 10px;
}

.inputTable td input::placeholder{
    font-family: 'Noto Sans KR', sans-serif;
}

p.inputTopText{
    margin-bottom: 17px;
}

.innerTable{
    width: 100%;
    border-top: 1px solid #AAA;
}

.innerTable col:first-child{
    width: 16.3%;
}

.innerTable col:nth-child(){
    width: 16.3%;;
}
.innerTable col:nth-child(){
    width: 23.6%;
}

.innerTable col:nth-child(){
    width: 21.5%;
}

.innerTable th,
.innerTable td{
    border: 0;
}

.innerTable th{
    height: 50px;
    text-align: center;
    background-color: #f8f8f8;
    padding-top: 18px;
    font-size: 14px;
}

.innerTable td{
    padding: 5px;
}

.innerTable td{
    padding-left: 0px;
}

.innerTable td:last-child{
    padding-right: 10px;
}


.innerTable tr:nth-child(2) td{
    padding-top: 15px;
}

.innerTable tr:last-child td{
    padding-bottom: 15px;
}

.btnAddTr{
    position: relative;
    width: 100%;
    height: 48px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FFF;
}

.btnAddTr .plusIcon{
    display: inline-block;
}



.tdYear{
    display: flex;
    justify-content: center;
    align-items: center;
}

.tdYear label{
    margin-left: 8px;
}

.innerTable.career col:first-child{
    width: 16.8%;
}

.innerTable.career col:nth-child(2){
    width: 16.6%;;
}

.innerTable.career col:nth-child(3){
    width: 24.8%;;
}

.tdCareer{
    display: flex;
    justify-content: left;
    align-items: center;
}

.tdCareer label{
    margin-left: 8px;
}

.innerTable.ability col{
    width: calc(100%/3);
}

.innerTable.ability tr td{
    padding-top: 15px;
}


.agreePolicy ul li{
    height: 70px;
    line-height: 70px;
    border: 1px solid #DDD;
    border-top: 0;
    padding: 0 36px 0 33px;
    box-sizing: border-box;
}

.agreePolicy ul li:first-child{
    border-top: 1px solid #DDD;
}

.agreePolicy ul li .policyHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agreePolicy input[type=checkbox]{
    width: 23px;
    height: 24px;
    display: inline-block;
    background: url(../images/sub/logcheckbox.png) no-repeat left top;
    vertical-align: middle;
    margin-right: 10px;
}

.agreePolicy input[type=checkbox]:checked{
    background: url(../images/sub/logcheckbox.png) no-repeat right top;
}

.agreePolicy input.allAgree{
    width: 17px;
    height: 12px;
    display: inline-block;
    background: url(../images/sub/iconcheck.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 16px;
}

.agreePolicy input.allAgree:checked{
    background: url(../images/sub/iconcheck_on.png) no-repeat;
}

.agreePolicy label span{
    color: #417ce6;
}

.detailPolcy{
    font-size: 16px;
    font-weight: 500;
    color: #417ce6;
    background-color: transparent;
    text-decoration: underline;
    text-underline-position: under;
}

.chkSignBox{
    margin-top: 70px;
    text-align: center;
}

.chkSignText{
    font-size: 24px;
    font-weight: 400;
    color: #222;
    margin-bottom: 39px;
}

.chkSignDate{
    font-size: 18px;
    font-weight: 400;
    color: #222;
    margin-bottom: 21px;
}

.chkSignTitle{
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

.chkSignBox .btnRow{
    padding-bottom: 0;
}

.signupBtn{
    display: block;
    width: 180px;
    height: 56px;
    background-color: #417ce6;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 56px;
}

.popupBox.middle{
    width: 500px;
    top: 20vh;
}

.popupBox.middle .popContent{
    padding: 63px 64px 59px;
}

.identifyPop li{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.identifyPop li:last-child{
    margin-bottom: 0;
}

.identifyPop li input{
    width: 100%;
    font-size: 16px;
    line-height: 44px;
    border-radius: 5px;
    padding: 0 14px;
    box-sizing: border-box;
}

.identifyPop li.sendCode input{
    background-color: #f5f5f5;
}

.identifyPop li.inputCode input{
    border: 1px solid #CCC;
    background-color: #fff;
}

.identifyPop li input::placeholder{
    font-size: 16px;
}

.identifyPop li .timer{
    position: absolute;
    display: block;
    right: 125px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #558beb;
}

.identifyPop li .timer.hidden{
    display: none;
}

.identifyPop li button{
    width: 101px;
    height: 44px;
    font-size: 16px;
    margin-left: 10px;
    border-radius: 5px;
    flex-shrink: 0;
}

.identifyPop li.sendCode button{
    color: #417ce6;
    border: 1px solid #c5d6f6;
    background-color: #f3f7ff;
}

.identifyPop li.inputCode button{
    color: #FFF;
    background-color: #417ce6;
}

.beginDate{
    font-weight: 700;
}

.headText{
    margin-bottom: 50px;
}

.popupBox.chkList.personalInfo .checkListBox{
    height: 784px;
    overflow-y: scroll;
}

.personalInfo .checkListBox ul li h4::before{
    display: none;
}

.popupBox.chkList.personalInfo .popBody{
    padding: 34px 42px;
}

.popupBox.chkList.personalInfo p{
    font-weight: 100;
    line-height: 1.3em;
}

.popupBox.chkList.personalInfo p.smallTitle{
    font-weight: 400;
}

.innerList{
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

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

.innerList p{
    margin-bottom: 8px;
}

.innerList p:last-child{
    margin-bottom: 0;
}

.listPolicy li{
    margin-bottom: 38px;
}

.listPolicy li:last-child{
    margin-bottom: 0;
}

.popupBox.chkList.joinPolicy .checkListBox{
    height: 784px;
    overflow-y: scroll;
}

.joinPolicy .checkListBox ul li h4::before{
    display: none;
}

.titleOpt{
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 30px;
}

.titleSupOpt{
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 14px;
}

.policyText{
    font-size: 15px;
    font-weight: 400;
    color: #424242;
}

.policyNum{
    margin-bottom: 8px;
}

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

@media all and (max-width:1280px){

    .inputTable.signup.etc{

    }

    .inputTable.signup.etc th{
        min-width: 80px;
    }

    .inputTable.signup.etc .tdWrap{
        width: calc(100vw - 120px);
        overflow-x: scroll;
    }

    .innerTable{
       width: 1068px;
    }

    .inputTable.payment>tbody>tr>td{
        padding-right: 75px;
    }

    .btnAddTr{
        width: 75vw;
    }
    .inputTable.payment td input[type=date]{
        width: 75vw;
    }

}

@media all and (max-width:768px){
    .inputTable.signup col:first-child{
        width: 22%;
    }

    .inputTable.signup.openInfo .checkboxWrap{
        flex-direction: column;
        align-items: flex-start;
    }

    .innerTable.ability tr td{
        padding-left:0
    }

    .inputTable td select{
        padding:0;
        text-indent: 1vw;
    }
    .inputTable.payment>tbody>tr>td{
        padding-right: 75px;
        box-sizing: border-box;
    }

    .inputTable.payment>tbody>tr>td>p,.inputTable.payment>tbody>tr>td>div{
        width: 84%;
    }

    .chkMultiBtn.post{
        font-size: 12px;
        line-height: 1em;
    }

    .agreePolicy ul li{
        padding: 0 15px;
    }

    .policyDetail label{
        font-size: 12px;
    }

    .detailPolcy{
        font-size: 12px;
    }

    .chkSignBox p{
        font-size: 16px;
    }

    .signupBtn{
        margin-left: 10px;
    }
}

@media screen and (max-width:550px) {
    #listConsult tr{
        display: flex;
        flex-direction: column;
    }
    /* .innerTable.ability tr:first-child td{ */
    .innerTable.ability tr td{
        width: 75vw;
        padding-top:1vw;
        padding-bottom: 0;
    }
    /* .innerTable.ability tr:first-child td:last-child{ */
    .innerTable.ability tr td:last-child{
        width: 75vw;
        padding-right: 5px;
        padding-bottom:1vw;
    }

    .innerTable td{
        padding-left:0
    }

    .innerTable td:first-child{
        padding-left:0
    }
    .innerTable{
        border: none;
    }
    .inputTable td select{
        width: 90%;
    }
    .btnAddTr{
        width: 66.7vw;
    }
}

/* 회원가입 끝 */

.joinComp{
    margin-bottom: 70px;
}

.joinComp h4{
    font-size: 32px;
    font-weight: 400;
    color: #222;
    margin-bottom: 31px;
}

.joinComp h4 .boldText{
    font-weight: 700;
}

.joinComp h4 .blueText{
    font-weight: 500;
    color: #417ce6;
}

.joinCompText{
    border-top: 4px solid #558beb;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.joinCompText .aboveWrap{
    padding: 36px 200px 36px 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.joinCompL p{
    font-size: 20px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 22px;
}

.joinCompL p .joinMember{
    font-weight: 700;
}

.joinCompL a{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #417ce6;
}

.joinCompL .goModi span{
    display: block;
    width: 24px;
    height: 24px;
    background:url(../images/sub/icon_go.png) no-repeat;
    background-size: contain;
    margin-left: 8px;
}

.joinCompR{
    position: relative;
    padding-left: 38px;
}

.joinCompR::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #dedede;
}

.joinCompR>div{
    display: flex;
    justify-content: left;
    align-items: center;
}

.joinCompR h5{
    width: 56px;
    padding: 9px 0;
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.joinCompR p{
    padding: 9px 0;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.joinComp .belowWrap{
    padding: 26px 0 26px 59px;
    border-top: 1px solid #dedede;
}

.joinComp .belowWrap p{
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

.joinComp .belowWrap p .blueText{
    font-weight: 400;
}

.joinComp .belowWrap p .boldText{
    font-weight: 500;
    color: #1a1a1a;
}
@media all and (max-width:1280px){
    .joinCompText .aboveWrap{
        padding: 36px 59px;
    }

    .joinComp .belowWrap{
        padding: 26px 59px
    }


}

@media all and (max-width:768px){
    .joinComp h4{
        font-size: 24px;
    }
    .joinCompText .aboveWrap{
        padding: 36px 25px;
        flex-direction: column;
        align-items: flex-start;
    }

    .joinCompL{
        margin-bottom: 10px;
    }

    .joinCompL p{
        margin-bottom: 12px;
    }

    .joinCompR{
        padding-left: 0;
    }

    .joinCompR::before{
        display: none;
    }

    .joinCompR h5,
    .joinCompR p{
        padding: 5px 0;
    }

    .joinCompR p{
        margin-left: 10px;
    }

    .joinComp .belowWrap{
        padding: 26px 25px
    }

    .joinComp .belowWrap p{
        line-height: 1.3em;
    }

    .subpageTable .tableWrap table.joinInfo{
        width: 100%;
    }

    .accInfoBody{
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 20px;
    }

    .accInfoL{
        margin-bottom: 25px;
    }

    .accInfoBox p{
        font-size: 18px;
        margin-bottom: 16px;
    }

    .accAttention li{
        font-size: 14px;
        margin-bottom: 8px;
    }

    .accInfoR{
        text-align: left;
    }

    .accInfoR p,
    .accInfoR a{
        font-size: 18px;
    }

    .accInfoR p{
        margin-bottom: 10px;
    }
}

@media all and (max-width:480px){
    .joinComp h4{
        font-size: 18px;
    }

    .subpageTable .tableWrap table.joinInfo th,
    .subpageTable .tableWrap table.joinInfo td{
        font-size: 12px;
    }

    .basicBtn{
        width: 48%;
    }
}


/* 광고후원 안내 시작 */
.addBox{
    margin-top: 55px;
}

.addBox .subpageTable{
    margin-bottom: 0;
}

.additional{
    padding: 0 21px 40px;
    margin-bottom: 54px;
    border-bottom: 1px solid #c1c1c1;
}

.additional ul li{
    position:relative;
    padding: 0 10px;
    margin-bottom: 22px;
}

.additional ul li:last-child{
    margin-bottom: 0;
}

.additional ul li::before{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #424242;
    left: 0;
    top: 6px;
}

.additional ul li p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 1.3em;
}


.additional ul li p a{
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
}

.homepageInfo{
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    padding: 40px 21px;
}

.homepageInfo ul li{
    position:relative;
    padding: 0 10px;
    margin-bottom: 22px;
}

.homepageInfo ul li:last-child{
    margin-bottom: 0;
}

.homepageInfo ul li::before{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #558beb;
    left: 0;
    top: 6px;
}

.homepageInfo ul li p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 1.3em;
}

.add_event {font-size: 14px; padding: 5px;}

@media all and (max-width:768px){
    .subpageTable .tableWrap table.addInfo{
        width: 100%;
    }
}

@media all and (max-width:480px){
    .subpageTable .tableWrap table.addInfo{
        width: 100%;
    }

    .subpageTable .tableWrap table.addInfo th{
        font-size: 12px;
    }

    .subpageTable .tableWrap table.addInfo td{
        font-size: 12px;
        padding: 0 5px;
    }
}


/* 광고후원 안내 끝 */

/* fun fun festival 시작 */
.kicheBox{
    padding-top: 39px;
}

.kicheBox .affTab .tabTitle{
    margin-bottom: 39px;
}

.kicheBox .affTab.viewPage .typeSelect select{
    max-width: 352px;
    width: 100%;
}

.kicheBox .mainFestival{
    border-top: 1px solid #c1c1c1;
}

.kicheBox .festDetailWrap{
    align-items: flex-start;
}

.kicheBox .festVideoInfo{
    padding-top: 26px;
}

/*
.kicheBox  .videoInfoDetail{
    padding: 0;
}
*/

@media all and (max-width:768px){
    .kicheBox .affTab .tabTitle{
        margin-bottom: 20px;
    }
    .kicheBox .affTab.viewPage .typeSelect select{
        position: relative;
        transform: unset;
    }
}
/* fun fun festival 끝 */

/* 사무국 안내 시작 */
.mapWrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mapBox{
    width: 100%;
    max-width: 864px;
    height: 100%;
    max-height: 510px;
}

.mapBox #map {
    width: 100%;
    height: 510px;
}

.mapBox iframe{
    width: 100%;
    height: 510px;
}
.mapInfo{
    padding-left: 20px;
    box-sizing: border-box;
}
.mapInfo .mapInfoBox:nth-child(2){
    border-top: 1px solid #c1c1c1;
}

.mapInfoBox{
    padding: 25px 0;
}

.mapInfoBox.address{
    padding-top: 12px;
}

.mapInfoBox h4{
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 22px;
}

.mapInfoBox li{
    display: flex;
    justify-content: left;
    align-items: flex-start;
    margin-bottom: 16px;
}

.mapInfoBox li:last-child{
    margin-bottom: 0;
}

.mapInfoBox h5{
    width: 45px;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 1.3em;
}

.mapInfoBox p{
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    padding-left: 31px;
    box-sizing: border-box;
    line-height: 1.3em;
}

.mapWay{
    padding: 42px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #C1C1C1;
    margin-top: 30px;
}

.mapWay p{
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: #424242;
    padding-left: 14px;
    line-height: 1.3em;
}

.mapWay p::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 3px;
    height:3px;
    border: 50%;
    background-color: #558beb;
}

.shortCut{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 54px;
    border: 1px solid #c6d6f7;
    background-color: #FFF;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    color: #427ce7;
}

.shortCut span{
    width: 15px;
    height: 20px;
    background: url(../images/sub/ic_map.png) no-repeat;
    background-size: contain;
    margin-right: 9px;
}

@media all and (max-width:768px){
    .mapWrap{
        flex-direction: column;
        align-items: flex-start;
    }

    .mapBox iframe{
        height: 400px;    
    }

    .mapInfo{
        display: flex;
        justify-content: left;
        align-items: center;
        padding: 10px 20px;
        width: 100%;
    }

    .mapInfo .mapInfoBox{
        padding: 12px 0;
        width: 60%;
    }

    .mapInfo .mapInfoBox:nth-child(2){
        position: relative;
        margin-left: 10px;
        border-top: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .mapInfoBox.phone::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        background-color: #C1C1C1;
    }

    .mapInfoBox h4{
        font-size: 14px;       
    }

    .mapInfoBox h5{
        width: 38px;
        font-size: 14px;
    }

    .mapInfoBox p{
        font-size: 14px;
    }

    .mapWay{
        flex-direction: column;
        align-items: flex-start;
    }

    .shortCut{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 170px;
        height: 54px;
        border: 1px solid #c6d6f7;
        background-color: #FFF;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 700;
        color: #427ce7;
        margin-top: 20px;
    }
}

@media all and (max-width:480px) {
    .mapInfo {
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
        padding: 10px 20px;
        width: 100%;
    }

    .mapInfo .mapInfoBox {
        padding: 12px 0;
        width: 100%;
    }

    .mapInfo .mapInfoBox:nth-child(2) {
        margin-left: 0;
        padding-left: 0;
        border-top: 1px solid #c1c1c1;
    }

    .mapInfoBox.phone::before {
        display: none;
    }

    .mapInfoBox h5 {
        flex-shrink: 0;
    }

    .mapInfoBox p {
        padding-left: 20px;
    }

    .mapBox iframe {
        height: 300px;
    }
    .mapWay p{
        position: relative;
        font-size: 15px;
        font-weight: 400;
        color: #424242;
        padding-left: 14px;
        line-height: 1.4em;
    }
    .shortCut{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 54px;
        border: 1px solid #c6d6f7;
        background-color: #FFF;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 700;
        color: #427ce7;
        margin-top: 20px;
    }

}
/* 사무국 안내 끝 */

/* 홍보영상 시작 */
.pageContents.subpage.promoteVid .subpageTitle{
    height: 350px;
}

.proVidWrap{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 195px;
    width: 800px;
    z-index: 100;
}

.promoteList li .proVidBox{
    position: relative;
    width: 100%;
    height: 600px;
    border: 1px solid #000;
    background-color: #000;
    margin: 0 auto;
}

.promoteList li .proVidBox video {
    height: 600px;
}

.promoteList li h3{
    font-size: 36px;
    height: 40px;
    font-weight: 500;
    color: #222;
    text-align: center;
    margin-top: 28px;
}

.promoteWrap{
    padding-top: 360px;
}

.proVidWrap .swiper-arrow{
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 52px;
    cursor: pointer;
    z-index: 150;
}

.proVidWrap .swiper-arrow.swiper-prevP{
    left: -54px;
    background: url(../images/sub/slide_prev_big.png) no-repeat;
    background-size: contain;
}

.proVidWrap .swiper-arrow.swiper-nextP{
    right: -54px;
    background: url(../images/sub/slide_next_big.png) no-repeat;    
    background-size: contain;
}

@media all and (max-width:1280px) {
    .pageContents.subpage.promoteVid .subpageTitle{
        height: auto;
    }

    .proVidWrap {
        position: relative;
        left: unset;
        transform: unset;
        top: unset;
        width: 665px;
        z-index: 100;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .promoteWrap {
        padding-top: 0;
    }

    .promoteList li .proVidBox{
        height: 500px;
    }

    .promoteList li .proVidBox video {
        height: 500px;
    }

    .proVidWrap .swiper-arrow.swiper-prevP{
        left: 0;
    }
    
    .proVidWrap .swiper-arrow.swiper-nextP{
        right: 0;
    }


}

@media all and (max-width:768px){

    .proVidWrap {
        width: 427px;
    }

    .promoteList li .proVidBox{
        height: 320px;
    }

    .promoteList li .proVidBox video {
        height: 320px;
    }

    .proVidWrap .swiper-arrow{
        position:absolute;
        top: 45%;
        transform: translateY(-50%);
    }
}

@media all and (max-width:480px){


    .proVidWrap .swiper-arrow{
        position:absolute;
        top: 45%;
        transform: translateY(-50%);
        width: 13px;
        height: 26px;
        cursor: pointer;
        z-index: 150;
    }

    .proVidWrap .swiper-arrow.swiper-prevP{
        left: -12px;
    }
    
    .proVidWrap .swiper-arrow.swiper-nextP{
        right: -12px;
    }
    
}

/* 홍보영상 끝 */

/* 회원정보수정 시작 */

.essentialInfo{
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.essentialInfo span{
    color: #db2853;
}

.subTableBox.modi .tabTitle{
    padding-top: 70px;
}
/* 회원정보수정 끝 */

/* 연회비 납부 시작 */
.pageInfo{
    padding-top: 50px;
}
.pageInfo h4{
    font-size: 22px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 18px;
}

.pageInfo p{
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 14px;
    line-height: 1.3em;
}

.pageInfo p:last-child{
    margin-bottom: 0;
}

.pageInfo p a{
    font-weight: 700;
    color: #417ce6;
}

.underline{
    text-decoration: underline;
    text-underline-position: under;
}

.inputTable.payYear col:first-child{
    width: 43.7%;
}

.inputTable.payYear col:nth-child(2){
    width: 43.3%;
}

.inputTable.topThTab th{
    background-color: #f6f7fb;
    text-align: center;
    border-right: 1px solid #DDD;
}

.inputTable.topThTab th:last-child{
    border-right: 0;
}


.inputTable.payYear td{
    height: 70px;
    text-align: center;
    padding: 13px 20px;
    border-right: 1px solid #DDD;
}

.inputTable.payYear td:last-child{
    border-right: 0;
}

.inputTable.payYear td input[type=radio]{
    margin: 0 auto;
    width: 21px;
    height: 21px;
    background: url(../images/sub/checkbox.png) no-repeat;
    background-position: left;
}

.inputTable.payYear td input[type=radio]:checked{
    background: url(../images/sub/checkbox.png) no-repeat;
    background-position: right;
}

.payInfo{
    margin-top: 40px;
}

.payInfo ul li{
    padding: 0 13px;
    margin-bottom: 28px;
}

.payInfo ul li:last-child{
    margin-bottom: 0;
}

.payInfo ul li p{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
}

.payInfo ul li p:first-child{
    margin-bottom: 16px;
}

.payInfo ul li p:first-child::before{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #417ce6;
    left: -10px;
    top: 6px;
}

.payInfo ul li p.blueText{
    color: #417ce6;
}

.cancelPolicy{
    margin-top: 70px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #AAA;
}

.cancelPolicy h4{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    padding: 26px 17px;
}

.cautionIcon{
    width: 18px;
    height: 18px;
    background: url(../images/sub/ic_notice.png) no-repeat;
    background-size: contain;
    margin-right: 8px;
}

.cancelPolBox{
    padding: 40px;
    background-color: #f8f8f8;
    box-sizing: border-box;
}

.cancelPolBox>p{
    font-size: 16px;
    font-weight: 400;
    color: #222 ;
    line-height: 1.3em;
    margin-bottom: 21px;
}

.cancelPolBox ul li{
    margin-bottom: 21px;
}

.cancelPolBox ul li:last-child{
    margin-bottom: 0;
}

.cancelPolBox ul li h5{
    font-size: 16px;
    font-weight: 400;
    color: #424242 ;
    margin-bottom: 16px;;
}

.cancelPolBox ul li p{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    line-height: 1.5em;
    padding: 0 16px;
}

.cancelPolBox ul li p.subNumText{
    padding-left: 38px;
}

.cancelPolBox ul li p.subNumText span{
    position: absolute;
    left: 16px;
    top: 0;
}

.election .pageInfo h4 {
    margin-bottom: 30px;
}

.election .pageInfo table {
    margin: 0 0 10px;
}

.election .pageInfo table tr td {
    padding: 2px 0 2px 15px;
}

@media all and (max-width:480px){
    .election .pageInfo table tr td img {
        width: 120px;
    }

    .election .pageInfo table tr td {
        padding: 2px 0 2px 10px;
    }
}

.popupBox.payment{
    width: 500px;
    top: 20vh;
}

.popupBox.payment .popContent{
    padding: 63px;
}

.popTable{
    width: 100%;
    border-top: 2px solid #1a1a1a;
}

.popTable col:first-child{
    width: 39%;
}

.popTable th{
    height: 70px;
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    vertical-align: middle;
    text-align: center;
    background-color: #f6f7fb;
}

.popTable td{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    border-bottom: 1px solid #c1c1c1;
    vertical-align: middle;
    text-align: center;
    padding: 0 14px;
}

input[type="date"]{
    width: 100%;
    height: 44px;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0 16px;
    box-sizing: border-box;
    background: url(../images/sub/filter_date.png) no-repeat;
    background-position: 96%;
}

.popTable input[type="date"]{
    background-position: 92%;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none;
}

/* input[type=date]::-webkit-datetime-edit-text {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-datetime-edit-month-field {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
} */

.placeholderDate{
    position: absolute;
    width: 100px;
    left: 30px;
    top: 26px;
    font-size: 16px;
    color: #777;
    background-color:#FFF;
    text-align: left;
}

.placeholderDate.hidden{
    display: none;
}

.closeBtn{
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #999
}

@media all and (max-width:768px){
    .popupBox.payment{
        width: 90%;
    }

    .popupBox.payment .popContent{
        padding: 63px 20px;
    }


}

@media all and (max-width:480px){
    .inputTable.topThTab th{
        font-size: 12px;
    }

    .inputTable.payYear td{
        font-size: 12px;
        padding: 5px;
    }

    .cancelPolBox{
        padding: 40px 20px;
    }

    .placeholderDate{
        width: 80px;
    }

    .essentialInfo{
        position: relative;
        right: unset;
        top: unset;
        margin-top: 10px;
        text-align: right;
    }
    
}

/* 연회비 납부 끝 */

/* 납부내역 및 증빙 시작 */

.subHead{
    margin-top: 70px;
}

.subHead p{
    line-height: 1.5em;
}

.subHead.flexType{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.countHistory{
    font-size: 15px;
    font-weight: 400;
    color: #424242;
}

.pageInfo .countHistory.right{
    text-align: right;
    margin-bottom: 20px;
}

.countHistory .count{
    color: #417ce6;
}

.downChk a{
    font-weight: 700;
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
}

.subpageTable.payType1 table.payHistory col{
    width: calc(100%/6);
}

.subpageTable.payType2 table.payHistory col:nth-child(2){
    width: 45%;
}

.subpageTable.payType3 table.payHistory col:nth-child(2){
    width: 45.8%;
}



@media all and (max-width:480px){
    .subHead{
        margin-top: 30px;
    }

    .myPaymentBox .subpageTable{
        margin-bottom: 30px;
    }
}
/* 납부내역 및 증빙 끝 */

/* 논문게재료 시작 */


.inputTable.payBoard td{
    border-left: 1px solid #DDD;
    padding: 0 14px;
    height: 70px;
    vertical-align: middle;
}

.inputTable.payBoard td:first-child{
    border-left: 0;
}

.inputTable.payBoard .checkboxWrap{
    justify-content: center;
}

.checkboxWrap .langBox,
.checkboxWrap .numberBox{
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkboxWrap .numberBox select{
    min-width: 88px;
}

.checkboxWrap .numberBox select+label{
    margin-left: 8px;
}

.checkboxWrap input{
    margin: 0;
    margin-right: 8px;
}

.rightBtnRow{
    margin-top: 9px;
    overflow:hidden;
}

.rightBtnRow button{
    float: right;
}

@media all and (max-width:1280px){
    .inputFormBox{
        
    }

    .inputTable.payBoard{
        width: 1280px;
    }
}

/* 논문게재료 끝 */

/* qna 시작 */
.boardWrap table.type01.qna col:first-child{
    width:9.3%
}

.boardWrap table.type01.qna col:nth-child(2){
    width:59.6%
}

.boardWrap table.type01.qna col:nth-child(3){
    width:8.4%
}

.boardWrap table.type01.qna col:nth-child(4){
    width:11.2%
}

.boardWrap table.type01.qna td{
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 5px;
}

.boardWrap table.type01.qna td:last-child{
    color: #999;
}

.boardWrap table.type01.qna td.answered{
    color: #417ce6;
}
.pageContents.subpage .contentsBox .pageTitleText.qnaView{
    padding-left: 28px;
}

.pageTitleText .condition{
    font-size: 18px;
    font-weight: 400;
    color: #417ce6;
    margin-top: 30px;
    margin-bottom: 17px;
}

.writeInfo{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 26px;
}

.writeInfo p{
    font-size: 16px;
    font-weight: 400;
    color: #555;
}

.writeInfo p.nameWriter{
    margin-left: 2px;
}

.boardWrap.qna{
    border-top: 1px solid #1a1a1a;
}

.qnaContent{
    padding: 40px 24px 0;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 400;
    color: #333;
}

.qnaContent .questionBox {
    padding: 20px 20px 60px 20px;
}

.answerBox{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #1a1a1a;
    padding: 37px 105px;
}

.dateAnswer{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    margin-bottom: 23px;
}

.dateAnswer::before{
    content: '답변';
    display: block;
    position: absolute;
    left: -87px;
    top: -6px;
    width: 70px;
    height: 36px;
    border-radius: 18px;
    background: #f5f8fc;
    font-size: 16px;
    font-weight: 400;
    color: #417ce6;
    line-height: 36px;
    text-align: center;
}

.contentAnswer{
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
}

.qnaWrite{
    width: 100%;
}

.qnaWrite col:first-child{
    width: 12.5%;
}

.qnaWrite th{
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: left;
    padding: 27px 17px;
    box-sizing: border-box;
    vertical-align: top;
    border-bottom: 1px solid #c1c1c1;
}

.qnaWrite td{
    border-bottom: 1px solid #c1c1c1;    
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 17px;
}

.qnaWrite td input{
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
}
.qnaWrite td.textareaTd{
    padding: 13px 0;
    box-sizing: border-box;
    padding-right: 17px;
}
.qnaWrite td textarea{
    width: 100%;
    padding: 15px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    box-sizing: border-box;
}

.resistQna{
    display: block;
    width: 180px;
    height: 56px;
    background-color: #417ce6;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 56px;
}

.boardWrap table.qnaWrite{
    margin-bottom: 0;
}


@media all and (max-width:786px){
    .boardWrap table.type01.qna col:nth-child(2){
        width:50%
    }
    
    .boardWrap table.type01.qna col:nth-child(3){
        width:9%
    }
    
    .boardWrap table.type01.qna col:nth-child(4){
        width:15%
    }

    .answerBox{
        padding: 37px 20px;
    }
    .dateAnswer{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .dateAnswer::before{
        position: relative;
        left: unset;
        top: unset;
        margin-right: 10px;
    }
}

@media all and (max-width:480px){   
    .boardWrap table.type01.qna col:first-child{
        width:8%
    }
     
    .boardWrap table.type01.qna col:nth-child(2){
        width:38%
    }
    
    .boardWrap table.type01.qna col:nth-child(3){
        width:12%
    }
    
    .boardWrap table.type01.qna col:nth-child(4){
        width:13%
    }
    
    .boardWrap table.type01.qna col:nth-child(5){
        width:14%
    }

    .rightBtnRow{
        margin-top: 16px;
        
    }
}
/* qna 끝 */

/* 정관제규정 - 제규정 시작 */
.innerTabTitle{
    padding-bottom: 20px;
}

.innerTabTitle>h4{
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.artGuideList ul{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}

.artGuideList ul li{
    width: calc(100%/6);
    line-height: 54px;
    background: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    border: 1px solid #dadada;
    border-left: 0;
    box-sizing: border-box;
}

.artGuideList ul li:first-child{
    border-left: 1px solid #dadada;
}

.artGuideList ul li.on{
    color: #FFF;
    border: 1px solid #417ce6;
    background-color: #417ce6;
}

.artGuideList ul li a{
    display: block;
}

.innerContTitle>h3{
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    padding: 60px 0 20px;
}

.innerSelBox{
    padding: 30px 0 30px 13px;
    box-sizing: border-box;
}

.innerSelL h4{
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.innerSelL h4::before{
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 6px;
    width: 3px;
    height: 3px;
    background: #417ce6;
    border-radius: 50%;
}

.innerSelL p{
    font-size: 16px;
    font-weight: 400;
    color: #777;
    margin-bottom: 14px;
    line-height: 1.4em;
}

.innerSelL p:last-child{
    margin-bottom: 0;
}

.innerSelR{
    position: relative;
}

.innerSelR select{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%);
    width: 352px;
    height: 54px;
    background: #fff url(../images/sub/filter_select.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #c8c8c8;
    padding: 0 18px;
    font-size: 16px;
    color: #222;
}
.subpageTable .tableWrap table.intro.article td{
    line-height: 1.5em;
    text-align: left;
}

.subpageTable .tableWrap table.intro.article td ol{
    padding: 0 33px;
}

.addedArticle.padTop40{
    padding-top: 40px;
}
.addedArticle.padLeft60{
    padding-left: 60px;
}

#content_traffic {
    width: 80vw;
    max-width: 1220px;
}

@media all and (max-width:1280px){
    
    .artGuideList ul li{
        width: 213px
    }
}

@media all and (max-width:1000px){
    .innerSelR select{
        position: relative;
        right: unset;
        top: unset;
        transform: unset;
        width: 352px;
        height: 54px;
        background: #fff url(../images/sub/filter_select.png) no-repeat 95% 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #c8c8c8;
        padding: 0 18px;
        font-size: 16px;
        color: #222;
        margin-top: 12px;
    }
}
@media all and (max-width:900px){
    .innerContTitle>h3{
        padding: 20px 0 20px;
    }

    .contents table{
        display: block;
    }

    .contents table tbody{
        display: block;
    }

    .contents tr{
        display: flex;
        flex-wrap:wrap;
    }

    .contents td{
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
    }

    .contents b, .contents u, .contents a, .contents font{
        word-break: break-word;
    }

    .contents p {
        padding-right: 1vw;
        box-sizing: border-box;
    }
    center td ul {
        width: 80vw;
        word-break: keep-all;
    }
    
}
@media all and (max-width:480px){
    .innerSelR select{
        width: 100%;
    }

    .innerTabTitle>h4{
        font-size: 20px;
    }
	
    
}

/* 정관제규정 - 제규정 끝 */







/*2022-12-14 반응형 대응 수정*/
#tc_bbs .boardWrap table.type01 tr.fixedNotice td.td1 {}
#tc_bbs .boardWrap table.type01 tr.fixedNotice td.td2 {}
#tc_bbs .boardWrap table.type01 tr.fixedNotice td.td3 {}
#tc_bbs .boardWrap table.type01 tr.fixedNotice td.td4 {}
#tc_bbs .boardWrap .tableBox table th.th1 {width:120px;}
#tc_bbs .boardWrap .tableBox table th.th2 {}
#tc_bbs .boardWrap .tableBox table th.th3 {width: 110px;}
#tc_bbs .boardWrap .tableBox table th.th4 {width: 120px;}
#tc_bbs .boardWrap .tableBox table th.th5 {width: 70px;}
#tc_bbs .boardWrap .tableBox table th.th10 {width: 110px;}
#tc_bbs .boardWrap .tableBox table th.th20 {width: 110px;}
#tc_bbs .boardWrap .tableBox table td.td1 {}
#tc_bbs .boardWrap .tableBox table td.td2 {}
#tc_bbs .boardWrap .tableBox table td.td3 {}
#tc_bbs .boardWrap .tableBox table td.td4 {}
#tc_bbs .boardWrap .tableBox table td.td10 {}
#tc_bbs .boardWrap .tableBox table td.td20_no {}
#tc_bbs .boardWrap .tableBox table td.td20_yes {}
#tc_bbs .boardWrap .tableBox table tr:hover td {background:#f5f5f5;}
#tc_bbs .boardWrap .tableBox table tr:hover td.td2 a {text-decoration:underline;}
#tc_bbs .m_ctt_on {display:none;}
#tc_bbs .boardWrap .tableBox table td.td2 .subj {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tc_regi_frm .inputTable th {padding-top:0;}
#tc_pubc .inputTable {width:100%;}
#tc_pubc .inputTable td:nth-of-type(2) {width: 20%;}
#tc_pubc .inputTable td:nth-of-type(3) {width: 27%;}
#tc_upda .inputTable {width:100%;}
.blk {display:block;}
#tc_regi_frm .innerTable {border-top:0;}
#tc_regi_frm #eventPaymentItems {flex-wrap: wrap;}
#tc_regi_frm #eventPaymentItems .typeChkBox {margin:5px 0;}
.tc_scr {display:none;}

/* 2024-05-22 온라인신청 신규 */
.online_frm {}
.online_frm * {box-sizing:border-box;}
.onTab3 {}
.onTab3 ul {display: flex; align-items: center;}
.onTab3 li {margin-right: 5px;}
.onTab3 a {display: block; padding: 10px 20px; border: 1px solid #dadada; transition:all 0.3s ease;}
.onTab3 a:hover,
.onTab3 a.on {background: #417ce6; color: #fff; border: 1px solid #417ce6;}
.onInfo_txt {margin: 20px 0 30px; border: 1px solid #dadada; padding: 15px 15px; word-break: keep-all; line-height: 1.5; color: #767676; font-size: 15px;}
.onCont {}
.onCont .tab_box {}
.onCont .tab {display: flex; align-items: center;}
.onCont .tab li {margin-right: 1rem; /*cursor: pointer;*/ border-bottom: 2px solid #fff; padding: 0 10px 10px; color: #999;}
.onCont .tab li.on {border-bottom: 2px solid #417ce6; color: #417ce6;}
.onCont .tab_con {}
.onCont .tab_con .tab_dv {display:none;}
.onFrm_cont {margin-top: 40px;}
.onFrm_cont .list {margin-bottom: 50px; position: relative;}
.onFrm_cont .list .tit {position: relative; padding-left: 15px; padding-bottom:15px; border-bottom: 2px solid #1a1a1a;}
.onFrm_cont .list .tit:before {content:''; position: absolute; top: 4px; left: 0; width: 8px; height: 8px; background: #333;}
.onFrm_cont .list .cont {}
.onFrm_cont .list .cont ul {display: flex; flex-wrap: wrap;}
.onFrm_cont .list .cont li {display: flex; flex-wrap: wrap; border-bottom: 1px solid #c1c1c1;}
.onFrm_cont .list .cont .w50 {width: 50%;}
.onFrm_cont .list .cont .w100 {width: 100%;}
.onFrm_cont .list .cont .subj {background: #f6f7fb; width: 220px; display: flex; align-items: center; justify-content: center;}
.onFrm_cont .list .cont .ipt {flex: 1; padding: 15px 15px;}
.onFrm_cont .list .cont .ipt input {}
.onFrm_cont .list .cont .w50.w33 {width: 33.33333333%;}
.onFrm_cont .psdel {position: absolute; top: -6px; right: 0; z-index: 1; display: flex;}
.onFrm_cont .plusb {background: #417ce6; color: #fff; font-size: 13px; width: 50px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;user-select: none;}
.onFrm_cont .delb {background: #ce0110; color: #fff; font-size: 13px; width: 50px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;user-select: none; margin-left:7px;}
.onFrm_cont .plusb.disabled {background: #ccc; color: #fff; cursor: not-allowed;}
.onFrm_cont .delb.disabled {background: #ccc; color: #fff; cursor: not-allowed;}
.onFrm_cont .plusb:active:not(.disabled),
.onFrm_cont .delb:active:not(.disabled) {margin-top: 1px;}
.onFrm_cont .list .cont .w33 .subj {width: 150px;}
.onFrm_cont .listAdd {}
.comm_ipt {border:1px solid #ddd; height:40px; padding:0 10px; font-size:16px; color:#333; border-radius:0; width: 100%; position: relative; font-family: 'Noto Sans KR' !important; box-sizing:border-box;}
.comm_ipt::placeholder {font-family: 'Noto Sans KR' !important;}
.onFrm_cont .itxt {display: flex; align-items: center; padding:0 10px; font-size:14px; color:#999;}
.onFrm_cont .list .cont .w100 .ipt {max-width: 420px;}
.onFrm_cont .list .cont .w100 .ipt100 {max-width: none;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.onFrm_cont .filebox {position: relative; padding-right: 100px;}
.onFrm_cont .filebox .upload-name {border-right:0;}
.onFrm_cont .filebox label {position: absolute; top: 0; right: 0; width: 100px; display: flex; align-items: center; justify-content: center; height: 40px; background: #417ce6; color: #fff; z-index: 1; cursor: pointer;}
.onFrm_cont .filebox label.delete {background: #9b2828;}
.onFrm_cont .red {margin-left:5px; color:#d10000;}
.onFrm_cont .chk_txt {display:flex; align-items:center; padding:0 10px; font-size: 14px; color: #999;}
.onFrm_cont input[type=radio],
.onFrm_cont input[type=checkbox] {margin: 0; margin-right: 5px;}
.onFrm_cont .cald {background: url('/assets/images/cal_ic.svg') no-repeat 98% center;}
#ui-datepicker-div {background: #fff;}
#ui-datepicker-div.ui-datepicker th {font-weight:normal;}
#ui-datepicker-div .ui-widget-header {font-weight:normal;}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default {font-weight:normal; padding: 10px 5px; text-align: center;}
.onFrm_cont .chk_box {padding: 20px 15px;}
.onFrm_cont .chk_box.rdoc,
.onFrm_cont .chk_box .rd,
.onFrm_cont .chk_box .bx {display: flex; align-items: center; flex-wrap: wrap; flex: 1;}
.onFrm_cont .chk_box .bx:nth-of-type(2) {margin:12px 0;}
.onFrm_cont .chk_box.lgh {line-height:1.7;}
.onFrm_cont .chk_box .rd {margin-right: 10px;}
.onFrm_cont .cash_b {}
.onFrm_cont .cash_b .comm_ipt {width: 150px;}
.onFrm_cont .list .cont .ipt textarea {border:1px solid #ddd; height:180px; resize:none; padding:0 10px; font-size:16px; color:#333; border-radius:0; width: 100%; position: relative;}
.onFrm_cont .adv_cont {width: 50%;}
.onFrm_cont .adv_cont .txt2 {margin-top: 10px;}
.onFrm_cont .last_txt {margin-top: 20px;}
.onFrm_cont .last_txt span {color: #417ce6; border-bottom: 1px solid #417ce6;}
.go_btn {width: 220px; height: 56px; margin: 50px auto 0; display: flex; align-items: center; justify-content: center; background: #417ce6; color: #fff; font-size: 18px; cursor: pointer; transition:all 0.3s ease;}
.go_btn:hover {background: #1a1a1a;}
.online_frm .payCont {border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 20px 10px 0;}
.online_frm .payCont ul {display: flex;}
.online_frm .payCont ul li {display: flex; align-items: center; margin-right: 30px;}
.online_frm .payCont ul li:last-child {margin-right: 0;}
.online_frm .payCont .bbox {margin-top: 20px;}
.online_frm .payCont .bbox .cont1 {}
.online_frm .payCont .bbox .cont2 {}
.online_frm .payCont .bbox .cont2 .comm_ipt {width: 200px;}
.online_frm .payCont .cbox {margin-top: 20px; padding-bottom: 20px; display:none;}
.online_frm .last_btn {display: flex; align-items: center; justify-content: center;}
.online_frm .last_btn .go_btn {margin:0 0;}
.online_frm .last_btn .abg {margin-left: 50px; background: #1a1a1a;}
.open_ly {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; overflow-y: auto;}
.open_ly.open {display:block;}
.open_ly .outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
.open_ly .inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.open_ly .layer_ctt {position:relative; max-width: 480px; width:95%; margin: 0 auto; padding: 30px 20px 40px; background: #fff; border-radius: 5px; box-sizing: border-box;}
.open_ly .layer_ctt .m1 {text-align:center; color:#1a1a1a; font-size: 18px; font-weight: 500; border-bottom: 1px solid #c1c1c1; padding-bottom: 15px;}
.open_ly .view_close {width: 120px; margin:0 auto; display:inline-block; padding: 10px; background:#1a1a1a; color:#fff; cursor:pointer;}
.open_ly .txt {margin: 20px 10px 50px;}
.open_ly .txt .m2 {margin-bottom: 20px;}
.open_ly .txt .mgt {margin-top: 50px;}
.cp_intro {margin-top: 20px;}
.cp_intro ul {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.cp_intro ul li {width: 25%; padding: 0 10px; margin-bottom: 50px; text-align: center;}
.cp_intro .in {}
.cp_intro .img {border: 1px solid #c1c1c1; padding: 20px 0; cursor: pointer;}
.cp_intro .img img {height: 55px; max-width: 100%;}
.cp_intro .p1 {margin-top: 10px;}
.open_ly .layer_ctt.w640 {max-width: 640px;}
.cp_ly_tit {border-bottom: 2px solid #111; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.cp_ly_tit .le {font-size: 20px; font-weight: 500;}
.cp_ly_tit .ri {}
.cp_ly_tit .ri img {max-width: 100%; height: 40px;}
.cp_ly_cont {margin: 20px 40px;}
.cp_ly_txt {color: #555; line-height: 1.7; word-break: keep-all;}
.cp_ly_pdt {margin: 30px 0; color: #555;}
.cp_ly_pdt span {color: #111; font-weight: 500;}
.cp_ly_lk {margin-bottom: 50px;}
.cp_ly_lk a {color: #417ce6; display: inline-flex; border-bottom: 1px solid #417ce6; font-weight: 500;}
.cp_ly_arr {position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; cursor: pointer;}
.cp_ly_arr.prev {background: url('/assets/images/sd_prev_b.svg') no-repeat center/26px; left: 5px;}
.cp_ly_arr.next {background: url('/assets/images/sd_next_b.svg') no-repeat center/26px; right: 5px;}
.online_frm .onTbl {}
.online_frm .onTbl table.award {max-width: none; margin:40px 0 0; table-layout: auto;}
.online_frm .onTbl .tableBox table.award td {padding:18px 15px;}
.online_frm .onTbl .tableBox table.award td.td1 {width: 100px;}
.online_frm .onTbl .tableBox table.award td.td2 {}
.online_frm .onTbl .tableBox table.award td.td3 {width: 150px;}
.online_frm .onTbl .tableBox table.award td.td4 {width: 250px;}
.online_frm .onTbl .tableBox table.award td.td5 {width: 100px;}
.online_frm .onTbl .modi {color: #417ce6; text-decoration: underline; font-weight: 500; cursor: pointer;}
.open_ly .mod_txt {margin: 20px 0 40px;}
.open_ly .mod_txt .p1 {font-weight: 500; margin-bottom: 40px;}
.open_ly .mod_txt .list {margin-top: 20px;}
.open_ly .mod_txt .list .p2 {font-size: 14px; margin-bottom: 7px;}
.open_ly .mod_txt .list .ipt {}
.onFrm_mtxt {font-size:18px; font-weight:500; margin-bottom: 30px;}
.online_frm .lastPay {}
.online_frm .lastPay li {}
.online_frm .lastPay li span {font-weight:500; margin-right:5px;}
.m_on {display:none;}
.payMtd {}
.payMtd .tit {display: flex; align-items: center;}
.payMtd .tit .t1 {}
.payMtd .tit .t2 {margin-left: 10px;}
.payMtd .tit .t2 a {color: #417ce6; border-bottom: 1px solid #417ce6; display: inline-block; vertical-align: middle; margin: 0 5px;}
.payCont .iptc {display: flex; align-items: center; border-bottom: 1px solid #c1c1c1; height: 4rem;}
.payCont .iptc .ctt1 {width: 8rem;}
.payCont .iptc .ctt2 {display: flex; align-items: center; flex: 1;}
.payCont .iptc .ctt2 .comm_ipt {width: 200px;}
.online_frm .payCont .dbox {display:none; margin-top: 20px; padding-bottom: 20px;}
.online_frm .payCont .dbox .m1 {font-size: 16px; color: #333; margin-top: 10px;}
.hip {position:relative; font-size: 16px; padding-left: 10px; margin-top: 10px;}
.hip:before {content:'-'; position: absolute; top:0; left:0;}
.online_frm .payCont .ebox {display:none; margin-top: 20px; padding-bottom: 20px;}
.online_frm .payCont .bbox .cont2.iptc {border-bottom:0;}
.online_frm .payCont .dbox .filebox,
.online_frm .payCont .ebox .filebox {width: 500px;}







@media all and (max-width:1280px){

#tc_regi_frm .inputTable {width:auto;}
#tc_pubc .mobile.inputTable.payBoard th {width:20%;}
#tc_pubc .mobile.inputTable.payBoard td {width:80%;}

}

@media all and (max-width:970px){

#tc_funf .awardViewContent {padding-top:20px;}
#tc_regi_frm .inputTable col:first-child {width:auto;}
#tc_regi_frm .inputTable th,
#tc_regi_frm .inputTable th label {width:75px;}
#tc_regi_frm .inputTable.payment>tbody>tr>td>div {width:100%;}
#tc_regi_frm .checkboxWrap label {margin: 7px 0; font-size:14px; width: 85%;}
#tc_regi_frm .inputTable.payment td input[type=date] {width:100%;}
#tc_regi_frm .inputTable td textarea {width:100%;}
#tc_regi_frm .inputTable.payment>tbody>tr>td {padding-right:0;}
#tc_regi_frm .typeChkBox {margin-right:0; width: 100%;}
.m_on {display:block;}
.onFrm_cont .list .cont .w50 {width: 100%;}
.onFrm_cont .list .cont .w100 .ipt {max-width: none; width: 100%;}
.onFrm_cont .list .cont .subj {font-size: 14px;}
.onFrm_cont .itxt {padding:10px 0 0;}
.onFrm_cont .itxt.pc_on {display:none;}
.onFrm_cont .filebox label {font-size: 14px;}
.onFrm_cont .list.ip4 .itxt {width: 100%;}
.cp_intro ul li {width: 33.333333333%;}
.cp_intro .img img {height: 40px;}





}

@media all and (max-width:801px){

#tc_bbs .m_ctt_on {display:block; margin-top: 7px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px;}
#tc_bbs .m_ctt_on b {font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
#tc_bbs .boardWrap .tableBox table th.th1 {width:70px;}
#tc_bbs .boardWrap .tableBox table th.th2 {}
#tc_bbs .boardWrap .tableBox table td.td1 {}
#tc_bbs .boardWrap .tableBox table td.td2 {}
#tc_bbs .boardWrap .tableBox table td.td2 .fs {font-family: 'Noto Sans KR', sans-serif;}
#tc_bbs .boardWrap .tableBox table th.th20 {width: 70px;}
#tc_bbs .boardWrap .tableBox table th.th10,
#tc_bbs .boardWrap .tableBox table td.td10,
#tc_bbs .boardWrap table tr th.th3,
#tc_bbs .boardWrap table tr th.th4,
#tc_bbs .boardWrap table tr td.td3,
#tc_bbs .boardWrap table tr td.td4,
#tc_bbs .boardWrap table tr.fixedNotice td.td3,
#tc_bbs .boardWrap table tr.fixedNotice td.td4 {display:none;}

#tc_newlt .newsletterWrap img {max-width: none !important; transform: scale(1) !important;}

}


@media all and (max-width:768px){

#tc_paym .inputTable {width:100%;}
#tc_paym .inputTable.topThTab th {padding-top:0; font-size:14px;}
#tc_paym .inputTable.payYear td {font-size:14px;}
#tc_paym .inputTable.payYear col:nth-child(2),
#tc_paym .inputTable.payYear col:first-child {width: 33.333333%;}
#tc_pubc .btnRow.twoBtn,
#tc_paym .btnRow.twoBtn {width: auto !important; flex-wrap: wrap;}
#tc_pubc .basicBtn,
#tc_paym .basicBtn {width:100%; font-size:16px;}
#tc_pubc .btnRow.twoBtn .btnEnroll,
#tc_paym .btnRow.twoBtn .btnEnroll {width:100%; font-size:16px; margin:12px 0;}
#tc_bbs .boardWrap .documentNumber {padding:0 0; font-size:15px;}
#tc_bbs .boardWrap .tableBox table th.th5 {width: 50px;}
#tc_bbs #bbs_content .bbs_v_title {padding: 15px 0px !important;}
#tc_bbs #bbs_content .bbs_v_title h2 {font-size: 17px; line-height: 25px !important;}
#tc_bbs #bbs_content .bbs_v_cont {padding: 15px 0px !important;}
#tc_bbs #bbs_content .bbs_v_file {padding:15px 0px !important;}
#tc_bbs #bbs_content .bbs_v_file .txt {left:0 !important;}
#tc_bbs #bbs_content .bbs_v_file .file img {top:0 !important;}
#tc_bbs #bbs_content .bbs_v_title .v_info li {font-size: 13px !important;} 
#tc_upda .inputTable.signup div.department {display:block; width:100%; margin-bottom:5px;}
#tc_upda .inputTable .department select {width: 100%; max-width:none;}
#tc_upda .inputTable .w100 {width: 100%; max-width:none;}

#tc_pubc .inputTable,
#tc_pubc .inputTable tbody,
#tc_pubc .inputTable tr,
#tc_pubc .inputTable th,
#tc_pubc .inputTable td,
#tc_upda_mb table,
#tc_upda_mb tbody,
#tc_upda_mb tbody tr,
#tc_upda_mb tbody tr th,
#tc_upda_mb tbody tr th label,
#tc_upda_mb tbody tr td,
#tc_regi_frm .inputTable,
#tc_regi_frm .inputTable tbody,
#tc_regi_frm .inputTable tbody tr,
#tc_regi_frm .inputTable tbody th,
#tc_regi_frm .inputTable tbody th label,
#tc_regi_frm .inputTable tbody td {display:block; width:auto;}
#tc_upda_mb2 th.disbk,
#tc_pubc .inputTable th,
#tc_upda_mb tbody tr th,
#tc_regi_frm .inputTable tbody th {height: auto; background: #f7f7f7; padding: 15px 15px; margin-right:0;}
#tc_upda_mb tbody tr th label,
#tc_regi_frm .inputTable tbody th label {margin-right:0;}
#tc_upda_mb tbody tr td,
#tc_pubc .inputTable td,
#tc_regi_frm .inputTable tbody td {padding: 15px 0;}
#tc_regi_frm .inputTable tbody th .blk {display:inline-block;}
#tc_regi_frm .inputTable.payment > tbody > tr > td {padding-right:15px;}
#tc_regi_frm .inputTable.payment.mem td > p {width: auto; font-size: 15px; line-height: 25px;}
#tc_regi_frm .inputTable.payment .tbox {font-size: 15px; line-height: 25px;}
#tc_regi_frm .inputTable.payment .tdBody .innerTable {width:auto; display: block;}
#tc_regi_frm .tdBody .consult_category1,
#tc_regi_frm .tdBody .consult_category2,
#tc_regi_frm .tdBody .consult_category3 {width:100%; max-width: none;}
#tc_regi_frm .tdBody #listConsult td {padding: 0 0; margin-top: 10px;}
#tc_regi_frm .tdBody .btnAddTr {width:100%; margin-top:10px;}
#tc_regi_frm .inputTable td textarea {font-size:15px; padding:10px 10px;}

#tc_upda_mb {}
#tc_upda_mb table {}
#tc_upda_mb tbody {}
#tc_upda_mb tbody tr {}
#tc_upda_mb tbody tr th {}
#tc_upda_mb tbody tr th label {}
#tc_upda_mb tbody tr td {}
#tc_upda_mb tbody tr td input[type=text] {max-width:none;}
#tc_upda_mb .nameEngBox {max-width:none; flex-wrap: wrap;}
#tc_upda_mb #lastName {}
#tc_upda_mb #firstName {margin-left: 0; margin-top: 10px;}
#tc_upda_mb #checkExistEmail,
#tc_upda_mb #btnChangePhoneNumber {font-size:14px;}
#tc_upda_mb .tdWrap .inputBotText {font-size: 15px; line-height: 25px;}
#tc_upda_mb #foreignAddress {margin-top:0;}
#tc_upda_mb .typeChkBox {margin:5px 0;}
#tc_upda_mb .blk {display:inline-block;}
#tc_upda_mb2 {}
#tc_upda_mb2 .disbk {display:block;}
#tc_upda_mb2 th.disbk {width:100%;}
#tc_upda_mb2 th.disbk label {display:block;}
#tc_upda_mb2 td.disbk {}
#tc_upda_mb2 td.disbk .tdWrap {width:100%; overflow: unset;}
#tc_upda_mb2 td.disbk .tdWrap .inputTopText {font-size: 15px; line-height: 25px;}
.tc_scr {display:block; text-align: center; font-size: 14px; padding: 15px 0;}
#tc_tbl_over {overflow-x: scroll;}
#tc_tbl_over table.innerTable {width: 600px; margin-right: 30px;}
#tc_cont .btnAddTr,
#tc_tbl_over .btnAddTr {width:100%;}
#tc_cont .disbk .blk {display:inline-block;}
#tc_cont table.innerTable {width:100%; display:block;}
#tc_cont #listConsult {display:block;}
#tc_cont #listConsult tr {width:100%; display:block;}
#tc_cont #listConsult td {width:100%; display:block; margin-bottom: 5px; padding:0 0;}
#tc_cont #listConsult tr select {width:100%; max-width:none;}
#tc_upda_mb2 .department.disbk {padding-left:0;}
#tc_upda .pageTitleText .essentialInfo {margin-top:20px; font-size: 14px; position: static; text-align: right;}
#tc_upda input {max-width:none;}
#tc_upda .inputTable td select {width:100%;}
.awardRes .tabContentsBody {padding:0 0;}
#tc_pubc .mobile.inputTable.payBoard th {width:100%;}
#tc_pubc .mobile.inputTable.payBoard td {width:100%; border-left:0;}
#tc_pubc .numberBox {width:50%;}
#tc_pubc .mobile.inputTable.payBoard td input[type=number],
#tc_pubc .mobile.inputTable.payBoard td input[type=text],
#tc_pubc .mobile.inputTable.payBoard td select {max-width:none;}
#tc_qnav .boardWrap .boardListBtn button,
#tc_bbs .btnEnroll {font-size:16px; font-weight:500;}


}


@media all and (max-width:640px){

#tc_qnav.pageContents.subpage .contentsBox .pageTitleText.qnaView {padding:0 10px 20px;}
#tc_qnav .pageTitleText .condition {margin-top: 20px; font-size: 16px;}
#tc_qnav .pageContents.subpage .contentsBox .pageTitleText h3 {font-size: 22px;}
#tc_qnav .writeInfo .dateWrite {font-size:14px;}
#tc_qnav .qnaContent {padding: 0 0;}
#tc_qnav .qnaContent .questionBox {padding: 20px 10px;}
#tc_qnav .answerBox {padding: 20px 20px; font-size: 16px;}
#tc_qnav .dateAnswer {font-size: 14px;}
#tc_qnav .dateAnswer::before {font-size: 14px; width: 60px; height: 30px; line-height: 30px;}
.welcomBanner h4 {font-size:20px; padding:0 20px;}
.tabContents .tabSelect li,
.eventCalendar .selectMonth li,
.pageContents.subpage .contentsBox .subpageTab li {font-size:14px;}
.newsletterBox .newsletterHead select,
.awardBoxHead select {font-size:13px;}
.tabContents .eventYearList .eyItemDetail .eyItemTitle {font-size: 18px;}
.othersTableTitle,
.subpageMainInner .infoPub .pubTitle,
.pageContents.subpage .contentsBox .pageTitleText.enView h3, .pageContents.subpage .contentsBox .pageTitleText.en h3 {font-size:22px;}
.onTab3 a {font-size: 14px;}
.onInfo_txt {height:150px; overflow-y:auto; font-size: 13px;}
.onCont .tab li {font-size: 14px;}
.onFrm_cont .list .cont .subj {width: 100%; justify-content: left; padding: 15px 15px;}
.onFrm_cont .list .cont .ipt {padding: 0 0;}
.onFrm_cont .list .cont li {margin-bottom: 10px; border-bottom: 0;}
.comm_ipt {font-size: 14px;}
.onFrm_cont .itxt {font-size: 13px;}
.onFrm_cont .filebox {padding-right: 70px;}
.onFrm_cont .filebox label {width: 70px;}
.onFrm_cont .filebox .itxt {margin-right: -70px;}
.onFrm_cont .chk_txt {font-size: 14px;}
.onFrm_cont .chk_box {flex:1; padding:10px 0px; font-size: 14px;}
.onFrm_cont .chk_box.rdoc, .onFrm_cont .chk_box .rd, .onFrm_cont .chk_box .bx {font-size: 14px;}
.onFrm_cont .cash_b .comm_ipt {width: 100%;}
.onFrm_cont .last_txt {line-height:1.5;}
.go_btn {width: 120px; height:45px; font-size:14px;}
.online_frm .payCont ul {flex-wrap:wrap;}
.online_frm .payCont ul li {width: 100%; margin-right:0;}
.online_frm .payCont ul li:first-child {margin-bottom: 15px;}
.online_frm .payCont input[type=radio] {}
.online_frm .payCont label {flex:1; font-size: 14px; word-break: keep-all; line-height: 1.5; padding-left: 5px;}
.online_frm .last_btn .abg {margin-left: 20px;}
.online_frm .payCont .bbox .cont1 {width: 100%;}
.online_frm .payCont .bbox .cont2 {width: 100%; flex-wrap: wrap;}
.online_frm .payCont .bbox .cont2 .comm_ipt {width: 100%;}
.cp_intro ul li {width: 50%; margin-bottom: 30px;}
.cp_intro .img img {height: 30px;}
.cp_intro .p1 {font-size: 13px;}
.cp_ly_tit .le {font-size: 16px;}
.cp_ly_tit .ri img {height: 25px;}
.cp_ly_txt {font-size: 14px; height: 200px; overflow-y: auto; border: 1px solid #d1d1d1; padding: 10px 10px;}
.cp_ly_cont {margin: 20px 25px;}
.cp_ly_pdt {font-size: 14px;}
.online_frm .onTbl .tableBox table.award td {padding:10px 10px;}
.online_frm .onTbl .tableBox table.award td.td1 {width: 45px;}
.online_frm .onTbl .tableBox table.award td.td2 {width: auto;}
.online_frm .onTbl .tableBox table.award td.td3 {width: 70px;}
.online_frm .onTbl .tableBox table.award td.td4 {width: auto;}
.online_frm .onTbl .tableBox table.award td.td5 {width: 45px !important;}
.open_ly .mod_txt .p1 {font-size: 15px;}
.open_ly .view_close {font-size: 14px;}
.onFrm_mtxt {font-size: 15px; line-height: 1.5; word-break: keep-all;}
.online_frm .payCont ul li {margin-bottom: 10px;}
.onFrm_cont .listAdd {margin-bottom: 15px;}
.onFrm_cont .list .cont .w50.w33 {width: 100%; margin-bottom: 5px;}
.onFrm_cont .list .cont .w33 .subj {width: 80px; padding: 0 15px; height: 40px;}
.payMtd .tit {align-items: flex-start;}
.payMtd .tit .t1 {width: 100px;}
.payMtd .tit .t2 a {margin-bottom:5px;}
.payCont .iptc {height: auto; padding:10px 0;}
.payCont .iptc .ctt1 {width: 6rem; font-size: 14px;}
.payCont .iptc .ctt2 {flex-wrap:wrap;}
.payCont .iptc .ctt2 .comm_ipt {}
.payCont .iptc .ctt2 .itxt {padding-top: 3px;}
.online_frm .payCont .dbox .filebox, .online_frm .payCont .ebox .filebox {width: 100%;}
.online_frm .payCont .dbox .m1 {font-size: 14px;}
.hip {font-size: 14px; line-height: 1.5; word-break: keep-all;}
.online_frm .payCont .cbox {line-height:1.5;}

	
}


@media all and (max-width:480px){
   
#tc_regu .addedArticle.padLeft60 {padding-left: 10px;}
#tc_busi .subpageTable .tableWrap table.intro td.committee {padding: 20px 10px;}
#tc_gree .tabContentsBody {padding:0 0;}
#tc_intr .tabContents .introduce_select {padding:0 0;}
#conferenceIntroduceContent {padding:20px 0;}
#tc_regi .textWrap p {font-size: 16px; padding: 0 20px; word-break: keep-all; line-height: 24px;}
#tc_regi .totalSchBox select {font-size:13px; padding-left: 15px;}
#tc_regi_frm .totalSchBox select {font-size:13px; padding-left: 15px;}
    
}

/** Chem Frontier Tab - START */
.chemTabWrapper {
    width: 100%;
    margin: 1.5rem 0;
}

.chemTabContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 12px 16px;
    background: #F5F9FF;
    border: 1px solid #DCE6F8;
    border-radius: 12px;
}

.chemTabItem {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 24px;
    background: linear-gradient(to bottom, #F0F6FF, #E6F0FF);
    color: #417CE6;
    font-weight: 500;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
    box-shadow: inset 0 0 0 1px #D0E2FF;
}

.chemTabItem.selected {
    background: linear-gradient(to bottom, #417CE6, #558BEB);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(65, 124, 230, 0.3);
}

.chemTabItem:hover:not(.selected) {
    background: linear-gradient(to bottom, #D9E9FF, #C8DDFF);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* 반응형: 탭 많을 때 자동 개행 */
@media (max-width: 600px) {
    .chemTabItem {
        flex: 1 1 100%;
        text-align: center;
    }
}
/** Chem Frontier Tab - END */