@charset "UTF-8";

.component_shortcut_test{position:relative;}
.component_shortcut_test ul{position:relative;margin:0;padding:0;list-style:none;display:grid;column-gap:15px;row-gap:15px;grid-template-columns:repeat(5,1fr);}
.component_shortcut_test ul li{position:relative;flex:1;}
.component_shortcut_test .item{position:relative;display:block;border-radius:10px;background-color:#ffffff;border:1px solid #e2e2e2;padding:20px 15px;min-height:100%;text-decoration:none;box-sizing:border-box;overflow:hidden;cursor:pointer;transition:background-color ease 0.2s;display:flex;flex-wrap:nowrap;align-items:center;flex-direction:row;gap:15px;}
.component_shortcut_test .item:hover{background-color:#f6f9fb;}
.component_shortcut_test .item .icon{position:relative;width:50px;aspect-ratio:1/1;flex-shrink:0;font-size:24px;font-weight:400;color:#000000;border-radius:50%;background-color:#e6f0fb;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
.component_shortcut_test .item .icon:before{content:"";font-family:"remixicon";display:block;}
.component_shortcut_test .item .text{position:relative;flex-grow:1;}
.component_shortcut_test .item .text .title{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#000000;line-height:1.4;}
.component_shortcut_test .item .text .description{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;color:#000000;line-height:1.4;margin-top:0.5em;}
.component_shortcut_test .item .icon[class*="icon_grammar"]:before{content:"\EC9B";}
.component_shortcut_test .item .icon[class*="icon_dsat"]:before{content:"\ED0F";}
.component_shortcut_test .item .icon[class*="icon_ap_"]:before{content:"\EA7E";}

@media all and (max-width:1800px){
	.component_shortcut_test ul{grid-template-columns:repeat(3,1fr);}
}
@media all and (max-width:1200px){
	.component_shortcut_test ul{grid-template-columns:repeat(2,1fr);}
}
@media all and (max-width:1000px){
	.component_shortcut_test .item{padding:15px 15px;gap:10px;}
	.component_shortcut_test .item .icon{width:40px;font-size:20px;}
	.component_shortcut_test .item .text .title{font-size:14px;}
}


.component_message{position:relative;padding:30px 15px;border-radius:10px;border:1px solid #e2e2e2;background-color:#ffffff;}
.component_message .text{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;color:#000000;text-align:center;line-height:1.4;}

@media all and (max-width:1000px){
	.component_message .text{font-size:14px;}
}


.component_search{position:relative;padding:15px;border-radius:10px;border:1px solid #e2e2e2;background-color:#ffffff;}
.component_search form{position:relative;margin:0;padding:0;}
.component_search fieldset{position:relative;margin:0;padding:0;border:0;}
.component_search legend{display:none;}
.component_search .keyword{position:relative;margin:0;padding:0 15px;-webkit-appearance:none;padding-right:50px;border:1px solid #e2e2e2;border-radius:5px;height:50px;width:100%;font-size:18px;font-weight:400;color:#000000;background-color:#ffffff;transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;}
.component_search .keyword:focus{border-color:#0070f0;background-color:#ffffff;}
.component_search .keyword:placeholder-shown{background-color:#f6f9fb;}
.component_search .button{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;margin:0;padding:0;border:0;width:50px;height:50px;border-radius:0;color:#000000;background-color:transparent;transition:opacity ease 0.2s;opacity:0.5;cursor:pointer;}
.component_search .button:before{content:"\F0D1";display:block;font-family:"remixicon";font-size:25px;}
.component_search .keyword:focus + .button{opacity:1;color:#0070f0;}
* + .component_search{margin-top:40px;}

@media all and (max-width:1000px){
	.component_search .keyword{padding-right:calc(10px + 2.5em);height:45px;font-size:16px;}
	.component_search .button{width:45px;height:45px;}
	* + .component_search{margin-top:30px;}
}


.component_category{position:relative;border:1px solid #e2e2e2;background-color:#ffffff;padding:15px;border-radius:10px;}
.component_category ul{position:relative;margin:0;padding:0;border:1px solid #e2e2e2;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;border-radius:10px;overflow:hidden;}
.component_category ul li{position:relative;flex:1;border-right:1px solid #e2e2e2;}
.component_category ul li:last-child{border-right-width:0;}
.component_category .item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:0;text-align:center;font-size:18px;font-weight:400;color:#000000;border:0;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;box-sizing:border-box;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;}
.component_category .item:hover{background-color:#f6f9fb;}
.component_category .item.active{background-color:#e6f0fb;color:#0070f0;font-weight:500;}
* + .component_category{margin-top:40px;}

@media all and (max-width:1000px){
	.component_category .item{font-size:16px;height:45px;}
	* + .component_category{margin-top:30px;}
}


.component_list_order{position:relative;}
.component_list_order:after{content:"";display:block;clear:both;}
.component_list_order .total_count{float:left;font-size:16px;font-weight:400;color:#000000;height:40px;white-space:nowrap;background-color:#e6f0fb;padding:0 15px;border-radius:20px;display:flex;align-items:center;justify-content:center;}
.component_list_order .total_count .title{font-weight:500;}
.component_list_order .order{float:right;width:150px;}
.component_list_order select{position:relative;display:block;margin:0;padding:0 15px;padding-right:40px;width:100%;height:40px;border-radius:5px;border:1px solid #e2e2e2;-webkit-appearance:none;font-size:18px;font-weight:400;color:#000000;box-sizing:border-box;background-color:#ffffff;background-image:url(../img/component/component_list_order_select_arrow.png);background-size:15px;background-repeat:no-repeat;background-position:right 15px center;cursor:pointer;transition:border-color ease 0.2s;}
.component_list_order select:focus{border-color:#0070f0;}
* + .component_list_order{margin-top:40px;}

@media all and (max-width:1000px){
	.component_list_order .total_count{font-size:14px;height:35px;}
	.component_list_order .order{width:7.5em;}
	.component_list_order select{font-size:16px;height:35px;padding-right:35px;}
	* + .component_list_order{margin-top:30px;}
}


.component_pagination{position:relative;text-align:center;}
.component_pagination ul{position:relative;margin:0;padding:0;list-style:none;display:flex;column-gap:10px;row-gap:10px;justify-content:center;}
.component_pagination ul li{position:relative;}
.component_pagination .item{position:relative;display:flex;align-items:center;justify-content:center;min-width:50px;height:50px;padding:0 5px;border:1px solid #e2e2e2;border-radius:5px;background-color:#ffffff;font-size:18px;font-weight:400;color:#000000;text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box;overflow:hidden;-webkit-appearance:none;transition:border-color ease 0.2s,background-color ease 0.2s;}
.component_pagination .item:hover{background-color:#f6f9fb;}
.component_pagination .item.active{background-color:#e6f0fb;font-weight:500;color:#0070f0;}
.component_pagination .item.direction{font-size:0;color:transparent;}
.component_pagination .item.direction:before{content:"";display:block;font-family:"remixicon";font-size:25px;color:#000000;font-weight:400;}
.component_pagination .item.direction.direction_first:before{content:"\F363";}
.component_pagination .item.direction.direction_prev:before{content:"\EA64";}
.component_pagination .item.direction.direction_next:before{content:"\EA6E";}
.component_pagination .item.direction.direction_last:before{content:"\F365";}
* + .component_pagination{margin-top:40px;}

@media all and (max-width:1000px){
	.component_pagination .item{font-size:16px;height:45px;min-width:45px;}
	.component_pagination .item.direction:before{font-size:22px;}
	* + .component_pagination{margin-top:30px;}
}
@media all and (max-width:600px){
	.component_pagination .item{font-size:14px;height:40px;min-width:40px;}
}


.component_generate{position:relative;padding:15px;border-radius:10px;border:1px solid #e2e2e2;background-color:#ffffff;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
.component_generate .description{position:relative;margin:0;padding:0;color:#000000;font-size:16px;line-height:1.4;font-weight:400;flex-grow:1;margin-right:10px;word-break:keep-all;}
.component_generate .button{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0 10px;width:10em;height:50px;border-radius:5px;text-align:center;font-size:18px;font-weight:500;color:#000000;border:1px solid #e2e2e2;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;flex-shrink:0;}
.component_generate .button:hover{background-color:#e6f0fb;border-color:#0070f0;}
.component_generate .button.button_primary{background-color:#0070f0;border-color:#0070f0;color:#ffffff;}
.component_generate .button.button_primary:hover{background-color:#0167dc;border-color:#0167dc;}

@media all and (max-width:1000px){
	.component_generate{padding:10px;}
	.component_generate .description{font-size:14px;}
	.component_generate .button{font-size:16px;height:45px;}
}
@media all and (max-width:600px){
	.component_generate{flex-wrap:wrap;flex-direction:unset;}
	.component_generate .button{width:100%;margin-top:15px;}
}


.component_list_function{position:relative;font-size:20px;}
* + .component_list_function{margin-top:30px;}

@media all and (max-width:1000px){
	* + .component_list_function{margin-top:15px;}
}

.component_list{position:relative;}
* + .component_list{margin-top:30px;}

@media all and (max-width:1000px){
	* + .component_list{margin-top:15px;}
}


.component_view{position:relative;font-size:16px;background-color:#ffffff;border-radius:10px;border:1px solid #e2e2e2;overflow:hidden;}
.component_view .view_header{position:relative;padding:15px;}
.component_view .view_header:after{content:"";display:block;clear:both;}
.component_view .view_header .status{position:relative;display:inline-block;min-width:100px;height:40px;padding:0 10px;line-height:40px;border-radius:20px;text-align:center;font-size:18px;font-weight:500;color:#777777;background-color:#efefef;}
.component_view .view_header .status.is_ready{background-color:#e6f0fb;color:#0070f0;}
.component_view .view_header .status.is_completed{background-color:#0070f0;color:#ffffff;}
.component_view .view_header .status.is_test_ready{background-color:#e6f0fb;color:#0070f0;}
.component_view .view_header .status.is_test_proceed{background-color:#fcefef;color:#e67b8c;}
.component_view .view_header .status.is_test_completed{background-color:#d8eeed;color:#43907f;}
.component_view .view_header .title{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:700;color:#000000;line-height:1.4;}
.component_view .view_header .status + .title{margin-top:15px;}
.component_view .view_header .meta{position:relative;margin:0;padding:0;font-size:1em;font-weight:400;color:#777777;line-height:1.4;margin-top:10px;}
.component_view .view_header .meta ul{position:relative;margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;}
.component_view .view_header .meta ul:after{content:"";display:block;clear:both;}
.component_view .view_header .meta ul li{position:relative;float:left;white-space:nowrap;}
.component_view .view_header .meta ul li:nth-child(n+2){padding-left:20px;}
.component_view .view_header .meta ul li:nth-child(n+2):before{content:"";display:block;position:absolute;left:10px;top:50%;transform:translate(-50%,-50%);width:1px;height:0.8em;background-color:#777777;}
.component_view .view_content{position:relative;padding:25px 15px;font-size:1em;font-weight:400;color:#000000;line-height:1.4;border-top:1px solid #e2e2e2;}
.component_view .view_content .content_title{position:relative;margin:0;padding:0;font-size:1.5em;font-weight:700;color:#000000;line-height:1.4;}
.component_view .view_content .content_body{position:relative;}
.component_view .view_content .content_title + .content_body{margin-top:15px;}
.component_view .view_content .tab_page{position:relative;display:none;}
.component_view .view_content .tab_page.active{display:block;}
.component_view .view_content p{margin:0;}
.component_view .view_function{position:relative;padding:15px;border-top:1px solid #e2e2e2;}
.component_view .view_tab{position:relative;border-top:1px solid #e2e2e2;padding:15px;}
.component_view .view_tab.hide{display:none;}
.component_view .view_tab ul{position:relative;margin:0;padding:0;border:1px solid #e2e2e2;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;border-radius:10px;overflow:hidden;}
.component_view .view_tab ul li{position:relative;flex:1;border-right:1px solid #e2e2e2;}
.component_view .view_tab ul li:last-child{border-right-width:0;}
.component_view .view_tab .item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:0;text-align:center;font-size:18px;font-weight:400;color:#000000;border:0;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;box-sizing:border-box;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;}
.component_view .view_tab .item:hover{background-color:#f6f9fb;}
.component_view .view_tab .item.active{background-color:#e6f0fb;color:#0070f0;font-weight:500;}
.component_view .view_test_info{position:relative;padding:15px;display:flex;flex-wrap:nowrap;flex-flow:row;align-items:flex-start;}
.component_view .view_test_info .thumbnail{position:relative;width:250px;border-radius:10px;background-color:#efefef;container-type:inline-size;overflow:hidden;}
.component_view .view_test_info .thumbnail:before{content:"";display:block;padding-bottom:100%;background-color:#000000;opacity:0;transition:opacity ease 0.3s;}
.component_view .view_test_info .thumbnail:hover:before{opacity:0.3;}
.component_view .view_test_info .thumbnail .type{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:7cqw;font-weight:700;color:#ffffff;width:100%;text-align:center;box-sizing:border-box;padding:10px;word-break:keep-all;opacity:0.7;transition:opacity ease 0.3s;}
.component_view .view_test_info .thumbnail.type_p{background-color:#20678b;}
.component_view .view_test_info .thumbnail.type_d{background-color:#96b6c0;}
.component_view .view_test_info .thumbnail.type_b{background-color:#595aae;}
.component_view .view_test_info .thumbnail.type_v{background-color:#352f52;}
.component_view .view_test_info .thumbnail.type_c{background-color:#74789d;}
.component_view .view_test_info .thumbnail.type_g{background-color:#245789;}
.component_view .view_test_info .info{position:relative;margin-left:20px;flex-grow:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-self:stretch;}
.component_view .view_test_info .info .summary{position:relative;flex-grow:1;}
.component_view .view_test_info .info .summary .status{position:relative;display:flex;align-items:center;justify-content:center;width:7em;height:30px;border-radius:15px;text-align:center;font-size:1em;font-weight:500;color:#777777;background-color:#efefef;}
.component_view .view_test_info .info .summary .status{background-color:rgba(0,0,0,0.2);color:#ffffff;}
.component_view .view_test_info .info .summary .status.is_test_ready{background-color:#e6f0fb;color:#0070f0;}
.component_view .view_test_info .info .summary .status.is_test_proceed{background-color:#fcefef;color:#e67b8c;}
.component_view .view_test_info .info .summary .status.is_test_completed{background-color:#d8eeed;color:#43907f;}
.component_view .view_test_info .info .summary .title{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:500;color:#000000;margin-top:15px;}
.component_view .view_test_info .info .summary .meta{position:relative;font-size:1em;font-weight:400;color:#777777;margin-top:10px;}
.component_view .view_test_info .info .summary .meta ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:5px;}
.component_view .view_test_info .info .summary .meta ul:after{content:"";display:block;clear:both;}
.component_view .view_test_info .info .summary .meta ul li{position:relative;}
.component_view .view_test_info .info .buttons{position:relative;max-width:400px;margin-top:15px;}
.component_view .view_test_info .info .buttons .button{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:50px;border-radius:5px;text-align:center;font-size:18px;font-weight:500;color:#000000;border:1px solid #e2e2e288;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;overflow:hidden;}
.component_view .view_test_info .info .buttons .button:hover{background-color:#e6f0fb;border-color:transparent;}
.component_view .view_test_info .info .buttons .button:before{content:"";font-family:"remixicon";display:block;font-size:1.4em;font-weight:400;position:absolute;left:0;top:0;width:50px;height:100%;background-color:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:border-color ease 0.2s,background-color ease 0.2s;}
.component_view .view_test_info .info .buttons .button:hover:before{background-color:rgba(0,0,0,0.1);}
.component_view .view_test_info .info .buttons .button.is_test_ready{background-color:#e6f0fb;color:#0070f0;}
.component_view .view_test_info .info .buttons .button.is_test_ready:hover{background-color:#0070f0;color:#ffffff;}
.component_view .view_test_info .info .buttons .button.is_test_ready:before{content:"\F00B";}
.component_view .view_test_info .info .buttons .button.is_test_proceed{background-color:#fcefef;color:#e67b8c;}
.component_view .view_test_info .info .buttons .button.is_test_proceed:hover{background-color:#e67b8c;color:#ffffff;}
.component_view .view_test_info .info .buttons .button.is_test_proceed:before{content:"\F00B";}
.component_view .view_test_info .info .buttons .button.is_test_completed{background-color:#d8eeed;color:#43907f;}
.component_view .view_test_info .info .buttons .button.is_test_completed:hover{background-color:#43907f;color:#ffffff;}
.component_view .view_test_info .info .buttons .button.is_test_completed:before{content:"\F00B";}
* + .component_view{margin-top:30px;}
.component_view + .component_list{margin-top:30px;}

@media all and (max-width:1000px){
	.component_view{font-size:14px;}
	.component_view .view_tab .item{font-size:16px;height:45px;}
	.component_view .view_test_info .thumbnail{width:200px;}
	.component_view .view_test_info .info .buttons .button{font-size:16px;height:45px;}
	.component_view .view_test_info .info .buttons .button:before{width:45px;}
	* + .component_view{margin-top:20px;}
	.component_view + .component_list{margin-top:20px;}
}
@media all and (max-width:600px){
	.component_view .view_test_info{display:block;}
	.component_view .view_test_info .thumbnail{margin:0 auto;}
	.component_view .view_test_info .info{margin:0;margin-top:20px;}
	.component_view .view_test_info .info .buttons{max-width:100%;}
}


.component_write{position:relative;font-size:16px;background-color:#ffffff;border-radius:10px;border:1px solid #e2e2e2;overflow:hidden;}
.component_write form{position:relative;margin:0;padding:0;}
.component_write fieldset{position:relative;margin:0;padding:0;border:0;}
.component_write legend{display:none;}
.component_write .write_header{position:relative;padding:15px;}
.component_write .write_header:after{content:"";display:block;clear:both;}
.component_write .write_content{position:relative;padding:15px;font-weight:400;color:#000000;line-height:1.4;;}
.component_write .write_header + .write_content{border-top:1px solid #e2e2e2}
.component_write .write_function{position:relative;padding:15px;border-top:1px solid #e2e2e2;}
* + .component_write{margin-top:30px;}

@media all and (max-width:1000px){
	.component_write{font-size:14px;}
	* + .component_write{margin-top:20px;}
}


.component_member_sign{position:relative;width:100%;height:100%;overflow:auto;display:flex;box-sizing:border-box;padding:50px 15px;}
.component_member_sign .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.component_member_sign .bg:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.1;background-image:radial-gradient(#444cf7 4px, transparent 4px), radial-gradient(#444cf7 4px, #e5e5f7 4px);background-size:100px 100px;background-position:0 0,50px 50px;}
.component_member_sign .bg.type_color:before{display:none;}
.component_member_sign .bg.type_image{background-size:cover;background-position:center center;opacity:1;}
.component_member_sign .bg.type_image:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0,0.2);background-image:none;}
.component_member_sign .box{position:relative;z-index:1;width:100%;max-width:400px;box-sizing:border-box;margin:auto;}
.component_member_sign .box .box_title{position:relative;}
.component_member_sign .box .box_title .logo{position:relative;}
.component_member_sign .box .box_title .logo img{position:relative;display:block;max-height:50px;max-width:300px;margin:0 auto;}
.component_member_sign .box .box_content{position:relative;margin-top:50px;}
.component_member_sign .form{position:relative;}
.component_member_sign .form form{position:relative;margin:0;padding:0;}
.component_member_sign .form fieldset{position:relative;margin:0;padding:0;border:0;}
.component_member_sign .form legend{display:none;}
.component_member_sign .form .form_title{position:relative;margin:0;padding:0;font-size:25px;font-weight:700;color:#000000;line-height:1.4;word-break:keep-all;text-align:center;text-transform:capitalize;}
.component_member_sign .form .form_body{position:relative;}
.component_member_sign .form .form_title + .form_body{margin-top:20px;}
.component_member_sign .form .user{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
.component_member_sign .form .user .icon{position:relative;width:100px;border-radius:50%;margin:0 auto;background-color:#e6f0fb;background-image:url(../img/layout/icon_user.png);background-size:cover;background-position:center top 20px;background-repeat:no-repeat;animation:ani_component_member_sign_user_icon ease 2s infinite alternate;}
.component_member_sign .form .user .icon:before{content:"";display:block;padding-bottom:100%;}
.component_member_sign .form .user .user_name{position:relative;flex-grow:1;font-size:16px;font-weight:400;line-height:1.4;margin-left:10px;}
.component_member_sign .form .user + *{margin-top:20px;}
.component_member_sign.type_login{background-color:#e5e5e5;}
.component_member_sign.type_login .box{background-color:transparent;border:1px solid #e2e2e2;border-radius:10px;max-width:450px;box-shadow:0 0 30px rgba(0,0,0,0.1);overflow:hidden;padding-top:50px;}
.component_member_sign.type_login .box_decoration{position:absolute;left:0;top:0;display:block;height:50px;width:100%;overflow:hidden;}
.component_member_sign.type_login .box_decoration:before{content:"";display:block;background-color:transparent;box-shadow:0 0 0 200px #e6f0fb;height:18px;width:80px;position:absolute;left:50%;top:16px;border-radius:9px;transform:translateX(-50%);}
.component_member_sign.type_login .box_decoration:after{content:"";display:block;background-color:transparent;box-shadow:2px 2px 6px 0 inset rgba(0,0,0,0.5);height:18px;width:80px;position:absolute;left:50%;top:16px;border-radius:9px;transform:translateX(-50%);}
.component_member_sign.type_login .box_decoration_content{position:relative;background-color:#ffffff;padding:30px 30px 40px;}

@keyframes ani_component_member_sign_user_icon{
	0%{background-position:center top 20px;}
	20%{background-position:center top;}
	100%{background-position:center top;}
}

@media all and (max-width:1000px){
	.component_member_sign .box .box_content{margin-top:40px;}
}


.group_list_test{position:relative;}
.group_list_test > ul{position:relative;margin:0;padding:0;list-style:none;display:grid;column-gap:20px;row-gap:30px;grid-template-columns:repeat(6,1fr);}
.group_list_test > ul > li{position:relative;}
.group_list_test .item{position:relative;display:block;text-decoration:none;font-size:16px;cursor:pointer;}
.group_list_test .item .top{position:relative;}
.group_list_test .item .top .thumbnail{position:relative;border-radius:10px;background-color:#efefef;container-type:inline-size;overflow:hidden;}
.group_list_test .item .top .thumbnail:before{content:"";display:block;padding-bottom:100%;background-color:#000000;opacity:0;transition:opacity ease 0.3s;}
.group_list_test .item .top .thumbnail:hover:before{opacity:0.3;}
.group_list_test .item .top .thumbnail .type{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:7cqw;font-weight:700;color:#ffffff;width:100%;text-align:center;box-sizing:border-box;padding:10px;word-break:keep-all;opacity:0.7;transition:opacity ease 0.3s;}
.group_list_test .item .top .thumbnail.type_p{background-color:#20678b;}
.group_list_test .item .top .thumbnail.type_d{background-color:#96b6c0;}
.group_list_test .item .top .thumbnail.type_b{background-color:#595aae;}
.group_list_test .item .top .thumbnail.type_v{background-color:#352f52;}
.group_list_test .item .top .thumbnail.type_c{background-color:#74789d;}
.group_list_test .item .top .thumbnail.type_g{background-color:#245789;}
.group_list_test .item .top .summary{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;box-sizing:border-box;}
.group_list_test .item .top .summary .status{position:relative;display:flex;align-items:center;justify-content:center;width:7em;height:30px;border-radius:15px;text-align:center;font-size:1em;font-weight:500;color:#777777;background-color:#efefef;}
.group_list_test .item .top .summary .status{background-color:rgba(0,0,0,0.2);color:#ffffff;}
/*
.group_list_test .item .top .summary .status.is_test_ready{background-color:#e6f0fb;color:#0070f0;}
.group_list_test .item .top .summary .status.is_test_proceed{background-color:#fcefef;color:#e67b8c;}
.group_list_test .item .top .summary .status.is_test_completed{background-color:#d8eeed;color:#43907f;}
*/
.group_list_test .item .top .summary .buttons{position:absolute;left:0;bottom:0;padding:10px;width:100%;box-sizing:border-box;}
.group_list_test .item .top .summary .buttons .button{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:50px;border-radius:5px;text-align:center;font-size:18px;font-weight:500;color:#000000;border:0;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;}
.group_list_test .item .top .summary .buttons .button:hover{background-color:#e6f0fb;border-color:#0070f0;}
.group_list_test .item .top .summary .buttons .button.is_test_ready{background-color:#e6f0fb;color:#0070f0;}
.group_list_test .item .top .summary .buttons .button.is_test_ready:hover{background-color:#0070f0;color:#ffffff;}
.group_list_test .item .top .summary .buttons .button.is_test_proceed{background-color:#fcefef;color:#e67b8c;}
.group_list_test .item .top .summary .buttons .button.is_test_proceed:hover{background-color:#e67b8c;color:#ffffff;}
.group_list_test .item .top .summary .buttons .button.is_test_completed{background-color:#d8eeed;color:#43907f;}
.group_list_test .item .top .summary .buttons .button.is_test_completed:hover{background-color:#43907f;color:#ffffff;}
.group_list_test .item .info{possition:relative;margin-top:10px;}
.group_list_test .item .info .title{position:relative;margin:0;padding:0;font-size:1em;font-weight:400;color:#000000;}
.group_list_test .item .info .meta{position:relative;font-size:0.95em;font-weight:400;color:#777777;margin-top:10px;}
.group_list_test .item .info .meta ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:5px;}
.group_list_test .item .info .meta ul:after{content:"";display:block;clear:both;}
.group_list_test .item .info .meta ul li{position:relative;}
.group_list_test .item:hover .top .thumbnail:before{opacity:0.2;}
.group_list_test .item:hover .top .thumbnail .type{opacity:1;}

@media all and (max-width:1800px){
	.group_list_test > ul{grid-template-columns:repeat(5,1fr);}
	.group_list_test.type_home > ul > li:nth-child(n+6){display:none;}
}
@media all and (max-width:1600px){
	.group_list_test > ul{grid-template-columns:repeat(4,1fr);}
	.group_list_test.type_home > ul > li:nth-child(n+5){display:none;}
}
@media all and (max-width:1300px){
	.group_list_test > ul{grid-template-columns:repeat(3,1fr);}
	.group_list_test.type_home > ul > li:nth-child(n+4){display:none;}
}
@media all and (max-width:1000px){
	.group_list_test > ul{column-gap:15px;grid-template-columns:repeat(4,1fr);}
	.group_list_test.type_home > ul > li:nth-child(n+3){display:block;}
	.group_list_test.type_home > ul > li:nth-child(n+5){display:none;}
	.group_list_test .item{font-size:14px;}
	.group_list_test .item .top .summary .buttons .button{font-size:16px;height:45px;}
}
@media all and (max-width:900px){
	.group_list_test > ul{grid-template-columns:repeat(3,1fr);}
}
@media all and (max-width:700px){
	.group_list_test > ul{grid-template-columns:repeat(2,1fr);}
	.group_list_test.type_home > ul > li:nth-child(n+4){display:block;}
	.group_list_test.type_home > ul > li:nth-child(n+5){display:none;}
}


.group_list_normal{position:relative;}
.group_list_normal > ul{position:relative;margin:0;padding:0;list-style:none;}
.group_list_normal > ul > li{position:relative;}
.group_list_normal > ul > li:nth-child(n+2){margin-top:15px;}
.group_list_normal .item{position:relative;display:block;border:1px solid #e2e2e2;border-radius:10px;padding:20px 15px;color:#000000;background-color:#ffffff;text-decoration:none;cursor:pointer;overflow:hidden;font-size:16px;transition:background-color ease 0.2s;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:10px;align-items:center;}
.group_list_normal .item:hover{background-color:#f6f9fb;}
.group_list_normal .item .direction{position:relative;font-size:1em;font-weight:400;color:#777777;line-height:1.4;white-space:nowrap;flex-shrink:0;width:2.5em;}
.group_list_normal .item .summary{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;column-gap:10px;}
.group_list_normal .item .summary .status{position:relative;width:100px;height:40px;border-radius:20px;text-align:center;font-size:1em;font-weight:500;color:#777777;background-color:#efefef;display:flex;align-items:center;justify-content:center;}
.group_list_normal .item .summary .status.is_ready{background-color:#e6f0fb;color:#0070f0;}
.group_list_normal .item .summary .status.is_completed{background-color:#0070f0;color:#ffffff;}
.group_list_normal .item .summary .title{position:relative;display:block;margin:0;padding:0;font-size:1.1em;font-weight:500;color:#000000;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;width:0;}
.group_list_normal .item .summary .meta{position:relative;font-size:1em;font-weight:400;color:#777777;line-height:1.4;flex-shrink:0;width:5em;}
.group_list_normal .item .summary .meta ul{position:relative;margin:0;padding:0;list-style:none;float:right;}
.group_list_normal .item .summary .meta ul:after{content:"";display:block;clear:both;}
.group_list_normal .item .summary .meta ul li{position:relative;float:left;white-space:nowrap;}
.group_list_normal .item .summary .meta ul li:nth-child(n+2){padding-left:20px;}
.group_list_normal .item .summary .meta ul li:nth-child(n+2):before{content:"";display:block;position:absolute;left:10px;top:50%;transform:translate(-50%,-50%);width:1px;height:0.8em;background-color:#777777;}
.group_list_normal.type_group{border:1px solid #e2e2e2;border-radius:10px;overflow:hidden;}
.group_list_normal.type_group > ul > li:nth-child(n+2){border-top:1px solid #e2e2e2;margin-top:0;}
.group_list_normal.type_group .item{border-width:0;border-radius:0;}

@media all and (max-width:1000px){
	.group_list_normal .item{font-size:14px;padding:15px 15px;}
}


.group_list_faq{position:relative;}
.group_list_faq > ul{position:relative;margin:0;padding:0;list-style:none;}
.group_list_faq > ul > li{position:relative;}
.group_list_faq > ul > li:nth-child(n+2){margin-top:15px;}
.group_list_faq .item{position:relative;display:block;border:1px solid #e2e2e2;border-radius:10px;color:#000000;background-color:#ffffff;text-decoration:none;cursor:pointer;overflow:hidden;font-size:16px;transition:background-color ease 0.2s;}
.group_list_faq .item .summary{position:relative;padding:15px;display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;column-gap:10px;}
.group_list_faq .item .summary:after{content:"\EA4E";display:block;font-family:"remixicon";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:25px;color:#000000;font-weight:400;transition:transform ease 0.2s;}
.group_list_faq .item .summary .category{position:relative;display:block;width:90px;height:30px;border-radius:15px;text-align:center;font-size:1em;font-weight:500;color:#000000;background-color:#e6f0fb;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.group_list_faq .item .summary .title{position:relative;margin:0;padding:0;font-size:1.1em;font-weight:500;color:#000000;line-height:1.4;flex-grow:1;margin-top:5px;margin-right:30px;}
.group_list_faq .item .content{position:relative;padding:15px;font-size:1em;font-weight:400;color:#000000;line-height:1.4;display:none;border-top:1px solid #e2e2e2;}
.group_list_faq .item .content p{margin:0;}
.group_list_faq .item.active .summary:after{transform:translateY(-50%) rotate(-180deg);}

@media all and (max-width:1000px){
	.group_list_faq .item{font-size:14px;}
	.group_list_faq .item .summary {padding:15px;}
	.group_list_faq .item .summary .category{width:5.6em;}
}


.group_nolist{position:relative;font-size:20px;display:block;border:1px solid #e2e2e2;border-radius:10px;padding:50px 15px;color:#000000;background-color:#ffffff;text-align:center;word-break:keep-all;}

@media all and (max-width:1000px){
	.group_nolist{font-size:18px;padding:30px 10px;}
}
@media all and (max-width:800px){
	.group_nolist{font-size:17px;}
}
@media all and (max-width:600px){
	.group_nolist{font-size:16px;}
}
@media all and (max-width:400px){
	.group_nolist{font-size:15px;}
}
@media all and (max-width:350px){
	.group_nolist{font-size:14px;}
}


.input_type_text{position:relative;display:block;margin:0;padding:0 15px;width:100%;height:50px;border-radius:5px;text-align:left;font-size:16px;font-weight:400;color:#000000;border:1px solid #e2e2e2;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;-moz-appearance:textfield;transition:background-color ease 0.2s,border-color ease 0.2s;box-sizing:border-box;}
.input_type_text:placeholder-shown{background-color:#f6f9fb;}
.input_type_text:focus{border-color:#0070f0;background-color:#ffffff;}
.input_type_text::-webkit-outer-spin-button,
.input_type_text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.input_type_select{position:relative;display:block;margin:0;padding:0 15px;padding-right:50px;width:100%;height:50px;border-radius:5px;border:1px solid #e2e2e2;-webkit-appearance:none;font-size:16px;font-weight:400;color:#000000;box-sizing:border-box;background-color:#ffffff;background-image:url(../img/component/input_type_select_arrow.png);background-size:15px;background-repeat:no-repeat;background-position:right 15px center;cursor:pointer;transition:border-color ease 0.2s;}
.input_type_select:focus{border-color:#0070f0;}
.input_type_radio{display:none;}
.input_type_radio + label{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;padding-left:30px;cursor:pointer;}
.input_type_radio + label:before,
.input_type_radio + label:after{content:"";display:block;position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;box-sizing:border-box;}
.input_type_radio + label:before{z-index:0;background-color:#efefef;border:1px solid #e2e2e2;}
.input_type_radio + label:after{z-index:1;background-color:#0070f0;width:14px;height:14px;left:3px;top:6px;opacity:0;transition:opacity ease 0.2s;}
.input_type_radio:checked + label:after{opacity:1;}
.input_type_checkbox{display:none;}
.input_type_checkbox + label{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;padding-left:30px;cursor:pointer;}
.input_type_checkbox + label:before,
.input_type_checkbox + label:after{content:"";display:block;position:absolute;left:0;top:3px;width:20px;height:20px;box-sizing:border-box;}
.input_type_checkbox + label:before{z-index:0;background-color:#efefef;border:1px solid #e2e2e2;}
.input_type_checkbox + label:after{z-index:1;width:14px;height:14px;left:3px;top:6px;opacity:0;transition:opacity ease 0.2s;background-image:url(../img/component/input_type_checkbox_arrow.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.input_type_checkbox:checked + label:after{opacity:1;}
.input_type_textarea{position:relative;display:block;margin:0;padding:15px;width:100%;height:500px;border-radius:5px;text-align:left;font-size:20px;font-weight:400;color:#000000;border:1px solid #e2e2e2;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;transition:border-color ease 0.2s;box-sizing:border-box;resize:none;}
.input_type_textarea:focus{border-color:#0070f0;}
.input_options{position:relative;margin-top:12px;}
.input_options ul{position:relative;margin:0;padding:0;list-style:none;}
.input_options ul:after{content:"";display:block;clear:both;}
.input_options ul li{float:left;margin-right:15px;}

.input_boundary{position:relative;}
.input_boundary .button{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;border-radius:0;width:50px;height:50px;-webkit-appearance:none;background-color:transparent;cursor:pointer;}
.input_boundary .button.button_password{}

@media all and (max-width:1000px){
	.input_type_text{font-size:15px;height:45px;}
	.input_type_select{font-size:15px;height:45px;}
}

.group_input{position:relative;}
.group_input > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:15px;}
.group_input > ul > li{position:relative;}
.group_input .item{position:relative;font-size:16px;}
.group_input .item .title{position:relative;margin:0;padding:0;width:150px;font-size:1em;line-height:1.4;font-weight:500;color:#000000;}
.group_input .item .title.is_required:after{content:"*";display:inline-block;vertical-align:middle;color:#0070f0;font-weight:400;margin-left:0.2em;}
.group_input .item .inputs{position:relative;}
.group_input .item * + .inputs{margin-top:0.5em;}
.group_input .item .inputs .description{position:relative;margin:0;padding:0;font-size:0.95em;font-weight:400;line-height:1.4;color:#777777;margin-top:0.5em;word-break:keep-all;}

@media all and (max-width:1000px){
	.group_input .item{font-size:15px;}
}


.group_button{position:relative;}
.group_button:after{content:"";display:block;clear:both;}
.group_button .left{float:left;}
.group_button .right{float:right;}
.group_button ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;column-gap:15px;}
.group_button ul li{position:relative;}
.group_button .button{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0 10px;min-width:100px;height:50px;border-radius:5px;text-align:center;font-size:18px;font-weight:500;color:#000000;border:1px solid #e2e2e2;background-color:#f6f9fb;text-decoration:none;-webkit-appearance:none;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s,color ease 0.2s;box-sizing:border-box;}
.group_button .button:hover{background-color:#e6f0fb;border-color:#0070f0;color:#0070f0;}
.group_button .button.button_primary{background-color:#0070f0;border-color:#0070f0;color:#ffffff;}
.group_button .button.button_primary:hover{background-color:#0167dc;border-color:#0167dc;}
.group_button.type_full ul{flex-direction:column;row-gap:15px;}
.group_button.type_full .button{width:100%;}
* + .group_button{margin-top:30px;}

@media all and (max-width:1000px){
	.group_button .button{font-size:16px;height:45px;min-width:90px;}
	* + .group_button{margin-top:20px;}
}


.group_link{position:relative;display:flex;justify-content:center;}
.group_link ul{position:relative;margin:0;padding:0;list-style:none;}
.group_link ul:after{content:"";display:block;clear:both;}
.group_link ul li{position:relative;float:left;white-space:nowrap;}
.group_link ul li:nth-child(n+2){padding-left:20px;}
.group_link ul li:nth-child(n+2):before{content:"";display:block;position:absolute;left:10px;top:50%;transform:translate(-50%,-50%);width:1px;height:0.8em;background-color:#777777;}
.group_link .link{position:relative;display:block;text-decoration:none;font-size:17px;color:#777777;line-height:1.4;cursor:pointer;text-transform:capitalize;}
* + .group_link{margin-top:50px;}

@media all and (max-width:1000px){
	* + .group_link{margin-top:40px;}
	.group_link .link{font-size:15px;}
}


.group_test_question_list{position:relative;font-size:16px;}
.group_test_question_list .divider{position:relative;}
.group_test_question_list .divider + .divider{margin-top:40px;}
.group_test_question_list .divider .divider_title{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:500;color:#000000;line-height:1.4;}
.group_test_question_list .divider .divider_body{position:relative;}
.group_test_question_list .divider .divider_title + .divider_body{margin-top:15px;}
.group_test_question_list .list{position:relative;border:1px solid #e2e2e2;border-radius:10px;overflow:hidden;}
.group_test_question_list .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.group_test_question_list .list > ul > li{position:relative;border-bottom:1px solid #e2e2e2;}
.group_test_question_list .list > ul > li:last-child{border-bottom:0;}
.group_test_question_list .list .item{position:relative;font-size:1em;line-height:1.2;padding:0.6em 0.5em;}
.group_test_question_list .list .item .row{position:relative;display:flex;flex-direction:row;column-gap:0.5em;align-items:center;}
.group_test_question_list .list .item .row > *{position:relative;display:block;box-sizing:border-box;text-align:center;flex-shrink:0;}
.group_test_question_list .list .item .row .number{width:3em;}
.group_test_question_list .list .item .row .title{flex-grow:1;text-align:left;flex-shrink:1;}
.group_test_question_list .list .item .row .title p{margin:0;padding:0;}
.group_test_question_list .list .item .row .answer{width:4.5em;}
.group_test_question_list .list .item .row .answer.is_correct_y{color:#6588f7;font-weight:700;}
.group_test_question_list .list .item .row .answer.is_correct_n{color:#dd0000;font-weight:400;}
.group_test_question_list .list .item .row .answer.is_correct_omit{font-weight:400;}
.group_test_question_list .list .item .row .buttons{width:5em;}
.group_test_question_list .list .item .row .button{position:relative;display:block;margin:0;padding:0 5px;width:100%;height:30px;border-radius:5px;text-align:center;font-size:0.9em;font-weight:500;color:#000000;border:1px solid #e2e2e2;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;column-gap:5px;white-space:nowrap;}
.group_test_question_list .list .item .row .button:before{content:"";font-family:"remixicon";display:block;}
.group_test_question_list .list .item .row .button:hover{background-color:#e6f0fb;color:#0070f0;}
.group_test_question_list .list .item .row .button.button_review:before{content:"\EADB";margin-top:2px;}
.group_test_question_list .list .item .row .nowrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.group_test_question_list .list .item .row .nowrap p{display:inline-block;}
.group_test_question_list .list .item .row .nowrap ol{display:none;}
.group_test_question_list .list .item .row .nowrap ul{display:none;}
.group_test_question_list .list .item .row .nowrap br{display:none;}
.group_test_question_list .list .definition{position:relative;font-size:1em;}
.group_test_question_list .list .definition .definition_title{position:relative;display:block;margin:0;padding:0;font-size:1.1em;font-weight:700;}
.group_test_question_list .list .definition .definition_title .type{position:relative;display:inline-block;vertical-align:top;font-size:1em;font-weight:400;margin-left:0.3em;}
.group_test_question_list .list .definition .definition_content{position:relative;display:block;margin:0;padding:0;font-size:1em;font-weight:400;margin-top:1em;}
.group_test_question_list .list .definition .definition_content .definition_content_divider{position:relative;}
.group_test_question_list .list .definition .definition_content .definition_content_divider + .definition_content_divider{margin-top:1em;}
.group_test_question_list .list .definition .definition_content .definition_content_divider .definition_content_divider_title{position:relative;display:inline-block;margin:0;padding:0;font-size:0.9em;font-weight:500;color:#0070f0;background-color:#e6f0fb;border-radius:1em;padding:0.2em 0.5em;}
.group_test_question_list .list .definition .definition_content .definition_content_divider .definition_content_divider_content{position:relative;display:block;margin:0;padding:0;font-size:1em;font-weight:400;margin-top:0.5em;line-height:1.6;}
.group_test_question_list .list ul.header li{border-bottom:1px solid #efefef;}
.group_test_question_list .list ul.header .item{white-space:nowrap;background-color:#e6f0fb;font-weight:500;}
.group_test_question_list .list.type_definition ul.header .item .row{align-items:center;}
.group_test_question_list .list.type_definition .item .row{align-items:flex-start;}

@media all and (max-width:1000px){
	.group_test_question_list{font-size:14px;}
	.group_test_question_list .divider + .divider{margin-top:30px;}
}