/* 공통 */
body{min-width:360px;}
.f_box{display:flex;}
.fcs{display:flex;justify-content: flex-start; align-items: center;}
.fsc{display:flex;justify-content: center; align-items: flex-start;}
.fcc{display:flex;justify-content: center;align-items: center;}
.f_s_b{display:flex;justify-content:space-between; align-items:center;} 
.f_s_e{display:flex;justify-content:space-evenly; align-items:center;} 
.f_j_end{display:flex; justify-content: flex-end;}
.f_a_end{display:flex; align-items: flex-end;}
.fc{display:flex;align-items: center;}
.fce{display:flex;justify-content: space-evenly;align-items: center;}
.fss{display:flex;justify-content:space-between;align-items:flex-start;}
.f_c_end{display:flex;justify-content: flex-end; align-items: center;}
.fccc{display:flex;justify-content: center;align-items: center;flex-direction: column;}
.fcsc{display:flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.f_s_a{display:flex;justify-content: space-around;align-items: center;}
.f_s_c{display:flex;justify-content: center;flex-direction: column;}
.f_dir_c{display:flex;flex-direction: column;}
.f_dir_cc{display: flex;flex-direction: column;align-items: center;}

/* z-index */
.z_9{z-index:9999;}

/* line  */
.line_t{border-top: 1px solid #f1f1f1;}
.line_b{border-bottom: 1px solid #f1f1f1;}
.line_l{border-left: 1px solid #f1f1f1;}
.line_r{border-right: 1px solid #f1f1f1;}

/* overflow - hidden  */
.of_h{overflow:hidden}


/* width */
.wd100{width:100% !important;}
.wd90{width:90% !important;}
.wd30{width:30% !important;}
.wd1200{width:1200px;}
.wd44{width:44px;}
.wd30{width:30px;}
.wd29{width:29px;}
.wd20p{width:20%}

/* height */
.height0{height:auto !important;}
.ht180{height:180px !important;}

/* color */
#gr_9{color:#999999;}
#gr_6{color:#666666;}
.gr_6{color:#666666;}

/* padding */
.pd0{padding:0 !important;}
.pd10{padding:10px !important;}
.pd14{padding:14px !important;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px;}
.pt43_5{padding-top:43.5px;}
.pt40{padding-top:40px;}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px !important;}
.pdl27{padding-left:27px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px !important;}
.pdr27{padding-right:27px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.pdb2{padding-bottom:2px;}
.pdb8{padding-bottom:8px;}
.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}
.pdb60{padding-bottom:60px;}
.pdb70{padding-bottom:70px;}
.pdb80{padding-bottom:80px;}
.pdb90{padding-bottom:90px;}
.pdb100{padding-bottom:100px !important;}

/* margin*/

.marg0{margin:0 !important;}

.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px !important;}
.marb16{margin-bottom:16px !important;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marb50{margin-bottom:50px;}
.marb60{margin-bottom:60px;}
.marb70{margin-bottom:70px;}
.marb80{margin-bottom:80px;}
.marb90{margin-bottom:90px;}
.marb100{margin-bottom:100px;}

.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.mart13{margin-top:13px;}
.mart15{margin-top:15px;}
.mart16{margin-top:16px;}
.mart20{margin-top:20px;}
.mart24{margin-top:24px;}
.mart30{margin-top:30px;}
.mart40{margin-top:40px;}
.mart50{margin-top:50px;}
.mart52{margin-top:52px;}
.mart60{margin-top:60px;}
.mart65{margin-top:65px;}
.mart70{margin-top:70px;}
.mart100{margin-top:100px;}
.mart120{margin-top:120px;}

.marr5{margin-right:5px !important;}
.marr10{margin-right:10px !important;}
.marr15{margin-right:15px;}
.marr16{margin-right:16px;}
.marr20{margin-right:20px;}
.marr30{margin-right:30px;}
.marr40{margin-right:40px;}
.marr50{margin-right:50px;}
.marr60{margin-right:60px;}
.marr65{margin-right:65px;}
.marr70{margin-right:70px;}

.marl5{margin-left:5px;}
.marl10{margin-left:10px;}
.marl15{margin-left:15px;}
.marl20{margin-left:20px;}
.marl28{margin-left:28px;}
.marl30{margin-left:30px;}
.marl40{margin-left:40px;}
.marl50{margin-left:50px;}
.marl60{margin-left:60px;}
.marl65{margin-left:65px;}
.marl70{margin-left:70px;}

.cc{color:#cccccc;padding-right:5px;}
.d_ib{display:inline-block;}

/* border  */

.bd_t{border-top:1px solid #f1f1f1;}

/* text-align  */

.txt_f{text-align:start !important;}
.txt_c{text-align: center;}


/* 폰트 사이즈 */
.fs9{font-size:9px !important;}
.fs11{font-size:11px !important;}

.fs12{font-size:12px !important;}
.fs12vw{font-size:3.3333vw !important;}

.fs14{font-size:14px !important;}
.fs14vw{font-size:3.8889vw !important;}

.fs16{font-size:16px !important;}
.fs16vw{font-size:4.4444vw !important;}

.fs18{font-size:18px !important;}
.fs18vw{font-size:5vw !important;}

.fs20{font-size:20px !important;}
.fs20vw{font-size:5.5556vw !important;}

.fs24{font-size:24px !important;}
.fs24vw{font-size:6.6667vw !important;}

.fs30{font-size:30px !important;}

.fs32{font-size:32px !important;}

.fs36{font-size:36px !important;}


/* 폰트 굵기 */
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}

/* 페이징 */
.page_nav{text-align:center;}
.paging{text-align:center;}
.paging li{display:inline-block;}
.paging li a{padding:0 7px;font-size:12px;font-weight:400;color:#999999;}
.paging li.active a,
.paging li a:focus,
.paging li a:hover{color:#347ee7;text-decoration:none;}
.paging li.Btn{width:18px;height:17px;padding:0;vertical-align:baseline;background:url('/imgs/right_arrow.png') no-repeat left top;}
.paging li.Btn a{display:block;height:17px;}
.first_Btn{background:url('../imgs/left_arrow1.png')no-repeat center center;}
.prev_Btn{background:url('../imgs/left_arrow.png')no-repeat center center;}
.next_Btn{background:url('../imgs/right_arrow.png')no-repeat center center;}
.last_Btn{background:url('../imgs/right_arrow1.png')no-repeat center center;}

select{
    appearance: none;
    -webkit-appearance: none; /* 사파리, 크롬 하위버전용 */
    -moz-appearance: none; /* 사파리, 크롬 하위버전용 */
}
select::-ms-expand{ display: none; } /* 익스플로러용 */


/* input */
.txt_write{
    width:562px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:14px;
    font-weight: 400;
    padding-left:15px;
    height:50px;
}

.txt_write1{
    width:500px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:18px;
    font-weight: 400;
    padding-left:15px;
    height:50px;
    margin-left:14px;
}

.warning{
    font-size:14px;
    font-weight: 400;
    color:#ff0000;
    position:relative; 
    bottom:20px;
}

/* input type text */
.wd320{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:18px;
    font-weight:400;
    color:#999999;
    padding-left:15px;
}


/* button */

.btn_write{width:100px;height:50px;background:#347EE7;color:#ffffff;border-radius: 4px;font-size:18px; font-weight:500;}
.btn_cancle{width:100px;height:50px;background:#cccccc;color:#ffffff;border-radius: 4px;font-size:18px; font-weight:500;}
.btn_write1{width:110px;height:38px;background:#347EE7;color:#ffffff;border-radius: 100px;font-size:18px; font-weight:500;}
.sub_write{font-size:16px; font-weight:500;color:#347ee7;}
.sub_cancel{font-size:16px; font-weight:500;color:#666666;}
.select{cursor:pointer;}

/* table */
.st1{background: #f5f7f9 !important;}
.tr7{height:40px; border-bottom:1px solid #cccccc !important;}
.td7{font-size:14px; font-weight:400; color:#666666; padding:0;}
.td7_1{font-size:14px; font-weight:400; color:#000000; padding:0;}
.tr8{height:43px;}
.tr9{background:#f5f7f9;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.tr10{background:#dbeaff;}
.td8{text-align: center; border-bottom:1px solid #cccccc;}

/* swiper */
.swiper-container {
    width:100%;
    overflow-y :scroll;
}

.swiper-button-next,.swiper-button-prev{
    padding:0 !important;
    z-index:9999999999;
}
/* main1 swiper pagenation*/
.swiper_box{
    width: 100%;
    position: absolute;
    bottom: 306px;
    display: flex;
    padding: 0 20px;
    overflow: hidden;
    height: 40px;
}
.swiper-pagination{
    display:flex;
}

.swiper-pagination> .swiper-pagination-bullets{
    display:flex !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    display:flex !important; 
    padding: 0 20px !important;
    position:unset !important;
    bottom:unset !important;
}

.swiper-pagination-bullet {
    font-size:14px !important;
    font-weight:500 !important; 
    width: 101px !important; 
    height:40px !important; 
    border-radius: 100px !important;
    font-weight: 500;
    color: #347ee7 !important;
    background:#ffffff !important;
    border:1px solid #347ee7 !important;
    display:flex !important;
    justify-content: center;
    align-items: center;
    opacity: unset !important;
    margin-right:10px;
    }

.swiper-pagination-bullet-active {
    color:#ffffff !important; 
    width: 101px !important; 
    height:40px !important; 
    border-radius: 100px !important; 
    background: #347ee7 !important; 
    margin-right:10px;
    }

.swiper-container1 {position: relative !important;}
.swiper-slide{width:140px !important;margin:10px 0 10px 10px !important; }
.swiper-slide1{width:240px !important; }
.swiper-slide3{width:100% !important; margin: 0 0 0 10px !important; }

/*.swiper-slide {opacity:0.4; transition:opacity 0.3s;}*/
.swiper-slide-active,
.swiper-slide-active + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity:1}
.swiper-button-prev,.swiper-button-next{background-image:none!important;}

.swiper-container3{

    overflow:hidden;
    width:100% !important;
}
/* 04 ~ 13 */

.un{text-decoration: underline; text-underline-position: under;}


/* header */

.top_main a, .top_main1 a{
    font-size:18px;
}

.back_btn{}

.top_main_index{
    position:fixed;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:80px;
    background:#ffffff;
    border-bottom:1px solid #DDDDDD;
    z-index: 1000;
    width: 100%;
}
.content{
    padding-top: 80px;
    padding-bottom: 60px;
}

.top_main{
    position:fixed;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:60px;
    background:#ffffff;
    border-bottom:1px solid #DDDDDD;
    z-index: 1000;
    width: 100%;
}

.top_main p{
    font-size:18px;
    font-weight: 500;
}

.top_main1{
    position:fixed;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:60px;
    background:#ffffff;
    padding:0 10px;
    border-bottom:1px solid #DDDDDD;
    z-index: 1000;
    width: 100%;
}

.top_main2{
    position:fixed;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:60px;
    background:#ffffff;
    padding:0 20px;
    border-bottom:1px solid #DDDDDD;
    z-index: 1000;
    width: 100%;
}

.top_main3{
    position:relative;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    height:60px;
    background:#ffffff;
    padding:0 10px;
    border-bottom:1px solid #DDDDDD;
}

.folder{
    width:44px;
    height:44px;
    display:flex;
    justify-content: center;
    align-items: center;
}


.logo{
    width: 96px;
    height: 29.33px;
    background:url('../imgs/logo1.png') no-repeat center center;
    background-size: contain;
}

.top_ul_left{
    display:flex;
    justify-content: center;
    align-items: center;
}

.top_on{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
    color:#ffffff;
    width:135px;
    height: 43px;
    font-size:16px;
    border-radius: 100px;
}

.top_on img{
    padding-right:5px;
}

.top_ul_right{
    display:flex;
    justify-content: center;
    align-items: center;
}

.top_on1{
    color:#347ee7;
    cursor:pointer;
}

.top_on2{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#347ee7;
    border:1px solid #347ee7;
    border-radius: 100px;
    height:40px;
    padding:10px 20px;
}


/* content */

.banner{
    position: relative;
    background:url('../imgs/bg_banner.png')no-repeat center center;
  /*  background-size: contain;*/
    height:200px;
    display:flex;
    justify-content: center;
}

.banner_ex{
    display:flex;
    flex-direction: column;
}

.banner_ex p{
    font-size:36px;
    font-weight: 500;
    color:#ffffff;
}

.banner_ex h1{
    font-size:64px;
    font-weight: 900;
    color:#ffd731;
}

.banner_ex span{
    width:90%;
    color:#ffffff;
    word-break: keep-all;
}

.banner_btn{
    position: relative;
    top:30px;
    display:flex;
}

.banner_btn a{
    padding:0 10px;
}

/*  *  *  *  *   main1  *  *  *  *  */

.main1{
    height:460px;
}

.main1_title{
    display:flex;
    justify-content: center;
    align-items: center;

}

.main1_title h1{
    font-size:42px;
    font-weight:bold;
}

.main1_ul{
    display:flex;
    align-items: center;
    margin:20px 0 40px 20px;
    overflow-y: scroll;
}
::-webkit-scrollbar { display: none; }



.main1_ul li{
    display:flex;
    border:1px solid #347ee7;
    border-radius: 100px;
    margin-right: 10px;
}

.main1_ul li p{
    font-size:14px;
    font-weight:500;
    color:#347ee7;
    padding: 10px 20px;
    width:101px;
    height:40px;
}

.main1_ul .on{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
}

.main1_ul .on p{
    color:#ffffff;
}

.main1_1{
    position:relative;
    left:10px;

}

.main1_1 p{
    font-size:48px;
}

.main1_1 span{
    font-size:20px;
    font-weight:300;
    word-break: keep-all;
}

/* main2 */

.main2{
    position:relative;
    background:url('../imgs/bg_02.png')no-repeat center center;
    height:505.18px;
    overflow:hidden;
}

.main2_title{
    display:flex;
    justify-content: center;
    align-items: center;
  
}

.main2_title h1{
    font-size:24px;
    font-weight: 700;
    font-weight:bold;
}

.main2_ul{
    display:flex;
    justify-content: center;
    align-items: center;
    margin:20px 23px 30px 33px;
    overflow-y: scroll;
}

.main2_ul li{
    border:1px solid #347ee7;
    border-radius: 100px;
    margin-right: 10px;
    width:66px;
    height:40px;
}

.main2_ul li p{
    font-size:13px;
    font-weight:500;
    color:#347ee7;
    
}

.main2_ul .on{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
}
.main2_ul .on p{
    color:#ffffff;
}

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

.main2_li img{
    height:178px;
}

.main2_li p{
    font-weight: 500;
    margin-top: 2px;
}

.main2_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: calc(50% - 100px);
    z-index: 1000;
    bottom:30px;
}

.main2_btn button{
   padding:0 24px;
}

/*  *  *  *  *  main3  *  *  *  *  */

.main3{
    position: relative;
    height:455.19px;
    overflow: hidden;
}

.main3_top{
    padding-top:30px;
}

.main3_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 20px;
}

.main3_title{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.main3_title h1{
    font-size:24px;
    font-weight: 700;
    text-align: center;
    padding-bottom:10px;
}

.main3_title p{
    font-size:14px;
    font-weight: 400;
    color:#999999;
}

.main3_title span{
    font-size:16px;
    font-weight: 400;
}

.main3_ul{
    display:flex;
    padding-top:30px;
    height: 100%;
}

.main3_ul::-webkit-scrollbar{ display:none; }

.li_slide{
    padding:20px;
    /*
    Width:240px;
    */
    height :227.19px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.main3_ul li{
    width:400px;
    height:328px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-right:30px;
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.main3_li_title{
    font-weight: 700;
    padding-bottom:10px;
}

.main3_user{
    text-align: end;
}

.trans_wall{
    position:absolute;
    width:310px;
    height:100%;
    background:#ffffff;
    opacity: 0.8;
    z-index:9999999;
}

#wall_1{
    left:0;
}

#wall_2{
    right:0;
}

.pd{
padding:0 40px;
}

.main3_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: calc(50% - 100px);
    z-index: 1000;
    bottom:30px;
}

.main3_btn button{
    padding:0 24px;
}

/*  *  *  *  *  * footer *  *  *  *  *  */

footer{
    position: relative;
    padding:20px;
    border-top:1px solid #f0f0f0 ;
    border-bottom:1px solid #f0f0f0 ;
}

.ft_1{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.up_btn{
    position: absolute;
    right:12%;
    top: -20px;
    z-index: 999999999999999999999;
    cursor:pointer;
}

.ft_2 a{
    padding:0 5px;
    color:#666666;
}

.ft_2 span{
    background:#666666;
    padding:0.1px;
}

.ft_3{
    padding-top:20px;
}

.ft_3 p{
    font-size:16px;
    color:#666666;
}

.ft_3 span{
    background:#666666;
    padding:0.1px;
    margin:5px;
}

.ft_4{
    height:56px;
    position: fixed;
    background: #ffffff;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    border-top:1px solid #f1f1f1;
    z-index:99999999999;
}

.ft_4 ul li a{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

/*  *  *  *  *  comunity.html   *  *  *  *  */
.content1{
    padding:0 20px;
    margin-bottom:160px;
}


.comu_main{
    padding:0 20px;
}

.comunity_menu{
    width:220px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding:40px;
    position: relative;
    right: 50px;
}

.comunity_menu p{
    font-size:24px;
    font-weight:700;
}

.comu_ul li{
    padding:10px 0;
}

.comu_ul li a{
    font-size:18px;
    font-weight:500;
    color:#999999;
}

.comu_ul li img{
    padding-right:12px;
}

.comu_ul .on{
    color:#000000;
}
.comu_con{

}

.comu_con_top{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:20px;
    border-bottom:1px solid #cccccc;
}

.comu_con_top h1{
    font-size:24px;
    font-weight: 700;
}

.comu_write{
    display:flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
    width:107px;
    height:35px;
    border-radius: 100px;
}

.comu_write a{
    color:#ffffff;
    font-size:16px;
    font-weight: 500;
}

.comu_write a img{
    padding:0 5px 3px 0;

}

.comu_ul1{
    width:100%;
}

.comu_list1{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:30px 15px;
    border-bottom:1px solid #cccccc;
}

.comu_name{
    display: inline-block;
}

.s_line{
    width: 1px;
    height: 13px;
    background: #cccccc;
    margin: 0 10px;
    display:inline-block;
}

.comu_date{
    color:#cccccc;
    font-size:14px;
    font-weight:300;
}

.comu_title{
    font-weight: 500;
    display: block;

}

.line{
    display:inline-block;
    background:#cccccc;
    width:100%;
    height:1px;
}

/*  *  *  *  *  comunity_detail.html   *  *  *  *  */

.comu_detail_top{
    display:flex;
    align-items: center;
    height:60px;
    justify-content: space-between;
    border-bottom:1px solid #cccccc;
   /* padding-left:17px;*/
}

.comu_detail_top p{
    font-size:18px;
    font-weight: 500;
    padding-right:17px;
}

.comu_detail_top1{
    display:flex;
    align-items: center;
    height:60px;
    justify-content:space-between;
}

.comu_detail_top1 p{
    font-size:18px;
    font-weight: 500;
    padding-left:55px;
}


.comu_detail_top1 img{
    padding:0 22px 0 0px;
}


.comu_detail_top2{
    display:flex;
    align-items: center;
    height:60px;
    justify-content:space-between;
}

.comu_detail_top2 p{
    font-size:18px;
    font-weight: 500;
    padding-left:55px;
}


.comu_detail_top2 img{
    padding:0 22px 0 0px;
}


.comu_detail_top img{
    padding:0 18px 0 17px;
}


.comu_detail_top3{
    display:flex;
    align-items: center;
    height:60px;
    justify-content: flex-end;
   /* padding-left:17px;*/
}

.comu_detail_top3 img{
    padding:0 22px 0 0px;
}

.comu_detail_title{
    position:relative;
    padding:20px 0 40px 0;

}

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

.sub_menu_open{
    cursor: pointer;
}

.sub_menu{
    position:absolute;
    right: 0;
    top: 108px;
    display:flex;
    justify-content: center;
    align-items: center;
    width:91px;
    height:122px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.sub_menu li a{
    font-size:14px;
    font-weight: 400;
    line-height: 30px;
}

.comu_detail_main{
}

.comu_photo{
    width:320px;
    height:300px; 
    background:url('../imgs/comu_detail_m_img.png');
}

.comu_detail_ex{
    padding:20px 0;
    border-bottom:1px solid #cccccc;
}

.comu_detail_ex p{
    font-size:18px;
    font-weight: 400;
}

.comu_comment_top{
    padding:40px 0 20px 0;
}

.comu_comment_top p, .comu_comment_top span{
    font-size:16px;
    font-weight: 500;
}

.comu_comment_top p{
    color:#cccccc;
}

.comment_write{
    border:1px solid #cccccc;
    border-radius: 6px;
    padding:20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wd800{
    width:800px;
    height:60px;
    border-bottom:1px solid #cccccc;
}

.wd766{
    width:766px;
    height:60px;
    border-bottom:1px solid #cccccc;
}

.comu_comment_bottom{
    display:flex;
    justify-content: space-between;
    align-items:center;
    position: relative;
    bottom: 3px;
}

.comu_comment_bottom1{
    display:flex;
    justify-content: center;
    align-items: center;
    width:70px;
    height: 35px;
    background:#347ee7;
    border-radius: 100px;
}

.comu_comment_bottom1 a{
    color:#ffffff;
    font-size:16px;
    font-weight:500;
}

.comment_list{
    margin:20px 0;
    padding-top:20px;
}

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

.comment_list1 img{
    padding-right:7px;
}

.comment_list1 p{
    padding-right:5px;
    font-size:14px;
    font-weight: 500;
}

.comment_list1 span{
    font-size:12px;
    font-weight:400;
    color:#999999;
}

.comment1{
    padding:12px 0 10px 0;
}

.comment p{
    font-size:14px;
    font-weight: 400;
}

.comment_list2{
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width:93px;
    height:27px;
    border:1px solid #cccccc;
    border-radius: 100px;
    cursor:pointer;
}


.answer_comment{
    display:flex;
    justify-content: space-between;
    margin-top:50px;
}

.answer_comment img{
    height:17px;
    padding: 0 15px 0 4px;
}


/*  *  *  *  *  *  *  comunity_write *  *  *  *  *  */

.comu_detail_title h1{
    font-size:24px;
    font-weight: 700;
}

.s_title{
    font-size:16px;
    color:#999999;
    padding-left:4px;
}

.board_select{
    width:100%;
    border:1px solid #999999;
    border-radius: 4px;
    padding:14px 50px 14px 16px;
    background-image: url('../imgs/keyboard_arrow_right.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    text-align: start;
}

.board_select p{
    font-size:18px;
    font-weight: 400;
}

.board_title{
    width:100%;
    border:1px solid #cccccc;
    border-radius: 4px;
    padding:12px 0 12px 15px;
    font-size:14px;
    font-weight: 400;
}

.board_write{
    width:100%;
    border:1px solid #cccccc;
    border-radius: 4px;
    font-size:14px;
    padding:20px 20px 198px 20px;
    font-weight: 400;
}

.photo_title{

}

.photo_title p{
    font-size:18px;
    font-weight: 400;
}

.photo_ul{
    padding-top:10px;
    display:flex;
    justify-content: space-between;

}

.photo_li{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100px;
    border:1px solid #999999;
    position:relative;
}
.photo_li label img{
    width:32px;
}
.photo_li img{
    width:100%;
}

.photo_stack span{
    font-size:14px;
    font-weight: 300;
}

.photo_stack span:nth-last-child(1){
    color:#cccccc;
}

.close_btn{
    position: absolute;
    top:0;
    right: 0;
    background:url('../imgs/close_btn.png');
    width:24px;
    height:24px;
    cursor:pointer;
}

.reg_btn{
    margin:20px 0;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
}

.cancel_btn, .write_btn{   
    display:flex;
    justify-content: center;
    align-items:center;
    width:100%;
    height:50px;
    border-radius: 4px;
    font-size:18px;
    font-weight:500;
    color:#ffffff;
}


.cancel_btn{background:#cccccc;}
.cancel_btn a{color:#ffffff;}
.write_btn{background:#347ee7;}
.write_btn a{color:#ffffff;}

.photo_li input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*  *  *  *  *  *  * suggestion_learning.html *  *  *  *  *  */

.grade{
    display:flex;
    justify-content: center;
    align-items: center;
}

.grade_select{
    display:flex;
    justify-content: center;
    align-items:center;
    width:240px;
    height:50px;
    border-bottom: 4px solid #f1f1f1;
    cursor:pointer;
}

.grade_select a{
    font-size:14px;
    font-weight: 500;
    color:#999999;
    cursor:pointer;
}

.grade_select.active{
    display:flex;
    justify-content: center;
    align-items:center;
    width:240px;
    height:50px;
    border-bottom:4px solid #347ee7;
    color:#347ee7;
    cursor:pointer;
}

.grade_select.active a{
    color:#347ee7;
    cursor:pointer;
}

.select_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:113px;
    height:40px;
    border-radius: 100px;
    border:1px solid #347ee7;
    margin:0 5px;
    cursor:pointer;
}

.select_btn.active{
    display:flex;
    justify-content: center;
    align-items: center;
    width:113px;
    height:40px;
    border-radius: 100px;
    border:1px solid #347ee7;
    margin:0 5px;
    background:#347ee7;
    cursor:pointer;
}

.select_btn.active a{
    font-size:14px;
    font-weight: 500;
    color:#ffffff;
    padding:1px;
    cursor:pointer;
}

.select_btn a{
    font-size:14px;
    font-weight: 500;
    color:#347ee7;
    padding:1px;
    cursor:pointer;
}

.list_menu{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    padding: 0 18.29px;
}

.list_menu:last-child{
    margin-bottom:80px;
}


.grade_title{
    padding-bottom: 20px;
    position: relative;
   
}

.grade_title p{
    font-size:24px;
    font-weight: 700;
}

.list_menu1{
    display:flex;
    justify-content:flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.b_list{
    position: relative;
    width: 100.57px;
    height: 128px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 7px 10px 0;
    border: 1px solid #e2e2e2;
}

.b_list a{
    position: absolute;
    background-image: url("../imgs/book_img.png");
    width: 100%;
    padding-bottom: 130%;
    background-size: cover;
    background-position: center;
}

.search_btn1{
    position: absolute;
    right: 27px;
}

.wd_800{
    width:100%;
    height:36px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:16px;
    font-weight: 400;
    padding-left:20px;

}

/*  *  *  *  공 유 세 트  *  *  *  */

.card_title{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 20px 0;
}

.card_title1 a{
    cursor: pointer;
}

.card_title1 span{
    border:0.1px solid #999999;
    margin:0 5px;
}


#on{
    font-size:14px;
    font-weight:700;
}

#off{
    font-size:14px;
    font-weight:400;
    color:#cccccc;
}

.grade_card{
    padding:0 20px;
}

.card_list{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.card{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    width:380px;
    height: 211px;
    border:1px solid #dbeaff;
    border-radius: 20px;
    margin-bottom:10px;
}

.card_top{
    padding:20px 20px 0 20px;
}

.card a{
    font-size:24px;
    font-weight: 700;
}

.card p{
    font-size:18px;
    font-weight: 400;
}

.card_tail{
    display:flex;
    flex-direction: column;
    padding:0 20px 20px 20px;
}

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

.card_tail img{
    padding-right:12px;
}

.see_more{
    display:flex;
    justify-content: center;
    align-items: center;
    width:107px;
    height:36px;
    border:1px solid #347EE7;
    border-radius:100px;
}

.see_more a{
    font-size:14px;
    font-weight: 500;
    color:#347EE7;
    display: contents;
}

.see_more img{
    padding-right:10px;
}

/*  *  *  *  suggestion_learning_ex  *  *  *  */

.learning_info_title{
    display:flex;
    justify-content: center;
    align-items:flex-start;
}

.learning_info_title_m{}

.learning_info{
    width:300px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    position: relative;
    right: 20px;
}

.learning_info_m{
 
}


.info1{
    height:319px;
    padding:40px 30px 0 30px;
    border-bottom:1px solid #cccccc;
}

.info1_top{
    display:flex;
    justify-content: flex-end;
    padding-bottom:26px;
}

.info1_top a{
    font-size:14px;
    font-weight: 400;
}


.user_info{
    display:flex;
    flex-direction:column;
    align-items: center;
    padding-bottom:20px;
}


.user_bg{
    display:flex;
    justify-content: center;
    align-items: center;
    position:relative;
    background-image:url('../imgs/user1.png');
    background-size: cover;
    background-position: center;
    width:128px;
    height:128px;
    margin:auto;
}

.user_bg img{
    position: absolute;
    bottom: 0;
    right:0;
    cursor:pointer;
}


.user_name{
}

.user_name p{
    font-size:16px;
    font-weight: 400;
}

.user_name p:nth-last-child(1){
    font-weight: 400;
}

.user_sub_info{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user_sub_info1{
    display: flex;
    justify-content: center;
    align-items: center;
    width:88px;
    height:31px;
    background:#dbeaff;
    border-radius: 100px;
    margin-bottom:12px;
}

.user_sub_info1 p{
    font-size:13px;
    font-weight: 400;
    color:#347ee7;
}

.user_sub_info2{
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_sub_info2 a{
    font-size:14px;
}

.user_sub_info2 img{
    padding-left:10px;
}

#uniq{
    font-weight:700;
}

.info2, .info3, .info5{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin: 20px 20px 0 20px;
    padding: 14px 20px 14px 20px;
}

.info2_top{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-bottom:10px;
}

.info2_top a{
    font-size:16px;
    font-weight: 500;
}

.info2_1{}

.info2_2{
    display:flex;
    align-items: center;
    padding-bottom:10px;
    position: relative;
    left:20px;
}

.info2_2 img{
    padding-right:10px;
}

.info2_2 a{
    font-size:16px;
    font-weight: 400;
}

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

.info3_top h1{
    font-size:18px;
    font-weight: 700;
}

.info3_top a{
    font-size:18px;
    font-weight: 700;
}

.info3_1{
    position:relative;
    display:flex;
    align-items: center;
    left:20px;
}

.info3_1 img{
    padding-right:6.5px;
}


.info3_1 a{
    font-size:16px;
    font-weight: 400;
}

.info3_1 li{
    position:absolute;
    bottom:-20px;
    left:33px;
    display:flex;
    align-items: center;
}

.info4{
    border-bottom:1px solid #cccccc;
    padding:20px 0 20px 30px;
}

.info4 a{
    font-size:18px;
    font-weight: 700;
}

.info5{}

.info5 a{
    font-size:18px;
    font-weight: 700;
}

.info6{
    position: relative;
    display:flex;
    margin-bottom:20px;
}

.info6_img{
    width:166px;
    height:160px;
    border-radius:20px;
    background-image:url('../imgs/book_img.png');
    background-size: cover;
    background-position: center;
}

.learning_info2{
    padding:0 20px;
    /*width:840px;*/
}

.info6_title{
    display:flex;
    flex-direction: column;
    margin-left:20px;
}

.info6_sub_title{
    display:flex;
    align-items: center;
    padding-bottom:10px;
}

.info6_sub_title1{
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:0;
}

.info6_sub_title1 img{
    padding-right:5px;
}

.info6_sub_title img{
    padding-right:8px;
}

.info6_sub_title p{
    font-size:16px;
    font-weight: 400;
}

.info6_sub_title h1{
    font-size:24px;
    font-weight: 700;
}

.info6_sub_title span{
    border: 1px solid #000000;
    height: 15px;
    margin:0 10px;
} 

.info7{
    display:flex;
    align-items: center;
    padding:40px 0 20px 0;
}

.info7 a{
    font-size:16px;
    font-weight: 400;
    padding:0 5px 0 6.5px;
}



.info7_1 img{
    padding-right:5px;
}

.info8{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin-bottom:20px;
}

.m_over{
    padding:16px 16px 32px 16px;
}


.info8 p{
    font-size:20px;
    font-weight: 700;
    padding-right: 10px;
}

#info8_sub_title{
    font-size:18px;
    font-weight: 400;
}

.info8_1{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.info8_1 img{
    cursor:pointer;
}

.all_mail_btn{
    width:190px;
    height:43px;
    background:#ffffff;
    color:#347ee7;
    font-size:16px;
    font-weight: 500;
    border:1px solid #347ee7;
    border-radius: 100px;
}

/*  *  *  *  suggestion_learning_addclass.html  *  *  *  *  */

.info2_top1{
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #cccccc;
    padding-bottom:20px;
}

.info2_top1 p{
    font-size:30px;
    font-weight: 700;
}

.info2_submit{
    display:flex;
    justify-content: center;
    align-items: center;
    border:1px solid #347ee7;
    border-radius: 100px;
    width:145px;
    height:36px;
    font-size:16px;
    font-weight: 500;
    color:#347EE7;
}

.info2_submit img{
    padding:3px 10px 0 0;
}

.info2_list{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:100px;
}

.info2_list p{
    padding:10px 0 40px 0;
    font-size:18px;
    font-weight: 400;
}

.info2_make_btn{
    width:237px;
    height:55px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
    border-radius: 100px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
}

.info2_make_btn img{
    padding-right:12px;
}

/*  *  *  *  suggestion_learning_addclass1.html  *  *  *  *  */

.make_class{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:40px 0;
}


/*  *  *  *  suggestion_learning_addclass2.html  *  *  *  *  */

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

.make_class1 p{
    font-size:24px;
    font-weight: 500;
    padding:0 13px;
}

/*  *  *  *  suggestion_learning_addclass3.html  *  *  *  *  */

.make_class2 p{
    font-size:18px;
    font-weight: 700;
    padding:0 10px;
}

.make_class2 span{
    font-size:16px;
    font-weight: 400;
    color:#666666;
}

.make_class2_1 p{
    font-size:16px;
    font-weight:400;
    padding-right:10px;
    color:#666666;
}

.make_class2_1 a{
    width:94px;
    height:50px;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    background:#347ee7;
    border-radius:6px;
}

.make_class2_1 span{
    font-size:16px;
    font-weight:500;
    color:#347EE7;
}

.wd_662{
    width:662px;
    height:50px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:18px;
    font-weight: 400;
    color:#999999;
    padding-left:15px;
    margin-left:10px;
}

/*  *  *  *  suggestion_learning_addclass4.html  *  *  *  *  */

.sub_title img{
    padding-right:10px;
}

.sub_title p{
    font-size:18px;
    font-weight:500;
}

.info4_top1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}

.info4_top1 p{
    font-size:30px;
    font-weight: 700;
}

.info4_1{
    font-size:16px !important;
    font-weight:400 !important;
    padding-right: 10px;
    color:#999999;
}

.info4_2{
    font-size:16px !important;
    font-weight:500 !important;
    color:#347ee7;
}

.info4_menu{
    display:flex;
}

.info4_select{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:50px;
    border-bottom:2px solid #999999;
    cursor:pointer;
    font-size:18px;
    font-weight: 400;
    color:#999999;
}

.del_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:136px;
    height:44px;
    border:1px solid #cccccc;
    border-radius: 100px;
    font-size:16px;
    font-weight: 500;
    color:#999999;
}

.del_btn img{
    padding-right:8px;
}

.info4_main{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:840px;
}

.info4_main1 p{

}

.info4_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:194px;
    height:55px;
    background:#347ee7;
    border-radius: 100px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
}

.info4_btn img{
    padding-right: 10px;
}

.on7{
    color:#347ee7 !important;
    border-bottom:2px solid #347ee7 !important;
} 

.on8{
    color: #347ee7 !important;
    border: 1px solid #347ee7 !important;
    background: #ffffff !important;
} 

/*  *  *  *  suggestion_learning_addclass5.html  *  *  *  *  */

.info5_1{
    width:100%;
}

.info5_2 img{
    padding:0 8px 0 5px;
}

.info5_2 p{ 
    font-size:16px;
    font-weight: 400;
    color:#000000;
}

.info5_3 img{
    padding-right:5px !important;
}

.info5_4{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding:20px;
    margin:20px 0;
    cursor:pointer;
    position: relative;
}

.info5_4_m:before{
    content:'';
    background: #eff5fe;
    border-radius: 20px;
    position: absolute;
    width:60%;
    height:93px;
    left:0;
    cursor:pointer;
}
/*
.info5_4:before{
    content:'';
    background: #eff5fe;
    border-radius: 20px;
    position: absolute;
    width:60%;
    height:67px;
    left:0;
    cursor:pointer;
}
*/
.info5_5 img{
    padding-right:17px;
}

.info5_5 p{
    font-size:24px;
    font-weight: 700;
    z-index: 99999999;
   /* padding-right:10px;*/
}

#info8_sub_title{
    margin-top:5px;
    font-size:14px;
    font-weight: 400;
}

/*  *  *  *  suggestion_learning_addclass7.html  *  *  *  *  */

.con_box{
    width:1200px;
    margin:auto;
   
}

.con_box img{
    
}

.con_box p{
    font-size:18px;
    font-weight: 400;
}

.con_box1{
    padding-bottom:40px;
    border-bottom:1px solid #cccccc;
}

.con_box_title h1{
    font-size:36px;
    font-weight: 700;
}

.con_box_title1{
}

.con_box_title1 p{
    font-size:24px;
    font-weight: 500;
    padding-right: 5px;
}

.con_box_title1 span{
    font-size:16px;
    font-weight: 400;
    color:#666666;
}

.con_box2_1{
    border: 1px solid #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding:20.5px 0 20.5px 30px;
    margin:20px 0;
    cursor:pointer;
}

.select{
    border:1px solid #347ee7;
}

.con_box2_1 p{
    font-size:24px;
    font-weight:700;
    padding-right:10px;
}

.con_box2_1 span{
    font-size:18px;
    font-weight: 400;
    color:#666666;
}

.page_nav a{
     font-size:24px;
     font-weight: 400;
}

#page_nav_on{
    color:#347ee7;
}

/*  *  *  *  suggestion_learning_addclass8.html  *  *  *  *  */

.test_form{
    background: #FFFFFF;
    padding:60px 100px;
}

.make_test{
    width:1000px;
    display: flex;
    justify-content: center;
}

tr{
    height: 60px;
}

table th{
   width:100px;
  
   font-size:14px !important;
   font-weight: 400 !important;
}

table td{
    font-size:18px;
    font-weight: 400;   
    padding:5px 0
}

.th1{
    color:#666666;
}

.th1_1{
    background:none !important;
    font-size:12px;
    font-weight: 400;
    color:#666666;
}

.wd1{
    width:895px;
    border:1px solid #cccccc;
    border-radius: 4px;
    padding:12px 0 12px 15px;
    font-size:18px;
    font-weight: 400;
}

.wd2{
    width:100px;
    height:50px;
    border:1px solid #cccccc;
    border-radius: 4px;
    text-align: center;
    font-size:18px;
    font-weight: 400;
    margin-left:10px;
    margin-right:100px;
}

.wd3{
    width:200px;
    height:50px;
    border:1px solid #cccccc;
    border-radius: 4px;
    text-align: center;
    font-size:18px;
    font-weight: 400;
    margin-left:10px;
}

.class_select input[type="radio"]{
    display:none;
}

input+label {
    margin-right: 2px;
    cursor: pointer;
    font-size: 12px;
    color: #000;
}

.icon_ckd{
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url('../imgs/off_check.png');
    vertical-align: middle;
    cursor: pointer;
}


input[type='radio']:checked+label .icon_ckd {
    background: url('../imgs/on_check.png');
}

.class_select span{
    margin-right:40px;
}

.class_select1 input[type="radio"]{
    display:none;
}

.class_select1 input[type="radio"] + span {
    width:100px;
    height:50px;
    display: table-cell;
    background-color: #f1f1f1;
    color:#999999;
    text-align: center;
    line-height: 5px;
    cursor: pointer;
}

.class_select1 input[type="radio"]:checked + span {
    background:#347ee7;
    color:#ffffff;
}


.class_select2 input[type="radio"]{
    display:none;
}

.class_select2 input[type="radio"] + span {
    width:100px;
    height:50px;
    display: table-cell;
    background-color: #f1f1f1;
    color:#999999;
    text-align: center;
    line-height: 5px;
    cursor: pointer;
}

/* 공통 */
.class_select2 input[type="radio"]:checked + .member_con2_4{color:#ffffff !important;}

/* 실버 */

.class_select2 input[type="radio"]:checked + #silver{background:#bbbbbb !important;}
.class_select2 input[type="radio"]:checked + #silver > .num1_1{color:#ffffff !important;}
.class_select2 input[type="radio"]:checked + #silver > span{color:#ffffff !important;}

/* 골드 */
.class_select2 input[type="radio"]:checked + #gold{background:#d4af37 !important;}
.class_select2 input[type="radio"]:checked + #gold > .num1_2{color:#ffffff !important;}
.class_select2 input[type="radio"]:checked + #gold > span{color:#ffffff !important;}

/* 플래티넘 */
.class_select2 input[type="radio"]:checked + #platinum{background:#347ee7 !important;}
.class_select2 input[type="radio"]:checked + #platinum > .num1_3{color:#FFFFFF !important;}
.class_select2 input[type="radio"]:checked + #platinum > span{color:#ffffff !important;}

/* 다이아몬드 */
.class_select2 input[type="radio"]:checked + #diamond{background:#ff6000 !important;}
.class_select2 input[type="radio"]:checked + #diamond > .num1_4{color:#ffffff !important;}
.class_select2 input[type="radio"]:checked + #diamond > span{color:#ffffff !important;}


#waiting{
    font-size:14px;
    font-weight: 400;
    color:#ff0000;
}

/*  *  *  *  suggestion_learning_addclass9.html  *  *  *  *  */

.make_test_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:145px;
    height:36px;
    border:1px solid #347ee7;
    border-radius:100px;
    color:#347ee7;
    font-size:16px;
    font-weight:500;
}

.make_test_btn img{
    padding-right:10px;
}

.test_list{
    width:100%;
    border: 1px solid #DBEAFF;
    box-sizing: border-box;
    border-radius: 20px;
    padding:20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom:10px;
}

.test_lists{
    padding:20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.test_list1 p{
    font-size:16px;
    font-weight:400;
    color:#999999;
}

.test_list1 h1{
    font-size:24px;
    font-weight: 700;
}

.test_list2 p{
    font-size:14px;
    font-weight: 400;
}

#test_list2{
    color:#999999;
    display: contents;
}

.test_list3{
    border-top: 1px solid #f1f1f1;
    margin-top:10px;
}

.test_list3_1 p{
    margin-top:10px;
    font-size:18px;
    font-weight: normal;
}

.test_list3_2 h1{
    font-size:36px;
    font-weight: bold;
    color:#347ee7;
}

.test_list_btn{
    background:#347ee7;
    width:80px;
    height:32px;
    border-radius: 20px;
    color:#ffffff;
}

.test_list_btn1{
    background:#347ee7;
    width:67px;
    height:35px;
    border-radius: 20px;
    color:#ffffff;
}

.test_list_btn2{
    background:#ffffff;
    width:80px;
    height:32px;
    border-radius: 20px;
    color:#347ee7;
    border:1px solid #347ee7;
}

.test_list3_2 p{
    font-size:16px;
    font-weight: normal;
    color:#666666;
    padding-left:5px;
}

/*  *  *  *  suggestion_learning_addclass10.html  *  *  *  *  */

.class_list1 p{
    font-size:18px;
    font-weight: 500;
    padding-right:40px;
}

.class_list a{
    font-size:14px;
    font-weight: 400;
    padding-right:20px;
}

.class_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:122px;
    height:36px;
    font-size:14px;
    font-weight: 500;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 100px;
    color:#cccccc;
}

.stu_plus{
    border:1px solid #347ee7;
    color:#347EE7;
}

.class_btn img{
    padding-right:7px;
}

.student_info{
    position:relative;
}

.student_info img{
    padding-right:30px;
}

.student_list{
    display:flex;
    align-items: center;
    padding:20px;
}

.student_list img{
    padding-right:23px;
}

.student_list1 h1{
    font-size:24px;
    font-weight: 500;
}

.student_list2 p{
    font-size:16px;
    font-weight: 400;
}

.student_list2 span{
    color: #cccccc;
    height: 15px;
    padding: 1px;
    background: #cccccc;
    margin: 5px 5px 0 5px;
}

.student_nav{ 
    position: absolute;
    right:30px;
    top: 60px;
    width:106px;
    height:92px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    flex-direction: column;
}

.student_nav a{
    font-size:14px;
    font-weight:400;
}

.modal_1{
    cursor:pointer;
    display: flex;
}

.mail_form1{
    width:320px;
}

.mail_form2{

}   

.mail_form_main{
    background:#f5f7f9;
    height:396px;
    padding:20px;
}

.talk_form {
    height:72.28px;
    position: relative;
    background: #dbeaff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:16px;
    background:url('../imgs/chat_off.png') no-repeat;
}

/*
.talk_form {
    height:72.28px;
    position: relative;
    background: #dbeaff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%);
    padding:16px;
}
*/

/*
.talk_form::after{
    content:'';
    width: 96%;
    height: 95%;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 13% 75%, 0 97%);
    position: absolute;
    background: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    top: 2px;
    left: 2px;
}
*/

.talk_form_1{
    position:relative;
    z-index:9999999999;
}

.talk_form_1 p{
    font-size:12px;
    font-weight:400;
    color:#666666;
}
/*
.talk_form1{
    clip-path: polygon(80% 75%, 100% 100%, 100% 0, 0 0, 0 75%);
    width:90px;
    height:72.28px;
    position: relative;
    background: #347ee7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:16px;
}
*/

.talk_form1{
    height:72.28px;
    position: relative;
    padding:16px;
    background:url('../imgs/chat_off1.png') no-repeat;
}


.talk_form1 p{
    font-size:12px;
    font-weight:400;
    color:#ffffff;
}
/*  *  *  *  suggestion_learning_addclass11.html  *  *  *  *  */

.student_btn{
    width:200px;
    height:40px;
    background:#f1f1f1;
    color:#999999;
    font-size:16px;
    font-weight: 500;
    cursor:pointer;
}

#info8_sub_title1{
    font-size:16px;
    font-weight: 400;
    color:#666666;
}

.br_left{
    border-radius: 4px 0px 0px 4px;
}

.br_right{
    border-radius: 0px 4px 4px 0px;
}

.on1{
    background:#347ee7;
    color:#ffffff;
}

.stu_table th,.stu_table td{
    text-align: center;
}

.stu_table th{
    text-align: center;
    background:#f5f7f9;
    font-size:14px !important;
    font-weight: 400 !important;
}

.st{
    height:40px;
}

.st_name{
    font-size:18px;
    font-weight: 500;
}

.st3{
    font-size:14px;
    font-weight: 400;
}

.st4{
    color:#347EE7;
}

.d_c{
    display:contents;
    color:#cccccc;
}

.info8_1.active > img{
    transform: rotate(180deg);
}

.score_btn{
    width:147px;
    height:39px;
    border:1px solid #347ee7;
    border-radius: 20px;
    color:#347ee7;
    font-size:18px;
    font-weight: 400;
}

#score_ex{
    text-decoration: underline;
    cursor:pointer;
}

/*  *  *  *  suggestion_learning_addclass12.html  *  *  *  *  */

.stu_info p{
    font-size:18px;
    font-weight: 500;
}

#stu_sc{
    font-size:16px;
    color:#347ee7;
}

.stu_info1_2 img{
    padding-right:12.4px;
}

.stu_info1_2 p{
    font-size:16px;
    font-weight: 500;
}

.stu_info1_3 p{
    font-size:30px;
    font-weight: 700;
}

.stu_info1_3 a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:133px;
    height:44px;
    color:#347ee7;
    background:#ffffff;
    border:1px solid #347ee7;
    border-radius: 100px;
    font-size:16px;
    font-weight: 500;
}

.stu_info1_3 a img{
    padding-right:6.5px;
}

.stu_info1_4, .stu_info1_7, .stu_info1_8{
    box-sizing: border-box;
    border-radius: 10px;
}

.stu_info1_4{
    border: 1px solid #DBEAFF;
    box-sizing: border-box;
    border-radius: 10px;
}

.stu_info1_5 p{
    font-size:16px;
    font-weight: 500;
}

#stu_info1_6{
    color:#999999;
    font-weight: 400;
    width:55px;
}

.stu_info1_7{
    width:100%;
    background: #FFFFFF;
    border-radius: 20px;
    padding:20px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.stu_info1_7 p{
    font-size:24px;
    font-weight: 500;
}

.stu_info1_8{
    height:285px;
    width:100%;
    padding:23px 20px 20px 20px;
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.stu_info1_11{
    width:48px;
    height:195px;
    display: flex;
    flex-direction: column;
}

.tr0{
    height: auto;
}

.tr0 th{
    padding:10px 0;
}

.tr1{
    height:auto;
    border-bottom:1px solid #cccccc;
}

.tr1_1{
    height:auto;
}

.tr2{
    height: auto;
    border-top:1px solid #347ee7;
    border-bottom:1px solid #347ee7;
    color:#347ee7;
    font-weight: 700;
}

.tr2_1{
    height: auto;
    border-top:1px solid #f1f1f1;
    color:#347ee7;
    font-weight: 700;
}

.td1{
    font-size:14px;
    font-weight: 400;
    padding:10px 0;
}

.td1_1{
    font-size:12px;
    font-weight: 400;
    padding:5px 0;
    color:#666666;
    text-align: start !important;
}

.td1_2{
    font-size:12px;
    font-weight:700;
    padding:5px 0;
}

.td2{
    font-size:16px;
    font-weight: 700;
    padding:10px 0;
}

.stu_icon p{
    font-size:14px;
    font-weight: 400;
}

.stu_icon1{
    width:14px;
    height:14px;
    margin-right:5px; 
}

#yy{ background:#ffd731;}

#bb{background: #347ee7;}

.stu_icon2{
    width:14px;
    height:14px;
    margin-right:5px;
}

.stu_info_grp{
    width:24px;
    height:140px;
}

.stu_info_grp1{
    width:24px;
    height:120px;
}

#stu_info1_12{
    font-size:12px;
    font-weight: 400;
    color:#666666;
}

#stu_info1_13{
    margin-top:10px;
    font-size:14px;
    font-weight: 400;
    text-align: center;
}

#stu_info1_14{
    margin-top:10px;
    font-size:14px;
    font-weight:700;
    color:#347ee7;
    text-align: center;
}

/*  *  *  *  suggestion_learning_addclass13.html  *  *  *  *  */

#submit_mail_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:196px;
    height:44px;
    font-size:16px;
    font-weight: 500;
    color:#347ee7;
    border:1px solid #347ee7;
    border-radius:100px;
}

#submit_mail_btn img{
    padding-right:7px;
}

.stu_list3{
    width:500px;
    padding:30px;
    border:1px solid #dbeaff;
    box-sizing: border-box;
    border-radius: 10px;
}

.stu_list3_1 img{}

.stu_list3_1 p{
    font-size:18px;
    font-weight: 500;
    padding:0 10px 0 12.8px;
}

.stu_list3_1 span{
    font-size:14px;
    font-weight: 500;
    color:#666666;
}

.stu_menu img{
    padding-right:12.8px;
}

.stu_menu p{
    font-size:18px;
    font-weight:500;
}

/*  *  *  *  suggestion_learning_addclass14.html  *  *  *  *  */

#invite_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:118px;
    height:32px;
    border:1px solid #347ee7;
    border-radius:100px;
    color:#347ee7;
    font-size:14px;
    font-weight: 500;
    margin-left:5px;
}

.wd4{
    width: 76px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    padding-right: 22px;
}

.wd5{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100px;
    height:50px;
    background:#ffffff;
    color:#347ee7;
    font-size:18px;
    font-weight:500;
    border:1px solid #347ee7;
    border-radius: 4px;
}

.save_btn{
    width:100px;
    height:50px;
    background:#347ee7;
    color:#ffffff;
    border-radius: 4px;
}

.wd6{
    width: 563px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    text-align: start;
    padding-left:15px;
}


/*  *  *  *  suggestion_learning_addclass15.html  *  *  *  *  */

.sub_title1 img{
    padding-right:13px;
}

.sub_title1 p{
    font-size:30px;
    font-weight: 700;
}

.wd7{
    width: 735px;
    height: 26px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    padding:12px 0 12px 15px;
}

.btn{
    font-size:16px;
    font-weight:400;
    width:130px;
    height:36px;
}

.btn1{
    font-size:16px;
    font-weight:400;
    width:130px;
    height:36px;
}

.btn img{
    padding-right:7px;
}

/*  *  *  *  suggestion_learning_addclass16.html  *  *  *  *  */

.add_set{
    display:flex;
    justify-content: center;
    align-items: center;
    width:150px;
    height:44px;
    font-size:16px;
    font-weight: 500;
    color:#347ee7;
    border:1px solid #347ee7;
    border-radius: 100px;
}

.add_btn{
    width:92px;
    height:32px;
    background:#347ee7;
    color:#ffffff;
    border-radius: 100px;

}

.make_set{
    display:flex;
    justify-content: center;
    align-items: center;
    width:164px;
    height:44px;
    font-size:16px;
    font-weight: 500;
    color:#347ee7;
    border:1px solid #347ee7;
    border-radius: 100px;
}

#set{
    font-size:18px;
    font-weight: 400;
    color:#999999;
}

/*  *  *  *  suggestion_learning_addclass17.html  *  *  *  *  */

#login_form{
    position: relative;
    display:flex;
    align-items: center;
    font-size:18px;
    font-weight:400;
}

#login_form img{
    padding-right:5px;
}

#user_name1{
    padding-right:5px;
    font-weight: 500;
}

.user_info1{
    position:relative;
    bottom:7px;
}

.user_info1_1{
    position:relative;
    bottom:7px;
}


.user_info2_1 {
    width:191px;
    height:174px;
    position:absolute;
    background: #FFFFFF;
    border: 1px solid #B3D3F5;
    box-sizing: border-box;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding:20px;
    right:-31px;
    top:37px;
    z-index:999999;
}
   

#user_info2_4{
    font-size:14px;
    font-weight:400;
    color:#666666;
    margin-top: 5px;
}

.user_info2_5{
    display:flex;
    flex-direction: column;
}

.user_info2_5 a{
    font-size:13px;
    font-weight: 400;
}

/*  *  *  *  suggestion_learning_addclass18.html  *  *  *  *  */

.title2{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.title2 h1{
    font-size:30px;
    font-weight: 700;
    margin-bottom:10px;
}

.title2_1{
    display: inherit;
}

.title2_1 p{
   font-size:18px;
   font-weight:400;
}

.title2_1 span{
    border-right:1px solid black;
    margin:5px;
    height:20px;
}

.social_icon{
    position:absolute;
    top:0;
    right:0;
    display:flex;
}

.social_icon img{
    padding-right:8px;
}

.social_icon{
    font-size:18px;
    font-weight: 400;
}

.quiz_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    width:130px;
    height: 36px;
    background:#347ee7;
    color:#ffffff;
    font-size:16px;
    font-weight: 500;
    border-radius: 100px;
}

.quiz_btn img{
    padding-right:5px;
}

.select1{
    display:flex;
    justify-content: center;
    align-items:center;
    width:92px;
    height:50px;
    border-bottom:2px solid #dddddd;
    font-size:14px;
    font-weight:400;
    color:#999999;
    cursor:pointer;
}

.select1_1{
    font-size:18px;
    font-weight: 400;
}

.select1_1 img{
    padding-right:6.7px;
}

.info9 p{
    font-size:20px;
    font-weight: 700;
}

.info9 img{
    padding-right:13px;
}


.info9_1{
    cursor:pointer;
}

.info9_1.active > img {
    transform: rotate(180deg);
}

.info9_2.active > img {
    transform: rotate(180deg);
}


.info9_1 img{
    padding:0;
}

.info9_2 img{
    padding:0;
}

.gauge_box{
    position: relative;
    height:6px;
    background: #DBEAFF;
    border-radius: 100px;
    width:100%;
}

.gauge{
    width:700px;
    height:6px;
    background: #347ee7;
    border-radius: 100px;
    width:57%;
}

.info9_3_1{
    display: flex;
    position:relative;
    justify-content: center;
    align-items: center;
    width:100%;
    height:50px;
    color:#347ee7;
    font-size:16px;
    font-weight:400;
    border:1px solid #347ee7;
    border-radius: 100px;
    margin-right: 10px;
    z-index: 99999;
}

/*.info9_3_1::before{
    content:"";
    display:flex;
    position:absolute;
    left:0;
    justify-content: center;
    align-items: center;
    width:90px;
    height:48px;
    background: #EFF5FE;
    border-radius: 100px 0 0 100px;
}*/

.info9_3_1 p{
    z-index: 99999;
}

.info9_4{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    flex-direction: column;
}

.info9_5{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    position:relative;
    padding:14px;
    border: 1px solid #dbeaff;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom:6px;
    cursor:pointer;
}

.info9_5 p{
    font-size:18px;
    font-weight:500;
}

.on2{
    border:1px solid #347ee7;
}

.info9_6{

}

.chk1{
    display:none;
}

.chk1 + .search_star{
    display:inline-block;
    width:24px;
    height:24px;
    background:url('../imgs/off_star1.png') no-repeat center center;
    background-size: cover !important;
}

.chk1:checked + .search_star{
    width:24px;
    height:24px;
    background:url('../imgs/on_star1.png') no-repeat center center;
    background-size: cover !important;
}

.chk1 + .search_star1{
    display:inline-block;
    width:32px;
    height:32px;
    background:url('../imgs/off_star_icon.png') no-repeat center center;
    background-size: cover !important;
}

.chk1:checked + .search_star1{
    width:32px;
    height:32px;
    background:url('../imgs/on_star_icon.png') no-repeat center center;
    background-size: cover !important;
}

/* * * * * 50_make_set.html*  *  *  *  *  * */

.set_save{
    width:141px;
    height:46px;
    border-radius: 100px;
    background:#347ee7;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
}

.make_set1{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width:1200px;
    background: #FFFFFF;
}

.wd1200{
    width:1200px;
    font-size:30px;
    font-weight: 500;
    padding-bottom:20px;
    border-bottom:1px solid #347ee7;
}

.filebox button{
    width:201px;
    height:43px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#347ee7;
    font-size: 16px; 
    font-weight: 500;
    border:1px solid #347ee7;
    border-radius:100px;
    cursor: pointer;
}

.filebox label img{
    padding:1px 5px 0 0;
}

.filebox input[type="file"] {
     /* 파일 필드 숨기기 */ 
    position: absolute; 
    width: 1px;
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
}

.make_set1_1 p{
    margin:0 5px;
}

.select_wrap{
    position:relative;
    z-index:9999;
}

.wd_100{
    width:100px;
    height:50px;
    font-size:16px;
    font-weight:400;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left:15px;
    margin-right:200px;
    background:url('../imgs/arrow_drop_down.png') no-repeat center right 5px;
}

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

.make_set2_1{
    width:360px;
}

.make_set2_2{
    display:flex;
    justify-content: space-between;
    margin:10px 0;
}

.wd_324{
    position: relative;
    width:100%;
    height:50px;
    font-size:18px;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left:15px;
}

.wd_324_1,.wd_324_2{
    width:322px;
    height:50px;
    font-size:18px;
    font-weight: 400;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left:15px;
}

.wd_324_2::placeholder {
    color: #347ee7;
}

.twin_form{
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 4px;
}

.line2{
    display: inline-block;
    background: #f1f1f1;
    width: 90%;
    height: 1px;
}


.line6{
    display:inline-block;
    width:75px;
    height:1px;
    background:#347ee7;
    position: relative;
    top:10px;
    margin:0 5px 10px 0;
}

.line7{
    display: inline-block;
    width: 1px;
    background: #347ee7;
    height: 0px;
    padding-bottom: 15px;
    margin: 0 5px;
}

.make_set3{
    width:820px;
}

.wd_820{
    width:100%;
    height:50px;
    font-size:18px;
    font-weight: 400;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left:20px;
    border:1px solid #cccccc;
}

.wd_820_1{
    width:100%;
    height:50px;
    font-size:18px;
    font-weight: 400;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left:20px;
}

.make_set3_1{
    margin-bottom:10px;
}

.line3{
    display: inline-block;
    background: #f1f1f1;
    width: 790px;
    height: 1px;
}

.wd_input{
    font-size:18px;
    font-weight: 400;
    width:80px;
    border-bottom:1px solid #347ee7;
    padding:0 10px;
}

.make_set3_2{
    width:100%;
    height:50px;
    padding:0 15px;
}

.make_set3_3{
    width:100%;
    height:50px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding-left:15px;
}

.make_set3_3 p{
    font-size:18px;
    font-weight: 400;
}

/*  *  *  *  member_info.html *  *  *  *  *  *  */

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

.mb_info p{
    font-size:30px;
    font-weight: 700;
}

.mb_info a{
    font-size:16px;
    font-weight: 400;
}

.user_info2{
    width:100%;
    margin:10px 0;
}

.user_info2_m{
    width:100%;
}

.user_info2 p{
    font-size:16px;
    font-weight: 400;
    color:#666666;
    padding-bottom:5px;
}

.wd400{
    width:100%;
    height:50px;
    padding:12px 15px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    font-size:18px;
    font-weight: 400;
}


.wd_195{
    background:#ffffff;
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    font-size:16px;
    font-weight: 400;
    padding-left:10px;
    background-image: url('../imgs/arrow_drop_down.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}

.wd_155{
    background:#ffffff;
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    font-size:16px;
    font-weight: 400;
    padding-left:10px;
    background-image: url('../imgs/arrow_drop_down.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}

.select_200{
    width:200px;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    font-size:16px;
    font-weight: 400;
    padding-left:10px;
    background-image: url('../imgs/arrow_drop_down.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}

.text_200{
    width:200px;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    font-size:16px;
    font-weight: 400;
    padding-left:10px;
}

.wd_235{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    padding:12px 0 12px 15px;
    font-size:18px;
    font-weight: 400;
}


.wd_295{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    padding:12px 0 12px 15px;
    font-size:18px;
    font-weight: 400;
}

.user_class{
    display:flex;
    justify-content: center;
    align-items:center;
    width:100%;
    height:50px;
    background:#f1f1f1;
    color:#999999;
    font-size:18px;
    font-weight:400;
    cursor:pointer
}

.user_class_m{
    display:flex;
    justify-content: center;
    align-items:center;
    width:100%;
    height:50px;
    background:#f1f1f1;
    color:#999999;
    font-size:18px;
    font-weight:400;
    cursor:pointer
}

.on3{
    background: #347EE7;
    color:#ffffff !important;
}

.user_school_search_btn{
    display:flex;
    justify-content: center;
    align-items:center;
    width:80px;
    height:48px;
    background: #ffffff;
    border:1px solid #347ee7;
    color:#347ee7;
    font-size:18px;
    font-weight: 500;
    border-radius: 4px;
    margin-left:5px;
}

.select_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

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

.change_btn{
    width:100%;
    height:50px;
    background: #347EE7;
    border-radius: 4px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
}


/*  *  *  *  member_info1.html *  *  *  *  *  *  */

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

.qs_1 h1{
    font-size:30px;
    font-weight: 700;
}

.qs_1 p{
    font-size:18px;
    font-weight: 400;
}

.qs_2 a{
    display:flex;
    justify-content: center;
    align-items:center;
    width:125px;
    height:46px;
    background:#347ee7;
    border-radius: 100px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500px;;
}

.qs_3{
    margin-top: 20px;
    border-bottom:1px solid #cccccc;
    padding-bottom:20px;
}

.qs_3 p{
    display:flex;
    justify-content: center;
    align-items: center;
    width:72px;
    height:29px;
    background: #F1F1F1;
    border-radius: 100px;
    font-size:12px;
    font-weight: 500;
    color:#999999;
}

.qs_3 h1{
    font-size:18px;
    font-weight: 700;
    margin-top:10px;
}

.qs_3 span{
    font-size:14px;
    font-weight: 400;
    color:#999999;
}

#qs_3{
    background:#ffffff;
    color:#347ee7;
    border:1px solid #347ee7;
}

#qs_4{
    font-size:18px;
    font-weight:400;
    margin:10px 0;
}

.qs_4{
    padding:20px;
    background:#f5f7f9;
}

.qs_5 img{
    padding-right:10px;
}

#qs_5{
    width: auto;
    height: auto;
    font-size: 18px;
    display: block;
    color:#000000;
    font-weight: 400;
    padding-bottom: 10px;
    background:none;
    border-radius: none;
}
/*  *  *  *  menber_info2.html  *  *  *  *  */

.qs_write_title h1{
    font-size:30px;
    font-weight: 700;
}

.qs_6{
    font-size:18px;
    font-weight:400;
}

.qs_7{
    font-size:14px;
    font-weight:400;
}

/*  *  *  *  menber_info3.html  *  *  *  *  */

.member{
    width:1200px;
    margin:auto;
}

.member_top p{
    font-size:36px;
    font-weight: 700;
}

.member_top span{
    font-size:18px;
    font-weight: 400;
    color:#666666;
    margin-top: 5px;
}

.member_con1{
    width:100%;
    padding:30px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
}

.member_con1_1{

}

.member_con1_2 p{
    font-size:30px;
    font-weight:700;
    color:#666666
}

.member_con1_2 span{
    font-size:16px;
    font-weight: 400;
    color:#666666;
}

.member_con1_3 p{
    font-size:16px;
    font-weight: 400;
    display:block;
}

.member_con2{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;

}

.member_con2_1 p{
    font-size:30px;
    font-weight: 700;
}

.member_con2_1 span{
    font-size:16px;
    font-weight:400;
    color:#666666;
    padding-top: 5px;
}

.member_con2{
    width:1200px;
}

.member_con2_2{
    width:100%;
}

.member_con2_3{
    width:1140px;
}

.member_con2_4{
    background: #FFFFFF;
    color:#000000 !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding:30px;
    width:197.5px !important;
    height:163px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor:pointer;
    background:#ffffff !important;
}

#silver{border:1px solid #cccccc;}
.silver{background:#bbbbbb !important; color:#ffffff!important;}
.silver1{color:#999999;}
#gold{border:1px solid #d4af37;}
.gold{background:#D4AF37 !important; color:#ffffff !important;}
#platinum{border:1px solid #347ee7;}
.platinum{background:#347ee7 !important; color:#ffffff !important;}
#diamond{border:1px solid #ff6000; justify-content: unset;}
.diamond{background:#ff6000 !important; color:#ffffff !important;}
.white{color:#ffffff;}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.member_con3_1 h1{
    font-size:30px;
    font-weight: 700;
}

.member_con3_1 span{
    font-size:14px;
    font-weight: 400;
    color:#666666;
}

#num1{
    font-size:36px;
    font-weight: 700;
}

#num2{
    font-weight: 400;
}

#num3{
    font-weight: 400;
}

#num3_1{
    font-weight:700;
}

.num1_1{
    color:#999999
}

.num1_2{
    color:#d4af37;
}

.num1_3{
    color:#347ee7;
}

.num1_4{
    color:#ff6000;
}

.member_con3_2{
    align-items: baseline;
}

.member_con3_2 p{
    font-size:18px;
    font-weight:700;
}

.member_con3_3 p{
    font-size:18px;
    font-weight: 400;
}
/*
.member_con3_4{
    width:217.5px;
    height:108px;
    font-size:18px;
    font-weight: 400;
}
*/
.member_con4 p{
    font-size:16px;
    font-weight: 400;
}

.member_con5{
    
}

.member_con5_1{
    width:360px;
    height:50px;
    font-size:18px;
    font-weight: 500;
    border-radius:4px;
    margin:0 10px;
    border:1px solid #347ee7;
    color:#347ee7;
}

.member_con5_1 img{
    margin-top:4px;
    padding-right:10px;
}

#write{
    background:#347ee7;
    color:#ffffff;
}


.member_con6{
    width:100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
}

.member_con6_1{
}

.member_con6_1 p{
    font-size:30px;
    font-weight: 700;
}

.member_con6_1 span{
    color:#666666;
    margin-top: 5px;
    font-size:16px;
    font-weight: 400;
}

/*  *  *  *  service1.html  *  *  *  *  */

.service{
    width:640px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.service1{
    padding:40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.service1_1{
    padding-bottom:20px;
    border-bottom:1px solid #cccccc;
}

.service1_1 h1{
    font-size:30px;
    font-weight: 700;
}

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

.th3{
    font-size:16px;
    font-weight: 400;
    color:#666666;
    margin-right:5px;
}

.td3{
    height:66px;
    padding:0;
}

.td3 p{
    font-weight: 700;
}

.wd8{
    width:200px;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 6px 15px;
    font-size:16px;
    font-weight: 400;
    background-image: url(../imgs/arrow_drop_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}

.service1_2 p{
    font-size:14px;
    font-weight: 400;
    color:#666666;
}

.service1_3{
    color:#ffffff;
    height:50px;
    background:#347ee7;
    border-radius: 4px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
}


#num4{
    font-size:24px;
    font-weight: 700;
}



/* *  *  *  *  * service3.html  *  *  *  *  *  * */

.release_btn{
    width:118px;
    height:43px;
    border: 1px solid #999999;
    box-sizing: border-box;
    border-radius: 100px;
    font-size:16px;
    font-weight:500;
    color:#666666;
}

.table2 th,.table2 td{
    text-align:center;
    font-size:14px;
    font-weight: 400;
    border-bottom:1px solid #dddddd;
}

.tr4{
    height:48px;
}

.td4_1{
    color:#ff0000;
}

.th4{
    background:#fafafa;
    height:48px;
}


/* *  *  *  *  * service4.html  *  *  *  *  *  * */

.service2{
    background: #FF0000;
    border-radius: 100px;
    height:44px;
    padding:0 30px;
}

.service2 p{
    font-size:14px;
    font-weight:500;
    color:#ffffff;
}

.service2_1{
    width:131px;
    height:32px;
    font-size:14px;
    font-weight: 500;
    border:1px solid #ffffff;
    border-radius: 100px;
}

.service2_1 a{
    color:#ffffff;
}

/* *  *  *  *  * service5.html  *  *  *  *  *  * */

.modal_1 p{
    font-size:14px;
    font-weight: 400;
    color:#ff0000;
    padding-right:30px;
}

/* *  *  *  *  * service6.html  *  *  *  *  *  * */

.center{
    border-bottom:1px solid #dddddd;
}

.center1_1{
    width:100%;
    height:50px;
    border-bottom:2px solid #dddddd;
    cursor:pointer;
    color:#dddddd;
}

.center1_2{
    color:#dddddd;
}

.on4{
    color:#347ee7 !important; 
    border-bottom: 2px solid #347ee7 !important;
}

.center2{
    padding:20px 20px 0 20px;
}

.center2_1{
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}

.center2_2{
    position: relative;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
    border-bottom:1px solid #f1f1f1;
}

.center2_3{
    display:flex;
    justify-content: center;
    align-items: center;
    width:155px;
    height:155px;
    background: url('../imgs/img2.png')no-repeat center center;
    color:#ffffff;
}

#center2_3{
    position: absolute;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
}

.center2_4 p{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.center3{
    padding:20px 20px 0 20px;
}

.center3_1{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.center3_2{
    flex-wrap: wrap;
}

.center3_3{
    width:120px;
    height:50px;
    background:#f5f7f9;
    color:#999999;
    cursor:pointer;
}

.on5{
    background:#347ee7;
    color:#ffffff;
}

.center3_5{
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
}

.center3_6{
    border-bottom:1px solid #f1f1f1;
}

.center3_7{
    padding:10px 20px 20px 20px;
}

.center3_7 span{
    line-break: normal;
    word-break: keep-all;
    color:#666666;
}

.info_9{
    cursor:pointer;
}

.info_9.active > img{
    transform: rotate(180deg);
}


/* *  *  *  *  * service7.html  *  *  *  *  *  * */

.service3{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom:1px solid #dddddd;
    padding-bottom:20px;
}

.service3 img{
    padding-right:10px;
}


.service3_2 p{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.service3_2 img{
    width:100%;

}


.service3_3{
    border-bottom:1px solid #dddddd;
}

.service3_4{
}

.service3_5{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.service3_7{
    width:72px;
    height:35px;
    background:#ffffff;
    border: 1px solid #347EE7;
    box-sizing: border-box;
    border-radius: 100px;
    color:#347ee7;
}


/* *  *  *  *  * service9.html  *  *  *  *  *  * */

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

.service4_1{
    color:#666666;
}

.service4_2{
    margin-bottom:5px;
}
 
.service4_3{
    word-break: keep-all;
}


/* *  *  *  *  * coupon.html  *  *  *  *  *  * */

.wd9{
    width:273px;
    padding:10px;
    height:28px;
    border:1px solid #cccccc;
    border-radius: 4px;
}

.coupon_btn{
    width:100px;
    height:50px;
    background: #ffffff;
    border:1px solid #347ee7;
    border-radius: 4px;
    margin-left: 5px;
}

.coupon_btn button{
    font-size:18px;
    font-weight:600;
    color:#347ee7;
}

#coupon1{
    background: #cccccc;;
}

#error1{
    font-size:12px;
    font-weight: 400;
    color:#ff0000;
    margin-top: 5px;
}

.error2{
    margin:20px 0;
}

.error2_1 p{
    font-size:18px;
    font-weight: 400;
    color:#347ee7;
}

.error2_2{
    padding-left:70px;
}

.error2_2 p{
    font-size:18px;
    font-weight: 400;
    color:#cccccc;
}

.error2_2 span{
    font-size:14px;
    font-weight: 400;
    color:#ff0000;
}

/*  *  *  *  coupon1.html *  *  *  * */

#coupon2{
    color:#347ee7;
    font-size:18px;
    font-weight:400;
}


/*  *  *  *  login_main.html *  *  *  * */

#stu_btn{
    background:url('../imgs/stu_img.png')no-repeat center top 30px;
    border:1px solid #ffd731;
}

#teacher_btn{
    background:url('../imgs/teacher_img.png')no-repeat center top 30px;
}

/*
.clear{
    position:absolute;
    top:22px;
    right:14px;
}
*/
.log_main{

}

.log_top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#ffffff;
    border-radius: 10px;
    position: relative;
    top:100px;
}

.log_ex{
    padding-top:30px;
    text-align: center;
}

.log_ex span{
    font-size :18px;
    font-weight: 400;

}

.log_ex p{
    font-size:30px;
    font-weight: 700;
    color:#347EE7;
}

.log_btn_box{
    padding-top:30px;
    display:flex;
    justify-content: space-evenly;
    width:80%;
}

.log_btn{
    position: relative;
    display:flex;
    justify-content: center;
    align-items: flex-end;
    width:198px;
    height:163px;
    border:1px solid #347EE7;
    border-radius: 10px;
    color:#347EE7;
    font-size:18px;
    font-weight: 500;
    padding-bottom:35px;
}


.log_ft{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top:30px;
}

.log_ft a{
    color:#347ee7;
}

/*  *  *  *  login1.html *  *  *  * */

.login_btn{
    width:100%;
    height:50px;
    background:#347ee7;
    border-radius: 4px;
    color:#ffffff;
}

.id_pw_search{
    width:320px;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}

.line1{
    padding: 15px 5px 0px 0px;
    border-right: 1px solid #666666;
}

.kakao_btn{
    width:100%;
    height:50px;
    background:#fae100;
    border-radius: 4px;
    color:#381e1f;
}

.kakao_btn img{
    padding-right:10px
}

.naver_btn{
    width:100%;
    height:50px;
    background:#1ec800;
    border-radius: 4px;
    color:#ffffff;
}

.naver_btn img{
    padding-right:10px
}

.member_join{
    color:#347ee7;
}

/*  *  *  *  *  *  *  * member_join.html *  *  *  *  *  */

.log_top1{
    padding:0 20px;
}

.join_title h1{
    font-size:30px;
    font-weight: 700;
}

.join_footer{
    width:100%;
    height:50px;
    background:#347ee7;
    border-radius: 4px;
    color:#ffffff;
}

.m_footer{
    background: #DBEAFF;
    position: fixed;
    bottom: 0;
}

.learning_btn{
    width:187px;
    height:55px;
    background:#347ee7;
    color:#ffffff;
    border-radius: 100px;
}

.icon_ck{
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

input[type='checkbox']:checked+label .icon_ckd {
    background: url('../imgs/on_check.png');
}

.warning_box{
    display:none;
}


.warning1{
    font-size:12px;
    font-weight: 400;
    color:#ff0000;
}

/*  *  *  *  *  *  *  * member_profile.html *  *  *  *  *  */




/*  *  *  *  *  *  *  * password_search.html *  *  *  *  *  */


.password_form{
    width:300px;
    word-break: keep-all;
    text-align: start;
}

.password_form1{
    width:300px;
    word-break: keep-all;
    text-align: start;
    display:none;
}

.email_form{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding:12px 0 12px 15px;
}

.email_form1{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding:12px 0 12px 15px;
}

.email_form2{
    width:100%;
    height:50px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding:12px 0 12px 15px;
}

.log_top2{ 
    position:absolute;
    top:100px;
    width:500px;
    height:194px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background:#ffffff;
    border-radius: 10px;
    padding:50px;
}

.log_top3{ 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background:#ffffff;
    border-radius: 10px;
    padding:20px;
}

.check_btn, .re_submit, .ok_submit{
    width:28.425%;
    height:50px;
    border: 1px solid #347EE7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left:5px;
    color:#347ee7;
}

.ok_submit{
    background:#eff5fe;
}

.ins_email{

}

.switch{
    display:none;
}

/*  *  *  *  *  *  *  * id_search.html *  *  *  *  *  *  * */

.log_top4{ 
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background:#ffffff;
    border-radius: 10px;
}

.search_btn{
    width:160px;
    height:50px;
    border-bottom:2px solid #dddddd;
    color:#999999;
}

.tr5{
    height:42px;
}

.th5,.td5{
    text-align: center;
    font-size:14px;
    font-weight: 400;
}

.th5{
    background:#f5f7f9;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

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

/*  *  *  *  *  *  *  * card_learning.html *  *  *  *  *  *  * */

.top_fix{
    width:100%;
    background:#222222;
    height:60px;
    padding:0 20px; 
}

.top_fix1{
    color:#ffffff;
}

.top_fix1 img{
    padding-right:10px;
} 

.top_fix2{
    position:absolute;
    right:calc(100% - 53%);
}

#top_fix3{
    font-weight: 700;
    color:#ffffff;
}

.top_fix4{
    position:relative;
    width:91px;
    height:32px;
    background:#666666;
    color:#ffffff;
    border-radius: 100px;
    cursor:pointer;
}

.top_fix4 img{
    padding-right:5px;
}
.top_fix5{
    position:absolute;
    top:68px;
    right:23px;
    padding:20px;
    width: calc( 100% - 40px );
    background:#ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index:999999;
}
.top_fix6{
    width:100%;
}

.top_fix6 span{
    font-size:16px;
    font-weight: 400;
}

.top_fix8{
    width:100%;
}

.top_fix9{
    width:100%;
    height:50px;
    font-size:18px;
    font-weight: 500;
    border-radius: 4px;
    color:#ffffff;
    background:#347ee7;
}



.top_menu_list{
    display:flex;
    overflow-y: scroll;
}

.top_menu_list li{
    border-bottom:2px solid #dddddd;
}

.top_menu_list li a{
    width:100px;
    padding:13px 0 15px 0;
    color:#999999;
    text-align: center;
}

.top_select{
    border-bottom:2px solid #347ee7 !important;
}

.top_select1{
    color:#347ee7 !important;
}

.off1{
    background:#cccccc;
}

.card_learning1{ 
    width:100%;
    height:100vh;
    background:#DBEAFF;
    display: flex;
    justify-content: center;
    padding:0 20px;
    overflow: hidden;
}

.card_learning1_1{ 
    width:100%;
    height:100vh;
    background:#000000;
    display: flex;
    justify-content: center;
    padding:0 20px;
}



.card_learning2{
    width:100%;
    top:20px;
    height:230px;
    background:#ffffff;
    border-radius: 20px;
    position: relative;
}

.card_learning3{
}

.card_learning3_1{
    padding-top:10px;
}

.card_learning3_1_1{
    padding-top:10px;
}

.card_learning3_2{
    display:flex;
    justify-content: center;
    align-items: center;
    height:69px;
}

.card_learning3_2_2{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:156px;
    padding:20px;
}

.card_learning3_3{
    height:150px;
    padding:20px;
    border-radius: 0px 0px 20px 20px;
    background: #eff5fe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.card_learning3_3_3{
    background: #EFF5FE;
    border-radius: 0px 0px 20px 20px;
    cursor:pointer;
    padding:20px 20px;
}

.card_learning3_3_4{
    width:100%;
}

.card_learning3_3_5{
 
}

.card_learning3_4{
    height:150px;
    padding:15px 20px;
    border-radius: 0px 0px 20px 20px;
    background: #eff5fe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.card_learning3_3 p{
    font-size:18px;
    font-weight: 700;
}

.card_learning3_5{
    width:100%;   
    box-sizing: border-box;
    cursor:pointer;
    padding:15px 10px;
    border-bottom:1px solid #cccccc;
}

.card_learning3_5 p{
    font-size:14px;
    font-weight: 400;
}

.card_learning3_6{
    width:66px;
    height:28px;
    background:#347ee7;
    color:#ffffff;
    border-radius: 100px;
}


.card_learning3_7{
    position:relative;
    height:120px;
}

.card_learning3_8{
    position:absolute;
    top:20px;
    left:20px;
}

.card_learning3_9{
    height:150px;
    padding:20px;
    border-radius: 0px 0px 20px 20px;
    background: #eff5fe;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.card_learning3_9 p{
    font-size:14px;
    font-weight: 400;
}

.card_learning4{
    background:#eff5fe;
}

.card_learning5 a{
    color:#ffffff;
}

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

.card_learning5_1 p{
    color:#ff0000;
}

.card_learning5_1_1 p{
    color:#ffffff;
}

.card_learning5_2{
    width:100%;
    height:50px;
    color:#ffffff;
    border-radius: 100px;
    background:#347ee7;
}

.card_learning6{
    position: absolute;
    top: calc(50% - 56px);
    left: calc(50% - 376px);
}

.card_learning7{
    position: absolute;
    top: calc(50% - 56px);
    right: calc(50% - 376px);
}

.card_input{
    width:100%;
    height:50px;
    background:#ffffff;
    border:1px solid #cccccc;
    font-size:18px;
    font-weight:400;
    text-align: center;
    border-radius: 4px;
}

.card_btn{
    width:200px;
    height:50px;
    background-color: #347ee7;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
    border-radius: 4px;
}

.on6{
    border:1px solid #347ee7;
}

.card_on{
    border:1px solid #347ee7;
    border-radius: 4px;
}

.card_on1{
    padding:20px 10px;
    border:1px solid #347ee7;
}

.wd500{
    width:100%;
    height:50px;
    padding: 12px 15px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
}

.write_btn1{
width: 200px;
height: 0px;
border-radius: 4px;
background:#347ee7;
color:#ffffff;
cursor: pointer;
}

.write_btn2{
    width: 200px;
    height: 40px;
    border-radius: 4px;
    background:#347ee7;
    color:#ffffff;
    cursor: pointer;
}

.write_answer{
    font-size:30px;
    font-weight: 700;
    color:#347ee7;
}

.line4{
    display: inline-block;
    width: 100px;
    height: 50px;
    border-bottom: 1px solid #347ee7;
}

.line5{
    display: inline-block;
    width: 100px;
    height: 50px;
    border-bottom: 1px solid #347ee7;
}


#write1 p{
    color:#347ee7;
}
/*  *  *  *  *  *  *  * game.html *  *  *  *  *  *  * */

.game{
    padding:20px;
    width:100%;
    min-height:100vh;
    font-family: "JUA";
    background: #000000;
}

.game1{
    background:url('../imgs/bg_gamemain.png');
    width:100%;
    height:540px;
    border-radius: 20px;
    padding:40px 20px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.game1_1{
}

.game1_2{
    font-size:56px;
    font-weight: 400;
    color:#347ee7;
    line-height: 56px;
    text-align: center;
}

.game_start_btn{
    width:100%;
    height:60px;
    background: #347EE7;
    border-radius: 100px;
    margin-bottom:16px;
    color:#ffffff;
}

.game_start_btn1{
    width:100%;
    height:50px;
    background: #347EE7;
    border-radius: 100px;
    margin-bottom:10px;
    color:#ffffff;
}

.game_start_btn img{
    padding:0 10px 5px 0;
}

.game_start_btn1 img{
    padding:0 10px 0 0;
}

.game_cancel_btn{
    width:100%;
    height:60px;
    border:1px solid #347EE7;
    border-radius: 100px;
    color:#347ee7;
}

.game_cancel1_btn{
    width:100%;
    height:50px;
    border:1px solid #347EE7;
    border-radius: 100px;
    color:#347ee7;
}

.game2{
    width:100%;
    background:#438df7;
    border-radius: 20px;
    padding:30px;
}

.game2 p{
    color:#ffffff;
}

.game2_1{
    font-size:24px;
    font-weight:400;
    margin-bottom:8px;
}

.game2_1 p{
    color:#ffd731;
}

.game2_1 img, .game2_1_1 img{
    margin-right:12px;
}

.game2_2{
    width:30px;
    margin-right:10px;
}

.game2_3{
    width:98px;
    margin-right:10px;
}

.game2_1_1{
    font-size:20px;
    font-weight: 400;
    margin-bottom:8px;
}

.game_ft{
    width:100%;
    position:fixed;
    bottom:0;
    height:100px;
    background:#333333;
    padding:0 20px;
}

.game_ft a{
    height:60px;
    width:100%;
    background:#347ee7;
    color:#ffffff;
    font-size:24px;
    font-weight: 400;
    border-radius: 100px;
}

.game_ft a img{
    padding-right:10px;
}

.game3{
}

.game3_1{
    height:59px;
    color:#ffffff;
    font-size:30px;
    font-weight: 400;
}

.game3_2 img{
    padding-right:5px;
}

#game_score{
    font-size:48px;
    font-weight: 400;
    color:#ffd731;
    padding-left:10px;
}

.game4{
    font-family:"Noto Sans KR";
}

.game5{
    width:100%;
    border-radius: 20px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.game4_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width:48.53%;

    padding:10px;
    background:#dbeaff;
    border-radius: 10px;
}

.game4_2{
    padding:10px;
    width:100%;
    height:100px;
    background:#ffffff;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    cursor:pointer;
    position: relative;
    margin-top:10px;
}

.game4_2:last-child{
    margin-bottom:10px;
}


.game4_2_1{
    padding:10px;
    width:100%;
    height:100px;
    background:#ffffff;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    cursor:pointer;
    margin-top:10px;
}

.game4_2_1:last-child{
    margin-bottom:10px;
}

.game4_3{
    position: absolute;
    top:10px;
    right:12px;
}

.time_gauge{
    width:100%;
    height:10px;
    background:#dbeaff;
    border-radius: 100px;
}

.time_gauge1{
    width:60%;
    height:10px;
    background: #347EE7;
    border-radius: 100px;
}

.checking{
    border: 4px solid #FFD731;
}

.black{
    position: fixed;
    width:100%;
    min-height: 100vh;
    background:rgba(0, 0, 0, 0.7);
    cursor: pointer;
    z-index: 999999999;
}

.black1{
    position: fixed;
    width:100%;
    min-height: 100vh;
    background:#000000;
    opacity: 0.7;
    z-index: 9999999999;
}

.score{
    width:200px;
    height:200px;
    color:#ffffff;
    font-size:72px;
    font-weight: 400;
    border-radius: 100px;
    font-family:"JUA";

}

#ready{
    font-size:96px;
    font-weight: 400;
    color:#ffffff;
    font-family: "JUA";
}

#plus{
    background:#347ee7;
    
}

#minus{
    background:#ff0000;
}

.game_set{
    text-align: center;
}

.score_title{
    font-size:64px !important;
    height:70px;
    line-height: 80px;
    font-weight: 400;
    color:#347ee7;
}

.score_share_btn{
    width:219px;
    height:44px;
    font-size:20px;
    font-weight: 400;
    background: #FFD731;
    border-radius: 100px;
    color:#347ee7;
}

.score_share_btn img{
    padding:0 10px 2px 0;
}

/*  *  *  *  *  *  *  * alert1.html *  *  *  *  *  *  * */

.alert_main{
    top:0;
    width:100%;
    min-height:125vh;
    background-color:rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    z-index:999999;
    padding:0 20px;
} 

.alert_main1{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    z-index:999999;
} 

.alert1_menu{
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width:100%;
    padding:20px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:calc(100px - 40px);
}

.alert1_menu a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:280px;
    height:50px;
    border:1px solid #999999;
    color:#999999;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}


.alert1_on{
    color:#347ee7 !important;
    border:1px solid #347ee7 !important;
}

.alert_btn_150_1{
    width:100%;
    height:50px;
    background: #cccccc;
    border-radius: 4px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
}

.alert_btn_150_2{
    width:100%;
    height:50px;
    background: #347EE7;
    border-radius: 4px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
}

.alert_btn_150_3{
    width:150px;
    height:50px;
    background: #ffffff;
    border:1px solid #347ee7;
    border-radius: 4px;
    color:#347ee7;
    font-size:18px;
    font-weight: 500;
}



.alert_btn_320{
    width:100%;
    height:50px;
    background: #347EE7;
    border-radius: 4px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
}


.alert_btn_250_1{
    width:250px;
    height:50px;
    border-radius: 4px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
    background:#cccccc;
}

.alert_btn_250_2{
    width:250px;
    height:50px;
    border-radius: 4px;
    color:#ffffff;
    font-size:18px;
    font-weight: 500;
    background:#347ee7;
}

.alert_btn_91{
    width:91px;
    padding:10px;
    border:1px solid #347ee7;
    font-size:14px;
    font-weight: 500;
    color:#347ee7;
    box-sizing: border-box;
    border-radius: 100px;
    cursor:pointer;
}



/*  *  *  *  *  *  *  * alert2.html *  *  *  *  *  *  * */

.alert2_menu{ 
    display:flex;
    flex-direction: column;
    align-items: center;
    width:320px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
    padding:40px;
}

.alert2_menu img{
    position:absolute;
    top: 13.75px;
    right: 23.75px;
    cursor: pointer;
}

.alert2_menu p{
    color:#000000;
    font-size:18px;
    font-weight: 400;
}

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

.alert2_on{
    background:#347ee7 !important;
}
/*  *  *  *  *  *  *  * alert3.html *  *  *  *  *  *  * */

#alert3{
    justify-content: flex-end;
    top:-153px;
}

.alert3_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:calc(100px - 0px);
    padding:40px;
    font-size:18px;
    font-weight: 400;
    word-break: break-all;
}

#close{
    position:absolute;
    top:28px;
    right:24px;
    cursor:pointer;
}
/*  *  *  *  *  *  *  * alert4.html *  *  *  *  *  *  * */

