@charset "UTF-8";

/* main */
#main_container{padding-top: var(--hh);}
.main_inner{}
.main_inner .flex_wrap{display: flex;align-items: stretch;justify-content: flex-start;}
.main_inner #aside{display:block;width: 400px;min-height:var(--ch);height:100%;flex: 0 0 auto;}
.main_inner #main{width: calc(100% - 400px);min-height:var(--ch);height:100%;flex: 1;border-left: 1px solid #ddd;}
@media screen and (max-width:1380px) {
    .main_inner .flex_wrap{display: block;}
    .main_inner #aside{display:none;min-height:auto;}
    .main_inner #main{width: 100%;border-left:0;min-height: unset;height: unset;}
}

#aside .top_area{padding: 60px 20px 20px 20px;border-bottom: 1px solid #ddd;}
#nav #aside .top_area{padding: 0;border-bottom:0;}
#aside .tit_box{font-size: 24px;font-weight: 500;line-height: 1;color: #333;}
#nav #aside .tit_box{display: flex;align-items: center;justify-content: space-between;padding-bottom:20px;border-bottom:1px solid #ddd}
#nav #aside .tit_box .tit_right{flex: 0 0 auto;}
#aside .tit_box.login{display: flex;justify-content: space-between;}
#aside .tit_box.login > p:first-child{font-weight:700}
#aside .tit_box.login a{border:solid 1px #ccc;border-radius:4px;color:#333;font-size:14px;line-height:32px;padding:0 10px;font-weight:700}
#nav #aside .tit_box.login a{border:none;}
#aside .tit_box.login a:hover{color: #fff;background-color:#35B597;border:solid 1px #35B597}
#nav #aside .tit_box.login a:hover{color: #333;background-color:#fff;border:none;}

#nav #aside .member_info{display: flex;align-items: center;gap: 5px;}
#nav #aside .member_info .mem_icon{width:25px;height:25px;}
#nav #aside .member_info .mem_icon img{width: 100%;}
#nav #aside .member_info .mem_name{font-size:14px;font-weight:300;line-height:25px;color: #000;}
#nav #aside .member_info .mem_name .name_sta{font-weight: 700;color: #000;}

#nav #aside .log_infor{display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin: 10px 0 30px;}
#nav #aside .log_infor .btns_logout{font-size:14px;font-weight:700;line-height:23px;color: #000;border: 1px solid #ddd;border-radius:4px;padding: 0 10px;}

#aside .cont_box{padding: 30px 15px;}
#aside .cont_box + .cont_box{border-top: 1px solid #ddd;}
#aside .cont_box .cont_tit{font-size: 20px;font-weight: 700;line-height: 1;color: #333;}
#aside .cont_box .cont_item{margin-top: 20px;}
#aside .cont_box .chart_sample{width: 260px;height: 260px;margin:0 auto;border-radius: 50%;background-color: #35B597;display: flex;align-items: center;justify-content: center;color: #fff;}
#aside .cont_box .item_row{display: flex;align-items: center;justify-content: space-between;padding: 5px 0;}
#aside .cont_box .item_row .item_tit{flex:1;font-size: 18px;font-weight: 600;line-height: 1;color: #333;}
#aside .cont_box .item_row .item_desc{flex: 0 0 auto;font-weight: 700;}
#aside .bot_area{padding: 20px 40px;}

#aside .bot_area .hash_box{display:flex;flex-wrap:wrap;gap:10px}
#aside .bot_area .hash_box>a{border-radius:20px;padding:10px;font-weight:600;background-color:#f1f1f1;color:#333;padding:9px 15px}

@media screen and (max-width:1380px) {
    #aside .top_area{padding: 0;border-bottom:0;}
    #aside .tit_box{display: flex;align-items: center;justify-content: space-between;padding-bottom:20px;border-bottom:1px solid #ddd}
    #aside .tit_box .tit{flex: 1;}
    #aside .tit_box .tit_right{flex: 0 0 auto;}
    #aside .tit_box .member_info{display: flex;align-items: center;gap: 5px;}
    #aside .tit_box .member_info .mem_icon{width:25px;height:25px;}
    #aside .tit_box .member_info .mem_icon img{width: 100%;}
    #aside .tit_box .member_info .mem_name{font-size:14px;font-weight:300;line-height:25px;color: #000;}
    #aside .tit_box .member_info .mem_name .name_sta{font-weight: 700;color: #000;}

    #aside .cont_box{padding: 20px 15px;}
    
}

