@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "euc-kr";

/*main start*/
#wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#wrap .container_box {
    padding-top: 130px;
}

#wrap .container_box_job {
    padding-top: 150px;
}

#wrap .subject {
    text-align: center;
    font-family: "Nanum Gothic", 'cursive';
    color: rgb(0, 0, 0);
    font-weight: 100;
    margin-bottom: 60px;
    font-size: 35px;
}

#wrap .subject .dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border: 1px solid gray;
    border-radius: 50%;
    margin-right: 21px;
    vertical-align: bottom;
    margin-bottom: 3px;
}

#wrap .subject .min {
    font-size: 23px;
    color: rgb(25, 25, 25);
    font-weight: normal;
    vertical-align: bottom;
    letter-spacing: -0.4px;
}

#wrap .top_banner {
    width: 1200px;
    height: 162px;
    margin-bottom: 60px;
}

#wrap .top_banner2 {
    width: 202px;
    height: 17px;
    line-height: 1.2;
    margin-bottom: 161px;
    margin-left: 500px;
}


#wrap .top_text {
    font-size: 18px;
    text-align: center;
    font-family: "Nanum Myeongjo";
    color: rgb(1, 1, 1);
    line-height: 1.2;
    margin-bottom: 164px;
}

#wrap .top_title {
    text-align: center;
    font-size: 27px;
    font-family: "Nanum Gothic";
    margin-bottom: 85px;
    color: #000000;
    letter-spacing: -0.8px;
}

#wrap .top_title span {
    font-size: 26px;
    color: rgb(0, 0, 0);
    font-weight: bolder;
}

#wrap .topList_new {
    width: 1200px;
    margin: 0 auto;
}

#wrap .topList_new>li {
    box-sizing: border-box;
    margin-bottom: 50px;
    font-size: 17px;
    font-family: "Nanum Gothic", fantasy;
    vertical-align: middle;
    color: #424141;
    line-height: 50px;
    text-align: left;
    z-index: 175;
}

#wrap .topList_new>li:last-child {
    margin-bottom: 146px;
}

#wrap .topList_new>li .top_txt {
    border: 1px solid #cfcfcf;
    padding-left: 14px;
}

#wrap .topList_new>li .top_txt>span {}

#wrap .topList_new>li .top_txt .number {
    color: #4c4b4b;
    font-weight: bold;
    margin-right: 5px;
    text-align: left;
    font-family: Nanum Gothic Bold, NanumGothic, sans-serif;
}

#wrap .topList_new>li .top_txt .text {
    font-size: 17px;
    color: #424141;
    font-family: "Nanum Gothic Bold";
    font-weight: normal;
    text-align: left;

}

#wrap .topList_new>li .top_txt .click {
    width: 30px;
    font-size: 13px;
    position: absolute;
    top: 50%;
    right: 45px;
    margin-top: -25px;
    color: #413c3c;
}

#wrap .topList_new>li .top_txt .click>span {
    color: #4c4b4b;
    font-weight: bolder;
    position: absolute;
    left: -13px;
    top: 0;
    font-size: 13px;
}

#wrap .topList_new>li .top_txt .click .txt02 {
    visibility: hidden;
}

#wrap .topList_new>li .top_txt>img {
    position: absolute;
    top: 50%;
    right: 26px;
    margin-top: -8px;
}

#wrap .topList_new>li .top_txt {
    position: relative;
    height: 48px;
    line-height: 50px;
    background: #f6f6f6;
}

#wrap .topList_new>li .top_txt.close2>img {
    transform: rotate(180deg);
}

#wrap .topList_new>li .top_txt.close2 .click .txt02 {
    visibility: visible;
}

#wrap .topList_new>li .top_txt.close2 .click .txt01 {
    visibility: hidden;
}

#wrap .topList_new>li .bottom_txt {
    display: none;
    height: 100px;
    padding: 30px 26px 10px 40px;
    line-height: 40px;
    color: #4c4b4b;
}

#wrap .topList_new>li.list02 .bottom_txt {
    padding: 30px 0 26px;
    height: 120px;
}

#wrap .topList_new>li.list05 .bottom_txt {
    padding: 30px 0 26px;
    height: 120px;
}

#wrap .topList_new>li.list03 .bottom_txt {
    height: 60px;
}

#wrap .topList_new>li.list04 .bottom_txt {
    height: 60px;
}


#wrap .topList_new>li.on .bottom_txt {
    display: block;
}


#wrap .topList_new>li .bottom_txt .bottom01 {
    padding: 0px 26px 0px 40px;
    margin-bottom: 10px;
}

#wrap .topList_new>li .bottom_txt .bottom02 {
    height: 70%;
    padding: 10px 26px 10px 25px;
}

#wrap .topList_new>li .bottom_txt .bottom02>span {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4c4b4b;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 40px;
}

.text02 {
    text-align: right;
    padding-bottom: 20px;
    font-family: "Nanum Gothic";
    font-size: 12px;

}

#wrap .warning {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: "Nanum Gothic Bold";
    color: #413b3b;
    margin-bottom: 160px;
    margin-top: -70px;
    letter-spacing: -0.4px;
}

#ui_mobile {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#ui_mobile .title {
    text-align: center;
    font-size: 68px;
    font-family: "Myriad Pro";
    color: rgb(0, 0, 0);
    margin-bottom: 32px;
}

.blue {
    color: #3373b4;
    font-family: "Nanum Gothic Bold";
    /*    font-size: 17px;*/
}

#ui_mobile .title>span {
    display: inline-block;
    font-size: 48px;
    font-family: "Nanum Gothic";
    vertical-align: middle;
    color: rgb(0, 0, 0);
    line-height: 68px;
    letter-spacing: -2px;
}

#ui_mobile .text01 {
    text-align: center;
    font-size: 18px;
    color: #424242;
    word-spacing: normal;
    font-family: "Nanum Gothic";
    margin-bottom: 50px;
    font-weight: normal;
    letter-spacing: -0.2px;
}

#ui_mobile .text_box {
    width: 1200px;
    padding: 10px 84px;
    background: #f2f2f2;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    font-family: "Nanum Gothic Bold";
    margin-bottom: 122px;
    color: #323131;
    letter-spacing: -0.2px;
    line-height: 30px;
}

.level_system {
    padding: 50px 0px 120px 0px;
    text-align: center;
}

.level_system .ls_title {
    font-size: 26px;
    font-family: "Nanum Gothic Bold";
    color: #000;
    margin-bottom: 35px;
}

