@charset "UTF-8";
@import url("/resources/css/common.css");

.visual-area {
  position: absolute;
  width: 100%;
  height: 320px;
  z-index: -1;
}

.visual-area .visual {
  position: relative;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}

.visual-area .visual .desc {
  position: absolute;
  width: 100%;
  height: 320px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.visual-area .visual h2,
.visual-area .visual p {
  width: 1400px;
  margin: 0 auto;
}

.visual-area .visual h2 {
  position: relative;
  padding-left: 80px;
  margin-top: 145px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -2px;
  color: #fff;
}

.visual-area .visual h2::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  font-size: 35px;
  height: 65px;
  border-radius: 100%;
  color: #161b2f;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  line-height: 65px;
}

.visual-area .visual h2.sub-01::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.visual-area .visual h2.sub-02::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.visual-area .visual h2.sub-03::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.visual-area .visual h2.sub-04::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.visual-area .visual h2.sub-05::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.visual-area .visual p {
  padding-left: 81px;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 100;
  letter-spacing: 0;
  color: #fff;
}

.sub-area {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  margin-top: 260px;
  z-index: 10;
}

.sub-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  border-bottom: solid 1px #c5c7d6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.lnb-area {
  position: absolute;
  width: 1400px;
  margin: 0 auto;
}

.lnb-area>div,
.lnb-area nav {
  display: inline-block;
  margin-right: -3px;
}

.lnb-area nav {
  position: relative;
  z-index: 20;
  vertical-align: top;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.lnb-area div>a {
  display: inline-block;
  width: 59px;
}

.lnb-area div>a:hover::after {
  background-color: #e4e4e4;
}

.lnb-area div>a::after {
  border-right: solid 1px #dedfe5;
  border-left: solid 1px #dedfe5;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 59px;
  width: 59px;
  line-height: 59px;
  font-size: 18px;
  color: #1181c9;
  background: #f1f1f1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.lnb-area nav button {
  position: relative;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  width: 220px;
  text-align: left;
  border-right: solid 1px #dedfe5;
  z-index: 1;
}

.lnb-area nav button::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  color: #c5c7d6;
  position: absolute;
  right: 20px;
  top: 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.lnb-area nav>ul {
  display: none;
}

.lnb-area nav button:hover::after {
  color: #1181c9;
}

.lnb-area nav.on {
  height: 100%;
  background: #1181c9;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.lnb-area nav.on button {
  background: #0f72b1;
  border-right: none;
  font-weight: 500;
  color: #fff;
}

.lnb-area nav.on button::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
}

.lnb-area nav.on ul {
  padding-bottom: 10px;
}

.lnb-area nav.on ul li a {
  color: #fff;
  display: block;
  padding: 0 20px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.lnb-area nav.on ul li a:hover,
.lnb-area nav.on ul li a.on {
  background-color: #1390e1;
}

.lnb-area .go-top-btn {
  display: none;
}

.sub-area.top-fix {
  position: fixed;
  width: 100%;
  top: 0;
  margin-top: 0;
  z-index: 999;
}

.sub-area.top-fix::before {
  background: #16192c;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  border: none;
}

.sub-area.top-fix .lnb-area {
  position: relative;
}

.sub-area.top-fix .lnb-area div>a:hover::after {
  background-color: #2c3258;
}

.sub-area.top-fix .lnb-area div>a::after {
  height: 60px;
  border: none;
  background: #222744;
}

.sub-area.top-fix .lnb-area nav button {
  border-right: solid 1px #222744;
  color: #fff;
}

.sub-area.top-fix .lnb-area nav button::after {
  color: #fff;
}

.sub-area.top-fix .lnb-area nav button:hover::after {
  color: #fff;
}

.sub-area.top-fix .go-top-btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  width: 60px;
  height: 60px;
}

.sub-area.top-fix .go-top-btn:hover::after {
  background: #1390e1;
}

.sub-area.top-fix .go-top-btn::after {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  line-height: 60px;
  width: inherit;
  height: inherit;
  background: #1181c9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  -webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);
}

/*.contents-area {
  width: 1400px;
  margin: 400px auto 100px auto;
  line-height: 1.4;
}*/

.contents-area {
  width: 100%;
  line-height: 1.4;
  /*word-break: keep-all;*/
  text-align: justify;
  margin: 400px auto 100px auto;
  /*position: relative;
    top: 150px;*/
}

.cont-wrap,
.cont-wrap.bg-100 .container {
  width: 1400px;
  margin: 40px auto 100px;
  line-height: 1.4;
  box-sizing: border-box;
}

.cont-wrap.bg-100,
.cont-wrap.bg-100 section {
  width: 100%;
}

.cont-wrap.bg-100 section {
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.cont-wrap.bg-100 section.section-bg {
  padding: 10px 0;
}

.contents-area.sub-0102 {
  margin: 400px auto 0 auto;
}

.cont-wrap.bg-100.sub-0102 {
  margin: 100px auto 0px;
}

.sub-0102 .section-bg .container {
  margin: 40px auto;
}

.sub-title-01 {
  font-size: 35px;
  color: #000;
  margin-bottom: 60px;
}

.sub-title-01 span {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
}

.sub-title-01 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  width: 100%;
  background: #1181c9;
}

.sub-title-hbys {
	margin-top:100px;
}

.sub-title-01,
.sub-title-02,
.sub-title-03 {
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
}

.sub-title-02 {
  font-size: 30px;
  border-top: solid 1px #dedfe5;
  border-bottom: solid 1px #dedfe5;
  padding: 10px 0;
  margin-bottom: 60px;
}

.sub-title-02.sm {
  font-size: 20px;
  margin-bottom: 40px;
}

.sub-title-02.sm span {
  color: #1181c9;
}

.sub-title-03 {
  font-size: 23px;
  text-align: left;
  margin-bottom: 20px;
  line-height: 100%;
  padding-left: 10px;
  border-left: solid 3px #1181c9;
}

.sub-title-info {
  position: relative;
  line-height: 1.4;
  padding: 10px 10px 10px 35px;
  border-top: solid 1px #e6e5db;
  background: #fffef0;
}

.sub-title-info::before {
  position: absolute;
  left: 15px;
  top: 11px;
  width: 14px;
  height: 14px;
  color: #c62525;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.page-desc {
  font-size: 16px;
  padding: 30px;
  background: #f0f3f5;
  margin-bottom: 40px;
}

.page-desc.bor {
  border-left: solid 3px #1181c9;
}

.tabs {
  font-size: 16px;
  margin-bottom: 20px;
}

.tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs ul li {
  position: relative;
  text-align: center;
  height: 60px;
  border-top: solid 5px #fff;
  border-bottom: solid 5px #fff;
  background: #f0f3f5;
}

.tabs ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  height: 20px;
  width: 1px;
  background: #ccc;
}

.tabs ul li:first-child::before {
  display: none;
}

.tabs ul li a {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  padding: 0 35px;
  line-height: 50px;
  font-weight: 500;
}

.tabs ul li.on {
  line-height: 60px;
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  border: none;
  background: #1181c9;
  z-index: 1;
}

.tabs ul li.on::before {
  display: none;
}

.tabs ul li.on+li::before {
  display: none;
}

.tabs ul li.on a {
  color: #fff;
}

.tabs.full ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabs.full ul li {
  width: 100%;
}

.tabs-title {
  text-align: center;
  font-size: 26px;
  border-top: solid 1px #dedfe5;
  border-bottom: solid 1px #dedfe5;
  margin-bottom: 30px;
}

.tabs-title a {
  text-align: center;
  font-weight: 300;
  display: inline-block;
  padding: 10px 0;
  margin: 0 20px;
  letter-spacing: -1px;
}

.tabs-title a.on {
  font-weight: 700;
  border-bottom: solid 3px #1181c9;
}

.sch-area {
  font-size: 16px;
  padding: 20px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sch-area.bor {
  border: solid 1px #c5c7d6;
  -webkit-box-shadow: 0 4px 0 #f2f2f6;
  box-shadow: 0 4px 0 #f2f2f6;
  margin-bottom: 30px;
}

.sch-area .total {
  line-height: 34px;
}

.sch-area .sch-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sch-area .sch-group>* {
  margin-left: 5px;
  width: 100%;
}

.sch-area label {
  margin: 0;
  padding: 0;
  position: absolute;
  left: -30000%;
  overflow: hidden;
}

.sch-table-area {
  font-size: 16px;
  padding: 20px 35px;
  border: solid 1px #c5c7d6;
  -webkit-box-shadow: 0 4px 0 #f2f2f6;
  box-shadow: 0 4px 0 #f2f2f6;
  margin-bottom: 30px;
}

.sch-table-area table input+*,
.sch-table-area table select+*,
.sch-table-area table button+* {
  margin-left: 0.25rem;
}

.sch-table-area table th {
  text-align: left;
  background: #fff;
}

.sch-table-area table th span {
  position: relative;
  overflow: hidden;
  color: transparent;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -100px;
  margin-left: 5px;
}

.sch-table-area table th span::after {
  position: absolute;
  left: 100px;
  top: 2px;
  color: #c62525;
  width: inherit;
  height: inherit;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.sch-table-area table th,
.sch-table-area table td {
  border-bottom: dashed 1px #dedfe5;
  padding: 10px 0;
  vertical-align: middle;
}

.sch-table-area .sch-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
}

.sch-table-area .sch-btn-area a,
.sch-table-area .sch-btn-area button {
  margin-left: 5px;
}

.step-area {
  margin-bottom: 30px;
}

.step-area ul {
  position: relative;
  height: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  padding: 0 35px;
}

.step-area ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1400px;
  height: 5px;
  background: #e2e3e8;
  background-clip: content-box;
}

