/* font */
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');

/* //font */

/* 리셋 */

body { font-size: 15px;}

select {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    font-size: 16px;
}

input {
    outline: 0;
}

#wrap {
    max-width: 2560px;
    min-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'SUIT';
    letter-spacing: -0.02em;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}


/* //리셋 */


/* 메인 스크롤바 없애기 */

body.no_scroll::-webkit-scrollbar {
    display: none;
}

/* //메인 스크롤바 없애기  */

/* 풀페이지 */

.fp-tableCell {
    vertical-align: 0;
}

/* //풀페이지 */

/* center */

.center {
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    width: 100%;

}

/* //center */


/* index.html */


/* 헤더 */

header#header {
    height: 100px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    min-width: 1400px;


}

/* 헤더 active */
header#header.active {
    background-color: #ffffff;
    color: #fff;
}

header#header.active .header_login {
    border: 1px solid #dddddd;
}

header#header.active .header_login a {
    color: #111111;
}

header#header.active .header_angel_safety a {
    color: #111111;
}

header#header.active nav.gnb ul.main_list>li>a {
    color: #111111;
}

header#header.active .header_logout>div>a {
    color: #111111;
}

header#header.active .header_login a {
    color: #111111;
}


/* //헤더 active */

.header_login a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

header#header.cuser_none {
    pointer-events: none;
}

.header_center {



    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

h1.header_logo {

    width: 190px;
    height: 40px;
}

h1.header_logo a {
    display: block;
    width: 100%;
    height: 100%;
}

h1.header_logo a img {
    width: 100%;
    height: 100%;
}


/* gnb */

nav.gnb {

    height: 100%;
    display: flex;
    align-items: center;
}

nav.gnb ul.main_list {
    display: flex;
    height: 100%;

}

nav.gnb ul.main_list>li {
    padding: 0 30px;
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center;
}

nav.gnb ul.main_list>li:nth-child(1) {
    padding-left: 0;
}

nav.gnb ul.main_list>li:nth-child(5) {
    padding-right: 0;
}

nav.gnb ul.main_list>li:hover {
    font-weight: 600;

}

nav.gnb ul.main_list>li>a {
    color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
}

nav.gnb ul.main_list>li:hover>a {
    color: #1388EA !important;
}

nav.gnb ul.main_list>li:last-child {
    margin-right: 0;
}

.login_search_container {
    font-weight: 500;
    display: flex;
    height: 48px;
    align-items: center;
}


/* //gnb */

/* 모바일 gnb */
.mobile_gnb_container {
    display: none;
}

/* //모바일 gnb */


/* sub_gnb */
.sub_gnb {
    position: absolute;
    top: 100px;

    width: 100%;

    left: 0;
    padding-bottom: 26px;
    padding-top: 46px;
    z-index: 1;

    display: none;

}

.sub_gnb_center {

    width: 1400px;
    margin: 0 auto;
    display: flex;
}

.sub_gnb::after {
    content: "";
    display: block;
    width: 200vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -50vw;
    z-index: -1;
    box-shadow: 0px 20px 15px -11px rgba(0, 0, 0, 0.05);

}

.sub_gnb.active {
    display: block;
}

.sub_gnb_block {
    padding-left: 30px;
    border-right: 1px solid #eeeeee;
    width: 300px;

    letter-spacing: -0.02em;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;

}

.sub_gnb_block .sub_gnb_2dp a span {
    color: #000000;
}


.sub_gnb_block.border_none {
    border-right: none;
}

.sub_gnb_block li {

    font-weight: 400;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 36px;
    display: flex;
    align-items: center;

}

.sub_gnb_block li a {
    color: #000000;

}

.sub_gnb_2dp {
    cursor: pointer;

}

.sub_gnb_2dp.margin_top {
    margin-top: 34px;

}

.sub_gnb_block.title {
    color: #1388EA;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-size: 21px;
    font-weight: 700;
    width: auto;
    padding-right: 114px;
    padding-left: 0;
    white-space: nowrap;
}

.sub_box {
    width: 2px;
    height: 2px;

    margin-right: 8px;


}


/* //sub_gnb */

/* 로그인 */

.header_login {
    width: 86px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #ffffff;
    font-size: 14px;
    border-radius: 40px;
    margin-right: 52px;
    align-self: center;
    /* display: none; */
}

header.active .header_login .header_login a {
    color: #ffffff;
    width: 100%;
    height: 100%;
    /* display: block; */

}

/* //로그인 */


/* 로그아웃 */

.header_logout {

    display: flex;
    height: 100%;
    line-height: 48px;
    margin-right: 20px;
    margin-left: 30px
    z-index: 110;
    /*display: none;*/
}

.header_logout>div>a {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: -0.01em;

}

.header_logout_list {
    position: relative;
}

.header_logout_list>a {
    margin-right: 20px;
    display: block;

    padding-right: 28px;
    background-image: url(../main/img/header_logout_list_drop_icon.png);
    background-repeat: no-repeat;

    background-position: 100% 50%;
}

ul.header_logout_list_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 16px 20px;
    border-radius: 6px;
    position: absolute;
    right: 0px;
    visibility: hidden;
    z-index: 120;
    border: 1px solid #dddddd;
}

ul.header_logout_list_box.active {
    visibility: visible;

}

ul.header_logout_list_box.active_02 {
    border: 1px solid #bbbbbb;

}

ul.header_logout_list_box li {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    width: 74px;
}

ul.header_logout_list_box li a {
    display: block;
    width: 100%;
    height: 100%;
}

ul.header_logout_list_box li:hover {
    font-weight: 900;
}


.header_logout_list ul li a {
    color: #555555;
}

/* //로그아웃 */



.header_angel_safety {
    margin-right: 30px;
    font-size: 14px;
    line-height: 48px;

}

.header_angel_safety a:hover {
    font-weight: 600;
}

.header_angel_safety a {
    color: #ffffff;
}



.header_search_icon {
    cursor: pointer;

    width: 24px;
    height: 24px;
}

.header_search_icon img {
    width: 100%;
    height: 100%;
}


/* //헤더 */




/* 푸터 */

footer#footer {
    letter-spacing: -0.01em;
    padding-bottom: 40px;
}

.footer_nav {

    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.footer_nav ul {
    display: flex;
}

.footer_nav ul li {
    padding: 28px 0;
    margin-right: 60px;

}

.footer_nav ul li:last-child {
    margin-right: 0;
}

.footer_nav ul li a {
    color: #111111;
}


.footer_logo {
    width: 230px;
    height: 50px;
    margin-top: 38px;

}

.footer_logo a {

    display: block;
    width: 100%;
    height: 100%;
}

.footer_logo img {
    width: 100%;
    height: 100%;
}

.footer_main .center {
    display: flex;
    justify-content: space-between;
}

.footer_representative {
    margin-top: 38px;
}

.footer_p {
    margin-top: 12px;

}

.footer_representative .footer_p:first-child {
    margin-top: 0;
}

.footer_representative p {
    color: #606060;
    font-weight: 600;
    display: inline;
    margin-right: 28px;

}

.footer_representative p:last-child {
    margin-right: 0;
}

.footer_representative span {
    color: #111111;

}

.footer_copyright {
    margin-top: 40px;
    color: #606060;
    font-weight: 400;
    font-size: 14px;
}


/* //푸터 */

/* //index.html */


/* 서브 페이지 */

header#header.sub nav.gnb ul.main_list>li>a {
    color: #111111;
}



header#header.sub .header_login {
    border: 1px solid #dddddd;

}

header#header.login .header_login {
    border: 1px solid #dddddd;

}

header#header.sub .header_login a {
    color: #111111;
}

header#header.login .header_login a {
    color: #111111;
}

header#header.sub .header_angel_safety a {
    color: #111111;
}

header#header.login .header_angel_safety a {
    color: #111111;
}

/* 서브 백그라운드 타이틀 */
.sub_bg_title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 52px;
    font-size: 42px;
    font-weight: 700;

}

/* //서브 백그라운드 타이틀 */

/* //서브 페이지 */


