@charset "UTF-8";

img{border:0;}
ul,li,ol{list-style:none;}
a{color:#454545; text-decoration:none;}
input[type="text"]{width:100%; height:45px; border:1px solid #000; padding:0 20px; font-size:16px; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type="text"]::-webkit-input-placeholder {color:#888;}
input[type="text"]:-input-placeholder {color:#888;}
input[type="text"]:-ms-input-placeholder {color:#888;}
input[type="text"]::-moz-input-placeholder {color:#888;}

select{width:100%; height:45px; border:1px solid #000; padding:0 10px; font-size:16px; background:#fff url(/home/images/Openday/arrow.png) no-repeat 94% 50%; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;appearance:none;}
select::-ms-expand{display:none;}

/*title-calendar-search*/
#wrap_open{width:100%;text-align:center;}
.content_open{width:1200px; margin:0 auto;}

.content_open .cTit{margin-top:50px; overflow:hidden;/*margin-bottom:70px;*/}
.content_open .cTit .opLeft{float:left; width:340px;}
.content_open .cTit .opRight{float:right; width:860px;}

.content_open .cTit .opLeft h2{font-size:35px; color:#222; font-weight:700;text-align:left;}
.content_open .cTit .opLeft p{font-size:19px; line-height:145%;text-align:left;font-weight:normal !important;color:#666;}

.content_open .calendar{width:100%;}
.content_open .calendar ul{font-size:0; text-align:center;}
.content_open .calendar ul li{display:inline-block; width:calc(100% / 12); box-sizing:border-box; -webkit-box-sizing:border-box;}
.content_open .calendar ul li a{display:block; font-family:'Roboto'; font-size:25px; color:#222; font-weight:700; line-height:125%; padding:20px;}
.content_open .calendar ul li a span{display:block; font-size:16px; color:#666; font-weight:400;}

.content_open .calendar ul li.active a{background:#ff2a00; color:#fff;}
.content_open .calendar ul li.active a:hover,
.content_open .calendar ul li.active a:hover span,
.content_open .calendar ul li.active a span{color:#fff;}
.content_open .calendar ul li.noactive a{color:#E0E0E0;cursor:default;}
.content_open .calendar ul li.noactive a:hover{color:#E0E0E0;}
.content_open .calendar ul li.noactive a:hover span{color:#E0E0E0;}
.content_open .calendar ul li.noactive a span{color:#E0E0E0;}

.content_open .calendar ul li a:hover,
.content_open .calendar ul li a:hover span{color:#ff2a00;}

.content_open .sch{font-size:0; padding:10px 20px;}
.content_open .schMode{display:inline-block; width:30%; padding-right:20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.content_open .schTxt{position:relative; display:inline-block; width:70%; box-sizing:border-box; -webkit-box-sizing:border-box;}

.content_open .schTxt span{position:absolute; right:20px; top:12px;}
.content_open .schTxt p{background:#fff url(/home/images/Openday/icon_search.jpg) no-repeat; width:20px; height:20px; border:0; cursor:pointer;}

/*lecture list*/
.content_open .lecture{overflow:hidden; border-top:3px solid #000; margin-top:70px; padding-top:60px;}
.content_open .lecture .lctTit{float:left; width:340px;}
.content_open .lecture .lctList{float:right; width:860px;}

.content_open .lctTit h3{font-size:25px; color:#222; font-weight:700;text-align:left;}
.content_open .lctTit span{font-size:17px; color:#ff2a00; font-weight:400; line-height:145%;}

.content_open .lctList > ul > li{display:table; width:100%; margin-bottom:40px;/*margin-bottom:40px;*/ box-sizing:border-box; -webkit-box-sizing:border-box;}
.content_open .lctList > ul li .lctName{display:table-cell; width:260px; vertical-align:top; /*padding-bottom:60px;*/ /*border-bottom:1px solid #000;*/}
.content_open .lctList > ul li .lctSmr{display:table-cell; width:540px; float:right; vertical-align:top; padding-top:35px; padding-bottom:30px; border-bottom:1px solid #000;}

.content_open .lctName{ overflow:hidden;position:relative;}
.content_open .lctName span{font-size:17px; color:#000; font-weight:700;}
.content_open .lctName span b{display:inline-block; width:77px; height:26px; font-size:14px; color:#fff; font-weight:400; line-height:26px; border-radius:26px; -webkit-border-radius:26px; margin-right:10px; background:#9ea2a2; text-align:center;}
.content_open .lctName span b.near{background:#ff2a00;}
.content_open .lctName span b.dead{background:#212121;}
.content_open .lctName span b.add{background:#ea7600;}
.content_open .lctName p{font-size:22px; color:#222; font-weight:500; line-height:145%; padding-top:10px;}
.content_open .lctName .igfront{width:260px;height:180px;/*175px*/overflow:hidden;border-radius: 10px;}
.content_open .lctName .igfront .ig{
    width: 260px;
    height: 180px;/*175px*/
    background-size: cover;
    background-position: center center;
    /*-moz-border-radius: 78px;
    -webkit-border-radius: 78px;
    border-radius: 78px;
    margin: -78px auto 0;
    */
    overflow:hidden;
    border-radius: 10px;
   
}

/*이미지 효과*/
.content_open .lctName .camname{
    position:absolute;right:90px;top:55px;background:#000;width:70px;height:70px;opacity:0.8;border-radius:50%;font-size:17px;color:#fff;line-height:70px;
}

/*
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
*/

/*
@keyframes rotat {
    100%{
        transform: rotate(360deg);
        transition: all 0.5s linear;
    }

}

@keyframes rotate {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }
  */
@keyframes bounce{
    
    0%, 40%, 80%, 100% {-webkit-transform: translateY(0);}
    20% {-webkit-transform: translateY(-7px);}
    60% {-webkit-transform: translateY(-5px);}

}
@keyframes bounceOut{
    
    100%{
        -webkit-transform: translateY(0);
        transition: all 100s;
    }


}
@keyframes bounce_circle{
    
    0%, 40%, 80%, 100% {-webkit-transform: translateY(0);}
    20% {-webkit-transform: translateY(-10px);}
    60% {-webkit-transform: translateY(-8px);}

}



.content_open .lctName .ig:hover{
    
    /*
    transform: scale(1.3);
    transition: all 0.7s;
    */
    
   
    /*animation: yyy 500ms linear;*/
    /*animation: rotate 3000ms infinite linear;*/
 
    /*
    animation-name:rotat;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-fill-mode :both;
    */
    
}

.content_open .lctName:hover{
    animation:bounce 1.2s ease infinite;
}

.content_open .lctName:not(:hover){
    /*animation:bounceOut 100s;*/
}


.content_open .lctName .igfront:hover{
    /*
    transform: rotateX(100deg);
    transform: rotateY(100deg);
    transform: rotateZ(100deg);
    */
   
}
/*
.content_open .lctName .igfront:hover + .camname{
    animation-name:fadeOut;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-fill-mode :both;
}
*/

.content_open .lctName:hover .camname{
    animation:bounce_circle 1.2s ease infinite;
}

.content_open .lctName .ig:not(:hover){
   /*
    transform: scale(1.0);
    transition: all 0.7s;
    */
}
.content_open .lctName .igfront:not(:hover) + .camname{
    /*animation: fadeOut 4s 1s infinite linear alternate;*/
    animation-name:fadeIn;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-fill-mode :both;
    /*display:none;*/
}
.content_open .lctName .camname{/*마우스오버및클릭 이벤트막기 */
    pointer-events: none;
}

@keyframes anime_textup { 
    0% { -webkit-transform: translateY(0); } 
    20% { -webkit-transform: translateY(-3px); } 
    40% { -webkit-transform: translateY(0); } 
    60% { -webkit-transform: translateY(0);  } 
    80% { -webkit-transform: translateY(0);  } 
    100% { -webkit-transform: translateY(0);  } 
}
.content_open .lctName_01 span b.near span {
    position: relative;
    animation: anime_textup 1.5s infinite;
}

.content_open .lctName_01 span b.near>span:nth-of-type(1) {
    animation-delay: .1s;
    margin-left:14px;
}

.content_open .lctName_01 span b.near>span:nth-of-type(2) {
    animation-delay: .2s;
}

.content_open .lctName_01 span b.near>span:nth-of-type(3) {
    animation-delay: .3s;
}

.content_open .lctName_01 span b.near>span:nth-of-type(4) {
    animation-delay: .4s;
}



/*이미지 효과*/

.content_open .lctList > ul li .lctSmr_01{display:table-cell; width:540px; float:right; vertical-align:top; /*padding-top:35px;*/ padding-bottom:40px; border-bottom:1px solid #000;}
.content_open .lctList > ul li .lctName_01{display:table-cell; width:100%; vertical-align:top; /*padding-bottom:60px; border-bottom:1px solid #000;*/}
.content_open .lctName_01 span{font-size:17px; color:#000; font-weight:700;float:left;}
.content_open .lctName_01 span b{display:inline-block; width:77px; height:26px; font-size:14px; color:#fff; font-weight:400; line-height:26px; border-radius:26px; -webkit-border-radius:26px; margin-right:10px; background:#ff2a00; text-align:center;}
.content_open .lctName_01 span b.near{background:#222;}
/*.content_open .lctName_01 span b.near span{font-size:14px; color:#fff; font-weight:400; line-height:26px;text-align:center;}*/
.content_open .lctName_01 span b.ques{background:#999;}
.content_open .lctName_01 span b.dead{background:#212121;}
.content_open .lctName_01 span b.add{background:#f97e00;}
.content_open .lctName_01 p{font-size:24px; color:#000; font-weight:500; line-height:145%; padding-top:10px;/*height:62px;*/text-align:left;
    display:-webkit-box;
    -webkit-line-clamp:1;/*줄간격을 1줄로 셋팅한다*/
    -webkit-box-orient:vertical;
    white-space: normal;overflow:hidden;width:530px;
}

.content_open .lctName_01 p.text{font-size:13px; color:#777; font-weight:500; line-height:125%; padding-top:10px;height:33px;text-align:left;
    display:-webkit-box;
    -webkit-line-clamp:2;/*줄간격을 2줄로 셋팅한다*/
    -webkit-box-orient:vertical;
    white-space: normal;overflow:hidden;width:530px;
    /*word-spacing:2px;*/
}

/*설명문구 설명글 10pt #777777*/


.content_open .lctSmr > ul li > p{line-height:145%;}
.content_open .btn{margin-top:16px;font-size:16px;}
.content_open .btn > ul{width:420px; display:flex; justify-content:flex-start;}
.content_open .btn > ul li:first-child{margin-right:20px;}
.content_open .btn > ul li a{position:relative; display:block; width:200px; height:46px; line-height:46px; text-align:center; padding-right:15px;}
.content_open .btn > ul li:first-child a{color:#fff; background:#111; box-sizing:border-box; -webkit-box-sizing:border-box;}
.content_open .btn > ul li:last-child a{color:#111; border:1px solid #666; box-sizing:border-box; -webkit-box-sizing:border-box;}
.content_open .btn > ul li:first-child a:after{position:absolute; content:""; background:url(/home/images/Openday/go_white.png) no-repeat; width:25px; height:7px; right:20px; top:43%;}
.content_open .btn > ul li:last-child a:after{position:absolute; content:""; background:url(/home/images/Openday/go_black.png) no-repeat; width:25px; height:7px; right:20px; top:43%;}
.content_open .btn .counsel:hover{transition: background 0.2s ease, -webkit-transform 0.2s ease;background:#ff2a00;}
/*.content_open .btn .detail:hover{transition: background 0.2s ease, -webkit-transform 0.2s ease;background:#000;}*/