
input,
select,
textarea {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: var(--bg-lightgray);
    line-height: 24px;
    color: var(--black);
    font-size: var(--sub-text);
    font-weight: 500;
    outline: none;
}
input, select {
    height: 60px;
    padding: 0 20px;
}
select {
    min-width: 100px;
}

/* input */
input::placeholder,
textarea::placeholder {
    color: var(--gray);
    line-height: 150%;
    font-weight: 500;
}
input:focus,
textarea:focus {
    border: 1px solid var(--black);
    background: var(--white);
}
input:disabled {
    background-color: var(--lightgray);
    color: var(--gray);
	opacity:1;
	-webkit-text-fill-color: inherit;
}
input[type="date"] {
    position: relative;
    min-width: unset;
    padding: 0 20px 0 52px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="date"]::before {
    content: attr(data-placeholder);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: var(--gray);
    line-height: 60px;
}
input[type="date"]:focus::before,
input[type="date"]:valid::before {
    display: none;
}
input[type="date"]::-webkit-datetime-edit {
    display: none;
}
input[type="date"]:focus::-webkit-datetime-edit,
input[type="date"]:valid::-webkit-datetime-edit {
    display: block;
}
input[type="date"]::-webkit-date-and-time-value {
    text-align: left;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 20px;
    color: rgba(0, 0, 0, 0);
    opacity: 0;
    z-index: 10;
    display: block;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-width: thin;
}
input::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: 0px;
}
input::-webkit-datetime-edit {
    position: relative;
    left: 0px;
}
input[type="date"]::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    background-image: url('/images/image-sprite.svg');
    background-position: -703px -34px;
    transform: translateY(-50%);
}
input[type="date"]:valid::after {
    background-position: -958px -117px;
}
/* 공통 */
.field-wrap {
    position: relative;
    margin-bottom: 40px;
}
.field-wrap:last-of-type {
    margin-bottom: 0;
}
.input-wrap {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    gap: 0 10px;
}
.input-area {
    position: relative;
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    gap: 14px 10px;
}
.input-wrap.comment .input-area {
    width: calc(100% - 140px);
}
.input-area .input {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

/* input + icon - 공통 */ 
.input-wrap .input-area .input .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
.input-wrap .input-area .input input + .icon.pay {
    color: var(--gray);
}
.input-wrap .input-area .input input:focus + .icon.pay,
.input-wrap .input-area .input input:valid + .icon.pay  {
    color: var(--black);
}
.input-wrap .input-area .input .guide-text .icon.info {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
}

.input-wrap + .img-attach-wrap,
.input-wrap + .guide-text {
    margin-top: 14px;
}
/* input + file icon */
.input-wrap .input-area .input.file {
    position: relative;
    width: 100%;
    height: 60px;
}
.input-wrap .input-area .input.file .filebox {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0 20px 52px;
    border-radius: 4px;
    background-color: var(--bg-lightgray);
    line-height: 150%;
    color: var(--gray);
    font-size: var(--sub-text);
    outline: none;
}
.input-wrap .input-area .input.file input[type="file"] {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/* input + link icon */
.input-wrap .input-area .input.link input {
    padding: 0 20px 0 52px;
}

/* input + pay icon */
.input-wrap.pay .input-area .input input {
    padding: 18px 20px 18px 52px;
}
.field-wrap .input-wrap.pay .label-area .guide-text {
    display: block;
    margin-top: 0;
}
.field-wrap .input-wrap.pay .label-area .guide-text .text {
    font-size: var(--small-text);
}
.field-wrap .input-wrap.invalid .label-area .guide-text .text {
    color: var(--red);
}
.field-wrap .input-wrap .invalid-text {
    display: none;
    position: absolute;
    bottom: -26px;
    left: 0;
    font-size: var(--small-text);
    color: var(--red);
    line-height: 150%;
}
.field-wrap .input-wrap.invalid .invalid-text {
    display: block;
}
.input-wrap.pay .label-area .label.required {
    line-height: 180%;
}

/* 검색 */
.input-wrap .input-area .input.search input {
    padding: 0 20px 0 52px;
    border: 1px solid var(--lightgray);
    background-color: transparent;
}
.input-wrap .input-area .input.search input:focus {
    border: 1px solid var(--black);
}
.input-wrap .input-area .input.search input:focus + .icon.search,
.input-wrap .input-area .input.search input:valid + .icon.search  {
    background-position: -686px -225px;
}
.input-wrap .input-area .input.search input:disabled + .icon.search {
    background-position: -820px -34px;
}
.input-wrap .input-area .input.search input:disabled::placeholder {
    color: var(--lightgray);
}
.input-wrap.search .input-area .input.w-medium input {
    max-width: 345px;
}

/* input date - period */
.input-area .period-area {
    display: flex;
    align-items: center;
}
.input-area .tilde {
    padding: 18px 10px;
    color: var(--darkgray);
    font-size: var(--sub-text);
}

/* input + width col */
.input-wrap .input-area .input.col-2 {
    width: calc(50% - 5px);
}
.input-wrap .input-area .input.col-3 {
    width: calc(33.3333% - (2 / 3) * 10px);
}
.input-wrap .input-area .input.col-6 {
    width: calc(16.6666% - 10px);
}
.input-area .input.half {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 0;
}
.input-area .input.w-small,
.input-area .input.w-small > input {
    width: 240px;
}

/* input + label */
.label-area {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -6px;
    font-size: var(--sub-title);
    font-weight: 700;
    line-height: 150%;
}
.popup-wrap .label-area {
    font-size: var(--sub-text);
}
.label-area .label {
    position: relative;
    line-height: 150%;
}
.label-area .label.required {
    padding-right: 12px;
}

/* input + label + guide text */
.field-wrap .label-area .guide-text {
    margin-left: 10px;
}
.field-wrap .label-area .guide-text .text {
    width: 100%;
    font-size: var(--sub-text);
    font-weight: 500;
}
.field-wrap .label-area .guide-text .icon.info + .text {
    width: calc(100% - 24px);
}

/* input + 2 button */
.input-wrap .button-area {
    display: flex;
    gap: 0 10px;
    flex-grow: 1;
    flex-shrink: 0;
}

/* input + 모바일에서만 나타나는 버튼 */
.input-wrap.mo-btn .button-area {
    display: none;
}

/* input + textarea  */
.input-area input + textarea {
    margin-top: 10px;
}

/* textarea */
textarea {
    height: 100%;
    min-width: 200px;
    min-height: 60px;
    padding: 17px 20px 15px;
    resize: none;
    vertical-align: middle;
}

/* input & textarea height */
.input-wrap .input-area .input.h-small {
    min-height: 156px;
}
.input-wrap .input-area .input.h-medium {
    min-height: 180px;
}
.input-wrap .input-area .input.h-large {
    min-height: 276px;
}
.input-wrap .input-area .input.h-ex-small {
    min-height: 120px;
}
.input-wrap .input-area .input.h-ex-large {
    min-height: 396px;
}
.input-wrap .input-area .input.h-small input,
.input-wrap .input-area .input.h-small textarea,
.input-wrap .input-area .input.h-medium input,
.input-wrap .input-area .input.h-medium textarea,
.input-wrap .input-area .input.h-large input,
.input-wrap .input-area .input.h-large textarea,
.input-wrap .input-area .input.h-ex-small input,
.input-wrap .input-area .input.h-ex-small textarea,
.input-wrap .input-area .input.h-ex-large input,
.input-wrap .input-area .input.h-ex-large textarea {
    min-height: 100%;
}

/* radio  */
.radio-wrap,
.radio-area,
.checkbox-wrap {
    display: flex;
    align-items: center;
}
.checkbox-wrap {
    flex-wrap: wrap;
    gap: 8px 10px;
}
.radio-area {
    flex-grow: 0;
    flex-shrink: 1;
}
.radio-wrap {
    gap: 0 30px;
    width: 100%;
    margin-bottom: 6px;
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    /*visibility: hidden;*/
}
.radio-area .radio-box {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--gray);
    border-radius: 50%;
    background: #ffffff;
}
.radio-area .radio-box + span:not(:empty) {
    padding-left: 5px;
    color: var(--gray);
    font-size: var(--sub-text);
    line-height: 150%;
}
.radio-area.checked input[type="radio"] + .radio-box,
.radio-area input[type="radio"]:checked + .radio-box {
    position: relative;
    border: 2px solid var(--main-color);
}
.radio-area.checked input[type="radio"] + .radio-box + span,
.radio-area input[type="radio"]:checked + .radio-box + span {
    color: var(--black);
}
.radio-area.checked input[type="radio"] + .radio-box::after,
.radio-area input[type="radio"]:checked + .radio-box::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--main-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* custom select */
.select-box {
    position: relative;
    width: 100%;
    text-align: left;
    cursor: default;
}
.select-box .select {
    width: 100%;
    min-width: 85px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: var(--bg-lightgray);
    background-image: url('/images/icon/arrow-select-default.svg');
    background-repeat: no-repeat;
    background-position: right 20px center;
    line-height: 60px;
    font-size: var(--sub-text);
    color: var(--gray);
    appearance: none;
}
.select-box.active .select {
    border-color: var(--black);
    background-color: var(--white);
    color: var(--black);
    background-image: url('/images/icon/arrow-select-focus.svg');
}
.select-box .opt-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 150;
    width: 100%;
    max-height: 210px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var(--lightgray);
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(27, 27, 27, 0.14);
    transform: translateY(5px);
}
.select-box .opt-list .opt-inner {
    padding: 13px 15px;
    border-radius: 4px;
    background-color: var(--white);
    font-size: var(--sub-text);
}
.select-box.active .opt-list {
    display: block;
}
.select-box .opt-item:hover .opt-inner {
    background-color: var(--bg-lightgray);
}

/* checkbox */
input[type="checkbox"] + label {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--darkgray);
    border-radius: 4px;
    background-color: var(--white);
}
input[type="checkbox"]:checked + label {
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}
input[type="checkbox"] + label::after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/images/image-sprite.svg');
    background-position: -323px -277px;
}
input[type="checkbox"]:checked + label::after {
    display: block;
}
input[type="checkbox"] + label + .text {
    color: var(--darkgray);
    font-size: var(--sub-text);
    line-height: 150%;
}

/* checkbox keyword style */
.checkbox-wrap .keyword input[type="checkbox"] + label {
    width: auto;
    height: 60px;
    padding: 0 30px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
    color: var(--gray);
    line-height: 60px;
}
.checkbox-wrap .keyword input[type="checkbox"]:checked + label {
    background: rgba(58, 66, 255, 0.1);
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-weight: 700;
}
.checkbox-wrap .keyword input[type="checkbox"]:checked + label::after {
    content: none;
}