@media screen and (max-width:600px) {
    #nav #aside .log_infor{margin: 5px 0 20px;}
}

#main > .inner{padding: 40px 0;}
#main .main_banner{display: flex;align-items: center;width: 100%;height: 430px;padding:0 80px;background-color: #fff;position: relative;overflow: hidden;border-bottom: 1px solid #ddd;}
#main .main_banner .desc{position: relative;z-index: 2;}
#main .main_banner .desc .img_box{line-height: 0;height: 150px;}
#main .main_banner .desc .img_box img{height: 100%;}
#main .main_banner .desc .txt_box{margin-top: 30px;padding: 0 10px;}
#main .main_banner .desc .txt_box p{font-size: 24px;font-weight: 300;line-height:1.5;color: #333;}
#main .main_banner .desc .txt_box p.bold{font-weight: 500;color: #000;}
#main .main_banner .bg{position: absolute;right: 0;top: 0;bottom: 0;z-index: 1;width: 677px;height: 430px;}
#main .main_banner .bg .img_box{width: 100%;height: 100%;background-image: url('../images/main/main_banner_img.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;line-height: 0;}
#main .box_tit{font-size: 24px;font-weight: 500;line-height: 1;}
@media screen and (max-width:1480px){
    #main .main_banner{padding: 40px;}
}
@media screen and (max-width:1024px) {
    #main .main_banner{height: 300px;}
    #main .main_banner .desc .img_box{height: 120px;}
    #main .main_banner .desc .txt_box{margin-top: 20px;}
    #main .main_banner .desc .txt_box p{font-size: 20px;}
    #main .main_banner .bg{width: 475px;height:300px}
}
@media screen and (max-width:600px) {
    #main .box_tit{font-size: 20px;}
    
}

/* 심층정밀 진단-지도 */
#main .dia_box .inner{padding: 40px 40px 40px 80px;}
#main .dia_box .box_flex{display: flex;align-items: center;gap: 50px;margin-top: 30px;}
#main .dia_box .box_list{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
#main .dia_box .box_list.type_a{}

#main .dia_box .box_item{width:370px;height:250px;position: relative;border-radius:20px;overflow: hidden;transition: all .3s ease;}
#main .dia_box .box_item:after{content: '';display: block;padding-bottom:100%;}
#main .dia_box .box_item.kor{background-color: #35B597;}
#main .dia_box .box_item.math{background-color: #E8447D;}
#main .dia_box .box_item.eng{background-color: #F8B616;}
#main .dia_box .box_item.emt{background-color: #7F4597;}

#main .dia_box .box_item > a{display: flex;flex-direction:column;justify-content:space-between;width: 100%;height:100%;padding: 20px;border-radius:20px;overflow:hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#main .dia_box .box_item .item_tit{font-size: 24px;font-weight: 700;line-height: 1;color: #fff;padding: 10px 0;}
#main .dia_box .box_item .item_tit.Kor_lang{font-size: 52px;}
#main .dia_box .box_item .item_tit.math{font-size: 52px;}
#main .dia_box .box_item .icon{display: block;width:80px;height:80px;align-self:flex-end;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main .dia_box .box_item .icon_kor{background-image: url('../images/icon/icon_kor.svg');}
#main .dia_box .box_item .icon_math{background-image: url('../images/icon/icon_math.svg');}
#main .dia_box .box_item .icon_eng{background-image: url('../images/icon/icon_eng.svg');}
#main .dia_box .box_item .icon_emt{background-image: url('../images/icon/icon_emt.svg');}

#main .dia_box .box_item.eng{width:150px}
#main .dia_box .box_item.emt{width:150px}

#main .dia_box .box_list.type_a .box_item{width:150px;}

