.hide-nav {transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important;} 
.overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background-color:rgba(0,0,0,0.6); display:none;}

/*header*/
.header{z-index:12; position:fixed; top:0; width:100%; height:55px; display:block; background-color:#fff; border-bottom:1px solid #e3e3e3;  will-change:transform; transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transform: translateY(0); -webkit-transform: translateY(0);}
.header .logo{position:absolute; top:10px; left:50%; width:150px; margin-left:-75px;}
.header .logo img{width:100%;}
.header .link .icon-logout{position:absolute; right:0; display:block;width: 55px; height:25px; text-align:center; line-height:23px; margin-top:15px; margin-right:10px;font-size:0.9rem; font-weight:bold; color:#999; border:1px solid #999; border-radius:10px;}
.header .link .icon-login{position:absolute; right:0; display:block;width: 55px; height:55px; background:url(/images/global/icon-login.png) no-repeat center; background-size:20px;}

/*pc gnb*/
.btn-gnb{cursor:pointer; position:absolute; top:0px; left:0px; display:block; width:50px; height:50px; padding:17px 20px; box-sizing:border-box; }
.btn-gnb ul{width: 25px; position: relative; height: 15px;}
.btn-gnb ul li{height: 2px; width:80%; background: #575757; position: absolute; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; left: 0;}
.btn-gnb ul li.l1{top:1px;}
.btn-gnb ul li.l2{top:8px;}
.btn-gnb ul li.l3{top:15px;}
.btn-gnb.active ul .l1 {transform: rotate(-45deg) translate(-55%, -60%); -ms-transform: rotate(-45deg) translate(-55%, -60%); -moz-transform: rotate(-45deg) translate(-55%, -60%); -webkit-transform: rotate(-45deg) translate(-55%, -60%); -o-transform: rotate(-45deg) translate(-55%, -60%); margin-left: 11px;}
.btn-gnb.active ul .l2 {transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); opacity: 0;}
.btn-gnb.active ul .l3 {transform: rotate(45deg) translate(-50%, -45%); -ms-transform: rotate(45deg) translate(-50%, -45%); -moz-transform: rotate(45deg) translate(-50%, -45%); -webkit-transform: rotate(45deg) translate(-50%, 30%); -o-transform: rotate(45deg) translate(-50%, -45%); margin-left: 10px;}

/*모바일 gnb*/
.m-gnb{position:fixed; left:-100%; top:55px; width:100%; max-width:375px; height:100%; padding-bottom:40px; background-color:#fff; overflow-y:auto; visibility:hidden;  z-index: 12; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out;}
.m-gnb.open{left:0; visibility:visible;}
.m-gnb nav .main{border-bottom:1px solid #bebebe;}
.m-gnb nav .main > li > a{position:relative; border-top:1px solid #bebebe; background-color:#f2f2f2;}
.m-gnb nav .main > li.haschild > a:hover,
.m-gnb nav .main > li.haschild.on > a{background-color:#1976d2; color:#fff;}
.m-gnb nav .main li .m-depth02{display:none; border-top:1px solid #bebebe;}
.m-gnb nav .main li > a{display:block; color:#111; font-weight:500; font-size:1.2rem; padding:20px 0 20px 25px;}
.m-gnb nav .main li .m-depth02 li{border-top:1px solid #bebebe;}
.m-gnb nav .main li .m-depth02 li a{padding:15px 0 15px 25px; font-weight:300;}
.m-gnb nav .main li .m-depth03 li a{background-color:#e3e3e3;}

/*slider*/
.slider01 ul li a img,
.slider02 ul li a img{width:100%;}
.slider02{position:relative;}
.slider02 .bx-controls{z-index:9;position:absolute; bottom:8px; left:0; width:100%;}
.slider02 .bx-controls .bx-pager{text-align:center;}
.slider02 .bx-controls .bx-pager .bx-pager-item{display:inline-block;}
.slider02 .bx-controls .bx-pager .bx-pager-item a{display:block; overflow:hidden; text-indent:-9999px; width:10px; height:10px;margin:2px; background-color:#b8b8b8; border-radius:50%;}
.slider02 .bx-controls .bx-pager .bx-pager-item a.active{background-color:#7d7d7d;}

/*container*/
.container{margin-top:55px;}
.container .section{margin:15px 0;}
.container .section .nav-btn li{display:block; float:left; width:23.15%; margin-right:2.4%;}
.container .section .nav-btn li:nth-child(4){margin-right:0;}
.container .section .nav-btn li a{display:block;}
.container .section .nav-btn li a .img-area{display:block;}
.container .section .nav-btn li a .img-area img{display:block; width:100%; vertical-align:top;}
.container .section .nav-btn li a .tit{text-align:center;display:block; padding:10px 0; letter-spacing:-1px;}

.container .section.sec03 .tabs a{display:block; float:left; width:50%; padding:10px 0; font-size:1.2rem; text-align:center; font-weight:300; letter-spacing:-1px; color:#fff;}
.container .section.sec03 .tabs a.on{background-color:#1976d2;}
.container .section.sec03 .tabs a{background-color:#f9a825;}
.container .section.sec03 .tab-view{border:1px solid #aeaeae;}
.container .section.sec03 .tab-view .view{}
.container .section.sec03 .tab-view .view.v02{display:none;}
.container .section.sec03 .tab-view .view ul{ padding:10px 15px;}
.container .section.sec03 .tab-view .view ul li {position:relative; padding-left:10px;}
.container .section.sec03 .tab-view .view ul li:after{position:absolute; left:-5px; content:'·'; display:block;top:5px;}
.container .section.sec03 .tab-view .view ul li a{position:relative; display:block; padding:5px 0;}
.container .section.sec03 .tab-view .view ul li a .tit{display:block; float:left; width:70%; overflow:hidden; text-overflow:ellipsis; word-wrap: normal; white-space: nowrap; }
.container .section.sec03 .tab-view .view ul li a .date{display:block; float:right; width:25%; text-align:right;}

.container .section.sec05 .wrap,
.container .section.sec06 .wrap{border:1px solid #aeaeae; padding:20px;}
.container .section.sec05 .sec-tit-area,
.container .section.sec06 .sec-tit-area{position:relative;}
.container .section.sec05 .sec-tit-area .sec-tit,
.container .section.sec06 .sec-tit-area .sec-tit{font-size:1.2rem; font-weight:500;}
.container .section.sec05 .sec-tit-area .icon-more{display:block; position:absolute; top:-10px; right:-10px; padding:10px;}
.container .section.sec05 .img-list ul{margin-top:20px;}
.container .section.sec05 .img-list ul li{width:48%; margin-right:2%; float:left;}
.container .section.sec05 .img-list ul li:nth-chlid(2){margin-right:0;}
.container .section.sec05 .img-list ul li a{display:block;}
.container .section.sec05 .img-list ul li a .img-area{display:block; border:1px solid #d2d2d2; height:90px; overflow:hidden;}
.container .section.sec05 .img-list ul li a .img-area img{width:100%; min-height:90px;}
.container .section.sec05 .img-list ul li a .tit{display:block; text-align:center; line-height:1.4em; padding-top:5px; height:38px; overflow:hidden;}

/*calendar*/
.calendar-area .calendar-controls{position:relative;height:39px; margin-bottom:10px;}
.calendar-area .calendar-controls .icon-control{position:absolute; width:22px; height:39px;}
.calendar-area .calendar-controls .icon-prev{left:5%; background:url(/images/global/cal-prev.png) no-repeat center; background-size:12px;}
.calendar-area .calendar-controls .icon-next{right:5%; background:url(/images/global/cal-next.png) no-repeat center;background-size:12px;}
.calendar-area .calendar-controls .month{display:block; font-size:3rem; text-align:center; width:100%; margin-top:20px; color:#6197db; font-weight:500;}
.calendar-area .tb-calendar{width:100%;}
.calendar-area .tb-calendar thead tr th{color:#1976d2; font-weight:400; font-size:1.2rem; padding:10px 0;}
.calendar-area .tb-calendar tbody tr td{text-align:center; padding:1em 0;}
.calendar-area .tb-calendar tbody tr td a{font-size:1.3rem; color:#000;}
.calendar-area .tb-calendar tbody tr td.other a{color:#b6b6b6;}
.calendar-area .tb-calendar tbody tr td.today{position:relative; color:#fff; z-index:10;}
.calendar-area .tb-calendar tbody tr td.today a{z-index: 9; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; display:block; content:''; width:42px; height:42px; background-color:#f9a825; border-radius:50%; font-size:1.3rem; line-height:42px;}
.calendar-area .tb-calendar tbody tr td.cal{position:relative;}
.calendar-area .tb-calendar tbody tr td.cal a{position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; display:block; content:''; width:42px; height:42px; line-height:42px; background-color:#efefef; border-radius:50%; font-size:1.3rem;}
.calendar-area .tb-calendar tbody tr td.cal.c01 a:after{position:absolute;bottom:5px; left:50%; content:''; display:block; width:5px; height:5px; margin-left:-2.5px; background-color:#1976d2; border-radius:50%;}
.calendar-area .tb-calendar tbody tr td.cal.c02 a:after{position:absolute;bottom:5px; left:33%; content:''; display:block; width:5px; height:5px; background-color:#1976d2; border-radius:50%;}
.calendar-area .tb-calendar tbody tr td.cal.c02 a:before{position:absolute;bottom:5px; right:33%; content:''; display:block; width:5px; height:5px; background-color:#f9a825; border-radius:50%;}

/*footer*/
.footer{background-color:#272727; padding:25px 0 60px 0;}
.footer .ft-logo{margin-bottom:10px;}
.footer .ft-logo img{width:150px; margin:0 auto; display:block; vertical-align:top;}
.footer .ft-nav ul{text-align:center;}
.footer .ft-nav ul li{display:inline-block;}
.footer .ft-nav ul li a{position:relative; display:block;padding:5px; color:#fff; letter-spacing:-1px;}
.footer .ft-nav ul li a:after{position:absolute; right:-3px; top:7px; display:block; content:'|'; font-weight:300; color:#aeaeae; font-size:0.7rem; }
.footer .ft-nav ul li a.last:after{display:none;}
.footer .address{margin:20px 0;}
.footer .address span{color:#d5d5d5; text-align:center; display:block; font-weight:300; line-height:1.6em;}
.footer .copy p{color:#d5d5d5; text-align:center; opacity:0.4;}