@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text&display=swap');

/* ============================================================
   Common - Variables, Reset, Typography, Global
   Source: /assets/css/common.css
   ============================================================ */
/* [1. Web Font Import] */

/* [2. Variables] */
:root {

  /* --font-default: "Poppins", "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --font-sub: "Montserrat", sans-serif; */

  /* --color-primary: #e6003b;
  --color-secondary: #f85a40;
  --color-third: #14adea;
  --color-text: #222;
  --color-border: #ddd; */

  
  --font-default: "Pretendard Variable", Pretendard, system-ui, sans-serif;
  
  --font-point: "Poppins", sans-serif;
  --font-sub: "Montserrat", sans-serif;

  --color-primary: #e6003b;
  --color-text: #222;
  --color-border: #ddd;

  --ls-base: -0.02em;
  --ls-tight: -0.05em;
  --lh-body: 1.6;
  --lh-tight: 1.2;
}

/* [3. Global Reset] */
* { box-sizing: border-box !important; margin: 0; padding: 0; }

html {
  font-size: 10px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
}

body {
  font-family: var(--font-default);
  font-size: 1.6rem;
  line-height: var(--lh-body);
  letter-spacing: var(--ls-base);
  color: var(--color-text);
  position: relative;
  overflow-x: hidden;
}

button, input, select, table, textarea, th, td {
  font-family: var(--font-default);
  font-size: inherit;
  color: inherit;
  outline: none;
  border: 0;
  background: transparent;
}

ul, ol, li { list-style: none; }
img { border: 0; max-width: 100%; height: auto; vertical-align: middle; }
a { text-decoration: none; color: #222; transition: 0.3s; }
a:hover { color: var(--color-primary); }

/* [4. Typography] */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
  word-break: keep-all;
}

/* [5. Layout & Utilities] */
#contentWrap { 
  top: 0 !important; 
  margin-top: 30px;
  position: relative; 
  box-sizing: border-box; 
}

#main-contentWrap { top: 0; position: relative; }

.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.clearfix::after { content: ''; display: block; clear: both; }

.mo-only { display: none !important; }
.pc-only { display: block !important; }

@media (max-width: 768px) {
  html { font-size: 9px; }
  .pc-only { display: none !important; }
  .mo-only { display: block !important; }
  td { font-size: 1.2rem; line-height: 1.5; }
  #contentWrap { top:0;margin-top: 56px; } 
}

