@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: 369px;
}

#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";
    font-weight: normal;
    text-align: left;
    font-weight: bold;
    
}

#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 .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;
    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     : 16px;
    color         : #424242;
    word-spacing  : normal;
    font-family   : "Nanum Gothic";
    margin-bottom: 50px;
    font-weight   : bold;
    letter-spacing: 0.7px;
}

#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";
    margin-bottom: 122px;
    color: #323131;
    font-weight: bold;
    letter-spacing: -0.2px;
}


.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-weight: bold;
    font-family: "Nanum Gothic";
}

#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";
    color         : rgb(0, 0, 0);
    font-weight   : bold;
    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: bold;;
    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;
}

#agile_process .img_box {
    width         : 1200px;
    height        : 144px;
    margin-bottom : 98px;
    position      : relative;
}

#agile_process .img_box .left {
    position : absolute;
    left     : 0;
    top      : 0;
}

#agile_process .img_box .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";
    color         : rgb(32, 103, 32);
    padding-top   : 76px;
    margin-bottom : 19px;
    font-weight: bold;
    font-size: 19px;
}


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








#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";
    color       : rgb(0, 0, 0);
    font-weight : bold;
}

#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 .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 .circle .cir_text {
    font-family : "Nanum Gothic";
    font-size: 18px;
    color       : rgb(0, 0, 0);
    font-weight : bold;
    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";
    margin-bottom : 26px;
    color         : rgb(94, 87, 87);
    font-weight   : bold;
    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";
    font-weight: 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: 41px; font-size: 25px; color: rgb(59, 61, 63);font-weight: bold;}
.table .box1 {
    background-color: #e0f4ff;
    font-size: 19px;
    font-family: "Nanum Gothic";
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.table.table2 .box1 {background-color: #fcffcc;}
.table.table3 .box1 {background-color: #fcf0f9;}
.table .table2 {}
.table .box2 {
    font-size: 19px;
    font-family: "Nanum Gothic";
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.table .box3 {
    height: 100px;
    font-size: 19px;
    font-family: "Nanum Gothic";
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.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: 15px;
}

.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 .circle {
    width: 217px;
    height: 217px;
    position : absolute;
    top: 289px;
    right: 28px;
    font-family: "Nanum Gothic";
    color: rgb(25, 25, 25);
    font-weight: bold;
}

.table .circle .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 .circle .circle2 .top{
    font-size: 30px;
    padding-top: 15px;
    line-height: 32px;
}

.table .circle .circle2 .top span {
    font-size: 20px;
}
.table .circle .circle2 .bottom{
    font-size: 15px;
    width: 120px;
    position : absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

.table.table3 .circle .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 .circle {
    width         : 227px;
    height        : 217px;
    position      : absolute;
    top           : 299px;
    right         : 28px;
    font-family   : "Nanum Gothic";
    color         : rgb(25, 25, 25);
    font-weight   : bold;
    border-bottom : none;
}


.table .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 .circle .circle2 .top {
    padding-top : 15px;
    line-height : 32px;
    font-family : "Nanum Gothic Bold";
    font-size: 20px;
}

.table .circle .circle2 .top span {
}

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

.table.table3 .circle .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);
    font-weight  : bold;
    line-height  : 2.188;
    font-family: "Nanum Gothic";
    font-size: 16px;
}


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

.profess_bx .example {
    font-size: 20px;
    font-family: "Nanum Gothic";
    color         : rgb(0, 0, 0);
    font-weight   : bold;
    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";
    font-size: 19px;
    font-weight: bolder;
}

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

.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";
    font-weight: 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";
    color         : rgb(0, 0, 0);
    font-weight   : bold;
}

.web04 .list02 {
    margin-bottom : 74px;
    text-align    : center;
    font-size     : 14px;
    color         : #666;
    font-family   : 'Nanum Gothic';
    font-weight: 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-weight : bold;
    font-family : "Nanum Gothic";
    font-size: 13px;
}

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

.curi_table .title {
    height: 200px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 30px;
    font-family: "Nanum Gothic";
    line-height: 200px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: center;
}
.curi_table > ul {}
.curi_table > ul > li{
    width: 100%;
    height: 62px;
    text-align: center;
    box-sizing: border-box;
}

.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 > ul > li .right{
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
}

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

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

.curi_table > ul > li:first-child {height: 202px;}
.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 .top{
    height: 78px;
    border-bottom: 1px solid #cfcfcf;
    box-sizing: border-box;
    text-align: center;
    padding-top: 30px;
    
}

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

.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 .right > span:nth-child(1){
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 16px;
    margin-right: 15px;
}

.curi_table .box2 > li:first-child .right .bottom{background: #ffffcb;}
.curi_table .box3 > li:first-child .right .bottom{background: #fdf3fb; padding-top: 45px;}
.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; padding-top: 45px;}
.curi_table .box7 > li:first-child .right .bottom{background: #eef5f6; padding-top: 45px;}


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

.curi_table > ul > li .right > div{padding: 0;}
.curi_table > ul > li .right .r_left{
    width: 30%;
    height: 100%;
    border-bottom: none;
    float : left;
    padding-top: 200px;

    font-size: 16px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 2.25;
    font-family: "Nanum Gothic";
    font-weight: bold;
}
.curi_table > ul > li .right .r_left > span {
    font-size: 14px;
}

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

    padding: 25px 25px;
    font-size: 15px;
    font-family: "Nanum Gothic";
    color: rgb(86, 86, 86);
}
.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";
    color: rgb(0, 0, 0);
    font-weight: bold;
}
/*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";
    position : relative;
    font-weight: bold;
}

#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{}*/