@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-01-14  
******************************************************** */

.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;}
.pc_view {display: block}
.m_view {display: none!important}

/* ******************  메인 비주얼 ********************** */
#mainVisual .fp-tableCell {position: relative;}
#mainVisual {overflow:hidden; width:100%; height:800px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height,
#fullpage #mainVisual{height:1000px;}
.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;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover !important;
    -webkit-transform: scale(1.06,1.06);
     transform: scale(1.06,1.06);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-pc-img.video_box {transform: unset; transition: unset;}
.main-visual-item .main-visual-pc-img.visual01{ background-image:url(/img/main_visual01.jpg);}
.main-visual-item .main-visual-pc-img.visual02{ background-image:url(/img/main_visual02.jpg);}
.main-visual-item .main-visual-pc-img.visual03{ background-image:url(/img/main_visual03.jpg);}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position: absolute; top: 50%; left: 17%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -80px;}
.main-visual-item .main-visual-txt-con .main-visual-txt-inner{position:relative; }
/*.main-visual-item .main-visual-txt-con .main-visual-txt-inner:before {content:''; position: absolute; top: 0; left: 0; display: block; width: 2px; height: 100%; background: #980d10;}*/
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-more-btn {opacity:0; }
.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block; font-size: 15rem; font-weight: 400; letter-spacing:-5px; color:#fff; line-height: 0.78}
.main-visual-item .main-visual-txt-con .main-visual-txt2{position: relative; font-size: 4.8rem; letter-spacing:-3px; color:rgba(255,255,255,0.5); font-weight:400; line-height:1.77; font-weight: 200; margin-bottom: 60px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b {position: relative;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b:before {content:''; position: absolute; bottom: 0; left: 0; width: 100%;height: 7px; background: #00bbcc;}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1,1) rotate(0.002deg);
     transform: scale(1,1) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-more-btn{
	-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;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
.main-visual-item.active-item .main-visual-txt-con .main-more-btn{ -webkit-animation-delay:1.1s; animation-delay:1.1s;}
.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;
}
.main-visual-item.active-item .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);
	}
}

