/* 공통------------------------------------------------------------------------------ */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-transform: none;
}

button {
  border: 0;
  cursor: pointer;
}

/* :before,
:after {
  content: '';
  display: inline-block;
} */

/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */

@font-face {
  font-family: "Malgun Gothic";
  src: url("../../../../font/malgun.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "나눔스퀘어";
  src: url("../../../../font/NanumSquare_acR.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: "맑은 고딕";
  src: url("../../../../font/malgun.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
    font-family: "Malgun Gothic";
    src: url("../../../../font/malgun.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  } */

@font-face {
  font-family: "KUCentennial";
  src: url("../../../../font/KUCentennial.eot");
  src: url("../../../../font/KUCentennial.eot?#iefix") format("embedded-opentype"),
    url("../../../../font/KUCentennial.ttf") format("truetype"),
    url("../../../../font/KUCentennial.otf") format("opentype"),
    url("../../../../font/KUCentennial.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "고려대 백주년기념체";
  src: url("../../../../font/KUCentennial.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "나눔바른고딕";
  src: url("../../../../font/NanumBarunGothic.eot");
  src: url("../../../../font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),
    url("../../../../font/NanumBarunGothic.ttf") format("truetype"),
    url("../../../../font/NanumBarunGothic.woff") format("woff"),
    url("../../../../font/NanumBarunGothic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: "맑은 고딕", "KUCentennial";
  /* , "굴림", Arial, sans-serif, */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #282828;
}

a {
  font-family: "맑은 고딕";
  text-decoration: none;
  text-transform: none;
  color: #111;
  cursor: pointer;
}

p {
  font-family: "맑은 고딕";
  text-transform: none;
  /* text-transform: uppercase; */
  color: #111;
}

dl,
dt {
  font-family: "맑은 고딕";
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font: bolder 35px/1.4em "나눔스퀘어";
  color: #000;
  font-weight: 800;
}

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

select {
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: url(../../../../images/iosf/ko/front/image_arrowdown_30x6.png)no-repeat right/30px 6px,
   #fff;
}

select::-ms-expand{
  display:none;/*for IE10,11*/
}

.wrap {
  width: 1440px;
  height: 100%;
  margin: auto;
  padding: auto;
  align-items: center;
  /* background: #fff; */
}

.dot{
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.dot2{
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dot3{
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


img {
  display: block;
  object-fit: cover;
  object-position: center;
}

input:focus {
  outline: none solid #d50000;
}

table{
  border-collapse: collapse;
  word-break: break-all;
}
table caption{
  position: absolute;
  height: 0;
  overflow: hidden;
}

/* 입력창 사이즈 조절 안되게 */
textarea{
  border: 1px solid #cbc9c9;
  resize: none;
}

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.main .wrap .head a{
  font: bold 19px/1.4em "나눔스퀘어";
}
.main .wrap .head a:before{
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../../images/iosf/ko/front/img_cross_red_14x14.png)no-repeat;
  background-size: 100%;
  margin-right: 8px;
}

.main .more.btn{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.main .more.btn a{
  display: inline-block;
  min-width: 200px;
  text-align: center;
  font: bold 18px/1.3em "나눔바른고딕";
  color: #000;
  padding: 18px 13px;
  border: 1px solid #86868a;
}
.main .more.btn a:hover{
  color: #fff;
  background: #830020;
  border: 1px solid #830020;
  transition: all 0.2s;
}

/* 탑 바로가기 버튼 ---------------------------------------------------------------------------------- */

.topbtn.off {
  opacity: 0;
  transition: all 0.3s;
}

.topbtn {
  opacity: 1;
  z-index: 500;
  width: 70px;
  height: 70px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  transition: all 0.3s;
}

.topbtn button {
  position: relative;
  font: 15px/1.4em "나눔바른고딕";
  margin-bottom: 0px;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 7px;
  text-align: center;
  padding-top: 32px;
  opacity: 1;
  color: #e5e5e5;
  background-color: rgba(8, 8, 8, 0.70);
}

.topbtn button:after {
  content: "";
  position: absolute;
  display: inline-block;
  z-index: 501;
  top: 16px;
  left: 25px;
  width: 20px;
  height: 20px;
  background: url(../../../../images/iosf/ko/front/img_top_20x20.png) no-repeat center;
  /* #fff; */
  background-size: 20px 20px;
  /* background-color: rgba(8, 8, 8, 0.75); */
  transition: all 0.1s;
}

.topbtn button:hover {
  background: #830020;
  /* background-color: rgba(8, 8, 8, 1); */
  transition: all 0.1s;
}
.topbtn.on button:hover {
  background-color: rgba(8, 8, 8, 0.70);
}

/* ------------------------------------------------------------------------------------------- */

/* 헤더 팝업 */

.header-popup {
  width: 100%;
  overflow: hidden;
  display: block;
  background: #222222;
}

.header-popup .headerpop_slide{
  position: relative;
  /* width: 100vw; */
  /* height: 130px; */
  /* border-bottom: 1px solid #505050; */
  padding: 30px 0;
}
.header-popup .headerpop_slide:after{
  content: "";
  position: absolute;
  bottom: 3px;
  display: block;
  width: 200vw;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #830020;
}


.header-popup .headerpop_slide .part{
  display: flex !important;
  align-items: center;
}

.header-popup .headerpop_slide .part a {
  margin-left: 20px;

}
.header-popup .headerpop_slide .part a b{
  font: bold 21px/1.4em "나눔바른고딕";
  color: #fff;
}
.header-popup .headerpop_slide .part a:hover b{
  text-decoration: underline;
  text-underline-position: under;
  /* border-bottom: 1px solid #fff; */
}

.header-popup .headerpop_slide .part a p{
  font: 17px/1.4em "나눔바른고딕";
  color: #ede4d7;
  margin-top: 4px;
}

.header-popup .controller{
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}



.header-popup .controller button.close{
  font: 16px/1.4em "나눔바른고딕";
  color: #000;
  background: #fff;
  /* border: 1px solid #9d9d9d; */
  padding: 3px 11px;
}

.header-popup .controller button.close.oneday{
  color: #fff;
  background: #830020;
}

.header-popup .controller button ~ button{
  margin-left: 10px;
}



/* 헤더 */
/* 헤더 탑 */

header {
  position: relative;
  z-index: 999;
  /* overflow-x: hidden; */
  /* overflow-y: visible; */
}

header.follow {
  position: fixed;
  top: -40px;
  width: 100%;
}
header .header-top {
  /* overflow-x: hidden; */

  position: relative;
  z-index: 50;
  width: 100%;
  /* overflow-x: hidden; */
  /* overflow-y: visible; */
  height: 40px;
  background: 
  rgba(0, 0, 0, 0.8);
}

.header-popup + header .header-top,
header:hover .header-top,
header.follow .header-top {
  background: #313133;
}

header .header-top .site-links {
  float: left;
}

header .header-top .top-links {
  float: right;
}

header .header-top .site-links dl,
header .header-top .top-links dl {
  display: flex;
}

header .header-top .site-links dl dt a {
  font: bold 15px/1.4em "나눔바른고딕";
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-width: 140px;
  height: 40px;
  color: #ffffff;
  padding: 0 15px;
}

header .header-top .top-links dl dt button,
header .header-top .top-links dl dt a {
  position: relative;
  font: bold 15px/1.4em "나눔바른고딕";
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-width: 140px;
  height: 40px;
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  /* background: rgba(0, 0, 0, 0.7); */
  padding: 0 15px;
}

header .header-top .top-links dl dt button:hover,
header .header-top .top-links dl dt button.on {
  background: #505051;
  /* border-right: 1px solid #2b000b; */
  /* border-left: 1px solid #2f2f2f; */
}

header .header-top .top-links dl dt button.on+dl {
  display: flex;
}

header .header-top .top-links dl dt button+dl {
  display: none;
  position: absolute;
  flex-direction: column;
  z-index: 10;
}

header .header-top .top-links dl dt button+dl dt a {
  font: 13px "맑은 고딕";
  color: #fad9e1;
  display: flex;
  align-items: center;
  width: 112px;
  height: 32px;
  background: #8b0e2d;
  border-left: 1px solid #2b000b;
  border-right: 1px solid #2b000b;
  border-top: 1px solid #7b0c28;
  padding-left: 16px;
}

header .header-top .top-links dl dt button+dl dt:last-of-type {
  border-bottom: 1px solid #2b000b;
}

header .header-top .top-links dl dt button+dl dt:hover a {
  background: #bf163f;
  z-index: 50;
}

/* 로그인 유저 */

header .header-top .top-links dl .user>button {
  padding: 0 33px 0 16px;
}

header .header-top .top-links dl .user>button:hover {
  height: 40px;
  z-index: 10;
}

header .header-top .top-links dl .user>button em {
  font-style: normal;
  color: #fff;
}

header .header-top .top-links dl .user>button b {
  margin-left: 4px;
}

header .header-top .top-links dl .user>button:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 40px;
  top: 0px;
  /* transform: translateY(-30%); */
  right: 16px;
  background: url(../../../../images/iosf/ko/front/img_arrowdown_white_12x12.png) no-repeat center;
  background-size: 12px 12px;
  /* border-left: 1px solid #830020; */
}

header .header-top .top-links dl .user>button.on:after {
  background: url(../../../../images/iosf/ko/front/img_arrowtop_white_12x12.png) no-repeat center;
  background-size: 12px 12px;
}

header .header-top .top-links dl .user .user-info {
  display: none;
  position: absolute;
  z-index: 11;
  top: 40px;
  right: 0;
  width: 340px;
  height: 170px;
  background: #434343;
  border: 1px solid #2f2f2f;
  border-top: 0;
  padding: 19px;
}

header .header-top .top-links dl .user .user-info.on {
  display: block;
}

header .header-top .top-links dl .user .user-info .contents{
  position: relative;
  height: 100%;
}

header .header-top .top-links dl .user .user-info .contents dl {
  display: flex;
  flex-direction: column;
}

header .header-top .top-links dl .user .user-info .contents dl dt {
  font:  17px/1.3em "나눔바른고딕";
  color: #fff;
  padding-bottom: 7px;
  border: 0;
}

header .header-top .top-links dl .user .user-info .contents dl dt small,
header .header-top .top-links dl .user .user-info .contents dl dt b {
  font:  15px/1.3em "나눔바른고딕";
  color: #d2d2d2;
}

header .header-top .top-links dl .user .user-info .contents dl dt small:before,
header .header-top .top-links dl .user .user-info .contents dl dt b:before,
header .header-top .top-links dl .user .user-info .contents dl dt span:after,
header .header-top .top-links dl .user .user-info .contents dl dd span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background: #7f7f7f;
  margin-bottom: -2px;
  margin-left: 8px;
  margin-right: 8px;
}

header .header-top .top-links dl .user .user-info .contents dl dt span,
header .header-top .top-links dl .user .user-info .contents dl dd span {
  font:  17px/1.3em "나눔바른고딕";
  color: #c9c9c9;
}

header .header-top .top-links dl .user .user-info .contents dl dd {
  font:  17px/1.3em "나눔바른고딕";
  color: #fff;
  display: block;
  padding-bottom: 12px;
  /* border-bottom: 1px solid #6E6E6E; */
  margin-bottom: 14px;
}

header .header-top .top-links dl .user .user-info .contents .btn {
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0;
  left: 0;
}

header .header-top .top-links dl .user .user-info .contents .btn .btn-logout,
header .header-top .top-links dl .user .user-info .contents .btn .btn-management,
header .header-top .top-links dl .user .user-info .contents .btn .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 17px/1.3em "나눔바른고딕";
  color: #ffffff;
  text-shadow: 1px 1px 0px rgb(69, 69, 69);
  min-width: 80px;
  padding: 0 8px;
  min-height: 42px;
  background: #f27c24;
  border: 1px solid #313131;
}

header .header-top .top-links dl .user .user-info .contents .btn .btn-logout {
  margin-right: 13px;
  flex: 1 1 100%;
}

header .header-top .top-links dl .user .user-info .contents .btn .btn-management {
  background: #8f816a;
  border: 1px solid #313131;
  margin-right: 13px;
  flex: 1 1 100%;
}

header .header-top .top-links dl .user .user-info .contents .btn .btn-close {
  min-width: 42px;
  min-height: 42px;
  background: #535353;
  border: 1px solid #313131;
  /* margin-left: 8px; */
}

/* header .header-top .top-links dl .user .user-info .contents .btn .btn-close::before {
  content: "";
  display: inline-block;
  top: 0;
  left: -9px;
  position: absolute;
  width: 1px;
  height: 32px;
  background: #b84561;
} */

header .header-top .top-links dl .user .user-info .contents .btn .btn-close::after {
  content: "";
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  position: absolute;
  background: url(../../../../images/iosf/ko/front/img_close_14x14.png) no-repeat center/14px 14px;
  /* background-size: 100%; */
}

/* 로그인 유저 */

header .header-top .top-links dl dt .lang {
  padding: 0 30px 0 5px;
}

header .header-top .site-links dl dt:first-of-type a {
  background: #830020;
}

header .header-top .site-links dl dt:nth-child(2) a {
  background: #8f816a;
}

header .header-top .top-links dl dt:last-of-type button,
header .header-top .top-links dl dt:last-of-type {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
}

header .header-top .top-links dl dt:last-of-type button {
  /* border-right: 1px solid rgba(255, 255, 255, 0.2); */
}

header .header-top .top-links dl dt.user>button,
header .header-top .top-links dl dt:last-of-type {
  align-items: center;
  text-align: left;
  position: relative;
  background: transparent;
}

header .header-top .top-links dl dt.user>button{
  display: flex !important;
  width: 220px;
}


header .header-top .top-links dl dt.user.admin>button:first-of-type small {
  max-width: calc(100% - 30px);
  font: bold 15px/1.3em "나눔바른고딕";
  color: #fff;
}
header .header-top .top-links dl dt.user.admin>button:first-of-type b {
  font-weight: normal;
  color: #d2d2d2;
}

header .header-top .top-links dl dt.user>button:first-of-type small {
  max-width: calc(100% - 30px);
  font: bold 15px/1.3em "나눔바른고딕";
  color: #fff;
}
header .header-top .top-links dl dt.user>button:first-of-type b {
  font-weight: normal;
  color: #d2d2d2;
}


/* header .header-top .top-links dl dt:last-of-type button:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 6px;
  top: 50%;
  transform: translateY(-30%);
  right: 16px;
  background: url(../../../../images/iosf/ko/front/icon_arrow_off_11x6.png);
  background-size: 100%;
  border-left: 1px solid #830020;
} */

/* header .header-top .top-links dl dt:last-of-type button.on:after {
  background: url(../../../../images/iosf/ko/front/icon_arrow_on_11x6.png);
  background-size: 100%;
} */

header .header-main {
  z-index: 10;
  width: 100%;
  height: 90px;
  /* background: #fff; */
  background: rgba(0, 0, 0, 0.5);
  /* border-bottom: 1px solid #f2f2f2; */
  /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.03); */
  transition: all 0.3s;
}

.header-popup + header .header-main,
header:hover .header-main,
header.follow .header-main {
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}

header .header-main .wrap {
  position: relative;
  display: flex;
}

header .header-main .logo {
  float: left;
}

header .header-main .search {
  float: right;
}

header .header-main .search>button {
  position: absolute;
  top: 0;
  right: 0;
  /* padding:0 20px; */
  width: 50px;
  height: 90px;
  background: url(../../../../images/iosf/ko/front/img_search_28x28.png) no-repeat center;
  background-size: 24px 24px;
  cursor: pointer;
}

.header-popup + header .header-main .search>button,
header:hover .header-main .search>button,
header.follow .header-main .search>button {
  background: url(../../../../images/iosf/ko/front/img_search_black_28x28.png) no-repeat center;
  background-size: 24px 24px;
}

header .header-main .search>button.on {
  background: url(../../../../images/iosf/ko/front/img_close_36x36.png) no-repeat center;
  background-size: 36px 36px;
}

header .header-main .search button+.panel.off,
header.follow .header-main .search button+.panel.off {
  position: absolute;
  /* display: flex; */
  display: none;
  top: -232px;
  transition: all 0.2s;
}
header .header-main .search button+.panel {
  z-index: 51;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
  justify-content: center;
  top: -40px;
  left: calc(-50vw + 50% + 0px);
  width: 100vw;
  height: 169px;
  background: 
  url(../../../../images/iosf/ko/front/bg_tiger_368x179.png)no-repeat 90% 100%,
  #830020;
  background-size: 358px 200px;
  border-bottom: 1px solid #830020;
  /* border-top: 1px solid #efefef; */
  /* transition: all 0.2s; */
}
header .header-main .search button+.panel:before {
  content: '';
  position: absolute;
  /* display: block; */
  display: none;
  top: -100px;
  width: 100%;
  height: 100px;
  background: #830020;
}



header .header-main .search.on:after {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 100px;
  left: calc(-50vw + 50% + 0px);
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.2s;
}


header.follow .header-main .search button+.panel {
  top: -1px;
}

header .header-main .search button+.panel p {
  position: relative;
  top: 26px;
  width: 100%;
  /* flex: 0 1 1280px; */
  font: bold 27px/1.4em "나눔바른고딕";
  color: #f0e5d4;
  /* margin-bottom: 15px; */
  text-align: center;
}


header .header-main .search button+.panel form {
  display: flex;
  width: 860px;
  height: 58px;
  position: relative;
}

header .header-main .search button+.panel form input {
  font: 19px/1.4em "나눔바른고딕";
  color: #fff;
  width: 100%;
  height: 58px;
  background: transparent;
  border: 1px solid #fefefe;
  padding-left: 20px;
  padding-right: 40px;
}

header .header-main .search button+.panel form input::placeholder {
  font: 19px/1.4em "나눔바른고딕";
  color: #fff;
}

header .header-main .search button+.panel form input:-ms-input-placeholder {
  font: 19px/1.4em "나눔바른고딕";
  color: #fff;
}

header .header-main .search button+.panel form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  /* padding:0 20px; */
  width: 24px;
  height: 24px;
  background: url(../../../../images/iosf/ko/front/img_search_24x24.png) no-repeat center;
  background-size: 24px 24px;
  cursor: pointer;
  /* margin-top: -4px; */
  /* border-left: 1px solid #d1d1d1; */
}

header .header-main .search button+.panel>button {
  font: 19px/1.4em "나눔바른고딕";
  color: #ffffff;
  width: 120px;
  height: 58px;
  padding: 15px 13px;
  background: #540015;
  border: 1px solid #fefefe;
  margin-left: 20px;
  cursor: pointer;
}
header .header-main .search button+.panel>button:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../../images/iosf/ko/front/img_close_14x14.png)no-repeat center;
  background-size: 100%;
  margin-left: 10px;
  margin-bottom: -2px;
}

header .header-main .logo a {
  display: block;
  width: 230px;
  height: 36px;
  background: url(../../../../images/iosf/ko/front/image_logo_230x36.png) no-repeat center;
  background-size: 230px 36px;
}

.header-popup + header .header-main .logo a,
header:hover .header-main .logo a,
header.follow .header-main .logo a {
  background: url(../../../../images/iosf/ko/front/image_logo_red_230x36.png) no-repeat center;
}

header .header-main .menu {
  display: inline-block;
  margin-left: auto;
  height: 100%;
}

header .header-main .menu>dl {
  display: flex;
  width: 1080px;
  height: 100%;
  margin-right: 50px;
  align-items: center;
}

header .header-main .menu>dl>dt {
  position: relative;
  display: flex;
  align-items: center;
  white-space:nowrap;
  justify-content: center;
  flex: 1 1 17%;
  /* margin: 20px; */
  padding: 0 15px;
  font: bold 21px/1.4em "나눔스퀘어";
  color: #fff;
  height: 100%;
  cursor: pointer;
  transition: all 0.3s;
}

.header-popup + header .header-main .menu>dl>dt,
header:hover .header-main .menu>dl>dt,
header.follow .header-main .menu>dl>dt {
  color: #000;
  transition: all 0.3s;
}

/* 인덱스페이지 안보이게 하기 */
header .header-main .menu>dl>dt:last-of-type {
  display: none;
}
/* 인덱스페이지 안보이게 하기 */


header .header-main .menu>dl>dt.mobile-menu-pannel {
  display: none;
}

header .header-main .menu>dl>dt:hover,
header .header-main .menu>dl>dt.on {
  /* color: #92784e; */
}

header .header-main .menu>dl>dt:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 2px;
  background: #e1d7c7;
  bottom: 10px;
  opacity: 0;
  transition: all 0.1s;
}

.header-popup + header .header-main .menu>dl>dt:after,
header:hover .header-main .menu>dl>dt:after,
header.follow .header-main .menu>dl>dt:after {
  background: #830020;
}

header .header-main .menu>dl>dt:hover:after,
header .header-main .menu>dl>dt.on:after {
  width: 64px;
  height: 7px;
  bottom: -1px;
  opacity: 1;
  transition: all 0.1s;
}

header .header-main .menu>dl>dd {
  position: absolute;
  /* top: 200px; */
  left: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 515px;
  /* height: 246.5px; */
  background: #fff;
  border-bottom: 1px solid #480011;
  border-top: 1px solid #efefef;
}

header .header-main .menu>dl>dd article {
  display: flex;
  height: calc(100% + 10px);
  background: #fff;
  /* border-bottom: 1px solid #830020; */
}

header .header-main .menu>dl>dd article .descrip {
  position: relative;
  width: 280px;
  /* padding: 30px 20px 0 0; */
  background:
    url(../../../../images/iosf/ko/front/bg_tiger_262x381.png) no-repeat right top,
    /* url(../../../../images/iosf/ko/fr/ont/bg_tiger_pattern_314x249.png) repeat center, */
    #830020;
  background-size: 262px 381px;
}
header .header-main .menu>dl>dd article .descrip:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 104px;
  width: 250px;
  height: 261px;
  background:
  url(../../../../images/iosf/ko/front/bg_tiger_250x261.png) no-repeat right top/ 250px 261px;
}


/* 서브메뉴 배경 확장 */

header .header-main .menu>dl>dd:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: calc(50vw - 50%);
  height: 523px;
  top: -1px;
  left: calc(-50vw + 50%);
  background: #fff;
  /* border-bottom: 1px solid #830020; */
  border-top: 2px solid #efefef;
  /* box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.05); */
}

header .header-main .menu>dl>dd::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: calc(50vw - 50%);
  height: 523px;
  top: -1px;
  right: calc(-50vw + 50% + 8.5px);
  background: #fff;
  /* border-bottom: 1px solid #830020; */
  border-top: 2px solid #efefef;
  /* box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.05); */
}

/* 서브메뉴 배경 확장 */

header .header-main .menu>dl>dd article .descrip {
  position: relative;
  padding: 20px 30px;
}

header .header-main .menu>dl>dd article .descrip strong:after {
  content: '';
  /* position: absolute; */
  display: block;
  width: 48px;
  height: 1px;
  background: #fff;
  margin: 12px 0 15px;
}

header .header-main .menu>dl>dd article .descrip strong {
  display: block;
  font: bold 25px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  margin-top: 12px;
}

header .header-main .menu>dl>dd article .descrip strong+small {
  font: bold 17px/1.4em "나눔바른고딕";
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #000;
}

header .header-main .menu>dl>dd article .descrip small+span {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 1px 1px 0px #530013;
}

header .header-main .menu>dl>dd article .descrip .btn {
  display: flex;
  justify-content: space-between;
}

header .header-main .menu>dl>dd article .descrip .btn a {
  display: inline-block;
  font: 14px/1.2em "맑은 고딕";
  color: #e0d7c7;
  background: #510013;
  border: 1px solid #460010;
  width: calc(50% - 4px);
  padding: 10px 8px;
  margin-top: 16px;
  text-align: center;
}

header .header-main .menu>dl>dd article .descrip p{
  position: absolute;
  left: 40px;
  bottom: 34px;
  font: bold 15px "나눔바른고딕";
  color: #c3af8f;
}


header .header-main .menu>dl>dd article .descrip p b {
  font-weight: normal;
  color: #911a24;
}

/* header .header-main .menu>dl>dd article .descrip small {
  display: inline-block;
  position: relative;
  padding: 8px 50px 8px 10px;
  background: #bcb09b;
  font: bold 14px "맑은 고딕";
  color: #f4f0ea;
  text-shadow: 1px 1px 1px #73654e;
}

header .header-main .menu>dl>dd article .descrip small:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 7px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background: url(../../../../images/iosf/ko/front/img_arrowright_24x7.png) no-repeat center;
  background-size: 24px 7px
} */

/* 뎁스2 메뉴 */

header .header-main .menu>dl>dd article .sub-menu {
  z-index: 1;
  display: flex;
  width: 1160px;
  flex-wrap: wrap;
  /* padding: 24px 0 24px 28px; */
}

header .header-main .menu>dl>dd article .sub-menu dl {
  width: calc(100% / 5);
  padding: 20px;
  background: #fff;
  border-right: 1px solid #EEEEEE;
  /* transition: all 0.2s; */
}
header .header-main .menu>dl>dt+dd article .sub-menu dl {
  border: 0;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl {
  width: 100%;
}

header .header-main .menu>dl>dd article .sub-menu dl:hover,
header .header-main .menu>dl>dd article .sub-menu dl.on {
  background: #F9F6F4;
  /* transition: all 0.1s; */
}
header .header-main .menu>dl>dt+dd article .sub-menu dl:hover,
header .header-main .menu>dl>dt+dd article .sub-menu dl.on {
background: #fff;
}

/* header .header-main .menu > dl:before{
    content: "";
    position: absolute;
    display: block;
    width: 100vh;
    height: 100%;
    background: #fff;
    z-index: 1;
  } */

header .header-main .menu>dl>dd article .sub-menu dl dt {
  /* width: 270px; */
  height: 40px;
  margin-bottom: 14px;
}

header .header-main .menu>dl>dd article .sub-menu dl dt a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font: bold 19px/1.4em "나눔바른고딕";
  color: #7c6f59;
  padding-left: 10px;
  background: #f7f7f4;
  border: 1px solid #f3f1ee;
}

header .header-main .menu>dl>dd article .sub-menu dl:hover dt a,
header .header-main .menu>dl>dd article .sub-menu dl dt a:hover {
  color: #fff;
  background: #830020;
  border: 0px solid #f3f1ee;
}

header .header-main .menu>dl>dd article .sub-menu dl dd a {
  position: relative;
  display: inline-block;
  font: bold 17px/1.4em "나눔바른고딕";
  width: 100%;
  /* height: 48px; */
  padding: 12px 18px;
  background: #f3f3f3;
  border: 1px solid #ebebeb;
  color: #000;
  /* text-indent: 26px; */
  margin-bottom: 5px;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 30px 0 0;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl dd{
  width: calc(100% / 5);
  min-width: 230px;
  display: flex;
  flex-direction: column;
}

header .header-main .menu>dl>dt+dd article .sub-menu dl dd a {
  position: relative;
  width: calc(100% - 30px);
  margin-left: 30px;
  /* height: 44px; */
  padding: 10px 15px;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl dd a:first-of-type {
  height: 44px;
}

header .header-main .menu>dl>dt+dd article .sub-menu dl dd a.link:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../../../images/iosf/ko/front/img_link_18x18.png)no-repeat;
  background-size: 100%;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl dd a.link:hover:after,
header .header-main .menu>dl>dt+dd article .sub-menu dl dd:hover a:first-of-type.link:after {
  background: url(../../../../images/iosf/ko/front/img_link_white_18x18.png)no-repeat;
}

header .header-main .menu>dl>dt+dd article .sub-menu dl dd a ~ a.link:after {
  position: relative;
  right: -10px;
  width: 16px;
  height: 16px;
  background: url(../../../../images/iosf/ko/front/img_link_16x16.png)no-repeat;
  background-size: 100%;
  margin-bottom: 0px;
}
header .header-main .menu>dl>dt+dd article .sub-menu dl dd a ~ a.link:hover:after {
  background: url(../../../../images/iosf/ko/front/img_link_red_16x16.png)no-repeat;
}

header .header-main .menu>dl>dt+dd article .sub-menu dl dd a ~ a{
  color: #626262;
  font-weight: normal;
  background: transparent;
  height: 30px;
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}


header .header-main .menu>dl>dt+dd article .sub-menu dl dd a:last-of-type {
  margin-bottom: 34px;
}



/* header .header-main .menu>dl>dd article .sub-menu dl dd a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 3px;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  background: #beb1a0;
} */

header .header-main .menu>dl>dd article .sub-menu dl dd:hover a:first-of-type,
header .header-main .menu>dl>dd article .sub-menu dl dd a:hover {
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  background: #8f816a;
  /* text-decoration: underline; */
  /* text-underline-position: under; */
}

header .header-main .menu>dl>dt+dd article .sub-menu dl dd a:hover:not(:first-of-type){
  background: transparent;
  border: 0;
  color: #000;
  text-shadow: none;
}


/* header .header-main .menu>dl>dd article .sub-menu dl dd a:hover:before {
  background: #b21238;
} */

/* 메뉴 롤오버시 서브메뉴 켜기, 끄기, */
/* 메뉴 롤오버시 서브메뉴 켜기, 끄기, */
/* 메뉴 롤오버시 서브메뉴 켜기, 끄기, */
/* 메뉴 롤오버시 서브메뉴 켜기, 끄기, */
/* 메뉴 롤오버시 서브메뉴 켜기, 끄기, */

header .header-main .menu>dl>dt+dd,
header .header-main .menu>dl .sub-pannel {
  z-index: -1;
  top: -772px;
  display: none;
  /* transition: all 0.2s ease-in; */
}

/* header .header-main .menu>dl>dt+dd, */
header .header-main .menu>dl dt:hover+dd,
header .header-main .menu>dl>dt+dd:hover{
/* header .header-main .menu>dl:hover .sub-pannel { */
  z-index: 1;
  top: 89px;
  display: block;
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
}

header .header-main .menu .blackbg.on {
  z-index: -1;
  position: fixed;
  top: 130px;
  left: 0;
  width: 100vw;
  /* height: calc(100vh - 110px); */
  height: calc(100vh);
  background: rgba(0, 0, 0, 0.3);
}
.header-popup + header .header-main .menu .blackbg.on {
  top: 0px;
  /* top: 230px; */
}

header .header-main .menu .blackbg.on2 {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}

header .header-main .menu .mobile-menubtn {
  display: none;
}

/* header .header-main .menu > dl > dt + dd:before{
    content: "";
    position: absolute;
    display: none;
    z-index: -1;
    width: 200vw;
    left: -100vw;
    height: calc(100vh + 200px);
    opacity: 0;
    background: rgba(0,0,0,0.35);
  } */

  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
/* 메인슬라이드 */

.main {
  z-index: 10;
  /* overflow: hidden; */
  background: #fff;
}

.main.follow {
  margin-top: 130px;
}



.main .slide {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 1014px; 
  min-height: 100vh; 
  /* background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main01_2560x1014.jpg)no-repeat center / cover,
#000; */
  margin-top: -130px;
}

.main .slide .bg_slide{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.main .slide .bg_slide div{
  /* overflow: visible; */
  width: 100%;
  height: 100%; 
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main01_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg01{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main01_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg02{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main02_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg03{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main03_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg04{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main04_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg05{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main05_2560x1014.jpg)no-repeat center / cover;
}
.main .slide .bg_slide div.bg06{
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.png)repeat center/6px 6px,
  url(../../../../images/iosf/ko/front/bg_main_black25_6x6.png)repeat center / 6px 6px,
  url(../../../../images/iosf/ko/front/bg_main06_2560x1014.jpg)no-repeat center / cover;
}



.main .slide .video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1014px;
  overflow: hidden;
  background: #000;
}
.main .slide .video:before{
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1014px;
  background: #000;
}

.main .slide .video:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1014px;
  background: 
  url(../../../../images/iosf/ko/front/bg_main_pattern_6x6.psd)repeat center/3px 3px,
  /* rgba(0, 0, 0, 0.25), */
  url(../../../../images/iosf/ko/front/bg_main01_2560x1014.jpg)repeat center / cover;
}

.main .slide .video video{
  position: absolute;
  width: 100%;
  min-height: 1014px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}


.main .slide .wrap {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.main .slide .wrap .text {
  z-index: 1;
  display: flex;
  /* height: 100%; */
  flex-direction: column;
}

.main .slide .wrap .text b{
  font: bold 29px/1.4em "나눔스퀘어";
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.main .slide .wrap .text b:after{
  content: "";
  display: block;
  width: 68px;
  height: 2px;
  background: #fff7ea;
  margin: auto;
  margin: 30px auto 30px;
}



.main .slide .wrap .text span {
  /* margin-top: 90px; */
  margin-bottom: 10px;
  display: block;
  width: 576px;
  height: 54px;
  background: url(../../../../images/iosf/ko/front/img_maintext_576x54.png)no-repeat center;
  background-size: 576px 54px;
}

.main .slide .wrap .text div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* height: 56px; */
}

.main .slide .wrap .text p {
  width: 100%;
  text-align: center;
  /* padding: 10px; */
  /* background: rgba(0, 0, 0, 0.5); */
  font: bold 19px/1.4em "나눔스퀘어";
  color: #fff;
  margin-top: 8px;
  text-transform: uppercase;
}

.main .slide .wrap .text p b {
  color: #ffffff;
}

/* .main .slide .wrap .text:after {
  content: '';
  display: block;
  margin: auto;
  margin: 26px auto 100px;
  width: 100px;
  height: 2px;
  background: #e1d7c7;
} */


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* 메인 패널 */


.main .slide .wrap .main_pannel,
.main .slide .wrap .main_pannel form {
  display: flex;
  z-index: 1;
  width: 1256px;
  /* height: 280px; */
  /* background: #8f816a; */
  /* border-radius: 7px; */
  /* padding: 32px; */
  /* margin-left: auto; */
}

.main .slide .wrap .main_pannel .part{
  width: 330px;
  padding: 39px;
  margin-top: 40px;
  background: rgba(154, 3, 46, 0.9);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part:hover{
  background: rgba(154, 3, 46, 1);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part ~ div{
  margin-left: 40px;
}

.main .slide .wrap .main_pannel .part p{
  font: bolder 23px/1.4em "나눔스퀘어";
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
}
.main .slide .wrap .main_pannel .part p:after{
  content: "";
  display: block;
  background: #f2f2f2;
  width: 50px;
  height: 1px;
  margin: 18px auto 28px;
}

.main .slide .wrap .main_pannel .part .search select,
.main .slide .wrap .main_pannel .part .search select + input{
  width: 100%;
  height: 48px;
  padding: 10px;
  border: 0;
}
.main .slide .wrap .main_pannel .part .search select{
  font: 17px/1.4em "나눔바른고딕";
  color: #000;
}
.main .slide .wrap .main_pannel .part .search select + input::placeholder{
  font: 17px/1.4em "나눔바른고딕";
  color: #898989 ;
}
.main .slide .wrap .main_pannel .part .search select + input{
  font: bold 17px/1.4em "나눔바른고딕";
  color: #000;
  margin-top: 9px;
}

.main .slide .wrap .main_pannel .part .search .btn{
  width: 100%;
  text-align: center;
}
.main .slide .wrap .main_pannel .part .search .btn button{
  min-width: 140px;
  padding: 16px 10px;
  font: bold 17px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
  background: #64021e;
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part .search .btn button:hover{
  background: #fff;
  color: #64021e;
  text-shadow: none;
  transition: all 0.25s;
}


.main .slide .wrap .main_pannel .part .search .btn:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.35);
  margin: 18px 0 18px;
}
.main .slide .wrap .main_pannel .part.grey .search .btn:before{
  background: rgba(102, 102, 102, 0.35);
}


.main .slide .wrap .main_pannel .part.grey p{
  color: #000;
  text-shadow: none;
}
.main .slide .wrap .main_pannel .part.grey p:after{
  background: #830020;
}

.main .slide .wrap .main_pannel .part.grey{
  background: rgba(233, 236, 243, 0.9);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part.orange{
  background: rgba(242, 124, 36, 0.9);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part.darkgrey{
  background: rgba(44, 50, 60, 0.9);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part.grey:hover{
  background: rgba(233, 236, 243, 1);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part.orange:hover{
  background: rgba(242, 124, 36, 1);
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part.darkgrey:hover{
  background: rgba(44, 50, 60, 1);
  transition: all 0.2s;
}


.main .slide .wrap .main_pannel .part.grey .search .btn button{
  background: #313233;
}
.main .slide .wrap .main_pannel .part.grey .search .btn button:hover{
  background: #fff;
  color: #000;
}

.main .slide .wrap .main_pannel .part.orange .search .btn button{
  background: #ba3812;
}
.main .slide .wrap .main_pannel .part.orange .search .btn button:hover{
  background: #fff;
  color: #ba3812;
}

.main .slide .wrap .main_pannel .slick-slide{
  margin: 0 20px;
}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* 숏컷 버튼, 바로가기 버튼 */

.main .slide .wrap .shoutcutbtn {
  z-index: 1;
  margin-top: 50px;
  margin-bottom: 50px;
}
.main .slide .wrap .shoutcutbtn button {
  font: bold 15px/1.4em "나눔바른고딕";
  color: #fff;
  background: transparent;
}
.main .slide .wrap .shoutcutbtn button:before {
  content: '';
  display: block;
  width: 46px;
  height: 46px;
  background: url(../../../../images/iosf/ko/front/img_mouse_46x46.png)no-repeat;
  margin: auto;
  margin-bottom: 10px;
  background-size: 100% 100%;
}
.main .slide .wrap .shoutcutbtn button:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: url(../../../../images/iosf/ko/front/img_arrowdowndouble_18x18.png)no-repeat;
  animation: arrow 1s infinite;
  margin: auto;
  margin-top: 5px;
  background-size: 100% 100%;
}

@keyframes arrow {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

/* 빠른 메뉴, 퀵 메뉴 */

.main .quick-menu {
  z-index: 1;
  position: relative;
  /* top: -68px; */
  background: #313133;
  padding: 40px 0 40px;
}
.main .quick-menu .menu h1{
  /* font: bolder 35px/1em "나눔스퀘어"; */
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  margin-right: 114px;
}

.main .quick-menu .menu {
  display: flex;
  align-items: center;
  width: 100%;
  /* height: 68px; */
  /* background: red; */
  /* box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.13); */
}



.main .quick-menu .menu dl {
  display: flex;
  width: 100%;
}

.main .quick-menu .menu dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 16%;
  /* width: 84px; */
  /* height: 84px; */
  /* border-left: 1px solid #fff; */
  transition: all 0.2s;
}

.main .quick-menu .menu dl dt:hover {
  /* background: #97002D; */
  transition: all 0s;
}

.main .quick-menu .menu dl dt a {
  font: 19px/1.2em "나눔바른고딕";
  min-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
  /* background: */
    /* url(../../../../images/iosf/ko/front/icon_quickmenu01_56x56.png)no-repeat / 56px 56px, */
  /* border-radius: 14px; */
  /* text-shadow: 1px 1px 0px #320110; */
  /* padding-right: 6px; */
  /* background: red; */
}

/* .main .quick-menu .menu dl dt a:before {
  transition: all ease 0.4s;
}
.main .quick-menu .menu dl dt a:hover:before {
  transform: rotateY(180deg);
  transition: all ease 0.4s;
} */


.main .quick-menu .menu dl dt a:before {
  content: "";
  display: inline-block;
  min-width: 84px;
  min-height: 84px;
  /* margin-right: 16px; */
  background: url(../../../../images/iosf/ko/front/icon_quickmenu01_56x56.png) no-repeat center,
   #5c5c5c;
  border-radius: 14px;
  margin-bottom: 15px;
  /* background-size: 100%; */
}


/* .main .quick-menu .menu dl dt a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_1_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(2) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu02_56x56.png) no-repeat center,
  #5c5c5c;
}

/* .main .quick-menu .menu dl dt:nth-child(2) a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_2_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(3) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu03_56x56.png) no-repeat center,
  #5c5c5c;
}

/* .main .quick-menu .menu dl dt:nth-child(3) a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_3_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(4) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu04_56x56.png) no-repeat center,
  #5c5c5c;
}

/* .main .quick-menu .menu dl dt:nth-child(4) a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_4_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(5) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu05_56x56.png) no-repeat center,
  #5c5c5c;
}

/* .main .quick-menu .menu dl dt:nth-child(5) a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_5_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(6) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu06_56x56.png) no-repeat center,
  #5c5c5c;
}

/* .main .quick-menu .menu dl dt:nth-child(6) a:hover:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu_32x32_5_on.png) no-repeat center;
  background-size: 100%;
} */

.main .quick-menu .menu dl dt:nth-child(7) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu07_56x56.png) no-repeat center,
  #5c5c5c;
}

.main .quick-menu .menu dl dt:nth-child(8) a:before {
  background: url(../../../../images/iosf/ko/front/icon_quickmenu08_56x56.png) no-repeat center,
  #5c5c5c;
}

.main .quick-menu .menu dl dt a:hover:before {
  background-color: #868686;
  transition: all 0.15s;
}


/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* 대시보드, 카운터 리스트 */

.main .dashboard {
  display: flex;
  position: relative;
  /* flex-wrap: wrap; */
  align-items:stretch;
  /* align-content: space-between; */
  justify-content: space-between;
  width: 100%;
  /* height: 280px; */
  right: 0;
}

.main .dashboard div{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc((100% / 5) - (120px / 5));
  height: 280px;
  font: bold 21px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  background: #ab7353;
  /* margin-left: 20px; */
  border-radius: 13px;
  padding: 40px;
  letter-spacing: 0px;
}

.main .dashboard div p{
  font: bold 22px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
}
.main .dashboard div p b{
  font: bold 36px/1.4em "나눔바른고딕";
}
.main .dashboard div p span{
  font: normal 26px/1.4em "나눔바른고딕";
  margin-left: 6px;
}

.main .dashboard div p:first-of-type:after{
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: 25px 0;
  background: url(../../../../images/iosf/ko/front/icon_dashboard01_80x80.png)no-repeat center center/100%;
}

.main .dashboard div:nth-child(2){
  background: #f27c24;
}
.main .dashboard div:nth-child(2) p:first-of-type:after{
  background: url(../../../../images/iosf/ko/front/icon_dashboard02_80x80.png)no-repeat center center/100%;
}

.main .dashboard div:nth-child(3){
  background: #830020;
}
.main .dashboard div:nth-child(3) p:first-of-type:after{
  background: url(../../../../images/iosf/ko/front/icon_dashboard03_80x80.png)no-repeat center center/100%;
}

.main .dashboard div:nth-child(4){
  background: #8f816a;
}
.main .dashboard div:nth-child(4) p:first-of-type:after{
  background: url(../../../../images/iosf/ko/front/icon_dashboard04_80x80.png)no-repeat center center/100%;
}

.main .dashboard div:nth-child(5){
  background: #3a4249;
}
.main .dashboard div:nth-child(5) p:first-of-type:after{
  background: url(../../../../images/iosf/ko/front/icon_dashboard05_80x80.png)no-repeat center center/100%;
}



.main .infotext p{
  font: 18px/1.4em "나눔바른고딕";
  color: #313131;
  margin-top: 20px;
}


/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* 공지사항 / 세미나  보드 리스트*/

.main .notice_board {
  background: #fff;
}

.main .notice_board .wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.main .notice_board .wrap .notice{
  width: calc((100% / 2) - (120px / 2));
  padding-top: 0px;
  padding-bottom: 0px;
}
.main .notice_board .wrap .notice .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .notice_board .wrap .notice .head h1{
  /* font: bolder 35px/1.4em "나눔스퀘어"; */
  font-weight: 800;
  color: #000;
}

.main .notice_board .wrap .notice .head div.page{
  display: flex;
  position: relative;
  margin-left: auto;
  margin-right: 36px;
}

.main .notice_board .wrap .notice .head div button{
  position: relative;
  font: bold 27px/1.4em "나눔스퀘어";
  color: #8d7d63;
  background: transparent;
  /* margin: 0 10px; */
  padding: 0 10px;
}
.main .notice_board .wrap .notice .head div button.on{
  color: #000;
}
.main .notice_board .wrap .notice .head div button:after,
.main .notice_board .wrap .notice .head div span{
  content: "";
  position: absolute;
  display: inline-block;
  top: calc(100% + 29px);
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 0px;
  background: #830020;
  transition: all 0.2s;
}
/* .main .notice_board .wrap .notice .head div button.on:nth-of-type(1) ~ span{
  left: 28%;
  transition: all 0.2s;
}
.main .notice_board .wrap .notice .head div button.on:nth-of-type(2) ~ span{
  left: 77%;
  transition: all 0.2s;
}
.main .notice_board .wrap .notice .head div button.on:nth-of-type(3) ~ span{
  left: 85%;
  transition: all 0.2s;
} */

/* .main .notice_board .wrap .notice .head div button.on:after,
.main .notice_board .wrap .notice .head div span{
  width: 56px;
  height: 6px;
  transition: all 0.2s;
} */

.main .notice_board .wrap .notice .head div button:hover:after,
.main .notice_board .wrap .notice .head div button.on:after{
  width: 56px;
  height: 6px;
  transition: all 0.2s;
}


.main .notice_board .wrap .notice .head div button ~ button:before{
  content: "";
  display: inline-block;
  width: 1px;
  height: 25px;
  background: #c9c9c9;
  margin: 0 10px -4px -10px;
}





/* 공지사항의 탭 */

.main .notice_board .tab{
  display: flex;
  flex-direction:row;
  /* flex-wrap: wrap; */
  margin-top: 38px;
}

.main .notice_board .tab.off{
  display: none;
}

.main .notice_board .tab button{
  width: calc(100%);
  font:  19px/1.4em "나눔바른고딕";
  color: #8d7d63;
  min-height: 56px;
  background: #fff;
  border: 1px solid #dbdbdb;
  padding: 0 17px;

  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main .notice_board .tab button~button{
  width: calc(100% + 1px);
  margin-left: -1px;
}


.main .notice_board .tab button.on{
  z-index: 1;
  color: #fff;
  background: #830020;
  border: 1px solid #830020;
  text-shadow: 1px 1px 0px #000;
}

.main .notice_board .tab button.link:after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../../images/iosf/ko/front/img_link_brown_16x16.png)no-repeat;
  margin-bottom: -2px;
  margin-left: 8px;
}


/* 공지사항 리스트 */

.main .notice_board .wrap .notice .list{
  position: relative;
}
.main .notice_board .wrap .notice .list:before{
  margin-top: 28px;
  content: "";
  /* position: absolute; */
  top: -36px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #313133;
}

.main .notice_board .wrap .notice .list > div{
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  /* margin-top: 64px; */
  margin-top: 34px;
}
.main .notice_board .wrap .notice .list > div ~div{
  margin-top: 16px;
}

.main .notice_board .wrap .notice .list > div:before{
  content: "";
  display: inline-block;
  /* align-self: flex-start; */
  min-width: 8px;
  height: 8px;
  background: #9f9f9f;
  border-radius: 10px;
  margin-top: 8px;
  margin-right: 10px;
}
.main .notice_board .wrap .notice .list > div:hover:before{
  background: #313131;
}


.main .notice_board .wrap .notice .list > div a{
  display: flex;
  align-items: center;
  /* width: 100%; */
  font: normal 19px/1.4em "나눔바른고딕";
  color: #000;
  /* margin-right: 20px; */
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-right: 10px;
}
.main .notice_board .wrap .notice .list > div a:hover{
  color: #830020;
}

.main .notice_board .wrap .notice .list > div.new span{
  /* content: ''; */
  display: inline-block;
  align-self: flex-end;
  min-width: 50px;
  height: 22px;
  background: url(../../../../images/iosf/ko/front/img_new_pink_56x24.png)no-repeat;
  background-size: 100%;
  margin-left: 8px;
  margin-right: 30px;
  margin-bottom: -5px;
}
.main .notice_board .wrap .notice .list > div.new a + span{
  margin-bottom: 4px;
  margin-left: 0px;
}

/* 2줄짜리 new 아이콘 사용안함 */
.main .notice_board .wrap .notice .list > div.new a span{
  display: none;
}

.main .notice_board .wrap .notice.case2 .list > div.new span{
  background: url(../../../../images/iosf/ko/front/img_new_orange_56x24.png)no-repeat;
  background-size: 100%;
}

.main .notice_board .wrap .notice .list > div p{
  /* width: 100px; */
  font: 19px/1.4em "나눔바른고딕";
  color: #7d7d7d;
  margin-left: auto;
}



/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */




/* 공지사항 / 세미나 패널*/

.main .notice {
  width: 100%;
  min-height: auto;
  /* min-height: 490px; */
  padding: 100px 0 100px 0;
}

.main .notice .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.main .notice section {
  position: relative;
  width: 100%;
}

.main .notice section .tab {
  display: flex;
  justify-content: center;
}

.main .notice section .tab dt~dt::before {
  content: "";
  width: 2px;
  height: 28px;
  display: inline-block;
  margin: 0 20px;
  margin-bottom: -2px;
  background: #D6D6D6;
}


.main .notice section .tab a {
  font: bold 33px/1.2em "나눔바른고딕";
  color: #959595;
}

.main .notice section .tab .on a {
  color: #000;
}


/* 전체보기 버튼 */

.main>.notice section>a {
  top: 1px;
  right: 0;
  display: flex;
  align-items: center;
  position: absolute;
  font:  17px/1.4em "맑은 고딕";
  color: #434343;
  border: 1px solid #e2e2e2;
  padding: 7px 22px;
  border-radius: 20px;
}

.main>.notice section>a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../../images/iosf/ko/front/img_cross_16x16.png);
  background-size: 16px 16px;
  margin-left: 8px;
}


.main>.notice section .pannel {
  margin-top: 50px;
}


/* 공지사항 / 세미나 패널 박스 */

.main .notice section .pannel {
  display: none;
}

.main .notice section .pannel.on {
  display: block;
}

.main .notice section .pannel dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main .notice section .pannel .list {
  height: 214px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main .notice section .pannel .list.on {
  height: 438px;
  /* height: 890px; */
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main .notice section .pannel .list>div {
  width: calc(25% - 15px);

}

.main .notice section .pannel .list>div>a {
  display: block;
}




.main .notice section .pannel .box {
  position: relative;
  display: flex;
  flex: 0 0 24%;
  flex-direction: column;
  /* width: calc(25% - 15px); */
  height: 211px;
  border: 1px solid #D7D7D7;
  padding: 52px 20px 25px;
  transition: all 0.2s;
}

.main .notice section .pannel .box:nth-child(4)~dl {
  margin-top: 15px;
}


.main .notice section .pannel .box:hover {
  border: 1px solid #434343;
  transition: all 0.1s;
  cursor: pointer;
}

.main .notice section dd .box .mark {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
}

.main .notice section .pannel .box .mark span {
  font: bold 13px/1em "맑은 고딕";
  width: 83px;
  height: 32px;
  text-align: center;
  color: #f2ede4;
  background: #373737;
  padding: 9px 10px 10px;
}

.main .notice section .pannel.tab2 .box .mark span {
  /* color: #f2ede4;
  background: #f07c00; */
}

.main .notice section .pannel .box .mark .new,
.main .notice section .pannel.tab2 .box .mark .new {
  background: #900023;
  width: 54px;
  color: #fff;
  /* padding: 9px 14px 10px; */
}


.main .notice section .pannel .box .title a {
  font: 19px/1.3em "맑은 고딕";
  min-height: 50px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main .notice section .pannel .box:hover .title a {
  color: #7e001a;
}


.main .notice section .pannel .box .date {
  display: flex;
  align-items: center;
  font: 13px/1.2em "맑은 고딕";
  color: #707070;
  margin-top: 9px;
}

.main .notice section dd .box .date small {
  font: 13px/1.2em "맑은 고딕";

}

.main .notice section .pannel .box .date small~small:before {
  content: "";
  display: inline-block;
  /* align-items: center; */
  /* vertical-align: middle; */
  width: 1px;
  height: 12px;
  background: #CFCFCF;
  margin: 0 8px;
  margin-bottom: -1px;

}

.main .notice section .pannel .box .btn {
  margin-top: auto;
}

.main .notice section .pannel .box .btn a {
  font: bold 13px/1.2em "맑은 고딕";
  display: inline-flex;
  color: #90816a;
  /* text-shadow: 1px 1px 0px #000; */
  border: 1px solid #DEDEDE;
  padding: 8px 20px 10px;
  /* width: 110px; */
  background: #fff;
  border-radius: 20px;
  transition: all 0.2s;
}

.main .notice section .pannel .box:hover .btn a {
  color: #ffffff;
  /* border: 1px solid #000; */
  text-shadow: 1px 1px 0px #000;
  background: #8f816a;
  border-radius: 20px;
  transition: all 0.2s;
}


/* 공지사항 더보기버튼 */


.main .notice section .pannel dd .expandbtn {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 44px;
  border: 1px solid #E8E8E8;
  margin-top: 40px;
}

.main .notice section .pannel dd .expandbtn button {
  width: 100%;
  height: 100%;
  font: bold 15px/1.2em "맑은 고딕";
  background: #fff;
}

.main .notice section .pannel dd .expandbtn button:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../../images/iosf/ko/front/img_arrowtop_14x14_down.png) no-repeat center;
  background-size: 14px 14px;
  padding: 0 10px;
  margin-bottom: -1px;
}

.main .notice section .pannel dd .expandbtn button.close:after {
  background: url(../../../../images/iosf/ko/front/img_arrowtop_14x14_up.png) no-repeat center;
  background-size: 14px 14px;
}

/* 공지사항 더보기 , 닫기 버튼 기본 비활성 */

.main .notice section .pannel dd .expandbtn .off {
  display: none;
}


/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* 스케줄 아카데미 스케줄 */

.main .schedule {
  z-index: 1;
  position: relative;
  background: #fff;
  padding: 100px 0 60px;
}

.main .schedule .wrap{
  /* display: flex; */
}

.main .schedule .head h1{
  /* font: bolder 35px/1em "나눔스퀘어"; */
  font-weight: 800;
  /* color: #fff; */
  /* text-shadow: 1px 1px 0px #000; */
  /* margin-right: 114px; */
}

.main .schedule .month_list {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  width: 100%;
  margin-top: 54px;
  border-bottom: 1px solid #3b3b3e;
}

.main .schedule .month_list > div:first-of-type{
  width: calc(100% / 9);
  min-width: 160px;
  text-align: center;
}

.main .schedule .month_list > div:first-of-type p{
  font: bold 19px/1.4em "나눔바른고딕";
  color: #94856d;
  text-indent: -36px;
}


.main .schedule .month_list h1{
  font: bold 35px/1.4em "나눔바른고딕";
  color: #6e5d42;
  /* background: #685e4d; */
  /* padding: 20px; */
}

.main .schedule .month_list .list{
  display: flex;
  width: 100%;
  height: 100px;
}
.main .schedule .month_list .list .btn{
  position: relative;
  display: flex;
  width: calc(100% / 8);
  min-width: 140px;
  /* background: #857863; */
}

.main .schedule .month_list .list .btn:after,
.main .schedule .month_list .list div button:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 56px;
  background: #e0e0e0;
}
.main .schedule .month_list .list .btn button:after{
  display: none;
}

.main .schedule .month_list .list .btn button{
  position: relative;
  width: 50px;
  height: 100%;
  margin-left: auto;
  background: url(../../../../images/iosf/ko/front/img_prev_month_44x44.png)no-repeat center;
}
.main .schedule .month_list .list .btn button.next{
  background: url(../../../../images/iosf/ko/front/img_next_month_44x44.png)no-repeat center;
}
.main .schedule .month_list .list .btn button:hover{
  background: url(../../../../images/iosf/ko/front/img_prev_month_on_44x44.png)no-repeat center;
}
.main .schedule .month_list .list .btn button.next:hover{
  background: url(../../../../images/iosf/ko/front/img_next_month_on_44x44.png)no-repeat center;
}

.main .schedule .month_list .list .btn button ~ button{
  margin-left: 8px;
}

.main .schedule .month_list .month,
.main .schedule .month_list .month div{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.main .schedule .month_list .month button{
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
.main .schedule .month_list .month button.select:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background: #830020;
}

.main .schedule .month_list .month button.select:after{
  position: absolute;
  top: 93%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../../../../images/iosf/ko/front/img_arrowdown_white_18x18.png);
  /* transition: all 0.3s; */
}

.main .schedule .month_list .month button p{
  position: relative;
  z-index: 1;
  font: bold 19px/1.4em "나눔바른고딕";
  color: #959595;
}
.main .schedule .month_list .month button p + p{
  position: relative;
  z-index: 1;
  font: bold 29px/1.4em "나눔바른고딕";
  color: #707070;
  margin-top: 3px;
}

.main .schedule .month_list .month button.select p{
  color: #fff;
}
.main .schedule .month_list .month button.select p + p{
  color: #fff;
}


.main .schedule_list{
  background: #fff;
  padding: 0px 0 130px;
}
.main .schedule_list .list{
  display: flex;
  flex-wrap: wrap;
}

.main .schedule_list .list div.off{
  display: none;
}
.main .schedule_list .list div{
  width: 100%;
  text-align: center;
  font: normal 21px/1.3em "나눔바른고딕";
  color: #898989;
  border: 1px solid #c3c3c3;
  padding: 27px;
  margin-bottom: 60px;
}
.main .schedule_list .list div:before{
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background: url(../../../../images/iosf/ko/front/img_calendar_grey_44x44.png)no-repeat center;
  margin: auto;
  margin-bottom: 12px;
}


.main .schedule_list .list a{
  width: calc((100% / 4) - 30px);
  height: 140px;
  padding: 27px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  margin-bottom: 40px;
}
.main .schedule_list .list a:hover{
  background: #313133;
  transition: all 0.2s;
}

.main .schedule_list .list a ~ a:not(:nth-of-type(4n+1)){
  margin-left: 40px;
}

.main .schedule_list .list a p{
  font: bold 19px/1.3em "나눔바른고딕";
  color: #6e5d42;
}
.main .schedule_list .list a:hover p{
  color: #f4ebdc;
  transition: all 0.2s;
}
.main .schedule_list .list a p + p{
  font: normal 21px/1.3em "나눔바른고딕";
  color: #000;
  margin-top: 10px;
}
.main .schedule_list .list a:hover p + p{
  color: #ffffff;
  transition: all 0.2s;
}

.main .schedule_list .btn{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.main .schedule_list .btn a{
  display: inline-block;
  min-width: 200px;
  text-align: center;
  font: bold 18px/1.3em "나눔바른고딕";
  color: #000;
  padding: 18px 13px;
  border: 1px solid #86868a;
}
.main .schedule_list .btn a:hover{
  color: #fff;
  background: #94856d;
  border: 1px solid #94856d;
  transition: all 0.2s;
}




/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */


/* 입학안내 */

.main .enter_guide{
  background:
  url(../../../../images/iosf/ko/front/bg_black_pattern_4x4.png)repeat center,
  url(../../../../images/iosf/ko/front/bg_black40_4x4.png)repeat center,
  /* url(../../../../images/iosf/ko/front/bg_section_3840x757.jpg)no-repeat center; */
  url(../../../../images/iosf/ko/front/bg_section_3840x1085.jpg)no-repeat center;
  padding: 92px 0;
}

.main .enter_guide h1{
  color: #fff;
}

.main .enter_guide .list{
  display: flex;
  justify-content: space-between;
  margin-top: 57px;
}

.main .enter_guide .list .pannel{
  width: calc((100% / 4) - 30px);
  min-width: 360px;
  background: rgba(149, 3, 44, 0.9);
}
.main .enter_guide .list .pannel{
  padding: 37px;
}

.main .enter_guide .list .part{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main .enter_guide .list .part > div{
  width: 100%;
  display: flex;
}

.main .enter_guide .list .part > div ~ div{
  margin-top: 40px;
}


.main .enter_guide .list .pannel.white{
  display: flex;
  width: calc((100% / 3) - 30px);
  min-width: auto;
  flex-direction: column;
  justify-content: space-between;
  background: transparent;
  padding: 0;
  margin-left: 40px;
}
.main .enter_guide .list .pannel.white > div{
  padding: 37px;
  background: #fff;
}

.main .enter_guide .list .pannel h2{
  font: bold 29px/1.4em "나눔스퀘어";
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
}
.main .enter_guide .list .pannel.white h2{
  color: #000;
  text-shadow: none;
}

.main .enter_guide .list .pannel h2 + div{
  margin-top: 22px;
}

.main .enter_guide .list .pannel .card{
  background: #ba093d;
}
.main .enter_guide .list .pannel .card:nth-of-type(2){
  background: #8f816a;
}

.main .enter_guide .list .pannel .card p{
  font: bold 21px/1.4em "나눔바른고딕";
  color: #fff;
  padding: 18px;
}
.main .enter_guide .list .pannel .card p:first-of-type:before{
  content: "";
  display: inline-block;
  width: 2px;
  height: 20px;
  background: #fff;
  margin-bottom: -4px;
  margin-right: 8px;
}

.main .enter_guide .list .pannel .card p + p{
  font: bold 19px/1.4em "나눔바른고딕";
  color: #000;
  background: #ffffff;
}
.main .enter_guide .list .pannel .card p + p small{
  font-weight: normal;
  color: #707070;
}
.main .enter_guide .list .pannel h2 + div ~ div{
  margin-top: 20px;
}


.main .enter_guide .list .pannel .box{
  display: flex;
  flex-direction: column;
}
.main .enter_guide .list .pannel .box div{
  width: 100%;
}

.main .enter_guide .list .pannel .box div span{
  display: flex;
  width: 100%;
}

.main .enter_guide .list .pannel .box div.link a{
  display: flex;
  width: 100%;
  align-items: center;
  font: normal 19px/1.4em "나눔바른고딕";
  color: #000;
  padding: 15px;
  border: 1px solid #d4d4d4;
}

.main .enter_guide .list .pannel .box div.link span a + a{
  border: 1px solid #d4d4d4;
  border-left: 1px;
}
.main .enter_guide .list .pannel .box div.link a:hover{
  z-index: 1;
  color: #fff;
  border: 1px solid #8f816a;
  background: #8f816a;
  transition: all 0.1s;
}

.main .enter_guide .list .pannel .box div.link a:before{
  content: "";
  display: inline-block;
  min-width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #9f9f9f;
  margin-right: 7px;
}
.main .enter_guide .list .pannel .box div.link a:hover:before{
  background: #f4ebdc;
  transition: all 0.1s;
}

.main .enter_guide .list .pannel .box div.link span + a:hover,
.main .enter_guide .list .pannel .box div.link a:last-of-type:hover,
.main .enter_guide .list .pannel .box div.link a ~ a,
.main .enter_guide .list .pannel .box div.link span ~ a{
  border-top: none;
}

.main .enter_guide .list .pannel .box div.link ~ div{
  margin-top: 20px;
}

.main .enter_guide .list .pannel .box div:last-of-type a{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: normal 19px/1.4em "나눔바른고딕";
  color: #fff;
  width: 100%;
  background: #830020;
  padding: 16px;
}

.main .enter_guide .list .pannel .box div:last-of-type a:after{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../../../images/iosf/ko/front/img_link_white_18x18.png)no-repeat center;
  margin-left: 16px;
  margin-bottom: 2px;
}

.main .enter_guide .list .pannel .box div:last-of-type a.filedown:after{
  background: url(../../../../images/iosf/ko/front/img_down_white_18x18.png)no-repeat center;
}

.main .enter_guide .list .pannel.white .btn{
  padding: 0;
}
.main .enter_guide .list .pannel.white .btn a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: bold 23px/1.4em "나눔스퀘어";
  color: #000;
  background: rgba(235, 238, 245, 0.9);
  padding: 34px 37px;
}
.main .enter_guide .list .pannel.white .btn a.orange{
  color: #fff;
  background: rgba(242, 124, 36, 0.9);
}

.main .enter_guide .list .pannel.white .btn a:hover{
  color: #000;
  background: #ffffff;
  transition: all 0.2s;
}
.main .enter_guide .list .pannel.white .btn a:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../../../images/iosf/ko/front/img_link_black_20x20.png)no-repeat center;
  margin-bottom: 2px;
}
.main .enter_guide .list .pannel.white .btn a.orange:after{
  background: url(../../../../images/iosf/ko/front/img_link_white_20x20.png)no-repeat center;
}
.main .enter_guide .list .pannel.white .btn a:hover:after{
  background: url(../../../../images/iosf/ko/front/img_link_red_20x20.png)no-repeat center;
}









/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */


/* news_service 뉴스 서비스 */

.main .news_service{
  /* width: 100%; */
  /* height: 500px; */
  background: #ececec;
}

.main .news_service .wrap{
  display: flex;
  justify-content: space-between;
}
.main .news_service .wrap .part{
  width: 100%;
}

.main .news_service .wrap .part:not(:only-of-type){
  width: calc((100% / 2) - 60px);
}

.main .news_service .wrap .part .head div{
  display: flex;
}

.main .news_service .wrap .part .head div button~button{
  margin-left: 12px;
}

.main .news_service .wrap .part .head div button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font:  bold 18px/1.4em "나눔바른고딕";
  color: #979797;
  background:#f2f2f2;
  border: 1px solid #bebebe;
  border-radius: 25px;
}
.main .news_service .wrap .part .head div button.on,
.main .news_service .wrap .part .head div button.on.all{
  background:#830020  ;
  color: #fff;
  border: 0;
}

.main .news_service .wrap .part .head div button.facebook{
  background: url(../../../../images/iosf/ko/front/img_btn_facebook_off_44x44.png);
}
.main .news_service .wrap .part .head div button.blog{
  background: url(../../../../images/iosf/ko/front/img_btn_blog_off_44x44.png);
}
.main .news_service .wrap .part .head div button.youtube{
  background: url(../../../../images/iosf/ko/front/img_btn_youtube_off_44x44.png);
}
.main .news_service .wrap .part .head div button.insta{
  background: url(../../../../images/iosf/ko/front/img_btn_insta_off_44x44.png);
}
.main .news_service .wrap .part .head div button.x{
  background: url(../../../../images/iosf/ko/front/img_btn_x_off_44x44.png);
}
.main .news_service .wrap .part .head div button.kakao{
  background: url(../../../../images/iosf/ko/front/img_btn_kakao_off_44x44.png);
}

.main .news_service .wrap .part .head div button.on.facebook{
  background: url(../../../../images/iosf/ko/front/img_btn_facebook_on_44x44.png);
}
.main .news_service .wrap .part .head div button.on.blog{
  background: url(../../../../images/iosf/ko/front/img_btn_blog_on_44x44.png);
}
.main .news_service .wrap .part .head div button.on.youtube{
  background: url(../../../../images/iosf/ko/front/img_btn_youtube_on_44x44.png);
}
.main .news_service .wrap .part .head div button.on.insta{
  background: url(../../../../images/iosf/ko/front/img_btn_insta_on_44x44.png);
}
.main .news_service .wrap .part .head div button.on.x{
  background: url(../../../../images/iosf/ko/front/img_btn_x_on_44x44.png);
}
.main .news_service .wrap .part .head div button.on.kakao{
  background: url(../../../../images/iosf/ko/front/img_btn_kakao_on_44x44.png);
}


.main .news_service .wrap .part section{
  display: flex;
  justify-content: space-between;
}

.main .news_service .wrap .part section .pannel{
  margin-top: 50px;
  width: calc((100% / 2) - 20px);
  height: 380px;
}
.main .news_service .wrap .part section .pannel:nth-child(2)~.pannel{
  display: none;
}


.main .news_service .wrap .part section .pannel div{
  position: relative;
  height: 272px;
  background: url(../../../../images/iosf/ko/front/bg_empty_74x74.png)no-repeat center,
  #fff;
}
.main .news_service .wrap .part section .pannel div img{
  display: block;
  width: 100%;
  height: 272px;
  border: 0;
  object-fit: cover;
  object-position: top;
}

.main .news_service .wrap .part section .pannel div:after{
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: url(../../../../images/iosf/ko/front/img_mark_facebook_60x60.png)no-repeat;
  background-size: 100%;
}
.main .news_service .wrap .part section .pannel div.facebook:after{
  background: url(../../../../images/iosf/ko/front/img_mark_facebook_60x60.png)no-repeat;
}
.main .news_service .wrap .part section .pannel div.blog:after{
  background: url(../../../../images/iosf/ko/front/img_mark_blog_60x60.png)no-repeat;
}
.main .news_service .wrap .part section .pannel div.youtube:after{
  background: url(../../../../images/iosf/ko/front/img_mark_youtube_60x60.png)no-repeat;
}
.main .news_service .wrap .part section .pannel div.insta:after{
  background: url(../../../../images/iosf/ko/front/img_mark_insta_60x60.png)no-repeat;
}
.main .news_service .wrap .part section .pannel div.x:after{
  background: url(../../../../images/iosf/ko/front/img_mark_x_60x60.png)no-repeat;
}.main .news_service .wrap .part section .pannel div.kakao:after{
  background: url(../../../../images/iosf/ko/front/img_mark_kakao_60x60.png)no-repeat;
}

.main .news_service .wrap .part section .pannel div b{
  display: none;
}

.main .news_service .wrap .part section .pannel:hover div b{
  z-index: 2;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font: bold 19px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.main .news_service .wrap .part section .pannel:hover div b:before{
  content: '';
  display: block;
  margin: auto;
  margin-bottom: 7px;
  width: 55px;
  height: 55px;
  background: url(../../../../images/iosf/ko/front/img_link_white_55x55.png)no-repeat center;
}

.main .news_service .wrap .part section .pannel:hover div:before{
  z-index: 1;
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.main .news_service .wrap .part section .pannel p{
  width: 100%;
  /* height: 108px; */
  font: bold 21px/1.4em "나눔스퀘어";
  color: #000;
  background: #fff;
  text-align: center;
  padding: 25px 20px;
}

.main .news_service .wrap .part section .pannel:hover p{
  color: #8e1835;
}



/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */


/* E-BOOK/브로슈어 */
/* ebook_slide */

.main .news_service .wrap .part section .ebook_slide {
  width: 100%;
  background: #fff;
  margin-top: 50px;
  margin-bottom: 0;
}

.main .news_service .wrap .part section .ebook_slide .page{
  width: 100%;
  height: 380px;
  display: flex !important;
  background: #fff;
  padding: 40px;
}

.main .news_service .wrap .part section .ebook_slide .page div img{
  width: 100%;
  height: 100%;
  background: url(../../../../images/iosf/ko/front/img_pi_base_234x298.png)no-repeat;
  object-fit: cover;
  object-position: center;
}

.main .news_service .wrap .part section .ebook_slide .page .text{
  position: relative;
  padding: 0px 15px 0 45px;
}

.main .news_service .wrap .part section .ebook_slide .page .text p{
  font: bold 19px/1.4em "나눔바른고딕";
  color: #000;
  
}

.main .news_service .wrap .part section .ebook_slide .page .text p:after{
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  background: #830020;
  margin: 10px 0 20px;
}

.main .news_service .wrap .part section .ebook_slide .page .text div a{
  font: bold 23px/1.4em "나눔바른고딕";
  color: #000;
}

.main .news_service .wrap .part section .ebook_slide .page .text div a:hover{
  font: bold 23px/1.4em "나눔바른고딕";
  color: #830020;
}

.main .news_service .wrap .part section .ebook_slide .page .text span{
  display: block;
  margin-top: 6px;
  font: normal 19px/1.4em "나눔바른고딕";
  color: #7d7d7d;
}
.main .news_service .wrap .part section .ebook_slide .page .text div + span{
  margin-top: 10px;
  color: #8d7d63;
}

.main .news_service .wrap .part section .ebook_slide .page .text div span{
  display: inline-block;
}
.main .news_service .wrap .part section .ebook_slide .page .text div span:after{
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #b5b5b5;
  margin: 0 10px;
  margin-bottom: -3px;
}
.main .news_service .wrap .part section .ebook_slide .page .text div span:last-of-type:after{
  display: none;
}



.main .news_service .wrap .part section .ebook_slide .page .text > a{
  position: absolute;
  display: inline-block;
  text-align: center;
  min-width: 140px;
  left: 45px;
  bottom: 50px;
  /* margin-top: 23px; */
  font: bold 17px/1.4em "나눔바른고딕";
  color: #766b57;
  padding: 11px 20px;
  border: 1px solid #c0c0c0;
}
.main .news_service .wrap .part section .ebook_slide .page .text > a:after{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../../images/iosf/ko/front/img_link_brown_14x14.png)no-repeat;
  margin-bottom: -2px;
  margin-left: 10px;
}


.main .news_service .wrap .part section .ebook_slide .page .text > a:hover{
  background: #830020;
  border: 1px solid #857863;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  transition: all 0.2s;
}

.main .news_service .wrap .part section .ebook_slide .page .text > a:hover:after{
  background: url(../../../../images/iosf/ko/front/img_link_white_14x14.png)no-repeat;
}



/* wide 클래스 커스텀 */

.main .news_service .wrap .part section .ebook_slide.wide .page{
  position: relative;
  padding: 0;
}

.main .news_service .wrap .part section .ebook_slide.wide .page div img{
  width: 660px;
  height: 380px;
  background: url(../../../../images/iosf/ko/front/img_news_base_660x380.png)no-repeat;
  object-fit: cover;
  object-position: center;
}

.main .news_service .wrap .part section .ebook_slide.wide .page .text{
  position: absolute;
  top: 0;
  right: 0px;
  width: 386px;
  height: 380px;
  background: rgba(131, 0, 32, 0.85);
  padding: 40px 45px;
}

.main .news_service .wrap .part section .ebook_slide.wide .page .text p{
  color: #fff;
}
.main .news_service .wrap .part section .ebook_slide.wide .page .text p:after{
  background: #fff;
}
.main .news_service .wrap .part section .ebook_slide.wide .page .text div a{
  color: #fff;
}

.main .news_service .wrap .part section .ebook_slide.wide .page .text div a:hover{
  color: #fff;
}
.main .news_service .wrap .part section .ebook_slide.wide .page .text span{
  color: #e4d7d7;
}

.main .news_service .wrap .part section .ebook_slide.wide .page .text > a{
  bottom: 90px;
  color: #fff;
  border: 1px solid #fff;
}
.main .news_service .wrap .part section .ebook_slide.wide .page .text > a:after{
  background: url(../../../../images/iosf/ko/front/img_link_white_14x14.png)no-repeat;
}


.main .news_service .wrap .part section .ebook_slide.wide .page .text > a:hover{
  background: #fff;
  color: #830020;
  text-shadow: none;
  transition: all 0.2s;
}

.main .news_service .wrap .part section .ebook_slide.wide .page .text > a:hover:after{
  background: url(../../../../images/iosf/ko/front/img_link_red_14x14.png)no-repeat;
}


/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* 뉴스 서비스 - 뉴스 슬라이드 */

.main .news_service .wrap .part section .news_slide {
  display: flex;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 40px;
}

.main .news_service .wrap .part section .news_slide .cover{
  position: relative;
  width: calc((100% / 4) - 30px);
  height: 444px;
  background: #fff;
  border-top: 3px solid #830020;
}
.main .news_service .wrap .part section .news_slide .page > div:first-of-type{
  height: 228px;
  overflow: hidden;
}
.main .news_service .wrap .part section .news_slide .page div img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: url(../../../../images/iosf/ko/front/bg_news_base_330x228.jpg)no-repeat center;
  object-fit: cover;
  object-position: center;
}

.main .news_service .wrap .part section .news_slide .cover:hover{
  background: #80001f;
  transition: all 0.2s;
}
.main .news_service .wrap .part section .news_slide .cover:hover .page > div:first-of-type:before{
  content: "";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  font: bold 19px/1.4em "나눔바른고딕";
  color: #fff;
  width: 100%;
  height: 228px;
  background: 
  url(../../../../images/iosf/ko/front/img_link_white_54x54.png)no-repeat 50% 42%,
  rgba(0, 0, 0, 0.7);
}
.main .news_service .wrap .part section .news_slide .cover:hover .page > div:first-of-type:after{
  content: "바로가기";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  font: bold 19px/1.4em "나눔바른고딕";
  color: #fff;
  width: 100%;
  height: 300px;
}

.main .news_service .wrap .part section .news_slide .page .text{
  padding: 24px;
}


.main .news_service .wrap .part section .news_slide .text p {
  font: normal 21px/1.4em "나눔바른고딕";
  color: #000;
}
.main .news_service .wrap .part section .news_slide .text div{
  position: absolute;
  bottom: 24px;
  left: 26px;
  display: flex;
  flex-direction: column;
}

.main .news_service .wrap .part section .news_slide .text b {
  font: normal 19px/1.4em "나눔바른고딕";
  color: #7d7d7d;
}
.main .news_service .wrap .part section .news_slide .text span {
  font: normal 19px/1.4em "나눔바른고딕";
  color: #7d7d7d;
  margin-top: 5px;
}

.main .news_service .wrap .part section .news_slide .cover:hover .text p {
  color: #fff;
}
.main .news_service .wrap .part section .news_slide .cover:hover .text b {
  color: #e4d7d7;
}
.main .news_service .wrap .part section .news_slide .cover:hover .text span {
  color: #e4d7d7;
}



.main .news_slide .slick-slide{
  margin: 0 30px 0 0;
}
.main .news_slide .slick-list{
  width: calc(100% + 30px);
  margin: 0 -30px 0 0;
}

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

/* banner 배너 슬라이드 */

.main .banner_slide{
  padding-bottom: 190px;
  background: #fff;
}

.main .banner_slide .wrap .list{
  display: flex;
  width: 100%;
  height: 100%;
}
.main .banner_slide .wrap .list a{
  display: block;
  width: calc((100% / 4) - (120px / 4) );
  height: 100px;
  background: #fff;
}
.main .banner_slide .wrap .list div{
  width: 100%;
  height: 100%;
}

.main .banner_slide .wrap .list .banner_image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}




/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* 밑에 전부 예외처리 */



.main .banner_slide~ article{
  display: none;
}







/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

/* main - article 공통 */


.main > article{
  background: #f5f5f5;
}


.main article:nth-child(2n){
  position: relative;
  width: 100%;
  /* background: #fff; */
  /* padding: 60px 0 100px; */
}

.main article.research_result{
  padding: 100px 0 150px;
  background: #ececec;
}

.main article.support_institute{
  background: #fafafa;
}

.main article .wrap {
  /* display: flex; */
  /* align-items: flex-start; */
}

.main article .wrap section{
  position: relative;
}

.main article h3 {
  font: bold 33px/1.4em "나눔바른고딕";
  color: #000000;
}

.main article{
  z-index: 1;
  width: 100%;
  padding: 100px 0px 130px;
}

.main article:first-of-type{
  padding-left: 0;
  /* background: #fff; */
  padding: 200px 0px 100px;
  /* padding: 90px 0px 100px; */
}

.main article.support_institute{
  padding: 100px 0px 150px;
}

.main article{
  position: relative;
  padding-right: 0;
  /* background: #F5F5F5; */
  overflow: hidden;
}

.main article .wrap .head{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main article .wrap .head{
}



.main article section > .title {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 48px;
}


/* 전체보기 */

.main> article section > .title>a {
  top: 3px;
  right: 0;
  display: flex;
  align-items: center;
  position: absolute;
  font:  17px/1.4em "맑은 고딕";
  color: #434343;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 7px 22px;
  border-radius: 20px;
}

.main> article section > .title>a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../../images/iosf/ko/front/img_cross_16x16_black.png);
  background-size: 16px 16px;
  margin-left: 8px;
}

