@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
body, html, div {font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 300; color: #666;}
h1, h2, h3, h4, h5 {font-weight: 500;}
.section {max-width: 1200px;}



/* header */
.top-login {height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.top-login .right {text-align: right;}
.top-login .right a {margin: 0 15px; font-size: 13px;}
.logoArea {display: table; width: 100%; height: 110px; position: relative;}
.top-logo {float: left; width: 132px; position: relative; top: 20px;}
.top-logo img {position: relative; top: -6px; margin-right: 10px; width: 100%;}
.top-logo span {color: #01549f; margin-left: 5px;}
.top-logo span:last-child {color: #ff0009;}
.top_search {float: left; position: relative; top: 27px; margin-left: 10%;}
.top_search .search_word {background: #fff; border: 0; border-bottom: 1px solid #000; outline: none; font-size: 15px;}
.top_search .search_btn {background: #fff url(/files/images/search-ico.png) no-repeat center; border-bottom: 1px solid #000;}
.notiBar {height: 55px; line-height: 55px; background: #f8f8f8;}
.notiBar > .section {display: table; width: 100%; padding: 0 2%;}
.topNoti {display: table; float: left; width: 50%;}
.topNoti > li {float: left;}
.topNoti > li:first-child {width: 20%;color: #ff0000;font-size: 16px;font-weight: 500;}
.topNoti > li:last-child {width: 80%;}
.snsArea {float: right; text-align: right; width: 50%;}
.snsArea a {padding: 0 3px;}
.boxnotice li a {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; width: 100%; height: 55px;}
.topLogin {position: absolute; right: 0; top: 15px; line-height: 1; text-align: right;}
.topLogin a {display: inline-block; margin-left: 20px;}


/* gnb_1 */
#gnb_area {height:60px; background: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.gnbDiv {height:60px; overflow:hidden; z-index:9999; }
.gnbDiv .gnbWrap .gnb {position:relative; margin:0 auto; width: 100%; max-width:1200px; z-index:9999;  height:60px;}
.gnbDiv .gnbWrap .gnb .oneDep {height: 60px; padding: 0px;}
.gnbDiv .gnbWrap .gnb ul {overflow:hidden; width: 100%;}
.gnbDiv .gnbWrap .gnb ul li {float:left; width: 25%; text-align:center; }
.gnbDiv .gnbWrap .gnb ul li a.oneDep {display:block; position:relative; font-size: 17px; line-height: 60px; height:60px; color:#000; letter-spacing:-1pt; font-weight: 400;}
.gnbDiv .gnbWrap .gnb ul li.on {}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color: #0758a8;}
.gnbDiv .gnbWrap .twoDep {width:100%; display:block; position:relative; visibility: visible; background:#fff; border-bottom:2px solid #353d4a; z-index: 9;}
.gnbDiv .gnbWrap li .twoDep a {color:#353d4a; font-weight: 300; font-size:14px; line-height:18px; padding:10px 0 5px 0; letter-spacing: 1;}
.gnbDiv .gnbWrap li.on .twoDep { background:#f3f3f3;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover {color:#0051a6; font-weight: 400;}
.disB{display:block;}


/* footer */
.foot-privit {height: 60px; line-height: 60px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.foot-privit a {display: inline-block; padding: 0 15px; font-size: 14px;}
.foot-privit .privit {color: #0456a6; font-weight: 400;}
.company {padding: 40px 0;}
.foot-bottom ul {padding-left: 150px;}
.bottomLogo {width: 130px; opacity: 0.5; position: absolute; top: 43px; left: 0;}
.bottomLogo img {width: 100%;}
.pd80 {padding: 80px 0;}


/* navigation */
.subMenu {background:#2a5069; display: none;}
.navi > li {float:left; width: auto; min-width:240px; height:50px; line-height:50px; position:relative;}
.navi > li:first-child {width:50px; min-width:50px; position:relative; background:#26485f url('/files/default-img/home_icon.png') no-repeat center; background-size:50%; cursor:pointer;}
.navi > li:first-child div {opacity:0;}
.navi > li:nth-child(2), .navi > li:nth-child(4) {background:url('/files/default-img/button_background.png') no-repeat 90% 50%;}
.navi > li:nth-child(3) {background:#26485f url('/files/default-img/button_background.png') no-repeat 90% 50%;;}
.navi > li > a {display:block; color:#fff; padding-left: 25px; font-size:16px; width:100%;}
.navi > li smenu {display:block; color:#fff;}
.navi::after {display:block; content:''; clear:both;}
.smenu {width:100%; position:absolute; left:0; z-index:2; background:#000;} 
.smenu a {display:block; background:#fff; padding-left:10%; color:#555; font-size:14px; border:1px solid #ccc; border-top:none; transition:all 0.2s;}
.smenu a:hover {background:#999; color:#fff;}
.smenu a.on {background:#3179a7; color:#fff;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(2) {}




	@media all and (max-width: 1024px) {
		.navi > li {width:30%;}
		.sub_img {font-size:36px;}
	}


	@media only screen and (min-width: 480px) and (max-width:768px){
		.navi > li {width: 30%;}
	}


	@media only screen and (max-width : 480px){
		.navi > li.homebnt {display:none;}
		.navi > li {width:50%; min-width: auto;}
		.navi > li > a {padding-left: 10px; font-size: 14px;}
		.smenu a {padding-left: 10px;}
		.foot-bottom ul {padding-left: 0;}
		.bottomLogo {display: none;}
		.snsArea a {padding:0 2px;}
	}




/* 스케쥴보드 */
.scheduleCon {}
.scheduleCon .month {text-align: center; width: 100%; max-width: 300px; position: relative; margin: 0 auto 30px;}
.scheduleCon .month h3 {font-weight: 700;}
.scheduleCon .month a {position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -15px;}
.scheduleCon .month a.leftBtn {background: url(/files/default-img/chevron-left.svg) no-repeat center; left: 0;}
.scheduleCon .month a.rightBtn {background: url(/files/default-img/chevron-right.svg) no-repeat center; right: 0;}
.calenBody {border: 1px solid #ddd;}
.calenBody .weekLine {display: table; width: 100%; border-top: 2px solid #000; background: #f9f9f9; letter-spacing: -0.5px;}
.calenBody .weekLine li {display: table-cell; width: 14.28571428571429%; vertical-align: top; height: 122px;}
.calenBody .weekLine li + li {border-left: 1px solid #ddd;}
.calenBody .weekLine li h1 {padding: 8px 0; text-align: center; border-bottom: 1px solid #ddd;}
.calenBody .weekLine li h1.sunday {color: #ff0000;}
.calenBody .weekLine li h1.saturday {color: #0027ff;}
.calenBody .weekLine li .scheBox {background: #fff; font-size: 13px; padding: 8px; border-bottom: 1px solid #ddd;}
.calenBody .weekLine li .scheBox .time {font-size: 13px; font-weight: 500; color: #000; display: inline-block;}
.calenBody .weekLine li .scheBox p {color: #666; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 42px;}
.calenBody .weekLine li .scheBox span {height: 15px; color: #fff; font-weight: 500; font-size: 11px; display: inline-block; text-align: center; line-height: 16px; border-radius: 3px; padding: 0 6px; white-space: nowrap; margin-left: 5px; position: relative; top: -1px;}
.calenBody .weekLine li .scheBox .live {background: #ff0000;}
.calenBody .weekLine li .scheBox .offline {background: #717fea;}


.comMenu {width: 100%; text-align: center; border-bottom: 1px solid #ddd;}
.comMenu .cmbody {border: 0;}
.m-menu {right: 10px; top: 25px;}
.sidenav .search_word {width: 214px;}
.sidenav a {padding: 0;}
.sidenav .closebtn {top: 4px; right: 8px;}
.pnavi {position: relative;padding-top: 15px;text-align: right;}
.pnavi ul {position: relative;}
.pnavi ul li {padding: 0 10px; display: inline-block;}
.pnavi ul li img {width: 20px; height: auto; margin-top: -2px;}


#chk_mobile {position: relative;}
.sidenav .search_word {width: 100%; border: 0; outline: none; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.m-login {border-top: 0;}
.sidenav .search_btn {position: absolute; right: 0; top: 0;}
.dropdown-container {padding: 10px 0 10px 15px;}
.dropdown-container a {padding: 5px;}
.sidenav {padding-top: 60px;}
.sidenav .closebtn {top: 15px; right: 10px;}
.m-login > div {margin-top: 36px;}


/* 회사소개 */
.clear:after {content:''; display:block; clear:both;}
.companyInfo li {float:left; width:35%; text-align:left;}
.companyInfo li:last-child {padding:5% 0 0 11%; width:65%;}
.companyBox {border:20px solid #0056b8; position:relative; height:480px;}
.companyPicture {position:absolute; right:-22%; bottom:-100px; text-align:right;}
.companyTitle {font-size:50px; line-height:1.2; letter-spacing:-1px;}
.cTpoint {color:#0056b8; font-weight:bold;}
.companyText {font-size:24px; color:#666; padding:25px 0;}
.cTbold {color:#000; font-weight:bold;}
.companyBorder {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.companyImg {width:100%;}
p.companyName {font-size:18px; padding-top:10px;}

/* 오시는 길 */
.locationInfo li {float:left; width:33.3333%; text-align:center; border:1px solid #ddd; padding:30px 15px; margin-top:40px; height:180px;}
.locationInfo h2 {padding:5px 0;}

/* mobileInfo */
.mobileInfo {max-width:300px; display:inline-block; border:1px solid #ddd;}
.mobileInfotext {padding:10px 30px; font-size:16px; font-weight:500; position:relative; top:20px; background:#fff; display:inline-block;}
.mobileInfobox {padding-top:20px; text-align:center;}
.mobileInfoimg {border:1px solid #ddd; padding:40px 20px 20px;}