/*공통*/
.un-style {list-style: none; margin:0; padding:0;}
.clearfix:after {content:" "; display: table; clear:both;}

.fnl {font-weight: 300 !important;}
.fnr {font-weight: 400 !important;}
.fnm {font-weight: 500 !important;}
.fnsb {font-weight: 600 !important;}
.fnb {font-weight: 700 !important;}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

.ffp {font-family: Pretendard-Regular;}
.ffn {font-family: Noto Sans KR !important;}

h5.title {font-size: 2rem !important;}
h4.title {font-size: 3rem !important;}
h3.title {font-size: 3.6rem !important;}
h2.title {font-size: 4rem !important;}
h1.title {font-size: 4.4rem !important;}
p.content {font-size: 1.7rem !important;}

.ptitle {font-size: 2.4rem;}

.cm-title {font-size: 2.8rem !important;}
.cl-title {font-size: 3.2rem !important;}

.bb-content {font-size: 2.6rem !important;}
.pp-content {font-size: 2rem !important;}
.cs-content {font-size: 2rem !important;}

.mb05 {margin-bottom: 5px !important;}
.mb2 {margin-bottom: 2rem !important;}
.mt2 {margin-top: 2rem !important;}
.ml2 {margin-left: 20px !important;}
.mb4 {margin-bottom: 4rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.mb6 {margin-bottom: 6rem !important;}
.mb7 {margin-bottom: 7rem !important;}
.mb8 {margin-bottom: 8rem !important;}
.mb10 {margin-bottom: 10rem !important;}
.pt4 {padding-top: 40px !important;}
.pt5 {padding-top: 5rem !important;}
.pt6 {padding-top: 60px !important;}
.pb60 {padding-bottom: 60px !important;}
.pt100 {padding-top: 100px !important;}
.pb100 {padding-bottom: 100px !important;}

.co66 {color: #666666 !important;}
.co00 {color: #000000 !important;}
.coff {color: #FFFFFF !important; min-height:60px;}
.co5c {color: #ff5c5c !important;}
.cob5 {color: #1a72b5 !important}

.br10 {border-radius: 10px;}

.btn.bka5 {background: #1D5DA5; color: #FFFFFF;}
.btn.bka2 {background: #004EA2; color: #FFFFFF;}

.spring .btn.bka5 {background: #1D5DA5;}
.fall .btn.bka5 {background: #1DA57A;}

.spring .btn.bka2 {background: #004EA2;}
.fall .btn.bka2 {background: #1DA57A;}

.btn.btn-m {font-size: 2rem; padding: 1.2rem 3rem;}

.btn.btn-grad {
    background-image: linear-gradient(to right, #24C6DC 0%, #514A9D 51%, #24C6DC 100%);
    padding: 10px 4.5rem;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

.btn-grad:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.bbd8 {border-bottom: 1px solid #D8D8D8;}

.list-dot > li {position: relative; padding-left: 10px; }
.list-dot > li:after {position: absolute; content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; top: 14px; left: 0; transform: translateY(-50%); background-color: #000000;}


.list-flex > li {display: flex;}
.list-flex > li > span:nth-child(1) {flex: none;}

.rowm-10 {margin-left: -10px; margin-right: -10px;}
.rowm-10 > div {padding-left: 10px; padding-right: 10px;}

.rowm-20 {margin-left: -20px; margin-right: -20px;}
.rowm-20 > div {padding-left: 20px; padding-right: 20px;}

/*
.page-menu {background-color: #1a5ea7;}
.page-menu > ul > li:after {content: ''; display: block; ; width: 100%; height: 0; background-color: #457cb7; position: absolute; top: 0; left: 0; transition: all 0.3s;}
.page-menu > ul > li:hover:after {height: 100%;}
.page-menu > ul > li:hover a {color: #FFFFFF;}

.page-menu > ul > li.on:after {height: 100%;}
.page-menu > ul > li.on a {color: #FFFFFF;}

.page-menu li.drop-down > a {position: relative;}
.page-menu li.drop-down > a:after {
  display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.page-menu li a {font-size: 2rem; color: #dfe8ee; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center; position: relative; z-index: 1;}
.page-menu li div {width: 100%; left: 0; display: none;}
.page-menu li:hover div {display: block;}
.page-menu li ul {padding: 8px 0; background-color: #1f2021; }
.page-menu li ul li {width: 100%; max-width: 100%; position: relative;}
.page-menu li ul li:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: ; background-color: #363739; height: 0;}
.page-menu li ul li:hover:after {height: 100%;}
.page-menu li ul li.on:after {background-color: #457cb7; height: 100%;}
.page-menu li ul li a {font-size: 2rem; color: #f2f5f8; position: relative; z-index: 1;}
*/

#header {position: relative; background: #1D5DA5;}
#header ul li a {font-size: 2rem; color: #FFFFFF; font-weight: bold; display: block; padding: 2.3rem 2.5rem;}
#header .container {max-width: 1400px; padding: 0 0; margin: 0 auto;}

.spring #header {background: #1D5DA5;}
.fall #header {background: #56AD87;}

.header-mobile {position: absolute; z-index: 5; background: #ffffff; width: 310px; right: 0; top: 0; height: 100vh; overflow-y: scroll; display: none;}
.header-mobile.active {display: block;}
.mheader {background-color: #1D5DA5; padding: 6px 20px;}
.header-mobile li a {color: #000000; padding-top: 2rem; padding-bottom: 2rem; padding-left: 3.2rem; font-size: 18px; font-weight: 600; display: block; border-bottom: 1px solid #DBDBDB;}

.page-top {background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('/css/registration/img/page-top.png'); padding: 12.8rem 0 2.7rem;}

.spring .page-top {background-image: url('/css/registration/img/page-top.png');}
.fall .page-top {background-image: url('/css/registration/img/page-top2.png');}

.page-top h1 {color: #FFFFFF; font-family: SEBANG_Gothic_Bold; line-height: 0.8;}
.page-top h1 span {font-weight: 400;}
.page-top p {font-size: 2.4rem; font-family: SEBANG_Gothic_Bold; color: #FFFFFF; background: #1D5DA5; border-radius: 10px; padding: 1.5rem 3.5rem;}

.spring .page-top p {background: #1D5DA5;}
.fall .page-top p {background: #56AD87;}

.page-title {font-size: 4rem; color: #262626; padding: 3.9rem 35px; background-image: url('/css/registration/img/title-img.png'), url('/css/registration/img/title-img.png'); background-repeat: no-repeat; background-position: left center, right center;}
.custom-title {padding-left: 2rem; position: relative;}
.custom-title:after {content: ''; display: block; width: 1rem; height: 1rem; background: #1D5DA5; border-radius: 100%; left: 0; top: 1rem; position: absolute;}

.spring .page-title {background-image: url('/css/registration/img/title-img.png'), url('/css/registration/img/title-img.png'); }
.fall .page-title {background-image: url('/css/registration/img/title-img2.png'), url('/css/registration/img/title-img2.png'); }

.spring .custom-title:after {background: #1D5DA5;}
.fall .custom-title:after {background: #1DA57A;}

.snum {width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: #1D5DA5; font-size: 1.8rem; font-weight: 500; border-radius: 100%; color: #FFFFFF;}
.ri-info {padding-left: 3.5rem;}

.spring .snum {background: #1D5DA5;}
.fall .snum {background: #1DA57A;}

.custom-under {text-decoration: none; display: inline; box-shadow: inset 0 -10px 0 rgba(29, 93, 165, 0.20);}

.spring .custom-under {box-shadow: inset 0 -10px 0 rgba(29, 93, 165, 0.20);}
.fall .custom-under {box-shadow: inset 0 -10px 0 rgba(133, 165, 29, 0.20);}

.bank {padding: 3rem; background: #1D5DA5; border-radius: 10px;}

.spring .bank {background: #1D5DA5;}
.fall .bank {background: #1DA57A;}

.cms {padding: 3rem; background: #EBEBEB; border-radius: 10px;}
.cms h5 {font-size: 2rem; padding: 7px 2.3rem; background: #FFFFFF; border-radius: 10px;}

.in-cont-area {padding-top: 35px; padding-bottom: 50px; font-size: 1.8rem;}

.r-info h5 {padding-left: 1.7rem; margin-bottom: 15px; position: relative; font-weight: bold;}
.r-info h5:after {content: ''; display: block; width: 1.2rem; height: 1.2rem; background-color: #1a5ea7; border-radius: 100%; position: absolute; left: 0; top: 0.6rem;}
.r-info ul {padding-left: 4rem;}
.r-info > ul > li {padding-left: 1.5rem; margin-bottom: 5px; background-image: url('/css/egovframework/img/userpage/icon_03.jpg'); background-repeat: no-repeat; background-position: 0 0.7rem;}

.map {padding: 1rem 2rem; background: #1D5DA5; border-radius: 10px;}

.spring .map {background: #1D5DA5;}
.fall .map {background: #0D4E1E;}

#reg_table>tbody>tr>th {
  vertical-align: middle !important;
  background-color: #f5f5f5;
  padding: 1.2rem;
  font-size: 1.8rem;
}

#reg_table>tbody>tr>td {
  vertical-align: middle !important;
}

#reg_table {
  border-top: 2px solid #0c68b3 !important;
  border-bottom: 2px solid #0c68b3 !important;
}

.spring #reg_table {
	border-top: 2px solid #0c68b3 !important;
  	border-bottom: 2px solid #0c68b3 !important;
}
.fall #reg_table {
	border-top: 2px solid #1DA57A !important;
  	border-bottom: 2px solid #1DA57A !important;
}

#reg_table input, #reg_table select {border: 1px solid #D4D4D4; padding: 4px 10px; font-size: 1.8rem;}
#reg_table select {padding: 4px 10px 7px 10px;}

.consulting-check input {display: none;}
.consulting-check label {
	font-size: 1.8rem; color: #CFCFCF; border: 1px solid #CFCFCF; border-radius: 4px; padding: 1.1rem 2rem 1.1rem 5.2rem; margin-bottom: 0;
	background-image: url('/css/registration/img/check.svg'); background-repeat: no-repeat; background-position: left+1.4rem center;
	background-size: 2.7rem;
}
.consulting-check input[type=checkbox]:checked + label {color: #004EA2; background-image: url('/css/registration/img/check-on.svg'); border-color: #004EA2;}

.spring .consulting-check input[type=checkbox]:checked + label {color: #004EA2; background-image: url('/css/registration/img/check-on.svg'); border-color: #004EA2;}
.fall .consulting-check input[type=checkbox]:checked + label {color: #1DA57A; background-image: url('/css/registration/img/check-on2.svg'); border-color: #1DA57A;}

.custom-close {font-size: 1.6rem;}

.program h1 {background: #1D5DA5; border-radius: 10px; padding: 1.8rem; text-align: center; font-size: 3.2rem;}
.program h1 span {font-size: 2.4rem;}

.spring .program h1 {background: #1D5DA5;}
.fall .program h1 {background: #0D4E1E;}

.program-child > div {display: grid; grid-template-columns: 20% 54% 26%; margin: 0 -5px; border-radius: 10px; overflow: hidden;}
.program-child > div > div {padding: 0 5px;}
.program-child h5 {font-size: 2rem; font-weight: 600; color: #000000; background: #EBEBEB; border-radius: 10px; padding: 1rem 0; text-align: center;}

.program-child span {font-size: 1.7rem; display: flex; padding: 7px 0; text-align: center; height: 100%; align-items: center; justify-content: center;}
.program-child div:not(.coff) div span {color: #000000;}


.program-replay-child > div {display: grid; grid-template-columns: 50% 35% 15%; margin: 0 -5px; border-radius: 10px; overflow: hidden;}
.program-replay-child > div > div {padding: 0 5px;}
.program-replay-child h5 {font-size: 2rem; font-weight: 600; color: #000000; background: #EBEBEB; border-radius: 10px; padding: 1rem 0; text-align: center;}

.program-replay-child span {font-size: 1.7rem; display: flex; padding: 7px 0; text-align: center; height: 100%; align-items: center; justify-content: center;}
.program-replay-child div:not(.coff) div span {color: #000000;}

.program-tab li {flex: 1; border-bottom: 7px solid #1D5DA5;}
.program-tab li a {display: flex; text-align: center; background: #EBEBEB; font-size: 3.8rem; font-weight: bold; align-items: center; justify-content: center; padding: 1.2rem 0;}
.program-tab li.on a {background: #1D5DA5; color: #FFFFFF;}
.program-tab li a span {font-size: 2.4rem; padding-top: 5px;}

.spring .program-tab li {border-bottom: 7px solid #1D5DA5;}
.spring .program-tab li.on a {background: #1D5DA5;}

.fall .program-tab li {border-bottom: 7px solid #1DA57A;}
.fall .program-tab li.on a {background: #1DA57A;}

.program-tab-zone {background-color: #FFFFFF;}
.program-tab-zone > div {display: none;}
.program-tab-zone > div.on {display: block;}

.filedownload a {border: 1px solid rgb(221, 221, 221); padding: 2rem; border-radius: 10px; font-size: 2rem; text-align: left; background: #F9F9F9; display: flex; align-items: center; justify-content: space-between;}

.fall table thead th {background: #1DA57A !important;}

.micon {width: 3.8rem; height: 3.8rem; background-color: #1D5DA5; border-radius: 100%; margin-right: 1rem; background-repeat: no-repeat; background-position: center;}

.spring .micon {background-color: #1D5DA5;}
.fall .micon {background-color: #1DA57A;}

.micon.phone {background-image: url('/css/registration/img/phone.png');}
.micon.document {background-image: url('/css/registration/img/docu.png');}
.micon.email {background-image: url('/css/registration/img/email.png');}
.micon.download {background-image: url('/css/registration/img/download.png');}

.sicon {display: inline-block; width: 2.8rem; height: 2.8rem; background-color: #FFFFFF; border-radius: 100%; margin-left: 1rem; background-repeat: no-repeat; background-position: center; vertical-align: bottom;}
.sicon img {display: none;}

.sicon.arrow {background-image: url('/css/registration/img/btn-arrow.png');}
.sicon.find {background-image: url('/css/registration/img/btn-find.png');}
.sicon.check {background-image: url('/css/registration/img/btn-check.png');}
.sicon.cancel {background-image: url('/css/registration/img/btn-cancel.png');}

.spring .sicon.arrow {background-image: url('/css/registration/img/btn-arrow.png');}
.fall .sicon.arrow {background-image: url('/css/registration/img/btn-arrow2.png');}

.spring .sicon.find {background-image: url('/css/registration/img/btn-find.png');}
.fall .sicon.find {background-image: url('/css/registration/img/btn-find2.png');}

.spring .sicon.check {background-image: url('/css/registration/img/btn-check.png');}
.fall .sicon.check {background-image: url('/css/registration/img/btn-check2.png');}

.spring .sicon.cancel {background-image: url('/css/registration/img/btn-cancel.png');}
.fall .sicon.cancel {background-image: url('/css/registration/img/btn-cancel2.png');}

.pre-icon {position: fixed; bottom: 3rem; right: 3rem;}
.pre-icon a {display: block; background-size: 100% 100%; width: 14rem;}
.spring .pre-icon a {background-image: url('/css/registration/img/pre-icon2.svg');}
.fall .pre-icon a {background-image: url('/css/registration/img/pre-icon2.svg');}

.pre-header {width: 13rem; background-size: 100% 100%;}
.spring .pre-header {background-image: url('/css/registration/img/pre-header2_replay.svg');}
.fall .pre-header {background-image: url('/css/registration/img/pre-header2_replay.svg');}