.alert4 a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:50px;
    background:#347ee7;
    color:#ffffff;
    border-radius: 4px;
    font-size:18px;
    font-weight: 500;
}

/*  *  *  *  *  *  *  * alert5.html *  *  *  *  *  *  * */

.alert5_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:400px;
    height:232px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
}

.alert5_menu p{
    font-size:18px;
    font-weight: 400;
}

/*  *  *  *  *  *  *  * alert6.html *  *  *  *  *  *  * */

.alert6_menu{ 
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:400px;
    height:206px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
}

.alert6_menu p{
    font-size:18px;
    font-weight: 400;
}

/*  *  *  *  *  *  *  * alert10.html *  *  *  *  *  *  * */

.alert10_menu{
    display:flex;
    flex-direction: column;
    padding:40px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 20px;
    position:relative;
    top:calc(100px - 40px);
    width:100%;
}

.alert11_menu{
    display:flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    position:relative;
    padding: 20px;
}

.alert12_menu{
    font-family: "JUA";
    display:flex;
    flex-direction: column;
    padding:58px 20px 40px 20px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 20px;
    position:relative;
    top:calc(100px - 40px);
    width:100%;
}

.alert10_menu img{
    position:absolute;
    top:28px;
    right:24px;
    cursor:pointer;
}

