@charset "euc-kr"; /*common*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background-color:#fff; line-height:normal; color:#36342f; letter-spacing:0px; text-align: left; word-break: keep-all; } 
.kor { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } 
.en { font-family: 'Montserrat', sans-serif; font-weight: 500; } 
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input { margin: 0; padding: 0 } 
ul, ol, dl { list-style: none } 
ul { list-style: none; padding: 0; margin: 0 } 
img, fieldset, iframe { border: 0 } 
img { vertical-align:top } 
input, select, button { font-family: 'Noto Sans KR', sans-serif; vertical-align: middle; } 
input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } 
textarea:focus, input:focus { outline: none; } 
textarea { font-family: 'Noto Sans KR', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
button, input { position: relative; border:none; } 
button { cursor:pointer; outline: none; border:none; } 
em, address { font-style: normal } 
a { text-decoration: none; color: inherit; display: block; position: relative; } 
.clear { clear: both; } 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 
* { -webkit-tap-highlight-color:transparent } 
img.map, map area { outline: none; } 
img::-moz-selection { background-color: transparent; color: #000; } 
img::selection { background-color: transparent; color: #000; } 

.relative { position: relative; } 
.blind { font:0/0 a; height: 0; overflow: hidden; position: absolute; width: 0; } 
.obj { position: absolute; z-index: 2; } 

.pc{display: block;}
.mobile{display: none;}

#wrap { position: relative; } 

.pcmain{display: block;}
.pcmain{top: 0%;left: 0%; width:100%; height:100%; position: absolute; z-index: 1000;}
.pcmain .logo{width:80px; top: 50%;left: 50%; transform: translate(-50%, -50%); position: absolute;}
.pcmain .logo.end{top:23px; left:50px;}

/* header */
header { text-align:center; position:absolute; z-index: 999; width: 100%; position: fixed; background-color: #eae6db;} 
header .wrap {width:500px; margin:0px auto; box-sizing:border-box; padding: 20px 0px;} 
header h1 { position: absolute; top:20px; left: 30px; } 
header h1 img {width:96px; height:auto; } 
header ul {float:left;} 
header ul li { margin:0 3px; display: inline-block; } 
header ul li.active a{ font-weight:700; } 
header ul li a {padding:5px 10px; color:#fff;} 
header h3{display: inline-block; margin-left:15px;}
header h3 span { display: inline-block; vertical-align: middle; margin-top: -5px; } 
header h1 a img.type2{display: none;}
header h3 a img.type2{display: none;}

/* footer */
footer { height:200px; background-color:#eae6db; } 
footer .wrap { width: 1000px; margin:0 auto; box-sizing:border-box; padding-top:33px; overflow: hidden;} 
footer h2 { position: absolute; left: 38px; } 
footer h2 img{width:96px; height:auto;} 
footer .contact { float: right; } 
footer .contact p { display:inline-block; } 
footer .contact p+p { padding-left:70px; } 

#wrap #content { width: 100%; height: 100vh; min-height:850px; position: relative; box-sizing: border-box; overflow: hidden;} 
#wrap.sub #content{padding-top:110px;}
#wrap #content .wrap { width: 100%; height: 100%; } 

/* sub */
#wrap > header > div > h3 > a > span.pc > img{ width: 115px; margin-top: 4px; }
#wrap.sub { background-color:#eae6db; } 
#wrap.sub header h1 a img.type1{display: none;}
#wrap.sub header h1 a img.type2{display: block;}
#wrap.sub header h3 a img.type1{display: none; margin-top: 7px;}
#wrap.sub header h3 a img.type2{display: block; margin-top: 7px;}
#wrap.sub header li a { color:#000000; } 
#wrap .sub-menu {margin-top:20px; overflow: hidden;} 
#wrap .sub-menu ul {
  /* text-align: right; */
   display:none; float:none} 
#wrap.sub .sub-menu li { margin:0 15px; display:inline-block; } 
#wrap.sub .sub-menu li.active a { color:#000; font-weight: 500; } 
#wrap.sub .sub-menu li a { color:#bbb7ae; } 
#wrap.sub .content-wrap { height: 100%; margin: 0 auto; position:relative; } 

/* home */
#wrap.home header{background-color: transparent;} 
#wrap.home #content .main-bg {background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; background-position: center; } 
#wrap.home #content .main-bg .swiper{width:100%; height:100%; position: absolute;}
#wrap.home #content .main-bg .swiper-container{width:100%; height:100%; position: absolute;}
#wrap.home #content .main-bg .swiper-slide{background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; background-position: center; }

/* about_message */
#wrap.about.message { } 
#wrap.about.message .content-wrap { max-width: 1585px; } 
#wrap.about.message .content-wrap>div { position:absolute; width: 50%; } 
#wrap.about.message .left { left:0; bottom: 150px; padding-left: 230px; box-sizing: border-box; } 
#wrap.about.message .left p { font-weight:400; } 
#wrap.about.message .left p+p { margin-top:25px; } 
#wrap.about.message .left p:last-of-type { margin-top:47px; } 
#wrap.about.message .right { right:0; top:0; background-image:url(../images/about_message_ceo.jpg); background-size: contain; background-position-x: right; background-repeat: no-repeat; height: 95%; max-width: 720px; background-position-y: top; } 

/* about_characteristic */
#wrap.about.characteristic .content-wrap { width: 1098px; display: flex; align-items: center; flex-direction: row-reverse; } 
#wrap.about.characteristic .right { width: 50%; margin-right: 20px; } 
#wrap.about.characteristic .right dl+dl { margin-top:35px; } 
#wrap.about.characteristic .right dt { font-weight:700; margin-bottom:3px; } 
#wrap.about.characteristic .right dd { font-weight:400; } 

/* about_index */
#wrap.about.index .content-wrap { padding:0 80px; } 
#wrap.about.index .year-wrap { position:absolute; top:25%; } 
#wrap.about.index .year-cate li { display:inline-block; } 
#wrap.about.index .year-cate li+li { margin-left:105px; } 
#wrap.about.index .year-cate li.active a { color:#36342f; } 
#wrap.about.index .year-cate li a { color:#8d8a82; } 
#wrap.about.index .year-content { } 
#wrap.about.index .year-content>div { display:none; margin-top: 30px; } 
#wrap.about.index .year-content>div.active { display:block; } 
#wrap.about.index .year-content ul { display: inline-block; } 
#wrap.about.index .year-content ul+ul { margin-left:8vw; } 
#wrap.about.index .year-content ul li { color:#8d8a82; font-size:12px; font-weight:400; margin-bottom: 8px; cursor:pointer;} 
#wrap.about.index .year-content ul li em { color:#36342f; } 
#wrap.about.index .year-content ul li em::after { content:'|'; color:#36342f; margin: 0 7px; } 

/* project */
#wrap.project #content { height: auto; padding-top:0px;} 
#wrap.project #content .wrap { display:flex; align-items: center; } 
#wrap.project .content-wrap { width:100%; } 
#wrap.project .con {height : 100vh; min-height:750px; position:relative;  display: flex; align-items: center; justify-content: center } 
/* 세로이미지 테스트 */
/* #wrap.project .con .bg { width: 100%; height:auto; filter: saturate(0%) brightness(95%);}  <원본 */
/* #wrap.project .con .bg  { width: 100%; height: 800px; object-fit: cover; object-position: center center; filter: saturate(0%) brightness(95%);}  */
/* #wrap.project .con .bg { max-width: 1100px; height: 800px; object-fit: cover; object-position: center center; filter: saturate(0%) brightness(95%); display: block; margin: auto;}  */
#wrap.project .con .bg { max-width: 1100px; height: 800px; object-fit: cover; object-position: center center; filter: saturate(0%) brightness(95%);display: block; margin: auto;} 
#popup_project_detail .img img {max-width: 100%; object-fit: cover; object-position: center center;} 

#wrap.project .con>div:hover .txt { opacity:1; }
/* 세로이미지 테스트 */ 
/* #wrap.project .con .txt { opacity:0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(215 212 205 / 85%); display: flex; align-items: center; justify-content: center; flex-direction: column; }  */
#wrap.project .con .txt { opacity:0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; position:absolute; top: 0; left: 0; width: 100%; height: 800px; background-color: rgb(215 212 205 / 85%); display: flex; align-items: center; justify-content: center; flex-direction: column; } 

#wrap.project .con .txt .title { font-size:18px; margin-bottom:30px; } 
#wrap.project .con>div {width:1100px; position: relative;
 margin-top:95px; 
} 

/* recruit */
#wrap.recruit .content-wrap { width: 1000px; display: flex; align-items: center; flex-direction: row-reverse; } 
#wrap.recruit .right {} 
#wrap.recruit .right .title { display:inline-block; vertical-align: top; margin-right: 48px; margin-top: 3px; } 
#wrap.recruit .right .title img{width:185px;}
#wrap.recruit .right .txt { display:inline-block; } 
#wrap.recruit .right .t1 { margin-bottom:35px; } 
#wrap.recruit .right p { margin-bottom:12px; } 
#wrap.recruit .right p a { display:inline-block; } 
#wrap.recruit .right p span { width:60px; display:inline-block; } 

/* contact */
#wrap.contact .content-wrap { width: 1000px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding-left: 250px; } 
#wrap.contact .content-wrap2 { width: 500px;margin:auto; margin-top:160px; justify-content: center; box-sizing: border-box;} 
#wrap.contact .top { } 
#wrap.contact .top .title { width:180px; font-size:18px; display:inline-block; vertical-align: top; margin-top: 3px; } 
#wrap.contact .top .info { display:inline-block; } 
#wrap.contact .top .info p+p { margin-top:22px; } 
#wrap.contact .top .info p:last-child { margin-top:0; } 
#recruit-content{margin-top :-15px !important;}
#wrap.contact .top .logo img{width:105px;}
#wrap.contact .bottom { margin-top:100px; } 
#wrap.contact .bottom .title { width:180px; font-size:18px; display:inline-block; vertical-align: top; margin-top: 3px; } 
#wrap.contact .bottom .mail-form { display:inline-block; width: 550px; } 
#wrap.contact .bottom .mail-form li { margin-bottom:14px; } 
#wrap.contact .bottom .mail-form li .title { font-size:13px; width: 20%; font-weight: 400; } 
#wrap.contact .bottom .mail-form li span { width: 70%; display: inline-block; margin-top: 0; vertical-align: middle; } 
#wrap.contact .bottom .mail-form li span input { border:1px solid #bfbbaf; background-color: transparent; height: 28px; padding:0 10px; } 
#wrap.contact .bottom .mail-form li span input[type="text"] { width: 100%; } 
#wrap.contact .bottom .mail-form li span input[type="number"] { width: 100%; } 
#wrap.contact .bottom .mail-form li span textarea { resize:none; width: 100%; border:1px solid #bfbbaf; background-color: transparent; height:128px; padding:5px 10px; } 
#wrap.contact .bottom .mail-form li span input[type="checkbox"] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; border: 0; } 
#wrap.contact .bottom .mail-form li span input[type="checkbox"] + label { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; display:inline-block; position:relative; padding-left:20px; cursor:pointer; color:#8d8a82; } 
#wrap.contact .bottom .mail-form li span input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:3px; width:13px; height:13px; text-align:center; border:1px solid #8d8a82; box-sizing:border-box; border-radius: 50%; } 
#wrap.contact .bottom .mail-form li span input[type="checkbox"]:checked + label:after { content: ''; position:absolute; top:3px; left:0; width:13px; height:13px; border:1px solid #8d8a82; box-sizing: border-box; border-radius: 50%; background:#8d8a82; } 
#wrap.contact .bottom .mail-form li.type li { display:inline-block; margin-right:25px; } 
#wrap.contact .bottom .mail-form .filebox { } 
#wrap.contact .bottom .mail-form .filebox .upload-name { display: inline-block; padding: 0 10px; vertical-align: middle; border: 1px solid #bfbbaf; width: 75%; color: #8d8a82; height: 28px; } 
#wrap.contact .bottom .mail-form .filebox label { display: inline-block; color: #fff; vertical-align: middle; background-color: #36342f; cursor: pointer; height: 28px; margin-left: 1px; padding: 0 17px; line-height: 28px; } 
#wrap.contact .bottom .mail-form .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 
#wrap.contact .bottom .mail-form .agree {padding-left:25px; margin-top:20px; margin-left:21%; position: relative; } 
#wrap.contact .bottom .mail-form .agree input { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; border: 0; } 
#wrap.contact .bottom .mail-form .agree label {top:0px; left:0px; position:absolute; cursor:pointer; } 
#wrap.contact .bottom .mail-form .agree input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:2px; left:0px; width:17px; height:17px; text-align:center; border:1px solid #8d8a82; box-sizing:border-box; border-radius: 3px; } 
#wrap.contact .bottom .mail-form .agree input[type="checkbox"]:checked + label:after { content: ''; position:absolute; top:2px; left:0; width:17px; height:17px; border:1px solid #8d8a82; box-sizing: border-box; border-radius: 3px; background:#8d8a82; } 
#wrap.contact .bottom .mail-form .agree span {text-decoration: underline; text-underline-offset: 3px; cursor: pointer; color: #8d8a82; font-weight: 400; } 
#wrap.contact .bottom .mail-form .send { display: block; color: #fff; vertical-align: middle; background-color: #36342f; cursor: pointer; height: 28px; margin-left: 1px; line-height: 28px; width: 108px; text-align: center; margin: 0 auto; margin-top: 30px; } 


/* de archium */
#wrap.dearchium { background-color:#9c867a; } 
#wrap.dearchium header{background-color:#9c867a; } 
#wrap.dearchium #content { height: auto; padding-top:0px;} 

#wrap.dearchium header h1 a img.type1{display: block;}
#wrap.dearchium header h1 a img.type2{display: none;}
#wrap.dearchium header h3 a img.type1{display: block;}
#wrap.dearchium header h3 a img.type2{display: none;}

#wrap.dearchium header ul li a { color:#fff;} 
#wrap.dearchium .content-wrap { width: 100%;} 
#wrap.dearchium .con .txt p { color:#eae6db;} 
#wrap.dearchium .con .txt p+p { margin-top:20px; } 
#wrap.dearchium #content .wrap { display:flex; align-items: center; } 
/* 20231205 슬라이드 수정test */
/* #wrap.dearchium .con { position:relative; height: 100vh; min-height:750px; display: flex; align-items: center; justify-content: center;}  */
#wrap.dearchium .con {margin: 250px 0px; position: relative; display: flex; align-items: center; justify-content: center; }
#wrap.dearchium .con1{margin-bottom: 170px;}
#wrap.dearchium .con2 {margin-top:0px;} 
/* // */

#wrap.dearchium .con>div { width: 100%; max-width:1300px; position: relative; display: flex; align-items: center; justify-content: flex-end; } 
#wrap.dearchium .con1>div {flex-direction: column; align-items: flex-end; justify-content: center; } 
#wrap.dearchium .con2>div{flex-direction: row-reverse; justify-content: right;}
#wrap.dearchium .con4>div{flex-direction: row-reverse; justify-content: right;}
#wrap.dearchium .con1 .txt { margin-top:60px; margin-right:90px; } 
#wrap.dearchium .con2 .img { margin-right:40px; } 
#wrap.dearchium .con2 .img img{width:380px;}
#wrap.dearchium .con2 .txt { margin-right:60px; margin-top: 188px; } 
#wrap.dearchium .con3 .img { margin-right:90px; } 
#wrap.dearchium .con3 .img img{width:560px;}
#wrap.dearchium .con4 .txt { margin-right:70px; margin-top: 150px; } 
#wrap.dearchium .con5 .img { margin-right:80px; } 
#wrap.dearchium .con5 .img img{width:390px;} 
#wrap.dearchium .con5 .img dl{display: flex; justify-content: flex-end;}
#wrap.dearchium .con5 .img dl+dl{margin-top:20px;}
#wrap.dearchium .con5 .img dl dt{margin-right:25px; color:#eae6db;}
#wrap.dearchium .con5 .txt { margin-top: -380px; } 


/*팝업*/
.popup {margin:0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; box-sizing: border-box; text-align: center; display: none; background-color: #eae6db; } 
.popup:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } 
.popup .wrap { max-width:1380px; width: 80%; margin:0 auto; vertical-align: middle; position: relative; z-index: 2; display: inline-block; } 

.popup .close { width:28px; height:28px; background:url(../images/popup_close.png) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center; top:-60px; right:90px; position: absolute; z-index: 2; cursor:pointer; } 
.popup .close a { width:100%; height:100%; top:0%; left:0%; position: absolute; font-size:0px; } 
.popup .content { text-align:left;} 

#popup_project_detail { } 
#popup_project_detail .content {padding-left:340px; position: relative; } 
#popup_project_detail .txt {width:330px; bottom: 65px; left:0px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; position: absolute; } 
#popup_project_detail .txt p { } 
#popup_project_detail .txt .title { font-size:18px; margin-bottom:30px; } 
#popup_project_detail .img { overflow-y: scroll; height:70vh; padding-right: 10px; } 
#popup_project_detail .img div.con{clear:both; margin-bottom:30px;}
#popup_project_detail .swiper-container-vertical>.swiper-pagination-progressbar { right:0; left:auto; } 
#popup_project_detail .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; } 
/* 스크롤바 */
#popup_project_detail ::-webkit-scrollbar { width:5px;  background-color: #eae6db; } 
#popup_project_detail ::-webkit-scrollbar-thumb { background-color: #acabab; } 

#popup_contact_personal { } 
#popup_contact_personal .close { top: -100px; right:0px; } 
#popup_contact_personal .wrap { width:900px; padding-left:0; } 
#popup_contact_personal .content { float:right; } 
#popup_contact_personal .txt .title { font-size:18px; margin-bottom:23px; } 
#popup_contact_personal .txt div p:nth-child(even) { margin-bottom:20px; } 
#popup_contact_personal .txt div p:nth-child(odd) { margin-bottom:7px; } 

/* 메인 수정  */
/* #wrap.home header .wrap{padding-top:0px; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; height: 100vh;} */
/* #wrap.home header ul {width: 100%;} */
/* #wrap.home header li{display: block;width: 100%; font-size: 15pt; line-height: 50px; } */
/* #wrap.home header h3{margin-top:30px; margin-left:0px; top:auto; right:auto; position: relative;} */

@media screen and (max-height: 960px){
  #wrap.project .cont>div { width: 860px; height: 561px; } 
}

/* 모바일 */
@media (max-width: 1000px){
  .pc{display: none;}
  .mobile{display: block;}
  /* 1208 */
  #wrap img{
    width:100%; 
    height:auto;}

  #menu-container > h3 > a > span.mobile {margin-top: 1.3px; margin-left: 15.5px;}
  #wrap.sub header h3 a img.type2{margin-top: 0px;}
  #wrap.dearchium header h3 a img.type1{margin-top: 0px;}
  #wrap.home .intro{top: 0%;left: 0%; width:100%; height:100%; position: absolute; z-index: 1000;}
  #wrap.home .intro .logo{width:80px; top: 50%;left: 50%; transform: translate(-50%, -50%); position: absolute;}
  #wrap.home .intro .logo.end{top:23px; left:50px;}

  header h1{width:80px; top:15px; left:10px;}
  header h3{width:110px; top:15px; right:10px; position: absolute; }
  #wrap.sub header h3{width:90px; top:20px;}
  header .wrap{width:auto; padding-top:50px;}
  header ul{float:none;}
  header ul li a{padding:5px;}
  #wrap .sub-menu{margin-top:10px;}
  #wrap .sub-menu ul{text-align: center;}
  #wrap.sub .sub-menu li{margin:0px 7px;}
  #wrap.sub .sub-menu li a{font-size:12px;}

  #wrap.home header{position: absolute;}
  #wrap.home header .wrap{padding-top:0px; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; height: 100vh;}
  #wrap.home header ul{width:100%;}
  #wrap.home header ul li{font-size:14px; margin:20px 0px; display: block;}
  #wrap.home header li{display: block;width: 100%; font-size: 15pt; line-height: 20px; }
  /* #wrap.home header h3{margin-top:30px; margin-left:0px; top:auto; right:auto; position: relative;} */

  footer {padding:30px 10px; height:auto; position: relative;} 
  footer h2{width: 80px;top: 35px; right: 10px; left:auto;}
  footer .wrap { width: auto; padding-top:0px; } 
  footer .contact{margin:60px 0px 0px 0px; float:none;}
  footer .contact p{font-size:10px; text-align: right; display: block;}
  footer .contact p+p{padding-left:0px;}

  #wrap #content{min-height:auto;}
  #wrap.sub #content{font-size:12px; padding-top:130px; height:auto;}
  #wrap #content .wrap{width:auto; height:auto;}
  #wrap.sub .content-wrap{width:100% !important; padding-left: 0px;  padding-right: 0px;}

  #wrap.about.message .content-wrap>div{width:auto; position: relative;}
  #wrap.about.message .right{height:100vw; margin-left:33vw;}
  #wrap.about.message .left{padding:30px 20px; bottom:auto;}
  #wrap.about.message .left p+p{margin-top:20px;}
  #wrap.about.message .left p:last-of-type{margin-top:20px;}

  #wrap.about.characteristic .right { width: 80%; margin:0px auto; padding:40px 0px;} 
  #wrap.about.characteristic .right dl { margin-bottom:30px; } 

  #wrap.about.index .content-wrap{padding:0px;}
  #wrap.about.index .year-wrap{margin:30px 15px; position: relative;}
  #wrap.about.index .year-cate{overflow: hidden;}
  #wrap.about.index .year-cate li{width:25%; float:left; text-align: center;}
  #wrap.about.index .year-cate li+li{margin-left:12%;}
  #wrap.about.index .year-content ul{width:100%; display: block;}
  #wrap.about.index .year-content ul+ul{margin-left:0px;}

  #wrap.project .con{height:auto; min-height:auto; margin:20px auto;}
  #wrap.project .con>div{height:auto;}
  #wrap.project .con .txt{padding:10px; width:auto; height:auto; display: block; top:auto; left:auto; position: relative; opacity: 1; background-color: transparent; text-align: left;
  clear: both;
  }
  #wrap.project .con .txt .title{font-size:12px; margin-bottom:0px;}
  #wrap.project .con .txt div{display: none;}

  #popup_project_detail .close{top:10px; right:10px;}
  #popup_project_detail .wrap{width:98%; height:100%; overflow: hidden;}
  #popup_project_detail .content{height:100%; overflow-y: auto; padding-left:0px;}
  #popup_project_detail .img{padding-right:0px; height:auto; overflow-y: hidden;}
  #popup_project_detail .img div.con{margin-bottom:7px;}
  #popup_project_detail .txt{font-size:11px; margin:15px; margin-top:0px; width:auto; bottom:0px; position: relative; clear: both;}
  #popup_project_detail .txt .title{font-size:12px; margin-bottom:0px;}

  #wrap.recruit .content-wrap{display: block; margin-bottom:50px;}
  #wrap.recruit .right{padding:40px 30px;}
  #wrap.recruit .right .title{margin-bottom:30px;}
  #wrap.recruit .right .title img{width:150px;}

  #wrap.contact #content .wrap{padding:20px;}
  #wrap.contact .top .title{font-size:15px; margin-bottom:20px; display: block;}
  #wrap.contact .bottom .title{font-size:15px; margin-bottom:20px; display: block;}
  #wrap.contact .top .logo img{width:80px;}
  #wrap.contact .top .info p+p{margin-top:15px;}
  #wrap.contact .bottom{margin-top:50px;}
  #wrap.contact .bottom .mail-form{width:100%;}
  #wrap.contact .bottom .mail-form li{margin-bottom:10px;}
  #wrap.contact .bottom .mail-form li .title{font-size:12px; width:28%; margin-bottom:0%;}
  #wrap.contact .bottom .mail-form li span{position: relative;}
  #wrap.contact .bottom .mail-form li.type li{margin-right:8px; margin-bottom:5px;}
  #wrap.contact .bottom .mail-form li span textarea{height:70px;}
  #wrap.contact .bottom .mail-form .filebox .upload-name{width:68%;}
  #wrap.contact .bottom .mail-form .filebox label{width:30%; position: absolute; top:0px; right:0px; margin:0px; padding:0px; text-align: center;}
  #wrap.contact .bottom .mail-form .agree{margin-left:10%;}
  #wrap.contact .content-wrap2 {padding-left: 0px;margin-top:0px; } 

  #wrap.dearchium #content .wrap{padding:0px 15px 30px 50px;}
  #wrap.dearchium .con{margin: 0px; min-height:auto; height:auto; margin-bottom:80px; display: block;}
  #wrap.dearchium .con>div {height: auto; display: block;} 
  #wrap.dearchium .con1 .txt{margin:0px; margin-top:20px;}
  #wrap.dearchium .con2 .img{margin:0px;}
  #wrap.dearchium .con2 .img img{width:100%;}
  #wrap.dearchium .con2 .txt{margin:0px; margin-top:20px;}
  #wrap.dearchium .con3 .img{margin:0px;}
  #wrap.dearchium .con3 .img img{width:100%;}
  #wrap.dearchium .con4 .img img{width:80%;}
  #wrap.dearchium .con3 .txt{margin-top:20px;}
  #wrap.dearchium .con4 .txt{margin:0px; margin-top:20px;}
  #wrap.dearchium .con5 .img{margin:0px;}
  #wrap.dearchium .con5 .img img{width:100%;}
  #wrap.dearchium .con5 .img dl{display: block;}
  #wrap.dearchium .con5 .img dt{margin-bottom:10px;}
  #wrap.dearchium .con5 .txt{margin-top:0px; margin-top:20px;}
  
  /* test */
  #wrap.dearchium .con1{margin-bottom: 150px;}
  #wrap.dearchium .con3 {margin:150px 0px;} 
  #wrap.dearchium .con4 {margin:150px 0px;} 
  #wrap.dearchium .con5 {margin-top: 100px;}
/* test */


  #popup_contact_personal .close{width:20px;}
  #popup_contact_personal .wrap{width:90%; font-size:12px;}
  #popup_contact_personal .txt .title{font-size:13px; font-weight: 500;}
  
/* 새로이미지관련 */
  /* #wrap.project .con .bg {height:auto; object-fit: contain;  filter: saturate(0%) brightness(95%);}  */
  #wrap.project .con .bg {height:auto; object-fit: contain;  filter: saturate(0%) brightness(95%);} 
  #popup_project_detail .img img {max-width: none;  display: block; margin: auto;} 


  #wrap.project .con>div {margin-top:0px; }
}