@charset "UTF-8";

/*상단 슬라이드 팝업*/
.layer_pop{position: relative; background: url("/images/org02/layer_pop_bg.jpg") #3d3d3d 50% 50% no-repeat; z-index: 999}
.layer_pop .container_wrap{position:relative;}
.layer_pop .item{padding: 35px 0 65px 14.22413793103448%;} /*165 / 1160*/
.layer_pop a{color: #fff; letter-spacing: -1px;}
.layer_pop a.pop_subject strong {display: block; width: 87%; font-size: 1.2em; font-weight: 600; text-overflow: ellipsis;  overflow: hidden; white-space: nowrap;}
.layer_pop a.pop_subject span{display: block; width: 87%; text-overflow: ellipsis;  overflow: hidden; white-space: nowrap;}
.layer_pop a.pop_more{position:absolute; bottom: 20px; right: 40px; width: 92px; line-height: 25px; border: 4px solid #f7cc1d; text-align: center;}
.layer_pop .owl-carousel .owl-nav .owl-prev, .layer_pop .owl-carousel .owl-nav .owl-next{position: absolute; top: 50%; width: 20px; height: 36px; margin-top: -18px; text-indent: -9999px; overflow: hidden;}
.layer_pop .owl-carousel .owl-nav .owl-prev{background: url("/images/org02/cheveron-w-left.png") no-repeat;}
.layer_pop .owl-carousel .owl-nav .owl-next{right:0; background: url("/images/org02/cheveron-w-right.png") no-repeat;}
.layer_pop .close_sec{position: absolute; top:0; right: 5%; color: #fff; font-size: 0.85em; z-index: 400;}
.layer_pop .close_sec .pop_close{margin-left: 10px;}

.visual {position:relative; height: 790px; clear: both;}
.visual .owl-carousel .item{min-height: 790px; background-position: 50% 50%;}
.visual .owl-carousel .item h3.slogan{padding: 165px 0 0 16.66666666666667%; font-size: 1.9em; font-weight: 300; color: #fff;}
.visual .owl-carousel .item h3.slogan > span{display: block; font-size: 0.85em;}
.visual .owl-carousel .item h3.slogan strong{font-weight: 300;}
.visual .owl-carousel .item.first{background: url("/images/org02/slide01.jpg") 50% 50% no-repeat;}
.visual .owl-carousel .item.second{background: url("/images/org02/slide01.jpg") 50% 50% no-repeat;}
.visual .owl-carousel .item.third{background: url("/images/org02/slide01.jpg") 50% 50% no-repeat;}
.visual .owl-carousel .item.fourth{background: url("/images/org02/slide01.jpg") 50% 50% no-repeat;}

.fix_menu{position:absolute; bottom:0; width: 100%; background: url("/images/org02/fix_bg.png"); z-index: 10;}
.fix_menu ul{overflow: hidden;}
.fix_menu ul > li{float: left; width: 25%; line-height: 180px;}
.fix_menu ul > li.fix1 > a{background: url("/images/org02/ico_v_fix_01.png") 0 50% no-repeat;}
.fix_menu ul > li.fix2 > a{background: url("/images/org02/ico_v_fix_02.png") 0 50% no-repeat;}
.fix_menu ul > li.fix3 > a{background: url("/images/org02/ico_v_fix_03.png") 0 50% no-repeat;}
.fix_menu ul > li.fix4 > a{background: url("/images/org02/ico_v_fix_04.png") 0 50% no-repeat;}

.fix_menu ul > li > a {display:block; padding-left: 45%; width: 55%; color: #fff;}

.announcement{padding:37px 0 72px; overflow: hidden;}

.board{position:relative; float: left; width: 24.31034482758621%; height: 240px;}  /*282 / 1160*/
.board > .tab > .tab_menu{width:86.52482269503546%; overflow: hidden; border-bottom: 1px solid #ffd632;} /*244 / 282*/
.board > .tab > .tab_menu > li{float: left; width: 50%; height: 35px; background-color: #fff; text-align: center; box-sizing: border-box;}
.board > .tab > .tab_menu > li.active> a{color: #ffd632;}
.board > .tab > .tab_menu > li > a{display: block; line-height: 35px; color: #000; box-sizing: border-box; font-size: 1.1em; font-weight: 600;}
.board > .tab > .tab_content{padding: 2.486678507992895%;} /*14 / 563*/
.board > .tab > .tab_content > div{display: none;}
.board > .tab > .tab_content > div> ul > li{overflow: hidden;}
.board > .tab > .tab_content > div> ul > li + li{margin-top: 7px;}
.board > .tab > .tab_content > div> ul > li > a {float:left; width: 100%; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0.9em;}
.board > .tab > .tab_content > div> ul > li > .date{float: right; font-size: 0.9em;}
.board > .tab > .tab_content .more{position:absolute; top:0; right:0; display:block; width:12.4113475177305%; height: 35px; background: url("/images/org02/more_btn.png") #ffd632 50% 50% no-repeat; overflow: hidden; text-indent: -9999px;}

/*35 / 282*/

.schedule{float:left; width: 45.25862068965517%; margin-left: 3.706896551724138%;}  /*525 / 1160*/
/* 학사일정 */
.schedule h4.tit{margin-top: 0;}
.schedule .year_month, .schedule .month_info{float:left;}
.schedule .year_month{text-align: center;}
.schedule .year_month p.year{font-size: 1.4em; font-weight: 600;}
.schedule .year_month p.month{font-size: 2em; color: #ffd632; font-weight: 600;}
.schedule .year_month span.cl_btn{display: inline-block; width: 20px; height: 20px; cursor: pointer;}
.schedule .year_month span.cl_btn.prev{background: url("/images/org02/cl_prev.png") 50% 50% no-repeat;}
.schedule .year_month span.cl_btn.next{background: url("/images/org02/cl_next.png") 50% 50% no-repeat;}
.schedule .month_info{width: 78.0952380952381%; margin-left: 4.761904761904762%;} /* width: 328 / 420*/    /*margin-left: 20 / 420*/
.schedule .month_info .month_list > ul{overflow: hidden;}
.schedule .month_info .month_list > ul > li{float: left; width: 8.333333333333333%;  text-align: center; font-weight: 600;}
.schedule .month_info .month_list > ul > li.this_month > a {color: #ffd632;}
.schedule .month_info .month_list .month_line{position:relative; height: 2px; margin-top: 10px; background-color: #060606;}
.schedule .month_info .month_list .month_line > .month_progress{position: absolute; top:0; left: 24.9999999%; width:  8.333333333333333%; height: 2px; background-color: #ffd632;}
.schedule .month_info .monthly_schedule{max-height:144px; padding: 27px 15px; border: 1px solid #dfdfdf; overflow-y: auto;}
.schedule .month_info .monthly_schedule > ul > li + li{margin-top: 18px;}

/*43 / 1160*/
/*.schedule .schedule_zone{height: 205px; border: 1px solid #e3e3e3; overflow: hidden; box-sizing: border-box;}

.schedule > div{overflow: hidden;}
.schedule #calender {position:relative; width:  55%; height: 205px;!* padding: 30px 5.319148936170213% 30px 10.63829787234043%;*! box-sizing: border-box; background-color: #fff;}  !*245 / 433*!
.schedule h3{line-height: 35px;}
.schedule .schedule_zone{float:left; width: 100%;}
.schedule .schedule{float:left;}
.schedule .schedule.list{width: 45%; height: 205px; padding: 10px 1.5%; background-color: #ffd632; box-sizing: border-box; overflow-y: auto;} !*186 / 433*!   !*15 / 1200*!
.schedule .schedule.list > h3.bl{padding:0 0 0 3px; font-size: 1.2em;}
.schedule .schedule.list dl + dl{margin-top: 14px;}
.schedule .schedule.list dl dt{font-weight: 600;}
.schedule .schedule.list dl dt, .schedule .schedule.list dl dd a{color: #fff;}
.schedule .schedule.list dl dt, .schedule .schedule.list dd{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; color: #fff;}

.schedule .fc-toolbar.fc-header-toolbar{position: relative;}
.schedule .fc-toolbar h2{margin: 5px 0 0 5px;}
.schedule .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float: none;}
.schedule .fc-basic-view .fc-day-number{padding: 0;}
.schedule .fc .fc-row .fc-content-skeleton td{text-align: center; font-size: 0.8em;}
.schedule .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td{padding-bottom: 0;}
.schedule .fc .fc-toolbar>*>:first-child{font-size: 1.2em; color: #ffd632;}
.schedule .fc-icon-left-single-arrow:after,.schedule .fc-icon-right-single-arrow:after{color: #ffd632;}
.schedule .fc th, .schedule .fc td{padding: 0; font-size: 1em;}
.schedule .fc-today-button.fc-button{display: none;}
.schedule .fc-toolbar.fc-header-toolbar{margin-bottom: 0;}
.schedule .fc .fc-button-group .fc-button{display:none; position: absolute; top:0;}
.schedule .fc .fc-button-group .fc-button.fc-prev-button{left: 0;}
.schedule .fc .fc-button-group .fc-button.fc-next-button{right: 0;}
.schedule .fc-toolbar .fc-left, .schedule .fc .fc-toolbar>*>*{float: none;}
.schedule .fc thead, .schedule .fc-row, .schedule .fc th, .schedule .fc td{border: none;}
.schedule .fc .fc-button-group, .schedule .fc button{display: block; background: none; border: none; box-shadow: none;}
.schedule .fc-sun{color: #ff0000;}
.schedule .fc-sat{color: #2980b9;}*/

.quick_sec{float:left; width: 24.39655172413793%; margin-left: 2.327586206896552%;}   /*283 / 1160  27 / 1160*/

.funcbox{width: 48.0565371024735%;}  /*136 / 283*/
.funcbox + .funcbox{margin-left: 1.5%;}  /*18 / 1200*/
.funcbox.func1{width: 100%; background: url("/images/org02/func_1_bg.jpg") 50% 50% no-repeat; background-size: cover;}
.funcbox.func2{margin: 11px 0 0 0; background: url("/images/org02/func_2_bg.jpg") 50% 50% no-repeat; background-size: cover;}
.funcbox.func3{margin: 11px 0  0 3.886925795053004%; background: url("/images/org02/func_3_bg.jpg") 50% 50% no-repeat; background-size: cover;} /*11 / 283*/
.funcbox > a {display: block; position: relative; width: 77.94117647058824%; height: 94px;  padding: 11.02941176470588%;}  /*106 / 136*/   /*15 / 136*/
.funcbox.func1 > a {height: 76px; padding: 15px 0 15px 40.63604240282686%; color: #261700; line-height: 1.5;}  /*115 / 283*/
.funcbox.func1 h3{color: #b59101;}
.funcbox.func1 span{font-size: 1.5em;}
.funcbox.func2, .funcbox.func3{float: left;}
.funcbox.func2 h3, .funcbox.func3 h3 {color: #0e0e0e; font-size: 1em;}
.funcbox .more_btn{display: block; position: absolute; top:15px; right:15px; width: 22px; height: 22px; text-indent: -9999px; overflow: hidden; background: url("/images/org02/ico_more.png") no-repeat;}

.quick_link{padding: 39px 0 83px; overflow:hidden; background: url("/images/org02/link_bg.jpg") no-repeat; background-size: cover;}
.link_site{float:left; overflow: hidden;}
.link_site > h3 {float: left; margin-top: 10px; padding-left: 60px; }
.link_site.addon {width: 50%}   /*580 / 1160*/
.link_site.addon > h3 {background: url("/images/org02/ico_addon.png") 0 50% no-repeat;}
.link_site.helper{width: 44.48275862068966%; margin-left: 5.517241379310345%;}  /*516 / 1160*/   /*64 /1160*/
.link_site.helper > h3 {background: url("/images/org02/ico_helper.png") 0 50% no-repeat;}
.link_site > h3 > span{display: block;}
.link_site > ul {float:left; margin-left: 23px; padding: 15px 0 15px 25px; overflow: hidden; background: url("/images/org02/link_menu_bg.png"); border: 2px solid #fff;}
.link_site.addon > ul{width: 67%}  /*403 / 580*/
.link_site.helper > ul{width: 62.01550387596899%;} /*320 / 516*/
.link_site > ul > li{float: left; width: 33.3333%;}
.link_site > ul > li >  a {display: block; padding-left: 7px; background: url("/images/org02/dot.gif") 0 50% no-repeat; font-weight: 600;}
@media(max-width: 1200px){
    .schedule .schedule > h3{float: none; margin-bottom: 15px;}
    .schedule .schedule_zone{margin-left: 0;}
    .schedule .func_sec{margin-left: 2%;}

    .link_site > h3{width: 100%; line-height: 60px; margin-top: 0; box-sizing: border-box;}
    .link_site > h3 > span{display: inline;}
    .link_site > ul{margin: 25px 0 0 0; box-sizing: border-box;}
    .link_site.addon > ul, .link_site.helper > ul{width: 100%; box-sizing: border-box;}
}
@media (max-width: 1024px) {
    .visual {height: 500px;}
    .visual .owl-carousel .item{min-height: 500px}

    .fix_menu{padding: 15px 0;}
    .fix_menu ul{overflow: hidden;}
    .fix_menu ul > li{text-align: center; line-height: 2;}

    .fix_menu ul > li.fix1 > a,
    .fix_menu ul > li.fix2 > a,
    .fix_menu ul > li.fix3 > a,
    .fix_menu ul > li.fix4 > a{background-position: 50% 0; background-size: 50%;}

    .fix_menu ul > li > a {display:block; padding: 50% 0 0 0; width: 100%; color: #fff;}




    .board{width: 49%; height: auto; margin-left: 0; box-sizing: border-box;}
    .board > .tab > .tab_menu{width: 85%;}
    .schedule{width: 49%; margin: 0 0 0 2%;}
    .schedule #calender{padding: 0;}
    .schedule #calender #calenderHeader{position: relative; left: 0;}
    .schedule #calender .arrow{position: absolute; top: 20px;}
    .schedule #calender .arrow.prev{left: 40px;}
    .schedule #calender .arrow.next{right: 40px;}
    .schedule .fc .fc-row .fc-content-skeleton td{padding: 2px 0;}

    .quick_sec{width: 100%; margin: 25px 0 0 0;}
    .funcbox{float:left; width: 32%; height: 106px;}  /*210 / 1024*/
    .funcbox.func1{width: 32%;}
    .funcbox > a {width: 100%; box-sizing: border-box;}
    .funcbox + .funcbox{margin-left: 2%;}  /*18 / 1024*/
    .funcbox.func2, .funcbox.func3{margin-top: 0;}
}
@media (max-width: 768px){
    .visual {height: 320px;}
    .visual .owl-carousel .item{min-height: 320px}
    .service_sec{padding: 50px 0;}

    .link_site.addon, .link_site.helper{width: 100%;}
    .link_site.helper{margin: 30px 0 0 0;}

}

@media (max-width: 640px) {
    .visual{height: 300px;}
    .visual .owl-carousel .item{min-height: 300px; background-size: cover;}
    .visual .owl-carousel .item.first,
    .visual .owl-carousel .item.second,
    .visual .owl-carousel .item.third,
    .visual .owl-carousel .item.fourth{background-size: cover; background-position: 70% 50%;}

    .entrance{width: 100%; padding-left: 60%;}
    .entrance > ul > li{margin-top: 15px;}
    .board, .schedule{width: 100%; margin: 25px 0 0;}
    .funcbox{width: 50%;}
    .funcbox.func1{width: 100%;}
    .funcbox + .funcbox{margin-left: 0;}
    .link_site > ul > li{width: 50%;}

}