@media screen and (max-width:1680px) {
    #main .dia_box .box_item{width: 230px;height: 200px;}
    
}
@media screen and (max-width:1480px){
    #main .dia_box .inner{padding: 40px;}
    #main .dia_box .box_flex{gap: 30px;}
    #main .dia_box .box_list{gap: 30px;}
}
@media screen and (max-width:1380px) {
    #main .dia_box .box_tit{max-width: 890px;margin: 0 auto;}
    #main .dia_box .box_flex{justify-content: center;}
}
@media screen and (max-width:1024px) {
    #main .dia_box .inner{padding: 20px 40px 40px;}
}
@media screen and (max-width:980px) {
    #main .dia_box .box_flex{flex-direction: column;}
    #main .dia_box .box_item.eng,
    #main .dia_box .box_item.emt{display:none}
}
@media screen and (max-width:600px) {
    #main .dia_box .inner{padding: 20px;}
    #main .dia_box .box_list{flex: 1;width: 100%;}
    #main .dia_box .box_item{width: calc(50% - 15px);height: auto;}
    #main .dia_box .box_item > a{padding: 10px;}
    #main .dia_box .box_item .item_tit{font-size: 20px;}
    #main .dia_box .box_item .icon{width: 60px;height: 60px;}
}

/* 최신 게시판글 */
#main .board_box{padding: 40px 40px 40px 80px;}
#main .board_box .inner{display: flex;align-items: flex-start;gap: 50px;max-width: 1150px;transition: max-width .3s ease;}
#main .board_box .board_lt_box{width: calc(50% - 25px);transition: width .3s ease;}
#main .board_box .board_lt_box .lt_tit{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom:20px;border-bottom: 1px solid #ddd;}
#main .board_box .board_lt_box .lt_tit .tit{display:block;font-size: 24px;font-weight: 700;line-height: 1;color: #333;flex: 1;}
#main .board_box .board_lt_box .lt_tit .lt_more{display:block;font-size: 18px;font-weight: 700;line-height: 1;color: #333;flex: 0 0 auto;}
#main .board_box .board_lt_box .lt_list{margin-top: 10px;}
#main .board_box .board_lt_box .lt_item{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;}
#main .board_box .board_lt_box .lt_item .left_info{flex: 1;}
#main .board_box .board_lt_box .lt_item .right-info{flex: 0 0 auto;}
#main .board_box .board_lt_box .lt_item .lt_subject{display: block;font-size: 16px;font-weight: 600;line-height: 1.25;color: #444;}
#main .board_box .board_lt_box .lt_item .lt_subject strong{font-weight: 600;}
#main .board_box .board_lt_box .lt_item .lt_date{display: block;font-size: 16px;font-weight: 600;line-height: 1;color: #444;}

@media screen and (max-width:1680px) {
    #main .board_box .inner{max-width: 950px;}
}
@media screen and (max-width:1480px){
    #main .board_box{padding: 40px;}
    #main .board_box .inner{max-width: 890px;}
}
@media screen and (max-width:1380px) {
    #main .board_box .inner{margin: 0 auto;}
}
@media screen and (max-width:1024px) {
    #main .board_box{padding: 20px 40px 40px;}
}
@media screen and (max-width:980px) {
    #main .board_box .inner{max-width: 100%;flex-direction: column;}
    #main .board_box .board_lt_box{width: 100%;}
}
@media screen and (max-width:600px) {
    #main .board_box{padding: 20px;}
    #main .board_box .board_lt_box .lt_list{margin-top: 5px;}
    #main .board_box .board_lt_box .lt_tit{padding-bottom: 15px;}
    #main .board_box .board_lt_box .lt_tit .tit{font-size: 20px;}
    #main .board_box .board_lt_box .lt_tit .lt_more{font-size: 14px;}
}
/* // main */
/* about */
#about{max-width:1280px;margin: 0 auto;padding: 0 40px;}
#about .about_hd{}
#about .about_hd .tit{font-size: 40px;font-weight:700;line-height: 1;color: #000;text-align: center;}
#about .about_hd > .desc{margin-top: 100px;}
#about .about_hd .sub_tit{font-size: 36px;font-weight: 700;line-height: 1;color: #444;}
#about .about_hd .sub_desc{margin-top: 15px;font-size: 20px;font-weight:500;line-height:1.6;color: #666;}
#about .about_bd{padding: 60px 0;}
#about .about_bd .cont_box{display: flex;align-items: center;justify-content:space-between;gap: 100px;}
#about .about_bd .cont_box + .cont_box{margin-top: 50px;}
#about .about_bd .cont_box:nth-child(even){flex-direction: row-reverse;}
#about .about_bd .cont_box .desc_box{flex: 1;max-width: calc(50% - 50px);}
#about .about_bd .cont_box .desc_box .box_tit{font-size: 28px;font-weight: 600;line-height: 1;color: #444;}
#about .about_bd .cont_box .desc_box .box_desc{margin-top: 20px;}
#about .about_bd .cont_box .desc_box .box_desc > p{font-size:20px;font-weight:400;line-height:1.4;color:#666;word-break: keep-all;}
#about .about_bd .cont_box .img_box{flex: 0 0 auto;width: calc(50% - 50px);text-align: center;}