.alert10_menu h1{
    font-size:24px;
    font-weight: 700;
}

.alert10_menu p{
    font-size:16px;
    font-weight: 400;
}

/*  *  *  *  *  *  *  * alert11.html *  *  *  *  *  *  * */

.off{
    border:1px solid #347ee7;
    color:#347ee7 !important;
    background:#ffffff !important;
}

.alert_ex{
    text-align: center;
    word-break: keep-all;
}

/*  *  *  *  *  *  *  * popup1.html *  *  *  *  *  *  * */

.alert_reg1_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:78px;
    padding:40px 20px;
}

.alert_reg1_menu h1{
    font-size:24px;
    font-weight: 700;
}

.alert_reg1_menu img{
    position:absolute;
    top:28px;
    right:24px;
    cursor:pointer;
}

.alert_reg1_box{
    display:flex;
    justify-content: center;
    align-items: center;
    width:160px;
    height:50px;
    font-size:18px;
    font-weight: 500;
    border-bottom:2px solid #999999;
    color:#999999;
    cursor:pointer;
}

.on{
    color:#347ee7;
}

.on10{
    color:#eb893c;
}

.alert_txt{
    width:100%;
    border:1px solid #cccccc;
    padding:12px 15px 159px 12px;
    font-size:18px;
    font-weight: 400;
    border-radius: 4px;
}