.main> article:nth-child(2n) section > .title>a::after {
  background: url(../../../../images/iosf/ko/front/img_cross_16x16.png);
}



/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */

.main section .tab{
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  margin-top: 40px;
}

.main section .tab.off{
  display: none;
}

.main section .tab button{
  width: calc(100% / 6);
  font: bold 17px/1.4em "맑은고딕";
  color: #7b6e58;
  min-height: 76px;
  background: #fff;
  border: 1px solid #dbdbdb;
  padding: 0 17px;

  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main section .tab button.on{
  z-index: 1;
  color: #fff;
  background: #79001e;
  border: 1px solid #79001e;
  text-shadow: 1px 1px 0px #000;
}


.main section .tab button:nth-child(6n)~button{
  margin-top: -1px;
}

.main section .tab button:not(:nth-child(6n+1)):not(:first-of-type){
  width: calc((100% / 6) + 1px);
  margin-left: -1px;
}

/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */
/* 탭 공통 tab */


/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */



/* footer */

/* 개인정보처리방침 */

footer{
  width: 100%;
}

footer .footer-top {
  width: 100%;
  background: #313133;
  border-bottom: 1px solid #5b5b5b;
}

footer .footer-top .wrap {
  display: flex;
  /* width: 100%; */
  justify-content: space-between;
}

footer .footer-top .left-links {
  float: left;
  max-width: calc(100% - 240px);
}

footer .footer-top .left-links dl {
  display: flex;
  justify-content: space-between;
  height: 83px;
  align-items: center;
  text-align: start;
}

footer .footer-top .left-links dl dt {
  display: flex;
  align-items: flex-start;
}

footer .footer-top .left-links dl dt~dt:before {
  content: "";
  display: inline-block;
  min-width: 8px;
  height: 8px;
  background: #828282;
  border-radius: 4px;
  margin-top: 7px;
}

footer .footer-top .left-links dl dt a {
  text-align: center;
  /* display: table-cell; */
  font: 17px/1.3em "나눔바른고딕";
  color: #fff;
  padding: 0 20px;
}
footer .footer-top .left-links dl dt:first-of-type a {
font-weight: bold;
}

footer .footer-top .left-links dl dt:first-of-type a {
  font-weight: bold;
  padding: 0 20px 0 0;
}


/* footer .footer-top .left-links dl dt:first-of-type a {
  padding-left: 0;
  color: #ffce5a;
} */

footer .footer-top .left-links dl dt:last-of-type {
  padding-right: 0;
}

footer .footer-top .linkbtn {
  display: flex;
  margin-left: auto;
}
footer .footer-top .linkbtn div a {
  display: inline-block;
  width: 44px;
  height: 44px;
  margin-left: 19px;
}

footer .footer-top .linkbtn div a.facebook {
  background: url(../../../../images/iosf/ko/front/img_btn_facebook_grey_44x44.png)no-repeat center/contain;
}
footer .footer-top .linkbtn div a.blog {
  background: url(../../../../images/iosf/ko/front/img_btn_blog_grey_44x44.png)no-repeat center/contain;
}
footer .footer-top .linkbtn div a.youtube {
  background: url(../../../../images/iosf/ko/front/img_btn_youtube_grey_44x44.png)no-repeat center/contain;
}
footer .footer-top .linkbtn div a.insta {
  background: url(../../../../images/iosf/ko/front/img_btn_insta_grey_44x44.png)no-repeat center/contain;
}
footer .footer-top .linkbtn div a.x {
  background: url(../../../../images/iosf/ko/front/img_btn_x_grey_44x44.png)no-repeat center/contain;
}
footer .footer-top .linkbtn div a.kakao {
  background: url(../../../../images/iosf/ko/front/img_btn_kakao_grey_44x44.png)no-repeat center/contain;
}





/* 카피라이트 */

footer .info {
  background: #313133;
}

footer .info {
  padding: 47px 0 98px;
}

footer .info .wrap{
  display: flex;
  align-items: flex-start;
}


footer .info .copyright {
  display: inline-flex;
  width: calc(100% - 90px);
  min-height: 50px;
  align-items: flex-start;
  ;
}

footer .info .copyright .logo a {
  display: block;
  width: 148px;
  height: 40px;
  background: url(../../../../images/iosf/ko/front/img_logo_148x40.png);
  background-size: 100%;
  margin-right: 45px;
  margin-top: 2px;
}

footer .info .copyright .text small {
  font: 17px/1.4em "나눔바른고딕";
  color: #b5b5b5;
}
footer .info .copyright .text small small{
  white-space: nowrap;
  margin-top: 5px;
  display: inline-block;
}
footer .info .copyright .text small small:last-of-type{
  margin-bottom: 5px;
}

footer .info .copyright .text small span{
  display: block;
  text-transform: uppercase;
  /* margin-top: 6px; */
}
footer .info .copyright .text small i{
  display: inline-block;
  min-width: 1px;
  height: 15px;
  background: #7d7d7d;
  margin: 0 12px -2px;
}




/* ---------------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */
/* 사이트 링크버튼 */

footer .info .site-links {
  z-index: 1;
  position: relative;
  display: flex;
  height: 100%;
  margin-left: auto;
}

footer .info .site-links div {
  width: 100%;
}


/* 셀렉트버튼 */

footer .info .site-links select {
  width: 407px;
  height: 36px;
  border: 1px solid #3F0013;
  background: #fff;
  padding: 0 8px;
}


/* 이동버튼 */

footer .info .site-links .movebtn {
  display: inline-block;
  padding: 0px 14px;
  text-align: center;
  width: 64px;
  min-width: 64px;
  height: 36px;
  background: #AB0033;
  border: 1px solid #510018;
  margin-left: 10px;
}

footer .info .site-links .movebtn::after {
  display: none;
}



/* 링크버튼 */

footer .info .site-links button {
  position: relative;
  font: bold 17px/1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  text-align: left;
  padding-left: 22px;
  width: 220px;
  height: 52px;
  background: #313133;
  border: 1px solid #9d9d9d;
}

footer .info .site-links button:nth-child(n+2) {
  margin-left: 30px;
}


footer .info .site-links button:hover,
footer .info .site-links button.on {
  background: #8e002a;
  border: 1px solid #8e002a;
  transition: all 0.2s;
}

footer .info .site-links button:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../../../images/iosf/ko/front/img_arrowtop_14x14_up_white.png);
  background-size: 14px 14px;
}

