@charset "utf-8";

.section {position:relative;  margin-top: 95px; }

/* 상단 비주얼 */
#mVisual {width:100%;height:892px;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;}
#mVisual .mVisualIn {position:absolute;left:0;top:45%;width:100%;  text-align:right; }
#mVisual .mVisualIn dl {padding:60px 80px;color:#fff; font-family: 'Kodchasan', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif; }
#mVisual .mVisualIn dt { font-size:5.3em; line-height: 1.0em;  word-break: keep-all; font-weight: 900; }
#mVisual .mVisualIn dd { letter-spacing: -0.05em; word-break: keep-all; margin-top: 20px; }
#mVisual .mVisualIn dd.t1 { font-size: 1.2em; font-weight: 400; }

.visual_1{background-image:url('/images/main/pa_m_visual1_240604.jpg') !important;}
.visual_2{background-image:url('/images/main/pa_m_visual2_240412.jpg') !important;}
.visual_3{background-image:url('/images/main/pa_m_visual3_240604.png') !important;}
.visual_4{background-image:url('/images/main/pa_m_visual4.jpg') !important;}
.visual_5{background-image:url('/images/main/pa_m_visual5.jpg') !important;}
.visual_6{background-image:url('/images/main/pa_m_visual6_240729.jpg') !important;}
.visual_7{background-image:url('/images/main/pa_m_visual7_240729.jpg') !important;}
.visual_8{background-image:url('/images/main/pa_m_visual8.jpg') !important;}


@media all and (max-width:1024px) {
	
	#mVisual{height:50vw !important;}
	#moveSectionDown { display: none; }
}

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

    .visual_1{background-image:url('/images/main/pa_m_visual1_240412.jpg') !important;}
    .visual_2{background-image:url('/images/main/pa_m_visual2_240412.jpg') !important;}
    .visual_3{background-image:url('/images/main/pa_m_visual3_240412.jpg') !important;}
.visual_4{background-image:url('/images/main/pa_m_visual4.jpg') !important;}
.visual_5{background-image:url('/images/main/pa_m_visual5.jpg') !important;}
    
	.section{ margin-top: 60px; }


	#mVisual{height:50vw !important;}
	#mVisual .mVisualIn dl { padding: 6% 8%; }
	#mVisual .mVisualIn dt { font-size: 4.5em; }
}



/*slider*/

.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 76%;
  display: none; 
}

.slider .jquery-reslider .slider-dots li {
  width: 12px;
  height: 12px;
  display: inline-block;
  *zoom:1; *display:block;
  margin: 8px;
  background-color:rgba(255,255,255,0.3);
  border:1px solid rgba(255,255,255,0.8); 
  cursor: pointer;
  border-radius: 50%;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #fff; border-color:#fff; }

@media screen and (max-width: 768px) {

.slider .jquery-reslider .slider-dots li { width: 8px;  height: 8px; margin: 4px; }

}


/* scroll */
.scroll2 { position: absolute; bottom:100px; left: 50%; margin-left: -34.5px; width: 69px; height: 66px; z-index: 99; 
	animation: scrollAni 2.0s ease-in-out reverse; animation-iteration-count: infinite; 
	-webkit-animation: scrollAni 2.0s ease-in-out reverse; -webkit-animation-iteration-count: infinite; 
	-moz-animation: scrollAni 2.0s ease-in-out reverse; -moz-animation-iteration-count: infinite; 
}
.fp-viewing-footPage .scroll { display: none; }
 @keyframes scrollAni{
	0%{bottom: 40px;} 
	50%{bottom: 30px;} 
	100%{bottom: 40px;}
}
@-webkit-keyframes scrollAni{
	0%{bottom: 40px;} 
	50%{bottom: 30px;} 
	100%{bottom: 40px;}
}
@-moz-keyframes scrollAni{
	0%{bottom: 40px;} 
	50%{bottom: 30px;} 
	100%{bottom: 40px;}
}


#mSection1 { position: relative; overflow: hidden; width: 100%; padding: 50px 0 50px; font-weight:300;}
#mSection1 .t1 { font-size: 1.2em; font-weight: 500; }

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

#mSection1 { background-size: 50% auto; padding: 8% 0 7%; }
#mSection1 img { max-width: 30%; }

}

#mSection2 { position: relative; width: 100%; overflow: hidden; }

.ih-item {
  overflow: hidden; position: relative; 
}
.ih-item .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item .img img { width: 100%; }
.ih-item .info {
  width: 100%; height: 100%; position: absolute; top:0;
  background: #3a3a3a;
  background: rgba(99, 99, 99, 0.8);
  visibility: hidden;
  opacity: 0; 
  color:#fff; 
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item .info dt {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.625em;
  font-weight: 700; 
  margin-top: 35%;
}
.ih-item .info dd {
  font-style: italic;
  font-size: 0.875em;
  position: relative;
  color: #3a3a3a;
  text-align: center;
  font-family: 'Roboto', sans-serif; font-weight: 700;
  background-color:#fff;
  border-radius: 5.2em; 
  line-height: 2.6em;
  display: inline-block; *zoom:1; *display: inline;
  padding: 0 35px; 
  margin-top: 20px; 
}
.ih-item a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}