.alert_txt1{
    width:100%;
    height:50px;
    border:1px solid #cccccc;
    padding:12px 15px;
    font-size:18px;
    font-weight: 400;
    border-radius: 4px;
}

.alert_select_box{
    width:100%;
    height:50px;
    border:1px solid #cccccc;
    padding:10px 39px 12px 10px;
    font-size:18px;
    font-weight: 400;
    border-radius: 4px;
    background:#ffffff;
    background-image: url(../imgs/arrow_drop_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}

/*  *  *  *  *  *  *  * alert_reg2.html *  *  *  *  *  *  * */

.alert_reg2_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:400px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
}

.alert_reg2_menu img{
    position:absolute;
    top:28px;
    right:24px;
}

.alert_reg2_menu h1{
    font-size:24px;
    font-weight: 700;
}

.alert_reg2{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:320px;
    height:174px;
    background:#347EE7;
    color:#ffffff;
    border-radius: 10px;
}

.alert_reg2 p{
    font-size:18px;
    font-weight:500;
}

.alert_reg2 h1{
    font-size:36px;
    font-weight: 700;
}

/*  *  *  *  *  *  *  * alert_reg3.html *  *  *  *  *  *  * */

.alert_reg3_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:600px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
}

.alert_reg3_menu img{
    position:absolute;
    top:28px;
    right:21px;
}

