/* ���꾨씪�� */
.time-box{ padding:120px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.time-box > div{ padding:0 25px; }
.timeline{ position:relative; }
.timeline:before{ content:""; width:2px; margin-left:-1px; position:absolute; top:0; bottom:0; left:50%; background-color:#828282; }
.timeline li{ line-height:24px; padding:20px 0 20px 623px; position:relative; }
.timeline li:after{ content:''; width:10px; height:10px; margin-left:-7px; position:absolute; top:25px; left:50%; border:2px solid #828282; border-radius:50%; background:#fff; }
.timeline li .date{ width:60px; margin-left:25px; position:absolute; left:50%; font-size:18px; font-weight:700; color:#F77B28; }
.timeline li .txt{ font-size:16px; }
.timeline li.type2{ padding-left:0; padding-right:623px; text-align:right; }
.timeline li.type2 .date{ margin-left:-85px; }

/* .ico-play{ width:54px; height:54px; background-image:url(//img.inclass.co.kr/about/1.0/ico_play_54x54.png); }
.ico-comment{ width:54px; height:50px; background-image:url(//img.inclass.co.kr/about/1.0/ico_comment_54x50.png); }
.ico-users{ width:68px; height:34px; background-image:url(//img.inclass.co.kr/about/1.0/ico_users_68x34.png); }
.ico-reviews{ width:54px; height:52px; background-image:url(//img.inclass.co.kr/about/1.0/ico_reviews_54x52.png); }
.ico-home{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_home_36x36.png); }
.ico-tel{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_tel_36x36.png); }
.sns-area .ico-fb{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_fb_36x36.png); }
.sns-area .ico-inst{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_inst_36x36.png); }
.sns-area .ico-blog{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_blog_36x36.png); }
.sns-area .ico-ytb{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/about/1.0/ico_ytb_36x36.png); } */

.about-tit{ line-height:56px; font-size:48px; font-weight:700; letter-spacing:-.02em; }

.bg-default{ padding:150px 0; background-color:#FFDA50; }
.bg-box{ line-height:36px; margin:150px auto; font-size:22px; font-weight:500; word-break:keep-all; }
.bg-image{ line-height:36px; padding:150px 0; background:url(//img.inclass.co.kr/about/1.0/bg_about.png) 50% 50% no-repeat; background-size:cover; font-size:22px; font-weight:500; color:#fff; word-break:keep-all; }

.sns-area{ font-size:0; }
.sns-area > *{ margin-left:10px; }
.sns-area > *:first-child{ margin-left:0; }

/* 援ъ꽦�� �뚭컻 */
.group-list ul{ margin-left:-36px; }
.group-list li{ width:243px; height:243px; margin-left:36px; margin-bottom:36px; background-color:#e8e7e8; border-radius:50%; position:relative; float:left; overflow:hidden; }
.group-list li img{ width:100%; height:100%; }
.group-list li .cover{ padding-top:75px; display:none; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, .5); }
.group-list li:hover .cover{ display:block; }
.group-list li .tit{ margin-bottom:20px; position:relative; font-size:22px; font-weight:700; color:#fff; text-align:center; animation:txtAni .5s ease-out; animation-fill-mode:both; }
.group-list li .tit:after { content:''; width:10px; height:1px; margin-left:-5px; position:absolute; left:50%; bottom:-10px; background-color:#fff; }
.group-list li .txt{ height:40px; line-height:20px; padding:0 20px; color:#fff; text-align:center; animation:txtAni .5s ease-out; animation-fill-mode:both; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-all; word-break:keep-all; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }

.news-list ul li{ position:relative; }
.news-list ul li .sticker{ position:absolute; top:10px; left:10px; }

@keyframes txtAni{
    from{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; }
    to{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
}

/* about-type1 */
.about-type1 .teachers-header{ padding-top:80px; text-align:center; }
.about-type1 .teachers-header .img-area{ position:relative; }
.about-type1 .teachers-header .img-area .img{ width:160px; height:160px; display:inline-block; border-radius:50%; overflow:hidden; }
.about-type1 .teachers-header .img-area .img > img{ width:100%; height:100%; }
.about-type1 .teachers-header .name-area{ margin-top:26px; font-size:32px; font-weight:700; }
.about-type1 .teachers-header .info-area{ margin-top:9px; }
.about-type1 .teachers-header .info-area li{ width:500px; margin:0 auto; color:#828282; word-break:keep-all; }
.about-type1 .teachers-header .info-area li span{ padding:0 7px; display:inline-block; position:relative; }
.about-type1 .teachers-header .info-area li span:after{ content:''; width:1px; display:block; position:absolute; top:4px; left:-1px; bottom:3px; background-color:#828282; }
.about-type1 .teachers-header .info-area li span:first-child:after{ display:none; }
.about-type1 .teachers-header .summary-list{ margin-top:40px; padding:50px; background-color:#f7f7f7; border:1px solid #dfdfdf; }
.about-type1 .teachers-header .summary-list > ul{ width:100%; display:table; table-layout:fixed; }
.about-type1 .teachers-header .summary-list > ul > li{ display:table-cell; border-left:1px solid #dfdfdf; }
.about-type1 .teachers-header .summary-list > ul > li:first-child{ border-left:none; }
.about-type1 .teachers-header .summary-list > ul > li i{ height:54px; background-position:50% 50%; }
.about-type1 .teachers-header .summary-list > ul > li span{ margin-top:5px; display:block; }
.about-type1 .teachers-header .summary-list > ul > li span > em{ display:block; font-size:20px; font-weight:500; }
.about-type1 .teachers-header .summary-list > ul > li .list-dotted{ padding-left:20px; }
.about-type1 .teachers-header .summary-list > ul > li .dep4-tit{ margin:10px auto; padding-left:20px; text-align:left; }
.about-type1 .teachers-header .summary-list > ul > li:first-child .list-dotted, .about-type1 .teachers-header .summary-list > ul > li:first-child .dep4-tit{ padding-left:0; }
.about-type1 .teachers-header .dep4-tit{ text-align:left; }
.about-type1 .list-dotted li{ margin:5px 0; text-align:left; }
.about-type1 .teachers-content .curri-area{ width:894px; margin:0 auto; }

/* mtrust */
.about-type1 .teachers-header .summary-mtrust{ padding:0; background:none; border:none; }
.about-type1 .teachers-header .summary-mtrust > ul > li{ display:table-row; margin:5px 0; border:none; text-align:left;}
.about-type1 .teachers-header .summary-mtrust > ul > li .dep4-tit, .about-type1 .teachers-header .summary-mtrust > ul > li .list-dotted, .about-type1 .teachers-header .summary-mtrust > ul > li:first-child .list-dotted, .about-type1 .teachers-header .summary-mtrust > ul > li:first-child .dep4-tit{ padding:20px; display:table-cell; background-color:#f7f7f7; border-bottom:5px solid #fff; }
.about-type1 .teachers-header .summary-mtrust > ul > li .dep4-tit{ width:200px; border-right:5px solid #fff; text-align:center; vertical-align:middle; }
.about-type1 .teachers-header .summary-mtrust > ul > li .list-dotted li{ padding-left:0; }
.about-type1 .teachers-header .summary-mtrust > ul > li .list-dotted li:after{ display:none; }

/* about-type3 */
.about-type3 .bg-default{ line-height:36px; margin-top:100px; font-size:22px; font-weight:500; word-break:keep-all; }


/** Tablets **/
@media screen and (max-width:1024px){
    .timeline li, .timeline li.type2{ padding:20px 10px 20px calc( 50% + 20px ); display:flex;  word-break:keep-all;}
    .timeline li .date{ width:auto; margin:0 20px 0 0; position:relative; left:auto; }

    .timeline li.type2{ padding:20px calc( 50% + 20px ) 20px 10px; justify-content:flex-end; }
    .timeline li.type2 .txt{ order:1; }
    .timeline li.type2 .date{ margin:0 0 0 20px; order:2; }

}

/** mobiles **/
@media screen and (max-width:767px){
    .bg-box{ margin:80px auto; }
    .about-tit{ line-height:44px; font-size:34px; }
    .bg-default{ padding:80px 0; }
    .about-type3 .bg-default{ margin-top:50px; line-height:26px; font-size:16px; }
    
    .time-box{ padding:80px 0; }
    .timeline li, .timeline li.type2{ flex-direction:column; }
    .timeline li .date{ font-size:16px; }
    .timeline li .txt{ font-size:14px; }
    .timeline li.type2{ align-items:flex-end; }
    .timeline li.type2 .date{ margin:0; order:1; }
    .timeline li.type2 .txt{ order:2; }
    .bg-image{ padding:80px 0; line-height:26px; font-size:16px; background-position:50% 0; }
}

/** mobiles xs **/
@media (max-width:360px) and (orientation:portrait){
    
}