/*********** 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;
}

/* 공지안내 서브네비 배경색 */
.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: 18px;
    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;
    }
}

/* ****** 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);
}

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

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

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

/* 수정 내역 팝업 */

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

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

.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; 
    font-size: 17px;
    line-height: 1.6em;
    letter-spacing: -0.03em;
    color: #1a1a1a;
}


.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 button {
    width: 28px;
    height: 29px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #6c6c6c;
    background: #fff;
    border: 1px solid #a1a1a1;
    margin: 0 3px;
}

.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 .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 {
        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% - 15px);
    }
    
    .boardWrap table.type01 td a.new {
        max-width: calc(100% - 50px);
    }
    
    .boardWrap table.type01 tr td span.newIcon {
        padding: 6px 5px;
        font-size: 11px;
        margin-left: 6px;
    }
}

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

/* 공지.소식 상세 */

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

.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: 32px;
    letter-spacing: -0.03em;
    color: #333;
}

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

.boardWrap table.type02 tr.contents td .contentsImg img {
    max-width: 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% - 15px);
    }
    
    .boardWrap table.type05 td a.new {
        max-width: calc(100% - 50px);
    }
    
    .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: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

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

.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: 500;
}

.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: 16px;
        line-height: 22px;
        font-weight: 700;
        margin-bottom: 16px;
    }
}


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

/* 연간 */

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

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

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


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

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

.subpageMainInner .pubImg{ 
    width: 250px;   
    margin: 0 50px;
}

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

.subpageMainInner .infoPub{
    width: 100%;
}

.subpageMainInner .imgtxt {font-size: 18px; font-weight: 500; line-height: 22px; padding: 20px 0; text-align: center;}

.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;
    color: #fff;
    width: 420px;
    height: 80px;
    background-color: #568aed;
    box-sizing: border-box;
}

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

.pubBtnBox button a{
    display: block;
    font-size: 20px;
    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%;
}

/* 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: 50px;
    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: 80px;
    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: 18px;
    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);
        font-size: 15px;
        height: 64px;
    }
    
    .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;
}

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

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

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

.photoBox img{
    width: 100%;
}

.textBox{
    padding: 10px 32px;
}

.awardName{
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #568aed;
    line-height: 22px;
    margin-bottom: 22px;
    padding: 0 1px;
    z-index: 1;
}

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

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

.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: 18px;       
    }
    
    .donorName{
        font-size: 18px; 
        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: 18px;
    }
    
    .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;
    }

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

@media all and (max-width: 768px){
    .visionBox{
        padding-top: 50px;
    }

    .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;
    }
}
/* 비전 끝 */

/* 인사말 시작 */
.introBox.welcome{
    padding-top: 0;
}

.welcomBanner{
    width: 100%;
    background: url(../images/intro/welcome_topbanner.png) no-repeat;
    background-size: 100%;
    padding: 78px 0;
    border: 0px 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: 22px;
   font-weight: 700;
   color: #222; 
   margin-bottom: 8px;
}

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

.intro_ceo{
	    width: 190px;
    }

@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: 17px;
        font-weight: 700;
        color: #222; 
        margin-bottom: 10px;
    }
    .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;
}   

.underLine{
    text-decoration: underline;
    text-underline-position: under;
}

.enrollBox{
    position: absolute;
    right: 0;
    bottom: 0;
}


.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%;
    border-top: 2px solid #1a1a1a;
}

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

.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;
    vertical-align: middle;
    position: relative;    
}

.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=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;
}

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

.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 36px;
    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%;
}

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

.checkboxWrap label{
    margin-right: 14px;
}

/* 등록 접수 확인 및 수정 시작 */
.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%
}

.tableWrap .awardResChk col:nth-child(2){
    width: 17%
}
.tableWrap .awardResChk col:nth-child(3){
    width: 27.3%
}

.tableWrap .awardResChk col:nth-child(4){
    width: 12.5%
}

.tableWrap .awardResChk col:nth-child(5){
    width: 12.5%
}

.tableWrap .awardResChk td{
    padding: 16px 33px;
}

.tableWrap .awardResChk td:nth-child(3){
    color: #417ce6;
    text-decoration: underline;
    text-underline-position: under;
}

.tableWrap .awardResChk td.cancel{
    color: #db2853;
}

.subpageTable.awardResChk{
    margin-bottom: 0;
}
/* 등록 접수 확인 및 수정 끝 */
/* 튜토리얼 시작 */
.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){
    .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){
    .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;
    }

    .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%
    };

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

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


/* 등록비 환불 안내 팝업 끝 */

/* 사전등록완료 안내 팝업 시작 */
.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 4px;
    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);
}


.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: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1280px;
    height: 870px;
    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: 46px;
    font-weight: 700;
    letter-spacing: -2px;
    color: #1a1a1a;
    text-align: center;
    margin-top: 25px;
    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: #4360d7;
    text-align: center;
    margin-top: 20px;
}

.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{
    padding: 0px 70px 70px 70px;
}

.belowBox li{
    margin-bottom: 16px;
}

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

.belowBox p{
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #666;
    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: 34px;
        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{
        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: 24px;
        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: 14px;
    }

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

.accInfoBox .accInfoBoxItem > span {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.accInfoBox .accInfoBoxItem p {
    padding-left : 25px;
    line-height: 130%;
}

.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: '';
}

.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:first-child{
    padding-left: 10px;
}

.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:first-child 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;
    }

    .btnAddTr{
        width: 1068px;
    }

}

@media all and (max-width:768px){
    .inputTable.signup col:first-child{
        width: 22%;
    }

    .inputTable.signup.openInfo .checkboxWrap{
        flex-direction: column;
        align-items: flex-start;
    }

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

/* 회원가입 끝 */

.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%;
    width: 970px;
    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{
        width: 100%;
        width: 100%;
        height: 100%;
        max-height: 510px;
    }

    .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: 900px;
    z-index: 100;
}

.promoteList li .proVidBox{
    position: relative;
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #EEE;
    margin: 0 auto;
}

.promoteList li h3{
    font-size: 20px;
    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: 100%;
        z-index: 100;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .promoteWrap {
        padding-top: 0;
    }

    .promoteList li .proVidBox{
        width: 90%;
        height: 500px;
    }

    .proVidWrap .swiper-arrow.swiper-prevP{
        left: 0;
    }
    
    .proVidWrap .swiper-arrow.swiper-nextP{
        right: 0;
    }


}

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

    .promoteList li .proVidBox{
        width: 90%;
        height: 300px;
    }

    .proVidWrap .swiper-arrow{
        position:absolute;
        top: 45%;
        transform: translateY(-50%);
    }
}

@media all and (max-width:480px){
    .promoteList li .proVidBox{
        width: 95%;
        height: 260px;
    }

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

.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: 29.1%;
}

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

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


@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:768px){
    .innerContTitle>h3{
        padding: 20px 0 20px;
    }
}
@media all and (max-width:480px){
    .innerSelR select{
        width: 100%;
    }

    .innerTabTitle>h4{
        font-size: 20px;
    }

    
}

/* 정관제규정 - 제규정 끝 */