.alert_reg3_menu p{
    font-size:14px;
    font-weight: 500;
}

.alert_reg3{
    width:520px;
    text-align: center;
    border-bottom:1px solid #cccccc;
}

.alert_reg3 h1{
    font-size:24px;
    font-weight: 700;
}

#alert_right{
    position: relative;
    bottom: -35px;
    right: 95px;
    display: flex;
    align-items: center;
}

.search_reg{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    width:500px;
    padding:10px;
    background: #EFF5FE;
}


.search_reg1{
    display:flex;
    justify-content: flex-start;
    width:520px;
    margin:5px 0;
    cursor:pointer;
}

.search_reg1_1{
    display:flex;
    justify-content: flex-start;
    width:520px;
    margin:5px 0;
    text-decoration: underline;
    cursor:pointer;
}

.font_bd{
    font-weight: 700 !important;
}

.num{
    padding:0 10px;
    font-weight:400;
    text-decoration:unset;
}

.c_red{color:#ff0000;}
.c_blue{color:#347ee7;}
.c_w{color:#ffffff;}


/*  *  *  *  *  *  *  * 52_alert_reg4.html *  *  *  *  *  *  * */

.alert_reg4_menu{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:800px;
    background: #FFFFFF;
    border-radius: 10px;
    position:relative;
    top:200px;
}

.alert_reg4_menu img{
    position:absolute;
    top:28px;
    right:21px;
}

.alert_reg4{
    width:720px;
    text-align: center;
    border-bottom:1px solid black;
}

.alert_reg4 h1{
    font-size:24px;
    font-weight: 700;
}

.alert_reg4_con1{
    width:400px;
    height:200px;
    background:#ffffff;
}

.alert_reg4_con2{
    word-break: keep-all;
    font-size:18px;
}

.alert_reg4_con2 p, .alert_reg4_con2 a{
    font-size: 18px;
    font-weight:400;
    display: contents;
}


.alert_reg4_con2 span{
    font-size: 14px;
    font-weight:400;
}

.alert4_1{
    font-size:14px !important;
    font-weight: normal !important;
    display: inline-block !important;
}

.alert4_ex{
    width:678px;
    border:1px solid #cccccc;
    padding:20px 20px 139px 20px;
    font-size:16px;
    font-weight: 400;

}

textarea::placeholder{
    font-size:16px;
    font-weight: 400;
    color:#999999;
}

.alert4_btn{
    width:720px;
    height:50px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#347ee7;
    color:#FFFFFF;
    border-radius: 4px;
    font-size:18px;
    font-weight:500;
}

.table4 td{
    text-align: start;
    font-size:16px;
    font-weight: 400;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:10px;
}

.tr6{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    height:50px;
}


/*  *  *  *  *  *  *  * 55_02_alert.html *  *  *  *  *  *  * */

.alert_form1{
    width:157px;
    height:50px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size:18px;
    font-weight: 400;
}

.write1_btn{
    width:100%;
    height:50px;
    background:#347ee7;
    border-radius: 4px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
}

.timer_box{
    position:relative;
}


.timer{
    position:absolute;
    bottom: 15px;
    right: 15px;
    color:#ff0000;
}