.level_system .ls_desc {
    font-size: 16px;
    color: #424242;
    line-height: 1.6;
    margin-bottom: 55px;
}


.text_box {
    width: 100%;
    text-align: center;
    margin: 60px 0 78px 0;
}




.class_logo {
    width: 198px;
    height: 48px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin-bottom: 63px;
}

.class_logo.logo2 {
    text-align: left;
    margin: 0;
    top: 44px;
    left: 10px;
}

.class_logo.logo3 {
    width: 198px;
    height: 48px;
    position: absolute;
    right: -2px;
    top: -20px;
}

.class_logo .top {
    position: absolute;
    left: 0;
    top: 3px;
}

.class_logo .bottom {
    position: absolute;
    right: 0;
    bottom: -18px;
}

.class_logo .dot {
    width: 8px;
    height: 8px;
    border: 1px solid black;
    border-radius: 50%;
    position: absolute;
    left: 77px;
    bottom: 0;
}

.class_logo .dot_R {
    width: 12px;
    height: 12px;
    border: 1px solid black;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    top: 12px;
}

.class_logo .dot_R span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-family: "Nanum Gothic Bold";
}

#ui_mobile .class_logo>div {}

#ui_mobile .banner {
    margin-bottom: 88px;
}

#ui_mobile .sub_title {
    text-align: center;
    font-size: 29px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
    margin-bottom: 77px;
}

#ui_mobile .list {
    width: 1200px;
    height: 395px;
    box-sizing: border-box;
    margin-bottom: 43px;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-family: "Nanum Gothic";
}

#ui_mobile .list>li {
    padding-left: 25px;
    border-bottom: 1px solid #d5d5d5;
}

#ui_mobile .list .box1 {
    height: 145px;
}

#ui_mobile .list .box2 {
    height: 141px;
}

#ui_mobile .list .box3 {
    height: 105px;
    border-bottom: none;
}

#ui_mobile .list>li .top {
    font-size: 22px;
    margin-bottom: 20px;
    padding-top: 43px;
    font-weight: bold;
    color: #444;
}

#ui_mobile .list>li .top img {
    margin-right: 10px;
}

#ui_mobile .list>li .bottom {
    font-size: 18px;
    color: #535252;
    font-weight: normal;
    margin-left: 35px;
}

#ui_mobile .btn {
    width: 209px;
    height: 37px;
    background: black;
    margin: 0 auto 197px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
}


a:link {
    color: #ffffff;
    font-weight: bold;
}



#wrap .banner {
    width: 1200px;
    height: 160px;
}

#wrap .banner.b1 {
    margin-bottom: 113px;
}

#wrap .banner.b1_2 {
    margin-bottom: 71px;
}

#wrap .banner.b2 {
    margin-bottom: 91px;
}

#wrap .banner.b3 {
    margin-bottom: 116px;
}

#wrap .banner {}

#wrap .banner.b1 {
    margin-bottom: 113px;
}

#wrap .banner.b2 {
    margin-bottom: 91px;
}

#wrap .banner.b3 {
    margin-bottom: 116px;
}

#agile_process {}

#agile_process .title {
    text-align: center;
    margin-bottom: 57px;
    font-size: 42.294px;
    font-family: "NanumGothicLight";
    letter-spacing: -3px;

}

#agile_process .process_group {
    width: 1200px;
    height: 1425px;
    border-right: none;
    border-left: none;
    font-family: "Nanum Gothic";
    color: rgb(85, 85, 85);
    margin: 0 auto 92px;
    font-size: 16px;
}

#agile_process .process_group>li {
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    font-weight: bold;
}


#agile_process .process_group .list01 {
    height: 189px;
}

#agile_process .process_group .list02 {
    /*    height : 200px;*/
    font-weight: bold;
}

#agile_process .process_group .list05 {
    /*    height : 507px;*/
    font-weight: bold;
    border: none;
    margin-bottom: 55px;
}

#agile_process .process_group .list03 {
    height: 729px;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

#agile_process .process_group .list01 p:first-child {
    padding-top: 30px;
}

#agile_process .box2 {
    width: 1200px;
    height: 96px;
    padding-top: 25px;
    margin-bottom: 72px;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.3px;

}

#agile_process .box2 p {
    font-size: 15px;
    color: rgb(85, 85, 85);
    text-align: center;
}

.banner_links {
    width: 1200px;
    height: 144px;
    margin-bottom: 98px;
    position: relative;
    /* margin: 0 auto;  Add centering if needed, looking at previous margin-bottom only */
}

.banner_links .left {
    position: absolute;
    left: 0;
    top: 0;
}

.banner_links .right {
    position: absolute;
    right: 0;
    top: 0;
}

#agile_process .text {
    width: 638px;
    height: 15px;
    background: lightgreen;
    margin: 0 auto 33px;
}

#agile_process .box3 {
    width: 1200px;
    height: 548px;
    background: lightpink;
    margin-bottom: 38px;
}

#agile_process .process_group>li p {
    color: rgb(85, 85, 85);
    line-height: 2.688;
}

#agile_process .process_group .list02 .sub_t1 {
    font-family: "Nanum Gothic Bold";
    color: rgb(32, 103, 32);
    padding-top: 76px;
    margin-bottom: 19px;
    font-size: 19px;
}


#agile_process .process_group .list02 .sub_t2 {
    font-family: "Nanum Gothic Bold";
    color: #545454;
    padding-top: 15px;
    margin-bottom: 47px;
    font-weight: normal;
    font-size: 16px;
}








#agile_process .process_group .list05 .en {
    color: black;
    font-weight: bold;
    font-size: 17px;
}

#agile_process .process_group .list05 .list02_contents {
    height: 91px;
    margin-bottom: 70px;
    position: relative;
}

#agile_process .process_group .list05 .list02_contents .waterfall_img {
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#agile_process .process_group .list05 .list02_contents .waterfall_img .w_img01 {
    margin-right: 30px;
}

#agile_process .process_group .list05 .list02_contents .waterfall_img .w_img02 {
    margin-top: -15px;
}


