
/* 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; margin-top: 70px;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
}

@media screen and (max-width: 1240px) {
  #mvisualNS{margin-top: 70px;}
}
@media screen and (max-width: 768px) {
  #mvisualNS{margin-top: 70px;}
}

/*
#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: 40%; line-height: 55px;font-family: 'AritaBuri'; 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: 40px; line-height: 50px; font-weight: 500;  letter-spacing: -0.03em; margin-bottom:1%; font-family: 'AritaBuri';}
.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: 30px; line-height: 50px;}
  .mv_ftxNS{display: none;}
}
@media screen and (max-width: 768px) {
     .mv_txtNS h3{ font-size: 24px; line-height: 40px;}
}
@media screen and (max-width: 575px) {
  .mv_txtNS{ top:40%; font-size: 16px; line-height: 20px;}
  .mv_txtNS h3{ font-size: 18px; line-height: 22px;}
  .mv_txtNS p{display:none; font-size: 12px; line-height: 17px;}
}

/* foot */
.footST *{transition:  all 0.5s;}
.footST{background: #59483d; 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 #7a6a61;}
.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: 25px; margin-top: -10px;  font-family: 'Iropke Batang'; font-weight:600}
.footST .innerST .flogoST li .telST {color: #fff; font-size: 16px; margin-top: 6px;  }
.footST .innerST .flogoST li .bankST {color: #fff; font-size: 18px; margin-top: 5px;}

.footST .innerST .finfoST{display: block; font-size: 15px; font-weight:400; font-family:'Malgun Gothic', '¸¼Àº °íµñ', dotum, 'µ¸¿ò', sans-serif;
color: #fff; line-height: 22px; padding: 25px 0 0; opacity:0.6}
.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}
}



#cont01{overflow:hidden;position:relative; width:100%;  padding: 0 5% 0 0; background:#fef9f5; }
#cont01 .cont01_box{overflow:hidden;position:relative;  margin:100px auto; width:100%; *max-width:1600px; padding:0 0%}
#cont01 .cont01_box .photo_wrap{float:right; position:relative; width:60%;  z-index:1px;  margin:0 auto; height: auto; display: flex;}
#cont01 .cont01_box .txt_wrap {position:relative; float:left; width:40%; margin:0%; padding-left:10%; 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:20% 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 .t4{font-size: 32px; padding-left:10px; margin-bottom:0; font-weight:600; color:#6d5141; letter-spacing:-0.03em; line-height:1.4; font-family: 'AritaBuri';}
#cont01 .txt .t2 {font-size: 18px; font-weight:600; padding-left:12px; color:#6d5141; opacity:0.8; line-height:1.7; margin-left:3px; letter-spacing:-0.03em; font-family: 'AritaBuri';}
#cont01 .txt .t2:before { content:""; width:1px; height:60px; background:#b39e91; display:block; margin:3% 0;}

@media screen and (max-width: 1800px){
    #cont01{padding: 0 2% 0 0; }
    #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:40%; margin:0%; padding-left:6%;}
	#cont01 .txt .t4{font-size: 28px;}

}

@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:15% 6%;}
	#cont01 .txt .t4{font-size: 26px;}	
	#cont01 .txt .t2{font-size: 16px;}
}

@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%; padding-left:4%;}
	#cont01 .cont01_box .photo_wrap .imgitem{height: 600px;}
	#cont01 .txt {width:100%;  padding:15% 8% 7% 0%;}

}

@media screen and (max-width: 1280px){
    #cont01{padding: 0 0 0 0; }
    #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; padding-left:4%;}
	#cont01 .cont01_box .photo_wrap .imgitem{height: 500px;}
	#cont01 .txt {width:100%;  padding:15% 0% 0% 0%;}
	#cont01 .txt .t2 {font-size: 15px;}
}

@media screen and (max-width: 1024px){
    #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:8% 0% 0% 0%;}
	#cont01 .txt .t4{font-size: 20px;}	
	#cont01 .txt .t2{font-size: 14px;}
	#cont01 .txt .t2:before { content:""; width:1px; height:30px; 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%; margin:0  0 0 0; }
	#cont01 .txt {width:100%;  padding:8% 8% 8% 0%; }
	#cont01 .txt .t1{margin-bottom:0%;}
    #cont01 .txt .t2 {font-size: 15px; margin-top:20px; padding-left:0px; opacity:0.8}
	#cont01 .txt .t2:before {display:none}
	#cont01 .txt .t4 {font-size: 25px; line-height:35px; padding-left:0px; margin-bottom:0%;}
	#cont01 .txt .t2 br{display:none}
    #cont01 .txt .t4 br{display:none}
}

@media screen and (max-width: 575px){ 
	#cont01 .cont01_box .photo_wrap img{height: 300px;}
}


.main_tit {width:100%; text-align:center; margin:0% 0; overflow:hidden}
.main_tit h3{ font-size: 40px; font-weight:600; margin:15px 0; letter-spacing: -0.05em; color: #5d473b; font-family: 'AritaBuri'; }
.main_tit h3 strong{display:inline-block; font-weight:200;}
.main_tit p{ font-size: 18px; color: #88786e; font-weight:500; letter-spacing:- 0.03em; line-height:1.4; margin-bottom:0.8%; font-family: 'AritaBuri'; }
.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;}
.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;}
.Tcenter{text-align:center;}
.Tleft{text-align:left;}

@media screen and (max-width: 1024px){
  .main_tit h3{font-size: 26px;}
  .main_tit p {font-size:16px}
}

@media screen and (max-width: 575px){
  .Tcenter{text-align:left; padding: 0 4%}
  .main_tit p br{display:none}
}



#cont03{overflow:hidden;position:relative; width:100%; margin:4% auto 0%; text-align:center; padding-bottom:6%; background: url(../../images/main/cont3_bg.jpg) 0 bottom repeat-x;}
#cont03 .iMG{margin:1% auto 0%; width:100%; max-width:1610px }

@media screen and (max-width: 1280px){
     #cont03{background: url(../../images/main/cont3_bg.jpg) 0 top repeat-x; padding-bottom:0%;}
}

@media screen and (max-width: 768px){
    #cont03 .iMG{margin:4% auto 0%; }
}



#cont04 { position: relative; width: 100%; max-width:1600px; overflow: hidden; margin: 5% auto; }
#cont04 .cont04_box { display: flex; flex-wrap: wrap; align-items: flex-start; }
#cont04 .cont04_box .cont { margin:2% auto 0; width: 100%;  display: flex; align-items: stretch; justify-content: center;flex-wrap:wrap;  }
#cont04 .cont04_box .cont > div { width:45%; margin:10px; max-width:800px; height: 440px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}

#cont04 .cont04_box .cont > div a { display: block; text-align:left; color:#fff; position:absolute; bottom:0; left:0; }
#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; padding:10px 20px; background:#000; }
#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 .cont04_box .cont > div {width:45%; margin:10px;height: 360px;}
}

@media all and (max-width:1024px){
}


@media all and (max-width:768px){
     #cont04 .cont04_box .cont > div {width:100%; margin:10px 0;height: 320px;}
}

@media all and (max-width:575px){
     #cont04 .cont04_box .cont > div {width:100%; margin:5px 0;height: 270px;}
}