#about .bt_cont{padding: 60px 0;}
#about .bt_cont .tit{font-size: 36px;font-weight: 700;line-height: 1;color: #444;}
#about .bt_cont .desc{margin-top:15px;}
#about .bt_cont .desc > p{font-size: 20px;font-weight:500;line-height:1.6;color: #666;letter-spacing: -0.05px;}

#about .bt_cont .cont_area{margin-top: 60px;}
#about .bt_cont .cont_box{width:100%;max-width: 900px;margin: 0 auto;padding: 0 50px;display: flex;align-items: center;justify-content: space-between;position: relative;}
#about .bt_cont .cont_box .box_item{width: 230px;height:120px;padding: 25px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;background-color: #fff;border-radius: 10px;position: relative;}
#about .bt_cont .cont_box .line_cont{position: absolute;left: 50%;top: 50%;z-index: 5;transform: translate(-50%, -50%);line-height: 0;}
#about .bt_cont .cont_box .line_cont .line{line-height: 0;width: 120px;height:2px;background-color: #aeaec9;position: relative;}
#about .bt_cont .cont_box .line_cont .line::before{content: '';display: block;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #aeaec9;background-color: #fff;position: absolute;top: 50%;left:-10px;transform: translateY(-50%);}
#about .bt_cont .cont_box .line_cont .line::after{content: '';display: block;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #aeaec9;background-color: #fff;position: absolute;top: 50%;right:-10px;transform: translateY(-50%);}

#about .bt_cont .cont_box .subject{font-size: 24px;font-weight: 500;line-height: 1;color: #444;}
#about .bt_cont .cont_box .description{font-size: 20px;font-weight: 300;line-height: 1.25;color: #666;}
#about .bt_cont .right_cnt{}

#about .bt_cont .ani_cont{margin-top: 60px;overflow: hidden;}
#about .bt_cont .ani_cont .box_item + .box_item{margin-top: 60px;}
#about .bt_cont .ani_cont .left_cnt .n_01{background-color: #35B597;}
#about .bt_cont .ani_cont .left_cnt .n_01 .subject,
#about .bt_cont .ani_cont .left_cnt .n_01 .description{color:#fff;}
#about .bt_cont .ani_cont .left_cnt .n_02{background-color: #F8B616;}
#about .bt_cont .ani_cont .left_cnt .n_02 .subject,
#about .bt_cont .ani_cont .left_cnt .n_02 .description{color:#fff;}

#about .bt_cont .ani_cont .left_cnt .dot{display: block;width: 15px;height: 15px;background-color: #fff;border: 1px solid #35B597;border-radius: 50%;position: absolute;right: -7.5px;top: 50%;z-index:5;transform: translateY(-50%);}
#about .bt_cont .ani_cont .left_cnt .dot:after{content: '';display: block;width: 10px;height: 10px;background-color: #35B597;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#about .bt_cont .ani_cont .left_cnt .n_02 .dot{border-color: #F8B616;}
#about .bt_cont .ani_cont .left_cnt .n_02 .dot:after{background-color: #F8B616;}