#agile_process .process_group .list05 .list02_contents .contents_box {
    width: 978px;
    position: absolute;
    right: 30px;
    bottom: -4px;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div {
    width: 163px;
    height: 90px;
    display: inline-block;
    margin-left: -5px;
    position: relative;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

#agile_process .process_group .list05 .list02_contents .contents_box>div .c_text {
    position: absolute;
    left: 0;
    font-size: 14px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box1 .c_text {
    top: 50px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box2 .c_text {
    top: 40px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box3 .c_text {
    top: 30px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box4 .c_text {
    top: 20px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box5 .c_text {
    top: 10px;
}

#agile_process .process_group .list05 .list02_contents .contents_box .c_box6 .c_text {
    top: 0;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div>div:nth-child(2) {
    width: 163px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(1)>div:nth-child(2) {
    height: 10px;
    background-color: black;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(2)>div:nth-child(2) {
    height: 20px;
    background-color: #2d2d2d;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(3)>div:nth-child(2) {
    height: 30px;
    background-color: #404040;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(4)>div:nth-child(2) {
    height: 40px;
    background-color: #565656;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(5)>div:nth-child(2) {
    height: 50px;
    background-color: #747474;
}

#agile_process .process_group .list05 .list02_contents .contents_box>div:nth-child(6)>div:nth-child(2) {
    height: 60px;
    background-color: #919191;
}

#agile_process .process_group .list03 .sub_t2 {
    font-family: "NanumGothicLight";
    color: rgb(42, 77, 142);
    padding-top: 70px;
    margin-bottom: 34px;
    font-size: 33px;
    font-weight: lighter;
    letter-spacing: -3px;
}

#agile_process .process_group .list03 .list03_textBox {
    width: 1200px;
    height: 184px;
    background-color: #fbfbfb;
}

#agile_process .process_group .list03 .list03_textBox>p {
    margin-left: 2px;
}

#agile_process .process_group .list03 .list03_contents {
    width: 1200px;
    height: 286px;
    position: relative;
}

#agile_process .process_group .list03 .list03_contents .title {
    font-family: "Nanum Gothic Bold";
    font-weight: bold;
    font-size: 22px;
    color: rgb(36, 36, 36);
    position: absolute;
    left: 0px;
    top: 44px;
}

#agile_process .process_group .list03 .list03_contents .logo {
    width: 270px;
    position: absolute;
    left: 0;
    top: 90px;
}

#agile_process .process_group .list03 .list03_contents .logo .top {
    font-size: 7px;
    position: absolute;
    left: 0;
    top: 0px;
}

#agile_process .process_group .list03 .list03_contents .logo .middle {
    color: rgb(0, 0, 0);
    font-family: "Myriad Pro", 'cursive';
}

#agile_process .process_group .list03 .list03_contents .logo .middle span {
    display: inline-block;
}

#agile_process .process_group .list03 .list03_contents .logo .middle .dot {
    width: 7px;
    height: 7px;
    border: 1px solid black;
    border-radius: 50%;
}

#agile_process .process_group .list03 .list03_contents .logo .bottom {
    position: absolute;
    right: 30px;
    bottom: -5px;
    font-size: 7px;
}

#agile_process .process_group .list03 .list03_contents .curr_circle {
    width: 270px;
    height: 270px;
    border-radius: 100%;
    border: 1px solid #dfdfdf;
    position: absolute;
    right: 123px;
    top: 59px;
}

#agile_process .process_group .list03 .list03_contents .curr_circle .cir_text {
    font-family: "Nanum Gothic Bold";
    font-size: 18px;
    color: rgb(0, 0, 0);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#agile_process .process_group .list03 .list03_contents .green {
    width: 368px;
    height: 81px;
    position: absolute;
    right: 109px;
    top: 53px;
}

#agile_process .process_group .list03 .list03_contents .blueLine {
    width: 463px;
    height: 81px;
    position: absolute;
    top: 182px;
    right: 320px;
}

#agile_process .process_group .list03 .list03_contents .yellow {
    width: 206px;
    height: 81px;
    position: absolute;
    top: 259px;
    right: 0;
}

#agile_process .process_group .list03 .list03_contents ul {}

#agile_process .process_group .list03 .list03_contents ul .text1 {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: bold;
}

#agile_process .process_group .list03 .list03_contents ul .text2 {
    font-size: 14px;
    color: rgb(0, 0, 0);
    position: absolute;
    right: 0;
    top: 32px;
}

#agile_process .process_group .list03 .list03_contents ul .text3 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    position: absolute;
    left: 0;
    bottom: -5px;
}

#agile_process .process_group .list03 .list03_contents ul .line1 {
    width: 368px;
    height: 6px;
    background: #a5e37f;
}

#agile_process .process_group .list03 .list03_contents ul .line2 {
    width: 463px;
    height: 6px;
    background: #9bcbee;
}

#agile_process .process_group .list03 .list03_contents ul .line3 {
    width: 206px;
    height: 6px;
    background: #eeed5c;
}

#agile_process .process_group .list03 .list03_contents ul>li:nth-child(3) {
    position: absolute;
    top: 50px;
}

#agile_process .process_group .list03 .list03_contents .layer1 {
    position: absolute;
    right: 490px;
    top: 140px;
}

#agile_process .process_group .list03 .list03_contents .layer2 {
    position: absolute;
    right: 220px;
    top: 230px;
}

#agile_process .process_group .list03 .list03_contents .layer3 {
    position: absolute;
    right: 23px;
    top: 140px;
    transform: rotateY(-180deg);
}

#agile_process .info_box {
    width: 1180px;
    height: 393px;
    border-color: #f6f6f6;
    border-style: solid;
    border-width: 145px 10px 10px 10px;
}

/*agile end*/


.web03_new {
    margin-bottom: 100px;
    text-align: center;
    color: #484848;
}

.web03_new .list01 {
    margin-bottom: 17px;
}

.web03_new .list02 {
    margin-bottom: 34px;
    font-size: 15px;
    font-weight: bold;
}

.web03_new .list02 strong {
    font-family: 'Nanum Gothic Bold';
}

.web03_new .list03 {
    margin-bottom: 35px;
    background: #f6f6f6;
    padding: 50px 10px 10px 10px;
    text-align: left;
    overflow: hidden;
    font-size: 15px;
    color: #565656;
    line-height: 30px;
    font-weight: bold;
}

.web03_new .list03 .innerTitle {
    margin-bottom: 35px;
    padding-left: 20px;
    font-weight: bold;
    letter-spacing: -0.8px;
}

.web03_new .list03 .innerTitle strong {
    background: url('../kjb_images/new/txt_bg.gif') repeat-x left center;
}

.web03_new .list03 .innerList {
    padding: 30px;
    background: #fff;
    font-size: 15px;
    letter-spacing: -1px;
}

.web03_new .list03 .innerList>li {
    margin-top: 30px;
    position: relative;
    padding-left: 145px;
}

.web03_new .list03 .innerList>li:first-child {
    margin-top: 0;
}

