/* float clearfix */
.clearfixNS{*zoom:1}
.clearfixNS:after{content:"";display:block;clear:both}
img {max-width: 100%;
   image-rendering: -moz-crisp-edges; /* firefox */
   image-rendering: -o-crisp-edges; /* opera */
   image-rendering: -webkit-optimize-contrast; /* chrome */
   image-rendering: crisp-edges;
}

#mvisualNS{width: 100%; height: 100%; position: relative; transition: all 0.5s; 
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
}

@media screen and (max-width: 1240px) {
  #mvisualNS{margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  #mvisualNS{margin-top: 5px;}
}

/*
#mvimNs{width: 100%; margin: 0 auto; position: relative; margin-bottom: 10px;}
@media screen and (max-width: 1240px) {
  #mvimNs>div{margin-top: 70px;}
}
@media screen and (max-width: 1024px) {
  #mvimNs{width: 100%; margin:0 auto 10px;}
}
@media screen and (max-width: 767px) {
  #mvimNs{width: 100%; margin: 0 auto 10px;}
  #mvimNs>div{margin-top: 60px;}
}
*/

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

@media screen and (max-width: 768px){
     .mobile{display:block}
     .pc{display:none}
}


.mv_txtNS{position: absolute; z-index: 999; color: #ffffff; text-align: center; font-size: 25px;top: 37%; line-height: 55px; font-family: 'Noto Sans KR', sans-serif; width: 100%; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); transition: all 0.5s;}
.mv_txtNS h4{font-size: 22px; font-weight: 300 !important; letter-spacing: 1px; margin-top: -1px;display: block;}
.mv_txtNS h3{font-size: 70px; line-height: 80px; font-weight: 700;  letter-spacing: -0.1em; margin-bottom:1%;   *font-family: 'LotteMartDreamNS'; *font-family: 'Iropke Batang' !important; font-weight:600}
.mv_txtNS h3 span{font-size: 60px; line-height: 80px; font-weight: 300; margin-left:1%}
.mv_txtNS_br{display:none;}

@media screen and (max-width: 1240px) {
  .mv_ftx a{margin-left: 40px; }
  .mv_ftxNS a{margin-left: 40px; font-size: 12px;}
  .mv_txtNS{ top:35%;}
  .mv_txtNS h4{ font-size: 18px; line-height: 50px;}
  }
@media screen and (max-width: 1024px) {
  #mvisualNS, #vvideoNS {*height: 500px;}
  .scroll-btnNS {bottom: 2%;}
  .mv_txtNS{ top:32%; font-size: 20px; line-height: 22px;}
  .mv_txtNS h3{ font-size: 40px; line-height: 50px;}
  .mv_txtNS h3 span{font-size: 40px; line-height: 50px;}
  .mv_txtNS h4{ font-size: 18px; line-height: 50px;}
  .mv_txtNS p{ font-size: 14px; line-height: 28px;}
  .mv_ftxNS{display: none;}
}
@media screen and (max-width: 768px) {
     .mv_txtNS h3{ font-size: 30px; line-height: 40px;}
     .mv_txtNS h3 span{font-size: 30px; line-height: 40px;}
}
@media screen and (max-width: 575px) {
  .mv_txtNS{ top:50%; font-size: 16px; line-height: 20px;}
  .mv_txtNS h3{ font-size: 23px; line-height: 30px;}
  .mv_txtNS h3 span{font-size: 20px; line-height: 30px;}
  .mv_txtNS h4{ font-size: 14px; line-height: 30px;}
  .mv_txtNS p{display:none; font-size: 12px; line-height: 17px;}
}

/* foot */
.footST *{transition:  all 0.5s;}
.footST{background: #111111; padding: 50px 0 30px; display: block; position: relative; z-index: 999;  }
.footST .innerST{width: 70%; margin: 0 auto;}
.footST .innerST .flogoST{ padding-bottom: 25px; border-bottom: solid 1px #555;}
.footST .innerST .flogoST li{float: left; text-align: right;}
.footST .innerST .flogoST li:last-child{float: right; }
.footST .innerST .flogoST li:first-child{margin-top:10px }
.footST .innerST .flogoST li .telST a{color: #fff; font-size: 30px; margin-top: -10px;  font-family: 'Iropke Batang'; font-weight:600}
.footST .innerST .flogoST li .telST {color: #fff; font-size: 18px; margin-top: 6px;  }
.footST .innerST .flogoST li .bankST {color: #fefefe; font-size: 20px; margin-top: 5px;}

.footST .innerST .finfoST{display: block; font-size: 14px; color: #a9a9a9; line-height: 22px; padding: 25px 0 0;}
.footST .innerST .finfoST li.infosST{margin:0 auto; text-align:center; word-break:keep-all; width: 80%; letter-spacing: -0.4pt;}
.footST .innerST .finfoST li.infosST span{ margin-right: 20px; display: inline-block;}
/*.footST .innerST .finfoST li:last-child{float: right; text-align: right; color: #727272;}*/
.footST .innerST .finfoST a{color: #fff; }

@media screen and (max-width: 1680px) {
  .footST .innerST{width: 90%; margin: 0 auto;}
  .footST{padding: 30px 0 30px;}
  .footST .innerST{width: 90%; margin: 0 auto;}
  .footST .innerST .finfoST li.infosST{width: 100%; }
}

@media screen and (max-width: 1024px) {
  .footST{padding: 30px 0 30px;}
  .footST .innerST .flogoST li .telST {font-size: 15px; }
}

@media screen and (max-width: 991px) {
  .footST .innerST .flogoST{ text-align: center; padding-bottom: 15px;}
  .footST .innerST .flogoST li{float: none; text-align: center;}
  .footST .innerST .flogoST li:last-child{float: none; margin-top: 10px;}
  .footST .innerST .finfoST{ padding-top: 15px;}
  .footST .innerST .finfoST li.infosST{float: none; width: 100%; margin: auto; text-align: center; margin-bottom: 0px;}
  .footST .innerST .finfoST li:last-child{float: none; width: 100%; text-align: center;}
  .footST .innerST .flogoST li .bankST {font-size: 16px; margin-top: 5px;}

}

@media screen and (max-width: 767px) {
  .footST .innerST .flogoST li img{width: 170px; height: auto}
}

.main_tit {width:100%; text-align:center; margin:5% 0; overflow:hidden}
.main_tit h3{color: #333; font-size: 40px; font-weight:500; letter-spacing: -0.05em; font-family:'Noto Serif KR', serif;}
.main_tit h3 strong{display:inline-block; font-weight:200;}
.main_tit p{color: #666;   font-size: 12px; font-weight:300; letter-spacing: 0.1em; margin-bottom:0.8%; font-family:'Noto Sans KR', sans-serif; }
.main_tit span { text-align:center; margin-bottom:80px; color:#555; line-height:1.5; font-size: 22px; font-weight:400; letter-spacing: -0.03em;  font-family:'Noto Sans KR', sans-serif;}
.main_tit span:before { content:""; width:50px; height:2px; background:#222; display:block; margin:1.5% auto 2% ;}
.main_tit span em{color:#cb1421; font-weight:500; font-style: normal;}

@media screen and (max-width: 1024px){
  .main_tit h3{font-size: 30px;}
  .main_tit p {font-size:12px}
}

@media screen and (max-width: 991px){
  .main_tit {display:none}
}


#cont01{overflow:hidden;position:relative; width:100%;  background: url(../../images/main/cont1_backbg.png) 0 0 no-repeat; }
#cont01 .cont01_box{overflow:hidden;position:relative;  margin:100px auto; width:100%; padding:0 0%}
#cont01 .cont01_box .photo_wrap{float:left; position:relative; width:60%; padding:0px 0 0px;  z-index:1px;  margin:0 auto; height: auto; display: flex;}
#cont01 .cont01_box .txt_wrap {position:relative; float:right; width:40%; margin:0%  0 0 0%;  z-index:10; }
#cont01 .cont01_box .photo_wrap .photoslide{ width: 100%; position:relative; z-index:1px}
#cont01 .cont01_box .photo_wrap .item{*display: flex; flex-wrap: wrap;}
#cont01 .cont01_box .photo_wrap .imgitem{ width: 100%; *height: 670px; background-position: center;}
#cont01 .cont01_box .photo_wrap img{max-width:1080px; }
#cont01 .cont01_box .slick-prev, 
#cont01 .cont01_box .slick-next{ display: block; z-index: 999; width: 60px; height: 60px; background-size: cover;}
#cont01 .cont01_box .slick-prev{ bottom:0; right:calc(0% + 60px); background: url('../../images/common/arrow1_pre.jpg'); background-size: cover;}
#cont01 .cont01_box .slick-next{ bottom:0; right:0%; background: url('../../images/common/arrow1_next.jpg'); background-size: cover;}

#cont01 .txt {width:85%;  padding:12% 8% 7% 8%; }
#cont01 .txt ul{width:100%; margin:10% 0 10% 1%}
#cont01 .txt li{background:url("../../images/main/check.png") no-repeat 0 8px;
                          margin-bottom:3%; font-size: 25px; letter-spacing: -0.08em;  font-weight: 700; color:#102140; padding-left:32px}
#cont01 .txt .t1{margin-bottom:0%; color:#111}
#cont01 .txt .t3 {margin-bottom:3%; font-size: 46px; font-weight:300; color:#222;  letter-spacing:-0.05em;  *font-family: 'Yellowtail', cursive; font-family: 'Yeseva One';}
#cont01 .txt .t4{font-size: 20px; padding-left:10px; margin-bottom:4%; font-weight:500; color:#222; letter-spacing:-0.08em; line-height:1.4; font-family: 'SCoreDream';}
#cont01 .txt .t2 {font-size: 17px; font-weight:400; padding-left:12px; olor:#111; opacity:0.9; line-height:1.7; margin-left:3px; letter-spacing:-0.03em; font-family:'Noto Sans KR', sans-serif;}
#cont01 .txt .t2:before { content:""; width:1px; height:60px; background:#222; display:block; margin:3% 0;}

@media screen and (max-width: 1800px){
    #cont01 .cont01_box{overflow:hidden;position:relative;  margin:5% auto; width:100%; padding:0%}
    #cont01 .cont01_box .photo_wrap{ width:60%;}
    #cont01 .cont01_box .txt_wrap {width:35%; margin:0%  0 0 0%; }
}

@media screen and (max-width: 1560px){
	#cont01 .cont01_box .photo_wrap .imgitem{height: 600px;}
	#cont01 .cont01_box .photo_wrap img{width:100%}
	#cont01 .txt {width:95%;  padding:20% 8% 7% 8%;}
	#cont01 .txt .t3 {margin-bottom:3%; font-size: 36px;}
}

@media screen and (max-width: 1360px){
    #cont01 .cont01_box{margin:5% auto; width:100%; padding:0 0 0 0}
    #cont01 .cont01_box .photo_wrap{ width:65%;}
    #cont01 .cont01_box .txt_wrap {width:30%; margin:0%  0 0 0%; }
	#cont01 .cont01_box .photo_wrap .imgitem{height: 600px;}
	#cont01 .txt {width:100%;  padding:15% 8% 7% 8%;}

}

@media screen and (max-width: 1280px){
    #cont01 .cont01_box{margin:5% auto; width:100%; padding:0 0 0 0}
    #cont01 .cont01_box .photo_wrap{ width:67%;}
    #cont01 .cont01_box .txt_wrap {width:30%; margin:0%  0 0 0%; }
	#cont01 .cont01_box .photo_wrap .imgitem{height: 500px;}
	#cont01 .txt {width:100%;  padding:15% 0% 0% 8%;}
	#cont01 .txt .t2 {font-size: 15px;}
	#cont01 .txt .t3 {padding-left:6px; opcity:0.6; margin-bottom:3%; font-size: 16px;}
}

@media screen and (max-width: 1024px){
    #cont01{background: url(../../images/main/cont1_backbg.png) 20% 0 repeat-y; }
    #cont01 .cont01_box{margin:5% auto; width:100%; padding:0 0 0 0}
    #cont01 .cont01_box .photo_wrap{ width:60%;}
    #cont01 .cont01_box .txt_wrap {width:40%; margin:0%  0 0 0%; }
	#cont01 .cont01_box .photo_wrap .imgitem{height: 600px;}
	#cont01 .txt {width:100%;  padding:5% 0% 0% 8%;}
	#cont01 .txt .t1{margin-bottom:7%;}
    #cont01 .txt .t2 {font-size: 15px; color:#111;}
    #cont01 .txt .t3 {display:none}
	#cont01 .txt .t2:before { content:""; width:1px; height:30px; background:#222; display:block; margin:3% 0;}
}

@media screen and (max-width: 768px){   
    #cont01{background: display:none; }
    #cont01 .cont01_box{margin:-1px auto 0; width:100%; padding:0 0 0 0%}
	#cont01 .cont01_box .photo_wrap .imgitem{height: 400px;}	
	#cont01 .cont01_box .photo_wrap{width:100%; background:#fff;}
	#cont01 .cont01_box .photo_wrap img{height: auto;}
    #cont01 .cont01_box .txt_wrap {width:100%; background:#4f5f3a; margin:0  0 0 0; }
	#cont01 .txt {width:100%;  padding:8% 8% 8% 4%; }
	#cont01 .txt .t1{margin-bottom:0%;}
    #cont01 .txt .t2 {font-size: 15px;  color:#fff; opacity:0.8}
	#cont01 .txt .t2:before { content:""; width:1px; height:20px; background:#b3bcb2; display:block; margin:3% 0;}
	#cont01 .txt .t4 {font-size: 30px; color:#fff; padding-left:10px; margin-bottom:1%;}
	#cont01 .txt .t2 br{display:none}
    #cont01 .txt .t3 {display:none}
}

@media screen and (max-width: 575px){ 
	#cont01 .cont01_box .photo_wrap img{height: 300px;}
}



#cont02{position:relative; width:100%;  background: url(../../images/main/cont2_backbg.png) 0 0 no-repeat;  background-position: 0 100px; margin:5% 0 0% 0}
#cont02 .cont02_box{overflow:hidden;position:relative;  margin:0% auto; width:100%; max-width:1500px; padding:0 0%}
#cont02 .cont02_box .left_wrap{float:left; position:relative; width:60%; padding:0;  z-index:10;  margin:9% auto 0;  height: auto;}
#cont02 .cont02_box .right_wrap {float:left; position:relative; width:60%; margin:0%  0 0 -20%;  z-index:1; }
#cont02 .cont02_box img{width:100%; max-width:880px}
#cont02 .cont2_txt{margin:6% auto;}
#cont02 .cont2_txt h5{display: flex; align-items: center; text-align:left; color: #fff; font-size: 40px; font-weight:500; letter-spacing: 0.01em; font-family: 'Yeseva One';}
#cont02 .cont2_txt h5:before{content: ''; display: inline-block; width: 110px; height: 1px; background: rgba(255,255,255,0.5); margin-right: 20px;}
#cont02 .cont2_txt p{padding-left:130px; color:#fff; opacity:0.8 !important; line-height:1.5; font-size: 17px; font-weight:300 !important; letter-spacing: -0.03em; margin:1% 0 5% 0}
#cont02 .righttxt{margin-left:36%;}

@media screen and (max-width: 1560px){
     #cont02 .cont2_txt h5{font-size: 30px;}
     #cont02 .cont2_txt h5:before{width: 70px; height: 1px; margin-right: 15px;}
     #cont02 .cont2_txt p{padding-left:90px; font-size: 15px; font-weight:300 !important; letter-spacing: -0.03em; margin:1% 0 5% 0}
     #cont02 .righttxt{margin-left:36%;}
	 #cont02 .lefttxt{margin-right:36%;}
}
@media screen and (max-width: 1280px){
     #cont02{background-position: 0 70px;}
	 #cont02 .cont02_box{width:85%;padding:0 0%}
     #cont02 .cont2_txt{margin:6% 0 8% 5%; width:80%;}
     #cont02 .cont2_txt h5{font-size: 30px; }
     #cont02 .cont2_txt h5:before{width: 0px; height: 1px; margin-right: 15px;}
     #cont02 .cont2_txt p{padding-left:15px; font-size: 15px; font-weight:300 !important; 
	 letter-spacing: -0.03em; margin:2% 0 10% 0}
     #cont02 .righttxt{margin-left:34%;}
}
@media screen and (max-width: 768px){
    #cont02{background-position: 0 0px; background-size:cover;  margin:0% 0 0% 0}
    #cont02 .cont02_box .left_wrap{float:none; position:relative; width:95%;  margin:7% auto 0;}
    #cont02 .cont02_box .right_wrap {float:none; position:relative; width:95%; margin:1% auto 4%}
	#cont02 .cont02_box{width:100%;padding:2% 0% 5%}
	#cont02 .righttxt{margin-left:0%;}
	#cont02 .lefttxt{margin-right:0%;}
	#cont02 .cont2_txt{margin:5% 0 0% 0%; width:100%;}
	#cont02 .cont2_txt p{ font-size: 16px; margin:1% 0 5% 0}
}


#desk{overflow:hidden;position:relative; width:100%; max-width:1680px;  margin:3% auto 0%;}
#desk h1 {text-align:center; margin:0% auto 3%;}
#desk h1 p {font-size: 28px; margin-top:20px;  letter-spacing:-0.05em; line-height: 1.5; } 
#desk  ul{display:inline-block;}
#desk  ul li {float: left; width: 32.33333%;  margin:0 0.5% 1% 0.5%; overflow:hidden; position:relative;}
#desk  ul li  img{width:100%; vertical-align:bottom !important;
   image-rendering: -moz-crisp-edges; /* firefox */
   image-rendering: -o-crisp-edges; /* opera */
   image-rendering: -webkit-optimize-contrast; /* chrome */
   image-rendering: crisp-edges;
}
@media screen and (max-width: 768px){
    #desk{ width:85%; margin:3% auto 5%;}
    #desk h1 p {font-size: 22px; margin-top:20px;  letter-spacing:-0.05em; line-height: 1.5; } 
    #desk  ul{display:inline-block;}
    #desk  ul li {float: left; width: 100%;  margin:0 0% 1% 0%; overflow:hidden; position:relative;}
}


#cont03{overflow:hidden;position:relative; width:100%; height:775px;  max-width:1680px; margin:6% auto 0%; background: url(../../images/main/cont3_img1.jpg) 0 0 no-repeat;}
#cont03 h1 {position:absolute; top:22%; right:5%; padding:80px 60px; background-color: rgba(0, 0, 0, 0);  color:#fff; text-align:center}
#cont03 h1 em { font-size: 20px; margin-bottom:0px; display:block; letter-spacing:0; font-family: "Yeseva One"; font-style: normal; font-variant: normal; font-weight: 100; }
#cont03 h1 span{font-size: 60px; margin: -5px 0 0px; font-family:'Noto Serif KR', serif;  letter-spacing:-0.07em; font-weight: 700;}
#cont03 h1 p {font-size: 15px; margin-top:20px; font-style: normal; font-variant: normal; font-weight: 100;  letter-spacing:0; line-height: 1.5; } 

@media screen and (max-width: 1280px){
     #cont03{height:575px; background-size:cover; margin:-1px auto 7%;}
	 #cont03 h1 {position:absolute; top:22%; left:50%; transform:translateX(-50%); padding:40px 20px;  background-color: rgba(0, 0, 0, 0.3); text-align:center}
     #cont03 h1 em { font-size: 20px;}
     #cont03 h1 span{font-size: 30px;}
}
@media screen and (max-width: 768px){
     #cont03{height:500px; margin:-1px auto 7%;background: url(../../images/main/cont3_img1.jpg) 20% 0 no-repeat;}
     #cont03 h1 {position:absolute; top:26%; left:25%; transform:translateX(-15%); padding:40px 20px; background-color: rgba(0, 0, 0, 0.5);}
     #cont03 h1 em { font-size: 12px;}
     #cont03 h1 span{font-size: 25px;  font-weight: 600; }    
}



#cont04 { position: relative; width: 100%; overflow: hidden; margin: 5% 0 0; }
#cont04 .cont04_box { display: flex; flex-wrap: wrap; align-items: flex-start; }
#cont04 .cont04_box .cont { margin-top:0px; width: 100%; display: flex; align-items: stretch; justify-content: space-between;flex-wrap:wrap;  }
#cont04 .cont04_box .cont > div { width:25%;  height: 590px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#cont04 .cont4_txt{margin:0% 0 3% 10%;}
#cont04 .cont4_txt h5{display: flex; align-items: center; text-align:left; color: #000; font-size: 40px; font-weight:500; letter-spacing: 0.01em; font-family: 'Yeseva One';}
#cont04 .cont4_txt h5:before{content: ''; display: inline-block; width: 110px; height: 1px; background: rgba(0,0,0,0.8); margin-right: 20px;}
#cont04 .cont4_txt p{padding-left:130px; color:#666; opacity:0.8 !important; line-height:1.5; font-size: 17px; font-weight:300 !important; letter-spacing: -0.03em; margin:1% 0 5% 0}

#cont04 .cont04_box .cont > div a { display: block; width: 100%; height: 100%; padding: 45% 0; text-align:center; color:#fff; }
#cont04 .cont04_box .cont > div a p {font-size: 35px; color:#fff;  font-weight:400; font-style:normal}
#cont04 .cont04_box .cont > div a h4 { font-size: 20px; font-weight: 600; margin:-0.5% 0 0;}
#cont04 .cont04_box .cont > div .view {font-size: 14px; margin: 8% auto 0; width:30%; padding:0.1em; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5)}

#spe1 {margin-top:0px; background: url("../../images/main/cont5_img1.jpg"); }
#spe2 {margin-top:0px; background: url("../../images/main/cont5_img2.jpg"); }
#spe3 {margin-top:0px; background: url("../../images/main/cont5_img3.jpg"); }
#spe4 {margin-top:0px; background: url("../../images/main/cont5_img4.jpg"); }

#cont04 .cont04_box .cont > div:hover { transform: scale(1);}

@keyframes rotate {
    from{transform: rotate(0deg);}
    to{transform: rotate(99999deg);}
}

@media all and (max-width:1280px){
    #cont04 { margin: 2% 0 0; }
    #cont04 .cont4_txt{margin:0% 0 2% 3%;}
    #cont04 .cont4_txt h5{ font-size: 30px;}
    #cont04 .cont4_txt h5:before{width: 80px;}
    #cont04 .cont4_txt p{padding-left:100px; font-size: 16px;}
    #cont04 .cont04_box .cont > div { width:25%;  height: 450px;}
	#cont04 .cont04_box .cont > div a { padding: 50% 0;}
	#cont04 .cont04_box .cont > div a p {font-size: 28px;}
    #cont04 .cont04_box .cont > div .view {font-size: 14px; margin: 8% auto 0; width:50%;}
}

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


@media all and (max-width:976px){
    #cont04 .cont04_box .cont { width: 100%; justify-content: center}
    #cont04 .cont04_box .cont > div { width:calc(50% - 0px); margin:0px;} 
    #cont04 .cont04_box .cont > div a { padding: 30% 0;}
    #cont04 .cont04_box .cont > div a p {font-size: 28px;}
    #cont04 .cont04_box .cont > div .view {font-size: 14px; margin: 8% auto 0; width:30%;}

}
@media all and (max-width:768px){
    #cont04 .cont4_txt{margin:0% 0 2% 3%;}
    #cont04 .cont4_txt h5{ font-size: 25px;}
    #cont04 .cont4_txt h5:before{width: 40px;}
    #cont04 .cont4_txt p{padding-left:60px; font-size: 15px;}
    #cont04 .cont04_box .cont > div {height: 300px;}
	#cont04 .cont04_box .cont > div a p {font-size: 22px;}
	#cont04 .cont04_box .cont > div .view {font-size: 13px; width:40%;}
}

@media all and (max-width:575px){
    #cont04 .cont4_txt h5{ font-size: 23px;}
    #cont04 .cont4_txt h5:before{width: 20px;}
    #cont04 .cont4_txt p{padding:0px 30px 0 40px; font-size: 15px}
	#cont04 .cont04_box .cont > div {height: 250px; width:calc(100% - 0px); margin:0px 0 2px 0;}
	#cont04 .cont04_box .cont > div a { padding: 20% 0;}
	#cont04 .cont04_box .cont > div .view {font-size: 12px; margin: 4% auto 0; width:30%;}
}



#cont05{position:relative; width:100%; margin:7% auto;}
#cont05 .cont05_box{overflow:hidden;position:relative;  margin:0 auto; width:100%;  padding:0 0%;  flex-wrap: wrap;}
#cont05 .cont05_box .room_img{float:left; position:relative; width:50%;   height: 470px; padding:0px 0 0px;  z-index:1px;  margin:0 auto;  display: flex;}
#cont05 .cont05_box .room_txt {position:relative; float:right; width:50%;  height: 470px; margin:0%;  padding: 4% 0 0 5%; background-color: #eae2d5; z-index:10; display: flex;}
#cont05 .cont05_box .room_txt .t1{font-size: 40px; color: #222;  margin-bottom:6%;  letter-spacing: -0.05em;  font-family: 'Yeseva One'; font-weight:400; display:block}
#cont05 .cont05_box .room_txt .t2{font-size: 17px; color: #666;   margin-bottom:12%; line-height:1.6; letter-spacing: -0.05em; font-weight:300; display:block }
#cont05 .cont05_box .room_txt .t3 {font-size: 14px;  width:40%; padding:0.2em; text-align:center; border-top:1px solid rgba(05,0,0,0.5); border-bottom:1px solid rgba(0,0,0,0.5)}

@media screen and (max-width: 1280px){
    #cont05 .cont05_box .room_img{width:60%;height: 400px; }
    #cont05 .cont05_box .room_txt {width:40%; height: 400px; margin:0%;  padding: 5% 0 0 5%;}
	#cont05 .cont05_box .room_txt .t1{font-size: 30px; margin-bottom:6%; }
    #cont05 .cont05_box .room_txt .t2{font-size: 15px; margin-bottom:12%;  }
    #cont05 .cont05_box .room_txt .t3 {font-size: 13px;  width:40%; padding:0.2em; }
}

@media all and (max-width:768px){
    #cont05{margin:-2px auto;}
    #cont05 .cont05_box .room_img{width:100%; height: 250px; background-position: 20% 70%; background-size:cover}
    #cont05 .cont05_box .room_txt {width:100%;  margin:0%; height: auto; padding: 7% 0 0% 5%;}
	#cont05 .cont05_box .room_txt .t1{font-size: 35px; margin-bottom:6%; }
    #cont05 .cont05_box .room_txt .t2{font-size: 15px; margin-bottom:12%;  }
    #cont05 .cont05_box .room_txt .t3 {display:none}
}


/* view */
.view {width:100%; margin:4% auto 2%; overflow:hidden;}
.view .view_list {margin:auto; width:92%; max-width:1600px;}
.view .item {float:left; width: calc(94% / 4); margin-right: 2%; margin-bottom: 4%;}
.view .item:nth-child(4n+4) {margin-right:0;}
/*.view .item {float:left; width: 32.33%; margin-right:1.5%; margin-bottom:5vmin;}
.view .item:nth-child(3n+3) {margin-right:0;}
.view .item:nth-last-child(-n + 3) {margin-bottom: 0;}*/
.view .item a {display:block;}
.view .item a .bgimg {padding-bottom:60.792%; background-position: 0% 0%; background-size:100%}
.view .item a:hover .bgimg::before {content:""; display:block; width:100%; height:100%; position:Absolute; top:0; background:rgba(0,0,0,0); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.view .item a .rbox {display:block; margin:-4vmin auto 0; width:70%; color:#000; text-align: center; background: #fff; cursor:pointer;}
.view .item .rbox h4 {padding: 5% 0;  font-size: 20px; line-height: 1;}
.view .item .rbox p {margin: 1em 0;}
.view .item .rbtn {margin:auto; padding:0.5em 0; width:100%; max-width: 110px;  font-size:11px; color:#fff; letter-spacing:0em; background: #af9668; text-transform: uppercase;}
.view .item .rbox .line {margin:auto; width:60%; border-top:1px solid #c3c3c3;}

@media screen and (max-width: 1024px){
    .view .item a .rbox {margin:-4vmin auto 0; width:90%; }
    .view .item .rbox h4 {padding: 5% 0;  font-size: 16px; line-height: 1;}
	.view .item .rbox .txt {font-size: 13px; line-height: 1;}
	.view .item .rbtn {padding:0.3em 0; width:100%; max-width: 90px;  font-size:10px; }
}

@media screen and (max-width: 768px){
    .view {width:100%; margin:4% auto; overflow:hidden;}
    .view .item {float:left; width: calc(94% / 2); margin-right: 1%; margin-left: 1%;margin-bottom: 4%;}
	.view .item:nth-child(2n) {margin-right:0;}
    .view .item a .rbox {margin:-4vmin auto 0; width:90%; }
    .view .item .rbox h4 {padding: 5% 0;  font-size: 16px; line-height: 1;}
	.view .item .rbox .txt {font-size: 13px; line-height: 1;}
	.view .item .rbtn {padding:0.3em 0; width:100%; max-width: 90px;  font-size:10px; }
}