@media all and (max-width: 768px) {
    input, select, textarea {
        height: 54px;
        font-size: var(--small-text);
        padding: 14px 12px;
    }
    textarea {
        min-height: 54px;
    }

    /* 공통 */
    .input-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .input-area {
        width: 80%;
    }
    .input-area:not(:first-of-type) {
        margin-top: 40px;
    }
    .input-area.w-50 {
        width: 100%;
    }
    .container .inner .table-wrap .table-title-wrap + .field-wrap {
        margin-bottom: 20px;
    }
    .container .inner .field-wrap:last-child {
        margin-bottom: 0;
    }
    .input-wrap .input-area .input .icon {
        left: 12px;
    }

    input[type="date"] {
        padding: 0 0 0 44px;
    }
    input[type="date"]::before {
        line-height: 54px;
    }
    input[type="date"]::after {
        left: 12px;
    }

    /* input date - period */
    .input-area .period-area {
        width: 100%;
    }
    .input-area .input.w-small {
        width: calc(50% - 15px);
    }
    .input-area .input.w-small > input {
        width: 100%;
    }

    
    /* input & textarea height */
    .input-wrap .input-area .input.h-medium,
    .input-wrap .input-area .input.h-ex-small,
    .input-wrap .input-area .input.h-ex-large {
        min-height: 138px;
    }

    /* input + file icon */
    .input-wrap .input-area .input.file .filebox {
        padding: 20px 0 20px 44px;
        font-size: var(--small-text);
    }

    /* input + link icon */
    .input-wrap .input-area .input.link input {
        padding: 0 20px 0 44px;
    }

    /* input + pay */
    .field-wrap .input-wrap.pay .label-area {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .field-wrap .input-wrap.pay .label-area .guide-text {
        width: auto;
    }

    /* Input : w-medium + Search icon */
    .input-wrap .input-area .input.search input {
        padding: 0 20px 0 44px;
        width: 56vw;
    }

    /* input + label */
    .label-area .label {
        font-size: var(--small-text);
    }
    .field-wrap .label-area {
        flex-direction: column;
        align-items: flex-start;
    }
    .field-wrap .label-area .guide-text {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }
    .field-wrap .label-area .guide-text .text {
        font-size: var(--ex-small-text);
    }

    /* input + guide text */
    .input-area .input + .guide-text {
        margin-top: -6px;
        font-size: var(--ex-small-text);
        align-items: flex-start;
    }
    .input-area .input + .guide-text .text {
        width: calc(100% - 20px);
    }


    /* textarea + button (Comment) - 모바일 */
    .input-wrap.comment .input-area {
        width: 100%;
    }
    .input-wrap.comment .input-area textarea {
        padding: 16px 55px 14px 12px;
        line-height: 21px;
        min-height: 54px;
    }
    .input-wrap.comment .button-area {
        position: absolute;
        right: 0;
        gap: 0;
    }
    .input-wrap.comment .button-area .btn {
        border: none;
        padding: 0 20px 0 10px;
    }

    /* Input + 모바일에서만 노출되는 버튼 */
    .input-wrap.mo-btn .input-area {
        width: 100%;
    }
    .input-wrap.mo-btn .input-area input {
        padding: 16px 55px 16px 12px;
        line-height: 21px;
    }
    .input-wrap.mo-btn .button-area {
        position: absolute;
        display: block;
        right: 0;
    }
    .input-wrap.mo-btn .button-area .btn {
        padding: 0 20px 0 10px;
        border: none;
        background-color: transparent;
        color: var(--main-color);
    }
    
    /* input + radio */
    .field-wrap .title-wrap + .radio-area {
        margin-top: 14px;
    }
    .radio-wrap {
        margin-bottom: 0;
    }
    .radio-area input[type="radio"] + label {
        font-size: var(--ex-small-text);
        line-height: 20px;
    }
    .radio-area input[type="radio"] + label:before {
        top: 0;
    }
    .radio-area .radio-box + span:not(:empty) {
        font-size: var(--ex-small-text);
    }

    /* custom select */
    .select-box .select {
        height: 54px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: var(--small-text);
        line-height: 54px;
        background-image: url('/images/icon/mo-arrow-select-default.svg');
        background-position: right 12px center;
    }
    .select-box.active .select {
        background-image: url('/images/icon/mo-arrow-select-focus.svg');
    }
    .select-box .opt-list .opt-inner {
        font-size: var(--small-text);
    }

    /* checkbox */
    input[type="checkbox"] + label + .text {
        font-size: var(--small-text);
    }

    /* checkbox keyword style */
    .checkbox-wrap .keyword input[type="checkbox"] + label {
        height: 54px;
        padding: 0 25px;
        font-size: var(--small-text);
        line-height: 54px;
    }
}


/* ===== BOARD ===== */

.board_search {/*border:1px solid #eee;*/ background:#fff; height:45px; line-height:45px; padding:0 0 0 0; font-size:14px; letter-spacing:-0.5px; position:relative;}
.board_search.bg_box {border:1px solid #ddd; background:#f4f5f7; padding:0 10px 0 14px;}
.board_search .txt_small {font-size:13px;}

.board_search .search_form {display:inline-block; *zoom:1; *display:inline; line-height:37px;}
.board_search .left {display:inline-block; *zoom:1; *display:inline; position:absolute; left:9px; top:0; text-align:left;}
.board_search .search_form.right {display:inline-block; *zoom:1; *display:inline; position:absolute; right:0px; top:0; text-align:right;}

.board_search .search_form .comForm select,
.board_search .search_form .btn_style01,
.board_search .search_form .comForm input[type="text"],
.board_search .search_form .comForm input[type="password"],
.board_search .search_form .comForm input[type="email"],
.board_search .search_form .comForm input[type="tel"],
.board_search .search_form .comForm input[type="number"] {vertical-align:bottom; height:30px;}

.board_btn_box01 {position:relative; width:100%; background:#f4f5f7; border:1px solid #ddd; padding:0 12px 0 12px; line-height:20px;}
.board_btn_box01 > ul {width:100%; display:inline-block; *zoom:1; *display:inline;}
.board_btn_box01 > ul:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.board_btn_box01 > ul > li {float:left; width:50%; font-size:14px; height:50px; line-height:50px;}

.board_copy_table {display:none; background:#fff; border:1px solid #ddd; padding:23px 25px 23px 25px; position:absolute; left:0; bottom:67px; width:300px; z-index:1; text-align:left; color:#666; font-size:13px; letter-spacing:-0.8px; line-height:22px;}
.board_copy_table .board_copy_tit {color:#1465af; font-size:20px; font-family:'NanumSquareR', Pretendard; font-weight:normal; text-align:center;}
.board_copy_table .board_copy_box {border:3px solid #eee; text-align:center; padding:10px 10px 10px 10px;}


/* ===== BOARD POPUP ===== */

.pop_wrap_90p {padding:10px 0 30px 0; width:90%; margin:0 auto;}
.pop_wrap_96p {padding:10px 0 30px 0; width:96%; margin:0 auto;}
.pop_wrap_100p {width:100%; height:100%;}

.layer_pop_wrap_92p {padding:10px 0 30px 0; width:92%; margin:0 0 0 10px;}

.pop_tit01 {background:#1465af; color:#fff; font-size:15px; line-height:24px; text-align:center; font-weight:normal; letter-spacing:-1px; padding:8px 8px 8px 8px;}
.pop_tit01.pd12 {padding:16px 12px 16px 12px;}

.pop_tit02 {background:#1465af url(/web/images/sub/com_popup_tit_bg01.jpg) no-repeat top right; color:#fff; font-size:15px; padding:23px 25px 22px 25px; line-height:24px; letter-spacing:-1px; height:56px;}
.pop_tit02 > h3 {font-size:23px; font-family:'NanumSquareEB', Pretendard; margin:0 0 8px 0;}
.pop_tit02 > h3 > span {color:#c0e4ff;}

.pop_sub_tit01 {text-align:center; font-size:15px; color:#555;}
.pop_sub_tit01 > h3 {color:#333; font-size:23px; font-family:'NanumSquareR', Pretendard; font-weight:normal; margin-bottom:5px;}
.pop_sub_tit01 > p {letter-spacing:-1px;}

.loading_iCon01 {text-align:center; color:#1465af;}


/* ===== BOARD TABLE STYLE 01 ===== */

.board_table01 {width:100%; position:relative;}
.board_table01 > table {border-top:2px solid #333; width:100%; font-size:16px; line-height:1.5em;}
.board_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.board_table01.blue > table {border-top:2px solid #1465af;}

.board_table01 > table > caption {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.board_table01 > table > thead > tr > th,
.board_table01 > table > tbody > tr > th {padding:16px 12px 16px 12px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; letter-spacing:-0.6px; color:#333;}
.board_table01 > table > tbody > tr > td {padding:16px 12px 16px 12px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; letter-spacing:-0.6px; color:#555;}

.board_table01.pd_10 > table > tbody > tr > th,
.board_table01.pd_10 > table > thead > tr > th {padding:10px 10px 10px 10px;}
.board_table01.pd_10 > table > tbody > tr > td,
.board_table01.pd_10 > table > thead > tr > td {padding:10px 10px 10px 10px;}

.board_table01.pd_08 > table > tbody > tr > th,
.board_table01.pd_08 > table > thead > tr > th {padding:8px 8px 8px 8px;}
.board_table01.pd_08 > table > tbody > tr > td,
.board_table01.pd_08 > table > thead > tr > td {padding:8px 8px 8px 8px;}

.board_table01 > table > tbody > tr > td > img {max-width:940px; height:auto; display:block;}

.board_table01 > table.hover tr:hover {background:#f1f4f7;}

.board_table01 > table .tit_fff {color:#333; background:#fff;}
.board_table01 > table .tit_fff.t_divider {background:#fff url(/images/sub/sub_tab_divider03.jpg) no-repeat right top;}
.board_table01 > table .tit_lgray {color:#333; background:#fafafa;}
.board_table01 > table .tit_lgray.t_divider {background:#fafafa url(/images/sub/sub_tab_divider03.jpg) no-repeat right top;}
.board_table01 > table .tit_gray {color:#333; background:#f4f5f7;}
.board_table01 > table .tit_gray.t_divider {background:#f4f5f7 url(/images/sub/sub_tab_divider03.jpg) no-repeat right top;}
.board_table01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.board_table01 > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;}

.board_table01 > table > thead > tr > th.r_border, .board_table01 > table > thead > tr > td.r_border,
.board_table01 > table > tbody > tr > th.r_border, .board_table01 > table > tbody > tr > td.r_border {border-right:1px solid #ddd;}

.board_table01 > table .upload_img {display:block; width:140px; height:140px; border:1px solid #ddd; border-radius:300px; margin:0 auto; background-size:100% auto !important;}

.board_table01 > table .notice {background:#f7f8f9;}
.board_table01 > table .notice .board_tit a {font-weight:bold; color:#333;}
.board_table01 > table .notice .board_tit a:hover {color:#111;}

.board_table01 > table .txt_hidden p {text-overflow:ellipsis !important; white-space:nowrap; overflow:hidden;}

.board_table01 > table .noti_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/images/board/board_list_iCon01.png) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;}
.board_table01 > table .noti_icon2 {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/images/board/board_list_iCon08.gif) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;}
.board_table01 > table .now_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/images/board/board_list_iCon07.png) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;}
.board_table01 > table .board_tag span {display:inline-block; *zoom:1; *display:inline; font-size:12px; font-weight:bold; letter-spacing:-1px; width:56px; text-align:center; height:24px; /*line-height:22px;*/}
.board_table01 > table .board_tag.tag_lg span {width:80px;}

.board_table01 > table .board_tag span.tag1 {color:#fff; background:#1465af; border:1px solid #1465af;} /* ������ */
.board_table01 > table .board_tag span.tag2 {color:#fff; background:#6ec6c1; border:1px solid #6ec6c1;} /* ����� */
.board_table01 > table .board_tag span.tag3 {color:#86888b; background:#fff; border:1px solid #86888b;} /* �̺�Ʈ */
.board_table01 > table .board_tag span.tag4 {color:#86888b; background:#fff; border:1px solid #86888b;} /* �����ȳ� */
.board_table01 > table .board_tag span.tag5 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag6 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag7 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag8 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag9 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag10 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag11 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag12 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag13 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag14 {color:#86888b; background:#fff; border:1px solid #86888b;} /* ���˾ȳ� */
.board_table01 > table .board_tag span.tag_faq {display:inline-block; *zoom:1; *display:inline; background:#1465af; color:#fff; height:26px; line-height:25px; text-indent:0; font-size:13px; /*width:74px;*/ width:auto; padding:0 6px 0 6px; text-align:center; font-weight:bold; border-radius:3px; margin:0 8px 0 0;} /* FAQ */

.board_table01 > table .board_tit {text-align:left;}
.board_table01 > table .board_tit.new a {font-weight:bold; color:#1465af;}
.board_table01 > table .board_tit.new a:hover {color:#032a58;}
.board_table01 > table .board_tit a {color:#333;}
.board_table01 > table .board_tit .new_icon {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/images/board/board_list_iCon02.png) no-repeat; background-position:0 0; margin:0 0 0 4px; vertical-align:middle;}
.board_table01 > table .board_tit .new_icon2 {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/images/board/board_list_iCon08.gif) no-repeat; background-position:0 0; margin:0 0 0 5px; vertical-align:middle;}
.board_table01 > table .board_tit .lock_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:13px; background:url(/images/board/board_list_iCon05.png) no-repeat; background-position:0 0; margin:0 0 0 4px; vertical-align:middle;}
.board_table01 > table .board_tit .comment_set {font-size:11px; color:#a4a4a4;}
.board_table01 > table .board_tit .comment_set .comment_icon {display:inline-block; *zoom:1; *display:inline; width:15px; height:13px; background:url(/images/board/board_list_iCon06.png) no-repeat; background-position:0 0; margin:0 2px 0 4px; vertical-align:middle;}

.board_table01 > table .board_date, .board_table02 > table .board_date {display:inline-block; *zoom:1; *display:inline; float:right; color:#888;}
.board_table01 > table .board_date span, .board_table02 > table .board_date span {letter-spacing:0;}

.board_table01 > table .board_thumb {}
.board_table01 > table .board_thumb img {display:block; width:100px; height:auto; margin:0 auto;}

.board_table01 > table .price .cost {text-decoration:line-through;}
.board_table01 > table .price .sale {color:#cc0000; font-weight:bold;}

.board_table01 > table .file_down {display:inline-block; *zoom:1; *display:inline; width:19px; height:18px; line-height:18px; background:url(/images/board/file_down_iCon01.png) no-repeat; background-position:0 0; vertical-align:middle;}
.board_table01 > table .file_down:hover {background-position:0 -18px;}
.board_table01 > table .file_link {}
.board_table01 > table .file_link:hover {text-decoration:underline;}

.board_table01 > table > tbody > tr > td.none_data {height:200px; line-height:200px; background:#fff;}

.board_table01 > table .board_contents {padding:30px 30px 30px 30px; text-align:inherit; word-break:break-all; letter-spacing:-0.3px !important;}
.board_table01 > table .board_contents.toppd_no {padding:0 30px 30px 30px;}
.board_table01 > table .board_contents.topdownpd_no {padding:0 30px 0px 30px;}
.board_table01 > table .board_contents .question_box {border-top:2px dotted #ccc; padding:15px 0 0 0; margin:15px 0 0 0;}
.board_table01 > table .board_contents .question_box2 {border-bottom:2px dotted #ccc; padding:0 0 15px 0; margin:0 0 15px 0;}
.board_table01 > table .board_contents .question_box3 {border:4px solid #eee; padding:13px 15px 15px 15px; margin:15px 0 0 0;}
.board_table01 > table .board_contents .q_tit {color:#333; margin:0 0 5px 0;}
.board_table01 > table .board_contents .q_tit2 {color:#333; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;}
.board_table01 > table .board_contents .q_date {color:#999; font-weight:normal; margin:0 0 0 0; float:right; font-size:12px; letter-spacing:0;}

.board_table01 > table .board_contents img {max-width:940px; height:auto;}

.board_table01 > table .q_icon, .board_table01 > table .a_icon {display:inline-block; *zoom:1; *display:inline; vertical-align:middle; height:16px;}
.board_table01 > table .q_icon {background:url(/images/board/board_list_iCon03.png) no-repeat; width:16px; margin:0 8px 3px 0;}
.board_table01 > table .a_icon {background:url(/images/board/board_list_iCon04.png) no-repeat; width:32px; margin-right:8px; margin-bottom:3px;}
.board_table01 > table .a_icon.l_1 {margin-left:16px;}
.board_table01 > table .a_icon.l_2 {margin-left:32px;}
.board_table01 > table .a_icon.l_3 {margin-left:48px;}
.board_table01 > table .a_icon.l_4 {margin-left:54px;}

.board_table01 > table .sns_icon {position:relative;}
.board_table01 > table .sns_icon a {display:inline-block; *zoom:1; *display:inline; color:#555; width:30px; height:30px; vertical-align:middle; background:url(/images/sub/lnb_sns_iCon01.png) no-repeat;}
.board_table01 > table .sns_icon a:hover {background:url(/images/sub/lnb_sns_iCon01_on.png) no-repeat;}

.board_table01 > table .sns_icon a.s_facebook {background-position:0 0;}
.board_table01 > table .sns_icon a.s_twitter {background-position:0 -30px;}
.board_table01 > table .sns_icon a.s_band {background-position:0 -60px;}
.board_table01 > table .sns_icon a.s_kko_story {background-position:0 -90px;}
.board_table01 > table .sns_icon a.s_kko_talk {background-position:0 -120px;}

.board_table01 > table .sns_icon_s {position:relative;}
.board_table01 > table .sns_icon_s a {display:inline-block; *zoom:1; *display:inline; color:#555; width:22px; height:22px; vertical-align:middle; background:url(/images/sub/lnb_sns_iCon02.png) no-repeat;}
.board_table01 > table .sns_icon_s a:hover {background:url(/images/sub/lnb_sns_iCon02_on.png) no-repeat;}

.board_table01 > table .sns_icon_s a.s_facebook {background-position:0 0;}
.board_table01 > table .sns_icon_s a.s_twitter {background-position:0 -22px;}
.board_table01 > table .sns_icon_s a.s_band {background-position:0 -44px;}
.board_table01 > table .sns_icon_s a.s_kko_story {background-position:0 -66px;}
.board_table01 > table .sns_icon_s a.s_kko_talk {background-position:0 -88px;}

.board_table01 .comForm textarea {margin-bottom:-5px !important;}

.board_table01 > table .board_table_ta01 {}
.board_table01 > table .board_table_ta01 textarea {border:1px solid #ddd; padding:10px 10px 10px 10px; letter-spacing:-0.6px; color:#666; margin:0; box-sizing:border-box;}
.board_table01 > table .board_table_ta01 textarea.mgb0 {margin-bottom:-5px;}

.board_table01 > table .board_table_ta01 textarea:focus {border:1px solid #1465af; outline: 0;
												   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
														   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}


/* ===== BOARD TABLE STYLE 02 ===== */

.board_table02 {width:100%; position:relative;}
.board_table02 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; letter-spacing:-0.6px; line-height:24px;}
.board_table02 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.board_table02.txt_s12 > table {font-size:12px;}

.board_table02.black > table {border-top:2px solid #333;}
.board_table02.blue > table {border-top:2px solid #1465af;}

.board_table02 > table .tit_fff {color:#333; background:#fff;}
.board_table02 > table .tit_lgray {color:#333; background:#fafafa;}
.board_table02 > table .tit_gray {color:#333; background:#f4f5f7;}

.board_table02 > table.hover tr:hover {background:#f1f4f7;}

.board_table02.pd_10 > table > tbody > tr > th,
.board_table02.pd_10 > table > thead > tr > th {padding:10px 10px 10px 10px;}
.board_table02.pd_10 > table > tbody > tr > td,
.board_table02.pd_10 > table > thead > tr > td {padding:10px 10px 10px 10px;}

.board_table02.pd_08 > table > tbody > tr > th,
.board_table02.pd_08 > table > thead > tr > th {padding:8px 8px 8px 8px;}
.board_table02.pd_08 > table > tbody > tr > td,
.board_table02.pd_08 > table > thead > tr > td {padding:8px 8px 8px 8px;}

.board_table02 > table > thead > tr > th, .board_table02 > table > thead > tr > td,
.board_table02 > table > tbody > tr > th, .board_table02 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.board_table02 > table > thead > tr > th, .board_table02 > table > tbody > tr > th {color:#333;}

.board_table02 > table > thead > tr > td, .board_table02 > table > tbody > tr > td {color:#555;}
.board_table02 > table > thead > tr > td.a_left, .board_table02 > table > tbody > tr > td.a_left,
.board_table02 > table > thead > tr > th.a_left, .board_table02 > table > tbody > tr > th.a_left {text-align:left; padding-left:12px;}
.board_table02 > table > thead > tr > td.a_right, .board_table02 > table > tbody > tr > td.a_right,
.board_table02 > table > thead > tr > th.a_right, .board_table02 > table > tbody > tr > th.a_right {text-align:right; padding-right:12px;}


/* ===== BOARD LIST STYLE ===== */

.board_list01 {width:100%; position:relative; font-size:14px; line-height:24px; border-top:1px solid #ddd;}
.board_list01 > ul {}
.board_list01 > ul > li {float:left; width:980px; border-bottom:1px solid #ddd; padding:20px 0 20px 20px; letter-spacing:-0.6px;}
.board_list01 > ul > li:hover {background:#f4f5f7;}

.board_list01 > ul > li.new .list_tit {color:#1465af;}
.board_list01 > ul > li .list_new {display:inline-block; *zoom:1; *display:inline; width:13px; height:16px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 0 0 5px;}

.board_list01 dl.list_con {width:100%; display:block; clear:both;}
.board_list01 dl.list_con > dt,
.board_list01 dl.list_con > dd {float:left; height:140px;}
.board_list01 dl.list_con > dt {width:218px; height:138px; border:1px solid #eee;}
.board_list01 dl.list_con > dd {width:720px; padding:0 20px 0 20px;}

.board_list01 dl.list_con .list_tit {color:#333; font-size:17px; margin:0 0 10px 0;}
.board_list01 dl.list_con .list_date {font-size:13px; color:#888; letter-spacing:0;}
.board_list01 dl.list_con .list_date .divider {color:#d6d6d6; font-size:12px; margin:0 2px 0 2px;}

.board_list01 > ul > li.con_none {width:998px; height:100px; padding-top:80px; border:1px solid #ddd; border-top:1px solid #f4f5f7; background:#f4f5f7; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;}


/* ===== PAGINATION STYLE ===== */

.pagin_wrap {width:100%;display: flex;justify-content: center;align-items: center;margin-top: 3.125vw;}
.pagin_wrap:after {content:""; display:block; clear:both;}

.pagination {width:100%; text-align:center;}
.pagination a {display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:2px; padding:0; width:26px; height:26px; line-height:22px; font-size:14px; color:#555; border:1px solid #ddd; background:#FFF;
			   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.pagination a:hover {color:#333; background:#fff; font-weight:bold; border:1px solid #111;}

.pagination a.active {color:#fff; background:#333; font-weight:bold; border:1px solid #111;}

.pagination a.arrow {background:#fff url(/images/board/board_arrow_iCon01.png) no-repeat;}
.pagination a.arrow.arrow_left {background-position:0 0;}
.pagination a.arrow.arrow_right {background-position:0 -25px;}
.pagination a.arrow.arrow_left_db {background-position:0 -50px;}
.pagination a.arrow.arrow_right_db {background-position:0 -75px;}


@media (max-width: 767px) {
	.pagin_wrap{display: none;}
}
/* ===== REGISTRATION LIST ===== */

/* common course iCon */

.com_course_iCon {margin-bottom:4px;}
.com_course_iCon.b_box {border:4px solid #eee; padding:15px 0 15px 0; margin:20px 0 0 0; text-align:center; font-size:13px; letter-spacing:-1px; color:#555;}
.com_course_iCon .divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#d6d6d6;}
.com_course_iCon > a {display:inline-block; *zoom:1; *display:inline; font-size:11px; letter-spacing:-1px; height:16px; line-height:15px !important; padding:0 3px 0 3px; text-align:center; font-weight:normal;}

.com_course_iCon > .mobile {background:#fff url(/web/images/board/course_Reg/reg_list_iCon01.png) no-repeat 3px; color:#7e838f !important; border:1px solid #7e838f; padding:0 3px 0 11px;}
.com_course_iCon > .cert {background:#fff; color:#1465af !important; border:1px solid #1465af;}
.com_course_iCon > .next {background:#7e838f; color:#fff !important; border:1px solid #7e838f; border-radius:3px;}
.com_course_iCon > .bg_blue {background:#1465af; color:#fff !important; border:1px solid #1465af;}

.com_course_iCon > .major {color:#fff !important; border-radius:3px; width:10px; font-weight:bold; padding:0 4px 0 2px;}

.com_course_iCon > .major.m_01 {background:#1465af; border:1px solid #1465af;} /* BLUE */
.com_course_iCon > .major.m_02 {background:#783ba6; border:1px solid #783ba6;} /* PURPLE */
.com_course_iCon > .major.m_03 {background:#ed7000; border:1px solid #ed7000;} /* ORANGE */
.com_course_iCon > .major.m_04 {background:#00286b; border:1px solid #00286b;} /* NAVY */
.com_course_iCon > .major.m_05 {background:#3da200; border:1px solid #3da200;} /* GREEN */
.com_course_iCon > .major.m_06 {background:#7e838f; border:1px solid #7e838f;} /* GRAY */
.com_course_iCon > .major.m_07 {background:#36adad; border:1px solid #36adad;} /* MINT */

.com_course_iCon > .off_line {color:#fff !important; border-radius:3px; width:auto; font-weight:bold; padding:0 4px 0 2px;}
.com_course_iCon > .off_line.off_01 {background:#cc0000; border:1px solid #cc0000;}

/* Reg_tab_depth01 */

.Reg_tab_depth01 {width:100%; line-height:24px;}
.Reg_tab_depth01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd; text-align:center;}
.Reg_tab_depth01 > ul > li.menu {float:left; background:url(/web/images/sub/sub_tab_divider02.jpg) no-repeat right top; border-bottom:1px solid #eee; position:relative;}
.Reg_tab_depth01 > ul > li .sale_tag {position:absolute; top:14px; right:20px; display:inline-block; *zoom:1; *display:inline; background:#1465af; color:#fff; border-radius:300px; width:50px; height:50px; line-height:50px; text-align:center; letter-spacing:0; font-size:16px;}

.Reg_tab_depth01.col1 > ul > li.menu {width:100%;}

.Reg_tab_depth01.col2 > ul > li.menu {width:50%;}
.Reg_tab_depth01.col2 > ul > li:nth-child(2n+2) {background:none;}

.Reg_tab_depth01.col3 > ul > li.menu {width:33.3%;}
.Reg_tab_depth01.col3 > ul > li:nth-child(3n+3) {background:none;}

.Reg_tab_depth01.col4 > ul > li.menu {width:25%;}
.Reg_tab_depth01.col4 > ul > li:nth-child(4n+4) {background:none;}

.Reg_tab_depth01.col5 > ul > li.menu {width:20%;}
.Reg_tab_depth01.col5 > ul > li:nth-child(5n+5) {background:none;}

.Reg_tab_depth01 > ul > li.menu > a {display:block; color:#555; font-weight:bold; letter-spacing:-1px; font-size:16px; height:60px; line-height:25px; padding:10px 0 0 0; border-top:5px solid #ddd;
									 -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.Reg_tab_depth01 > ul > li.menu > a.active, .Reg_tab_depth01 > ul > li.menu > a:hover {color:#1270cb; border-top:5px solid #1270cb;}
.Reg_tab_depth01 > ul > li.menu > a .small {font-size:14px; font-weight:normal; color:#888;}

.Reg_tab_depth01 > ul > li.Reg_date_info {float:left; background:#f4f5f7; width:100%; height:50px; line-height:50px; color:#555; border-bottom:none; font-size:14px;}
.Reg_tab_depth01 > ul > li.Reg_date_info .info_tit {color:#333; font-weight:bold; letter-spacing:-1px;}
.Reg_tab_depth01 > ul > li.Reg_date_info .divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#d6d6d6;}

/* Reg_tab_depth02 */

.Reg_tab_depth02 {width:100%; line-height:24px;}
.Reg_tab_depth02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center;}
.Reg_tab_depth02 > ul > li.menu {float:left; width:11%; position:relative;}
.Reg_tab_depth02 > ul > li:first-child {width:12%;}

.Reg_tab_depth02 .open_course_tag {position:absolute; top:-15px; left:0; width:100%; text-align:center; letter-spacing:-0.8px;}
.Reg_tab_depth02 .open_course_tag .open_tag {display:inline-block; background:#fff; border:1px solid #eb5f01; color:#eb5f01; font-size:11px; padding:0 4px 0 4px; height:20px; line-height:19px !important; font-weight:bold;}
.Reg_tab_depth02 .open_course_tag .open_tag.blink {animation:statchangeColor 0.6s  ease 0.6s infinite alternate;}
.Reg_tab_depth02 .open_course_tag .open_tag.blink_jido {animation:statchangeJido 0.6s  ease 0.6s infinite alternate; border:1px solid #009494; color:#009494;}

@keyframes statchangeColor {
    0% {color:#eb5f01; background:#fff;}
    50% {color:#eb5f01; background:#fff;}
    51% {color:#ffff00; background:#eb5f01;}
    100% {color:#ffff00; background:#eb5f01;}
}

@keyframes statchangeJido {
    0% {color:#009494; background:#fff; border-color:#009494;}
    50% {color:#009494; background:#fff; border-color:#009494;}
    51% {color:#ffff00; background:#004b4b; border-color:#004b4b;}
    100% {color:#ffff00; background:#004b4b; border-color:#004b4b;}
}

.Reg_tab_depth02 > ul > li.menu > a {display:block; background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #1465af; font-size:14px; letter-spacing:-1px; line-height:50px;
								-webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.Reg_tab_depth02 > ul > li.menu > a.last {border-right:1px solid #eee;}
.Reg_tab_depth02 > ul > li.menu > a.active, .Reg_tab_depth02 > ul > li.menu > a:hover {background:#1465af; color:#fff; border-color:#1465af; font-weight:bold;}

.Reg_tab_depth02 > ul > li.major_menu {display:none; float:left; width:998px; border:1px solid #eee; background:#fff; border-top:none; height:45px; line-height:40px;}
.Reg_tab_depth02 > ul > li.major_menu > a {display:inline-block; *zoom:1; *display:inline; font-size:14px; letter-spacing:-1px;}
.Reg_tab_depth02 > ul > li.major_menu > a.active {color:#333; font-weight:bold;}

.Reg_tab_depth02 > ul > li.major_menu .divider {display:inline-block; *zoom:1; *display:inline; width:1px; height:12px; background:#d6d6d6; margin:0 5px 0 5px; vertical-align:middle;}

/* Reg_list_table */

.Reg_list_table01 {width:100%; position:relative; background:#fff;}
.Reg_list_table01 > table {border-top:2px solid #333; width:100%; letter-spacing:-0.6px; font-size:13px; line-height:22px;}
.Reg_list_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.Reg_list_table01.table_body > table {border-top:none;}

.Reg_list_table01 > table.hover tr:hover {background:#f4f5f7;}
.Reg_list_table01 > table .tit_fff th {color:#333; background:#fff;}
.Reg_list_table01 > table .tit_gray {color:#333; background:#f4f5f7;}
.Reg_list_table01 > table .tit_lgray {color:#333; background:#fafafa;}

.Reg_list_table01 > table .line_bg_gray {background:#f4f5f7;}
.Reg_list_table01 > table .line_bg_lgray {background:#fafafa;}

.Reg_list_table01 > table .req_info {display:none; color:#ff0000; font-size:12px; letter-spacing:-0.8px; margin-left:5px;}
.Reg_list_table01 > table .req_info2 {color:#ff0000; font-size:12px; letter-spacing:-0.8px; margin-left:5px;}

.Reg_list_table01 > table .require_info {font-size:18px; color:#1465af; font-weight:bold;}

.Reg_list_table01.blue > table {border-top:2px solid #1465af;}
.Reg_list_table01.txt_md > table {font-size:14px; line-height:24px;}

.Reg_list_table01 > table .line_bg {background:#f1f4f7;}

.Reg_list_table01 > table > thead > tr > th, .Reg_list_table01 > table > thead > tr > td,
.Reg_list_table01 > table > tbody > tr > th, .Reg_list_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.Reg_list_table01 > table > thead > tr > th:last-child, .Reg_list_table01 > table > thead > tr > td:last-child,
.Reg_list_table01 > table > tbody > tr > th:last-child, .Reg_list_table01 > table > tbody > tr > td:last-child {border-right:1px solid #fff;}

.Reg_list_table01 > table > thead > tr > th.r_border, .Reg_list_table01 > table > thead > tr > td.r_border,
.Reg_list_table01 > table > tbody > tr > th.r_border, .Reg_list_table01 > table > tbody > tr > td.r_border {border-right:1px solid #ddd;}

.Reg_list_table01 > table > thead > tr > th, .Reg_list_table01 > table > tbody > tr > th {color:#333;}

.Reg_list_table01 > table > thead > tr > td, .Reg_list_table01 > table > tbody > tr > td {color:#555;}
.Reg_list_table01 > table > thead > tr > th.a_left, .Reg_list_table01 > table > tbody > tr > th.a_left,
.Reg_list_table01 > table > thead > tr > td.a_left, .Reg_list_table01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.Reg_list_table01 > table > thead > tr > td.a_right, .Reg_list_table01 > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;}

.Reg_list_table01 > table > thead > tr > td.a_top, .Reg_list_table01 > table > tbody > tr > td.a_top {vertical-align:top;}

.Reg_list_table01 > table .course_tit {text-align:left; padding-left:12px; font-weight:bold; color:#333;}
.Reg_list_table01 > table .course_tit a {color:#333;}
.Reg_list_table01 > table .course_tit a:hover {color:#1465af;}
.Reg_list_table01 > table .course_tit .info_txt {font-weight:normal;}

.Reg_list_table01 > table .course_tit a .meeting {font-weight:normal; color:#888;}

.Reg_list_table01 > table .hover_tit_wrap {position:relative; padding:10px 10px 10px 10px;}
.Reg_list_table01 > table .hover_tit_wrap .hover_tit01 {position:absolute; left:0; top:0; width:175px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}
.Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover {text-overflow:none; overflow:inherit; z-index:10; cursor:help;}
.Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover .title {background:rgba(1,112,201,0.8); color:#fff; padding:4px 6px 6px 6px;}
.Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover .title a {color:#fff;}

.Reg_list_table01 > table .hover_tit_wrap .hover_tit01.w200 {width:200px;}

.course_stat > span {display:inline-block; *zoom:1; *display:inline; width:60px; height:21px; vertical-align:middle;}
.course_stat > span.reg_stat_iCon01 {background:url(/web/images/board/course_Reg/reg_stat_iCon01.gif) no-repeat;}
.course_stat > span.reg_stat_iCon02 {background:url(/web/images/board/course_Reg/reg_stat_iCon02.gif) no-repeat;}
.course_stat > span.reg_stat_iCon03 {background:url(/web/images/board/course_Reg/reg_stat_iCon03.gif) no-repeat;}
.course_stat > span.reg_stat_iCon04 {background:url(/web/images/board/course_Reg/reg_stat_iCon04.gif) no-repeat;}
.course_stat > span.reg_stat_iCon05 {background:url(/web/images/board/course_Reg/reg_stat_iCon05.gif) no-repeat;}
.course_stat > span.reg_stat_iCon06 {background:url(/web/images/board/course_Reg/reg_stat_iCon06.gif) no-repeat;}
.course_stat > span.reg_stat_iCon07 {background:url(/web/images/board/course_Reg/reg_stat_iCon07.gif) no-repeat;}
.course_stat > span.reg_stat_iCon08 {background:url(/web/images/board/course_Reg/reg_stat_iCon08.gif) no-repeat;}
.course_stat > span.reg_stat_iCon09 {background:url(/web/images/board/course_Reg/reg_stat_iCon09.gif) no-repeat;}
.course_stat > span.reg_stat_iCon10 {background:url(/web/images/board/course_Reg/reg_stat_iCon10.gif) no-repeat;}
.course_stat > span.reg_stat_iCon11 {background:url(/web/images/board/course_Reg/reg_stat_iCon11.gif) no-repeat;}

.Reg_list_table01 > table .course_price {text-align:right; color:#666; letter-spacing:0;}
.Reg_list_table01 > table .course_price.a_center {text-align:center;}
.Reg_list_table01 > table .course_price .cost {text-decoration:line-through;}
.Reg_list_table01 > table .course_price .sale {color:#cc0000;}
.Reg_list_table01 > table .course_price .sale2 {color:#1465af;}
.Reg_list_table01 > table .course_price .sale.sum {font-size:15px;}
.Reg_list_table01 > table .course_price .bank_num {font-size:15px; letter-spacing:1.5px; color:#333;}

.Reg_list_table01 > table .course_info > a {display:inline-block; *zoom:1; *display:inline; width:26px; height:26px; background:url(/web/images/board/course_Reg/reg_list_iCon02.png); vertical-align:middle;}

.Reg_list_table01 > table .course_info > a.plan {background-position:0 0;}
.Reg_list_table01 > table .course_info > a.plan:hover, .Reg_list_table01 > table .course_info > a.plan.read {background-position:0 -26px;}

.Reg_list_table01 > table .course_info > a.movie {background-position:0 -52px;}
.Reg_list_table01 > table .course_info > a.movie:hover {background-position:0 -78px;}

.Reg_list_table01 > table .major_info > a, .Reg_list_table01 > table .add_cart > a {display:block; width:50px; height:50px;}

.Reg_list_table01 > table .major_info {position:relative;}
.Reg_list_table01 > table .major_info > a.major {background:url(/web/images/board/course_Reg/reg_list_iCon03_01.png) no-repeat center;}
.Reg_list_table01 > table .major_info > a.major:hover {background:url(/web/images/board/course_Reg/reg_list_iCon03_02.png) no-repeat center;}

.Reg_list_table01 > table .major_info > a.major .major_detail {display:none; position:absolute; top:57px; right:0; width:280px; z-index:1; background:url(/web/images/board/course_Reg/reg_list_bg01.png) no-repeat;
															   background-position:right top; padding-top:13px;}

.Reg_list_table01 > table .major_info > a.major:hover .major_detail {display:block;}

.Reg_list_table01 > table .add_cart > a.cart {background:url(/web/images/board/course_Reg/reg_list_iCon03_03.png) no-repeat center;}
.Reg_list_table01 > table .add_cart > a.cart:hover, .Reg_list_table01 > table .add_cart > a.cart.active {background:url(/web/images/board/course_Reg/reg_list_iCon03_04.png) no-repeat center;}

.Reg_list_table01 > table .add_cart > a.check {background:url(/web/images/board/course_Reg/reg_list_iCon04_01.png) no-repeat center;}
.Reg_list_table01 > table .add_cart > a.check:hover, .Reg_list_table01 > table .add_cart > a.check.active {background:url(/web/images/board/course_Reg/reg_list_iCon04_02.png) no-repeat center;}

.Reg_list_table01 .lec_divider {height:5px !important; background:#f4f5f7; padding:0 0 0 0 !important;}

.Reg_list_table01 .comForm textarea {margin-bottom:-5px !important;}

/* item_info */

.Reg_list_table01 > table .item_info {position:relative;}
.Reg_list_table01 > table .item_info > a .item_detail {display:none; position:absolute; top:34px; left:0; width:300px; z-index:1; background:url(/web/images/board/course_Reg/reg_list_bg01.png) no-repeat;
													   background-position:20px top; padding-top:13px;}
.Reg_list_table01 > table .item_info > a:hover .item_detail {display:block;}

.Reg_list_table01 > table > thead > tr > th.cert_photo img, .Reg_list_table01 > table > thead > tr > td.cert_photo img,
.Reg_list_table01 > table > tbody > tr > th.cert_photo img, .Reg_list_table01 > table > tbody > tr > td.cert_photo img {display:block; width:135px; height:165px; margin:0 auto; margin-top:5px;}

.Reg_list_table01 > table > thead > tr > th.cert_photo span, .Reg_list_table01 > table > thead > tr > td.cert_photo span,
.Reg_list_table01 > table > tbody > tr > th.cert_photo span, .Reg_list_table01 > table > tbody > tr > td.cert_photo span {font-size:11px; display:inline-block; margin-top:3px;}

/* Reg_major_table */

.Reg_major_table {width:100%; position:relative; background:#fff;}
.Reg_major_table > table {border-top:1px solid #6a6f7a; border-left:1px solid #6a6f7a; background:#fff; width:100%; letter-spacing:-0.6px; font-size:12px; line-height:22px;}
.Reg_major_table > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.Reg_major_table > table tr:hover {background:#fff !important;}

.Reg_major_table > table > thead > tr > th, .Reg_major_table > table > thead > tr > td,
.Reg_major_table > table > tbody > tr > th, .Reg_major_table > table > tbody > tr > td {padding:5px 5px 5px 5px; border-right:1px solid #6a6f7a; border-bottom:1px solid #6a6f7a; text-align:center; vertical-align:middle;}

.Reg_major_table > table > thead > tr > th, .Reg_major_table > table > tbody > tr > th {color:#333;}
.Reg_major_table > table > thead > tr > th.tit_bg, .Reg_major_table > table > tbody > tr > th.tit_bg {color:#fff; background:#6a6f7a;}

.Reg_major_table > table > thead > tr > th.r_border, .Reg_major_table > table > tbody > tr > th.r_border {border-right:1px solid #fff;}

.Reg_major_table > table > thead > tr > td, .Reg_major_table > table > tbody > tr > td {color:#555; background:#fff !important;}
.Reg_major_table > table > thead > tr > th.a_left, .Reg_major_table > table > tbody > tr > th.a_left,
.Reg_major_table > table > thead > tr > td.a_left, .Reg_major_table > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.Reg_major_table > table > thead > tr > td.a_right, .Reg_major_table > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;}

/* Reg_select_table01 */

.Reg_select_table01 {width:100%; position:relative; background:#fff;}
.Reg_select_table01 > table {border-left:1px solid #5a9dd2; border-top:1px solid #5a9dd2; width:100%; letter-spacing:-0.6px; font-size:12px; line-height:24px;}
.Reg_select_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.Reg_select_table01 > table > thead > tr > th, .Reg_select_table01 > table > thead > tr > td,
.Reg_select_table01 > table > tbody > tr > th, .Reg_select_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-bottom:1px solid #5a9dd2; text-align:center; vertical-align:middle;}

.Reg_select_table01 > table .bg_tit {color:#fff; background:#5a9dd2;}
.Reg_select_table01 > table .bg_tit > span {font-weight:normal;}
.Reg_select_table01 > table .s_list {color:#555; overflow-y:scroll; text-align:left; padding-left:15px;}
.Reg_select_table01 > table .s_list .list_tit {color:#fff; text-align:center; background:#5a9dd2; line-height:20px; margin:0 0 0 0; padding:0 0 0 0;}

.Reg_select_table01 > table .s_list .delete {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; margin:0 10px 0 6px; cursor:pointer;
											 background:url(/web/images/sub/com_btn_delete01.png) no-repeat; vertical-align:text-bottom;}
.Reg_select_table01 > table .bg_btn {background:#fafafa; border-right:1px solid #5a9dd2;}
.Reg_select_table01 > table .bg_btn > a {width:100%;}

/* floating_cart */

.floating_cart {position:fixed; z-index:100; font-size:12px; line-height:26px; color:#555;}

.floating_cart .cart_con {width:158px; border:1px solid #ccc; border-bottom:5px solid #ccc; background:#fff; padding:15px 20px 20px 20px; letter-spacing:-1px;}
.floating_cart .cart_con .cart_tit {font-size:15px; color:#333; font-weight:normal; text-align:center; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px solid #333;}

.floating_cart .cart_con .cart_list {height:140px; overflow-y:auto;}
.floating_cart .cart_con .cart_list .list_tit {color:#fff; text-align:center; background:#5a9dd2; line-height:20px; margin:0 0 0 0; padding:0 0 0 0;}

.floating_cart .cart_con .cart_list .subject {padding:0; margin:0; border-bottom:1px dotted #ccc;}
.floating_cart .cart_con .cart_list .subject .delete {display:block; float:right; width:13px; height:13px; margin:6px 5px 0 0; cursor:pointer; vertical-align:bottom !important;
													  background:url(/web/images/sub/com_btn_delete01.png) no-repeat;}

.floating_cart .cart_con .pay_list {border-top:1px solid #ddd; margin:10px 0 10px 0;}
.floating_cart .cart_con .pay_list .pay_info {display:inline-block; *zoom:1; *display:inline; width:100%;}
.floating_cart .cart_con .pay_list .pay_info > dt {width:40%; float:left; border-bottom:1px dotted #ccc; padding:2px 0 2px 0;} 
.floating_cart .cart_con .pay_list .pay_info > dd {width:60%; float:left; border-bottom:1px dotted #ccc; padding:2px 0 2px 0;}
.floating_cart .cart_con .pay_list .pay_info > dt {font-weight:bold; color:#333;}
.floating_cart .cart_con .pay_list .pay_info > dd {text-align:right;}

.floating_cart .cart_con .pay_list .pay_info > dd.cost {font-weight:bold; color:#ed0000; letter-spacing:0;}

.floating_cart .cart_con .cart_apply > a {width:100%;}

.floating_cart .cart_btn > a {display:block; width:165px; height:40px; padding:0 0 0 50px; line-height:40px; font-size:13px; color:#fff; letter-spacing:-1px;}
.floating_cart .cart_btn > a > strong {letter-spacing:0;}

.floating_cart .cart_btn .cart_open {background:url(/web/images/board/course_Reg/reg_cart_btn_open_off.png) no-repeat;}
.floating_cart .cart_btn .cart_open:hover {background:url(/web/images/board/course_Reg/reg_cart_btn_open_on.png) no-repeat;}

.floating_cart .cart_btn .cart_close {background:url(/web/images/board/course_Reg/reg_cart_btn_close_off.png) no-repeat;}
.floating_cart .cart_btn .cart_close:hover {background:url(/web/images/board/course_Reg/reg_cart_btn_close_on.png) no-repeat;}


.floating_cart.in {display:block; width:215px; bottom:0; left:50%; margin-left:285px;}
.floating_cart.in .cart_con {margin-left:15px;}

.floating_cart.out {display:none; width:200px; top:193px; left:50%; margin-left:520px;}
.floating_cart.out.f_top {top:20px;}

@media (min-width:1500px) {
	.floating_cart.out {display:block;}
	.floating_cart.in {display:none;}
}

@media (min-height:769px) {
	.floating_cart.in {bottom:50px;}
}

@media (max-height:768px) {
	.floating_cart .cart_ban {display:none;}
}

.floating_cart .cart_ban {width:200px; height:100px; position:relative;}
.floating_cart.in .cart_ban {margin-left:15px;}

.floating_cart .cart_ban img {display:block; margin-top:10px;}

.floating_cart .cart_ban .bx-controls-direction {display:none;}
.floating_cart .cart_ban .bx-pager-item {display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.floating_cart .cart_ban .bx-pager a {display:block; overflow:hidden; width:8px; height:8px; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_off.png) no-repeat left center; margin-left:5px; text-indent:-9999px;}
.floating_cart .cart_ban .bx-pager a.active {background:url(/web/images/board/course_Reg/reg_cart_ban_pager_on.png) no-repeat right center;}
.floating_cart .cart_ban .bx-controls-auto {position:absolute; display:block; left:0; top:0;}
.floating_cart .cart_ban .bx-controls-auto .bx-stop {display:block; overflow:hidden; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_stop.png) no-repeat center center; width:8px; height:8px; text-indent:-9999px;}
.floating_cart .cart_ban .bx-controls-auto .bx-start {display:block; overflow:hidden; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_play.png) no-repeat center center; width:8px; height:8px; text-indent:-9999px;}
.floating_cart .cart_ban .bx-controls-auto .active {display:none;}

.floating_cart .cart_ban .bx-pager {display:inline-block; *zoom:1; *display:inline; text-align:center; position:relative; height:8px;}
.floating_cart .cart_ban .bx-controls {position:absolute; left:50%; bottom:2px; margin-left:-30px; z-index:100; padding-left:8px; height:8px;}


/* Reg_step_progress */

.Reg_step_progress {width:100%; line-height:24px;}
.Reg_step_progress > ul {display:inline-block; *zoom:1; *display:inline; width:998px; border:1px solid #ddd;}
.Reg_step_progress > ul > li {float:left; width:25%; height:80px; color:#333;}

.Reg_step_progress > ul > li {background:#fff url(/web/images/board/course_Reg/reg_step_bg_off.png) no-repeat left;}
.Reg_step_progress > ul > li:first-child {background:none;}

.Reg_step_progress > ul > li.active {background:#1465af url(/web/images/board/course_Reg/reg_step_bg_off.png) no-repeat left;}
.Reg_step_progress > ul > li.next {background:#fff url(/web/images/board/course_Reg/reg_step_bg_on.png) no-repeat left;}

.Reg_step_progress > ul > li.active .step_txt {color:#fff; font-weight:bold;}
.Reg_step_progress > ul > li.active .step_txt > p {color:#c9ddf6;}

.Reg_step_progress > ul > li .step_txt {letter-spacing:-1px; font-size:15px; padding-left:70px; margin-top:15px;}
.Reg_step_progress > ul > li .step_txt > p {letter-spacing:0; color:#919aa7; font-weight:normal;}

.Reg_step_progress > ul > li .step_txt.step_01 {background:url(/web/images/board/course_Reg/reg_step02_iCon01_off.png) no-repeat left; margin-left:50px;}
.Reg_step_progress > ul > li .step_txt.step_02 {background:url(/web/images/board/course_Reg/reg_step02_iCon02.png) no-repeat left; margin-left:60px;}
.Reg_step_progress > ul > li .step_txt.step_03 {background:url(/web/images/board/course_Reg/reg_step02_iCon03.png) no-repeat left; margin-left:60px;}
.Reg_step_progress > ul > li .step_txt.step_04 {background:url(/web/images/board/course_Reg/reg_step02_iCon04.png) no-repeat left; margin-left:50px;}

.Reg_step_progress > ul > li .step_txt.step_02.off {background:url(/web/images/board/course_Reg/reg_step02_iCon02_off.png) no-repeat left;}
.Reg_step_progress > ul > li .step_txt.step_03.off {background:url(/web/images/board/course_Reg/reg_step02_iCon03_off.png) no-repeat left;}


/* Reg_step02_intro */

.Reg_step02_intro {font-size:14px; line-height:24px; text-align:center; color:#555; letter-spacing:-1px; padding:15px 0 15px 0;}
.Reg_step02_intro > h1 {font-size:25px; margin:0 0 15px 0; color:#333;}


/* Reg_info_txt */

.Reg_info_txt {width:973px; line-height:23px; border:1px solid #ddd; padding:15px 25px 15px 0;}
.Reg_info_txt.bg_bgray {background:#f4f5f7;}

.Reg_info_txt > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.Reg_info_txt > ul > li {float:left; width:50%; color:#555; font-size:13px; line-height:24px; letter-spacing:-1px;}
.Reg_info_txt > ul > li:first-child {background:url(/web/images/sub/sub_tab_divider02.jpg) repeat-y right;}

.Reg_info_txt > ul > li .info_txt {padding:0 0 0 25px;}
.Reg_info_txt > ul > li .bg_white {background:#fff; border:1px solid #eee; text-align:center; padding:6px 0 6px 0;}
.Reg_info_txt > ul > li .bg_white .divider {margin:0 5px 0 5px; color:#ddd;}


/* Reg_payment_info */

.Reg_payment_info {width:100%; line-height:24px;}
.Reg_payment_info > ul {display:inline-block; *zoom:1; *display:inline; width:996px; padding:2px 2px 2px 2px; background:#1163b3 url(/web/images/board/course_Reg/reg_step02_bg01.jpg) no-repeat top right;}
.Reg_payment_info > ul > li {float:left; color:#555; letter-spacing:-1px;}

.Reg_payment_info > ul > li.reg_caution {width:700px; margin-right:2px;}
.Reg_payment_info > ul > li.reg_caution .reg_caution_detail {background:#fff; overflow-y:scroll; width:660px !important; height:159px; padding:15px 20px 15px 20px;}
.Reg_payment_info > ul > li.reg_caution .reg_caution_detail .text_box {width:660px;}
.Reg_payment_info > ul > li.reg_caution .reg_caution_detail .text_box .last {padding:5px 15px 15px 15px;}

.Reg_payment_info > ul > li.pay_info .checkbox01 > label {color:#fff; font-size:12px;}

.Reg_payment_info > ul > li.pay_info {width:254px; padding:20px 20px 20px 20px; font-size:13px;}
.Reg_payment_info > ul > li.pay_info .pay_con {width:204; background:#fff; height:37px; line-height:35px; text-align:right; padding-right:10px; margin-bottom:10px;}
.Reg_payment_info > ul > li.pay_info .pay_con > h4 {float:left; display:block; height:37px; border-right:1px solid #eee; color:#333; width:100px; text-align:center;}

.Reg_payment_info > ul > li.pay_info .pay_con .cost {color:#cc0000; font-weight:bold; font-size:15px; letter-spacing:0;}


/* Reg_caution */

.Reg_recommend {line-height:24px;}
.Reg_recommend > ul {display:inline-block; *zoom:1; *display:inline; width:960px; padding:15px 20px 15px 20px; background:#1163b3 url(/web/images/board/course_Reg/reg_step02_bg02.jpg) repeat;}
.Reg_recommend > ul > li {float:left; color:#555; font-size:13px; line-height:24px; letter-spacing:-1px;}

.Reg_recommend > ul > li.tit {color:#333; width:555px; font-size:17px; height:35px; line-height:38px; padding-left:55px; background:url(/web/images/board/course_Reg/reg_step02_bg03.png) no-repeat;}
.Reg_recommend > ul > li.tit.privacy {background:url(/web/images/board/course_Reg/reg_step03_bg01.png) no-repeat;}
.Reg_recommend > ul > li.input {width:350px; text-align:right;}
.Reg_recommend > ul > li.input.radio {padding:3px 0 0 0;}

.Reg_recommend > ul > li.input .input_style02 {height:35px; width:170px; vertical-align:middle;}

.Reg_btn_box {width:100%; line-height:24px; text-align:center;}


/* ===== LECTURE DETAIL ===== */


/* all_lecture_info */

.all_lecture_info {width:100%; line-height:24px;}
.all_lecture_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.all_lecture_info > ul > li {float:left;letter-spacing:-1px; font-size:12px; line-height:24px;}

.all_lecture_info > ul > li.con_thumb {width:398px; height:254px; margin-right:30px; border:1px solid #ddd; background-size:100% auto !important;}
.all_lecture_info > ul > li.con_thumb > a {display:block; width:398px; height:255px; text-align:center; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.all_lecture_info > ul > li.con_thumb > a:hover {background:#000 url(/images/sub/sub03/sub03_0101_bg01.png) no-repeat center; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}

.all_lecture_info > ul > li.con_info {width:570px;}
.all_lecture_info > ul > li.con_info .con_tit {font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #333; padding:0 0 15px 0; margin:10px 0 10px 0;}
.all_lecture_info > ul > li.con_info .con_tit .tag {display:inline-block; *zoom:1; *display:inline; background:#1465af; color:#fff; font-size:13px; padding:0 8px 1px 8px; margin:0 8px 0 0; vertical-align:text-top;}
.all_lecture_info > ul > li.con_info .con_tit .prof {color:#888; font-size:13px; font-weight:normal;}

.all_lecture_info > ul > li.con_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.all_lecture_info > ul > li.con_info > ul > li {float:left; width:50%; letter-spacing:-1px; font-size:13px; line-height:24px; color:#666; border-bottom:1px dotted #c1c1c1; padding:6px 0 6px 0; margin:0 0 5px 0;}
.all_lecture_info > ul > li.con_info > ul > li.full {width:100%;}

.all_lecture_info > ul > li.con_info > ul > li > dl {display:inline-block; *zoom:1; *display:inline; width:100%;}
.all_lecture_info > ul > li.con_info > ul > li > dl > dt, .all_lecture_info > ul > li.con_info > ul > li > dl > dd {float:left;}
.all_lecture_info > ul > li.con_info > ul > li > dl > dt {width:100px; font-weight:bold; color:#333;}
.all_lecture_info > ul > li.con_info > ul > li > dl > dd {width:185px;}

.all_lecture_info > ul > li.con_info > ul > li > dl > dd.price {letter-spacing:0;}
.all_lecture_info > ul > li.con_info > ul > li > dl > dd.price .cost {text-decoration:line-through;}
.all_lecture_info > ul > li.con_info > ul > li > dl > dd.price .sale {color:#cc0000; font-weight:bold;}

.all_lecture_info > ul > li.con_info > ul > li > dl > dd.major {width:470px;}

.all_lecture_info > ul > li.con_info .con_btn {text-align:center;}


/* all_lecture_detail */

.all_lecture_detail {width:100%; line-height:24px;}

/* Tab 4Ea */
.all_lecture_detail ul.detail_tab {width:100%; line-height:46px; height:54px;}
.all_lecture_detail ul.detail_tab {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.all_lecture_detail ul.detail_tab > li {float:left; width:25%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.all_lecture_detail ul.detail_tab > li:last-child {background:none;}
.all_lecture_detail ul.detail_tab > li {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.all_lecture_detail ul.detail_tab > li.active, .all_lecture_detail ul.detail_tab > li:hover {color:#333; font-weight:bold; border-top:5px solid #1465af;}

.all_lecture_detail ul.detail_tab > li.active > a, .all_lecture_detail ul.detail_tab > li:hover > a {color:#333;}
.all_lecture_detail ul.detail_tab > li > a {display:block;}

.all_lecture_detail .detail_con {width:940px; padding:30px 30px 30px 30px; line-height:24px; letter-spacing:-1px; font-size:14px; background:#f8f9fa;}

.all_lecture_detail .detail_con .professor_info {width:100%; line-height:24px;}
.all_lecture_detail .detail_con .professor_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.all_lecture_detail .detail_con .professor_info > ul > li {float:left; background:#fff;}

.all_lecture_detail .detail_con .professor_info > ul > li.photo {width:320px; margin-right:20px;}
.all_lecture_detail .detail_con .professor_info > ul > li.photo > img {display:block;}
.all_lecture_detail .detail_con .professor_info > ul > li.profile {width:548px; height:313px; padding:20px 25px 10px 25px; border:1px solid #eee; overflow-y:auto;}

.all_lecture_detail .detail_con .professor_info > ul > li.profile > p {color:#555; letter-spacing:-0.5px; margin-bottom:15px; font-size:13px;}


/* textbook_list */

.all_lecture_detail .detail_con .textbook_list {width:100%; line-height:24px;}
.all_lecture_detail .detail_con .textbook_list > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.all_lecture_detail .detail_con .textbook_list > ul > li {float:left; width:178px; padding:25px 20px 20px 20px; letter-spacing:-1px; font-size:12px; line-height:24px; border:1px solid #eee;
														  background:#fff; margin-right:20px; margin-top:20px; color:#555;
														  transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.all_lecture_detail .detail_con .textbook_list > ul > li:nth-child(4n+4) {margin-right:0;}

.all_lecture_detail .detail_con .textbook_list > ul > li > p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.all_lecture_detail .detail_con .textbook_list > ul > li .textbook_thumb {width:120px; height:155px; display:block; margin:0 auto; margin-bottom:15px; border:1px solid #eee;
																		  background-size:100% auto !important; text-align:center; /*color:transparent;*/}

.all_lecture_detail .detail_con .textbook_list > ul > li .textbook_tit {color:#333; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-bottom:1px solid #ccc;
																		padding:0 0 10px 0; margin:0 0 10px 0;}

.all_lecture_detail .detail_con .textbook_list > ul > li .textbook_info {border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:0 0 5px 0;}
.all_lecture_detail .detail_con .textbook_list > ul > li .textbook_info strong {color:#333;}
.all_lecture_detail .detail_con .textbook_list > ul > li .textbook_btn > a {width:100%; margin-top:10px;}




/* NOTICE CONTENTS OMR ADD 2017.02.17 */

.noti_style_clear {width:580px; margin:0 auto; line-height:24px; font-family:Pretendard, sans-serif; letter-spacing:-0.5px;}
.noti_style_clear .clear_table {width:580px; font-family:Pretendard, sans-serif;}
.noti_style_clear .clear_table th {border:none; padding:0; background:#FFF;}
.noti_style_clear .clear_table td {border:none; padding:0; background:#FFF; font-size:13px; line-height:24px; color:#555;}
.noti_style_clear .clear_table span, .noti_style_clear .clear_table strong, .noti_style_clear .clear_table u {line-height:24px !important; vertical-align:top !important;}
.noti_style_clear .clear_table th strong, .noti_style_clear .clear_table td strong {font-weight:bold !important;}

.noti_style_clear br {display:block !important; clear:both !important;}

.noti_style_clear.w580,
.noti_style_clear.w580 .clear_table {width:580px;}

.noti_style_clear.w720,
.noti_style_clear.w720 .clear_table {width:720px;}

.noti_style_clear.w750,
.noti_style_clear.w750 .clear_table {width:750px;}

.noti_style_clear .clear_table .noti_tit01 {border:4px solid #EEE; color:#333; padding:15px; font-size:18px; /*line-height:28px; strong �±� ���� 2018.09.20 OMR*/ letter-spacing:-0.5px;}
.noti_style_clear .clear_table .noti_con01 {padding:30px; border:1px solid #DDD;}
.noti_style_clear .clear_table .noti_con01.bdt_0 {border-top:none;}

.noti_style_clear .clear_table .noti_intro {border:1px solid #DDD; background:#F7F7F7; padding:20px; text-align:center; font-size:13px; letter-spacing:-0.5px;}

.noti_style_clear .clear_table .noti_mid_tit01 {background:#008aca; color:#FFF; font-size:16px; padding:14px 10px 15px 10px; line-height:16px;}
.noti_style_clear .clear_table .noti_mid_tit02 {color:#111; font-weight:bold; font-size:15px; border-bottom:1px solid #ddd; padding-bottom:12px; letter-spacing:-0.8px;}
.noti_style_clear .clear_table .noti_mid_tit02.font_15 {font-size:15px !important;}
.noti_style_clear .clear_table .noti_mid_tit02.font_16 {font-size:16px !important;}
.noti_style_clear .clear_table .noti_mid_tit02 img {vertical-align:middle; margin-bottom:2px;}
.noti_style_clear .clear_table .noti_mid_tit02 span {font-weight:normal;}
.noti_style_clear .clear_table .noti_mid_tit03 {text-align:center; border-bottom:1px solid #DDD; margin:0 0 15px 0; padding:0 0 15px 0; font-weight:bold; font-size:15px; color:#111;}

.noti_style_clear .clear_table .noti_tit_iCon01 {display:inline-block; width:7px; height:7px; vertical-align:text-top !important; margin-top:3px; border:4px solid #ddd;}

.noti_style_clear .clear_table .noti_table01 {letter-spacing:-0.5px; font-size:13px; line-height:24px; border-top:2px solid #111;}
.noti_style_clear .clear_table .noti_table01 th, .noti_style_clear .noti_table01 td {padding:8px; font-size:13px; border-bottom:1px solid #DDD; vertical-align:middle;}

.noti_style_clear .clear_table .noti_table01 tr.bg,
.noti_style_clear .clear_table .noti_table01 .bg {background:#F7F7F7; color:#111;}
.noti_style_clear .clear_table .noti_table01 tr.bg th {border-right:1px solid #DDD; border-bottom:1px solid #DDD; background:#F7F7F7;}
.noti_style_clear .clear_table .noti_table01 tr.bg th:last-child {border-right:none;}

.noti_style_clear .clear_table .noti_table01 th {color:#111; border-right:1px solid #DDD;}
.noti_style_clear .clear_table .noti_table01 th:last-child {border-right:none;}

.noti_style_clear .clear_table .noti_table01 td {text-align:center; border-right:1px solid #DDD;}
.noti_style_clear .clear_table .noti_table01 td:last-child {border-right:none;}
.noti_style_clear .clear_table .noti_table01 td.col {border-top:1px solid #DDD;}
.noti_style_clear .clear_table .noti_table01 td.a_left {text-align:left;}

.noti_style_clear .clear_table .noti_table01 th.r_border, .noti_style_clear .clear_table .noti_table01 td.r_border {border-right:1px solid #ddd;}

.noti_style_clear .clear_table .info_box01 {border:1px dotted #999; padding:15px 20px 15px 20px; line-height:24px !important;}
.noti_style_clear .clear_table .info_box02 {border:1px solid #008aca; padding:10px 10px 10px 15px; font-size:14px; letter-spacing:0; text-align:left; line-height:24px !important;}
.noti_style_clear .clear_table .info_box03 {border:1px solid #008aca; padding:10px; font-size:14px; letter-spacing:0; line-height:24px !important;}

.noti_style_clear .clear_table .info_box01 span,
.noti_style_clear .clear_table .info_box02 span,
.noti_style_clear .clear_table .info_box03 span {display:inline; line-height:24px !important;}


/* ===== TABLE STYLE 01 ===== */

.table_style01 {width:100%; position:relative;}
.table_style01.max_width {overflow-x:scroll;}
.table_style01.max_width > table {width:100%; min-width:500px;}
.table_style01 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.6px; font-size:13px; line-height:22px;}
.table_style01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style01 > table.hover tr:hover {background:#f4f5f7;}
.table_style01 > table .tit_fff {color:#333; background:#fff;}
.table_style01 > table .tit_gray {color:#333; background:#f4f5f7;}
.table_style01 > table .tit_lgray {color:#333; background:#fafafa;}

.table_style01.b_black > table {border-top:2px solid #333;}

.table_style01.txt_md > table {font-size:14px; line-height:24px;}
.table_style01.txt_sm > table {font-size:12px; line-height:20px;}

.table_style01 > table .line_bg {background:#f1f4f7;}

.table_style01 > table > thead > tr > th, .table_style01 > table > thead > tr > td,
.table_style01 > table > tbody > tr > th, .table_style01 > table > tbody > tr > td {padding:16px 12px 16px 12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style01 > table > thead > tr > th, .table_style01 > table > tbody > tr > th {color:#333;}
.table_style01 > table > thead > tr > th.tit_bg, .table_style01 > table > tbody > tr > th.tit_bg,
.table_style01 > table > thead > tr > td.tit_bg, .table_style01 > table > tbody > tr > td.tit_bg,
.table_style01 > table > thead > tr > th.tit_bg a, .table_style01 > table > tbody > tr > th.tit_bg a {color:#333; background:#f4f5f7;}
.table_style01 > table > thead > tr > th.tit_bg a:hover, .table_style01 > table > tbody > tr > th.tit_bg a:hover {text-decoration:underline;}

.table_style01 > table > thead > tr > td, .table_style01 > table > tbody > tr > td {color:#555;}
.table_style01 > table > thead > tr > td.a_left, .table_style01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.table_style01 > table > thead > tr > td.a_right, .table_style01 > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}

.table_style01 > table .sns_icon_s {position:relative;}
.table_style01 > table .sns_icon_s a {display:inline-block; *zoom:1; *display:inline; color:#555; width:22px; height:22px; vertical-align:middle; background:url(/images/sub/lnb_sns_iCon02.png) no-repeat;}
.table_style01 > table .sns_icon_s a:hover {background:url(/images/sub/lnb_sns_iCon02_on.png) no-repeat;}

.table_style01 > table .sns_icon_s a.s_facebook {background-position:0 0;}
.table_style01 > table .sns_icon_s a.s_twitter {background-position:0 -22px;}
.table_style01 > table .sns_icon_s a.s_band {background-position:0 -44px;}
.table_style01 > table .sns_icon_s a.s_kko_story {background-position:0 -66px;}
.table_style01 > table .sns_icon_s a.s_kko_talk {background-position:0 -88px;}

.table_style01.pd_10 > table > tbody > tr > th,
.table_style01.pd_10 > table > thead > tr > th {padding:10px 10px 10px 10px;}
.table_style01.pd_10 > table > tbody > tr > td,
.table_style01.pd_10 > table > thead > tr > td {padding:10px 10px 10px 10px;}

.table_style01.pd_08 > table > tbody > tr > th,
.table_style01.pd_08 > table > thead > tr > th {padding:8px 8px 8px 8px;}
.table_style01.pd_08 > table > tbody > tr > td,
.table_style01.pd_08 > table > thead > tr > td {padding:8px 8px 8px 8px;}

 
/* ===== TABLE STYLE 02 ===== */

.table_style02 {width:100%; position:relative; background:#fff;}
.table_style02 > table {border-top:2px solid #333;width:100%;letter-spacing:-0.6px; font-size:15px;line-height:22px;}
.table_style02 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style02 > table.hover tr:hover {background:#f4f5f7;}
.table_style02 > table.td_hover td:hover {background:#f4f5f7;}
.table_style02 > table .tit_fff th {color:#333; background:#fff;}
.table_style02 > table .tit_gray {color:#333; background:#f4f5f7;}
.table_style02 > table .tit_lgray, .table_style02 > table .tit_lgray th, .table_style02 > table .tit_lgray td {color:#333; background:#fafafa;}

.table_style02.blue > table {border-top:2px solid #f17f1d;}
.table_style02.txt_md > table {font-size:14px; line-height:24px;}

.table_style02 > table .line_bg {background:#f1f4f7;}

.table_style02 > table > thead > tr > th, .table_style02 > table > thead > tr > td,
.table_style02 > table > tbody > tr > th, .table_style02 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style02 > table > thead > tr > th:last-child, .table_style02 > table > thead > tr > td:last-child,
.table_style02 > table > tbody > tr > th:last-child, .table_style02 > table > tbody > tr > td:last-child {border-right:1px solid #fff;}

.table_style02 > table > thead > tr > th.r_border, .table_style02 > table > thead > tr > td.r_border,
.table_style02 > table > tbody > tr > th.r_border, .table_style02 > table > tbody > tr > td.r_border {border-right:1px solid #ddd;}

.table_style02 > table > thead > tr > th, .table_style02 > table > tbody > tr > th {color:#333;}
.table_style02 > table > thead > tr > th.tit_bg, .table_style02 > table > tbody > tr > th.tit_bg {color:#333; background:#f4f5f7;}

.table_style02 > table > thead > tr > th.tit_long, .table_style02 > table > tbody > tr > th.tit_long,
.table_style02 > table > thead > tr > td.tit_long, .table_style02 > table > tbody > tr > td.tit_long {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.table_style02 > table > thead > tr > th.tit_long p, .table_style02 > table > tbody > tr > th.tit_long p,
.table_style02 > table > thead > tr > td.tit_long p, .table_style02 > table > tbody > tr > td.tit_long p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}

.table_style02 > table > thead > tr > td, .table_style02 > table > tbody > tr > td {color:#555;}
.table_style02 > table > thead > tr > td.a_left, .table_style02 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.table_style02 > table > thead > tr > td.a_left_bg, .table_style02 > table > tbody > tr > td.a_left_bg {text-align:left; padding-left:12px; background:#f4f5f7; color:#333;}

.table_style02 > table > thead > tr > td.a_top, .table_style02 > table > tbody > tr > td.a_top {vertical-align:top;}

.table_style02 > table > thead > tr > th.cert_photo img, .table_style02 > table > thead > tr > td.cert_photo img,
.table_style02 > table > tbody > tr > th.cert_photo img, .table_style02 > table > tbody > tr > td.cert_photo img {display:block; width:135px; height:165px; margin:0 auto; margin-top:5px;}

.table_style02 > table > thead > tr > th.cert_photo span, .table_style02 > table > thead > tr > td.cert_photo span,
.table_style02 > table > tbody > tr > th.cert_photo span, .table_style02 > table > tbody > tr > td.cert_photo span {font-size:11px; display:inline-block; margin-top:3px;}

.table_style01 > table .file_down, .table_style02 > table .file_down {display:inline-block; *zoom:1; *display:inline; width:19px; height:18px; line-height:18px; background:url(/images/board/file_down_iCon01.png) no-repeat; background-position:0 0; vertical-align:middle;}
.table_style01 > table .file_down:hover, .table_style02 > table .file_down:hover {background-position:0 -18px;}

.table_style01 > table .file_link_bg,
.table_style02 > table .file_link_bg {display:inline-block; *zoom:1; *display:inline; background:url(/images/board/file_down_iCon01.png) no-repeat; padding:0 28px 0 0; background-position:right 0; line-height:18px; height:18px;}
.table_style01 > table .file_link_bg:hover,
.table_style02 > table .file_link_bg:hover {background-position:right -18px;}

.table_style02 > table .link_chain {display:block; width:100%; height:100%; text-align:left;}
.table_style02 > table .link_chain i {float:right; vertical-align:bottom; margin-top:6px; color:#bbb;}
.table_style02 > table .link_chain:hover {font-weight:bold; color:#333;}
.table_style02 > table .link_chain:hover i {color:#555}


.search-input-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.search-input-wrap .field-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.search-input-wrap .btn.search {
    display: none;
}

.btn-type2.search{height: 60px;line-height: 60px;}
@media all and (max-width: 1440px) {
.search-input-wrap{padding: 0px 52px 0 52px;}
}
@media all and (max-width: 1024px) {
.search-input-wrap{padding: 0px 15px 0 15px;}
}
@media all and (max-width: 768px) {
	html, body {
	  max-width: 100vw;
	  overflow-x: hidden;
	}
	.board_search .left{display:none;}
    .search-input-wrap {
        align-items: center;
        margin-bottom: 0;
    }
    .content-title-wrap + .search-input-wrap {
        padding: 0 15px;
    }
    .search-input-wrap .field-wrap {
        margin-bottom: 20px;
    }
	.btn-type2.search{height: 54px;line-height: 54px;width: 15vw;text-align: center;}
   	.board_table01 > table colgroup {display:none;}
   	.board_table01 > table.hover colgroup {display:none;}
    .board_table01 > table.hover thead th {display:none;}
    .board_table01 > table.hover tbody {border-top:1px solid #151515;}
    .board_table01 > table.hover tbody tr {display:block; padding:4px 0; border-bottom:1px solid #d9d9d9;}
    .board_table01 > table.hover tbody tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    .board_table01 > table.hover tbody tr {display:inline-block;}
    .board_table01 > table.hover tbody tr {display:block;}
    .board_table01 > table.hover tbody td {display:block; float:left; clear:left; width:100%; padding:3px 10px 3px; border:none; text-align:left; box-sizing:border-box;word-break: keep-all;}
    .board_table01 > table.hover tbody td.subject {width:auto;}
    .board_table01 > table.hover [data-cell-header]:before {	content:attr(data-cell-header); display:inline-block;}
	.board_table01 > table.hover .board_num {display:none;}

	.board_table02 > table{border-left:none;}
   	.board_table02 > table.hover colgroup {display:none;}
    .board_table02 > table.hover thead th {display:none;}
    .board_table02 > table.hover tbody {border-top:1px solid #151515;}
    .board_table02 > table.hover tbody tr {display:block; padding:4px 0; border-bottom:1px solid #d9d9d9;}
    .board_table02 > table.hover tbody tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    .board_table02 > table.hover tbody tr {display:inline-block;}
    .board_table02 > table.hover tbody tr {display:block;}
    .board_table02 > table.hover tbody td {display:block; float:left; clear:left; width:100%; padding:3px 10px 3px; border:none; text-align:left; box-sizing:border-box;}
    .board_table02 > table.hover tbody td.subject {width:auto;}
    .board_table02 > table.hover [data-cell-header]:before {	content:attr(data-cell-header); display:inline-block;}
	.board_table02 > table.hover .board_num {display:none;}
	.w70{width: 100%;}
	.board_table02 > table .tit_gray{}
	.board_table02 > table > thead > tr > th, .board_table02 > table > thead > tr > td, .board_table02 > table > tbody > tr > th, .board_table02 > table > tbody > tr > td{border-right:none;}
	.board_table02 > table > thead > tr > td.a_left, .board_table02 > table > tbody > tr > td.a_left, .board_table02 > table > thead > tr > th.a_left, .board_table02 > table > tbody > tr > th.a_left{width: 100%;}
	.board_table01 > table > thead > tr > th,
	.board_table01 > table > tbody > tr > th {display:none;}
	.board_table01 > table colgroup,
	.board_table01 > table thead,
	.board_table01 > table thead col {display: none !important;}
	.board_table01 > table tbody tr {display: block;}
	.board_table01 > table tbody tr,
	.board_table01 > table tbody td {display: block;text-align: left;box-sizing: border-box;width: 100%;word-break: break-word;white-space: normal !important;}
	.board_table01 > table .board_contents p{word-break: keep-all;}
	.board_table01 > table .board_contents img{max-width: 100%;height: auto;}
	.board_table02 > table colgroup,
	.board_table02 > table thead,
	.board_table02 > table thead col {display: none !important;}
	.board_table02 > table tbody tr {display: block;}
	.board_table02 > table tbody tr,
	.board_table02 > table tbody td {display: block;text-align: left;box-sizing: border-box;width: 100%;word-break: break-word;white-space: normal !important;}
	.board_table02 > table .board_contents p{word-break: keep-all;}
	.board_table02 > table .board_contents img{max-width: 100%;height: auto;}
}