.web03_new .list03 .innerList>li>div {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 22px;
    background: url('../kjb_images/new/infobullet02.gif') no-repeat left center;
}

.web03_new .list03 .innerList>li ul {
    line-height: 22px;
    margin-top: 20px;
    font-size: 14px;
}

.web03_new .list03 .innerList>li em.big {
    position: relative;
    top: -1px;
    font-size: 19px;
    vertical-align: middle;
}

.web03_new .list03 .innerList>li span {
    margin-left: 8px;
    padding-left: 16px;
    background: url('../kjb_images/new/infobullet.gif') no-repeat left center;
}

.web03_new .list03 .innerList>li em.small {
    font-size: 13px;
}

.web03_new .list03 .innerList>li strong {
    color: #dc3535;
    font-size: 15px;
}

.web03_new .list03 .innerList>li .m01 {
    margin-left: 40px;
}

.web03_new .list04 {
    position: relative;
    padding-left: 180px;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 198px;
}

.web03_new .list04 strong {
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 18px;
    padding-left: 20px;
    color: #e74848;
    background: url('../kjb_images/new/titleline.gif') no-repeat left center;
}

/*web03 nex end*/

.table_title {
    font-size: 41.294px;
    color: rgb(0, 0, 0);
    text-align: center;
    margin-bottom: 57px;
    font-family: "NanumGothicLight";
    line-height: 1.892;
    letter-spacing: -2px;
    font-weight: lighter;
}

.table_warning {
    font-size: 14px;
    font-family: "Nanum Gothic Bold";
    margin-bottom: 26px;
    color: rgb(94, 87, 87);
    text-align: center;
    letter-spacing: -0.4px;
}


.table {
    width: 1200px;
    margin: 0 auto 100px;
    border: 1px solid #c4c4c4;
    border-bottom: none;
    position: relative;
    font-weight: bold;
}

.table>li {
    height: 70px;
    border-bottom: 1px solid #c4c4c4;
    font-family: "Nanum Gothic Bold";
}



.table>li:last-child {
    border-bottom: none;
}

.table>li>div:nth-child(1) {
    width: 13%;
    height: 100%;
    border-right: 1px solid #c4c4c4;
    float: left;
    box-sizing: border-box;
    font-size: 19px;
    color: #202223;
    font-weight: bold;
    padding-top: 27px;
}

.table>li>div:nth-child(2) {
    width: 80%;
    height: 70px;
    float: left;
    box-sizing: border-box;
    font-size: 18px;
    color: #202223;
    letter-spacing: -1px;
    padding-top: 27px;
}


.table .box0 {
    padding-left: 44px;
    padding-top: 21px;
    font-size: 25px;
    color: rgb(59, 61, 63);
    font-weight: bold;
}