#mSection3 {border-top:1px solid #ddd;  position: relative; overflow: hidden; padding:40px 0; }
#mSection3 p { font-size: 1.125em; float: left; line-height: 40px; }
#mSection3 a { float: right;  background-color:#3a3a3a; border:1px solid #3a3a3a; color:#fff; display: block; line-height: 40px; width: 166px; text-align: center; border-radius: 80px; overflow: hidden;}
#mSection3 a:hover{background:#FFF; color:#3a3a3a;}

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

#mSection3 { padding: 5% 0; text-align: center; }
#mSection3 p { line-height: 35px; float: none; clear: both; margin-bottom: 5px; }
#mSection3 a { width: 140px; line-height: 35px; float: none; display: inline-block;  }

}

@media screen and (max-width:480px) {

#mSection3 p { line-height: 30px; }
#mSection3 a { width: 120px; line-height: 30px;  }

}

#mSection4 { position: relative; width: 100%; overflow: hidden; background-color:#f7f7f7; display: flex; align-items: center; flex-wrap: wrap;}
#QnA { background-color:#f7f7f7; position: relative; width: calc(100% - 700px); float: left; overflow: hidden; }
#QnA .tit {  }
#QnA .tit h3 { font-size: 2.5em; line-height: 1.8em; }
#QnA .tit p { font-size: 1.125em; color:#313131; }
#dv_rolling { overflow: hidden; margin-top: 3%; }
#dv_rolling ul { position: relative; width: 100%; overflow: hidden; text-align: center;  }
#dv_rolling ul li { position: relative; text-align: left; overflow: hidden; }
#dv_rolling ul li a { display: block; width: 408px; height: 64px; line-height: 64px; padding-left: 65px; font-size: 1.25em;  margin: 5px auto;
					  background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }
#dv_rolling ul li a:hover{text-decoration:underline;}
#dv_rolling ul li.qa1 a { color:#dc347c; background-image: url("/images/main/qna1_BG.png");}
#dv_rolling ul li.qa2 a { color:#1d9f8b; background-image: url("/images/main/qna2_BG.png"); }
#dv_rolling ul li.qa3 a { color:#a1c112; background-image: url("/images/main/qna3_BG.png"); }
#dv_rolling ul li.qa4 a { color:#e35d08; background-image: url("/images/main/qna4_BG.png"); }

/*
#dv_rolling ul li { position: relative; text-align: left; overflow: hidden; width: 42.5%; margin: 5px auto; }
#dv_rolling ul li a { display: block; height: 64px; line-height: 64px; font-size: 1.25em;     }
#dv_rolling ul li:before,
#dv_rolling ul li:after { background-size: auto 100%; width: 65px; height: 64px; background-repeat: no-repeat;  background-position: center top;   }

#dv_rolling ul li.qa1 a { color:#dc347c; border-top: 2px solid #e782ad; border-bottom: 2px solid #e782ad; }
#dv_rolling ul li.qa1:before { content:''; background-image: url("/images/main/qna1_b.png"); position: absolute; left:0; top:0;  }
#dv_rolling ul li.qa1:after {  content:''; background-image: url("/images/main/qna1_a.png"); position: absolute; right:0; top:0;   }*/

#qnaSlide { position: relative; width: 500px; float: left; overflow: hidden; }


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

#QnA .tit { font-size: 0.9em; }
#dv_rolling ul li a { width: 350px; height: 55px; line-height: 55px; font-size: 1.0em; padding-left: 55px;  }

}

@media all and (max-width:1499px) {
#dv_rolling ul li a { width: 318px; height: 50px; line-height: 50px; padding-left: 50px; margin: 3px auto; }
}

@media all and (max-width:1399px) {
#QnA { width: calc(100% - 500px); }
#qnaSlide { width: 400px; }
}

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

#QnA .tit { font-size: 0.85em; }
#QnA .tit h3 { font-size: 2.0em; }
#dv_rolling ul li a { width: 286px; height: 45px; line-height: 45px; padding-left: 45px; }

}

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

#dv_rolling ul li a { width: 276px; height: 43px; line-height: 43px; padding-left: 43px; font-size: 0.95em;  }

}

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

#QnA { width: 100%; padding: 5% 0; }
#qnaSlide { width: 100%; }
#dv_rolling ul li a { width: 318px; height: 50px; line-height: 50px; padding-left: 50px; margin: 3px auto; font-size: 1.25em;  }

}