@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
******************************************************** */
.section.active .up_motion > * {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
.full-section-wrap {position: relative;width: 100%;height: 100%;}
a.viewmore_btn.m_view {display: none !important;}
a.viewmore_btn {display: inline-block; color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 400; border: 1px solid #fff; padding: 15px 20px; border-radius: 35px;}
a.viewmore_btn img {padding-left: 20px;}
a.viewmore_btn.cm-button-style04 {width: auto; height: auto; background: none;}
a.viewmore_btn.cm-button-style04:before {background-color: #fff; border: none; z-index: -1;}
a.viewmore_btn.cm-button-style04:hover span {color: #444;}
a.viewmore_btn.cm-button-style04:hover img {background:url(/img/arrow_right_b.png)no-repeat; width: 41px; height: 9px; background-size:100%; z-index: 1; margin-left: 20px; }


/* ******************  메인 비주얼 ********************** */
/* 메인 비주얼 :: 슬라이드 */
#mainVisual {position: relative;}

/* 메인 비주얼 :: 페이지네이션*/
#mainVisual.active .pagination {visibility: visible; opacity: 1; transition-delay: 2s; -webkit-transition: all .35s linear; transition: all .35s linear; z-index:999}
#mainVisual .pagination {width: 100%; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all .35s linear; transition: all .35s linear; position: absolute; bottom: 330px; left: 50%; transform: translateX(-50%); text-align: center;}
#mainVisual .swiper-pagination {display: inline-block; position: static;}
#mainVisual .swiper-pagination li {padding: 0 10px; text-align: left; float: left;}
#mainVisual .swiper-pagination li a {display: block; width: 90px; font-size: 16px; color: #fff; padding-bottom: 5px; position: relative;}
#mainVisual .swiper-pagination li a:before {content:''; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; z-index: 1;}
#mainVisual .swiper-pagination li a:after  {content:''; display: block; width: 100%; height: 3px; background-color: rgba(255,255,255,1); position: absolute; bottom: 0; left: 0; right: 0;z-index: 2; transform: scaleX(0); transform-origin: left;}
#mainVisual .pagination .swiper-pagination span.swiper-pagination-bullet {margin: 0 15px;}

/*#mainVisual .swiper-pagination li.active a:after { transform: scaleX(1); -webkit-transition: transform 10s linear; transition: transform 10s linear}*/
#mainVisual .pagination .playPause { font-size: 0; width: 30px; height: 30px; border-radius: 50%; border: 0; background-color: transparent; box-sizing: border-box; margin-left: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
#mainVisual .pagination .playPause.play { background-image: url(../img/ico_play.png); }
#mainVisual .pagination .playPause.pause { background-image: url(../img/ico_pause.png); }
.main-visual-con .slick-track,.main-visual-con .slick-list {-webkit-perspective: 2000;-webkit-backface-visibility: hidden;}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{height:100%;}
.main-visual-con{z-index:1;}

/* 메인 비주얼 :: 슬라이드 ::이미지 */
.main-visual-item {position:relative;}
#mainVisualSlide.swiper-container,
#mainVisualSlide .swiper-wrapper{z-index:auto; min-height: 100vh;}
#mainVisualSlide.swiper-container {z-index:100;}
#mainVisualSlide .swiper-slide{background:#fff; height:100%; overflow:hidden; }
#mainVisualSlide .slide-inner {position:relative;width: 100%;height: 100%;background-size: cover !important;background-position: center; }    
.main-visual-item .visual-img { position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1920px; height:100%; width:100%;  background-size:cover !important;}
.main-visual-item .visual-img img {display:none;}
.main-visual-item .main-visual-pc-img{width:100%;height:100%;background-size:cover !important;-webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);-webkit-transition:transform 5000ms  ease-in-out ;transition:transform 5000ms ease-in-out ;}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */.main-visual-txt-con{position:absolute; top:50%; left:50%; width:100%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); margin-top: -46px; text-align: center;}
.main-visual-txt-con .txt-img,
.main-visual-txt-con .main-visual-txt1,
.main-visual-txt-con .main-visual-txt2{opacity:0;display:block}

.main-visual-txt-con .main-visual-txt1{display:block; font-size:42px; color:#fff; letter-spacing:-0.75px; font-weight: 800;}
.main-visual-txt-con .main-visual-txt2{font-size:50px; letter-spacing:-3px; color:rgba(255,255,255,0.75); margin-top: 22px; font-weight: 400; line-height: 1.32;}
.main-visual-txt-con .main-visual-txt2 span {font-weight: 500;}
.main-visual-txt-con .main-visual-txt2 b{font-weight:700; color:rgba(255,255,255,0.75); }

/* 메인 비주얼 :: active효과 */
#mainVisual.active .main-visual-txt1,
#mainVisual.active .main-visual-txt2{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
#mainVisual.active .main-visual-txt-con .txt-img{ -webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;-webkit-animation-delay:0.8s; animation-delay:0.8s;}
#mainVisual.active .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
#mainVisual.active .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:1.3s; animation-delay:1.3s;}
.main-visual-item .main-visual-txt1.splitting .char{-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
#mainVisual.active .main-visual-txt1.splitting .char{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: moreview 버튼 */
.more_btn {position: absolute; bottom: 235px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; font-weight: 600;}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{
	position:absolute; bottom:68px; width:100px; left:0; text-align:center; z-index:999;
	transition:all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);	
}
.main-scroll-icon .scroll-circle-box{display:block; position:relative; width:14px; height:20px; border:2px solid #fff; margin:10px auto 0; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; }
.main-scroll-icon .scroll-circle-box:before{
	position:absolute; content:""; left:3px; top:5px; width:3px; height:3px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;;
	animation:mouseScroll 1.5s infinite;
}
@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* 메인 비주얼 :: 페이징 */
#mainVisualSlide.start + .main-visual-pagination {display:block !important;}
#mainVisual .main-visual-pagination {bottom: 100px; left:6%; z-index:1000;}
.main-visual-pagination .swiper-pagination-bullet {width:60px; height:6px; border:1px solid #fff;  background:none; border-radius:0; margin:0 3px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-visual-pagination .swiper-pagination-bullet-active {background-color:#fff;}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 화살표 */
.arrow-icon {overflow:hidden; display:block; }
.arrow-icon .arrow {position:relative; display:block; overflow:hidden; width:100%; height:100%; z-index:1;}
.arrow-icon .skew {display:block; position:absolute; left:-150%; bottom:0; content:""; width:133%; height:124%; background:#111;transform:skew(-30deg); opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.8s}
.arrow_gray:before {content:''; position: absolute; top: -7px; right: -96px; background: url(../img/cm_style_arrow_g.png)no-repeat; width: 66px; height: 49px; transition:transform .3s; }
.arrow_gray:hover:before {transform: translateX(10px)}
@media all and (min-width:801px){
	a:hover .arrow-icon .skew {left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
}
.main-common-tit {margin-bottom: 118px;}
.main-common-tit h3 {font-size: 18px; font-weight: 600; color: #d21414; padding-bottom: 30px;}
.main-common-tit p {font-size: 46px; font-weight: 300; color: #fff; letter-spacing: -3px;}


/* -------- 메인 컨텐츠 :: PRODUCT -------- */
#mainProductCon {background: url(../img/mainProduct_bg.jpg)no-repeat center center; background-size: cover;}
.main-product-con {position: relative; margin-top: 50px;}
.main-product-con .main-product-tit {float: left; width: 36%;}
.main-product-con .main-product-tit h3 {font-size: 18px; color: #d21414; font-weight: 600; letter-spacing: -0.75px;}
.main-product-con .main-product-tit strong {font-size: 46px; color: #111;  margin: 50px 0; display: block; line-height: 1.2; font-weight: 300; letter-spacing: -1px}
.main-product-con .main-product-tit p { font-size: 20px; color: #5e5e5e;line-height: 1.6; letter-spacing: -1px;}
.main-product-con .product-slide {float: left; width: 64%; overflow: hidden;}
.main-product-con .product-slide .swiper-slide a {display: block; text-align: center;}
.main-product-con .product-slide .swiper-slide a img {z-index: 1; max-width: 100%;}
.main-product-con .product-slide .txt_wrap {padding-bottom: 20px; text-align: left;}
.main-product-con .product-slide .txt_wrap strong {position: relative; display: block; font-size: 30px; color: #111; padding-bottom: 35px; font-weight: 600; letter-spacing: -1px}
.main-product-con .product-slide .txt_wrap strong:before {content:''; position: absolute; bottom: 0; left: 0; width: 374px; height: 1px; background: #d21414;}
.main-product-con .product-slide .txt_wrap p {font-size: 18px; color: #888;  margin: 40px 0 50px; font-weight: 300; letter-spacing: -1px; word-break: keep-all; padding-right: 30px;}
.lang_chn .main-product-con .product-slide .txt_wrap p {word-break: break-all}
/* 이전,다음버튼,페이지네이션 */
.main-product-con .swiper-button-prev, .main-product-con .swiper-button-next {top: auto; bottom: -80px;}
.main-product-con .swiper-button-next, .main-product-con .swiper-container-rtl .swiper-button-prev {left: 118px; right: auto;}
.main-product-con .swiper-button-next {
  background: url(../img/slide_right_btn.png) no-repeat;
  background-size: 100%;
  width: 41px
}
.main-product-con .swiper-button-prev {
  background: url(../img/slide_left_btn.png) no-repeat;
  background-size: 100%;
  width: 41px
}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}
  

/* -------- 메인 컨텐츠 ::  PHILOSOPHY -------- */
#mainPhilosophyCon {background: url(../img/mainPhilosophy_bg.jpg)no-repeat center center; background-size: cover;}
#mainPhilosophyCon .list {display: flex;}
#mainPhilosophyCon .list li {flex: 1; text-align: center;}
#mainPhilosophyCon .list li .img_box {width: 151px; height: 151px; background: rgba(0,0,0,0.8); border-radius: 50%; margin: 0 auto; line-height: 150px;}
#mainPhilosophyCon .list li img {max-width: 100%;}
#mainPhilosophyCon .list li .txt_wrap {margin-top: 45px; letter-spacing: -1px;}
#mainPhilosophyCon .list li .txt_wrap strong {font-size: 28px; font-weight: 400; color: rgba(255,255,255,0.8);}
#mainPhilosophyCon .list li .txt_wrap p {font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.5); margin-top: 15px;}



/* -------- 메인 컨텐츠 :: NEWS -------- */
#mainNewsCon {background: url(../img/mainNewsCon_bg.jpg)no-repeat center center; background-size: cover;}
#mainNewsCon .news_cont_box {display: flex;}
#mainNewsCon .news_cont_box .left-con  {width: 51%; margin-right: 3%;}
#mainNewsCon .news_cont_box .right-con {width: 46%; background: #6e2b2b; text-align: center; padding: 65px 0;}
#mainNewsCon .news_cont_box .right-con p {color: #fff; font-size: 26px; font-weight: 300; padding: 0 30px 54px; word-break: keep-all}



/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav {position: fixed; z-index: 100; top: 100px; right: 45px; opacity: 1; -webkit-transform: translate3d(0,0,0); width:1px; height: 100%; background: rgba(255,255,255,0.3);}
#fp-nav ul {position:absolute; top:50%; transform: translateY(-50%); margin-top: -72px; left: 0;}
#fp-nav ul li {position: relative;cursor:pointer;margin: 80px 0;}
#fp-nav ul li:last-child { display:none;}
#fp-nav ul li a {display: block; width: 5px; height: 5px; background: rgba(201,196,202,0.7); left: 50%; transform: translateX(-50%);}
#fp-nav ul li a.active {position: relative; background: none;}
#fp-nav ul li a.active:before {content:''; position: absolute; top: 50%; transform: translateY(-50%); margin-left: -35px; border: 1px solid #fff; background: rgba(255,255,255,0.4); width: 73px; height: 73px; border-radius: 50%; }
#fp-nav ul li .fp-tooltip {position:absolute; overflow:hidden; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity:0; filter:Alpha(opacity=0); font-size:14px; color:rgba(255,255,255,0.8); font-weight:600; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; word-break: keep-all}
#fp-nav ul li a.active + .fp-tooltip {opacity:1.0;filter:Alpha(opacity=100);}


/* Black Style */
#fp-nav.black {background-color: rgba(185,185,185,0.6);}
#fp-nav.black ul li a.active span {background: rgba(255,255,255,0.7);}
#fp-nav.black ul li .fp-tooltip {color: #3d3c3c;}


/* ****************** 마우스 커서 ********************** */
.mousepointer { background: #fff;border:1px solid #ebebeb;z-index: 60000; position: fixed; top: 0; left: 0;transform: scale(0); pointer-events: none;font-size: 15px;font-weight: 500;font-style: italic;text-align: center;line-height: 1em; width: 55px;height: 55px;color: rgba(17,17,17,0.8);transition: transform 0.3s ease-in-out 0s;border-radius: 100%;}
.is-mobile .mousepointer{display:none;}
.mousepointer.active {transform: scale(1)}
.mousepointer .pointers { position: absolute; top: 0; left: 0;width: 100%;height: 100%}
.mousepointer p {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);display: block;overflow: hidden}
.mousepointer p span {transition: opacity 0.3s ease-in-out 0s; margin-left:5px;opacity: 0; padding-left:5px; position:relative;  display: inline-block;}
.mousepointer p span:before {content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#000; opacity:0.5;filter:Alpha(opacity=50);}
.mousepointer p span:first-child {margin-left:0; padding-left:0;}
.mousepointer p span:first-child:before {display:none;}
.mousepointer p.active span {opacity: 1}
.detail-cusor-active {cursor:none;}



/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */

/* ******************  메인 레이아웃 ********************** */
@media all and (max-width:1750px){
    #fullpage .area-box, #fullpage .area {padding:0 30px}
}
@media all and (max-width:1024px){
    #fullpage .area-box, #fullpage .area {padding:0 15px;}
}
@media all and (min-width:1025px) and  (max-height:800px) {
}
@media all and (min-width:1025px) and (max-height:600px) ,(max-height:600px){
    .section:not(#mainVisual, #mainApplicationCon, #mainContactCon) .fp-tableCell{height:auto !important; padding:70px 0;}
    #mainVisual{ height:550px!important}
    #mainFooter.section .fp-tableCell {padding:0;}
    #mainContactCon .more-btn-box {margin:30px 0 0 auto; position:static;}
    #mainApplicationCon .main-bs-wrap .main-bs-item .bs-thumb, .main-bs-control{ bottom:60px}
}
@media (min-height: 561px) and (max-width: 1024px){	
	.full-section-wrap{height:calc(var(--vh, 1vh) * 100)}
}


/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1750px){
    #mainVisual .area-box {padding:0 30px;}	
}
@media all and (max-width:1024px){
    #mainVisual .area-box {padding:0 15px;}
    /* 메인비주얼 :: 텍스트 */
    .main-visual-txt-con .main-visual-txt2 {font-size: 40px;}
}
@media all and (max-width: 800px){
    /* 메인 비주얼 :: 페이지네이션 */
    #mainVisual .pagination {bottom: 50px;}
   
    /* 메인 비주얼 :: 스크롤아이콘 */
    .main-scroll-icon {bottom:20px}	
}
@media all and (max-width: 600px){
    /* 메인 비주얼 :: 텍스트 */
    .main-visual-txt-con .main-visual-txt1 {font-size: 37px}
    .main-visual-txt-con .main-visual-txt2 {font-size: 32px}
    
    /* 메인 비주얼 :: 스크롤아이콘 */
    .main-scroll-icon {left: -20px}	
}
@media all and (max-width: 540px) {
    /* 메인 비주얼 :: 텍스트 */
    .main-visual-txt-con .main-visual-txt2 {font-size: 21px; margin-top: 37px;}
}
@media all and (max-width: 480px ){
    /* 메인 비주얼 :: 텍스트 */	
    .main-visual-txt-con .main-visual-txt1 {font-size: 30px;}
    .main-visual-txt-con .main-visual-txt2 {word-break: keep-all;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 제품소개(section01) -------- */
@media all and (max-width: 1460px){		
    .main-product-con .swiper-pagination-fraction, .main-product-con .swiper-pagination-custom, .main-product-con .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -48px;}
}
@media all and (max-width: 1440px){		
    .main-product-con .swiper-pagination-fraction, .main-product-con .swiper-pagination-custom, .main-product-con .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -48px;}
}
@media all and (max-width: 1270px){		
    .main-product-con .swiper-pagination-fraction, .main-product-con .swiper-pagination-custom, .main-product-con .swiper-container-horizontal > .swiper-pagination-bullets {display: none;}
}
@media all and (max-width: 1024px){	
    .main-product-con {margin-top: 0;}
    .main-product-con .main-product-tit {float: none; width: 100%; text-align: center;}
    .main-product-con .main-product-tit h3 {font-size: 35px; margin-bottom: 2%;}
    .main-product-con .main-product-tit strong {font-size: 18px; margin: 0;}
    .main-product-con .main-product-tit strong br, .main-product-con .main-product-tit p {display: none;}
    .main-product-con .product-slide {float: none; width: 100%; margin-top: 7%;}
    .main-product-con .product-slide .swiper-slide a img {width: 50%;}
    .main-product-con .product-slide .txt_wrap {text-align: center; padding-bottom: 0;}
    .main-product-con .product-slide .txt_wrap strong {font-size: 22px; padding-bottom: 15px;}
    .main-product-con .product-slide .txt_wrap p {font-size: 16px; margin-top: 13px}
    .main-product-con .product-slide .txt_wrap strong:before {left: 50%; transform: translateX(-50%); width: 85%;}
    .main-product-con .swiper-button-next, .main-product-con .swiper-container-rtl .swiper-button-prev {left: 50%; transform: translateX(-50%); margin: 0 70px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 50%; transform: translateX(-50%); margin: 0 -70px;}
    .main-product-con .swiper-button-prev, .main-product-con .swiper-button-next {bottom: -115px;}
}
@media all and (max-width: 830px){	
    /* 타이틀 */
    .main-product-con .main-product-tit h3 {font-size: 30px; margin-bottom: 3%;}
}
@media all and (max-width: 768px){	
    .main-product-con {text-align: center;}
     a.viewmore_btn.m_view {display: inline-block;}
     a.viewmore_btn.p_view {display: none;}
}
@media all and  (max-width: 480px){	
    .main-product-con .main-product-tit h3 {font-size: 24px; }
    .main-product-con .main-product-tit strong {font-size: 15px;}
    .main-product-con .swiper-button-prev, .main-product-con .swiper-button-next {bottom: -80px;}
    .main-product-con .product-slide .txt_wrap strong {font-size: 20px;}
    .main-product-con .product-slide .txt_wrap p {font-size: 15px; margin-bottom: 10px;}
}
@media all and  (max-width: 375px){	
    .main-product-con h3 {font-size: 20px; }
    .main-product-con .product-slide .txt_wrap {padding: 6%;}
}

@media (max-height: 560px) and (min-width: 801px){	
    #fullpage #mainProductCon{height:610px !important;}
}
@media (max-height: 560px) and (max-width: 800px){	
    #fullpage #mainProductCon{height:500px !important;}
}




/* -------- 메인 컨텐츠 :: PHILOSOPHY(section02) -------- */
@media all and (max-width: 1024px) {
    .main-philosophy-con {margin-top: 7%;}
    .main-common-tit {text-align: center; margin-bottom: 7%;}
    .main-common-tit h3 {font-size: 35px; margin-bottom: 2%; padding-bottom: 0;}
    .main-common-tit p {font-size: 18px; letter-spacing: -1px;}
    #mainPhilosophyCon .list li .txt_wrap strong {font-size: 24px;}
    #mainPhilosophyCon .list li .txt_wrap p {font-size: 17px;}
}
@media all and (max-width: 830px) {
    .main-common-tit h3 {font-size: 30px;}
}
@media all and (max-width: 768px) {
    #mainPhilosophyCon .list {flex-wrap: wrap;}
    #mainPhilosophyCon .list li {flex-basis: 50%; margin-top: 20px;}
    #mainPhilosophyCon .list li:first-child, #mainPhilosophyCon .list li:nth-child(2) {margin-top: 0;}
    #mainPhilosophyCon .list li .txt_wrap {margin-top: 15px;}
    #mainPhilosophyCon .list li .txt_wrap strong {font-size: 22px;}
    #mainPhilosophyCon .list li .txt_wrap p {font-size: 15px; margin-top: 5px;}
    #mainPhilosophyCon .list li .img_box {width: 100px; height: 100px; line-height: 100px;}
    #mainPhilosophyCon .list li img {width: 55%;}
} 
@media all and (max-width: 480px) {
    .main-common-tit h3 {font-size: 24px;}
    .main-common-tit p {font-size: 15px;}
    #mainPhilosophyCon .list li .txt_wrap strong {font-size: 16px;}
    #mainPhilosophyCon .list li .txt_wrap p {font-size: 13px; line-height: 1.3}
}



/* -------- 메인 컨텐츠 :: NEWS&QA(section03) -------- */
@media all and (max-width: 1024px) {
    .main-news-con {margin-top: 7%;}
    #mainNewsCon .news_cont_box .right-con p {font-size: 21px;}
}
@media all and (max-width: 800px) {
    #mainNewsCon .news_cont_box {flex-direction: column;}
    #mainNewsCon .news_cont_box .left-con {width: 100%;}
    #mainNewsCon .news_cont_box .right-con {width: 100%; padding: 20px;}
    #mainNewsCon .news_cont_box .right-con p {font-size: 17px; padding-bottom: 14px;}    
}
@media all and (max-width: 480px)  {
    #mainNewsCon .news_cont_box .right-con p {font-size: 15px;}
    a.viewmore_btn {font-size: 12px; padding: 8px 20px;}
}


/* ******************  Fade In 효과 ********************* */
/******** Animation *********/
@media all and (min-width:801px){
/* 서브 공통 :: 스크롤효과 */
    .fade-in{opacity:0;filter:Alpha(opacity=0); }
    .fade-in-left{opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px);}
    .fade-in-right{opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px);}
    .fade-in-up{opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);}
    .fade-in-up20{opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%);}
    .active-section .fade-in{ opacity:1.0;filter:Alpha(opacity=100); -webkit-transition: all 1.0s ease;transition: opacity 1.0s ease;}
    .active-section .fade-in-left{opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 1.0s ease;transition: opacity 1.0s ease, transform 1.0s ease;}
    .active-section .fade-in-right{ opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);-webkit-transition: all 1.0s ease;transition: opacity 1.0s ease, transform 1.0s ease;}
    .active-section .fade-in-up{opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);-webkit-transition: all 1.0s ease; transition: opacity 1.0s ease, transform 1.0s ease;}
    .active-section .fade-in-up20{ opacity:1.0;filter:Alpha(opacity=100);-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);-webkit-transition: all 1.0s ease;transition: opacity 1.0s ease, transform 1.0s ease;}
    .fade-in-02{-webkit-transition-delay:0.2s !important; transition-delay:0.2s !important }
    .fade-in-03{-webkit-transition-delay:0.3s !important; transition-delay:0.3s !important }
    .fade-in-04{-webkit-transition-delay:0.4s !important; transition-delay:0.4s !important }
    .fade-in-05{-webkit-transition-delay:0.5s !important; transition-delay:0.5s !important }
    .fade-in-06{-webkit-transition-delay:0.6s !important; transition-delay:0.6s !important }
    .fade-in-07{-webkit-transition-delay:0.7s !important; transition-delay:0.7s !important }
    .fade-in-08{-webkit-transition-delay:0.8s !important; transition-delay:0.8s !important }
    .fade-in-09{-webkit-transition-delay:0.9s !important; transition-delay:0.9s !important }
    .fade-in-10{-webkit-transition-delay:1s !important; transition-delay:1s !important }
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1700px){
	#fp-nav{display:none !important;}
}