.table .box1 {
    background-color: #e0f4ff;
    font-size: 19px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.table.table2 .box1 {
    background-color: #fcffcc;
}

.table.table3 .box1 {
    background-color: #fcf0f9;
}

.table .table2 {}

.table .box2 {
    font-size: 19px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.table .box3 {
    height: 100px;
    font-size: 19px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.table .box3>div:nth-child(2) {
    line-height: 2.188;
    padding-top: 15px;
    color: #767676;
}

.table.table2 .box3>div:nth-child(2),
.table.table2 .box3>div:nth-child(2) {
    padding-top: 31px;
}

.table.table3 .box3>div:nth-child(2) {
    padding-top: 31px;
}

.table.table3 .box3>div:last-child {
    font-weight: normal;
    color: #333
}

.table .box4 {
    height: 215px;
    font-size: 19px;
    color: rgb(32, 34, 35);
}

.table.table2 .box4 {
    height: 270px;
    font-size: 19px;
    color: rgb(32, 34, 35);
}

.table>li>div {
    padding: 25px 25px;
}

.table .box2>div:nth-child(1) {
    padding-top: 27px;
}

.table .box3>div:nth-child(1) {
    padding-top: 40px;
}

.table .box4>div:nth-child(1) {
    width: 100%;
}

.table .box4>div:nth-child(1) {
    border-right: none;
}

.table .box4>div p {
    margin-bottom: 20px;
}

.table .box4 ul>li {
    padding-left: 19px;
    font-size: 16px;
    color: rgb(88, 88, 88);
    line-height: 2.188;
}

.table .box4 ul>li:last-child {
    color: rgb(25, 107, 149);
    margin-top: 12px;
}

.table .box5>div,
.table .box6>div {
    text-align: center;
}

.table .box5>div:nth-child(1) {
    width: 50%;
    font-size: 17px;
    color: rgb(25, 25, 25);
}

.table .box5>div:nth-child(2) {
    width: 50%;
    font-size: 17px;
    color: rgb(25, 25, 25);
}

.table.table2 .box5>div:nth-child(1) {
    width: 100%;
    font-size: 17px;
    color: rgb(25, 25, 25);
    border-right: none;
}

.table.table3 .box5>div:nth-child(1) {
    width: 100%;
    font-size: 17px;
    color: rgb(25, 25, 25);
    border-right: none;
}

.table .box6>div:nth-child(1) {
    width: 50%;
}

.table .box6>div:nth-child(2) {
    width: 50%;
}

.table.table2 .box6>div:nth-child(1) {
    width: 100%;
    border-right: none;
}

.table.table3 .box6>div:nth-child(1) {
    width: 100%;
    border-right: none;
}

.table .box7>div:nth-child(1) {
    width: 50%;
    border: none;
}

.table .box7>div:nth-child(2) {
    width: 50%;
}

.table.table3 .box7>div {
    width: 100%;
    border-right: none;
}

.table.table2 .box7>div:nth-child(1) {
    width: 100%;
    border-right: none;
}

.table .box7>div .title {
    text-align: center;
    font-size: 14px;
    color: rgb(68, 68, 68);
    font-weight: bold;
    margin-bottom: 41px;
}

.table .box6 div:nth-child(1) {
    font-size: 14px;
    padding-left: 17px;
    color: #191919;
}

.table .box6 div:nth-child(2) {
    font-size: 14px;
    color: #191919;
    padding-left: 17px;
}

.table .box6 div span {
    color: #1c45dc;
}

.table>li>div .arrow {
    color: #202020;
    margin-right: 10px;
    font-size: 11px;
}

.table .box7 {
    height: 370px;
}

.table .box7 .graph {
    width: 440px;
    margin: 0 auto;
    position: relative;
}

.table .box7 .graph .line {}

.table .box7 .graph .line>li {
    height: 27px;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 20px;
}

.table .box7 .graph .line>li>span:nth-child(1) {
    display: inline-block;
    text-align: right;
    width: 25px;
    font-size: 12px;
    color: rgb(111, 104, 104);
    font-weight: bold;
    margin-right: 5px;
}

.table .box7 .graph .line>li>span:nth-child(2) {
    display: inline-block;
    width: 404px;
    height: 1px;
    background-color: #dedede;
    vertical-align: middle;
    text-align: right;
}

.table .box7 .graph>div {
    width: 80px;
    height: 100px;
    position: absolute;
    bottom: 16px;
}

.table .box7 .graph>div:nth-child(1) {
    left: 57px;
}

.table .box7 .graph>div:nth-child(2) {
    left: 140px;
}

.table .box7 .graph>div:nth-child(3) {
    left: 225px;
}

.table .box7 .graph>div:nth-child(4) {
    left: 310px;
}

.table .box7 .graph>div:nth-child(5) {
    left: 390px;
}

.table .box7 .graph>div span:nth-child(1) {
    width: 18px;
    position: absolute;
    bottom: 0;
    background-color: #76ace8;
    display: block;
    text-align: center;
}

.table .box7 .graph>div span:nth-child(2) {
    font-size: 12px;
    color: rgb(111, 104, 104);
    font-weight: bold;
    display: block;
    position: absolute;
    left: -20px;
    bottom: -20px;
}

.table .box7 .graph>div:nth-child(1) span:nth-child(2) {
    left: -25px;
}

.table .box7 .left .graph>div:nth-child(1) span:nth-child(1) {
    height: 51px;
    left: 8px;
}

.table .box7 .left .graph>div:nth-child(2) span:nth-child(1) {
    height: 100px;
}

.table .box7 .left .graph>div:nth-child(3) span:nth-child(1) {
    height: 115px;
}

.table .box7 .left .graph>div:nth-child(4) span:nth-child(1) {
    height: 80px;
}

.table .box7 .left .graph>div:nth-child(5) span:nth-child(1) {
    height: 55px;
}


.table .box7 .right .graph>div:nth-child(1) span:nth-child(1) {
    height: 140px;
    left: 8px;
}

.table .box7 .right .graph>div:nth-child(2) span:nth-child(1) {
    height: 95px;
}

.table .box7 .right .graph>div:nth-child(3) span:nth-child(1) {
    height: 45px;
}

.table .box7 .right .graph>div:nth-child(4) span:nth-child(1) {
    height: 140px;
}

.table .box7 .right .graph>div:nth-child(5) span:nth-child(1) {
    height: 60px;
}




.table.table2 .box7 .graph>div span:nth-child(1) {
    background-color: #ffea00;
}

.table.table3 .box7 .graph>div span:nth-child(1) {
    background-color: #ee97d7;
}

.table.table2 .box7 .left .graph>div:nth-child(1) span:nth-child(1) {
    height: 50px;
    left: 8px;
}

.table.table2 .box7 .left .graph>div:nth-child(2) span:nth-child(1) {
    height: 100px;
}

.table.table2 .box7 .left .graph>div:nth-child(3) span:nth-child(1) {
    height: 120px;
}

.table.table2 .box7 .left .graph>div:nth-child(4) span:nth-child(1) {
    height: 76px;
}

.table.table2 .box7 .left .graph>div:nth-child(5) span:nth-child(1) {
    height: 50px;
}


.table.table3 .box7 .left .graph>div:nth-child(1) span:nth-child(1) {
    height: 130px;
    left: 8px;
}

.table.table3 .box7 .left .graph>div:nth-child(2) span:nth-child(1) {
    height: 35px;
}

.table.table3 .box7 .left .graph>div:nth-child(3) span:nth-child(1) {
    height: 95px;
}

.table.table3 .box7 .left .graph>div:nth-child(4) span:nth-child(1) {
    height: 40px;
}

.table.table3 .box7 .left .graph>div:nth-child(5) span:nth-child(1) {
    height: 0px;
}



.table .box7 .table2 .graph>div:nth-child(1) span:nth-child(1) {}

.table .box7 .table2 .graph>div:nth-child(2) span:nth-child(1) {}

.table .box7 .table2 .graph>div:nth-child(3) span:nth-child(1) {}

.table .box7 .table2 .graph>div:nth-child(4) span:nth-child(1) {}

.table .box7 .table2 .graph>div:nth-child(5) span:nth-child(1) {}


.table .curr_circle {
    width: 217px;
    height: 217px;
    position: absolute;
    top: 250px;
    right: 28px;
    font-family: "Nanum Gothic Bold";
    color: rgb(25, 25, 25);
}

.table .curr_circle .curr_circle2 {
    width: 150px;
    height: 150px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


.table .curr_circle .curr_circle2 .top {
    font-size: 30px;
    padding-top: 15px;
    line-height: 32px;
}

.table .curr_circle .curr_circle2 .top span {
    font-size: 20px;
}

.table .curr_circle .curr_circle2 .bottom {
    font-size: 15px;
    width: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

.table.table3 .curr_circle .curr_circle2 .bottom {
    bottom: 35px;
    line-height: 17px;
}

.table .g_text {
    width: 100%;
    position: absolute;
    bottom: 18px;
    color: rgb(68, 68, 68);
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.3px;
}

.table .g_text2 {
    width: 100%;
    position: absolute;
    bottom: 40px;
    color: rgb(68, 68, 68);
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.3px;
}

.table .curr_circle {
    width: 227px;
    height: 217px;
    position: absolute;
    top: 250px;
    right: 28px;
    font-family: "Nanum Gothic Bold";
    color: rgb(25, 25, 25);
    border-bottom: none;
}


.table .curr_circle .text {
    font-family: "Nanum Gothic";
    color: rgb(48, 48, 48);
    text-align: right;
    position: absolute;
    right: -20px;
    bottom: -70px;
    line-height: 20px;
    font-size: 14px;
}



.table .curr_circle .curr_circle2 .top {
    padding-top: 15px;
    line-height: 32px;
    font-family: "Nanum Gothic Bold";
    font-size: 20px;
}

.table .curr_circle .curr_circle2 .top span {}

.table .curr_circle .curr_circle2 .bottom {
    width: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

.table.table3 .curr_circle .curr_circle2 .bottom {
    bottom: 35px;
    line-height: 17px;
}

#wrap .important_text {
    width: 989px;
    height: 18px;
    background: red;
    margin: 0 auto 201px;
}

#wrap .sub_text {
    width: 1200px;
    height: 65px;
    background: grey;
}

#web_mobile_process {}

#web_mobile_process .table {
    width: 1200px;
    height: 4587px;
    background: grey;
}

#wrap .nd_time {
    width: 134px;
    height: 13px;
    background: grey;
    margin: 0 auto;
}

#wrap .time_box {
    width: 1200px;
    height: 452px;
    background: grey;
}

/*profess_bx start*/

.profess_bx {
    height: 530px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    margin-bottom: 100px;
    font-family: "Nanum Gothic";
}

.profess_bx .title {
    color: rgb(35, 35, 33);
    text-align: left;
    font-weight: bold;
    margin-bottom: 32px;
    padding-top: 41px;
    padding-left: 50px;
    font-size: 25px;
}

.profess_bx .box {
    color: rgb(88, 88, 88);
    font-weight: bold;
    height: 127px;
    background: #f9f9f9;
    margin-bottom: 49px;
    text-align: left;
    font-size: 14px;
}

.profess_bx .box>span {
    display: block;
    padding-left: 54px;
    padding-top: 12px;
    color: rgb(88, 88, 88);
    line-height: 2.188;
    font-family: "Nanum Gothic Bold";
    font-size: 16px;
}


.profess_bx .box>span>span {
    display: block;
    text-decoration: underline #c4c4c4;
}

.profess_bx .example {
    font-size: 20px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
    margin-bottom: 36px;
    text-align: center;
}

.profess_bx .box1 {
    border-top: 1px solid #cccccc;
}

.profess_bx .box2 {
    border-bottom: 1px solid #cccccc;
}




.profess_bx .box1>div {
    width: 50%;
    height: 68px;
    float: left;
    font-size: 17px;
}

.profess_bx>div>div .case {
    display: inline-block;
    color: black;
    padding-left: 20px;
    padding-top: 30px;
    margin-right: 5px;
    font-family: "Nanum Gothic Bold";
    font-size: 19px;
}

.profess_bx>div>div .sub {
    display: inline-block;
    padding-top: 30px;
    color: #585858;
    font-family: "Nanum Gothic Bold";
    font-size: 15px;
}

.profess_bx .text {
    height: 70px;
    text-align: center;
    font-size: 16px;
    font-family: "Nanum Gothic";
}

.profess_bx .text span {
    display: block;
    padding-top: 23px;
    color: #175595;
    font-family: "Nanum Gothic Bold";
}

/*profess_bx end*/

.web04 {
    margin-bottom: 185px;
    border: 1px solid #cfcfcf;
    padding-top: 50px;
    padding-bottom: 37px;
    box-sizing: border-box;
}

.web04 .list01 {
    margin-bottom: 43px;
    text-align: center;
    font-size: 26px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.web04 .list02 {
    margin-bottom: 74px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-family: 'Nanum Gothic Bold';
}

.web04 li .caseTitle {
    margin-bottom: 58px;
    overflow: hidden;
    margin-left: 30px;
}

.web04 li .caseTitle p {
    padding: 0 15px;
    float: left;
    height: 23px;
    line-height: 23px;
    font-size: 15px;
    font-family: 'Nanum Gothic';
}

.web04 li .caseTitle .t01 {
    color: #fff;
    background: #7f7f7f;
}

.web04 li .caseTitle .t02 {
    color: #666;
    background: #ffff00;
    font-family: 'Nanum Gothic';
}

.web04 li .caseDetail li {}

.web04 li .caseDetail li .t01 {
    float: left;
    width: 345px;
    text-align: right;
    font-size: 14px;
    color: #858585;

}

.web04 li .caseDetail li .t01 span {
    margin: -2px 10px 0 0;
    padding: 3px 2px;
    display: inline-block;
    background: #ff8989;
    color: #fff;
}

*:first-child+html .web04 li .caseDetail li .t01 span {
    padding-bottom: 1px;
    line-height: 16px;
}

.web04 li .caseDetail li .t01 strong {
    font-size: 15px;
    color: #535353;
    font-family: 'Nanum Gothic Bold';
}

.web04 li .caseDetail li .t01 p {
    margin-top: 6px;
}

.web04 li .caseDetail li .t01 p em {
    color: #535353;
}

.web04 li .caseDetail li .t02 {
    float: right;
    width: 170px;
    font-size: 14px;
    color: #535353;

}

.web04 .list03 {
    margin-bottom: 70px;
    background: url('../kjb_images/new/dot_line.gif') repeat-x left bottom;
}

.web04 .list03 .caseDetail .d01 {
    height: 115px;
    background: url('../kjb_images/new/web04_bg01.gif') no-repeat 400px 6px;
    margin-left: 34px;

}

.web04 .list03 .caseDetail .d02 {
    height: 101px;
    background: url('../kjb_images/new/web04_bg02.gif') no-repeat 400px 6px;
    margin-left: 34px;
}

.web04 .list03 .caseDetail .d03 {
    height: 140px;
    background: url('../kjb_images/new/web04_bg03.gif') no-repeat 400px 16px;
    margin-left: 34px;
}

.web04 .list03 .caseDetail .d01 .t02 {
    margin-top: 10px;
    margin-right: -20px;
}

.web04 .list03 .caseDetail .d02 .t02 {
    margin-top: 10px;
    margin-right: -20px;
}

.web04 .list03 .caseDetail .d03 .t02 {
    margin-top: 20px;
    margin-right: -20px;
}

.web04 .list04 {
    margin-bottom: 100px;
}

.web04 .list04 .caseDetail .d01 {
    height: 115px;
    background: url('../kjb_images/new/web04_bg04.gif') no-repeat 400px 16px;
}

.web04 .list04 .caseDetail .d02 {
    height: 110px;
    background: url('../kjb_images/new/web04_bg05.gif') no-repeat 400px 16px;
}

.web04 .list04 .caseDetail .d01 .t02 {
    margin-top: 20px;
}

.web04 .list04 .caseDetail .d02 .t02 {
    margin-top: 20px;
}

.web04 .list05 {
    text-align: center;
}

.web04 .list05 span * {
    vertical-align: middle;
}

.web04 .list05 span {
    display: inline-block;
    height: 26px;
    padding: 15px 24px;
    font-size: 16px;
    color: #666;
    font-family: 'Nanum Gothic Bold';
    text-align: center;
    background: url('../kjb_images/new/web04_line.gif') repeat-x left top;
}

.web04 .list05 span strong {
    display: inline-block;
    margin-right: 34px;
    padding-right: 30px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #e95e5e;
    border-right: solid 1px #ccc;
}

.web04 .list05 span em {
    display: inline-block;
    height: 26px;
    line-height: 26px;
}

/*web04 end*/

.d_text {
    position: relative;
    color: #444;
    font-size: 12px;
}

.d_text div {
    line-height: 20px;
    color: #413b3b;
    font-family: "Nanum Gothic Bold";
    font-size: 13px;
}

.curi_table {
    width: 1200px;
    margin: 0 auto 100px;
    /*border: 1px solid #cfcfcf;*/
    border-bottom: none;
}

.curi_table .title {
    height: 200px;
    /*border-bottom: 1px solid #cfcfcf;*/
    /*border: 1px solid #cfcfcf;*/
    border-bottom: none;
    margin-bottom: 30px;
    font-size: 38px;
    font-family: "Nanum Gothic";
    /*line-height: 200px;*/
    color: rgb(0, 0, 0);
    font-weight: normal;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.curi_table .title .sub_title {
    color: #444444;
    font-size: 18px;
    font-weight: normal;
    margin-top: 40px;
    line-height: 32px;
}

.curi_table>ul {
    margin-bottom: 100px;
    border: 1px solid #cfcfcf;
}

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

.curi_table>ul>li {
    width: 100%;
    height: 62px;
    text-align: center;
    box-sizing: border-box;
}

.curi_table ul>li:last-child {
    width: 100%;
    /*border-bottom: 1px solid #cfcfcf;*/
    box-sizing: border-box;
}

.curi_table ul .highlighter {
    width: 605px;
    height: 10px;
    background: #FFF77A;
    position: absolute;
    left: 305px;
    margin-top: 33px;
    z-index: -1;
}

.curi_table .box2 .highlighter {
    width: 859px;
    left: 180px;
}

.curi_table .box3 .highlighter,
.curi_table .box6 .highlighter {
    width: 581px;
    left: 318px;
}

.curi_table .box7 .highlighter {
    width: 586px;
    left: 293px;
}

.curi_table ul .last_text {
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding-top: 24px;
}

.curi_table>ul>li>div {
    float: left;
}

.curi_table>ul>li .left {
    width: 10%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    vertical-align: middle;
    padding-top: 24px;
    font-size: 20px;
    font-family: "Nanum Gothic";
    color: rgb(0, 0, 0);
}

.curi_table .box4>li:last-child .left,
.curi_table .box5>li:last-child .left {
    border-bottom: none;
}

.curi_table>ul>li .right {
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
}

.curi_table>ul>li .right .top {
    font-size: 24px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.curi_table>ul>li .right .bottom {
    font-size: 15px;
    font-family: "Nanum Gothic";
    font-weight: 500;
    color: rgb(82 75 75);
    text-align: left;
    line-height: 2;
}

.curi_table>ul>li:first-child {
    height: 229px;
}

/*.curi_table .box1 > li:first-child,*/
/*.curi_table .box2 > li:first-child{height: 229px;}*/
.curi_table>ul>li:first-child .right {
    padding: 0;
}

/*.curi_table > ul > li:first-child .right > div {padding: 25px 10px;}*/
.curi_table>ul>li:first-child .right>div {
    padding: 25px 28px;
}

.curi_table>ul>li:first-child .right .top {
    height: 78px;
    border-bottom: 1px solid #cfcfcf;
    box-sizing: border-box;
    text-align: center;
    padding-top: 30px;

}

.curi_table>.box4>li:first-child .right .top {
    text-align: left;
}

.curi_table>ul>li:first-child .right .bottom {
    background-color: #edf7fd;
    height: 151px;
    box-sizing: border-box;
    border-bottom: 1px solid #cfcfcf;
    padding-left: 28px;
}

/*.curi_table .box1 > li:nth-child(2){*/
/*    height: 100px;*/
/*}*/

.curi_table .box1>li .right .r_left {
    border-bottom: none;
}

.curi_table .box1>li .right .r_left_border {
    border-bottom: 1px solid #cfcfcf;
}

/*.curi_table .box1 > li:nth-child(2) .left {*/
/*    padding-top: 42px;*/
/*}*/

.curi_table .box1>li:nth-child(2) .right .r_left {
    border-bottom: 1px solid #cfcfcf;
}

/*.curi_table .box1 > li:nth-child(1) .right .top {*/
/*    padding-top: 18px;*/
/*}*/
/*.curi_table .box1 > li .right {*/
/*    padding: 15px 25px;*/
/*    line-height: 2.25;*/
/*}*/
/*.curi_table .box1 > li .right .right1 {*/
/*    color:rgb(86, 86, 86);*/
/*}*/
/*.curi_table .box1 > li .right > span {*/
/*    color:rgb(86, 86, 86);*/
/*    font-size: 15px;*/
/*    margin-right: 10px;*/
/*}*/

/*.curi_table .box1 > li:nth-child(2) .right div:nth-child(1){*/
/*    color: rgb(0, 0, 0);*/
/*    font-weight: bold;*/
/*    margin-bottom: 14px;*/
/*}*/
.curi_table ul li .right span {
    color: rgb(0, 0, 0);
    font-weight: bold;
    margin-bottom: 14px;
}

.curi_table .box1>li:nth-child(2) .right span {
    color: rgb(0, 0, 0);
    font-weight: bold;
    margin-bottom: 14px;
}


/*
.curi_table .box3>li:nth-child(3) .right .r_left>div,
.curi_table .box6>li:nth-child(7) .right .r_left>div,
.curi_table .box6>li:nth-child(9) .right .r_left>div,
.curi_table .box7>li:nth-child(5) .right .r_left>div {
    width: 100%;
    position: absolute;
    left: 50%;
    top: -20px;
    font-size: 16px;
    line-height: 25px;
    transform: translateX(-50%);
}
2026년 02월 04일 차승근 수정*/

.curi_table .box7>li:nth-child(3) .right .r_left>div {
    width: 100%;
    position: absolute;
    left: 50%;
    top: -40px;
    font-size: 16px;
    line-height: 25px;
    transform: translateX(-50%);
}

.curi_table .right .r_left {
    background: #f6f6f6;
    position: relative;
}


/*.curi_table .box1 > li:first-child .right .bottom{height: 151px;}*/
.curi_table .box3>li:first-child .right .bottom {
    background: #ffffcb;
}

.curi_table .box2>li:first-child .right .bottom {
    background: #fdf3fb;
}

.curi_table .box4>li:first-child .right .bottom {
    background: #e3f8d7;
}

.curi_table .box5>li:first-child .right .bottom {
    background: #edf0ff;
}

.curi_table .box6>li:first-child .right .bottom {
    background: #eaede5;
}

.curi_table .box7>li:first-child .right .bottom {
    background: #eef5f6;
}


.curi_table .box2>li .right .pf_btn_uxui,
.curi_table .box3>li .right .pf_btn_uxui {
    float: right;
    padding-right: 20px;
    margin-top: -95px;
}

.curi_table>ul>li .right>div {
    padding: 0;
}

.curi_table>ul>li .right .r_left {
    width: 20%;
    height: 100%;
    border-bottom: none;
    float: left;
    box-sizing: border-box;
    font-size: 16px;
    color: rgb(0, 0, 0);
    text-align: center;
    /*line-height: 2.25;*/
    font-family: "Nanum Gothic Bold";
    padding-top: 25px;
}

.curi_table>ul>li .right .r_left>span {
    font-size: 14px;
}

.curi_table>ul>li .right .r_left_border {
    border-bottom: 1px solid #cfcfcf;
}

.curi_table>ul>li .right .r_left_padding03B {
    padding-top: 50px;
}

.curi_table>ul>li .right .r_left_padding06B {
    padding-top: 25px;
}

.curi_table>ul>li .right .r_left_padding04C {
    padding-top: 10px;
    line-height: 1.5;
}

.curi_table>ul>li .right .r_left_padding06C {
    padding-top: 50px;
}

.curi_table>ul>li .right .r_left_padding09C {
    padding-top: 50px;
    line-height: 1.5;
}

.curi_table>ul>li .right .r_left_padding20 {
    padding-top: 20px;
}

/*.curi_table .box6 > li .right .r_left {padding-top: 80px;}*/
.curi_table>ul>li .right .r_right {
    width: 80%;
    height: 100%;
    float: right;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    box-sizing: border-box;

    padding: 25px 25px;
    font-size: 16px;
    font-family: "Nanum Gothic";
    color: rgb(86, 86, 86);
    font-weight: normal;
}

.curi_table>ul>li .right .r_right_B2 {
    font-size: 14.5px;
}

.curi_table>ul>li:last-child .right .r_right {
    border-bottom: none;
}

/*.curi_table > ul > li:last-child .right {border-bottom: 1px solid #cfcfcf;}*/
/*.curi_table .box1 > li .right {border-bottom: 1px solid #cfcfcf;}*/
.curi_table .box1>li:first-child .right {
    border-bottom: none;
}

.curi_table>ul>li:first-child .left {
    padding-top: 70px;
    font-size: 60px;
    font-family: "Nanum Gothic Bold";
    color: rgb(0, 0, 0);
}

.curi_table ul>li:first-child .left {
    padding-top: 90px;
}

.curi_table>ul>.box1 .left {
    padding-top: 86px;
}

.curi_table>ul>li .right .r_left_padding03B>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    z-index: 999;
}

.curi_table>ul>li .right .r_left_padding06C>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    z-index: 999;
}

.curi_table>ul>li .right .r_left_padding09C>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    z-index: 999;
}

.curi_table>.box5>li .right .r_left_padding09C>div {
    top: 40px;
}

.curi_table>ul>li .right .d_position02>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    z-index: 999;
}