#about .bt_cont .ani_cont .left_cnt .n_01 .arrow{width: 0;height: 3px;position: absolute;left:100%;top: 50%;z-index:4;transform: translateY(-50%);transition: width .8s ease 1s;background-color: #35B597;}
#about .bt_cont .ani_cont .left_cnt .n_01 .arrow:after{content: '';display:block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #35B597;position: absolute;right: -6px;top: 50%;transform: translateY(-50%);}
#about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{width: 0;left:100%;transform: translateY(-50%) rotate(25deg);transform-origin: left center;}

#about .bt_cont .ani_cont .left_cnt .n_02 .arrow{width: 0;height: 3px;position: absolute;left:100%;top: 50%;z-index:4;transform: translateY(-50%);transition: width .8s ease 1s;background-color: #F8B616;}
#about .bt_cont .ani_cont .left_cnt .n_02 .arrow::after{content: '';display:block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #F8B616;position: absolute;right: -6px;top: 50%;transform: translateY(-50%);}
#about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{width: 0;left:100%;transform: translateY(-50%) rotate(-25deg);transform-origin: left center;}

#about .bt_cont .ani_cont .left_cnt.aos-animate .arrow{width: calc(var(--ani_cw) - (100% * 2) - 6px);}
#about .bt_cont .ani_cont .left_cnt.aos-animate .arrow.a2{width: calc(var(--ani_cw) - (((100% * 2) - 6px)) + 22px);}

#about .bt_cont .cnt_desc_list_box{margin-top: 100px;}
#about .bt_cont .cnt_tit_box{}
#about .bt_cont .cnt_tit_box .cnt_tit{font-size: 36px;font-weight: 700;line-height: 1;color: #444;}
#about .bt_cont .cnt_tit_box .cnt_sub_tit{margin-top: 16px;font-size: 20px;font-weight: 500;line-height: 1.6;color: #666;letter-spacing: -0.05px;}
#about .bt_cont .cnt_desc_list{display: flex;align-items: stretch;flex-wrap: wrap;gap: 24px;width: 100%;max-width: 1000px;margin: 56px auto 0;}
#about .bt_cont .cnt_desc_list .desc_items{width: calc(50% - (24px / 2));border-radius: 20px;overflow: hidden;box-shadow: 5px 5px 20px 10px rgba(148, 148, 148, 0.1);}
#about .bt_cont .cnt_desc_list .desc_items .items_inner{width: 100%;height: 100%;background-color: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;padding: 48px;}
#about .bt_cont .cnt_desc_list .desc_items .items_desc_box{}
#about .bt_cont .cnt_desc_list .desc_items .items_desc_tit{font-size: 20px;font-weight: 700;line-height: 30px;color: #333;letter-spacing: -0.54px;text-align: center;}
#about .bt_cont .cnt_desc_list .desc_items .items_desc{margin-top: 8px;font-size: 16px;font-weight: 500;line-height: 24px;color: #666;letter-spacing: -0.54px;text-align: center;}


