@charset "utf-8";

.container {padding:0px !important;}
.container-header {padding:0px !important;margin-right:auto;margin-left:auto;}
/* container */
@media (min-width: 768px) {
	.container{width: 1170px;}
	.container-header{width: 1170px;}
	.container.main{width: 1200px;}/*배너삽입 너비조정*/
}
@media (max-width: 767px) {
	.container{margin-left:10px;margin-right:10px;}
}

.only-mobile{display: none;}
.only-web{display: block;}
.only-web-span{display: inline-block;}
@media (max-width: 767px) {
  	.only-mobile{display: block;}
  	.only-web{display: none;}
  	.only-web-span{display: none;}
}

/* common */
img{max-width: 100%;}
a{cursor: pointer; display: inline-block;}
a:hover{color: #43ade5;}
/* a:focus{
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
} */
a:focus-visible, button:focus-visible {
  outline: 4px dashed #000 !important;
}
.site-campus a:hover{color: #ec566a;}
.site-center a:hover{color: #3ab46b;}

.blue{color: #0096e0;}

.accent{color: #43ade5; font-weight: bold;}
.site-campus .accent{color: #ec566a;}
.site-center .accent{color: #3ab46b;}

.f-left{ float: left; }
.f-right{ float: right; }
.float-right{ float: right; }
.hidden-label, .alt-text{position: absolute; top: 0px; left: -2000px;}
ul{list-style: none; padding-left: 0; margin: 0;}
.bg-white{background-color: #fff;}
.bottom-box-wrapper--60{padding-top: 60px; padding-bottom: 60px;}
@media (max-width: 767px) {
.bottom-box-wrapper--60{padding-top: 30px; padding-bottom: 30px;}
}
.text-right{text-align: right;}
.color-blue{color: #0096e0;}
.hidden-xs{display: none}
@media (max-width: 767px) {
.hidden-xs{display: block;}
.slide-container{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}
body{width: 100%;}

#visual-box, #main-gnb{width: 100%;}

@media (max-width: 1200px) {
  body{width: 1200px;}
  .main-menus.main-menus--portal:hover .main-menu-sub-wrapper, .main-menus.main-menus--portal:hover .main-menu-sub-wrapper__background{width: 1200px;left: 0;}
}
@media (max-width: 767px) {
  body{width: 100%;}
  .main-menu-sub-wrapper__background{width: 100%;}
}

/* nav */
.skipnavigation{display: block;}
#skipnavigation a {
  position: absolute;
  left: -3000%;
}
#skipnavigation a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 10000000000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #1499df;
  color: #fff;
  text-align: center;
}


.navbar{border: none; margin-bottom: 0;}

/* Top nav */
.top-nav{min-height: 31px; background-color: #5474c0;}
.top-nav__seoul-city-logo{width: 76px; margin-right: 75px; margin-top: -7px;}
.top-nav__notice-mention{margin: 0; display: inline-block; color: #626262; font-size: 13px;}
.front-icon{margin-right: 10px;}
.top-nav__notice-link:hover .top-nav__notice-mention{color: #0096e0;}
.top-nav__right{float: right; text-align: right;}
.top-nav__right__link{color: #626262; font-size: 13px; padding: 7px 16px;}
.top-nav__right__link:hover{color: #0096e0;}
.top-nav__right__link--last{padding-right: 0; padding-left: 0;}
.top-nav__right__link--last__icon{ margin-top: -3px;}
/* Main-sub Menu*/
/* 공유사무실 메뉴추가시 height 수정 */
.main-menu-sub-wrapper__background{position: absolute; height: 350px; display: none; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); width: 5000px; left: -2000px; top: -1px;border-top: 1px solid #dbdbdb;}
.main-menu-sub-wrapper{

position: absolute;
display: none;
top: 82px;
z-index: 1090;
}

.main-menus--portal .main-menu-li > ul {
  left: -10000px;
  position: absolute;
  margin-top: 1px;
  background: white;
  width: 100%;
  z-index: 1100;}
/*.main-menus.main-menus--portal:hover .main-menu-sub-wrapper,
.main-menus.main-menus--portal:hover .main-menu-sub-wrapper__background,
.main-menus.main-menus--portal:focus .main-menu-sub-wrapper,
.main-menus.main-menus--portal:focus .main-menu-sub-wrapper__background,
.main-menu-li__link--portal:focus .main-menu-sub-wrapper,
.main-menu-sub-li__link:focus .main-menu-sub-wrapper,
.main-menu-nav__hamberger:focus .main-menu-sub-wrapper{display: block;}*/
/*.main-menus.main-menus--portal:hover
.main-menu-sub-ul.main-menu-sub-ul--portal,
.main-menus.main-menus--portal:focus
.main-menu-sub-ul.main-menu-sub-ul--portal{display: block;}*/
.container--sub-menu{position: absolute; max-width: 1170px; padding: 10px 0 0;}
.main-menu-sub-ul.main-menu-sub-ul--portal{list-style: none; padding-left: 0; margin: 0; width: 16.66%; float: left; position: relative; top: 0; border-bottom: none;}
.main-menu-sub-li{width: 100%; text-align: center;}
.main-menu-sub-li__link{padding-top: 14px; padding-bottom: 14px; font-size: 18px; color: #2c2c2c; display: block; width: 100%; text-align: center;}
.main-menu-sub-li.active .main-menu-sub-li__link, .main-menu-sub-li:hover .main-menu-sub-li__link{color: #0096e0; text-decoration: underline;}
@media (max-width: 767px) {
.main-menu-nav, foundation-main-menu-nav{display: none;}

}



/* Mobile Nav */
.mobile-nav-li{position: relative; border-bottom: 1px solid #dbdbdb;}
.mobile-nav-li__text{color: #43ade5; padding: 18px 0; margin: 0; font-weight: 400; font-size: 15px;}
.collapsed .mobile-nav-li__text{color: #2c2c2c;}
.site-campus .mobile-nav-li__text{color: #ec566a;}
.site-center .mobile-nav-li__text{color: #3ab46b;}
.mobile-nav-menu-wrapper{display: none; background-color: #fff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 0 15px;}
.mobile-nav-li__arrow{width: 14px; position: absolute; top: 25px; right: 29px;}
.mobile-nav-sub-ul{ padding: 15px 0; background-color: #f7f7f7; }
.mobile-nav-sub-li__link{padding: 9px 20px; font-size: 14px; color: #555; display: block;}
.mobile-nav-sub-li__link:hover{color: #2c2c2c;}
.site-campus .mobile-nav-sub-li__link:hover{color: #ec566a;}
.site-center .mobile-nav-sub-li__link:hover{color: #3ab46b;}
.main-menu-nav-mobile{display: none;}
@media (max-width: 767px) {
  .mobile-org-button-group{margin-top: 10px;margin-bottom: 10px; border-top: 1px solid #dbdbdb; background-color: #fff;}
  .mobile-top-org-button-group{border-bottom: 1px solid #dbdbdb;}
  .sub-org-toggle-panel{margin-top: -1px; border-bottom: 1px solid #dbdbdb;}
  .mobile-session-li{padding-top: 10px; padding-bottom: 10px; float: left; width: 50%;}
  .mobile-session__link{color: #2c2c2c;font-size: 13px; font-weight: 700; padding: 0 10px 0; width: 100%; text-align: center;}
  .mobile-session-divide-line{position: absolute; left: 50%; height: 14px; width: 1px; border-left: 1px solid #dbdbdb; top: 15px;}
  .mobile-session__link__icon{margin-right: 6px;}
  .mobile-org-btn{float: left; width: 25%;}
  .mobile-org-btn__link{display: block; width: 100%; color: #2c2c2c; font-size: 13px; border-left: 1px solid #dbdbdb; text-align: center; padding: 8px; border-right: none; border-top: none; border-bottom: none; background-color: #fff;}
  .mobile-org-btn__link--first{border-left: none;}
  .mobile-suborg-li{padding-top: 6px; padding-bottom: 6px; float: left; }
  .mobile-suborg-li--campus{width: 33.33%;}
  .mobile-suborg-li--center{width: 25%;}
  .mobile-org-btn__link--campus{background-color: #ec566a; color: #fff;}
  .mobile-org-btn__link--center{background-color: #3ab46b; color: #fff;}
  .mobile-org-btn__link--campus.collapsed, .mobile-org-btn__link--center.collapsed{background-color: #fff; color: #2c2c2c;}
  .mobile-suborg-btn{font-size: 12px; text-align: center; width: 100%; color: #2c2c2c;border-left: 1px solid #dbdbdb}
  .mobile-campus-button-group, .mobile-center-button-group{border-top: none; box-shadow: none; -webkit-box-shadow: none; padding-left: 0; padding-right: 0;}
  .mobile-campus-button-group li:first-child a, .mobile-center-button-groupli:first-child a{border-left: none;}
.mobile-nav-menu-wrapper{display: block; padding-bottom: 10px;}
.main-menu-nav-mobile{display: block; margin-bottom: 4px;}
.main-menu-nav-mobile a{display: block;}
.mobile-nav-li__text2{color: #43ade5; padding: 18px 0; margin: 0; font-weight: 400; font-size: 15px;}
}


/* Main Menu*/
.web-main-container{height: 107px;}
.page-header{background-color: #fff; width: 100%;}
.navbar-collapse{padding-left: 0; padding-right: 0;}
.navbar-collapse--main-menu-nav{padding-right: 50px; }
.navbar-collapse--foundation-main-menu-nav{padding-left: 0; padding-right: 0;}
.navbar-collapse--main-nav{padding-left: 0; padding-right: 0;}
.main-menu-nav{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.main-nav-logo{display: inline-block; margin-top: 26px; margin-bottom: 26px;}
.main-nav-middle-right{float: right; text-align: right;}
.site-info-button-group__link{font-size: 13px; color: #626262; padding: 20px 13px; display: inline-block;}
.site-info-button-group__link:hover{color: #0096e0;}
.site-info-button-group__link--last{padding-right: 0;}
.signin-center-group__link{color: #2c2c2c;font-size: 14px; font-weight: 700; padding: 8px 10px 8px;}
.signin-center-group-box-wrapper{float: right;}
.signin-center-group__button-wrapper{display: inline-block; float: left; cursor: pointer;}
.signin-center-group__link:hover{color: #0096e0;}
.signin-center-group__link--color{
background-color: #f7f7f8;
display: inline-block;
color: #2c2c2c;
font-size: 14px;
border-left: none;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.signin-center-group__link--color--first{border: 1px solid #dbdbdb;}
.signin-center-group__link--color:hover{background-color: #0096e0; color: #fff;}
.center-group--campus:hover, .center-group--campus:focus, .open .center-group--campus{background-color: #ec566a; color: #fff;}
.center-group--center:hover, .center-group--center:focus, .open .center-group--center{background-color: #3ab46b; color: #fff;}
.signin-center-group__link__icon{margin-right: 6px; margin-top: -3px;}
.main-menus{list-style: none; padding-left: 0; margin: 0;}
.main-menu-li{float: left; width: 16.66%; text-align: center;}
.main-menu-li.active .main-menu-li__link, .main-menu-li:hover .main-menu-li__link, .main-menu-li:focus .main-menu-li__link{color: #fff;}
.site-campus .main-menu-li.active .main-menu-li__link, .site-campus .main-menu-li:hover .main-menu-li__link, .main-menu-li:focus .main-menu-li__link{color: #fff;}
.site-center .main-menu-li.active .main-menu-li__link, .site-center .main-menu-li:hover .main-menu-li__link, .site-center .main-menu-li:focus .main-menu-li__link{color: #fff;}
.main-menu-li.active .main-menu-li__link--portal, .main-menu-li:hover .main-menu-li__link--portal, .main-menu-li:focus .main-menu-li__link--portal, .main-menu-li .main-menu-li__link--portal:focus{color: #2c2c2c;}
.main-menu-li.active .main-menu-li__link--center, .main-menu-li:hover .main-menu-li__link--center, .main-menu-li:focus .main-menu-li__link--center, .main-menu-li .main-menu-li__link--center:focus{color: #fff;}
.main-menu-nav__hamberger{position: absolute; left: 10px; top: 28px; border: none; background-color: transparent}
.main-menu-nav__search{position: absolute; right: 10px; top: 28px; border: none; background-color: transparent;}
.container--nav{position: relative;}
.web-search-collape{position: absolute; right: 0; border: 2px solid #0096e0; background-color: #fff; z-index: 2000;}

.nav-dropdown-menu{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; min-width: 1000px; text-align: right; background-color: transparent; border: none; top: 33px;box-shadow: none; -webkit-box-shadow: none;}
.nav-dropdown-menu li{float: left; margin-left: 5px; margin-bottom: 5px; }
.nav-dropdown-menu li a{font-size: 13px; color: #2c2c2c; font-weight: 600; padding: 6px 10px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.nav-dropdown-menu--campus, .nav-dropdown-menu--found-campus{left: inherit; right: -46px;}
.nav-dropdown-menu--campus li a, .nav-dropdown-menu--found-campus li a{background-color: #ec566a; color: #fff;}
.nav-dropdown-menu--campus li:hover a, .nav-dropdown-menu--found-campus li:hover a{background-color: #ffbbc4; color: #fff;}
.dropdown-menu-inner-wrapper { float: right; }
.nav-dropdown-menu--center, .nav-dropdown-menu--found-center{left: inherit; right: 0;}
.nav-dropdown-menu--center li a, .nav-dropdown-menu--found-center li a{background-color: #3ab46b; color: #fff;}
.nav-dropdown-menu--center li:hover a, .nav-dropdown-menu--found-center li:hover a{background-color: #8cdcac; color: #fff;}
.main-nav-logo__img{width: auto; height: 55px;}
@media (max-width: 1200px) {
  .page-header{width: 1200px;}
}
@media (max-width: 767px) {
.page-header{width: 100%;}
.web-main-container{height: 57px; border-bottom: 1px solid #dbdbdb;}
.navbar-collapse--mobile-nav{position: absolute; top: 88px; z-index: 1102; background-color: #f7f7f7;left: 0;right: 0; padding-left: 0; padding-right: 0;}
.web-search-collape, .main-menu-nav__search, web-search-collape-wrapper{display: none;}
.container--nav{padding-left: 0; padding-right: 0;}
.site-info-button{padding: 5px 0; display: inline-block;}
.mobile-middle-button-group{text-align: center; padding: 8px 0;}
.mobile-session-btn-group{border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; background-color: #fff;position:relative}
.site-info-button-group__link{padding: 0 4px; font-size: 12px; border-left: 1px solid #dbdbdb;}
.site-info-button-group__link--first{border-left: none; padding-left: 0}
.signin-center-group__link--color, .signin-center-group__link--color--first{border: none;}
.main-nav-logo.main-nav-logo--foundation, .main-nav-logo.main-nav-logo--portal{margin-top: 10px; margin-bottom: 10px;}
.main-nav-logo__img{height: 37px; width: auto;}
.main-nav-middle-right{display: none}
.signin-center-group__button-wrapper{float: inherit;  }
.nav-dropdown-menu{min-width: 300px; text-align: center; float: inherit; background-color: #fff; top: 26px; padding: 6px;}
.nav-dropdown-menu li{float: inherit; display: inline-block;}
.nav-dropdown-menu--center{ left: inherit;right: -134px; }
}


.foundation-main-menu-nav{background-color: #1999de;}
.center-main-menu-nav{background-color: #3ab46b;}
.campus-main-menu-nav{background-color: #eb566a;}
.campus-main-menu-nav .container{background-color: #eb566a;}
.main-menu-li{float: left; text-align: center; position: relative;}
.main-menu-li--foundation{width: 20%;}
.main-menu-li--center{width: 14.28%;}
.main-menu-li--campus{width: 16.66%;}
.main-menu-li--dosim{width: 25%;}
.main-menu-li__link{color: #fff; font-size: 18px; font-weight: 600; padding: 28px 20px; display: block;}
.main-menu-li__link--portal, .main-menu-li__link--portal:hover{color: #2c2c2c;}
.main-menu-sub-ul{width: 100%; position: absolute; top: 81px; background-color: #fff; list-style: none; padding-left: 0; z-index: 1000; display: none}
.main-menu-sub-li{border-bottom: 1px solid #dbdbdb;}
.main-menu-sub-li--portal{border-bottom: none;}
.main-menu-sub-li__link{padding: 16px 10px 17px;  width: 100%; display: block; color: #2c2c2c; font-size: 17px; cursor: pointer;}
.main-menu-sub-li--foundation.active .main-menu-sub-li__link, .main-menu-sub-li--foundation:hover .main-menu-sub-li__link{color: #fff; background-color: #43ade5; cursor: pointer;}
.main-menu-sub-li--campus.active .main-menu-sub-li__link, .main-menu-sub-li--campus:hover .main-menu-sub-li__link{color: #fff; background-color: #eb566a; cursor: pointer;}
.main-menu-sub-li--center.active .main-menu-sub-li__link, .main-menu-sub-li--center:hover .main-menu-sub-li__link{color: #fff; background-color: #3ab46b; cursor: pointer;}
.main-menu-li.active .main-menu-li__active-bar, .main-menu-li.active .main-menu-sub-ul, .main-menu-li:hover .main-menu-li__active-bar, .main-menu-li:hover .main-menu-sub-ul{display: block;}
.main-menu-li__active-bar{width: 100%; height: 6px; bottom: 0; position: absolute; display: none;}
.main-menu-li__active-bar--foundation{background-color: #5eb7e8;}
.main-menu-li__active-bar--center{background-color: #9cdab5;}
.main-menu-li__active-bar--campus{background-color: #ee8e9a;}
@media (max-width: 767px) {
.navbar-collapse--mobile-search{padding-left: 0; padding-right: 0; position: absolute; top: 88px; z-index: 1200; width: 100%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.navbar-collapse--main-nav{display: none;}
.campus-main-menu-nav{background-color: #f1f1f1;}
.navbar-toggle--foundation{position: absolute !important; z-index: 2000 !important; left: 10px !important; top: 3px !important;}
.navbar-toggle--foundation .icon-bar{background-color: #3c3c3c; }
.navbar-toggle--50plus{position: absolute !important; z-index: 2000; left: 10px; top: 3px; }
.navbar-toggle--search{position: absolute !important; z-index: 2000 !important; right: 7px !important; top: 8px !important; margin: 0 !important;}
.navbar-toggle--search-btn{width: 20px;}
.navbar-toggle--50plus .icon-bar{background-color: #3c3c3c; }
.logo-nav-box--campus{background-color: #fff;}
.logo-nav-box--center{background-color: #3ab46b;}
.mobile-search-submit-btn{position: absolute; right: 4px; top: 4px; padding: 5px 8px;color: #fff;font-size: 14px;background-color: #1499df; display: inline-block; border: none; }
.main-menu-li{float: inherit; width: 100%; border-bottom: 1px solid #dbdbdb; display: inline-block;}
.main-menu-li__link{padding: 10px; font-size: 15px; color: #2c2c2c;}
.main-menu-sub-li__link{padding: 10px; font-size: 15px;}
.main-menu-sub-ul{position: relative; top: 0;}
.main-menu-li__active-bar{display: none;}
.main-menu-sub-li{border-top: 1px solid #dbdbdb; border-bottom: none;}
}


/* sns */
.mypage-content-title{position: relative; margin-top: 36px;}
.mypage-content__title{padding-right: 100px; margin-bottom: 0;}
.mypage-content-sns-group{position: absolute; right: 0; top: 0;}
.content-sns-link{font-size: 24px; color: #626262;}
.share-btn{display: inline-block; margin-right: 10px; cursor: pointer; float: left;}
.band-share-btn-wrapper a img{opacity: 0;}
.band-share-btn-wrapper a{width: 31px; height: 30px; background-image: url('/images/icon-pinterest.png'); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden; display: inline-block; float: left;}
.detail-band-share-btn-wrapper a img{display: none;}
.detail-band-share-btn-wrapper a{width: 278px; height: 50px; position: absolute; z-index: 1000;}
.detail-band-share-btn-wrapper{position: relative;height: 50px;margin-bottom: 10px;}
.detail-band-share-btn-text-wrapper{width: 100%; text-align: center; position: absolute; top: 0; background-color: #088903; height: 50px;}
.detail-band-share-btn-wrapper:hover .detail-band-share-btn-text-wrapper, .detail-band-share-btn-wrapper:focus .detail-band-share-btn-text-wrapper{background-color: #0CCB3F; color: #fff !important;cursor: pointer;}
.detail-band-share-btn-wrapper__text{display: inline-block; color: #fff; font-size: 16px; color: #fff; height: 50px;margin: 0;line-height: 50px;}

.detail-blog-share-btn-wrapper a img{display: none;}
.detail-blog-share-btn-wrapper a{width: 278px; height: 50px; position: absolute; z-index: 1000;}
.detail-blog-share-btn-wrapper{position: relative;height: 50px;margin-bottom: 10px;}
.detail-blog-share-btn-text-wrapper{width: 100%; text-align: center; position: absolute; top: 0; background-color: #36ac3a;height: 50px;}
.detail-blog-share-btn-wrapper:hover .detail-blog-share-btn-text-wrapper, .detail-blog-share-btn-wrapper:focus .detail-blog-share-btn-text-wrapper{background-color: #0CCB3F; color: #fff !important;cursor: pointer;}
.detail-blog-share-btn-wrapper__text{display: inline-block; color: #fff; font-size: 16px; color: #fff; height: 50px;margin: 0;line-height: 50px;}

/* Footer */
.footer-wrapper{border-top: 2px solid #dbdbdb; padding-bottom: 27px; margin-top: 60px; width: 100%;}
.foonter-menu-wrapper{border-bottom: 1px solid #dbdbdb; background-color: #fff;}
.footer-left-menus{display: inline-block;}
.footer-left-menus2{display: block; margin-top: -3%;}
.footer-left__link{display: inline-block; padding-top: 25px; padding-bottom: 25px; padding-left: 35px; padding-right: 35px;color: #2c2c2c; font-size: 16px; font-weight: 700;}
.footer-left__link--first{padding-left: 0;}
.footer-left__link--division{padding-left: 0; padding-right: 0;font-weight: 100;}
.footer-right-menus{float: right; padding-top: 19px; }
.footer-right-menus2{float: right; margin-top: -6%;}
.footer-right__link2{display: inline-block; padding: 8px 25px; color: #fff; font-size: 14px; background-color: #1499df; }
.footer-right__link{display: inline-block; padding: 8px 25px; color: #fff; font-size: 14px; background-color: #1499df; }
.site-campus .footer-right__link{background-color: #ec566a;}
.site-center .footer-right__link{background-color: #3ab46b;}
.footer-right__link:hover, .footer-right__link:focus{color: #fff; background-color: #43b3ef;}
.site-campus .footer-right__link:hover, .site-campus .footer-right__link:focus{color: #fff; background-color: #f17687;}
.site-center .footer-right__link:hover, .site-center .footer-right__link:focus{color: #fff; background-color: #60ca8a;}
@media (max-width: 1200px) {
  .footer-wrapper{width: 1200px;}
}
@media (max-width: 767px) {
.footer-wrapper{margin-top: 20px; width: 100%;}
.footer-left-menus{display: block; text-align:center;}
.footer-left-menus2{display: block; text-align:center; margin-top: 0%;}
.footer-left__link{ padding: 10px !important; font-size: 13px}
.footer-right-menus{float: inherit; padding-left: 15px; padding-right: 15px; width: 100%; position: absolute; padding-top: 10px;}
.footer-right-menus2{float: inherit; padding-left: 15px; padding-right: 15px; width: 100%; position: absolute; margin-top: 2%;}
.footer-right__link{padding: 6px 40px; position: relative; width: 100%; text-align: center;}
.footer-right__link2{padding: 10px 0px; position: relative; width: 100%; text-align: center;}
}

.logo-family-group{margin-top: 30px;}
.footer-logo-foundation{display: inline-block; margin-right: 20px;}
.footer-logo-seoul-city{display: inline-block;}

.logo-group{float: left; }
.family-group{float: right;}
.footer-sns-group{float: right; padding: 4px 30px 2px 15px;}
.footer-sns-group2{float: right; padding: 4px 30px 2px 15px;}
.footer-family-btn-group{float: right;}
.footer-family-btn-group .dropdown-toggle:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.footer-family-btn{color: #fff; width: 220px; border: none; height: 50px; padding: 12px 15px; background-color: #337ab7; text-align: left;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.footer-family-btn i{float: right;}
.footer-family-dropup{width: 100%;}
.footer-family-dropup__link{display: block; padding: 7px 13px; color: #2c2c2c;}
.footer-family-dropup__link:hover, .footer-family-dropup__link:focus{background-color: #0096e0; color: #fff;}

.sns-link-icon{display: inline-block; background-color: #6b6b6c; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 30px; height: 30px; color: #fff; text-align: center; margin-left: 4px; float: left; margin-top: 6px;}
.sns-link-icon i{line-height: 2;}
.sns-link-icon__img{width: 20px; height: 20px; margin-top: 5px;}
.sns-group-lable{color: #6b6b6c; font-size: 13px; display: inline-block; float: left;}

@media (max-width: 767px) {
.logo-family-group{margin-top: 53px;}
.logo-group{float: inherit; display: block; margin-top: 18px;}
.family-group{float: inherit;  display: block; position: relative; margin-top: 18px;}
.footer-family-btn{width: 100%; height: 36px; padding: 6px 15px;}
.footer-logo-foundation{margin-right: 0}
.footer-family-btn-group{float: inherit; width: 100%; }
.footer-sns-group{text-align: center; padding: 4px 0 2px;}
.footer-sns-group2{text-align: center; padding: 4px 0 2px;}
.footer-sns-group-wrapper{display: inline-block;}
.sns-group-lable{display: none;}
.footer-logo-img{width: 130px;}
.footer-sns-group{ text-align: center;position: absolute;top: 95px;display: inline-block;background-color: transparent;width: 100%;}
.footer-sns-group2{ text-align: center;position: absolute;top: 150%;display: inline-block;background-color: transparent;width: 100%;}
.address-copyright{margin-top: 70px; /*text-align: center;*/}
}
.facebook-share:hover, .facebook-share:focus{color: #3b5998;}
.twitter-share:hover, .twitter-share:focus{color: #00aced;}
.youtube-share:hover, .youtube-share:focus{color: #bb0000;}
.kakao-share:hover, .kakao-share:focus{color: #ffe812;}
.band-share:hover, .band-share:focus{color: #43ce8a;}
.blog-share:hover, .blog-share:focus{color: #36ac3a;}

.facebook:hover, .facebook:focus{background-color: #3b5998; color: #fff !important;}
.twitter:hover, .twitter:focus{background-color: #00aced; color: #fff !important;}
.youtube:hover, .youtube:focus{background-color: #bb0000; color: #fff !important;}
.kakao:hover, .kakao:focus{background-color: #ffe812; color: #fff !important;}
.band:hover, .band:focus{background-color: #43ce8a; color: #fff !important;}
.blog:hover, .blog:focus{background-color: #36ac3a; color: #fff !important;}

.footer-address{color: #2c2c2c;letter-spacing: -0.56px;font-size: 14px;font-weight: 400; font-style: normal; margin-top: 15px;}
.footer-address-title{font-weight: bold;}
.footer-link{color: #2c2c2c;}

.footer-link:hover{color: #43ade5;}
.site-campus .footer-link:hover{color: #ec566a;}
.site-center .footer-link:hover{color: #3ab46b;}

/*
*
* foundation
*
*/

.top-nav--foundation{background-color: #f0f0f0; padding-top: 13px;}
.main-nav-logo--foundation{margin-top: 34px;}
.logo-nav-box{height: 126px; }
.main-logo-wrapper{position: absolute; top: 0; left: 0; z-index: 100; text-align: center; width: 100%;}
.portal-cam-center-wrapper{position: absolute; left: 15px; z-index: 200; padding-top: 42px;}

.portal-cam-center__link{display: inline-block; padding: 16px 0; text-align: center; cursor: pointer; color: #2c2c2c;}
.portal-cam-center__link:hover .portal-cam-center__link__title{color: #0096e0;}

.portal-cam-center__link:hover{color: #43ade5;}
.portal-cam-center__link--campus:hover .portal-cam-center__link__title, .open .portal-cam-center__link--campus .portal-cam-center__link__title{color: #ec566a;}
.portal-cam-center__link--center:hover .portal-cam-center__link__title, .open .portal-cam-center__link--center .portal-cam-center__link__title{color: #3ab46b;}

.portal-cam-center__link--first .portal-cam-center__link__title{padding-left: 0;}
.portal-cam-center__link__title{margin: 0; color: #2c2c2c; border-right: 1px solid #dbdbdb; line-height: 1; padding-right: 16px; padding-left: 16px;}
.portal-cam-center__link__title--list{border-right: none;}

.portal-cam-center-dropdown, .cam-center-dropdown{display: inline-block;}
.portal-cam-center-dropdown .nav-dropdown-menu li, .cam-center-dropdown .nav-dropdown-menu li{float: left;}
.portal-cam-center-dropdown .nav-dropdown-menu--campus{right: auto; top: 34px; left: -52px; text-align: left;}
.portal-cam-center-dropdown .nav-dropdown-menu--center{right: auto; top: 34px; left: -125px; text-align: left;}

.cam-center-dropdown .nav-dropdown-menu--campus{right: auto; top: 34px; left: -116px; text-align: left;}
.cam-center-dropdown .nav-dropdown-menu--center{right: auto; top: 34px; left: -189px; text-align: left;}

.cam-center-dropdown .nav-dropdown-menu--found-campus{right: auto; top: 34px; left: -51px; text-align: left;}
.cam-center-dropdown .nav-dropdown-menu--found-center{right: auto; top: 34px; left: -125px; text-align: left;}




.main-nav-search-wrapper{position: absolute; right: 15px; z-index: 300; padding-top: 38px;}
.main-nav-middle-favorite-group{border-top: 1px solid #dbdbdb;}
.middle-favorite-group--left{float: left;}
.middle-favorite-group--right{float: right; text-align: right; }
.middle-favorite-group__link{
height: 14px;
font-size: 13px;
color: #626262;
padding: 11px;
padding-bottom: 28px;
display: inline-block;
cursor: pointer;
}
.middle-favorite-group__link:hover{color: #0096e0;}
.middle-favorite-group__link--division{font-size: 13px; color: #dbdbdb; padding: 0; display: inline-block;}
.middle-favorite-group__link--first{padding-left: 0;}
.middle-favorite-group__link--last{padding-right: 0;}
.main-nav-search-form{position: relative;}
.main-nav-search-form--web{margin-bottom: 0;}
.main-button-search-input{padding: 10px; border: none; width: 230px;}
.web-search-submit-btn{position: absolute; right: 4px; top: 4px; padding: 5px 8px;color: #fff;font-size: 14px;background-color: #1499df; display: inline-block; border: none; }
.main-nav-search-input{padding: 10px; border: none; border-bottom: 2px solid rgba(98, 98, 98, 0.5); width: 230px;}
.mobile-nav-search-input{padding: 10px; border: none; border-bottom: 1px solid #dbdbdb; width: 100%;}
.main-nav-search-submit-btn{position: absolute; top: 12px; right: 0;}
.portal-cam-center-wrapper-mobile{display: none;}
.main-nav-search-form--mobile{display: none;}
.portal-logo-wrapper{float: left;}
@media (max-width: 767px) {
.logo-nav-box{height: inherit;}
.main-logo-wrapper{position: relative; height: 57px;}
.portal-logo-wrapper{text-align: center; width: 100%; float: inherit;}
.portal-cam-center-wrapper{display: none;}
.portal-cam-center-wrapper-mobile{display: block; text-align: center;}
.main-nav-search-wrapper--web{display: none;}
.portal-cam-center-mobile__link{display: inline-block; padding: 6px;}
.portal-cam-center-mobile__link__title{display: inline-block; color: #2c2c2c; margin: 0;}
.main-nav-search-input{width: 100%;}
.middle-favorite-group--left{float: inherit; text-align: center;}
.middle-favorite-group--right{float: inherit; text-align: center;}
.middle-favorite-group__link{padding: 5px 3px; display: inline-block; height: auto;}
.main-nav-search-form--mobile{margin: 0;display: block;}
}

/* grid */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/* typograph*/
.section-title{color: #2c2c2c;font-size: 22px;font-weight: 400;}
.section-title__helper{color: #0096e0;}
.site-campus .section-title__helper{color: #ec566a;}
.site-center .section-title__helper{color: #3ab46b;}
@media (max-width: 767px) {
  .section-title{margin-bottom: 10px;}
}

.sub-title{color: #3b6cc6;font-size: 28px;font-weight: 700;}
.sub-title-bar{width: 70px;height: 4px;background-color: #dbdbdb;}
.page-desc{color: #2c2c2c;font-size: 18px;font-weight: 700;line-height: 1.7;}

.site-campus-title{color: #2c2c2c;font-size: 36px;font-weight: 400; margin-top: 0; margin-bottom: 15px;}
.middle-title{color: #2c2c2c;font-size: 28px;font-weight: 400; margin-top: 0; margin-bottom: 20px;}
.underbar-middle-title{color: #2c2c2c;font-size: 28px;font-weight: 400; margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.middle-title-with-btn{color: #2c2c2c;font-size: 28px;font-weight: 400; margin-top: 0; margin-bottom: 20px; padding-right: 30px;}
.mypage-underbar-title{border-bottom: 2px solid #e9e9e9; position: relative; margin-bottom: 30px;}
.mypage-no-underbar-title{position: relative; margin-bottom: 30px;}


.sm-title{color: #2c2c2c;font-size: 22px; font-weight: 400; margin-top: 0;}
.small-title{color: #2c2c2c;font-size: 16px;font-weight: 700; margin: 0; margin-bottom: 6px;}
.small-title_search{color: #000;font-size: 18px;font-weight: bold; margin: 0; margin-bottom: 6px; text-align: center;}
.etc-text{color: #777; font-size: 13px;}
@media (max-width: 767px) {
  .sub-title{font-size: 25px;}
  .page-desc{font-size: 16px; }
  .middle-title-with-btn{padding-right: 0;}
  .underbar-middle-title{font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; }
  .sm-title{font-size: 18px; margin-bottom: 10px;}
  .site-campus-title, middle-title{font-size: 19px;}
  .middle-title{font-size: 22px; margin-bottom: 12px;}
}

.pass-course-p{text-align: right; position: relative; margin: 0; font-weight: 600}
.ing-course-p{text-align: right; position: relative; margin: 0; font-weight: 300; line-height: 3;}
.pass-course-label{position: absolute; left: 0;}
.ing-course-label{position: absolute; left: 0; color: #0096e0; text-decoration: underline;}

@media (max-width: 767px) {

}


/* 野껊슣�뻻占쎈솇 筌뤴뫀諭� 占쎈뮞占쏙옙占쎌뵬 */
.out-link-img{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
.background-image{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
.background-contain{
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.board-card-list{margin-left: -10px; margin-right: -10px; margin-top: 20px; min-height: 400px;}
.board-card-wrapper{width: 25%; float: left; padding-left: 10px; padding-right: 10px;}
.board-card{margin-bottom: 20px;}
.board-card:hover, .board-box:hover{
box-shadow: 2px 1px 3px rgba(98, 98, 98, 0.15);
}
.board-card__info{background-color: #fff;height: 234px;padding: 20px;border: 1px solid #dbdbdb; border-top: 1px solid #eee; position: relative;}
.board-card__info--non-image{height: 250px;}
.board-card__custom-height-img{width: 100%;}
.board-card__info__title{color: #2c2c2c;font-size: 20px; margin: 0; font-weight: 400; max-height: 57px; overflow: hidden; word-break:break-word;}
.board-card__info__tags{/*position: absolute; bottom: 21px;*/
max-height: 40px; 
text-overflow: ellipsis; 
overflow: hidden;
white-space:nowrap;
}
.board-card__info__desc{color: #626262;font-size: 14px; max-height: 60px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}
.board-card__info--non-image .board-card__info__desc{max-height: 102px;}
.board-card-tag{color: #7d7d7d; margin: 0; margin-right: 5px; display: inline;}
.board-card-tag-link{color: #7d7d7d; margin: 0; margin-right: 5px; display: inline-block;}
.board-card-tag-link:hover{color: #1499df; text-decoration: underline;}
.board-card__media{text-align: center; position: absolute; top: 0; bottom: 0; width: 100%;}
.board-card__outlink-img-movie{margin-top: 30%;}
.board-card__outlink-img{margin-top: 33%;}

a.board-card__link{color: #2c2c2c;}
a.board-card__link:hover, a.board-card__link:focus{color: #43ade5;}
.site-campus a.board-card__link:hover, .site-campus a.board-card__link:focus{color: #ec566a;}
.site-center a.board-card__link:hover, .site-center a.board-card__link:focus{color: #3ab46b;}
.board-card__info a{color: #2c2c2c;}
.board-card__info a:hover .board-card__info__title, .board-card__info a:focus .board-card__info__title{color: #43ade5;}
.site-campus .board-card__info a:hover .board-card__info__title, .site-campus .board-card__info a:focus .board-card__info__title{color: #ec566a;}
.site-center .board-card__info a:hover .board-card__info__title, .site-center .board-card__info a:focus .board-card__info__title{color: #3ab46b;}

.board-box-wrapper{position: relative; height: 210px; margin-bottom: 20px;}
.board-box-icon-wrapper{position: relative; margin-bottom: 20px;}
.board-box{height: 211px; border: 1px solid #dbdbdb; background-color: #ffffff; position: relative;}
.board-box-link{  height: 210px;  display: inline-block;  width: 278px;  position: absolute;}
.board-icon-box{border: 1px solid #dbdbdb; background-color: #ffffff; }
.board-box__img-wrapper{width: 278px; position: absolute; left: 1px; top: 1px;}
.board-box__info{padding-left: 300px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;}
.board-box__info__post-date{color: #626262;font-size: 13px;margin: 0;}
.board-box__info__title{color: #2c2c2c;font-size: 24px; margin: 0; font-weight: 400; height: 34px; overflow: hidden;}

a:hover .board-box__info__title{color: #43ade5;}
.site-campus a:hover .board-box__info__title{color: #ec566a;}
.site-center a:hover .board-box__info__title{color: #3ab46b;}

.title-attach-file-img{margin-left: 5px;margin-top: -7px;width: 30px;height: 30px;}
.board-box__info__desc{max-height: 50px; color: #626262; font-size: 16px; line-height: 1.5; margin-top: 10px; margin-bottom: 26px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}
.board-box__info__date{color: #626262;font-size: 13px; position: absolute; right: 25px; /*top: 47px;*/ margin: 0;text-align:right;}
@media (max-width: 767px) {
  .board-card__info__tags{bottom: 10px;}
  .title-attach-file-img{width: 25px; height: 25px; margin-top: -5px;}
  .board-box-link{ display: inline-block;  width: 100%; position: relative;height: inherit;}
}
.board-box__info--only-text{padding-left: 20px;}
.board-box__info--icon{padding-left: 110px;  padding-bottom: 36px;}
.board-box-icon__title{color: #2c2c2c;font-size: 24px; margin-top: 16px; margin-bottom: 10px; font-weight: 400; height: 30px; padding-right: 130px; text-overflow: ellipsis; overflow: hidden;word-wrap:break-word;display: -webkit-box;}
.board-box-status-wrapper{position: relative;display: inline-block; margin-left: 10px;}
.board-box-status{color: #626262; position: relative;}
.board-box-icon__desc{width:80%;text-overflow:ellipsis; white-space: nowrap;max-height: 24px; overflow: hidden; color: #626262; font-size: 16px; line-height: 1.5; margin-bottom: 20px;}

.board-box__icon{width: 74px; height: 74px; position: absolute; left: 15px; top: 30px;}
.board-box__icon.background-image{width: 80px; height: 80px;position: absolute; left: 15px; top: 30px; border-radius: 40px; border: 2px solid #1f87da;}
.online-counsel-icon{width: 50px; height: 50px;}
.required{color: #e02222;}
.post-img-wrapper{position: relative;}
.post-type{position: absolute;top: 0;left: 0;white-space: nowrap;height: 100%; width: 100%; text-align: center;}
.post-type .helper{display: inline-block;height: 100%;vertical-align: middle;}

.custom-height-item .board-card__info{height: auto; max-height: 234px;}
.board-card-img__link{display: block;}
.bbs_use_search{margin-top:10px; width: 100%; margin-bottom: 40px;}

@media (max-width: 767px) {
.board-card-wrapper{width: 50%;}
.board-card__info{padding: 10px;}
.board-card__info__title{font-size: 16px; max-height: 52px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}

.board-box-list{margin-left:0; margin-right:0;}
.board-box-wrapper{width: 50%; float: left; padding-left: 3px; padding-right: 3px; height: inherit; }
.board-box{width: 100%; height: inherit;}
.board-box__img-wrapper{width: 100%; position: relative;}
.board-box__info{padding-left: 5px; height: 234px; /*padding: 10px;*/}
.board-box__info__title{font-size: 18px; margin: 0; font-weight: 400; height: auto; max-height: 52px; overflow: hidden;}
.board-box__info__desc{font-size: 14px; max-height: 62px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}

.board-card-tag{font-size: 12px;}
.board-box__info__tags{max-height: 40px; overflow: hidden;}

.board-box-icon__title{font-size: 16px; margin-top:0px;margin-bottom: 6px; padding-right: 0; height: auto;}
.board-box__info__date{position:static;right: 10px;top: 11px;font-size: 12px;color: #999;text-align:left;}
.board-box__info--icon{height: auto; top: 33px; padding-left: 110px; padding-bottom: 20px;}
.board-box-icon__desc{margin-top: 5px;margin-bottom: 7px;font-size:13px;
white-space: normal;
line-height: 1.2;
max-height: 2.3em;
 word-wrap: break-word;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.board-box__icon{width: 74px !important; height: 74px !important; left: 15px; top:20px !important;}
.board-box-status-wrapper{}
.board-box-status{font-size: 16px;}
.bbs_use_search{margin-bottom: 15px;}
}

.post-box{border: 1px solid #dbdbdb; background-color: #ffffff; padding: 20px; margin-bottom: 20px; position: relative;}
.post-box__date{color: #626262;font-size: 13px;margin: 0;}
.post-box__source{color: #999; position: absolute; top: 20px; right: 20px; font-size: 13px; margin: 0;}
.post-box__title{color: #2c2c2c;font-size: 24px; margin-top: 8px;  margin-bottom: 10px; font-weight: 400;}
.post-box__title:hover, .post-box__title:focus{color: #43ade5;}
.post-box__autor{color: #626262; margin-top: 0; margin-bottom: 20px;}
@media (max-width: 767px) {
  .post-box__date{color: #626262;font-size: 12px;margin: 0;}
  .post-box__source{color: #999; position: absolute; top: 20px; right: 20px; font-size: 12px; margin: 0;}
  .post-box__title{font-size: 18px;}
}

/* BreadCromb */
.breadcromb-wrapper{text-align: right; margin-bottom: 16px; margin-top: 12px;}
.breadcromb-li__img--home{margin-top: -5px;}
.breadcromb-li__img{margin-top: -3px;}
.breadcromb-li{margin: 0 3px; display: inline-block;}
.breadcromb-li__link{color: #626262; font-size: 13px; border-bottom: 1px solid transparent;}
.breadcromb-li__link:hover, .breadcromb-li__link:focus{border-bottom: 1px solid #43ade5; color: #43ade5;}
.site-campus .breadcromb-li__link:hover, .site-campus .breadcromb-li__link:focus{border-bottom: 1px solid #ec566a; color:  #ec566a;}
.site-center .breadcromb-li__link:hover, .site-center .breadcromb-li__link:focus{border-bottom: 1px solid #3ab46b; color:  #3ab46b;}
.breadcromb-li--current{font-weight: 600; border-bottom: 1px solid #777; margin-right: 0; margin-left: 3px;}


/* show */
.show-title{color: #2c2c2c;font-size: 36px;font-weight: 400; border-bottom: 2px solid #acacad; padding-bottom: 22px; margin-top: 10px;}
.show-title-contents{color: #2c2c2c !important;font-size: 36px !important;font-weight: 400 !important; border-bottom: 2px solid #acacad !important; padding-bottom: 22px !important; margin-top: 10px !important; margin-bottom: 0px !important;}
.show-title-chgrow{color: #2c2c2c;font-size: 36px;font-weight: 400; border-bottom: 2px solid #acacad; padding-bottom: 22px; padding-right: 220px; margin-top: 10px; word-break:break-word;}
.show-title__desc{font-size: 17px; color: #888;}
.show-title--edit-btn{padding-right: 170px;}
.post-content:after{content: '';display: block;clear: both;}
.divided-tabpanels h1, .post-content h1{color: #3b6cc6;font-size: 28px;font-weight: 700;margin: 0;line-height: 1.8;}
.divided-tabpanels h2, .post-content h2{color: #404e85;font-size: 22px;font-weight: 700;margin: 0;line-height: 1.8;}
.divided-tabpanels h3, .post-content h3{color: #2c2c2c;font-size: 18px;font-weight: 700;margin: 0;line-height: 1.8;}
.divided-tabpanels h4, .post-content h4{color: #222222;font-size: 16px;font-weight: 300;margin: 0;line-height: 1.8;}
.divided-tabpanels h5, .post-content h5{color: #626262;font-size: 14px;font-weight: 300;margin: 0;line-height: 1.8;}
.divided-tabpanels p, .post-content p{color: #2c2c2c;font-size: 16px;font-weight: 300; line-height: 1.8; margin: 0;}
.divided-tabpanels p, .post-content-chgrow p{color: #2c2c2c;font-size: 16px;font-weight: 300; line-height: 1.8; margin: 0; word-break:break-word;}
.divided-tabpanels img, .post-content img{max-width: 100%; height: auto !important;}
.organization-location p, .policy-development p, .campus p, .open-information p, .space p, .location p, .intro p, .public-data p, .new-culture p, .propulsion-system p, .job p, .organization p{
  color: #555555;line-height: 24px;font-size: 16px;font-weight: 400;letter-spacing: -0.2px;
}
.post-content--policy h2{color: #2c2c2c;}
.post-content--policy h3{color: #43ade5;}
.site-campus .post-content--policy h3{color: #ec566a;}
.site-center .post-content--policy h3{color: #3ab46b;}
@media (max-width: 767px) {
  .show-title__desc{font-size: 14px;}
  .show-title__desc strong {letter-spacing:-0.06em;}
.show-title{font-size: 22px; padding-bottom: 16px;padding-right: 0;}
.show-title span  {display:block;}
.divided-tabpanels h4, .post-content h4{line-height: 1.6;}
}
/* attach-files */
.attach-files{margin-top: 30px;}
.attach-file-label{color: #2c2c2c;font-size: 16px;font-weight: 700; margin: 0;}
.attach-files-ul{margin-top: 10px;}
.attach-file{display: block; margin-right: 10px; margin-bottom: 6px;}
.attach-file__link{font-size: 13px; color: #777;}
.attach-file-icon{margin-right: 4px; width: 26px; height: 26px;}
/* show__tags */
.show-tags{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-top: 40px; margin-bottom: 40px; padding-top: 20px; padding-bottom: 10px;}
.show-tags__label{color: #2c2c2c;font-size: 16px;font-weight: 700; margin: 0; margin-right: 10px; display: inline-block; margin-bottom: 10px;}
.show-tags__label__double{margin-left: 10px;}
.show-tag{
color: #888;
font-size: 16px;
font-weight: 300;
display: inline-block;
padding: 2px 5px;
margin-right: 8px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
  .show-title--edit-btn{margin-bottom: 51px;}
.show-tag{font-size: 13px; padding: 2px 8px;}
}

/* relative content */
.relation-contents{border-bottom: 2px solid #dbdbdb; margin-bottom: 60px; padding-bottom: 60px;}
.relation-contents.mobile {display:none;}

.relative-cards{}
.relative-card{border: 1px solid #dbdbdb;}
.relative-card:hover{box-shadow: 2px 1px 3px rgba(98, 98, 98, 0.15);}
.relative-card__info{padding: 20px 10px; background-color: #fff; height: 120px; position: relative;}
.relative-card__info__title{color: #2c2c2c;font-size: 20px;font-weight: 400;height: 30px; overflow: hidden;margin-top: 0; margin-bottom: 10px}
@media (max-width: 767px) {
.relation-contents{display:none;}
.relation-contents.mobile {margin-bottom: 30px; padding-bottom: 30px;display:block;}
.relative-card-wrapper{width: 50%; }
.relative-card__info{padding: 10px;}
.relative-card__info__title{font-size: 15px; height: 39px;}
}

/* comment */
.comment-wrapper{margin-bottom: 60px;}
.comment-input-wrapper{width: 100%; border: 1px solid #dbdbdb; background-color: #f1f1f1; position: relative; padding-left: 125px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; margin-bottom: 60px;}
.comment-input-user-profile{width: 70px; height: 70px; border: 5px solid #fff; position: absolute; left: 30px; top: 30px; border: 1px solid #dbdbdb;}
.comment-input-box{border: 1px solid #dbdbdb;font-size:18px}
.comment-input-box__textarea{background-color: #fff; border: none; border-bottom: 1px solid #dbdbdb; padding: 16px; width: 100%;resize: none;}
.comment-input-box__submit-box{text-align: right; width: 100%; background-color: #fff;}
.comment-input-box__count{display: inline-block; padding: 9px 30px 9px 0; color: #626262; font-size: 16px;font-weight: 100; margin: 0;}
.comment-input-box__submit-btn{display: inline-block; background-color: #0096e0;color: #ffffff; font-size: 16px; font-weight: 700; padding: 9px 25px; border: none;}
.site-campus .comment-input-box__submit-btn{background-color: #ec566a;}
.site-center .comment-input-box__submit-btn{background-color: #3ab46b;}

.comment-input-box__submit-btn:hover{background-color: #43b3ef;}
.site-campus .comment-input-box__submit-btn:hover{background-color: #f17687;}
.site-center .comment-input-box__submit-btn:hover{background-color: #60ca8a;}

.comments-list{border-top: 2px solid #dbdbdb; list-style: none; padding-left: 0}
.comment-box{ padding-top: 30px; padding-bottom: 30px; padding-left: 80px; position: relative; border-bottom: 1px solid #dbdbdb;}
.comment-box__name{color: #2c2c2c;font-size: 16px;font-weight: 700; margin: 0; margin-top: -5px;}
.comment-box__user-profile{width: 64px; height: 65px; position: absolute; left: 0; top: 30px;}
.comment-box__desc{color: #2c2c2c; font-size: 14px;margin-top: 0; line-height: 1.6;white-space:pre-line;}
.comment-box__desc_chgrow{color: #2c2c2c; font-size: 14px;margin-top: 0; line-height: 1.6;white-space:pre-line; word-break:break-word;}
.comment-box__created-at{color: #626262;letter-spacing: -0.28px; margin-bottom: 0; font-weight: 100;}
@media (max-width: 767px) {
.comment-input-wrapper{padding-left: 75px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; margin-bottom: 30px;}
.comment-input-user-profile{width: 55px; height: 55px; left: 10px; top: 10px;}
}

/* Title Bar */
.title-bar-wrapper{text-align: center; padding-top: 40px;}
.title-bar-box-wrapper{width: 100%; display: table; margin-top: -50px; margin-bottom: 20px;}
.title-bar-box{border-bottom: 1px solid #dbdbdb; height: 240px; text-align: center; display: table-cell; vertical-align: middle; width: 100%;}
.title-bar-wrapper .title-bar__title{color: #0096e0;font-size: 38px;font-weight: 700; margin: 0; margin-bottom: 15px;}
.title-bar-wrapper .title-bar__title60{color: #0096e0;font-size: 60px;font-weight: 700; margin: 0; margin-bottom: 15px;}
.title-bar-wrapper .title-bar__desc{color: #626262; margin: 0; font-size: 16px;font-weight: 500; letter-spacing: -0.32px;}
.title-bar-wrapper .title-bar__desc15{color: #626262; margin: 0; font-size: 16px;font-weight: 500; letter-spacing: -0.32px;margin-bottom: 15px;}

.title-bar-box .title-bar__title{color: #0096e0;font-size: 38px;font-weight: 700; margin: 0; margin-bottom: 15px;}
.title-bar-box .title-bar__desc{color: #626262; margin: 0; font-size: 16px;font-weight: 500; letter-spacing: -0.32px;}
@media (max-width: 767px) {
  .title-bar-box-wrapper{margin-top: -20px;}
  .title-bar-box{height: auto; padding-bottom: 20px;}
  .title-bar-wrapper .title-bar__title{font-size: 30px;}
  .title-bar-wrapper .title-bar__title60{font-size: 30px;}
  .title-bar-wrapper .title-bar__desc{font-size: 15px;}
  .title-bar-box .title-bar__title{font-size: 26px; margin-bottom: 10px;}
  .title-bar-box .title-bar__desc{font-size: 14px;}
}



/* static module */
.round-step-wrapper{text-align: center; padding-top: 30px; padding-bottom: 40px; margin-bottom: 30px;}
.round-steps{display: inline-block;}
.step-round{width: 210px;height: 210px;border: 10px solid #20bff3; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;text-align: center; display: inline-block; float: left;}
.step-round--1line{padding-top: 55px;}
.step-round--2line{padding-top: 40px;}
.step-round--3line{padding-top: 25px;}
.step-round-arrow{float: left; padding-top: 100px; padding-left: 40px; padding-right: 40px;}
.step-round__text{color: #3b6cc6;font-size: 22px;font-weight: 700;line-height: 1.5;letter-spacing: -0.44px;}
@media (max-width: 767px) {
  .round-step-wrapper{margin-bottom: 0;}
}

/* label */
.wish-list-status{background-color: #43ade5; margin-top: 8px; padding: 5px 10px; display: inline-block; color: #fff;position: absolute; left: 0; top: 4px;}
.emotion-text{color: #777; width: 39px;margin-left: 6px; display: inline-block;}
.part-title{margin-bottom: 50px; font-size: 23px; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px;}
.result-grade{font-size: 20px; font-weight: bold;width: 50px; display: inline-block; text-align: right;}
.result-grade--high{color: #2096f3;}
.result-grade--normal{color: #69af62;}
.result-grade--low{color: #cb2e0f;}
.result-label{width: 110px; display: inline-block; color: #fff; font-size: 18px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; line-height: 1.75; text-align: center;}
.result-label--high{background-color: #2096f3;}
.result-label--normal{background-color: #69af62;}
.result-label--low{background-color: #cb2e0f;}
@media (max-width: 767px) {
  .part-title{ margin-bottom: 14px;font-size: 20px;}
  .result-label{font-size: 15px; width: 82px;}
}


/* buttons */
.wish-cancel-btn{padding: 2px 6px 4px; position: absolute; right: 10px; top: 10px; border: none; background-color: #fff;}
.wish-cancel-btn:hover, .wish-cancel-btn:focus{background-color: #43ade5; color: #fff;}
.share-btn-group{margin-bottom: 44px;margin-top:5px;}
.top-btn-group{margin-top: 30px; margin-bottom: 22px; margin-left: -5px; margin-right: -5px;}

.submit-btn-group{margin-top: 20px;}
.write-btn-group{text-align: right; padding-top: 15px; padding-bottom: 15px;}
.like-btn{background-color: transparent; border: 1px solid #dbdbdb; padding: 0; float: right; font-size: 18px; margin-left: 10px;}
.like-text{border-left: 1px solid #dbdbdb; padding: 2px 10px 3px; display: inline-block;}
.like-btn i{color: #ff0000; padding: 2px 6px 3px;}
.like-btn .liked-heart{display: none;}
.like-btn.liked i{display: none;}
.like-btn--small{font-size: 14px;}
.like-btn.liked .liked-heart{display: inline-block;}
.like-btn:hover, .like-btn:focus{background-color: #fff;}
.middle-btn-group{text-align: right; margin-top: 30px; margin-bottom: 30px;}
@media (max-width: 767px) {
.share-btn-group{margin-bottom: 24px;margin-top:5px;}
.top-btn-group{ margin-bottom: 10px; margin-top: 10px;}
}
.facebook-btn{background-color: #3b5998; color: #fff;}
.facebook-btn:hover, .facebook-btn:focus{background-color: #6080c3; color: #fff !important;cursor: pointer;}
.twitter-btn{background-color: #076bce; color: #fff;}
.twitter-btn:hover, .twitter-btn:focus{background-color: #0786CE; color: #fff;cursor: pointer;}
.youtube-btn{background-color: #bb0000; color: #fff;}
.kakao-btn{background-color: #423630; color: #fff;}
.kakao-btn:hover, .kakao-btn:focus{background-color: #685E59; color: #fff;cursor: pointer;}
.band-btn{background-color: #43ce8a; color: #fff;}
.band-btn:hover, .band-btn:focus{background-color: #37e28f; color: #fff !important;cursor: pointer;}
.blog-btn{background-color: #36ac3a; color: #fff;}

.wish-btn{background-color: #626262; color: #fff;border: 1px solid #dbdbdb;}
.wish-btn:hover, .wish-btn:focus{background-color: #8e8e8e; color: #fff !important; border: 1px solid #dbdbdb;}

.btn-group-wrapper{text-align: center;}
.submit-btn{color: #0096e0;font-size: 16px;font-weight: 700; padding: 16px 10px; width: 220px; display: inline-block; cursor: pointer; text-align: center; margin: 0 5px;}
.search-form-btn{font-size: 16px;padding: 6px 10px; display: inline-block; cursor: pointer; text-align: center; margin: 0 5px;}
.form-submit__btn{color: #0096e0;font-size: 16px;font-weight: 700; padding: 16px 10px; width: 180px; display: inline-block; cursor: pointer; text-align: center;}
.form-submit_cm_btn{color: #0096e0;font-size: 16px;font-weight: 700; padding: 16px 10px; width: 180px; display: inline-block; cursor: pointer; text-align: center;}
.diagnosis-submit__btn{color: #0096e0;font-size: 16px;font-weight: 700; padding: 16px 10px; width: 180px; display: inline-block; cursor: pointer; text-align: center; margin-bottom: 10px; margin: 0 10px 10px;}
.booking-btn{color: #ffffff;font-size: 16px;font-weight: 600; padding: 14px;}
.lg-btn{font-size: 24px; padding: 14px; font-weight: bold;}
.mdd-btn{font-size: 21px; padding: 14px; font-weight: bold;}
.lg-btn-sm-text{font-size: 16px; padding: 16px 50px; font-weight: bold;}
.sm-btn{font-size: 16px;font-weight: 500; display: inline-block; padding: 9px 10px; width: 100px; margin-left: 6px; text-align: center;}
.sm-btn--nolimit{width: auto;}
.md-btn{font-size: 16px; padding: 14px; text-align: center;}
.sm-btn--m-right-6{margin-left: 0; margin-right: 6px;}
.xs-btn{padding: 7px 10px; border: none; font-size: 14px; font-weight: 500;text-align: center; display: inline-block;}
.per-page-btn{padding: 1px 5px; float: right; display: inline-block; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.inner-img{padding-right: 20px;}
.file-uploads-thumb{width: 100%; max-width: 240px; height: auto; margin-top: 10px; margin-bottom: 10px;}
.divided-tabpanels .file-uploads-thumb{width: 100%; max-width: 240px; height: auto; margin-bottom: 10px;}
.input-btn{position: absolute; padding: 7px 20px; right: 0; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; width: 74px;}
.input-btn-top{position: absolute; padding: 7px 20px; top:0; right: 0; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; width: 74px;}
.community-add-btn{padding: 7px 20px; top:0; right: 0; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; width: 74px;}
.community-closed-btn{padding: 7px 15px; top:0; right: 0; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; width: 90px;}
.normal-btn{padding: 15px 45px; display: inline-block; border: none; font-size: 16px; font-weight: 700;text-align: center;}
.agree-container{max-width: 800px;}
.text-btn{display: inline-block; font-size: 14px;}
.block-btn{width: 100%; display: block; margin-bottom: 10px;}
.btn--blue{background-color: #0096e0; color: #fff; border: none;}
.btn--blue:hover, .btn--blue:focus{background-color: #61bcec; color: #fff;}

.btn--org{background-color: #0096e0; color: #fff; border: none;}
.btn--org:hover, .btn--org:focus{background-color: #61bcec; color: #fff;}

.site-campus .btn--org{background-color: #ec566a; color: #fff;}
.site-campus .btn--org:hover, .site-campus .btn--org:focus{background-color: #f17687; color: #fff;}

.site-center .btn--org{background-color: #3ab46b; color: #fff;}
.site-center .btn--org:hover, .site-center .btn--org:focus{background-color: #60ca8a; color: #fff;}

.btn--gray{background-color: #626262; color: #fff; border: none;}
.btn--gray:hover, .btn--gray:focus{background-color: #999; color: #fff !important;}

.btn--light-gray{background-color: #f7f7f7; color: #444444; border: 1px solid #dbdbdb;}
.btn--light-gray:hover, .btn--light-gray:focus{background-color: #999;  color: #626262; }

.top-btn{font-size: 16px;font-weight: 500; display: inline-block; padding: 9px 10px; width: 100px; text-align: center; background-color: #f7f7f7; color: #444444; border: 1px solid #dbdbdb;}
.top-btn:hover, .top-btn:focus{border-color: #0096e0;  color: #0096e0; }
.site-campus .top-btn:hover, .site-campus .top-btn:focus{border-color: #ec566a; color: #ec566a;}
.site-center .top-btn:hover, .site-center .top-btn:focus{border-color: #3ab46b; color: #3ab46b;}

.top-btn.active{background-color: #0096e0; color: #fff;}
.site-campus .top-btn.active{background-color: #ec566a; color: #fff;}
.site-center .top-btn.active{background-color: #3ab46b; color: #fff;}

.btn--light-gray--blue{background-color: #f7f7f7; color: #444444; border: 1px solid #dbdbdb;}
.btn--light-gray--blue:hover{border-color: #0096e0;  color: #0096e0; }
.btn--light-gray--blue.active{background-color: #0096e0; color: #fff;}

.btn--light-gray--org{background-color: #f7f7f7; color: #444444; border: 1px solid #dbdbdb;}
.btn--light-gray--org:hover{border-color: #0096e0;  color: #0096e0; }
.btn--light-gray--org.active{background-color: #0096e0; color: #fff;}

.site-campus .btn--light-gray--org:hover{border-color: #ec566a;  color: #ec566a; }
.site-campus .btn--light-gray--org.active{background-color: #ec566a; color: #fff;}

.site-center .btn--light-gray--org:hover{border-color: #3ab46b;  color: #3ab46b; }
.site-center .btn--light-gray--org.active{background-color: #3ab46b; color: #fff;}

.text-btn-gray{display: inline-block; font-size: 14px; color: #2c2c2c; text-decoration: underline;}
.text-btn-gray:hover{color: #0096e0; text-decoration: underline;}

.btn--white{background-color: #626262; color: #fff; border: none;}
.btn--white:hover{background-color: #43ade5;}
.site-campus .btn--white:hover{background-color: #43ade5;}
.site-center .btn--white:hover{background-color: #43ade5;}

.withdraw-btn{background-color: transparent; padding: 0; color: #888; border: none;}
.withdraw-btn:hover, .withdraw-btn:focus{color: red;}

.btn--blue-line{background-color: transparent; color: #0096e0; border: 1px solid #0096e0;}
.btn--blue-line.active, .btn--blue-line:hover, .btn--blue-line:focus{background-color: #0096e0; color: #ffffff;}

.btn--org-line{background-color: transparent; color: #0096e0; border: 1px solid #0096e0;}
.btn--org-line.active, .btn--org-line:hover, .btn--org-line:focus{background-color: #0096e0; color: #ffffff;}

.site-campus .btn--org-line{background-color: transparent; color: #ec566a; border: 1px solid #ec566a;}
.site-campus .btn--org-line.active, .site-campus .btn--org-line:hover, .site-campus .btn--org-line:focus{background-color: #ec566a; color: #ffffff;}

.site-center .btn--org-line{background-color: transparent; color: #3ab46b; border: 1px solid #3ab46b;}
.site-center .btn--org-line.active, .site-center .btn--org-line:hover, .site-center .btn--org-line:focus{background-color: #3ab46b; color: #ffffff;}

.line-btn{background-color: transparent; color: #626262; border: 1px solid #dbdbdb;}
.line-btn:hover, .line-btn:focus , .active .line-btn{border-color: #0096e0; color: #0096e0;}

.org-line-btn{background-color: transparent; color: #626262; border: 1px solid #dbdbdb;}
.org-line-btn:hover, .org-line-btn:focus , .active .org-line-btn{border-color: #0096e0; color: #0096e0; border-width: thick;}
.site-campus .org-line-btn:hover, .site-campus .org-line-btn:focus , .site-campus .active .org-line-btn{border-color: #ec566a; color: #ec566a;}
.site-center .org-line-btn:hover, .site-center .org-line-btn:focus , .site-center.active .org-line-btn{border-color: #3ab46b; color: #3ab46b;}

.line-btn--red{background-color: transparent; color: #626262; border: 1px solid #dbdbdb;}
.line-btn--red:hover, .line-btn--red:focus , .active .line-btn--red{border-color: #e69d9d; color: #ef3131;}
.btn--red-line{background-color: transparent; color: #ef3131; border: 1px solid #e69d9d;}
.btn--red-line:hover, .btn--red-line:focus , .active .btn--red-line{border-color: #e69d9d; color: #ef3131;}

.submit-btn--red{background-color: transparent; color: #626262; border: 1px solid #dbdbdb;}
.submit-btn--red:hover, .submit-btn--red:focus{border-color: #e69d9d; color: #ef3131;}

.btn--blue-underline{color: #0096e0; text-decoration: underline;}
.btn--blue-underline:hover, .btn--blue-underline:focus{color: #61bcec; text-decoration: underline;}

.site-campus .btn--org-underline{color: #ec566a; text-decoration: underline;}
.site-campus .btn--org-underline:hover, .site-campus .btn--org-underline:focus{color: #f17687; text-decoration: underline;}

.site-center .btn--org-underline{color: #3ab46b; text-decoration: underline;}
.site-center .btn--org-underline:hover, .site-center .btn--org-underline:focus{color: #60ca8a; text-decoration: underline;}

.session-btn{font-size: 16px; padding: 11px; text-align: center; height: 49px; margin-bottom: 0; background-color: #f7f7f7; color: #444444; border: 2px solid #dbdbdb;}
.session-btn.blue{border-color: #0096e0; color: #0096e0;}
.session-btn:hover, .session-btn:focus{color: #fff; background-color: #999;}
.email-at{font-size: 24px; color: #4C4C4C; position: relative; top: 3px;}

.border-2{border-width: 2px;}
.show-more-wrapper{text-align: center;}
.more-btn{display: inline-block; padding: 10px 20px; width: 200px;}
.more-btn__plugs-icon{float: right;}
.load-data-modal{margin-top: 6px;}


.diag-banner-group{margin-top: 50px;}
.diag-banner{float: left; width: 48%;}
.diag-banner-card{border: 1px solid #dbdbdb;background-color: #fff;vertical-align: middle;}
.diag-banner-card__text-wrapper{display: table-cell; vertical-align: middle; background-color: #fff; width: 223px;}
.diag-banner-card__text{color: #2c2c2c;font-size: 25px;line-height: 1.6; font-weight:600;padding: 0;margin: 0; text-align: center; width: 100%;margin-top: 20px;margin-bottom: 20px;}
.diag-score-table {margin-top: 20px;}
.diag-score-table .diag-score-title{background-color: #0096E0;color: #FFFFFF;}
.site-campus .diag-score-table .diag-score-title{background-color: #EB566A;color: #FFFFFF;}
.site-center .diag-score-table .diag-score-title{background-color: #3AB46B;color: #FFFFFF;}
.diag-field-color{background-color: #b8ecff !important;}
.site-campus .diag-field-color{background-color: #FFCDD2 !important;}
.site-center .diag-field-color{background-color: #CCFFCF !important;}
.diag-score-table .diag-score-data{background-color: #fff;vertical-align:middle;}
.diag-chart-title{color: #2c2c2c;font-size: 22px;line-height: 1.6; font-weight:550;padding: 0;margin: 0; text-align: center; width: 100%;margin-top: 20px;margin-bottom: 20px;}
.diag-chart-info{color: #2c2c2c;font-size: 17px;line-height: 1.6; font-weight:550;padding: 0;margin: 0; text-align: center; width: 100%;margin-top: 20px;margin-bottom: 20px;}
.diag-chart-result{color: #2c2c2c;font-size: 25px;line-height: 1.6; font-weight:550;padding: 0;margin: 0; text-align: center; width: 100%;margin-top: 20px;margin-bottom: 20px;}
.resultTxt {color:#0096E0}
.site-campus .resultTxt {color:#EB566A}
.site-center .resultTxt {color:#3AB46B}
@media (max-width: 767px) {
  .diag-banner-group{margin-top: 20px;}
  .diag-banner{margin-bottom: 15px;}
  .diag-banner-card{width: 100%;}
  .diag-banner{float: inherit; width: 100%;}
  .diag-banner-card__img{width: 100%; height: 160px; display: block;}
  .diag-banner-card__text-wrapper{display: block; padding: 8px 0; width: 100%;}
  .diag-banner-card__text{font-size: 16px;}
}

@media (max-width: 767px) {
  .load-data-modal{margin-top: 4px;}
  .xs-btn{padding: 5px 9px; font-size: 14px;}
  .sm-btn{font-size: 14px; display: inline-block; padding: 5px 9px; width: auto;}
  .lg-btn{font-size: 20px; padding: 10px;}
  .mdd-btn{font-size: 18px; padding: 10px;}
  .lg-btn-sm-text{font-size: 15px; padding: 10px 30px;}
  .form-submit__btn{ width: 130px; margin-bottom: 10px;}
  .form-submit_cm_btn{ width: 110px; margin-bottom: 10px;}
  .input-btn{ padding: 7px 8px; width: 50px; font-size: 12px;}
  .submit-btn{width: auto; margin-bottom: 10px;}
  .top-btn{font-size: 13px;font-weight: 500; display: inline-block; padding: 8px 6px; width: auto;}
  .diagnosis-submit__btn{width: 160px}
  .email-at{top: -3px;}
  .session-btn{margin-top: 5px;}
}

@media (max-width: 767px) {
  .btn-group-wrapper{margin-bottom: 30px;}
  .step-round{width: 83px;height: 83px; border: 3px solid #20bff3;}
  .step-round__text{font-size: 12px; margin: 0; }
  .step-round--1line{padding-top: 27px;}
  .step-round--2line{padding-top: 17px;}
  .step-round--3line{padding-top: 9px;}
  .step-round-arrow {padding-top: 39px;padding-left: 4px;padding-right: 4px;}
  .step-round-arrow__img{width: 12px;}
  .search-form-btn{margin: 0;}
}

/* FAQ */
.faq-wrapper{padding: 20px; background-color: #fff; margin-top: 30px;}
.faq-search-box{background-color: #f7f7f7; padding: 30px 10px 60px; text-align: center;}
.faq-search-box2{padding: 30px 10px 60px; text-align: center;}
.box-title{color: #2c2c2c;font-size: 24px;font-weight: 700;}

.faq-search-box__form{display: inline-block; position: relative;}
.select-input{ display: inline-block; float: left; width: 107px; height: 50px; border: 1px solid #dbdbdb; background-color: #fff;color: #2c2c2c;font-size: 14px;font-weight: 400; margin-right: 11px; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.faq-search-box__text-input-group{display: inline-block; float: left; width: 500px; height: 50px; border: 1px solid #dbdbdb; background-color: #fff; position: relative;}
.faq-search-box__input{width: 100%;color: #626262;font-size: 14px;font-weight: 400; border: none; padding: 14px;}
.faq-search-box__submit-btn{ display: inline-block; padding: 11px 24px; position: absolute; right: 4px; top: 3px;}

.favorit-faq-list{padding-top: 5px;}
.favorit-faq-btn{border: none;color: #dbdbdb;font-size: 14px;font-weight: 400;text-transform: uppercase; padding: 5px 0; background-color: transparent;}
.favorit-faq-btn:hover{text-decoration: underline;}
.favorit-faq-btn--first .favorit-faq-btn__text{border-left: none;}
.favorit-faq-btn__text{padding: 0 14px; border-left: 1px solid #dbdbdb; line-height: 0; color: #626262;}
@media (max-width: 767px) {
.faq-wrapper{padding: 10px; margin-top: 0;}
.faq-search-box{padding: 10px 6px;}
.box-title{font-size: 22px;}
.faq-search-box__form{display: block;}
.faq-search-box__text-input-group{width: 100%; float: inherit;}
.favorit-faq-list{margin-top: 10px;}
}


.collapse-group{padding-top: 20px; border: 1px solid #ffffff;}
.faq-list{list-style: none; padding-left: 0; margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #dbdbdb;}
.faq-box__icon{position: absolute; top: 42px; left: 30px;}
.faq-box__question{position: relative;}
.faq-box__question__text{color: #626262;font-size: 16px;font-weight: 400; margin: 0; padding: 37px 10px 38px 70px;}
.faq-box__arrow{position: absolute; top: 45px; right: 29px;}
.arrow--close{display: none;}
.arrow--active{display: inline-block;}
.collapsed .arrow--close{display: inline-block;}
.collapsed .arrow--active{display: none;}

.faq-box a{border-top: 1px solid #60b8e8; display: block;}
.faq-box a.collapsed{border-top: 1px solid #dbdbdb;}
.collapes-active-line{position: absolute; bottom: -1px; width: 100%; height: 1px; background-color: #60b8e8;}
.faq-box__answer-wrapper{position: relative;}

.faq-box__answer{color: #626262;font-size: 16px;font-weight: 400; position: relative;}
.faq-box__answer__text-wrapper{padding-left: 70px; padding-bottom: 34px; }
.faq-box__answer__text{color: #626262;font-size: 16px;font-weight: 400; padding-top: 36px; line-height: 1.7;border-top: 1px solid #dbdbdb;}
.faq-box__answer__text p{margin: 0;}
.thumb-img-card{width: 100%;}
.thumb-img-cm-card{width: 100%;}
@media (max-width: 767px) {
.faq-box__icon{top: 20px;left: 7px;}
.faq-box__question__text{padding: 17px 10px 17px 70px;}
.faq-box__arrow{top: 23px;right: 2px;}
.faq-box__answer__text-wrapper{padding-left: 40px;}
.faq-box__answer__text{padding-top: 12px; font-size: 14px;}
.thumb-img-cm-card{width:auto;}
}

/* pagination */
.pagination-wrapper{text-align: center; margin-bottom: 60px; margin-top: 50px;}
.pagination-btn-group{display: inline-block;}
.pagination-btn{
float: left;
color: #767676;
background-color: #fff;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
border-left: none;
font-size: 13px;
padding: 5px 0;
width: 29px;
text-align: center;
}
.pagination-btn.active{background-color: #767676; color: #fff !important; text-decoration: none;border-top: 1px solid #767676;border-bottom: 1px solid #767676;}
.pagination-btn.active:hover{background-color: #767676; color: #fff !important; text-decoration: none;border-top: 1px solid #767676;border-bottom: 1px solid #767676;}
.pagination-btn:hover{background-color: #eee; text-decoration: underline;}
.pagination-btn.before{border-left: 1px solid #dedede; padding: 5px 10px;}
.pagination-btn.next{padding: 5px 10px;}
.search-pagination a{color: #767676;background-color: #fff;border-right: 1px solid #dedede;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede; padding: 5px 10px;}
.search-pagination strong{background-color: #767676; color: #fff !important; text-decoration: none;padding: 5px 10px;border-top: 1px solid #767676;border-bottom: 1px solid #767676;}
.search-pagination a.pre{border-left: 1px solid #dedede; padding: 5px 10px;}
.search-pagination a:hover{background-color: #eee; text-decoration: underline;}
@media (max-width: 767px) {
}

/* booking */
.intro-image-div{height: 242px; width: 872px; float: left; margin-right: 20px;}
.center-link-list{height: 242px; width: 278px; padding: 26px 20px 20px; float: left; border: 1px solid #dbdbdb; background-color: #ffffff; margin-bottom: 50px;}
.center-link-list2{height: 320px; width: 278px; padding: 26px 20px 20px; float: left; border: 1px solid #dbdbdb; background-color: #ffffff; margin-bottom: 50px;}
.center-link-list-group{margin-left: -5px; margin-right: -5px; list-style: none; padding-left: 0; height: 138px !important; overflow: hidden;  }
.campus-btn{float: left; padding-left: 5px; padding-right: 5px; width: 50%; margin-bottom: 10px; cursor: pointer;}
.campus-btn__link{display: block; width: 100%; padding: 7px; position: relative; border: 1px solid #dbdbdb; background-color: #f7f7f7;color: #404041;font-size: 14px;font-weight: 400;}
.campus-btn__link:hover, .campus-btn__link:focus{border-color: #43ade5; color: #43ade5;}
.site-campus .campus-btn__link:hover, .site-campus .campus-btn__link:focus{border-color: #ec566a; color: #ec566a;}
.site-center .campus-btn__link:hover, .site-center .campus-btn__link:focus{border-color: #3ab46b; color: #3ab46b;}
.campus-btn__arrow{position: absolute; top: 6px; right: 8px;}
@media (max-width: 767px) {
.intro-image-div{height: 100px; width: 100%; margin-bottom: 10px;}
.center-link-list{width: 100%;}
}

/* booking__select-date*/
.calendar-date-box{width: 261px; height: 110px; text-align: center; padding: 6px 0; margin: 0 auto 36px;}
.calendar-date-box__year{font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 15px;}
.calendar-date-box__underline{height: 1px; width: 20px; background-color: #2c2c2c; display: inline-block; margin-bottom: 18px;}
.calendar-date-box__change-date{position: relative;}
.calendar-date-box__current-date{font-size: 38px; line-height: 1; font-weight: bold; color: #1e191a; display: inline-block; margin: 0; background-color: transparent;}
.calendar-date-box__btn{border: 1px solid #eaebe6; padding: 10px 18px; background-color: #fff; color: #676767;}
.calendar-date-box__btn:hover, calendar-date-box__btn:focus{color: #43ade5;}
.site-campus .calendar-date-box__btn:hover, .site-campus .calendar-date-box__btn:focus{color: #ec566a;}
.site-center .calendar-date-box__btn:hover, .site-center .calendar-date-box__btn:focus{color: #3ab46b;}
.calendar-date-box__btn--before{float: left;}
.calendar-date-box__btn--next{float: right;}
.calendar-table thead tr{border-left: 1px solid #eaebe6; border-right: 1px solid #eaebe6;}
.calendar-table tbody{border-right: 1px solid #eaebe6;}
@media (max-width: 767px) {
  .calendar-table{margin-top: 30px;}
.calendar-date-box{width: 100%; margin: 0 0 20px;}
}

/* card */
.basic-card-img-link{display: block;}

/* calendar */
.calendar-wrapper{width: 100%;margin-bottom: 20px;padding: 20px 0;}
.restaurant-calendar{margin-top: 20px;}
.restaurant-calendar .fc-day-grid-event{cursor: auto;}

@media (max-width: 767px) {
  .booking-label-wrapper{position: absolute; right: 15px;}
  .calendar-wrapper{width: 100%; height: auto; overflow-x: scroll;}
  .restaurant-calendar .fc-toolbar .fc-center{float: left;}
  .fc-view-container{overflow-x: scroll; width: 100%;}
  .fc-view{width: 1000px;}
  .center-link-list2{height: 240px; width: 100%; padding: 26px 20px 20px; float: left; border: 1px solid #dbdbdb; background-color: #ffffff; margin-bottom: 3px;}
}
.booking-color-example{width: 100%;}
.calendar-table{width: 100%; background-color: #fff;}
.booking-label-wrapper{text-align: right;}
.booking-label{padding: 5px 10px; font-size: 14px; color: #000; display: inline-block; font-weight: 600;}
.booking-label--booking, .td-booking{background-color: #44bb3c; }
.booking-label--negotiation, .td-negotiation{background-color: #ffd428; background-image: url('/images/bg-circle-pattern.png');}
.booking-label--payment, .td-payment{background-color: #e19669; }

.calendar-table th, .calendar-table td{border: 1px solid #e7ecf1; border-right: none; text-align: center; vertical-align: middle; padding: 6px 10px;}
.calendar-table td{font-size: 13px; padding: 2px 10px; color: #777;}
.calendar-table .th-first, .calendar-table .td-first{border-left: none;}
.calendar-table tbody tr:hover{background-color: #f7f7f7;}


.available-schedule-search-box{border: 1px solid #dbdbdb;background-color: #ffffff; padding: 36px 40px;}
.box-section-title{color: #2c2c2c; font-size: 22px;font-weight: 400; text-align: center; margin-top: 0;}

.booking-schedule-search-box{border: 1px solid #dbdbdb;background-color: #ffffff; padding: 36px 38px 20px; width: 872px; height: 242px; float: left;margin-right: 20px;}
.booking-schedule-search-box2{border: 1px solid #dbdbdb;background-color: #ffffff; padding: 36px 38px 20px; width: 872px; height: 242px; float: left;margin-right: 20px; height: 320px;}
.search-sorting-box{border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; width: 100%;}
.search-sorting-box2{border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; width: 100%;}

.search-sorting-box__input-group{display: inline-block; float: left; margin-right: 50px;}
.sorting-box-label{color: #2c2c2c;font-size: 14px;font-weight: 700; margin-right: 30px;}
.search-sorting-box__checkbox{margin-bottom: 6px; position: relative; height: 60px;}
.search-sorting-box__checkbox2{margin-bottom: 6px; position: relative; height: 140px;}
.search-sorting-box__checks{position: absolute; left: 86px; top: 0;}
.sorting-box-label--check{width: 51px;}
.sorting-box-input{height: 34px;border: 1px solid #dbdbdb;background-color: #ffffff; display: inline-block; padding: 3px 12px;}
.select-box-input{height: 34px; width: 100px; border: 1px solid #dbdbdb;background-color: #ffffff; display: inline-block; padding: 3px 12px; margin-bottom: 10px;}
.sorting-box-check-lebel{color: #2c2c2c;font-size: 14px;font-weight: 400; margin-right: 40px;}
.sorting-box-check-lebel2{color: #2c2c2c;font-size: 14px;font-weight: 400; margin-right: 40px; width: 15%;}

/* 방문상담 CSS */
.sorting-box-checking{color: #2c2c2c;font-size: 14px;font-weight: 400; width:160px;margin-left: 10px;}
.sorting-box-checking-1{color: #2c2c2c;font-size: 14px;font-weight: 400;margin-left: 10px;width:25%}
.sorting-box-checking-1-text{color: #2c2c2c;font-size: 14px;font-weight: 400;}
.sorting-box-checking-2{color: #2c2c2c;font-size: 14px;font-weight: 400;margin-left: 10px;}
.sorting-box-checking-3{color: #2c2c2c;font-size: 14px;font-weight: 400;width:300px;margin-left: 10px;}


input[type="checkbox"].sorting-box-check-input{margin-right: 4px;}
.sorting-box__middle-line{display: inline-block; color: #2c2c2c;font-size: 14px;font-weight: 400;}
.sorting-box-input__date{width: 140px;}
.sorting-box-input__time{width: 100px;}
.sorting-box-input__select{width: 100px; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; }

.search-submit-btn-group{text-align: right; padding-top: 16px; }
.available-schedule-search-form{margin-bottom: 0;}
.search-btn-group{text-align: right;}
@media (max-width: 767px) {
.search-sorting-box__checkbox{height: auto;}
.search-sorting-box__checkbox2{height: auto;}
.search-sorting-box__checks{position: initial;}
.sorting-box-check-lebel{margin-right: 10px; color: #555;}
.sorting-box-check-lebel2{margin-right: 0px; color: #555; width: 32%;}
.booking-schedule-search-box{width: 100%; height: auto; margin-bottom: 20px; padding: 20px;}
.booking-schedule-search-box2{width: 100%; height: auto; margin-bottom: 20px; padding: 20px;}
.search-sorting-box__input-group{margin-right: 0; margin-bottom: 10px; float: inherit;}
.available-schedule-search-box{padding: 20px 10px;}
.sorting-box-label{width: 55px; margin-right: 10px;}
.sorting-box-label--check{width: 100%; margin-right: 0;}
.sorting-box-input__date{width: 140px;}
.sorting-box-input__time{width: 90px;}
.sorting-box-input__select{width: 90px; }
.select-box-input{width: 80px;}
.search-sorting-box2{border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; padding-top: 15px; width: 100%;}
}

/* calendar__card-list */
.calendar-card-list{margin-left: -10px; margin-right: -10px; margin-top: 20px;}
.calendar-card-wrapper{padding-left: 10px; padding-right: 10px; float: left; margin-bottom: 20px; width: 33.33%;}
.calendar-card{background-color: #fff;}
.cummunity-plus-label{display: none; padding: 6px 15px; color: #fff; background-image: url('/images/homepage/bg-blue-opacity-08.png');font-weight: 300; font-size: 13px; position: absolute; right: 0; top: 0;}
.calendar-card--cummunity-plus .cummunity-plus-label{display: inline-block;}
.calendar-card__info{padding: 20px; border-left: 1px solid #eeeeef; border-bottom: 1px solid #eeeeef; border-right: 1px solid #eeeeef;}
.calendar-card__info__text{position: relative; margin-top: 10px;}
.calendar-card__info__title{margin-top: 0; margin-bottom: 0; font-size: 18px;}
.calendar-card__title__link{color: #555555;}
.calendar-card__title__link:hover, .calendar-card__title__link:focus{color: #1c9bde;}
.calendar-card-text{padding-left: 87px; color: #777777; margin: 0; height: 19px;}
.calendar-card__label{position: absolute; left: 0; top: 0; font-size: 14px; color: #777777;}

.calendar-card__price{padding: 15px 20px; border-left: 1px solid #eeeeef; border-bottom: 1px solid #eeeeef; border-right: 1px solid #eeeeef;}
.calendar-card__price2{padding: 15px 20px; border-left: 1px solid #eeeeef; border-bottom: 1px solid #eeeeef; border-right: 1px solid #eeeeef;}
.calendar-card__price__number{color: #1c9bde; font-size: 17px; display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 8px;}
.calendar-card__price__number2{color: #1c9bde; font-size: 17px; display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 8px;}
.calendar-card__price__unit{color: #555555; font-size: 13px; display: inline-block;}
.calendar-card__info__text--option{height: 42px; overflow: hidden;}
@media (max-width: 767px) {
  .calendar-card__info__title{font-size: 15px;}
.calendar-card-list{margin-left: -5px; margin-right: -5px;}
.calendar-card-wrapper{padding-left: 5px; padding-right: 5px; width: 50%}
.calendar-card__info{padding: 10px;}
.calendar-card__label{position: relative; color: #2798d6; margin-bottom: 0; font-size: 13px;}
.calendar-card-text{padding-left: 0;}
.calendar-card__price{text-align: right; padding: 15px 10px;}
.calendar-card__price2{padding: 15px 10px;}
.calendar-card__price__number2{color: #1c9bde; font-size: 17px; display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 12px;}
}

/* slick */
.slide-wrapper{margin-bottom: 30px;}
.slick-dots{position: absolute; top: 150px; list-style: none; padding-left: 0; text-align: center; width: 100%;}
.slick-dots li{display: inline-block; margin: 0 2px;}
.slick-dots li button{border: none; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; width: 9px; height: 9px; background-color: #dcdcdc;color: transparent;font-size: 0;line-height: 0; padding: 5px;cursor: pointer;border: 0;}
.slick-dots li.slick-active button{ background-color: #1f9bdd;}

/* booking show slide */
.booking-slide-info-warpper{border-bottom: 1px solid #dbdbdb; margin-bottom: 60px; padding-bottom: 40px;}
.select-img-slide-wrapper{width: 872px; float: left; margin-right: 20px;}
.slider-nav-wrapper{margin-left: -10px; margin-right: -10px; height: 106px; overflow: hidden;}
.slider-for{margin-bottom: 20px;width: 872px;height: 578px;}
.select-img-slide-wrapper .slider-for .slider-for__img{height: 578px;}
.slider-nav__li{float: left; width: 179px; padding-left: 10px; padding-right: 10px;}
.slick-slide.slider-nav__li{height: 106px; padding-left: 10px; padding-right: 10px;}
.slider-nav__img{width: 100%; height: 106px;}

@media (max-width: 767px) {
  .slide-wrapper{margin-bottom: 20px;}
.select-img-slide-wrapper{width: 100%; float: inherit; margin-right: 0; margin-bottom: 20px;}
.slider-nav-wrapper{margin-left: -3px; margin-right: -3px;}
.slider-for{width: 100%; height: 250px;}
.select-img-slide-wrapper .slider-for .slider-for__img{height: 250px;}
.slick-slide.slider-nav__li{height: 60px; padding-left: 6px; padding-right: 6px;}
.slider-nav__img{height: 60px;}
}

/* booking show info-box */
.booking-info-box-wrapper{border: 1px solid #dbdbdb;background-color: #ffffff; padding: 38px 25px 26px; float: left; width: 278px;}
.booking-info-box__info{position: relative; margin-bottom: 20px; color: #2c2c2c;}
.booking-info-label{position: absolute; left: 0; top: 0;}
.booking-info-label__ddeng{padding-left: 40px;}
.booking-info-box__text{padding-left: 80px;}
.booking-info-box__text--price{color: #0096e0;font-weight: 700;}
.site-campus .booking-info-box__text--price{color: #ec566a;}
.site-center .booking-info-box__text--price{color: #3ab46b;}

.booking-info-box__notice{background-color: #f7f7f7; width: 100%; padding: 15px 28px; margin-bottom: 13px;}
.booking-info-box__notice__text{color: #626262;font-size: 14px;font-weight: 400;}
.booking-info-box__notice__text p{margin: 0;}
.booking-policy-wrapper{padding-top: 16px; padding-bottom: 10px; text-align: center;}

@media (max-width: 767px) {
.booking-info-box-wrapper{width: 100%; float: inherit;}
}

/* dummy */
.contents-dummy{width: 100%; padding: 50px 30px; margin-bottom: 50px; border: 1px solid #dbdbdb; background-color: #fff;}

/* basic list */
.basic-card{border: 1px solid #dbdbdb; float: left; width: 100%;}
.basic-card:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}
.basic-card__img{width: 100%; height: 200px;}
.tab-card-li .basic-card__img{height: 204px;}
.basic-card__info{background-color: #fff; padding: 24px 30px; height: 154px;}
.basic-card__info__title{max-height: 58px;color: #2c2c2c;font-size: 20px;font-weight: 400; margin-top: 0; overflow: hidden;margin-bottom: 10px;}
.basic-card__info__title:hover{color: #43ade5;}
.site-campus .basic-card__info__title:hover{color: #ec566a;}
.site-center .basic-card__info__title:hover{color: #3ab46b;}
.basic-card__info__desc{color: #7d7d7d; max-height: 46px; overflow: hidden;}
.basic-card__info__desc p{margin: 0;}
@media (max-width: 767px) {
.basic-card__img{height: 120px;background-size:contain;}
.tab-card-li .basic-card__img{height: 120px;}
.basic-card__info{padding: 10px;}
.basic-card__info__desc p, .text-banner__desc p{font-size: 13px;line-height: 1.5;}
.basic-card__info__title{font-size: 14px; max-height: 40px;}
.basic-card__info__desc{max-height: 60px;}
}

/* tab-list cards*/
.tab-list-wrapper{float: left; width: 170px;}
.tab-list-cards{float: right; width: 970px; height: 370px;}
.tab-card-ul{width: 100%}
.tab-card-li{width: 33.33%; float: left;}
@media (max-width: 767px) {
.tab-list-wrapper{float: inherit; width: 100%;}
.tab-card-ul{width: 100%;}
.tab-list-cards{float: inherit; width: 100%; height: auto; padding-top: 60px;}
}

/* box-title */
.bottom-box-infos{margin-bottom: 38px;}
.bottom-box-title{display: inline-block;color: #2c2c2c;font-size: 30px;font-weight: 400; border-right: 2px solid #dbdbdb; padding-right: 30px; margin-right: 30px; margin-top: 0; margin-bottom: 0; line-height: 1; margin-top: 10px;}
.bottom-box-desc{display: inline-block;color: #2c2c2c;font-size: 18px;font-weight: 400; }
.bottom-box-desc p{margin-top: 0; margin-bottom: 0;position: relative;top: -6px;}
.module-wrapper{margin-top: 30px;}
@media (max-width: 767px) {
.bottom-box-infos{margin-bottom: 10px;}
.bottom-box-title{font-size: 24px;}
.bottom-box-desc{padding-top: 20px;}
.bottom-box-desc p{font-size: 16px;}
.module-wrapper{margin-top: 10px;}
}

/* desc-list tabs */
.tab-list-tab__link{color: #2c2c2c;font-size: 16px;font-weight: 400; border-bottom: 2px solid #dbdbdb; width: 100%; display: block; padding: 18px 10px;}
.active .tab-list-tab__link{border-color: #43ade5; color: #43ade5; }
.site-campus .active .tab-list-tab__link{border-color: #ec566a;color: #ec566a;}
.site-center .active .tab-list-tab__link{border-color: #3ab46b;color: #3ab46b;}

.tab-list-tab__link:hover{border-color: #43ade5;color: #43ade5;}
.site-campus .tab-list-tab__link:hover{border-color: #ec566a;color: #ec566a;}
.site-center .tab-list-tab__link:hover{border-color: #3ab46b;color: #3ab46b;}

.tab-list-arrow-btn{position: absolute; top: -60px;color: #2c2c2c;font-size: 14px;border: 1px solid #d5d5d5; padding: 8px 16px; background-color: #fff;}
.tab-list-arrow-btn:hover{background-color: #ddd;}
.tab-list-arrow-btn--before{right: 40px;}
.tab-list-arrow-btn--next{right: 0;}
.tab-list-tab__link__arrow{float: right;}

@media (max-width: 767px) {
.tab-list-tab{display: inline-block; float: left;}
.tab-list-tab__link{display: inline-block; width: auto;}
.tab-list-arrow-btn{top: -50px;}
.tab-list-cards{height: 342px; overflow: hidden;}
.tab-list-tab__link__arrow{display: none}
}

.divided-tab{float: left; text-align: center;}
.tab-count--1 .divided-tab, .tab-count--1 .filter-tab{width: 100%;}
.tab-count--2 .divided-tab, .tab-count--2 .filter-tab{width: 50%;}
.tab-count--3 .divided-tab, .tab-count--3 .filter-tab{width: 33.33%;}
.tab-count--4 .divided-tab, .tab-count--4 .filter-tab{width: 25%;}
.tab-count--5 .divided-tab, .tab-count--5 .filter-tab{width: 20%;}
.tab-count--6 .divided-tab, .tab-count--6 .filter-tab{width: 16.66%;}
.tab-count--7 .divided-tab, .tab-count--7 .filter-tab{width: 14.286%;}
.tab-count--7 .divided-tab, .tab-count--7 .filter-tab2{width: 14.286%;}
.tab-count--7 .divided-tab, .tab-count--7 .filter-tab3{width: 14.286%;}

.divided-tabs{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; background-color: #f7f7f8;}
.divided-tabs2{background-color: #f7f7f8;}
.divided-tab{border-right: 1px solid #dbdbdb; height: 50px;}
.divided-tab__link{border-top: 3px solid transparent; display: block; padding: 7px 6px 8px; color: #626262;font-size: 16px;}
.active .divided-tab__link{border-color: #43ade5; color: #43ade5; background-color: #fff;}

.filter-tab{border-right: 1px solid #dbdbdb; float: left; text-align: center;}
.filter-tab2{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; float: left; text-align: center; background-color: #f7f7f8;}
.filter-tab3{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; float: left; text-align: center; background-color: #f7f7f8;}
.filter-tab__link{display: block; padding: 7px 6px 8px; color: black;font-size: 16px;font-weight: 900;color:#2c2c2c;}
.active .filter-tab__link, .filter-tab__link:hover{ color: #43ade5; background-color: #fff;}

.site-campus .filter-tab__link{display: block; padding: 7px 6px 8px; color: #626262;font-size: 16px;}
.site-campus .active .filter-tab__link, .site-campus .filter-tab__link:hover{ color: #ec566a; background-color: #fff;}

.site-center .filter-tab__link{display: block; padding: 7px 6px 8px; color: #626262;font-size: 16px;}
.site-center .active .filter-tab__link, .site-center .filter-tab__link:hover{ color: #3ab46b; background-color: #fff;}

.site-campus .active .divided-tab__link{border-color: #ec566a; color: #ec566a;background-color: #fff;}
.site-center .active .divided-tab__link{border-color: #3ab46b; color: #3ab46b;background-color: #fff;}
.divided-tab__link:hover{border-color: #43ade5; color: #43ade5;}
.site-campus .divided-tab__link:hover{border-color: #ec566a; color: #ec566a;}
.site-center .divided-tab__link:hover{border-color: #3ab46b; color: #3ab46b;}
.divided-tab__link__arrow{display: none; margin: 3px auto; }
.active .divided-tab__link__arrow{display: block;}
.divided-tabpanels{background-color: #fff; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 50px 10px 60px; text-align: center;}

@media (max-width: 767px) {
.divided-tab__link{padding: 8px; font-size: 13px;}
}

.board-tab{float: left; }
.board-tab__link{color: #2c2c2c;font-size: 20px; border-bottom: 2px solid transparent; padding-bottom: 10px;}
.board-tab__link:hover{border-color: #43ade5; color: #43ade5;}
.site-campus .board-tab__link:hover{border-color: #ec566a; color: #ec566a;}
.site-center .board-tab__link:hover{border-color: #3ab46b; color: #3ab46b;}
.board-tab__link__division{color: #dbdbdb; }
.board-tab--division{float: left; color: #dbdbdb; font-size: 20px;padding-left: 20px; padding-right: 20px;}


.active .board-tab__link{border-color: #43ade5; color: #43ade5;}
.site-campus .active .board-tab__link{border-color: #ec566a; color: #ec566a;}
.site-center .active .board-tab__link{border-color: #3ab46b; color: #3ab46b;}

.board-tab__more{color: #2c2c2c;font-size: 13px;position: absolute; right: 0; top: -38px;}
.board-tab__more:hover{border-color: #43ade5; color: #43ade5;}
.site-campus .board-tab__more:hover{border-color: #ec566a; color: #ec566a;}
.site-center .board-tab__more:hover{border-color: #3ab46b; color: #3ab46b;}

.board-tab-wrapper{float: left; width: 570px; height: 280px;border: 1px solid #dbdbdb;background-color: #ffffff; padding: 24px;}
.board-tab__pane{position: relative; padding-top: 22px;}
.board-tab__pane__li{margin-bottom: 11px; position: relative;}
.board-tab__pane__li__link{display: block; color: #2c2c2c;font-size: 16px;font-weight: 400; padding-right: 100px; padding-left: 10px; height: 25px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.board-tab__pane__li__link:hover{color: #43ade5;}
.site-campus .board-tab__pane__li__link:hover{color: #ec566a;}
.site-center .board-tab__pane__li__link:hover{color: #3ab46b;}

.board-tab__pane__li__date{color: #959595;font-size: 14px;font-weight: 300; position: absolute; right: 0; top: 0; display: inline-block; margin: 0;}
.pane-li-point{position: absolute; left: 0;}
@media (max-width: 767px) {
  .board-tab__more {font-size: 11px;position: absolute;top: -31px;padding: 3px 6px;background-color: #eaeaea;letter-spacing: -.7px;border-radius: 5px;}
.board-tab__link{font-size: 14px;}
.board-tab-wrapper{height: auto; padding: 10px;}
.board-tab--division{padding-left: 8px; padding-right: 8px; font-size: 16px;}
.board-tab__pane__li__link{font-size: 14px;}
.board-tab__pane__li__date{font-size: 13px;}
}

.image-banner__link{display: block;}
.image-banner__img{width: 570px; height: 280px; }
.image-banner__link:hover{box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);}
.image-banner-slide li{height: 280px;}

@media (max-width: 767px) {
.board-tab-wrapper{float: inherit; width: 100%; margin-bottom: 10px;}
.image-banner-wrapper{float: inherit; width: 100%;}
.image-banner-slide li{height: auto;}
.image-banner__img{width: 100%; float: inherit; height: auto;}
}

/* quick menu */
.quick-banner-wrapper{position: fixed; top: 310px; right: -200px;}
.quick-banner-wrapper-leftquick{position: fixed; top: 310px; left: -200px;}
.quick-banner-wrapper-facebook{position: fixed; top: 310px; right: -200px;}
.quick-banner-wrapper-popword{position: fixed; top: 310px; right: -200px; border: 1px solid #999; padding: 15px; max-width: 12%; border-color: #cfcfcf; border-radius: 12px;}
.quick-banner{width: 160px;box-sizing: border-box; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);background-color: #ffffff; margin-bottom: 20px;}
.quick-banner--button__link{border-top: 1px solid #ededed; color: #626262;font-size: 13px;font-weight: 400; background-color: #fff; display: block; padding: 14px 18px;}
.quick-banner--button__link:hover{color: #fff; background-color: #43ade5;}
.site-campus .quick-banner--button__link:hover{  color: #fff; background-color: #ec566a;}
.site-center .quick-banner--button__link:hover{  color: #fff; background-color: #3ab46b;}

.quick-banner__img{width: 160px;height: auto;}
.quick-banner--image__link{border: 1px solid transparent; display: block;}
.quick-banner--image__link:hover{border-color: #43ade5;}
.site-campus .quick-banner--image__link:hover{border-color: #ec566a;}
.site-center .quick-banner--image__link:hover{border-color: #3ab46b;}
.quick-banner-title{font-size: 14px; font-weight: bold; margin: 0;}
.quick-banner--text__link{width: 158px;height: auto; display: block; padding: 10px; border: 1px solid #f7f7f8; background-color: #fff;}
.quick-banner--text__link p{margin: 0;}
.quick-desc-p{white-space: pre-wrap;}
.site-campus .quick-banner--text__link:hover{border-color: #ec566a;}
.site-center .quick-banner--text__link:hover{border-color: #3ab46b;}

/* top box */
.campus-btn-group{margin-bottom: 20px;}
.top-campus-btn{width: 126px;height: 40px;border: 2px solid #dbdbdb;background-color: #fff; text-align: center; padding: 6px; color: #626262; display: inline-block; margin-right: 6px;}
.top-campus-btn.active{background-color: #1499df;color: #fff;}
.top-campus-btn:hover, .top-campus-btn:focus{border-color: #1499df; color: #1499df;}
.top-campus-btn.active:hover, .top-campus-btn.active:focus{border-color: #1499df; color: #fff;}

.top-white-box{width: 100%;border: 1px solid #dbdbdb;background-color: #ffffff; margin-bottom: 56px;}
.top-white-box--with-btns{margin-bottom: 20px;}
.top-title{color: #2c2c2c;font-size: 36px;font-weight: 400; text-align: center; margin-top: 70px; margin-bottom: 18px;}
.top-white-box__form-wrapper{text-align: center; width: 100%; margin-bottom: 50px;}
.top-white-box__form{text-align: center; position: relative;display: inline-block;}
.opengov-input-group{display: inline-block; margin: 0 auto; width: 595px;height: 50px;border: 3px solid #0096e0;padding: 1px; position: relative;}
.opengov-date-input{background-color: #efeeee !important; width: 100%;border: none;height: 42px;color: #2c2c2c;font-size: 14px; padding-left: 10px; float: left; margin-right: 5px;}
.opengov-search-input{width: 300px;border: none;height: 42px;color: #2c2c2c;font-size: 14px; padding-left: 10px; float: left; margin-left: 6px;}
.top-white-box__input-group{display: inline-block; margin: 0 auto; width: 410px;height: 50px;border: 3px solid #0096e0;padding: 1px; position: relative; margin-top: 25px;}
.site-campus .top-white-box__input-group{border-color: #ec566a;}
.site-center .top-white-box__input-group{border-color: #3ab46b;}
.top-white-box__input{width: 100%;border: none;height: 42px;color: #2c2c2c;font-size: 14px; padding-left: 10px;}
.top-white-box__submit-btn{background-color: #1897dd;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.top-white-box__submit-btn:hover{background-color: #00bcd4;}

.site-campus .top-white-box__submit-btn{background-color: #ec566a;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.site-campus .top-white-box__submit-btn:hover{background-color: #f17687;}

.site-center .top-white-box__submit-btn{background-color: #3ab46b;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.site-center .top-white-box__submit-btn:hover{background-color: #60ca8a;}

.site-campus a:hover{color: #ec566a;}
.site-center a:hover{color: #3ab46b;}

.search-input-group{display: inline-block; margin: 0 auto; width: 410px;height: 50px;border: 3px solid #0096e0;padding: 1px; position: relative;}
.site-campus .search-input-group{border-color: #ec566a}
.site-center .search-input-group{border-color: #3ab46b;}
.search-submit-btn{background-color: #1897dd;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.search-submit-btn:hover{background-color: #00bcd4;}
.site-campus .search-submit-btn{background-color: #ec566a;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.site-campus .search-submit-btn:hover{background-color: #f17687;}
.site-center .search-submit-btn{background-color: #3ab46b;padding: 13px;width: 42px; position: absolute; right: 1px; top: 1px;}
.site-center .search-submit-btn:hover{background-color: #60ca8a;}

.top-search-submit-btn{background-color: #1897dd;padding: 9px 13px 13px;width: 42px; position: absolute; right: 1px; top: 1px; border: none;}
.top-search-submit-btn:hover{background-color: #00bcd4;}
.top-white-box__select{width: 96px; height: 50px; border: 3px solid #dbdbdb;background-color: #f7f7f7; position: initial; left: -100px; top: 0;}
.opengov-date-group{margin-left: -3px; margin-right: -3px; width: 240px; display: inline-block; float: left;}
.opengov-date{float: left; padding-right: 3px; padding-left: 3px; width: 50%;}
.top-box-label-block{display: inline-block; float: left; margin-right: 6px;}
.top-white-box-label{display: block; text-align: left;}
.top-select-wrapper{display: inline-block; float: left;}
.search-input-warpper{float: left;}
@media (max-width: 767px) {
  .search-input-group{width: 100%;}
  .search-input-warpper{padding-right: 5px; padding-left: 5px; float: initial;}
  .top-select-wrapper{width: 100%; display: block; margin-left: -5px; margin-right: -5px;}
  .top-box-label-block{width: 33.3%; margin-right: 0; padding-right: 5px; padding-left: 5px;}
  .opengov-date-group{width: 100%; margin-left: 0; margin-right: 0;}
  .opengov-date{padding-left: 0; padding-right: 3px;}
  .opengov-date--last{padding-right: 0; padding-left: 3px;}
  .opengov-input-group{width: 100%; height: auto;}
  .opengov-search-input{width: 100%; margin-top: 5px; margin-left: 0;}
  .top-white-box__form{display: block; text-align: left; margin-left: -5px; margin-right: -5px;}
  .top-white-box__submit-btn{bottom: 1px; top: auto;}
.top-campus-btn{width: auto; margin-bottom: 7px;}
.top-white-box{height: auto; margin-bottom: 20px; padding-bottom: 10px; /*padding-left: 10px; padding-right: 10px;*/}
.top-title{font-size: 28px;margin-top: 10px;margin-bottom: 18px;}
.board-tab-wrapper{float: inherit; width: 100%; margin-bottom: 10px;}
.top-white-box__form-wrapper{margin-bottom: 20px;margin-left:5px;margin-right:5px;width:98%}
.top-white-box__input-group{width: 100%; margin-top: 0;}
.top-white-box__select{position: relative; left: 0; margin-bottom: 10px; width: 100%;}
}

/* campus centet btn gruop */
.site-campus-center-btn__link{display: inline-block; }
.cc-btn-slides{height: 130px; padding-bottom: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 50px;}


.image-banner-slide li, .slider-for li.slider-for__li, .tab-list-card-slides li.tab-list-card-slide, .saying-slides li.incubating-slide, .saying-slides li.saying-slide, .center-link-list__slide li.center-link-list-group{display: none;}
.image-banner-slide li:first-child, .slider-for li.slider-for__li:first-child, .tab-list-card-slides li.tab-list-card-slide:first-child, .saying-slides li.incubating-slide:first-child, .saying-slides li.saying-slide:first-child, .center-link-list__slide li.center-link-list-group:first-child{display: block;}
.image-banner-slide.slick-initialized li, .slider-for.slick-initialized li.slider-for__li, .tab-list-card-slides.slick-initialized li.tab-list-card-slide, .saying-slides.slick-initialized li.incubating-slide, .saying-slides.slick-initialized li.saying-slide, .center-link-list__slide.slick-initialized li.center-link-list-group{display: block;}

.tab-list-card-slide{margin-left: -8px; margin-right: -8px;}
.tab-card-li{padding-right: 8px; padding-left: 8px;}
.cc-btn-ul{margin-left: -10px; margin-right: -10px;}
.cc-btn-ul2{margin-left: -10px; margin-right: -10px; margin-top: 20px;}
.cc-btn-ul3{margin-left: -10px; margin-right: -10px; margin-top: 20px;}
.cc-btn-ul--campus{margin-bottom: 20px;}
.cc-btn-ul--campus2{margin-bottom: 20px;}
.cc-btn{width: 7%; float: left; padding-left: 5px; padding-right: 5px;}
.cc-btn2{width: 7%; float: left; padding-left: 5px; padding-right: 5px; margin-bottom: 20px;}
.cc-btn3{width: 16.66%; float: left; padding-left: 10px; padding-right: 10px;}
.cc-btn4{width: 16.66%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.cc-btn5{float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; width: 20%;cursor: pointer;}

.cc-btn-slide{height: 64px;}
.slick-initialized .cc-btn{ height: 64px;}
.cc-btn__link{display: block; border: 1px solid #dbdbdb;font-size: 16px; padding: 5px 0; text-align: center; border-radius: 10px;}
.cc-btn__link2{display: block; border: 1px solid #dbdbdb;font-size: 16px; padding: 5px 0; text-align: center; border-radius: 10px;}
.cc-btn__icon{float: right; border: 1px solid transparent; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; margin-right: 10px; margin-top: 3px; padding: 0 6px;}
.cc-btn--campus .cc-btn__icon{color: #ec566a; border-color: #ec566a;}
.cc-btn--center .cc-btn__icon{color: #3ab46b; border-color: #3ab46b;}
.cc-btn--campus .cc-btn__link{ border-color: #ec566a;background-color: #ec566a; color: white;}
.cc-btn--campus .cc-btn__link2{ border-color: #ec566a;background-color: #ec566a; color: white;}
.cc-btn--center .cc-btn__link{ border-color: #3ab46b;background-color: #3ab46b; color: white;}
.cc-btn--center .cc-btn__link2{ border-color: #3ab46b;background-color: #3ab46b; color: white;}
.cc-btn--campus:hover .cc-btn__link{color: black; }
.cc-btn--campus:hover .cc-btn__link2{color: black; }
.cc-btn--center:hover .cc-btn__link{color: black; }
.cc-btn--center:hover .cc-btn__link2{color: black; }
.cc-btn--foundation .cc-btn__icon{color: #0096e0; border-color: #0096e0;}
.cc-btn--foundation .cc-btn__link{ border-color: #0096e0;background-color: #0096e0; color: white;}
.cc-btn--foundation .cc-btn__link2{ border-color: #0096e0;background-color: #0096e0; color: white;}
.cc-btn--foundation .cc-btn__link{color: white; }
.cc-btn--foundation .cc-btn__link2{color: white; }

.campus-center-btn-group {margin:3px;}
.site-campus-center-btn-group .slick-dots{top: 90px;}
.site-campus-center-btn-group .slick-dots button{width: 14px; height: 14px;}
.site-campus-center-btn-group .slick-dots button:focus{outline: -webkit-focus-ring-color auto 5px;}
.site-campus-center-btn-group .slick-dots li{margin: 0 3px;}
.pt-jb-cases2{margin-top: 30px; margin-bottom: 30px; font-size: 13px; font-weight: 600; color: #626262;}

@media (max-width: 767px) {
  .cc-btn-slides{height: 140px; margin-bottom: 20px;}
  .cc-btn-ul--campus{margin-bottom: 10px;}
  .cc-btn-ul--campus2{margin-bottom: 0px;}
  .site-campus-center-btn-group .slick-dots{top: 120px;}
  .slick-initialized .cc-btn, .cc-btn{width: 20%; padding-left: 3px; padding-right: 3px; margin-bottom: 5px;}
  .slick-initialized .cc-btn, .cc-btn2{width: 20%; padding-left: 3px; padding-right: 3px; margin-bottom: 5px;}
  .slick-initialized .cc-btn, .cc-btn3{width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; height: 42px; float: left;}
  .cc-btn-slides .slick-dots{top: 100px;}
  .cc-btn-slide{height: 42px;}
  .cc-btn__link{font-size: 15px; padding: 10px 0;}
  .cc-btn__link2{font-size: 16px; padding: 5px 15px;}
  .cc-btn__icon{display: none !important;}
  .cc-btn4{width: 25%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
  .cc-btn5{float: left; padding-left: 10px; margin-bottom: 20px; cursor: pointer; width: auto; padding-right: inherit;}
  .cc-btn-ul2{margin-left: -10px; margin-right: -10px; margin-top: 0px;}
  .cc-btn-ul3{margin-left: -10px; margin-right: -10px; margin-top: 20px;}
  .pt-jb-cases2{margin-top: 0px; margin-bottom: 30px; font-size: 13px; font-weight: 600; color: #626262;}
}
/* table */
.border-table{width: 100%;}
.border-table th, .border-table td{border: 1px solid #999; padding: 8px;}
.center-table{width: 100%;}
.center-table th, .metrial-source-table th{background-color: #eee;}
.center-table th, .center-table td {border: 1px solid #999; padding: 8px; text-align: center;}
.policy-table{width: 100%;}
.policy-table td, .policy-table th{border: 1px solid #999; text-align: center; padding: 8px;}
.policy-table th{background-color: #eee; color: #777;}
.metrial-source-table-wrapper{width: 100%;margin-top: 30px;}
.metrial-source-table{width: 100%; margin-top: 0; min-width: 410px;}
.metrial-source-table th, .metrial-source-table td{border: 1px solid #f9f9f9; padding: 8px; text-align: center;}
.metrial-source-table td{width: 15%;}
.calendar-helper-text{text-align: right; color: #777;}
.ex-text{color: #666;}
@media (max-width: 767px) {
  .metrial-source-table-wrapper{margin-top: 10px; overflow-x: scroll; }
  .metrial-source-table{margin-top: 10px; }
  .calendar-helper-text{text-align: right;}
}

/* table sorting group */
.course-campus-info{float: left; display: inline-block;}
.course-campus-title{float: left; margin: 0; color: #2c2c2c; font-size: 36px;font-weight: 400; margin-right: 26px;}
.course-campus__link{float: left; display: inline-block; color: #1499df;font-size: 14px;font-weight: 400;text-decoration: underline;
  margin-top: 18px;}
.course-campus__link:hover{text-decoration: underline; color: #626262;}
.campus-course-list-info{margin-bottom: 15px;}
.campus-course-list__sorting-group{display: inline-block; float: right;}
.campus-course-list__sorting-select{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border: 1px solid #dbdbdb;background-color: #ffffff; height: 34px; margin-top: 10px;}

.search-result-text{color: #2c2c2c;font-size: 28px;font-weight: 400; margin: 0;}

/* table */
.opengov-table-infos{position: relative;}
.load-count-btn{display: inline-block; position: absolute; right: 0; top: 0;}
.opengov-label{display: inline-block; padding: 1px 5px; margin-right: 3px;}
.part-label{background-color: #b0e49e; }
.city-label{background-color: #ccc; }
.ispublic-label{background-color: #9ed7e4; }
.opengov-total-count{display: inline-block; font-size: 16px; margin-bottom: 10px; }
.campus-course-list-table{display: table; width: 100%;}
.tr-wrapper{display: table-row; width: 100%;}
.margin-bottom-50{margin-bottom: 50px;}
.empty-tr{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width: 100%; padding: 20px; text-align: center; color: #999;}
.site-campus .th-normal{background-color: #ec566a;}
.site-center .th-normal{background-color: #3ab46b;}

.th-normal{background-color: #0096e0; color: #fff;display: table-cell; text-align: center;font-size: 16px; padding: 8px;vertical-align: middle; }
.th-normal--view-cnt{width: 62px;}
.td-normal{display: table-cell; text-align: center; padding: 8px; vertical-align: middle;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; background-color: #fff; font-weight: 300; height: 72px;}
.td-normal2{display: table-cell; text-align: center; padding: 8px; vertical-align: middle;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; background-color: #fff; font-weight: 300; height: 72px;}
.td-normal-btn{display: table-cell; text-align: center; padding: 8px; vertical-align: middle;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; background-color: #fff; font-weight: 300; height: 72px;}
.td-normal--first{border-left: 1px solid #dbdbdb;}
.tb-normal--bold{font-weight: 400; font-size: 17px;}
.td-normal--opengov-title{text-align: left;}
.td-normal__application-btn{color: #1499df; font-size: 16px;font-weight: 400;text-decoration: underline;letter-spacing: -0.32px; display: inline-block;}
.td-normal__application-btn:hover, .td-normal__application-btn:focus{text-decoration: underline; color: #626262;}
.td-normal__label{display: none;}
.td-normal__bord-noAbb{width:100%; text-align: center; padding-top: 20px; padding-bottom: 20px; border: 1px solid #dbdbdb;}

.site-portal .th-normal:nth-child(1) {width:10%;}
.site-portal .th-normal:nth-child(2) {width:10%;}
.site-portal .th-normal:nth-child(3) {width:10%;}
.site-portal .th-normal:nth-child(4) {width:60%;}
.site-portal .th-normal:nth-child(5) {width:10%;}

.site-campus .th-normal:nth-child(1) {width:10%;}
.site-campus .th-normal:nth-child(2) {width:10%;}
.site-campus .th-normal:nth-child(3) {width:10%;}
.site-campus .th-normal:nth-child(4) {width:60%;}
.site-campus .th-normal:nth-child(5) {width:10%;}

.site-center .th-normal:nth-child(1) {width:10%;}
.site-center .th-normal:nth-child(2) {width:10%;}
.site-center .th-normal:nth-child(3) {width:10%;}
.site-center .th-normal:nth-child(4) {width:60%;}
.site-center .th-normal:nth-child(5) {width:10%;}

.mypage-left .th-normal {width:auto !important;}

@media (max-width: 767px) {
.tr-wrapper{border: 1px solid #dbdbdb; background-color: #fff; margin-bottom: 14px; display: block;padding: 10px;}
.tr-wrapper--th{display: none;}
.td-normal{display: block; position: relative; border: none; text-align: left; padding-left: 82px;}
.td-normal2{text-align: left;}
.td-normal-btn{display: block; position: relative; border: none; text-align: left;}
.course-campus__link{margin-top: 0px;}
.course-campus-title{font-size: 28px;}
.td-normal{height: inherit;}
.td-normal__label{position: absolute; left: 10px; color: #43ade5; display: block;}
.site-campus .td-normal__label{color: #ec566a;}
.site-center .td-normal__label{color: #3ab46b;}

.td-normal--btn-group{/*padding-left:8px;*/height:36px;}
.td-normal__application-btn{text-align: center; display: block; text-decoration: none; padding: 8px 8px 9px;}
.td-normal__application-btn{background-color: #0096e0; color: #fff; border: none;}
.td-normal__application-btn:hover, .td-normal__application-btn:focus{background-color: #61bcec;}
}
/* keyword box */
.bottom-keyword-box{border-top: 1px solid #dcdcdc; margin-top: 40px; padding: 15px 30px;}

/* course show */
.keyword-title-label{margin: 0;color: #2c2c2c;font-size: 14px;font-weight: 700; display: inline-block; width: 65px;  }
.keyword-second-bar{margin-top: 6px;}
.middle-bar{display: inline-block; color: #dcdcdc; margin-left: 16px;}
.keyword-link{display: inline-block; line-height: 1; padding: 0 20px; border-left: 1px solid #dcdcdc;color: #2c2c2c;font-size: 12px;font-weight: 400;}
.keyword-link:hover{color: #43ade5;}
.site-campus .keyword-link:hover{color: #ec566a;}
.site-center .keyword-link:hover{color: #3ab46b;}
.keyword-link--first{border-left: none;}
.course-schedule-table{margin-top: 30px;}
.course-info img{width: 100% !important;height: 100% !important;}

.lecturer-list{margin-top: 27px;}
.lecturer-info{margin-bottom: 30px;}
.lecturer-name{color: #2c2c2c;font-size: 16px;font-weight: 700;letter-spacing: -0.32px; margin-top: 0; margin-bottom: 20px;}
.lecturer-carrer{color: #2c2c2c;font-size: 14px;}

.course-left{float: left; width: 873px; margin-top: 30px;}
.course-right{float: right; width: 278px;}
@media (max-width: 767px) {
  .bottom-keyword-box{padding: 15px 0;}
  .keyword-title-label{width: auto;}
.keyword-link{padding: 0 8px;}
.course-left{float: inherit; width: 100%; margin-top: 10px;}
.course-right{float: inherit; width: 100%;}
}

.course-contact{border-top: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; margin-top: 40px; }
.course-contact__text{color: #2c2c2c;font-size: 14px;}
.course-contact__text__link{color: #2c2c2c;}

.course-contact__text__link:hover{color: #43ade5;}
.site-campus .course-contact__text__link:hover{color: #43ade5;}
.site-center .course-contact__text__link:hover{color: #43ade5;}

.application-box{border: 1px solid #dbdbdb; padding: 40px 26px; margin-top: 40px; background-color: #fff;}
.application-box__info{margin-top: 40px;}
.application-info{color: #2c2c2c;font-size: 16px; padding-left: 90px; position: relative; font-weight: 300;}
.info-label-colon{padding: 0 10px 0 0; font-weight: 300; float: right;}
.application-info__label{font-weight: 700; position: absolute; left: 0; width: 85px;}
.wish-sns-group{margin-top: 60px;}
@media (max-width: 767px) {
.wish-sns-group{margin-top: 20px; margin-bottom: 30px;}
}


/* login */
.login-wrapper{position:relative;max-width: 560px;border: 2px solid #dbdbdb;background-color: #ffffff; margin: 0 auto; padding: 90px 80px; margin-top: 100px; margin-bottom: 200px;}
.regist-wrapper{position:relative;max-width: 560px;border: 2px solid #dbdbdb;background-color: #ffffff; margin: 0 auto; padding: 90px 80px; margin-top: 100px; margin-bottom: 200px;}
.mypage-session-wrapper{max-width: 560px;border: 2px solid #dbdbdb;background-color: #ffffff; margin: 0 auto; padding: 90px 80px; margin-top: 50px; margin-bottom: 50px;}
.login-box-title{color: #2c2c2c;font-size: 40px;font-weight: 900;text-transform: uppercase; margin-top:0;margin-bottom: 20px;}
.login-box-title-underbar{width: 40px; height: 4px;background-color: #2c2c2c; margin-bottom: 45px;}
.login-box-button{position:absolute;width:30%;right:80px;top:90px;}

.session-label{color: #2c2c2c;font-size: 18px;font-weight: 700;}
.session-input{height: 49px;border: 2px solid #dbdbdb; width: 100%; padding: 14px;}
select.session-input{padding: 0 14px;}
.session-input--bottom{margin-top: 10px;}

.session-link-group{margin-bottom: 40px; margin-top: 20px;}
.helper-text-group{margin-bottom: 20px;}
.session-link{display: inline-block; color: #2c2c2c;font-size: 14px;font-weight: 700;text-decoration: underline;letter-spacing: -0.28px;}
.session-link:hover, .session-link:focus{color: #43ade5;}
.session-slash{margin-left: 6px; margin-right: 6px;}
.session-submit-group{margin-top: 40px;}
@media (max-width: 767px) {
.mypage-session-wrapper{padding: 30px 20px; margin-top: 30px; margin-bottom: 50px;}
.login-wrapper{padding: 30px 20px; margin-top: 30px; margin-bottom: 50px;}
.login-box-title{font-size: 25px;margin-bottom: 14px;}
.login-box-title-underbar{margin-bottom: 35px;width: 30px; height: 3px;}
.login-box-button{position:absolute;width:55%;right:20px;top:30px;}
}

/* modal */
.plus-modal-title{text-align: center;font-size: 22px;}
.session-modal .modal-dialog{margin-top: 300px;}
.session-modal .modal-content{border: 4px solid #0096e0;background-color: #ffffff;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.session-modal__close{position: absolute; right: 10px; top: 10px; border: none; background-color: transparent;}
.session-modal__close:hover{color: #0096e0;}
.session-modal__content{text-align: center; padding: 70px;}
.session-notice{margin-bottom: 50px;}
.session-notice__message{color: #2c2c2c;font-size: 20px;font-weight: 500; margin: 10px;}
.load-my-data-modal{position: relative;}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 300px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.nopadding-modal-container{padding: 0;}
.sm-modal-container{ width: 300px !important; padding: 0; }
.md-modal-container{ width: 600px !important; padding: 0; }
.md-modal-body{ padding-left: 0; padding-right: 0; padding-bottom: 0;}

.attendance-modal__title{text-align: center;}
.attendance-modal table{width: 100%; text-align: center; vertical-align: middle; border: 1px solid #dbdbdb;}
.attendance-modal th{background-color: #f7f7f7;padding: 10px;font-weight: 500;font-size: 14px;}
.attendance-modal td{padding: 10px;font-size: 14px;}
.attendance-label{background-color: #3ab46b; color: #fff; padding: 4px 6px;}
.attendance-action{margin-top: 30px; text-align: center;}

.confirm-modal{text-align: center;}
.confirm-alert{
  text-align: center;
  display: block;
  width: 100%;
  position: fixed;
  height: auto;
  top: 30%;
  z-index: 10000;
}
.confirm-label{background-color: #3ab46b; color: #fff; padding: 4px 6px;}
.confirm-action{margin-top: 30px; text-align: center;}

.confirm-modal{border-color: #43ade5}
.site-campus .confirm-modal{border-color: #ec566a;}
.site-center .confirm-modal{border-color: #3ab46b;}


.xs-text{font-size: 12px;}


/* form */
.form-wrapper{max-width: 640px; margin: 40px auto 60px;}
.form-label{color: #2c2c2c;font-size: 14px;font-weight: 400;}
.form-select{max-width: 259px;}
.form-submit-gruop{text-align: center; border-top: 2px solid #dbdbdb; padding-top: 20px; margin-top: 40px;}
.form-textarea{height: 102px;border: 1px solid #dbdbdb;background-color: #ffffff;resize: none;}
.form-input-text{height: 34px;border: 1px solid #dbdbdb;background-color: #ffffff; padding: 0 10px; margin-bottom: 10px;}
.form-input{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.form-group-50{margin-bottom: 20px}
.form-group-50--last{margin-bottom: 40px}
.input-group{margin-bottom: 20px; width: 100%;}
.inline-input__file{padding-top: 8px; max-width: 100%;}

/* progress input */
.progress-box{position: relative; }
.progress-box__link{ padding: 25px; text-align: center;font-size: 20px;font-weight: 400; cursor: pointer;}
.progress-arrow-circle{position: absolute; right: -27px; top: 14px; width: 52px;height: 52px;background-color: #dbdbdb; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; text-align: center; z-index: 1010; line-height: 2.1;}
.progress-etc-box{border: 1px solid #dbdbdb; padding: 10px;}
.progress-etc-box__title{font-weight: bold !important;}
.progress-etc-box__ul li{margin-bottom: 6px; }
.active .progress-arrow-circle{background-color: #0096e0;}
.site-campus .active .progress-arrow-circle{background-color: #ec566a;}
.site-center .active .progress-arrow-circle{background-color: #3ab46b;}

.basic-form{max-width: 640px; margin: 60px auto;}
.basic-form-title{border-bottom: 2px solid #dbdbdb; padding-bottom: 10px;}
.inline-input-group{position: relative; padding-left: 110px; margin-bottom: 20px;}
.inline-input-group:nth-child(10){margin:0 0 50px 0;}
.inline-readonly-group{position: relative; padding-left: 90px; margin: 10px 0;}
.progress__only-text, .inline-input-group .progress__only-text, .input-group-with-btn .progress__only-text, .result-group-with-btn .progress__only-text{color: #2c2c2c;font-size: 14px; margin-top: 5px;}
.progress__only-text__price{float: right;}
.input__text{width: 100%; height: 34px; padding: 5px 8px; color: #2c2c2c;font-size: 14px;font-weight: 400;}
.input__text--reason{width: 80%; height: 34px; padding: 5px 8px; color: #2c2c2c;font-size: 14px;font-weight: 400;}
.input__text--sm{max-width: 100px; border: 1px solid #dbdbdb;}
.inline-input__etc{width: 170px; height: 34px; display: inline-block; margin-left: 10px;}
.inline-input__label{margin-top: 0; margin-bottom: 0;position: absolute;left: 0;color: #2c2c2c;font-size: 16px; line-height:1.8;font-weight: 600; /*margin-top: 7px; margin-bottom: 5px;*/}
.inline-input__label2{margin-top: 0; margin-bottom: 0;position: absolute;left: 0;color: #2c2c2c;font-size: 16px; line-height:1.8;font-weight: 600; /*margin-top: 7px; margin-bottom: 5px;*/}
.address-input-group{margin-bottom: 16px;}
.input__text--readonly{border: 1px solid #dbdbdb;background-color: #eaeaea;height: 34px;}
.input__text--total{border: 1px solid #0096e0;background-color: #fdfdfd;height: 34px;}
.address-input-group__btn{position: absolute; right: 0; color: #ffffff;font-size: 14px; background-color: #626262; padding: 7px; top: 0; border: none;}
@media (max-width: 767px) {
  .attendance-modal{padding: 0 10px;}
  .md-modal-container{ width: 100% !important; padding: 0; }
  .inline-input-group{padding-left: 0;}
  .inline-input__label{position: relative; width: 100%;}
  .input__text{padding: 5px 5px;}
  .input__text--reason{width:auto;}
  .inline-input__label2{position: relative !important;}
}
.label__radio{padding-top: 7px; padding-right: 10px; margin-right: 10px; margin-left: 0 !important; margin-bottom: 5px;}
.inline-input__radio--with-etc{margin-top: 11px !important;}
.input__checkbox--with-etc{margin-top: 13px !important;}
.input__select{width: 100%; height: 34px; background-color: #fff; border: 1px solid #dbdbdb;}
.inline-input-etc__select{height: 34px; background-color: #fff; border: 1px solid #dbdbdb; margin-left: 14px;}
.input__checkbox{margin-top: 5px !important;}

.block-input-label{color: #2c2c2c;font-size: 14px; width: 100%;}
.block-input-label-diag{color: #2c2c2c;font-size: 14px; min-width: 50%;}
.input__textarea{width: 100%; resize: none; border: 1px solid #dbdbdb; height: 160px; padding: 5px 8px;}
.input__textarea--thin{height: 60px;}
.input__textarea--readonly{background-color: #eaeaea; font-size: 13px;}
.block-input-group{margin-bottom: 16px;}
.block-input-group .label__radio{padding-top: 0;}
.label__radio:hover{color: #43ade5;}
.site-campus .label__radio:hover{color: #43ade5;}
.site-center .label__radio:hover{color: #43ade5;}
.guide-text, .divided-tabpanels p.guide-text, .post-content p.guide-text{font-size: 13px; color: #bbb;}

.progress-label__agree-ckeck{margin-top: 10px; text-align: right;}
.block-input-label__helper{font-size: 13px; color: #888;}
@media (max-width: 767px) {
.progress-box__link{ padding: 7px;font-size: 14px;}
.progress-arrow-circle{ width: 25px;height: 25px;top: 5px;right: -13px;line-height: 1.5;}
.progress-box__img{width: 12px; height: 12px;}
.basic-form{margin: 20px auto; max-width: 100%;}
}

.added-list{border-top: 1px dashed  #dbdbdb; padding-top: 10px; border-bottom: 1px dashed  #dbdbdb;}
.added-list--confirm{margin-top: 10px; padding-bottom: 10px;}


/* lable */
.white-box-title{color: #2c2c2c; ;font-size: 36px; font-weight: 400; text-align: center;}
.big-label{font-size: 20px; margin-top: 0; margin-bottom: 10px; color: #0096e0;}
.site-campus .big-label{color: #ec566a;}
.site-center .big-label{color: #3ab46b;}

.option-label{color: #0096e0; margin-top: 7px;}
.added-list__title{color: #282828;font-size: 13px; width: 100%; text-align: center; line-height: 1; margin-top: 0; margin-bottom: 10px; font-weight: 300}
.option-total-label{color: #0096e0; width: 100%; text-align: right; font-size: 14px; display: block; margin-top: 9px; font-weight: 300; }
@media (max-width: 767px) {
  .white-box-title{font-size: 32px;}
}

/* portal main slide */
.portal-main-slide{margin-top: 20px;}
.icon-link-box{border: 1px solid #dbdbdb;background-color: #ffffff;margin-top: 20px;}
.icon-link-box li {width:20%;}
.icon-link-btn{height: 160px; display: block; border-bottom: 4px solid transparent; text-align: center; padding-top: 26px;}
.icon-link-btn2{height: 160px; display: block; border-bottom: 4px solid transparent; text-align: center; padding-top: 26px;}
.icon-link-btn__text{color: #2c2c2c;font-size: 20px;font-weight: 400; margin-top: 17px;}
.icon-link-btn__text.mobile {display:none;}
.icon-link-btn__icon--hover{display: none;}
.icon-link-btn:hover .icon-link-btn__icon{display: none;}
.icon-link-btn:hover .icon-link-btn__icon--hover{display: inline-block;}

.icon-link-btn:hover .icon-link-btn__text{color: #43ade5;}
.site-campus .icon-link-btn:hover .icon-link-btn__text{color: #ec566a;}
.site-center .icon-link-btn:hover .icon-link-btn__text{color: #3ab46b;}

.icon-link-btn:hover{border-color: #43ade5;}
.site-campus .icon-link-btn:hover{border-color: #43ade5;}
.site-center .icon-link-btn:hover{border-color: #43ade5;}

.icon-picto{border: 1px solid #dbdbdb;background-color: #ffffff;margin-top: 20px;}
.m_spc_mig{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_spc_atag{display: block; border-bottom: 4px solid transparent; text-align: center;}

@media (max-width: 767px) {
.icon-link-btn__text.pc {display:none;}
.icon-link-btn__text.mobile {display:block;}
.portal-main-slide{margin-top: 10px;}
.icon-link-box{margin-top: 10px;}
.icon-link-box li{width:20% !important;}
.icon-link-wrapper--1{border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.icon-link-wrapper--2{border-bottom: 1px solid #dbdbdb;}
.icon-link-wrapper--3{border-right: 1px solid #dbdbdb;}
.icon-link-wrapper--4{border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width:25% !important;}
.icon-link-wrapper--5{width:25% !important;}
.icon-link-btn{height: 115px;}
.icon-link-btn2{height: 142px;}
.icon-link-btn__text{font-size: 12px; margin-top: 10px;}
.icon-link-btn__icon{height: 56px;}
.icon-link-btn__img__new{width: 60%;}
.m_spc_mig{width: 90%; height: 80%; position: initial;}
.m_spc_atag{display: block; border-bottom: 25px solid transparent; border-top: 5px solid transparent; text-align: center; height: auto;}
}

.recent-news-box{border: 1px solid #dbdbdb;background-color: #ffffff; padding: 20px 20px 20px; margin-top: 20px;margin-bottom: 20px;}
.blue-bg-box-notice{padding: 25px 20px;}
.blue-bg-box-notice__title{color: #fff; margin-top: 0; margin-bottom: 14px; font-size: 24px; font-weight: 300;}
.blue-bg-box-notice__underbar{display: inline-block; width: 25px; height: 2px; background-color: #fff; margin-bottom: 20px;}
.white-color-list__li__link{color: #fff; font-size: 16px; line-height: 1.8}

.white-color-list__li__link:hover{color: #43ade5; text-decoration: underline;}
.site-campus .white-color-list__li__link:hover{color: #43ade5;}
.site-center .white-color-list__li__link:hover{color: #43ade5;}

.square-box{height: 232px; position: relative;}
.black-underbox-link{display: block;}
.black-underbox-link:focus{box-shadow: 1px 1px 6px rgba(98, 98, 98, 0.5);}
.black-underbox{width: 100%; background-image: url('/images/bg-black-80.png'); padding: 20px; position: absolute; bottom: 0; left: 0;}
.black-underbox__title{margin: 0; height: 30px; overflow: hidden;color: #fff; font-size: 20px; font-weight: 400;}
.black-underbox-link:hover .black-underbox__title{color: #43ade5; text-decoration: underline;}
.site-campus .black-underbox-link:hover .black-underbox__title{color: #43ade5;}
.site-center .black-underbox-link:hover .black-underbox__title{color: #43ade5;}

@media (max-width: 767px) {
.blue-bg-box-notice{height: inherit;}
.recent-news-box{margin-top: 10px; margin-bottom: 10px;}
}

.square-box__img{width: 100%; height: 140px; position: absolute; top: 0; bottom: 0;}
.square-box__title{height: 43px; overflow: hidden; margin-top: 5px; margin-bottom: 10px;}
.square-box__date{color: #626262;font-size: 14px;letter-spacing: -0.56px; margin-bottom: 0;}
.square-box__date2{color: #626262;font-size: 14px;letter-spacing: -0.56px; margin-bottom: 0;}
.square-box__title__link{color: #2c2c2c;font-size: 16px;font-weight: 400; display: inline-block; width: 100%; height: 140px; }
.square-box__title__link:focus{box-shadow: 1px 1px 6px rgba(98, 98, 98, 0.5);}
.square-box__title__link2{color: #2c2c2c;font-size: 16px;font-weight: 400; display: inline-block; width: 100%; height: 140px; margin:5px 0px 6px 0px;}
.square-box__title__link2:focus{box-shadow: 1px 1px 6px rgba(98, 98, 98, 0.5);}
@media (max-width: 767px) {
.square-box__img{height: 120px;}
.square-box__title__link{font-size: 14px; height: 120px;}
.square-box__title__link2{font-size: 14px; height: 120px; margin: 0px;}
.square-box__date{margin-top: 10px; font-size: 13px;}
.square-box__date2{font-size: 13px;}
.square-box{height: inherit;}
.black-underbox{padding: 10px;}
.black-underbox-card{height: 180px;}
.black-underbox__title{font-size: 16px; height: inherit;}
}


.event-notice-box{border-radius: 1px;border: 1px solid #dbdbdb; padding: 20px; background-color: #fff; margin:20px 0; display: inline-block; width: 100%;}
.notice-box-title{color: #2c2c2c;font-size: 20px; margin-bottom: 0; margin-top: 0; font-weight: 400;}
.box-title__more-link{display: inline-block; position: absolute; right: 0; top: 5px; color: #2c2c2c; font-size: 13px;}
.box-title-wrapper{width: 100%; border-bottom: 2px solid #dbdbdb; position: relative; padding-bottom: 10px;}
.event-notice{position: relative; padding-right: 80px;}
.event-notice__link{display: block;width: 100%;color: #2c2c2c;font-size: 16px;height: 24px;overflow: hidden;margin: 12px 0;}
.event-notice__date{color: #959595;font-size: 14px;letter-spacing: -0.56px; position: absolute; right: 0; top: 0; margin: 0;}
@media (max-width: 767px) {
.event-notice-box{margin-top: 0; margin-bottom: 10px;}
.event-notice__link{font-size: 14px; height: 20px;}
.facebook-box{display: none; border: none;}
}

#jumpFb{display:block; 
    width:0;
    height:0;
}

#jumpFb:focus {
  display:block;
  left: 0;
  top: 0;
  z-index: 10000000000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #1499df;
  color: #fff;
  text-align: center;
}

/* cummunity */
.saying-slides{margin-top: 30px; margin-bottom: 20px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.saying-slide{height: 178px; padding: 40px 60px;}
.incubating-slide{height: 130px; padding: 40px 60px;}
.saying-text{color: #2c2c2c;font-size: 28px; text-align: center; margin-top: 0; margin-bottom: 10px;}
.saying-member-name{color: #2c2c2c;font-size: 20px; text-align: center; margin-top: 0;}
.slick-saying-btn{color: #2c2c2c; font-size: 28px; position: absolute; top: 67px; z-index: 1100; border: none; background-color: transparent;}

.slick-saying-btn--before{left: 0;}
.slick-saying-btn--next{right: 0;}

.slick-saying-btn:hover, .slick-incubating-btn:hover{color: #43ade5;}
.site-campus .slick-saying-btn:hover, .site-campus .slick-incubating-btn:hover{color: #ec566a;}
.site-center .slick-saying-btn:hover, .site-center .slick-incubating-btn:hover{color: #3ab46b;}
@media (max-width: 767px) {
.slick-saying-btn{font-size: 20px; }
.saying-slide{height: 162px; padding: 30px 40px;}
.saying-text{font-size: 20px;}
}


/* thumb slides */
.thumb-slide{width: 20%; float: left; padding: 0 15px; }
.thumb-slides-wrapper{margin-bottom: 30px;padding: 0 40px;}
.thumb-slides-wrapper .thumb-slides{ height: 174px; overflow: hidden;}
.thumb-img{width: 100%; height: 138px;}
.thumb-title{color: #2c2c2c;font-size: 16px; text-align: center; margin-top: 14px; margin-bottom: 0}
.slick-initialized .thumb-slide{height: 196px; padding: 0 15px;}

.slick-thumb-btn{color: #2c2c2c; font-size: 28px; position: absolute; top: 55px; z-index: 1100; border: none; background-color: transparent;}

.slick-thumb-btn--before{left: 0px;}
.slick-thumb-btn--next{right: 0px;}

.slick-thumb-btn:hover{color: #43ade5;}
.site-campus .slick-thumb-btn:hover{color: #43ade5;}
.site-center .slick-thumb-btn:hover{color: #43ade5;}

.thumb-slide__link{width: 100%;}
.thumb-slide__link:hover .thumb-title{color: #43ade5;}
.site-campus .thumb-slide__link:hover .thumb-title{color: #43ade5;}
.site-center .thumb-slide__link:hover .thumb-title{color: #43ade5;}

@media (max-width: 767px) {
.slick-thumb-btn{display: none !important;}
.thumb-slides-wrapper{padding: 0 0;}
.slick-initialized .thumb-slide{padding: 0 5px;}
}

/* incubating  */
.preview-img-wrapper{padding-right: 10px;}
.incubating-intro-wrapper{margin-top: 30px;}
.incubating-intro-box{height: 427px;border: 1px solid #dbdbdb; padding: 50px 40px; text-align: center;}
.incubating-infos{text-align: left; padding: 25px 0; margin-top: 20px;}
.slick-incubating-btn{color: #2c2c2c; font-size: 28px; position: absolute; top: 46px; z-index: 990; border: none; background-color: transparent;}
@media (max-width: 767px) {
  .incubating-intro-box{height: auto;padding: 30px 20px; text-align: center;}
  .incubating-infos{text-align: left; padding: 25px 0; margin-top: 0;}
  .slick-incubating-btn{ top: 38px;}
}

/* cummunity banner */
.preview-img-wrapper{padding-right: 10px;}
.cummunity-banner{height: 204px; width: 100%; margin-bottom: 28px; display: table; }
.cummunity-banner__link{display: table-cell; vertical-align: middle;}
.cummunity-banner__text{text-align: center;}
.cummunity-banner__text p{text-align: center; color: #ffffff;font-size: 20px; line-height: 1.6; margin: 0;}

.cummunity-banner__link:hover .cummunity-banner__text, .cummunity-banner__link:hover .cummunity-banner__text p{color: #43ade5;}
.site-campus .cummunity-banner__link:hover .cummunity-banner__text, .site-campus .cummunity-banner__link:hover .cummunity-banner__text p{color: #43ade5;}
.site-center .cummunity-banner__link:hover .cummunity-banner__text, .site-center .cummunity-banner__link:hover .cummunity-banner__text p{color: #43ade5;}

.cummunity-rpstImg{height: 100%; width: 100%; display: table; }

/* cummuntity infos*/
.cummunity-intro-wrapper{margin-left: -15px; margin-right: -15px; margin-bottom: 60px; margin-top: 30px;}
.cummunity-intro-box-wrapper{float: left; padding: 0 15px; width: 50%}
.cummunity-intro-box{height: 365px;border: 1px solid #dbdbdb; padding: 50px 40px; text-align: center;}

.cummunity-intro__title{color: #2c2c2c;font-size: 20px; text-align: center;}
.cummunity-intro__title-underbar{display: inline-block; width: 65px; height: 2px; background-color: #b3b3b3; margin: 0 auto;}
.cummunity-infos{text-align: left; padding: 25px 0; }
.cummunity-info{color: #2c2c2c;font-size: 16px; line-height: 1.7; margin: 0;}
.cummunity-info__label{width: 100px;}
.cummunity-info__link{color: #2c2c2c;}
.cummunity-info__link:hover{color: #43ade5;}
.site-campus .cummunity-info__link:hover{color: #43ade5;}
.site-center .cummunity-info__link:hover{color: #43ade5;}

@media (max-width: 767px) {
.cummunity-intro-wrapper{margin-left: 0; margin-right: 0;}
.cummunity-intro-box{height: inherit; padding: 10px 20px;}
.cummunity-intro-box-wrapper{float: inherit; padding: 0 0; width: 100%}
.cummunity-intro-box-wrapper{margin-bottom: 20px;}
.cummunity-info__label{width: 100px;}
.cummunity-info{font-size: 15px;}
}

/* important option */
.no-margin{margin: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;}


/* mypage top */
.mypage-top-bar{text-align: center; margin-top: 20px; height: 340px;}
.mypage-profile-container{width: 100%; position: relative;}
.mypage-profile-box{position: absolute; width: 100%; text-align: center; height: 0}
.mypage-profile-wrapper{display: inline-block; position: relative;}
.mypage-profile{width: 173px; height: 173px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; border: 5px solid #fff; margin-top: -140px; margin-bottom: -70px;}
.mypage-profile__setting-link{background-color: #1499df; padding: 10px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; bottom: 40px; right: 10px; position: absolute;}
.mypage-profile__setting-link:hover{background-color: #4db0e4}
.mypage-profile-box__name{color: #2c2c2c;font-size: 22px;font-weight: 700; margin-top: 45px; background-color: #fff; letter-spacing: 3px;}
@media (max-width: 767px) {
  .mypage-top-bar{height: 200px;}
  .mypage-profile{width: 100px; height: 100px; margin-bottom: -40px; display: inline-block;}
  .mypage-profile-box{top: -90px;}
  .mypage-profile-box__name{margin-top: 46px;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; letter-spacing: 1px;}
  .mypage-profile__setting-link{background-color: #1499df; padding: 10px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; bottom: 78px; right: 10px; position: absolute;}

}

/* mypage nav */
.mypage-nav--left{float: left; text-align: left;}
.mypage-nav--right{float: right; text-align: right;}
.mypage-nav__button{display: inline-block; float: left;}
.mypage-nav__link{border-bottom: 4px solid transparent; padding: 47px 56px; color: #2c2c2c;font-size: 16px;font-weight: 400; background-color: #fff; display: inline-block;}
.mypage-nav-wrapper{background-color: #fff; margin-bottom: 20px;}
.active .mypage-nav__link, .mypage-nav__link:hover{border-color: #0096e0; color: #0096e0;}
@media (max-width: 767px) {
  .mypage-nav--left{width: 100%; float: inherit;}
  .mypage-nav--right{width: 100%; float: inherit;}
  .mypage-nav__button{float: left; width: 33.33%}
  .mypage-nav__link{padding: 10px 6px; width: 100%; text-align: center; font-size: 15px;}
}

/* mypage content */
.mypage-left{float: left; width: 860px; background-color: #fff; padding: 36px 20px; margin-bottom: 60px;}
.payment-container{width: 880px; background-color: #fff; padding: 36px 20px; margin: 0 auto 60px;}
.mypage-right{float: right; width: 270px;}
.recent-news-li{margin-bottom: 10px;}
.recent-news-li__link{display: block; color: #2c2c2c;font-size: 18px;border: 1px solid #dbdbdb;background-color: #ffffff; padding: 26px 20px;}
.active .recent-news-li__link, .recent-news-li__link:hover{background-color: #0096e0;color: #fff;}
.before-next-btn-group{text-align: right; margin-top: 30px;}
@media (max-width: 767px) {
  .payment-container{width: 100%;}
  .mypage-left{float: inherit; width: 100%; padding: 16px 10px;}
  .mypage-right{float: inherit; width: 100%;}
  .recent-news-li__link{padding: 15px 10px; font-size: 15px;}
}

/* mypage feed */
.mypage-feeds__title{color: #2c2c2c;font-size: 16px; background-color: #dbdbdb; width: 100%; margin: 0; padding: 20px; font-weight: 400;}
.my-feeds{background-color: #fff; padding-top: 20px; max-height: 1116px; overflow-y: scroll;}
.my-feed__text{margin-top: 0; margin-bottom: 10px; background-image: url('/images/icon-feed-ellipse.png'); background-repeat: no-repeat; padding-left: 60px; padding-right: 10px; background-position: 20px 0; }
.my-feed__date{margin: 0; padding-left: 60px; width: 100%; padding-bottom: 20px;}
.my-feed-division-wrapper{width: 100%; padding-left: 60px;}
.my-feed-division{width: 100%; height: 1px; background-color: #dbdbdb;}
.my-feed{background-image: url('/images/bg-feed-line.png'); background-repeat: repeat-y; padding-bottom: 20px;}
.my-feed--last, .my-feed--alone{background-image: none;}
.my-feed--last .my-feed-division-wrapper, .my-feed--alone .my-feed-division-wrapper{display: none;}

/* mypage */
.relative{position: relative;}
.mypage-content{background-color: #fff; padding: 20px;}
.mypage-content2{margin: 30px 100px 30px 100px;}
.my-cummunity-card__bg{background-image: url('/images/bg-black-50.png');display: table-cell; vertical-align: middle; height: 200px; width: 267px; text-align: center;}
.my-cummunity-card__title{display: inline-block; color: #ffffff;font-size: 20px; text-align: center;}
.my-cummunity__link:hover .my-cummunity-card__bg{background-image: url('/images/bg-black-80.png');}
.my-cummunity__link:hover .my-cummunity-card__title{text-decoration: underline;}
.my-cummunity-card__label{background-color: #1499df; padding: 6px 16px; color: #ffffff;font-size: 16px;font-weight: 700; position: absolute; left: 10px; top: 10px;}
.title-edit-btn-group{position: absolute; right: 0; bottom: 10px;}
.community-edit-btn-group{position: absolute; right: 0; bottom: 20px;}
.mypage-underbar-title .title-edit-btn-group{bottom: 55px;}
.mypage-underbar-title .title-edit-btn-group--bottom-20{bottom: 20px;}
.title-edit-btn-group--bottom-20{bottom: 20px;}
.title-edit-btn-group2{position: absolute; right: 0; top: -98px;}

.fc-day-grid-event .fc-content{ white-space: inherit; padding: 9px 0; font-size: 14px;}
.mypage-calendar .fc-day-grid-event, .mypage-calendar .fc-time-grid-event{cursor: pointer;}

@media (max-width: 767px) {
  iframe img {width:100% !important;height:100% !important;}
  iframe {width:100% !important;}
  .mypage-content{padding: 10px;}
  /*.community-edit-btn-group{bottom: -52px;}*/
  .title-edit-btn-group{position: absolute; right: 0; bottom: -44px; text-align: right;}
  .title-edit-btn-group2{position: absolute; right: 0; top: -56px;}
  .my-cummunity-card__bg{height: 100%; width: 100%; position: absolute; top: 0; bottom: 0}
  .my-cummunity-card__title{font-size: 15px;margin-top: 30px;}
  .my-cummunity-card__label{font-size: 12px; padding: 2px 6px; left: 5px; top: 5px;}
}


.mypage-calendar{margin-bottom: 20px;}


/* mypage form */
.lg-label{position: absolute; left: 40px; color: #626262; font-size: 20px;font-weight: 600;}
.lg-label-form-group{position: relative; padding-left: 250px; text-align: left; padding-right: 200px; margin-bottom: 60px;}
.form-box-gray{padding: 36px 40px; background-color: #f7f7f7;}
.form-box-new1 {padding-top:30px;border-top:2px solid #a9a9a9;}
.input-group-with-btn{width: 100%; margin-bottom: 20px; padding-right: 74px; position: relative;}
.result-group-with-btn{width: 100%; margin-bottom: 10px; padding-right: 74px; position: relative;}
@media (max-width: 767px) {
  .lg-label{position: relative; left: 0; font-size: 16px;}
  .lg-label-form-group{padding-left: 0; padding-right: 0; margin-bottom: 30px;}
  .form-box-gray{padding: 10px 8px; }
  .input-group-with-btn{padding-right: 50px;}
  .result-group-with-btn{padding-right: 50px;}
}


/* helper */
.text-count{font-size: 12px; color: #888; text-align: right;margin-bottom: 0; margin-top: 3px;}
.helper-text-xs{font-size: 12px; color: #888; margin-bottom: 0; margin-top: 3px;}
@media (max-width: 767px) {

}


/*
* modules
*/
.full-slide .full-slide__img{width: 100%; height: 460px;}
.full-slide__img__link{display: block; width: 100%; height: 100%;}
@media (max-width: 767px) {
.full-slide .full-slide__img{width: 100%; height: 200px;}
}

.full-slide .slick-dots{ bottom: 30px; top: auto;}
.full-slide .slick-dots li{margin: 0 3px;}
.full-slide .slick-dots li button{width: 17px; height: 17px; background-color: black; border: 1px solid #dbdbdb;}
.basic-slide .slick-dots{ bottom: 30px; top: auto;}
.basic-slide .slick-dots li{margin: 0 3px;}
.basic-slide .slick-dots li button{width: 17px; height: 17px; background-image: url('/images/bg-white-05per.png'); background-color: transparent; border: 1px solid #dbdbdb;}
.image-banner-slide .slick-dots{ bottom: 30px; top: auto;}
.image-banner-slide .slick-dots li{margin: 0 3px; height: auto; display: inline-block;}
.image-banner-slide .slick-dots li button{width: 17px; height: 17px; background-image: url('/images/bg-white-05per.png'); background-color: transparent; border: 1px solid #dbdbdb;}
.left-slide .slick-dots{ bottom: 30px; top: auto;}
.left-slide .slick-dots li{margin: 0 3px;}
.left-slide .slick-dots li button{width: 17px; height: 17px; background-image: url('/images/bg-white-05per.png'); background-color: transparent; border: 1px solid #dbdbdb;}
.right-slide .slick-dots{ bottom: 30px; top: auto;}
.right-slide .slick-dots li{margin: 0 3px;}
.right-slide .slick-dots li button{width: 17px; height: 17px; background-image: url('/images/bg-white-05per.png'); background-color: transparent; border: 1px solid #dbdbdb;}

.slick-dots li.slick-active button{background-color: #00d2be; background-image: url(/images/bg-circle-pattern.png);}
.site-campus .slick-dots li.slick-active button{background-color: #ed5669; background-image: none;}
.site-center .slick-dots li.slick-active button{background-color: #3ab46b; background-image: none;}
.slick-dots li button:focus{outline: -webkit-focus-ring-color auto 5px;}
.basic-slide .basic-slide__img{width: 100%; height: 500px;}
.basic-slide .basic-slide__li{display: block; height: 500px;}
.basic-slide .basic-slide__link{display: block; height: 500px;}
@media (max-width: 767px) {
.full-slide .slick-dots{ bottom: 12px; top: auto;}
.full-slide .slick-dots li{margin: 0 7px;}
.basic-slide .slick-dots{ bottom: 12px; top: auto;}
.basic-slide .slick-dots li{margin: 0 7px;}
.left-slide .slick-dots{ bottom: 12px; top: auto;}
.left-slide .slick-dots li{margin: 0 7px;}
.right-slide .slick-dots{ bottom: 12px; top: auto;}
.right-slide .slick-dots li{margin: 0 7px;}
.basic-slide .basic-slide__img{width: 100%; height: auto;}
.basic-slide .basic-slide__li{height: auto;}
.basic-slide .basic-slide__link{height: auto;}
}

.left-slide{float: left; width: 780px;}
.left-slide .left-slide__img{width: 100%; height: 460px}
.right-slide{float: right; width: 370px; border: 1px solid #dbdbdb;}
.right-slide .right-slide__img{width: 100%; height: 460px}
.right-slide .right-slide__link{display: block; height: 460px}
.left-slide .left-slide__link{display: block; height: 460px}
.left-slide .left-slide__li, .right-slide .right-slide__li{display: block; height: 460px}


.incubating-banner-slides li.incubating-banner-slide, .left-slide li.left-slide__li, .right-slide li.right-slide__li, .basic-slide li.basic-slide__li, .full-slide li.full-slide__img{display: none;}
.incubating-banner-slides li.incubating-banner-slide:first-child, .left-slide li.left-slide__li:first-child, .right-slide li.right-slide__li:first-child, .basic-slide li.basic-slide__li:first-child, .full-slide li.full-slide__img:first-child{display: block;}
.incubating-banner-slides.slick-initialized li.incubating-banner-slide, .left-slide.slick-initialized li.left-slide__li, .right-slide.slick-initialized li.right-slide__li, .basic-slide.slick-initialized li.basic-slide__li, .full-slide.slick-initialized li.full-slide__img{display: block;}
@media (max-width: 767px) {
.left-slide{float: inherit; width: 100%; margin-bottom: 10px;}
.right-slide{float: inherit; width: 100%; border: none;}
.left-slide li{height: auto;}
.left-slide .left-slide__img{width: 100%; height: auto}
.right-slide .right-slide__img{width: 100%; height: auto}
.right-slide .right-slide__link{height: auto}
.left-slide .left-slide__link{height: auto}
.left-slide .left-slide__li, .right-slide .right-slide__li{height: auto}
}
.gutter-10{margin-left: -5px; margin-right: -5px;}
.gutter-10:after{content: '';display: block;clear: both;}
.gutter-10__li{padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
.gutter-12{margin-left: -6px; margin-right: -6px;}
.gutter-12:after{content: '';display: block;clear: both;}
.gutter-12__li{padding-left: 6px; padding-right: 6px; margin-bottom: 12px;}
.gutter-14{margin-left: -7px; margin-right: -7px;}
.gutter-14:after{content: '';display: block;clear: both;}
.gutter-14__li{padding-left: 7px; padding-right: 7px; margin-bottom: 14px;}
.gutter-20{margin-left: -10px; margin-right: -10px;}
.gutter-20:after{content: '';display: block;clear: both;}
.gutter-20__li{padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.gutter-30{margin-left: -15px; margin-right: -15px;}
.gutter-30:after{content: '';display: block;clear: both;}
.gutter-30__li{padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}

.f-gutter-8{margin-left: -4px; margin-right: -4px;}
.f-gutter-8:after{content: '';display: block;clear: both;}
.f-gutter-8__li{padding-left: 4px; padding-right: 4px;}
.f-gutter-8__width50_li{padding-left: 4px; padding-right: 4px;}

.f-gutter-10{margin-left: -5px; margin-right: -5px;}
.f-gutter-10:after{content: '';display: block;clear: both;}
.f-gutter-10__li{padding-left: 5px; padding-right: 5px;}
.f-gutter-12{margin-left: -6px; margin-right: -6px;}
.f-gutter-12:after{content: '';display: block;clear: both;}
.f-gutter-12__li{padding-left: 6px; padding-right: 6px;}
.f-gutter-14{margin-left: -7px; margin-right: -7px;}
.f-gutter-14:after{content: '';display: block;clear: both;}
.f-gutter-14__li{padding-left: 7px; padding-right: 7px;}
.f-gutter-20{margin-left: -10px; margin-right: -10px;}
.f-gutter-20:after{content: '';display: block;clear: both;}
.f-gutter-20__li{padding-left: 10px; padding-right: 10px;}
.f-gutter-30{margin-left: -15px; margin-right: -15px;}
.f-gutter-30:after{content: '';display: block;clear: both;}
.f-gutter-30__li{padding-left: 15px; padding-right: 15px;}

.grid-2{width: 50%; float: left;}
.grid-3{width: 33.33%; float: left;}
.grid-3--xs{width: 33.33%; float: left;}
.grid-33{width: 66.66%; float: left;}
.grid-4{width: 25%; float: left;}
.grid-5{width: 20%; float: left;}
.grid-6{width: 16.66%; float: left;}
.grid-7{width: 14.28%; float: left;}

.grid-10{width: 10%; float: left;}
.grid-13{width: 13%; float: left;}
.grid-125{width: 12.5%; float: left;}

.four-banner{width: 25%; display: inline-block; float: left; margin-bottom: 14px;}
.four-banner__img:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}
.four-banner__img{width: 100%; height: 250px;border: 1px solid #dbdbdb;}
.four-banner__link{display: block;}

.p-r-20{padding-right: 20px;}

.border-r{border-right: 1px solid #dbdbdb;}
.border-l{border-left: 1px solid #dbdbdb;}
.l-m-p-10{margin-left: -10px; padding-left: 10px;}
@media (max-width: 767px) {
.grid-2{width: 100%; float: inherit;}
.grid-4{width: 50% !important;}
.grid-3{width: 50%;}
.grid-33{width: 50%;}
.grid-3--xs-100{width: 100%;}
.grid-33--xs-100{width: 100%;}
.grid-5{width: 50%;}
.grid-6{width: 33.33%;}
.four-banner{width: 50%;}
.four-banner__img{height: auto;}
.f-gutter-8__width50_li{width:50%;margin-top:2px}
.gutter-30{margin-left: -10px; margin-right: -10px;}
.gutter-30__li{padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.gutter-dis__li{display:none;}
}

.left-side{float: left; width: 850px;}
.right-side{float: right; width: 320px;}
@media (max-width: 767px) {
.left-side{float: inherit; width: 100%;}
.right-side{float: inherit; width: 100%;}
}



.three-banner{width: 33.33%; display: inline-block; float: left; margin-bottom: 14px;}
.three-banner__img{width: 100%; height: 260px;}
.three-banner__link{display: block;}
@media (max-width: 767px) {
.three-banner__img{height: auto;}
}
.text-banner-4{width: 25%; float: left; margin-bottom: 0;}
.text-banner-box__link{display: block;}
.text-banner-box{padding: 45px 25px; border: 1px solid #dbdbdb; background-color: #ffffff; height: 280px; overflow: hidden; margin-bottom: 14px;}
.text-banner-box:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}
.text-banner-box:hover .category-title, .text-banner-box:hover .text-banner__title{color: #43ade5;}
.site-campus .text-banner-box:hover .category-title, .site-campus .text-banner-box:hover .text-banner__title{color: #ec566a;}
.site-center .text-banner-box:hover .category-title, .site-center .text-banner-box:hover .text-banner__title{color: #3ab46b;}

.category-title{color: #2c2c2c;font-size: 20px;font-weight: 700;margin-top: 0; margin-bottom: 15px;max-height: 28px;overflow: hidden;}
.text-banner__title{color: #2c2c2c;font-size: 28px;font-weight: 400;margin-top: 0;margin-bottom: 15px;max-height: 80px;overflow: hidden;}
.text-banner__desc{color: #2c2c2c;font-size: 14px;font-weight: 400;margin-top: 0;max-height: 48px;overflow: hidden;}
.text-banner__desc p{margin: 0;}

@media (max-width: 767px) {
.text-banner-4{width: 50%; margin-bottom: 14px;}
.category-title{font-size: 16px;max-height: 22px; overflow: hidden;}
.text-banner-box{padding: 10px; height: 170px; margin-bottom: 0;}
.text-banner__title{font-size: 16px; max-height: 45px; overflow: hidden;}
.text-banner__desc{max-height: 80px; overflow: hidden;}
}



/* navigator */
.navigators{background-color: #fff}
.navigator-wrapper{border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 60px;}
.navigator__link{width: 100%;}
.navigator__img{height: 70px;}
.navigator__link:hover .navigator__img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }
@media (max-width: 767px) {
  .navigator{margin-bottom: 10px;}
  .navigator__img{height: 40px;}
}


/* agit */
.agit-map-container{width: 100%; height: 500px; position: relative; margin-top: 70px;}
.agit-map-wrapper{text-align: center; position: absolute; height: 0; width: 100%;}
.agit-map{display: inline-block; position: relative;}
.agit-point{background-color: #2c2c2c; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; color: #f7f7f7;font-size: 16px; display: inline-block; width: 32px; height: 32px; position: absolute; cursor: pointer; z-index: 1001; border: none; padding-top: 0;}
.agit-point:hover, .agit-point:focus{background-color: #999; color: #fff; position: absolute;}
.agit-point__label{display: none;}
@media (max-width: 767px) {
  .agit-map-container{height: auto; margin-top: 20px;}
  .agit-map-wrapper{position: initial; height: auto;}
  .agit-map__img{display: none;  }
  .agit-point{position: initial; width: auto; height: auto;  border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; padding: 5px 10px 1px; line-height: 1; margin-bottom: 10px; margin-left: 3px; margin-right: 3px; font-size: 14px; font-weight: 300; background-color: transparent; color: #0096e0; border: 1px solid #dbdbdb;}
  .agit-point:hover, .agit-point:focus{position: initial; width: auto; height: auto;  border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; padding: 5px 10px 1px; line-height: 1; margin-bottom: 10px; margin-left: 3px; margin-right: 3px; font-size: 14px; font-weight: 300; background-color: transparent; border-color: #0096e0; color: #0096e0;}
  .agit-point__label{display: inline-block; margin-right: 10px; color: #626262;}

}

.agit-point--no{display: none;}
.agit-point--gs{ top: 249px; left: 74px; }
.agit-point--yc{ top: 280px; left: 133px; }
.agit-point--gr{ top: 375px; left: 90px; }
.agit-point--ydp{ top: 333px; left: 180px; }
.agit-point--gc{ top: 426px; left: 165px;}
.agit-point--dj{ top: 345px; left: 271px; }
.agit-point--ga{ top: 420px; left: 237px; }

.agit-point--ep{ top: 144px; left: 215px; }
.agit-point--sdm{ top: 229px; left: 236px; }
.agit-point--mp{ top: 252px; left: 195px; }

.agit-point--jr{ top: 166px; left: 267px; }
.agit-point--j{ top: 228px; left: 333px; }
.agit-point--ys{ top: 305px; left: 283px; }

.agit-point--db{ top: 30px; left: 359px; }
.agit-point--gb{top: 126px; left: 340px; }
.agit-point--nw{top: 75px;left: 418px;}

.agit-point--sb{top: 182px;left: 334px;}
.agit-point--ddm{top: 218px;left: 386px; }
.agit-point--jn{top: 190px;left: 440px;}
.agit-point--sd{top: 270px;left: 370px; }
.agit-point--gj{top: 273px;left: 435px; }

.agit-point--sc{top: 393px;left: 330px;}
.agit-point--gn{top: 360px;left: 386px;}
.agit-point--sp{top: 342px;left: 470px;}
.agit-point--gd{top: 278px;left: 503px;}



.agit-list-wrapper{background-color: #fff; border: 1px solid #dbdbdb; margin-bottom: 10px;}
.agit-list-helper{color: #2c2c2c;font-size: 20px;font-weight: 700;text-align: center; margin-top: 60px; margin-bottom: 60px;}

.agit-box{border-top: 1px solid #dbdbdb; display: table; width: 100%;}
.agit-box__text{color: #2c2c2c; font-size: 16px; font-weight: 300; padding: 20px; display: table-cell; vertical-align: middle;}
.agit-box__text--location{font-weight: 600;width: 25%;}
.agit-box__text--gu{width: 10%;}
.agit-box__text--address{width: auto;}
.agit-box__text--link{color: #1499df;width: 25%;}
.agit-box__text--link:hover{text-decoration: underline;}

@media (max-width: 767px) {
  .agit-list-helper{padding: 10px; font-size: 16px;  margin-top: 20px; margin-bottom: 20px;}
  .agit-box{display: block; padding-top: 10px; padding-bottom: 10px;}
  .agit-box__text{display: block; width: 100%; padding: 5px 10px;}
  .agit-box__text--location{padding-left: 10px; display: inline-block; width: auto;}
  .agit-box__text--type{display: inline-block; width: auto;}
  .agit-box__text--gu{display: inline-block; width: auto;}
}

/* site map */
.site-map-wrapper{text-align: center; margin-bottom: 80px;}
.site-map-top-group{display: inline-block; border: 1px solid #dbdbdb; margin-top: 40px;}
.site-map-top-btn{padding: 12px 0; float: left;}
.site-map-top-btn__link{padding: 0 30px; border-left: 1px solid #dbdbdb; display: inline-block;color: #626262;font-size: 16px;font-weight: 400;}
.site-map-top-btn__link:hover{color: #0096e0;}
.site-map-top-btn--first .site-map-top-btn__link{border-left: none;}

.site-map-top-menu{color: #2c2c2c;font-size: 18px; font-weight: 700; padding: 16px 20px; text-align: left; border-bottom: 2px solid #b5b5b5; margin-bottom: 10px;}
.site-map-menu__link{padding: 8px 20px; border-bottom: 1px solid #b5b5b5; text-align: left; color: #2c2c2c; display: block; margin-bottom: 6px;}
.site-map-menu__link:hover{color: #0096e0; border-color: #0096e0;}
@media (max-width: 767px) {
  .site-map-wrapper{margin-bottom: 30px;}
  .site-map-top-group{padding: 10px 0; margin-top: 10px;}
  .site-map-top-btn{padding: 0 0;}
  .site-map-top-btn__link{border-left: none;padding: 6px 10px; font-size: 15px;}

  .site-map-top-menu{font-size: 16px; padding: 10px 0;}
  .site-map-menu__link{padding: 8px 0; }
}

/* info */
.agree-box{width: 100%; border: 1px solid #ededed;background-color: #f7f7f7; padding: 10px; position: relative; max-height: 130px; overflow-y: scroll;}
.agree-box p{margin-top: 5px; margin-bottom: 5px;}
.agree-box hr{margin-top: 5px; margin-bottom: 5px;}
.info-wrapper{width: 800px;border: 4px solid #0096e0;background-color: #ffffff; margin: 80px auto; padding: 40px; }
.info-wrapper2{background-color: #ffffff; margin: 80px auto; border: 0px; margin-top: 0px; width: 1004px; padding: 50px 217px;border-bottom: 2px solid #dbdbdb;border-left: 2px solid #dbdbdb;border-right: 2px solid #dbdbdb;}
.info-box--icon{width: 100%; border: 1px solid #ededed;background-color: #f7f7f7; padding: 22px; position: relative;}
.info-box-icon{color: #fefefe;font-size: 14px;font-weight: 400; padding: 4px 8px 5px;background-color: #495057; display: inline-block; position: absolute; left: 22px; top: 22px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.info-box--icon__p{color: #818181;font-size: 16px;font-weight: 400; padding-left: 72px; margin-top: 0;line-height: 1.8; margin-bottom: 0;}
.info-box{border: 4px solid #0096e0; background-color: #ffffff; margin: 40px auto; padding: 30px;}
.info-btn-group{margin-top: 30px; text-align: center;}
@media (max-width: 767px) {
  .info-box{padding: 20px 14px;}
  .info-wrapper{width: 95%; padding: 20px; margin: 30px;margin-left:10px;margin-right:10px}
  .info-wrapper2{width: 100%; padding: 20px;}
  .info-box-icon{position: initial;}
  .info-box--icon__p{padding-left: 0; font-size: 14px; margin-top: 10px;}
}

/* map */
.googlemap{width: 100%; height: 450px;}
@media (max-width: 767px) {
  .googlemap{width: 100%; height: 250px !important;}
}

/* margin */
.m-bot-8{margin-bottom: 8px;}

/* box */
.white-box{padding: 14px 20px; background-color: #fff; }
.white-box-border{padding: 14px 20px 50px; background-color: #fff; border: 1px solid #dbdbdb;}
.white-border-box{padding: 14px 20px; background-color: #fff; border: 1px solid #dbdbdb; text-align: center; margin-bottom: 20px;}
.mypage-course-search-box{border: 1px solid #dbdbdb;background-color: #f7f7f7; padding: 36px 40px; margin-bottom: 30px;}
.mypage-search-box__left{float: left;}
.mypage-search-box__right{float: right;}
.select-box-select{height: 34px; width: 100px; border: 1px solid #dbdbdb;background-color: #ffffff; display: inline-block; padding: 3px 12px; margin-bottom: 10px;}
.mypage-search__input{height: 34px;border: 1px solid #dbdbdb;background-color: #ffffff; padding: 0 10px; margin-bottom: 10px;}
.self-diagnosis-result{margin-bottom: 30px; padding: 0 30px;}
.self-diagnosis-result-p{color: #818181;font-size: 18px; text-align: right; width: 700px; margin: 10px auto;}
.result-p-accent{color: #333; font-weight: bold;}
@media (max-width: 767px) {
  .self-diagnosis-result-p{width: 100%; font-size: 16px;}
  .self-diagnosis-result{padding: 0 0;}
  .mypage-course-search-box{padding: 10px; text-align: center;}
  .mypage-search-box__left{float: inherit;}
  .select-box-select{width: 32%;}
  .mypage-search__input{width: 100%;}
  .mypage-search-box__right{float: inherit;}
}



/* menual */
.btn-tab-list-wrapper{margin-bottom: 16px; margin-top: 15px;}
.btn-tab{float: left; position: relative;}
.btn-tab--last .xs-arrow-circle{display: none;}
.btn-tab__link{padding: 8px 30px; border: none; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; background-color: #f7f7f7; color: #444444; border: 2px solid #dbdbdb;   }
.btn-tab__link_width50{padding: 8px 30px 8px; border: none; font-size: 14px; font-weight: 500;text-align: center; display: inline-block; background-color: #f7f7f7; color: #444444; border: 2px solid #dbdbdb;}
.btn-tab:hover .btn-tab__link{border-color: #0096e0;  color: #3997c5; }
.site-campus .btn-tab:hover .btn-tab__link{border-color: #EB566A;  color: #3997c5;}
.site-center .btn-tab:hover .btn-tab__link{border-color: #3AB46B;  color: #3997c5;}
.btn-tab.active:hover .btn-tab__link{background-color: #0096e0; color: #fff;}
.site-campus .btn-tab:hover .btn-tab__link, .site-campus .btn-tab:focus .btn-tab__link{background-color: #ec566a; color: #fff; }
.site-center .btn-tab:hover .btn-tab__link, .site-center .btn-tab:focus .btn-tab__link{background-color: #3ab46b; color: #fff; }

.active .btn-tab__link{background-color: #0096e0; color: #fff;}
.site-campus .active .btn-tab__link{background-color: #ec566a; color: #fff;}
.site-campus .active .btn-tab__link_width50{background-color: #ec566a; color: #fff;}
.site-center .active .btn-tab__link{background-color: #3ab46b; color: #fff;}

.site-center .btn-tab.active:hover .btn-tab__link{background-color: #ec566a; color: #fff; }
.site-center .btn-tab.active:hover .btn-tab__link{background-color: #3ab46b; color: #fff; }

@media (max-width: 767px) {
  .btn-tab__link{padding: 6px 9px;}
  .btn-tab__link_width50{width:100%}
}

/* self diagnosis */
.check-answering{text-align: center; margin-top: 50px; margin-bottom: 50px;}
.radio-value-label-group{width: 100%; display: none; }
.top-decor-gb-group{display: none;}
.top-blue-bg{width: 100%; height: 56px; background-color: #0075E0;}
.top-light-blue-bg{width: 100%; height: 35px; background-color: #b8ecff;}
.site-campus .top-blue-bg{width: 100%; height: 56px; background-color: #EB566A;}
.site-campus .top-light-blue-bg{width: 100%; height: 35px; background-color: #FFCDD2;} 
.site-center .top-blue-bg{width: 100%; height: 56px; background-color: #3AB46B;}
.site-center .top-light-blue-bg{width: 100%; height: 35px; background-color: #CCFFCF;}
.notice-wrapper{max-width: 822px; margin: 0 auto;}
.notice-wrapper p{font-size: 15px;}
.self-diagnosis-radios{display: inline-block; position: absolute; right: 0px; top: 11px;}
.self-diagnosis-radios input[type=radio]
.self-radio-text{color: #888;width: 23px;display: inline-block;text-align: center;height: 23px;}
.self-radio-text:hover{color: #0075E0;}
.self-diagnosis-radios input[type=radio]:checked+.self-radio-text{color: #fff; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; background-color: #0075E0;display: inline-block;  width: 22px;  text-align: center;}
.self-diagnosis-question{position: relative; padding-right: 300px;}
.diagUnderline{border-bottom:1px solid #ddd}
.self-diagnosis-question .block-input-label-diag{color: #626262; font-weight: 500; font-size: 16px;word-break:break-all;}
.self-diagnosis-question .block-input-group{margin-bottom: 0;}
.self-diagnosis-question .block-input-group .label__radio{font-size: 16px; color: #868686; padding-right: 0; padding-left: 0; margin-right: 0; width: 50px;}

.xs-arrow-circle{position: absolute; right: -13px; top: 9px; width: 26px; height: 26px;background-color: #dbdbdb; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; text-align: center; padding-top: 4px; z-index: 1010; font-size: 18px;color: #fff;}
.active .xs-arrow-circle{background-color: #0096e0;}

.btn-tab-content{position: relative; margin-top: 20px;}
.radio-number-label{width: 34px; text-align: center; font-size: 16px; color: #0096e0;display: table-cell; padding-top: 15px;font-weight: 400;}
.radio-number-label-diag{width: 55px; text-align: center; font-size: 16px; color: #0096e0;display: table-cell; padding-top: 7px;font-weight: 400;}
.site-campus .radio-number-label-diag{width: 55px; text-align: center; font-size: 16px; color: #F44336;display: table-cell; padding-top: 15px;font-weight: 400;}
.site-center .radio-number-label-diag{width: 55px; text-align: center; font-size: 16px; color: #00CC00;display: table-cell; padding-top: 15px;font-weight: 400;}
.radio-value-label__text{display: table-row}
.radio-value-label__number{display: table-row;}
.radio-text-label{font-size: 12px; text-align: center; width: 34px; color: #fff; display: table-cell;font-weight: 400;vertical-align: middle;}
.radio-text-label-diag{font-size: 15px; text-align: center; width: 34px; color: #fff; display: table-cell;font-weight: 400;vertical-align: middle;}
.radio-text-label--much{}
.radio-text-label--middle{}
.radio-text-label--not{}
.radio-value-label{position: absolute; right: 40px; top: 13px; color: #626262;display: inline-block;}
.diagnosis-box-ul{padding: 0 20px;}
.diagnosis-box-ul--7, .radio-value-label--7{display: block;}
.diagnosis-wrapper{max-width: 738px; margin: 0 auto;}
.diagnosis-box{border: 1px solid #dbdbdb; background-color: #fff;padding: 0 0 20px;}
.diagnosis-box-sub{border: 1px solid #dbdbdb; background-color: #fff; margin-top: 20px;padding:20px;font-size: 22px;font-weight: 550;}
.category-label-title{color: #2c2c2c;font-size: 24px;font-weight: 600; margin-top: 40px; margin-bottom: 20px; width: 100%; padding: 10px; border-bottom: 1px solid #dbdbdb;}
.category-label-title-1{color: #2c2c2c;font-size: 24px;font-weight: 600; margin-top: 20px; margin-bottom: 20px; width: 100%; padding: 10px; border-bottom: 1px solid #dbdbdb;}
.category-label-title-diag{color: #2c2c2c;font-size: 24px;font-weight: 600;margin-bottom: 20px; width: 100%; padding: 20px; border-bottom: 1px solid #dbdbdb}
.category-label-title--0{margin-top: 10px;}
.self-diagnosis-question{padding: 10px;}
.diagnosis-submit-btns{margin-top: 40px; margin-bottom: 40px; text-align: center; border-top: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;padding-top: 20px;}
.how-to-title{ font-size: 18px; padding: 10px 14px;font-weight: 400;margin-top: 0;margin-bottom: 10px; background-color: #fff;}
.self-diagnosis-radios--sample{display: none;}
.self-diagnosis-radios--sample .label__radio{padding-top: 0; padding-right: 0;}
.diagnosis-process-wrapper {padding-top:40px}
@media (max-width: 767px) {
  .radio-value-label-group{position: absolute;text-align: center;padding-top: 13px;}
  .radio-value-label{position: initial;}
  .self-diagnosis-question .block-input-label-diag{ line-height: 1.6;margin-bottom: 10px;}
  .btn-tab-content{ margin-top: 10px;}
  .self-diagnosis-radios--sample{display: block;}
  .radio-value-label__number{padding-right: 17px; padding-left: 0;}
  .diagnosis-process-wrapper .btn-tab{margin-bottom: 10px;}
  .radio-text-label{width: 40px;}
  .xs-arrow-circle{right: -10px;top: 8px; width: 20px;height: 20px; padding-top: 0px;}
  .category-label-title{font-size: 20px; padding: 10px 0;}
  .self-diagnosis-question{padding: 10px 0;}
  .self-diagnosis-radios{position: initial; margin-bottom: 10px; width: 100%; text-align: center;}
  .self-diagnosis-question .block-input-group .label__radio{width: 55px;}
  .radio-number-label-diag{width:60px;}
}

.portal-calendar{margin-top: 50px; margin-bottom: 60px;}
.portal-calendar.fc th.fc-day-header{background-color: #bfbfbf; color: #2c2c2c; font-weight: 600;}
.fc-button{background-color: #fff; border: none; background-image: none; text-shadow: none; box-shadow: none; color: #2c2c2c;}
.fc-button:hover{background-color: #43ade5; color: #fff;}
.site-campus .fc-button:hover{background-color: #ec566a; color: #fff;}
.site-center .fc-button:hover{background-color: #3ab46b; color: #fff;}


.fc-view, .fc-view>table{background-color: #fff;}

.fc th.fc-day-header{background-color: #43ade5; padding: 10px; color: #fff; font-weight: 500; font-size: 14px;}
.site-campus .fc th.fc-day-header{background-color: #ec566a;}
.site-center .fc th.fc-day-header{background-color: #3ab46b;}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number{color: #999; font-size: 16px; padding-top: 10px; padding-right: 10px;}
.fc-day-grid-event{margin-top: 2px; margin-bottom: 2px;}
.fc-event-container{padding-left: 5px !important; padding-right: 5px !important;}
.fc-day-grid-event .fc-content{padding: 9px 5px;}
.fc-toolbar .fc-center{padding-left: 136px;}

@media (max-width: 767px) {
  .fc-toolbar .fc-center{padding-left: 0;}
}


/* popup */
.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  padding: 5px 0 5px;
  text-align: right;
}
.pop-conts img{max-width: 100%; height: auto;}
.not-today-label{cursor: pointer;}
.not-today-label:hover .not-today-text, .not-today-label:focus .not-today-text{text-decoration: underline;}
.not-today-text{margin-left: 3px; margin-right: 5px;
  font-weight: 300;}
.btn-layerClose{padding-left: 10px; padding-right: 10px; color: #2c2c2c;}
.closeBtn{ position: absolute; right: 10px; top: 16px; border: none; background-color: transparent; color: #aaa;}
.pop-layer {
  display: block;
  position: absolute;
  top: 100px;
  left: 10px;
  max-width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  z-index: 1201;
  -webkit-box-shadow: 2px 3px 12px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 2px 3px 12px 0px rgba(0,0,0,0.33);
  box-shadow: 2px 3px 12px 0px rgba(0,0,0,0.33);
}

/* search */
.search-wrapper{text-align: left; width: 100%; width: 810px; display: inline-block;}
.search-white-border-box{padding: 14px 20px; background-color: #fff; border: 1px solid #dbdbdb; text-align: center; margin-bottom: 20px;}
.search-wrapper__check-box{margin-left: 16px;}
.result-sorting-wrapper{margin-bottom: 6px;}
.result-contents{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; position: relative; min-height: 300px;}
.top-search-words{position: absolute; right: 0; top: 0; bottom: 0; width: 200px; border-left: 1px solid #dbdbdb; padding: 14px 10px;}
.result-list{float: left;}
.top-search-word{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top-search-word a{color: #2c2c2c; }
.top-search-word a:hover{ text-decoration: none; color: #43ade5; }
.top-search-word__no{color: #43ade5; font-weight: bold; width: 20px; display: inline-block; text-align: center;}
.top-search-word__no2{color: #2c2c2c; font-weight: bold; width: 20px; display: inline-block; text-align: center;}
.result-list{width: 100%; padding: 20px 220px 20px 20px;}
.result-box{border-bottom: 2px dashed #dbdbdb; margin-bottom: 20px}
.result-box__date{float: right; font-size: 13px; color: #999; padding-right: 4px;}
.result-box__title{color: #2c2c2c;font-size: 24px; margin: 0; font-weight: 400; height: 30px; overflow: hidden;}
.result-box__title a{ max-width: 750px; color: #2c2c2c; font-weight: bold;}
.result-box__title a:hover, .result-box__title a:focus{color: #43ade5; text-decoration: none;}
.result-box__label{color: #999; font-size: 26px; font-weight: 500;}
.result-box__label2{color: #2c2c2c; font-size: 26px; font-weight: 900; letter-spacing: -0.1em;}
.result-box__label3{color: #2c2c2c; font-size: 26px; font-weight: 400;}
.result-box__desc{max-height: 50px; overflow: hidden; color: #2c2c2c; font-size: 20px; line-height: 1.5; margin-bottom: 45px;font-weight: 600;}
.result-box__desc2{border-bottom: 1px solid #7d7d7d; margin-bottom: 20px;}
.more-wrapper{text-align: right; margin-bottom: 10px}
.more-wrapper2{text-align: center; margin-bottom: 40px}
.result-box__more{color: #7d7d7d; display: inline-block;}
.result-box__more:hover, .result-box__more:focus{color: #43ade5; text-decoration: none;}
.result-box__more2{font-size: 20px; border: solid 1px; padding: 5px 10px 5px 48px; margin-bottom: 30px;}
.detail-search-box{padding: 14px 20px; background-color: #f7f7f7; text-align: left; display: inline-block; margin-top: 20px; width: 810px;}
.radio-inline.label__radio--with-etc{margin-right: 0;}
.radio-inline.label__radio--etc-input{padding-left: 0;}
.between-hyphen{display: inline-block; padding-left: 8px;}
.img-pos-abs{position: absolute; display:block; width: 19%; z-index: -1; height: 168px;}
.div-title{padding-left: 20%; letter-spacing: -0.05em;}
.result-box__tag{color: #7d7d7d; font-size: 15px; padding: 3% 0%;}
.col_result_cnt{margin: 0; color: #666; font-size: 13px; font-weight: 400;}
.search__info__desc{max-height: 50px; color: #2c2c2c; font-size: 18px; line-height: 1.5; margin-top: 10px; margin-bottom: 26px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}


.search-wrapper2{text-align: center; width: 100%; width: 810px; display: inline-block;}
.search-white-border-box2{padding: 14px 20px; background-color: #fff; border: 0px solid #dbdbdb; text-align: center; margin-bottom: 20px;}
.top-search-words2{position: absolute; right: 0; top: 0; bottom: 0; width: 188px; padding-left: 30px;}
.result-contents2{border-bottom: 1px solid #dbdbdb; position: relative; min-height: 300px;}
.result-list2{width: 100%; padding: 20px 0px; float: left;}

#seoul-gnb-plugin .seoul-gnb-holder{ max-width: 1170px !important;}
@media (max-width: 767px) {
  .divided-tabs{border: 1px solid #dbdbdb; background-color: #f7f7f8; border-bottom: none;}
  .tab-count--7 .filter-tab{width: 20%; border: none;}
  .filter-tab__link{font-size: 14px; padding: 7px 2px 8px;border-bottom: 2px solid #ddd; height: 110px;}
  .active .filter-tab__link{ border-bottom: 2px solid #43ade5;}
  .top-search-words{display: none;}
  .search-white-border-box{padding: 0; border: none;}
  .search-wrapper{width: 100%;}
  .result-list{padding: 20px 10px;}
  .result-box__title{color: #2c2c2c;font-size: 16px; margin: 0; font-weight: 400; height: auto; overflow: hidden;}
  .result-box__title a{ max-width: 750px; }
  .search-wrapper__check-box{margin-left: 0; margin-right: 10px; margin-top: 10px;}
  .detail-search-box{padding: 0; width: 100%; background-color: #fff; border-top: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea;margin-top: 3px;}
  .result-box__desc{max-height: 62px; overflow: hidden; color: #626262; font-size: 14px; line-height: 1.5; margin-bottom: 4px; margin-top: 4px;}
  .result-box__date{position: initial; right: 0; top: 0;}
  .detail-search-box--field{border-bottom: 1px dashed #dfdfdf; padding-bottom: 4px; margin-bottom: 4px}
  .inline-input__etc--grid2{width: 47%; margin-left: 0; float: left; border: 1px solid #dbdbdb;}
  .radio-inline.label__radio--etc-input{padding-right: 0; margin-right: 0; padding-top: 0; margin-bottom: 10px;}
  .between-hyphen{display: inline-block; width: 6%; float: left; padding-left: 0; text-align: center; margin-top: 6px;}
  
  .search-wrapper2{width: 100%;}
  .search-white-border-box2{padding: 0; border: none;}
  .result-list2{padding: 20px 10px;}
  .img-pos-abs{position: absolute; display:none;}
  .div-title{padding-left: 0%; padding-top: 3.7%;}
  .result-box__more2{font-size: 14px; border: solid 2px; padding: 5px 100px;}
}

.transfer-list-wrapper{border-top: 2px solid #dbdbdb;border-bottom: 2px solid #dbdbdb;margin-bottom: 30px;}
.tranfer-data-list{border-top: 1px dashed #dbdbdb; position: relative; }
.tranfer-data-list--0{border: none;}
.tansfer-list-p{padding-left: 95px;}
.tranfer-data-label{position: absolute; left: 0; width: 80px; color: #999; display: inline-block;}
.tranfer-data-label-colon{position: absolute; left: 84px; color: #999;}

.coommunity-recommend{position: absolute; top: 0; right: 10px; z-index: 1086;}
.icon-top-fix{position: absolute; top: 8px; right: 8px; z-index: 1001; width: 36px; height: 36px;}
@media (max-width: 767px) {
  .icon-top-fix{width: 25px; height: 25px;top: 5px;right: 7px;}
}

/* thumbnail */
.thumbnail-img-ex{max-width: 277px; margin-top: 10px;}


/* open gov */
.opengov-detail-wrapper iframe{max-width: 100%;}
.opengov-detail-iframe-wrapper{padding: 0 10px; background-color: #fff;}
.opengov-desc{margin-top: 6px; margin-bottom: 6px;}
.opengov-sub-desc{margin-top: 6px;}
@media (max-width: 767px) {
  .post-box__title{margin-top: 0;}
  .opengov-detail-iframe-wrapper{padding: 0;}
}


/* education */
.edu-banner-group{margin-top: 50px;}
.edu-banner{float: left; width: 50%;}
.edu-banner-card{border: 1px solid #dbdbdb;}
.edu-banner-card__img{width: 350px; height: 262px; display: table-cell;}
.edu-banner__link{display: block;}
.edu-banner-card__text-wrapper{display: table-cell; vertical-align: middle; background-color: #fff; width: 223px;}
.edu-banner-card__text{color: #2c2c2c;font-size: 22px;line-height: 1.6; padding: 0 20px; margin: 0; text-align: center; width: 100%;}
.edu-banner-card:hover .edu-banner-card__text{color: #43ade5;}
.site-campus .edu-banner-card:hover .edu-banner-card__text{color: #ec566a;}
.site-center .edu-banner-card:hover .edu-banner-card__text{color: #3ab46b;}
@media (max-width: 767px) {
  .edu-banner-group{margin-top: 20px;}
  .edu-banner{margin-bottom: 15px;}
  .edu-banner-card{width: 100%;}
  .edu-banner{float: inherit; width: 100%;}
  .edu-banner-card__img{width: 100%; height: 160px; display: block;}
  .edu-banner-card__text-wrapper{display: block; padding: 8px 0; width: 100%;}
  .edu-banner-card__text{font-size: 16px;}
}

/* input */
.text-area-box{ width: 100%;
  resize: none;
  border: 1px solid #dbdbdb;
  height: 300px;
  padding: 5px 8px 15px;
  overflow-y: scroll;
  background-color: #fff;
  margin-bottom: 10px;
}
.text-area-box .campus{color: #ec566a;}
.text-area-box .center{color: #3ab46b;}
.text-area-box__section-title{font-size: 16px;margin-top: 20px;margin-bottom: 4px;}
.text-area-box .area-box__middle-section{margin-bottom: 0; font-weight: bold;}
.text-area-box .area-box__middle-section--under-title{ margin-top: 0;margin-bottom: 3px;}
.text-area-box ul li{color: #777;padding-left:15px;text-indent:-15px;margin:2px 0;}
.text-area-box table {width:100%;}
.text-area-box table caption {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}
.text-area-box table th, .text-area-box table td{border: 1px solid #dbdbdb; padding: 5px;text-align:center;}
.text-area-box table th{background-color: #43ade5; color: #fff;}
.site-campus .text-area-box table th{background-color: #ec566a; color: #fff;}
.site-center .text-area-box table th{background-color: #3ab46b; color: #fff;}
.accent-box{border: 3px solid #43ade5; padding: 5px; margin-bottom: 8px;}
.site-campus .accent-box{border: 3px solid #ec566a;}
.site-center .accent-box{border: 3px solid #3ab46b;}

/********************************************onandon - sja********************************************/
/* align */
.t-left{text-align:left !important;}
.t-center{text-align:center !important;}
.t-right{text-align:right !important}
.v-top{vertical-align:top !important;}
.v-middle{vertical-align:middle !important;}
.v-bottom{vertical-align:bottom !important;}

/*btn*/
.btn-wrap {overflow:visible;}
.btn-wrap:after {content:"";display:table;}
.btn-wrap.center {text-align:center;}
.btn-wrap.right {text-align:right;}

button{overflow:visible;display:inline-block;padding:0;background:none;border:0;text-align:center;cursor:pointer;}
button:first-child {margin-left:0px !important;}

/*small,medium,large*/
button.large {width:180px;height:48px;line-height:45px;font-size:16px;font-weight:600;}
button.large-pd {padding:0 20px;height:48px;line-height:45px;font-size:16px;font-weight:600;}
button.medium {width:140px;height:40px;line-height:37px;font-size:16px;font-weight:600;}
button.medium-pd {padding:0 20px;height:40px;line-height:37px;font-size:16px;font-weight:600;}
button.small {width:70px;height:28px;line-height:25px;font-size:14px;}
button.small-pd {padding:0 20px;height:28px;line-height:25px;font-size:14px;}
button.tb-small {margin-left:0px;width:96px;height:31px;line-height:31px;font-size:14px;}
button.tb-small-pd {margin-left:0px;padding:0 5px;height:28px;line-height:25px;font-size:14px;}
span.small {display:inline-block;width:100px;height:28px;line-height:28px;font-size:12px;text-align:center;}

button.blue1 {border:1px solid #0096e0;color:#0096e0;}/*line*/
button.blue1:hover {background:#0096e0;color:#fff;}
button.blue2,span.blue2 {background:#0096e0;color:#fff !important;} /*full color*/
button.gray1 {background:#f7f7f7;border:1px solid #dbdbdb;color:#444;} /*line*/
button.gray2,span.gray2 {background:#626262;color:#fff !important;} /*full color*/
button.white1 {border:1px solid #fff;color:#fff;} /*line*/
button.white1:hover {background:#0096e0;color:#fff;}

.fc01 {color:#1499df !important;}

/*manual*/
.manual {margin:0px !important}
.manual-txt {font-size:18px;}
.manual-txt > .btn-wrap {display:none;}
.manual-img {margin:10px 0 40px;text-align:center !important;}

.edu-recom-tit {padding:0 16px;height:40px;line-height:40px;background:#43ade5;color:#fff;font-size:16px;}
.edu-recom-con {padding:10px 15px;border:1px solid #dbdbdb;}
.edu-recom-con li {margin:3px 0;padding-left:10px;text-indent:-10px;}

/*2018-05-03*/
.onon-add-button {height:50px;line-height:50px;border-bottom:1px #dbdbdb solid;}
.onon-add-button p.organization-address,.onon-add-button p.organization-num {height:40px;line-height:40px;}

/*2018-05-11*/
.bn-seoul-common {margin-top:16px;width:100%;}
.bn-seoul-common > iframe {width:100% !important;}
.bn-seoul-common.moblie {display:none;}
@media only screen and (max-width: 760px),(min-width: 768px) and (max-width: 1024px)  {
	.bn-seoul-common > iframe {display:none;}
	.bn-seoul-common.moblie {display:block;width:100%;height:100%;}
}

/*@media*/
@media only screen and (max-width: 760px),(min-width: 768px) and (max-width: 1024px)  {
	/*button*/
	button{margin-left:5px;}
	.btn-wrap {display:-webkit-box !important;overflow:hidden;-webkit-box-orient:horizontal;}
	.btn-wrap button {display:block;width:100%;margin-left:5px;-webkit-box-flex:1}

	.post-content {width:100%;}
	.manual-txt {font-size:16px;letter-spacing:-0.06em;}
	.manual-txt > .btn-wrap {margin-top:10px;}

	.manual-img img {width:100%;}
	
	.bn-seoul-common {margin-top:0px;margin-bottom:10px;width:auto;height:auto;}
	.bn-seoul-common img {width:100%;height:100%;}
}

.tb-style01 {width:100%;border-bottom:1px solid #808080;border-right:1px solid #808080;}
.tb-style01 th {border-top:1px solid #808080;border-left:1px solid #808080;}
.tb-style01 td {border-top:1px solid #808080;border-left:1px solid #808080;}

.editor_talbe_style {border-collapse:collapse; border:1px solid;}
.editor_talbe_style td{border:1px solid;}

.top-btn-new {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	padding: 9px 10px;
	width: auto;
	text-align: center;
	background-color: #f7f7f7;
	color: #444444;
	border: 1px solid #dbdbdb;
}

.top-btn-new.active {
	background-color: #0096e0;
	color: #fff;
	border-color: #0096e0;
}

.top-btn-new-all {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	padding: 9px 10px;
	width: auto;
	text-align: center;
	background-color: #f7f7f7;
	color: #444444;
	border: 1px solid #dbdbdb;
}

.top-btn-new-all.active {
	background-color: #0096e0;
	color: #fff;
	border-color: #0096e0;
}

/* 포털메인화면 개선 작업 start*/
/* 이전다음 */
.card-tab-menu .slick-arrow {
	width: 60px;
	height: 68px;
	background-color: #fff;
	border: 1px solid #eee;
    font-size: 0px;
}
.card-tab-menu .slick-arrow::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	border: 1px solid #b8b8b8;
	border-width: 0 2px 2px 0;
	margin-left: -2px;
	padding: 10px;
}
.card-tab-menu .slick-prev::after {
	left: 60%;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}
.card-tab-menu .slick-next::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.slider {position:relative;}
.slider .slick-list {margin:0 -20px;}
.slick-slide {margin:0 20px;}
.border0 {border:0px;}
.width23 {width: 23%;}
.subSlick {width:617px; height:249px;}
.subWidth {width: 54%;}
.width48 {width:48%; float:left; border:0px; padding:0px;}
.width488 {width:48%; margin-left:4%; border:0px; padding:0px;}
.mainList {display:block;}
.subList {display:none;}
.footer-right-btn{display: inline-block; padding: 8px 25px; color: #fff; font-size: 14px; background-color: #337ab7; }
.footer-newslet-btn{display: inline-block; padding: 11px 4px; color: #fff; font-size: 10px; background-color: #337ab7;}
.footer-right-menus-btn{float: right; padding-top: 19px; }
.sns-group-lable-text{color: #6b6b6c; font-size: 13px; display: inline-block; float: left;}
.bn-seoul-common-2nd {margin-top:16px;width:100%;}
.footer-address-title-new{font-weight: bold;font-size: 13pt;}
.pst1{position: relative; width: 120px; height: 120px; margin-bottom: 10px; margin-left: 10px;}
.pst2{position: relative; width: 120px; height: 120px; margin-bottom: 10px; margin-left: 10px;}
.pst3{position: relative; width: 120px; height: 120px; margin-bottom: 0px; margin-left: 10px;}
.pst4{position: relative; width: 120px; height: 120px; margin-bottom: 20px; margin-left: 10px;}
.marginR10{margin-right: 10px; font-weight: bold;}
.icon-link-btn__text__new{color: #2c2c2c; margin-top: 8px; font-weight: 600; font-family: 'Spoqa Han Sans'; font-size: 14pt;}
.icon-link-btn__text__new2{color: #2c2c2c; margin-top: 8px; font-weight: 600; font-family: 'Spoqa Han Sans'; font-size: 14pt;}
.icon-link-btn:hover .icon-link-btn__text__new{color: #43ade5;}
@media (max-width: 767px) {
  .subSlick {width:617px; height:auto;}
  .subWidth {width: 100%;}
  .width48 {width:100%;}
  .width488 {width:100%; margin-left:0%; border:0px; padding:0px;}
  .mainList {display:none;}
  .subList {display:block;}
  .footer-right-menus-btn{float: right; padding-top: 10px; padding-bottom: 10px;}
  .sns-group-lable-text{color: #6b6b6c; font-size: 12px !important; display: inline-block; float: left;}
  .pst1{margin-left: 0%; margin-bottom: 0%; height: 0%; float: left; width:25% !important; padding: initial;}
  .pst2{position: relative; width: 120px; height: 120px; margin-bottom: 10px; margin-left: 10px;float: inherit; display: inline-block;}
  .pst3{position: relative; width: 120px; height: 120px; margin-bottom: 0px;margin-left: 0px;float: inherit; display: inline-block;}
  .pst4{position: relative; width: 120px; height: 120px; margin-bottom: 20px; margin-left: 10px;float: inherit; display: inline-block;}
  .tawc{text-align: -webkit-center;}
  .marginR10{margin-right: 0px; font-weight: bold;}
  .footer-right-btn{display: flex; padding: 8px 4px; color: #fff; font-size: 12px; background-color: #337ab7; }
  .footer-newslet-btn{display: flex; padding: 4px 0px; color: #fff; font-size: 10px; background-color: #337ab7; word-break: keep-all; text-align: center;}
  .icon-link-btn__text__new{color: #2c2c2c; margin-top: 8px; font-weight: 600; font-family: 'Spoqa Han Sans'; font-size: 11pt;}
  .icon-link-btn__text__new2{color: #2c2c2c; margin-top: 8px; font-weight: 600; font-family: 'Spoqa Han Sans'; font-size: 10pt;}
}
@media only screen and (max-width: 760px),(min-width: 768px) and (max-width: 1024px)  {
  .bn-seoul-common-2nd {margin-top:28px;margin-bottom:10px;width:auto;height:auto;}
  .bn-seoul-common-2nd img {width:100%;height:100%;}
}
/* 포털메인화면 개선 작업 end*/

/* 일자리박람회 start*/
.openPribCss {border: 1px solid;padding: 35px;display: block;}
.widthJoin {max-width: 70%;}
@media (max-width: 760px) {
  .openPribCss {border: 1px solid;padding: 10px;display: block;overflow-y: scroll;height: 200px;}
  .widthJoin {max-width: 100%;}
}
/* 일자리박람회 end*/