footer .info .site-links button.on:after {
  background: url(../../../../images/iosf/ko/front/img_arrowtop_14x14_down_white.png);
  background-size: 14px 14px;
}

footer .info .site-links dl.off {
  display: none;
}

footer .info .site-links dl {
  position: absolute;
  bottom: 52px;
}

footer .info .site-links dl:nth-of-type(n+2) {
  left: 269px;
}

footer .info .site-links dl dt a {
  display: flex;
  position: relative;
  align-items: center;
  font: 17px/1.4em "나눔스퀘어";
  color: #fff;
  width: 220px;
  height: 52px;
  padding: 0px 22px;
  background: #62001d;
  border-top: 1px solid #760023;
  border-left: 1px solid #62001d;
  border-right: 1px solid #62001d;
}

footer .info .site-links dl dt a:hover {
  background: #760023;
}

footer .info .site-links dl dt a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../../../images/iosf/ko/front/img_sitelink_20x20.png);
  background-size: 20px 20px;
}

footer .info div.webaccess {
  position: absolute;
  top: 80px;
  width: 97px;
  height: 70px;
  background: url(../../../../images/iosf/ko/front/img_wa_97x70.png)no-repeat center/ 100%;
}

footer .info div.webaccess,
footer .info .wrap > div:first-of-type.webaccess{
  display: none;
}


