#subVisual {position:relative; /* padding-top:100px; */ height:370px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#subVisual.subVisual01 {background-image:url("../images/contents/subVisual-renewal01.jpg");}
#subVisual.subVisual02 {background-image:url("../images/contents/subVisual-renewal02.jpg");}
#subVisual.subVisual03 {background-image:url("../images/contents/subVisual-renewal03.jpg");}
#subVisual.subVisual04 {background-image:url("../images/contents/subVisual-renewal04.jpg");}
#subVisual.subVisual05 {background-image:url("../images/contents/subVisual-renewal05.jpg");}
#subVisual.subVisual06 {background-image:url("../images/contents/subVisual-renewal06.jpg");}
#subVisual.subVisual07 {background-image:url("../images/contents/subVisual-renewal07.jpg");}
#subVisual.subVisual08 {background-image:url("../images/contents/subVisual-renewal08.jpg");}

#subVisual .sub-auto {height:100%;}   
#subVisual .subTitle {color:#fff;text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding-top: 100px;}
#subVisual .subTitle dt {color:#fff; font-size:40px;font-weight:400;}
#subVisual .subTitle dt span{font-weight:700;}
#subVisual .subTitle dt span.blue{color:#1f5b9f;}


#subVisual .subTitle dd {font-size:16px;font-weight:300;}
#subContents {overflow:hidden;}
#contents {position:relative;padding: 10px 0 60px;min-height:500px;}
.sub-auto {width:1400px;margin:auto;position:relative;}
.sub-auto:after {content:"";display:block;clear:both;}
.breadCrumbWrap {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.7);}
.breadCrumb {width:100%;}
.breadCrumb li {display:inline-block;font-size:16px;color:#fff;padding:0 10px;position:relative;line-height:50px;padding:0 40px;}
.breadCrumb li.home {width:60px;text-align:center;padding:0;}
.breadCrumb li.home:after {content:"";position:absolute;top:15px;right:0;width:1px;height:20px;background:rgba(255,255,255,0.3);}
.breadCrumb li i {line-height:50px;vertical-align:top;}
.breadCrumb li:not(.home):after {content:"";position:absolute;top:20px;right:-4px;width:7px;height:12px;background:url("../images/contents/rightArrow.png") no-repeat;}
.breadCrumb li:last-child:after {display:none;}
.contentsTitle {text-align:center;font-size:40px;color:#333;font-weight:700;line-height:1;padding-top:40px;position:relative;margin-top:40px;}
.contentsTitle:after {content:"";position:absolute;top:0;left:50%;width:1px;height:25px;background:#999;}
h4.title {font-size:24px;color:#333;font-weight:700;margin-bottom:10px;margin-top:40px;padding-left:20px;background:url("../images/contents/title-line.png") no-repeat 0 5px;position:relative;font-family:'gamtanload';}
h4.title.first {margin-top:0;}
h4.title span {font-size:17px;color:#999;font-weight:400;}
h4.title.title-sub div {float:left;}
h4.title.title-sub p {/* padding-left:160px; */font-weight:400;}

.college_txt3{
padding-left:90px;
}

.college_txt4{
padding-left:110px;
}

.college_txt6{
padding-left:160px;
}

h5.title {font-size:20px;color:#333;font-weight:500;margin-bottom:10px;margin-top:40px;padding-left:15px;background:url("../images/contents/title_arrow.png") no-repeat 0 50%;}
h5.title.first {margin-top:0;}
span.red {color:#cf000d !important;}
.brown {color:#957e63 !important;}

/* span.blue, p.blue {color:#fff !important;} */
span.blue_white,
p.blue_white {color:#fff !important;}

.italic {font-style:italic !important;}
p.txt,
dd.txt {font-size:16px;color:#808080;}
.sub-txt {text-align:center;font-size:24px;color:#333;font-weight:300;}
.sub-txt span {font-weight:500;}
.hyphen-txt {position:relative;padding-left:10px;line-height:1.5;padding-top:5px;}
.hyphen-txt:before {content:"-";position:absolute;top:0;left:0;padding-top:5px;}
.underline {background:url("../images/contents/greeting-txtline.png") 0 100% no-repeat;background-size:100% 10px;}
.word-line02 {line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.word-line03 {line-height:1.4;height:4.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.word-line04 {line-height:1.4;height:5.6em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.word-line05 {line-height:1.4;height:7.0em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
ul.txtList li {font-size:16px;color:#666;position:relative;padding-left:10px;}
ul.txtList li:before {content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background:#1f5b9f;}


#lnb {text-align:center;border-bottom:1px solid #eee;position:relative;z-index:2; border-top: 1px solid #eee;}
#lnb ul li {display:inline-block;position:relative;font-size:0;}
#lnb ul li:after {content:"";position:absolute;top:28px;bottom:26px;right:-2px;width:1px;background:#d9d9d9;}
#lnb ul li:last-child:after {display:none;}
#lnb ul li a {display:block;height:68px;line-height:68px;font-size:18px;color:#666;position:relative;padding:0 20px;}
#lnb ul li a:after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right, #380c9d 30%, #1f5b9f 80%);display:none;}
#lnb ul li.on a {color:#1f5b9f;}
#lnb ul li.on a:after {display:block;}


#mobileLnb {display:none;width:100%;height: 60px;background: #fff;color: #1b1b1b;z-index: 3;position:relative;}
#mobileLnb .list { width: 50%; position: relative; float: left; margin-left: -1px; }
#mobileLnb .list:first-child { margin-left: 0; }
#mobileLnb .list:last-child { width: calc(50% + 1px); }
#mobileLnb .list .btn { display: block; height: 60px; position: relative; border: 1px solid #d9d9d9; border-right: none; line-height: 60px; text-align: left; padding-left: 20px; }
#mobileLnb .list .btn .material-icons { right: 20px; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#mobileLnb .list .btn.on .material-icons { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
#mobileLnb .list ul { display: none; width: 100%; position: absolute; top: 60px; background-color: #fff; }
#mobileLnb .list ul li { margin-top: -1px; }
#mobileLnb .list ul li a { display: block; height: 60px; border: 1px solid #d9d9d9; line-height: 60px; padding-left: 20px; text-align: left; }


.tab {overflow:hidden;margin-bottom:30px;}
.tab ul li {float:left;}
.tab ul li a {display:block;text-align:center;font-size:18px;color:#666;line-height:60px;background:#f8f8f8;border:1px solid #d9d9d9;}
.tab ul li.on a {border-bottom:none;background:#fff;color:#2f4323;border-top-color:#2f4323;}
.tab.tab02 ul li {width:50%;}
.tab.tab03 ul li {width:33.33%;}
.tab.tab04 ul li {width:25%;}
.tabContents > ul > li {height:0;overflow:hidden;}
.tabContents > ul > li.on {height:auto;}


.tabs{display:flex;justify-content:center;max-width:1400px;margin:0 auto; gap: 20px;}
.tabn{width:190px;height:46px;line-height:46px;color:#707070;font-weight:400;font-size:16px;text-align:center;background-color:#f8f8f8;cursor:pointer;border-radius:50px}
.tabn.active{background-color:#0253a5;color:#fff}
.tabcontent{display:none; margin-top: 40px;}
.tabcontent.active{display:block}
/* .dropdown{position:relative;display:none;height:auto;cursor:pointer}
.dropdown.active{display:block} */
@media (max-width:1199px){
  .tabs{display:block}
  .tabn{display:none}
  .tabcontent{margin-top: 20px;}
  /* .dropdown{display:block}
  .dropdown #selectedTab{display:block;height:60px;position:relative;border:1px solid #d9d9d9;line-height:60px;text-align:left;padding-left:20px}
  .dropdown .material-icons{position:absolute;right:20px;top:20px}
  .dropdown #dropdown-menu{display:none;position:absolute;left:0;top:60px;width:100%;height:auto;background-color:red}
  .dropdown #dropdown-menu.active{display:block}
  .dropdown #dropdown-menu .dropdown-tab{display:block;height:60px;border:1px solid #d9d9d9;line-height:60px;margin-top:-1px;padding-left:20px;text-align:left;background-color:#fff} */
}
@media (max-width:640px){
 /*  .dropdown #selectedTab{height:50px;line-height:50px;font-size:13px;padding-left:10px}
  .dropdown .material-icons{position:absolute;right:15px;top:15px}
  .dropdown #dropdown-menu{top:52px}
  .dropdown #dropdown-menu .dropdown-tab{height:50px;line-height:50px;font-size:13px} */
}
/* end 230619 sic */

.img-list {margin-top:30px;margin-bottom:10px;}
.img-list ul {margin:-10px;overflow:hidden;}
.img-list ul li {float:left;padding:10px;}
.img-list.list03 ul li {width:33.33%;}
.img-list.list04 ul li {width:25%;}
.img-list ul li .imgBox img {width:100%;}
.img-list ul li .txtBox {padding:20px 10px;}
.img-list ul li .txtBox p {text-align:center;font-size:18px;color:#333;}
.img-list ul li.m {display:none;}
.contents-top-title {font-size:28px;color:#333;font-weight:500;text-align:center;margin-bottom:40px;font-family: 'gamtanload';
    font-weight: 700;}
#snb {text-align:center;margin-top:20px;}
#snb ul li {display:inline-block;width:195px;margin-right:-3px;}
#snb ul li a {display:block;text-align:center;font-size:18px;color:#666;line-height:40px;border-bottom:1px solid #d9d9d9;position:relative;}
#snb ul li.on a:after {content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#284495;}


.advantage .conList {max-width:1700px;margin:0 auto;}
.advantage .conBox ul li {position:relative;overflow:hidden;z-index:1;word-break:keep-all;}
.advantage .conBox ul li .img {float:left;width:50%;}
.advantage .conBox ul li .txtBox {position:absolute;right:0;width:50%;top:50%;transform:translateY(-50%);}
.advantage .conBox ul li .txtBox .inner {padding:55px;}
.advantage .conBox ul li .txtBox .inner .num {display:inline-block;position:relative;font-size:50px;color:#e6e6e6;font-weight:700;font-style:italic;line-height:1;padding-bottom:25px;margin-bottom:25px;text-transform:uppercase;}
.advantage .conBox ul li .txtBox .inner .num:after {content:"";position:absolute;bottom:0;right:0;width:245px;height:2px;background:#1f5b9f;}
.advantage .conBox ul li:nth-child(1) .txtBox .inner .num:after {width:319px;}
.advantage .conBox ul li:nth-child(2) .txtBox .inner .num:after {width:277px;}
.advantage .conBox ul li:nth-child(3) .txtBox .inner .num:after {width:294px;}
.advantage .conBox ul li .txtBox .inner dl dt {font-size:28px;color:#333;font-weight:700;text-transform:uppercase;}
.advantage .conBox ul li .txtBox .inner dl dd {font-size:17px;color:#666;margin-top:10px;}
.advantage .conBox ul li.img_r {padding:50px 0;z-index:0;}
.advantage .conBox ul li.img_r .img {float:right;}
.advantage .conBox ul li.img_r .txtBox {left:0;right:auto;text-align:right;}
.advantage .conBox ul li.img_r .txtBox .inner .num:after {right:auto;left:0;}


.office .iframe {position:relative;padding-top:450px;}
.office .iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.office .conBox .info dl {display:inline-block;font-size:18px;margin-right:20px;}
.office .conBox .info dl dt {display:inline-block;color:#333;font-weight:500;margin-right:10px;}
.office .conBox .info dl dd {display:inline-block;color:#666}

.st1-r10-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.st1-r10-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: none;
  border-width: 1px;
  border-color: #e4ebf3;
}

.st1-r10-card-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d3d4d4;
  border-radius: 100px;
  background-color: #fff;
}

.st1-r10-card-h {
  margin-top: 0px;
  margin-bottom: 2px;
  color: #232629;
  font-size: 20px;
  font-weight: 600;
}

.st1-r10-card-p {
  color: #232629;
  font-size: 14px;
}

.st1-r10-card-span1 {
  padding-right: 37px;
  color: var(--color);
  font-weight: 700;
}

.st1-r10-card-span2 {
  padding-right: 12px;
  color: var(--color);
  font-weight: 700;
}


.testimonial-column-light {
  position: relative;
  padding: 80px 30px;
  border-bottom: 1px solid #e4ebf3;
}

.testimonial-grid-two {
  display: -ms-grid;
  display: grid;
  margin-top: 50px;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.testimonial-card-two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 16px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  border-color: #e4ebf3;
}

.testimonial-text-two {
  margin-bottom: 52px;
}

.testimonial-info-three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f7fa;
}

.testimonial-image {
  width: 100px;
  height: 100px;
  margin-right: 21px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}


.cont-st1-r11-h {
  margin-bottom: 30px;
  color: #222;
  font-size: 42px;
  text-align: left;
}

.cont-st1-r11-p {
  max-width: 550px;
  margin-right: 0px;
  margin-left: 0px;
  color: #232629;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

.cont-st1-r11-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 50px;
  grid-auto-columns: 1fr;
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cont-st1-r11-grid-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}


.heading {
  width: 100%;
  margin-top: 17px;
  margin-bottom: 16px;
  background-image: url('/usr/images/2022/st1_r11_line.gif');
  background-position: 100% 50%;
  background-size: 80% 1px;
  background-repeat: no-repeat;
  color: #00479d;
  font-size: 23px;
  text-align: left;
  font-weight:700;
  position:relative;
}

.heading::after{
  content:'';
  position:absolute;
  left:50px;
  top: 15px;
  width:calc(100% - 50px);
  height: 0px;
  background:#00479d;
}

.pricing-card-text {
  margin-bottom: 20px;
  color: #232629;
  font-size:16px;
  text-align: left;
}


@media(max-width:767px){
  .st1-r10-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
	grid-row-gap:10px;
  }

  .st1-r10-card-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cont-st1-r11-h {
    font-size: 36px;
  }

  .cont-st1-r11-grid {
    margin-top: 30px;
  }

  .cont-st1-r11-grid-card {
    text-align: left;
  }

  .heading {
    background-size: 70% 1px;
  }

}



.office_test p.title {text-align:center;font-size:32px;color:#333;font-weight:500;margin-bottom:50px;}
.office_test .iframe {position:relative;padding-top:450px;}
.office_test .iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.office_test .conBox .info dl {display:inline-block;font-size:18px;margin-right:20px;}
.office_test .conBox .info dl dt {display:inline-block;color:#333;font-weight:500;margin-right:10px;}
.office_test .conBox .info dl dd {display:inline-block;color:#666}

.review-list02 ul {margin:-10px;}
.review-list02 ul li {float:left;width:33.3333%;padding:10px;}
.review-list02 ul li a {display:block;box-shadow:5px 5px 13px 1px rgba(0,0,0,0.1);padding:30px 10px;text-align:center;}
.review-list02 ul li a .user .inner {display:inline-block;border-radius:50%;overflow:hidden;}
.review-list02 ul li a .txtBox {}
.review-list02 ul li a .txtBox .name {display:block;font-size:25px;color:#52509f;font-weight:700;padding:10px 0;}
.review-list02 ul li a .txtBox .txt {line-height:1.4;height:4.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.review-list02 ul li a .txtBox .txt span{font-weight:700;}
.review-list02 ul li a .stars {margin-top:10px;}


.professor-list > ul {margin:-10px;overflow:hidden;}
.professor-list > ul > li {float:left;width:50%;padding:10px;}
.professor-list > ul > li .inner {border:1px solid #d9d9d9;overflow:hidden;}
.professor-list > ul > li .inner .imgBox {float:left;width:50%;}
.professor-list > ul > li .inner .txtBox {float:left;width:50%;padding:30px;}
.professor-list > ul > li .inner .txtBox .name {font-size:20px;color:#888;font-weight:700;}
.professor-list > ul > li .inner .txtBox .name span {font-size:30px;color:#1f5b9f;}
.professor-list > ul > li .inner .txtBox .info {padding-top:10px;margin-top:10px;border-top:1px solid #d9d9d9;overflow:hidden;}
.professor-list > ul > li .inner .txtBox .info .subject {font-size:20px;color:#333;font-weight:500;}
.professor-list > ul > li .inner .txtBox .info ul {margin-top:10px;}
.professor-list > ul > li .inner .txtBox .info ul li {font-size:14px;color:#666;font-weight:300;}
.professor-list > ul > li .inner .txtBox .info .comment {font-size:22px;color:#333;font-weight:500;margin:20px 0;}
.professor-list > ul > li .inner .txtBox .info .tel {font-size:16px;color:#666;font-weight:300;}
.professor-list > ul > li .inner .txtBox .info .tel img {margin-top:5px;}
.professor-list > ul > li .inner .txtBox .info .email {font-size:16px;color:#666;font-weight:300;}
.professor-list > ul > li .inner .txtBox .info .email img {margin-top:7px;}
.professor-list > ul > li .inner .txtBox .more {float:right;font-size:12px;color:#111;border-bottom:1px solid #111;margin-top:30px;}


.professor-paging {margin-bottom:30px;}
.professor-paging .btn-back {float:left;font-size:40px;color:#333;font-weight:700;}
.professor-paging .btn-back span {vertical-align:top;line-height:56px;}
.professor-paging .pagination {float:right;padding-top:30px;}
.professor-paging .pagination .arrow {display:inline-block;position:relative;top:2px;}
.professor-paging .pagination .numbering {display:inline-block;font-size:18px;color:#bbb;font-weight:500;line-height:22px;margin:0 10px;}
.professor-paging .pagination .numbering strong {color:#666;}
.professor-view-top {position:relative;overflow:hidden;border:1px solid #d9d9d9;background-repeat:no-repeat;background-position:100% 105%;/* background-image:url("../images/contents/professor-view-top-bg.png"); */}
.professor-view-top .imgBox {float:left;width:45%;}
.professor-view-top .imgBox img {width:100%;}
.professor-view-top .txtBox {position:absolute;top:0;bottom:0;right:0;width:55%;}
.professor-view-top .txtBox .inner {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 130px;}
.professor-view-top .txtBox .inner .professor-name .en {font-size:18px;color:#bbb;font-weight:500;}
.professor-view-top .txtBox .inner .professor-name .kr {font-size:50px;color:#1f5b9f;font-weight:700;letter-spacing:10px;}
.professor-view-top .txtBox .inner .professor-info {padding-top:10px;margin-top:10px;border-top:1px solid #d9d9d9;}
.professor-view-top .txtBox .inner .professor-info dl {display:inline-block;font-size:16px;}
.professor-view-top .txtBox .inner .professor-info dl dt {display:inline-block;color:#333;font-weight:500;}
.professor-view-top .txtBox .inner .professor-info dl dt img {margin-top:4px;}
.professor-view-top .txtBox .inner .professor-info dl:last-child {margin-left:10px;}
.professor-view-top .txtBox .inner .professor-info dl:last-child dt img {margin-top:6px;}
.professor-view-top .txtBox .inner .professor-info dl dd {display:inline-block;color:#666;}
.professor-view-top .txtBox .inner .comment {margin-top:50px;}
.professor-view-top .txtBox .inner .comment dl dt {font-size:20px;color:#48c1e8;font-weight:700;}
.professor-view-top .txtBox .inner .comment dl dd {font-size:30px;color:#4c4c4c;margin-top:20px;}

.professor-view-top .txtBox .inner .comment dl dd span{font-family: 'Noto Sans KR' !important;}
.professor-view-bottom {padding:50px 0;}
.professor-view-bottom .title {float:left;margin-top:0;margin-left:30px;}
.professor-view-bottom .list {padding-left:600px;}
.professor-view-bottom .list ul li {padding-left:10px;position:relative;font-size:18px;color:#666;margin-top:10px;}
.professor-view-bottom .list ul li:first-child {margin-top:0;}
.professor-view-bottom .list ul.float {float:left;width:50%;} 
.professor-view-bottom .list ul li:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#1f5b9f;}
.professor-quick-list ul {margin:-20px;overflow:hidden;}
.professor-quick-list ul li {float:left;width:33.33%;padding:20px;}
.professor-quick-list ul li img {display:none;width:100%;}
.professor-quick-list ul li img.img01 {display:block;}
.professor-quick-list ul li a {display:block;position:relative;}
.professor-quick-list ul li a .txtBox {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;color:#fff;padding:0 30px;}
.professor-quick-list ul li a .txtBox dl dt {font-size:25px;font-weight:700;}
.professor-quick-list ul li a .txtBox dl dd {font-size:16px;}
.professor-quick-list ul li a .txtBox span {display:block;margin-top:20px;font-size:15px;}
.professor-quick-list ul li a:hover img.img01 {display:none;}
.professor-quick-list ul li a:hover img.img02 {display:block;}

.curriculum #contents {padding-bottom:0;}
.curriculum .conBox01 .contents-top-title {margin-bottom:0;}
.curriculum .conBox01 .hashtag {margin:20px 0 50px 0;text-align:center;}
.curriculum .conBox01 .hashtag a {display:inline-block;padding:0 15px;border-radius:var(--borderRadius);font-size:18px;color:#1f5b9f;border:1px solid #1f5b9f;line-height:38px;margin:3px;}
.curriculum .conBox01 ul {margin:-20px;overflow:hidden;}
.curriculum .conBox01 ul li {float:left;width:25%;padding:20px;}
.curriculum .conBox01 ul li .inner {display:block;background:#fff;box-shadow:0 0 13px 5px rgba(0,0,0,0.1);}
.curriculum .conBox01 ul li .inner .imgBox {}
.curriculum .conBox01 ul li .inner .imgBox img {width:100%;}
.curriculum .conBox01 ul li .inner .txtBox {padding:20px;}
.curriculum .conBox01 ul li .inner .txtBox dl dt {font-size:23px;color:#333;font-weight:700;}
.curriculum .conBox01 ul li .inner .txtBox dl dd {font-size:18px;color:#666;margin-top:10px;height:100px;}
.curriculum .conBox02 {padding:80px 0;background:#f8fbff;margin-top:80px;}

.major-wrap p.title {text-align:center;font-size:32px;color:#333;font-weight:500;margin-bottom:50px;}
.major-wrap p.title span{font-weight:700; color:var(--color);}
.major-wrap .conBox {padding:80px 0;}
.major-wrap .conBox01 {padding-top:0;}
.major-wrap .conBox01 .con {position:relative;}
.major-wrap .conBox01 .imgBox {float:left;width:50%;}
.major-wrap .conBox01 .txtBox {position:absolute;top:0;bottom:0;right:0;width:50%;}
.major-wrap .conBox01 .txtBox .inner {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 30px;}
.major-wrap .conBox01 .txtBox .inner dl dt {font-size:30px;color:#333;font-weight:700;}
.major-wrap .conBox01 .txtBox .inner dl dd {font-size:20px;color:#666;margin-top:20px;}
.major-wrap .conBox01 .txtBox .inner .hashtag {margin-top:20px;}
.major-wrap .conBox01 .txtBox .inner .hashtag a {display:inline-block;font-size:18px;color:var(--color);font-weight:500;}
.major-wrap .conBox02 {background:#f7f7f7;}
.major-wrap .conBox02 ul {margin:-10px;}
.major-wrap .conBox02 ul li {float:left;width:25%;padding:10px;}
.major-wrap .conBox02 ul li .imgBox img {width:100%;border-radius:var(--borderRadius);}
.major-wrap .conBox02 ul li .txtBox {padding:10px;text-align:center;}
.major-wrap .conBox02 ul li .txtBox dl dt {font-size:27px;color:#111;font-weight:700;}
.major-wrap .conBox02 ul li .txtBox dl dd {font-size:20px;color:#666;}
.major-wrap .conBox03 ul {/* margin:-10px; */display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.major-wrap .conBox03 ul li {/* float:left; *//* width:25%; *//* padding:10px; */}
.major-wrap .conBox03 ul li .inner {}
.major-wrap .conBox03 ul li .inner .icon {height: 220px;background-repeat:no-repeat;background-position:50% 50%;width: 220px;border-radius: 50%; background-repeat: no-repeat;background-position: center;margin: 0 auto;}
.major-wrap .conBox03 ul li .inner p {font-size: 22px;color: #333;font-weight: 400;text-align:center;margin-top:20px;}
.major-wrap .conBox03 ul li .inner p span{font-weight:700; color:var(--color);}
.major-wrap .conBox03 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major03-icon01.png");}
.major-wrap .conBox03 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major03-icon02.png");}
.major-wrap .conBox03 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major03-icon03.png");}
.major-wrap .conBox03 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major03-icon04.png");}
.major-wrap .conBox03.columns-8 ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px 0;}
.major-wrap .conBox03.columns-8 ul li .inner .icon {height: 125px; background-color: rgb(255 255 255 / 0%); border-radius: 0;}
.major-wrap .conBox03.columns-8 ul li .inner {}
.major-wrap .conBox03.columns-8 ul li .inner .icon {height: 150px;background-repeat:no-repeat;background-position:50% 50%;width: 220px;border-radius: 50%; background-repeat: no-repeat;background-position: center;margin: 0 auto;}
.major-wrap .conBox03.columns-8 ul li .inner p {font-size: 22px;color: #333;font-weight: 400;text-align:center;margin-top:20px;}
.major-wrap .conBox03.columns-8 ul li .inner p span{font-weight:700; color:var(--color);}
.major-wrap .conBox03.columns-8 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major03-icon06-v3.svg");}
.major-wrap .conBox03.columns-8 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major03-icon01-v3.svg");}
.major-wrap .conBox03.columns-8 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major03-icon02-v3.svg");}
.major-wrap .conBox03.columns-8 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major03-icon03-v3.svg");}
.major-wrap .conBox03.columns-8 ul li:nth-child(5) .inner .icon {background-image:url("../images/contents/major03-icon04-v3.svg");}
.major-wrap .conBox03.columns-8 ul li:nth-child(6) .inner .icon {background-image:url("../images/contents/major03-icon05-v3.svg");}
.major-wrap .conBox04 {background:#f7f7f7;}
.major-wrap .conBox04 ul {/* margin:-10px; */display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
.major-wrap .conBox04 ul li {/* float:left; *//* width:25%; *//* padding:10px; */background: #fff;/* text-align:center; *//* border-right:1px solid #d9d9d9; */border-radius:var(--borderRadius);padding: 30px;}
.major-wrap .conBox04 ul li:last-child {border-right:none;}
.major-wrap .conBox04 ul li dl dt {color: var(--color);}
.major-wrap .conBox04 ul li dl dt .kr {font-size:35px;font-weight:700;}
.major-wrap .conBox04 ul li dl dt .en {font-size:22px;font-weight:500;}

.major-wrap .conBox04 ul li dl dd {display:inline-block;margin-top:20px;}
.major-wrap .conBox04 ul li dl dd p {padding-left:10px;position:relative;text-align:left;}
.major-wrap .conBox04 ul li dl dd p:before {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;}
.major-wrap .conBox04 ul li:nth-child(odd) dl dd p:before {background:#1f5b9f;}
.major-wrap .conBox04 ul li:nth-child(even) dl dd p:before {background:#e03573;}
.major-wrap .conBox04 ul li > p {font-size:18px;color:#444;font-weight:700;margin-top:20px;}
.review-list ul {margin:-10px;}
.review-list ul li {float:left;width:25%;padding:10px;}
.review-list ul li a {display:block;box-shadow: 5px 5px 13px 1px rgba(0,0,0,0.1);padding: 30px;/* text-align:center; */border-radius:var(--borderRadius);display: flex;flex-direction: column;position: relative;height: 240px;}
.review-list ul li a .user .inner {display:inline-block;border-radius:50%;overflow:hidden;position: absolute;bottom: 30px;width: 40px;height: 40px;}
.review-list ul li a .txtBox {}
.review-list ul li a .txtBox .name {display:block;/* font-size:25px; */color: var(--color);font-weight:700;padding:10px 0;position: absolute;bottom: 23px;left: 85px;}
.review-list ul li a .txtBox .txt {line-height:1.4;height: 7em;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.review-list ul li a .stars {margin-top:10px;display: none;}
.major-wrap .conBox06 {background:url("../images/contents/major01-img22.jpg") no-repeat;background-size:cover;}
.major-wrap .conBox06 p.title {color:#fff;}
.major-wrap .conBox06 .con {position:relative;padding-top:80px;}
.major-wrap .conBox06 .con .movie-thumb {float:left;width:55%;position:relative;z-index:1;top:-80px;}
.major-wrap .conBox06 .con .movie-thumb .iframe {position:relative;padding-top:55.55%;}
.major-wrap .conBox06 .con .movie-thumb .iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.major-wrap .conBox06 .con .movie-info {float:left;width:50%;position:relative;z-index:0;margin-left:-5%;background:#fff;padding:50px;text-align:center;}
.major-wrap .conBox06 .con .movie-info .professor {display:inline-block;}
.major-wrap .conBox06 .con .movie-info .professor .professor-img {float:left;width:110px;height:110px;overflow:hidden;border-radius:50%;}
.major-wrap .conBox06 .con .movie-info .professor p {padding:10px 0 10px 130px;text-align:left;}
.major-wrap .conBox06 .con .movie-info .professor p .kr {display:block;font-size:35px;color:#333;font-weight:700;}
.major-wrap .conBox06 .con .movie-info .professor p .en {display:block;font-size:20px;color:#666;font-weight:300;}
.major-wrap .conBox06 .con .movie-info .comment {font-size:18px;color:#444;font-weight:500;margin:20px 0;}
.major-wrap .conBox06 .con .movie-info ul {display:inline-block;}
.major-wrap .conBox06 .con .movie-info ul li {position:relative;padding-left:10px;font-size:16px;color:#666;text-align:left;}
.major-wrap .conBox06 .con .movie-info ul li:before {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#1f5b9f;}
.major-wrap .conBox06 .btn {display:block;float:right;padding:10px 20px;border:1px solid #fff;font-size:18px;color:#fff;margin-top:20px;}
.major-wrap .img-list {margin-top:0;}

/* 230518 sic 
.major-wrap .conBox07 ul {display:grid;grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
*/
.major-wrap .conBox07 ul {display:grid;grid-template-columns: 1fr 1fr 1fr; gap: 20px}
/* end 230518 sic */
.major-wrap .conBox07 ul li{display: non e; border-radius:var(--borderRadius); overflow:hidden;}
.major-wrap .conBox07 ul li:nth-child(n+1):nth-child(-n+6){display: block;}
.major-wrap .conBox07 li{border-radius:var(--borderRadius); overflow:hidden;}
.major-wrap .conBox07 li img{width:100%;}

.major-wrap .conBox08 {padding-top:0;}
.major-wrap .conBox08 ul{display:grid;grid-template-columns: 1fr 1fr 1fr;/* grid-template-rows: 1fr 1fr; */gap: 20px;/* grid-auto-flow: column; */}
.major-wrap .conBox08 ul li{display: non e; border-radius:var(--borderRadius); overflow:hidden;}
.major-wrap .conBox08 ul li:nth-child(n+1):nth-child(-n+6){display: block;}
.major-wrap .conBox08 ul li img{width:100%;}

@media (max-width:1024px){
.major-wrap .conBox08 ul{grid-template-columns: 1fr;}
}
@media (max-width:680px){
  .major-wrap .conBox07 ul {display:grid;grid-template-columns: 1fr 1fr; gap: 20px}
}


.major03 .major-wrap .conBox03 ul {gap: 30px 0;}
.major03 .major-wrap .conBox03 ul li .inner {}
.major03 .major-wrap .conBox03 ul li .inner .icon {}
.major03 .major-wrap .conBox03 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major03-icon0101.png");}
.major03 .major-wrap .conBox03 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major03-icon0102.png");}
.major03 .major-wrap .conBox03 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major03-icon0103.png");}
.major03 .major-wrap .conBox03 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major03-icon0104.png");}
.major03 .major-wrap .conBox03.columns-6 ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px 0;}
.major03 .major-wrap .conBox03.columns-6 ul li .inner .icon {height: 125px; background-color: rgb(255 255 255 / 0%); border-radius: 0;}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major03-icon02-v1.svg");}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major03-icon01-v1.svg");}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major03-icon03-v1.svg");}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major03-icon04-v1.svg");}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(5) .inner .icon {background-image:url("../images/contents/major03-icon05-v1.svg");}
.major03 .major-wrap .conBox03.columns-6 ul li:nth-child(6) .inner .icon {background-image:url("../images/contents/major03-icon06-v1.svg");}
.major02 .major-wrap .conBox03 ul li .inner {/* background:url("../images/contents/major02-img06.jpg") no-repeat; */}
.major02 .major-wrap .conBox03 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major02-icon01.png");}
.major02 .major-wrap .conBox03 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major02-icon02.png");}
.major02 .major-wrap .conBox03 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major02-icon03.png");}
.major02 .major-wrap .conBox03 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major02-icon04.png");}
.major02 .major-wrap .conBox03.columns-7 ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px 0;}
.major02 .major-wrap .conBox03.columns-7 ul li .inner .icon {height: 125px; background-color: rgb(255 255 255 / 0%); border-radius: 0;}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(1) .inner .icon {background-image:url("../images/contents/major03-icon01-v2.svg");}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(2) .inner .icon {background-image:url("../images/contents/major03-icon02-v2.svg");}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(3) .inner .icon {background-image:url("../images/contents/major03-icon03-v2.svg");}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(4) .inner .icon {background-image:url("../images/contents/major03-icon04-v2.svg");}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(5) .inner .icon {background-image:url("../images/contents/major03-icon05-v2.svg");}
.major02 .major-wrap .conBox03.columns-7 ul li:nth-child(6) .inner .icon {background-image:url("../images/contents/major03-icon06-v2.svg");}

.major-wrap .conBox.major_faculty {padding:100px 0;position:relative;}
.major-wrap .conBox.major_faculty .slide-dots-box {padding-left:8%;float:left;width:29%;box-sizing:content-box;}
.major-wrap .conBox.major_faculty .slide-dots-box .title {font-size:60px;color:#111;}
.major-wrap .conBox.major_faculty .slide-wrap {padding-left:29%;}
.major-wrap .conBox.major_faculty .slide-wrap .slider {position:static;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-list {padding-right:20%;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots {position:absolute;left:0;top:210px;padding-left:8%;width:350px;box-sizing:content-box;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots li {float:left;margin:9px;opacity:0.5;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots li.slick-active {opacity: 1;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots li a {display:block;width:68px;height:68px;overflow:hidden;border-radius:50%;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots li.btnMore {opacity:1;}
.major-wrap .conBox.major_faculty .slide-wrap .slick-dots li.btnMore a {border-radius:0;font-size:12px;color:#111;font-weight:500;line-height:68px;text-align:center;text-decoration:underline;}
.major-wrap .conBox.major_faculty .slide-wrap > .arrow {position:absolute;top:50%;transform:translateY(-50%);}
.major-wrap .conBox.major_faculty .slide-wrap > .arrow.btnPrev {left:3%;}
.major-wrap .conBox.major_faculty .slide-wrap > .arrow.btnNext {right:3%;}
.major-wrap .conBox.major_faculty .slide-wrap .arrows_m {position:absolute;bottom:0;right:10px;display:none;}
.major-wrap .conBox.major_faculty .slide-wrap li {opacity:0.3;}
.major-wrap .conBox.major_faculty .slide-wrap li.slick-active {opacity:1;}
.major-wrap .conBox.major_faculty .slide-wrap li a {display:block;position:relative;}
.major-wrap .conBox.major_faculty .slide-wrap li a .imgBox {overflow:hidden;border-radius:50%;float:left;width:330px;height:330px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox {padding-left:380px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .comment {display:block;font-size:34px;color:#111;font-weight:500;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .comment span {font-weight:700;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .position {display:block;font-size:18px;color:#111;opacity:0.6;font-weight:500;margin-top:10px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .position span {font-weight:700;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dd {margin-top:50px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dd p {font-size:18px;color:#111;font-weight:500;}



.scheduleWrap {position:relative;}
.scheduleWrap p.title {text-align: center;font-size:36px;color:#333;font-weight:700;font-family:'gamtanload';}
.scheduleWrap p.title span {color:var(--color);opacity:0.9;}
.scheduleWrap a.btnPrev {position:absolute;display:block;width:48px;height:48px;top:0;left:0;background:url("../../images/contents/btn_prev_schedule.png") no-repeat;}
.scheduleWrap a.btnPrev:hover {background-image:url("../../images/contents/btn_prev_schedule_Hover.png");}
.scheduleWrap a.btnNext {position:absolute;display:block;width:48px;height:48px;top:0;right:0;background:url("../../images/contents/btn_next_schedule.png") no-repeat;}
.scheduleWrap a.btnNext:hover {background-image:url("../../images/contents/btn_next_schedule_Hover.png");}
.monthTab {/* border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; */margin:30px 0;border-radius:20px;overflow:hidden;}
.monthTab ul{}
.monthTab ul li {float:left;width:8.33%;}
.monthTab ul li a {display:block;height:55px;line-height:55px;background:#f6f6f6;font-size:18px;color:#333;text-align:center;}
.monthTab ul li.on a, .monthTab ul li a:hover {color:#fff;background:var(--gradient);} 
.scheduleCon {overflow:hidden;}
.scheduleCon .calendar {float:left;width:40%;text-align: center;border:1px solid #d9d9d9;}
.scheduleCon .calendar table {width:100%;}
.scheduleCon .calendar table thead th {background:#f6f6f6;font-size:14px;color:#333;line-height:45px;}
.scheduleCon .calendar table thead th:first-child,.scheduleCon .calendar table tbody td:first-child {color:#ec1c1c;}
.scheduleCon .calendar table thead th:last-child,.scheduleCon .calendar table tbody td:last-child {color:#1f5b9f;}
.scheduleCon .calendar table tbody td {font-size:14px;color:#666;position:relative;padding:14px 0;}
.scheduleCon .calendar table tbody td:after {content:"";position:absolute;width:18px;height:2px;background:#46b23e;bottom:12px;left:50%;margin-left:-9px;display:none;}
.scheduleCon .calendar table tbody td.on:after {display:block;}
.scheduleCon .contentBox {float:left;width:60%;padding-left:30px;}
.scheduleCon .contentBox table {width:100%;border-top:2px solid var(--color);text-align:left;}
.scheduleCon .contentBox table col:nth-child(1) {width:200px;}
.scheduleCon .contentBox table tr {border-bottom:1px solid #d9d9d9;}
.scheduleCon .contentBox table th {font-size:15px;color:#333;font-weight:700;padding:15px 25px;}
.scheduleCon .contentBox table td {font-size:15px;color:#666;padding:15px 25px;}

.schedule-table-Wrap p.title {
    text-align: center;
    font-size: 36px;
    color: #333;
    font-weight: 700;
    font-family: 'gamtanload';
}



.timetable .conBox {position:relative;}
.timetable .conBox .selectBox {position:absolute;top:-10px;right:0;}
.timetable .conBox select {position:absolute;top:-10px;right:0;width:140px;height:45px;border:1px solid #ccc;font-size:16px;color:#888;font-weight:300;padding:0 10px;border-radius:3px;}
.timetable .conBox .contentsTable col:nth-child(1) {width:30%;}
.timetable .conBox .contentsTable col:nth-child(2) {width:210px;}
.timetable .conBox .contentsTable col:nth-child(3) {width:;}
.timetable .conBox .contentsTable a.btn {border:1px solid #1f5b9f;background:#1f5b9f;color:#fff;display:block;height:45px;line-height:45px;border-radius:3px;}
.timetable .conBox .contentsTable .btnWrap {margin-top:0;}
.timetable .conBox .contentsTable .btnWrap a {border-radius:3px;font-size:16px;font-weight:400;width:30%;}
.timetable .conBox .contentsTable .btnWrap a span {vertical-align:top;}
.timetable .conBox .contentsTable .btnWrap a img {margin-top:16px;}


.life .conBox01 .contentsTable col:nth-child(1) {width:160px;}
.life .conBox ul.stepList li {float:left;width:20%;text-align:center;position:relative;}
.life .conBox ul.stepList li:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:-6px;width:12px;height:20px;background:url("../images/contents/rightArrow.png") no-repeat;}
.life .conBox ul.stepList li:last-child:after {display:none;}
.life .conBox ul.stepList li .icon {background-repeat:no-repeat;background-position:50% 100%;height:130px;}
.life .conBox ul.stepList li .step {display:block;font-size:18px;color:#1f5b9f;font-weight:700;margin:10px 0;}
.life .conBox ul.stepList li dl dt {font-size:23px;color:#222;font-weight:700;}
.life .conBox ul.stepList li dl dd {font-size:16px;color:#666;}
.life .conBox02 ul.stepList li:nth-child(1) .icon {background-image:url("../images/contents/life_icon01.png");}
.life .conBox02 ul.stepList li:nth-child(2) .icon {background-image:url("../images/contents/life_icon02.png");}
.life .conBox02 ul.stepList li:nth-child(3) .icon {background-image:url("../images/contents/life_icon03.png");}
.life .conBox02 ul.stepList li:nth-child(4) .icon {background-image:url("../images/contents/life_icon04.png");}
.life .conBox02 ul.stepList li:nth-child(5) .icon {background-image:url("../images/contents/life_icon05.png");}
.life .conBox04 .contentsTable col:nth-child(1) {width:280px;}
.life .conBox06 ul.stepList li {width:25%;}
.life .conBox06 ul.stepList li:nth-child(4):after {display:none;}
.life .conBox06 ul.stepList li:nth-child(1) .icon {background-image:url("../images/contents/life_icon06.png");}
.life .conBox06 ul.stepList li:nth-child(2) .icon {background-image:url("../images/contents/life_icon07.png");}
.life .conBox06 ul.stepList li:nth-child(3) .icon {background-image:url("../images/contents/life_icon08.png");}
.life .conBox06 ul.stepList li:nth-child(4) .icon {background-image:url("../images/contents/life_icon09.png");}
.life .conBox06 ul.stepList li:nth-child(5) .icon {background-image:url("../images/contents/life_icon10.png");}
.life .conBox06 ul.stepList li:nth-child(6) .icon {background-image:url("../images/contents/life_icon11.png");}
.life .conBox06 ul.stepList li:nth-child(7) .icon {background-image:url("../images/contents/life_icon12.png");}
.life .conBox06 ul.stepList li dl dd {height:100px;}
.life .conBox08 .contentsTable col:nth-child(1) {width:280px;}


.support-list ul {margin:-40px;}
.support-list ul li {float:left;width:50%;padding:40px;}
.support-list ul li .inner {position:relative;}
.support-list ul li .imgBox {border:1px solid #d9d9d9;float:left;width:44%;}
.support-list ul li .txtBox {position:absolute;top:0;bottom:0;right:0;left:44%;padding-left:30px;}
.support-list ul li .txtBox .txtBox-top {min-height:50%;padding-bottom:20px;}
.support-list ul li .txtBox .txtBox-top .title {font-size:32px;color:#333;font-weight:700;padding-bottom:12px;}
.support-list ul li .txtBox .txtBox-bottom {padding-top:20px;border-top:1px solid #d9d9d9;}
.support-list ul li .txtBox .txtBox-bottom dt {font-size:22px;color:#333;}
.support-list ul li .txtBox .txtBox-bottom dd {font-size:18px;color:#666;}
.support-list ul li .txtBox .more {display:block;float:right;font-size:12px;color:#111;font-weight:500;margin-top:20px;position:relative;border-bottom:2px solid #111;}

.club .conBox {padding:50px 0;border-top:1px solid #d9d9d9;}
.club .conBox01 {padding-top:0 !important;border-top:none;}
.club .conBox .con-top {position:relative;}
.club .conBox .con-top .imgBox {width:33.33%;}
.club .conBox .con-top .txtBox {position:absolute;top:0;left:33.33%;right:0;bottom:0;}
.club .conBox .con-top .txtBox ul {height:100%;}
.club .conBox .con-top .txtBox ul li {float:left;width:50%;height:100%;position:relative;color:#333;}
.club .conBox .con-top .txtBox ul li .edge {position:absolute;top:40px;left:-36px;}
.club .conBox .con-top .txtBox ul li dl {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;}
.club .conBox .con-top .txtBox ul li dl dt {font-size:35px;font-weight:700;}
.club .conBox .con-top .txtBox ul li dl dd {font-size:20px;font-weight:300;padding-top:15px;margin-top:15px;position:relative;}
.club .conBox .con-top .txtBox ul li dl dd:after {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:1px;background:#fff;opacity:0.8;}
.club .conBox .con-top .txtBox ul li:nth-child(1) {background:#52509f;color:#fff;}
.club .conBox .con-top .txtBox ul li:nth-child(2) {background:#d8d7e7;}
.club .conBox .con-top .txtBox ul li:nth-child(2) dl dd:after {background:#333;}
.club .conBox02 .con-top .txtBox ul li:nth-child(1) {background:#e03573;color:#fff;float:right;}
.club .conBox02 .con-top .txtBox ul li:nth-child(2) {background:#eadce1;color:#333;}
.club .conBox02 .con-top .txtBox ul li dl dd:after {background:#fff;}
.club .conBox02 .con-top .txtBox ul li:nth-child(2) dl dd:after {background:#333;}
.club .conBox02 .con-top .txtBox ul li .edge {left:auto;right:-36px;}
.club .conBox .con-bottom {margin-top:30px;}
.club .conBox .con-bottom .title {padding:20px 0;text-align:center;font-size:24px;color:#1f5b9f;font-weight:700;}
.club .conBox .con-bottom ul {margin:-10px;overflow:hidden;}
.club .conBox .con-bottom ul li {float:left;width:33.33%;padding:10px;}
.club .conBox02 .con-top .imgBox {float:right;}
.club .conBox02 .con-top .txtBox {left:0;right:33.33%;}

.student_union #contents {padding:0;}
.student_union .conBox {text-align:center;padding:90px 0;}
.student_union .conBox01 .sub-auto > img {margin:30px 0;}
.student_union .conBox01 dl {padding:30px 0;}
.student_union .conBox01 dl dt {font-size:24px;color:#1f5b9f;}
.student_union .conBox01 dl dd p {margin-top:10px;}
.student_union .conBox02 {background:#f8fbff;}

.student_union .conBox03{position: relative;}
.student_union .conBox03 .title {font-size:40px;color:#333;font-weight:400;text-align:center;padding:50px 0;}
.student_union .conBox03 .title span {color:var(--sky); font-weight: 700;}

.student_union .conBox03 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:40px 20px;}
.student_union .conBox03 ul li .img_box{padding-top: 100%;background-size: cover;background-position: center;border-radius: var(--borderRadius);}
.student_union .conBox03 ul li .txt{text-align:center; margin-top:20px;}
.student_union .conBox03 ul li .txt span{font-weight:400; color:#1b599f; margin-bottom:0px; display:inline-block;}
.student_union .conBox03 ul li .txt p{font-size:26px; color:#333; font-weight:700;}

.student_union .conBox03 .bg_txt{position:absolute;line-height: 1.2;font-size: 180px;font-weight: 900; font-family:var(--eng);opacity: .1; z-index:-1;}  
.student_union .conBox03 .bg_txt.top{top: 0px;text-align: center;width: 100%;left: 50%;transform: translateX(-50%);background:rgb(254,54,155);background:linear-gradient(125deg, rgba(254,54,155,1) 0%, rgba(66,222,239,1) 100%);color: transparent;-webkit-background-clip: text;}    
.student_union .conBox03 .bg_txt.bottom{bottom:0; right:0; background: rgb(152,145,200); background: linear-gradient(125deg, rgba(152,145,200,1) 0%, rgba(66,222,239,1) 100%); color: transparent; -webkit-background-clip: text;}    
.student_union .conBox03 .bg_txt span{display: block;}
.student_union .conBox03 .bg_txt.top span{margin:-34px 0 0 -20px;}

@media(max-width:1024px){

.student_union .conBox03 .bg_txt.top{font-size:100px; line-height: 1.5;}
.student_union .conBox03 .title{font-size:22px; padding:30px 0;}
.student_union .conBox03 ul{grid-template-columns:1fr 1fr; gap:20px 10px;}
.student_union .conBox03 ul li .txt p{font-size:22px;}

}



.story-list ul li {padding:40px 0;overflow:hidden;position:relative;border-top:1px solid #d9d9d9;}
.story-list ul li:first-child {border-top:none;}
.story-list ul li .imgBox {float:left;width:520px;}
.story-list ul li .txtBox {padding-left:550px;}
.story-list ul li .txtBox dl {overflow:hidden;}
.story-list ul li .txtBox dl dt {font-size:30px;color:#333;font-weight:700;}
.story-list ul li .txtBox dl dd {margin-top:30px;}
.story-list ul li .hashtag {margin-top:40px;}
.story-list ul li .hashtag a {display:inline-block;font-size:16px;color:#444;font-weight:500;}
.story-list ul li .btn-more {position:absolute;bottom:40px;right:0;width:180px;text-align:center;line-height:48px;text-align:center;font-size:16px;color:#1f5b9f;border:1px solid #1f5b9f;}

.gallery ul{display:flex; flex-wrap:wrap;}
.gallery ul li {overflow:hidden;position:relative; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; box-sizing:border-box;}
.gallery ul li:nth-child(2n){margin-right:0px;}
.gallery ul li a{overflow:hidden;border-radius:var(--borderRadius); display: block; box-sizing:border-box;}
.gallery ul li a .imgBox {transition:0.4s ease;position: relative; width:100%; box-sizing:border-box;}
.gallery ul li:hover a .imgBox{transition:0.4s ease; transform:scale(1.1);}
.gallery ul li a::after{opacity:0; transition:0.25s ease; position:absolute; content:''; left:0; top:0; width:100%; height:100%; border-radius:var(--borderRadius); border:4px solid #1f5b9f; box-sizing:border-box;}
.gallery ul li:hover a::after{opacity:1; transition:0.25s ease;}
.gallery ul li a .imgBox img{width:100%;}

@media(max-width:640px){
.gallery ul li:nth-child(2n){margin-right:10px;}
.gallery ul li:nth-child(1n){margin-right:0;}
}


.interview-list ul {margin:-20px;overflow:hidden;}
.interview-list ul li {float:left;width:50%;padding:20px;}
.interview-list ul li .imgBox {float:left;width:45%;}
.interview-list ul li .txtBox {float:left;width:55%;padding:0 30px;}
.interview-list ul li .txtBox dl dt {font-size:26px;color:#333;font-weight:700;}
.interview-list ul li .txtBox dl dd {padding-top:15px;margin-top:15px;border-top:1px solid #d9d9d9;height:82px;}
.interview-list ul li .txtBox .logobox {margin-top:50px;}
.interview-list ul li .txtBox .logobox img {border:1px solid #d9d9d9;}
.interview-list ul li .txtBox .more {float:right;font-size:12px;color:#111;border-bottom:1px solid #111;margin-top:20px;}


.status-list ul {margin:-10px;overflow:hidden;}
.status-list ul li {float:left;width:20%;padding:11px;}
.status-list ul li .imgBox {border:1px solid #d9d9d9;}
.status-list ul li .txtBox {padding:10px;text-align:center;background:#f2f2f2;border:1px solid #d9d9d9;margin-top:-1px;}
.status-list ul li .txtBox .company {font-size:22px;color:#333;}
.status-list ul li .txtBox .name {font-size:20px;color:#666;}


.thumb-board-list {}
.thumb-board-list ul {margin:-10px;overflow:hidden;}
.thumb-board-list ul li {float:left;width:33.33%;padding:10px;}
.thumb-board-list ul li .thumb {border:1px solid #d9d9d9;position:relative;padding-top:60%;overflow:hidden;}
.thumb-board-list ul li .thumb img {position:absolute;top:0;left:0;width:100%;}
.thumb-board-list ul li .txtBox {border:1px solid #d9d9d9;margin-top:-1px;padding:20px 10px;text-align:center;height:98px;position:relative;}
.thumb-board-list ul li .txtBox dl {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 10px;}
.thumb-board-list ul li .txtBox dl dt {font-size:20px;color:#4c4c4c;font-weight:700;line-height:1.4;max-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;}
.thumb-board-list ul li .txtBox dl dd {margin-top:10px;}
.thumb-board-list ul li a:hover .txtBox {background:#57a6ff;}
.thumb-board-list ul li a:hover .txtBox dl dt {color:#fff;}
.thumb-board-list ul li a:hover .txtBox dl dd {color:#fff;}


.awards-list > ul > li {padding:70px 80px;background:#f8f8f8;text-align:center;margin-top:50px;}
.awards-list > ul > li:first-child {margin-top:0;} 
.awards-list > ul > li .title {font-size:30px;color:#4c4c4c;font-weight:700;}
.awards-list > ul > li .img-list {margin-top:20px;margin-bottom:80px;}
.awards-list > ul > li p.txt {margin-top:20px;}


.license .awards-list > ul > li p.txt {margin-top:0;}
.license .awards-list > ul > li .img-list {margin-top:30px;}
.license-pass-names {margin-top:20px;}
.license-pass-names ul li {float:left;width:14.28%;text-align:center;font-size:16px;color:#666;border:1px solid #d9d9d9;background:#fff;line-height:48px;margin:-1px;}

.portfolio-main {position:relative;margin-bottom:50px;}
.portfolio-main ul li a {display:block;position:relative;padding-top:56.5%;}
.portfolio-main ul li a > img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.portfolio-main .arrow {position:absolute;top:50%;transform:translateY(-50%);}
.portfolio-main .arrow.btnPrev {left:-80px;}
.portfolio-main .arrow.btnNext {right:-80px;}
.portfolio-list ul {margin:-10px;}
.portfolio-list ul li {float:left;width:33.33%;padding:10px;}
.portfolio-list ul li a {display:block;}
.portfolio-list ul li a .thumb {position:relative;padding-top:56.5%;overflow:hidden;}
.portfolio-list ul li a .thumb img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.portfolio-list ul li p {font-size:15px;color:#111;font-weight:500;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.portfolio-list ul li a .hv {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);opacity: 0;transition:0.3s all ease-out;}
.portfolio-list ul li a .hv p {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;font-size:24px;color:#fff;font-weight:500;}
.portfolio-list ul li a:hover .hv {opacity: 1;}
.portfolio-popup {position:fixed;top:0;left:0;right:0;bottom:0;padding:80px 10px;background:rgba(0,0,0,0.7);z-index:10000;display:none;}
.portfolio-popup .inner {position:relative;height:100%;width:1100px;margin:auto;background:#fff;}
.portfolio-popup .inner .popup-header {position:absolute;top:0;left:0;right:0;height:64px;background:#00548e;padding:10px 30px;padding-right:80px;}
.portfolio-popup .inner .popup-header .title {display:inline-block;font-size:28px;color:#fff;font-weight:500;margin-right:10px;}
.portfolio-popup .inner .popup-header .sub {display:inline-block;font-size:20px;color:#6bc1fc;font-weight:500;}
.portfolio-popup .inner .popup-body {padding-top:64px;height:100%;}
.portfolio-popup .inner .popup-body .contentBox {height:100%;overflow-y:auto;padding:30px;}
.portfolio-popup .inner .popup-body .contentBox .iframe {position:relative;padding-top:50%;}
.portfolio-popup .inner .popup-body .contentBox .iframe iframe {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.portfolio-popup .inner .popup-body .contentBox p.txt {font-size:16px;color:#666;margin-top:10px;}
.portfolio-popup .inner .popup-body .contentBox .title {font-size:22px;color:#333;font-weight:700;margin-top:30px;margin-bottom:10px;}
.portfolio-popup .inner .popup-body .contentBox .mask .con {margin:-5px;}
.portfolio-popup .inner .popup-body .contentBox .mask span {display:block;float:left;width:50%;padding:5px;}
.portfolio-popup .inner .popup-body .contentBox .mask .slick-dots {text-align:center;margin-top:20px;}
.portfolio-popup .inner .popup-body .contentBox .mask .slick-dots li {display:inline-block;overflow:hidden;width:18px;height:18px;border:3px solid #999;border-radius:50%;background:#fff;text-indent:-999px;margin:0 3px;}
.portfolio-popup .inner .popup-body .contentBox .mask .slick-dots li.slick-active {background:#00548e;border-color:#00548e;}
.portfolio-popup .inner .popup-body .contentBox .related {position:relative;}
.portfolio-popup .inner .popup-body .contentBox .related ul {margin:-5px;}
.portfolio-popup .inner .popup-body .contentBox .related ul li {float:left;width:33.33%;padding:5px;}
.portfolio-popup .inner .popup-body .contentBox .related .more {position:absolute;top:0;right:0;font-size:17px;color:#333;font-weight:700;}
.portfolio-popup .inner .popup-body .contentBox .related .more span {vertical-align:top;color: #00548e;}
.portfolio-popup .inner .btnClose {position:absolute;top:20px;right:30px;}

/* WORKS */
.works-list ul {margin:-15px;}
.works-list ul li {padding:15px;width:33.33%;transition:0s !important;}
.works-list ul li a {display:block;position:relative;text-align:center;}
.works-list ul li a > img {width:100%;}
.works-list ul li a .hover {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(31,91,159,0.9);text-align:center;opacity:0;transition:0.3s all ease-out;}
.works-list ul li a .hover p:first-child {position:relative;}
.works-list ul li a .hover .line {display:inline-block;margin-right:-4px;width:2px;height:30px;background:#fff;margin-bottom:20px;}
.works-list ul li a .hover span {}
.works-list ul li a .hover span {display:block;margin-top:20px;}
.works-list ul li a .hover span img {display:inline;}
.works_tab {text-align:center;border-bottom:1px solid #d9d9d9;margin-bottom:40px;}
.works_tab button {display:inline-block;padding:0 50px;text-align: center;font-size:18px;color:#666;line-height:53px;}
.works_tab button span {display:inline-block;position:relative;height:100%;}
.works_tab button.active-work span:after {content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:#54b948;}
.works_tab button.active-work {color:#54b948;font-weight:500;}

.works-list .worksBox {padding:10px;}
.works-list .worksBox a {display:block;position:relative;text-align:center;}
.works-list .worksBox a > img {width:100%;}
.works-list .worksBox a .hover {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(84,185,72,0.9);text-align:center;opacity:0;transition:0.3s all ease-out;}
.works-list .worksBox a .hover span {}
.works-list .worksBox a .hover span {display:block;margin-top:20px;}
.works-list .worksBox a .hover span img {display:inline;}



/* WORKS VIEW */
/* #works_view {position:fixed;top:100%;left:0;width:100%;height:100%;background:#fff;z-index:-1;opacity:0;transition:0.3s all ease-out;overflow-y:scroll;}
#works_view.on {top:0;opacity:1;z-index:1000;} */
#works_view {position:fixed;width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;left:0;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.5s cubic-bezier(.96,0,.56,1), visibility 0s 0.5s;transition:transform 0.5s cubic-bezier(.96,0,.56,1), visibility 0s 0.5s;z-index:200;background:#fff;z-index:1000;}
#works_view.on {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(.96,0,.56,1), visibility 0s 0.3s;transition:transform 0.3s cubic-bezier(.96,0,.56,1), visibility 0s 0.3s}
#works_view .works_view_visual {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;position:relative;background-attachment:fixed;height:900px;}
#works_view .works_view_visual img {height:100%;}
#works_view .works_view_visual .title {font-size:60px;color:#fff;font-weight:700;line-height:1.2;letter-spacing:10px;position:relative;display:block;}
#works_view .works_view_visual .title:before {content:"";position:absolute;top:-100px;left:50%;width:2px;margin-left:-1px;height:70px;background:#fff;}
#works_view .works_view_visual.visual01 {background-image:url("../../images/contents/works_view_visual01.jpg");}
/* #works_view .works_view_visual.visual02 {background-image:url("../images/contents/works_view_visual02.jpg");} */
#works_view .works_view_visual {}
#works_view .works_view_visual .bottomArrow {position:absolute;bottom:50px;z-index:1;left:50%;margin-right:-12px;width:23px;height:17px;text-align:left;}
#works_view .works_view_visual .bottomArrow img {position:absolute;}
#works_view .bottom_btn span {background-image:url("../../images/contents/icon_link.png");width:17px;height:14px;top:1px;}
#works_view .conWrap {padding:100px 0;text-align:center;}
#works_view .conWrap .conBox01 {margin-bottom:763px;}
#works_view .conWrap .conBox01 .inner {padding:60px 0;text-align:center;background:#efefef;height:600px;}
#works_view .conWrap .conBox01 .titleBox .type {display:block;font-size:20px;color:#404040;font-weight:500;font-style:italic;}
#works_view .conWrap .conBox01 .titleBox .title {display:block;font-size:30px;color:#333;font-weight:700;}
#works_view .conWrap .conBox01 .titleBox div span {display:inline-block;vertical-align:top;font-size:18px;color:#666;padding:0 10px;position:relative;margin-right:-4px;}
#works_view .conWrap .conBox01 .titleBox div span:first-child:after {content:"";position:absolute;top:10px;right:0;width:1px;height:10px;background:#808080;}
#works_view .conWrap .conBox01 .btnWrap a img {margin-top:16px;margin-left:10px;}
#works_view .conWrap .conBox01 .monitor {margin-top:50px;position:relative;text-align:center;}
#works_view .conWrap .conBox01 .monitor .center {display:inline-block;}
#works_view .conWrap .conBox01 .monitor .thumb {position:absolute;top:0;left:0;width:100%;height:100%;padding:41px 43px 41px 43px;}

#works_view .conWrap .conBox02 .titleBox {text-align:center;margin-bottom:50px;}
#works_view .conWrap .conBox02 .titleBox dt {font-size:30px;color:#333;font-weight:700;}
#works_view .conWrap .conBox02 .titleBox dd {font-size:18px;color:#666;}
#works_view .conWrap .conBox02 ul {margin:-15px;}
#works_view .conWrap .conBox02 ul li {float:left;width:33.33%;padding:15px;}

#works_view .conWrap .conBox03 {margin-top:75px;}
#works_view .conWrap .conBox03 .inner {padding:100px 0;background:#eee;text-align:center;}

#works_view .conWrap .conBox04 {margin-top:75px;}

.works_view.btns {position:fixed;bottom:100px;right:50px;z-index:-1;opacity:0;}
.works_view.btns.on {z-index:1001;opacity:1;}
.works_view.btns a {display:block;margin:5px 0;width:60px;height:60px;transition:0.3s all ease-out;}
.works_view.btns a.btnBack {background: url("../images/board/iconBack.png") no-repeat;}
.works_view.btns a.btnTop {background: url("../images/board/iconTop.png") no-repeat;}
.works_view.btns a.btnBack:hover {background-image: url("../images/board/iconBack_on.png");}
.works_view.btns a.btnTop:hover {background-image: url("../images/board/iconTop_on.png");}
.works-list ul li a:hover .hover {opacity:1;}
#works_view .bottom_btn:hover span {background-image:url("../../images/contents/icon_link_on.png");}
.bottom_btn {display:block;width:180px;margin:30px auto;text-align:center;border:1px solid #222;font-size:16px;color:#222;line-height:60px;transition:0.3s all ease-out;}
.bottom_btn span {display:inline-block;position:relative;top:0;width:13px;height:11px;background:url("../../images/main/icon_hamberger.png") no-repeat;margin-left:10px;transition:0.3s all ease-out;}
.bottom_btn:hover {color:#fff;border-color:#1f5b9f;background:#1f5b9f;}
.bottom_btn:hover span {background:url("../../images/main/icon_hamberger_hover.png") no-repeat;}
.ucc .sub-auto {text-align:center;}
.ucc .contents-top-title {margin-bottom:0;padding:40px 0;}
.ucc .contentsTable {}
.ucc .contentsTable col:nth-child(1) {width:200px;}
.ucc .contentsTable input[type="text"] {height:40px;padding:0 10px;line-height:40px;}
.ucc .contentsTable tbody tr th,
.ucc .contentsTable tbody tr td {text-align:left;}
.ucc .contentsTable .check-wrap {display:inline-block;line-height:40px;vertical-align:top;}
.ucc .contentsTable .check-wrap label {display:inline-block;margin-left:20px;}
.ucc .contentsTable .comment {display:inline-block;}
.ucc .contentsTable .filebox {position:relative;}
.ucc .contentsTable .filebox .upload-name {width:350px;}
.ucc .agree {display:block;margin-top:50px;}

 


@media all and (max-width:1400px){
	.sub-auto {width:100%;padding:0 10px;}
	#contents.sub-auto {padding: 60px 10px;}
	#contents .sub-auto {width:100%;padding:0 10px;}
	

	.professor-quick-list ul {margin:-5px;}
	.professor-quick-list ul li {padding:5px;}

	.advantage .conBox ul li .txtBox .inner {padding:20px 30px;}
	.advantage .conBox ul li .txtBox .inner .num {font-size:40px;padding-bottom:20px;margin-bottom:15px;}
	.advantage .conBox ul li .txtBox .inner dl dd br {content:"";}

	.thumb-board-list ul {margin:-5px;}
	.thumb-board-list ul li {padding:5px;}
	
	.interview-list ul {margin:-5px;}
	.interview-list ul li {padding:5px;}
	.interview-list ul li .txtBox .logobox {}

	.support-list ul {margin:-20px;}
	.support-list ul li {padding:20px;}

	.curriculum .conBox01 ul {margin:-10px;}
	.curriculum .conBox01 ul li {padding:10px;}
	.curriculum .conBox01 ul li br {display:none;}

	.major-wrap .conBox02 ul {margin:-5px;}
	.major-wrap .conBox02 ul li {padding:5px;}
	.major-wrap .conBox03 ul {/* margin:-5px; */grid-template-columns: 1fr 1fr;}
	.major-wrap .conBox03 ul li {/* padding:5px; */}
	.major-wrap .conBox03 ul li .inner p {font-size:18px;}

	.major03 .major-wrap .conBox03 ul {grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px 0;}
	.major03 .major-wrap .conBox03.columns-6 ul {grid-template-columns: 1fr 1fr 1fr; gap: 25px 0;}

	.status-list ul {margin:-5px;}
	.status-list ul li {padding:5px;}
}
@media all and (max-width:1200px){

	.professor-view-top .txtBox .inner {padding:0 30px;}
	.professor-view-top .txtBox .inner .professor-name .en {font-size:16px;font-weight:400;}
	.professor-view-top .txtBox .inner .professor-name .kr {font-size:25px;}
	.professor-view-top .txtBox .inner .comment dl dd {font-size:20px;margin-top:10px;}
	.professor-view-bottom .list {padding-left:300px;}
	.professor-view-bottom .list ul li {font-size:16px;}
	.professor-view-bottom .list ul li:before {top:10px;}

	.story-list ul li .hashtag {margin-top:20px;}
	.story-list ul li .btn-more {line-height:38px;}
}
@media all and (max-width:1199px){

	
	.advantage .conBox .titleBox .title {font-size:34px;}
	.advantage .conBox .titleBox .sub {font-size:20px;}
	.advantage .conBox .titleBox .txt {font-size:14px;}


	.professor-list > ul > li {float:none;width:100%;}
	.professor-list > ul > li .inner .imgBox img {width:100%;}

	.interview-list ul li {float:none;width:100%;overflow:hidden;}
	.interview-list ul li .imgBox img {width:100%;}

	.support-list ul li {float:none;width:100%;overflow:hidden;}
	.support-list ul li .imgBox img {width:100%;}

	.curriculum .conBox01 ul {margin:-5px;}
	.curriculum .conBox01 ul li {padding:5px;}
	.curriculum .conBox01 ul li .inner {box-shadow:3px 0px 9px 0px rgba(0,0,0,0.1);}
	.curriculum .conBox01 ul li .inner .txtBox {height:200px;}
	.curriculum .conBox01 ul li .inner .txtBox dl dt {font-size:18px;word-break:break-all;}
	.curriculum .conBox01 ul li .inner .txtBox dl dd {font-size:16px;word-break:break-all;}

	.major-wrap .conBox01 .txtBox .inner dl dt {font-size:20px;}
	.major-wrap .conBox01 .txtBox .inner dl dd {font-size:14px;}
	.major-wrap .conBox01 .txtBox .inner .hashtag {margin-top:20px;}
	.major-wrap .conBox01 .txtBox .inner .hashtag a {font-size:14px;}
	.major-wrap .conBox02 ul li .txtBox dl dt {font-size:20px;}
	.major-wrap .conBox02 ul li .txtBox dl dd {font-size:14px;}
	.major-wrap .conBox02 ul li .txtBox dl dd br {display:none;}
	.major-wrap .conBox06 .con {padding-top:30px;}
	.major-wrap .conBox06 .con .movie-thumb {top:-30px;}
	.major-wrap .conBox06 .con .movie-info {padding:20px 50px;}

	.img-list ul {margin:-5px;}
	.img-list ul li {padding:5px;}

	.portfolio-popup .inner {width:100%;}

	.club .conBox .con-top .txtBox ul li dl dt {font-size:20px;}
	.club .conBox .con-top .txtBox ul li dl dd {font-size:14px;}
	.club .conBox .con-bottom ul {margin:-5px;}
	.club .conBox .con-bottom ul li {padding:5px;}
	.club .conBox .con-top .txtBox ul li .edge {top:20px;left:-20px;width:20px;}
	.club .conBox02 .con-top .txtBox ul li .edge {right:-20px;}

	.contents-top-title {font-size:25px;}
	.ucc .contents-top-title {padding:20px 0;}

    


    

}
@media all and (max-width:1024px){	

	.professor-quick-list ul li {width:50%;}
	.professor-quick-list ul li a img.img01 {display:none;}
	.professor-quick-list ul li a img.img02 {display:block;}

	.scheduleCon .calendar {float:none;width:100%;}
	.scheduleCon .contentBox {float:none;width:100%;padding-left:0;margin-top:30px;}

	.life .conBox ul.stepList li {width:33.33%;}
	.life .conBox ul.stepList li:after {display:none;}
	.life .conBox06 ul.stepList li {width:33.33%;}
	.life .conBox04 .contentsTable col:nth-child(1) {width:180px;}
	.life .conBox08 .contentsTable col:nth-child(1) {width:180px;}


	.timetable .conBox .contentsTable col:nth-child(2) {width:160px;}
	.timetable .conBox .contentsTable col:nth-child(3) {width:160px;}
	.timetable .conBox .contentsTable .btnWrap a {width:100%;margin-top:5px;}
	.timetable .conBox .contentsTable .btnWrap a:first-child {margin-top:0;}

	.advantage .conBox ul li:nth-child(3) .txtBox .inner {padding:85px 55px 55px 55px;}

	.img-list.list04 ul {margin:-5px;}
	.img-list.list04 ul li {padding:5px;}
	.img-list ul li .txtBox {padding:10px;}
	.img-list ul li .txtBox p {font-size:16px;}

	.major-wrap .conBox03 ul li .inner .icon {background-size:auto 100%;/* height:70px; */width: 130px;height: 130px;background-size: 70px;}
	.major-wrap .conBox03 ul li .inner p {font-size:14px;}
	.major-wrap .conBox04 ul li dl dt .kr {font-size:25px;}
	.major-wrap .conBox04 ul li dl dt .en {font-size:16px;}
	.major-wrap .conBox04 ul li dl dd {height:57px;}
	.major-wrap .conBox04 ul li dl dd p {font-size:14px;}
	.major-wrap .conBox04 ul li dl dd p:before {top:8px;}
	.major-wrap .conBox04 ul li > p {font-size:14px;}

	.major03 .major-wrap .conBox03 ul {grid-template-columns: 1fr 1fr; gap: 20px 0;}
	.major03 .major-wrap .conBox03.columns-6 ul {grid-template-columns: 1fr 1fr; gap: 20px 0;}

	.review-list ul li a .txtBox .name {font-size:20px;}
	.review-list ul li a .txtBox .txt {font-size:14px;}

	.review-list02 ul li{width:100%;}
	.review-list02 ul li a .txtBox .name {font-size:20px;}
	.review-list02 ul li a .txtBox .txt {font-size:14px;}

	.story-list ul li .imgBox {width:380px;}
	.story-list ul li .txtBox {padding-left:400px;}
	.story-list ul li .txtBox dl dt {font-size:20px;}
	.story-list ul li .txtBox dl dd {margin-top:10px;font-size:14px;}
	.story-list ul li .hashtag {margin-top:10px;}
	.story-list ul li .hashtag a {font-size:14px;}

    .gallery ul li .imgBox {width:380px;}
	.gallery ul li .txtBox {padding-left:400px;}
	.gallery ul li .txtBox dl dt {font-size:20px;}
	.gallery ul li .txtBox dl dd {margin-top:10px;font-size:14px;}
	.gallery ul li .hashtag {margin-top:10px;}
	.gallery ul li .hashtag a {font-size:14px;}

	.status-list ul li {width:25%;}
	.status-list ul li .txtBox .company {font-size:18px;}
	.status-list ul li .txtBox .name {font-size:14px;}

	.awards-list > ul > li {padding:40px;}
	.awards-list > ul > li .img-list {margin-bottom:40px;}
	.awards-list > ul > li p.txt br {display:none;}

	.thumb-board-list ul li .txtBox {height:68px;}
	.thumb-board-list ul li .txtBox dl dt {font-size:16px;}
}
@media all and (max-width:980px){
	.curriculum .conBox01 ul li {width:50%;}
	.curriculum .conBox01 ul li .inner .txtBox {height:160px;}

	.portfolio-popup .inner .popup-header {}
	.portfolio-popup .inner .popup-header .title {display:block;}
	.portfolio-popup .inner .popup-header .sub {font-size:16px;}
	.portfolio-popup .inner .popup-body {padding-top:94px;}
}
@media all and (max-width:860px){

	.professor-view-top .imgBox {float:none;width:100%;}
	.professor-view-top .txtBox {padding-left:0;position:static;width:100%;}
	.professor-view-top .txtBox .inner {position:static;transform:translateY(0);padding:20px;}
	.professor-view-top .txtBox .inner .professor-info dl {display:block;}
	.professor-view-top .txtBox .inner .professor-info dl:last-child {margin-left:0;}
	.professor-view-bottom .title {float:none;margin-left:0;margin-bottom:20px;}
	.professor-view-bottom .list {padding-left:0;}

	.portfolio-list ul li a .hv p {font-size:14px;}

	.major-wrap .conBox01 .imgBox {float:none;width:100%;}
	.major-wrap .conBox01 .imgBox img {width:100%;}
	.major-wrap .conBox01 .txtBox {position:static;width:100%;}
	.major-wrap .conBox01 .txtBox .inner {position:static;transform:translateY(0);padding:20px 10px;}
	.major-wrap .conBox03 ul li {/* width:50%; */}
	.major-wrap .conBox06 .con .movie-thumb {float:none;width:100%;top:0;}
	.major-wrap .conBox06 .con .movie-thumb img {width:100%;}
	.major-wrap .conBox06 .con .movie-info {float:none;width:100%;padding:20px 10px;margin-left:0;}
}
@media all and (max-width:800px){
	/* advantage */
	.advantage .conBox ul li.img_r {padding:80% 0 30% 0;margin:-85% 0 -35% 0;}
	.advantage .conBox ul li .img {float:none;width:100%;}
	.advantage .conBox ul li.img_r .img {float:none;}
	.advantage .conBox ul li .img img {width:100%;}
	.advantage .conBox ul li .txtBox {position:relative;width:100%;top:-50px;transform:translateY(0);}
	.advantage .conBox ul li:nth-child(3) .txtBox .inner {padding:20px 30px;}
	.advantage .conBox ul li .txtBox .inner .num {padding-bottom:0;margin-bottom:10px;font-size:50px;color:#1f5b9f}
	.advantage .conBox ul li .txtBox .inner .num:after {display:none;}

	.thumb-board-list ul li {width:50%;}

	.major-wrap .conBox04 ul {/* margin:0; */grid-template-columns: 1fr;gap: 20px;}
	.major-wrap .conBox04 ul li {/* width:50%; */}
	.major-wrap .conBox04 ul li:nth-child(2) {border-right:none;}
	.major-wrap .conBox04 ul li:nth-child(3),
	.major-wrap .conBox04 ul li:nth-child(4) {/* border-top:1px solid #d9d9d9; */}

	.club .conBox .con-top .imgBox {width:100%;float:none;}
	.club .conBox .con-top .imgBox img {width:100%;}
	.club .conBox .con-top .txtBox {position:static;}
	.club .conBox .con-top .txtBox ul {position:relative;}
	.club .conBox .con-top .txtBox ul li {padding:20px 10px;}
	.club .conBox .con-top .txtBox ul li dl {position:static;transform:translateY(0);}
	.club .conBox .con-top .txtBox ul li dl dd br {display:none;}
	.club .conBox .con-top .txtBox ul li .edge {display:none;}
	.club .conBox .con-top .txtBox ul {background:#52509f;}
	.club .conBox .con-top .txtBox ul:before {content:"";position:absolute;top:0;bottom:0;left:50%;right:0;background:#d8d7e7;z-index:-1;}
	.club .conBox02 .con-top .txtBox ul {background:#eadce1;}

	.student_union .conBox01 dl dd p br {display:none;}


}
@media all and (max-width:768px){

	.professor-quick-list ul li a .txtBox {padding:0 20px;}
	.professor-quick-list ul li a .txtBox dl dt {font-size:20px;}
	.professor-quick-list ul li a .txtBox dl dd {font-size:14px;}

	.life .conBox ul.stepList li dl dt {font-size:18px;}
	.life .conBox ul.stepList li dl dd {font-size:14px;height:42px;}

	.timetable .conBox select {position:static;float:right;margin-bottom:10px;height:30px;width:100px;font-size:13px;}

	.support-list ul li .txtBox {padding-left:20px;}

	.major-wrap p.title {font-size:25px;}
	.major-wrap .conBox02 ul li {width:50%;}

	.review-list .slick-list {padding:0 50px;}
	.review-list ul {margin:-5px;}
	.review-list ul li {padding:5px;}
	.review-list ul li a {box-shadow:3px 0px 9px 0px rgba(0,0,0,0.1); height: 220px;}

	.review-list02 ul {margin:-5px;}
	.review-list02 ul li {padding:5px;}
	.review-list02 ul li a {box-shadow:3px 0px 9px 0px rgba(0,0,0,0.1);}


	.story-list ul li .imgBox {width:300px;}
	.story-list ul li .txtBox {padding-left:310px;}
	.story-list ul li .txtBox dl dd {height:5.6em;-webkit-line-clamp:4;}
	.story-list ul li .hashtag {display:none;}
	.story-list ul li .btn-more {width:110px;line-height:30px;font-size:14px;}

    
	.gallery ul li .imgBox {width:300px;}
	.gallery ul li .txtBox {padding-left:310px;}
	.gallery ul li .txtBox dl dd {height:5.6em;-webkit-line-clamp:4;}


	.portfolio-list ul {margin:-5px;}
	.portfolio-list ul li {width:50%;padding:5px;}

    .major-wrap .conBox.major_faculty .slide-wrap {padding:0 10px;}

}

@media all and (max-width:767px){
    .major-wrap .conBox.major_faculty .slide-wrap .slick-list {padding-right:0;overflow:hidden;}
    
    }
    

@media all and (max-width:640px){
	#subVisual {height: 230px;}
	#subVisual .subTitle dt {font-size: 23px;}
	
	#lnb .auto {padding-left:40px;}
	#lnb .btnHome {width:40px;height:40px;}
	#lnb .auto > div {width:50%;}
	#lnb .mainBtn {line-height:40px;padding:0 10px;font-size:13px;}
	#lnb .auto > div ul {top:40px;}
	#lnb .auto > div ul li a {padding:10px;font-size:13px;}
	
	#mobileLnb { height: 50px; }
	#mobileLnb .list .btn { height: 50px; line-height: 50px;font-size:13px;padding-left:10px; }
	#mobileLnb .list .btn .material-icons {font-size:25px;}
	#mobileLnb .list ul { top: 50px; }
	#mobileLnb .list ul li a { height: 50px; line-height: 50px;font-size:13px; }
	
	.contentsTitle {font-size:25px;padding-top:20px;}
	.contentsTitle:after {top:-10px;height:20px;}
	.sub-txt {font-size:14px;}
	h4.title {font-size:18px;padding-left:15px;background:url("../images/contents/title-line.png") no-repeat 0 0px;}
	h4.title span {display:inline-block;font-size:14px;}
	h4.title.title-sub div {float:none;}
	h4.title.title-sub p {padding-left:0;margin-top:10px;}
	p.txt,
	dd.txt {font-size:14px;}
	ul.txtList li {font-size:14px;}
	ul.txtList li:before {top:9px;}
	.contents-top-title {font-size:20px;font-weight:500;margin-bottom:20px;}
	.img-list.list04 ul {margin:0;}
	.img-list.list04 ul li {float:none;width:100%;padding:0;margin-top:10px;}
	.img-list.list03 ul {margin:0;}
	.img-list.list03 ul li {float:none;width:100%;padding:0;margin-top:10px;}
	.img-list ul li.m {display:block;}
	.img-list ul li .txtBox p {font-size:12px;}
	/* advantage */
	.conBox .titleBox .title {font-size:26px;}
	.conBox .titleBox .sub {font-size:17px;}
	.conBox .titleBox .txt {font-size:12px;}
	.advantage .conBox ul li .txtBox {top:-30px;}
	.advantage .conBox ul li .txtBox .inner {padding:10px;}
	.advantage .conBox ul li:nth-child(3) .txtBox .inner {padding:10px;}
	.advantage .conBox ul li .txtBox .inner .num {font-size:40px;}
	.advantage .conBox ul li .txtBox .inner dl dt {font-size:24px;}
	.advantage .conBox ul li .txtBox .inner dl dd {font-size:14px;}


	.professor-list > ul > li .inner .imgBox {float:none;width:100%;}
	.professor-list > ul > li .inner .txtBox {float:none;width:100%;padding:10px;}
	.professor-list > ul > li .inner .txtBox .name {font-size:14px;}
	.professor-list > ul > li .inner .txtBox .name span {font-size:25px;}
	.professor-list > ul > li .inner .txtBox .info .subject {font-size:18px;}
	.professor-list > ul > li .inner .txtBox .info ul li {font-size:14px;}
	.professor-list > ul > li .inner .txtBox .info .comment {font-size:16px;}
	.professor-list > ul > li .inner .txtBox .info .tel {font-size:14px;}
	.professor-list > ul > li .inner .txtBox .info .tel img {width:16px;margin-top:4px;}
	.professor-list > ul > li .inner .txtBox .info .email {font-size:14px;}
	.professor-list > ul > li .inner .txtBox .info .email img {width:15px;margin-top:6px;}
	.professor-list > ul > li .inner .txtBox .more {margin-top:0;margin:10px;}

	.professor-paging .btn-back {font-size:25px;}
	.professor-paging .btn-back span {line-height:36px;}
	.professor-paging .pagination {padding-top:10px;}
	.professor-view-top .txtBox .inner .professor-info dl {font-size:14px;margin-top:5px;}
	.professor-view-top .txtBox .inner .professor-info dl dt img {margin-top:2px;}
	.professor-view-top .txtBox .inner .professor-info dl:last-child dt img {margin-top:4px;}
	.professor-view-top .txtBox .inner .comment {margin-top:20px;}
	.professor-view-top .txtBox .inner .comment dl dt {font-size:18px;}
	.professor-view-top .txtBox .inner .comment dl dd {font-size:16px;}
	.professor-view-bottom .list ul.float {float:none;width:100%;}
	.professor-view-bottom .list ul li {font-size:14px;}
	.professor-view-bottom .list ul li:before {top:8px;}
	.professor-quick-list ul li {width:100%;}

    .office #contents.sub-auto{padding-top:0;}
	.office .iframe {padding-top:250px;}
	.office .conBox .info dl {display:block;margin-right:0;}
	.office .conBox .info dl dt {font-size:14px;width:65px;}
	.office .conBox .info dl dd {font-size:14px;}

	.monthTab {overflow-x: scroll; display:block;}
	.monthTab ul{width:640px}
	.monthTab ul li a{font-size:15px;}
	.scheduleWrap p.title {font-size:20px;margin-bottom:20px;}
	.scheduleWrap a.btnPrev {width:30px;height:30px;background-size:100%;}
	.scheduleWrap a.btnNext {width:30px;height:30px;background-size:100%;}

	.life .conBox ul.stepList li {width:50%;} 
	.life .conBox ul.stepList li .step {margin:0;margin-top:20px;font-size:16px;}
	.life .conBox ul.stepList li dl dt {font-size:16px;}
	.life .conBox01 .contentsTable col:nth-child(1) {width:80px;}
	.life .conBox04 .contentsTable col:nth-child(1) {width:80px;}
	.life .conBox08 .contentsTable col:nth-child(1) {width:80px;}

	.timetable .conBox .contentsTable col:nth-child(2) {width:70px;}
	.timetable .conBox .contentsTable col:nth-child(3) {width:70px;}
	.timetable .conBox .contentsTable a.btn {height:30px;line-height:30px;}
	.timetable .conBox .contentsTable .btnWrap a {font-size:12px;height:30px;line-height:30px;}
	.timetable .conBox .contentsTable .btnWrap a span {display:none;}

	.thumb-board-list ul li {float:none;width:100%;}
	.thumb-board-list ul li .txtBox {padding:10px;text-align:left;height:68px;}
	.thumb-board-list ul li .txtBox dl dt {font-size:14px;font-weight:500;white-space:normal;}
	.thumb-board-list ul li .txtBox dl dd {font-size:12px;}

	.interview-list ul li {padding-top:10px;margin-top:10px;border-top:1px solid #d9d9d9;}
	.interview-list ul li:first-child {padding-top:0;margin-top:0;border-top:none;}
	.interview-list ul li .imgBox {float:none;width:100%;}
	.interview-list ul li .txtBox {float:none;width:100%;padding:10px;}
	.interview-list ul li .txtBox dl dt {-webkit-line-clamp:2;height:2.8em;font-size:20px;}
	.interview-list ul li .txtBox .logobox {margin-top:20px;}

	.portfolio-list ul {margin:0;}
	.portfolio-list ul li {float:none;width:100%;padding:0;margin-top:20px;}
	.portfolio-list ul li:first-child {margin-top:0;}

	.support-list ul li .imgBox {float:none;width:100%;}
	.support-list ul li .txtBox {position:static;width:100%;padding:10px;}
	.support-list ul li .txtBox .txtBox-top .title {font-size:20px;margin-bottom:10px;}
	.support-list ul li .txtBox .txtBox-bottom dt {font-size:18px;}
	.support-list ul li .txtBox .txtBox-bottom dd {font-size:14px;}

	.curriculum .conBox01 .contents-top-title {margin-bottom:10px;}
	.curriculum .conBox01 .hashtag {display:none;}
	.curriculum .conBox01 ul li .inner .txtBox {padding:10px;height:150px;}
	.curriculum .conBox01 ul li .inner .txtBox dl dt {font-size:14px;word-break:keep-all;}
	.curriculum .conBox01 ul li .inner .txtBox dl dd {font-size:12px;word-break:keep-all;}

	/* WORKS */	
	.works-list ul {margin:-5px;}
	.works-list ul li {width:50%;padding:5px;}
	.works_tab {margin-bottom:-10px;}
	.works .tab ul li {display:inline-block;float:none;width:auto;margin:0 10px;}
	.works .tab ul li a {line-height:33px;}
	.works_tab button {float:none;display:inline-block;font-size:14px;line-height:33px;padding:0;margin:0 10px;width:auto;}

	/* WORKS VIEW*/
	#works_view .works_view_visual {height:400px;}
	#works_view .works_view_visual .title {font-size:35px;}
	#works_view .conWrap {padding:40px 0;}
	#works_view .conWrap .conBox01 {margin-bottom:65%;}
	#works_view .conWrap .conBox01 .inner {padding:40px 0;height:400px;}
	#works_view .conWrap .conBox01 .titleBox .type {font-size:16px;}
	#works_view .conWrap .conBox01 .titleBox .title {font-size:22px;}
	#works_view .conWrap .conBox01 .titleBox div span {font-size:12px;}
	#works_view .conWrap .conBox01 .titleBox div span:first-child:after {height:6px;top:7px;}
	#works_view .conWrap .conBox01 .inner .btnWrap {margin-top:20px;}
	#works_view .conWrap .conBox01 .monitor {margin:50px 10px 10px 10px;}
	#works_view .conWrap .conBox02 ul {margin:-5px;}
	#works_view .conWrap .conBox02 ul li {padding:5px;}
	#works_view .conWrap .conBox01 .btnWrap a img {margin-top:12px;}
	#works_view .conWrap .conBox03 {margin-top:40px;}
	#works_view .conWrap .conBox03 .inner {padding:40px 0;}
	#works_view .conWrap .conBox02 .titleBox dt {font-size:22px;}
	#works_view .conWrap .conBox02 .titleBox dd {font-size:12px;}
	.works_view.btns {right:20px;bottom:50px;}
	.works_view.btns a {width:40px;height:40px;}
	.works_view.btns a.btnBack {background-size:100%;}
	.works_view.btns a.btnTop {background-size:100%;}
	.bottom_btn {font-size:14px;width:150px;line-height:40px;}

	.major-wrap p.title {font-size:20px;margin-bottom:10px;}
	.major-wrap .conBox01 .txtBox .inner dl dt {font-size:18px;}
	.major-wrap .conBox04 ul li {/* padding:10px 5px; */}
	.major-wrap .conBox02 ul li .txtBox dl dt {font-size:15px;}
	.major-wrap .conBox02 ul li .txtBox dl dd {font-size:14px;}
	.major-wrap .conBox03 ul li .inner .icon {/* height:50px; */}
	.major-wrap .conBox03 ul li .inner p {font-size:12px;height:64px;}
	.major-wrap .conBox04 ul li dl dt .kr {font-size:18px;}
	.major-wrap .conBox04 ul li dl dt .en {font-size:12px;}
	.major-wrap .conBox04 ul li dl dd p {font-size:12px;}
	.major-wrap .conBox04 ul li > p {font-size:12px;}
	.major-wrap .conBox04 ul li > p br {display:none;}
	.major-wrap .conBox06 .con {padding-top:10px;}
	.major-wrap .conBox06 .con .movie-info .professor .professor-img {width:90px;height:90px;}
	.major-wrap .conBox06 .con .movie-info .professor p {padding:15px 0 15px 110px;}
	.major-wrap .conBox06 .con .movie-info .professor p .kr {font-size:25px;}
	.major-wrap .conBox06 .con .movie-info .professor p .en {font-size:16px;}
	.major-wrap .conBox06 .con .movie-info .comment {font-size:16px;}
	.major-wrap .conBox06 .con .movie-info ul {display:block;}
	.major-wrap .conBox06 .con .movie-info ul li {font-size:14px;}
	.major-wrap .conBox06 .btn {font-size:14px;margin-top:10px;}

	.story-list ul li {padding:20px 0;}
	.story-list ul li .imgBox {float:none;width:100%;}
	.story-list ul li .txtBox {padding:10px;}
	.story-list ul li .btn-more {position:static;float:right;}

    
	.gallery ul li {width:100%;}
	.gallery ul li .imgBox {float:none;width:100%;}
	.gallery ul li .txtBox {padding:10px;}
	.gallery ul li .btn-more {position:static;float:right;}

	.status-list ul li {width:50%;}
	.status-list ul li .txtBox .company {font-size:14px;}

	.awards-list > ul > li {padding:20px 10px;}
	.awards-list > ul > li .title {font-size:18px;}
	.awards-list > ul > li .img-list  {margin-bottom:20px;}
	.awards-list .img-list.list03 ul li {width:100%;float:none;}

	.license-pass-names ul li {width:25%;font-size:12px;line-height:38px;}

	.portfolio-popup .inner .popup-header {padding:10px;padding-right:40px;}
	.portfolio-popup .inner .popup-header .sub {font-size:14px;}
	.portfolio-popup .inner .btnClose {width:20px;right:10px;}
	.portfolio-popup .inner .popup-body .contentBox {padding:10px;}
	.portfolio-popup .inner .popup-body .contentBox p.txt {font-size:14px;}
	.portfolio-popup .inner .popup-body .contentBox .title {font-size:16px;}
	.portfolio-popup .inner .popup-body .contentBox .related {padding-bottom:30px;}
	.portfolio-popup .inner .popup-body .contentBox .related .more {bottom:0;top:auto;font-size:14px;}
	.portfolio-popup .inner .popup-body .contentBox .related .more span {font-size:21px;}

	.club .conBox {padding:30px 0;}
	.club .conBox .con-top .txtBox ul:before {z-index:-1;}
	.club .conBox .con-top .txtBox ul li {float:none;width:100%;position:static;}	
	.club .conBox .con-top .txtBox ul li dl dt {font-size:16px;}
	.club .conBox .con-top .txtBox ul li dl dd {font-size:12px;}
	.club .conBox .con-top .txtBox ul li .edge {display:block;top: -30px;left:50%;transform: translateX(-50%) rotate(90deg);}
	.club .conBox02 .con-top .txtBox ul li .edge {transform: translateX(-50%) rotate(-90deg);}
	.club .conBox02 .con-top .txtBox ul li:nth-child(1) {float:none;}
	.club .conBox .con-bottom .title {font-size:18px;}
	.club .conBox .con-bottom .title img {width:15px;}
	.club .conBox .con-bottom ul li {width:100%;float:none;}

	.student_union .conBox {padding:40px 0;}
	.student_union .conBox01 dl dt {font-size:18px;}
	.student_union .conBox01 dl dt img {width:15px;}
	.student_union .conBox01 dl dd {font-size:14px;}

	.facility-wrap .facility-imgTxt .txtBox .inner {padding:10px 0;}
	.facility-wrap .facility-imgTxt .txtBox .inner .icons {margin-top:20px;}
	.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li .icon {background-size:30px auto;height:30px;}
	.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li p {font-size:13px;margin-top:10px;}
	.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(2) .icon {background-size:23px auto;}
	.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(3) .icon {background-size:28px auto;}

	.ucc .contentsTable col:nth-child(1) {width:100px;}
	.ucc .contentsTable .filebox {padding-right:80px;}
	.ucc .contentsTable .filebox .upload-name {width:100%;}
	.ucc .contentsTable .filebox.bs3-primary label {position:absolute;top:0;right:0;width:80px;}
	.ucc .contentsTable input[type="text"] {width:100%;}
	.ucc .contentsTable .check-wrap label {margin-left:0;margin-right:10px;}

    .major-wrap .conBox.major_faculty {padding:30px 0;}
.major-wrap .conBox.major_faculty .slide-dots-box .title {font-size:25px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .imgBox {width:100px;height:100px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox {padding-left:110px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .comment {font-size:14px;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .comment br {display:none;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .position {font-size:12px;margin-top:0;}
.major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dd {display:none;}
.major-wrap .conBox.major_faculty .slide-wrap .arrows_m {display:block;bottom:30px;}
.major-wrap .conBox.major_faculty .slide-wrap .arrows_m a {display:inline-block;width:30px;}
	
}











.review2 #contents{padding-top: 0; padding-bottom: 0; }
#subContents .main_review{background:#eeeff4; padding:60px 0;}
#subContents .main_review .center_wrap{position: relative;display: flex;height: 100%;flex-direction: column;}
#subContents .main_review .center_wrap>div:nth-child(1){/* background:url(../images/contents/review2_bg.png)no-repeat left bottom 60px; */ width:100%;}
#subContents .main_review .center_wrap>div:nth-child(2){width: 100%;}
#subContents .main_review .tit01{font-size:40px; color:#333;font-weight: 500;text-align: center;}
#subContents .main_review .tit01 span{font-weight: 700;}
#subContents .main_review .tit01 span.point{color:#1f5b9f;}
#subContents .main_review .list-wrap{/* background:#eeeff4; */ padding:60px 30px 0;}
#subContents .main_review .list li{display: flex; width: 100%; justify-content: flex-end; align-items: center; margin-bottom: 10px; height: auto;}
#subContents .main_review .list .item{width: 100%; background: #fff; padding:40px 30px 40px 60px; border-radius: 10px; box-shadow:5px 5px 5px rgba(0,0,0,.15); position: relative; z-index: 1; margin-bottom: 5px; margin-right: 10px;}
#subContents .main_review .list .img{border-radius: 100px; overflow: hidden; border:5px solid #fff; min-width: 60px; width:60px; height: 60px; margin-right: -30px; position: relative; z-index: 2;}
#subContents .main_review .list .img img { width: 100%;height: 100%;}
#subContents .main_review .list .txt{word-break:break-all; font-size:18px; color:#666666; overflow: hidden; /* text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; */}
#subContents .main_review .list .writer{font-size:16px; color:#e03573; margin-top: 20px;}

.review_slide{height: 100%;}
#subContents .main_review .arrow-wrap{display: flex; margin-top: 30px;}
#subContents .main_review .swiper-button-prev,
#subContents .main_review .swiper-button-next{margin-top:0; position: relative; border:1px solid #1f5b9f; border-radius: 100px; width:40px; height: 40px; top:auto;}
#subContents .main_review .swiper-button-next:after, 
#subContents .main_review .swiper-button-prev:after{font-size:15px; font-weight: bold; color:#1f5b9f;}
#subContents .main_review .button{font-weight: 400; color:#f8444f; font-size:16px; display: block; margin-top: 120px;}
#subContents .main_review .swiper-button-prev{top:auto; left:auto;}
#subContents .main_review .swiper-button-next{top:auto; right:auto; left:auto;}
#subContents .main_review  .swiper-pagination{padding:0 15px; position: relative; width: auto; font-size:24px; color:#999; font-weight: 300; bottom:0;}
#subContents .main_review  .swiper-pagination .swiper-pagination-current{color:#1f5b9f; font-weight: 700;}
#subContents .main_review  .swiper-pagination .swiper-pagination-total{font-weight: 300;}


@media all and (max-width:1200px){

.review2 #contents{padding:0;}
#subContents .main_review{height: auto;}
#subContents .main_review .tit01{font-size:26px;}
#subContents .main_review .list-wrap{height:500px; padding:20px 0px 20px 10px;}
#subContents .main_review .list .item{padding:30px 30px 30px 60px;}
#subContents .main_review .list .txt{font-size:15px;}
#subContents .main_review .list .writer{font-size:13px;}
#subContents .main_review .list li{height:auto !important;}
#subContents .main_review .center_wrap{width: 100%; display: block;}
#subContents .main_review .center_wrap>div:nth-child(1),
#subContents .main_review .center_wrap>div:nth-child(2){width: 100%;}

#subContents .main_review .center_wrap>div:nth-child(1){padding:0 3%; background:none;}
#subContents .main_review .center_wrap>div:nth-child(2){margin-top: 30px;}


}


@media all and (max-width:680px){

#subContents .main_review .tit01{font-size:20px;}
#subContents .main_review .list .item{padding:20px 20px 20px 40px;}
#subContents .main_review .list-wrap{padding:20px 0 20px 0;}
#subContents .main_review .list .txt{word-break:keep-all; line-height: 165%;}
}


.philosophy_wrap ul li{margin-bottom:30px; position: relative;}
.philosophy_wrap ul li .in{border:1px solid #d9d9d9; padding-left:245px; margin-left: 175px; padding:40px 70px 40px 245px;}
.philosophy_wrap ul li .img{position:absolute; left:0; top:50%; transform:translateY(-50%); width:350px; height: 350px; border-radius:50%; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.1);}
.philosophy_wrap ul li .img_box{padding-top:100%;}
.philosophy_wrap ul li .txt{height:350px; position: relative;}
.philosophy_wrap ul li .txt .tit{text-align: center; font-size:40px; color:#333; font-weight: 400; line-height: 130%; padding:30px 0; position: relative;}
.philosophy_wrap ul li .txt .tit span{color:#1f5b9f; font-weight: 700;}
.philosophy_wrap ul li .txt .tit .dot{position:absolute; font-size:100px; color:#333; opacity: .1; font-weight: 700;}
.philosophy_wrap ul li .txt .tit .left_dot{left:0; top:0;}
.philosophy_wrap ul li .txt .tit .right_dot{right:0; bottom:0;}
.philosophy_wrap ul li .txt .con{font-size:19px; color:#666; font-weight: 300;}
.philosophy_wrap ul li .txt .right_txt{margin-top: 20px; text-align: right; margin-left:auto;}
.philosophy_wrap ul li .txt .right_txt p{font-size:30px; color:#666; font-weight: 700;}
.philosophy_wrap ul li .txt .right_txt span{font-size:17px; color:#1f5b9f; font-weight: 500;}

@media (max-width:1024px){

.philosophy #contents.sub-auto{padding-top:0;}

.philosophy_wrap ul li{margin: 120px 0 0px;position: relative;}
.philosophy_wrap ul li .in{margin-left: 0;padding: 0px 20px 40px 20px;}
.philosophy_wrap ul li .img{position: relative;left: 50%;top: -70px;transform: translateX(-50%);width: 150px;height: 150px;}
.philosophy_wrap ul li .img_box{padding-top:100%;}
.philosophy_wrap ul li .txt{height: auto;}
.philosophy_wrap ul li .txt .tit{font-size: 22px;padding: 20px 0;}
.philosophy_wrap ul li .txt .tit span{color:#1f5b9f; font-weight: 700;}
.philosophy_wrap ul li .txt .tit .dot{position:absolute;font-size: 70px; color:#333;opacity: .1;font-weight: 700;}
.philosophy_wrap ul li .txt .tit .left_dot{left:0; top:0;}
.philosophy_wrap ul li .txt .tit .right_dot{right:0; bottom:0;}
.philosophy_wrap ul li .txt .con{font-size: 14px;}
.philosophy_wrap ul li .txt .right_txt{margin-top: 20px; text-align: right; margin-left:auto;}
.philosophy_wrap ul li .txt .right_txt p{font-size: 22px; color:#666;font-weight: 700;}
.philosophy_wrap ul li .txt .right_txt span{font-size: 14px; color:#1f5b9f;font-weight: 500;}

}





/**********************************************************************************************

***********************************************************************************************/
.major-wrap .conBox01 {position:relative;}
.major-wrap .conBox01 .imgBox {border:1px solid #d9d9d9;float:left;width:50%;border-radius:var(--borderRadius);overflow: hidden;}
.major-wrap .conBox01 .imgBox img {width:100%;}
.major-wrap .conBox01 .imgBox .video{width: 100%; padding: 0 0 56.2% 0; position: relative;}
.major-wrap .conBox01 .imgBox .video iframe{ width: 100%; height: 100%;  position: absolute;}

.major-wrap .conBox01 .btn-more {display:block;margin-top:20px;width:200px;line-height:50px;text-align:center;font-size:18px;color:var(--color);border:1px solid var(--color);border-radius: 40px;}
.major-wrap .conBox01 .btn-more img {vertical-align:middle;position:relative;top:-2px;margin-left:16px;}

.major-wrap .conBox01 .btn-more {transition:0.3s all ease-out;}
.major-wrap .conBox01 .btn-more .material-icons {line-height:50px;vertical-align:top;transition:0.3s all ease-out;font-size: 20px;}
.major-wrap .conBox01 .btn-more:hover {background-color:var(--color);color:#fff;}


@media all and (max-width:980px){
	.major-wrap .conBox01 .imgBox {float:none;width:100%;}
	.major-wrap .conBox01 .txtBox {position:static;width:100%;}
	.major-wrap .conBox01 .txtBox .inner {position:static;transform:translateY(0);padding:20px 0;}
}

@media all and (max-width:640px){

    .major-wrap .conBox01 .btn-more {line-height:48px;font-size:14px;}
    .major-wrap .conBox01 .btn-more {transition:0.3s all ease-out;}
    .major-wrap .conBox01 .btn-more .material-icons {line-height:50px;vertical-align:top;transition:0.3s all ease-out;font-size: 20px;}
    .major-wrap .conBox01 .btn-more:hover {background-color:#52509f;color:#fff;}

}



.lector {position:relative; overflow:hidden;}
.lector .swiper_wrap{display:flex; align-items:center; position: relative; padding:60px 0; padding-left:calc((100% - 1400px) / 2);}
.lector .swiper_wrap::before {right:50%; top:50%; transform:translateY(-50%); content:''; position: absolute; width:100%; height:100%; background:#f7f6f6; border-radius:400px; z-index:-1;}
.lector .swiper_wrap .tit{margin-bottom: 10px;}
.lector .swiper_wrap .tit p{font-size:32px; color:#333; font-weight: 700;}
.lector .swiper_wrap .tit p span{font-family:"Noto Sans KR", sans-serif !important; font-weight: 700;}
.lector .swiper_wrap .name{margin-bottom: 10px;}
.lector .swiper_wrap .name p{font-size:16px; font-weight: 300;}
.lector .swiper_wrap .con p{color:#333;} 
/* .lector .swiper_wrap .nav{margin-top: 30px; display:flex; align-items:center;}
.lector .swiper_wrap .nav .prev, .lector .swiper_wrap .nav .next{cursor:pointer; width:30px; height: 30px; display:flex; align-items:center; justify-content:center; border:1px solid var(--sky); border-radius:50%;}
.lector .swiper_wrap .nav .num{margin:0 20px; width: auto; color:#666;}
.lector .swiper_wrap .nav .num .swiper-pagination-current{color:var(--sky); font-weight: 500;} */

.lector .swiper_wrap .more-btn-wrap{margin:25px 0 3px; justify-content:flex-start;}
.lector .swiper_wrap .more-btn{width:220px; height: 50px;}

.lector .swiper_wrap .txt_swiper{width:530px; margin: 0;}
.lector .swiper_wrap .img_swiper{width:calc(100% - 530px); padding-right:45%;}
.lector .swiper_wrap .img_swiper .img{ overflow:hidden; border-radius:50%;}
.lector .swiper_wrap .img_swiper .img_box{padding-top:100%; filter: grayscale(100%);}
.lector .swiper_wrap .img_swiper img{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:50%; }
.lector .swiper_wrap .img_swiper .swiper-slide-active .img_box{filter: grayscale(0);}

.lector .swiper_wrap .img_swiper li .img_box{transform:scale(1); transition:0.4s ease;}
.lector .swiper_wrap .img_swiper li:hover .img_box{transform:scale(1.05); transition:0.4s ease;}
.lector .swiper_wrap .img_swiper li{cursor:pointer;}

.lector .swiper_wrap .nav.m{display: none;}

.lector .swiper_wrap .item.pc{display: block;}
.lector .swiper_wrap .item.m{display: none;}

@media all and (max-width:1400px){

.lector .swiper_wrap::before {right: 50%;top: 9%;transform: translateX(50%); width:calc(100% - 40px); height:calc(100% - 9%);}

.lector .swiper_wrap{padding:0; flex-direction:column-reverse;}
.lector .swiper_wrap .item{padding:20px;}
.lector .swiper_wrap .tit p{font-size:22px;}
.lector .swiper_wrap .name p{font-size:14px;}

.lector .swiper_wrap .txt_swiper,
.lector .swiper_wrap .img_swiper{width:100%; padding:0 20px;}





.lector .swiper_wrap::before{border-radius:15px;}

.lector .swiper_wrap .item.pc{display: none;}
.lector .swiper_wrap .item.m{display: block; text-align: center;}

.lector .swiper_wrap .tit{margin-top: 20px;}
.lector .swiper_wrap .tit p{font-size:15px;}
.lector .swiper_wrap .name p:nth-child(1){font-size:12px; font-weight: 500; margin-bottom: 10px;}
.lector .swiper_wrap .name p:nth-child(2){font-size:20px; font-weight: 700;}
.lector .swiper_wrap .name p:nth-child(3){font-size:12px; color:#666; font-weight: 300;}

.lector .swiper_wrap .img_swiper{max-width:160px; margin-bottom: 10px; padding:0; position: relative;}

.lector .swiper_wrap .nav.m{display: flex;margin-top: 0;width: 254px;position: absolute;top: 80px;left: 50%;transform: translate(-50%,-50%);z-index: -1;justify-content: space-between;}

.lector .swiper_wrap .nav.m .prev, .lector .swiper_wrap .nav.m .next{border:none;width:auto; height:auto;}
.lector .swiper_wrap .nav.m .prev:hover, .lector .swiper_wrap .nav.m .next:hover{background:none;}
.lector .swiper_wrap .nav.m i{font-size:40px;}
.lector .swiper_wrap .nav.m i:hover{color: var(--color);}


.lector .swiper_wrap .more-btn{width:100%; height: 50px;}

}



.sub .more-btn-wrap{display:flex; align-items:center; justify-content:center; margin:50px 0;}

.sub .more-btn-wrap .more-btn{/* display:flex; *//* align-items:center; *//* justify-content:center; *//* color:var(--color); *//* width: 240px; *//* height: 60px; *//* border-radius:40px; *//* border:1px solid var(--color); *//* transition:0.25s ease; */}
.sub .more-btn-wrap .more-btn:hover{/* background:var(--color); */color:#fff;transition:0.25s ease;}

.sub .more-btn.color-og {color:var(--color);border:1px solid var(--color);}
.sub .more-btn.color-og:hover{background:var(--color);}

.sub .more-btn.color-pk {color:var(--color);border:1px solid var(--color);}
.sub .more-btn.color-pk:hover{background:var(--color);}

.sub .more-btn.color-w {color:#fff;border:1px solid #fff;}
.sub .more-btn.color-w:hover{background:#fff;}

.sub .nav {margin-top: 30px; display:flex; align-items:center;}
.sub .nav .prev, .sub .nav .next{cursor:pointer; width:30px; height: 30px; display:flex; align-items:center; justify-content:center; border:1px solid var(--color); border-radius:50%; transition:0.25s ease;}
.sub .nav .prev:hover, .sub .nav .next:hover{ background:var(--color); transition:0.25s ease;}
.sub .nav i{color:var(--color); font-size:18px;}
.sub .nav .next:hover i, .sub .nav .prev:hover i{color:#fff;}

.sub .nav .num{margin:0 20px; width: auto !important; color:#666;}
.sub .nav .num .swiper-pagination-current{color:var(--color); font-weight: 500;}

.sub .nav.sub .nav-w .prev, .sub .nav.sub .nav-w .next{border:1px solid #fff;}
.sub .nav.sub .nav-w .prev:hover, .sub .nav.sub .nav-w .next:hover{background:#fff;}
.sub .nav.sub .nav-w .prev:hover i, .sub .nav.sub .nav-w .next:hover i{color:var(--pk);}
.sub .nav.sub .nav-w i{color:#fff;}
.sub .nav.sub .nav-w .num, .sub .nav.sub .nav-w .num .swiper-pagination-current{color:#fff;}

.sub .nav .dots span{background:#ddd; width:5px; height:5px; opacity:1; border-radius:10px; transition:0.25s ease;}
.sub .nav .dots span.swiper-pagination-bullet-active{width: 30px; background:var(--color); transition:0.25s ease;}

.sub .nav .dots.dots-pk span.swiper-pagination-bullet-active{background:var(--pk);}

.sub .nav .dots{display: none; text-align: center;}

@media(max-width:1024px){
.sub .main_con_tit01{padding-bottom: 30px;}
.sub .main_con_tit01 .cate{font-size:18px; padding-right:15px; text-transform:uppercase; background:url(../../images/main/red-dot.png)no-repeat top right;}
.sub .main_con_tit01 .tit{font-size:22px;}
.sub .main_con_tit01 .tit img{zoom:.7; position:relative; top:-3px;}
/* .main_con_tit01 .tit.dot span.dot:after{display: none;} */
.sub .main_con_tit01 .tit.dot span.dot:after{width:3px; height: 3px; top:-5px;}
.sub .main_con_tit01 .con{margin-top: 5px;}

.sub .more-btn-wrap{margin:25px 0;}

.sub .more-btn-wrap .more-btn{/* font-size:14px; *//* width: 180px; *//* height: 50px; *//* border-radius:40px; *//* font-weight:600; */}

}

@media(max-width:680px){

.sub .more-btn-wrap{width: 100%;}
.sub .more-btn-wrap .more-btn{width: 100%;}

.sub .nav .dots{display: block;}

}



/**********************************************************************************************
	club_wrap
***********************************************************************************************/

	/* common */
	.club_wrap .conBox{display:flex;align-items:center;padding-top: 80px;margin-bottom: 130px;flex-wrap: wrap;position: relative;}
	.club_wrap .conBox>div{width:50%; position: relative;}
	.club_wrap .conBox .swiper{position: relative;}
	.club_wrap .conBox .bg, .conBox .img{background-size:cover; background-position:center;}
	.club_wrap .conBox .img_con .swiper .bg{position:absolute; top:0; left:0; width:100%; height:100%;}
	.club_wrap .conBox .txt_con .t01{font-family:"Noto Sans KR"; letter-spacing:-0.05em;display:inline-block; position: relative; font-size:40px; color:#333; font-weight:900;}
	.club_wrap .conBox .txt_con .t01 span{z-index:-1; position:absolute; right:0; top:47px; font-size:28px; font-weight:900; font-family:"Signerica_Fat";}
	.club_wrap .conBox .txt_con .t02{letter-spacing:-0.05em;color:#555; font-weight:700; margin:20px 0 35px;}
	.club_wrap .conBox .txt_con .t02 p{position: relative; font-size:21px;}
	.club_wrap .conBox .txt_con .t02 p span{position: relative;padding-right:10px;font-weight: 700;margin-right:5px;}
	.club_wrap .conBox .txt_con .t02 p span::after{width:2px; height:20px; background:#555; content:''; position: absolute; right:0; top:2px;}
	.club_wrap .conBox .txt_con .t03{font-family:"Noto Sans KR"; font-size:21px; color:#777; font-weight:400;}
	.club_wrap .conBox .txt_con .nav{margin-top:70px;}
	.club_wrap .conBox .txt_con .nav .bullets{display: flex;}
	.club_wrap .conBox .txt_con .nav .bullets span{margin:0 5px; background:#ddd; width:14px; height: 14px; opacity: 1; transition:0.25s ease;}
    .club_wrap .conBox .txt_con .nav .bullets span.swiper-pagination-bullet-active{width: 60px; border-radius:20px; transition:0.25s ease;}

	/* odd */
	.club_wrap .conBox:nth-child(odd){flex-direction:row-reverse;}
	
	/* even */


	/* samdc */
	.club_wrap .samdc .img_con .swiper{ width:657px; height: 656px;}
	.club_wrap .samdc .img_con .swiper .img{ padding-top:100%; -webkit-mask-image: url(../images/contents/club-samdc-masking.png); mask-image: url(../images/contents/club-samdc-masking.png); }
	.club_wrap .samdc .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:#ffd324;}
	.club_wrap .samdc .cir-s-1{z-index:1; position:absolute; left:-15%; top:19%; width:45px; height: 45px; border:10px solid #ffd324; border-radius:50%;}
	.club_wrap .samdc .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: #ffd324; border-radius:50%;}
	.club_wrap .samdc .cir-b{z-index:-1;position:absolute;left: 21%;top: -70px;width:506px;height: 506px;background-color:#ffd324;border-radius:50%;background-image:url(../images/contents/samdc-pattern.png);}
	.club_wrap .samdc .txt_con .t01 span{color:#ffd324; right:-100px;}
	.club_wrap .samdc .cross{z-index:1;position:absolute;right: -5%;top: 37%;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;}
	.club_wrap .samdc .cross span{width: 17px; height: 17px;}
	.club_wrap .samdc .cross span:nth-child(2n){background:#ffd324;}
	.club_wrap .samdc .half-cir{z-index:1;position:absolute; left: -17%;bottom: 0; width: 65px; height: 65px;}
	.club_wrap .samdc .half-cir span{display: block; position: relative; width: 65px; height: 65px; background:#ffd324; border-radius:50%; }
	.club_wrap .samdc .half-cir span::after{content:''; position: absolute; bottom:0px; left:0px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* emoting */
	.club_wrap .emoting .img_con .swiper{ width:646px; height: 581px;}
	.club_wrap .emoting .img_con .swiper .img{ padding-top:90%; -webkit-mask-image: url(../images/contents/club-emoting-masking.png); mask-image: url(../images/contents/club-emoting-masking.png); }
	.club_wrap .emoting .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--pk);}
	.club_wrap .emoting .cir-s-1{z-index:1;position:absolute;left: -24%;top: 47%;width:45px;height: 45px;border:10px solid var(--pk);border-radius:50%;}
	.club_wrap .emoting .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: var(--pk); border-radius:50%;}
	.club_wrap .emoting .cir-b{z-index:-1;position:absolute;left:-15%;bottom: -7%;width:334px;height: 334px;background-color:var(--pk);border-radius:50%;background-image:url(../images/contents/emoting-pattern.png);}
	.club_wrap .emoting .txt_con .t01 span{color:var(--pk); right:-50px;} 
	.club_wrap .emoting .half-cir{z-index:1;position:absolute;right: -17%;top: 46%;width: 65px;height: 65px;}
	.club_wrap .emoting .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--pk); border-radius:50%; }
	.club_wrap .emoting .half-cir span::after{content:''; position: absolute; bottom:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* metaverse */
	.club_wrap .metaverse .img_con .swiper{width:645px; height: 515px;}
	.club_wrap .metaverse .img_con .swiper .img{ padding-top:80%; -webkit-mask-image: url(../images/contents/club-metaverse-masking.png); mask-image: url(../images/contents/club-metaverse-masking.png); }
	.club_wrap .metaverse .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--sky);}
	.club_wrap .metaverse .cir-s-1{z-index:1;position:absolute;left: -17%;top:19%;width:45px;height: 45px;border:10px solid var(--sky);border-radius:50%;}
	.club_wrap .metaverse .cir-s-2{z-index:1;position:absolute;left: -25%;top:27%;width:23px;height: 23px;background-color: var(--sky);border-radius:50%;}
	.club_wrap .metaverse .cir-b{z-index:-1; position:absolute; left:-15%; bottom:0; width:420px; height: 420px; background-color:var(--sky); border-radius:50%; background-image:url(../images/contents/metaverse-pattern.png); }
	.club_wrap .metaverse .txt_con .t01 span{color:var(--sky); right:-6px;}
	.club_wrap .metaverse .cross{z-index:1;position:absolute;right: 0;bottom: 0;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;}
	.club_wrap .metaverse .cross span{width: 17px; height: 17px;}
	.club_wrap .metaverse .cross span:nth-child(2n){background:var(--sky);}
	.club_wrap .metaverse .half-cir{z-index:1;position:absolute; right: -10%;top: 0; width: 65px; height: 65px;}
	.club_wrap .metaverse .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--sky); border-radius:50%; }
	.club_wrap .metaverse .half-cir span::after{content:''; position: absolute; top:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* untitled */
	.club_wrap .untitled .img_con .swiper{ width:657px; height: 560px;}
	.club_wrap .untitled .img_con .swiper .img{ padding-top:85%; -webkit-mask-image: url(../images/contents/club-untitled-masking.png); mask-image: url(../images/contents/club-untitled-masking.png); }
	.club_wrap .untitled .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--og);}
	.club_wrap .untitled .cir-s-1{z-index:1;position:absolute;left: 3%;top: 3%;width:35px;height: 35px;background: var(--og);border-radius:50%;}
	.club_wrap .untitled .cir-b{z-index:-1;position:absolute;right: -150px;bottom: 9%;width:422px;height: 422px;background-color:var(--og);border-radius:50%;background-image:url(../images/contents/untitled-pattern.png);}
	.club_wrap .untitled .txt_con .t01 span{color:var(--og); right:-120px;}
	.club_wrap .untitled .cross{z-index:1;position:absolute;right: -15%;bottom: -9%;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;}
	.club_wrap .untitled .cross span{width: 17px; height: 17px;}
	.club_wrap .untitled .cross span:nth-child(2n){background:var(--og);}

	/* haevojob */
	.club_wrap .haevojob .img_con .swiper{ width:671px; height: 541px;}
	.club_wrap .haevojob .img_con .swiper .img{ padding-top:80.8%; -webkit-mask-image: url(../images/contents/club-haevojob-masking.png); mask-image: url(../images/contents/club-haevojob-masking.png); }
	.club_wrap .haevojob .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:#48bda3;}
	.club_wrap .haevojob .cir-s-1{z-index:1;position:absolute;left:-15%;bottom: -2%;width:45px;height: 45px;border:10px solid #48bda3;border-radius:50%;}
	.club_wrap .haevojob .cir-s-3{z-index:1;position:absolute;left: -13%;top: 14%;width: 62px;height: 62px;background-color: #48bda3;border-radius:50%;}
	.club_wrap .haevojob .cir-b{z-index:-1;position:absolute;right: -18%;top: 0;width:333px;height: 333px;background-color:#48bda3;border-radius:50%;background-image:url(../images/contents/haevojob-pattern.png);}
	.club_wrap .haevojob .txt_con .t01 span{color:#48bda3;}
	.club_wrap .haevojob .half-cir{z-index:1;position:absolute; right: -17%;bottom: -15%; width: 65px; height: 65px;}
	.club_wrap .haevojob .half-cir span{display: block; position: relative; width: 65px; height: 65px; background:#48bda3; border-radius:50%; }
	.club_wrap .haevojob .half-cir span::after{content:''; position: absolute; bottom:0px; left:0px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* dpoiler */
	.club_wrap .dpoiler .img_con .swiper{ width:646px; height: 581px;}
	.club_wrap .dpoiler .img_con .swiper .img{ padding-top:90%; -webkit-mask-image: url(../images/contents/club-dpoiler-masking.png); mask-image: url(../images/contents/club-dpoiler-masking.png); }
	.club_wrap .dpoiler .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--pk);}
	.club_wrap .dpoiler .cir-s-1{z-index:1;position:absolute;left: -24%;top: 47%;width:45px;height: 45px;border:10px solid var(--pk);border-radius:50%;}
	.club_wrap .dpoiler .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: var(--pk); border-radius:50%;}
	.club_wrap .dpoiler .cir-b{z-index:-1;position:absolute;left:-15%;bottom: -7%;width:334px;height: 334px;background-color:var(--pk);border-radius:50%;background-image:url(../images/contents/dpoiler-pattern.png);}
	.club_wrap .dpoiler .txt_con .t01 span{color:var(--pk); right:-50px;} 
	.club_wrap .dpoiler .half-cir{z-index:1;position:absolute;right: -17%;top: 46%;width: 65px;height: 65px;}
	.club_wrap .dpoiler .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--pk); border-radius:50%; }
	.club_wrap .dpoiler .half-cir span::after{content:''; position: absolute; bottom:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}


@media(max-width:1400px){
	/* common */
	.club_wrap .conBox{padding-top: 40px;margin-bottom: 80px;}
	.club_wrap .conBox>div{width: 100%;}
	.club_wrap .conBox .img_con{zoom:.7;}
	.club_wrap .conBox .txt_con{margin-top:30px;/* padding-top: 50px; *//* margin-left: 30px; */text-align: center;}
	.club_wrap .conBox .txt_con .t01{font-size: 30px;}
	.club_wrap .conBox .txt_con .t01 span{top: 26px;font-size: 21px;}
	.club_wrap .conBox .txt_con .t02{margin: 20px 0 20px;}
	.club_wrap .conBox .txt_con .t02 p{font-size: 16px;display: inline-block;margin-right: 20px;font-weight: 300;/* padding-right: 10px; */}
    .club_wrap .conBox .txt_con .t02 p:last-child{margin-right:0;}	
    .club_wrap .conBox .txt_con .t02 p span::after{width: 1px;height: 16px;}
	.club_wrap .conBox .txt_con .t03{font-size: 16px;}
	.club_wrap .conBox .txt_con .nav{/* margin-top: 0px; */display: none;/* position: absolute; *//* top: 0; *//* left: 50%; *//* transform: translateX(-50%); */}
	.club_wrap .conBox .txt_con .nav .bullets span{width: 10px;height: 10px;}
    .club_wrap .conBox .txt_con .nav .bullets span.swiper-pagination-bullet-active{width: 50px;}
	

	/* samdc */
	.club_wrap .samdc .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:#ffd324;}
	.club_wrap .samdc .cir-s-1{z-index:1; position:absolute; left:-15%; top:19%; width:45px; height: 45px; border:10px solid #ffd324; border-radius:50%;}
	.club_wrap .samdc .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: #ffd324; border-radius:50%;}
	.club_wrap .samdc .cir-b{/* z-index:-1; *//* position:absolute; */left: 50%;margin-left: -210px;/* top: -70px; *//* width:506px; *//* height: 506px; *//* background-color:#ffd324; *//* border-radius:50%; *//* background-image:url(../images/contents/samdc-pattern.png); */}
	.club_wrap .samdc .txt_con .t01 span{color:#ffd324;right: -60px;}
	.club_wrap .samdc .cross{z-index:1;position:absolute;right: -6%;top: 48%;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;display: none;}
	.club_wrap .samdc .cross span{width: 17px; height: 17px;}
	.club_wrap .samdc .cross span:nth-child(2n){background:#ffd324;}
	.club_wrap .samdc .half-cir{z-index: -1;position:absolute;left: -9%;bottom: -15%;width: 65px;height: 65px;display: none;}
	.club_wrap .samdc .half-cir span{display: block; position: relative; width: 65px; height: 65px; background:#ffd324; border-radius:50%; }
	.club_wrap .samdc .half-cir span::after{content:''; position: absolute; bottom:0px; left:0px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* emoting */
	.club_wrap .emoting .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--pk);}
	.club_wrap .emoting .cir-s-1{z-index:1;position:absolute;left: -24%;top: 47%;width:45px;height: 45px;border:10px solid var(--pk);border-radius:50%;}
	.club_wrap .emoting .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: var(--pk); border-radius:50%;}
	.club_wrap .emoting .cir-b{/* z-index:-1; *//* position:absolute; */left: 50%;margin-left: -410px;/* bottom: -7%; *//* width:334px; *//* height: 334px; *//* background-color:var(--pk); *//* border-radius:50%; *//* background-image:url(../images/contents/emoting-pattern.png); */}
	.club_wrap .emoting .txt_con .t01 span{color:var(--pk);right: -20px;} 
	.club_wrap .emoting .half-cir{z-index: -1;position:absolute;right: 0%;bottom: -20%;top: auto;width: 65px;height: 65px;display: none;}
	.club_wrap .emoting .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--pk); border-radius:50%; }
	.club_wrap .emoting .half-cir span::after{content:''; position: absolute; bottom:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* metaverse */
	.club_wrap .metaverse .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--sky);}
	.club_wrap .metaverse .cir-s-1{z-index:1;position:absolute;left: -17%;top:19%;width:45px;height: 45px;border:10px solid var(--sky);border-radius:50%;}
	.club_wrap .metaverse .cir-s-2{z-index:1;position:absolute;left: -25%;top:27%;width:23px;height: 23px;background-color: var(--sky);border-radius:50%;}
	.club_wrap .metaverse .cir-b{/* z-index:-1; *//* position:absolute; */left: 50%;margin-left: -430px;/* bottom:0; *//* width:420px; *//* height: 420px; *//* background-color:var(--sky); *//* border-radius:50%; *//* background-image:url(../images/contents/metaverse-pattern.png); */}
	.club_wrap .metaverse .txt_con .t01 span{color:var(--sky); right:-6px;}
	.club_wrap .metaverse .cross{z-index:1;position:absolute;right: 0;bottom: 0;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;display: none;}
	.club_wrap .metaverse .cross span{width: 17px; height: 17px;}
	.club_wrap .metaverse .cross span:nth-child(2n){background:var(--sky);}
	.club_wrap .metaverse .half-cir{z-index:1;position:absolute; right: -10%;top: 0; width: 65px; height: 65px;}
	.club_wrap .metaverse .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--sky); border-radius:50%; }
	.club_wrap .metaverse .half-cir span::after{content:''; position: absolute; top:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* untitled */
	.club_wrap .untitled .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--og);}
	.club_wrap .untitled .cir-s-1{z-index:1;position:absolute;left: 50%;margin-left: -280px;top: 3%;width:35px;height: 35px;background: var(--og);border-radius:50%;}
	.club_wrap .untitled .cir-b{/* z-index:-1; *//* position:absolute; */right: 50%;margin-right: -440px;/* bottom: 9%; *//* width:422px; *//* height: 422px; *//* background-color:var(--og); *//* border-radius:50%; *//* background-image:url(../images/contents/untitled-pattern.png); */}
	.club_wrap .untitled .txt_con .t01 span{color:var(--og);right: -70px;}
	.club_wrap .untitled .cross{z-index: -1;position:absolute;right: 3%;bottom: -9%;display:grid;grid-template-columns:1fr 1fr 1fr;width:51px;height:51px;display: none;}
	.club_wrap .untitled .cross span{width: 17px; height: 17px;}
	.club_wrap .untitled .cross span:nth-child(2n){background:var(--og);}

	/* haevojob */
	.club_wrap .haevojob .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:#48bda3;}
	.club_wrap .haevojob .cir-s-1{z-index:1;position:absolute;left:-15%;bottom: -2%;width:45px;height: 45px;border:10px solid #48bda3;border-radius:50%;}
	.club_wrap .haevojob .cir-s-3{z-index:1;position:absolute;left: 0;top: -3%;width: 62px;height: 62px;background-color: #48bda3;border-radius:50%;display: none;}
	.club_wrap .haevojob .cir-b{/* z-index:-1; *//* position:absolute; */right: 50%;margin-right: -358px;/* top: 0; *//* width:333px; *//* height: 333px; *//* background-color:#48bda3; *//* border-radius:50%; *//* background-image:url(../images/contents/haevojob-pattern.png); */}
	.club_wrap .haevojob .txt_con .t01 span{color:#48bda3;}
	.club_wrap .haevojob .half-cir{z-index:1;position:absolute;right: -17%;bottom: -15%;width: 65px;height: 65px;display: none;}
	.club_wrap .haevojob .half-cir span{display: block; position: relative; width: 65px; height: 65px; background:#48bda3; border-radius:50%; }
	.club_wrap .haevojob .half-cir span::after{content:''; position: absolute; bottom:0px; left:0px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}

	/* dpoiler */
	.club_wrap .dpoiler .txt_con .nav .bullets span.swiper-pagination-bullet-active{background:var(--pk);}
	.club_wrap .dpoiler .cir-s-1{z-index:1;position:absolute;left: -24%;top: 47%;width:45px;height: 45px;border:10px solid var(--pk);border-radius:50%;}
	.club_wrap .dpoiler .cir-s-2{z-index:1; position:absolute; left:-21%; top:27%; width:23px; height: 23px; background-color: var(--pk); border-radius:50%;}
	.club_wrap .dpoiler .cir-b{/* z-index:-1; *//* position:absolute; */left: 50%;margin-left: -410px;/* bottom: -7%; *//* width:334px; *//* height: 334px; *//* background-color:var(--pk); *//* border-radius:50%; *//* background-image:url(../images/contents/dpoiler-pattern.png); */}
	.club_wrap .dpoiler .txt_con .t01 span{color:var(--pk);right: -20px;} 
	.club_wrap .dpoiler .half-cir{z-index: -1;position:absolute;right: 0%;bottom: -20%;top: auto;width: 65px;height: 65px;display: none;}
	.club_wrap .dpoiler .half-cir span{display: block; position: relative; width: 65px; height: 65px; border:10px solid var(--pk); border-radius:50%; }
	.club_wrap .dpoiler .half-cir span::after{content:''; position: absolute; bottom:-10px; left:-10px; width: 65px; height: calc(65px / 2); background:#fff; z-index:3;}




}



@media(max-width:500px){

	.club_wrap .conBox .img_con{zoom:.4;}
	.club_wrap .conBox .txt_con .t01{font-size:25px;}
	.club_wrap .conBox .txt_con .t03 br{display: none;}


}




table.basic {
    margin-top: 20px;
    border-top: 2px solid var(--color);
    width: 100%;
    margin-bottom: 10px;
}

table.basic .tal {
    text-align: left;
}

table.basic .bdr {
    border-right: 1px solid #d9d9d9;
}

table.basic tr.bg th {
    background: #f8f8f8;
    font-weight: 500;
}

table.basic th {
    padding: 15px 20px;
    background: #f7f7f7;
    color: #333;
    font-weight: 500;
}

table.basic td {
    padding: 15px;
    line-height: 1.4;
    font-family: 'Noto Sans KR';
}

table.basic th,
table td {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

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

table.basic td .dot-list {
    text-align: left;
}

table.basic td .dot {
    padding-left: 10px;
    position: relative;
}

table.basic td .dot::after {
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #999;
    content: '';
}

table.basic td .division {
    font-size: 17px;
    font-weight: 300;
    border: 1px solid var(--color);
    line-height: 1;
    padding: 3px 10px;
    border-radius: 100px;
    color: var(--color);
}

table.basic td span {
    display: inline-block;
    line-height: 1;
    padding: 7px 15px;
    border-radius: 5px;
}

table.basic td span.green {
    font-size: 16px;
    background: #a2c339;
    color: #fff;
}

table.basic td span.yellow {
    font-size: 16px;
    background: #ffcf36;
    color: #fff;
}

table.basic td span.red {
    font-size: 16px;
    background: #ff6363;
    color: #fff;
}

table.basic .green {
    background: #e7f4f2;
}

table.basic .yellow {
    background: #f6f9eb;
}

table.basic .gray {
    background: #fafafa;
}

.schedule-table .schedule-table-btn{
	border-radius: 8px;
	border: 1px solid var(--color);
	font-size: 15px;
	padding: 10px 26px;
}
.schedule-table .schedule-table-btn.blue{
	color:#fff;
	background:var(--color);
}
.schedule-table .schedule-table-btn.white{
	color:var(--color);
	background:#fff;
}
table.schedule-table tbody tr th {
padding: 16px 15px; font-size:17px;    white-space: nowrap;
} 
table.schedule-table tbody tr td {
    padding: 16px 15px;
}



@media (max-width: 1200px) {
    table.w1200 col:nth-child(1) {
        width: 120px;
    }
	.schedule-table .schedule-table-btn{
		font-size: 14px;
		padding: 8px 20px;
	}
	table.schedule-table tbody tr td {
		padding: 10px 12px;
	}
	table.schedule-table tbody tr th {
		padding: 14px 18px;
		font-size: 16px;
	}
}

@media (max-width: 768px) {
    table.basic td .division {
        font-size: 14px;
        font-weight: 300;
        border: 1px solid var(--color);
        line-height: 1;
        padding: 3px 10px;
        border-radius: 100px;
        color: var(--color);
    }

    table.basic {
        border-top: 2px solid var(--color);
        width: 100%;
        margin-bottom: 10px;
    }

    table.basic th,
    table td {
        padding: 10px;
    }

    table.basic th {
        font-size: 14px;
    }

    table.basic td {
        font-size: 14px;
    }

    table.basic td .dot {
        top: 8px;
    }

    table.basic td .dot::after {
        width: 2px;
        height: 2px;
    }

    table.basic td span {
        padding: 5px 10px;
        font-size: 14px;
    }
}



@media(max-width:768px){
.scroll{overflow-x:auto;}
.scroll table{width:768px;}
}

@media(max-width:480px){
    table.schedule-table tbody tr th {white-space: wrap;}
}



.consulting-wrap {
    /* padding: 20px 30px; */
    background-color: #fff;
    display: grid;
    gap: 10px;
}

.consulting-wrap .title p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    /* margin-bottom: 20px; */
}

.consulting-wrap .form-group {
    display: grid;
    gap: 10px;
    grid-template-columns: 200px 1fr;
    min-height: 50px;
}
.consulting-wrap .form-group .select-group{
}
.consulting-wrap .form-group label {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.consulting-wrap .form-group input[type="text"]{
    /* width: 100%; */
    height: 50px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box;
}
.consulting-wrap .form-group select {
    /* width: 100%; */
    height: 50px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box;
    background: url(../images/main/select-arrow.png) no-repeat center right 10px #fff;
    padding-right: 60px;
}

.consulting-wrap .radio-group,
.consulting-wrap .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
    align-items: center;
}

.consulting-wrap .form-group input[type="radio"],
.consulting-wrap .form-group input[type="checkbox"] {
    /* margin-right: 5px; */
    height: 15px;
    width: 15px;
    top: 0;
}

.consulting-wrap .radio-item,
.consulting-wrap .checkbox-item {
    display: flex;
    margin-right: 20px;
    align-items: center;
    gap: 5px;
}

.consulting-wrap .form-group label.inline {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.consulting-wrap .form-group>label{font-size:18px;margin-top: 12px;padding-left: 20px;}
.consulting-wrap .separator {
    display: block;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin: 20px 0;
}

.privacy-info {
    /* padding: 10px; */
    background-color: #fff;
    display: grid;
    /* gap: 10px; */
    color: var(--color);
    gap: 10px;
    grid-template-columns: 200px 1fr;
    min-height: 50px;
}

.privacy-info .title {
    font-size: 20px;
    /* font-weight: 700; */
    color: #1767b3;
    /* margin-bottom: 10px; */
    font-size: 18px;
    margin-top: 12px;
    padding-left: 20px;
}

.privacy-info .subtitle {
    font-size: 18px;
    /* font-weight: 500; */
    color: #1767b3;
    margin-top: 12px;
    margin-bottom: 5px;
}

.privacy-info p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 5px 0;
}

.privacy-info input[type="checkbox"] {
    /* margin-right: 5px; */
    width: 15px;
    top: 0;
}

.privacy-info .checkbox-group {color:#1767b3; font-size:18px;}

@media (max-width: 768px) {
     .consulting-wrap .form-group {grid-template-columns:1fr;}
    .consulting-wrap .form-group label {
        font-size: 16px;
        padding-left: 0;
    }

    .consulting-wrap .form-group input[type="text"],
    .consulting-wrap .form-group select {
        height: 35px;
        font-size: 14px;
    }

    .privacy-info .title,
    .privacy-info .subtitle {
        font-size: 16px;
        padding-left: 0;
    }

    .privacy-info p {
        font-size: 14px;
    }
  .privacy-info{
    grid-template-columns: 1fr;
}
  .consulting-wrap .radio-group, .consulting-wrap .checkbox-group{padding:0}
}


.selfpay-con1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.privacy-con1 {
    /* padding: 20px; */
    background-color: #fff;
    /* display: grid; */
    /* gap: 20px; */
}

.privacy-con1 .t1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
}

.privacy-con1 .scroll {
    overflow-y: scroll;
    border: 1px solid #d9d9d9;
    max-height: 260px;
    height: 100%;
}

.privacy-con1 .scroll > div {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    font-family: 'Noto Sans KR';
}

.privacy-con1 .check {
    font-size: 18px;
    font-weight: 300;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.privacy-con1 .check input {
    margin-right: 6px;
    width: 15px;
    top: 0;
}

@media (max-width: 768px) {
.selfpay-con1{grid-template-columns: 1fr;}
    .privacy-con1 .t1 {
        font-size: 22px;
    }

    .privacy-con1 .scroll > div {
        font-size: 14px;
    }

    .privacy-con1 .check {
        font-size: 15px;
    }
}




.selfpay2-con1 {
    /* padding: 20px; */
    /* background-color: #fff; */
    /* border: 2px solid var(--blue); */
    /* border-radius: 5px; */
}

.selfpay2-con1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    /* gap: 20px; */
    border-top: 2px solid var(--color);
    max-width: 1100px;
    margin: 0 auto;
}

.selfpay2-con1 li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.selfpay2-con1 li:last-child {
    border-bottom: none;
}

.selfpay2-con1 .tit {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    flex-basis: 190px;
    padding-left: 60px;
}

.selfpay2-con1 .con {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    flex-grow: 1;
    font-family: 'Noto Sans KR';
}

.selfpay2-con1 .con .price {
    color: #ff002a;
    font-size: 22px;
}
.more-btn-wrap.one_or_more {
    gap: 10px;
}

@media (max-width: 768px) {
    .selfpay2-con1 ul {
        gap: 10px;
    }

    .selfpay2-con1 li {
        flex-direction: column;
        align-items: flex-start;
    }

    .selfpay2-con1 .tit,
    .selfpay2-con1 .con {
        flex-basis: 100%;
        text-align: left;
        padding-left: 0;
        font-size: 14px;
    }

    .selfpay2-con1 .tit {
        margin-bottom: 5px;
    }
	.more-btn-wrap.one_or_more {
    flex-wrap:wrap;
}

}


.sub .more-btn.point {
    color: #fff;
    border: 1px solid var(--color);
    background: var(--color);
}

.sub .more-btn.point:hover {
    background: transparent;
    color: var(--color);
}





.selfpay3-con1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 20px;
    background-color: #fff;
    border-top: 2px solid var(--blue);
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}

.selfpay3-con1 img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.selfpay3-con1 .con {
    font-size: 26px;
    font-weight: 500;
    color: #333;
}

@media (max-width: 768px) {
    .selfpay3-con1 {
        padding: 30px 10px;
    }

    .selfpay3-con1 img {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }

    .selfpay3-con1 .con {
        font-size: 16px;
    }
}





.description-con1 {
    padding: 40px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 100px;
    margin-bottom: 60px;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.05em;
}

.description-con1 h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--color);
    margin-bottom: 15px;
}

.description-con1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.description-con1 ul li {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
}

.description-con1 ul li strong {
    font-weight: 700;
    color: #333;
}

.description-con1 ul li .highlight {
    color: var(--color);
}

.description-con1 ul li .note {
    font-size: 16px;
    font-weight: 300;
    color: #333;
}

@media (max-width: 768px) {
    .description-con1 {
        padding: 20px 10px;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .description-con1 h2 {
        font-size: 20px;
    }
    .description-con1 ul li {
        font-size: 15px;
    }
    .description-con1 ul li .note {
        font-size: 14px;
    }
}



.select.arrow{
    width: 100%;
    background: url(../images/main/select-arrow.png) no-repeat center right 10px #fff;
}

@media (max-width: 768px) {
.select.arrow{
	min-width:150px;
    padding-right:30px;
}

}




/* 2024-12-03 숭실 새 페이지 작업 코드 */

.conBox.greeting{
	margin-bottom:60px;
}
.conBox.greeting .top-tit{
	text-align:center;
	margin-top: 40px;
	margin-bottom:30px;
}
.conBox.greeting .top-tit p{
	font-size: 32px;
	font-weight: 500;
	color:#222;
}
.conBox.greeting .top-tit p span{
	font-size: 32px;
	font-weight: 700;
	color:var(--color);
}

.conBox.greeting .conwrap{
	position:relative;
	padding-top:180px;
}
.conBox.greeting .conwrap .imgbox{
	background-image: url('../../images/contents/greeting_top_img02.jpg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	width:100%; height:300px; max-width:1400px;
	border-radius:20px;
	overflow:hidden;
	
	position: absolute;
	top:0; left: 50%;
	transform:translateX(-50%);
	z-index: -2;

}
.conBox.greeting .conwrap .txtwrap{
	margin: 0 60px;
	padding: 40px 60px;
	background:#fff;
	border-radius: 20px 20px 0 0;
}
.conBox.greeting .conwrap .txtwrap .tit{
	font-size: 24px;
	font-weight: 700;
	color:#222;
}
.conBox.greeting .conwrap .txtwrap p{
	font-size: 20px;
	font-weight: 500;
	color:#333;
	line-height:1.5;
	margin-bottom:40px;
	word-break:keep-all;
}
.conBox.greeting .conwrap .txtwrap p b{
	font-size: 20px;
	font-weight: 700;
	color:var(--color);
}
.conBox.greeting .conwrap .txtwrap .name{
	font-family:'gamtanload';
	font-size: 22px;
	font-weight: 700;
	color:#222;
	margin-bottom:20px;
}

.conBox.greeting .boxwrap{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:30px;
	padding: 0 120px;
}
.conBox.greeting .boxwrap .box{
	width:100%; height:220px;
	border-radius: 20px;
	border: 1px solid #ddd;
	text-align:center;
	align-content: center;
}
.conBox.greeting .boxwrap .box p{
	font-family:'gamtanload';
	font-size: 20px;
	font-weight: 700;
	color:#222;
	margin-top:20px;
}

@media(max-width:1024px){
	.conBox.greeting .conwrap .txtwrap {
    margin: 0 40px;
    padding: 30px 40px;
	}
	.conBox.greeting .conwrap {
    padding-top: 120px;
	}
	.conBox.greeting .top-tit {
    margin-top: 30px;
    margin-bottom: 20px;
	}
	.conBox.greeting .top-tit p {
    font-size: 28px;
	}
	.conBox.greeting .top-tit p span {
    font-size: 28px;
	}
	.conBox.greeting .conwrap .txtwrap .tit {
    font-size: 20px;
	}
	.conBox.greeting .conwrap .txtwrap p {
    font-size: 18px;
    margin-bottom: 26px;
	}
	.conBox.greeting .conwrap .txtwrap p b {
    font-size: 19px;
	}
	.conBox.greeting .conwrap .txtwrap .name {
    font-size: 20px;
    margin-bottom: 10px;
	}
	.conBox.greeting .boxwrap .box img{
	max-width: 80px;
	}
	.conBox.greeting .boxwrap {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 0 80px;
	}
	.conBox.greeting .boxwrap .box {
    height: 180px;
	}
	.conBox.greeting {
    margin-bottom: 20px;
	}
}
@media (max-width: 780px) {
    .conBox.greeting .conwrap .txtwrap {
    margin: 0;
	border-radius: 0;
	padding: 20px 4px;
	}
	.conBox.greeting .conwrap {
    padding-top: 120px;
    }
	.conBox.greeting .top-tit p {
    font-size: 22px;
    }
	.conBox.greeting .top-tit p span {
    font-size: 24px;
    }
	.conBox.greeting .conwrap .imgbox {
    height: 120px;
	}
	.conBox.greeting .conwrap .txtwrap .tit {
    font-size: 19px;
    }
	.conBox.greeting .conwrap .txtwrap p {
    font-size: 16px;
    margin-bottom: 20px;
    }
    .conBox.greeting .conwrap .txtwrap .name {
    font-size: 18px;
    margin-bottom: 0px;
    }	
	.conBox.greeting .conwrap .txtwrap p b {
    font-size: 16px;
    }
	.conBox.greeting .conwrap .txtwrap p br{
	display:none;
	}
	.conBox.greeting .boxwrap {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0;
    }
	.conBox.greeting .boxwrap .box p {
    font-size: 18px;
    margin-top: 16px;
	}
	.conBox.greeting {
    margin-bottom: 0;
    }
}

/* --------- 강의시설 --------- */

.facility-wrap .facility-imgTxt {position:relative;}
.facility-wrap .facility-imgTxt .imgBox {border:1px solid #d9d9d9;float:left;width:50%;border-radius:20px;overflow:hidden;}
.facility-wrap .facility-imgTxt .imgBox img {width:100%;}
.facility-wrap .facility-imgTxt .imgBox .video{width: 100%; padding: 0 0 56.2% 0; position: relative;}
.facility-wrap .facility-imgTxt .imgBox .video iframe{ width: 100%; height: 100%;  position: absolute;}

.facility-wrap .img-list .imgBox{
    border-radius:16px;overflow:hidden;
}


.facility-wrap .facility-imgTxt .txtBox {position:absolute;top:0;bottom:0;right:0;width:50%;}
.facility-wrap .facility-imgTxt .txtBox .inner {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 50px;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons {margin-top:30px;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li {position:relative;float:left;width:25%;text-align:center;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#f0f0f0;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:last-child:after {display:none;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li .icon {height:50px;background-position:50% 50%;background-repeat:no-repeat;}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(1) .icon {background-image:url("../images/contents/facility-icon01.png");}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(2) .icon {background-image:url("../images/contents/facility-icon02.png");}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(3) .icon {background-image:url("../images/contents/facility-icon03.png");}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(4) .icon {background-image:url("../images/contents/facility-icon04.png");}
.facility-wrap .facility-imgTxt .txtBox .inner .icons ul li p {font-size:16px;color:#333;margin-top:15px;}
.facility-wrap .conBox {position:relative;}
.facility-wrap .conBox .bg-icon {position:absolute;z-index:-1;}
.facility-wrap .conBox01 .bg-icon01 {right: -3%;top:220px;}
.facility-wrap .conBox01 .bg-icon02 {left: -36%;top: 34%;}
.facility-wrap .conBox02 {margin-top:50px;}
.facility-wrap .conBox02 .bg-icon01 {right: -29%;top: -380px;}
.facility-wrap .conBox02 .bg-icon02 {left: -14%;top: 58%;}
.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(1) .icon {background-image:url("../images/contents/welfare-icon01.png");}
.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(2) .icon {background-image:url("../images/contents/welfare-icon02.png");}
.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(3) .icon {background-image:url("../images/contents/welfare-icon03.png");}
.welfare .facility-wrap .facility-imgTxt .txtBox .inner .icons ul li:nth-child(4) .icon {background-image:url("../images/contents/welfare-icon04.png");}

@media all and (max-width:1600px){

    .major-wrap .conBox.major_faculty .slide-dots-box .title {font-size:40px;}
    .major-wrap .conBox.major_faculty .slide-wrap > .arrow {width:40px;}
    .major-wrap .conBox.major_faculty .slide-wrap > .arrow.btnPrev {left:1%;}
    .major-wrap .conBox.major_faculty .slide-wrap > .arrow.btnNext {right:1%;}
    .major-wrap .conBox.major_faculty .slide-wrap .slick-list {padding-right:8%;}
    .major-wrap .conBox.major_faculty .slide-wrap li a .imgBox {width:270px;height:270px;}
    .major-wrap .conBox.major_faculty .slide-wrap li a .txtBox {padding-left:310px;}
    .major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .comment {font-size:25px;}
    .major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dt .position {font-size:16px;}
    .major-wrap .conBox.major_faculty .slide-wrap li a .txtBox dl dd p {font-size:16px;}
    .major-wrap .conBox.major_faculty .slide-wrap .slick-dots {top:160px;}
    .major-wrap .conBox.major_faculty .slide-wrap .slick-dots li {margin:3px;}
}

@media all and (max-width:1200px){
.major-wrap .conBox.major_faculty {}
    .major-wrap .conBox.major_faculty .slide-dots-box {float:none;width:auto;padding:0 20px;}
    .major-wrap .conBox.major_faculty .slide-wrap .slick-list {overflow:visible;}
    .major-wrap .conBox.major_faculty .slide-wrap {padding:0 20px;margin-top:20px;}
    .major-wrap .conBox.major_faculty .slide-wrap .slick-dots {display:none !important;}
    .major-wrap .conBox.major_faculty .slide-wrap > .arrow {display:none !important;}
}


@media all and (max-width:980px){
	.facility-wrap .facility-imgTxt .imgBox {float:none;width:100%;}
	.facility-wrap .facility-imgTxt .txtBox {position:static;width:100%;}
	.facility-wrap .facility-imgTxt .txtBox .inner {position:static;transform:translateY(0);padding:20px 0;}
}

/* --------- 강의시설 --------- */



/* --------- 현재모집과정 --------- */

.conBox.current .currentwrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px 22px;
}
.conBox.current .currentwrap .box {
    position: relative;
	
	border-radius: 20px;
    transition: all 0.3s;
    border: 1px solid #ddd;
	margin:2px;
}
.conBox.current .currentwrap .box:hover {
	border: 3px solid var(--color);
	margin:0px;
	box-shadow: 4px 3px 6px #00000010;
}
.conBox.current .currentwrap .box.tag_deadline::after {
    content: '';
    background-image: url(../../images/main/con1_deadline_tag_img.png);
    background-repeat: no-repeat;
    display: block;
    width: 115px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: 0px;
}
.conBox.current .currentwrap .box.tag_timeout::after {
    content: '';
    background-image: url(../../images/main/con1_timeout_tag_img.png);
    background-repeat: no-repeat;
    display: block;
    width: 115px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: 0px;
}
.conBox.current .currentwrap .box.tag_recruited::after {
    content: '';
    background-image: url(../../images/main/con1_recruited_tag_img.png);
    background-repeat: no-repeat;
    display: block;
    width: 115px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: 0px;
}
.conBox.current .currentwrap .box .imgbox {
    max-width: 330px;
    max-height: 220px;
    overflow: hidden;
	border-radius: 18px 18px 0 0;
}
.conBox.current .currentwrap .box:hover .imgbox {
	border-radius: 16px 16px 0 0;
}
.conBox.current .currentwrap .box .imgbox img{
	width: 100%;
}
.conBox.current .currentwrap .box .txtbox{
    display: grid;
    grid-template-rows: 36px 1fr 1fr;
    gap: 15px;
	border-radius: 0 0 16px 16px;
	padding:20px 12px;
	max-width: 330px;
}
.conBox.current .currentwrap .box .txtbox.no-box {grid-template-rows: 16px 1fr 1fr;}
.conBox.current .currentwrap .box .txtbox.no-box .sub {
    padding-left: 7px;
}

.conBox.current .currentwrap .box .txtbox .sub{
	display: flex;
    align-items: center;
    gap: 10px;
    /* flex-wrap: nowrap; */
	/* margin-bottom:15px; */
}
.conBox.current .currentwrap .box .txtbox .sub span{
	padding: 6px 18px;
	border-radius:6px;
	background: var(--gradient);
	color:#fff;
	font-family: 'gamtanload';
	font-size: 14px;
	font-weight: 700;
}
.conBox.current .currentwrap .box .txtbox .sub p{
	font-size:15px;
	font-weight: 400;
	color:#333;
}
.conBox.current .currentwrap .box .txtbox .sub p b{
	color:#eb1d49;
}

.conBox.current .currentwrap .box .txtbox .tit{
	font-size:20px;
	color:#333;
	font-family: 'gamtanload';
	font-weight: 700;
	transition: all 0.3s;
	/* margin-bottom:15px; */
	padding-left: 5px;
	max-height: 52px;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.conBox.current .currentwrap .box:hover .txtbox .tit{
	color:var(--color);
}

.conBox.current .currentwrap .box .txtbox .timetxt{
	font-size:20px;
	color:#333;
	font-family: 'gamtanload';
	font-weight: 700;
	transition: all 0.3s;
}
.conBox.current .currentwrap .box .txtbox .timetxt .txt{
	display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
	margin-bottom:3px;
	padding-left: 5px;
	
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.conBox.current .currentwrap .box .txtbox .timetxt .txt b{
	font-size:14px;
	color:#555;
	font-weight: 600;
}
.conBox.current .currentwrap .box .txtbox .timetxt .txt p{
	font-size:14px;
	color:#555;
	font-weight: 400;
	
	max-width:calc(80% - 20px);
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.conBox.current .currentwrap .box .txtbox .timetxt .txt:last-child{
	margin-bottom:8px;
}
.list-course-none{
	width:100%;
	text-align:center;
	color:#aaa;
	background: #fafafa;
	padding: 60px 0;
	border-radius:20px;
}
.list-course-none p{
	font-size: 18px;
	font-weight: 700;
	font-family: 'gamtanload';
}
.list-course-none{
	font-size: 38px;
}

@media(max-width:1220px){
	.conBox.current .currentwrap {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 16px;
	}
	.conBox.current .currentwrap .box .imgbox {
		max-width: 380px;
		max-height: 250px;
	}
}
@media(max-width:1024px){
	.conBox.current .currentwrap .box .txtbox .tit {
    font-size: 18px;
	}
	.conBox.current .currentwrap .box .timedate {
    font-size: 13px;
	}
	.conBox.current .currentwrap .box .titwrap .tit {
    font-size: 36px;
    margin-bottom: 5px;
	}
	.conBox.current .currentwrap .box .titwrap .sub {
    font-size: 18px;
	}
}
@media(max-width:930px){
	/* .conBox.current .currentwrap .box .txtbox .timetxt .txt b {display: none;}
	 */

}
@media(max-width:900px){
	.conBox.current .currentwrap {
    grid-template-columns: 1fr 1fr;
    gap: 30px 16px;
	}
	.conBox.current .currentwrap .box .imgbox {
		max-width: 425px;
		max-height: 280px;
	}
	.conBox.current .currentwrap .box .titwrap {
    margin-bottom: 50px;
	}
	.conBox.current .currentwrap .box .txtbox .sub span {
    padding: 6px 16px;
    font-size: 13px;
	}
	.conBox.current .currentwrap .box .txtbox {
    grid-template-rows: 30px 1fr 1fr;
    gap: 12px;
    padding: 16px 10px;
	}
}
@media(max-width:680px){
	.conBox.current .currentwrap .box .txtbox .tit {
    font-size: 17px;
	}
	.conBox.current .currentwrap .box .titwrap .tit {
    font-size: 34px;
    margin-bottom: 4px;
    }
	/* .conBox.current .currentwrap .box .txtbox .timetxt .txt p {
	    max-width: 90%;
	} */
}
@media(max-width:590px){
    .conBox.current .currentwrap .box .txtbox .sub span {
        padding: 6px 14px;
        font-size: 12px;
    }
    .conBox.current .currentwrap .box .txtbox .timetxt .txt b {
        display: block;
    }
	.conBox.current .currentwrap {
	    grid-template-columns: 1fr;
	    gap: 12px;
	}
	/* .conBox.current .currentwrap .box.tag_deadline::after {
	    background-size: 77%;
	}
	.conBox.current .currentwrap .box.tag_timeout::after {
	    background-size: 77%;
	}
	.conBox.current .currentwrap .box.tag_recruited::after {
	    background-size: 77%;
	} */
	.conBox.current .currentwrap {
        gap: 20px 6px;
    }
	.conBox.current .currentwrap .box .imgbox {
		max-width: 100%;
		max-height: 340px;
	}
	.conBox.current .currentwrap .box .tit {
        margin-top: 10px;
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 1.4;
    }
	.conBox.current .currentwrap .box .timedate {
        font-size: 12px;
		
    }
	.conBox.current .currentwrap .box .timedate span{
		display: block;
        max-width: 160px;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    word-break: break-all;
	}
	.conBox.current .currentwrap .box .titwrap .tit {
        font-size: 28px;
        margin-bottom: 8px;
    }
	.conBox.current .currentwrap .box .titwrap .sub br{
	display: block;
	
	}
	.conBox.current .currentwrap .box .titwrap .sub {
        font-size: 16px;
    }
	
}


/* --------- 현재모집과정 --------- */


/* --------- 국민내일카드발급절차 --------- */

.introduction-card .titbox{
	background-color: #19b6e1;
	padding: 60px 0;
	text-align: center;
	margin-bottom:70px;
}
.introduction-card .titbox p{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#fff;
	margin-bottom: 16px;
	text-decoration: underline solid #50c7e8 24px; 
	text-underline-offset: -13px;
}
.introduction-card .titbox span{
	font-size:20px;
	font-weight:400;
	color:#fff;
}

.introduction-card .con01{
	text-align: center;

}
.introduction-card .con01 .con-title-wrap p{
	font-size:42px;
	font-weight:700;
	font-family:'gamtanload';
	color:#222;
	margin-bottom: 8px;
}
.introduction-card .con01 .con-title-wrap span{
	font-size:16px;
	font-weight:300;
	color:#eb1d49;
}
.introduction-card .con01 .conwrap{
	margin-top:60px;
}
.introduction-card .con01 .conwrap .tit span{
	font-size:20px;
	font-weight:600;
	color:var(--color);
	margin-bottom: 10px;
}
.introduction-card .con01 .conwrap .tit p{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	margin-bottom: 40px;
}
.introduction-card .con01 .conwrap .boxwrap{
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-content: center;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.introduction-card .con01 .conwrap .boxwrap .box .imgbox{
	width:140px; height: 140px;
	border: 1px solid #ddd;
	border-radius:50%;
	text-align: center;
	align-content: center;
}
.introduction-card .con01 .conwrap .boxwrap .box p{
	display: inline-block;
	font-size:16px;
	font-weight:300;
	color:#333;
	margin-top:12px;
}

.con02{
	background:#f6f6f6;
	text-align: center;
	padding: 80px 0;
	margin: 80px 0;
}
.con02:last-child{margin-bottom: 0;}
.card #contents{padding-bottom:0;}
.con02 .titwrap p{
	font-size:42px;
	font-weight:700;
	font-family:'gamtanload';
	color:#222;
	margin-bottom: 0px;
}
.con02 .titwrap p b{color:var(--color);}
.con02 .titwrap span{
	DISPLAY:BLOCK;
	font-size:18px;
	font-weight:300;
	color:#eb1d49;
	margin-bottom: 30px;
}
.con02 .con{
	background: #fff;
	border: 1px solid #ddd;
	border-radius:20px;
	padding: 40px 0;
}
.con02 .con ul{
	margin:0 auto;
	width: auto;
	display:inline-block;
}
.con02 .con ul li{
	font-size:20px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	text-align:left;
	margin-bottom: 15px;
	padding-left: 40px; 
	position: relative;
}
.con02 .con ul li:last-child{margin-bottom: 0px;}
.con02 .con ul li::after{
	CONTENT:'';
	background-image:url('../../images/contents/card-check.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width:24px; height:24px;
	position: absolute;
	top:50%; left: 0px;
	transform: translateY(-50%);
}
.con02 span{
	display:block;
	font-size:16px;
	font-weight:300;
	color:#333;
	margin-top:20px;
}

.introduction-card .con01 .conwrap .boxwrap img{
    margin-bottom: 50px;
}
.introduction-card .con01 .conwrap .boxwrap .box .imgbox img{
    margin-bottom: 0px;
}

.introduction-card .con01 .conwrap .m_img_display{
	display:none;
	text-align: center;
	margin: 0 auto;
}

@media(max-width: 1024px){
	.introduction-card .titbox p {
    font-size: 24px;
	text-decoration: underline solid #50c7e8 18px;
    text-underline-offset: -10px;
	}
	.introduction-card .titbox span {
    font-size: 17px;
	display: block;
    padding: 0 40px;
	}
	.introduction-card .titbox {
    padding: 50px 0;
    margin-bottom: 60px;
	}
	.introduction-card .con01 .con-title-wrap p {
    font-size: 30px;
	margin-bottom: 4px;
	}
	.introduction-card .con01 .con-title-wrap span {
    font-size: 15px;
	}
	.introduction-card .titbox span {
    font-size: 16px;
	}
	.introduction-card .con01 .conwrap {
    margin-top: 40px;
	}
	.introduction-card .con01 .conwrap .tit p {
    font-size: 24px;
    margin-bottom: 30px;
	}
	.introduction-card .con01 .conwrap .tit span {
    font-size: 17px;
	}
	
	/* .introduction-card .con01 .conwrap .boxwrap.b6wrap, .introduction-card .con01 .conwrap .boxwrap.b5wrap {
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: center;
	align-content: center;
	}
	.introduction-card .con01 .conwrap .boxwrap.b6wrap{
	grid-template-columns: 1fr 12px 1fr 12px 1fr;
	gap: 10px;
	}
	.introduction-card .con01 .conwrap .boxwrap.b5wrap{
	grid-template-columns: 1fr 12px 1fr 12px 1fr;
	gap: 10px;
	}
	
	
	.introduction-card .con01 .conwrap .boxwrap .box .imgbox {
	width: auto;
	height: auto; 
	padding:36px;
	} */
	
	.con02 {
    padding: 40px 0;
    margin: 40px 0;
	}
	.con02 .titwrap p {
    font-size: 28px;
	}
	.con02 .titwrap span {
    font-size: 16px;
    margin-bottom: 20px;
	margin-top: 0px;
	}
	.con02 .con {
    padding: 32px 24px;
	}
	.con02 .con ul li::after {
	    background-size: contain;
    display: block;
	top: 12px;
    width: 16px;
    height: 16px;
	}
	.con02 .con ul li {
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 24px;
	}
	.con02 span {
    font-size: 14px;
    margin-top: 16px;
	}
	
	.introduction-card .titbox span br{
     display: none;
    }
}

@media(max-width:780px){
	.introduction-card .con01 .conwrap .boxwrap{
	display: none;
	}
	.introduction-card .con01 .conwrap .m_img_display{
	display:block;
	max-width: 465px;
	}
}

/* --------- 국민내일카드발급절차 끝 --------- */


/* --------- 사업소개 페이지 템플릿 --------- */

.introduction .titbox{
	background-color: #f6f6f6;
	padding: 60px 0 70px;
	text-align: center;
	margin-bottom:70px;
}
.introduction .titbox p{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:var(--color);
	margin-bottom: 16px;
}
.introduction .titbox span{
	font-size:20px;
	font-weight:400;
	color:#555;
}

.introduction .subtitbox{
	text-align: center;
	margin-bottom:30px;
}
.introduction .subtitbox p{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	margin-bottom: 6px;
	line-height: 1.3;
}
.introduction .subtitbox span{
	font-size:20px;
	font-weight:400;
	color:#555;
	display: block;
    padding: 0 40px;
}
.introduction .subtitbox b{
	display:block;
	font-size:26px;
	font-weight:700;
	font-family:'gamtanload';
	color:#444;
	margin-top:32px;
	margin-bottom:12px;
}

.introduction .con03{
	margin-top:70px;

}
.introduction .con03 .con-title-wrap{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#222;
	margin-bottom: 8px;
	text-align: center;
}
.introduction .con03 .conwrap{
	margin-top:30px;
	margin-bottom:60px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.introduction .con03 .conwrap .box{
	display: grid;
	grid-template-columns: 1fr 130px;
	gap:40px;
	padding: 40px 60px; 
	border: 1px solid #ddd;
	border-radius:20px;
	align-items: center;
}

.introduction .con03 .conwrap .box .txtbox span{
	display:block;
	font-size: 18px;
	font-weight:500;
	color:#0090c6;
	margin-bottom:3px;
}
.introduction .con03 .conwrap .box .txtbox .tit{
	font-size: 24px;
	font-family: 'gamtanload';
	font-weight:700;
	color:#333;
	margin-bottom:14px;
}
.introduction .con03 .conwrap .box .txtbox ul li{
	font-size: 16px;
	font-weight:300;
	color:#666;
	margin-bottom:5px;
	padding-left: 10px;
	position: relative;
}
.introduction .con03 .conwrap .box .txtbox ul li::after{
	content:'';
	display:block;
	width:4px; height:4px;
	background: var(--color);
	position: absolute;
	top:8px; left:0;

}
.introduction .con03 .conwrap .box .txtbox p{
	font-size: 16px;
	font-weight:300;
	color:#666;
}

@media(max-width: 1200px){
	.introduction .con03 .conwrap .box {
	display:flex;
	flex-direction: column-reverse;
	gap:30px;
	padding: 30px 50px; 
	text-align: center;
	}
	.introduction .con03 .conwrap .box .txtbox ul li {
	text-align: left;
	}
}
@media(max-width: 1024px){
	.introduction .con03 .con-title-wrap {
    font-size: 26px;
	}
	.introduction .titbox p {
    font-size: 24px;
	}
	.introduction .titbox span {
    font-size: 17px;
	}
	.introduction .titbox {
    padding: 50px 0;
    margin-bottom: 60px;
	}
	.introduction .titbox span {
    font-size: 16px;
	display: block;
    padding: 0 40px;
	}
	.introduction .titbox span br{
     display: none;
    }
	
	.introduction .subtitbox{
	text-align: center;
	margin-bottom:20px;
	}
	.introduction .subtitbox p{
		font-size:26px;
	}
	.introduction .subtitbox span{
		font-size:18px;
	}
	.introduction .subtitbox b{
		font-size:20px;
	}
	
	.introduction .con03 .conwrap .box .txtbox span {
    font-size: 17px;
	margin-bottom: 2px;
	}
	.introduction .con03 .conwrap .box .txtbox .tit {
    font-size: 22px;
	}
	.introduction .con03 .conwrap .box .txtbox ul li {
    font-size: 15px;
	margin-bottom: 3px;
	padding-left: 8px;
	text-align: left;
	}
	.introduction .con03 .conwrap .box .txtbox ul li::after {
    width: 3px;
    height: 3px;
	}
	.introduction .con03 .conwrap .box .imgbox{
	text-align: end;
	}
	.introduction .con03 .conwrap .box .txtbox p {
    font-size: 15px;
	}

}

@media(max-width:800px){
	.introduction .titbox span {
        padding: 0px;
    }
	.introduction .con03 .conwrap {
    margin-top: 20px;
    margin-bottom: 40px;
	display:grid;
    grid-template-columns: 1fr;
	gap:16px
	}
	.introduction .con03 .conwrap .box {
	display:grid;
	grid-template-columns: 1fr 90px;
    gap: 30px;
    padding: 20px 30px;
	text-align: left;
    }
	.introduction .con03 .conwrap .box .txtbox span {
    font-size: 16px;
	margin-bottom: 3px;
	}
	.introduction .con03 .conwrap .box .txtbox .tit {
    font-size: 18px;
	margin-bottom: 10px;
	}
	.introduction .con03 .conwrap .box .txtbox ul li {
    font-size: 14px;
	margin-bottom: 3px;
	padding-left: 8px;
	}
	.introduction .con03 .conwrap .box .txtbox p {
    font-size: 14px;
	}
}
@media(max-width:440px){
	.introduction .con03 .conwrap .box {
	display:flex;
	flex-direction: column-reverse;
    gap: 20px;
    padding: 20px 30px;
	text-align: center;
    }
	.introduction .con03 .conwrap .box .imgbox{
	max-width:70px;
	text-align: center;
	}
	
}






/* --------- 사업소개 페이지 템플릿 끝 --------- */


/* --------- 상담신청(원본 - 서울현대) --------- */

.ml05 {
    margin-left: 5px !important;
}
.display_block{display: block;}
.must_txt{/* text-align:right; */ display: block; margin-left:auto;margin-top:6px;}

.sub--con--in--tit {
    font-size: 30px;
    line-height: 1.4;
    font-family: 'gamtanload';
	font-weight: 700;
    color: #333;
}
.application_wrap .color_orange{color: var(--color) !important;}

.application_wrap .st01 {
    font-size: 20px;
    font-family: 'gamtanload';
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #444;
}

.application_wrap .none_select{color:#bbb;}

.application_wrap tr.m {
    display: none;
}

.application_wrap table.basic th {
    color: #222;
    /* font-family: 'gamtanload'; */
	font-weight: 500;
    font-size: 18px;
    word-break: keep-all;
}

.application_wrap .align_center{text-align: center;}
.application_wrap .basic col.tit {
    width: 180px;
}
.application_wrap .star {
    color: #ff5252/* var(--color) */;
}
.application_wrap .star2 {
    color: #ff5252/* var(--color) */;
    font-weight: 300;
}
.application_wrap .table-select {
    display: inline-flex; /* ����: inline���� inline-flex�� */
    align-items: center;
    margin-right: 10px;
}
.application_wrap .table-select b {
    margin-top:2px;
    margin-right: 10px;
    font-size: 18px;
    font-family: 'gamtanload';
	font-weight: 700;
    /* font-weight: 600; */
}

/* .application_wrap .basic input[type="checkbox"]{
    display: none;
} 
.application_wrap .basic input[type="checkbox"] + label{
    display: inline-block;
    width: 14px;
    height: 14px;
    border:1px solid #bbb;
    position: relative;
    margin-right: 5px;
    align-content: center;
}
.application_wrap .basic input[id="checkbox_01"]:checked + label::after{
    content:'✔';
    font-size: 12px;
    width: 14px;
    height: 14px;
    color:#fff;
    border:1px solid var(--color);
    background-color: var(--color);
    text-align: center;
    position: absolute;
    left: -1px;
    top:-1px;
} */


.application_wrap .basic input[type="checkbox"]:checked {
    position:relative;
    border:1px solid var(--color);
    background-color: var(--color);
    top:4px;
}

.application_wrap .basic input[type='radio'] {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc; 
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}
  
.application_wrap .basic input[type='radio']:checked {
    background-color: var(--color); 
    border: 3px solid white; 
    box-shadow: 0 0 0 2px var(--color);
}

.application_wrap .basic input[type='text'], .application_wrap .basic input[type='password'] {
    width: 100%;
    max-width: 380px;
	border-radius: 8px;
	font-weight: 300;
    font-size: 18px;
    color: #333;
    padding: 0 45px 0 15px;
    height: 48px;
}

.application_wrap .basic input[type='text']:focus{
    outline: none;
    border: 1px solid var(--color);
}

.application_wrap .basic input[type='text3']:focus {
    outline: none;
    border: 1px solid var(--color);
}
.application_wrap .basic textarea[type='text3']:focus {
    outline: none;
    border: 1px solid var(--color);
}


.application_wrap .basic input[type='text2'] {
    width: 100%;
    max-width: 645px;
}
.application_wrap .basic textarea[type='text3'] {
    width: 100%;
    max-width: 1900px;
    height: 320px;
    resize: none;
    line-height: 1.5;
	border-radius: 8px;
}
.application_wrap .basic textarea[type='text4'] {
    width: 100%;
    max-width: 470px;
}
.application_wrap .text_box {position:relative;}
.application_wrap .text_box .count {position:absolute; right:30px; bottom:20px; color:#666; font-family:"gamtanload"; font-size:15px; margin:5px 0; text-align: right;font-weight: 700;}
.application_wrap .basic .count span{padding: 0px 5px !important;}

.application_wrap table .file {
    max-width: 560px;
    display: grid;
    grid-template-columns: 1fr 75px;
    gap: 5px;
}
.application_wrap table .tal .file .btn {
    width: 100%;
    background: #999999;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.application_wrap .table-radio {
    display: flex; 
    flex-wrap: wrap;
    gap: 10px; 
}
.application_wrap .table-radio input {
    margin-right: 5px; 
}
.application_wrap .table-address {}
.application_wrap .table-address .ad1 {}
.application_wrap .table-address .ad1 input {
    max-width: 200px;
    width: 100%;
}
.application_wrap .table-address .ad1 a {
    display: inline-flex;
    height: 40px;
    align-items: center;
    background: #999;
    color: #fff;
    padding: 0 10px;
    position: relative;
    top: -2px;
	border-radius:8px;
	margin-left:3px;
}
.application_wrap .table-address .ad2 {}
.application_wrap .table-address .ad2 input {
    max-width: 850px;
    width: 100%; 
}

.application_result_view-con1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 20px;
	    background: #f7f7f7;
    border-radius: 20px;
}
.application_result_view-con1 i{font-size:70px; color: var(--color); margin-bottom:20px;}
.application_result_view-con1 b {
    font-size: 28px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}
.application_result_view-con1 p {
    font-size: 18px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: #444;
    margin-top:15px;
    line-height: 1.4;
}



.Consignment_wrap select:focus{
    outline: none;
    border: 1px solid var(--color);
}

.Consignment_wrap select {
    width: 100%;
    background: url(../../images/contents/select-arrow.png) no-repeat center right 10px #fff;
	border: 1px solid #d9d9d9;
	font-size: 18px;
    color: #333;
    padding: 0 45px 0 15px;
    height: 48px;
}

.sub--con--in--tit .small {
    font-size: 16px;
    color: #333;
}

.border-box {
    border: 1px solid #d9d9d9;
    padding: 20px;
	border-radius:20px;
}

.application_result_con1 span {
    font-size: 20px;
    display: block;
    text-align: right;
}

.application_result_con1 b {
    font-size: 24px;
    color: var(--color);
    display: block;
    text-align: right;
    font-weight: 700;
}

.application_result_con1 > div:first-child {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.privacy-box{min-height: 15vh !important; font-size: 16px; line-height: 1.4;border-radius:20px;}

.scroll-box {
    overflow-y: scroll;
}

.scroll-box > div {
    height: 200px;
}

.Consignment_btn {
    margin: 0 auto;
    text-align: center;
    margin: 60px 0;
}
.Consignment_btn a, .Consignment_btn button {
    padding-top: 2px;
    margin: 0 auto;
    margin-left: 2%;
    padding: 17px 80px 15px;
    background-color: transparent;
    border: 1px solid var(--color);
    border-radius: 30px;
    color: var(--color);
    text-align: center;
    align-content: center;
    font-size: 20px;
    font-family: 'gamtanload';
	font-weight: 700;
}
.Consignment_btn button:hover {
    background-color: var(--color);
    border: 1px solid var(--color);
    color: #fff;
}

.sub--con--in--tit3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
    word-break: keep-all;
}
    
.Consignment_tit_wrap2 #snb {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    /* width: 80%; */
    text-align: center;
    margin: 20px auto 60px;
    align-items: center;
    padding: 20px 0;
    background-color: #f5f5f5;
}
.Consignment_tit_wrap2 #snb ul{
	margin-bottom:0;
}
.Consignment_tit_wrap2 #snb ul li {
    display: flex;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin: 0 45px;
    padding-bottom: 10px;
    font-family: 'gamtanload';
	width: auto;
	padding: 0 10px;
}
.Consignment_tit_wrap2 #snb ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-bottom: none;
}
.Consignment_tit_wrap2 #snb ul li.active a{
    color: var(--color);
}
.Consignment_tit_wrap2 #snb ul li.active::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: var(--gradient);
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
}

.capchaimg{padding: 6px;border-radius: 14px;}

@media (max-width: 1200px) {
    .application_result_con1 span {
        font-size: 18px;
    }
    .application_result_con1 b {
        font-size: 22px;
    }
    .application_wrap .basic col.tit {
        width: 140px;
    }
    .application_wrap .table-address .ad2 input {
        max-width: 600px;
    }
}

@media (max-width: 1024px) {
	.sub--con--in--tit3 {
        font-size: 18px;
    }
	.Consignment_wrap select {
		font-size: 16px;
		color: #333;
		padding: 0 32px 0 12px;
		height: 40px;
	}
	.application_wrap .basic input[type='text'] {
		font-size: 16px;
		padding: 0 32px 0 12px;
		height: 40px;
	}
	.sub--con--in--tit {
        margin-bottom: 10px;
        font-size: 24px;
        padding-left: 0px;
    }
	.application_wrap table.basic th {
    font-size: 16px;
	}
	.must_txt {font-size: 14px;}
	.sub03_nonlist .tit_wrap .tit {
    font-size: 32px;}

    .ml05 {
        font-size: 14px;
    }

    .application_result_view-con1 b {
        font-size: 20px;
        word-break: keep-all;
    }
    .application_result_view-con1 p {
        font-size: 16px;
        margin-top: 12px;
        line-height: 1.4;
        word-break: keep-all;
    }
    .btnWrap {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        overflow: hidden;
    }

    .btnWrap a {
        margin-top: 10px;

        width: 180px;
        height: 50px;
        font-size: 16px;
        padding-top: 4px;
    }

    .application_wrap .st01 {
        font-size: 18px;
        word-break: keep-all;
    }
	.capchaimg{padding: 2px;}


  }
@media (max-width: 900px) {
	    .application_wrap .basic input[type='text'] {
		margin-bottom: 3px;
		}

}
@media (max-width: 768px) {
	    .Consignment_tit_wrap2 #snb {
        padding: 10px 0 15px;
    }
	    .Consignment_tit_wrap2 #snb ul li {
        margin: 0 20px;
    }

	.sub--con--in--tit {
        margin-bottom: 6px;
        font-size: 24px;
        padding-left: 4px;
    }

    .application_wrap table.basic td span {
        display: block;
        line-height: 1.6;
    }
    .application_wrap .scroll{overflow-x:auto;}
    .application_wrap .scroll table{width:100%; word-break: keep-all;}

    .application_wrap .pc {
        display: none;
    } 
    .application_wrap .pc {
        display: block;
    } 
    .application_wrap tr.pc {
        display: none;
    } 
    .application_wrap tr.m {
        display: table-row;
    }
    .border-box {
        padding: 15px;
    }
    .application_result_con1 span {
        font-size: 16px;
        text-align: center;
    }
    .application_result_con1 b {
        font-size: 20px;
        text-align: center;
    }
    .application_result_con1 > div:first-child {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .scroll-box > div {
        height: 150px;
    }
    .application_wrap .basic col.tit {
        width: 120px;
    }
    .application_wrap .table-select {
        flex-direction: column;
        align-items: flex-start;
    }
    .application_wrap .basic input[type='text'] {
        max-width: 100%;
        max-width: 380px;
    }
    .application_wrap .table-radio {
        flex-direction: column;
    }
    .application_wrap .table-address .ad1 input,
    .application_wrap .table-address .ad2 input {
        max-width: 100%;
    }
    .application_wrap .table-address .ad1 a {
        margin-top: 5px;
    }
}

@media (max-width: 480px) {
    .border-box {
        padding: 10px;
    }
    .application_result_con1 span {
        font-size: 14px;
    }
    .application_result_con1 b {
        font-size: 18px;
    }
    .application_result_con1 > div:first-child {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .scroll-box > div {
        height: 100px;
    }
    .application_wrap .basic col.tit {
        width: 100px;
    }
    .application_wrap .table-select {
        width: 100%;
        margin-right: 0;
        max-width: 180px;
    }
    .application_wrap .table-select b {
        margin-bottom: 5px;
    }
    .application_wrap .basic input[type='text'] {
        width: 100%;
        max-width: 180px;
    }
    .application_wrap .basic input[type='text2'] {
        width: 100%;
        max-width: 180px;
    }
    .application_wrap .basic textarea[type='text3'] {
        width: 100%;
        max-width: 180px;
    }
    .application_wrap .basic input[type='text4'] {
        width: 100%;
        max-width: 180px;
    }
    .application_wrap .table-radio {
        flex-direction: column;
        align-items: flex-start;
		    gap: 6px;
    }
    .application_wrap .table-address .ad1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .application_wrap .table-address .ad1 a {
        margin-top: 7px;
    }
}


/* --------- 상담신청(원본 - 서울현대) 끝 --------- */

/* --------- 취업지원 --------- */

.surpport .tit{
	/* background-color: #f2f2f2; */
	/* padding: 60px 0; */
	text-align: center;
	margin-bottom:30px;
}
.surpport .tit P{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	margin-bottom: 16px;
	text-decoration: underline solid #F2F2F2 24px; 
	text-underline-offset: -13px;
}
.surpport .tit span{
	font-size:20px;
	font-weight:400;
	color:#555;
}

.surpport .scroll{
	margin-bottom: 40px;
}
.surpport .basic td li{
	text-align:left;
	margin-bottom:10px;
	padding-left:10px;
	position: relative;
}
.surpport .basic td li:last-child{
	margin-bottom:0;
}
.surpport .basic td li::after{
	content:'';
	display:block;
	width:4px; height:4px;
	background: var(--color);
	position: absolute;
	left: 0; top:9px;
}

.surpport .con01{
	text-align: center;
	background: #f7f7f7;
	padding: 60px 0;
	margin: 80px 0;
}
.surpport .con01 .con-title-wrap p{
	font-size:42px;
	font-weight:700;
	font-family:'gamtanload';
	color:#222;
	margin-bottom: 8px;
}
.surpport .con01 .con-title-wrap span{
	font-size:16px;
	font-weight:300;
	color:#eb1d49;
}
.surpport .con01 .conwrap .tit span{
	font-size:20px;
	font-weight:600;
	color:var(--color);
	margin-bottom: 10px;
}
.surpport .con01 .conwrap .tit p{
	font-size:32px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	margin-bottom: 40px;
	text-decoration: none;
}
.surpport .con01 .conwrap .boxwrap{
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-content: center;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.surpport .con01 .conwrap .boxwrap .box .imgbox{
	width:140px; height: 140px;
	/* border: 1px solid #ddd; */
	background:#fff;
	border-radius:50%;
	text-align: center;
	align-content: center;
}
.surpport .con01 .conwrap .boxwrap .box p{
	display: inline-block;
	font-size:16px;
	font-weight:300;
	color:#333;
	margin-top:14px;
}
.surpport .con01 .conwrap .boxwrap .box p span{
	display: block;
	color: var(--color);
	font-family:'gamtanload'
	font-weight:700;
}

.surpport .con01 .conwrap .boxwrap img{
    margin-bottom: 50px;
}
.surpport .con01 .conwrap .boxwrap .box .imgbox img{
    margin-bottom: 0px;
}

.surpport .con01 .conwrap .m_img_display{
	display:none;
	text-align: center;
	margin: 0 auto;
}

.surpport .con02{
	background:NONE;
	padding: 0 30px;
    margin-top: 60px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.surpport .con02 .box {
	display:flex;
	flex-direction: column;
    gap: 30px;
    padding: 30px 50px;
    border: 1px solid #ddd;
    border-radius: 20px;
    align-items: center;
}
.surpport .con02 .box .txtbox span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #0090c6;
    margin-bottom: 3px;
}
.surpport .con02 .box .txtbox .tit {
    font-size: 22px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: #333;
    margin-bottom: 14px;
}
.surpport .con02 .box .txtbox p {
    font-weight: 300;
    color: #666;
}

.surpport .con03{
	
	text-align: center;

}
.surpport .con03{
	margin: 80px 0 20px;
}
.surpport .con03 .tit{
	font-size: 32px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: #333;
    margin-bottom: 12px;
}
.surpport .con03 .boxwrap {
    background: NONE;
    padding: 0 30px;
    margin-top: 30px;
    margin-bottom: 40px;
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;

}
.surpport .con03 .boxwrap .box{
	display: flex;
    gap: 20px;
	padding: 20px 36px 20px 28px;
    border: 1px solid #ddd;
    border-radius: 20px;
    align-items: center;
	
    min-width: 320px;
}
.surpport .con03 .boxwrap .box img{
	max-width: 90px
}
.surpport .con03 .boxwrap .box .txt{
	text-align: left;
}
.surpport .con03 .boxwrap .box .txt span{
	display:block;
	font-size:18px;
	font-weight: 700;
	font-family:'gamtanload';
	color:var(--color);
}




/* .surpport .con03 li {
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
    margin-bottom: 5px;
    padding-left: 10px;
    position: relative;
}
.surpport .con03 li::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: var(--color);
    position: absolute;
    left: 0;
    top: 9px;
} */




@media(max-width: 1024px){
	.surpport .tit p {
    font-size: 28px;
	}
	.surpport .tit span {
    font-size: 17px;
	display: block;
    padding: 0 40px;
	}
	
	.surpport .con01 {
    padding: 20px 0;
    margin: 40px 0;
	}
	.surpport .con01 .con-title-wrap p {
    font-size: 30px;
	margin-bottom: 4px;
	}
	.surpport .con01 .con-title-wrap span {
    font-size: 15px;
	}
	.surpport .titbox span {
    font-size: 16px;
	}
	.surpport .con01 .conwrap {
    margin-top: 20px;
	margin-bottom: 40px;
	}
	.surpport .con01 .conwrap .tit p {
    font-size: 24px;
    margin-bottom: 30px;
	}
	.surpport .con01 .conwrap .tit span {
    font-size: 17px;
	}
	
	.surpport .con02 {
	padding:0;
    margin-bottom: 20px;
	}
	.surpport .con02 .box .txtbox .tit {
    font-size: 20px;
	padding:0 10%;
	}
	.surpport .con02 .txtbox p {
    font-size: 16px;
	}
	.surpport .con02 .box {
    padding: 32px 24px;
	}
	
	.surpport .titbox span br{
     display: none;
    }
	
	.surpport .con03 {
    margin: 40px 0 20px;
	}
	.surpport .con03 .tit {
    font-size: 24px;
	}
	.surpport .con03 .boxwrap .box {
    gap: 16px;
    padding: 16px 28px 16px 20px;
    min-width: 300px;
	}
	.surpport .con03 .boxwrap .box img {
    max-width: 80px;
	}
	.surpport .con03 .boxwrap .box .txt span {
    font-size: 16px;
	}
	.surpport .con03 .boxwrap .box .txt p {
    font-size: 15px;
	}
	.surpport .con03 .boxwrap {
	gap: 20px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
	}
	
}

@media (max-width: 768px) {
	.surpport .basic td {
		min-width: 250px;
	}
	.surpport .con01 .conwrap .boxwrap{
	display: none;
	}
	.surpport .con01 .conwrap .m_img_display{
	display:block;
	max-width: 465px;
	}
	.surpport .con02 {
    grid-template-columns: 1fr;
	gap:20px;
	}
	.surpport .con02 .box .txtbox .tit br{
	display:none;
	}
	.surpport .con03 .boxwrap {
	flex-direction: column;
	}
	.surpport .con03 .boxwrap .box {
    gap: 14px;
    padding: 14px 24px 14px 20px;
    min-width: 90%;
    }
}

@media(max-width:500px){
	.surpport .con01 .conwrap .m_img_display{
	max-width: 100%;
	}
	
}

/* --------- 취업지원 끝 --------- */


/* --------- 교육과정 상세 --------- */

.current_view .titwrap{
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap:50px;
	padding: 32px 50px 32px 36px;
	border-radius:20px;
	background: #f6f6f6;
	align-items: center;
}
.current_view .titwrap .imgbox{
	border-radius:20px;
	overflow: hidden;
	padding-top: 330px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* .current_view .titwrap .imgbox img{
	width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* .current_view .titwrap .txtbox{
	padding:18px 0;
} */
.current_view .titwrap .txtbox .tit p{
	font-size: 32px;
	font-weight: 700;
	font-family: 'gamtanload';
	color:#333;
	margin-bottom: 10px;
}
.current_view .titwrap .txtbox .tit span{
	font-size: 16px;
	font-weight: 300;
	color:#666;
}

.current_view .titwrap .txtbox .line{
	width: 90%; height:1px;
	margin: 26px 0;
	background: #ddd;
}

.current_view .titwrap .txtbox .txt li{
	font-size: 16px;
	font-weight: 300;
	color:#666;
	margin-bottom:8px;
	padding-left:12px;
	position: relative;
}
.current_view .titwrap .txtbox .txt li:last-child{
	margin-bottom:0px;
}
.current_view .titwrap .txtbox .txt li b{
	font-weight: 500;
}
.current_view .titwrap .txtbox .txt li::after{
	content:'';
	display:block;
	width:4px; height:4px;
	background: var(--color);
	position: absolute;
	top:9px; left:0;
}

.current_view .subtitwrap{
	margin-top: 94px;
	text-align: center;
}
.current_view .subtitwrap .tit{
	font-size: 42px;
	font-weight: 700;
	font-family: 'gamtanload';
	color:#333;
	margin-bottom: 18px;
}
.current_view .subtitwrap span{
	display:block;
	font-size: 18px;
	font-weight: 300;
	color:#666;
	margin-bottom: 50px;
	line-height:1.5;
}
.current_view .subtitwrap .imgbox{
	width:100%; height: 220px;
	border-radius: 20px;
	overflow: hidden;
}
.current_view .subtitwrap .imgbox img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.current_view .con01{
	margin-top: 78px;
	text-align: center;
}	
.current_view .con01 b{
	display:block;
	font-size: 20px;
	font-weight: 500;
	color:#333;
	margin-bottom: 5px;
}
.current_view .con01 p{
	font-size: 42px;
	font-weight: 700;
	font-family: 'gamtanload';
	color:var(--color);
	margin-bottom: 18px;
}
.current_view .con01 span{
	display: block;
	font-size: 18px;
	font-weight: 400;
	color:#333;
	margin-bottom: 40px;
}
.current_view .con01 .boxwrap{
	display: grid;
	grid-template-columns: 1fr 28px 1fr 28px 1fr; 
	gap:0;
	align-items: center;
}
.current_view .con01 .boxwrap .box{
	width:100%;
	border-radius: 20px;
	padding: 40px;  
	height: -webkit-fill-available;
}
.current_view .con01 .boxwrap .box.color01{
	background: #19b6e1;
}
.current_view .con01 .boxwrap .box.color02{
	background: #0090c6;
}
.current_view .con01 .boxwrap .box.color03{
	background: #087cb7;
}
.current_view .con01 .boxwrap .box span{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color:#fff;
	margin-bottom: 15px;
	border-radius:30px;
	border:1px solid #fff;
	padding: 10px 25px; 
}
.current_view .con01 .boxwrap .box p{
	font-size: 20px;
	font-weight: 700;
	font-family: 'gamtanload';
	color:#fff;
	word-break: keep-all;
}
.current_view .con01 .boxwrap .line{
	width: 100%; height: 2px;
	background: #ddd;
}

.current_view .con02{
	padding:0;
	margin:0;
	margin-top: 70px;
	text-align: left;
	background: none;
}	
.current_view .con02 .box{
	display:grid;
	grid-template-columns: 1.4fr 3fr;
	gap: 50px;
	align-items: center;
	padding: 30px; 
	border: 1px solid #ddd;
	border-radius: 20px;
	margin-bottom:20px;
}
.current_view .con02 .box:last-child{
	margin-bottom:0px;
}
.current_view .con02 .box .imgbox{
	width:100%;
	border-radius: 20px;
	overflow: hidden;
	padding-top: 240px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* .current_view .con02 .box .imgbox img{
	width: 100%;
    height: 100%;
    object-fit: cover;
} */
.current_view .con02 .box .txtbox b{
	display: block;
	font-size: 16px;
	font-weight: 600;
	color:var(--color);
	margin-bottom: 3px;
}
.current_view .con02 .box .txtbox p{
	font-size: 32px;
	font-weight: 400;
	color:#333;
	margin-bottom: 12px;
}
.current_view .con02 .box .txtbox p b{
	display: inline;
	font-size: 32px;
	font-weight: 600;
	color:#333;
}
.current_view .con02 .box .txtbox li{
	font-size: 18px;
	font-weight: 300;
	color:#666;
	line-height: 1.4;
	margin-bottom: 2px;
}
.current_view .con02 .box .txtbox li:last-child{
	margin-bottom: 0;
	padding-right: 10%;
}
.current_view .con02 .box .txtbox li b{
	display: inline;
	font-size: 18px;
	font-weight: 600;
	color:#555;
}

.current_view .con03{
	background:#f6f6f6;
	text-align: center;
	padding: 80px 0;
	margin: 80px 0;
}
.current_view .con03:last-child{margin-bottom: 0;}
.current_view .con03 .titwrap p{
	font-size:42px;
	font-weight:700;
	font-family:'gamtanload';
	color:#222;
	margin-bottom: 0px;
}
.current_view .con03 .titwrap {
    display: block;
    padding: 0;
    border-radius: 0px;
    background: none;
    align-items: center;
	margin-bottom:18px;
}
.current_view .con03 .titwrap p b{color:var(--color);}
.current_view .con03 .titwrap span{
	DISPLAY:BLOCK;
	font-size:18px;
	font-weight:300;
	color:#eb1d49;
	margin-bottom: 30px;
}
.current_view .con03 .con{
	background: #fff;
	border: 1px solid #ddd;
	border-radius:20px;
	padding: 40px 0;
}
.current_view .con03 .con ul{
	margin:0 auto;
	width: auto;
	display:inline-block;
}
.current_view .con03 .con ul li{
	font-size:20px;
	font-weight:700;
	font-family:'gamtanload';
	color:#333;
	text-align:left;
	margin-bottom: 15px;
	padding-left: 40px; 
	position: relative;
	word-break:keep-all;
}
.current_view .con03 .con ul li:last-child{margin-bottom: 0px;}
.current_view .con03 .con ul li::after{
	CONTENT:'';
	background-image:url('../../images/contents/card-check.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width:24px; height:24px;
	position: absolute;
	top:50%; left: 0px;
	transform: translateY(-50%);
}
.current_view .con03 span{
	display:block;
	font-size:16px;
	font-weight:300;
	color:#333;
	margin-top:20px;
}

.current_view .con04{
	text-align: center;
}
.current_view .con04 .tit span{
	display:block;
	font-size:20px;
	font-weight:500;
	color:#333;
	margin-bottom:6px;
}
.current_view .con04 .tit p{
	font-size:42px;
	font-weight:600;
	font-family: 'gamtanload';
	color:var(--color);
	margin-bottom:32px;
}
.current_view .con04 .subtit{
	padding: 40px;
	width:100%;
	background: #e8f8fc;
	border-radius: 20px;	
}
.current_view .con04 .subtit p{
	font-size:32px;
	font-weight:600;
	font-family: 'gamtanload';
	color:#333;
	margin-bottom:8px;
}
.current_view .con04 .subtit p b{
	color:var(--color);
}
.current_view .con04 .subtit span{
	font-size:18px;
	font-weight:300;
	color:#666;
}

.current_view .con05{
	margin-top: 78px;
	text-align: center;
}
.current_view .con05 .tit{
	font-size:42px;
	font-weight:600;
	font-family: 'gamtanload';
	color:#333;
	margin-bottom:46px;
}
.current_view .con05 .tit b{
	color: var(--color);
}
.current_view .con05 .imgwrap{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 30px;
}
.current_view .con05 .imgwrap .box p{
	margin-top: 5px;
	text-align: center;
	font-size:18px;
	font-weight:400;
	color:#333;
	padding: 0px 12%;
    word-break: keep-all;
}
.current_view .con05 .imgwrap .box p span{
	white-space: nowrap;
}

.current_view .con05 .barwrap{
	margin-top: 64px;
	margin-bottom:50px;
	position: relative;
	height: 120px;
	max-width: 1400px;
}
.current_view .con05 .barwrap .box{
	position: absolute;
	top:0;
	height: 100px;
	padding: 20px 30px;
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 20px;
	align-items: center;
	text-align: left;
}
.current_view .con05 .barwrap .box.n01{
	background: #19b6e1;
	border-radius: 20px 60px 60px 20px;
	left: 0;
	width: 34.3%;
	z-index: 3;
}
.current_view .con05 .barwrap .box.n02{
	background: #0090c6;
	border-radius: 20px 60px 60px 20px;
	left: 23.3%;
	width: 44.3%;
	z-index: 2;
	padding-left: calc(11.3% + 30px);
}
.current_view .con05 .barwrap .box.n03{
	background: #087cb7;
	border-radius: 0 20px 20px 0;
	left: 58%;
	width: 41.9%;
	z-index: 1;
	padding-left: calc(10.3% + 30px);
}
.current_view .con05 .barwrap .box .txt span{
	display:block;
	font-size:16px;
	font-weight:300;
	color:#fff;
	margin-bottom:-2.5px;
}
.current_view .con05 .barwrap .box .txt p{
	font-size:22px;
	font-weight:600;
	color:#fff;
	white-space: nowrap;
}

@media(max-width: 1200px){
	.current_view .titwrap {
    gap: 40px;
    padding: 28px 42px 28px 32px;
	}
	.current_view .con02 .box {
    grid-template-columns: 1.4fr 2.6fr;
    gap: 40px;
    padding: 26px;
	}
	.current_view .con05 .barwrap .box {
    padding: 16px 20px;
    grid-template-columns: 54px 1fr;
    gap: 14px;
	}
	.current_view .con05 .barwrap .box.n01 {
	width: 32.3%;
	}
	.current_view .con05 .barwrap .box.n02 {
	width: 47.3%;
    padding-left: calc(9.8% + 10px);
	}
	.current_view .con05 .barwrap .box.n03 {
	left: 61%;
    width: 38.9%;
    padding-left: calc(10.3% + 10px);
	}
}

@media(max-width: 1024px){
	.current_view .titwrap {
    grid-template-columns: 1fr 1.2fr;
	}
	.current_view .titwrap .txtbox .tit p {
    font-size: 26px;
	}
	.current_view .titwrap .txtbox .line {
    margin: 20px 0;
	}
	.current_view .titwrap .imgbox {
    padding-top: 310px;
	}
	
	.current_view .subtitwrap {
    margin-top: 64px;
	}
	.current_view .subtitwrap .tit {
    font-size: 36px;
	margin-bottom: 14px;
	}
	.current_view .subtitwrap span {
    font-size: 16px;
    margin-bottom: 38px;
	}
	
	.current_view .con01 {
    margin-top: 52px;
	}
	.current_view .con01 p {
    font-size: 36px;
    margin-bottom: 12px;
	}
	.current_view .con01 b {
    font-size: 18px;
	}
	.current_view .con01 span {
    font-size: 17px;
    margin-bottom: 30px;
	}
	.current_view .con01 .boxwrap .box {
    padding: 26px;
	}
	.current_view .con01 .boxwrap .box span {
    padding: 8px 20px;
	}
	.current_view .con01 .boxwrap .box p {
    font-size: 19px;
	}
	
	.current_view .con02 .box {
    gap: 30px;
    padding: 22px;
    }
	.current_view .con02 .box .imgbox {
    padding-top: 190px;
	}
	.current_view .con02 .box .txtbox b {
    font-size: 15px;
    margin-bottom: 0px;
	}
	.current_view .con02 .box .txtbox p {
    font-size: 26px;
	margin-bottom: 8px;
	}
	.current_view .con02 .box .txtbox p b{
    font-size: 26px;
	}
	.current_view .con02 .box .txtbox li {
    font-size: 16px;
	}
	.current_view .con02 .box .txtbox li b {
    font-size: 16px;
	}
	
	.current_view .con03 {
    padding: 40px 0;
    margin: 52px 0;
	}
	.current_view .con03 .titwrap p {
    font-size: 32px;
	}
	.current_view .con03 .con {
    padding: 30px;
	}
	.current_view .con03 .con ul li {
    font-size: 18px;
    margin-bottom: 16px;
    padding-left: 32px;
	}
	.current_view .con03 .con ul li::after {
	background-size: contain;
	width: 20px;
    height: 20px;
	}
	
	.current_view .con04 .tit p {
    font-size: 32px;
    margin-bottom: 18px;
	}
	.current_view .con04 .tit span {
    font-size: 18px;
    margin-bottom: 0;
	}
	.current_view .con04 .subtit {
    padding: 30px;
	}
	.current_view .con04 .subtit p {
    font-size: 26px;
    margin-bottom: 2px;
	}
	.current_view .con04 .subtit span {
    font-size: 16px;
	}
	
	.current_view .con05 {
    margin-top: 58px;
	}
	.current_view .con05 .tit {
    font-size: 32px;
	margin-bottom: 30px;
	}
	.current_view .con05 .imgwrap .box p {
    margin-top: 2px;
    font-size: 16px;
    padding: 0;
	}
	
	.current_view .con05 .barwrap .box .txt span {
    font-size: 15px;
    margin-bottom: -3px;
	}
	.current_view .con05 .barwrap .box .txt p {
    font-size: 18px;
	}
	
	

}

@media(max-width: 780px){
    .current_view .titwrap {
	grid-template-columns: 1fr;
	gap: 20px;
    padding: 30px;
    }
	.current_view .subtitwrap .imgbox {
    height: 150px;
	}
	
	.current_view .con01 .boxwrap .line {
    width: 2px;
    height: 20px;
	}
	.current_view .con01 .boxwrap {
    display: flex;
    flex-direction: column;
	}
	.current_view .con01 .boxwrap .box {
    padding: 20px;
    }
	
	.current_view .con02 {
    margin-top: 40px;
	}
	.current_view .con02 .box {
    display: flex;
	flex-direction: column;
	}
	.current_view .con02 .txtbox{
	padding: 0 10px;
	}
	.current_view .con02 .box {
    gap: 20px;
    padding: 22px 20px;
    }
	.current_view .con02 .box .txtbox li:last-child {
    padding-right: 0%;
	}
	.current_view .con02 .box .txtbox li br{
    display: none;
	}
	
	.current_view .con03 .titwrap {
	margin-bottom: 10px;
	}
	.current_view .con03 .con ul li::after {
    top: 11px;
	}
	.current_view .con03 .titwrap p {
    font-size: 28px;
	margin-bottom: 0px;
    }
	
	.current_view .con05 .imgwrap {
    grid-template-columns: 1fr;
	}
	.current_view .con05 .imgwrap .box{
	display: grid;
    grid-template-columns: 40% 1fr;
	gap: 20px;
	padding: 0 30px;
	align-items: center;
	}
	.current_view .con05 .imgwrap .box p {
    text-align: left;
    }
	
	.current_view .con05 .barwrap {
    margin-top: 48px;
    margin-bottom: 20px;
    position: relative;
    height: 340px;
    max-width: 1400px;
	}
	.current_view .con05 .barwrap .box.n01 {
        width: 100%; height:115px;
		border-radius: 20px 20px 60px 60px;
		padding-left: 8vw;
    }
	.current_view .con05 .barwrap .box.n02 {
        width: 100%; height: 230px;
		border-radius: 20px 20px 60px 60px;
		left:0;
		padding-left: 8vw;
		padding-top: 130px;
    }
	.current_view .con05 .barwrap .box.n03 {
        width: 100%; height: 336px;
		border-radius: 20px 20px 60px 60px;
		left:0;
		padding-left: 8vw;
		padding-top: 240px;
    }
	.current_view .con05 .barwrap .box .txt span {
    font-size: 16px;
    margin-bottom: 0px;
    }
	.current_view .con05 .barwrap .box .txt p {
    font-size: 20px;
    }
	.current_view .con05 .barwrap .box {
	grid-template-columns: 58px 1fr;
    gap: 18px;
    }
}

@media(max-width: 520px){
	.current_view .titwrap .imgbox {
    padding-top: 200px;
    }
	.current_view .titwrap .txtbox .tit p {
    font-size: 20px;
	margin-bottom: 6px;
    }
	.current_view .titwrap {
    padding: 16px;
    }
	.current_view .titwrap .txtbox .tit span {
    font-size: 14px;
	}
	.current_view .titwrap .txtbox .txt li {
    font-size: 14px;
    margin-bottom: 6px;
    padding-left: 9px;
	}
	.current_view .titwrap .txtbox .txt li::after {
    width: 3px;
    height: 3px;
    top: 8px;
	}
    .current_view .titwrap .txtbox .line {
    width: 100%;
    margin: 16px 0;
    }	

    .current_view .subtitwrap {
        margin-top: 40px;
    }
    .current_view .subtitwrap .tit {
        font-size: 24px;
        margin-bottom: 12px;
    }	
	.current_view .subtitwrap span {
        font-size: 15px;
        margin-bottom: 28px;
    }
	.current_view .subtitwrap span br{
	display: none;
	}
	
	.current_view .con01 b {
        font-size: 16px;
		margin-bottom: 2px;
    }
    .current_view .con01 p {
        font-size: 28px;
	}
    .current_view .con01 span {
        font-size: 15px;
        margin-bottom: 24px;
    }
	.current_view .con01 span br{
		display: none;
	}
	.current_view .con01 .boxwrap .box p {
        font-size: 18px;
    }
	.current_view .con01 .boxwrap .box span {
    font-size: 13px;
    margin-bottom: 12px;
    padding: 6px 20px;
	}
	.current_view .con01 .boxwrap .box {
        padding: 16px;
    }
	
	.current_view .con02 .box .txtbox p b {
        font-size: 22px;
    }
	.current_view .con02 .box .txtbox p {
        font-size: 22px;
        margin-bottom: 8px;
    }
	.current_view .con02 .box .txtbox li {
        font-size: 14px;
    }
	.current_view .con02 .box .txtbox li b {
        font-size: 14px;
    }
	
	.current_view .con03 .titwrap p {
        font-size: 22px;
    }
	.current_view .con03 .con ul li {
        font-size: 16px;
        margin-bottom: 12px;
        padding-left: 26px;
    }
	.current_view .con03 .con ul li::after {
        width: 17px;
        height: 17px;
    }
	.current_view .con04 .tit p {
        font-size: 28px;
        margin-bottom: 16px;
    }
	.current_view .con04 .tit span {
        font-size: 17px;
	}
	.current_view .con04 .subtit {
        padding: 16px;
    }
	.current_view .con04 .subtit p {
        font-size: 20px;
	}
	.current_view .con04 .subtit span {
        font-size: 15px;
    }
	.current_view .con05 .tit {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .current_view .con05 .imgwrap .box {
        grid-template-columns: 42% 1fr;
        gap: 20px;
        padding: 0 10px;
    }
	.current_view .con05 .imgwrap {
    gap: 10px;
	}
	.current_view .con05 .barwrap .box .txt p {
        font-size: 18px;
    }
    .current_view .con05 .barwrap .box {
        grid-template-columns: 52px 1fr;
        gap: 16px;
    }
    .current_view .con05 .barwrap .box.n01 {
        height: 110px;
	}
	.current_view .con05 .barwrap .box.n02 {
        height: 210px;
		padding-top: 120px;
	}
	.current_view .con05 .barwrap .box.n03 {
        height: 310px;
		padding-top: 220px;
	}
    .current_view .con05 .barwrap {
        margin-top: 38px;
        height: 310px;
    }

}



/* --------- 교육과정 상세 끝 --------- */


/* --------- 온라인상담 - QnA (원본 - 서울현대) --------- */

.FnA-b{font-weight:500; color:var(--color);}

table.basic {
    margin-top: 20px;
    border-top: 2px solid var(--color);
    width: 100%;
    margin-bottom: 10px;
}
.bbs-list.counseling .bbs-list-row .column {
    display: table-cell;
    vertical-align: middle;
    padding: 28px 40px;
    border-bottom: 1px solid #d9d9d9;
    transition: 0.3s all ease-out;
}
.bbs-list.counseling .bbs-list-row .subject {
    padding-right: 0px;
}
.bbs-list.counseling .bbs-list-row .subject .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bbs-list.counseling .bbs-list-row .subject.lock,
.bbs-list.counseling .bbs-list-row .subject.answer{
	padding-left: 20px;
	position: relative;
}
.bbs-list.counseling .bbs-list-row .subject.lock a,
.bbs-list.counseling .bbs-list-row .subject.answer a{
	/* grid-template-columns: 12px 1fr 80px 95px; */
}
.bbs-list.counseling .bbs-list-row .subject.lock::after{
	content:'';
	display:block;
	width: 12px; height:15px;
	background: url(../../images/contents/icon_secret.png) no-repeat center;  
	position: absolute;
	top:50%; left:0;
	transform: translateY(-50%);
}
.bbs-list.counseling .bbs-list-row .subject.answer::after{
	content:'';
	display:block;
	width: 12px; height:15px;
	background: url(../../images/contents/icon_answer.png) no-repeat center;  
	position: absolute;
	top:50%; left:0;
	transform: translateY(-50%);
}
.bbs-list.counseling .bbs-list-row .subject a{
    display: grid;
    grid-template-columns: calc(100% - 80px - 95px) 80px 95px;
    align-items: center;
    align-content: center;
}
.bbs-list.counseling .bbs-list-row .subject a .title{
	text-align: left;
	padding-right: 10%;
}

.bbs-list.counseling .bbs-list-row .subject a .down,
.bbs-list.counseling .bbs-list-row .subject a .date{
	text-align: center;
}
.board_search.counseling {margin-bottom: 30px;}
.btnWrap.counseling {
	text-align: right;	
}
.btnWrap.counseling a {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    border: 1px solid #f6f6f6;
    background: var(--gradient);
    border-radius: 12px;
}


@media(max-width:1024px){
	.bbs-list.counseling .bbs-list-row .subject a {
    grid-template-columns: calc(100% - 65px - 75px) 65px 75px;
	}
	.bbs-list.counseling .bbs-list-row .column {
    padding: 20px 12px;
	}
	.bbs-list.counseling .bbs-list-row .subject .title {
    font-size: 15px;
	}
	.btnWrap.counseling{
	margin-top: 16px;
	}
	.btnWrap.counseling a {
    width: 130px;
    height: 40px;
    line-height: 30px;
	font-size: 14px;
	}
	
	
}

@media(max-width:580px){
.bbs-list.counseling .bbs-list-row .subject a {
    grid-template-columns: calc(100% - 75px) 75px;
	}
	.bbs-list.counseling .bbs-list-row .subject a .down{
		display:none;
	}
}

/* --------- 온라인상담 - QnA (원본 - 서울현대) 끝 --------- */


/* --------- 방문상담예약 --------- */


.reservation select {
    width: 100%;
    background: url(../../images/contents/select-arrow.png) no-repeat center right 10px #fff;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    color: #333;
    padding: 0 45px 0 15px;
    height: 48px;
}
.reservation .application_wrap table.basic th b{
	display: block;
	font-size:14px;
	font-weight:300;
	color:#999;
}

.reservation button{background: none; border:none;}
.reservation .calendar_month .calendar_table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.reservation .section_title {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 40px;
    font-size: 20px;
    font-weight: 600;
    color: #222225;
	margin-bottom: 10px;
}
.reservation .calendar_area {
    margin-top: 4px;
	border-top: 2px solid var(--color);
	border-bottom: 1px solid #f2f2f2;
}
.reservation .calendar_month .calendar_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	margin: 0 auto;
	padding: 16px;
    font-weight: 700;
    font-family: 'gamtanload';
    font-size: 24px;
    color: #222225;
	background: #fafafa;
}
.reservation .calendar_title .btn_next{
	padding: 8px 8px 6px 9px;
	margin-left: auto;
	color:var(--color);
	border-radius: 8px;
	transition: 0.3s all;
}
.reservation .calendar_title .btn_prev{
	padding: 8px 9px 6px 8px;
	margin-right: auto;
	color:var(--color);
	border-radius: 8px;
	transition: 0.2s all;
}
.reservation .calendar_title .btn_next:hover,
.reservation .calendar_title .btn_prev:hover{
	background: var(--gradient);
	color:#fff;
}
.reservation .calendar_header{
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	
}
.reservation .calendar_month .calendar_table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.reservation .calendar_month .calendar_header th {
	padding: 16px 0 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.reservation .calendar_month .calendar_body td {
    position: relative;
    height: 64px;
	border: none;
}
.reservation .calendar_month .calendar_date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    color: #222225;
	padding: 0px 2px;
	border-radius: 8px;
	border: 1px solid transparent;
	transition: 0.2s all;
}
.reservation .calendar_month .calendar_date:hover {
	border: 1px solid var(--color);
	color: var(--color);
	background: #2bb4d308;
}
.reservation .calendar_month.common .calendar_date {
    position: relative;
}   
.reservation .calendar_month.common .calendar_date.selected {
    background: var(--gradient);
	color:#fff;
}
.reservation table caption {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.reservation .calendar_month .calendar_body::before {
    content: "";
    display: table-row;
    height: 12px;
}
.reservation .calendar_month .calendar_date .num {
    display: block;
    margin-top: 9px;
    font-weight: 400;
    font-size: 16px;
}
.reservation .calendar_month .calendar_date .text {
    display: block;
    margin-top: 3px;
    font-size: 12px;
}
.reservation .calendar_month.common .calendar_date.unselectable .num, 
.reservation .calendar_month.common .calendar_date.unselectable .text {
    color: #c5c5c7;
}
.reservation .calendar_month.common .calendar_date.dayoff .num, 
.reservation .calendar_month.common .calendar_date.dayoff .text {
    color: #fc4c4e;
}

.reservation .vacancy_area {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
}
.reservation .vacancy_area {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
}

/* .reservation .time_area {
	border-bottom: 1px solid #e9e9ec;
	padding-bottom:30px;
} */
.reservation .time_area h3{
	border-bottom: 2px solid var(--color);
	padding: 40px 0 10px;
}
.reservation .calendar_time_slot .time_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.calendar_time_slot .time_title {
    font-size: 18px;
	font-weight: 500;
    color: #333;
}
.reservation .calendar_time_slot .time_item {
    width: calc(20% - 8px);
}
.calendar_time_slot .btn_time {
    width: 100%;
    padding: 16px 0;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    font-size: 16px;
    color: #333;
}
.reservation .calendar_time_slot .btn_time.selected {
    border-color: var(--color);
    background: var(--gradient);
    font-weight: 600;
    color: #fff;
}
.calendar_time_slot .btn_time.unselectable {
    color: #c5c5c7;
}
.reservation .Consignment_btn {margin: 30px 0 40px;}
.reservation .Consignment_btn a, .Consignment_btn button {
    background-color: transparent;
    border: 1px solid var(--color);
}

.reservation .tit {
    background-color: #f2f2f2;
    padding: 60px 0;
    text-align: center;
    margin-bottom: 30px;
}
.reservation .tit P {
    font-size: 32px;
    font-weight: 700;
    font-family: 'gamtanload';
    color: #333;
    margin-bottom: 16px;
    text-decoration: underline solid #F2F2F2 24px;
    text-underline-offset: -13px;
}
.reservation .tit span {
    font-size: 20px;
    font-weight: 400;
    color: #555;
}

/* .counseling .btnWrap button:hover {
    
} */
.counseling .btnWrap button {
    display: inline-block;
    width: 220px;
    height: 60px;
    border-radius: 20px;
	padding-top: 3px;
    text-align: center;
	background: var(--gradient);
    color: #fff;
    font-family: 'gamtanload';
	font-weight:700;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    border: 2px solid var(--gradient);
}
.counseling .btnWrap a {
    display: inline-block;
    width: 220px;
    height: 60px;
    border-radius: 20px;
	padding-top: 3px;
    text-align: center;
    color: #fff;
    background-color: #ddd;
    font-family: 'gamtanload';
	font-weight:700;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.counseling .board_view-con1 .view-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    padding: 15px 30px;
    border-top: 2px solid var(--color);
    border-bottom: 1px solid #d9d9d9;
    /* font-family: 'GmarketSansMedium'; */
}
.counseling .board_view-con1 .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 10px;
}
.counseling .board_view-con1 .info .left-group, .board_view-con1 .info .right-group {
    display: flex;
    align-items: center;
}
.counseling .board_view-con1 .info .label {
    font-weight: 700;
    color: var(--color);
    margin-right: 5px;
}
.counseling .board_view-con1 .info .value {
    color: #000;
    margin-right: 20px;
}
.counseling .board_view-con1 .info .left-group, .board_view-con1 .info .right-group {
    display: flex;
    align-items: center;
}
.counseling .board_view-con1 .info .label {
    font-weight: 700;
    color: var(--color);
    margin-right: 5px;
	border-radius: 20px;
}
.counseling .board_view-con1 .info .value {
    color: #000;
    margin-right: 20px;
}
.counseling .board_view-con1 .content {
    /* background-color: #f9f9f9; */
    padding: 50px 30px;
    border-radius: 5px;
    margin-bottom: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
}
.counseling .board_view-con1.no_bb .content {
	border-bottom: none;
}

.counseling .board_view-con1 .locked-content {
    text-align: center;
    padding: 70px 190px;
    background: #f7f7f7;
    margin: 0 auto;
	border-radius: 20px;
}
.counseling .board_view-con1 .locked-content .title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.counseling .board_view-con1 .locked-content .icon{
        font-size: 54px;
    margin-right: 10px;
    color: var(--color);
}
.counseling .board_view-con1 .locked-content .txt-wrap .t1 {
    font-size: 22px;
    text-align: left;
	font-family: 'gamtanload';
	font-weight:700;
	/* color:var(--color) */
}
.counseling .board_view-con1 .locked-content .txt-wrap .t2 {
    font-size: 16px;
    font-weight: 300;
}
.counseling .board_view-con1 .locked-content input[type="password"] {
    width: 350px;
    height: 50px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9;
	border-radius: 20px;
}
.counseling .locked-content input[type='password'] {
    margin: 10px auto;
}
.counseling .board_view-con1 .locked-content .buttons {
	margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.counseling .board_view-con1 .locked-content .buttons button {
    width: 160px;
    height: 38px;
    border: none;
    border-radius: 0;
    cursor: pointer;
	border-radius: 20px;
}
.counseling .board_view-con1 .locked-content .buttons .confirm {
    background-color: var(--color);
    color: #fff;
}
.counseling .board_view-con1 .locked-content .buttons .cancel {
    background-color: #999;
    color: #fff;
}
.counseling .board_view-con1 .buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.counseling .board_view-con1 .buttons button {
    border: none;
    cursor: pointer;
    width: 120px;
    height: 40px;
    display: block;
    margin-top: 20px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.counseling .board_view-con1 .buttons .edit {
    background-color: var(--color);
    color: #fff;
}
.counseling .board_view-con1 .buttons .delete {
    background-color: #999;
    color: #fff;
}
.counseling .board_view-con1 .buttons .list {
    background-color: #999;
    color: #fff;
}







@media(max-width:1024px){
	.reservation select {
    font-size: 16px;
	}
	.reservation .calendar_month .calendar_title {
    padding: 10px;
    font-size: 18px;
	}
	.reservation .calendar_month .calendar_body td {
    height: 54px;
	}
	.reservation .calendar_month .calendar_date .num {
    margin-top: 7px;
    font-size: 14px;
	}
	.reservation .calendar_month .calendar_date .text {
    margin-top: 1px;
    font-size: 11px;
	}
	.reservation .section_title {
    font-size: 18px;
	padding-top: 24px;
	}
	.calendar_time_slot .time_title {
    font-size: 16px;
	}



}

@media (max-width: 768px) {
    .reservation table.basic th, table td {
        padding: 0;
    }
	.reservation .calendar_time_slot .time_item {
    width: calc(50% - 8px);
	}
	.calendar_time_slot .btn_time {
    padding: 12px 0;
    font-size: 15px;
	}
}


.reservation_ok tr.pc td{
	max-width: calc(50% - 180px);
}


/* --------- 방문상담예약 끝 --------- */


/* --------- 개인정보처리방침, 이용약관, 이메일수집거부 --------- */

.personal .Consignment_txt01 {
    font-size: 26px;
	font-family: 'gamtanload';
    font-weight: 700;
    color: var(--color);
    margin-bottom: 30px;
    line-height: 1.2;
    word-break: keep-all;
	text-align: center;
}
.personal .Consignment_txt02_tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: #0074a0;
}
.personal.terms .Consignment_txt02_tit {
    margin-bottom: 12px;
}
.personal .Consignment_txt03 {
    font-size: 18px;
    font-family: 'gamtanload';
    font-weight: 700;
    color: var(--color);
    margin: 40px 0 24px;
}

.nav_line {
    width: 100%;
    border-bottom: 2px solid #eee;
    display: flex;
    margin: 40px 0;
}

.personal ul {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #444;
    margin-bottom: 20px;
}
.personal.terms ul {
    margin-bottom: 36px;
}
.personal ul p {
    font-size: 18px;
    color: #444;
    margin-bottom: 24px;
}
.personal ul.emailtxt p{
    text-align: center;
}
.personal ul.emailtxt b{
    color:#0074a0;
	font-weight:600;
}
.personal ul li {
    margin-top: 8px;
    padding-left: 15px;
    text-indent: -15px;
}
.personal ul.emailtxt li {
	font-size: 16px;
	color:#666;
}
.personal ul li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 2px;
    margin: 6px 8px 6px 0;
    background: var(--gradient);
}
.personal ul span {
	display: block;
    color:#0074a0;
    font-size: 16px;
	padding-left: 15px;
    text-indent: -15px;
}
.personal ul li a{
    color: var(--color);
    text-decoration: line-through 22px;
    text-decoration-color: #2bb4d321;
	white-space: nowrap;
}
.personal ul li a i{display: inline;}

.personal .emailbox{
	padding: 50px 16px;
	width: 100%;
	border-radius: 20px;
	background: #f7f7f7;
	text-align: center;
}

.personal .emailbox .Consignment_txt01 {
	margin-top:40px;
	margin-bottom: 20px;
}
.personal .emailbox ul {
    margin-bottom: 0px;
}
.personal .emailbox ul p {
   margin-bottom: 0px;
}

/* --------- 개인정보처리방침, 이용약관, 이메일수집거부 끝 --------- */