.curi_table>ul>li .right .d_position05>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    line-height: 25px;
    transform: translateX(-50%);
    top: 21px;
    z-index: 999;
}

.curi_table>ul>li .right .e_position03>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    z-index: 999;
    line-height: 1.5;
}

.curi_table>ul>li .right .e_position06>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    line-height: 1.5;
    z-index: 99;
}

.curi_table>ul>li .right .g_position10>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    line-height: 1.5;
    z-index: 999;
}

.curi_table>ul>li .right .r_left_G1 {
    line-height: 1.5;
    padding-top: 10px;
}

.curi_table>ul>li .right .r_left_G7 {
    line-height: 1.5;
    padding-top: 10px;
}

.curi_table>ul>li .img_flex {
    display: flex;
    justify-content: space-between;
}

.curi_table>ul>li .img_box img {
    scale: 1.1;
    margin-left: 5px;
}

/*curi_table end*/



#wrap .class_text {
    text-align: right;
    margin-bottom: 13px;
    font-size: 13px;
}

#wrap .class_time {
    width: 1200px;
    height: 451px;
    border: 1px solid #cfcfcf;
    color: black;
    font-family: "Nanum Gothic Bold";
    position: relative;
}

#wrap .class_time .title {
    height: 96px;
    background-color: #daf1f6;
    border-bottom: 1px solid #cfcfcf;
    color: black;
    font-weight: bold;
    line-height: 96px;
    text-align: center;
    vertical-align: middle;
    font-family: "Nanum Gothic Bold";
    font-size: 22px;
}

