@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');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; list-style:none; box-sizing:border-box; line-height:24px; font-family:"NotoKrR",sans-serif; font-size:15px; word-break:keep-all}
body, input, textarea, select, button, table {  font-family:"NotoKrR",sans-serif; box-sizing:border-box ;  }
img, fieldset { border:0 }
em, address { font-style:normal }

/*사이트 칼라 컨셉 디자이너가 알아서 바꿔야 합니다.*/
a { text-decoration:none; line-height:24px; color:#333 }
a:hover{  color:#275937 }
.color-275937{color: #275937 !important;}
.color-5c9fd2{color:#5a5086 !important;} /*컨셉칼라 파란색*/
.color-70481c{color:#f7981d } /*컨셉칼라 나무색*/
.bg-5c9fd2{ background-color:#5a5086 !important;} /*파란색*/
.bg-70481c{background-color: #f7981d !important;} /*나무색*/
.bg-212121{background-color: #747678 !important;} /*진회색*/
.bg-d3e5f3{background-color:#d3e5f3 !important; } /*하늘색*/
.blue-spot{ background: url(/images/pages/dot-blue.png) no-repeat left center; padding: 0 0 0 10px}
.bg-005628{background-color: #005628 !important;}
.bg-5a5086{background-color: #5a5086 !important;}
.bg-f7981d{background-color: #f7981d !important;}
.border-bb2{border-bottom:2px solid #5a5086 } /*하단 라인*/
.border-tt2{border-top:2px solid #5a5086;} /*상단 라인*/
.page-wait{ background:url(/images/pages/waiting.png) no-repeat center top; padding:200px 0 0 0}

#all{ min-width:1200px; }

#header{ }
/* 헤더 -> HOME,SITEMAP */
.g-basic-list li{ border-right:1px solid #dbdbdb; padding:6px 13px }
.g-basic-list li:first-child{ border-left:1px solid #dbdbdb;}
.g-basic-list li a{ display:block; line-height: 26px  }
.g-basic-list  span{display:inline-block; line-height: 26px }
.g-sns-list li{ border-right:1px solid #dbdbdb; padding:3px 10px}
.g-sns-list li:first-child{ border-left:1px solid #dbdbdb;}
.g-sns-list li a{ display:block;  }

/* 헤더 -> 메인 로고 */
.logo {  position:absolute; left:0; top: -39px;background: #594F86;height: 140px;}
 /* 헤더 -> 드롭다운 메뉴(메인메뉴) */
.menu-box {width:1200px; margin:0 auto; padding:51px 0 20px 200px;}
.menu-box::after {content:''; clear:both; display:block;}
.menu-box ul > li { float:left; position:relative; transition:0.3s linear;  border-right: 1px solid #dbdbdb; }
.menu-box ul > li:last-child{border-right: none;}
.menu-box ul > li:hover a{color:#f7981d;}
.menu-box ul > li > a { font-size:17px; color:#333; padding:2px 30px; display:block; text-align:center; font-weight: bold;  }
.menu-box ul > li.currented > a{color:#f7981d !important;}

/* 드롭다운 메뉴(서브메뉴) */
.menu-box ul li ul {  position:absolute;  z-index:15; display:none; background:rgba(255,255,255,1); border:1px solid #dbdbdb;  top:50px; border-top:0 ; left: 0; right: 0 }
.menu-box ul li ul li { display: block;padding:0px 15px; border: 0; float: none }
.menu-box ul li ul li:hover {  }
.menu-box ul li ul li a { font-weight: normal;font-size:15px; color:#666 !important; padding:5px 0 5px 9px; display:block; text-align:left; background:url(/images/pages/menu-li-off2.png) no-repeat left 15px }
.menu-box ul li ul li a:hover {color:#f7981d !important; background:url(/images/pages/menu-li-on2.png) no-repeat left 15px   }



 /* 헤더 -> 드롭다운 메뉴(메인메뉴) */
.menu-box-eng  { width:1200px; margin:0 auto; padding:51px 0 20px 200px   }
.menu-box-eng::after { content:''; clear:both; display:block; }
.menu-box-eng ul > li { float:left;   position:relative; transition:0.3s linear;  border-right: 1px solid #dbdbdb; }
.menu-box-eng ul > li:last-child{border-right: none;}
.menu-box-eng ul > li:hover a{ color:#f7981d; }
.menu-box-eng ul > li > a { font-size:16px; color:#333; padding:2px 16px; display:block; text-align:center; font-weight: bold  }
.menu-box-eng ul > li.currented > a{color:#f7981d !important;}

/* 드롭다운 메뉴(서브메뉴) */
.menu-box-eng ul li ul {   position:absolute;  z-index:15; display:none; background:#fff; border:1px solid #dbdbdb;  top:50px; border-top:0    }
.menu-box-eng ul li ul li { display: block;padding:0px 10px; border-right: 0 }
.menu-box-eng ul li ul li:hover {  }
.menu-box-eng ul li ul li a { font-weight: normal; font-size:13px; color:#666 !important; padding:5px 0px 0px 8px; display:block; text-align:left; background:url(/images/pages/menu-li-off2.png) no-repeat left 15px }
.menu-box-eng ul li ul li a:hover {color:#f7981d !important; background:url(/images/pages/menu-li-on2.png) no-repeat left 15px  }

/* 푸터 */
#footer {}
/*하단 링크*/
.bg-logo{ background: url(/images/pages/logo.png)no-repeat right 10px; min-height: 110px}



/*서브페이지 bg*/
.MENU01{ background:url(/images/sub/sub-visual-01.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.MENU02{ background:url(/images/sub/sub-visual-02.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.MENU03{ background:url(/images/sub/sub-visual-03.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.MENU04{ background:url(/images/sub/sub-visual-01.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.MENU05{ background:url(/images/sub/sub-visual-02.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.MENU06{ background:url(/images/sub/sub-visual-03.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.auth{ background:url(/images/sub/sub-visual-01.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.user{background:url(/images/sub/sub-visual-01.jpg)  center center #118aa0; height:250px; background-size:cover; position:relative}
.sub-text{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url(/images/main/main-text.png) no-repeat center top;
 background-size:350px; text-shadow: 3px 3px 3px  rgba(0,0,0,0.75) ; color:rgba(255,255,255,0.8);
 width:525px; z-index:11; text-align:center; font-size:15px;font-weight:bold;  padding: 110px 0 0 0}

/* 서브 페이지 -> 페이지 위치 */
#sub-locationbar{ background:#fff ; padding:10px 0  }
.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; }
.main-home { background:url(/images/pages/main-home.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-box {  }
.left-menu { width:230px; position:absolute; left:0; top:0px; bottom:0; border-top:4px solid #f7981d; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb;  z-index:13  }
.left-menu ul { border-bottom:1px solid #dbdbdb; }
.left-menu ul li { border-top:1px solid #dbdbdb; }
.left-menu ul li a  { font-size:17px; color:#666; padding:12px 0 12px 28px; display:block; line-height:24px;  background:url(/images/pages/right_arrow_gray.png) no-repeat 198px center   }
.left-menu ul li a:hover {  color:#fff; background: url(/images/pages/right_arrow_white.png) no-repeat 198px center #f7981d }
.left-menu ul li a.on { color:#fff; background: url(/images/pages/right_arrow_white.png)  no-repeat 198px center  #f7981d }

/* 서브 페이지 -> 왼쪽 퀵 메뉴 */
.quick-menu { display:block; background:#f2f2f2; padding:10px;}
.quick-icon{ width:154px; height:154px; border-radius:50%; border:1px solid #dbdbdb; background:url(/images/pages/quick-icon.png) no-repeat center center #fff; display: inline-block }
.quick-icon:hover{ background-color:#9cd1eb   }
.quick-icon span{ display:inline-block; margin:160px 0 0 0}

/* 서브 페이지 -> 오른쪽  */
.sub-right-box {  margin:0 0 30px 0px; min-height:300px; width:1200px; position:relative; padding:30px; }

/*강좌첫페이지*/
.intro-list{ background: url(/images/pages/main-notice-bg.png) no-repeat 5px top; padding: 5px 0 5px 150px;min-height: 100px;}
.intro-list li{  margin: 10px 0}

.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}


.bg-tip{ background: url(/images/pages/tip-icon.png) no-repeat left 8px; padding-left: 35px}
.state-btn{  font-size: 13px; border-radius: 3px; padding: 2px 15px; display: inline-block}

.tb-02{ width: 100%; border-collapse: collapse; border-top: 2px solid #275937  }
.tb-02 th{ text-align: center; color:#666; font-weight: normal; padding: 5px 5px; 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 5px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb}


/*강좌신청*/
.tb-01{ border-collapse: collapse;  background:#fff ; display: block}
.tb-01 th{ text-align: left;font-weight: normal; padding: 5px 5px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; color: #275937; white-space: nowrap}
.tb-01 td{ text-align: left; color:#333; font-weight: normal; padding: 5px 5px; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; width: 100%}
.abs-title{ display: inline-block; padding: 0px 15px ; border-radius: 15px; font-weight: normal}
.ap-info-box{border-radius: 4px;}

.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: #275937; border-radius: 15px; padding: 0 10px; color: #fff}

.ap-info-tb{ border-collapse:collapse; }
.ap-info-tb th{ border: 1px solid #b2d2ea; padding:5px 20px; color: #fff; background: #275937; font-weight: normal}
.ap-info-tb td{ border: 1px solid #b2d2ea; padding:5px 20px; color: #333; text-align: center}
.cad-btn{border: none; color:#fff; font-size: 20px; text-align: center; cursor: pointer}
.spot-b{ background: url(/images/pages/spot-black.png) no-repeat left 10px; padding-left: 7px  }

/* 셀렉트 */
.dropdown {  display: inline-block;   position: relative;  border: 1px solid; border-color: #dbdbdb #dbdbdb #dbdbdb; border-radius: 4px; padding:3px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
   /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);*/
}
.dropdown:before,.dropdown:after {content: ''; position: absolute; z-index: 2;top: 7px; right: 10px;width: 0;height: 0;border: 4px dashed; border-color: #888 transparent; pointer-events: none;}
.dropdown:before { border-bottom-style: solid;  border-top: none;}
.dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none;}



.dropdown-select {padding: 3px 34px 3px 10px;  line-height: 16px;  font-size: 13px; color: #333; text-shadow: 0 1px white;
    /* Fallback for IE 8 */
    background: #f2f2f2;
    /* "transparent" doesn't work with Opera */
    background: rgba(0, 0, 0, 0) !important;  border: 0; border-radius: 0;  -webkit-appearance: none;}
.dropdown-select::-ms-expand {display:none} /*익스플로러의 화살표 없애기*/
.dropdown-select:focus {  z-index: 3; width: 100%;  color: #394349;  outline: 2px solid #49aff2;  outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px;}
.dropdown-select > option { margin: 3px; padding: 4px 8px; text-shadow: none; background: #f2f2f2; border-radius: 3px; cursor: pointer;}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {z-index: 1;}
.lt-ie9 .dropdown-select {z-index: -1;}
.lt-ie9 .dropdown-select:focus {z-index: 3;}
/* Dirty fix for Firefox adding padding where it shouldn't. */

@-moz-document url-prefix() {
    .dropdown-select { padding-left: 6px;}
}

.dropdown-dark {
    background: #444;
    border-color: #111 #0a0a0a black;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.dropdown-dark:before { border-bottom-color: #aaa;}
.dropdown-dark:after { border-top-color: #aaa;}
.dropdown-dark .dropdown-select { color: #aaa; text-shadow: 0 1px black; /* Fallback for IE 8 */   background: #444;}
.dropdown-dark .dropdown-select:focus { color: #ccc;}
.dropdown-dark .dropdown-select > option { background: #444;text-shadow: 0 1px rgba(0, 0, 0, 0.4);}


/* 공용 버튼 */
.btn-black {background: #333;}
.btn-grey {background: #777;}
.btn-blue {background: #156f9b;}
.btn-green {background: #419923;}
.btn-orange {background: #e9700f;}
.btn-type1 { border-radius: 4px;  padding: 3px 20px;  line-height: 24px;  cursor: pointer;   border: none;  display: inline-block; white-space:nowrap ;display: inline-block; color:#fff !important ; font-size: 15px  }

.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  }


.btn-sitepage {  background: url(/images/skycms/sitehome.png)no-repeat 5px center  #666;  padding-left: 23px;}


/* 공용 인풋 스타일 */
.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}
}


/*공지사항*/
.notice-bg{background: url(/images/pages/notice-bg.png) no-repeat 15px center; padding-left: 140px; min-height: 111px}
.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 15px; border: 1px solid #dbdbdb; background: #f2f2f2}
.main-table td{ padding: 5px 15px; border: 1px solid #dbdbdb;}
.s-no{ background: #f7981d; font-size: 13px; color: #fff; line-height: 13px; display: inline-block; width: 19px; height: 19px; text-align: center; padding: 3px 0; border-radius: 50%}
.s-yes{ background: #275937; font-size: 13px; color: #fff; line-height: 13px; display: inline-block; width: 19px; height: 19px; text-align: center; padding: 3px 0;border-radius: 50%}
.s-view{ background: #333;font-size: 13px; color: #fff; line-height: 13px; display: inline-block; border-radius: 3px;  padding: 4px 5px;}

.list-icon{background: url(/images/pages/list-icon.png) no-repeat left center; padding-left:25px }
.search-icon{ background: url(/images/pages/search-icon.png) no-repeat right center #f7981d; padding-right: 40px }
.cal-icon{ background: url(/images/pages/cal-icon.png) no-repeat right center #fff; }

/*고지서*/
.sub-table{ border-collapse: collapse; width: 100%; }
.sub-table th{font-weight: normal; padding: 5px 15px; border: 1px solid #dbdbdb; }
.sub-table td{ padding: 5px 15px; border: 1px solid #dbdbdb;}
.dot-01{background: url(/images/pages/dot-01.png) no-repeat left 9px; padding-left: 8px; }
.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;
}