@media screen and (max-width:1100px) {
    #about{padding: 0 20px;}
    #about .bt_cont .cont_box{max-width: 700px;padding: 0;}
    #about .bt_cont .cont_box .box_item{width: 180px;height: 120px;}


    #about .bt_cont .cnt_desc_list{margin-top: 48px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_inner{padding: 48px 24px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc_tit{font-size: 20px;line-height: 30px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc{font-size: 16px;line-height: 24px;}
}
@media screen and (max-width:900px) {
    #about .bt_cont .cont_box{max-width: 600px;}
    #about .bt_cont .cont_box .box_item{width: 140px;height: 80px;}
    #about .bt_cont .cont_box .subject{font-size: 18px;}
    #about .bt_cont .cont_box .description{font-size: 14px;}

    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(21deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-21deg);}
    #about .bt_cont .ani_cont .left_cnt.aos-animate .arrow.a2{width: calc(var(--ani_cw) - (((100% * 2) - 6px)) + 10px);}
}
@media screen and (max-width:768px) {
    #about .about_hd .sub_tit{font-size: 28px;}
    #about .about_hd .sub_desc{font-size: 18px;}
    #about .about_bd .cont_box .desc_box .box_tit{font-size: 24px;}
    #about .about_bd .cont_box .desc_box .box_desc > p{font-size: 16px;}

    #about .bt_cont .cnt_desc_list .desc_items .items_inner{padding: 32px 16px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc_tit{font-size: 18px;line-height: 26px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:600px) {
    #about .about_bd .cont_box{gap: 30px;flex-direction: column;}
    #about .about_bd .cont_box:nth-child(even){flex-direction: column;}
    #about .about_bd .cont_box .desc_box{max-width: 100%;}

    #about .bt_cont .tit{font-size: 24px;}
    #about .bt_cont .desc > p{font-size: 16px;}
    #about .bt_cont .cont_box .box_item{width: 110px;height: 60px;gap: 5px;}
    #about .bt_cont .cont_box .subject{font-size: 16px;}
    #about .bt_cont .cont_box .description{font-size: 12px;}


    #about .bt_cont .cnt_tit_box .cnt_tit{font-size: 24px;}
    #about .bt_cont .cnt_tit_box .cnt_sub_tit{font-size: 16px;}
    #about .bt_cont .cnt_desc_list{margin-top: 24px;column-gap: 0;row-gap: 16px;}
    #about .bt_cont .cnt_desc_list .desc_items{width: 100%;}
    #about .bt_cont .cnt_desc_list .desc_items .items_inner{padding: 24px 16px;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc_box{width: 100%;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc_tit{font-size: 16px;line-height: 24px;text-align: left;}
    #about .bt_cont .cnt_desc_list .desc_items .items_desc{margin-top: 4px;font-size: 14px;line-height: 20px;text-align: left;}
}




@media screen and (min-width:500px) and (max-width:600px){
    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(19deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-19deg);}
    #about .bt_cont .ani_cont .left_cnt.aos-animate .arrow.a2{width: calc(var(--ani_cw) - ((100% * 2) - 6px));}
}
@media screen and (min-width:450px) and (max-width:499px){
    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(22deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-22deg);}
    #about .bt_cont .ani_cont .left_cnt.aos-animate .arrow.a2{width: calc(var(--ani_cw) - ((100% * 2) - 6px));}
}
@media screen and (max-width:449px) {
    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(30deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-30deg);}
}
@media screen and (max-width:400px) {
    #about .bt_cont .ani_cont{margin-top: 30px;}
    #about .bt_cont .ani_cont .box_item + .box_item{margin-top: 30px;}
    #about .bt_cont .cont_box .line_cont .line{width: 50px;}
    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(36deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-36deg);}
}
@media screen and (max-width:350px) {
    #about .bt_cont .ani_cont .box_item + .box_item{margin-top: 20px;}
}
@media screen and (max-width:320px) {
    #about .bt_cont .ani_cont .left_cnt .n_01 .arrow.a2{transform: translateY(-50%) rotate(45deg);}
    #about .bt_cont .ani_cont .left_cnt .n_02 .arrow.a2{transform: translateY(-50%) rotate(-45deg);}
}
/* //about */