/* 회사소개 */
.company_bg {
    background-image: url(../company/img/company_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}



.bg_drop_container {
    width: 64.8%;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    height: 70px;
    align-items: center;
    border-bottom: 1px solid #eeeeee;


}

.home_icon {
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0069D4;
}

.home_icon a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.home_icon a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg_drop_box {
    height: 100%;
    display: flex;
   
}

.bg_drop {
    width: 250px;
    border-right: 1px solid #eeeeee;
    height: 100%;
    line-height: 70px;
    font-weight: 400;
    font-family: 'SUIT';
    /* padding-left: 30px; */
    background-image: url(../company/img/drop.svg);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: 90%;
    position: relative;
    cursor: pointer;
    z-index: 2;

}

.bg_drop.active {
    border-bottom: none;
}

.bg_drop  a {
    color: #000000;
    display: block;
    width: 100%;
    height: 100%;
}

.bg_drop span {
    position: relative;
    left: 30px;
}

.bg_drop ul {

    line-height: 30px;
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #fff;
    display: none;
    
}

.bg_drop ul.active {
    border: 1px solid #eeeeee;
    border-top: none;
    display: block;
}

.bg_drop ul  a {
    color: #555555;
}

.bg_drop ul  a:hover {
    color: #1388EA;
}

.introduction_title {

    margin-top: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.introduction_title span.en {
    color: #1388EA;
    letter-spacing: -0.02em;
    line-height: 32px;
    font-size: 26px;
    font-weight: 700;
}

.introduction_title span.kr {
    margin-top: 14px;
    color: #000000;
    letter-spacing: -0.02em;
    line-height: 56px;
    font-size: 45px;
    font-weight: 400;
}

.introduction_bg {
    margin-top: 90px;
    height: 500px;
    background-image: url(../company/img/introduction_section_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.introduction_bg_title {
    letter-spacing: -0.02em;
    line-height: 32px;
    font-size: 26px;
    font-weight: 700;
}

.introduction_bg_text {
    letter-spacing: -0.02em;
    line-height: 44px;
    font-size: 30px;
    font-weight: 300;
    margin-top: 14px;
}

.core_value {
    margin-top: 110px;
    color: #1388EA;
    letter-spacing: -0.02em;
    line-height: 32px;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    justify-content: center;

}

.introduction_circle_logo {
    width: 124px;
    height: 134px;

}

.introduction_circle_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.introduction_circle_box {

    display: flex;
    margin-top: 86px;
    display: flex;
    justify-content: center;
}

.introduction_circle {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 42px;
    background-color: #EDF7FF;
    align-items: center;
    border-radius: 200px;

}

.introduction_circle_02 {
    background-color: #ffffff;
    padding: 134px;
    background-image: url(../company/img/core_value.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 124px 134px;
    border: 1px solid #BBCFDD;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.introduction_dot {
    display: flex;
    align-items: center;

}



.border_dot {
    width: 90px;
    border: 1px dotted #BFDBF1;
}

.blue_dot {
    width: 10px;
    height: 10px;
    background-color: #1388EA;
    border-radius: 10px;
}

.introduction_section {
    padding-bottom: 188px;
}

.introduction_dot_title {
    color: #000000;
    letter-spacing: -0.02em;
    line-height: 28px;
    font-size: 22px;
    font-weight: 400;
}

.introduction_dot_text {
    margin-top: 10px;
    color: #555555;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 400;
    white-space: nowrap;

}

.introduction_section .center {

    position: relative;
}

.introduction_dot.a_01 {
    position: absolute;
    top: 72px;
    right: 92%;
}

.introduction_dot.a_02 {
    position: absolute;
    flex-direction: row-reverse;
    top: 72px;
    left: 92%;
}

.introduction_dot.a_03 {
    position: absolute;

    bottom: 72px;
    right: 92%;
}

.introduction_dot.a_04 {
    position: absolute;
    flex-direction: row-reverse;
    bottom: 72px;
    left: 92%;
}

.introduction_dot_text_box.a_01 {
    position: absolute;
    right: 110%;
    top: 54px;
}

.introduction_dot_text_box.a_02 {
    position: absolute;
    left: 130%;
    top: 54px;
}

.introduction_dot_text_box.a_03 {
    position: absolute;
    right: 126%;
    bottom: 4px;
}

.introduction_dot_text_box.a_04 {
    position: absolute;
    left: 130%;
    bottom: 4px;
}

/* //회사소개 */


/* 연혁 */
.history {
    padding-bottom: 168px;
    margin-top: 80px;

}

.history_block_left {
    width: 50%;
    display: flex;
    align-items: center;
    text-align: right;

}

.history_block_left .history_block_text li {
    position: static;
}

.history_block_right {
    width: 50%;
    display: flex;
    vertical-align: top;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.history_block_right .history_small_line_box {
    transform: rotate(180deg);
    margin-right: 28px;
}

.history_block_left .history_small_line_box {
    margin-left: 28px;
}

.history_line_box {
    overflow: hidden;
    position: relative;
    padding-bottom: 168px;

}

.history_line {
    border: 1px solid #DAE8F0;
    width: 1px;
    position: absolute;
    height: 100%;
    left: 50%;

    transform: translateX(-50%);

}

.before_bar {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background: #4285f4;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);


}

.history_block_container .history_block:last-child::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 8px;
    height: 8px;
    background: #4285f4;
    border-radius: 100%;
}

.history_block_container .history_block:first-child::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, 100%);
    width: 8px;
    height: 8px;
    background-color: #4285f4;
    border-radius: 100%;
}



.history_circle_top {
    width: 8px;
    height: 8px;
    background-color: #1388EA;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

}

.history_circle_bottom {
    width: 8px;
    height: 8px;
    background-color: #DAE8F0;

    border-radius: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);


}

.history_circle_bottom.active {
    background-color: #1388EA;
}


.history_line_active {
    height: 200px;
    background-color: #1388EA;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.7s;
}

.history_block {

    display: flex;
}

.history_block_date {
    color: #1388EA;
    letter-spacing: -0.02em;
    line-height: 50px;
    font-size: 40px;
    font-weight: 400;

    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;

}

.history_block_text {


    padding-top: 20px;
}

.history_block_text li {
    color: #555555;
    letter-spacing: -0.02em;

    line-height: 28px;
    font-weight: 400;


}

.history_block_text li::marker {
    color: #555555;


}

.history_small_line_circle {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background-color: #1388EA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.history_block_text_box {
    position: relative;
    top: 30px;
    white-space: nowrap;

    width: 100%;

}

.history_small_line_box {
    display: flex;
    align-items: center;

}

.history_small_line_circle_02 {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 10px;
}

.history_small_line {
    width: 150px;
    height: 1px;
    background-color: #DAE8F0;
}

.history .center {
    position: relative;
}




.history_block.right .history_small_line_box {
    flex-direction: row-reverse;
}

.history_block.right .history_block_date {
    text-align: left;
}

.history_block.right .history_block_text li {
    text-align: left;
    padding-left: 20px;

}


.history_block.right .history_small_line_box {
    margin-left: 0;
    /*margin-right: 18px;*/
}

/* //right */

/* //연혁 */




/* 조직도 */

.organization {
    padding-bottom: 176px;
    overflow: hidden;
}

.organization_circle {
    margin-top: 80px;
    display: flex;
    justify-content: center;
}

.organization_img {

    width: 91.2%;
    height: 880px;

}
.organization_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* //조직도 */

/* 찾아오시는길 */
.way_to_come {
    padding-bottom: 234px;
    margin-top: 80px;
}
.map {
    width: 100%;
    height: 600px;

}

.os_mac.root_daum_roughmap,
.os_mac.root_daum_roughmap button,
.os_mac.root_daum_roughmap input,
.os_mac.root_daum_roughmap select,
.os_mac.root_daum_roughmap td,
.os_mac.root_daum_roughmap textarea,
.os_mac.root_daum_roughmap th {
    width: 100%;
    height: 100%;
    z-index: -1;
}

.root_daum_roughmap .wrap_controllers {
    display: none!important;
}

.root_daum_roughmap .wrap_map {
    height: 100% !important;
}

.map_text_box {
    background-color: #F7F7F7;
    padding-top: 44px;
    padding-left: 104px;
    padding-bottom: 40px;
}

.way_to_come_logo {
    width: 280px;
    height: 66px;

}

.way_to_come_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map_text {
    margin-top: 36px;
    display: flex;
    color: #555555;
    font-weight: 300;
    line-height: 34px;
    /*font-size: 18px;*/

}

.map_text span {
    font-weight: 700;
    color: #111111;

}

.map_text p {
    margin-right: 30px;
}

.map_text p:last-child {
    margin-right: 0;
}

/* //찾아오시는길 */



/* 강의 리스트 */

.lecture_bg {
    background-image: url(../company/img/lecture_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}



.lecture_list {
    padding-bottom: 122px;
    margin-top: 80px;

}

.lecture_period {
    background-color: #F7F7F7;
    text-align: center;
}

.lecture_period_center {
    padding-top: 46px;
    padding-bottom: 56px;
}

.lecture_period_title {
    color: #111111;
    letter-spacing: -0.02em;
    line-height: 25px;
    font-weight: 400;
    font-size: 20px;
}

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

.lecture_period_texta {
    margin-right: 36px;
    color: #555555;
    /*font-size: 18px;*/

    letter-spacing: -0.02em;
    line-height: 22px;
    display: flex;
    align-items: center;

}


.lecture_period_texta span {
    color: #1388EA;
    font-weight: 700;
}

.lecture_period_texta:last-child {
    margin-right: 0;
}

.blue_box {
    width: 3px;
    height: 3px;
    background-color: #1388EA;
    margin-right: 4px;
}

.lecture_list_tab {
    margin-top: 82px;
}

.lecture_list_tab ul {
    display: flex;
    justify-content: center;
}

.lecture_list_tab ul li {

    border-radius: 36px;
    background: #EEEEEE;
    color: #555555;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-right: 6px;
    cursor: pointer;
}

.lecture_list_tab ul li a {
    color: #555555;
    display: block;
    width: 100%;
    height: 100%;
    padding: 18px 34px;
}

.lecture_list_tab ul li:last-child {
    margin-right: 0;
}

.lecture_list_tab ul li.active {
    background-color: #1388EA;
    color: #ffffff;
}

.lecture_list_tab ul li.active a {
    color: #ffffff;
}

.lecture_list_container {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.lecture_list_block {
    width: calc((100% / 3) - 30px);
    border: 1px solid #dddddd;
    margin-right: 30px;
    padding-bottom: 30px;
    margin-top: 80px;
}

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

.lecture_list_block:nth-child(1) {
    margin-top: 0;
}

.lecture_list_block:nth-child(2) {
    margin-top: 0;
}

.lecture_list_block:nth-child(3) {
    margin-top: 0;
}

.lecture_list_img {
    height: 280px;

}

.lecture_list_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.lecture_list_text_box_center {
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 20px;
}

.lecture_list_text_box_center ul {
    display: flex;
}

.lectur_ul_list {
    padding: 6px 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    border-radius: 30px;
    font-size: 13px;
}

.lectur_ul_list.a_01 {
    background: #859FB9;
    margin-right: 6px;
}

.lectur_ul_list.a_02 {
    background-color: #47B2D3;
}

.lectur_ul_list a {
    color: #ffffff;
}

.lecture_list_title {
    margin-top: 14px;
    color: #000000;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 40px;
    /*font-size: 18px;*/
}

.lecture_list_text {
    margin-top: 10px;
    display: flex;
    color: #555555;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-weight: 400;

}

.lecture_list_text span:first-child {
    margin-right: 40px;
}

.lecture_list_text span:first-child::after {
    content: "|";
    position: relative;
    left: 20px;
    color: #CFCFCF;
}



.lecture_list_link_box {
    padding: 0 34px;
    display: flex;
    justify-content: space-between;

}

.lecture_list_link_box a {
    display: block;
    width: 49%;
}

.lecture_application {
    margin-top: 28px;

    background-color: #0D3E68;
    text-align: center;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 700;
    cursor: pointer;
    padding: 18px 0;
    transition: all 0.3s;
}

.lecture_application_link {
    color: #fff;
}

.lecture_application:hover {
    background-color: #0A3152;
}

.lecture_application.detail {
    background-color: #859FB9;
}

.lecture_application.detail:hover {
    background-color: #5C7B9A;
    ;
}

/* //강의 리스트 */


/* 1 ,2 ,3 버튼 */
.number_list {
    display: flex;
    margin-top: 104px;
    align-items: center;
    justify-content: center;
}

.number_list ul {
    display: flex;

}

.number_list_prev {
    width: 40px;
    height: 40px;
    margin-right: 40px;
    cursor: pointer;
}

.number_list_prev img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.number_list_next {
    width: 40px;
    height: 40px;
    margin-left: 40px;
    cursor: pointer;
}

.number_list_next img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

li.number {
    color: #999999;
    letter-spacing: -0.02em;
    font-weight: 400;
    margin-right: 30px;
    cursor: pointer;
}

li.number:last-child {
    margin-right: 0;
}

li.number.active {
    color: #1388EA;
    font-weight: 700;
}

/* //1 ,2 ,3 버튼 */


/* 강의 자세히보기 */

.lecture_view_img_title {
    margin-top: 80px;
    background-color: #ffffff;
    padding-bottom: 64px;
}

.lecture_view_img {
    width: 570px;
    height: 358px;
    margin-right: 130px;
}

.lecture_view_title_center {
    display: flex;
}

.lecture_view_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lecture_view_title_box ul {
    margin-top: 38px;
    display: flex;
}

.lecture_ul_list {

    padding: 6px 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    border-radius: 30px;
    cursor: pointer;
}

.lecture_ul_list a {
    color: #ffffff;
}

.lecture_ul_list.a_01 {
    background: #859FB9;
    margin-right: 6px;
}

.lecture_ul_list.a_02 {
    background: #47B2D3;
}

.lecture_view_title_text {
    margin-top: 26px;
    color: #000000;
    font-size: 26px;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 40px;
}

.lecture_view_time {
    margin-top: 30px;

}

.lecture_view_time span:first-child {
    margin-right: 40px;
}

.lecture_view_time span:first-child::after {
    content: "|";
    color: #CFCFCF;
    position: relative;
    left: 20px;
}

.lecure_button_flex {
    display: flex;
}

.lecure_preview {
    margin-top: 44px;
    font-weight: 700;

    letter-spacing: -0.02em;
    font-size: 20px;
    background-color: #0D3E68;
    width: 280px;
    text-align: center;
    padding: 28px 0;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 20px;
}

.lecure_preview_link {
    color: #fff;
}

.lecure_preview a {
    color: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
}

.lecure_preview.bl {
    background-color: #859FB9;
}

.lecure_preview.bl:hover {
    background-color: #5C7B9A;
}

.lecure_preview:hover {
    background-color: #0A3152;
}

/* 강의 자세히보기 수료 , 과정 , 수강후기 */
.lecture_view_container {
    background-color: #F7F7F7;

    padding-top: 50px;
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 100px;

}

/* 강의 자세히보기 중간 */
.lecture_view_completion {
    background-color: #ffffff;
    padding-top: 60px;
    padding-bottom: 82px;

}

.view_completion {
    display: flex;
    align-items: center;
}

.view_completion_title {
    display: flex;
    align-items: center;
    color: #000000;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 22px;
    margin-right: 160px;
    white-space: nowrap;
}

.blue_bar {
    width: 4px;
    height: 20px;
    background-color: #1388EA;
    margin-right: 20px;
}

.view_completion_text {
    color: #111111;
    letter-spacing: -0.02em;
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
}

.view_completion.a_02 {
    margin-top: 70px;
}

.view_completion.a_03 {
    margin-top: 70px;
}

.view_completion.a_04 {
    margin-top: 70px;
}

.view_completion.a_05 {
    margin-top: 70px;
}

/* //강의 자세히보기 중간 */


/* //강의 자세히보기 수료 , 과정 , 수강후기 */


/* 수강후기 */

.lot_review {
    background-color: #ffffff;
    margin-top: 30px;
    padding-top: 60px;
    padding-bottom: 80px;
}

.lot_review_center {
    display: flex;
    width: 100%;
}

.lot_review_list_block {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 26px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px;
    align-items: center;

}

.lot_review_list_block:nth-child(1) {
    margin-top: 0;
}

.lot_review_list_block_title {
    color: #111111;
    /*font-size: 18px;*/
    font-weight: 400;
    letter-spacing: -0.02em;

}

.lot_review_list_block_id_date {
    margin-top: 24px;
    color: #999999;
}

.lot_review_list_block_id_date span {
    margin-right: 18px;
    color: #555555;
}

.lot_review_list {
    width: 100%;
}

.review_more_link {
    color: #fff;
    width: 280px;
    height: 80px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.review_more {
    background-color: #0D3E68;


    letter-spacing: -0.02em;
    line-height: 80px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;

    cursor: pointer;
    transition: all 0.3s;
}

.review_more a {
    color: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
}

.review_more:hover {
    background-color: #0A3152;
}

/* //수강후기 */





/* //강의 자세히보기 */


/* 내 강의실 */
.my_classroom_bg {
    background-image: url(../study/img/my_classroom_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}

.my_classroom_gray_bg_img_box {
    display: flex;
    align-items: center;
    margin-top: 60px;
    justify-content: space-between;
}

.my_classroom_gray_bg {
    background-color: #F7F7F7;

    padding-left: 60px;
    padding-right: 88px;

    padding-bottom: 48px;
    display: flex;
    padding-top: 48px;
    align-items: center;
    width: 75.8%;
}



.my_classroom_img_box {
    height: 170px;
    width: 320px;
    cursor: pointer;
}

.my_classroom_img_box a {
    display: block;
    width: 100%;
    height: 100%;
}

.my_classroom_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my_classroom_gray_bg_center {
    display: flex;
    align-items: center;

}

.my_classroom_gray_bg_title {
    color: #111111;
    letter-spacing: -0.02em;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    border-right: 1px solid #dddddd;

    margin-right: 60px;

    padding: 18px 0;
    padding-right: 34px;
}

.my_classroom_gray_bg_title span {
    color: #1388EA;
    font-weight: 700;


}

.my_classroom_gray_bg_text {
    color: #555555;
    letter-spacing: -0.02em;
    line-height: 22px;
    /*font-size: 18px;*/
    font-weight: 400;
}

.my_classroom_gray_bg_text.mobile {
    display: none;
}

.my_classroom_gray_bg_text span {
    color: #1388EA;
}

.my_classroom_gray_bg_text ul li {
    list-style-type: disc;
}

.my_classroom_gray_bg_text ul li::marker {
    color: #555555;

}

.my_classroom_gray_bg_text ul li:last-child {
    margin-top: 8px;
}


.evaluation_box {
    display: flex;
    margin-top: 30px;
    ;
}

.evaluation_block {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    background-color: #fff;

    cursor: pointer;
    padding: 16px 0;
    padding-left: 40px;
}

.evaluation_block_center {
    display: flex;
    align-items: center;
}

.evaluation_img {
    margin-right: 30px;
    background-color: #F4F4F4;
    padding: 44px;
    border-radius: 90px;

}

.evaluation_block:last-child {
    margin-right: 0;
}

.evaluation_block.a_01 .evaluation_img {
    background-image: url(../study/img/evaluation_img_01.svg);
    background-position: center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.evaluation_block.a_02 .evaluation_img {
    background-image: url(../study/img/evaluation_img_02.svg);
    background-position: center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.evaluation_block.a_03 .evaluation_img {
    background-image: url(../study/img/evaluation_img_03.svg);
    background-position: center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.evaluation_blue {
    color: #1388EA;
    line-height: 22px;
    /*font-size: 18px;*/
    font-weight: 700;
}

.evaluation_text {
    margin-top: 10px;
    color: #111111;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;

}

.evaluation_text span.gray {
    margin-left: 16px;
    color: #999999;
    font-size: 14px;
    line-height: 18px;
    margin-right: 30px;
}

.evaluation_block_button {
    background-color: #1388EA;
    padding: 16px;
    border-radius: 30px;
    background-image: url(../study/img/evaluation_right.svg);
    background-size: 12px 10px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/* 나의 강의 컨테이너 */



.my_classroom_container {
    margin-top: 60px;
}

.my_classroom_container.mobile {
    display: none;
}

.my_classroom_block {
    display: flex;
    border: 1px solid #dddddd;
    justify-content: space-between;
    margin-top: 20px;
}

.my_classroom_block:nth-child(1) {
    margin-top: 0;
}

.my_classroom_block_left {
    padding-top: 20px;
    padding-left: 20px;
    display: flex;
    padding-bottom: 20px;

}

.my_classroom_block_img {
    width: 350px;
    height: 220px;
    margin-right: 40px;
}

.my_classroom_block_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my_classroom_block_text_box ul {
    display: flex;
    margin-top: 48px;
}

.my_classroom_ul_list {
    padding: 6px 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    border-radius: 30px;
    font-size: 13px;
    cursor: pointer;
}

.my_classroom_ul_list a {
    color: #ffffff;
}

.my_classroom_ul_list.a_01 {
    background: #859FB9;
    margin-right: 6px;
}

.my_classroom_ul_list.a_02 {
    background: #47B2D3;
}

.my_classroom_block_title {
    margin-top: 16px;
    color: #000000;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-size: 23px;
    line-height: 40px;
}

.my_classroom_block_date {
    margin-top: 10px;
    color: #555555;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-weight: 400;
}

.my_classroom_block_right_center {
    height: 100%;
    width: 280px;

}

.my_classroom_block_right_block_center {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 50px;
    padding-right: 56px;
    white-space: nowrap;
    align-items: center;

}

.my_classroom_block_right_block {

    height: 25%;
    display: flex;
    align-items: center;

    background-color: #F4F4F4;
    border-bottom: 1px solid #ffffff;


}



.my_classroom_block_right_block:last-child {
    border-bottom: none;
}

.my_classroom_view_details {
    background-color: #0D3E68;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 700;
    /*font-size: 18px;*/
    background-image: url(../study/img/my_classroom_drop_.svg);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: 80%;
    cursor: pointer;
    transition: all 0.3s;
}

.my_classroom_view_details:hover {
    background-color: #0A3152;
}

.my_classroom_block_bk {
    color: #000000;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 400;
    display: flex;
    position: relative;
    width: 30%;

}


.my_classroom_block_bk a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    background-color: #859FB9;
    padding: 9px 22px;
    transition: all 0.3s;
}

.my_classroom_block_bk a:hover {
    background-color: #5C7B9A;
}


.my_classroom_block_bl {
    color: #1388EA;
    /* margin-right: 44px; */
    font-weight: 700;


}

.certificates {
    height: 25%;
    background-color: #1388EA;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
}

.certificates_center {
    display: flex;
}

.certificates_img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.certificates_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my_classroom_view_fold {
    background-color: #859FB9;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 700;
    /*font-size: 18px;*/
    background-image: url(../study/img/my_classroom_up_.svg);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: 80%;
    transition: all 0.3s;
    cursor: pointer;
}

.my_classroom_view_fold:hover {
    background-color: #5C7B9A;
}

.completion_container {
    background-color: #F7F7F7;
    padding-bottom: 46px;
    padding-left: 20px;
    padding-right: 20px;
}

/* //나의 강의 컨테이너 */

/* 기준 정보 컨테이너 */

.completion_top {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.completion_title {
    color: #000000;
    letter-spacing: -0.02em;
    font-weight: 700;
    /*font-size: 18px;*/
    line-height: 30px;
    align-self: flex-end;
    padding-left: 10px;
}

.curriculum_detail {
    background-color: #0D3E68;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 700;
    padding: 16px 24px;
    cursor: pointer;
    transition: all 0.3s;
}

.curriculum_detail:hover {
    background-color: #0A3152;
}

/* 수료기준 테이블 */


table {
    border-collapse: collapse;
    background-color: #ffffff;

}


.completion_table_wrap {
    margin-top: 10px;
}

.completion_table {
    color: #111111;
    letter-spacing: -0.02em;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.completion_table p {
    color: #111111;
    letter-spacing: -0.02em;
    font-weight: 400;
}

.completion_table span.bl {
    color: #1388EA;
    font-weight: 700;
}


td.title {
    border-top: 1px solid #111111;
    font-weight: 700;
    background-color: #D1E8FD;
    padding: 16px 0;
    border-right: 1px solid #dddddd;
    width: 16.666%;

}

td.title:last-child {
    border-right: none;
}

td.full {

    padding: 40px 0;
    border-right: 1px solid #dddddd;
}

td.blank {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

/* //수료기준 테이블 */

/* 수강정보 테이블 */

.course_information_table_wrap {
    margin-top: 22px;
}

.course_information_table {
    width: 100%;
    text-align: center;
    /*border-bottom: 1px solid #dddddd; */
}
.course_information_table tr, .course_information_table td {
    border: 1px solid #dddddd;
}

.course_information_table td.title {
    border-top: 1px solid #111111 !important;
}


.course_information_table tr > td.title:nth-child(1) { width: auto !important;}
.course_information_table tr > td.title:nth-child(2) { width: 13% !important;}
.course_information_table tr > td.title:nth-child(3) { width: 10% !important;}
.course_information_table tr > td.title:nth-child(4) { width: 10% !important;}
.course_information_table tr > td.title:nth-child(5) { width: 10% !important;}
.course_information_table tr > td.title:nth-child(6) { width: 22% !important;}

.course_information_table tbody tr > td:nth-child(1) { text-align: left; padding-left: 10px;}

.course_table_button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 700;
    font-size: 14px;

    padding-left: 26px;
    padding-right: 26px;
    height: 100%;
}

.continue {
    margin-right: 10px;
}

.table_button {
    background-color: #859FB9;
    padding: 8px 38px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;

}

.table_button:hover {
    background-color: #5C7B9A;
}

td.full_02 {
    padding: 8px 0;
}


.my_class_detail_container {
    margin-top: 20px;
    border: 1px solid #111111;

}

.my_classroom .center {
    padding-bottom: 124px;
}


/* //수강정보 테이블 */



/* //기준 정보 컨테이너 */


/* //내 강의실 */



/* 공지사항 리스트 */

.customer_bg {
    background-image: url(../bbs/img/customer_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}

.customer_list {
    margin-top: 80px;
    padding-bottom: 148px;
}

.customer_search_box form {
    display: flex;
    justify-content: flex-end;
    height: 50px;
}

select.search {
    margin-right: 10px;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    color: #555555;
    letter-spacing: -0.02em;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 60px;
    background-image: url(../bbs/img/customer_drop.svg);
    background-repeat: no-repeat;
    background-size: 12px 14px;
    background-position: 80%;


}

.customer_search_input {

    position: relative;
}

input.search {
    padding-left: 18px;
    border: 1px solid #DDDDDD;
    outline: 0;
    padding-right: 76px;
    /* background-image: url(../customer/img/search.svg);
    background-repeat: no-repeat;
    background-position: 90%; */
    height: 100%;
}

input.search::placeholder {
    color: #C4C4C4;
    letter-spacing: -0.02em;
    font-weight: 400;


}

button.customer_search_icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
}

.customer_search_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 공지사항 검색 박스 */

/* 공지사항 리스트 컨테이너 */

.mobile_customer_list_container {
    display: none;
}

.customer_list_mobile_hidden_title {
    display: none;
}

.customer_list_container {
    margin-top: 30px;

}

.number_list.mobile {
    display: none;
}

.customer_list_header {
    border-top: 1px solid #111111;
    background: #D1E8FD;
    display: flex;
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 700;
    align-items: center;
    padding: 24px 50px;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
}

.customer_list_header_number {
    width: 32px;
    text-align: center;
}

.customer_list_header_date {
    width: 104px;
    text-align: center;
}


.customer_list_block {
    padding: 24px 50px;
    display: flex;
    justify-content: space-between;
    color: #111111;
    letter-spacing: -0.02em;
    font-weight: 400;
    /*font-size: 18px;*/
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: relative;
    cursor: pointer;
}

.customer_list_block_flex {
    display: flex;
}

.customer_list_block.important {
    color: #1388EA;
}

.customer_list_block.customer_notice {
    background-color: #FAFAFA;

}

.customer_list_block_number {
    margin-right: 132px;


}

.customer_list_block_date {

    width: 104px;
    text-align: center;
}

.customer_list .number_list {
    margin-top: 70px;
}

/* //공지사항 리스트 컨테이너 */

/* 공지사항 리스트 */




/* 공지사항 리스트 자세히보기 */


.customer_list_view {
    margin-top: 80px;
    padding-bottom: 90px;
}

.customer_list_view_container {
    margin-top: 30px;
    border-top: 1px solid #111111;

}

.customer_list_view_header {
    display: flex;
    align-items: center;
    padding: 56px 50px;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;

}

.customer_list_view_header_title {
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 700;
}

.customer_list_view_header_date {
    color: #555555;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 400;
}

.customer_list_view_main {
    padding-top: 60px;
    color: #111111;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    padding-left: 50px;
    padding-right: 50px;
}

.mobile_customer_list_view_main_text {
    display: none;
}

.customer_list_view_main pre {
    white-space: pre-wrap;
}

.customer_list_view_download {
    margin-top: 56px;
    background-color: #FAFAFA;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 28px 50px;
}

.customer_list_view_download a {
    display: flex;
    align-items: center;
    color: #555555;
    font-weight: 400;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    cursor: pointer;

}

.customer_list_view_download a img {
    margin-right: 20px;
}

/* 목록 */

.list {
    margin: 0 auto;
    width: 180px;
    height: 60px;
    line-height: 60px;
    background-color: #0D3E68;
    text-align: center;
    line-height: 60px;
    margin-top: 50px;
    transition: all 0.3s;
}

.list:hover {
    background-color: #0A3152;
}

.list a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

/* //목록 */

/* //공지사항 리스트 자세히보기 */

/* 1:1문의 */

.customer_inquiry {

    padding-bottom: 160px;

}

.customer_inquiry_container {
    margin-top: 80px;
    border-top: 1px solid #111111;
    padding-top: 32px;


}


.inquiry_form {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.inquiry_form:first-child {
    margin-top: 0;
}

.inquiry_bold_text {
    width: 62px;


    /*font-size: 18px;*/
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111111;
    margin-right: 124px;
}

.inquiry_form.phone {
    margin-top: 20px;
}

.inquiry_form.title {
    margin-top: 20px;
}


.inquiry_form.contents {
    margin-top: 20px;
}

.inquiry_text {
    color: #000000;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 400;
}

.inquiry_form.contents {
    display: flex;
    align-items: flex-start;
}

.inquiry_form.type select {
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    color: #999999;
    letter-spacing: -0.02em;
    font-weight: 400;
    padding: 20px 144px 20px 20px;
    background-image: url(../bbs/img/customer_drop.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 90%;
}

.inquiry_form.type select option {
    color: #111;
}


.inquiry_phone {
    color: #111111;
    letter-spacing: -0.02em;
    font-weight: 400;
    display: flex;
    align-items: center;



}

.inquiry_phone select {
    padding: 20px 76px 20px 20px;
    border: 1px solid #DDDDDD;
    margin-right: 10px;
    background-image: url(../bbs/img/customer_drop.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 90%;
}

img.phone {
    margin-right: 10px;
}


.inquiry_phone input {
    padding: 20px 0;
    padding-left: 20px;
    border: 1px solid #DDDDDD;
    margin-right: 10px;
}

.inquiry_phone input:first-child {
    margin-right: 0;
}

input.name_input {
    width: 82.2%;
    padding: 20px 0;
    border: 1px solid #DDDDDD;

    padding-left: 20px;
}
input.title_input {
    width: 82.2%;
    padding: 20px 0;
    border: 1px solid #DDDDDD;

    padding-left: 20px;
}

textarea.contents {
    outline: 0;
    width: 82.2%;

    border: 1px solid #DDDDDD;
    padding: 20px 0 0 20px;

}

.inquiry_button_box {
    display: flex;
    justify-content: center;

}

.inquiry_button {

    width: 180px;
    height: 60px;
    color: #fff;
    background-color: #0D3E68;
    text-align: center;
    line-height: 60px;
    margin-top: 42px;
    transition: all 0.3s;
    border: none;
    /*font-size: 18px;*/
    font-weight: 700;
    cursor: pointer;
}

.inquiry_button:hover {
    background-color: #0A3152;
}

.inquiry_button a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}


/* //1:1문의 */


/* 위탁교육안내 */

.refunds_bg {
    background-image: url(../guide/img/refunds_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}

.refunds_consignment {
    margin-top: 80px;
    padding-bottom: 154px;
}

.refunds_consignment_container {
    margin-top: 90px;
}



.refunds_consignment_text_box {
    margin-top: 80px;
}

.refunds_consignment_text_box:nth-child(1) {
    margin-top: 0;
}

.refunds_consignment_text {
    color: #111111;
    margin-top: 24px;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 30px;
    /*font-size: 18px;*/
}

.refunds_consignment_img {
    margin: 0 auto;
    margin-top: 68px;
    width: 938px;
    height: 690px;
}

.refunds_consignment_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.refunds_consignment_text_box.margin_top {
    margin-top: 148px;
}

/* 지원내용 */
.support_contents_container {
    margin-top: 40px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #dddddd;
}

.support_contents_header {
    background-color: #D1E8FD;
    display: flex;
    color: #000000;
    font-weight: 700;
    align-items: center;
    /*font-size: 18px;*/
    letter-spacing: -0.02em;
    padding: 18px 0;
}

.support_contents_header_title.a_01 {
    width: 25.8%;
    text-align: center;

}

.support_contents_header_title.a_02 {
    width: 74.2%;
    text-align: center;

}

.support_contents_body {
    display: flex;
}

.support_contents_body_left {
    width: 25.8%;
    border-right: 1px solid #dddddd;
    display: flex;
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 400;

}

.support_contents_body_right {
    width: 74.2%;


}

.support_contents_body_enterprise_title_box {

    width: 50%;
}

.support_contents_body_enterprise_title {
    height: 33.333%;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 67px 0;
}

.support_contents_body_enterprise_title:last-child {
    border-bottom: none;
}

.support_contents_body_cost_title {
    width: 50%;
    border-right: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support_contents_body_right_block {
    height: 33.333%;
    border-bottom: 1px solid #dddddd;
    padding-top: 24px;
    padding-left: 50px;
}

.support_contents_body_right_block p {
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 700;
}

.support_contents_body_right_block.bg {
    background-color: #FAFAFA;
}

.support_contents_body_right_block span {
    color: #111111;
    letter-spacing: -0.02em;
    display: block;
    margin-top: 16px;
    font-weight: 400;
}

.support_contents_body_right_block span:last-child {
    margin-top: 8px;
}

.support_contents_body_right_block:last-child {
    border-bottom: none;
}

.support_contents_body_right_block span.blue {
    color: #1388EA;
    margin-top: 14px;
    letter-spacing: -0.02em;
    font-weight: 400;

}



/* //지원내용 */


/* 회색 배경 내용 */
.support_contents_gray {
    margin-top: 30px;
    background-color: #F7F7F7;
    color: #555555;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    padding-left: 76px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.support_contents_gray li {
    list-style-type: disc;

}

.support_contents_gray li::marker {
    color: #555555;
}

.support_contents_gray span {
    display: block;
    white-space: nowrap;
}

.support_contents_gray_text_box {
    margin-right: 138px;
}

/* //회색 배경 내용 */

/* 사업주 훈련 지원한도 */
.application_limit_container {
    margin-top: 42px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #dddddd;
}

.application_limit_header {
    background-color: #D1E8FD;
    color: #111111;
    /*font-size: 18px;*/
    letter-spacing: -0.02em;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.application_limit_header_title {
    width: 50%;
    border-right: 1px solid #dddddd;
}

.application_limit_body {
    display: flex;
}

.application_limit_body_text {
    width: 50%;
    display: flex;
    justify-content: center;
    border-right: 1px solid #dddddd;
    height: 60px;
    line-height: 60px;
    color: #111111;
    letter-spacing: -0.02em;
    font-weight: 400;
}

.application_limit_body_text span {
    color: #1388EA;
    font-weight: 700;
}

.application_limit_important {
    margin-top: 20px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #555555;
}

.application_limit_important img {
    margin-right: 10px;
    object-fit: cover;
}

/* //사업주 훈련 지원한도 */



/* //위탁교육안내 */



/* 교육진행절차 */

.refunds_procedure {
    padding-bottom: 150px;
}

.refunds_procedure_container {
    margin-top: 90px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #dddddd;
}

.refunds_procedure_block {
    border-bottom: 1px solid #dddddd;
    display: flex;
    padding-left: 64px;
    padding-top: 26px;
    align-items: center;
    padding-bottom: 26px;
    color: #111111;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;

}

.refunds_procedure_text {
    font-weight: 400;
    /*font-size: 18px;*/
}

.refunds_procedure_icon {
    margin-right: 58px;
    width: 150px;
    height: 150px;

}

.refunds_procedure_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.refunds_procedure_block:last-child {
    border-bottom: none;
}



/* //교육진행절차 */


/* 환급절차 */
.refunds_refunds_container {
    margin-top: 90px;
}

.refunds_refunds_img_box {
    margin-top: 80px;

}

.refunds_refunds_img {
    width: 938px;
    height: 688px;
    margin: 0 auto;
}

.refunds_refunds_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.refunds_refunds_text_box.a_02 {
    margin-top: 170px;
}

.refunds_refunds {
    padding-bottom: 150px;
}




/* //환급절차 */



/* 주의사항 */

.refunds_precautions_conatainer {
    margin-top: 90px;
    padding-bottom: 110px;
}

.refunds_precautions_text_box {
    margin-top: 80px;
}

.refunds_precautions_text_box:first-child {
    margin-top: 0;
}

.refunds_precautions_text_box ul {
    margin-top: 24px;
}

.refunds_precautions_text_box ul li {

    margin-left: 30px;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 400;
}


.refunds_precautions_text_box ul li span {
    color: #1388EA;
}

li.style_none {
    list-style: none !important;
    color: #555555;
}

li.refunds_precautions_text span.red {
    color: #E11414;
}

.refunds_precautions_text_box li.margin_top {
    margin-top: 44px;
}





/* //주의사항 */


/* 국민내일배움카드란? */

.tomorrow_learning_card_guide_container {
    margin-top: 90px;
    padding-bottom: 118px;
}

.tomorrow_learning_card_guide_bg {
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 74px 0;

}

.tomorrow_learning_card_guide_bg_text_box {
    margin-right: 100px;
}

.tomorrow_learning_card_guide_bg_text_box_title {
    color: #000000;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-size: 28px;
    font-weight: 400;

}

.tomorrow_learning_card_guide_bg_text_box_text {
    margin-top: 30px;
    color: #555555;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
}

.tomorrow_learning_card_guide_bg_text_box_text span {
    display: block;

}

.tomorrow_learning_card_guide_img {
    width: 420px;
    height: 190px;
}

.tomorrow_learning_card_guide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inquiries {
    margin-top: 34px;
    display: flex;
}

.inquiries_box.a_01 {
    margin-right: 108px;
}

.inquiries_box {
    display: flex;
    align-items: center;
    color: #111111;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 700;
}

.inquiries_img {
    width: 90px;
    height: 90px;
    margin-right: 20px;
}

.inquiries_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inquiries_text_box_text {
    font-weight: 400;
}


/* 미수료 수강포기 패널티 안내 */
.penalty_container {
    border-top: 1px solid #111111;
  
    margin-top: 40px;
}

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

.penalty_container table tr {
 
    text-align: center;
}

.penalty_container table tr td {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 34px;
    color: #000000;
    /*font-size: 18px;*/
  
}

.penalty_container table tr td  span {
    color: #1388EA;
}

.penalty_container table tr td.bl {
    background-color: #D1E8FD;
    font-weight: bold;
    border-right: 1px solid #B4D3F0;
    border-bottom: 1px solid #B4D3F0;
    
}

.penalty_container table tr td:last-child {
    border-right: none;
}

.penalty_container table tr:last-child {
    border-bottom: none;
}


/* //미수료 수강포기 패널티 안내 */



/* 하단 회색배경 */
.tomorrow_learning_card_guide_bottom_bg {
    margin-top: 30px;
    display: flex;

    align-items: center;
    background-color: #F7F7F7;
    padding: 36px 0;
    padding-left: 90px;
}


ul.tomorrow_learning_card_guide_bottom_bg_ul {
    margin: 0;
}

ul.tomorrow_learning_card_guide_bottom_bg_ul li {
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
}

ul.tomorrow_learning_card_guide_bottom_bg_ul li.red {
    color: #E11414;
}

ul.tomorrow_learning_card_guide_bottom_bg_ul li.bl {
    color: #1388EA;
}

ul.tomorrow_learning_card_guide_bottom_bg_ul li.bk {
    color: #555555;
}




/* //하단 회색배경 */

/* //국민내일배움카드란? */




/* 내일배움카드 신청절차 */

.tomorrow_learning_card_procedure {
    padding-bottom: 230px;

}

.tomorrow_learning_card_procedure_border {
    width: 1px;
    border-left: dotted #7CA7CB;
    height: 886px;


}

.tomorrow_learning_card_procedure_container {
    margin-top: 90px;
    display: flex;


}

.tomorrow_learning_card_procedure_block_container {
    margin-left: 28px;
}

.tomorrow_learning_card_procedure_block {
    display: flex;

    margin-top: 136px;
    position: relative;
}

.tomorrow_learning_card_procedure_block:nth-child(1) {
    margin-top: 0;

}

.card_procedure_block_title_box {
    /* width: 24.7%; */
    margin-right: 186px;
}



.card_procedure_block_title_box p {
    color: #1388EA;
    letter-spacing: -0.02em;
    line-height: 30px;
    font-size: 36px;
    font-weight: 700;
}

.card_procedure_block_title_box p span {
    color: #111111;
    font-size: 28px;
    font-weight: 400;

}

li.card_procedure_block_list {
    list-style-type: disc;

}

li.card_procedure_block_list.first {
    margin-top: 0;
}

li.card_procedure_block_list p {
    color: #111111;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 400;
}

li.card_procedure_block_list span {
    display: block;
    color: #555555;

}

.card_procedure_block_list.margin {
    margin-top: 40px;
}

li.card_application {
    margin-top: 20px;
    transition: all 0.3s;
    background-color: #0d3e68;
    letter-spacing: -0.02em;
    font-weight: 700;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

li.card_application a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;


}

li.card_application:hover {
    background-color: #0A3152;
}


.tomorrow_learning_line_big {
    width: 16px;
    height: 16px;
    background-color: #1388EA;
    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -37px;
    cursor: pointer;

    transition: all 0.3s;

}

.tomorrow_learning_line_big.bottom {
    position: absolute;
    bottom: 0;
}

.tomorrow_learning_line_big:hover {
    transform: scale(1.1);
}

.tomorrow_learning_line_big_small {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #ffffff;

}




/* //내일배움카드 신청절차 */


/* 과정개발절차 */

.process_development {
    margin-top: 80px;
    padding-bottom: 168px;
}


.process_img {
    width: 846px;
    height: 240px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.process_img img {
    width: 100%;
    height: 100%;

}


.process_development_s2 {
    margin-top: 108px;
}

.process_table {
    border-top: 1px solid #111111;
    margin-top: 40px;

}

.process_table_header {
    height: 60px;
    display: flex;
    background-color: #D1E8FD;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
}


.process_table_header_block {
    width: 50%;

}

.process_table_header_block.a_01 {
    border-right: 1px solid #dddddd;

}

.process_table_main {
    color: #111111;
    letter-spacing: -0.02em;
    /*font-size: 18px;*/
    font-weight: 400;
}

.process_table_main_block.a_01 {
    display: flex;
    height: 240px;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.process_table_main_block_01_left {
    width: 50%;
    height: 100%;

    line-height: 240px;
    border-right: 1px solid #dddddd;
}

.process_table_main_block_01_right {
    width: 50%;
    height: 100%;
}

.process_table_main_block_01_right_block {
    height: 25%;

    line-height: 60px;
    border-bottom: 1px solid #dddddd;

}

.process_table_main_block_01_right_block.bg {
    background-color: #FAFAFA;
}

.process_table_main_block_01_right_block:last-child {
    border-bottom: none;
}


.process_table_main_block.a_02 {
    height: 60px;
    text-align: center;
    line-height: 60px;
    display: flex;
    border-bottom: 1px solid #dddddd;
}

.process_table_main_block_02_left {
    width: 50%;
    border-right: 1px solid #dddddd;
}

.process_table_main_block_02_right {
    width: 50%;
}

.process_img_text_container {
    margin-top: 60px;

    display: flex;
    flex-wrap: wrap;

}

.process_img_text_block {
    width: 33.333%;
    display: flex;

    align-items: center;
}

.process_img_text_block:nth-child(4) {
    margin-top: 58px;
}

.process_img_text_block:nth-child(5) {
    margin-top: 58px;
}

.process_img_box {
    margin-right: 40px;
    width: 160px;
    height: 160px;
}

.process_img_box img {
    object-fit: cover;

}

.process_text_number {
    color: #111111;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 700;
}

.process_text_box .process_text {
    font-family: 400;
    color: #555555;
    letter-spacing: -0.02em;
    line-height: 30px;
    /*font-size: 18px;*/
}

.process_text_box .process_text span {
    display: block;
}

/* //과정개발절차 */


/* 자주묻는질문 */

.customer_faq_container {
    padding-bottom: 128px;
}

.customer_faq_container .customer_search_box {
    margin-top: 50px;
}


.faq_list {
    margin-top: 30px;
    border-top: 1px solid #111111;
}

.faq_block_hidden {
    background-color: #F7F7F7;
    color: #000000;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 400;
    padding-left: 244px;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
}

.faq_block_hidden.active {
    display: block;
}

.faq_block_hidden span {
    display: block;
}

.faq_block_hidden span:last-child {
    margin-top: 44px;
}

.faq_block {
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding-left: 60px;
    padding-top: 32px;
    padding-bottom: 32px;
    background-image: url(../bbs/img/customer_faq_down.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 96%;
}

.faq_block.active {
    background-image: url(../bbs/img/customer_faq_up.svg);
}

.faq_block_blue {
    color: #1388EA;
    letter-spacing: -0.02em;
    margin-right: 60px;

    /*font-size: 18px;*/
    font-weight: 400;
}

.faq_block_text {
    color: #111111;
    /*font-size: 18px;*/
    font-weight: 400;
}

.customer_faq_container .number_list {
    margin-top: 70px;
}

/* //자주묻는질문 */



/* 서비스 이용약관 */

.terms_of_service {
    padding-bottom: 128px;
}

.etc_bg {
    background-image: url(../agreement/img/etc_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}

.terms_of_service {
    margin-top: 80px;

}



.terms_of_service pre {
    margin-top: 24px;
    /*font-size: 18px;*/
    color: #111111;
    line-height: 30px;
    font-weight: 400;
    white-space: pre-wrap;
}

.terms_of_service_block {
    margin-top: 80px;
}

.terms_of_service_block:nth-child(1) {
    margin-top: 0;
}

.terms_of_service_block table {

    border-top: 1px solid #111111;
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;

}

.terms_of_service_block table tr td {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    padding: 10px 0;
}

.terms_of_service_block table thead {
    font-weight: bold;
    /*font-size: 18px;*/
}

.terms_of_service_block table tr td:last-child {
    border-right: none
}

/* //서비스 이용약관 */


/* 로그인 */

.container.login {
    margin-top: 100px;
    padding-top: 60px;
    padding-bottom: 66px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;

}



.login_container_center {



    width: 25.7%;
    margin: 0 auto;
    padding: 84px 0px;


}



.login_container {

    width: 100%;
    background-color: #fff;
    max-width: 1400px;

}

.login_logo {
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.login_introduce_text {
    margin-top: 20px;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    color: #111111;
    padding-bottom: 26px;
    border-bottom: 1px solid #dddddd;
}

.login_input_box {
    margin-top: 30px;
}

.login_input_box input {
    display: block;

    margin-top: 6px;
    border: 1px solid #dddddd;
    padding-left: 20px;
    color: #999999;
    line-height: 30px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.login_input_box input:first-child {
    margin-top: 0;
}

.login_input_box input.login {
    margin-top: 10px;
    background-color: #0D3E68;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    padding-left: 0;
}

.login_input_box input.login:hover {
    background-color: #0A3152;
}

.login_id_password_search {
    margin-top: 10px;
}

.login_id_password_search ul {
    display: flex;
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
    justify-content: center;

}

.login_id_password_search ul li {
    margin-right: 28px;

}

.login_id_password_search ul li::after {
    content: "|";
    color: #dddddd;
    position: relative;
    left: 14px;

}

.login_id_password_search ul li:last-child {
    margin-right: 0;
}

.login_id_password_search ul li:last-child::after {
    content: "";
}



.login_id_password_search ul li a {
    color: #555555;
}

.hidden_login_text {
    display: none;
}

/* //로그인 */


/* 아이디 찾기 */

.login_background {
    background-image: url(../member/img/login_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}


.id_search {
    margin-top: 80px;
    padding-bottom: 124px;
}

.id_search_title {
    text-align: center;
    color: #000000;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 28px;
}

.id_search form {
    margin-top: 40px;
    border-top: 1px solid #111111;
    padding-bottom: 42px;

}

.id_search_form_center {
    margin-top: 38px;
}

.id_search_block {

    display: flex;
    margin-top: 24px;
    align-items: center;
}

.id_search_block_select_box {
    display: flex;
    align-items: center;
}

.id_search_block:first-child {
    margin-top: 0;
}

.id_search_block_title {
    color: #111111;
    line-height: 80px;
    /*font-size: 18px;*/
    font-weight: 700;
    margin-right: 94px;
    width: 62px;
}

.id_search_block input {
    padding: 20px 0;
    border: 1px solid #dddddd;
    padding-left: 30px;
    width: 27.7%;
}

.id_search_block_select select {
    border: 1px solid #dddddd;
    padding: 20px 0;
    width: 90px;
    margin-right: 7px;
    padding-left: 10px;
    color: #111111;
    font-weight: 400;
    background-image: url(../member/img/id_search_drop.svg);
    background-repeat: no-repeat;
    background-size: 13px 15px;
    background-position: 80%;

}

.id_search_block_select select.year {
    width: 120px;
}

.id_search_block_select span {
    margin-right: 20px;
    color: #111111;
    font-weight: 400;
    line-height: 30px;
}

.id_search_block_select:last-child span {
    margin-right: 0;
}

.id_search_block.phone select {
    width: 120px;
    margin-right: 6px;
}

.id_search_block.phone input {
    width: 160px;
}

.id_search_block.phone span {
    margin-right: 6px;
}

.id_search_block.phone input.first {
    margin-right: 6px;
}


.id_search_button_form {
    margin-top: 42px;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #dddddd;
    padding-top: 40px;

}

.id_search_prev_button {
    color: #fff;
    background-color: #859FB9;
    padding: 0 122px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
    transition: all 0.3s;
}

.id_search_prev_button:hover {
    background-color: #5C7B9A;
}

.id_search_button_form input {
    background-color: #0D3E68;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 0 94px;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
}

.id_search_button_form input:hover {
    background-color: #0A3152;
}


/* //아이디 찾기 */


/* 회원가입 */

.sign_up {
    margin-top: 76px;
    padding-bottom: 132px;
}

.sign_up pre {
    white-space: pre-wrap;
}


.full_consent {

    display: flex;
    align-items: center;
    color: #111111;
    font-weight: 400;
    line-height: 30px;
    font-size: 24px;
}


.sign_up .consent_block_container input {
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
}

.sign_up .full_consent input {
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
}

.full_consent input {
    margin-right: 20px;
}

.consent_block_container {
    margin-top: 26px;
}

.consent_block_check_center {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.consent_block {
    border: 1px solid #dddddd;
    background-color: #fff;
    padding-right: 40px;
    padding-left: 64px;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-top: 10px;

}

.consent_block_check_drop {
    cursor: pointer;
    width: 18px;
    height: 18px;
    transition: all .15s;
}

.consent_block_check_drop.active {
    transform: rotate(-180deg);
}

.consent_block_check_drop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.consent_block.active {
    border-bottom: none;
}

.consent_block:first-child {
    margin-top: 0;
}

.corporate_training .consent_hidden {
    height: 160px;

}

.corporate_training .consent_hidden ul li {
    list-style: disc;
    margin-top: 10px;
}

.corporate_training .consent_hidden ul li span {
    font-weight: bold;
}


.corporate_training .consent_block_check_box {
    font-weight: bold;
}

.consent_hidden {
    background-color: #F7F7F7;
    display: none;
    padding-top: 30px;
    padding-left: 68px;
    height: 260px;
    overflow-y: scroll;
    border: 1px solid #dddddd;
    border-top: none;
}



.corporate_training_check {

    display: flex;
    justify-content: center;
    margin-top: 30px;
    /*font-size: 18px;*/
}

.corporate_training_check input {
    margin-right: 10px;
}

.consent_hidden.active {
    display: block;
}

.consent_block_check_box {
    display: flex;
    /*font-size: 18px;*/
    font-weight: 400;
    color: #111111;
    line-height: 22px;
    align-items: center;
}

.consent_block_check_box input {
    margin-right: 10px;
}


.phone_certification {
    margin-top: 30px;
    width: 400px;
    height: 240px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.phone_certification_img {
    margin-top: 48px;
    width: 80px;
    height: 80px;
}

.phone_certification_img img {
    width: 100%;
    height: 100%;
}

.phone_certification_text {
    margin-top: 30px;
    font-weight: 400;
    color: #111111;
    font-size: 20px;
    line-height: 40px;
}

.phone_certification_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sign_up_link_box {
    margin-top: 60px;
    display: flex;
    justify-content: center;


}

.sign_up_link {
    color: #fff;
    padding: 26px 122px;
    background-color: #0D3E68;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    border: none;


}


.sign_up_link:hover {
    background-color: #0A3152;
}

.sign_up_button input:hover {
    background-color: #0A3152;
}

/* //회원가입 */

/* 회원가입 디테일 */


.sign_up_detail {
    margin-top: 80px;
    padding-bottom: 142px;
}

.sign_up_detail_title {
    text-align: center;
    color: #000000;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
}

.sign_up_detail_form_conatianer {
    margin-top: 40px;
    border-top: 1px solid #111111;
    padding-top: 38px;
    padding-left: 36px;

}

.detail_form_title {
    color: #111111;
    font-weight: 700;
    /*font-size: 18px;*/
    line-height: 80px;
    width: 110px;
    margin-right: 76px;
}

.detail_form_title span {
    color: #1388EA;
}

.sign_up_detail_form_block {

    display: flex;
    align-items: center;

    margin-top: 20px;
}

.sign_up_detail_form_block:first-child {
    margin-top: 0;
}

.detail_form_input_box {
    display: flex;
    align-items: center;
}

.sign_up_detail input {
    height: 60px;
    border: 1px solid #dddddd;
    padding-left: 20px;

}

.sign_up_detail select {
    height: 60px;
    border: 1px solid #dddddd;
}

.detail_form_input_box.id input {
    margin-right: 8px;
    padding-right: 230px;
}

.overlap {
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background-color: #859FB9;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
}

.overlap:hover {
    background-color: #5C7B9A;
}



.sign_up_detail_form_block.gender {
    color: #111111;
    line-height: 80px;
    font-weight: 400;
    /*font-size: 18px;*/
}

.sign_up_detail_form_block.gender input {
    margin-right: 10px;
}

.sign_up_detail_form_block.gender label.first {
    margin-right: 30px;
}

.sign_up_detail_form_block.full input {
    padding-right: 230px;
}

.sign_up_detail_form_block.full.gray input {
    background-color: #F5F5F5;
}

.sign_up_detail_form_block.full.gray input::placeholder {
    color: #555555;
    font-weight: 400;
    /*font-size: 18px;*/
}

.sign_up_detail_form_block.phone select.small {
    padding-left: 20px;
    width: 120px;
    background-image: url(../member/img/id_search_drop.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 80%;
}

.sign_up_detail_form_block.phone select {
    margin-right: 6px;
}

.sign_up_detail_form_block.phone input {
    margin-right: 6px;
    width: 160px;
}

.sign_up_detail_form_block.phone span {
    margin-right: 6px;
}

.detail_form_input_box.email input {
    width: 210px;
    margin-right: 10px;
}

.detail_form_input_box.email input:last-child {
    margin-right: 0;
    width: 234px;
}

.detail_form_input_box.email span {
    margin-right: 10px;
}


.sign_up_detail_form_block.event p {
    line-height: 38px;
    white-space: nowrap;
}


.sign_up_detail_small span {

    color: #555555;
}

.sign_up_detail_small p {
    color: #1388EA;
    margin-left: 20px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 400;
}


.sign_up_detail_form_block.event {
    color: #111111;
    line-height: 80px;
    font-weight: 400;
    /*font-size: 18px;*/
}

.sign_up_detail_form_block.event input {
    margin-right: 10px;
}

.sign_up_detail_form_block.event label.first {
    margin-right: 30px;
}



.sign_up_detail_form_block.address .detail_form_address_block input {
    width: 480px;
}

.sign_up_detail_form_block.address .detail_form_address_block input.small {
    width: 220px;
    margin-right: 10px;
}

.detail_form_address_block.flex {
    display: flex;
}

.detail_form_address_block {
    margin-top: 10px;
}

.detail_form_address_block:first-child {
    margin-top: 0;
}

.zip_code {
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background-color: #859FB9;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
}

.zip_code:hover {
    background-color: #5C7B9A;
}

.sign_up_completion_box {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #dddddd;
}

.sign_up_completion_box input.sign_up_completion {
    padding: 26px 86px;
    color: #fff;
    background-color: #0D3E68;
    font-weight: 700;
    font-size: 20px;
    height: auto;
    cursor: pointer;
    transition: all 0.3s;
    border: none;

}

/* .sign_up_detail_form_conatianer .sign_up_completion_box input.sign_up_completion {
    padding: 28px 104px;
} */

.sign_up_completion:hover {
    background-color: #0A3152;
}



/* //회원가입 디테일 */


/* 기업교육문의 */


.corporate_training_block_container {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
}

.corporate_training {
    margin-top: 80px;
    border-top: 1px solid #111111;
    padding-top: 24px;
    padding-left: 36px;
    padding-bottom: 160px;
}

.corporate_training_block {

    display: flex;
    align-items: center;
}

.corporate_training_input {
    display: flex;
    align-items: center;
    width: 100%;
}

.corporate_training_title {
    width: 78px;
    color: #111111;
    line-height: 80px;
    font-weight: 700;
    /*font-size: 18px;*/
    margin-right: 78px;
}

.corporate_training_block input {
    padding-left: 20px;
    height: 60px;
    border: 1px solid #dddddd;
    padding-right: 123px;
}

.corporate_training_block select {
    height: 60px;
    border: 1px solid #dddddd;
    padding-right: 109px;
    padding-left: 20px;
    color: #999;
    font-weight: 400;

    line-height: 30px;
    background-image: url(../member/img/id_search_drop.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 90%;
}


.corporate_training_block textarea {
    outline: 0;
    border: 1px solid #dddddd;
    resize: none;
}


.corporate_training_block.phone select {
    padding-right: 70px;
    margin-right: 6px;
    color: #111;
}

.corporate_training_block.phone span {
    margin-right: 6px;
}

.corporate_training_block.phone input {
    margin-right: 6px;
    padding-right: 0px;
    width: 160px;
}

.corporate_training_block.email input {
    padding-right: 34px;
    margin-right: 10px;
}

.corporate_training_block.email span {
    margin-right: 10px;
}

.corporate_training_block.email input:last-child {
    margin-right: 0;
}

.corporate_training_block.textarea {
    margin-top: 10px;
    align-items: flex-start;
    width: 100%;
}

.corporate_training_block.textarea textarea {
    width: 94.6%;
    padding-top: 20px;
    padding-left: 20px;
    font-weight: 400;
    line-height: 30px;
}

.corporate_training_block.textarea textarea::placeholder {
    color: #C3C3C3
}

.corporate_training .inquiry_button_border {
    border-top: none;
}

.corporate_training .inquiry_button_border .inquiry_button {
    margin-top: 0;
}

.inquiry_button_border {
    border-top: 1px solid #dddddd;
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.inquiry_button_border .inquiry_button {
    margin-top: 0;
    margin-top: 42px;
}


/* //기업교육문의 */


/* 수강후기 */

.corporate_sign_up_review {
    padding-bottom: 120px;
}

.corporate_sign_up_review .customer_search_box {
    margin-top: 80px;
}


.corporate_sign_up_review_container {
    margin-top: 30px;
    border-top: 1px solid #111111;
}

.corporate_sign_up_review_block {
    display: -webkit-box; /*flex;*/
    align-items: center;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;

}

.sign_up_review_star {
    width: 140px;
    height: 24px;
    margin-right: 40px;
}

.sign_up_review_star img {
    width: 100%;
    height: 100%;
}

.sign_up_review_text_title {
    color: #111111;

    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
}

.sign_up_review_text {
    color: #555555;
    font-weight: 400;
    /*font-size: 18px;*/
    margin-top: 10px;
    line-height: 30px;
}

.corporate_sign_up_review .number_list {
    margin-top: 70px;
}

/* //수강후기 */



/* 종료된 학습강의가 none */

.learning_end_none {
    padding-bottom: 110px;
}

.learning_end_none_gray {
    margin-top: 60px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 118px 0;
}

.learning_end_none_gray_img {
    width: 100px;
    height: 100px;
}

.learning_end_none_gray_text_img {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.learning_end_none_gray_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.learning_end_none_gray_text {
    margin-top: 24px;
    color: #555555;
    line-height: 40px;
    font-weight: 400;
    font-size: 24px;
}


/* //종료된 학습강의가 none */



/* 수강신청내역 */

.mobile_my_classroom_text {
    display: none;
}


.enrolment_history {
    padding-bottom: 250px;
}

.enrolment_history .my_classroom_gray_bg {
    justify-content: center;

}

.enrolment_history .my_classroom_gray_bg_title {
    margin-right: 0;
    border-right: none;
}


.enrolment_history_list {
    margin-top: 60px;
}

.enrolment_history_block {
    border: 1px solid #dddddd;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 20px;
    margin-top: 20px;
}

.enrolment_history_block:first-child {
    margin-top: 0;
}

.enrolment_history_img {
    width: 350px;
    height: 220px;
    margin-right: 40px;
}

.enrolment_history_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.enrolment_history_kategorie_box {
    display: flex;
    align-items: center;
}

.enrolment_history_kategorie_color {
    padding: 5px 15px;

    border-radius: 30px;
    margin-right: 10px;
    color: #FFFFFF;
    font-weight: 400;
}

.enrolment_history_kategorie_color.gray {
    background-color: #859FB9;
}

.enrolment_history_kategorie_color.pu {
    background-color: #8E80DF;
}

.enrolment_history_kategorie_color.gr {
    background-color: #53BB7D;
}

.enrolment_history_kategorie_color.bl {
    background-color: #378EE4;
}

.enrolment_history_kategorie {
    color: #555555;
    line-height: 30px;
    font-weight: 400;
    font-size: 13px;
}

.enrolment_history_title {
    margin-top: 10px;
    color: #000000;
    line-height: 40px;
    font-weight: 400;
    font-size: 23px;
}

.enrolment_history_date {
    margin-top: 30px;
    color: #555555;
    line-height: 30px;
    font-weight: 400;
    margin-right: 108px;
}

.enrolment_history_date span {
    color: #D43232;
}

.enrolment_history_details_button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0D3E68;
    padding: 48px 40px 48px 40px;
    border-radius: 100px;
    background-image: url(../study/img/enrolment_history_right.svg);
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: 86% 50%;
    transition: all 0.3s;


}

.enrolment_history_details_button:hover {
    background-color: #0A3152;
}


.enrolment_history_details_button a {
    color: #fff;
    /*font-size: 18px;*/
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

/* //수강신청내역 */


/* 개인결제/확인 */

.personal_payment {
    padding-bottom: 130px;
}

.personal_payment .my_classroom_gray_bg {
    justify-content: center;

}

.personal_payment .my_classroom_gray_bg_title {
    margin-right: 0;
    border-right: none;
}

.personal_payment_list {
    margin-top: 60px;
}

.personal_payment_block {
    border: 1px solid #dddddd;
    display: flex;
    align-items: center;
    padding: 60px 0 60px 78px;
    margin-top: 10px;
}

.personal_payment_block:first-child {
    margin-top: 0;
}

.personal_payment_title {
    color: #000000;
    font-size: 23px;
    line-height: 40px;
    font-weight: 400;
}

.personal_payment_text {
    margin-top: 20px;
    display: flex;
}

.personal_payment_text p {
    margin-right: 40px;
    font-weight: 700;
    /*font-size: 18px;*/
    line-height: 40px;
    color: #111111;
}

.personal_payment_text span {
    margin-left: 16px;
    font-weight: 400;
}

.personal_payment_text span.blue {
    color: #1388EA;
}

.personal_payment_text_box {
    margin-right: 210px;
}

.personal_payment_img_box {
    background-color: #F7F7F7;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s;
    padding-bottom: 20px;
    background-image: url(../study/img/receipt_icon_gray.svg);
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: 50% 32%;
}

.personal_payment_img_box:hover {
    background-color: #1388EA;
    background-image: url(../study/img/receipt_icon_wh.svg);

}

.personal_payment_img_box:hover .personal_payment_img_text {
    color: #ffffff;
}

.personal_payment_img_box_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.personal_payment_img {
    width: 46px;
    height: 46px;
}

.personal_payment_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.personal_payment_img_text {
    margin-top: 4px;
    color: #555555;
    line-height: 40px;
    font-weight: 400;
}

/* //개인결제/확인 */


/* 자료실 */

.customer_reference_room {
    padding-bottom: 120px;
}

.customer_reference_room .customer_search_box {
    margin-top: 50px;
}

.customer_list_header_number_category_box {
    display: flex;
}

.customer_list_header_number_category_box .customer_list_header_number {
    margin-right: 80px;
}

.customer_list_header_category {
    text-align: center;

    width: 124px;
}

.customer_list_block_category {
    text-align: center;
    width: 124px;
    margin-right: 84px;
}

.customer_reference_room .customer_list_block_number {
    margin-right: 80px;
    text-align: center;
    width: 32px;
}


.customer_reference_room .customer_list_block_title {

    width: 284px;
    text-align: left;

}

.customer_reference_room .customer_list_block_title:hover {
    color: #1388EA;
}



/* //자료실 */


/* 상담 신청 내역 */

.consultation_details {
    padding-bottom: 120px;
}

.consultation_details .customer_search_box {
    margin-top: 80px;

}

.consultation_details .number_list {
    margin-top: 0;
}

.consultation_details .customer_list_container .customer_list_header {
    justify-content: flex-start;
}

.consultation_details .customer_list_header_number_category_box {
    margin-right: 476px;
}


.consultation_details .customer_list_header_title {
    width: 32px;
    text-align: center;
    margin-right: 312px;
}

.consultation_details .customer_list_header_date {
    margin-right: 80px;
}


.consultation_details .customer_list_block_number {
    width: 32px;
    text-align: center;
    margin-right: 80px;
}

.consultation_details .customer_list_block_category {
    margin-right: 80px;
}

.consultation_details .customer_list_block_title {

    width: 286px;
    margin-right: 456px;
}

.consultation_details .customer_list_block_title.blue {
    color: #1388EA;
}

.consultation_details .customer_list_block {
    justify-content: flex-start;
}

.consultation_details .customer_list_block_date {
    margin-right: 80px;
}

.consultation_details .customer_list_header_answer {
    width: 62px;
    text-align: center;
}


.consultation_details .customer_list_block_answer {
    width: 62px;
    text-align: center;
}

.consultation_details .customer_list_block_answer.blue {
    color: #1388EA;
}

.consultation_inquiry_link {
    display: flex;
    justify-content: flex-end;
}

.consultation_inquiry {
    width: 180px;
    height: 60px;
    list-style: 60px;
    text-align: center;
    background-color: #0D3E68;
    line-height: 60px;
    margin-top: 30px;

}

.consultation_inquiry a {
    color: #fff;
    /*font-size: 18px;*/
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
}


/* //상담 신청 내역 */

/* 상담 신청 내역 디테일 */

.consultation_details_view {
    padding-bottom: 184px;
}

.consultation_details_view .customer_search_box {
    margin-top: 80px;
}

.consultation_details_view_container {
    margin-top: 30px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #dddddd;
}

.consultation_details_view_header {
    padding: 55px 50px;
    border-bottom: 1px solid #dddddd;
}

.consultation_details_view_header_center {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.consultation_details_view_header_left {
    display: flex;
    align-items: center;
}

.consultation_details_view_header_small {
    margin-right: 50px;
    color: #111111;
    font-weight: 400;
    font-size: 20px;
}

.consultation_details_view_header_title {
    color: #111111;
    font-size: 24px;
    font-weight: 700;
}

.consultation_details_view_header_date {
    color: #555555;
    /*font-size: 18px;*/
    font-weight: 400;
}

.consultation_details_view_main_wh {
    padding-top: 60px;
    padding-bottom: 56px;
    border-bottom: 1px solid #dddddd;
    padding-left: 50px;
}

.consultation_details_view pre {
    white-space: pre-wrap;
    color: #111111;
    line-height: 30px;
    font-weight: 400;
    /*font-size: 18px;*/
}

.consultation_details_view_main_gray {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #FAFAFA;
    padding-left: 50px;
}

/* //상담 신청 내역 디테일 */




/* 상담 신청 내역 문의 */
.consultation_details_write {
    padding-bottom: 124px;
}





/* //상담 신청 내역 문의 */



/* 교육신청하기 */
.lecture_view_application {
    margin-top: 80px;
    padding-bottom: 140px;
    border-top: 1px solid #111111;
}


.lecture_view_application_list {
    border-bottom: 1px solid #dddddd;
    padding: 34px;
}

.lecture_view_application_block {
    margin-top: 64px;
    display: flex;
    align-items: center;
}

.lecture_view_application_block:first-child {
    margin-top: 0;
}

.lecture_view_application_title {
    width: 62px;
    text-align: left;
    margin-right: 94px;
    color: #111111;

    /*font-size: 18px;*/
    font-weight: 700;
}

.lecture_view_application_text {
    color: #111111;
    font-weight: 400;
    /*font-size: 18px;*/
}

.lecture_view_application_text span.bl {
    color: #1388EA;
}

.payment_link {
    display: block;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #0D3E68;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s;
    font-weight: 700;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.payment_link:hover {
    background-color: #0A3152;
}

/* //교육신청하기 */


/* 학습 플레이어 */
.learning_player {

    display: flex;
    position: fixed;

    height: 756px;
    top: 200px;
    left: 150px;
    background-color: #c8c8c8;
    display: none;
}

.learning_player.active {
    display: flex;
}

.learning_player_video {

    width: 1278px;

}

.learning_player_explanation {

    width: 320px;
    background-color: #fff;
    display: none;
    overflow-y: scroll;
    height: 100vh;

}

.learning_player_explanation.active {
    display: block;
}

.learning_player_top_container {
    padding-left: 30px;

}

.learning_player_title {
    padding-top: 50px;

    color: #111111;
    line-height: 36px;
    font-weight: 400;
    font-size: 24px;
}

.learning_player_nth {
    margin-top: 20px;
    color: #555555;
    line-height: 34px;
    font-size: 14px;
    font-weight: 400;

}

.learning_player_nth span:nth-child(1) {
    margin-right: 18px;
}

.learning_player_nth span:nth-child(1)::after {
    content: "|";
    position: relative;
    left: 9px;
    color: #B9C3CC;
}


.learning_end_button {
    margin-top: 20px;
    width: 100%;
    background-color: #0D3E68;
    width: 260px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;

}

.learning_end_button:hover {
    background-color: #0A3152;
}

.learning_player_gray_bg {
    margin-top: 40px;
    background-color: #F4F4F4;
}


.learning_player_gray_block {
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.learning_player_gray_title {
    color: #111111;
    font-size: 12px;
    font-weight: 700;
    width: 66px;
    margin-right: 40px;
}

.learning_player_gray_time_box {
    display: flex;
    align-items: center;
}

.learning_player_gray_time {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    margin-right: 20px;
}

.extension_button {
    background-color: #859FB9;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    padding: 3.2px 7px;
    cursor: pointer;

}

.learning_player_tab_container {

    padding-left: 30px;
    padding-right: 30px;
}

.learning_player_tab {
    margin-top: 28px;

}


.learning_player_tab ul {
    display: flex;
    padding-left: 46px;
    padding-right: 46px;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;

}

.learning_player_tab ul li {
    border-bottom: 2px solid #fff;
    height: 100%;
    padding-bottom: 18px;
    width: 70px;
    text-align: center;
    cursor: pointer;

}

.learning_player_tab ul li.active {
    border-bottom: 2px solid #1388EA;
}

.learning_player_tab_text_box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.learning_player_tab_text_block {
    margin-top: 20px;
}

.learning_player_tab_text_block:first-child {
    margin-top: 0;
}

.learning_player_tab_text_bl {
    color: #1388EA;
    line-height: 18px;
    font-size: 14px;
    font-weight: 700;
}

.learning_player_tab_text_noaml {
    margin-top: 10px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 400;
    color: #555555;
    white-space: nowrap;

}

.learning_player_tab_text {
    display: none;
}

.learning_player_tab_text.view {
    display: block;
}


/* 학습 플레이어 토글 버튼 */

.learning_player_toggle_button {
    width: 10px;
    height: 100%;
    background-color: #666666;
    cursor: pointer;
}

.learning_player_toggle_button {
    display: flex;
    align-items: center;
}

.learning_player_toggle_button_img {
    width: 100%;
    height: 64px;
    background-image: url(../study/img/btn_eduinfo_open.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.learning_player_toggle_button_img.active {
    background-image: url(../study/img/btn_eduinfo_close.jpg);
}


/* //학습 플레이어 토글 버튼 */

/* //학습 플레이어 */

/* 이용약관 */

.privacy_statement_main {
    font-weight: 400;
    /*font-size: 18px;*/
    color: #111111;
}

.terms_of_service_block.first {
    margin-top: 40px;
}

/* //이용약관 */



/*학습자 유의사항 */

.my_classromm_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: scroll;

}


.my_classromm_popup.active {
    display: block;
}

.my_classromm_popup.learner {
    display: block;
}


/* 헤더 */
.my_classromm_popup_header {
    display: flex;

    justify-content: center;
    background-color: #0D3E68;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 38px 0;

}

.my_classromm_popup_header_center_x_button {
    width: 30px;
    height: 30px;
    display: flex;
    cursor: pointer;
    position: absolute;
    right: 260px;

}

.my_classromm_popup_header_center_x_button img {
    width: 100%;
    height: 100%;


}


.my_classromm_popup_header_center {
    display: flex;
    align-items: center;

    width: 100%;
    justify-content: center;
    position: relative;
}

/* //헤더 */

/* 본문 */
.my_classromm_popup_bg {
    background-color: #f4f4f4;
    padding-bottom: 100px;



}

.my_classromm_popup_main {
    margin: 0 260px;
    /* margin: 0 100px; */
    background-color: #fff;
    padding-top: 96px;
    padding-bottom: 100px;
}


/* 본문 */

/* 주의사항 박스 */
.my_classromm_popup_precautions {
    /*margin-top: 96px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


}

.my_classromm_popup_precautions_icon {
    width: 100px;
    height: 100px;
}

.my_classromm_popup_precautions_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my_classromm_popup_precautions_text {
    margin-top: 20px;
    font-size: 25px;
    color: #111111;
    line-height: 30px;
    font-weight: 700;
}

.my_classromm_popup_precautions_gray_box {
    margin-top: 40px;
    background-color: #f7f7f7;
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    padding: 60px 30px;
}

.my_classromm_popup_text_center {
    padding: 0 150px;
}

.my_classromm_popup pre {
    color: #111111;
    line-height: 30px;
    /*font-size: 18px;*/
    font-weight: 400;
    white-space: pre-line;
}

.my_classromm_popup pre span {
    color: #1388EA;
}

.my_classromm_popup .my_classromm_popup_text_center strong, .my_classromm_popup .my_classromm_popup_text_center b {
    color: #1388EA;
}

.my_classromm_popup .my_classromm_popup_text_center p {
    line-height: 30px;
    padding: 15px 0px;
}

.my_classromm_popup_text_block.border_bottom {
    margin-top: 60px;
    padding-bottom: 96px;
    border-bottom: 1px solid #dddddd;
}


.my_classromm_popup_text_block.blue {
    margin-top: 80px;
}

/* //주의사항 박스 */

.phone_verification_container {
    margin-top: 100px;

    display: flex;
    justify-content: center;
}


/* 휴대폰 본인확인 */
.phone_verification {

    width: 400px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dddddd;
    cursor: pointer;
    transition: all 0.3s;

}

.phone_verification.margin {
    margin-right: 10px;
}

.phone_verification:hover {
    border: 1px solid #111111;
}

.phone_verification_icon {
    width: 80px;
    height: 80px;
}

.phone_verification_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.phone_verification_center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.phone_verification_text {
    margin-top: 30px;
    color: #111111;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
}

/* //휴대폰 본인확인 */


/* 버튼 */

.my_classromm_popup_button {
    margin-top: 60px;
    width: 280px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color: #0D3E68;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    transition: all 0.3s;

}

.my_classromm_popup_button:hover {
    background-color: #0A3152;
}

/* //버튼 */


/*//학습자 유의사항 */



/* 중간평가 유의사항 */

.my_classromm_popup.mid_term {
    display: none;

}

.my_classromm_popup.mid_term.active {
    display: block;

}


.my_classromm_popup.mid_term .my_classromm_popup_precautions_gray_box {
    justify-content: flex-start;
    padding-left: 60px;
}

.my_classromm_popup_check_box_flex {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.my_classromm_popup_check_box_flex input {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.my_classromm_popup_check_box form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

input.my_classromm_popup_button {
    border: 0;
    outline: 0;

}

/* //중간평가 유의사항 */

/* 최종평가 유의사항 */

.my_classromm_popup.final.active {
    display: block;
}


.my_classromm_popup.final .my_classromm_popup_precautions_gray_box {
    justify-content: flex-start;
    padding-left: 60px;
}

/* //최종평가 유의사항 */


/* 과제제출 유의사항 */

.my_classromm_popup.submit_assignments.active {
    display: block;
}

.my_classromm_popup.submit_assignments .my_classromm_popup_precautions_gray_box {
    justify-content: flex-start;
    padding-left: 60px;
}

/* //과제제출 유의사항 */


/* 최종평가 설문조사 */

.my_classromm_popup.final_survey {
    display: block;
}

.my_classromm_popup.final_survey .my_classromm_popup_precautions_gray_box {
    justify-content: flex-start;
    padding-left: 60px;
    padding-top: 46px;
    padding-bottom: 46px;

}

.final_survey_form {
    margin-top: 60px;
}

.final_survey_block {
    margin-top: 60px;

}

.final_survey_block:first-child {
    margin-top: 0;
}

.final_survey_questions {
    display: flex;
    align-items: center;
}

.final_survey_questions_bl {
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    height: 30px;
    line-height: 30px;
    width: 40px;
    background: #1388EA;
    position: relative;
    z-index: 10;
    margin-right: 20px;
}

.final_survey_questions_bl_small {
    /* width: 0;
    height: 0;
    border-bottom: 16px solid #1388EA;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    transform: rotate(180deg); */
    position: absolute;
    right: 7.5px;
    bottom: -6px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background-color: #1388EA;
    /* background-color: #f00; */
    transform: rotate(45deg);
    z-index: -1;

}

.final_survey_questions_bl span {
    display: block;


}

.final_survey_questions_title {
    color: #111111;
    line-height: 22px;
    font-weight: 700;
    /*font-size: 18px;*/
}

.final_survey_check {
    margin-top: 30px;
    display: flex;
}

.final_survey_check_input {
    margin-right: 30px;
}

.final_survey_check_input:last-child {
    margin-right: 0;
}

.final_survey_check_input input {
    margin-right: 14px;
}

.final_survey_check_input {
    line-height: 22px;
    /*font-size: 18px;*/
    font-weight: 400;
}

.final_survey_check textarea {
    width: 84.6%;
    border: 1px solid #dddddd;
    height: 110px;
    outline: 0;
    resize: none;
}

.final_survey_check.textarea {
    padding-left: 60px;
}

.my_classromm_popup_button_box {
    width: 100%;
    display: flex;
}

/* //최종평가 설문조사 */


/* 중간평가 응시 */

.my_classromm_popup.mid_evaluation {
    display: block;
}

.my_classromm_popup_button.mid_evaluation.active {
    pointer-events: none;
}


.my_classromm_popup_header>.center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my_classromm_popup_header_left {
    display: flex;
    align-items: center;
}

.my_classromm_popup_header_left_title {
    margin-right: 40px;
}

.my_classromm_popup_header_left_small {
    color: #A3C0D9;
    /*font-size: 18px;*/
    font-weight: 400;
}

.stare_header {

    background-color: #586B7B;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    /*font-size: 18px;*/
    font-weight: 400;
    padding: 28px 0;
}

.my_classromm_popup_header_right {
    cursor: pointer;
}

.stare_header span {
    color: #FFC700;
}

.my_classromm_popup_bg.stare {
    padding-top: 30px;
    min-height: 100%;
}


.stare_main {
    margin-top: 30px;
    background-color: #fff;

    display: flex;
    position: relative;

}

/* 문제 */
.stare_main .stare_questions_container {
    padding-left: 90px;
    padding-top: 50px;
    width: 76%;
    position: relative;
}

.stare_answer {
    border-left: 6px solid #f4f4f4;
    width: 24%;
}

.stare_slide_button {
    position: absolute;
    bottom: 50px;
    width: 234px;
    height: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

}

.stare_slide_button .swiper-button-next {
    width: 70px;
    height: 70px;
    border: 1px solid #d0d5df;
    background-image: url(../main/img/s1_slide_next.png);
    background-size: 14px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
    right: 0;
    top: 0;
    margin-top: 0;
}

.stare_slide_button .swiper-button-prev {
    width: 70px;
    height: 70px;
    border: 1px solid #d0d5df;
    background-image: url(../main/img/s1_slide_prev.png);
    background-size: 14px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
    right: 0;
    top: 0;
    margin-top: 0;
}

.stare_slide_button .swiper-pagination {
    height: 100%;
    width: 46px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    align-items: center;
    transform: translate(-50%, -50%);
    font-size: 14px;
    justify-content: space-between;
    bottom: 0;
}

.stare_slide_button .swiper-button-prev:hover {
    border: 1px solid #555555;
}

.stare_slide_button .swiper-button-next:hover {
    border: 1px solid #555555;
}

.stare_slide_button .swiper-pagination-current {
    color: #000000;
    font-weight: 600;
}


.stare_slide_button .swiper-pagination-total {
    color: #999999;
    font-weight: 600;
}

.stare_questions_title {
    color: #111111;
    line-height: 30px;
    font-size: 26px;
    font-weight: 700;
}

.stare_questions {
    margin-top: 20px;
    color: #111111;
    line-height: 30px;
    font-weight: 400;
    font-size: 22px;
}

.stare_questions span {
    color: #1388EA;
}

.stare_questions_input {
    margin-top: 30px;
}

.stare_questions_input label {
    display: block;
/*    margin-top: 24px; */
    margin-top: 15px;
}

.stare_questions_input label input {
    margin-right: 20px;
}

.stare_questions_input label:first-child {
    margin-top: 0;
}

.stare_questions_block.last {
    margin-top: 50px;
}

/* //문제 */


/* 답안 */

.stare_answer_block {
    display: flex;
}

.stare_answer_questions {
    width: 42%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DCEAFB;
    color: #1388EA;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0;
    border-bottom: 1px solid #C5DBF5;
}

.stare_answer_number_box {
    width: 58%;
    border: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stare_answer_number {
    color: #111111;
    font-size: 16px;
    font-weight: 400;
    width: 24px;
    height: 24px;
    border: 1px solid #111111;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

input.fanal_stare {
    margin-top: 120px;

}




.my_classromm_popup_button_box.fanal {
    padding-bottom: 50px;
}

.time_remaining {
    background-color: #586B7B;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0;
}


/* //답안 */


/* //중간평가 응시 */


/* 최종평가 응시 */
.my_classromm_popup.final_evaluation {
    display: block;
}

.my_classromm_popup.final_evaluation input.fanal_stare {
    margin-top: 40px;
}

.my_classromm_popup.final_evaluation .stare_answer_list {
    display: flex;
    flex-wrap: wrap;
}


.my_classromm_popup.final_evaluation .stare_answer_block {
    width: 50%;
}

.my_classromm_popup.final_evaluation .stare_answer_block .stare_answer_questions {
    width: 50%;
}

.my_classromm_popup.final_evaluation .stare_answer_block .stare_answer_number_box {
    width: 50%;
}


/* 제출완료 팝업 */


.submission_complete_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(195, 195, 195, 0.5);

    align-items: center;
    justify-content: center;
    display: none;

}

.submission_complete_bg.active {
    display: flex;
}

.submission_complete_container {
    background-color: #fff;
    padding-bottom: 50px;
    padding-left: 114px;
    padding-right: 114px;
    position: relative;
    padding-top: 40px;
}

.submission_complete_icon {
    width: 70px;
    height: 70px;
}

.submission_complete_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.submission_complete_center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.submission_complete_title {
    margin-top: 48px;
    color: #111111;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.submission_complete_title span {
    color: #1388EA;
}

.submission_complete_small {
    margin-top: 10px;
    color: #111111;
    /*font-size: 18px;*/
    line-height: 22px;
    font-weight: 400;
}

.submission_complete_button {
    margin-top: 30px;
    background-color: #0D3E68;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 22px 96px;
    transition: all 0.3s;
    cursor: pointer;
}

.submission_complete_button:hover {
    background-color: #0A3152;
}



.submission_complete_close_button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.submission_complete_close_button img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.my_classromm_popup_button.fanal_submission {
    margin-top: 40px;
}

.my_classromm_popup.mid_term {
    display: block;
}

.my_classromm_popup.final {
    display: block;
}

.my_classromm_popup.submit_assignments {
    display: block;
}

/* //제출완료 팝업 */

/* //최종평가 응시 */



/* 과제제출 디테일 */
.my_classromm_popup_bg.submit {
    padding-top: 30px;
    padding-bottom: 66px;
}

/* 첨부파일 */
.submit_attachments_container {
    margin-top: 26px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: 90px;
    padding-top: 56px;
    padding-bottom: 76px;
}

.submit_attachments_top {
    color: #111111;
    line-height: 30px;
    font-size: 26px;
    font-weight: 700;
}

.submit_attachments_bottom {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.submit_attachments_bottom_text {
    color: #111111;
    line-height: 30px;
    font-size: 22px;
    font-weight: 400;
    margin-right: 40px;
}

.submit_attachments_bottom_download {
    background-color: #F7F7F7;
}

.submit_attachments_bottom_download a {
    color: #555555;
    font-weight: 400;
    display: block;
    padding: 20px 48px 20px 68px;
    background-image: url(../study/img/submit_attachments_download_icon.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10%;
}

/* //첨부파일 */

/* 탭 컨테이너 */
.submit_attachments_tab_container {
    margin-top: 20px;
    background-color: #C9D0DA;
}

.submit_attachments_tab {

    display: flex;
}

.submit_attachments_tab li {
    padding: 24px 138px;
    color: #555555;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;

}

.submit_attachments_tab li.border {
    border-right: 1px solid #fff;
}

.submit_attachments_tab li.active {
    border-right: none;
    background-color: #fff;
    font-weight: 700;
    color: #1388EA;
}


.submit_attachments_main {
    background-color: #fff;
}

.submit_attachments_block {
    padding-top: 50px;
    padding-left: 90px;
    padding-bottom: 62px;
    display: none;
}

.submit_attachments_block.active {
    display: block;
}

.submit_attachments_block_01_text {
    padding-left: 26px;
}

.submit_attachments_block_01_text li {
    color: #111111;
    line-height: 30px;
    font-weight: 400;
    /*font-size: 18px;*/
    list-style-type: disc;

}

.submit_attachments_block_01_text li span {
    color: #1388EA;
}

.submit_attachments_block_01_text li::marker {
    color: #111111;
    font-size: 14px;
}

.submission_button_box {
    display: flex;
    justify-content: center;
    margin-top: 94px;
    text-align: center;
}

.submission_button_box input {
    text-align: center;
    color: #111111;
    cursor: pointer;
    border: none;
    padding: 32px 117px;
    font-size: 20px;
    font-weight: 700;
}

input.temporary_storage_button {
    margin-right: 10px;
    background-color: #859FB9;
    transition: all 0.3s;

}

input.temporary_storage_button:hover {
    background-color: #5C7B9A;
}

input.final_submission_button {
    background-color: #0D3E68;
    transition: all 0.3s;
}

input.final_submission_button:hover {
    background-color: #0A3152;
}

.submit_attachments_block textarea {
    resize: none;
    margin-top: 40px;
    border: 1px solid #dddddd;
    outline: 0;
    width: 91.6%;
    padding: 20px 0 0 20px;

}

.submit_attachments_block.last .submission_button_box {
    margin-top: 34px;
}

/* //탭 컨테이너 */



/* 파일 첨부 플러그인  */

.filebox {
    margin-top: 40px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox label {
    display: inline-block;
    width: 130px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: inherit;

    vertical-align: middle;
    background-color: #859FB9;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 700;

}

.filebox label:hover {
    background-color: #5C7B9A;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    width: 400px;
    height: 60px;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dddddd;
    margin-right: 10px;
    padding-left: 30px;


    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;

}


/* //파일 첨부 플러그인  */

/* //과제제출 디테일 */


/* 수강후기 작성 팝업 */
.review_pop_up_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(195, 195, 195, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    padding-top: 364px;
    display: none;
}

.review_pop_up_bg.active {
    display: flex;
}

.review_pop_up {
    background-color: #fff;
    padding: 60px 40px 0 40px;
    height: 86%;
    position: relative;
}

.review_pop_up_icon {
    display: flex;
    justify-content: center;
}

.review_pop_up_title {
    margin-top: 30px;
    line-height: 35px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #111111;
}

.review_pop_up_center {
    width: 560px;

}

.review_pop_up_bl {
    margin-top: 14px;
    color: #1388EA;
    line-height: 25px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.review_pop_up_gray_bg {
    margin-top: 28px;
    background-color: #F7F7F7;
    padding: 26px 0 26px 50px;
}

.review_pop_up_gray_bg li {
    list-style: disc;
    line-height: 30px;
    color: #555555;
}

.review_pop_up_gray_bg li::marker {
    font-size: 14px;
    color: #555555;
}

.review_pop_up_satisfaction {
    margin-top: 40px;
}

.satisfaction_choice {
    display: flex;
    align-items: center;
}

.satisfaction_choice_text {
    margin-right: 30px;
    font-size: 20px;
    color: #111111;
}

.satisfaction_choice_icon {
    width: 128px;
    height: 22px;
}

.satisfaction_choice_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review_pop_up_satisfaction textarea {
    margin-top: 20px;
    outline: 0;
    border: 1px solid #dddddd;
    resize: none;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    color: #999999;
    /*font-size: 18px;*/
    line-height: 22px;

}

.review_pop_up_submit {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.review_pop_up_submit input {
    background-color: #0D3E68;
    padding: 20px 65px;
    color: #fff;
    /*font-size: 18px;*/
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
}

.review_pop_up_submit input:hover {
    background-color: #0A3152;
}

.review_pop_up_x_button {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

/* //수강후기 작성 팝업 */

/* 개인정보변경 */

.change_information_bg {
    background-image: url(../member/img/change_information_bg.png);
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 100px;
}

.change_information_text {
    color: #111111;
    /*font-size: 18px;*/
}



/* //개인정보변경 */



/* 회원탈퇴 */

.withdrawal {
    margin-top: 80px;
    padding-bottom: 160px;
}

.withdrawal_bg_gray {
    background-color: #F7F7F7;
    padding: 54px 0;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #111111;
    line-height: 30px;
    /*font-size: 18px;*/
}

.withdrawal_bg_gray_center p:last-child {
    margin-top: 22px;
}

.withdrawal_bg_gray span {
    color: #1388EA;
}

.withdrawal_form {
    margin-top: 30px;
}

.withdrawal_form textarea {
    width: 100%;
    outline: 0;
    resize: none;
    border: 1px solid #dddddd;
    padding-top: 20px;
    padding-left: 20px;
}

.withdrawal_form textarea::placeholder {
    color: #C3C3C3;
}

.withdrawal_form_input {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.withdrawal_form_input input {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    border: none;
    padding: 28px 70px;
    cursor: pointer;
    background-color: #0D3E68;
    transition: all 0.3s;
}

.withdrawal_form_input input:hover {
    background-color: #0A3152;
}

.final_result_pop_up_bg_gray {
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 36px 0;
    color: #000000;
    line-height: 30px;
    /*font-size: 18px;*/
}

/* //회원탈퇴 */


/* 최종평가 결과 팝업 */

.final_result_pop_up {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    display: none;

}

.final_result_pop_up.active {
    display: block;
}

.final_result_pop_up_header {
    background-color: #0D3E68;
    padding: 38px 230px 30px 40px;
}

.final_result_pop_up_header_top {
    display: flex;
    align-items: center;
}

.final_result_pop_up_header_title {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 700;
    margin-right: 30px;
}

.final_result_pop_up_header_text {
    color: #A3C0D9;
    /*font-size: 18px;*/
}

.final_result_pop_up_header_bottom {
    display: flex;
    margin-top: 16px;
}

.final_result_pop_up_header_bottom_text_box {
    display: flex;
    margin-right: 30px;
    align-items: center;
}

.final_result_pop_up_header_bottom_text_box:last-child {
    margin-right: 0;
}

.final_result_pop_up_header_bottom_text {
    color: #A3C0D9;
    font-weight: 400;
    font-size: 14px;
}

.final_result_pop_up_header_bottom_text.a_01 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    margin-right: 8px;
}

.final_result_pop_up_select_number {
    width: 70px;
    height: 36px;
}

.final_result_pop_up_select_number select {
    width: 100%;
    height: 100%;
    padding-left: 12px;
    font-size: 14px;
    color: #111111;
    background-image: url(../study/img/final_result_pop_up_drop.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 80%;
}

.final_result_pop_up_main {
    background-color: #fff;
    padding: 0 40px;
    padding-top: 30px;
    overflow-y: scroll;
    height: 10%;
    padding-bottom: 84px;
    height: 600px;
}


.final_result_question_block_list {
    margin-top: 14px;
}

.final_result_question_block {
    margin-top: 50px;
}

.final_result_question_block:first-child {
    margin-top: 0;
}

.final_result_question_number {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;

    color: #111111;
    font-weight: 700;
    font-size: 26px;
}

.final_result_question_number.answer {
    background-image: url(../study/img/answer_icon.svg);
}

.final_result_question_number.wrong_answer {
    background-image: url(../study/img/wrong_answer.svg);
}

.final_result_question {
    color: #111111;
    line-height: 30px;
    font-size: 22px;
}

.final_result_score_box {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background-color: #F4F4F4;
    width: 33.3%;

}

.final_result_score_box_cneter {
    display: flex;
    align-items: center;
}

.final_result_score_box_cneter p {
    margin-right: 22px;
    color: #111111;
}

.final_result_score_box_cneter p span {
    color: #1388EA;
}

.final_result_score_box_cneter p:last-child {
    margin-right: 0;
}

.final_result_input {
    margin-top: 22px;
}

.final_result_input label {
    display: block;
    margin-top: 20px;
    color: #111111;
    /*font-size: 18px;*/
}

.final_result_input label.answer_red span {
    color: #E11414;
}

.final_result_input label:first-child {
    margin-top: 0;
}

.final_result_input label input {
    margin-right: 20px;
}

.question_commentary {
    margin-top: 30px;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    padding: 26px 0;
}

.question_commentary_bl {
    color: #1388EA;
    line-height: 20px;
    font-weight: 700;
}

.question_commentary_text {
    margin-top: 10px;

}

/* //최종평가 결과 팝업 */







/*layerPopup*/
#layerArea { position:relative; height:0px; z-index:10000; }
#layerArea .fix { position: fixed !important; left: 50%; transform: translateX(-50%); margin-top: -40px; }
#layerArea .layer_bg { position: fixed !important; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); zoom: 1; display:none; }
#layerArea .layer_wrap { position: absolute; left: 50%; transform: translateX(-50%); }
#layerArea .close_icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10001;
    width: 20px;
}
#layerArea .layer_cont {
    position: relative;
    text-align: right;
}
#layerArea .layer_close a {
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    color: #e3e3e3;
}






/* 최종평가 모달 */
.my_classromm_popup .studyModal { position:fixed; top:50%; left:50%; width:450px; margin:-90px 0 0 -225px; padding:20px; border:none; border-top:6px solid #373839; z-index:1111; text-align:right; box-sizing:border-box;background-color: #fff; }
.my_classromm_popup .studyModal > h1 { margin:0 0 10px 0; padding-bottom:20px; border-bottom:1px solid #ccc; text-align:left; font-size:12px; line-height:18px; font-weight:400; }
.my_classromm_popup .studyModal > button { margin:0 0 0 5px; padding:8px 15px; background:none; border:1px solid #bfc3c4;font-size:12px; }
.my_classromm_popup .studyModal > button:hover { border-color:#0780c2; }
.my_classromm_popup .dark { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:1000; background:#000; opacity:0.4; }






/* study modal */
#screenModal { overflow-x:hidden; overflow-y:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:#f2f6f7; z-index:999; }
#screenModal > div, #screenModal > form > div { width:1260px; margin:0 auto; border:1px solid #bfc3c4; background:#fff; }
#screenModal > div + div, #screenModal > div + form, #screenModal > form div + div { margin-top:15px; }
#screenModal div.titleArea { overflow:hidden; width:100%; border-top:5px solid #0780c2; border-bottom:2px solid #2665ae; background:#fff; }
#screenModal div.titleArea > div { overflow:hidden; width:1260px; margin:20px auto; text-align:right; }
#screenModal div.titleArea > div > img,  #screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { float:left; }
#screenModal div.titleArea > div > img { margin-right:20px; }
#screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { width:1020px; margin:0; padding:0; text-align:left; }
#screenModal div.titleArea > div > h1 { margin:26px 0 8px; font-size:30px; color:#343434; }
#screenModal div.titleArea > div > h2 { font-size:20px; color:#565656; }
#screenModal div.titleArea > div button { overflow:hidden; width:70px; height:70px; margin:27px 0; padding:0; border:none; background:none; }
#screenModal > div.caution { padding:45px 0; background:url(../images/study/bg_notice.png); text-align:center; }
#screenModal > div.caution h1, #screenModal > div.caution strong, #screenModal > div.caution b { color:#ffdc61;}
#screenModal > div.caution h1 { font-size:26px; }
#screenModal > div.caution p { margin:0 auto; line-height:22px; font-size:15px; padding:20px 80px; color:#fff;  }
/*#screenModal > div.caution p + p { padding-top:25px; background:url(../images/study/img_blockdiv.png) no-repeat center top; }*/
#screenModal > div.caution p + p { padding-top:25px; }
#screenModal > div.agreeArea { height:74px; line-height:74px; text-align:center; font-size:15px; }
#screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:none; }
#screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */
#screenModal > div.agreeArea label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; }
#screenModal > div.agreeArea label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
#screenModal > div.agreeArea input:checked + label { background-position:left top; }
#screenModal > div.btnArea { overflow:hidden; border:none; background:none; padding:20px 0; margin-bottom:40px; text-align:center; }
#screenModal > div.btnArea button { overflow:hidden; height:54px; margin:0 2px; padding:0; border:none; background:none; vertical-align:middle; }
#screenModal > div.btnArea button img { margin-top:-54px; }
#screenModal > div.btnArea button:hover img { margin-top:0; }
/* 시험보기 페이지 */
#screenModal > div.cautionTest { overflow:hidden; height:85px; padding:0; background:url(../images/study/bg_notice.png); color:#fff; }
#screenModal > div.cautionTest strong, #screenModal > div.cautionTest b { color:#ffdc61;}
#screenModal > div.cautionTest div.timer { float:left; width:270px; height:85px; margin-right:20px; background:url(../images/global/bg_glbalbtn.png); line-height:85px; color:#ffdc61; font-family:'Open Sans', sans-serif; text-align:center; font-size:15px; font-weight:bold; }
#screenModal > div.cautionTest div.timer strong { margin-left:5px; font-size:50px; color:#fff; vertical-align:middle; font-weight:700;  }
#screenModal > div.cautionTest div.textArea { overflow:hidden; height:85px; margin:0 20px 0 10px; padding:0; background:url(../images/study/img_notice.png) no-repeat right center; }
#screenModal > div.cautionTest div.textArea h1, #screenModal > div.cautionTest div.textArea p { margin:0; padding:0; margin-right:72px;  }
#screenModal > div.cautionTest div.textArea h1 { padding:15px 0 5px; font-size:15px; }
#screenModal > div.cautionTest div.textArea p { line-height:18px; }
#screenModal div.mobileCert span.red { display:inline-block; margin-left:96px; }

#contentsPopup { margin:0 auto; margin-top:60px; border:1px solid #bfc3c4; background:#fff; }
#contentsPopup div.caution { overflow:hidden; margin:15px 30px 0; padding:15px 10px; background:url(../images/study/bg_notice.png); color:#fff; }
#contentsPopup div.caution h1 { font-size:15px; margin:0 0 8px; padding:0; }
#contentsPopup div.caution strong, #contentsPopup div.caution b { color:#ffdc61;}
#contentsPopup div.answerTrue { background:url(../images/study/bg_checktrue.png) no-repeat 10px 15px; }
#contentsPopup div.answerFalse { background:url(../images/study/bg_checkfalse.png) no-repeat 10px 15px; }
#contentsNav { overflow:hidden; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:2px solid #0780c2; background:#f2f6f7; }
#contentsNav > h1 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:0 20px; line-height:60px; text-overflow:ellipsis; }
#contentsNav > h2 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:10px 20px; line-height:20px; text-overflow:ellipsis; }
#contentsNav > h2 span { font-size:12px; color:#898989; }
#contentsNav form, #contentsNav table { float:right; }
#contentsNav table { margin:5px;  border-collapse:collapse; border:1px solid #bfc3c4; }
#contentsNav table th, #contentsNav table td { width:60px; height:20px; background:#fff; text-align:center; }
#contentsNav table td { border-top:1px dashed #ccc; background:#fff; }
#contentsNav form { height:60px; padding:0 10px; background:#0780c2; text-align:center; }
#contentsNav form select { height:28px; }
#contentsNav form h1 { margin:0; padding:0; line-height:28px; color:#fff; font-size:12px; }

/* 최종평가 모달 */
#screenModal .studyModal { position:fixed; top:50%; left:50%; width:450px; margin:-90px 0 0 -225px; padding:20px; border:none; border-top:6px solid #373839; z-index:1111; text-align:right; box-sizing:border-box; }
#screenModal .studyModal > h1 { margin:0 0 10px 0; padding-bottom:20px; border-bottom:1px solid #ccc; text-align:left; font-size:12px; line-height:18px; font-weight:400; }
#screenModal .studyModal > button { margin:0 0 0 5px; padding:8px 15px; background:none; border:1px solid #bfc3c4;font-size:12px; }
#screenModal .studyModal > button:hover { border-color:#0780c2; }
#screenModal .dark { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:1000; background:#000; opacity:0.4; }

div.testArea { overflow:hidden; }
div.testArea > ul, div.testArea > ul li { list-style:none; margin:0; padding:0; }
div.testArea > ul { float:left; overflow:hidden; width:270px; }
div.testArea > ul li { overflow:hidden; height:30px; text-align:center; background:#f6f6f6; line-height:30px; border-bottom:1px solid #bfc3c4; font-size:0;}
div.testArea > ul li .orderBy { float:left; display:block; width:99px; text-align:center; font-size:12px; }
div.testArea > ul li div { overflow:hidden; float:right; text-align:center; width:140px; padding:0 15px; border-left:1px solid #bfc3c4; background:#fff; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
div.testArea > ul + div {  border-left:1px dashed #bfc3c4; }
div.testArea > div { width:929px; overflow:hidden; padding:0 30px 30px; }
div.testArea > div h1, div.testArea > div h2, div.testArea > div h3 { margin:0; padding:0; }
div.testArea > div h1 { margin:40px 0 20px; font-size:20px; color:#565665; }
div.testArea > div h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.testArea > div h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.testArea > div h3 strong { color:#343434; padding-right:20px; }
div.testArea > div ol, div.testArea > div li { margin:0; padding:0; list-style:none; }
div.testArea > div li { overflow:hidden; padding:5px 0;  }
div.testArea > div li input[type="radio"] { display:none; }
div.testArea > div li input[type="radio"] { float:left\9; display:inline-block\9; width:18px; height:18px; border:none; padding:0; vertical-align:middle; } /* IE8 Hack */
div.testArea > div li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; }
div.testArea > div li label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
div.testArea > div li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; }
div.testArea > div input[type="text"], div.testArea > div textarea { width:100%; border:1px solid #bfc3c4; color:#999; }
div.testArea > div input[type="text"] { height:36px; padding:0 10px; }
div.testArea > div textarea { height:200px; padding:10px; }
div.testArea > div input[type="text"]:focus, div.testArea > div textarea:focus { color:#343434; border:1px solid #666; }

div.reportArea { overflow:hidden; padding:20px 0; }
div.reportArea > h1, div.reportArea > h2 { margin:0; padding:0 30px; }
div.reportArea > h1 { margin:10px 0 20px; font-size:20px; color:#565665; }
div.reportArea > h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.reportArea > h3 { border:1px dashed #999; margin:0 30px 10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.reportArea > h3 strong { color:#343434; padding-right:20px; }
div.reportArea > a { display:block; margin:0 30px; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; }

div.surveyArea { overflow:hidden; overflow:hidden; padding:0 0 30px; }
div.surveyArea > form { padding:0 30px; }
div.surveyArea h1, div.surveyArea > div h2, div.surveyArea > div h3 { margin:0; padding:0; }
div.surveyArea h1 { margin:40px 0 20px; font-size:20px; color:#565665; }
div.surveyArea h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.surveyArea h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.surveyArea h3 strong { color:#343434; padding-right:20px; }
div.surveyArea ol, div.surveyArea li { margin:0; padding:0; list-style:none; }
div.surveyArea li { overflow:hidden; padding:5px 0;  }
div.surveyArea li input[type="radio"] { display:none; }
div.surveyArea li input[type="radio"] { display:inline-block\9; padding:0; vertical-align:middle; } /* IE8 Hack */
div.surveyArea li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; }
div.surveyArea li label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
div.surveyArea li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; }
div.surveyArea textarea { width:100%; border:1px solid #bfc3c4; color:#999; }
div.surveyArea textarea { height:52px; padding:10px; }
div.surveyArea textarea:focus { color:#343434; border:1px solid #666; }

div.testArea div.commentaryArea, div.reportArea div.commentaryArea { margin-top:15px; padding:15px; border:1px solid #bfc3c4; background:#f2f6f7; }
div.testArea div.commentaryArea > h1, div.reportArea div.commentaryArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #bfc3c4; font-size:15px; color:#0780c2; }
div.reportArea div.exampleArea { margin-top:15px; padding:15px; border:1px solid #ccc; background:#f2f2f2; }
div.reportArea div.exampleArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #ccc; font-size:15px; color:#343434; }
div.reportArea div.commentaryArea, div.reportArea div.exampleArea { margin:15px 30px; }
div.reportArea div.commentaryArea > div, div.reportArea div.exampleArea > div { font-size:13px; line-height:21px; }
div.reportArea div.commentaryArea a, div.reportArea div.exampleArea a { display:block; margin:0; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center #fff; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; }

div.reportSubmit { margin:0 20px 20px; border:1px solid #999; }
div.reportSubmit > ul, div.reportSubmit > ul li { list-style:none; margin:0; padding:0; }
div.reportSubmit > ul li { float:left; height:74px; font-size:20px; color:#565665; width:50%; text-align:center; background:#e5ebec; line-height:74px; cursor:pointer; }
div.reportSubmit > ul li.select { background:#fff; }
div.reportSubmit > div { overflow:hidden; padding:20px; }
div.reportSubmit > div ul, div.reportSubmit > div ul li { margin:0; padding:0; list-style:none; }
div.reportSubmit > div ul { margin-bottom:20px; }
div.reportSubmit > div ul li { overflow:hidden; margin:0; padding:15px; line-height:22px; font-size:15px; }
div.reportSubmit > div ul li a { display:inline-block; height:30px; line-height:30px; margin:5px 0; padding:5px 0 0 40px; background:url(../images/study/bg_a_tag.png) no-repeat 0 center; line-height:22px; color:#0780c2; }
div.reportSubmit > div ul li h1 { float:left; width:120px; margin:10px 20px 10px 0; padding:0 20px 0 10px; border-right:2px solid #565656; font-size:15px; }
div.reportSubmit > div ul li label { display:inline-block; height:50px; padding:0 25px 0 60px; border:1px solid #a0acae; background:url(../images/study/btn_file.png) no-repeat 20px center; font:bold; line-height:50px; text-align:center; cursor:pointer; }
div.reportSubmit > div ul li input[type="file"] { display:none; }
div.reportSubmit > div ul li + li { border-top:1px dashed #bfc3c4; }
div.reportSubmit > div textarea { width:100%; height:240px !important; margin-bottom:10px; border:1px solid #bfc3c4; color:#999; height:52px; padding:10px; }
div.reportSubmit > div textarea:focus { color:#343434; border:1px solid #666; }
div.reportSubmit > div div { overflow:hidden; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; }
div.reportSubmit > div div strong { color:#ffdc61;}

.fLeft { float:left; margin-right:5px; }
.fRight { float:right; margin-left:5px; }
.Left { text-align:left !important; margin-right:5px !important; }
.Right { text-align:right; margin-left:5px; }


/* 게시판 쓰기페이지 */
.payInfoTable { }
.payInfoTable { width:100%; border-collapse:collapse; border-bottom:1px solid #565656 !important; }
.payInfoTable th, .payInfoTable td { text-align:center; padding:15px 0; line-height:20px; }
.payInfoTable th button { width:16px; height:12px; margin:0; padding:0; border:none; background:none; }
.payInfoTable th { border-top:1px solid #565656; background:#fff; }
.payInfoTable td { border-top:1px dashed #999; background:#fff; }
.payInfoTable th.left, .payInfoTable td.left { text-align:left; padding-left:10px; }
.payInfoTable td.right { text-align:right; padding-right:15px; line-height:28px; }
.payInfoTable td.right span { color:#999; }
.payInfoTable td.right strong { color:#e91818 }
.payInfoTable td img { vertical-align:middle; }
.payInfoTable td span { color:#999; }
.payInfoTable tr.hover { background:#efefef; }
.payInfoTable td button { background:#fff; line-height:28px; padding:0 8px; border:1px solid #999; color:#565656; background:#efefef; }
.payInfoTable td button img { margin-right:5px; }
.payInfoTable td input[type="text"], .payInfoTable td input[type="tel"] { height:28px; padding:0 5px; border:1px solid #999; width:90%; }
.payInfoTable td select { height:28px; padding:0 0 0 5px; border:1px solid #999; }
.payInfoTable td br + button { margin-top:8px; }
.payInfoTable tr.red td { background-color:#fbe3e3; }
.payInfoTable tr.green td { background-color:#edf7e9; }
.payInfoTable tr.notice td { background-color:#f8f8f8; }