@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");

:root{
  --primary:#359c95;
  --ani:cubic-bezier(.26,1.04,.54,1);
  --k-font:'Pretendard';
  --e-font:'Montserrat'}


:root {
  --site_width:1440px;
  --color_primary: #293855;
}

* { margin: 0; padding: 0; box-sizing: border-box;}
a { color: inherit; text-decoration: inherit; }
a:hover, a:focus, a:active { text-decoration: none; }
ul li {list-style: none;}
img { vertical-align: middle; border: none; }
button {background-color: inherit; cursor: pointer;}
input[type=text] {height: 30px;width: 80%;border:1px solid #293855;border-radius: 3px;}
input[type=password] {height: 40px; width: 100%;border:1px solid #aaaaaa;border-radius: 3px;}
/* input::placeholder { color: #222} */
table, th, td {border-collapse: collapse;}
input::-webkit-input-placeholder{color: #abb4bd;}

/* header - main */
.header {width: 100%; background-color: #ffffff;}
.header .nai_wrap  {max-width: var(--site_width); width: 100%;  margin:auto; background: rgb(255, 255, 255);}
.header .nai_wrap .inner .nai {margin-top: 30px;  margin-left: 0px; width: 100%;}
.header .nai_wrap .inner .nai .logo{ margin-top: 0px; display: flex; justify-content: center; align-items: center; background-image: url("https://uni5688.mycafe24.com/images/logo_m.png"); width:158px; height:33px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.header .nai_wrap .inner .nai > ul {background: #ffffff; padding-left: 10px; display: flex; justify-content: space-between; align-self: center; width: 100%;}
.header .nai_wrap .inner .nai > ul .main_menu > ul {width: 100%; display: flex; text-align: center; justify-content: space-between; align-self: center; background: #ffffff;}
.header .nai_wrap .inner .nai > ul .main_menu {width: 100%; padding-right: 10px;}
/* .header .nai_wrap .inner .nai > ul .main_menu > ul > li {background: #000;} */
.header .nai_wrap .inner .nai > ul .main_menu > ul > li span {font-size: 19px; font-weight: 600;}
.header .nai_wrap .inner .nai > ul .main_menu > ul > li span:hover{color:tomato;}
#ham_ico div {background-image: url("https://uni5688.mycafe24.com/images/hambuger.png"); width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; padding-right: 10px; cursor: pointer;}
#ham_ico {display: none;}


/* 연락 */
#contact_wrap {max-width: var(--site_width); width: 100%; margin: auto;  z-index: 100;  color:#fffdfd;}
#contact_wrap {position: fixed; top:80px;}
/* #contact_wrap .inner {text-align: center; display: block;  position: absolute; text-align: center; background: red; } */
  /* #contact_wrap .inner {max-width: var(--site_width);  display: block; position: absolute; top:80px; left:90%;  z-index: 100; color:#000000;} */ */
 #contact_wrap .contact {display: flex; flex-direction: column; gap:41px; justify-content: end;  left:50px; align-items: center;} 
/* #contact_wrap .tel_info {margin-bottom: 10px; flex-direction: column; justify-content: start; padding: 4px; font-size: 13px; border-radius: 5px; } */
#contact_wrap .tel_info  {height: 40px; text-align: end; flex-direction: column; justify-content: end;  padding: 4px; font-size: 13px; border-radius: 5px; }
#contact_wrap .tel_info1 {height: 40px; text-align: end; flex-direction: column; justify-content: end;  padding: 4px; font-size: 13px; border-radius: 5px; }
#contact_wrap .tel_info2 {height: 40px; text-align: end; flex-direction: column; justify-content: end;  padding: 4px; font-size: 13px; border-radius: 5px; }

/* #contact_wrap .tel_info2 {margin-bottom: 10px; flex-direction: column; justify-content: start;  padding: 4px; font-size: 13px; border-radius: 5px;  } */

#contact_wrap .tel_info span {background: tomato; padding:10px; border-radius: 6px; margin-bottom: 10px}
#contact_wrap .tel_info1 span {background: #686262; padding:10px; border-radius: 6px; margin-bottom: 10px; ; height: 50px;}
#contact_wrap .tel_info2 span {background: #635b5b; padding:10px; border-radius: 6px;}


/* visual */
.visual_wrap {width: 100%; background: #ffffff;} 
.visual_wrap .inner .visual .visual_img {margin-top: 0px; position: relative;}
.visual_wrap .inner .visual .visual_img .swiper-container {overflow: hidden;}
.visual_wrap .inner .visual .visual_img .swiper-container .swiper-pagination {padding-bottom: 50px;}
/* .visual_wrap .visual .visual_img {background-image: url("https://uni5688.mycafe24.com/images/visual_main1.png"); width:100%; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover; } */

/* visual 하단 박스 */
/* .visual_wrap .inner {margin-top: 30px;} */
.visual_wrap .inner .txt_box .bg {background-image: url("https://uni5688.mycafe24.com/images/v_bg2.png"); width:100%; height:300px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.visual_wrap .txt_box .line_box {z-index: 10; position: absolute; top:614px; left:50%; transform: translate(-50%,-50%); background-image: url("https://uni5688.mycafe24.com/images/line_box.png"); width:50px; height:50px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.visual_wrap .inner .txt_box .introduction {max-width: var(--site_width); margin: auto; display: flex; justify-content: space-between;  padding-top: 30px; padding-bottom: 30px; overflow: hidden;}
.visual_wrap .inner .txt_box .introduction .left {border: 1px solid #adacac; width: 400px; height: 230px;}
.visual_wrap .inner .txt_box .introduction .left h4 { padding-top: 30px; gap:10px; color:#fff; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.visual_wrap .inner .txt_box .introduction .left h4:after {content: ""; display: block; height: 1px; background: #5e5e5e; width: 200px;}
.visual_wrap .inner .txt_box .introduction .left h4 span {color:tomato; font-size: 24px;}
.visual_wrap .inner .txt_box .introduction .left h2 {display: block; padding-top: 30px; font-size: 20px; color: #fff; text-align: center;}
.visual_wrap .inner .txt_box .introduction .left h5 {display: block; font-size: 16px; width: 100%; text-align: center;  margin-top: 30px; color: #c5c2c2; border:0px solid #fff; }

.visual_wrap .inner .txt_box .introduction .center {border: 1px solid #adacac; width: 400px; height: 230px;}
.visual_wrap .inner .txt_box .introduction .center h4 { padding-top: 30px; gap:10px; color:#fff; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.visual_wrap .inner .txt_box .introduction .center h4:after {content: ""; display: block; height: 1px; background: #5e5e5e; width: 200px;}
.visual_wrap .inner .txt_box .introduction .center h4 span {color:tomato; font-size: 24px;}
.visual_wrap .inner .txt_box .introduction .center h2 {display: block; padding-top: 30px; font-size: 20px; color: #fff; text-align: center;}
.visual_wrap .inner .txt_box .introduction .center h5 {display: block; font-size: 16px; width: 100%; text-align: center;  margin-top: 30px; color: #c5c2c2; border:0px solid #fff; }


.visual_wrap .inner .txt_box .introduction .right1{border: 1px solid #adacac; width: 400px; height: 230px;}
.visual_wrap .inner .txt_box .introduction .right1 h4 { padding-top: 30px; gap:10px; color:#fff; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.visual_wrap .inner .txt_box .introduction .right1 h4:after {content: ""; display: block; height: 1px; background: #5e5e5e; width: 200px;}
.visual_wrap .inner .txt_box .introduction .right1 h4 span {color:tomato; font-size: 24px;}
.visual_wrap .inner .txt_box .introduction .right1 h2 {display: block; padding-top: 30px; font-size: 20px; color: #fff; text-align: center;}
.visual_wrap .inner .txt_box .introduction .right1 h5 {display: block; font-size: 16px; width: 100%; text-align: center;  margin-top: 30px; color: #c5c2c2; border:0px solid #fff; }

/* main title*/
.section_entire {max-width: var(--site_width); width:100%; margin:auto; background: #fff; padding-left:10px; padding-right:10px;}
.section {margin-top: 70px;}
.section .title_box h3 {font-size: 32px; font-weight: 800; text-align: center; color:#104559;}
.section .title_box h4 {font-size: 20px; font-weight: 600; text-align: center; padding-top: 30px;}

/* 스튜디오 사진 */
.section .studio_box {text-align: center;}
.section .studio li{text-align: center; width: 100%;}
.section .studio_box > ul {width: 100%; display: flex;   justify-content: space-around; align-items: center; gap:20px; overflow: hidden;}
.section .studio_box > ul .con_box {text-align: center; vertical-align: middle;}
/* .section .studio_box > ul .con_box i {background-image: url("https://uni5688.mycafe24.com/images/camera.png"); width:30px; height:30px; background-position: center; background-repeat: no-repeat; background-size: cover;} */
/* .section .studio_box > ul .con_box:hover{cursor: pointer; transform: scale(1.1); transition: all 0.2s linear; margin: 0px auto;} */
.section .studio_box > ul .con_box {display: flex; height:400px; flex-direction: column; position: relative; justify-content: center; align-items: center; overflow: hidden;}
.section .studio_box > ul .con_box .tit {}
.section .studio_box > ul .con_box .tit h3 {font-size: 20px;  display: block; }
/* .section .studio_box > ul .con_box .tit h3:after{content: ""; display: block; background: red; height: 20px; }  */
.section .studio_box > ul .con_box .con1 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_sky.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con1 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con1 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con1:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con2:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con3:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con4:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con5:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con6:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con7:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con8:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con9:hover {transform: scale(1.1);  transition: all 0.2s linear;}
.section .studio_box > ul .con_box .con10:hover {transform: scale(1.1);  transition: all 0.2s linear;}



.section .studio_box > ul .con_box .con2 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_camping.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con2 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con2 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con3 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_led.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con3 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con3 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con4 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_a.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con4 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con4 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con5 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_b.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con5 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con5 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con6 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_c.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con6 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con6 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con7 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_d.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con7 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con7 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con8 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_f.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con8 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con8 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con9 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_h.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con9 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con9 span:hover {background: #fff; color:#000;}
.section .studio_box > ul .con_box .con10 {margin-top: 30px; background-image: url("https://uni5688.mycafe24.com/images/studio_cafe.png"); width:400px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con10 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
.section .studio_box > ul .con_box .con10 span:hover {background: #fff; color:#000;}

.section .studio_box > ul .con_box .con11 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff;  color:#fff; font-weight: 400; text-align: center;}

/* #blog {background: #2DB400; } */
#blog {background: #ffffff; border: 1px solid #5e5e5e;}
.section .studio_box > ul .con_box .con11 {position: relative; display: flex; justify-content: center; text-align: center;  height: 360px; margin-top: 50px; width: 400px;}
.section .studio_box > ul .con_box .con11 .blog .tit h3 {margin-top: 4px; margin-bottom: 4px; background-image: url("https://uni5688.mycafe24.com/images/n_blog.png"); width:100px; height:30px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section .studio_box > ul .con_box .con11 .blog .tit {background: #2db400; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
.section .studio_box > ul .con_box .con11 .blog >  ul {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; flex-direction: column; justify-content: start; gap:14.5px; overflow: hidden;}
.section .studio_box > ul .con_box .con11 .blog >  ul > li {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; display: flex; flex-direction: column; justify-content: start; align-items: start;}
.section .studio_box > ul .con_box .con11 .blog .line_blog {background: #e2e2e2; height: 1px;}
/* .section .studio_box > ul .con_box .con11 .blog >  ul > li:after {content:""; display:block;  width: 100%; border:1px dashed rgb(177, 176, 176); margin-top: 7px; margin-bottom: 0px;} */
.section .studio_box > ul .con_box .con11 .blog >  ul > li h4 {color: rgb(0, 0, 0); padding-left: 16px; padding-right: 10px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 400px;}
.section .studio_box > ul .con_box .con11 .blog >  ul > li h5 {text-align: right; padding-left: 16px; padding-right: 10px; font-size: 12px; margin-bottom: 8px;}



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

SUB

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


/* VISUAL */
.sub_visual_wrap {margin-top: 30px;}
.sub_visual_wrap .inner .visual  { background-image: url("https://uni5688.mycafe24.com/images/sub_visual_img.png");  height:300px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub_visual_wrap .inner .visual .visual_box {max-width: var(--site_width); width: 100%; margin: auto; position: relative;}
/* .sub_visual_wrap .inner .visual .visual_box .txt_box {background: red; position: absolute; top:200px; left:50%; transform: translate(-50%,-50%); color:#fff; display: flex; justify-content: space-between;} */
.sub_visual_wrap .inner .visual .visual_box .txt_box .left {color: rgb(0, 0, 0); text-align: center; top:118px; left:50%; transform: translateX(-50%); position: absolute; display: flex; flex-direction: column; justify-content: end;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .left h3 {font-size: 30px; font-weight: 800; text-align: center;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .left h3 {border-bottom: 1px solid #104559; padding-bottom: 10px;}

.sub_visual_wrap .inner .visual .visual_box .txt_box .right {color: #fff; text-align: center; top:120px; right:30px; position: absolute; display: flex; flex-direction: column; justify-content: end;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .right h3 {font-size: 30px; font-weight: 800; text-align: center;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .right h4 {font-size: 16px; font-weight: 800; text-align: center; color:#eff0f0;}

.m_contact_wrap {position: absolute; width: 250px; top:80%; left:50%; transform: translate(-50%,-50%); border:1px solid #d1d1d1; border-radius: 4px;} 
.m_contact_wrap .inner .contact {padding: 4px 10px 4px 10px; display: flex;  gap:0px; justify-content: space-between; align-items: center;}
.m_contact_wrap .inner .contact .left {background-image: url("https://uni5688.mycafe24.com/images/tel_ico.png");  height:40px; width:40px; background-position: center; background-repeat: no-repeat; background-size: cover;}

/* .m_contact_wrap .inner .contact .tel_info1 span {font-size: 14px; font-weight: 600;}
.m_contact_wrap .inner .contact .tel_info22 span {font-size: 12px;  font-weight: 600;} */
.m_contact_wrap .inner .contact {font-size: 14px;  font-weight: 500;}


/* 하늘채 house */
.gallery_wrap .inner .gallery {display: flex; justify-content: center; align-items:center ; gap:20px; flex-wrap: wrap;;}
.gallery_wrap .inner .gallery .left {text-align: center; display: flex; flex-direction: column;}
.gallery_wrap .inner .gallery .right {text-align: center; display: flex; flex-direction: column;}
.gallery_wrap .inner .gallery img {margin-bottom: 20px; object-fit: cover;}



.wrapper {position: relative;}
.right h3 {color: #fff;top:30px;position: absolute;transform: translate(-50%, -50%);}
.right h4 {color: #fff;top:30px;transform: translate(-50%, -50%);}
.right  h3:nth-child(1) {color: transparent;-webkit-text-stroke: 1px #ffffff;}
.right  h3:nth-child(2) {color: rgb(82, 82, 82);animation: animate 4s ease-in-out infinite;}
@keyframes animate {0%,100% {	clip-path: polygon(		0% 45%,		16% 44%,		33% 50%,		54% 60%,		70% 61%,		84% 59%,		100% 52%,		100% 100%,		0% 100%	);}
	50% { clip-path: polygon( 0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);}}

/* map */
.map_box {padding-left: 10px; padding-right: 10px; max-width: var(--site_width); margin:auto; width: 100%;}
#daumRoughmapContainer1748589609915 {width: 100%;}
#daumRoughmapContainer1748732806858 {width: 100%;}

/* footer */
.footer {width: 100%; margin-top: 0px; height: 550px; background: #000000; text-align: center; padding-top: 40px;}
.footer .tit{ width: 100%; text-align: center; padding-top: 50px; } 
.footer .logo {color:#fff; font-size:20px;}
.footer .instargram{display: flex; justify-content: center; margin-bottom: 10px;}
.footer .instargram i{text-align: center; display: flex; justify-content: center; background-image: url("https://uni5688.mycafe24.com/images/instagram2.png");  width: 50px; height:50px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.footer .tit span {font-size: 22px; font-weight: 600; color: rgb(75, 74, 74);   border-bottom: 1px solid #868686; border-top: 1px solid #868686; padding: 10px 10px 10px 10px;} 
.footer > ul {display: flex; justify-self: center; gap:30px; color:#3a2828; margin-top: 70px;}
.footer > ul > li {font-size:16px;}

.footer .police {margin-top: 50px; font-size: 16px; font-weight: 700;}
.footer .addr1 {font-size: 14px; color:#ffffff; margin-top: 80px;}
.footer .addr2 {font-size: 14px; color:#ffffff; margin-top: 15px;}
.footer .addr3 {font-size: 14px; color:#ffffff; margin-top: 15px;}
.footer .copy {font-size: 14px; color:#ffffff; margin-top: 40px; }
.footer_m {display: none;}

.section .studio_box > ul .con_box {background: #ffffff;}
.section .studio_box > ul .con_box .con11{background: #968787;}
.section .studio_box > ul:nth-of-type(2) {margin-top: 80px;}
.section .studio_box > ul:nth-of-type(3) {margin-top: 80px;}
.section .studio_box > ul:nth-of-type(4) {margin-top: 80px;}

.mobile_only {display: none;}
.hambuger_wrap {display: none;}
.m_contact_wrap {display: none;}
.mobile_only_m {display: none;}

header {position: relative;}
.hambuger_wrap {position: absolute; max-width: var(--site_width); top:0px; width: 60%; background: #FCB908; height: 100%; z-index: 1;}
.hambuger_wrap .inner {padding-left: 10px; padding-right: 10px;}
.hambuger_wrap .hambuger .top {margin-top: 30px; text-align: center;}
.hambuger_wrap .hambuger .top > ul {display: flex; justify-content: space-between; align-items: center;}
.hambuger_wrap .hambuger .top:after {content: ""; height: 1px; width: 100%; display: block; background: #e9dddd; margin-top: 10px;}
.hambuger_wrap .hambuger .top > ul  li:nth-of-type(1) {font-size: 20px; font-weight: 700; color:#fff;}
.hambuger_wrap .hambuger .top > ul  li:nth-of-type(2) {background-image: url("../images/hambuger_close.png"); width:40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.hambuger_wrap .hambuger .menu {margin-top: 30px;}
.hambuger_wrap .hambuger .menu > ul {display: flex; justify-content: start; align-items: left; gap: 0px; flex-direction: column; color:#fff; font-size: 18px; font-weight: 600;}
.hambuger_wrap .hambuger .menu > ul  li {height: 50px; align-items: center; padding-left: 6px;}
.hambuger_wrap .hambuger .menu > ul  li span {line-height: 50px; font-size:16px;}
.hambuger_wrap .hambuger .menu > ul  li:hover {background: #ffffff; color:#FCB908;}

/* 아웃풋 */
.output_wrap .output {position: relative; display: flex; flex-direction: column; justify-content: center; gap:20px;}
.player{display: flex;justify-content: center;position: relative;width: 100%;padding-bottom: 56.25%; /* max-width: 800px;   */
  max-height: 450px;}
.player iframe{position: absolute;width: 100%;height: 100%;text-align: center;}
.sns_wrap {text-align: center; margin-bottom: 0px;}  
.sns_wrap .tit {padding-top: 10px;}
.player2 {width: 100%; display: flex; flex-direction: column;}
.section .studio_box > ul .con_box .con12 {margin-top: 30px;}
.section .studio_box > ul .con_box .con12 span {font-size: 14px; border-top: 1px solid #fff; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #fff; position: absolute;  top:55%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-weight: 400; text-align: center;}
/* .section .studio_box > ul .con_box .con12 span:hover {background: #fff; color:#000;} */


/* sns */
.sns_wrap .sns {font-size: 20px; display: flex; justify-content: center; gap:20px; flex-wrap: wrap;}
.sns_wrap .sns .blog {margin-bottom: 3px; font-size: 13px;}
.sns_wrap .sns .tit {margin-bottom: 10px; font-size: 16px;}

/* 반응형 [s] */

@media (max-width:1120px){
.gallery_wrap .gallery .left img {width: 100%;}	
.gallery_wrap .gallery .left {}	
.gallery_wrap .gallery .right img {width: 100%;}	
.gallery_wrap .gallery .right {}	
}

@media (max-width:1120px){
.main_menu {display: none;}
.pc_only {display: none;}
#ham_ico  {display: block;}
.pc_only_m {display: none;}
.mobile_only_m {display: block;}
#contact_wrap {display: none;}
.header .nai_wrap .inner .nai .logo{ margin-top: 10px;}
.sub_visual_wrap {margin-top: 10px;}
.header .nai_wrap .inner .nai {margin-top: 10px;}
.header .nai_wrap .inner .nai > ul .main_menu > ul {justify-content: end; align-items: end; background: #000;}
.header .nai_wrap .inner .nai > ul .main_menu > ul > li {justify-content: end; align-items: end; background: #000;}
#m_hidden {display: none;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .right h4{color:red;}
.sub_visual_wrap .inner .visual .visual_box .txt_box .right {color: #fff; text-align: center; top:100px; left:50%;}
.m_contact_wrap {display: block;}
/* .m_contact_wrap .inner .contact .tel_info1 span {font-size: 14px;  font-weight: 600;} */
/* .m_contact_wrap .inner .contact .tel_info2 span {font-size: 14px;  font-weight: 600;} */
#contact_wrap {display: none;}
.visual_wrap .inner .txt_box .introduction {display: flex; flex-direction: column; padding-top: 40px; padding-bottom: 0px;}
.visual_wrap .inner .txt_box .introduction .left {width: 100%; height: 50px;}
.visual_wrap .inner .txt_box .introduction .center {width: 100%; height: 50px;}
.visual_wrap .inner .txt_box .introduction .right {width: 100%; height: 50px; border: 1px solid #fff;}
.visual_wrap .inner .txt_box .introduction .left h2 {display: block; padding-top: 14px; font-size: 18px;}
.visual_wrap .inner .txt_box .introduction .center h2 {display: block; padding-top: 10px;  font-size: 18px;}
.visual_wrap .inner .txt_box .introduction .right h2 {display: block; padding-top: 14px; text-align: center; color:#fff;  font-size: 18px;}
.visual_wrap .inner .txt_box .bg {width:100%; height:220px; }
.line_box {display: none;}



.section_entire .studio_box > ul {display: flex; flex-direction: column;}
.section_entire .studio_box .con_box {width: 100%;}

.section .studio_box > ul .con_box .con1 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con2 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con3 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con4 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con5 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con6 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con7 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con8 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con9 {width:100%; height:100%;  }
.section .studio_box > ul .con_box .con10 {width:100%; height:100%; }
.section .studio_box > ul .con_box .con11 {height: 360px; margin-top: 50px; width: 100%; border-top:1px solid #fff;}


}

@media (max-width:768px){
.section {margin-top: 40px;}
.section .title_box h3 {font-size: 26px;}
.section .title_box h4 {font-size: 16px;}
.mobile_only {display: block;}
.pc_only_m {display: none;}
.mobile_only_m {display: block;}
footer .footer .tit span{font-size: 16px; color:#fff;}
.footer .tit span {border-bottom: 1px solid #000000; border-top: 1px solid #000000;} 
}
@media (max-width:480px){
.pc_only_m {display: none;}
.mobile_only_m {display: block;}
.gallery_wrap .gallery .left img {width: 100%;}	
.gallery_wrap .gallery .left {}	
.gallery_wrap .gallery .right img {width: 100%;}	
.gallery_wrap .gallery .right {}	
#blog {background: #ffffff; border: 0px solid #5e5e5e; height: 500px;}
.swiper-slide img {width: 100%; height: 230px; overflow: hidden;}	
.visual_wrap .txt_box .line_box {z-index: 10; position: absolute; top:314px; }
.visual_wrap .txt_box .introduction {flex-direction: column; overflow: hidden; gap:10px;}
/* .visual_wrap .txt_box .introduction .left {height: 100px;} */
.visual_wrap .inner .txt_box .introduction {padding-top: 40px; padding-bottom: 0px;}
.visual_wrap .inner .txt_box .introduction .left {width: 100%; height: 50px;}
.visual_wrap .inner .txt_box .introduction .center {width: 100%; height: 50px;}
.visual_wrap .inner .txt_box .introduction .right {width: 100%; height: 50px; border: 1px solid #fff;}
.visual_wrap .inner .txt_box .introduction .left h2 {display: block; padding-top: 14px; font-size: 18px;}
.visual_wrap .inner .txt_box .introduction .center h2 {display: block; padding-top: 10px;  font-size: 18px;}
.visual_wrap .inner .txt_box .introduction .right h2 {display: block; padding-top: 14px; text-align: center; color:#fff;  font-size: 18px;}
.visual_wrap .inner .txt_box .bg {width:100%; height:240px; }
.section .title_box h4 {font-size: 16px; font-weight: 400; padding-top: 0px;}
.section .studio_box > ul {width: 100%; display: flex; justify-content: space-around; flex-direction: column; gap:70px;}
.section .studio_box > ul {margin-top: 0px; padding-top: 0;}
.section .studio_box > ul .con_box .con1 {margin-top: 10px; width: 95%; border-radius: 10px; margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con2 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con3 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con4 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con5 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con6 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con7 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con8 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con9 {margin-top: 10px; width: 95%; border-radius: 10px;  margin-bottom: 0; pointer-events: none;}
.section .studio_box > ul .con_box .con10 {margin-top: 10px;  width: 95%; border-radius: 10px; margin-bottom: 0;  pointer-events: none;}
.footer_m {display: block;}
footer .footer .tit {font-size: 14px; color:#fff;}

}
@media (max-width:380px){

}