@charset 'utf-8';
@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans/NotoSans-Light.eot);
src: url(/fonts/NotoSans/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Light.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans/NotoSans-Regular.eot);
src: url(/fonts/NotoSans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Regular.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans/NotoSans-Medium.eot);
src: url(/fonts/NotoSans/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Medium.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans/NotoSans-Bold.eot);
src: url(/fonts/NotoSans/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Bold.woff) format('woff');
}

/* reset */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,span,a {margin:0;padding:0;font-size:17px;line-height:1.5; font-family:"NotoKrR",sans-serif; word-break: keep-all;  box-sizing:border-box } 
 fieldset,img {border:0 none} 
 dl,ul,ol,menu,li {list-style:none} 
 blockquote, q {quotes:none} 
 blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} 
 input,select,textarea,button {font-size:100%;vertical-align:middle} 
 button {border:0 none;background-color:transparent;cursor:pointer} 
 table {border-collapse:collapse;border-spacing:0} 
 body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */ 
 input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;} 
 input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox} 
 button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;} 
 input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} 



 a {color:#333;text-decoration:none} 
 a:active, a:hover {text-decoration:none} 
 address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
  max-width: 600px;
    margin: auto;
    background: #f7f6f9;
}

/*사이트 칼라 컨셉 디자이너가 알아서 바꿔야 합니다.*/
a { text-decoration:none;  color:#333 }  
a:hover{  color:#5a5086 }  
.color-5c9fd2{color:#5a5086 !important;} /*컨셉칼라 파란색*/
.color-70481c{color:#ef7f1b } /*컨셉칼라 나무색*/

.color-aa272f{color:#aa272f !important;}
.color-5a5086{color:#5a5086 !important;}
.bg-5a5086{background-color: #545086 !important;}
.bg-dad7cb{background-color: #dad7cb !important;}
.bg-f7981d{background-color: #f7981d !important;}
.bg-747678{background-color: #747678 !important;}

.bg-5c9fd2{ background-color:#5a5086 !important;} /*파란색*/
.bg-70481c{background-color: #ef7f1b !important;} /*나무색*/
.bg-d3e5f3{background-color:#d3e5f3 !important; } /*하늘색*/
.bg-c3dbcd{background-color:#c3dbcd !important;}  /*연두색*/
.blue-spot{ background: url(/images/pages/dot-blue.png) no-repeat left 11px; padding: 0 0 0 10px}
.border-mo-b1{ border-bottom: 1px solid #dad7cb;}
.border-bb2{border-bottom:2px solid #5a5086 } /*하단 라인*/
.border-tt2{border-top:2px solid #5a5086 } /*상단 라인*/
/*모바일 메뉴*/
.overflow-hidden {
  overflow: hidden;
}
.m-bg-login {
  background: url(/images/pages/member/sign-in-icon.png) no-repeat #2f6543;
  border: 0;
  background-position: 157px;
}
.cd-main-content {  min-height: 100%;  position: relative;  background-color: #fff;  z-index: 2;  padding: 110px 0px 10px 0px; 
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);  -webkit-backface-visibility: hidden;
   -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(200px);
  -moz-transform: translateX(200px);
  -ms-transform: translateX(200px);
  -o-transform: translateX(200px);
  transform: translateX(200px);
}

header { border-bottom:1px solid #dbdbdb;
  position: absolute;  top: 0;  left: 0;   width: 100%; padding: 70px 0 0px 0;
   z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.lateral-menu-is-open { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px);  -o-transform: translateX(200px);
  transform: translateX(200px);
}
.is-fixed {  position: fixed;}

#cd-logo {  display: block; text-align:center;  margin: 8px 0 0 15px;}
#cd-logo img {  display: block; height:41px}
#cd-menu-trigger {  position: absolute; left: 0;  top: 32px;  width: 50px; }
#cd-menu-trigger .cd-menu-icon {  /* this span is the central line in the menu menu */
  display: inline-block;  position: absolute;  left: 50%;  top: 20px;  bottom: auto;  left: auto;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  width: 25px;
  height: 4px;
  border-radius:2px;
  background: #5a5086;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: '';width:100%; height: 100%; border-radius:2px;position: absolute;background-color:inherit;left: 0;}
#cd-menu-trigger .cd-menu-icon::before { bottom: 7px;}
#cd-menu-trigger .cd-menu-icon::after {top: 7px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background:#5a5086;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cd-lateral-nav { position: fixed; height: 100%; left: 0; top: 0; visibility: hidden;  z-index: 1;width: 200px; background:#5a5086; overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#cd-lateral-nav .cd-navigation { margin: 20px 0 16px;}
#cd-lateral-nav .sub-menu { padding: 0 10px 10px 33px; display: none;}
#cd-lateral-nav .sub-menu a{ display:block; font-size:15px; color:#fcdc05; line-height:24px; padding:4px 0 4px 15px; background:url(/images/main/mobile-submenu-spot.png) no-repeat left center ;}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav li > a { font-size:17px; color:#fff !important ;  position: relative;   border-bottom:1px solid #747678; display: block;  padding: 10px 16px 10px 32px; line-height:24px}
#cd-lateral-nav li > a.submenu-open{ color:#fcdc05 !important;border-bottom:none}
#cd-lateral-nav li > a::after { content: ''; display: block; height: 13px; width: 8px; position:absolute; top: 50%; bottom: auto;  
 -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right:1em;
  background: url(/images/sub/right_arrow_white.png) no-repeat center center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#cd-lateral-nav .main-menu > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}


.lan-list{ position: absolute; top:5px; }

.logo { background:url(/images/pages/logo.png) no-repeat; width:113px; height:54px;  display:inline-block ; text-indent:-9999px;  margin:7px 0 0 0; background-size: cover; position: absolute; right: 15px; top:0}
.mlogo { background:url(/images/pages/mlogo.png) no-repeat; width:54px; height:54px;  display:inline-block ; text-indent:-9999px;  margin:7px 0 0 0; position: absolute; right: 15px; top:0}

.onsite-logout{ background:url(/images/pages/logout-icon.png) no-repeat center center #f7981d;text-indent: -9999px; display: inline-block; height: 40px; width: 42px; margin-left: 5px }
.onsite-info{ background:url(/images/pages/myinfo-icon.png) no-repeat center center #747678;text-indent: -9999px; display: inline-block; height: 40px; width: 42px;}

/*현재위치*/

#sub-locationbar{ background:#fff ; padding:5px 15px  }
.home-icon { background:url(/images/pages/home-icon.png) no-repeat center center !important;text-indent:-9999px; text-align:left; width:24px; display:inline-block; vertical-align:middle; }
.location-arrow-icon{ background:url(/images/pages/sub-location-arrow.png) no-repeat left center; vertical-align:middle; display:inline-block ; padding:0 0 0 10px  }



/*서브페이지 */
.sub-content{ position:relative; overflow: hidden; padding:15px 15px 25px 15px; min-height:400px}
.sub-head{ text-align:center; font-size:25px; color:#333; padding:10px 0}
.wait{ background:url(/images/page/wating.png) no-repeat center top; padding:120px 0 30px 0; text-align:center ; color:#999; font-weight:bold; font-size:30px;  margin:45px 0 0 0} 

/*하단*/
#footer{ border-top:1px solid #dbdbdb;}
#global-box{background:#f2f2f2}
.mobile-footer{ text-align:center; padding:15px 0}
.mobile-footer a{ font-size:13px; padding:3px 12px; border:1px solid #dbdbdb; border-radius:3px; margin:0 10px}
.footer-list{font-size:15px; line-height:24px; padding:0 15px 10px 15px; color: #666}
.footer-list p{ font-size:15px}
.footer-list strong{ color:#118aa0}

.bg-tip{ background: url(/images/pages/tip-icon.png) no-repeat left 8px; padding-left: 35px}
.find-btn{background:url(/images/pages/apply-search-icon.png) no-repeat 10px center; padding:5px 10px 5px 40px; color: #fff !important; border: none; cursor: pointer}
.spot-b{ background: url(/images/pages/spot-black.png) no-repeat left 10px; padding-left: 7px  }
.state-btn{ border-radius: 3px; padding: 2px 15px; border: 0}

.tb-01{ border-collapse: collapse;  background:#fff ; display: block}
.tb-01 th{ text-align: left;font-weight: normal; padding: 5px 10px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; color: #5a5086; white-space: nowrap}
.tb-01 td{ text-align: left; color:#333; font-weight: normal; padding: 5px 10px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; width: 100%}

.tb-02{ width: 100%; border-collapse: collapse; border-top: 2px solid #5a5086  }
.tb-02 th{ text-align: center; color:#666; font-weight: normal; padding: 5px 10px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;  background: #f2f2f2}
.tb-02 td{ text-align: center; color:#333; font-weight: normal; padding: 5px 10px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb}

.abs-title{ display: inline-block; padding: 0px 15px ; border-radius: 15px; font-weight: normal}

.btn-type1 { border-radius: 4px;  padding: 5px 20px;  line-height: 24px;  cursor: pointer;   border: none;  display: inline-block; white-space:nowrap ;display: inline-block; color:#fff !important ; font-size: 17px  }

.border-ba2{border:2px solid #5a5086 } 
.ap-info1{ }
.ap-info1-bg{background: url(/images/pages/apply-title-bg.png) no-repeat 10px center;padding-left: 100px; }
.ap-info1 span{ display: inline-block; background: #5a5086; border-radius: 15px; padding: 0 10px; color: #fff}
.btn-type2 { border-radius: 4px;  padding: 4px 10px;  line-height: 18px;  cursor: pointer;   border: none;  display: inline-block; white-space:nowrap ;display: inline-block; color:#fff !important ; font-size: 13px  }


/* 공용 인풋 스타일 */
.input-style1 { border: 1px solid #dbdbdb; border-radius: 4px; padding: 2px 9px 2px 9px; line-height:24px; background: #f9f9f9}
/* 익스플로러 10 이상일때  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.input-style1 {background: #f9f9f9; border: 1px solid #dbdbdb; border-radius: 4px; padding: 2px 9px 2px 9px; line-height:24px; height:30px}
}

.input-style2 { border: 1px solid #dbdbdb; border-radius: 4px; padding: 4px 9px 4px 9px; line-height:24px;background: #f9f9f9;}
/* 익스플로러 10 이상일때  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.input-style2 {background: #f9f9f9; border: 1px solid #dbdbdb; border-radius: 4px; padding: 4px 9px 4px 9px; line-height:24px; height:34px}
}
.input-style3 { border: 1px solid #dbdbdb; border-radius: 4px; padding: 3px 9px 3px 9px; line-height:24px; font-size: 15px}
/* 익스플로러 10 이상일때  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.input-style3 {border: 1px solid #dbdbdb; border-radius: 4px; padding: 3px 9px 3px 9px; line-height:24px; height:32px}
}


/*메인페이지*/
.notic-list li{ border-bottom: 1px dashed #dbdbdb ; padding-bottom: 5px}
.notic-list li:last-child{ border-bottom: 0}

.new-ico{ background: url(/images/pages/new-icon.png) no-repeat left center; display: inline-block; text-indent: -9999px; width: 30px; height: 16px; vertical-align: middle}
.main-more{ display: inline-block; position: absolute; background: #fff; border-radius: 3px; border: 1px solid #dbdbdb; font-size: 13px; padding: 0 3px; line-height: 20px }

.main-table{ border-collapse: collapse; width: 100% }
.main-table th{font-weight: normal; padding: 5px 5px; border: 1px solid #dbdbdb; background: #f2f2f2}
.main-table td{ padding: 5px 5px; border: 1px solid #dbdbdb;}
.s-no{ background: #ef7f1b; font-size: 15px;color: #fff;display: inline-block;padding: 0px 5px; }
.s-yes{ background: #5a5086;font-size: 15px;color: #fff;display: inline-block;padding: 0px 5px;}
.s-view{ background: #ef7f1b;font-size: 15px; color: #fff;  display: inline-block; border-radius: 3px;  padding: 3px 10px;}


.list-icon{background: url(/images/pages/list-icon.png) no-repeat left center; padding-left:25px }
.tb-bank{ border-collapse: collapse; width: 100% }
.tb-bank th{ font-weight: normal; padding: 5px 10px; border: 1px solid #dbdbdb; white-space: nowrap; background: #f2f2f2  }
.tb-bank td{ text-align: left; color:#333; font-weight: normal; padding: 5px 10px; border: 1px solid #dbdbdb;}
.note-icon{background: url(/images/pages/note-icon.png) no-repeat left center; padding:5px 0 5px 40px;}
.bank-icon{background: url(/images/pages/bank-icon.png) no-repeat left center; padding:5px 0 5px 40px;}

#family-student li {
  line-height: 30px;
}

#family-student span {
  line-height: 30px;
  display: inline-block;
}
.dot-01{background: url(/images/pages/dot-01.png) no-repeat left 9px; padding-left: 8px; }