/* 메인 비주얼 :: SNS아이콘 */
.main-sns-icon {position: absolute; bottom: 90px; left: 20px; z-index: 999;}
.main-sns-icon  span{position: relative; display:block; color:rgba(255,255,255,0.6); letter-spacing: -0.3px; font-weight: 300; font-size: 2.2rem; margin-bottom: 245px;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.main-sns-icon span:before {content:''; position: absolute; top: 50%; transform: translateX(-50%); right: 165px; height: 1px; width: 50px; background: #fff;}
.main-sns-icon a {display: block; padding: 22px 0; text-align: center;}
.main-sns-icon a i {font-size: 2rem; color: rgba(255,255,255,0.6);}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon {position: absolute; bottom: 18vh; right: -20px; text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
.main-scroll-icon span{position: relative; display: block; color:rgba(255,255,255,0.6); letter-spacing: -0.3px; font-weight: 300; font-size: 2.2rem;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.main-scroll-icon span:before {content:''; position: absolute; top: 50%; transform: translateX(-50%); right: 90px; height: 1px; width: 50px; background: #fff;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,5px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}


/* 메인 비주얼 :: dot */
.main-slide-dot {position: absolute; bottom: 125px; left: 17%; z-index: 999; display:inline-block; vertical-align:middle; width: 50%}
.main-slide-dot .slick-dots {display: flex; }
.main-slide-dot .slick-dots li {flex: 1;}
.main-slide-dot .slick-dots li button {width: 100%; height:3px; background: rgba(255,255,255,0.3);}
.main-slide-dot .slick-dots li button p {font-size: 2.8rem; padding-top: 52px; text-align: left; padding-left: 35px; word-break: keep-all; color:#fff; opacity: 0.5}
.main-slide-dot .slick-dots li.slick-active button {background: #f4772e;}
.main-slide-dot .slick-dots li.slick-active button p {opacity: 0.8}
@-webkit-keyframes LoadingBar{from{width:0px;}to{width:80px;}}
@keyframes LoadingBar{from{width:0px;}to{width:80px;}}


/* ******************  메인 오른쪽 navigation (Fullpage) ********************** */
#fp-nav{position: fixed;z-index: 100;top: calc(50% + 18px);right:60px; opacity: 1; -webkit-transform: translate3d(0,0,0);}
#fp-nav ul {position:relative; width:2px; height:98px; background-color: rgba(255,255,255,0.2);}
/*#fp-nav ul li {width: 10px; height:10px;margin-top:-28px; background: #000; border-radius: 50%;}*/
#fp-nav ul li:last-child { display:none;}
#fp-nav ul li a{display:block;width:100%; height:24px; border-radius: 50%; }
#fp-nav ul li a span{display:block; }
#fp-nav ul li .fp-tooltip{position:absolute; overflow:hidden; width:100px;top:-70px; left:-48px; transform:rotate(-90deg);opacity:0;filter:Alpha(opacity=0); line-height:20px; font-size:12px; 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;}
#fp-nav ul li .num {position:absolute; width:20px; bottom:-30px; left:-10px; transform:rotate(-90deg);opacity:0;filter:Alpha(opacity=0); line-height:20px; font-size:13px; font-style:italic;color:rgba(255,255,255,0.5); 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; }
#fp-nav ul li a.active { background-color: #fff;}
#fp-nav ul li a.active + .fp-tooltip , #fp-nav ul li .num.on  {opacity:1.0;filter:Alpha(opacity=100);}

/* Black Style */
#fp-nav.black ul {background-color: rgba(185,185,185,0.6);}
#fp-nav.black ul li a.active  {background-color:#111}
#fp-nav.black ul li .fp-tooltip {color:#111;}
#fp-nav.black ul li .num {color:rgba(17,17,17,0.5);}





/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 화살표 */
.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-tit-box {position: relative; color:#111; text-align: center;}
.main-tit-box h5 {font-size: 10rem; letter-spacing: -0.2px; font-weight: 400; text-transform: uppercase}


/* -------- 메인 컨텐츠 :: SERVICE -------- */
#mainService .area1285 {margin-top: 65px}
#mainService .area1285 .main-tit-box {text-align: center;}
#mainService .cont_box {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-top: 60px; margin-left: 4%;}
#mainService .cont_box li {flex-basis: 21%; margin: 30px 0;}
#mainService .cont_box li figure {}
#mainService .cont_box li figure img {max-width: 100%;}
#mainService .cont_box li figure figcaption {margin-top: 50px;}
#mainService .cont_box li figure figcaption strong {font-size: 2.3rem; color: #111; font-weight: 600; letter-spacing: -0.8px; word-break: keep-all}
#mainService .cont_box li figure figcaption p {font-size: 1.8rem; font-weight: 300; letter-spacing: -0.8px; color: rgba(0,0,0,0.7); padding-top: 18px; line-height: 1.4; word-break: keep-all}


/* -------- 메인 컨텐츠 :: PORTFOLIO -------- */
#mainPortfolio .main-tit-box {margin-top: 75px;position: relative; }
#mainPortfolio .main-tit-box:before {content:''; position: absolute; top: 33px; left: 50%; transform: translateX(-50%); background: url(/img/portfolio_bg.png)no-repeat center center; background-size: 100%; width: 67%; height: 129px; opacity: 0.5;}

/* -------- 메인 컨텐츠 :: CONTACT -------- */
#mainContact {font-family: 'Noto Sans KR', sans-serif; }
#mainContact:before {content:''; position: absolute; bottom: 0; left: 0; background: url(/img/mainContact_bg.png)no-repeat; width: 566px; height: 777px; background-size: 100%;}
#mainContact .bbs-write-section {display: flex; flex-wrap: wrap; margin-top: 45px;}
#mainContact .bbs-write-tbl {width: 48%; margin: 1%}
#mainContact .bbs-write-tbl-con.underline {border-bottom: 1px solid #ddd; padding-bottom: 20px;}
#mainContact .bbs-write-tbl-box {margin-bottom: 45px;}
#mainContact .bbs-write-tbl-box dl{display:table; position:relative; width:100%;}
#mainContact .bbs-write-tbl-box dl dt, .bbs-write-tbl-box dl dd{display:table-cell; vertical-align: middle; font-size:16px; color: #666; font-weight: 300; width: 100%;}
#mainContact .bbs-write-tbl-box dl dt {font-size: 1.8rem; font-weight: 500; color: #111; width: 22%; letter-spacing: -0.8px; padding-left: 15px;}
#mainContact .bbs-write-tbl-box dl dd input, select {border:0; width: 100%; padding-left:10px; background:none; opacity: 0.5; filter: Alpha(opacity=50); color: #404040; font-size:1.6rem; font-weight: 400; letter-spacing: -1px; font-family: 'NOTO SANS KR'}
#mainContact .bbs-write-tbl-box dl.w100 dt {display: block; width: 100%;}
#mainContact .bbs-write-tbl-box dl.w100 dd {display: block; margin-top: 24px; }
#mainContact .bbs-write-tbl-box dl dd input:focus, #mainContact .bbs-write-tbl-box dl dd select:focus{opacity:1.0;filter:Alpha(opacity=100); outline:none;}
#mainContact .bbs-write-section .bbs-write-tbl-block{display:block;}
#mainContact .bbs-write-section .bbs-write-tbl-block dt, #mainContact .bbs-write-tbl-box .bbs-write-tbl-block dd{display:block; width:100%;}
#mainContact .bbs-write-section .bbs-write-tbl-block dd {background: #fff; height: 133px; border: 1px solid #f4772e}
#mainContact .bbs-write-section .bbs-write-tbl-block dd textarea{ border:0; width:100%; height:100%; box-sizing:border-box; padding:10px; font-size:15px; opacity: 0.5;filter: Alpha(opacity=50);color: #404040;line-height:1.6; font-family: 'NOTO SANS KR'}
#mainContact .bbs-write-section .bbs-write-tbl-block dd textarea:focus{opacity:1.0;filter:Alpha(opacity=100); outline:none; }
#mainContact .inquiry-style04-custom-checkbox{ border:0; display: flex; flex-wrap: wrap;}
#mainContact .inquiry-style04-custom-checkbox .checkbox-item {display: inline-block;vertical-align: middle; width:30%; margin: 1% 0;}
#mainContact .inquiry-style04-custom-checkbox .checkbox-item:nth-child(3n-2) {width: 40%;}
#mainContact .inquiry-style04-custom-checkbox .checkbox-item input[type="radio"] {display: none;}
#mainContact .inquiry-style04-custom-checkbox .checkbox-item label {display: inline-block; position: relative; color:#444; letter-spacing: -0.65px; vertical-align: middle; font-size: 16px; font-family: 'Noto Sans KR'; font-weight: 400;}
input[type="radio"] + label span.round {position: relative; display: inline-block; width: 21px; height: 21px; font-size: 0; vertical-align: middle; border: 1px solid #c0c0c0; border-radius: 50%; margin-right: 10px;
}
input[type="radio"]:checked + label span.round {border: 1px solid #f4772e; }
input[type="radio"]:checked + label span.round:before {content:''; position: absolute; top: 50%; transform: translate(-50%,-50%); left :50%; background: #f4772e; width: 9px; height: 9px; border-radius: 50%;}
/* 개인정보수집동의 */
#mainContact .bbs-write-tbl-box.agreement dl dd {overflow: scroll; padding: 28px;     overflow-x: hidden; border: 1px solid #e1e1e1}
#mainContact .bbs-write-tbl-box.agreement dd p {font-size: 1.5rem; color: #a1a1a1; font-weight: 300; letter-spacing: -0.5px; line-height: 1.6; word-break: keep-all;}
#mainContact .bbs-write-tbl-box.agreement dd strong {display: none;}
/*문의하기버튼*/
#mainContact .inquiry-write-btn {display: block; background: #111; width: 100%;}
#mainContact .inquiry-write-btn strong {display: block; color: #f4772e; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.5px; padding: 20px 0; }
#mainContact .inquiry-write-btn:hover {background: #f4772e;}
#mainContact .inquiry-write-btn:hover strong {color: #111;}
/*자동등록방지::캡챠*/
#mainContact #captcha {width: 100%;}
#mainContact #captcha #captcha_key {width: 30%}
#mainContact #captcha.m_captcha #captcha_reload {width: 38%; }





/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */
/* ******************  메인 공통 ********************** */
@media all and (max-width:1080px){
    .main-tit-box h5 {font-size: 8rem;}
}
@media all and (max-width:768px){
    .main-tit-box h5 {font-size: 7rem;}
}
@media all and (max-width:540px){
    .main-tit-box h5 {font-size: 5rem;}
}
@media all and (max-width:480px){
    .main-tit-box h5 {font-size: 4rem;}
}
@media all and (max-width:380px){
    .main-tit-box h5 {font-size: 3rem;}
}

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1440px){
    /* 메인 비주얼 :: 레이아웃 */	
    #mainVisual .area1285, #mainService .area1285 {padding: 0 30px;}	    
}
@media all and (max-width:1280px) {
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 4.2rem;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 13rem;}
    .main-slide-dot .slick-dots li button p {font-size: 2.4rem; padding-top: 15px; padding-left: 25px;}
}
@media all and (max-width:1080px) {
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 3.8rem;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 11rem;}
    .main-slide-dot .slick-dots li button p {padding-left: 15px;}
    .main-sns-icon {left: 10px;}
    .main-scroll-icon {display: none;}
}
@media all and (max-width:1024px){
    #mainVisual .area1285 {padding:0 15px;}
}
@media all and (max-width: 768px){
    .main-sns-icon {display: none;}
    .main-visual-item .main-visual-txt-con{left: 5%;}
    .main-slide-dot {left: 5%; width: 80%;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 9rem;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 3rem;}
}
@media all and (max-width: 480px){
     #mainVisual .area1285 {padding: 0 30px;}	
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 7rem; letter-spacing: -2px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 2.4rem; letter-spacing: -2px;}
    .main-slide-dot {bottom: 88px;}
    .main-slide-dot .slick-dots li button p {font-size: 1.8rem;}
}
@media all and (max-width: 380px){
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 5rem; }
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 1.8rem; }
    .main-slide-dot .slick-dots li button p {font-size: 1.6rem;}
}



/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: SERVICE(section01) -------- */
@media all and (max-width:1440px){
    
}
@media all and (max-width:1280px){
    #mainService .cont_box li figure figcaption strong {font-size: 2rem;}
    #mainService .cont_box li figure figcaption p {font-size: 1.6rem;}
}
@media all and (max-width:1080px){
    #mainService .cont_box li figure figcaption strong {font-size: 1.8rem;}
}
@media all and (max-width:1024px){
    #mainService .cont_box li figure figcaption strong {font-size: 1.6rem;}
    #mainService .cont_box li figure figcaption p {font-size: 1.4rem;}
}
@media all and (max-width:768px){
    #mainService .area1285 {padding: 0;}
    #mainService .cont_box {align-items: baseline; margin-top: 40px; justify-content: flex-start;}
    #mainService .cont_box li  {flex-basis: 29%; margin-left: 1%; margin-right: 3%; margin-bottom: 3%; margin-top: 0;}
    #mainService .cont_box li figure figcaption {margin-top: 30px;}
    #mainService .cont_box li figure figcaption p br {display: none;}
    
}
@media all and (max-width:540px){
    #mainService .cont_box {margin-left: 0; align-items: end;}
    #mainService .cont_box li {width: 30%; margin-right: 2%; margin-left: 2%; margin-bottom: 6%; text-align: center; }
    #mainService .cont_box li figure figcaption strong {font-size: 1.4rem;}
    #mainService .cont_box li figure figcaption p {display: none;}

}
@media all and (max-width:480px){
    #mainService .area1285 {padding: 0 10px}
    #mainService .cont_box li figure figcaption strong {font-size: 1.3rem;}
}
@media all and (max-width:380px){
    
}




/* -------- 메인 컨텐처 :: CONTACT(section03) -------- */
@media all and (max-width:1285px){
    #mainContact .area1285 {padding: 0 30px;}
}
@media all and (max-width:1080px){
    #mainContact .bbs-write-tbl-box dl dt {font-size: 1.7rem;}
    #mainContact .bbs-write-tbl-box dl dd input, select {margin-top: 10px; font-size: 1.4rem;}
    #mainContact .inquiry-style04-custom-checkbox .checkbox-item label {font-size: 1.4rem;}
    #mainContact .bbs-write-tbl-box.agreement dd p {font-size: 1.3rem;}
}

@media all and (max-width:1024px){
    #mainContact .area1285 {padding: 0 15px;}
}

@media all and (max-width:960px){
    #mainContact .bbs-write-section {flex-direction: column}
    #mainContact .bbs-write-tbl {width: 100%;}
    #mainContact .bbs-write-tbl-box {margin-bottom: 25px;}
    #mainContact .bbs-write-tbl-box dl dt {font-size: 1.5rem;}
    #mainContact .bbs-write-tbl-box dl dd input, select {margin-top: 0; font-size: 1.3rem;}
    #mainContact .inquiry-style04-custom-checkbox .checkbox-item label {font-size: 1.3rem;}
    #mainContact .bbs-write-tbl-box.agreement dd p {font-size: 1.2rem;}
}
@media all and (max-width:540px){
    #mainContact:before {display: none;}
    #mainContact .bbs-write-tbl-box dl dt {padding-left: 4px; font-size: 1.4rem;}
    #mainContact .bbs-write-tbl-box dl.w100 dd.pc_view {display: none;}
    #mainContact .bbs-write-tbl-box dl.w100 dd.m_view {display: block!important;}
    #mainContact .bbs-write-tbl-con.underline {padding-bottom: 11px;}
    #mainContact .bbs-write-tbl-box dl.w100 dd {margin-top: 11px;}
    #mainContact .bbs-write-section .bbs-write-tbl-block dd {height: 80px}
    #mainContact .bbs-write-tbl-box.category dl.w100 dt, #mainContact .bbs-write-tbl-box.agreement dl.w100 dt {display: none;}
    #mainContact .bbs-write-tbl-box.agreement dd strong {display: block; margin-bottom: 5px; font-size: 1.4rem;}
    #mainContact .bbs-write-tbl-box.agreement dl dd{padding: 10px}
    #mainContact .bbs-write-tbl-box dl dd select {font-size: 1.4rem; color: #111; font-weight: 500; padding-left: 0; opacity: 1; margin-top: 0;}
    #mainContact .inquiry-write-btn strong {font-size: 1.4rem; padding: 13px 0;}
}



@media all and (max-width:480px){
    #mainContact .bbs-write-section .bbs-write-tbl-block dd {height: 70px;}
    #mainContact .bbs-write-section {margin-top: 20px;}
    #mainContact .bbs-write-tbl-box {margin-bottom: 10px;}
    #captcha #captcha_info {display: none;}
}

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



/* ******************  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;}
}