.scroll header {
  height: auto;
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* ============================================================
   Util - Base reset, containers, legacy styles
   Source: /assets/css/util.css
   ============================================================ */
*{margin: 0; padding: 0;}

a{color:#000; text-decoration: none;}
td{font-family: var(--font-default); font-size:14px;}
li{list-style: none;}
em{font-style: normal;}
button{font-family: var(--font-default);border:none; outline: none; background: none; cursor: pointer;}
img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}	
input{font-size: 13px;color: #333;outline:none;}
input[type=text]{font-family: var(--font-default);font-size:16px;height:50px;outline: none;background-color:#fffefa;}
input[type=button]{font-family: var(--font-default);border:none; outline: none; cursor: pointer;}
select{font-size: 13px; text-decoration: none; background-color:#F1F1F1;background-color:#FFFFFF; height:22px; border:1px;border-style: groove;border:solid 1 #bbb;	padding:0px 0px 0 2px;}

.main-max-container{width: 100%;max-width: 100%; padding:0;box-sizing:border-box;margin:auto;}

.maxcontainer{width: 100%;max-width: 100%; padding:0;box-sizing:border-box;margin:auto;}

/*Body �¿� ������*/
.container{max-width: 1400px; width: 100%;margin: auto;padding:0;box-sizing:border-box;}
.row::after{content: ''; display: block; overflow: hidden; clear: both;}

::-webkit-input-placeholder {font-size:0.9em;color:#999}
:-ms-input-placeholder {font-size:0.9em;color:#999}
::placeholder {font-size:0.9em;color:#999}

@media(max-width:760px){
.maxcontainer{max-width: 100%;margin:0;padding:0;box-sizing:border-box;}
.container{max-width: 100%; margin:0 auto;padding:0; box-sizing: border-box;}
}

@media (min-width: 1100px) and (max-width: 1366px) {   
}

.clearfix:after{content: ''; display: block; clear: both}



/* mobile menu icon */
.material-icons{font-size: 32px;}/*mobile menu icon*/

/* header ================================================================== */
/* Top Util menu */
/* header .maxcontainer:before {
   display: block;
   content: '';
   width: 100%;
   height: 34px;
   background-color: #000000;
   position: relative;
   box-sizing: border-box;
} */

/*���ܹ��� ��ȭ*/
/* header .util .utilline{margin:auto;padding: 2px 0 0 0;box-sizing: border-box;}
header .util .utilline .telnumber{line-height: 28px;}
header .util .utilline .telnumber a{font-size: 15px;font-weight:500;color:#e6003b;} */
/* 
@media(max-width:760px){
header .util{margin:0;width:100%;}
header .util .utilline{width:90%;border:none;}
header .util .utilline li{margin:0;font-size:13px;font-weight:500;}
header .util .utilline li a:hover{font-weight:500;}
header .util .utilline .telnumber{margin:0 auto;text-align:center;}
header .util .utilline .telnumber a{color:#e6003b;font-size:1em;}
} */



/* section =============================================== 
Header �Ʒ� Body ������ġ-TOP�� ������ �ʵ��� /
.Main-Slide-section{
   padding-top:130px;
   padding-bottom:100px;
}*/
/* ================================ */
/* main-slide */
/* ================================ */
.main-slide{position: relative;background-color:#f1f1f1;}

.main-slide .t, 
.main-slide .m{
   display: none !important;
}

.main-slide img{
   display: block; 
   max-width: 100%;
   width: 1920px;
   height:650px;
   margin:auto;
   box-sizing: border-box;}

.main-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 14px;
   width: 15px;
   height: 15px;   
}
/* .swiper-pagination-bullet {
   width: 15px;
   height: 15px;   
   background: #fff;
   opacity: 0.8;
} */
.swiper-pagination-bullet-active{
   background: #F3C525;
   background: #d83c9c;
}
.main-slide .next, 
.main-slide .prev{
   /* cursor: pointer; */
   z-index: 1;
   position: absolute;
   top:50%; 
   transform: translateY(-50%);
   /* color: rgb(255, 244, 232);	 */
   /*#052e6b;*/
   font-size: 5em;
}
.main-slide .next{right:0;
   background-image: url(../../assets/images/arrow_next.png);
}
.main-slide .prev{left:0;
   background-image: url(../../assets/images/arrow_prev.png);
}

@media(max-width:760px){
   .main-slide .swiper-container{height:350px;}
   .main-slide .t, 
   .main-slide .swiper-slide .m{display: block;}
   .main-slide .swiper-slide img{width:400px;height:350px;}
   
.main-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 8px;
   width: 11px;
   height: 11px;   
}
}

/* ================================ */
/*contact*/
/* ================================ */

.contact-rolling {position:relative;margin-bottom:15rem;margin-top:0rem;text-align:center;}

.contact-rolling .main-subbanner__wrap {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 10rem 0 ;
}

.contact-rolling .Main-roll-Title{width:100%;margin:0 0 2.5rem 0;text-align: center;}
.contact-rolling .Main-roll-Title h2{text-align:center;color:#000;font-size: 4.6rem;font-weight: 700;}
.contact-rolling .Main-roll-Title .tit-bottom{color:#525252;font-size: 3rem;font-weight: 600;PADDING:0 0 1rem 0;}
.contact-rolling .Main-roll-Title p{font-size: 1.9rem;font-weight: 500;padding:30px 0; line-height: 3rem;}

/* .contact-rolling .Main-roll-Container{display:flex;margin:5rem 0;text-align: center;margin:auto; } */
.contact-rolling .Main-roll-Container{width: 90%;display: grid; grid-template-columns: repeat(3, 1fr); gap: 2%;float: none !important;padding:5rem 0;margin:auto;}

.contact-rolling .contact-container{width:100%;margin-right:1rem;padding:5rem 6rem 0 4rem;height:180px;border-radius:0px;transition:.5s ease;}
.contact-rolling .contact-container:hover{border-radius:50px;transition:.5s ease;}
.contact-rolling .contact-container h2{font-size:3rem;font-weight:600;padding-top:10px;}
.contact-rolling .contact-container h3{font-size:2.1rem;font-weight:500;color:#555;}
.contact-rolling .contact-container .smalltext{font-size:2.7rem;}

.contact-rolling .box-blue{padding:30px;background-color:#c5f6ff;background-image: url(../../image/_bg_icon1.jpg);background-size: cover;}
.contact-rolling .box-pink{background-color:#ff9df2;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.contact-rolling .box-pink{background-color:#FBDBE5;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.contact-rolling .box-yellow{background-color:#FCEBD1;background-image: url(../../image/_bg_icon3.jpg);background-size: cover;}
.contact-rolling .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.contact-rolling .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;}
.contact-rolling .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;}

.contact-rolling .tel,.kko,.mail{box-shadow: 0px 1px 5px rgba(104, 104, 104, 0.14);}
.contact-rolling .tel,.kko,.mail{box-shadow: 10px 10px 15px rgba(71, 71, 71, 0.14);}

.contact-rolling .box-blue,.box-pink,.box-yellow{box-shadow: 0px 1px 5px rgba(104, 104, 104, 0.14);}

.contact-rolling .Left_Title {width:50%;float:left;}
.contact-rolling .Left_Title h2 {font-size:2.6rem;color: #525252;}

.contact-rolling::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:1340px;
   width: 100%;
   height: 0;
   background: #efefef;
   background: #ffc5ed;
}

/* .swiper-slide .m{display:none} */

/* CONTACT BANNER */
/*rolling 1. main_info*/
.contact-rolling .main_info{display:block;width:50%;padding:2rem 0 0 3rem;text-align:left;}
.contact-rolling .main_info h3{font-size:1.8rem;font-weight:500;}
.contact-rolling .main_info .Tel{font-size:1.8rem;font-weight:700;}

.contact-rolling .main-notice-banner{display: block; width: 100%;height:45rem;padding-top:10rem;margin:auto;}
.contact-rolling .main-notice-banner img{width: 100%;height:100%;border-radius:30px;}

.contact-rolling .swiper-container{padding-top:10rem;}
.contact-rolling .swiper-container .sketch-btn-wrap > div {
   position: absolute;
   top: 28%;
   transform: translateY(-50%);
   margin-top: 0;
   width: 3.5rem;
   height: 3.5rem;
   background-size: 100% auto;
   transition: all 0.3s;
}
.contact-rolling .swiper-container .sketch-btn-wrap .sketch-next {
   /* right: calc((100% - 1200px) / 2); */
   right: calc((100% - 1000px) / 2);
   background-image: url(../../assets/images/common/ico_slide_next.png);
   margin-left: 3rem;
}
.contact-rolling .swiper-container .sketch-btn-wrap .sketch-prev {
   /* left: calc((100% - 1200px) / 2); */
   left: calc((100% - 450px) / 2);
   background-image: url(../../assets/images/common/ico_slide_prev.png);
}

@media(max-width:1260px){
   .contact-rolling .main-notice-news{width:95%;float:left;margin-left:2%;margin-top: 0rem;}
}

@media (max-width: 768px) {
   .contact-rolling .main-notice-banner{width:90%;height:auto;padding-top:10rem;margin:auto;}
   .contact-rolling .main-notice-banner img{width:100%;height:auto;border-radius:10px;}
   .contact-rolling .swiper-container{padding-top:2rem;}
}  


@media(max-width:760px){
    .contact-rolling {margin-bottom:0px;width:100%;}
    .contact-rolling .maxcontainer {width:100%;padding:0;}


    .contact-rolling .main-subbanner__wrap {
      max-width: 100%;
      margin: 0 auto;
      padding: 10rem 0 5rem 0 ;
    }


    .contact-rolling .Main-roll-Title{margin-bottom:0px;}
    .contact-rolling .swiper-slide{clear: both;width: 90%;margin:0;}
    .contact-rolling .Main-roll-Title h2 {font-size:2.9rem;font-weight:600;}
    .contact-rolling .Main-roll-Title .tit-bottom{font-size: 1.9rem;font-weight: 600;}
    .contact-rolling .Main-roll-Title p{font-size: 1.6rem;;}

    .contact-rolling .Main-roll-Container{display:block;width:100%;padding:0rem;}
    .contact-rolling .Left_Title {width:100%;float:none;}
    .contact-rolling .Left_Title h2 {font-size:1.8rem;FONT-WEIGHT:700;text-align: center;}

    .contact-rolling .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius:0;margin-top:20px;}
    .contact-rolling .box-blue{padding:10px 30px;}
    .contact-rolling .contact-container:hover{border-radius:10px;transition:.5s ease;}
    .contact-rolling .contact-container h2{font-size:2.1rem;font-weight:600;}
    .contact-rolling .contact-container h3{font-size:1.6rem;font-weight:500;}
    .contact-rolling .contact-container .smalltext{font-size:1.7rem;}

    .contact-rolling .main_info{width:100%;}
    .contact-rolling .main_info h3{font-size:1.4rem;font-weight:500;}
    .contact-rolling .main_info .Tel{font-size:1.4rem;font-weight:600;}
    .contact-rolling::before{
        top:1400px;
        width: 100%;
        height: 0px;}
}




/* animation */
.boardlist{animation: fadeInUp 0.6s linear;}
.main-sketch .portfolio-wrap{animation: lab-bar 0.4s linear;}
.contact-rolling {animation: up-down-main 0.5s linear;}
.profile-list .img{animation: up-down 0.5s linear;}
.picscasting .picscasting-list .img{animation: lab-bar 0.5s linear;}
.boardpicslist{animation: lab-bar 0.4s linear;}
/* .titleimg h1{animation: lab-bar 0.3s linear;} */



/* animation ================================================== */
@keyframes up-down{
   0%,100%{transform: translateY(0);}
   50%{transform: translateY(-30px);}   
}

@keyframes up-down-main{
   0%,100%{transform: translateY(0);}
   50%{transform: translateY(-50px);}   
}
.fadeInUp.on{
   animation: fadeInUp 1s linear forwards;
}

@keyframes fadeInUp{
   0%{transform: translateY(100px); opacity: 0;}
   100%{transform: translateY(0); opacity: 1;}
}

@keyframes lab-bar{
   0%{transform: scaleX(0);}
   100%{transform: scaleX(1);}
}

/* .getauditionbtn:hover{animation: lab-bar 0.6s linear;} */




/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(0deg, #b8d7ff 0%, #2b68b6 100%);
  background: linear-gradient(0deg, #ff9cb5 0%, #e6003b 100%);
  padding: 0;margin:0;
  border:solid 0px red;
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  height: 70vh;
  padding-top: 0px;
}




@media (min-width: 1024px) {
  #hero p {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-width: 768px) {
  #hero .carousel-container {
    height: 90vh;
  }
  #hero h2 {
    font-size: 28px;
  }
}

.hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}


/* ============================================================
   Layout - Header, Footer, Navigation
   Source: /assets/css/layout.css
   ============================================================ */
.main_header-wrap{
  /* background: #fff; */
  /* opacity: 0.1; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  font-family: var(--font-default);
  transition: 0.5s ease-in-out;
  overflow: hidden;
}

.header-wrap {
  background: #D60000;
  background: #000;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  font-family: var(--font-default);
  transition: 0.5s ease-in-out;
  overflow: hidden;
}

.header-container {
  position: relative;
  background: #fff;
  /* opacity: 1; */
  width:90%;
  max-width:100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .main_header-wrap {
    height: 5.6rem;
  }
  .header-wrap {
    height: 5.6rem;
  }
.header-container {
  width:100%;
}
}

.header-logo {
  position: absolute;
  left: 2.4rem;
  top: 2.2rem;
}
@media (max-width: 768px) {
  .header-logo {
    left: 2.4rem;
    top: 1.2rem;
  }
}

.header-logo__link {
  display: inline-block;
  width: 8rem;
  height: 5rem;
  background: url(../../image/logo_Main_w.png) center no-repeat;
  background-size: 80% auto;
  background-size: 80px auto;
  border-radius: 5px;
}


.header-logo__link__Text {
  display: inline-block;
  width: 15rem;
  height: 5rem;
  background: url(../../image/textlogo2.png) center no-repeat;
  background-size: 100% auto;
}

@media (max-width: 768px) {
.header-logo__link {
  width: 5rem;
  height: 3.2rem;
  background-size: 5rem auto;
}

.header-logo__link__Text {
  width: 14rem;
  height: 3.2rem;
  margin-left:10px;
}
}

.Main_header-menu {
  text-align: center;
}

.header-menu {
  text-align: center;
}


.Main_header-menu.active {
  display: block;
}

.header-menu.active {
  display: block;
}



.Main_header-menu__list {
  /* display: inline-block; */
  /* vertical-align: top; */
  display: block;
  float: right;
}

.Main_header-menu__list:after {
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 94px;
  width: 300%;
  height: 0px;
  transition: 0.5s ease-in-out; 
  background-color: #fff;
}


.Main_header-menu__list:hover .header-menu__sub {
  opacity: 1;
  height: 260px;
  transition: 0.5s ease-in-out; 
}

.Main_header-menu__list:hover:after{
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 35.4rem;
  top: 354px;
  width: 300%;
  height: 0px;
  background-color: #fff;
}


/* mouse hover */
.header-wrap:hover {
  background: #2b68b6;
  background: #D60000;
  background: #000;
  color:#fff;
  transition: 0.5s ease-in-out; 
}

.header-wrap:hover .header-menu__link{
  color:#fff;
}

.header-wrap:hover .header-logo__link {
  display: inline-block;
  width: 8rem;
  height: 5rem;
  background: url(../../image/logo_Main_w.png) center no-repeat;
  background-size: 80px auto;
  border-radius: 5px;
  transition: 0.3s ease-in-out; 
}


@media (max-width: 768px) {
.header-wrap:hover .header-logo__link {
    width: 5rem;
    height:3.2rem;
  background-size: 100% auto;
  }
}

/* .header-wrap:has(.header-list:hover) {
  background-color: #ff0000;
  transition: background-color 0.3s ease;
} */

.header-menu__main:hover .header-menu__link-text{color:#afafaf;}

.header-menu__list {
  /* display: inline-block; */
  /* vertical-align: top; */
  display: block;
  float: right;
}

/* main menu */
.header-menu__list:after {
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 94px;
  width: 300%;
  height: 0px;
  transition: 0.5s ease-in-out; 
  background-color: #ccc;
}


.header-menu__list:hover .header-menu__sub {
  opacity: 1;
  height: 300px;
  transition: 0.5s ease-in-out; 
}


.header-menu__list:hover:after{
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 354px;
  width: 300%;
  height: 0px;
  background-color: #ccc;
}

.main-header-menu__link {
  color: #fff;
  font-size: 1.6rem;
  line-height: 150%;
  font-weight: 700;
}
.header-menu__link {
  color: #fff;
  font-size: 1.6rem;
  line-height: 150%;
  font-weight: 700;
}

.header-menu__item {
  float: left;
}

.header-menu__item:hover .header-menu__link-text:after {
  opacity: 1;
  background: #fff;
}

.header-menu__main .header-menu__link {
  display: block;
  width: 18rem;
}

.header-menu__main .header-menu__link-text {
  display: block;
  position: relative;
  padding: 3.5rem 0;
  font-size:2rem;
  /* font-weight: 600; */
  /* font-family: 'Poppins'; */

  font-family: var(--font-point) !important;
  font-weight: 600; 
  text-transform: uppercase; 
}



.header-menu__sub {
  overflow: hidden;
  opacity: 0;
  height: 0;
  text-align: center;
  transition: 0.5s ease-in-out; 
}
.header-menu__sub:before {
  display: block;
  height: 1.8rem;
  content: "";
}
.header-menu__sub-item {
  position: relative;
  margin: 0.6rem 0;
  padding: 0.4rem 0;
}

.header-menu__sub-item .header-menu__link{font-size: 1.5rem; font-weight: 500;color:#fff;
  font-family: var(--font-point) !important;
}

.header-menu__sub-item .header-menu__link:hover{color: #00b6a1;}

.main_header-etc {
  position: relative;
  float: right;
  left:5rem;
  top: 2.7rem;
}
@media (max-width: 768px) {
  .main_header-etc {
    position: relative;
    right: auto;
    top: auto;
    padding: 0 2.4rem 2.4rem;
  }
}

.header-menu__link, 
.header-menu__link-text {
    transition: none !important; 
}

.main_header-etc__item{width:4rem;height:4rem;}
.header-etc__item{width:4rem;height:4rem;}
 

.header-etc {
  position: relative;
  float: right;
  left:5rem;
  top: 2.7rem;
}
@media (max-width: 768px) {
  .header-etc {
    width:3rem;
    float: none;
    left: auto;
    top: auto;
    padding-left: 3rem;
  }
}



.header-etc__list {
  display: block;
}

/* Mobile SNS */
.gnb-menu .header-etc {
  width: 100%;
  float: none;
  left: auto;
  top: auto;
  padding: 1.6rem 2.4rem 2rem;
  box-sizing: border-box;
}
.gnb-menu .header-etc__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
}
.gnb-menu .header-etc__item {
  width: 30px;
  height: 30px;
}


.gnb-menu .header-etc__link {
  display: block;
}


.header-etc__itemA{width:3.8rem;height:3.8rem;}
.header-etc__itemB{width:3.5rem;height:3.5rem;}
.header-etc__item + .header-etc__item {
  margin-left: 1rem;
}

.header-etc__link {
  display: inline-block;
}

.header-etc__link .header-insta{
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  background: url(../../image/_logo_insta_w.png) center no-repeat;
  background-size: cover;
}

.header-wrap:hover .header-insta{
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  background: url(../../image/_logo_insta_w.png) center no-repeat;
  background-size: cover;
  transition: 0.3s ease-in-out; 
}

.header-kakao{
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../../image/_logo_channel.png) center no-repeat;
  background-size: cover;
}

.header-wrap:hover .header-kakao{
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  background: url(../../image/_logo_channel_w.png) center no-repeat;
  background-size: cover;
  transition: 0.3s ease-in-out; 
}



/* 
.go-insta{background-image: url('../../image/_ico_insta.jpg');background-size: cover; }
.go-insta:hover{background-image: url(../../image/_ico_insta_hover.jpg);background-size: cover;}
.go-band{background-image: url('../../image/_ico_band.jpg');background-size: cover;}
.go-band:hover{background-image: url(../../image/_ico_band_hover.jpg);background-size: cover;}
.go-blog{background-image: url('../../image/_ico_blog.jpg');background-size: cover;}
.go-blog:hover{background-image: url(../../image/_ico_blog_hover.jpg);background-size: cover;} 
*/

.header-button {
  display: none;
  position: absolute;
  right: 1.6rem;
  top: 1.2rem;
  z-index: 100;
}

@media (max-width: 768px) {
  .header-button {
    display: block;
  }
}

/* .scroll header{
  height: 78px;
  top:0;
  border-bottom:0px solid #FF0000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=90, Strength=5);
  filter:drop-shadow(0px 0px 10px #e2d1d1)
} */

.gnb-menu {
  display: none;
  padding-top: 5.6rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50vh;
  background: #fff;
  z-index: 99;
  overflow-y: auto;
  box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: 0.5s ease-in-out;
}
.gnb-menu.active {
  display: block;
}
.gnb-menu__list {
  display: block;
  padding: 2.4rem;
}
.gnb-menu__link {
  color: #000;
  font-size: 1.8rem;
  line-height: 150%;
  font-weight: 500;
}
.gnb-menu__main {
  padding: 1rem 0;
}
.gnb-menu__sub {
  display: none;
  padding: 1rem 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.gnb-menu__sub-item {
  position: relative;
  padding: 0.8rem;
}
.gnb-menu__sub-item .gnb-menu__link {
  font-size: 1.6rem;
  font-weight: 500;
}

.gnb-menu__main .gnb-menu__link-text {font-weight: 800;}


.contents {
  padding-top: 7.5rem;
}
@media (max-width: 768px) {
  .contents {
    padding-top: 5.6rem;
  }
}


/* .SubBtnDiver{display:inline;padding:0 2rem;} */
.SubBtnJunior{display:inline-block;text-align: center;font-size:2.5rem;font-weight:600;color:#000;}



/* 프로필·워크 공통 필터 chip 바 */
.ch-chips-bar {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 16px;
  box-sizing: border-box;
}

.SubMenu-Btn {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #5c5852;
  background: #fff;
  border: 1.6px solid #e6e1d6;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color .18s, color .18s;
}

.SubMenu-Btn-over {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #e11d28;
  border: 1.6px solid #e11d28;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  transition: background .18s, border-color .18s;
}

.SubMenu-Btn:hover {
  border-color: #1a1a1f;
  color: #1a1a1f;
  background: #fff;
}

.SubMenu-Btn .arrow,
.SubMenu-Btn-over .arrow {
  display: none;
}

@media (max-width: 768px) {
  .TbgImg3 { height: auto; padding-bottom: 0.5rem; margin-bottom: 0; }
  .ch-chips-bar { width: 92%; padding: 12px 0 10px; gap: 6px; }
  .SubMenu-Btn, .SubMenu-Btn-over { font-size: 12px; padding: 7px 13px; }
}


/* Button */
[class^=icon] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border-radius: 4px;
}

.btn-view {
  display: block;
  border: 1px solid #242424;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  color: #242424;
  text-align: center;
}

.btn-menu {
  width: 3.3rem;
  height: 3.3rem;
  background-image: url(/assets/images/common/ico_menu.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.btn-menu.active {
  background-image: url(/assets/images/common/ico_close.svg);
}


/* 메인 (PC only) */
@media (min-width: 769px) {
  /* 기본: 투명 */
  .main_header-wrap .header-container {
    background: transparent;
  }
  /* hover: 반투명 */
  .main_header-wrap:hover {
    background: rgba(0,0,0,0.65);
  }
  /* scroll: 반투명 */
  .main_header-wrap.scrolled {
    background: rgba(0,0,0,0.65);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }
  .main_header-wrap.scrolled .header-menu__link,
  .main_header-wrap.scrolled .header-menu__link-text {
    color: #fff;
  }
  .main_header-wrap.scrolled .header-menu__sub-item .header-menu__link {
    color: #fff;
  }
  .main_header-wrap.scrolled .header-logo__link {
    background-image: url(/image/logo_main_w.png);
  }
}

/* footer ================================================== */

footer .middle_mob{display:none;}

footer{clear:both;background: #FFFFFF;text-align: center;border-top:1px solid #ccc;  font-size: 1.3rem;width:90%;padding: 3rem; margin:auto;}

footer .footbox .contact-line{margin:auto;padding:1rem;text-align:center;}
footer .footbox .contact-line li{display: inline-block;margin:0 10px;font-size:2.1rem;font-weight:500;text-align: center;}

footer .footbox .telline-container{width:100%;max-width:1400px;margin: auto;border-top:solid 0px #ccc;padding-top:3rem;}
footer .footbox ul{width:100%;margin:auto;text-align: center;}
footer .footbox .tel-line li{margin:auto;text-align: left;margin:0 auto;font-size:3rem;color:#555;font-weight:400;}

footer .footbox .tel-line .mail_foot{float:left;font-size:1.8rem;color:#555;font-weight:400;padding:0;}

@media(max-width:768px){
  footer{font-size:1.3rem;}
  footer .footbox{height:0rem;}
  footer .footbox .contact-line{font-size: 1.5rem;}
  
  footer .footbox .telline-container{width:90%;margin: auto;}
  footer .footbox ul{width:90%;margin:auto;}
  footer .footbox .tel-line li{text-align: left;margin:0px;padding:0;}
  footer .footbox .tel-line li a{font-size:1.6rem;padding:0;}
  footer .footbox .tel-line .mail_foot{float:none;font-size:1.3rem;line-height:1.5rem;color:#555;font-weight:400;}
}

footer .sns{float: left;margin: 0 auto;}
footer .sns li{float: left;padding:0;margin-left:2px;}

footer .sp{display: inline-block; background: url(../image/iconsns.png) no-repeat;}
footer .sp-band{width: 30px; height: 30px; background-position: 0 0;}
footer .sp-instagram{width: 30px; height: 30px; background-position: -31px 0;}
footer .sp-facebook{width: 30px; height: 30px; background-position: -61px 0;}

footer .container{display:flex;align-items: center;position: relative;padding-top:2rem;padding-bottom:3rem;border-bottom:solid 1px #ccc;}
footer .foot_logo{padding:20px 0;}
footer .foot_logo img{width:70px;}

footer .foot_left{width:20%;text-align: center;}
footer .foot_right{width:85%;padding:0;display:flex;align-items:flex-start;gap:3rem;}
footer .foot_info{flex:1;}
footer .addr{
   width:auto;max-width:none;margin:0;color:#000;font-size:1.5rem;line-height:3rem;text-align:left;}
footer .addr .copyrights{font-size:1.3rem;color:#999;line-height:2.5rem;}
footer .foot_contact{min-width:220px;text-align:right;}
footer .btn-family{display:inline-block;border:1px solid #999;padding:1rem 1.8rem;font-size:1.4rem;color:#333;line-height:1;border-radius:3px;transition:0.3s;}
footer .btn-family:hover{border-color:#333;color:#000;background:#f5f5f5;}
footer .foot_cs{margin-top:1.5rem;}
footer .cs-title{font-size:1.5rem;font-weight:600;color:#555;margin-bottom:0.8rem;padding-bottom:0.5rem;border-bottom:1px solid #ddd;}
footer .cs-tel{font-size:1.8rem;font-weight:700;color:#222;line-height:2.5;}
footer .cs-email{font-size:1.4rem;color:#555;line-height:2;}

footer .addr span{
   display: inline-block;
   line-height:1.6rem;
   margin-right:20px;
   padding-right: 5px;
   /* background: url(../img/footer_line.gif) no-repeat right; */
}

footer .company{color:#E6003B;font-size:1.8rem;;font-weight:700;margin-bottom:10px;}
footer .foot_company_name{font-size:2rem;font-weight:600;}
footer .com_teltext{font-size:14px;;font-weight:500;color:#ce0060;}
footer .com_tel{font-size:16px;;font-weight:500;color:#dfdfdf;}
footer .middle{display:inline-block;width:100%;padding:40px 0 40px 0;text-align:center;}
footer .middle .amiddle{float:left;width:35%;height:90px;padding:0;}
footer .middle .bamiddle{text-align:left;padding:10px 0 0 0;}
footer .middle .bbmiddle{text-align:left;padding:0 0px;line-height:18px;}
footer .middle .bmiddle{text-align:left;padding:10px;width:10%;text-align:right;vertical-align:bottom}
footer .middle .bottomline{float:left;text-align:left;width:60%;padding:10px 0 10px 40px;}/*border-left:solid 1px #ccc;*/
footer .middle .batext{color:#818181;font-size:1em;font-weight:500;}

footer .middle .amiddle::after{
   z-index: -1;
   content: '';   
   left:200px; 
   top:0px;
   width: 2px;
   height: 80px;
   background-color: #000;
}

footer .inner{width:100%;position: relative;padding:20px 0 30px 0;background:#f9f9f9;box-sizing: border-box;}

footer .inneraddr li{line-height:20px;font-size:12px;}
footer .smallcopy{
   color:#6c6c6c;
   font-size: 11px;
   font-weight: 600;
   padding:0;
   margin: 0 auto;
}
footer .foot-copy{display:block;padding:30px 0;}

@media(max-width:768px){
  footer .util li{display: inline-block;margin: 3px 8px;}
  footer{width:100%;margin-top:3rem;}
   
  footer .container{display:block;text-align:center;width:100%;border:0;}
  footer .foot_company_name{font-size:1.7rem;font-weight:600;text-align: center;}
  footer .footbox {padding:0;}
  footer .footbox h2{font-size:2.5rem;line-height:2.5rem;color:#fff;font-weight:700;padding:20px;text-align: center;}
  footer .footbox .mail_foot{font-size:1.2rem;line-height:2.5rem;}
  
  footer .util{font-size: 1.2rem;padding:1.5rem;}

  footer .foot_left{width:100%;padding: 0;}
  footer .foot_right{width:100%;padding:1rem;margin-bottom:2rem;line-height:2rem;display:flex;flex-direction:column;}
  footer .foot_contact{width:100%;text-align:center;order:-1;margin-bottom:2rem;}
  footer .foot_info{order:0;}
  footer .btn-family{display:block;text-align:center;}
  footer .foot_cs{text-align:center;}
  footer .cs-title{display:inline-block;}
  footer .cs-tel{font-size:1.6rem;}
  footer .addr .copyrights{text-align:center;}
  footer .foot_logo{width:80px;margin:auto;}
  footer .sns{display:none;}
  footer .company{display:block;font-size:1.2rem;;font-weight:700;color:#FF0000;}
  footer .com_tel{font-size:1.3rem;}
  footer .copyrights{display:block;}
  footer .addr{font-size:1.5rem;line-height:2.5rem;}
  footer .foot-copy{float:none;padding:0;text-align:center;}
}


/* ============================================================
   Base - Component styles
   Source: /assets/css/base.css
   ============================================================ */
/* ============================================
 * Mobile-First Responsive CSS
 * Breakpoints:
 * - Mobile: 0~767px (기본)
 * - Tablet: 768px~1023px
 * - Desktop: 1024px~1439px
 * - Large: 1440px+
 * ============================================ */

/* ============================================
 * BASE STYLES (Mobile First: 0~767px)
 * ============================================ */

/* From mobile.css */

/* quick-menu & quick-event =============================================== */
.quick-event{
   right: 20px;
   bottom: 20px;
   top: initial;
   left: initial;
}
.scroll .quick-event{
   top: initial;
}

/* section =============================================== */

/* main-slide */
.main-slide .m{
   display: block;
}
.main-slide .p, 
.main-slide .t{
   display: none;
}

.cooper{
display: none;
}

/* main-castingnews */
.main-castingnews{
   height:400px;
   background-size: cover;
   text-align: center;
   background-color: #E8FAFF;
}
.main-castingnews h2{
   padding-top:60px;
   font-size: 32px;
}
.main-castingnews h2 em{
   display: block;
}
.main-castingnews h2::after{
   display: none;
}
.main-castingnews p{
   margin: 20px 0 45px;
   font-size: 20px;
}
.main-castingnews a{
   border-bottom:solid 1 #aaaaaa;
   background: #fafafa;
   color:;
   
}

.main-castingnews a:hover{
   border-color:#19683b;
   background: #19683b;
   border-color:#233e83;
   background: #233e83;
   color:#fff;
}
.main-castingnews .swiper-container{
   display: none;
}
.main-castingnews .film-container{
   display: none;
}
.main-castingnews .castingnews{
	width:100%
}
.castingnews_title{
	width:100%}
.castingnews_cont{
	width:100%}

/* main-sns */
.main-portfolio .sns-list{
   margin: 30px 0 60px 10px;
}
.main-portfolio .sns-list li{
   /* width: 33.33%; */
   width: 31%;
}
.main-portfolio .sns-list li:nth-child(9){
   display: block !important;
}



.boardmobile{width:100%}

.artclehidden{display: none;}
.artclehidden{display: none;}
.ArticleLine {width:100%;font-size:12px;}
.BF_MTitle{display:inline;}


div.paging span.btn a.pageFirst {display:none;}
div.paging span.btn a.pagePrev10 {display:none;}
div.paging span.btn a.pageNext10 {display:none;}
div.paging span.btn a.pageLast {display:none;}


/* footer ========================================== */
footer .middle{display:none;}

footer .container{position: relative;width:100%;}
footer .util{text-align:center;}
footer .util .nodp{display:none;}

footer .middle_mob{display:inline-block;width:100%;padding:10px;text-align:center;}
footer .middle_mob .bottomline{text-align:left;width:100%;padding:3px;}
footer .middle_mob .batext{color:#818181;font-size:1em;font-weight:500;}
footer .middle_mob .baphone{color:#000;font-size:1.4em;font-weight:600;line-height:1.6em}
footer .middle_mob .inneraddr li{line-height:20px;font-size:0.9em;}

footer .container .ccm{
   position: static;
   display: block;
   margin-bottom:25px;
}
footer address span:first-child{
   background: none;
}

/* Mobile styles from base.css @media queries */
.img_pc_view{display:none;}
	.img_mo_view{display:block;}

.adressTextSub .subaddr{display:none}
	.TraffText{font-size:15px;}
	.TraffText .Th2{font-size: 20px;color:#426BCC}

.reserve_container{display:block;width:95%;margin:0 auto;margin-top:20px;text-align: left}
	.reserve_inner{width:100%;margin:0 0 50px 0;}
	.reserve_title{font-size:26px;color:#FF0000;font-weight: 600;}


	.mailsearch_subTitle{height:40px;font-size:26px;font-weight:600;margin-bottom:20px;}
	.mailsearchForm .searchTitle{font-size: 24px;}
	.mailsearchWriteForm .loginBoxRow .writebtn{width:85%;height:50px;font-size:17px;}

	.mailsearchForm .BFSearch_select{width:20%;height:50px;font-size:17px;border: solid 1px #d9d9d9;}
	.mailsearchForm .BFSearch_text{width:18%;height:50px;font-size:17px;padding-left:10px;border: solid 1px #d9d9d9;}
	.mailsearchForm .mailbtn{width:84%;height:50px;font-size:17px;}
	.mailsearchWriteForm .writebtnA{width:100%;}
	.mailsearchWriteForm .writebtnB{width:100%;}
	.audition_findList_Cont{text-align:left;margin:10px 0 10px 0;font-size:16px;font-weight:600;}
	.audition_findList_Cont>p{line-height:30px;}
	.audition_Cont_P{font-size:22px;}

.TbgImg1{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;background-color:#FFF;border-bottom:solid 0px #e7e7e7;}
.TbgImg2{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;margin-bottom:50px;}
.TbgImg3{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;filter: blur(0)}
.TbgImg4{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;background-color:#FFF;}
.TbgImg5{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;background-color:#FFF;background-size: cover;}

.LocationTextLine{width:100%;max-width:90%;}
	.titleimg{width:95%;padding:0;text-align:center;margin:auto;}
	.titleimg h1{font-size:1.75rem;font-weight:600;padding:0px;}
	.Location{width:100%}
	.LocationTextLine{width:100%;font-size:1.4rem;font-weight:500;}
	.Tbgsubtitle{width:100%;margin:auto;color:#3d3d3d;font-weight: 600;line-height:3rem;padding:0;font-size:1.6rem;}
	.LocationTextLine a, .LocationTextLine .first-noview{display:none}

.btnred{background-color:#c60008;width:25%;height:42px;color:#FFF;border:0;font-size:14px;font-weight:bold;outline:none;;}
	.btngray{background-color:#3d3d3d;width:25%;height:42px;color:#FFF;border:0;font-size:14px;font-weight:bold;outline:none;}

	.about-company{width:90%;margin:0 auto;}
	.about-company .about_comp1 {width:100%;margin: auto;}
	.about-company .about_comp1 h2{font-size:2.1rem;font-weight:600;padding:5rem 0 0 0;margin:auto;}
	.about-company .about_comp1 .subtit {margin:auto;font-size: 1.4rem;font-weight: 500;}
	.about-company .about_comp1 .tit{text-align: center;font-size:3rem;font-weight:600;padding:0px 0 30px 0rem;}
	.about-company .about_comp1 .desc{text-align: left; font-size:1.4rem;font-weight:400;padding:0px 0 30px 5rem;}
	.about-company .about_comp1 p{font-size:1.5rem;font-weight:500;line-height:2.5rem;}
	.about-company .about_comp1 .subtext{text-align: left;padding-bottom:30px;}

	.about-company .about_comp1-inline{line-height:2.5rem;padding-top:0;}
	.about-company .about_comp1-inline{display: block;width:100%;}
	.about-company .about_comp1-inline .about_left{clear:both;width:95%;}
	.about-company .about_comp1-inline .about_left .about_logo{width:50%;padding:4rem 0;;margin:auto;background-image: url(../../image/logo.png);background-size: cover;}
	.about-company .about_comp1-inline .about_right{float: none;}

	.about_comp1::before{
		top:110px;
		width: 98%;
		height: 400px;
	border-radius: 150px 0 0 0;
	right:0;
	}
	.about_comp1 .btn-contact{width:22rem;margin:0 auto;text-align:center;font-weight:600;float:none;}

.main-service + .main-service {
	  margin-left: 0;
	}

.main-service__wrap {
	  padding: 2rem 0 0rem 0;
	}

.main-service__wrap .swiper-container {
	  padding: 0 2.4rem;
	}

	.about-company .maxcontainer {width:100%;margin:auto;}
	.about-service {margin-bottom:0px;width:100%;}
	.about-service .Main-roll-Title{margin-bottom:5rem;}
	.about-service .swiper-slide{float:none;width: 80%;padding:10rem 0;margin: 30px 0px;}
	.about-service .Main-roll-Title h2 {font-size:2.9rem;font-weight:600;color: #525252;}
	.about-service .Main-roll-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;}
	.about-service .Main-roll-Title p{font-size: 1.2rem;;}

	.about-service_cont .a-service_01 {padding:4rem 0;border:solid 0px red}
	.about-service_cont .a-service_01 h3{font-size:2.1rem;font-weight:500;}
	.about-service_cont .a-service_01 p{font-size:1.7rem;font-weight:400;padding:1rem 0;}



	.swiper-container .swiper-slide {height:450px;}
	.swiper-slide .t, 
	.swiper-slide .m{display: block;}
	.swiper-slide .p{display: none;}
	.swiper-slide .swiper-slide img{height:350px;}
	.about-system .main-service__wrap{padding:5rem 0;}

.main-service .txt {left: 3rem;top: 3rem;}
	.main-service .txt .tit {font-size: 2.1rem;}
	.main-service .txt .desc {font-size: 1.4rem;}

.age-container {
		width: 100%;
		height: 20rem;
		border-radius: 3rem;
		margin:auto;
		padding:5rem 0;
	  }

.maps .mapcontainer{width:100%;margin: auto;margin:3rem 0;}
	#map{width:100%;padding-bottom:26rem;margin:0 auto;border-radius:2rem;}
	.contact .leftmap{width:98%;}
	.contact .textcontainer{width:98%;}
	.contact .textcontainer p{font-size:1.5rem;padding-left:20px;color: #777;}
	.contact .textcontainer h2{font-size:2.1rem;padding-left:20px;}

	.contact .contact-email h2{font-size:15px;padding-left:20px;}
	.contact .section-title h2 {font-size: 18px;font-weight: 500;margin-bottom: 20px;padding-bottom: 0;color:#3f3939;}
	.contact .contact-phone a:hover {color: #4f92af; }
	.contact .contact-address, .contact .contact-phone, .contact .contact-email {margin-bottom: 15px;}
	.contact .contact-address h2, .contact .contact-phone h2, .contact .contact-email h2{
		font-size: 16px;font-weight: 600;margin-bottom: 0px;color:#3f3939;}
  	.contact .contact-address p{line-height:2rem;font-weight:500;}


  .contact .contact-info {margin: 30px;display:block;}
  .contact .contact-info .contact_Tel{width:90%;margin: 0 0 10px 0;}
  .contact .contact-info .contact_Tel h3{font-size:14px;font-weight:500;}
  .contact .contact-info .contact_Tel p{font-size:1.4rem;font-weight:500;padding:1rem 0;}



	.publicway{color: #777; font-size:14px;}

	.viewmaplink{text-align:center;padding:10px 0 20px 0;}
	.mapbtnyellow{background-color:#FF9900;width:30%;height:40px;margin-top:10px;color:#FFF;border:0;font-size:14px;font-weight:400;}
	.mapbtnblue{background-color:#284197;width:30%;height:40px;color:#FFF;border:0;font-size:14px;font-weight:400;}
	.mapbtngreen{background-color:#03cf5d;width:30%;height:40px;color:#FFF;border:0;font-size:14px;font-weight:400;}
	#map{height:300px;}

	.inputidbox[type=text]{width:85%;}
	.inputpwdbox{width:85%;}
	.Now_BFTitle{font-size:1.2rem;}


/*경력*/
.pf_Boxcareer {display:block;width:95%;margin:auto;text-align: center;}
.pf_career {display:block;float:none;margin: auto;}

/*경력????��???/?��?��*/
.PFCareerTitle{display:block;height:50px;width:95%;font-size:36px;font-weight:500;padding:15px;text-align:center;border-bottom:solid 1px #bbb;margin:15px;}
.PFCareerCont{display:block;width:95%;font-size:0.9em;text-align: left;line-height:34px;padding-bottom:30px;}

/*경력 ?���?????????????? ?��기소�?????????????? ?��?��, ?���??????????????*/
.pf_tagcareer {float:right;width:95%;margin:auto;margin-left:2%;box-sizing:border-box;}
.pftagcareer {display:block;float:none;font-size:15px;line-height:18px;}
.PFtagcareerTitle{text-align:center; font-size:32px;font-weight:500;}
.pftagcareerTag {display:block;float:none;text-align:left;font-size:15px;line-height:20px;padding-bottom:10px;}
.pftagcareerCate {display:block;float:none;font-size:15px;line-height:18px;}

/*ON THE MEDIA*/
.pf_viewcareer {display:block;width:95%;float:left;margin-left:1%;}
.PFViewCareerTitle{display:block;;height:50px;width:95%;font-size:32px;line-height:60px;border-bottom:solid 0px #bbb;border-top:none;text-align: center;}
.PFViewCareerCont{display:block;position: relative;width:95%}
.PFViewCareerCont iframe{max-width:95%;margin:auto;}
.PFViewCareerCont p img{max-width:95%;max-height:95%;margin:auto;padding-bottom:10px;}

.profile-view{width:95%;}
.profile-view .main_pic{max-width:99%;margin:0 auto;padding-bottom:2px;text-align: center;float:none;}
.pfname{font-size:1.3rem;}

.picstable{display:block;width:98%;padding-left:0%;}
.pics_table {width:100%;display:inline-block;margin-left:3px;}
.pics_table li{float:left;width: 19%; margin: 0 1% 1% 0%;position: relative;}
.pics_table li .img{width: 100%;height:80px; position: relative; overflow: hidden;cursor:hand;}
.pics_table .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;border:solid 2px #E1E1E1;border-radius:10%;}

.pf_career {display:block;float:right;font-size:18px;line-height:20px;padding-top:50px;padding-left:1%;width:100%;text-align:center;margin:auto;}
.pf_career a{text-decoration:underline;color:#0066CC;}
.pf_career li{list-style-type:circle;}
.pf_career p{list-style-type:circle;line-height:24px;}
.pf_career {width:98%;padding:5px;text-align:left;}
.CareerBottom{display:none}
.PFCareerTitle{width:100%;margin:auto;font-size:30px;margin-top:15px;height:50px;box-sizing: border-box;}
.CareerBottom{padding-top:50px;}

.board .casting_list li{width: 95%;padding:0 7px 30px 3%;}
	.board .casting_list .img{width:100%;height:0;padding-bottom:178px;}
	.board .casting_list .casting-wrap .img{padding-bottom:342px;background: #fff;}
	.articlecont_box .casting-pics img{width:100%;border-radius:30px;margin-top:0px;}


/* ON AIR */
.board .PF_PicsList li{float: left;padding:0;margin-bottom:50px;width: 100%;}
.board .PF_PicsList .img{width: 90%;height:0;padding-bottom:calc(90% * 0.6);margin:0 auto;position:relative;overflow:hidden;}
.board .PF_PicsList .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.board .PF_PicsList .img-title-overlay{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;background:rgba(0,0,0,0);color:rgba(255,255,255,0.1);font-size:3rem;font-weight:600;text-align:center;line-height:1.4;word-break:keep-all;pointer-events:none;transition:background 0.4s,color 0.4s;z-index:2;padding:30px 1rem;}
.board .PF_PicsList .portfolio-wrap:hover .img-title-overlay{background:rgba(0,0,0,0.55);color:rgba(255,255,255,0.95);}

.ComTab4List{box-sizing: border-box;}
.ComTab4Lbox{width:23%;margin-right:2%;}
.ComTab4Mbox{float:left;width:35%;margin-right:2%;}
.ComTab4List .cast_title{text-align:center;padding-top:20px;}
.ComTab4List .cast_modelid, 
.ComTab4List .cast_modelid .modelPFlist,
.ComTab4List .cast_title .BF_Title{display:none;}
.ComTab4List .cast_title .BF_MTitle{display:inline;}
.ComTab4Lbox .typeiconbox{width:100%;height:150px;border:solid 2px #e1e1e1;margin-top:10px;margin-left:2px;border-radius:10px;}

.comTab6{width:98%;margin:auto;text-align:center;}
.ComTab6List{padding:5px 0 10px 0;margin:auto;margin-left:1%;width:98%;}
.ComTab6List .cast_title{display:block;}
.ComTab6List .cast_img{display:block;position: relative;width: 98%; height: 0; padding-bottom:50%; overflow:hidden; background: #000;cursor:hand;margin:auto;text-align:center;}
.ComTab6List .cast_modelid{display:block;}
.radius2{border-radius:20px;}
.radius1{border-radius:20px;}
.radius4{border-radius:20px;}
.radius3{border-radius:20px;}
.ComTab6List .cast_txt{font-size: 1em;}

/*MainPage CastingNews Icon*/
	.MselGubun_img_10{float:left;width:17%;height:22px;background-color:#26c221;color:#FFF;border:0;font-size:0.8em;border-radius:10px;}/* BB5204/F2BF7B */
	.MselGubun_img_11{float:left;width:17%;height:22px;background-color:#631f44;color:#fff;border:0;font-size:0.8em;border-radius:10px;}
	.MselGubun_img_12{float:left;width:17%;height:22px;background-color:#426BCC;color:#fff;border:0;font-size:0.8em;border-radius:10px;}
	.MselGubun_img_31{float:left;width:17%;height:22px;background-color:#ffa742;color:#fff;border:0;font-size:0.8em;border-radius:10px;}
	.selGubun_img_10{display:none}
	.selGubun_img_11{display:none}
	.selGubun_img_12{display:none}
	.selGubun_img_31{display:none}

	/* Casting News 본문 */
	.MselGubun_10{display:inline-block;color:#FF0000;font-size:1.4em;}
	.MselGubun_11{display:inline-block;color:#009bfa;font-size:1.4em;}
	.MselGubun_12{display:inline-block;color:#426BCC;font-size:1.4em;}
	.MselGubun_31{display:inline-block;color:#15BD9F;font-size:1.4em;}
	.selGubun_10{display:none}
	.selGubun_11{display:none}
	.selGubun_12{display:none}
	.selGubun_31{display:none}
	
	.news-img{width:15%;height:22px;background-color:#D60000;color:#fff;font-size:0.7em;border-radius:20px;margin-right:10px;}
	.notice-img{width:15%;height:22px;font-size:0.7em;background-color:#fff;border:solid 1px #000;border-radius:20px;margin-right:10px;}

	.img_i_10{display:block;width:10%;height:24px;background-color:#FFF;border:0;color:#961758;font-size:0.8em;border:1px solid #db2f23;border-radius:2px;}
	.img_i_11{display:block;width:10%;height:24px;background-color:#000;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_12{display:block;width:10%;height:24px;;background-color:red;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_13{display:block;width:7%;height:18px;;background-color:purple;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_34{display:block;width:10%;height:24px;background-color:red;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_33{display:block;width:10%;height:24px;background-color:red;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_32{display:block;width:10%;height:24px;background-color:red;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:0.8em;}
	.img_i_31{display:block;width:10%;height:24px;background-color:#FFF;border:1px solid #8DBE3A;border-radius:0 10px 0 10px;color:#8DBE3A;font-size:0.8em;}
	.icon_NoticeA{display:block;width:50%;height:24px;background-color:db2f23;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:13px;}
	.icon_NoticeB{display:block;width:30%;height:24px;background-color:db2f23;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:13px;}

.BFContent{width:90%;padding:2rem 0;font-size:1.5rem;line-height:2.2rem; margin:auto;margin-bottom:3rem;}
.BFContent p img{object-fit:contain;aspect-ratio:auto;}
/* object-fit:fill, scale-down,cover,none */
/* aspect-ratio:auto;가로세로비율 height :auto; */
.BFContent iframe{max-width:100%;}
.BoardBtns{display:block;width:100%;padding:30px 0 100px 0;text-align:center;}

	.boardview .NT_Title_Line{line-height:2.4rem;width:95%;height:6.5rem;text-align: right;}
	.boardview .NT_Title{font-size:2.1rem;line-height:2.4rem;}
	.boardview .NTContent{width:90%;padding:1.5rem;font-size:1.4rem;line-height:2.4rem;margin:auto;margin-top:2rem;}
	.boardview .NTContent p img{width:95%;padding:1%;}
	.LineWriteBtn{width:20%;}

	.prenext_box{width:95%;padding:5px;box-sizing:border-box;font-size:1.5rem;}
	.prenext_inbox{text-align:left;padding-left:10px;box-sizing:border-box;}
	.prenext_box .bf_now{padding:6px 0;}
	.prenext_box .bf_next{padding:6px 0;}
	.prenext_box .bf_next span{margin-right:10px;font-weight:500;font-size:1.4rem;}
	.prenext_box .BF_Title{display:inline;}
	.prenext_box .BF_MTitle{display:none;}

	.prenext_box{width:95%;padding:10px 0;border-top:solid 1px #e1e1e1;box-sizing:border-box;}
	.prenext_box .BF_MTitle{display:inline;}
	.prenext_box .BF_Title{display:none;}

	.CommentWriteBox{width:60%;}

	.contact-subbanner__wrap {width:100%;padding: 1rem 2.4rem;}
	.contact-subbanner__container{width:100%;}
	.contact-subbanner__container .tit {font-size:1.8rem;font-weight:700;width:100%;text-align: center;}
	.contact-subbanner__container::before{top:140px;width: 100%;height: 180px;}
	.contact-subbanner__wrap::before{top:10px;width: 100%;height: 310px;}

	.contact-subbanner {
		height: 10rem;
		width:170px;
		flex-direction: column;
		justify-content: center;
		margin: 0rem 0;
		padding: 0 1rem;
	}
	.contact-subbanner .material-symbols-outlined{font-size:2.5rem;color:#fff3e3;bottom:0;right:0;float:right;}
	.btn-contact .material-symbols-outlined{font-size:2.5rem;bottom:0;right:0;float:right;}
	.subbanner_top-box{width:100%;padding:5rem 0;background-color:#fff4ee;}
	.contact-subbanner .desc {font-size: 1.6rem;}
	.contact-subbanner .tit {font-size: 2.4rem;padding:2rem 1rem 1rem 1rem;}

	.JoinInfo_left{float:left;padding-top:7px;}

.info_policy {width:100%;margin:auto;padding:0rem 0 1.5rem 0 ;}
.info_policy .tit{font-size:1.6rem;padding-left:0px;box-sizing: border-box;}
.info_policy .tit-sub{font-size:1.3rem;font-weight:400;margin:0 auto;padding:15px 5px;}
.info_policy .Joincheck{font-size:1.3rem;padding:10px 0;}
.info_policy .Policy-Box{width:90%;height:80px;padding:1rem;}
.info_policy .Policy-Box p{font-size:1.2rem;}

.audition-line  .Addr1[type=text] {height:50px;width:90%;padding-left:10px; font-size:1.6rem;margin-top:5px;margin-left:0px;border: solid 1px #ccc;}
.AddrB {height:50px;width:40%;font-size:13px;}
.audition-line .AddrZ[type=text] {height:50px;width:80px;font-size:13px;padding:3px;}
.Addrsub11 {height:50px;width:100%; font-size:13px;margin-top:10px;padding-left:10px;border: solid 1px #ccc;background-color:#f1f1f1}
.audition_rightbox .btnsyellow{height:49px;width:85px;font-size:13px;}
.audtion-tag{display:none}

.ModelTable{padding:30px 0 30px 0;border-bottom:solid 1px #ddd;}
.ModelTable .modelPFlist{width:23%;height:90px;margin-right:1%;}
.ModelTable .modelPFlist:hover .middlename .text {color:#fff;font-weight:bold;font-size: 10px;padding: 45% 30%;}

.NoticeTable li{height:8rem;margin:0;padding:1.8rem 0 0 0;line-height:1.5rem;;}
	.noticeList .Notice-Content{float:none;line-height:0.1rem;}
	.noticeList .Notice-Date{float:;padding-top:10px;color:#999;font-size:1.3rem;}

.board-input_line .info_policy {width:100%;margin:auto;padding:0rem 0 1.5rem 0 ;}
	.board-input_line .info_policy .tit{font-size:1.6rem;padding-left:0px;box-sizing: border-box;}
	.board-input_line .info_policy .tit-sub{font-size:1.3rem;font-weight:400;margin:0 auto;padding:15px 5px;}
	.board-input_line .info_policy .Joincheck{font-size:1.3rem;padding:10px 0;}
	.board-input_line .info_policy .Policy-Box{width:100%;height:80px;border:solid 1px #ccc;padding:1rem;}
	.board-input_line .info_policy .Policy-Box p{font-size:1.2rem;}
	
.info_policy .Policy-Box{overflow-x:hidden;overflow-y:scroll;
	width:60%;	height:120px;box-sizing: border-box;padding:10px 15px 15px;line-height:20px;
	color:#A85996;font-size:1.2rem;text-align:left;background-color:#f6edff;border:1px solid #ddd;border-radius:0.7rem;}


.board{width:100%;}
.board-container{width:90%;margin:auto;padding:0;}
.boardlist{width:100%;}
.BoardList_table {border-top:solid 0px #ccc;}
.boardlist .BF_Notice{width:100%}


.board-write_container .board-input_Title_line .input-left{font-size:1.6rem}
.board-write_container .board-input_Title_line .input-right{font-size:1.3rem;}


.board-write_container .board-input_line{display: block;width:100%;font-size:1.4rem;font-weight:600;padding:25px 0;}
.BFMyTDTitle {font-size:12px;display:none;}
.board-write_container .board-input_line .input-left{width:100%;float:left;text-align:left; font-size:1.6rem;font-weight:600;height:36px;padding:10px 0 10px 0%;}
.board-write_container .board-input_line .input-right{width:100%;float:left;font-size:1.3rem;font-weight:600;padding:0;padding-left:0%;}

.board-write_container .audtion-phone_select{font-size:1.6rem;width:30%;height:45px;border: solid 1px #ccc;background-color: #eeeeee;border-radius:10px;}
.board-write_container .board-input_line .audition-text{font-size:1.6rem;padding:0 1rem;border: solid 1px #ccc;outline: none;background-color: #eeeeee;width:100%;height:45px;border-radius:10px;}
.board-write_container .board-input_line .audition-text[type=password]{font-size:13px;outline: none;background-color: #eeeeee;width:100%;height:45px;border-radius:10px;}
.board-write_container .board-input_line .smallbox{font-size:15px;border: solid 1px #ccc;outline: none;background-color: #eeeeee;width:30%;height:45px;border-radius:10px;}
.board-write_container .ckeditor-textbox{font-size:1.6rem;padding:1rem;margin-top:0rem;width:100%;height:160px;border: solid 1px #ccc;background-color: #eeeeee;border-radius:10px;}
.board-write_container .ckeditor-smalltextbox{font-size:1.6rem;padding:1rem;margin-top:0rem;width:100%;height:100px;border: solid 1px #ccc;background-color: #eeeeee;border-radius:10px;}
.board-write_container .board-input_line .Tel-phone_select{width:30%;height:45px;font-size:1.5rem;border: solid 1px #ccc;background-color: #eeeeee;outline:none;text-align: center;border-radius:10px;}
.board-write_container .board-input_line .Tel-smallbox{font-size:1.5rem;border: solid 1px #ccc;outline: none;background-color: #eeeeee;width:30%;height:45px;text-align: center;border-radius:10px;}

.board-input_line .chkboxdiv .snipet {margin-top:8px;font-weight:400;}
.board-input_line .chkboxdiv label {background-color: #fff;padding: 3px;border:solid 1px #ccc; border-radius: 5px;margin-right: 3px;}
.board-write_container .board-input_line .chkboxdiv{display: flex;width:100%;line-height: 2.5rem; flex-wrap: wrap;margin:0 0 2rem 0%;padding:0px;border: solid 0px #ccc;}


.board-input_line .chkboxdiv .snipet {margin-top:8px;font-weight:400;}
/* .board_chkbox[id=bfCheck]{width:15px; height:15px; border:solid 1px #000;padding:0; margin-right:4px;} */
.board-input_line .chkboxdiv input[type="checkbox"] {display: none;}
.board-input_line .chkboxdiv label {background-color: #fff;border:solid 1px #ccc; border-radius: 5px;margin-right: 6px;padding:0.5rem; cursor: pointer;}
.board-input_line .chkboxdiv input[type="checkbox"]:checked + label {background-color: #17ca86;color: #fff;border:solid 1px #17ca86;}




.board-write_container .textbox-area{height:21rem;}
.board-write_container .textbox-smallarea{height:15rem;}

.varify-pwd[type=text]{font-size:16px;height:50px;border:solid 1px #ccc;width:60px;height:40px;}
.view-pwd[type=text]{font-size:16px;height:40px;width:60px;}

.boardview .titleline{width:100%;line-height:3rem;text-align: center;font-size:2.5rem;font-weight:500;margin:auto;height:7rem;display: inline-block;}
.boardview .titlesub_line{text-align:right;padding-right:20px;font-size:1.5rem;}
.articlecont_box::before{
	top:200px;
	width: 100%;
	height: 160px;
	border-radius: 50px 0 0 90px;
}

.board-btn_line{width:100%;text-align: center;margin:45rem 0 1rem 0;}



.modisplay{display:block;}

	.pcdisplay{display:none;}
		
	.ArticleLine {display:inline;width:95%;height:50px;margin:auto;padding:10px 0 0 0;}
	.ArticleLine .BF_MTitle{font-size:13px;font-weight:400;}
	.ArticleLine .BF_Title{display:none;}

	.Article-Topline{display: none;}
	.Article-Topline span{padding-top:0px;}

	.ArticleTitle a:hover{color: #D60000;}
	.ArticleTitle a{font-size:14px;padding:10px 0 5px 15px;font-weight:400;line-height:25px;}

	.ArticleCont{display:none;}
	.ArticleNoticeLine {height:50px;font-size:14px;width:95%;margin:auto;box-sizing: border-box;}

	.boardlist .border_round{width:100%;}
	.boardlist .border_round li{margin-bottom:10px;line-height:27px;}

	.boardlist .BF_notice_table {width:100%;}
	.boardlist .BF_notice_table li{margin-bottom:10px;line-height:47px;padding-left:20px;}

	.ComTab6List .BF_Title{font-size:15px;}

	/*Notice*/
	.Mo_N_Title{display:block;font-size:15px;}
	.PC_N_Title{display:none;}

	.bf_now .BF_Title{display:none;}
	.bf_now .BF_MTitle{display:inline;}

.AudText4{width:100%;height:50px;font-size:16px;border:solid 1px #e1e1e1;padding-left:10px;}
.counseltable .smallbox{width:25%}
.AudSelect1{width:90px;height:50px;font-size:1em;border:solid 1px #e1e1e1;}
.AudSelect2{width:28%;height:50px;font-size:0.8em;border:solid 1px #e1e1e1;}

/* div.paging {margin:20px 0 auto; text-align:center;}
div.paging * {display:inline-block; line-height:21px; vertical-align:middle;}
div.paging li a {font-size:12px;height:26px; width:26px;margin:1px;}
div.paging li a:hover{font-size:12px;height:26px; width:26px;margin:1px;}
div.paging li {font-size:12px;height:26px; width:26px;margin:1px;}
div.paging li strong{font-size:12px;height:26px; width:26px;margin:1px;}
div.paging .btn a.pageFirst {display:none;}
div.paging .btn a.pagePrev10 {display:none;}
div.paging .btn a.pageNext10 {display:none;}
div.paging .btn a.pageLast {display:none;} */


div.paging {margin:20px 0 auto;text-align:center;}
div.paging * {display:inline-block;line-height:21px;}
div.paging li a {font-size:12px;height:26px;width:26px;margin:1px;}
div.paging li a:hover {font-size:12px;height:26px;width:26px;margin:1px;}
div.paging li {font-size:12px;height:26px;width:26px;margin:1px;}
div.paging li strong {font-size:12px;height:26px;width:26px;margin:1px;}
div.paging .btn a.pageFirst {display:none;}
div.paging .btn a.pagePrev10 {display:none;}
div.paging .btn a.pageNext10 {display:none;}
div.paging .btn a.pageLast {display:none;}

/* ============================================
 * TABLET STYLES (768px ~ 1023px)
 * ============================================ */
@media (min-width: 768px) {

/* From tablet.css */

/* header ================================================================== */
body{
   position: relative;
   right:0;
   transition: right 0.5s;
}

/* mobile nav 배경*/
header .container::after{
   content: '';
   position: fixed;
   left:0;
   top:0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0;
   visibility: hidden;
}
.open header .container::after{
   opacity: 0.7;
   visibility: visible;
}

/* util(members/sns/language) */
header nav .util{
   overflow: hidden;
   float: none;
   margin-bottom: 10px;
}
header nav .util .members{
   margin-left: 5px;
}
header nav .util .members li{
   height: 36px;
   line-height: 36px;
}
header nav .util .members li:first-child{
   margin-left: 0;
   padding-left: 0;
}
header nav .util .members .store{
   display: none;
}
header nav .util .members li a{
   color:rgb(255, 250, 240);
   font-size: 14px;
}
header nav .util .sns{
   float: right;
   margin: 4px 0 0 0;
}
header nav .util .language{
   display: none;
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/

/* gnb */
header nav .gnb{
   display: block;
   padding-top:0px;
   width:100%;
   margin:auto;
   height: auto;
   transform:none;
   padding-bottom:30px;
}

header nav .gnb>li{
   float: none;
   position: relative;
}
header nav .gnb>li>a{
   /* line-height: 50px; */
   margin:0;
   padding-left: 0px;
   padding-top: 10px;
   color:#424242;
}

header nav .gnb>li .dropbtn{padding-left:25px;font-size:19px;font-weight: 700;}
header nav .gnb>li .sub{padding-left:25px;margin-top:6px;}

/* Arrow */
header nav .gnb>li>a i{
   display: block;
   position: absolute;
   /* top:10px;  */
   right: 15px;
   font-size: 13px;
   transition: transform 0.3s;
}

header nav .gnb>li.active>a i{
   transform: rotate(180deg);
}

header nav .gnb>li>a>span::after{display: none;}
header nav .gnb>li>a>span{font-size:18px;color:#333;font-weight:600;}

header nav .gnb-bg{
   display: none;
}


/*--------------------------------------------------------------
# Sub Navigation
--------------------------------------------------------------*/

header nav .gnb i{
   height: auto;
}

header nav .gnb .sub{
   display: none;
   height: auto;
   transition: none;
   padding: 15px 0 15px 0;
   border-top:0px solid #ddd;
   /* background-color: #f9f9f9; */
   background-color: #00b6a1;
}
header nav .gnb:hover .sub{
   height: auto;
}

header nav .gnb .sub li a{
   height: 45px;
   line-height: 35px;
   margin-left: 0;
   padding-left: 20px;
   /* color:#424242; */
   color:#FFF;
   font-weight: 500;
   font-size: 15px;
   text-align: left;
}
header nav .gnb .sub li a:hover{
   color:#424242;
   color:#FFF;
   font-weight: 600;
}

/* Main Menu Arrow */
header nav .gnb .dropdown .fa{display: none;}
   
/*SNS LINK - Band, Instagram, blog*/
 header nav .menuline-sns{display: none;}

 header nav .MobileSNSLink{
   display:flex;
   float:none;
   margin:0 auto;
   width:85%;
   text-align: center;
   padding-top:20px;
 }

 header nav .Subsnsimg{ 
   text-align: center;
}

header nav .LINKTREE{
   display: block;
   padding:20px 0 0 25px;
   font-size:16px;
   text-decoration: none;
}


header nav .MoblieMenu_TelNum{
   padding-top:50px;
}
header nav .MoblieMenu_TelNum a{
   color:#d60000;
   font-size:14px;
}

header nav .Topmenu_PhoneBox{margin:0 auto;text-align: center;background-color:#db5380;width:100%;margin-top:50px;padding:20px 0;top:-100%;}

header nav .find-store{
   display: block;
   border-bottom:0px solid #ddd;
   text-align: center;
   font-size: 16px;
   line-height: 60px;
   margin-right:10px;
   float: right;
}


/* scroll 규칙 */
/* .scroll header{height:100px;} */

/* .scroll header .util{
   display: block;
} */
/* .scroll header nav .gnb{
   transform: none;
} */

/* section =============================================== */
section{
   /* padding-top:90px; */
}

/* main-slide */
.main-slide .p, 
.main-slide .t{
   display: block;
}
.main-slide .m{
   display: none;
}

.castingnews_title{
	width:100%}
.castingnews_cont{
	width:100%}

/* main-notice */
.main-notice .container{
   margin-top:40px;
}
.main-notice .box{
   float: none;
   width: 100%;
   height: auto;
   margin-right:0;
   padding: 40px;
}
.main-notice .box p span{
   display: inline;
}
.main-notice .store{
   background-size: initial;
   background-position: right center;
   background-color: #233e83;
}
.main-notice .notice{
   float: none;
   width: 100%;
   height: 376px;
}
.main-notice .notice .news{
   padding: 40px;
}
.main-notice .notice .news .more{
   right:35px; 
   top:47px;
}

/* main-sns */
.main-portfolio .sns-list li{
   width: 25%;
}
.main-portfolio .sns-list li:nth-child(8)~li{
   display: none;
}

}


/* ============================================
 * DESKTOP STYLES (1024px+)
 * ============================================ */
@media (min-width: 1024px) {

/* From base.css - Desktop styles */

.img_pc_view{display:block;}
.img_mo_view{display:none;}

label{padding-right:15px;cursor:pointer;}

.articlecont_box{display:block;width:100%;box-sizing: border-box;margin:auto;}
.Commentlist{margin:0 auto;}

.TraffText{color:858584;width:100%;padding-bottom:15px;text-align:left;font-size:20px;}
.TraffText .Th2{font-size: 24px;color:#426BCC}
.adressText{width:100%;padding-right:-10px;padding-top:20px;text-align:left;background-color:#f9f9f9;height:250px;margin-bottom:20px;margin-top:20px}
.adressTextSub{font-size:18px;height:40px;padding-left:2%;}
.contactText{display:block;width:100%;padding-right:-10px;text-align:left;background-color:#FFF;height:150px;}
.teltext{font-size:1.2em;height:40px;padding-left:2%}

.TraffText h2{
	color:858584;
	font-size:24px;
	margin-bottom:35px;
}

.TraffText span{font-size:19px;padding-right:20px;color:#000;margin-bottom:35px;}

/*?��?��문의 ?��메일 �???????????????��*/
.mailsearchForm {display:block;width:95%;margin:auto}
.mailsearchForm .searchbox{display:block;text-align:center;height:60px;padding-top:20px;}
.mailsearchForm .searchbox .btnsearchEmail{width:150px;height:90px;background-color:#d255dd;font-size:20px;}
.mailsearchForm .searchTitle{padding:10px;font-size: 26px;font-weight:600;}
.mailsearchForm .loginBoxRow{padding:5px;width:100%;margin:auto;}
.mailsearch_subTitle{width:100%;font-weight:800;font-size:30px;margin:35px 0 0 0;height:45px;text-align:center;box-sizing:border-box;}
.mailsearchForm .BFSearch_text{width:16%;height:60px;font-size:16px;padding-left:10px;border: solid 1px #d9d9d9;}
.mailsearchForm .BFSearch_select{width:16%;height:60px;font-size:16px;border: solid 1px #d9d9d9;}
.mailsearchForm .mailbtn{width:50%;height:60px;font-size:21px;font-weight:600;background:#D63F8E;color:#FFF;border:0;}

.Phone_text{width:100%;height:50px;font-size:16px;padding-left:10px;border: solid 1px #d9d9d9;}
.Phone_text[type=text]{font-size:16px;height:50px;outline: none;}

/*?��?��문의 ?��?��*/
.reserve_container{display:flex;width:100%;margin:0 auto;margin-top:50px;text-align: left;padding-bottom: 100px;}
.reserve_inner{width:40%;margin:0 5% 0 5%}
.reserve_title{font-size:26px;color:#FF0000;font-weight: 600;}

.mailsearchWriteForm {display:block;width:100%;margin:auto;}
.mailsearchWriteForm .loginBoxRow{padding:0px;width:100%;margin:auto;}
.mailsearchWriteForm .writebtnA{width:100%;height:60px;font-size:21px;margin-bottom:30px;font-weight:500;background:#d64652;color:#FFF;border:0;}
.mailsearchWriteForm .writebtnB{width:100%;height:60px;font-size:24px;margin-bottom:30px;font-weight:500;background:#63bfe4;color:#FFF;border:0;border-radius:0px;}
.audition_findList_Cont{text-align:left;margin:20px 0 10px 0;font-size:22px;line-height:40px;font-weight:500;}
.audition_Cont_P{font-size:22px;}

.reserve_bgimg1{background-image: url(../../image/_about_bg01.png);background-size: cover;width:100%;height:200px;}
.reserve_bgimg2{background-image: url(../../image/_about_bg02.png);background-size: cover;width:100%;height:200px;}
.resve3{background-image: url(../../image/_about_bg03.png);background-size: cover;width:100%;height:200px;}

/* background-position:bottom; */
.contact-top{
	width:100%;
	height:0;	
	padding:30rem;
	background-color:#9c95ff;
	
	/* background-image: Url(../../image/_about_bg01.png);
	background-size:cover; */
}

.contact-bottom{
	width:100%;
	height:0;
	padding:30rem;
	background-color:#ffdd95;
	/* background-image: Url(../../image/_about_bg01.png);
	background-size:cover; */
}



/* ABOUT */
.TbgImg1{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;filter: blur(0);}
/* WORK */
.TbgImg2{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;margin-bottom:0;}
/* PROFILE */
.TbgImg3{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;filter: blur(0);margin-bottom:0;}
/* PROFIELE View*/
.TbgImg3_View{display:block;position:relative;top:0px;width:100%;height:0px;text-align:center;filter: blur(0)}
/*?��?��?��*/
.TbgImg4{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;background-color:#FFF;}
/*공�???��?��*/
.TbgImg5{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;background-color:#FFF;background-size: cover;}
	/*?��?��?���??????????????*/
.TbgImg6{display:block;position:relative;top:0px;width:100%;height:50px;text-align:center;}


/*본문 ????��???*/
.titleimg{display:block;MAX-width:100%;width:90%;padding:0 0 0 1%;margin:auto;}
.titleimg h1{font-family:'Red Hat Text','poppin';font-size:4rem;font-weight:bold;color:#000;text-align:LEFT;}
.Tbgsubtitle{max-width:90%;margin:auto;font-size:1.9rem;color:#3d3d3d;font-weight: 500;padding:2rem 0;line-height: 4rem;text-align:center;}
.sub_titleimg{font-family:'poppin';font-size:5rem;font-weight:600;color:#000;margin:auto;padding:0 0}

/* Profile  */
.sub_titleimg{
  font-family:'poppin';
  width:90%;height:70px;font-size:5rem;font-weight:600;color:#c60008;
  margin-left:1rem;outline:none;margin:0 0 3rem 0;
  background: #ff6666;
  background: #fff;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;border-radius:0px;
  transition: background-color 0.5s ease;
}

.about-logo{width:100px;height:30px;
	background-image: Url(../../image/logo_insta.png) center no-repeat;
  	background-size: 100px auto;
}

/*로�???��?�� �??????????????*/
.Location{
	display:none;
	width:100%;
	position:relative;
	background-color:#fdfdfd;
	border:solid 0px #111;
	margin-bottom:0px;
	box-sizing: border-box;
}
.LocationTextLine{
	width:100%;
	max-width: 1400px;
	height:30px;
	padding-top:0px;
	margin:0 auto;
	text-align:right;
	color:#000;
	font-size:2.2rem;
	font-weight:600;
	box-sizing: border-box;
}


/*버튼*/
.btnblue{background-color:#284197;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;}
.btngray{background-color:#555252;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;}
.btnred{background-color:#c60008;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;}
.btngreen{background-color:#03cf5d;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;}
.btnsky{background-color:#1374CC;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;;}
.btnpink{background-color:#D63F8E;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;;}
.btnyellow{background-color:#FF9900;width:145px;height:46px;color:#FFF;border:0;font-size:16px;font-weight:600;;}

.btnsblue{background-color:#284197;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;border-radius:3px;}
.btnsgray{background-color:#555252;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;border-radius:3px;}
.btnspink{background-color:#D63F8E;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;border-radius:3px;}
.btnsred{background-color:#c60008;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;border-radius:3px;}
.btnssky{background-color:#1374CC;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;border-radius:3px;}
.btnsyellow{background-color:#FF9900;width:100px;height:35px;color:#FFF;border:0;font-size:14px;font-weight:600;;border-radius:3px;}

.btnssblue{background-color:#284197;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}
.btnssgray{background-color:#555252;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}
.btnsspink{background-color:#D63F8E;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}
.btnssred{background-color:#c60008;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}
.btnsssky{background-color:#1374CC;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}
.btnssyellow{background-color:#FF9900;width:80px;height:30px;color:#FFF;border:0;font-size:13px;font-weight:500;border-radius:3px;}

.btnsssblue{background-color:#284197;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px}
.btnsssgray{background-color:#999999;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px;}
.btnssspink{background-color:#D63F8E;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px}
.btnsssred{background-color:#c60008;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px;}
.btnssssky{background-color:#1374CC;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px}
.btnsssyellow{background-color:#FF9900;width:80px;height:25px;color:#FFF;border:0;font-size:11px;font-weight:400;border-radius:3px;}

.btnTags{background-color:#999;height:35px;padding:0 20px;margin:10px 2px;color:#FFF;font-size:18px;font-weight:500;border-radius:15px;border:0;}


  /*--------------------------------------------------------------
  # ȸ��Ұ�????????
  --------------------------------------------------------------*/
 
.company_container{display: block; width:100%;}

.about-company {max-width:100%;padding:10rem;margin:auto;}
/* .about-company .maxcontainer{width:90%;margin:auto;} */

.about-company_container{max-width:90%;margin:0 auto 20rem;display:flex;align-items:flex-start;}

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

.about-service_container{max-width:90%;margin:0 auto;display:flex;align-items:flex-start;}

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



.about-company .about-company_container .bg_about01{width:100%;height:550px;margin:6rem 0;;background: url("../../image/Rectangle92.jpg") center center no-repeat;
	background-size: cover;
	padding: 60px 0;
	position: relative;}

/* .about-company .about-company_container .bg_about01:hover{width:100%;height:550px;margin:6rem 0;background: url("../../image/Rectangle912.jpg") center center no-repeat;	} */

.about-company .bg_about02{width:100%;height:700px;margin:6rem 0;;background: url("../../image/mk_ov-1.jpg") center top no-repeat;
	background-size: cover;
	padding: 60px 0;
	position: relative;}
.about-company .about-left{width:30%;flex-shrink:0;padding:3rem;text-align:center;}
.about-company .about-right{width:70%;padding-left:5rem;}
.about-company .about-left_Title{font-family :'Red Hat Text';padding-left:3rem;font-size: 5rem;font-weight: 600;color:#212121;}

.about-company .about_comp1 {width:100%;margin-top:0rem;padding:3.5rem 0;}
.about-company .about_comp1 p{width:100%;margin:0;}
.about-company .bottom-box{margin:0;padding:0;}

.about-company .about_comp1 .tit-sub {margin:auto;font-size: 3.5m;font-weight: 500;color:#696969;padding:1rem 0;}
.about-company .about_comp1 h1{font-size:4rem;font-weight:600;padding:0px 0 1rem 0;margin:auto;}
.about-company .about_comp1 h2{font-size:3rem;font-weight:600;padding:7rem 0 0 0;margin:auto;}
.about-company .about_comp1 .desc{text-align: left; font-size:1.9rem;font-weight:400;padding:0px 0 30px 5rem;}
.about-company .about_comp1 p{font-size:2.1rem;font-weight:500;line-height:4rem;color:#616161}
.about-company .about_comp1 .subtext{padding-bottom:50px;}
.about_comp1::before{
	z-index: -2;
	content: '';
	position:absolute;
	top:160px;	
	width: 70%;
	height: 700px;
	padding:0;
	margin:auto;
	/* background: #ffedd6;border:solid 2px green; */
	/* background-image:url(../../image/_bg1.jpg); */
}

.about_comp1 .btn-contact{width:27rem;padding:2rem;border-radius:1.5rem;background-color:#ffc56e;color:#444;font-size:2.1rem;font-family: 'outfit';font-weight:700;margin-right:22%;float:right}

.about_comp1-inline{display: block;width:100%;max-width:100%;margin:auto;padding-top:0rem;}
.about-subTitle p{font-size:3rem;}


.about {
	background: url("../img/about-bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 60px 0;
	position: relative;
  }
  
  .about::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.75);
	z-index: 9;
  }
  
.age-container{width:100%;padding:5rem 0;}
.age-container {
	width: calc(50% - 3.5rem);
	height: 20rem;
	border-radius: 3rem;
	margin:auto;
  }
.age-container .about_comp1 .txt{font-size:3.5rem;font-weight:600;padding:0px 0 30px 0;}


/* ?��?��?���?????????????? �?????????????? ?��비스 */

.main-service__wrap {
	max-width: 100%;
	margin: 0 auto;
	padding: 0rem 0 20rem;
  }
.main-service__wrap .main-service {
	width: calc(33.3333% - 3.5rem);
	height: 57.8rem;
	border-radius: 0rem;
  }
  .main-service + .main-service {
	margin-left: 5rem;
  }

  
  
  .main-service01 {
	background: url("../../image/_bg_service_icon1.jpg") center no-repeat;
	background-size: cover;
  }
  .main-service02 {
	background: url("../../image/_bg_service_icon2.jpg") center no-repeat;
	background-size: cover;
  }
  .main-service03 {
	background: url("../../image/_bg_service_icon3.jpg") center no-repeat;
	background-size: cover;
  }

  

.about-cont_bgimg{display: block;width:100%;}
.about-cont_bgimg .about_imgover{
   height: 600px;
   background: url(../../image/bg-castify.jpg) no-repeat center center fixed;
   /* background: url(../../image/bg-castify.jpg) no-repeat center right fixed; */
   background-size: cover;
   text-align: center;
}

.about-company_container{display:flex;width:100%;}

@media (max-width: 768px) {
  .about-company_container{flex-direction:column;}
  .about-company .about-left{width:100%;}
  .about-company .about-right{width:100%;padding-left:0;}
}

.about-service_container{display:flex;width:100%;}
.about-service_container h1{color:#fff;}

@media (max-width: 768px) {
  .about-service_container{flex-direction:column;}
}


.about-service {position:relative;margin-bottom:15rem;width:100%;}
.about-service .Main-roll-Title{width:90%;padding:2.5rem 0;margin:0 auto;}
.about-service .Main-roll-Title h2{color:#212121;font-size: 4rem;font-weight: 600;}
.about-service .Main-roll-Title p{font-size: 1.8rem;font-weight: 600;padding-top:3rem;}
.T02{margin-top:7rem;margin-bottom:0rem}

.swiper-slide .t, 
.swiper-slide .m{
	display: none;
}

.about-system{width:100%;}
.about-system .about-left_Title{font-family :'Red Hat Text';margin:auto;padding:15rem 0;font-size: 5rem;font-weight: 600;color:#212121;text-align: center;}

  
  
  .main-service .txt {
	position: absolute;
	left: 4rem;
	top: 6rem;
	color: #fff;
  }
  .main-service .txt .tit {
	font-size: 3rem;
	font-weight: bold;
	text-align: left;
}
  .main-service .txt .desc {
	padding-top: 2rem;
	font-size: 2rem;
	text-align: left;
}

  



  .about-company{position: relative; margin:0 auto;width:100%}
  .about-bg{width: 100%;position: relative;margin-top:50px;padding: 100px 0 100px 0;text-align:center;}
  .about-bg.imgbg{padding:0 0 0 0;width: 1024px;;text-align:center;background-color:rgb(166,223,234);text-align:center;margin:0 auto;}
  .about-bg::before{
	  z-index: -1;
	  content: '';   
	  position: absolute;
	  left:0; 
	  top:-21000px;
	  width: 100%;
	  height: 360px;
	  background:#fffae8;
  }
  
  .about-partner {
	/* background: url(../../image/sparkle.jpg) no-repeat fixed center;
	background-size: cover; */
	padding: 50px 0;
	text-align:center;
	width: 100%;
	height: 360px;
	margin-top: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .maps{margin:0 0 15rem 0;}
  .maps .contact{margin-top:0;padding-top:30px;margin:0 auto;}
  .maps .mapcontainer{width:100%;display: block;}

  #map{width:100%;height:500px;margin:0 auto;border-radius:3rem;}

  .contact .leftmap{width:100%;margin:0 auto;}
  .contact .textcontainer{width:100%;padding-top:20px;padding-bottom:10px;margin:0 auto;}
  .contact .textcontainer h2{font-size:3rem;font-weight:700;padding-left:20px;line-height:5rem}
  .contact .textcontainer p{font-size:3rem;padding-left:20px;font-weight:600;}
  .contact .contact-email h2{font-size:2.6rem;padding-left:20px;}
  
  .contact .section-title h2 {
	  font-size: 20px;
	  font-weight: 500;
	  margin-bottom: 20px;
	  padding-bottom: 0;
	  color:#3f3939;
  }
  .contact .contact-phone a:hover {color: #4f92af;}
  .contact .contact-address .zipcode{font-size:2.2rem;font-weight:500;}
  .contact .contact-address, .contact .contact-phone, .contact .contact-email {margin-bottom: 30px;}
  .contact .contact-address p{line-height:4rem;font-weight:500;}
  .contact .contact-address .eng_address{font-weight:400;font-size:2.1rem;color:#777;}
  .contact .contact-address h2, .contact .contact-phone h2, .contact .contact-email h2{
	  font-size: 18px;
	  font-weight: 600;
	  margin-bottom: 0px;
	  color:#3f3939;
  }

  .contact .contact-info {margin: 30px;display:flex;}
  .contact .contact-info .contact_Tel{float:left;width:250px;margin: 20px 0;}
  .contact .contact-info .contact_Tel h3{font-size:2rem;font-weight:600;}
  .contact .contact-info .contact_Tel p{font-size:1.7rem;font-weight:500;padding:1rem 0;}

  .publicway{color: #777;font-size:15px;padding:10px 0 0 30px;}
  
  .viewmaplink{text-align:right;padding:10px 0 20px 0;}
  .mapbtnyellow{background-color:#FFF;width:80px;height:46px;color:#FF9900;border:solid 1px #DDD;font-size:16px;font-weight:600;}
  .mapbtnblue{background-color:#FFF;width:80px;height:46px;color:#284197;border:solid 1px #DDD;font-size:16px;font-weight:600;}
  .mapbtngreen{background-color:#FFF;width:80px;height:46px;color:#03cf5d;border:solid 1px #DDD;font-size:16px;font-weight:600;}
  #map{height:600px;border:none;}
	  
  
  
	

/*?��?���?????????????? 찾기 배경?��*/
.searchmailF{
	display: none;
	position:relative;text-align:center;height:450px;padding-top:0px;width:100%;
   -webkit-box-pack: center;
	   -ms-flex-pack: center;
		   justify-content: center;
   -webkit-box-align: center;
	   -ms-flex-align: center;
		   align-items: center;
		   
	 /*background:#f5e5b0;*/
 }   

.searchmailF::before{
	z-index: -1;
	content: '';   
	position:absolute;
	left:0; 
	top:0px;
	width: 100%;
   	height: 450px;
	background:#fff5e8;
 }

.fa-caret-right{padding:0 2px;font-size:10px;}
.fa-arrow-alt-circle-right{font-size:30px;}

/*MTLLink*/
.Now_BFTitle{color:#666;font-size:1.6rem}
.Now_BFTitle:hover{color:#426BCC;text-decoration: underline;}
.LinkMore {color:#666;}
.LinkMore:hover{color:#D60000;text-decoration: underline;}




.profile-container{width: 100%;max-width: 100%; padding:1rem;}
.profile-list_container{width:90%;max-width:90%;padding:0;margin:auto;display: flow-root;overflow: visible;}
/* border:solid 2px red; */
.profile-list{width: 100%;display: grid; grid-template-columns: repeat(4, 1fr); gap: 2%;float: none !important;margin:50px 0;}
 /* grid-auto-rows: 55vw; */
 /* aspect-ratio: 10 / 13; */
.profile-list li{float: none; width: 100%;margin: 0;border-radius:0px;}
.profile-list .img{
	width: 90%;
	padding-top: 130%; /* 1:1.3 비율 */
	position: relative;
	overflow: hidden;
	background: #fff;
	cursor:hand;
	border-radius:20px;
	/* z-index: 1;  */
}
	/* box-shadow: 0px 30px 12px rgba(0, 0, 0, 0.08);transition: 0.3s; */
.profile-list .img img{
	position: absolute;
	left: 0;
	top: 0rem;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover; 
}

.profile-list .PF_Id{width: 100%;font-size: 2.4rem;font-weight:600;margin:auto;text-align: left;padding:1rem}

/*PROFILE LIST 마우스 오버 트랜지션*/
section .profile-list_container .profile-list .img img {transition:transform 1s;}
section .profile-list_container .profile-list .img:hover img {opacity: 0.6;transform: scale(1.2);}

/* ===== CELEBRITY 프로필 카드 ===== */
.celeb-card__info {padding: 1rem 0.4rem 1.4rem;}
.celeb-card__name {display: block; font-size: 2rem; font-weight: 700; color: #1a1918; text-decoration: none; margin-bottom: 0.3rem; letter-spacing: -0.01em;}
.celeb-card__name:hover {color: #b8975a;}
.celeb-card__ename {font-size: 1.3rem; font-weight: 400; color: #a09890; letter-spacing: 0.04em; margin: 0 0 0.6rem; text-transform: uppercase;}
.celeb-card__career {font-size: 1.3rem; color: #6e6560; line-height: 1.7; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}


/*====== ?��로필 VIEW ======*/
.profile-view{position: relative;margin-left:1%;margin-bottom:300px;text-align:center;}
.pf-name{padding:20px 0;line-height:35px;}
.pf-name::after{
	content: '';
	display: block;
	width: 360px;
	height: 1px;
	padding:0;
	margin:  auto;
	margin-top:30px;
	background: #505050;}
.pf-name2{padding:10px 0 10px 0;line-height:35px;font-size:16px;}
.pf-name3{padding:0px 0 30px 0;line-height:35px;font-size:16px;}
.pfname{font-size:21px;font-weight:600;}

.picsview{width:95%;margin-left:0%;margin:0 auto;display:inline-block;text-align: center;}
.profile-view .main_pic{float:right;max-width:40%;margin:auto;}
.profile-view .main_pic img{position: relative; left: 0; top:0; bottom: 0; right: 0; margin: auto;max-width: 100%;border:solid 0 #E1E1E1;cursor:hand;border-radius:4%;}

.picstable{float:left;display:block;width:58%;margin-left:1%;}
.pics_table li{float:right; width: 24%; margin: 0 0 1% 1%; text-align: center;position: relative;}
.pics_table .img{width: 100%; height: 270px; position: relative; overflow: hidden;background:rgb(255, 221, 177) ;border:solid 1px #eee;cursor:hand;border-radius:5% 5% 0 5%;}
.pics_table .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;;}

/*PROFILE VIEW */
.picstable .middlename{transition:.5s ease; opacity:0; position: absolute; top:85%;left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center;}
.picstable .pics_table .img img {transition:transform 1s;}
.picstable .pics_table .img:hover img {opacity: 0.5;transform: scale(1.2);}
.picstable .pics_table .img:hover .middlename {opacity: 0.8;}
.picstable .pics_table .img .middlename .text {background-color:#ca59b2;color:#000;font-size: 26px;padding: 5px 50px;}

/*====경력
 display: table-cell;vertical-align: middle;*/
.PF_BoxCareer{display:flex;padding-bottom:50px;width:95%;margin:auto;}

/*경력 좌측박스*/
.pf_career {display:block;float:left;font-size:17px;line-height:20px;padding-top:50px;padding-left:0%;width:95%;margin:auto;position: relative;}

/*경력 ?���?????????????? ?��기소�?????????????? ?��?��, ?���??????????????*/
.PFtagcareerTitle{height:60px;width:100%;font-size:42px;font-weight:500;padding:5px;padding-top:80px;text-align:left;margin:15px;}
.pf_tagcareer {display:block;position: relative;padding:50px 0;width:95%;margin:auto;}
.pftagcareerTag {display:block;float:none;width:95%;margin:auto;text-align:left;font-size:15px;line-height:20px;padding-bottom:10px;}

/*경력수정*/
.PFCareerTitle{height:60px;width:100%;font-size:42px;font-weight:500;padding:5px;padding-top:20px;text-align:left;border-bottom:solid 1px #bbb;border-top:solid 0px #c2c2c2;margin:15px;}
.PFCareerCont{width:97%;font-size:1.3em;text-align: left;line-height:34px;padding-top:20px;margin: auto;}
.PFCareerCont p{line-height:42px;}

/*ON THE MEDIA*/
.pf_viewcareer {display:block;font-size:17px;line-height:20px;padding-left:1%;padding-top:50px;width:95%;text-align:center;margin: auto;}
.PFViewCareerTitle{height:60px;width:92%;font-size:40px;line-height:60px;font-weight:500;text-align:left;border-bottom:solid 0px #bbb;
	padding:50px;margin: auto;}
.pf_viewcareer img{width:100%;max-width:90%;padding:30px 0;}
.PFViewCareerCont{width:95%;font-size:1.2em;line-height:20px;margin: auto;padding:80px 0;}

.CareerBottom{padding-top:50px;}




.board .casting_list {width:100%;text-align:center;margin:auto;padding-left:0.5%;overflow: hidden;box-sizing: border-box;}
.board .casting_list li{float: left;padding-right:1%;padding-bottom:1%;width:20%;}
.board .casting_list li a{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;}
.board .casting_list li a:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);}

.board .casting_list .casting-wrap .img{width: 100%; height: 0; padding-bottom:360px;position: relative; overflow: hidden;background: #f5f5f5;cursor:pointer;border-radius:10px;border:solid 1px #e1e1e1;}
/* Fix List - insta size 반영 2025-02-13 */
.board .casting_list .castingFix-wrap .img{width: 100%; height: 0; padding-bottom:440px;position: relative; overflow: hidden;background: #f5f5f5;cursor:pointer;border-radius:10px;border:solid 1px #e1e1e1;}

.board .casting_list .img img{position: absolute; left: 0; top:0; right: 0; margin: auto;width: 100%;transition:transform 1s;}
.board .casting_list .img:hover img {transform: scale(1.05); }	

.board .casting_list .casting-wrap {box-shadow: 0px 4px 16px rgba(75, 75, 75, 0.08);transition: 0.3s;margin:auto;}
.board .casting_list .casting-wrap:hover { box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.16);border-radius:10px;} 
.board .casting_list .casting-wrap:hover img {opacity: 0.8;transition: 0.3s;}
.board .casting_list .castingFix-wrap {box-shadow: 0px 4px 16px rgba(75, 75, 75, 0.08);transition: 0.3s;margin:auto;}
.board .casting_list .castingFix-wrap:hover { box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.16);border-radius:10px;} 
.board .casting_list .castingFix-wrap:hover img {opacity: 0.8;transition: 0.3s;}

.board .casting-page{width:100%;margin:50px 0;}
.articlecont_box .casting-pics{position:relative;margin:auto;margin-top:50px;text-align: center;}
.articlecont_box .casting-pics img{width:60%;border-radius:30px;margin-top:5rem;}


.board .PF_PicsList {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3%;width:100%;margin:0 auto;padding-left:0%;overflow: hidden;box-sizing: border-box;}
.board .PF_PicsList li{float: none;padding:0;padding-bottom:5%;width:100%;}
.board .PF_PicsList li a{display: block;}
.board .PF_PicsList .img{width: 100%; height: 0; padding-bottom:calc(100% * 0.60);position: relative; overflow: hidden;cursor:pointer;border-radius:0px;}
.board .PF_PicsList .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: 0 auto;width: 100%;transition:transform 1s;object-fit:cover;object-position:initial;}
.board .PF_PicsList .img:hover img{transform: scale(1.2); }

.board .PF_PicsList .portfolio-wrap {box-shadow: 0px 4px 16px rgba(75, 75, 75, 0.08);transition: 0.3s;margin:auto;border:solid 1px #E3E3E3;}
.board .PF_PicsList .portfolio-wrap:hover { box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.16);border:solid 1px #E1E1E1;border-radius:0px;} 
.board .PF_PicsList .portfolio-wrap:hover img {opacity: 0.6;transition: .4s;}



.ComTab4List{display:flex;padding:10px;margin-top:20px;width:100%;height:190px;background:#fff;border:1px solid #DDD;}
.ComTab4List li{float: left; width: 23%; margin: 0 0 4% 1%; text-align: center;position: relative;}
.ComTab4Lbox{width:16%;margin-right:2%;}
.ComTab4Mbox{float:left;width:42%;margin-right:2%;}
.ComTab4Lbox .typeiconbox{width:95%;height:170px;border:solid 2px #e9e9e9;margin-top:10px;margin-left:10px;}
.ComTab4Lbox .typeicontext{font-size:24px;margin-top:20px;}
.ComTab4List .cast_img{width: 35%; height: 150px; position: relative; overflow: hidden;background: #000;cursor:hand;margin:15px 15px 0 15px;}
.ComTab4List .cast_img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;transition:transform 0.6s;}
.ComTab4List .cast_img:hover img {transform: scale(1.2);}
/*.ComTab4List .cast_txt > *{display: block}*/
.ComTab4List .txt{font-size: 1.233em}
.ComTab4List .cast_title{margin: 3% 0 1.5% 0;height: 2.07em;color: #333;letter-spacing: -0.03em;line-height: 1.15;font-size:16px;}
.ComTab4List .cast_title .BF_MTitle{display:none;}
.ComTab4List .cast_modelid{position:relative;width:98%;margin:0 auto;}
.ComTab4List .cast_modelid .modelPFlist{display:block;width:60px;height:60px;position:relative;float:left; overflow: hidden;background: #000;margin:2px;}
.ComTab4List .cast_modelid .modelPFlist img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;transition:transform 0.6s;}
.ComTab4List .cast_modelid .modelPFlist:hover img {transform: scale(1.2);}

/*PROFILE LIST :HOVER */
.ComTab4List .cast_modelid .middlename{transition:0.5s ease; opacity:0; position: absolute; top:50%;left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center;}
.ComTab4List .cast_modelid .modelPFlist .img img {transition:transform 0.5s;}
.ComTab4List .cast_modelid .modelPFlist .img:hover img {opacity: 0.3;transform: scale(1.2);}
.ComTab4List .modelPFlist:hover .middlename {opacity: 0.8;}
.ComTab4List .modelPFlist .middlename .text {color: white;font-weight:bold;font-size: 12px;padding: 5px 20px;}/*background-color:#8CBEF0;*/



.comTab6{display:block;width:100%;box-sizing: border-box; }
.ComTab6List{padding:5px 1% 30px 0;margin-top:40px;width:48%;background:#fff;text-align:center;float:left}
.ComTab6List .cast_title{display: block;text-align:left;width:99%;height: 40px;color:#000;padding-top:25px;margin:0 auto;margin-bottom:30px;border-bottom:0px solid #e1e1e1;}
/*.ComTab6List li{float: left; width: 23%; margin: 0 0 4% 2%; text-align: center;position: relative;}*/
.ComTab6List .cast_img{display:block;position: relative;width: 100%; height: 320px; overflow:hidden; background:#000;cursor:hand;margin:auto;border:0;}
.radius2{border-radius:0px 0 0 0px;}
.radius1{border-radius:0;}
.radius4{border-radius:0 0 0 90px;}
.radius3{border-radius:0 90px 0 0;}
.ComTab6List .cast_img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin:0 auto;width: 100%;transition:transform 1s;}
.ComTab6List .cast_img:hover img {opacity:0.5;transform: scale(1.2);}

.ComTab6List .cast_modelid{width:98%;margin:0 auto;}
.ComTab6List .cast_modelid .modelPFlist{display:block;width:80px;height:60px;position:relative;float:left; overflow: hidden;background: #000;margin-right:1px}
.ComTab6List .cast_modelid .modelPFlist img{position: absolute; left: 0; top:30px; bottom: 0; right: 0; margin: auto;width: 100%;transition:transform 0.6s;}
.ComTab6List .cast_modelid .modelPFlist:hover img {transform: scale(1.2);}

.ComTab6List .cast_txt > *{position:relative;}
.ComTab6List .cast_txt {position:relative;display: none;}
.ComTab6List .cast_txt{font-size: 1.233em;}



.LoginContainer{width:100%;}

/*게시?�� ?��미�??-캐스?��?���?????????????? / 메인?��?���?????????????? 캐스?��?��?�� ?��?��구분?��*/
.selGubun_img_10{width:90px;height:35px;background-color:#26c221;color:#FFF;border:0;font-size:0.8em;border-radius:50px;}/*?��?��진행 BB5204/F2BF7B*/
.selGubun_img_11{width:90px;height:30px;background-color:#e04299;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*?��?��?���??????????????*/
.selGubun_img_12{width:90px;height:30px;background-color:#426BCC;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*모델?��?��*/
.selGubun_img_31{width:90px;height:30px;background-color:#ffa742;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*촬영?��?��*/
.MselGubun_img_10{display:none}/*?��?��진행*/
.MselGubun_img_11{display:none}/*?��?��?���??????????????*/
.MselGubun_img_12{display:none}/*모델?��?��*/
.MselGubun_img_31{display:none}/*촬영?��?��*/

/* .selGubun_10, .selGubun_11, .selGubun_12, .selGubun_31{font-size:14px;color:#FFFFFF;font-weight:400;width:120px;height:30px;border-radius:15px;} */
.selGubun_10, .selGubun_11, .selGubun_12, .selGubun_31{font-size:16px;font-weight:500;width:120px;height:30px;border-radius:15px;text-align: center;padding:0;}
.selGubun_10{color:#eb466f;border:dashed 1px #eb466f;padding-top:5px;;}/*?��?��진행*/
.selGubun_11{color:#fff;border:dashed 0px #e04299;padding-top:5px;background-color:#e04299;}/*?��?��?���??????????????*/
.selGubun_12{color:#fff;border:dashed 0px #ff9900;padding-top:5px;background-color:#ff9900;}/*모델?��?��*/
.selGubun_31{color:#fff;border:dashed 0px #15BD9F;padding-top:5px;background-color:#15BD9F;}/*촬영?��?��*/
.MselGubun_10, .MselGubun_11, .MselGubun_12, .MselGubun_31{display:none;}

.selGubun_img_reply{width:7%;height:18px;;color:#009bfa;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:10px;}

.img_h_9{width:10%;height:30px;color:#15BD9F;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:10px;}
.img_h_8{width:10%;height:30px;color:#D63F8E;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}
.img_h_7{width:50px;height:30px;color:red;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}
.img_h_6{width:50px;height:30px;color:red;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}/*8CBEF0*/
.img_h_5{width:50px;height:30px;color:red;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}
.img_h_34{width:60px;height:24px;color:c60008;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}
.img_h_33{width:10%;height:24px;color:red;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:11px;}
.img_h_32{width:10%;height:24px;color:8CBEF0;border:0;font-size:1em;border-radius:0 10px 0 10px;background-color:#FFF;font-size:11px;}
.img_h_31{width:10%;height:24px;color:#fe7676;border:1px solid #426BCC;border-radius:0 10px 0 10px;background-color:#FFF;font-size:12px;}

.icon_NoticeA{width:50%;height:24px;background-color:db2f23;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:13px;}
.icon_NoticeB{width:10%;height:29px;background-color:db2f23;border:0;border-radius:10px;color:#FFF;font-size:13px;}
.Ico_New{width:30px;height:18px;background-color:#F99B1C;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:11px;}
.Icon_Reply{width:30px;height:18px;background-color:#F99B1C;border:0;border-radius:0 10px 0 10px;color:#FFF;font-size:11px;;}

.news-img{width:90px;height:35px;background-color:#D60000;color:#FFF;border:0;font-size:0.8em;border-radius:20px;margin-right:20px;}
.notice-img{width:90px;height:30px;background-color:#fff;color:#FFF;border:0;font-size:0.7em;border:solid 1px #000;border-radius:20px;margin-right:20px;}



.radio_1{width:10%;height:18px;border:0;font-size:.8em;border-radius:15px;}/*?��?��진행 BB5204/F2BF7B*/

.PagelistContainer{
	display:block;
	width:100%;  
	position: relative !important;
	margin:0 auto;
	text-align:center;
	padding:300px 0 0 0;
	/* position: static !important; */
  	clear: both;
  	margin-top: 30px;
	z-index: 2 
}
.BFContent{padding:6rem;font-size:1.6rem;line-height:3rem; padding-bottom:50px;margin-bottom:20px;}
.BFContent p{padding-top:10px;padding-bottom:10px;}
.BFContent p img{max-width:100%;height:auto;}

.BoardBtnLink{font-size:11;text-decoration:none;color:#000;}
.BoardBtnLink a.hover{font-size:11;text-decoration:none;color:#F8B912;}
.BoardBtns{display:block;width:100%;padding:30px 0 100px 0;text-align:center;}

.comment-box{display:block;width: 96%;height:100px;padding:10px 0;margin: auto;margin-bottom:10px;text-align:center;}
.comment-List{display:block;width: 96%;padding:10px 0;border:solid 1 #DDD;}

.CommentWriteBox{
	border:solid 1 #EEE;
	background:#FeFeFe;
	width:70%;
	height:50px;
	padding-left:10px;
	padding-top:6px;
	margin-top:10px;
	margin-left:40px;
	float:left;
	border-radius:10px;outline:none;
}

/*?���??????????????버튼*/
.LineWriteBtn{
	background:#c60008;
	float:left;
	width:10%;
	height:50px;
	margin:10px 5px;
	font-size:14px;
	color:#FFF;
	border:0;border-radius:10px;
}

.boardview .NT_Title_Line{line-height:5rem;text-align: center;font-size:3.6rem;font-weight:500;}
/* .boardview .NT_Title_Line{margin-top:5rem;} */
.boardview .NT_Title{font-size:3rem;line-height:4rem;padding-top:5rem;}
.boardview h2{font-size:3.1rem;font-weight:600;;line-height:4rem;padding-top:5rem;text-align:center;}
.boardview .NT_Date_Line {line-height: 3.5rem;font-size: 1.6rem;text-align:center;padding:2rem;}

.boardview .NTContent{padding:60px;font-size:1.8rem;line-height:3rem;margin:5rem 0;}
.boardview .NTContent p{padding-top:10px;padding-bottom:10px;}

.prenext_box{width:95%;margin:auto;padding:10px;border-top:solid 1px #d1d1d1;box-sizing:border-box;font-size:1.6rem;}
.prenext_box .BF_Title{display:inline;font-size:1.8rem;}
.prenext_box .BF_MTitle{display:none}

.prenext_box .bf_now{padding:10px;}
.prenext_box .bf_next{padding:10px;}
	
.about-partner h2 span{
   display: block;
   margin-top:12px;
   color:#fff;
   font-size: 44px;
   font-weight: 300;
}

.MyPageListBox{
	display:block;
	width:100%;
	margin:10px 0 20px 0;
	padding-left:10px 0 50px 10px;
	background-color:#F1F1F1;
	border:solid 1 gray;
}

/* BF_FindList.asp - CONTACT 메뉴구성 */
  
  .contact-subbanner__wrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 12rem 0 7rem 0;
	/* border:solid 2px red; */
  }
  .contact-subbanner__wrap .main-tit__wrap {margin: auto;}
  .contact-subbanner__wrap .main-tit__wrap h2{font-size:4.6rem;font-weight:600;text-align: center;padding:30px 0;}
  .contact-subbanner__wrap .main-tit__wrap .tit-sub {margin:50px 0 0 0}
  .contact-subbanner__wrap .main-tit__wrap .tit-sub .bold1{font-weight:700;}
  .contact-subbanner__container {display: inline-block;align-items: center;justify-content: center;gap: 2.5rem;margin:auto;margin-bottom:10rem;width:100%;text-align: center;}
  .contact-subbanner__container .tit {font-weight:700;width:70%;}
  .subbanner_right{float:right;width:49%;}
  .subbanner_left{float:left;width:100%;margin-right:1%;}
  .contact-subbanner__wrap::before{
	z-index: -1;
	content: '';   
	position: absolute;
	left:0; 
	top:80px;
	width: 100%;
	height: 700px;
	background: #efefef;
	background: #c4a3eb;
	background: rgb(153, 157, 216);
	background: #fff2e1;
	opacity:1;
  }
    
  

  .subbanner_top-box{width:500px;padding:15rem 3rem;background-color:#FFF;border:solid 0px #333;border-bottom:0;border-radius:30px 30px 0 0  }	
  .contact01{background: url("/image/__contact_bg01.jpg")center no-repeat; background-size: cover; opacity: 0.8;transition: 0.3s;width:100%;}
  .contact02{background: url("/image/__contact_bg02.jpg")center no-repeat; background-size: cover; opacity: 0.8;transition: 0.3s;width:100%;}

  .contact-subbanner {
	display: block;width: 100%;height: 21rem;margin: 0rem 0;padding: 3rem;
	align-items: center;justify-content: space-between;
	border-radius: 0 0 3rem 3rem;
	box-shadow: 5px 8px 9px rgba(0, 0, 0, 0.14);
	transition:.5s ease;
	text-align: center;
  }

.contact-subbanner .tit {padding:0rem 3rem 1.5rem 3rem;color: #fff;text-align: center;margin: auto;font-size: 3rem;}
.contact-subbanner .desc {font-size: 2.4rem;color:#fff;width:100%;padding:0 3rem;}

.contact-subbanner.type1 {background-color: #48c568;background-size: cover;width:100%;border:#42aa5c solid 2px;}
.contact-subbanner.type2 {background-color: #ffc272;background-size: cover;width:100%;border-top:solid 0 ;color:#222;border:#d6a462 solid 2px;}/* ffcb86 */
.contact-subbanner.type2 a{color:#fff;}
/* .contact-subbanner:hover{border-radius: 10rem;transition:.5s ease;background-color:#000;} */

.contact-subbanner .material-symbols-outlined{font-size:4.5rem;color:#fff3e3;bottom:0;padding-right:2rem;;float:right;}
.btn-contact .material-symbols-outlined{font-size:2.5rem;color:#444;margin:0%;font-weight:500;}




/* ?��?��?�� ?���?????????????? ?�� 배너 */
.afterAudition__wrap::before{
	z-index: -1;
	content: '';   
	position: absolute;
	left:0; 
	top:-5rem;
	width: 100%;
	height: 700px;
	background: #ffeed8;
	background: #c4a3eb;
	background: #f2d5f8;
	background: #eff8ff;
	opacity:1;
  }
.afterAudition__container {top:5rem;margin:auto;margin:10rem 0;width:100%;}
.afterbanner-cont{padding:15px;}


/* ?���???????????????���?????????????? ?��?���?????????????? */
.afterAudition_tit_wrap{margin:auto;width:1200px;top:50rem;margin-top:15rem;}
.afterAudition_tit_wrap h3{font-size:19px;text-align: center;line-height: 5rem;}
.afterAudition_tit_wrap h2{font-size:27px;text-align: center;line-height: 5rem;}
.after-comment{margin-top:3rem;color:#D00000;font-weight:600;font-size:1.9rem;}


/* ?��?��?�� ?���?????????????? */
.AuditionTable{width:100%;box-sizing: border-box;}

.Tr_Table{display:flex;width:100%;border-bottom:solid 1px #ddd}
.Td_Left{width:20%;float:left;text-align:center;font-size:16px;height:70px;line-height:70px;background:#fff3fc}
.Td_Right{width:75%;float:right;text-align:left;font-size:14px;padding-left:3%;line-height:70px;}

/*?��?��?�� ?��?��?��?��?��*/
.audition-text{font-size:16px;padding-left:10px;width:60%;border: solid 1px #808080;}
.audition-text[type=text]{font-size:16px;outline: none;background-color: #fff3fc;height:50px;}
.audition-text[type=number]{font-size:16px;outline: none;background-color: #fff3fc;height:50px;}
.audition-text[type=password]{font-size:16px;outline: none;background-color: #fff3fc;width:30%;height:60px;}
.audition-text::placeholder{font-size:1.6rem;}
.audition-line .filediv{width:90%;height:35px;margin-top:5px;}
.audition-text[type=file]{font-size:1.6rem;margin-top:5px;}
.Agreechkbox[id=MBCheck]{width:15px; height:15px; border:solid 1px #000;padding:0; margin-right:4px;}

.audition-pwd{width:50%;height:50px;font-size:16px;padding-left:10px;border: solid 1px #ccc;}
.audtion-select{width:10%;height:50px;text-align: center;font-size:16px;border: solid 1px #ccc;outline:none;border-radius: 0.7rem;background-color: #fff3fc;}
.audtion-phone_select{width:10%;height:60px;font-size:16px;border: solid 1px #ccc;outline:none;text-align: center;}
.smallbox{width:10%;}

/*?��?��?��*/
.audition_container{display:block;width:1200px;text-align:center;margin:0 auto;border-top:solid 3px #ddd;}
.viewinfo{clear:both;width:100%;margin:3rem 0;}
.viewinfo_ad{clear:both;width:100%;margin:3rem 0;}
.viewinfo_GFA{clear:both;width:100%;margin:0 0 3rem 0;}

/* Audition 메뉴 �?????????????? 배너 */
.viewinfo .main-notice-banner{display: block; width: 1200px;height:650px;text-align:center;margin:auto;}
.viewinfo .main-notice-banner img{width:100%;height:100%;border-radius:30px;}
/* ?��?��??? 광고 Kind=5 */
.viewinfo_ad .main-notice-banner{display: block; width: 1200px;height:100%;text-align:center;margin:auto;}
.viewinfo_ad .main-notice-banner img{width:100%;height:100%;border-radius:30px;}

.viewinfo_GFA .main-notice-banner{display: block; width: 1080px;height:100%;text-align:center;margin:auto;}
.viewinfo_GFA .main-notice-banner img{width:100%;height:100%;border-radius:30px;}



.audition_rightbox{display:inline-block;width:100%;}
.audition_Title{height:60px;font-size:3.6rem;font-weight:600;padding-top:30px;text-align:left;;box-sizing:border-box;}

.audition_subTitle{width:20%;text-align: center;  margin:auto; margin-bottom:5rem;font-weight:600;font-size:3rem;
	background-color:#27c468;color:#fff;padding:15px 0;box-sizing:border-box;border-top:solid 0px #ccc;}
.audition_BsubTitle{width:100%;height:70px;text-align:left;font-size:30px;padding:30px 0 10px 0;box-sizing:border-box;}
.audition_subTbg{width:100%;height:0px;height:50px;padding-left:30px;box-sizing:border-box;border-bottom:solid 1px #ccc;}
.audition_container .ckeditor-textbox{font-size:1.6rem;padding-left:10px;width:60%;height:120px;border: solid 1px #ccc;border-radius: 0.7rem;background-color: #fff3fc;}

.audpicsubmit1{height:40px;padding-top:30px;font-size:18px;}

.JoinInfo{display:flex;padding:40px 0;font-size:1.6rem;font-weight:500;line-height:2.5rem;}
.JoinInfo_left{float:left;padding-top:10px;}
.JoinInfo_right{float:right;padding:5px;text-align: left;line-height: 3rem;}

.audition_container .audition-line{display: flex;width:100%;margin-top:1.5rem;}
.audition-line .input-left{width:20%;float:left;font-size:1.6rem;font-weight:600;padding:25px 0;}
.audition-line .input-right{width:80%;float:right;font-size:1.6rem;text-align: left;}

.audition-line .paddingtop{padding-top:2rem;}
.audition-line .margintop{margin-top:2rem;}

.auditionView_container{display:block;width:98%;text-align:center}

.audition-bottom{clear:both;padding:50px;text-align: center;margin-bottom:10rem;}


.audition-step-Container{position: relative; margin:0 auto;width:80%;}
.audition-step-Container .step-container{display:block;width:66%;margin:auto;margin-bottom:3rem;text-align: center;}
.step_img_m {width:95%;margin:auto;}







.info_policy {overflow:hidden;position:relative;width:100%;margin:auto;padding:1rem 0;}
.info_policy .tit{font-size:1.6rem;font-weight:600;margin:0 auto;padding:5px;box-sizing: border-box;}
.info_policy .tit-sub{font-size:1.6rem;font-weight:500;margin:0 auto;padding:15px 5px;}

.info_policy .Policy-Box{overflow-x:hidden;overflow-y:scroll;
	width:60%;	height:120px;box-sizing: border-box;padding:10px 15px 15px;line-height:20px;
	color:#A85996;font-size:1.2rem;text-align:left;background-color:#f6edff;border:1px solid #ddd;border-radius:0.7rem;}

.info_policy .profileJoinPolicyBox{
	overflow-x:hidden;overflow-y:scroll;width:90%;height:90px;;padding:1rem;border:2px solid #c1caca;line-height:20px;
	color:#5961a8;font-size:12px;text-align:left;background-color:#dcfcfc;}

.Joincheck{font-size:1.4rem;padding:10px 0;}




/*?��?��번호*/
.audition-line .Addr1 {height:60px;width:100%;padding-left:10px; font-size:1.6rem;margin-top:10px;margin-bottom:0.6rem;border:solid 1px #ccc;}
.audition_rightbox .Addr1[type=text]{width:60%;height:50px;font-size:16px;border-radius: .7rem;background-color: #fff3fc;}
.audition_rightbox .Addr1::placeholder{font-size:1.6rem;}
.audition .Addr1 {height:50px;width:100%;padding-left:10px; font-size:16px;margin-top:10px;border:solid 1px #ccc;border-radius: .7rem;}
.AddrB {height:60px;width:20%;font-size:16px;padding-left:0px;background-color: #dfdfdf;border-radius: .7rem;}
.AddrZ {height:60px;width:20%;padding-left:10px; font-size:15px;margin-top:10px;border: solid 1px #ccc;border-radius: .7rem;}
.audition_rightbox .AddrZ[type=text]{width:20%;height:60px;font-size:16px;border-radius: .7rem;background-color: #fff3fc;}
.audition_rightbox .AddrZ::placeholder{font-size:1.6rem;}
/* .Addrsub11 {height:50px;width:100%; font-size:16px;padding-left:10px;border:solid 1px #ddd;background-color:#F0f0f0;border-radius: .7rem;} */
.audition_rightbox .Addrsub11::placeholder{font-size:1.6rem;}
.audition_rightbox .btnsyellow{height:49px;font-size:1.6rem;}



/*?��?��?��?���???????????????��?�� 보기 audition_view*/
.auditionviewbox{width:100%;padding-top:30px;display:flex}
.auditionviewPicsUl{width: 20%; text-align: center;position: relative;}
/*.auditionviewPicsUl li{width: 100%; height: 100%; padding:0 0 0;position: relative; overflow: hidden;background: #000;cursor:hand;border:solid 2px red}*/
.auditionviewPicsUl .mainimg{width: 100%; height: 100%; padding:0 0 0;position: relative; overflow: hidden;background: #000;cursor:hand}
.auditionviewPicsUl .mainimg img{width: 100%;position: absolute; left: 0; top:0; bottom: 0; right: 0;}
.auditionPicstable{width:80%;margin: 30px 0; text-align: center;position: relative;}

#contentsub {margin-top:10px;}

/*border:solid 2px red;background-image: url(../../image/content1bg.jpg);background-repeat: repeat-x;background-size:;background-position:bottom;*/
.ModelTable{display:inline-block;width:100%;padding:90px 0 30px 0;border-bottom:solid 1px #ddd;}
.BFmodellist{padding:10px 0;font-size:16px;width:100%;}
.ModelTable .modelPFlist{margin:0 auto;text-align: center;}
.ModelTable .modelPFlist{display:block;width:100px;height:100px;position:relative;float:left; overflow: hidden;background: #000;margin:2px;border-radius:10px;border:solid 0px #eee;}
.ModelTable .modelPFlist img{position: absolute; left: 0; top:0; right: 0; margin: auto;width: 100%;transition:transform 0.6s;}
.ModelTable .modelPFlist:hover img {transform: scale(1.2);}
/* .ModelTable .modelPFlist .middlename .text {color: white;font-weight:bold;font-size: 12px;padding: 15px 15px;} */
/*background-color:#8CBEF0;*/

/*PROFILE LIST 마우?�� ?���?????????????? ?���??????????????*/
.ModelTable .modelPFlist .middlename{
	position: absolute; top:200px;left:50%;
	transition:0.6s ease; opacity:0;
	transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); 
	text-align:center;}
.ModelTable .modelPFlist img {transition:transform 0.6s;}
.ModelTable .modelPFlist:hover img {opacity: 0.3;transform: scale(1.2);}
.ModelTable .modelPFlist:hover .middlename {opacity: 0.8;}
.ModelTable .modelPFlist:hover .middlename .text {color:#fff;font-weight:bold;font-size: 12px;padding: 15px 15px;}




/*///////////?��????��//////////////*/
.sselect{
	height:30px; 
	border:1px;
	border-style: groove;
	background-color:#FFFFFF; 
	border-color:#D3D3D3;
	padding:0 0px 0 2px;
	font-size:14px;
	vertical-align:middle;
}  

.Mselect{
	height:35px; 
	border:1px;
	border-style: groove;
	background-color:#FFFFFF; 
	border-color:#EEE;
	padding:0 0px 0 2px;
	vertical-align:middle;
	font-size:16px;
}  

/*///////////////////////////////게시?��//////////////////////////////*/


.noticeList{display:inline-block;width:100%;box-sizing: border-box;margin:0 auto;}
.NoticeTable {display:block;width:100%;height:100%;margin: 0 auto;border-top:solid 1px #ccc;padding-bottom:3rem;}
.NoticeTable li{height:10rem;padding:3rem 0 0 2rem;line-height:4rem;border-bottom:solid 1px #ccc;padding-left:2%;}
.noticepage{padding-bottom:3rem;}

.noticeList .Notice-Date{float:right;padding-right:1rem;color:#999;font-size:1.5rem;}
.noticeList .Notice-Content{float:left;padding:0;}


/* 게시판 */
.board-w_container{width:100%;margin:auto;}
.Board-container{width: 100%;max-width: 1200px; padding:0;box-sizing:border-box;margin:auto;margin-top:0px;}

.Board-Listcontainer{width: 90%;max-width: 100%; padding:0;box-sizing:border-box;margin:auto;margin-top:170px;}


.boardlist{display:inline-block;width:100%;box-sizing: border-box;margin:0 auto;}

.BoardList_table{margin:0 auto;border-top:solid 0px #ccc;}
.boardlist .BF_Notice{width:100%}
.BF_Head{border-top:solid 0px #ccc;}


/* 게시판 글쓰기 */
.board-write_container{display:block;width:90%;max-width:90%;margin:auto;padding:10rem;border-radius:5rem 5rem 0 0 ;box-shadow: 0 -25px 33px #f1f1f1;transition: 0.3s;}
.about-company {max-width:90%;padding:10rem;margin:auto;}

.board-input_subtitle{width:100%;padding:30px 5%;font-size:16px;}

.board-write_container .board-input_Title_line{display:block;width:100%;padding-bottom:3rem;height:80px;}
.board-write_container .board-input_Title_line h1{width:20%;float:left;padding:0rem 0;font-size: 5rem;font-weight: 600;color:#212121;}
.board-write_container .board-input_Title_line .input-right{width:80%;float:right;padding:0 1.5rem;font-size: 2rem;font-weight: 500;}

.board-write_container .board-input_line{display:block;width:100%;font-size:1.6rem;font-weight:600;padding:1rem;height:90px;}
.board-write_container .board-input_line .input-left{width:20%;float:left;font-size:1.6rem;font-weight:600;padding:0rem;padding-right:1rem;text-align: right;height:60px;}
.board-write_container .board-input_line .input-right{width:80%;float:right;font-size:1.6rem;font-weight:600;padding:0 1%;}
.board-write_container .board-input_line .morecheck {padding:0;}
.antispam{padding-bottom:5rem;}

.board-write_container .board-input_oneline{width:100%;font-size:1.6rem;font-weight:600;padding-left:5%;}
.board_write .BF_Content{width:100%;height:100px;box-sizing:border-box;}
.BF_Write .BF_Content{width:100%;height:100px;box-sizing:border-box;font-size:1.6rem;}


.board-btn_line{width:100%;text-align: center;margin:7rem 0 10rem 0;}
.board-write_container .ckeditor-textbox{font-size:1.6rem;padding:1rem;width:90%;height:150px;border: solid 1px #ccc;background-color: #f3f3f3;border: solid 1px #c2c2c2;border-radius:10px;}
.board-write_container .ckeditor-smalltextbox{font-size:1.6rem;padding:1rem;width:90%;height:120px;border: solid 1px #ccc;border-radius: 0rem;background-color: #f3f3f3;border-radius:10px;}
.board-write_container .textbox-area{height:17rem;}
.board-write_container .textbox-smallarea{height:16rem;}
.board-write_container .Policy-area{height:18rem;margin-top:2rem;}

.board-write_container .audtion-phone_select{font-size:16px;width:15%;height:60px;border: solid 1px #c2c2c2;background-color: #f3f3f3;border-radius:10px;}
.board-write_container .audition-text{font-size:16px;padding-left:10px;width:80%;border: solid 1px #c2c2c2;border-radius:10px;}
.board-write_container .audition-text[type=text]{font-size:16px;width:90%;outline: none;background-color: #f3f3f3;height:60px;border-radius:10px;}
.board-write_container .audition-text[type=password]{font-size:16px;outline: none;background-color: #f3f3f3;width:30%;height:60px;}
.board-write_container .audition-text::placeholder{font-size:15px;}

.board-write_container .smallbox{width:10%;height:60px;}
.board-write_container .board-input_line .Tel-smallbox{font-size:1.6rem;border: solid 1px #ccc;outline: none;background-color: #eeeeee;width:100px;height:60px;border-radius:10px;}
.board-write_container .board-input_line .Tel-phone_select{width:100px;height:60px;font-size:1.5rem;border: solid 1px #ccc;outline:none;text-align: center;border-radius:10px;}

.board-input_line .info_policy {overflow:hidden;position:relative;width:100%;margin:auto;padding:0rem 0;}
.board-input_line .info_policy .tit{font-size:1.6rem;font-weight:500;margin:0 auto;padding:5px;box-sizing: border-box;}
.board-input_line .info_policy .tit-sub{font-size:1.6rem;font-weight:500;margin:0 auto;padding:15px 5px;}

.board-input_line .info_policy .Policy-Box{overflow-x:hidden;overflow-y:scroll;
	width:90%;	height:95px;box-sizing: border-box;padding:10px 15px 15px;line-height:20px;
	color:#6e3f00;font-size:1.2rem;text-align:left;background-color:#eeeeee;border:1px solid #e1e1e1;}


.board-input_line .chkboxdiv .snipet {margin-top:18px;font-size:14px;font-weight:400;}
.board_chkbox[id=bfCheck]{width:15px; height:15px; border:solid 1px #000;padding:0; margin-right:4px;}
.board-input_line .chkboxdiv input[type="checkbox"] {display: none;}
.board-input_line .chkboxdiv label {background-color: #fff;padding: 10px;border:solid 1px #ccc; border-radius: 5px;margin-right: 10px;padding:1rem; cursor: pointer;}
.board-input_line .chkboxdiv input[type="checkbox"]:checked + label {background-color: #17ca86;color: #fff;border:solid 1px #17ca86;}



.varify-pwd[type=text]{font-size:16px;outline: none;background-color: #eeeeee;width:100px;height:60px;border: solid 1px #ccc;border-radius: 0.7rem;text-align: center;}
.view-pwd[type=text]{font-size:19px;outline: none;background-color: #ffffff;width:100px;height:60px;border-radius: 0.8rem;border: solid 1px #ccc;text-align: center;color:#d8000bda}

.boardlist .BF_notice_table li{
	display: block;font-weight:500;line-height:70px;text-align:left;padding-left:30px;margin-bottom:15px;
	background-color:#faedd2;border:solid 1px #e4d6b7;border-radius:15px;}
/* .boardlist .BF_notice_table li i{color:#000;font-size:20px;padding:0 15px;} */
/* .boardlist .BF_notice_table li{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;} */
.boardlist .BF_notice_table li:hover {box-shadow: 0px 6px 14px rgba(202, 185, 136, 0.16);background-color: #48c568;border:solid 1px #e4d6b7;}
.boardlist .BF_notice_table li:hover a, .boardlist .BF_notice_table li:hover i{color:#fff;}

/* .border_round{border-radius:10px;border:solid 1px #ccc;box-shadow: 0px 0px -20px rgba(127, 137, 161, 0.25);margin-bottom:10px;padding-left:30px;} */
/* opacity: 0.8; */
.boardlist .border_round{padding:0;width:100%;} 
.boardlist .border_round li{
	display: block;
	border-radius:15px;
	font-weight: 500;
	color:#444;
	text-align:left;
	border:solid 1px #ddd; 
	margin-bottom:15px;
	padding-bottom: 10px;
}

.boardlist .border_round li:hover{
	border-color:#86c5bf; background-color: #caf3ef;
	border-color:#91c7a5; background: #caf0d8;
	border-color:#f3e4c2; background-color: #fff1d4;
	/* backdrop-filter: grayscale(30%); */
	background-color: #48c568;
	box-shadow: 0px 5px 10px rgba(170, 195, 255, 0.25);
}

.boardlist .border_round li{box-shadow: 0px 3px 12px rgba(129, 137, 192, 0.08);transition: 0.3s;}
.boardlist .border_round li:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);border-radius: 10rem;;}
.boardlist .border_round a:hover li{opacity: 0.4;transition: 2.8s ease-in;}
.boardlist .border_round li:hover a{color:#fff;}

.boardlist .border_round li:hover .selGubun_10{background-color:#fff;color:#26c221;border:0;}/*?��?��진행 BB5204/F2BF7B*/
.boardlist .border_round li:hover .selGubun_11{background-color:#fff;color:#631f44;}/*?��?��?���??????????????*/
.boardlist .border_round li:hover .selGubun_12{background-color:#fff;color:#426BCC;}/*모델?��?��*/
.boardlist .border_round li:hover .selGubun_31{background-color:#fff;color:#ffa742;}/*촬영?��?��*/



/* 게시?�� View */
.boardview{margin:auto;margin-top:1rem;box-sizing:border-box;border-top:solid 0px #ccc;border-bottom:solid 1px #ccc;}
.boardview .titleline{line-height:5rem;text-align: center;font-size:3.6rem;font-weight:600;}
.boardview .titlesub_line{text-align:center;padding:20px 0;font-size:1.5rem;}


/* .BF-View {width:100%;padding:10px 0;} */
.news_container{width:100%;margin:auto;}

.BF-View {width:100%;margin:auto;}
.BF-View::before{
	z-index: -2;
	content: '';
	position:absolute;
	top:330px;
	left:50%;
	transform:translateX(-50%);
	width: 90%;
	height: 200px;
	padding:0;
	/* border-radius: 200px 0 0 200px; */
	/* background: #ffefef; */
	/* background-image:url(../../image/_bg1.jpg); */
}




/*게시?�� 리스?�� 구성 */
.ArtListHead {font-size:18px;font-weight:500;}
.ArticleList {font-size:14px;line-height:30px;}

.ArticleLine {width:100%;height:120px;box-sizing: border-box;}
.ArticleLine:hover span{color:#fff;}

/* 게시�?????????????? 첫줄(번호/구분) */
.Article-Topline{padding:20px 20px 5px 40px;display:flex;}
.Article-Topline span{font-size:1.5rem;padding-top:5px;padding-right:20px;}

.ArticleTitle a{font-size:2.1rem;padding:10px 0 5px 80px;color: #444;line-height: 50px;}

.ArticleCont{padding:10px 0 0 20px;width:80%;font-size:14px;color:rgb(107, 107, 107)}

/*게시?��리스?�� PC?��?���?????????????? 보이?���??????????????*/
.ff .BF_Title{display:inline;font-size:23px;}
.ArticleLine .BF_MTitle{display:none;}

.ArticleMLine{display:none;} 
.modisplay{display:none;}
.pcdisplay{display:block;}

 /* 게시?�� 공�???��?�� */
.ArticleNoticeLine {height:70px;font-size:21px;color: #666;width:100%;box-sizing: border-box;}

.PC_N_Title{display:visible;font-size:18px;}
.MO_N_Title{display:none;}

.PicsarticleList{border:solid 1px #D1D1D1;	width:730px;}





/*게시판*/
.cm_content{border:solid 1 #CCC;font-size:16px;padding:20px 10px 10px 10px;line-height:16px;margin:20px;background-color:#fff;border-radius:5px 5px 5px 5px;}
.cm_content p{padding:0px 0 0px 0px;line-height:16px;margin-bottom:10px;}

/*?��?��?�� ?��?��리어*/
.box2 {
	font-size: 12px; color: #333333; 
	border: 2px solid #BBBBBB; 
	background-color: #FAFAFA;
	scrollbar-face-color: #E1E1E1;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #F1F1F1;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #7B7B7B;
}

.AudText1{width:100px;height:32px;font-size:16px;border:solid 1px #e1e1e1;padding-left:10px;}
.AudText2{width:400px;height:32px;font-size:16px;border:solid 1px #e1e1e1;padding-left:10px;}
.AudText3{width:70px;height:32px;font-size:16px;border:solid 1px #e1e1e1;padding-left:10px;}
.AudText4{width:100%;height:50px;font-size:16px;border:solid 1px #e1e1e1;padding-left:10px;}
.AudSelect{width:90px;height:32px;font-size:16px;border:solid 1px #e1e1e1;}
/*????��?���?????????????? ?��줄에 ?��개만 ?��?��?�� - 카테고리 ?��*/
.AudSelect1{width:150px;height:50px;font-size:16px;border:solid 1px #e1e1e1;}
/*????��?���?????????????? ?��줄에 ?���?????????????? ?��?�� ?��?��?�� - ?��?��?�� ?��*/
.AudSelect2{width:120px;height:40px;font-size:16px;border:solid 1px #e1e1e1;}
/*?��?��*/
.AudSelect3{width:70px;height:32px;font-size:17px;border:solid 1px #e1e1e1;}


div.paging {margin:3rem auto;text-align:center;padding-bottom:50px;}
div.paging * {display:inline-block;line-height:37px;vertical-align:middle;border-radius:0;color:#333;}
div.paging li a {background-color:#fff;font-size:1.5rem;font-weight:500;height:40px;width:40px;color:#3F3425;padding:0;}
div.paging li {margin:0 3px;font-size:1.5rem;font-weight:500;height:40px;width:40px;}
div.paging li a:hover {background-color:#3F3425;color:#FFF;height:40px;width:40px;font-size:1.5rem;}
div.paging li strong {background-color:#3F3425;width:40px;height:40px;font-weight:700;color:#fff;}

div.paging .btn a {color:#3F3425;margin:0 4px;line-height:30px;}
div.paging .btn a:hover {background-color:transparent;color:#3F3425;}
div.paging .btn a .material-symbols-outlined {font-size:20px;color:#3F3425;}
div.paging .btn a:hover .material-symbols-outlined {color:#555;}

}

/* ============================================
 * LOGO ANIMATION (all screen sizes)
 * ============================================ */
.about_client {
    width: 100%;
    overflow: hidden;
    padding: 0px 0;
	margin:0rem;
    display: flex;
    flex-direction: column;
    gap: 0px;
    border-top: solid 2px #ccc;
    box-shadow: 0 12px 32px 0 rgba(0,0,0,0.13), 0 2px 8px 0 rgba(0,0,0,0.07);
}

.logo-row {
    width: 100%;
    padding: 3rem 0;
    align-items: center;
    border-bottom: solid 2px #ccc;
}

.logo-track {
    display: flex;
    width: calc(210px * 20); /* 10개 × 2(복제) = 20 */
    align-items: center;
}
/* Row 2, 3: 9개 × 2(복제) = 18 */
.about_client .logo-row:nth-child(2) .logo-track,
.about_client .logo-row:nth-child(3) .logo-track {
    width: calc(210px * 18);
}

.logo-item {
    width: 200px;
    height: 100%;
    margin: 0 5px;
    flex-shrink: 0;
}

.logo-item img {
    max-width: 100%;
    max-height: 80%;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: 0.3s;
}

.logo-item img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.left-to-right .logo-track {
    animation: scroll-right 30s linear infinite;
}

.right-to-left .logo-track {
    animation: scroll-left 30s linear infinite;
}

.about_client .logo-row:nth-child(3) .logo-track {
    animation: scroll-right 40s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.logo-row:hover .logo-track {
    animation-play-state: paused;
}

@media (min-width: 1024px) {
  .logo-row { padding: 5rem 0; }
  .logo-item { width: 200px; }
}


/* ============================================
 * LARGE SCREEN STYLES (1440px+)
 * ============================================ */
@media (min-width: 1440px) {

.LocationTextLine{
		width:100%;
		max-width: 1200px;}

.profile-container{max-width: 100%;margin-top:50px;padding:1rem;box-sizing:border-box;}
.profile-list .img{width: 100%; height: 320px;position: relative; overflow: hidden;background: rgb(255, 255, 255);cursor:hand;border-radius:20px;}

}


/* 769px ~ 1023px (?��블릿) */
@media (min-width: 769px) and (max-width: 1023px) {

.profile-list_container .profile-list{display: grid; grid-template-columns: repeat(3, 1fr);gap: 2%; margin:3rem 0;width: 95%;margin:auto;}

.profile-list li{float: none; width: 95%;margin: 0;border-radius:0px;  }
.profile-list .img{
	width: 100%;
	/* 1:1.3 */
	/* aspect-ratio: 10 / 13;  */
	aspect-ratio: 10 / 14;
	padding-top: 0%;
	height: 90%;
	height: auto;
	/* padding-top:120%; */
	margin: auto;
	
}
.profile-list .img img{
	position: static;
	display: block;

	left: 0;
	top: 0rem;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border-radius:20px;
	object-fit: cover; 
	/* 비율 ?���??????????????��면서 ?��?�� 채우�????????????? */
}
}


/* 768px ?��?�� (모바?��) */
@media (max-width: 768px) {

  .TbgImg3{height:auto;padding-bottom:1rem;}
  .sub_titleimg{padding-bottom:10px;font-size:3rem;font-weight:600;}

/* .profile-list_container{width:90%;max-width:90%;padding:0;margin:auto;display: flow-root;overflow: visible;} */

.profile-list{
	width: 95%;
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	gap: 2%;
	float: none !important;
	margin:10px 0;;
	margin:auto;
}

.profile-list li{float: none; width: 95%;margin: 0;border-radius:0px;  }
.profile-list .img{
	width: 100%;
	/* 1:1.3 */
	/* aspect-ratio: 10 / 13;  */
	aspect-ratio: 10 / 14;
	padding-top: 0%;
	height: 90%;
	height: auto;
	/* padding-top:120%; */
	margin: auto;
	
}
	/* box-shadow: 0px 30px 12px rgba(0, 0, 0, 0.08);transition: 0.3s; */
.profile-list .img img{
	position: static;
	display: block;

	left: 0;
	top: 0rem;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border-radius:20px;
	object-fit: cover; 
	/* 비율 */
}
.profile-list .PF_Id{width: 90%;font-size: 2rem;font-weight:600;margin:auto;padding:1rem 0 0rem 0 }

}

/* ===== ABOUT PAGE - Mobile (max-width: 768px) ===== */
@media (max-width: 768px) {

  /* --- 컨테이너 마진 축소 --- */
  .about-company {
    padding: 4rem 2rem;
  }
  .about-company_container {
    margin-bottom: 5rem;
  }
  .about-service_container {
    margin-bottom: 3rem;
  }

  .about-company .about-left_Title {
    font-size: 2.8rem;
    padding-left: 0;
    text-align: left;
    padding-bottom: 0.5rem;
  }
  
  .about-system .about-left_Title {
    font-size: 3rem;
    padding: 5rem 0 3rem;
  }

  /* --- OVERVIEW --- */
  .about-company .about_comp1 h1 {
    font-size: 2.6rem;
  }
  .about-company .about_comp1 p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .about-company .about_comp1 .desc {
    font-size: 1.5rem;
    padding-left: 0;
  }
  .about-subTitle p {
    font-size: 1.8rem;
  }

  .about-company .about-company_container .bg_about01 {
    height: 220px;
    margin: 2rem 0;
    background: url("../../image/Rectangle92.jpg") center center no-repeat;
    background-size: cover;
  }
  .about-company .bg_about02 {
    height: 250px;
    margin: 2rem 0;
    background: url("../../image/mk_ov-1.jpg") center top no-repeat;
    background-size: cover;
  }

  /* --- SERVICES --- */
  .about-service_cont .a-service_01 {
    padding: 2rem 0;
  }
  .about-service_cont .a-service_01 h3 {
    font-size: 1.8rem;
  }
  .about-service_cont .a-service_01 p.desc {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .main-service__wrap {
    padding-bottom: 5rem;
  }

  /* --- 로고 아이템 크기 (모바일 200px 유지) --- */
  .logo-item {
    width: 200px;
  }
  .logo-track {
    width: calc(210px * 20);
  }
  .about_client .logo-row:nth-child(2) .logo-track,
  .about_client .logo-row:nth-child(3) .logo-track {
    width: calc(210px * 18);
  }

}

/* ============================================================
   Main - Home page styles
   Source: /assets/css/main.css
   ============================================================ */
.mainpage h2 {font-family :'Pretendard Variable';font-size:5rem;font-weight:900;}
.mainpage h2 {font-family :'Red Hat Text';font-size:4rem;font-weight:900;}
@media (max-width: 768px) {
  .mainpage h2 {font-size:2.9rem;font-weight:600;color: #353535;}
}

.main-subbanner__wrap {
  max-width: 95%;
  margin: 0 auto;
  padding: 20rem 2.4rem;
}


.main-banner__container{display:grid; grid-template-columns: repeat(2, 1fr); gap: 2%;float: none !important;margin:50px 0;}

.main-subbanner__container {display: block;align-items: center;justify-content: center;;width:100%;box-sizing: border-box; ;}
.main-subbanner__container .tit {font-size:3.6rem;font-weight:700;width:40%;}
.main-subbanner__container .desc {width:60%;}

.tit-sub{font-weight:700;font-size: 2.1rem;}
.sub-comment{font-weight:500;font-size: 2.1rem;}

.main-subbanner__wrap .main-tit__wrap h3{font-size:2.1rem;margin-bottom: 1rem;padding-left:5px;}
.main-subbanner__wrap .main-tit__wrap h2{margin-bottom: 3rem;}
.main-subbanner__wrap .main-tit__wrap h2{font-size:4rem;font-weight:600;padding:30px 0;}

.main-subbanner__container::before{
  z-index: -1;
  content: '';   
  /* position: absolute; */
  left:0;
  top:90.5%;
  width: 100%;
  height: 500px;
  background: #fff;
  background: #e4befa;
  opacity:1;
}


.main-subbanner {
  width: 100%;
  height: 20rem;
  margin: 4rem 0;
  padding: 0 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0rem;
  box-shadow: 5px 8px 9px rgba(0, 0, 0, 0.14);
  transition:.5s ease;
}
.main-subbanner a:hover{
  border-radius: 10rem;transition:.5s ease;
}

@media (max-width: 768px) {
  .main-subbanner {
    height: 10rem;
    width:170px;
    flex-direction: column;
    justify-content: center;
    margin: 2rem 0;
    padding: 0 2rem;
  }
.sub-comment{padding:1rem 0;font-size: 1.6rem;font-weight:600;}
}

.main-subbanner.type1 {
  background-color: #000;
  background-size: cover;
  width:100%;
  margin:auto;
  text-align: center;
}
.main-subbanner.type1 a:hover {
  background-color: #ffffff;
  background-size: cover;
}
.main-subbanner.type1 .tit {
  width:40%;
  color: #fff;
}
.main-subbanner.type1 .desc {
  width:60%;
  text-align: left;
  color: #fff;
}

.main-subbanner.type2 {
  background-color: rgb(238, 238, 238);
  background-color: rgb(255, 255, 255);
  background-size: cover;
  border: solid 1px #111;
  color:#222;
  text-align: center;
  margin:auto;
}
.main-subbanner.type2 a{color:#000;}

.main-subbanner.type2 .tit {
  width:40%;
  color: #000;
}
.main-subbanner.type2 .desc {
  width:60%;
  text-align: left;
  color: #000;
}

.main-subbanner .desc {font-size: 2.4rem;}
.main-subbanner .material-symbols-outlined{font-size:4.5rem;color:#fff3e3;padding-right:2rem;padding-top:12%;float:right;}
.main-banner__container .type2 .material-symbols-outlined{font-size:4.5rem;color:#6d6d6d;padding-right:2rem;padding-top:12%;float:right;}


@media (max-width: 768px) {
  .main-subbanner__wrap {width:100%;padding:8rem 2.4rem 3rem 2.4rem;;}
  .main-subbanner .desc {font-size: 1.6rem;width:100%;}
  .main-subbanner__container .tit {font-size:2.1rem;font-weight:700;width:100%;text-align: center;}
  .main-subbanner .tit {font-size: 2rem;}
  .main-subbanner__container::before{content:none;}

  .main-subbanner .material-symbols-outlined{font-size:2.5rem;color:#fff3e3;padding:2rem 0;padding-top:12%;float:right;}
  .main-subbanner.type1 .tit,.main-subbanner.type2 .tit {width:90%;margin:auto}
  .main-banner__container .type2 .material-symbols-outlined{font-size:2.5rem;color:#6d6d6d;padding:2rem;padding-top:12%;float:right;}
}

/* CASTING PROJECT */

.main-rolling {position:relative;margin-bottom:15rem;margin-top:0rem;}
.main-rolling .maxcontainer {width:1176px;; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}

.main-rolling .Main-roll-Title{width:100%;margin-bottom:50px;}
.main-rolling .Main-roll-Title h2{padding-top:2rem;padding-bottom:1rem;font-weight: 600;text-align: center;}
.main-rolling .Main-roll-Title p{font-size: 2.1rem;font-weight: 400;padding:10px 0;;}
.main-rolling .Main-roll-Title .tit-bottom{color:#3f3f3f;font-size: 2.1rem;font-weight: 500;PADDING:0 0 2rem 0;}

.main-rolling .Main-roll-Container{display:flex;margin-bottom:20px;}
.main-rolling .contact-container{width:372px;margin-right:2rem;padding:40px;height:150px;border-radius:30px;transition:.5s ease;margin:auto;text-align: center;}
.main-rolling a{margin:auto;text-align: center;}
.main-rolling .contact-container:hover{border-radius:100px;transition:.5s ease;}
.main-rolling .contact-container h2{font-size:2.7rem;font-weight:600;padding-top:0.8rem;}
.main-rolling .contact-container h3{font-size:1.6rem;font-weight:500;color:#555;}
.main-rolling .contact-container .smalltext{font-size:2.1rem;}
.main-rolling .contact-container {margin:auto;}

.main-rolling .box-blue{padding:30px;background-color:#c5f6ff;background-image: url(../../image/_bg_icon1.jpg);background-size: cover;}
.main-rolling .box-pink{background-color:#ff9df2;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.main-rolling .box-pink{background-color:#FBDBE5;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.main-rolling .box-yellow{background-color:#FCEBD1;background-image: url(../../image/_bg_icon3.jpg);background-size: cover;}
.main-rolling .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.main-rolling .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;margin:auto;}
.main-rolling .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;margin:auto;}
.main-rolling .tel:hover{border-radius:100px;transition:.5s ease;background-color: #26c221;}
.main-rolling .kko:hover{border-radius:100px;transition:.5s ease;}
.main-rolling .mail:hover{border-radius:100px;transition:.5s ease;}

.main-rolling .tel,.kko,.mail{box-shadow: 5px 8px 9px rgba(71, 71, 71, 0.14);}
.main-rolling .box-blue,.box-pink,.box-yellow{box-shadow: 5px 8px 9px rgba(71, 71, 71, 0.14);}

.main-rolling::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:100px;
   width: 100%;
   height: 280px;
   /* background: #ffa6a6;
   background: #e4befa; */
   opacity:1;
  }


/* .swiper-slide .m{display:none} */

/*rolling 1. main_info*/
.main-rolling .main_info{display:block;width:50%;padding:2rem 0 0 3rem;text-align:left;}
.main-rolling .main_info h3{font-size:1.8rem;font-weight:500;}
.main-rolling .main_info .Tel{font-size:1.8rem;font-weight:700;}


.Main-Video {width: 100vw;height:100vh;position: relative;}
video{width:100vw;height: 100vh;object-fit:cover;}


.Main-Video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* ��Ʃ�� iframe�� ����ó�� �����????? */
.youtube-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Ŭ�� ���� */
  overflow: hidden;
}

.youtube-background iframe {
  width: 100vw;
  height: 56.25vw; /* 16:9 ���� ���� (100/16*9 = 56.25) */
  min-height: 100vh;
  min-width: 177.77vh; /* (100/9)*16 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Main Image Slideshow */
.main-slideshow {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}
.main-slideshow:active { cursor: grabbing; }

.slides-wrapper {
  position: relative;
  width: 100%; height: 100%;
}

.slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
  background: #000;
}
.slide.active { opacity: 1; }

.slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-drag: none;
}

@media (max-width: 768px) {
  .Main-Video {
    height: 133.33vw !important; /* 3:4 비율 */
  }
}

/* 좌우 화살표 */
.slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,0.5);
  color: #fff;
  font-size: 2rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.slide-arrow:hover { background: rgba(255,255,255,0.45); }
.slide-prev { left: 2.5rem; }
.slide-next { right: 2.5rem; }

/* 재생/정지 버튼 */
.slide-toggle {
  position: absolute;
  bottom: 7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,0.5);
  color: #fff;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-toggle:hover { background: rgba(255,255,255,0.45); }
.slide-toggle.playing::before {
  content: '';
  display: inline-block;
  width: 0.35rem;
  height: 1.3rem;
  background: #fff;
  box-shadow: 0.65rem 0 0 #fff;
  transform: translateX(-0.325rem);
}
.slide-toggle:not(.playing)::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.65rem 0 0.65rem 1.2rem;
  border-color: transparent transparent transparent #fff;
  margin-left: 0.1rem;
}

/* 하단 페이지 점 */
.slide-dots {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
.slide-dot {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.45);
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
  border: 2px solid rgba(255,255,255,0.7);
}
.slide-dot.active {
  background: #fff;
  transform: scale(1.35);
}

.overlay-text {
  position: absolute;
  top: 40%;
  left:50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3.5rem;
  font-weight: 600;
  z-index: 2;
  animation: fadeInUp 2s ease-out forwards;
  opacity: 1;
  letter-spacing: 0.2rem;
}
.overlay-text h1{font-weight:500;color: rgba(255, 255, 255, 0.5);}

.overlay-text .Logobannerimg{width:7rem;left:50%;margin:auto;text-align: center;}
.overlay-text img{width:7rem;}

.overlay-sub{left: 50%;font-size:4.5rem;color:#fff;letter-spacing: 0.1rem;margin:auto;text-align: center;}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, 60%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}



@media(max-width:1200px){
  .Main-Video{
    width: 100vw;
    height: 70vh;
    overflow: hidden;
    text-align: center;
  }
  video{width:100%;object-fit: cover;height: 100%;object-position: center;}

.overlay-text {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  z-index: 2;
  animation: fadeInUp 2s ease-out forwards;
  opacity: 1;
}

.overlay-text H1 {
    color: rgba(255, 255, 255, 0.5);  /* 흰색 70% 불투명 */
}

.overlay-text .Logobannerimg{left:50%;margin:auto;}
.overlay-text img{width:5rem;}

.overlay-sub{left: 50%;font-size:2.7rem;color:#fff;margin:auto;}

}

@media(max-width:768px){
  .Main-Video { height: 55vw; min-height: 260px; max-height: 600px; }
  .slide-arrow { width: 3.6rem; height: 3.6rem; font-size: 1.4rem; }
  .slide-prev { left: 0.8rem; }
  .slide-next { right: 0.8rem; }
  .slide-toggle { bottom: 4rem; width: 3rem; height: 3rem; }
  .slide-dots { bottom: 1.2rem; gap: 0.9rem; }
  .slide-dot { width: 0.85rem; height: 0.85rem; }

  .main-slide .swiper-slide .m{display:block}
  .main-rolling {margin-bottom:5rem;}
  .main-rolling .maxcontainer {width:100%;}
  .main-rolling .Main-roll-Title{margin-bottom:0px;}
  .main-rolling .swiper-slide{float:none;width: 90%;margin: 0px 0px;}
  .main-rolling .Main-roll-Title h2 {font-size:2.4rem;font-weight:600;color: #525252;}
  .main-rolling .Main-roll-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;}
  .main-rolling .Main-roll-Title p{font-size: 1.2rem;;}

  .main-rolling .Main-roll-Container{display:block;width:100%;padding-bottom:0rem;margin-top: 2rem;}

  .main-rolling .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius:30px;margin-top:20px;}
  .main-rolling .box-blue{padding:10px 30px;}
  .main-rolling .contact-container:hover{border-radius:100px;transition:.5s ease;}
  .main-rolling .contact-container h2{font-size:1.9rem;font-weight:600;}
  .main-rolling .contact-container h3{font-size:1.2rem;font-weight:500;}
  .main-rolling .contact-container .smalltext{font-size:1.8rem;}

  .main-rolling .main_info{width:100%;}
  .main-rolling .main_info h3{font-size:1.4rem;font-weight:500;}
  .main-rolling .main_info .Tel{font-size:1.4rem;font-weight:600;}
  .main-rolling::before{
    display:none;
    top:-70px;
    width: 100%;
    height: 190px;}
}


@media(max-width:480px){
  .Main-Video { height: 62vw; min-height: 220px; }
  .slide-arrow { display: none; }
  .slide-toggle { width: 2.6rem; height: 2.6rem; }
  .slide-dots { bottom: 0.8rem; gap: 0.7rem; }
  .slide-dot { width: 0.7rem; height: 0.7rem; }
}

.T02{margin-top:7rem;margin-bottom:0rem}

.swiper-slide .t, 
.swiper-slide .m{
	display: none;
}
  
.about-system .Main-roll-Title{margin: 7rem 0;}

@media (max-width: 768px) {
	.main-service__wrap .swiper-container {
	  padding: 0 2.4rem;
	}
}

@media(max-width:768px){
	.about-company .maxcontainer {width:100%;margin:auto;}
	.swiper-container .swiper-slide {height:450px;}
	.swiper-slide .t, 
	.swiper-slide .m{display: block;}
	.swiper-slide .p{display: none;}
	.swiper-slide .swiper-slide img{height:350px;}
	.about-system .main-service__wrap{padding:5rem 0;}
}


/*MAIN PAGE 2. CASTING NEWS*/

.main-news {  
  clear: both;
  width: 100%;
  max-width: 1900px;
  margin:auto;
  margin-top:15rem;
  padding: 0rem;
  
  
  /* margin-bottom:15rem;padding: 7rem 0 2rem 0;width:100%; */
}

/* .main-news .maxcontainer {width:1200px; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;} */
.main-news .news-container {display:block;width:100%;max-width:1900px;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}
/* max-width:1500px; */
.main-news .cn-container{display:block;width:100%;margin: 0 auto;padding:0;}

.main-news .Main-news-Title{width:100%;margin-bottom:2rem;text-align: center;}
.main-news .Main-news-Title h2{text-align:center;font-family :'Red Hat Text';font-size:4rem;font-weight:900;}

/* Main page Casting NEWS */
/* .main-news .castingnews{display:block;position: relative;width:100%;margin: 0 auto;padding: 0;} */
.main-news .castingnews_cont {display:block;width:100%; padding:0; opacity: 0.8;margin:auto;padding:2px;}
.main-news .castingnews_cont li a{float:left;margin:0 0 0 1.5%; width:15%;}
.main-news .castingnews_cont li a{font-size: 1.9rem;font-weight:500;height:210px;padding:2.5rem;border:solid 1px #ddd;border-radius: 60px;}
.main-news .castingnews_cont .IconGubun{display:block}
.main-news .castingnews_cont a:hover{
   border-color:#233e83; background: #233e83;
   border-color:#f7d48b; background: #f7d48b;
   border-color:#6cafa8; background: #48c568;
   backdrop-filter: grayscale(30%);
   color:#fff;
}

@media(max-width:1400px){
  .main-news .castingnews_cont li a{margin:0 1.5% 2% 0; width:29%;font-size: 1.6rem;}
}

.main-news .castingnews_cont a{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;}
.main-news .castingnews_cont a:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);}
.main-news .castingnews_cont a:hover li{opacity: 0.4;transition: .4s;}

.main-news .material-symbols-outlined{position:relative; bottom:0px;right:0;font-size:3.5rem;color:#48c568;;float:right;}


/*�Խ��� �̹���-ij�������� / ���������� ij���ô��� ���ܱ�����*/
.main-news .castingnews_cont li a .selGubun_img_10{width:90px;height:35px;background-color:#26c221;color:#FFF;border:0;font-size:0.8em;border-radius:50px;}/*�������� BB5204/F2BF7B*/
.main-news .castingnews_cont li a .selGubun_img_11{width:90px;height:30px;background-color:#e04299;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*���ܿϷ�*/
.main-news .castingnews_cont li a .selGubun_img_12{width:90px;height:30px;background-color:#426BCC;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*��Ȯ��*/
.main-news .castingnews_cont li a .selGubun_img_31{width:90px;height:30px;background-color:#ffa742;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*�Կ��ǽ�*/


.main-news .castingnews_cont li a:hover .selGubun_img_10{background:#ffffff;color:#26c221;}
.main-news .castingnews_cont li a:hover .selGubun_img_11{background:#ffffff;color:#e04299;}
.main-news .castingnews_cont li a:hover .selGubun_img_12{background:#ffffff;color:#426BCC;}
.main-news .castingnews_cont li a:hover .selGubun_img_13{background:#ffffff;color:#ffa742;}

.main-news .castingnews_cont li a:hover .material-symbols-outlined{color:#FFF;}

/* ij���� ���????? */

@media(max-width:768px){
    .main-news {position:relative;margin-top:0rem;;}
    .main-news .news-container{display:block;width:100%;}
    .main-news .cn-container{float:none;width:95%;max-width:95%;margin:auto;}

    .main-news .Main-news-Title{margin-top:10rem;}
    .main-news .Main-news-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;padding:0;}
    .main-news .Main-news-Title p{font-size: 1.2rem;;}

    .main-news .castingnews_cont{padding-top:1.4rem;margin:auto;}
    .main-news .castingnews_cont li a{margin:0 0 3% 0;width:95%;height: 4.5rem;padding:1rem 0 0 1.25rem;}
    .main-news .castingnews_cont li a{font-size: 1.5rem;}
    .main-news .castingnews_cont li:last-child{display:none;}

    .main-news .material-symbols-outlined{font-size:3.5rem;color:#fff3e3;bottom:0;right:0;float:right;}

}

.main-news .cnews_more{display:block;width:100%;padding-right:10%;}
.cnews_more a{float:right;}
.cnews_more .view_more{text-decoration: none;font-size: 1.6rem;padding-top:-10px;}

/* 
.cnews_more .icon_arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 20px;
}

.cnews_more .icon_arrow:after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  -webkit-transform: translate(50%,0) rotate(315deg);
  -ms-transform: translate(50%,0) rotate(315deg);
  transform: translate(50%,0) rotate(315deg);
} */

.cnews_more .view_more:after {
  content: "+";
  margin-left:5px;
  font-size: 2.6rem;
}


@media (max-width: 768px) {
  .main-news__container {
    flex-direction: column;
    padding: 0;
  }
  .main-news{
    padding: 1rem 0 1rem;
  }

  .main-news .cnews_more{display:none;}

  .main-news .BF_TitleLine{font-size:1.2rem;}
}

.main-news .BF_TitleLine::before{
  z-index: 1;
content: '';
display: block;
position:relative;
/* top:70px; */
/* width: 50px; */
/* height: 50px; */
padding:0;
/* margin:auto; */
/* background: #c0d2e2; */
/* background-image:url(../../image/_right.gif) center center no-repeat; */
background-size: cover; 
/* opacity:0.8; */
}

.main-news .Main-news-Title .golink {
  position: absolute;
  top: 24px;
  right: 32px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../image/ico_arrow_r.svg) no-repeat rgba(255,255,255,.2) center center;
  background-size: 24px 24px;
  border-radius: 50%;
  transition: background-color .3s;
  font-size: 1px;
  color: transparent;
  text-indent: -9999px;
}


/* ���� ����ó ���????? */
.main-contact {clear:both;display: inline-block;width:100%;position:relative;margin-top:10rem;}
.main-contact .maxcontainer {width:1176px;; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}

.main-contact .Main-roll-Title{width:100%;margin-bottom:50px;}
.main-contact .Main-roll-Title h2{padding-top:2rem;padding-bottom:1rem;font-weight: 600;text-align: center;}
.main-contact .Main-roll-Title p{font-size: 2.1rem;font-weight: 400;padding:10px 0;;}
.main-contact .Main-roll-Title .tit-bottom{color:#3f3f3f;font-size: 2.1rem;font-weight: 500;PADDING:0 0 2rem 0;}

.main-contact .Main-roll-Container{display:flex;margin-top:10rem;}
.main-contact .contact-container{width:372px;margin-right:2rem;padding:40px;height:150px;border-radius:30px;transition:.5s ease;margin:auto;text-align: center;}
.main-contact a{margin:auto;text-align: center;}
.main-contact .contact-container:hover{border-radius:100px;transition:.5s ease;}
.main-contact .contact-container h2{font-size:28px;font-weight:600;padding-top:10px;}
.main-contact .contact-container h3{font-size:15px;font-weight:500;color:#555;}
.main-contact .contact-container .smalltext{font-size:2.1rem;}
.main-contact .contact-container {margin:auto;}

.main-contact .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.main-contact .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;margin:auto;}
.main-contact .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;margin:auto;}
.main-contact .tel:hover{border-radius:100px;transition:.5s ease;}
.main-contact .kko:hover{border-radius:100px;transition:.5s ease;}
.main-contact .mail:hover{border-radius:100px;transition:.5s ease;}

.main-contact .tel,.kko,.mail{box-shadow: 5px 8px 9px rgba(0, 0, 0, 0.14);}

.main-contact::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:10px;
   width: 100%;
   height: 380px;
   /* background: #e4befa;
   background: #a6edff; */
   opacity:1;
  }


  @media(max-width:768px){
    .main-contact {margin-bottom:5rem;}
    .main-contact .maxcontainer {width:100%;}
    .main-contact .Main-roll-Title{margin-bottom:0px;}
    .main-contact .swiper-slide{float:none;width: 90%;margin: 0px 0px;}
    .main-contact .Main-roll-Title h2 {font-size:2.4rem;font-weight:600;color: #525252;}
    .main-contact .Main-roll-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;}
    .main-contact .Main-roll-Title p{font-size: 1.2rem;;}
  
    .main-contact .Main-roll-Container{display:block;width:100%;padding-bottom:0rem;margin-top: 2rem;}
  
    .main-contact .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius:30px;margin-top:20px;}
    .main-contact .box-blue{padding:10px 30px;}
    .main-contact .contact-container:hover{border-radius:100px;transition:.5s ease;}
    .main-contact .contact-container h2{font-size:1.9rem;font-weight:600;}
    .main-contact .contact-container h3{font-size:1.2rem;font-weight:500;}
    .main-contact .contact-container .smalltext{font-size:1.8rem;}
  
    .main-contact .main_info{width:100%;}
    .main-contact .main_info h3{font-size:1.4rem;font-weight:500;}
    .main-contact .main_info .Tel{font-size:1.4rem;font-weight:600;}
    .main-contact::before{
      display:none;
      top:-70px;
      width: 100%;
      height: 190px;}
  }



/*MAIN PAGE 3. CASTING FIX*/
/* CASTING FIX slide */
.main-sketch__wrap {
  clear: both;
  width: 100%;
  max-width: 1920px;
  margin:auto;
  margin-top:15rem;
  padding-top:15rem;
}

.main-sketch__wrap .main-tit__wrap{text-align: center;margin:auto;padding:20px 0 0 10px;}
.main-sketch__wrap .main-tit__wrap h2 {font-family :'Red Hat Text';text-align: center;margin-bottom:30px;}

.main-sketch__wrap .main-sketch-container ul{margin:auto;text-align:center;}
/* .main-sketch__wrap .main-sketch-container li:first-child{margin-left:0;} */
/* .main-sketch__wrap .main-sketch-container li{display:inline-block;width:13.5%;margin:0 0.3%;} */
.main-sketch__wrap .main-sketch-container li{display:inline-block;width:14%;height:95%;margin:1% 1%;overflow: hidden;border-radius:50px 50px 1px 50px ;border:solid 1px #ccc;}
.main-sketch__wrap .main-sketch-container li{ box-shadow: inset 6px 6px 17px -14px rgb(134, 134, 134);} 
/* .main-sketch__wrap .main-sketch-container li{float:left;width:14%;margin-right:.2%;} */
/* .main-sketch__wrap .main-sketch-container li{background-image: url(../../image/_bg_tel.jpg);background-size: 50%;} */
/* .main-sketch__wrap .main-sketch-container li .img{padding:0;width: 100%;} */
.main-sketch__wrap .main-sketch-container li:hover img{transform: scale(1.2); transition:transform 0.7s;}
.main-sketch__wrap .main-sketch-container li .txt{padding:10px 0;border-radius:10px;font-size: 1.4rem;font-weight: 500;}


@media (max-width: 768px) {
  .main-sketch__wrap {position:relative;padding-top:5rem;}
  .main-sketch__wrap .main-tit__wrap {padding-bottom: 1rem;width:94%;}
  .main-sketch__wrap .main-tit__wrap .tit {font-size: 2.8rem;font-weight:700;}
    
  .main-sketch__wrap .main-sketch-container li{clear:both;margin:auto;width:70%;height:90%;overflow: hidden; margin-bottom:4rem;border-radius:50px 50px 10px 50px;}
  .main-sketch__wrap .main-sketch-container li img{border-radius:0px;}
}


/*MAIN PAGE 5. */
/*���彺��ġ height: 120px;*/

.main-sketch::before{
  z-index: -1;
  content: '';   
  position: absolute;
  left:0; 
  display: block;
  top:1600px;
  width: 100%;
  height: 0;
  background: #ffeed8;
  /* background: #fff3d8; */
  opacity: 1;
}

@media (max-width: 768px) {
  .main-sketch::before{
  top:1080px;
  height: 0;
  }
}

.main-sketch {
  display: block;
  padding: 0px;
  width: 100%;  
  max-width: 1920px;
  margin:auto;
  margin-top: 15rem;
  box-sizing: border-box;
  text-align:center;
  
  /* background-color:#FFF;background-size: cover;margin: auto; 
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
     -ms-flex-pack: center;
        justify-content: center;*/
}

@media(max-width:768px){
  .main-sketch {margin-top: 1rem;}
}

.main-sketch .maxcontainer{margin-top:5rem;}

.main-sketch .section-title h2{padding-top:3rem;padding-bottom:3rem;text-align: center;}
.main-sketch p{margin-top:20px;margin-bottom:20px;text-align: center;}
.main-sketch .section-title {text-align: center;width:100%;padding-bottom: 10px;}
.main-sketch .section-sub_Title{font-size: 2.1rem;font-weight: 400;padding-bottom:30px;}

/*ImgTable1*/
.main-sketch .snslist-box{width:100%;height:100%;text-align:center;margin:auto;box-sizing: border-box;}
.main-sketch .sns-list{overflow: hidden;width:100%;height:100%;margin:auto;padding-left: 0%;box-sizing: border-box;}
.main-sketch .sns-list li{float: left;padding:0.5rem;text-align:center;width:25%;height:auto;box-sizing:border-box;}
/* .main-sketch .sns-list li:last-child{padding:0 0% 2% 0%;}*/
/* .main-sketch .sns-list li a{display: block;} */
.main-sketch .sns-list .img{width: 100%; padding-bottom:calc(100% * 0.42);;position: relative; overflow: hidden;background: #e4af6a;cursor:pointer;border-radius:0px;}
.main-sketch .sns-list .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: 0 auto;width: 100%;transition:transform 1s;}
.main-sketch .sns-list .img:hover img{transform: scale(1.2); }
.main-sketch .sns-list .titlebox{width:100%;padding:0.6rem;;box-sizing:border-box;}
.main-sketch .sns-list .titlebox .text{font-size:16px;font-weight:400;text-align:left;padding:10px 10px;}

.main-sketch .portfolio-wrap {box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;margin:auto;border:solid 1px #ddd}
.main-sketch .portfolio-wrap:hover { box-shadow: 0px 6px 14px rgb(199, 199, 199);border:solid 0px #ccc;border-radius:0px;} 
.main-sketch .portfolio-wrap:hover img {opacity: 0.4;transition: .4s;}

@media(max-width:768px){
.main-sketch .sns-list{padding-left: 1.5%;width: 90%;margin:auto;}
.main-sketch .sns-list li{float:left;padding:0 7px 30px 3%;width:100%;}
.main-sketch .sns-list .img{padding-bottom:calc(100% * 0.47);width:100%;}
.main-sketch .sns-list .titlebox{width:100%;background: #FFF;padding:10px 10px;}
.main-sketch .sns-list .titlebox .text{font-size:15px;font-weight:400;text-align:left;padding:10px;}
.main-sketch .portfolio-wrap {box-shadow: 0px 3px 12px rgba(24, 22, 22, 0.16);transition: 0.3s;}
.main-sketch .section-title p{display:none}
.main-sketch .section-title h2 { margin-bottom: 10px; padding-bottom: 10px;position: relative;}
.main-sketch .section-sub_Title{font-size: 1.9rem;font-weight: 400;padding-bottom:30px;}
}


/*MAIN PAGE 5. portfolio*/

.main-portfolio {
  clear: both;
  display: block;
  width: 100%;
  max-width: 1920px;
  padding:0;
  text-align:center;
  margin: auto;
  margin-top: 15rem;

  /* background-color:#FFF;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
        -ms-flex-direction: column;
           flex-direction: column;
  -webkit-box-align: center;
        -ms-flex-align: center;
           align-items: center;
  -webkit-box-pack: center;
        -ms-flex-pack: center;
           justify-content: center; */
}

/* 
.main-portfolio::before{
  z-index: -1;
  content: '';   
  position: absolute;
  left:0; 
  top:40px;
  width: 100%;
  height: 490px;
  background:#FFF5F4;
}
  */

.main-portfolio .section-title {text-align: center;margin:0 auto;padding-bottom: 3rem;}
.main-portfolio .section-title h2 {margin-bottom: 20px;padding: 30px 0;text-align: center;margin:0 auto;}
.main-portfolio .section-sub_Title{font-size: 2.1rem;font-weight: 400;padding-bottom:30px;}
.main-portfolio h2 em{font-weight: 900;}

/*.main-portfolio .sns-list li{float: left; width: 30%; margin: 0 0 1% 1%; text-align: center;position: relative;}
ImgTable2*/
.main-portfolio .sns_listbox{width:100%;text-align:center;margin:auto;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list{overflow: hidden;width:100%;margin:auto;padding-left:0;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list li{float: left;padding:0.5rem ;text-align:center;width:25%;box-sizing:border-box;}
/* .main-portfolio .sns-list .portfolio-wrap{margin-right:1%;} */
.main-portfolio .sns_listbox .sns-list li a{display: block;padding:0.5rem;margin:0;}
.main-portfolio .sns_listbox .sns-list .img{width:100%;height: 20rem; position: relative; overflow: hidden;background: #000;cursor:hand;right:0px;border-radius:0px;}
.main-portfolio .sns_listbox .sns-list .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;transition:transform 1s;}

.main-portfolio .sns_listbox .sns-list .middlename{transition:.5s ease; opacity:0; position: absolute; top:70%;left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list .img:hover img {opacity: 0.6;transform: scale(1.2);}
.main-portfolio .sns_listbox .sns-list .img:hover .middlename {opacity: 0.7;}
.main-portfolio .sns_listbox .sns-list li .img .middlename .text {background-color:#74ee44;color:#FFF;font-size: 1.6rem;font-weight:400;padding:1rem;border-radius:0px;}

.main-portfolio .portfolio-wrap {box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;margin:auto;border:solid 1px #ddd;border-radius:0px;}
.main-portfolio .portfolio-wrap:hover { box-shadow: 0px 6px 14px rgb(199, 199, 199);border:solid 0px #ccc;border-radius:0px;} 
.main-portfolio .portfolio-wrap:hover img {opacity: 0.4;transition: .4s;}

@media(max-width:768px){
.main-portfolio{margin-top: 5rem;}
.main-portfolio .sns_listbox .sns-list{overflow: hidden;margin:0 auto;padding-top:1rem;width:90%;}
.main-portfolio .sns_listbox .sns-list li{width: 100%;border-radius:0px;border:solid 1px #ddd;margin-bottom: 2rem;padding:0;}
.main-portfolio .sns_listbox .sns-list .img{width: 100%; height:0;padding-bottom:180px; border-radius:0px;}
/* .main-portfolio .sns-list .img{float: left; width: 100%;height: 0; padding-bottom:60%; position: relative; overflow: hidden;background: #000; cursor:hand;} */
.main-portfolio .section-sub_Title{font-size: 1.7rem;font-weight: 400;}
}




/* ���������� ��������*/
.main-notice{
  position:relative;
  text-align:center;
  margin:0 auto;
  padding-top:0px;
  padding-bottom:0px;
 background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}   

.main-notice p{
  margin: 10px 0 45px;
  color:#3c3c3c;
  font-size: 26px;
  font-weight: 100;
}

.main-notice .maxcontainer {width:1200px; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}
.main-notice .Main-notice-Contact{display: flex; width: 100%;padding-top:50px;}
.main-notice .Main-notice-Contact .contact-container{width:32%;margin-right:1%;background-color:#f0f0f0;padding:30px;height:150px;border-radius: 10px;;}
.main-notice .contact-container h3{font-size:16px;font-weight:500;}
.main-notice .contact-container .smalltext{font-size:2.1rem;}

.main-notice .main-notice-news{width:100%;margin:auto;margin-top: 100px;text-align:center;}
.main-notice .main-notice-news h2{padding-left:2rem}/*D63F8E*/
.main-notice .main-notice-news h2::after{
  content: '';
  display: block;
  width: 150px;
  height: 1px;
  margin: 0 auto;
  margin-top :30px;
  background: #fff;
}

.main-notice .main-notice-news .news_cont{padding:0;opacity: 0.8;width:100%;margin-left:10px;}
.main-notice .main-notice-news .news_cont li a{display: block;border-radius:0px;border:solid 1px #ddd;margin-bottom:10px;}
.main-notice .main-notice-news .news_cont a{font-size: 1.9rem; font-weight: 500;color:#000;text-align:left; height: 7rem;line-height:7rem;}
.main-notice .main-notice-news .news_cont a:hover{border-color:#ccc;color:#fff; background: #000;backdrop-filter: grayscale(30%);}
/* f7d48b */
.main-notice .main-notice-news .news_cont a{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;}
.main-notice .main-notice-news .news_cont a:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);}
.main-notice .main-notice-news .news_cont a:hover li{opacity: 0.4;transition: .4s;}
.main-notice .main-notice-news .news_cont li .MNTitle{display:none;}
.main-notice .main-notice-news .news_cont li .NTitle{display:block;padding-left:30px;}
.main-notice .main-notice-news .news_cont a:hover i{color:#fff;}

@media(max-width:1260px){
  .main-notice{padding:0px;}
  .main-notice .maxcontainer {width:100%;;}
  .main-notice .main-notice-news{width:95%;float:left;margin-left:2%;margin-top: 0rem;}
  
  .main-notice .Main-notice-Contact{display: block; width: 100%;padding-top:50px;}
  .main-notice .Main-notice-Contact .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius: 10px;margin-bottom:10px;}
  .main-notice .contact-container h3{font-size:1.3rem;font-weight:500;}
  .main-notice .contact-container .smalltext{font-size:1.8rem;}

  .main-notice .box{display:none;}
  .main-notice .main-notice-news{width:90%;padding-top:0;margin-bottom:6rem;}
  .main-notice .main-notice-news .news_cont li a{padding:0px 0 0 15px;font-size:1.6rem;}
  .main-notice .main-notice-news .news_cont li .NTitle{display:none;}
  .main-notice .main-notice-news .news_cont li .MNTitle{display:block;}

}


/* MAIN PAGE ROLL BANNER */
.main-banner {
  position: relative;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.main-banner .main-notice-banner {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.main-banner .main-notice-banner img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  display: block;
  border-radius:40px;
}

.main-banner .sketch-btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100px;
  pointer-events: none;
  z-index: 10;
}

.main-banner .sketch-btn-wrap > div {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  margin-top: 0;
  width: 4rem;
  height: 4rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: all 0.3s;
  z-index: 10;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0.75;
}
.main-banner .sketch-btn-wrap > div:hover {
  opacity: 1;
}
.main-banner .swiper-button-next::after,
.main-banner .swiper-button-prev::after {
  display: none;
}
.main-banner .sketch-btn-wrap .sketch-next {
  right: 0;
  background-image: url(../../assets/images/common/ico_slide_next.png);
}
.main-banner .sketch-btn-wrap .sketch-prev {
  left: 0;
  background-image: url(../../assets/images/common/ico_slide_prev.png);
}

.partner{padding:5rem 0;text-align: center;}
.img_partner{margin:auto;}

@media(max-width:768px){
  .main-banner{
     display: block;
     padding-top:0px;
     padding-bottom:3rem;
     text-align: center;
  }

  .main-banner .main-notice-banner{width:100%;margin:0 auto;}
  .main-banner .main-notice-banner img{width:100%;height:auto;border-radius:10px;}

  .main-notice .main-notice-partner {width:95%;margin:auto;margin-top:5rem;}
  .main-notice .main-notice-partner h2{padding-left:2rem}
  .partner{padding:3rem 0;}
  .img_partner{width:96%;}

  .viewinfo_ad .main-notice-banner{width:360px;height:360px;margin:0 auto;}
  .viewinfo_ad .main-notice-banner img{width:360px;height:1005px;border-radius:20px;}
}



.main-cont_bgimg{display: block;width:100%;}
.main-cont_bgimg .main_imgover{
   height: 400px;
   background: url(../../image/frame1.jpg) no-repeat center center ; 

   /* background: url(../../image/bg-castify.jpg) no-repeat center right fixed; */
   background-size: cover;
   text-align: center;
}


.sticky-menu__wrap {
  position: fixed;
  width:100px;height:200px;
  right: 1rem;
  top: 60%;
  z-index: 100;
  padding: 0rem;
  background: #fff;
  border:solid 1px #ccc;
  border-radius:50px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
  /* background: none; */
}

.sticky-menu__wrap li {text-align: center;}
.sticky-menu__wrap .inq_img_ch{height:60px;}
.sticky-menu__wrap .inq_img_inq{height:60px;}
.sticky-menu__wrap .inq_text{margin:1rem;font-size:1.3rem;font-weight:600;}
.sticky-menu__wrap li img{width:40px;margin-top:1.3rem;}
.s-division{height:1px;border-top:solid 1px #ccc;}

@media (max-width: 768px) {
  .sticky-menu__wrap {
  position: fixed;
  width:60px;height:140px;
  right: 1rem;
  top: 75%;
  z-index: 100;
  padding: 0rem;
  background: #fff;
  border:solid 1px #ccc;
  border-radius:50px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
    /* display: none; */
  }

  
.sticky-menu__wrap li {text-align: center;}
.sticky-menu__wrap .inq_img_ch{height:45px;}
.sticky-menu__wrap .inq_img_inq{height:40px;}
.sticky-menu__wrap .inq_text{margin:0.5rem;font-size:1.1rem;font-weight:600;}
.sticky-menu__wrap li img{width:25px;margin-top:1.3rem;}
.s-division{height:1px;border-top:solid 1px #ccc;}