.wrap{
  max-width: 1440px;
  width: 100%;
}




/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* 250906슬라이드 스타일 변경 */

.main .slide .wrap .main_pannel .part p {
  font-size: 17px;
}

.main .slide .wrap .main_pannel .part .slide_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main .slide .wrap .main_pannel .part .slide_name p {
  font-size: 23px;
  margin: 24px 0px 30px;
}

.main .slide .wrap .main_pannel .part .slide_name .icon01 {
  width: 68px;
  height: 68px;
  background: url(../../../../images/iosf/ko/front/slideicon_01.png) no-repeat center/ 100%;
}
.main .slide .wrap .main_pannel .part .slide_name .icon02 {
  width: 68px;
  height: 68px;
  background: url(../../../../images/iosf/ko/front/slideicon_02.png) no-repeat center/ 100%;
}
.main .slide .wrap .main_pannel .part .slide_name .icon03 {
  width: 68px;
  height: 68px;
  background: url(../../../../images/iosf/ko/front/slideicon_03.png) no-repeat center/ 100%;
}
.main .slide .wrap .main_pannel .part .slide_name .icon04 {
  width: 68px;
  height: 68px;
  background: url(../../../../images/iosf/ko/front/slideicon_04.png) no-repeat center/ 100%;
}

.main .slide .wrap .main_pannel .part .slide_name p:after{
  display: none;
}

