@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:0px;background:#fff}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con p {padding:8px 0;line-height:28px !important;}
#ctt_con b {font-weight: 600 !important;}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

.ctt_admin {
    width:100%;
    margin:0 auto;
    height:18px;
    text-align:right;
}

.c_msg {font-size:26px;color:#1099a2 !important;font-weight: 500;padding:30px 0 26px 0 !important;letter-spacing: -1px;}
.c_msg2 {font-size:20px;color:#333 !important;font-weight: 500;padding:20px 0 16px 0 !important;}

.c_tit1 {font-size:22px;color:#405ba9;font-weight: 600;padding:20px 0 16px 0;}
.c_tit1 i {color:#748ac8;}

.c_sub1 {font-size: 18px;font-weight: bold;padding:10px 0 6px 0;color:#947600;}

.c_table {width:100%;text-align:center;padding:0;cborder-collapse: collapse;border-bottom:#ddd solid 1px;}
.c_table th {border-top:#ddd solid 1px;background: #f1f1f1;font-weight:600;color:#405ba9;padding:5px 0;border-right:#ddd solid 1px;}
.c_table th:nth-child(1) {width:33%;}
.c_table th:nth-child(3) {width:33%;border-right:#ddd solid 0px;}
.c_table td {border-top:#ddd solid 1px;font-weight:normal;color:#333;padding:5px 0;border-right:#ddd solid 1px;}
.c_table td:nth-child(3) {border-right:#ddd solid 0px;}

/* about */

.msg_tit {display: inline-block; font-size:25px;color:#385b93;letter-spacing: -1px;border:#ddd solid 1px;text-align:center;border-radius: 4px;padding:12px 120px 12px 120px !important;line-height: 40px;margin-bottom:35px;}
.ms_bx {position: relative;height:180px;}

.ms_bx .ms_box1 {position: absolute;width:370px;background:#e4faff;border:#c5e0e6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:0px;}
.ms_bx .ms_box1 .ms_tt1 {font-size:35px;color:#5d939e;letter-spacing: -1px;}
.ms_bx .ms_box1 em {font-size:16px;color:#666;}

.ms_bx .ms_box2 {position: absolute; width:370px;background:#f5ffdf;border:#d5e3b6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:390px;}
.ms_bx .ms_box2 .ms_tt1 {font-size:35px;color:#5d939e;letter-spacing: -1px;}
.ms_bx .ms_box2 em {font-size:16px;color:#666;}

.ms_bx .ms_box3 {position: absolute; width:370px;background:#fff9dc;border:#e5ddb6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:790px;}
.ms_bx .ms_box3 .ms_tt1 {font-size:35px;color:#5d939e;letter-spacing: -1px;}
.ms_bx .ms_box3 em {font-size:16px;color:#666;}

.w_bx {position: relative;height:860px !important;}

.w_bx .w_bx1 {position: relative;}
.w_bx .w_bx1 .wa_box1 {position: absolute; width:550px;height:550px;background: #e4faff;border:#c5e0e6 solid 2px;border-radius: 50%;}
.w_bx .w_bx1 .wa_box1 .wa_num1 {position: absolute; font-size:50px;font-weight: 600;color:#5d939e;left:120px;top:130px;}
.w_bx .w_bx1 .wa_box1 .wa_sub1 {position: absolute; font-size:16px;font-weight: 300;color:#3c6770;left:156px;top:124px;line-height: 18px;}
.w_bx .w_bx1 .wa_box1 .wa_tit1 {position: absolute;font-size:40px;letter-spacing: -2px;color:#3c6770;left:170px;top:255px;}

.w_bx .w_bx2 {position: relative;}
.w_bx .w_bx2 .wa_box2 {position: absolute; left:440px;top:60px;width:350px;height:350px;background: #f5e1e1;border:#e3bebe solid 2px;border-radius: 50%;}
.w_bx .w_bx2 .wa_box2 .wa_num2 {position: absolute; font-size:50px;font-weight: 600;color:#cd9696;left:80px;top:80px;}
.w_bx .w_bx2 .wa_box2 .wa_sub2 {position: absolute; font-size:16px;font-weight: 300;color:#bc7a7a;left:120px;top:74px;line-height: 18px;}
.w_bx .w_bx2 .wa_box2 .wa_tit2 {position: absolute;font-size:40px;letter-spacing: -2px;color:#bc7a7a;left:90px;top:170px;}

.w_bx .w_bx3 {position: relative;}
.w_bx .w_bx3 .wa_box3 {position: absolute; left:720px;top:60px;width:460px;height:460px;background: #f5ffdf;border:#d5e3b6 solid 2px;border-radius: 50%;}
.w_bx .w_bx3 .wa_box3 .wa_num3 {position: absolute; font-size:50px;font-weight: 600;color:#acbf84;left:110px;top:100px;}
.w_bx .w_bx3 .wa_box3 .wa_sub3 {position: absolute; font-size:16px;font-weight: 300;color:#89a059;left:150px;top:94px;line-height: 18px;}
.w_bx .w_bx3 .wa_box3 .wa_tit3 {position: absolute;font-size:40px;letter-spacing: -2px;color:#89a059;left:130px;top:220px;}

.w_bx .w_bx4 {position: relative;}
.w_bx .w_bx4 .wa_box4 {position: absolute; left:360px;top:380px;width:420px;height:420px;background: #fff9dc;border:#e5ddb6 solid 2px;border-radius: 50%;z-index: 100;}
.w_bx .w_bx4 .wa_box4 .wa_num4 {position: absolute; font-size:50px;font-weight: 600;color:#cdbf7d;left:80px;top:100px;}
.w_bx .w_bx4 .wa_box4 .wa_sub4 {position: absolute; font-size:16px;font-weight: 300;color:#b1a25c;left:120px;top:94px;line-height: 18px;}
.w_bx .w_bx4 .wa_box4 .wa_tit4 {position: absolute;font-size:40px;letter-spacing: -2px;color:#b1a25c;left:70px;top:200px;}

.st_pc {display: block !important;}
.st_mobile {display: none !important;}

@media screen and (max-width:921px){

    .msg_tit {font-size:18px;color:#385b93;letter-spacing: -1px;border:#ddd solid 1px;border-radius: 4px;padding:12px 20px 12px 20px !important;line-height: 24px;margin-bottom:20px;}

    .ms_bx {position: relative;height:400px;}

    .ms_bx .ms_box1 {position: relative;width:100%;background:#e4faff;border:#c5e0e6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:0px;margin-bottom:12px;}
    .ms_bx .ms_box1 .ms_tt1 {font-size:28px;color:#5d939e;letter-spacing: -1px;}
    .ms_bx .ms_box1 em {font-size:16px;color:#666;}

    .ms_bx .ms_box2 {position: relative; width:100%;background:#f5ffdf;border:#d5e3b6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:0px;margin-bottom:12px;}
    .ms_bx .ms_box2 .ms_tt1 {font-size:28px;color:#5d939e;letter-spacing: -1px;}
    .ms_bx .ms_box2 em {font-size:16px;color:#666;}

    .ms_bx .ms_box3 {position: relative; width:100%;background:#fff9dc;border:#e5ddb6 solid 2px;border-radius: 5px;text-align:center; padding:20px 0;left:0px;margin-bottom:12px;}
    .ms_bx .ms_box3 .ms_tt1 {font-size:28px;color:#5d939e;letter-spacing: -1px;}

    .w_bx {position: relative;display: inline-block;width:100%;height:660px !important;}

    .w_bx .w_bx1 {position: relative;}
    .w_bx .w_bx1 .wa_box1 {width:100%;height:150px;background: #e4faff;border:#c5e0e6 solid 2px;border-radius: 3px;left:0px;}
    .w_bx .w_bx1 .wa_box1 .wa_num1 {font-size:45px;font-weight: 100;color:#5d939e;top:16px;left:22px;}
    .w_bx .w_bx1 .wa_box1 .wa_sub1 {font-size:16px;font-weight: 300;color:#3c6770;top:10px;left:60px;line-height: 22px;}
    .w_bx .w_bx1 .wa_box1 .wa_tit1 {font-size:35px;letter-spacing: -2px;color:#3c6770;top:70px;left:52px;}

    .w_bx .w_bx2 {position: relative;}
    .w_bx .w_bx2 .wa_box2 {width:100%;height:150px;background: #f5e1e1;border:#e3bebe solid 2px;border-radius: 3px;left:0px;top:160px;}
    .w_bx .w_bx2 .wa_box2 .wa_num2 {font-size:45px;font-weight: 100;color:#cd9696;top:16px;left:22px;}
    .w_bx .w_bx2 .wa_box2 .wa_sub2 {font-size:16px;font-weight: 300;color:#bc7a7a;top:10px;left:60px;line-height: 22px;}
    .w_bx .w_bx2 .wa_box2 .wa_tit2 {font-size:35px;letter-spacing: -2px;color:#bc7a7a;top:70px;left:52px;}

    .w_bx .w_bx3 {position: relative;}
    .w_bx .w_bx3 .wa_box3 {width:100%;height:150px;background: #f5ffdf;border:#d5e3b6 solid 2px;border-radius: 3px;left:0px;top:320px;}
    .w_bx .w_bx3 .wa_box3 .wa_num3 {font-size:45px;font-weight: 100;color:#acbf84;top:16px;left:22px;}
    .w_bx .w_bx3 .wa_box3 .wa_sub3 {font-size:16px;font-weight: 300;color:#89a059;top:10px;left:60px;line-height: 22px;}
    .w_bx .w_bx3 .wa_box3 .wa_tit3 {font-size:35px;letter-spacing: -2px;color:#89a059;top:70px;left:52px;}

    .w_bx .w_bx4 {position: relative;}
    .w_bx .w_bx4 .wa_box4 {width:100%;height:150px;background: #fff9dc;border:#e5ddb6 solid 2px;border-radius: 3px;left:0px;top:480px;}
    .w_bx .w_bx4 .wa_box4 .wa_num4 {font-size:45px;font-weight: 100;color:#cdbf7d;top:16px;left:22px;}
    .w_bx .w_bx4 .wa_box4 .wa_sub4 {font-size:16px;font-weight: 300;color:#b1a25c;top:10px;left:60px;line-height: 22px;}
    .w_bx .w_bx4 .wa_box4 .wa_tit4 {font-size:35px;letter-spacing: -2px;color:#b1a25c;top:70px;left:52px;}  

    .st_pc {display: none !important;}
    .st_mobile {display: block !important;}  

}

@media screen and (max-width:921px){
    #ctt_con {padding:8px 12px !important;width:96% !important;line-height:26px !important;font-size:15px !important;}
    #ctt_con p {padding:8px 0;line-height:26px !important;}
    #ctt_con b {font-weight: 600 !important;color:#1099a2;}  
    .c_msg {font-size:20px !important;color:#1099a2 !important;font-weight: 500;padding:20px 0 16px 0 !important;letter-spacing: -1px;line-height: 34px !important;text-align: center !important;}
    .c_msg2 {font-size:18px;color:#333 !important;font-weight: 500;padding:20px 0 16px 0 !important;text-align: center !important;}
    .c_tit1 {font-size:20px;color:#405ba9;font-weight: 600;padding:15px 0 12px 0;}
    .c_tit1 i {color:#748ac8;}

    .c_sub1 {font-size: 16px;font-weight: bold;padding:10px 0 6px 0;color:#947600;}
}