.step-area ul li {
  padding: 35px 0;
  font-size: 16px;
  position: relative;
  font-weight: 500;
  color: #a5acc3;
}

.step-area ul li::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #a1a8bc;
  background: #fff;
  border: solid 5px #fff;
}

.step-area ul li span {
  margin-top: 40px;
  letter-spacing: 0;
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.step-area ul li.on,
.step-area ul li:hover,
.step-area ul li:hover::before {
  color: #5578eb;
}

.step-area ul li.on {
  font-weight: 700;
}

.step-area ul li.on span {
  font-weight: 500;
}

.step-area ul li.on::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #5578eb;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.table {
  border-top: solid 2px #999;
  border-bottom: solid 2px #dedfe5;
  font-size: 16px;
  margin-bottom: 30px;
  letter-spacing: 0;
}

.table > caption {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.table a:hover {
  text-decoration: underline;
}

/*
.table input+*,
.table select+*,
.table button+* {
  margin-left: 0.25rem;
}
*/

.table th,
.table td {
  padding: 15px;
  line-height: 1.4;
  border-bottom: solid 1px #dedfe5;
  vertical-align: middle;
}

.table th:last-child,
.table td:last-child {
  border-right: none;
}

.table th.th-row-bor {
  border-right: 1px solid #dedfe5;
}

.table em {
  font-size: 12px;
  font-weight: 300;
  color: #6c757d;
}

.table table {
  border: solid 1px #dedfe5;
  margin-bottom: 0;
}

th {
  font-weight: 500;
  background: #f5f8fd;
}

table.list tr:hover {
  background: #fafcff;
}

table.list th,
table.list td {
  text-align: center;
}

table.list .notice,
table.list .notice:hover {
  background: #fbfaf3;
}

table.list .empty {
  background: #fcfcfd;
  height: 200px;
  color: #666;
}

table.view .desc {
  padding: 50px;
  line-height: 1.6;
  letter-spacing: 0;
}

table.view th,
table.view td,
table.write-01 th,
table.write-01 td,
table.write-02 th,
table.write-02 td {
  border-right: solid 1px #dedfe5;
  text-align: left;
  padding: 15px 35px;
}


.btn-primary span {
position: relative;
  color: transparent;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -100px;
  margin-left: 5px;
}

.btn-primary span::after {
	position: absolute;
  left: 45px;
  top: 5px;
  color: #c62525;
  width: inherit;
  height: inherit;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

table.write-01 th span{
  position: relative;
  overflow: hidden;
  color: transparent;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -100px;
  margin-left: 5px;
}

table.write-02 th span {
  position: relative;
  color: transparent;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -100px;
  margin-left: 5px;
}

table.write-01 th span::after{
  position: absolute;
  left: 100px;
  top: 2px;
  color: #c62525;
  width: inherit;
  height: inherit;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

table.write-02 th span::after {
  position: absolute;
  left: 45px;
  top: 2px;
  color: #c62525;
  width: inherit;
  height: inherit;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

table.write-02 th,
table.write-02 td {
  text-align: center;
}

.row-border td:last-child {
  border-left: 1px solid #dedfe5;
}

.file-ico {
  position: relative;
  text-indent: 30px;
  line-height: 30px;
}

.file-ico a {
  text-decoration: underline;
}

.file-ico img {
  width: 10px;
  height: auto;
  cursor: pointer;
  margin-left: 3px;
}

.file-ico::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 23px;
  height: 23px;
}

.file-ico.csv::before {
  background: url(/resources/images/common/ext/csv.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.doc::before {
  background: url(/resources/images/common/ext/doc.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.etc::before {
  background: url(/resources/images/common/ext/etc.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.exe::before {
  background: url(/resources/images/common/ext/exe.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.gif::before {
  background: url(/resources/images/common/ext/gif.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.hwp::before {
  background: url(/resources/images/common/ext/hwp.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.jpg::before {
  background: url(/resources/images/common/ext/jpg.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.pdf::before {
  background: url(/resources/images/common/ext/pdf.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.png::before {
  background: url(/resources/images/common/ext/png.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.ppt::before {
  background: url(/resources/images/common/ext/ppt.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.txt::before {
  background: url(/resources/images/common/ext/txt.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.xls::before {
  background: url(/resources/images/common/ext/xls.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.xlsx::before {
  background: url(/resources/images/common/ext/xls.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.xml::before {
  background: url(/resources/images/common/ext/xml.svg) no-repeat left top;
  background-size: contain;
}

.file-ico.zip::before {
  background: url(/resources/images/common/ext/zip.svg) no-repeat left top;
  background-size: contain;
}

.stat-01,
.stat-02,
.stat-03,
.stat-04,
.stat-05 {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  width: 60px;
  line-height: 24px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.stat-01 {
  background: #37924c;
}

.stat-02 {
  background: #b7bacb;
}

.stat-03 {
  background: #0099cc;
}

.stat-04 {
  background: #e18942;
}

.stat-05 {
  background: #16192c;
}

.pg-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px 0 100px 0;
  line-height: 0;
}

.pg-num a {
  position: relative;
  font-family: "Roboto";
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  border: solid 1px #dedfe5;
  margin: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pg-num a:hover {
  color: #485bce;
}

.pg-num a.on {
  color: #fff;
  background: #485bce;
  border: solid 1px #485bce;
}

.pg-num a:hover {
  border-color: #485bce;
}

.pg-num .prev::after,
.pg-num .next::after,
.pg-num .first::after,
.pg-num .end::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  z-index: 1;
}

.pg-num .first::after {
  content: "\f100";
}

.pg-num .end::after {
  content: "\f101";
}

.pg-num .prev::after {
  content: "\f104";
}

.pg-num .next::after {
  content: "\f105";
}

.gallery-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gallery-list li {
  margin: 0 30px 30px 0;
}

.gallery-list li:nth-of-type(4n + 0) {
  margin-right: 0;
}

.gallery-list li a {
  width: 327.5px;
  overflow: hidden;
  display: block;
  border: solid 1px #c5c7d6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-list .empty {
  background: #f9fafc;
  padding: 100px 0;
  color: #666;
  font-size: 16px;
  text-align: center;
}

.gallery-list li a {
  height: 420px;
}

.gallery-list li div {
  height: 270px;
  overflow: hidden;
  border-bottom: solid 1px #dedfe5;
  background: #fff;
}

.gallery-list li img {
  width: 100%;
  min-height: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.gallery-list li p {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  margin: 30px;
}

.gallery-list li p span {
  font-weight: 300;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 70px;
}

.gallery-list a:hover {
  border: solid 1px #1181c9;
  border-bottom-width: 7px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.gallery-list a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.gallery-list a:hover a {
  color: #1181c9;
}

.program-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.program-list li {
  margin: 0 30px 30px 0;
}

.program-list li:nth-of-type(4n + 0) {
  margin-right: 0;
}

.program-list li a {
  width: 327.5px;
  overflow: hidden;
  display: block;
  border: solid 1px #efefef;
  color: #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.program-list li a div span:last-of-type {
  border-top: dashed 1px #efefef;
}

.program-list li a:hover {
  color: #999;
  border: solid 1px #ccc;
}

.program-list li a:hover p {
  background: #ccc;
}

.program-list li a:hover h5 {
  background: #efefef;
  border-bottom: solid 1px #dcdcdc;
}

.program-list li h5,
.program-list li div {
  padding: 30px;
}

.program-list li h5 {
  font-size: 17px;
  font-weight: 500;
  border-bottom: solid 1px #efefef;
  background: #f7f7f7;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.program-list li p {
  padding: 10px 0;
  text-align: center;
  background: #efefef;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.program-list li p i {
  margin-right: 5px;
}

.program-list li div span {
  display: block;
  font-weight: 500;
  letter-spacing: -1px;
}

.program-list li div span:last-of-type {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 1px #ccc;
}

.program-list li a.on {
  color: #333;
  border: solid 1px #5578eb;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.program-list li a.on h5 {
  background: #f5f8fd;
  color: #5578eb;
  border-bottom: solid 1px #e5e9ec;
}

.program-list li a.on span {
  font-weight: 700;
}

.program-list li a.on p {
  background: #5578eb;
  color: #fff;
  border: solid 2px #5578eb;
}

.program-list li a.on:hover {
  border: solid 1px #476de9;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.program-list li a.on:hover h5 {
  background: #e8effa;
  color: #476de9;
  border-bottom: solid 1px #dce2e6;
}

.program-list li a.on:hover p {
  background: #476de9;
  border: solid 2px #476de9;
}

.account-apply a {
  position: relative;
  background-color: #f5f8fd;
  display: block;
  padding: 50px;
  height: 250px;
  font-size: 16px;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  width : auto;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}

.account-apply a span {
  position: absolute;
  left: 50px;
  bottom: 50px;
  padding: 10px 40px;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
}

.account-apply a::before,
.account-apply a::after {
  content: "";
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  width: 1000px;
  height: 1000px;
  position: absolute;
}

.account-apply a::before {
  left: -1050px;
  top: -620px;
  background-color: rgba(255, 255, 255, 0);
}

.account-apply a::after {
  right: -870px;
  top: -60px;
  background-color: rgba(255, 255, 255, 0);
}

.account-apply a em {
  position: absolute;
  right: 30px;
  top: -50px;
  width: 500px;
  height: 500px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.5;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.account-apply a:nth-of-type(1) em {
  background-image: url(/resources/images/sub/account_apply_01.svg);
}

.account-apply a:nth-of-type(1) span {
  background: #1181c9;
}

.account-apply a:nth-of-type(2) em {
  background-image: url(/resources/images/sub/account_apply_02.svg);
}

.account-apply a:nth-of-type(2) span {
  background: #5578eb;
}

.account-apply a:nth-of-type(3) em {
  background-image: url(/resources/images/sub/account_apply_03.svg);
}

.account-apply a:nth-of-type(3) span {
  background: #2cb4a6;
}

.account-apply a:nth-of-type(4) em {
  background-image: url(/resources/images/sub/account_apply_04.svg);
}

.account-apply a:nth-of-type(4) span {
  background: #E18942;
}

.account-apply a:nth-of-type(5) em {
  background-image: url(/resources/images/sub/account_apply_05.svg);
}

.account-apply a:nth-of-type(5) span {
  background: #c84444;
}

.account-apply h5 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 15px;
}

.account-apply ul {
  padding: 15px 0;
  border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
  margin-bottom: 15px;
}

.account-apply div {
  display: none;
  color: rgba(255, 255, 255, 0);
}

.account-apply a.on,
.account-apply a:hover {
  height: 420px;
  margin-left: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border: none;
  color: #fff;
  z-index: 1;
}

.account-apply a.on div,
.account-apply a:hover div {
  display: block;
  color: white;
}

.account-apply a.on span,
.account-apply a:hover span {
  background: #fff;
}

.account-apply a.on::before,
.account-apply a:hover::before {
  left: -600px;
  top: -870px;
  background-color: rgba(255, 255, 255, 0.05);
}

.account-apply a.on::after,
.account-apply a:hover::after {
  right: -443px;
  top: 115px;
  background-color: rgba(255, 255, 255, 0.05);
}

.account-apply a.on em,
.account-apply a:hover em {
  right: 50px;
  top: 50px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.account-apply a.on:nth-of-type(1),
.account-apply a:hover:nth-of-type(1) {
  background: #1181c9;
}

.account-apply a.on:nth-of-type(1) span,
.account-apply a:hover:nth-of-type(1) span {
  color: #1181c9;
}

.account-apply a.on:nth-of-type(2),
.account-apply a:hover:nth-of-type(2) {
  background: #5578eb;
}

.account-apply a.on:nth-of-type(2) span,
.account-apply a:hover:nth-of-type(2) span {
  color: #5578eb;
}

.account-apply a.on:nth-of-type(3),
.account-apply a:hover:nth-of-type(3) {
  background: #2cb4a6;
}

.account-apply a.on:nth-of-type(3) span,
.account-apply a:hover:nth-of-type(3) span {
  color: #2cb4a6;
}

.account-apply a.on:nth-of-type(4),
.account-apply a:hover:nth-of-type(4) {
  background: #E18942;
}

.account-apply a.on:nth-of-type(4) span,
.account-apply a:hover:nth-of-type(4) span {
  color: #E18942;
}

.account-apply a.on:nth-of-type(5),
.account-apply a:hover:nth-of-type(5) {
  background: #c84444;
}

.account-apply a.on:nth-of-type(5) span,
.account-apply a:hover:nth-of-type(5) span {
  color: #c84444;
}

.faq-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
  border-top: solid 1px #c5c7d6;
  padding-top: 35px;
}

.faq-category>div {
  width: 18%;
  margin-bottom: 40px;
}

.faq-category>div:last-child {
  margin-right: 0;
}

.faq-category h4 {
  position: relative;
  border-top: solid 2px #1181c9;
  color: #fff;
  background: #1181c9;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 20px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.faq-category ul {
  background: #f0f3f5;
}

.faq-category ul li a {
  text-indent: 20px;
  border-bottom: solid 1px #dedfe5;
  display: block;
  font-size: 15px;
  line-height: 45px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.faq-category ul li a:hover,
.faq-category ul li a.on {
  background: #fff;
  color: #1181c9;
  font-weight: 500;
  position: relative;
}

.faq-category ul li a:hover::after,
.faq-category ul li a.on::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1181c9;
}

.faq-list {
  border-bottom: solid 2px #dedfe5;
}

.faq-list dt a,
.faq-list dl.on dd {
  position: relative;
  display: block;
  padding: 30px 30px 30px 105px;
  min-height: 80px;
  font-size: 16px;
}

.faq-list dt a::before,
.faq-list dl.on dd::before {
  font-family: "Saira Stencil One", cursive;
  position: absolute;
  left: 30px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  border-radius: 50%;
  text-align: center;
}

.faq-list dt a {
  border-top: solid 2px #dedfe5;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.faq-list dt a::before {
  content: "Q";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #6c8aee;
}

.faq-list dd {
  display: none;
}

.faq-list dl.on dt {
  background: #eaf1fd;
}

.faq-list dl.on dd {
  border-top: dashed 1px #dedfe5;
  border-bottom: solid 1px #dedfe5;
  line-height: 1.6;
  background: #f5f8fd;
}

.faq-list dl.on dd::before {
  content: "A";
  top: 30px;
  background: #7fc6f4;
}

.faq-empty {
  background: #f9fafc;
  padding: 100px 0;
  color: #666;
  font-size: 16px;
  text-align: center;
}

.sub-contents-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sub-contents-area .snb {
  width: 250px;
}

.sub-contents-area .content {
  width: 1120px;
}

.sub-contents-area .snb ul>li>a {
  background: #1181c9;
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 10px 15px;
  font-size: 16px;
  position: relative;
  border-bottom: solid 1px #dedfe5;
}

.sub-contents-area .snb ul>li>a:hover {
  background-color: #1390e1;
  color: #fff;
}

/* 
.sub-contents-area .snb ul > li > a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  content: "";
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 20px;
  top: 11px;
}
 */
.sub-contents-area .snb ul>li>a.on::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sub-contents-area .snb ul>li>ul>li>a {
  background: #f5f8fd;
  font-weight: 500;
  font-size: 14px;
  border-top: none;
  color: #1181c9;
}

.sub-contents-area .snb ul>li>ul>li>a::after {
  content: "";
  display: none;
}

.sub-contents-area .snb ul>li>ul>li>a:hover {
  background-color: #e8effa;
  color: #1181c9;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a {
  color: #666;
  background: #fff;
  border-bottom: dashed 1px #dedfe5;
  padding: 5px 30px;
  font-weight: 400;
  position: relative;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a:hover {
  background-color: #fff;
  font-weight: 500;
  color: #333;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 14px;
  height: 3px;
  width: 3px;
  border-radius: 3px;
  background: #999;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a:hover::before {
  background: #1181c9;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a.on {
  font-weight: 500;
  color: #333;
  border-color: #ccc;
}

.sub-contents-area .snb ul>li>ul>li>ul>li>a.on::before {
  background: #1181c9;
}

.sub-contents-area .snb ul>li>ul>li>ul>li:last-child a {
  border-bottom: solid 1px #dedfe5;
}

.sub-contents-area .snb ul>li>ul {
  display: none;
}

.sub-contents-area .snb ul.on {
  display: block;
}

.search-result-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px 0;
}

.search-result-area>div:first-of-type {
  width: 75%;
  padding-right: 100px;
}

.search-result-area>div:first-of-type>ul {
  padding-bottom: 40px;
  border-bottom: solid 1px #dedfe5;
}

.search-result-area>div:first-of-type>ul>li {
  position: relative;
  font-weight: 700;
  font-size: 22px;
  padding: 20px 15px;
  letter-spacing: -1px;
}

.search-result-area>div:first-of-type>ul>li .btn-more {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}

.search-result-area>div:first-of-type>ul>li .btn-more:hover {
  text-decoration: underline;
}

.search-result-area>div:first-of-type>ul>li .btn-more i {
  margin-left: 5px;
}

.search-result-area>div:first-of-type>ul>li>ul {
  letter-spacing: 0;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
}

.search-result-area>div:first-of-type>ul>li>ul>li:last-child dd {
  padding-bottom: 0;
}

.search-result-area>div:first-of-type dt a {
  color: #1a0dab;
}

.search-result-area>div:first-of-type dt a:hover {
  text-decoration: underline;
}

.search-result-area>div:first-of-type dd {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0 30px;
}

.search-result-area>div:first-of-type dd p {
  color: #006621;
  padding-bottom: 5px;
  font-size: 14px;
}

.search-result-area>div:first-of-type dd button {
  color: #006621;
}

.search-result-area>div:first-of-type span {
  color: #999;
  display: inline-block;
  font-weight: 400;
  margin-left: 5px;
  font-size: 15px;
}

.search-result-area>div:first-of-type strong {
  font-weight: 900;
}

.search-result-area>div:last-of-type {
  width: 25%;
}

.search-result-area>div:last-of-type h5 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: -30000%;
  overflow: hidden;
}

.search-result-area>div:last-of-type table th,
.search-result-area>div:last-of-type table td {
  display: block;
  border-bottom: none;
  padding: 0;
}

.search-result-area>div:last-of-type table th {
  font-size: 13px;
  padding: 15px 0 5px 0;
  letter-spacing: -1px;
}

.search-result-area>div:last-of-type table td {
  border-bottom: dashed 1px #dedfe5;
  padding-bottom: 15px;
}

.search-result-area>div:last-of-type .sch-btn-area {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-result-area .empty {
  background: #f9fafc;
  padding: 50px 0;
  color: #666;
  font-size: 15px;
  text-align: center;
  font-weight: normal;
  margin-top: 20px;
}

.search-result-area>div.sch-empty>ul>li {
  padding: 0;
}

.search-result-area .sch-empty .empty {
  background: #f9fafc;
  padding: 115px 0 35px;
  color: #666;
  font-size: 15px;
  text-align: center;
  font-weight: normal;
  margin-top: 0;
  position: relative;
}

.search-result-area .sch-empty .empty:before {
  content: '';
  position: absolute;
  top: 30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 68px;
  background: url(/resources/images/sub/bg_empty.png) no-repeat;
}


.introduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.introduce>div {
  padding: 0 60px 0 0;
  line-height: 1.6;
  font-size: 16px;
}

.introduce>div p {
  text-indent: 10px;
  margin-bottom: 25px;
  text-align: justify;
}

.introduce>div div {
  padding-top: 20px;
  text-align: right;
}

.introduce>div div span {
  font-weight: 500;
  font-size: 22px;
}

.qna-area {
  background: #f5f8fd;
  padding: 50px;
}

.qna-area .question,
.qna-area .answer {
  position: relative;
}

.qna-area .question h4,
.qna-area .answer h4 {
  position: absolute;
  top: -30px;
  font-family: "Saira Stencil One", cursive;
  width: 80px;
  height: 80px;
  font-size: 50px;
  line-height: 80px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.qna-area .attach-file {
  border-top: dashed 1px #c5c7d6;
  padding-top: 20px;
  font-size: 15px;
}


.qna-area .question {
  width: 80%;
  padding: 70px 40px 40px 40px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px #ced8e7;
  box-shadow: 0 0 20px #ced8e7;
  background: #fff;
}

.qna-area .question h4 {
  left: 40px;
  background: #1181c9;
  padding-left: 0;
}

.qna-area .question p {
  font-size: 16px;
}

.qna-area .question>* {
  margin-bottom: 20px;
}

.qna-area .question>*:last-child {
  margin: 0;
}

.qna-area .question>div:first-of-type {
  color: #999;
  position: relative;
}

.qna-area .question>div:first-of-type i {
  margin-right: 5px;
  color: #ccc;
}

.qna-area .question>div:first-of-type span {
  position: absolute;
  right: 0;
  top: 0;
}

.qna-area .question h5 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2;
}

.qna-area .question em {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.qna-area .question em i {
  margin-right: 5px;
  color: #38a7ee;
}

.qna-area .question .question-btn {
  margin-top: 20px;
}

.qna-user-info {
  display: flex;
  flex-direction: column;
  padding-left: 22px;
  color: #999;
}

.qna-user-info>span {
  margin-bottom: 5px;
}

.qna-area .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 50px;
  font-size: 16px;
}

.qna-area .answer h4 {
  right: 40px;
  background: #485bce;
  padding-left: 0;
}

.qna-area .answer>div:first-of-type {
  width: 80%;
  padding: 70px 40px 40px 40px;
  border-radius: 10px;
  background: #e5e7f4;
}

.qna-area .answer>div:first-of-type>* {
  margin-bottom: 20px;
}

.qna-area .answer>div:first-of-type>*:last-child {
  margin: 0;
}

.qna-area .answer>div:first-of-type>div:first-of-type {
  position: relative;
  font-weight: 500;
}

.qna-area .answer>div:first-of-type>div:first-of-type span {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}

.qna-area .answer>div:first-of-type>div:first-of-type i {
  margin-right: 5px;
  color: #707fd9;
}

.qna-area .answer+.question {
  margin-top: 50px;
}

.qna-area .answer .answer-btn {
  margin-top: 20px;
}

.answer-btn.adjust {
  display: flex;
  justify-content: space-between;
}

.answer-btn.adjust.center {
  align-items: center; 
}

.terms {
  height: 300px;
  padding: 35px;
  border: solid 1px #dedfe5;
  overflow-y: auto;
  line-height: 1.6;
  color: #666;
  background: #fbfcfd;
}

.terms h6 {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  margin-top: 20px;
}

.terms h6:first-of-type {
  margin-top: 0;
}

.terms p {
  margin-top: 10px;
}

.terms p:first-of-type {
  margin-top: 0;
}

.terms table {
  font-size: 14px;
  margin-top: 10px;
}

.terms table th,
.terms table td {
  text-align: center;
}

.terms a {
  color: #1181c9;
  font-weight: 500;
}

.terms a:hover {
  color: #485bce;
  text-decoration: underline;
}

.terms ol {
  margin-top: 5px;
  counter-reset: num;
}

.terms ol>li {
  position: relative;
  padding-left: 23px;
}

.terms ol>li::before {
  content: counter(num);
  counter-increment: num 1;
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 13px;
  border: solid 1px #777;
  border-radius: 13px;
  font-size: 10px;
  text-align: center;
  line-height: 13px;
  vertical-align: 1px;
  margin: 0 3px 0 0;
}

.terms ol>li>ul {
  padding-left: 15px;
  margin-top: 5px;
}

.terms ol>li>ul li {
  position: relative;
  padding-left: 0;
}

.terms ol>li>ul li::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  vertical-align: middle;
  margin-right: 5px;
}

.terms-agree {
  margin-top: 15px;
  font-size: 16px;
  text-align: right;
}

.total-agree {
  margin-top: 15px;
  font-size: 16px;
  padding: 15px;
  text-align: center;
  background: #f5f8fd;
  border-top: solid 1px #d9e1ed;
  font-weight: 500;
  color: #485bce;
  border-bottom: solid 1px #d9e1ed;
}

.agree-desc {
  color: #485bce;
  font-weight: 500;
  font-size: 16px;
  text-align: right;
  margin: 15px 0 30px 0;
}

.apply-step2 {
  font-size: 16px;
  background: url(../images/sub/apply_step.svg) no-repeat;
  background-position: 830px 10px;
  background-size: 37%;
  height: 550px;
}

.apply-step2>div {
  width: 700px;
  padding-top: 30px;
}

.apply-step2>div strong {
  display: block;
  font-weight: 500;
  margin: 10px 0 30px 0;
  color: #5578eb;
  padding: 10px;
  background: #f5f8fd;
}

.apply-step2 .page-desc {
  margin-top: 70px;
  font-size: 15px;
  background: none;
  border: dotted 2px #dedfe5;
}

.apply-step2 .page-desc p {
  margin-bottom: 5px;
}

.apply-step2 .page-desc p:first-of-type {
  color: #1181c9;
  font-weight: 500;
}

.apply-step2 .page-desc em {
  color: #666;
}



/* jylee */
h3 strong {
  color: #0d84c8;
}

h3 em {
  font-size: 0.65em;
  font-weight: normal;
}

.gray {
  color: #767676 !important;
}

li p {
  margin-left: 0;
}

.t-blue {
  color: #0d84c8;
  line-height: 21px;
}

.sub-tit {
  font-size: 22px;
}

.sub-text {
  font-size: 16px;
  line-height: 24px;
}

.sub-0305 .sub-text {
  margin-bottom: 10px;
}

.sub-text strong {
  background-color: #e4f7ff;
  font-weight: bold;
}

p>span {
  font-weight: bold;
}

span.point {
  color: #0d84c8;
}

a.link {
  color: #0d84c8;
}

a.link:hover {
  text-decoration: underline;
  font-weight: bold;
}

.box-blue {
  width: 100%;
  height: auto;
  border: 1px solid #0d84c8;
  padding: 30px;
}

.box-blue img {
  width: 100%;
}

.box-blue .page-desc {
  margin-bottom: 0;
  position: relative;
}

.page-desc {
  position: relative;
}

.page-desc button {
  position: absolute;
  top: 25px;
  right: 25px;
}

.page-desc button i {
  margin-left: 8px;
  margin-right: 0;
}

.box-gray {
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 30px;
}

.box-gray {
  text-align: center;
}


/* table style */
table p>em.t-red {
  color: #de3a46;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

table p.t-blue {
  color: #0d84c8;
  font-size: 14px;
  line-height: 18px;
}

table.center thead tr th,
table.center tbody tr th,
table.center tbody tr td {
  text-align: center;
}

table.center tbody tr th {
  background: #f7f7f7;
}

table.center tbody tr td.bg_point {
  background: #eef2ff;
}

table tr.p-1510>th,
table tr.p-1510>td {
  padding: 15px 10px;
}

/* scroll-icon */
.table-scroll {
  display: none;
}


/* ul style */
ul.type-card,
ul.type-p,
ul.img-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

ul.type-card>li {
  padding-top: 185px;
  width: 320px;
  height: auto;
  position: relative;
  text-align: center;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  border: solid 1px #dcdcdc;
}

ul.type-card li p {
  margin-bottom: 15px;
}

ul.type-card.card-3>li {
  width: 430px;
}

ul.type-p li {
  width: 48.5%;
}

ul.type-p li p {
  margin-bottom: 20px;
  text-align: justify;
}

ul.type-card .t-red {
  color: #de3a46;
  background: none;
}

.sub-0318 ul.type-card .sub-text strong {
  background: none;
}

/* type-card bg */
.type-card>li {
  background-position: center 30px;
  background-size: auto;
  background-repeat: no-repeat;
}

.type-card .mission_list:nth-of-type(1) {
  background-image: url(/resources/images/sub/mission_list_01.png)
}

.type-card .mission_list:nth-of-type(2) {
  background-image: url(/resources/images/sub/mission_list_02.png)
}

.type-card .mission_list:nth-of-type(3) {
  background-image: url(/resources/images/sub/mission_list_03.png)
}

.type-card .mission_list:nth-of-type(4) {
  background-image: url(/resources/images/sub/mission_list_04.png)
}

.type-card .organ_list:nth-of-type(1) {
  background-image: url(/resources/images/sub/organ_list_01.png)
}

.type-card .organ_list:nth-of-type(2) {
  background-image: url(/resources/images/sub/organ_list_02.png)
}

.type-card .organ_list:nth-of-type(3) {
  background-image: url(/resources/images/sub/organ_list_03.png)
}

.type-card .optimi_list:nth-of-type(1) {
  background-image: url(/resources/images/sub/optimi_list_01.png)
}

.type-card .optimi_list:nth-of-type(2) {
  background-image: url(/resources/images/sub/optimi_list_02.png)
}

.type-card .optimi_list:nth-of-type(3) {
  background-image: url(/resources/images/sub/optimi_list_03.png)
}

.type-card .optimi_list:nth-of-type(4) {
  background-image: url(/resources/images/sub/optimi_list_04.png)
}

/* sub-0318*/
.type-card .apply_list:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 35px;
  margin-left: -63px;
  width: 135px;
  height: 135px;
  background-color: #e5f0f6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}

.type-card .apply_list:nth-of-type(1):before {
  background-image: url(/resources/images/sub/support_list_e_07.png);
}

.type-card .apply_list:nth-of-type(2):before {
  background-image: url(/resources/images/sub/support_list_e_08.png);
}

.type-card .apply_list:nth-of-type(3):before {
  background-image: url(/resources/images/sub/support_list_e_09.png);
}

.image-frame {
  position: relative;
  display: block;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.image-frame>div {
  width: 100%;
  height: 100%;
  background: url("/resources/images/sub/nurion_02.jpg") center bottom / cover no-repeat;
  transform: scale(1, 1);
  transition: transform .8s ease-in-out;
}

.image-frame>div:hover,
.img-list .image-frame>div:hover {
  transform: scale(1.1, 1.1);
}

/* img-list */
ul.img-list>li {
  width: 315px;
  height: 360px;
  border: 1px solid #dcdcdc;
}

.img-list .image-frame {
  position: relative;
  display: block;
  width: 100%;
  height: 204px;
  overflow: hidden;
}

.img-list .image-frame>div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1, 1);
  transition: transform .8s ease-in-out;
}

.img-list li:first-of-type .image-frame>div {
  background-image: url('/resources/images/sub/nurion_03.jpg');
}

.img-list li:nth-of-type(2) .image-frame>div {
  background-image: url('/resources/images/sub/nurion_04.jpg');
}

.img-list li:nth-of-type(3) .image-frame>div {
  background-image: url('/resources/images/sub/nurion_05.jpg');
}

.img-list li:nth-of-type(4) .image-frame>div {
  background-image: url('/resources/images/sub/nurion_06.jpg');
}

.image-frame span,
.img-list .image-frame span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 10px 15px;
  width: auto;
  background-color: rgba(17, 129, 201, 0.85);
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.img-list .text-frame {
  padding: 20px 20px;
  width: 100%;
  height: 156px;
  border: solid 1px #ccc;
  border-top: none;
}


.process {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 30px;
}

.process dl {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 6px solid #7fd1e2;
  /*margin-right: 45px;*/
  text-align: center;
  font-weight: 500;
}

.process dl dt {
  font-size: 15px;
  color: #da2128;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45px;
}

.process dl dd {
  font-size: 22px;
  color: #4f4f4f;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 90px;
  line-height: 28px;
}

.process dl:nth-child(1) dd,
.process dl:nth-child(4) dd {
  top: 91px;
}

.process dl:after {
  content: "";
  display: block;
  position: absolute;
  right: -55px;
  top: 89px;
  width: 17px;
  height: 21px;
  background: url(/resources/images/sub/process_round_arr.png);
}

.process dl:last-child {
  float: left;
  border-radius: 50%;
  background-color: #0067a3;
  border: none;
  margin-right: 0px;
  overflow: hidden;
}

.process dl:last-child dt {
  color: #d7d7d7;
}

.process dl:last-child dd {
  color: #fff;
}


.sub-0301 .process dl {
  width: 160px;
  height: 160px;
}

.sub-0301 .process dl dt {
  font-size: 13px;
  top: 30px;
}

.sub-0301 .process dl dd {
  font-size: 19px;
  top: 60px;
}

.sub-0301 .process dl:nth-child(2) dd,
.process dl:nth-child(7) dd {
  top: 75px;
}

.sub-0301 .process dl:after {
  right: -35px;
  top: 65px;
}

.sub-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

dl.sub-list-01 {
  width: 49%;
}

.sub-list-01 dt {
  width: 100%;
  height: auto;
  min-height: 50px;
  padding: 20px;
  background: #0d84c8;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}

.sub-list-01 dd {
  width: 100%;
  height: auto;
  min-height: 100px;
  border: 1px solid #dcdcdc;
  border-top: none;
  font-size: 16px;
  padding: 20px 30px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.sub-0104>dl>dd>table {
  height: 400px;
  margin-bottom: 0;
}

.sub-0301 .sub-list {
  margin-top: 10px;
}

.sub-0301 .sub-list>dl>dd {
  min-height: 155px;
  margin-bottom: 10px;
}

/* dot style */
.info-tit {
  font-size: 19px;
  color: #0067a3;
  padding-left: 22px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_04.png") no-repeat left 3px top 11px;
  line-height: 1.75em;
  font-weight: bold;
}

.info-text-01 {
  font-size: 16px;
  padding-left: 23px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_01.png") no-repeat left 10px top 10px;
  line-height: 25px;
}

ul.ul-info>li,
.info-text-02 {
  font-size: 16px;
  padding-left: 23px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_02.png") no-repeat left 10px top 10px;
  line-height: 25px;
}

.info-text-03 {
  font-size: 16px;
  padding-left: 23px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_03.png") no-repeat left 10px top 10px;
  line-height: 25px;
}

.info-text-04 {
  font-size: 16px;
  padding-left: 35px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_05.png") no-repeat left 20px top 10px;
  line-height: 24px;
}

.info-tit-01 {
  font-size: 17px;
  color: #0067a3;
  padding-left: 22px;
  margin-bottom: 5px;
  background: url("/resources/images/sub/dot_icon_04.png") no-repeat left 3px top 8px;
  line-height: 23px;
  font-weight: bold;
}



.table-info {
  float: right;
  font-size: 13px;
}

.table-info::after {
  clear: both;
  content: "";
  display: block;
}

th.th-gray {
  background: #f7f7f7;
}

table img {
  background-repeat: no-repeat;
  vertical-align: -3px;
}

.blank {
  width: auto;
  height: 15px;
}

/* 조직구성 organization */
.hidden {
  display: none;
}

.organ-list {
  position: relative;
}

.organ-list ul.organ {
  position: relative;
  width: 100%;
}

.organ-list ul.organ:after {
  content: "";
  display: block;
  clear: both;
}

.organ-list ul.organ li {
  float: left;
  height: 70px;
  color: #fff;
  text-align: center;
}

.organ-list ul.organ li.depth1 {
  margin-bottom: 140px;
  padding: 23px 0;
  width: 50%;
  background-color: #0067a3;
  font-size: 20px;
  margin-left: 25%;
}

.organ-list ul.organ li.depth1:after {
  content: "";
  display: block;
  margin-top: 20px;
  margin-left: 50%;
  height: 86px;
  border-left: 2px solid #dcdcdc;
}
/*수정*/
.organ-list ul.organ li.depth2 {
  margin-bottom: 136px;
  padding: 25px 0;
  width: 20%;
  background-color: #00a3c6;
  font-size: 18px;
  margin-left: 25%;
  display: none;
}

.organ-list ul.organ li:nth-child(2):before {
  content: "";
  display: block;
  position: absolute;
  border-top: 2px dashed #dcdcdc;
  width: 5%;
  top: 50%;
  left: 45%;
}

.organ-list ul.organ li.depth2 em {
  font-style: normal;
}

.organ-list ul.organ li.depth3 {
  margin-left: 50px;
  width: 11%;
  background-color: #e5f0f6;
}

.organ-list ul.organ li.depth3 a {
  display: block;
  padding: 14px 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #0067a3;
  line-height: 20px;
  cursor: default;
  position: relative;
}

.organ-list ul.organ li.depth3:nth-child(4):before {
  content: "";
  display: block;
  position: absolute;
  border-top: 2px solid #dcdcdc;
  width: 87.5%;
  left: 5.5%;
  top: 55.5%;
}

.organ-list ul.organ li.depth3 a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 70px;
  left: 50%;
  height: 53px;
  width: 2px;
  background: #dcdcdc;
}

.organ-list ul.organ li:nth-child(2) {
  clear: both;
  margin-right: 92px;
}

.organ-list ul.organ li:nth-child(4) {
  clear: both;
  margin-left: 0px;
}

.organ-list .box-image {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 680px;
  height: 281px;
  background-image: url("../../images/kor/content/img_sub0104_01.jpg");
}

.organ-chart {
  width: 800px;
  height: 280px;
  background-color: #f2f2f2;
  padding: 40px 55px;
  margin: 30px auto;
}

.pie-chart {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  background: conic-gradient(#b8bdc7 0% 2%, #ffa953 2% 7%, #ffdc48 7% 21%, #6bd3c3 21% 37%, #3bc3ff 37% 48%, #2e61a7 48% 59%, #aa66f5 59% 69%, #fa6d6d 69% 75%, #349a7e 75% 85%, #cc8547 85% 100%);
  /* conic=gradient firefox, ie 지원 안함 */
  border-radius: 50%;
}

.pie-chart .center {
  position: absolute;
  width: 86px;
  height: 86px;
  background: #f2f2f2;
  border-radius: 50%;
  top: 57px;
  left: 57px;
}

.pie-chart p {
  position: absolute;
  font-size: 0.85em;
  font-weight: 500;
  color: #fff;
}

.pie-chart p:first-of-type {
  top: 10px;
  right: 80px;
}

.pie-chart p:nth-of-type(2) {
  top: 25px;
  right: 60px;
}

.pie-chart p:nth-of-type(3) {
  top: 45px;
  right: 30px;
}

.pie-chart p:nth-of-type(4) {
  top: 105px;
  right: 18px;
}

.pie-chart p:nth-of-type(5) {
  top: 150px;
  right: 50px;
}

.pie-chart p:nth-of-type(6) {
  top: 160px;
  left: 72px;
}

.pie-chart p:nth-of-type(7) {
  top: 135px;
  left: 30px;
}

.pie-chart p:nth-of-type(8) {
  top: 105px;
  left: 20px;
}

.pie-chart p:nth-of-type(9) {
  top: 68px;
  left: 20px;
}

.pie-chart p:last-of-type {
  top: 25px;
  left: 50px;
}

span.hid-txt {
  font-size: 0;
  color: transparent;
}

.organ-chart .organ-info {
  width: 445px;
  height: 200px;
  display: inline-block;
  position: relative;
  top: -20px;
  left: 30px;

}

.organ-chart .organ-info div {
  width: 220px;
  height: 45px;
  display: inline-block;
  line-height: 45px;
  font-size: 1.15em;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
}

.organ-chart .organ-info div:first-of-type {
  background-color: #e03535;
  color: #fff;
}

.organ-chart .organ-info .organ-text {
  height: auto;
  padding: 20px 0;
  text-align: left;
  background-color: transparent;
}

.organ-chart .organ-info .organ-text p {
  font-weight: 500;
  font-size: 0.83em;
  line-height: 1.25em;
  padding-left: 23px;
  position: relative;
  color: #555;
}

.organ-chart .organ-info .organ-text p::before {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: red;
  position: absolute;
  top: 3px;
  left: 0;
}

.organ-chart .organ-info .organ-text p:first-of-type::before {
  background: #b8bdc7;
}

.organ-chart .organ-info .organ-text p:nth-of-type(2)::before {
  background: #ffa953;
}

.organ-chart .organ-info .organ-text p:nth-of-type(3)::before {
  background: #ffdc48;
}

.organ-chart .organ-info .organ-text p:nth-of-type(4)::before {
  background: #6bd3c3;
}

.organ-chart .organ-info .organ-text p:last-of-type::before {
  background: #3bc3ff;
}

.organ-chart .organ-info .organ-text.right p:first-of-type::before {
  background: #2e61a7;
}

.organ-chart .organ-info .organ-text.right p:nth-of-type(2)::before {
  background: #aa66f5;
}

.organ-chart .organ-info .organ-text.right p:nth-of-type(3)::before {
  background: #fa6d6d;
}

.organ-chart .organ-info .organ-text.right p:nth-of-type(4)::before {
  background: #349a7e;
}

.organ-chart .organ-info .organ-text.right p:last-of-type::before {
  background: #cc8547;
}

/* history */
.sub-0102 section:nth-of-type(2) {
  background-image: url(/resources/images/sub/bg_history_01.jpg);
}

.sub-0102 section:nth-of-type(3) {
  background-image: url(/resources/images/sub/bg_history_02.jpg);
}

.sub-0102 section:nth-of-type(4) {
  background-image: url(/resources/images/sub/bg_history_03.jpg);
}

.sub-0102 section:nth-of-type(5) {
  background-image: url(/resources/images/sub/bg_history_04.jpg);
}

.sub-0102 section:nth-of-type(6) {
  background-image: url(/resources/images/sub/bg_history_05.jpg);
}

.sub-0102 section:last-of-type {
  background-image: url(/resources/images/sub/bg_history_06.jpg);
}

.sub-0102 .container {
  position: relative;
}

.year-text {
  width: 100%;
  text-align: right;
  font-size: 10em;
  line-height: 162px;
  position: absolute;
  color: rgba(255, 255, 255, 0.15);
  font-weight: bold;
  z-index: 0;
}

.year-text.top {
  top: 0;
}

.year-text.bottom {
  bottom: 0;
}

.sub-0102 .history-cont {
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 3;
}

.sub-0102 .section-tit {
  width: 20%;
  float: left;
  position: absolute;
  top: 95px;
  left: 0;
}

.sub-0102 .section-tit dl dt {
  color: rgba(17, 129, 201, 0.75);
  font-size: 3.15em;
  font-weight: 400;
  width: 100%;
  text-align: right;
  line-height: 100%;
}

.sub-0102 .section-tit dl dd {
  font-size: 1.5em;
  color: #fff;
  opacity: 0.75;
  padding-top: 25px;
  text-align: right;
}

.sub-0102 .section-cont {
  width: 80%;
  padding-left: 8%;
  float: right;
  position: relative;
}

.sub-0102 .section-cont .history-bar {
  height: 100%;
  position: absolute;
  width: 1px;
  background-color: #fff;
  left: 5%;
  bottom: 0;
}

.sub-0102 .section-cont ul li {
  position: relative;
  font-size: 1.15em;
  color: #fff;
  line-height: 23px;
  margin-bottom: 35px;
}

.sub-0102 .section-cont ul li:last-of-type {
  margin-bottom: 3px;
}

.sub-0102 .section-cont ul li>span {
  color: #b5b5b5;
}

.sub-0102 .section-cont ul p.box-rgba {
  width: 100%;
  height: 81px;
  background: rgba(255, 255, 255, 0.25);
  box-sizing: border-box;
  padding: 20px;
  margin-top: 15px;
}


.sub-0102 .section-cont .table-container {
  width: 100%;
  padding: 1%;
  background-color: rgba(0, 0, 0, .35);
}

.sub-0102 .section-cont .table-container table {
  color: #000;
}

.sub-0102 .section-cont .table-container table img {
  width: 100%;
  height: auto;
}

.sub-0102 .section-cont .table-container table td {
  background-color: #fff;
}

ul.gray-dot>li,
.sub-0102 li.gray-dot>span {
  position: relative;
  padding: 6px 0 6px 12px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 1.35em;
  display: block;
}

ul.gray-dot>li:before,
.sub-0102 li.gray-dot>span::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background: #a4a4a4;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

ul.gray-dot>li li {
  line-height: 1.5em;
}

.sub-0102 table span.t1 {
  font-size: 8px;
  display: inline;
  color: #333;
  padding: 0 0 0 1px;
}

/* overview */
.sub-0201 .section-bg {
  background-color: #e5e5e5;
}

.sub-0201 .section-bg .container {
  margin: 40px auto;
}

/* nurion */
.certi-area {
  display: flex;
  justify-content: space-between;
}

.certi-area>li {
  width: 260px;
  height: 190px;
  border: 1px solid #dcdcdc;
  transition: transform 1s ease-in-out;
}

.certi-area>li>div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.certi-area>li>div>div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transform: scale(1, 1);
  transition: transform .7s ease-in-out;
}

.certi-area>.certi-01>div>div {
  background-image: url(/resources/images/sub/certi-01.png);
}

.certi-area>.certi-02>div>div {
  background-image: url(/resources/images/sub/certi-02.png);
}

.certi-area>.certi-03>div>div {
  background-image: url(/resources/images/sub/certi-03.png);
}

.certi-area>.certi-04>div>div {
  background-image: url(/resources/images/sub/certi-04.png);
}

.certi-area>.certi-05>div>div {
  background-image: url(/resources/images/sub/certi-05.png);
}

.certi-area>li:hover {
  border: 1px solid #1181c9;
}

.certi-area>li>div>div:hover {
  transform: scale(1.1, 1.1);
}

#cert1-modal img,
#cert2-modal img,
#cert3-modal img,
#cert4-modal img,
#cert5-modal img {
  width: 100%;
  height: auto;
}

/* community */
.downloads {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.downloads li {
  width: 48%;
  margin-bottom: 30px;
}

.downloads li>div {
  background-color: #e5f6f9;
  position: relative;
  padding: 20px 30px;
  width: 100%;
  height: auto;
}

.downloads li:nth-of-type(even)>div {
  background-color: #eaefff;
}

.downloads li>div:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 25px
    /*calc(50% - 32px)*/
  ;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.downloads li>div.box.pdf:before {
  background: url(/resources/images/sub/icon_pdf.png) no-repeat;
}

.downloads li>div.box.pdf-02:before {
  background: url(/resources/images/sub/icon_pdf-02.png) no-repeat;
  top: 30px;
}

.downloads li>div.box.pdf-03:before {
  background: url(/resources/images/sub/icon_pdf-03.png) no-repeat;
  top: 30px;
}

.downloads li>div.box.mp4:before {
  background: url(/resources/images/sub/icon_mp4.png) no-repeat;
}

.downloads li>div.box.img:before {
  background: url(/resources/images/sub/icon_img.png) no-repeat;
}

.downloads li>div.box.doc:before {
  background: url(/resources/images/sub/icon_hwp.png) no-repeat;
}

.downloads li>div.box.pointer:before {
  background: url(/resources/images/sub/icon_click.png) no-repeat;
}

.sub-0501 .downloads li>div>div {
  position: absolute;
  right: 25px;
  bottom: 25px;
}

.sub-0501 .downloads li>div {
  height: 125px;
  padding: 25px 30px 25px 110px;
}

.sub-0501 .downloads li>div strong {
  font-size: 1.25em;
  font-weight: 500;
  color: #1181c9;
}

.sub-0501 .downloads li:nth-of-type(even)>div strong {
  color: #485bce;
}

.sub-0501 .downloads li>div.pdf-02 strong {
  color: #37924c;
}

.sub-0501 .downloads li>div.pdf-03 strong {
  color: #da7523;
}

.sub-0501 .downloads li>div span {
  display: block;
  font-weight: normal;
}

.downloads.file li>div {
  background-color: #dcf7e0;
}

.downloads.file li:nth-child(even)>div {
  background-color: #faeade;
}

.sub-0501 .downloads.file li>div strong {
  line-height: 75px;
}

.sub-0501 .downloads.file li>div>div {
  bottom: 45px;
}

/* neuron */
.sub-0203 .img-box {
  width: 1400px;
  border: 1px solid #dcdcdc;
  text-align: center;
  padding: 45px 0;
}

.sub-0203 .img-box img {
  width: 70%;
}

/* etc */
.sub-0205 .etc-img-box {
  width: 25%;
  float: left;
}

.sub-0205 .etc-img-box img {
  width: 90%;
  margin-left: 5%;
}

.sub-0205 .table-box {
  width: 75%;
  float: left;
}

.sub-0205 section::after {
  content: '';
  display: block;
  clear: both;
}

/* support */
.sub-0301 table span {
  font-weight: 600;
}

.sub-0301 table em {
  font-weight: 600;
  vertical-align: text-top;
}

.sub-0300 ul.type-card {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.sub-0300 .type-card li {
  width: 19.5%;
  padding-top: 220px;
  padding-left: 20px;
  padding-right: 20px;
  background-size: auto;
}

.sub-0300 .type-card.pay .support-list.pay:first-of-type {
  background-image: url(/resources/images/sub/support_list_e_01.png);
}

.sub-0300 .type-card.pay .support-list.pay:nth-child(2) {
  background-image: url(/resources/images/sub/support_list_e_01-1.png);
}

.sub-0300 .type-card.pay .support-list.pay:nth-child(3) {
  background-image: url(/resources/images/sub/support_list_e_02.png);
}

.sub-0300 .type-card.pay .support-list.pay:nth-child(4) {
  background-image: url(/resources/images/sub/support_list_e_02_02.png);
}

.sub-0300 .type-card.pay .support-list.pay:last-of-type {
  background-image: url(/resources/images/sub/support_list_e_02_03.png);
}

ul.type-card>li>.reborn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 11px;
  width: 72px;
  height: 56px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans KR";
  line-height: 20px;
  background: url(/resources/images/sub/bg_reborn.png) no-repeat;
}

.sub-0300 .page-desc p {
  text-align: left;
}

.sub-0300 .page-desc a {
  width: 100%;
}

.sub-0300 .page-desc .btn-info {
  width: auto;
  position: absolute;
  top: 25px;
  right: 25px;
}

.sub-0300 ul.type-card.free {
  width: 100%;
  justify-content: space-between;
}

.sub-0300 .type-card.free li {
  width: 24%;
}

/* sub-0305 */
.pay-list {
  width: 100%;
  height: auto;
  padding: 20px 0;
}

.pay-list>ul {
  display: flex;
  justify-content: space-around;
}

.pay-list>ul>li ul {
  display: inline-block;
  text-align: center;
  position: relative;
  padding-top: 165px;
  width: 150px;
}

.pay-list>ul>li ul::after {
  content: '';
  width: 17px;
  height: 21px;
  position: absolute;
  top: 30%;
  right: -35px;
  background: url(/resources/images/sub/process_round_arr.png) center center / cover no-repeat;
}

.pay-list>ul>li:last-of-type ul::after {
  display: none;
}

.pay-list>ul>li ul::before {
  content: '';
  width: 135px;
  height: 135px;
  border-radius: 50%;
  border: 8px solid #dfe7ed;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 110px 110px;
  background-position: center center;
}

.pay-list>ul>li:first-of-type ul::before {
  background-image: url(/resources/images/sub/pay_list_01.png);
}

.pay-list>ul>li:nth-of-type(2) ul::before {
  background-image: url(/resources/images/sub/pay_list_02.png);
}

.pay-list>ul>li:nth-of-type(3) ul::before {
  background-image: url(/resources/images/sub/pay_list_03.png);
}

.pay-list>ul>li:nth-of-type(4) ul::before {
  background-image: url(/resources/images/sub/pay_list_04.png);
}

.pay-list>ul>li:nth-of-type(5) ul::before {
  background-image: url(/resources/images/sub/pay_list_05.png);
}

.pay-list>ul>li:nth-of-type(6) ul::before {
  background-image: url(/resources/images/sub/pay_list_06.png);
}

.pay-list>ul>li:nth-of-type(7) ul::before {
  background-image: url(/resources/images/sub/pay_list_07.png);
}

.pay-list ul li ul li:first-of-type {
  color: #1181c9;
  font-weight: 500;
  font-size: 16px;
}

.pay-list ul li ul li:last-of-type {
  color: #16192c;
  font-weight: 600;
  font-size: 1.25em;
}

.sub-0312 .page-desc,
.sub-0318 .page-desc {
  position: relative;
}

.sub-0312 .btn-info,
.sub-0318 .btn-info {
  width: auto;
  position: absolute;
  right: 20px;
  bottom: 23px;
}

.sub-0312 .btn-info i,
.sub-0318 .btn-info i {
  margin-left: 10px;
  margin-right: 0;
}

/* 통계 - 사용량 */
.search-box .sch-table-area {
  width: 1400px;
  height: 145px;
  border: 1px solid #dcdcdc;
  padding: 25px;
}

.search-box .sch-table-area table {
  width: 100%;
}

.search-box .sch-table-area table td {
  padding: 5px;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 400;
}

.search-box .s-table-area table td.text {
  padding-right: 20px;
}

.search-box .s-table-area table .sch-b-area button {
  width: 100%;
}

.search-box .s-table-area table td a {
  width: 19%;
}

.sch-table-area .btn-outline-primary.hover {
  color: #fff;
  background-color: #485bce;
  border-color: #485bce;
}

.sch-table-area .btn-outline-primary.on {
  color: #fff;
  background-color: #3346bd;
  border-color: #3043b3;
}

.search-box .fa-calendar-alt {
  content: "\f073";
}

/* 아이디 패스워드 찾기 */
.sub-edit>div {
  width: 1000px;
  margin: 0 auto;
}

.sub-edit .id-box {
  font-size: 17px;
  line-height: 75px;
  text-align: center;
  border: solid 1px #c5c7d6;
  -webkit-box-shadow: 0 4px 0 #f2f2f6;
  box-shadow: 0 4px 0 #f2f2f6;
  margin-bottom: 30px;
}

.sub-edit>div>div span {
  font-weight: 600;
}

.sub-edit table th {
  text-align: center;
}

.sub-edit input {
  margin-right: 10px;
}

.space-75 {
  height: 75px;
}

/* 혁신지원신청 */
.sub-0302-2 table.list {
  table-layout: fixed;
}

.sub-0302-2 table.list th {
  background: #eef2ff;
}

.sub-0302-2 table.list td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sub-0302-2 table.list strong {
  display: block;
  color: #9093a5;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sub-0302-2 table.list tr.ing {
  background: #f8fbff;
}

.sub-0302-2 table.list tr:hover {
  background: #f1f7ff;
}

.sub-0302-2 table.list span {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
}

.sub-0302-2 .page-desc table {
  width: 1300px;
  margin: 0 auto;
}

.sub-0302-2 .page-desc table th {
  background: #f8f8f8;
}

.sub-0302-2 .page-desc table td {
  background: #fff;
}


/* depth-style */
.depth-style ul {
  display: flex;
  justify-content: space-around;
  width: 1400px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  padding: 50px;
}

.depth-style ul::before {
  content: '';
  position: absolute;
  width: 1400px;
  height: 10px;
  background-color: #dedfe5;
  top: 0;
  left: 0;
}

.depth-style ul li {
  width: 220px;
  height: 100px;
  margin-right: 30px;
  position: relative;
}

.depth-style ul li em {
  text-align: center;
  display: block;
  color: #777;
  font-weight: bold;
}

.depth-style ul li span {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  color: #777;
}

.depth-style ul li::before {
  content: '';
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #dedfe5;
  border-radius: 50%;
  position: absolute;
  left: 80px;
  top: -78px;
}

.depth-style ul li:first-child::before {
  background-image: url(/resources/images/sub/depth-s11.png);
}

.depth-style ul li:nth-child(2)::before {
  background-image: url(/resources/images/sub/depth-s12.png);
}

.depth-style ul li:last-child::before {
  background-image: url(/resources/images/sub/depth-s13.png);
}

.depth-style ul li.on em {
  color: #1181c9;
}

.depth-style ul li.on span {
  color: #333;
}

.depth-style ul li.on::before {
  background-color: #1181c9;
}

.depth-style ul li.on:first-child::before {
  background-image: url(/resources/images/sub/depth-s01.png);
}

.depth-style ul li.on:nth-child(2)::before {
  background-image: url(/resources/images/sub/depth-s02.png);
}

.depth-style ul li.on:last-child::before {
  background-image: url(/resources/images/sub/depth-s03.png);
}

/* popup */
.pop-wrap {
  width: 600px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

.pop-header {
  width: 100%;
  height: 45px;
  background: #002f79;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}

.pop-header .pop-tit {
  text-align: center;
  font-size: 17px;
  line-height: 45px;
  font-weight: 500;
  color: #fff;
}

.pop-header .pop-close-btn {
  width: 18px;
  height: 18px;
  background: url(/resources/images/main/btn-toggle-close.svg) center center / cover no-repeat;
  position: absolute;
  top: 14px;
  right: 14px;
}

.pop-body {
  padding: 25px 16px;
}

.pop-body>div {
  margin-bottom: 25px;
}

.pop-body>div:last-of-type {
  margin-bottom: 0;
}

.pop-body>div>div {
  vertical-align: top
}

.pop-body>div>div:nth-of-type(1) {
  font-size: 15px;
  font-weight: 500;
  color: #002f79;
  width: 150px;
  display: inline-block;
  float: left;
}

.pop-body>div>div:nth-of-type(2) {
  width: 400px;
  display: inline-block;
  float: right;
}

.pop-body>div:last-of-type>div {
  clear: both;
}

.pop-body input {
  width: 100%;
  resize: none;
  padding: 8px 0;
  color: #777;
  border: 1px solid #dcdcdc;
}

.pop-body textarea {
  width: 100%;
  height: 100px;
  resize: none;
  padding: 8px 0;
  border: 1px solid #dcdcdc;
}

.pop-body button {
  width: auto;
  height: auto;
  min-width: 100px;
  min-height: 35px;
  padding: 10px 15px;
  background: #1181c9;
  color: #fff;
  border-radius: 3px;
  float: right;
  margin-top: 15px;
  font-size: 14px;
}

/* 사용안내 */
.use-info-wrap {
  width: 970px;
  height: auto;
  padding: 40px;
}

.use-info-wrap .tabs ul li a {
  padding: 0 10px;
}

.use-info-wrap img {
  width: 890px;
  margin-top: 15px;
}

.use-info-wrap ul>li>ul {
  margin-bottom: 30px;
}

.use-info-wrap ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  letter-spacing: -1px;
}

.use-info-wrap ul li strong {
  color: #c90202;
  font-weight: 500;
}

.use-info-wrap ul li strong.back-line {
  color: #fff;
  background: #485bce;
}

.use-info-wrap ul li span {
  display: block;
  text-indent: 18px;
}

.use-info-wrap .table-info {
  line-height: 20px;
}

.use-info-wrap table td {
  font-size: 14px;
}

/* 도움말 */
.use-info-wrap-02 {
  width: 1000px;
  height: auto;
  margin: 0 auto;
}

.use-info-wrap-02 img {
  width: 1000px;
  height: auto;
  margin-top: 15px;
}

.use-info-wrap-02 ul>li>ul {
  margin-bottom: 30px;
}

.use-info-wrap-02 ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  letter-spacing: -1px;
}

.use-info-wrap-02 ul li strong {
  color: #c90202;
  font-weight: 500;
}

.use-info-wrap-02 ul li strong.back-line {
  color: #fff;
  background: #485bce;
}

.use-info-wrap-02 ul li span {
  display: block;
  text-indent: 18px;
}

.use-info-wrap-02 .tabs ul li a {
  padding: 0 10px;
}



/* table padding class 추가 */
table.write-01.p10 th,
table.write-01.p10 td,
table.write-02.p10 th,
table.write-02.p10 td {
  padding: 15px 10px;
}

span.check {
  font-size: 16px;
  padding-left: 19px;
  position: relative;
}

span.check::before {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 5px;
}

span.agree::before {
  background-image: url(/resources/images/sub/check-01.svg);
}

span.missed::before {
  background-image: url(/resources/images/sub/check-02.svg);
}

span.refuse::before {
  background-image: url(/resources/images/sub/check-03.svg);
}

.yes-t {
  color: #1181c9;
}

.no-t {
  color: #e24d4d;
}


.service-info-box {
  width: 100%;
  height: auto;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 15px;
}

/*20241010추가*/
/*알림소식 KOREA SUPERCOMPUTING CONFERENCE*/
.n-event-link-group{
  width: 100%;
  display: flex;    
  flex-wrap: wrap;
  
}
.n-event-link-group > .n-event-link-list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;  
}
.n-event-link-group > .n-event-link-list>li{
  width: 24%;
}
.n-event-link-group > .n-event-link-list > .n-event-link-box{
  
  height: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;  
  border:1px solid #dedfe5;
  padding:24px;
  border-radius: 4px;
  margin-right:1.3%;
  margin-bottom:16px;
}

.n-event-link-group > .n-event-link-list > .n-event-link-box:nth-of-type(4n){
  margin-right: 0;
}

.n-event-link-list> .n-event-link-box > a{
  border:0 !important;

}
.n-event-link-box:hover{
  background-color: #f0f3f5;
  
}
.n-event-link-box > a >h5{
  font-size: 21px;
  font-weight: bold;  
} 
.n-event-link-box > a > p{
  margin-top:8px;
  color:#767676;  
}

.n-event-link-box > a > p > i{
  font-size: 14px;
  margin-right:4px;
}