/* 회원가입 */
.register .ra_wrap{display:flex;align-items: center;justify-content: center;gap: 40px;padding-bottom: 50px;}
.register .ra_wrap .ra_container{flex:1;max-width: 300px;height: 300px;background-color:#fff;border: 1px solid #ccc;border-radius:10px;transition-property:border-color, border-width;transition-duration:.3s; transition-timing-function:ease;}
.register .ra_wrap input[type=radio]{display:none}
.register .ra_wrap .box{display: flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:32px;font-weight:500;line-height:1;color:#999;cursor:pointer;transition: color .3s ease;}
.register .ra_wrap #ra_box1:checked~.container1,
.register .ra_wrap #ra_box2:checked~.container2{border-color: #35B597;border-width: 2px;}
.register .ra_wrap #ra_box1:checked~.container1 > .box,
.register .ra_wrap #ra_box2:checked~.container2 > .box{color: #35B597;}

.register .flex_wrap{display: flex;align-items: flex-start;justify-content: space-between;gap: 160px;}
.register .flex_wrap > div{width: calc(50% - 80px);transition: width .3s ease;}
.regi_form .form_tit{font-size: 20px;font-weight: 500;line-height: 1;color: #333;}
.regi_form .form_tit + .form_cont{margin-top: 20px;}
.register .etc_frm_box{margin-top: 20px;}
.register .etc_frm_box > li{font-size: 16px;font-weight:500;line-height:20px;color:#333;}
.register .etc_frm_box > li .chk_li{padding-left:10px;font-size: 16px;font-weight:500;line-height:20px;color:#333;}
.register .etc_frm_box > li + li{margin-top: 10px;}

.register .terms .frm_box + .frm_box{margin-top: 40px;}
.register .terms .inp_box{line-height: 0;}
.register .terms .inp_box + .chk_box{margin-top: 10px;display:inline-block;transition: color .3s ease, outline .3s ease;}
.register .terms .inp_box + .chk_box:focus{outline:2px solid #333}
.register .terms #fregister_private{margin-top: 8px;}
.register .terms #fregister_private table th {background:#f2f2f2;width:33.33%;color:#333;font-weight:300;padding:10px;border:1px solid #ddd}
.register .terms #fregister_private table td {border:1px solid #ddd;padding:10px;border-top:0;color: #666;font-weight:300;}
.register .terms #fregister_private + .chk_box{margin-top: 10px;display:inline-block;transition: color .3s ease, outline .3s ease;}
.register .terms #fregister_private + .chk_box:focus{outline:2px solid #333}
.register .terms .chk_li{margin-left:2px;padding-left: 10px;font-size: 16px;font-weight: 500;line-height: 20px;color: #333;}
.register.regi_02 .motiv_btn{margin-top: 100px;padding-top: 100px;border-top:1px solid #ddd;}

@media screen and (max-width:1380px) {
}
@media screen and (max-width:950px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:600px) {
    .register .ra_wrap .ra_container{max-height: 100px;}
    .register .ra_wrap .box{font-size: 20px;}
}

/* 메인화면 로그인 폼 */
.main_login_box #mb_login .login_box .frm_wrap{padding: 0px 0 20px 0;}
#aside .cont_box.main_login_box{padding: 20px 0 30px 0;}
#aside .cont_box.main_login_box .cont_item{margin-top:0}

.main_login_box .btns.btns_login,
.main_login_box .btns.btns_join{line-height: 42px;font-size: 16px;}

#aside #mb_login .login_box .motiv_btn{margin-top: 20px;gap: 20px;}

#aside #mb_login .login_box #login_info{display: flex;align-items: center;justify-content: space-between;}
#aside #mb_login .login_box #login_info .chk_box input[type="checkbox"] + label{padding-left: 6px;font-weight: 300;}
#aside #mb_login .login_box #login_info .login_if_lpl > a{display: block;font-size: 14px;font-weight: 300;line-height: 20px;color: #999;transition: color .3s ease;}
#aside #mb_login .login_box #login_info .login_if_lpl > a:hover{color: #35B597;}

@media screen and (max-width:1380px) {
    .register .flex_wrap{gap: 100px;}
    .register .flex_wrap > div{width: calc(50% - 50px);}
    .register.regi_02 .motiv_btn{margin-top: 50px;padding-top: 50px;}
}
@media screen and (max-width:950px) {
    .register .flex_wrap{gap: 80px;}
    .register .flex_wrap > div{width: calc(50% - 40px);}
}
@media screen and (max-width:768px) {
    .register .flex_wrap{flex-direction: column;gap: 40px;}
    .register .flex_wrap > div{width: 100%;}
    .register .flex_wrap > .terms{order: 0;}
    .register .flex_wrap > #register_form{order: 1;padding-top: 40px;border-top: 1px solid #ddd;}
    .register .etc_frm_box > li{font-size: 14px;}
}
@media screen and (max-width:600px) {
    #aside #mb_login .login_box .motiv_btn{flex-direction: column;}
    #aside #mb_login .login_box .motiv_btn > .btns{width: 100%;}
}