#wrap .class_time ul {
    width: 400px;
    border-right: 1px solid #cfcfcf;
    float: left;
    box-sizing: border-box;
}

#wrap .class_time .day3 {
    border-right: none;
}

#wrap .class_time ul>li {
    height: 50px;
    border-bottom: 1px solid #cfcfcf;
}

#wrap .class_time ul li {
    height: 50px;
    border-bottom: 1px solid #cfcfcf;
}

#wrap .class_time ul li:last-child {}

#wrap .class_time ul li:first-child {
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-weight: bold;
    color: black;

}

#wrap .class_time ul li:first-child span {
    font-family: "Nanum Gothic Bold";
    font-size: 18px;
}

#wrap .class_time ul li div {
    float: left;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

#wrap .class_time ul li .box1 {
    width: 35%;
    border-right: 1px solid #cfcfcf;
    background-color: #daf1f6;

}

#wrap .class_time ul li .box2 {
    width: 65%;
}

#wrap .class_time ul li:nth-child(2) .box1 {
    background-color: white;
}

#wrap .class_time .day2 li .box1 {
    background-color: #fffed8;
}

#wrap .class_time .day3 li .box1 {
    background-color: #f9f5ae;
    position: relative;
}

#wrap .class_time .day3 li:nth-child(3) .box1 {
    background-color: #fcf4fb;
}

#wrap .class_time .day3 li .box1 span {}

#wrap .class_time .day3 li .box1 .cir {
    width: 14px;
    height: 14px;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
}


#wrap .class_time .info {
    width: 1200px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#wrap .class_time .info>div {
    padding: 30px 20px 20px;
}

#wrap .class_time .info>div span {

    color: #5f5f5f;
    line-height: 30px;
    margin-right: 25px;
}

#wrap .class_time .info>div .front {
    color: black;
    font-weight: bold;
}

/*#wrap .class_time li .day2{}*/