.main .slide .wrap .main_pannel .part .link{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main .slide .wrap .main_pannel .part .link .btn a {
  display: inline-block;
  text-align: center;
  min-width: 140px;
  padding: 13px 10px;
  font: bold 17px / 1.4em "나눔바른고딕";
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
  background: #64021e;
  transition: all 0.2s;
}
.main .slide .wrap .main_pannel .part .link .btn a:hover{
  background: #fff;
  color: #64021e;
  text-shadow: none;
  transition: all 0.25s;
}

.main .slide .wrap .main_pannel .part.grey .link .btn a{
  background: #3f4042;
}
.main .slide .wrap .main_pannel .part.grey .link .btn a:hover{
  background: black;
  color: #fff;
}

.main .slide .wrap .main_pannel .part.orange .link .btn a{
  background: #ba3812;
}
.main .slide .wrap .main_pannel .part.orange .link .btn a:hover{
  background: #fff;
  color: #ba3812;
}

.main .slide .wrap .main_pannel .part.darkgrey .link .btn a{
  background: #181b21;
}
.main .slide .wrap .main_pannel .part.darkgrey .link .btn a:hover{
  background: #fff;
  color: #000;
}


.main .slide .wrap .main_pannel .part .link .btn a:after{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../../images/iosf/ko/front/slidei_arrow_next_white.png)no-repeat center/100%;
  margin-bottom: -1px;
  margin-left: 10px;
}
.main .slide .wrap .main_pannel .part .link .btn a:hover:after{
  background: url(../../../../images/iosf/ko/front/slidei_arrow_next_red.png)no-repeat center/100%;
  transition: all 0.25s;
}
.main .slide .wrap .main_pannel .part.grey .link .btn a:hover:after{
  background: url(../../../../images/iosf/ko/front/slidei_arrow_next_white.png)no-repeat center/100%;
  transition: all 0.25s;
}
.main .slide .wrap .main_pannel .part.orange .link .btn a:hover:after{
  background: url(../../../../images/iosf/ko/front/slidei_arrow_next_orange.png)no-repeat center/100%;
  transition: all 0.25s;
}
.main .slide .wrap .main_pannel .part.darkgrey .link .btn a:hover:after{
  background: url(../../../../images/iosf/ko/front/slidei_arrow_next_grey.png)no-repeat center/100%;
  transition: all 0.25s;
}