@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2018-03-27
******************************************************** */
.section {word-break:keep-all;}
/* ******************  메인 비주얼 ********************** */
#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-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-item .main-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; 
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-visual-item .main-visual-txt-con .txt {font-size:100px; letter-spacing:-0.25px; color: #fff; font-weight:700; line-height:1.1em}
.main-visual-item .main-visual-txt-con .main-visual-txt4{font-size:24px; letter-spacing:-0.45px; line-height:1.66em; color: #fff; font-weight:200; margin-top:30px;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) 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-visual-txt3,
.main-visual-item.active-item .main-visual-txt4{
	-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.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt4{ -webkit-animation-delay:0.8s; animation-delay:0.8s;}

@-webkit-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-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); 
	}
}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon-wrap {position:fixed; bottom:0; left:50%; margin-left:-800px;  z-index:99; }	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span {display:inline-block; width:290px; height:290px;transform:rotate(90deg); color:rgba(255,255,255,0.5); font-size:13px; letter-spacing:2px; font-weight:300; position:relative; margin-left:-285px; padding-right:180px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-scroll-icon span:after {content:""; display:block; width:156px; height:1px; background-color: rgba(255,255,255,0.5); position:absolute; top:5px; right:0; }
/* 블랙버전 */
.main-scroll-icon.black span {color:rgba(46,46,46,0.5);}
.main-scroll-icon.black span:after {background-color:rgba(46,46,46,0.5);}



/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:55px; letter-spacing:-0.75px; text-align:center;}
.main-tit-box .main-tit {color:#2e2e2e; font-size:48px; font-weight:300; position:relative; }
.main-tit-box .main-tit:before {content:""; position:absolute; left:0; bottom:-26px; width:100%; text-align:center; font-size: 185px; color: rgba(56,56,56,0.08); font-weight:700; }
.main-tit-box .main-tit strong{font-weight:700;}
.main-tit-box .main-sub-tit {display:block; margin-top:15px; color:#5c5c5c; font-size:20px; letter-spacing:-0.75px; font-weight:300; line-height:1.5; }

/* -------- 메인 컨텐츠 :: 프로세스 -------- */
#mainProcseeCon {background-color: #000;}
#mainProcseeCon .main-tit-box .main-tit {font-size: 60px; color: #fff;}
#mainProcseeCon .main-tit-box .main-sub-tit {color: #a6a6a6;}

.main-quick-menu-list{margin:0 -1.24%;}
.main-quick-menu-list .quick-menu-item {float:left; width:22.5%; margin:0 1.24%; position:relative;}
.main-quick-menu-list .quick-menu-item .inner-box { width:100%; border:1px solid rgba(255,255,255,0.2); transition: all 0.4s ease-in-out; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-quick-menu-list .quick-menu-item .quick-menu-item-inner{display:block;padding:60px 15px 45px;}
.main-quick-menu-list .quick-menu-item .item-txt-box { text-align:center; }
.main-quick-menu-list  .item-txt-box span, 
.main-quick-menu-list  .item-txt-box strong{display:block; letter-spacing:-0.25px; color:#fff; margin-bottom:10px; word-break:keep-all; text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.main-quick-menu-list .quick-menu-item .item-icon{display:block; height:74px; background:center no-repeat; margin-top: 55px;}
.main-quick-menu-list .quick-menu-item1 .item-icon{background-image:url("/images/main/main_process_icon_01.png");}
.main-quick-menu-list .quick-menu-item2 .item-icon{background-image:url("/images/main/main_process_icon_02.png");}
.main-quick-menu-list .quick-menu-item3 .item-icon{background-image:url("/images/main/main_process_icon_03.png");}
.main-quick-menu-list .quick-menu-item4 .item-icon{background-image:url("/images/main/main_process_icon_04.png");}
.main-quick-menu-list .quick-menu-item .item-num{font-size:16px;color: #929292; display:inline-block; padding-bottom:8px; border-bottom:1px solid #8b8b8b;}
.main-quick-menu-list .quick-menu-item .item-tit{font-size:24px; color: #e95513;}
.main-quick-menu-list .quick-menu-item .item-sub-txt{font-size:16px; line-height: 1.625em; font-weight:300; margin-top:60px;}

/* 롤링 스타일  */
.main-quick-menu-list .quick-menu-item.active .inner-box {/* border-color:rgba(255,255,255,0.5);  */background-color: rgba(255,255,255,0.1); }

/* over style */
.main-quick-menu-list .quick-menu-item .over-thum{
    position:absolute; top:0px; left:0px; width:100%; height:100%; 
    opacity:0;filter:Alpha(opacity=0);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.main-quick-menu-list .quick-menu-item .over-thum::before,
.main-quick-menu-list .quick-menu-item .over-thum::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}
.main-quick-menu-list .quick-menu-item .over-thum::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.main-quick-menu-list .quick-menu-item .over-thum::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

.main-quick-menu-list .quick-menu-item.active .over-thum{opacity:1.0;filter:Alpha(opacity=100);}
.main-quick-menu-list .quick-menu-item.active .over-thum::before,
.main-quick-menu-list .quick-menu-item.active .over-thum::after {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* -------- 메인 컨텐츠 :: 동영상 -------- */
#mainVideoCon .fp-tableCell {padding-top: 100px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#mainVideoCon .main-tit-box .main-tit:before {content:"VIDEO"; }
.main-video-box .main-video-wrap {margin:auto; width:69.07%;}
.main-video-box .main-video-wrap .video-thum {position:relative; padding-top: 56.23%; display:block; cursor:pointer;}
.main-video-box .main-video-wrap .video-thum iframe , .main-video-box .main-video-wrap .video-thum img {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;}
.main-video-box .main-video-wrap .video-thum:before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:url("/images/icon/play_icon.png") center no-repeat; display:block; z-index:9; cursor:pointer;}
.main-video-box .main-video-wrap .video-thum:after {content:""; width:100%; height:70px; display:block; position:absolute; left:0; bottom:-70px; background:url("/images/main/main_video_shadow.png") top center no-repeat; background-size:100%;}
.main-video-box .main-video-wrap .video-thum.vimeo:before {display:none;}

.main-video-box .main-video-wrap .video-txt {display:block; text-align:right; margin-top:15px;}

/* -------- 메인 컨텐츠 :: 서비스 -------- */
.main-service-con {height:100%;}
.main-service-con .main-service-list .bg-m {display:none; }
.main-service-con .main-service-list {height:100%;}
.main-service-con .main-service-list li {float:left; width:33.33%; height:100%; background-size:cover !important; position:relative;}
.main-service-con .main-service-list li.item01 {background:url("/images/main/main_service_img_01.jpg") no-repeat}
.main-service-con .main-service-list li.item02 {background:url("/images/main/main_service_img_02.jpg") no-repeat}
.main-service-con .main-service-list li.item03 {background:url("/images/main/main_service_img_03.jpg") no-repeat}
.main-service-con .main-service-list li a {display:block; width:100%; height:100%; text-align:center;}
.main-service-con .main-service-list .inner-box {display:table; width:100%; height:100%; }
.main-service-con .main-service-list .inner-box .inner {display:table-cell; vertical-align:middle;}
.main-service-con .main-service-list .inner-box dl {transform:translateY(58px); transition:all 0.4s ease-in-out; }
.main-service-con .main-service-list .inner-box span , .main-service-con .main-service-list .inner-box strong {display:block;}
.main-service-con .main-service-list .icon-recording { height:41px; background:url("/images/main/main_service_icon.png") center no-repeat;}
.main-service-con .main-service-list .icon-global { height:41px; background:url("/images/main/main_service_icon_global.png") center no-repeat;}
.main-service-con .main-service-list .icon-refrom { height:41px; background:url("/images/main/main_service_icon_refrom.png") center no-repeat;}
.main-service-con .main-service-list .sub-tit {font-size: 16px; color:rgba(255,255,255,0.7); margin-top:30px;}
.main-service-con .main-service-list .tit {font-size: 40px; letter-spacing:-0.45px; color:#fff; margin-top: 15px; transition:all 0.4s; }
.main-service-con .main-service-list .plus-icon {width:58px; height:58px; background-color: #e95513; border-radius:50%;  font-size:26px; color: #fff; margin:40px auto 0; transform:translateY(58px); opacity:0;filter:Alpha(opacity=0); transition:all 0.4s ease-in-out;}
.main-service-con .main-service-list .plus-icon i {line-height:59px; opacity:0.8;filter:Alpha(opacity=80);}
@media all and (min-width:801px){
	.main-service-con .main-service-list li a:hover dl {transform:translateY(0px);}
	.main-service-con .main-service-list li a:hover .tit {color: #e95513;}
	.main-service-con .main-service-list li a:hover .plus-icon {transform:translateY(0px); opacity:1;filter:Alpha(opacity=100);}
}

/* -------- 메인 컨텐츠 :: 포트폴리오 -------- */
#mainPortfolioCon {background-color: #000; }
#mainPortfolioCon .fp-tableCell {padding-top: 100px; vertical-align:top; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#mainPortfolioCon .main-tit-box {margin-bottom:20px;}
#mainPortfolioCon .main-tit-box .main-tit {font-size:60px; color :#fff;}
#mainPortfolioCon .main-tit-box .main-sub-tit {color :#a6a6a6;}
/* 슬라이드 */
.main-portfolio-slide-wrap {position:relative; padding:0 2.7%; padding-right:20.15%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-portfolio-slide .video-wrap {position:relative; padding-top:56.2%; cursor:pointer;}
.main-portfolio-slide .video-wrap iframe ,.main-portfolio-slide .video-wrap img {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;}
.main-portfolio-slide .video-wrap:before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:url("/images/icon/play_icon.png") center no-repeat; display:block; z-index:9; cursor:pointer;}
.main-portfolio-slide .video-wrap.vimeo:before {display:none;} 
/* 슬라이드 :: 정보 */
.main-portfolio-slide .info-box {position:relative; margin-top: 30px; padding-right: 200px; }
.main-portfolio-slide .info-box .category {display:inline-block; font-size: 14px; letter-spacing:-0.45px; color :#929292; padding:6px 10px; border:1px solid rgba(255,255,255,0.3); }
.main-portfolio-slide .info-box .tit {display:block; font-size: 22px; letter-spacing:-0.45px; color: #fff; font-weight:300; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.45em; }
.main-portfolio-slide .info-box  .more-btn {display:block; width:194px; border-bottom:1px solid #fff; font-size: 14px; padding-bottom: 15px; text-align:center; position:absolute; right:0; bottom:15px; color: #fff; }

/* 우측 슬라이드 네비 */
.main-portfolio-nav-box {position:absolute; right:0; top:0; width:20.15%; padding-left:3.07%; padding-right:2.69%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-portfolio-nav {margin: -10px 0; }
.main-portfolio-nav li {width:100%; margin: 10px 0; cursor:pointer;padding-left:18px; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box; }
.main-portfolio-nav li .img-wrap {position:relative; padding-top: 56.4%; display:block;}
.main-portfolio-nav li img {width:100%; height:100%; position:absolute; left:0; top:0;}
.main-portfolio-nav li .img-wrap .play-wrap {position:absolute; top:0; left:0; z-index:9;  width:100%; height:100%;opacity:0;filter:Alpha(opacity=0); transition:all 0.4s;
}
.main-portfolio-nav li .img-wrap .play {display:table; width:100%; height:100%; border: 5px solid #e95513; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-portfolio-nav li .img-wrap .play:before { content: "\e92f"; font-family: 'xeicon' !important; color: #e95513; position:absolute; left:-21px; top:50%; margin-top:-12px; transform:rotate(-90deg); font-size: 28px; }
.main-portfolio-nav li .img-wrap .play em {display:table-cell; vertical-align:middle; font-size: 13px; text-align:center; color:#fff; }
.main-portfolio-nav li.slick-current .img-wrap .play-wrap {opacity:1;filter:Alpha(opacity=100);}


/* -------- 메인 컨텐츠 :: 하이보이스 소식 -------- */
#mainNewsCon .fp-tableCell {padding-top: 100px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#mainNewsCon .main-tit-box {margin-bottom: 40px;}
#mainNewsCon .main-tit-box .main-tit:before {content:"NEWS"; }
.main-news-con .main-news-list {margin:0 -10px; }
.main-news-con .main-news-list li {float:left; width: 310px; margin:0 10px;padding-bottom:30px;  }
.main-news-con .main-news-list li a {display:block; width:100%; height:100%; border:1px solid #ccc; position:relative; transition:all 0.4s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-news-con .main-news-list .img-wrap {position:relative; padding-top:56.49%; display:block; }
.main-news-con .main-news-list .inner-box {padding: 28px 40px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-news-con .main-news-list .date {font-size: 13px; letter-spacing:-0.25px; color :#a4a4a4; } 
.main-news-con .main-news-list .tit {font-size: 22px; max-height:2.9em; line-height: 1.45em; letter-spacing:-0.45px; color :#353535; font-weight:400; margin-top:10px;} 
.main-news-con .main-news-list .txt { font-size: 15px; max-height:3.46em; line-height: 1.73em; letter-spacing:-0.45px; color :#353535; font-weight:300;} 
.main-news-con .main-news-list .txt-box {padding-top:15px; margin-top:15px; border-top: 2px solid #272727; }

.main-news-con .main-news-control {width:100%; text-align:center; /* margin-top:30px; */}
.main-news-con .main-news-control button , .main-news-con .main-news-control a {display:inline-block; vertical-align:top;}
.main-news-con .main-news-control button {width:46px; height:25px; background: center 3px no-repeat;}
.main-news-con .main-news-control .slick-prev {background-image:url("/images/icon/arrow_prev.png");}
.main-news-con .main-news-control .slick-next {background-image:url("/images/icon/arrow_next.png");}
.main-news-con .main-news-control a  {margin:0 30px;}
.main-news-con .main-news-control i {font-size: 27px; color :#2e2e2e; }

@media all and (min-width:801px){
	.main-news-con .main-news-list li a:hover {border-color:#000; box-shadow:0px 8px 11px 4px rgba(53, 53, 53, 0.1)}
}

/* -------- 메인 컨텐츠 :: Contact -------- */
#mainContactCon {}
#mainContactCon .fp-tableCell {vertical-align:top;}
/* contact */
.main-contact-con {/* padding-top: 100px; */ height:calc(100% - 287px); background:url("/images/main/main_section_contact.jpg") no-repeat; background-size:cover;} 
.main-contact-con .area {height:100%;}
.main-contact-con .inner-box {display:table; width:100%; height:100%; text-align:center;}
.main-contact-con .inner-box .inner {display:table-cell; vertical-align:middle;}
.main-contact-con .icon {display:inline-block; width:80px; height:70px; background:url("/images/main/main_contact_icon.png") no-repeat;}
.main-contact-con .txt {font-size:22px; letter-spacing:-0.45px; color: rgba(255,255,255,0.7); font-weight:300; display:block; margin-top: 34px;}
.main-contact-con .tit {font-size:70px; letter-spacing:-0.45px; color: #fff; display:block; margin-top: 20px;}
.main-contact-con .more-btn {display:inline-block; width:194px; border-bottom:1px solid #fff; font-size: 14px; padding-bottom: 15px; text-align:center; color: #fff; margin-top:50px;}
/* partners */
.main-partner-con {/*  padding : 55px 0;  */height:287px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-partner-con .area {height:100%; position:relative;}
.main-partner-list {margin:0 -14px; position:absolute; top:50%;transform:translateY(-50%); }
.main-partner-list li {margin: 0 14px; border:1px solid #ccc; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-partner-list li  a {display:block; width:100%; height:100%;}
.main-partner-list li .img-wrap {position:relative; padding-top:100%; display:block; }
.main-partner-list .slick-arrow {position:absolute; width: 34px; height:10px; background: no-repeat; background-size:cover; font-size:0; top:50%; margin-top:-5px;}
.main-partner-list .slick-arrow.slick-prev {background-image:url("/images/icon/arrow_prev_02.png"); left: 0; margin-left: -70px;}
.main-partner-list .slick-arrow.slick-next {background-image:url("/images/icon/arrow_next_02.png"); right:0; margin-right:-70px;}

@media all and (max-width:1536px){
	.main-partner-list {padding:0 88px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.main-partner-list .slick-arrow.slick-prev {margin-left:30px;}
	.main-partner-list .slick-arrow.slick-next {margin-right:30px;}
}



/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	right:110px;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav ul li{position:relative; width:5px; margin:64px 0;}
#fp-nav ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav ul li a{display:block; position:relative; width:100%; box-sizing:border-box; padding:0 0; }
#fp-nav ul li a span {display:block; width:5px; height:5px; background-color:#fff; border-radius:50%; position:relative;}
#fp-nav ul li a span:before {content:"";  width:30px; height:30px; position:absolute; left:50%; top:50%;  margin-left:-15px; margin-top:-15px;  border:1px solid #fff; border-radius:50%; 
opacity:0;filter:Alpha(opacity=0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#fp-nav ul li a.active span:before {opacity:1;filter:Alpha(opacity=100);transition:all 0.5s;}

/* Black Style */
#fp-nav.black ul li a span{background-color:#494949}
#fp-nav.black ul li a.active span:before  {border-color:#494949;}


/* ******************  메인 오른쪽 퀵메뉴 ********************** */
.main-right-btn {position:fixed; bottom: 50px; right: 76.5px;}
.main-right-btn li {width: 67px; height:67px; display:block; background:no-repeat; background-size:cover;}
.main-right-btn li a {display:block; width:100%; height:100%; position:relative; z-index:9;}
.main-right-btn .chat-icon {background-image:url("/images/main/main_right_chat_icon.png"); }
.main-right-btn .search-icon {background-image:url("/images/main/main_right_search_icon.png"); margin-top:10px; }
.main-right-btn .search-icon .txt {display:block; width:278px; height:79px; background:url("/images/main/main_right_search_bg.png") no-repeat; background-size:cover; position:absolute; right:100%; font-size: 14px; letter-spacing:-0.25px; color: #585858; text-align:center; line-height: 79px;  
opacity:0;filter:Alpha(opacity=0); visibility:hidden;
}
.main-right-btn .search-icon .txt br {display:none;}
.main-right-btn .search-icon:hover .txt {
	visibility:visible;
	-webkit-animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
/**
 * ----------------------------------------
 * animation scale-in-right
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-right {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes scale-in-right {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}

@media all and (max-width:800px){
	.main-right-btn .search-icon .txt {width:208px; height:55.3px; line-height:1.2; padding:12px 0; top:-10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.main-right-btn .search-icon .txt br {display:block;}
}


/* ******************  메인 :: 검색창  ********************** */
#searchBg {overflow: hidden; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 98; display:none; }

.main-search-container {position: absolute; display:none; top: 0px; left: 0px; width: 100%; z-index: 9999; }
/* 검색박스 :: 검색창 */
.main-search-top-box {background-color: #f3f3f3; padding:30px 0; }
.main-search-top-box .main-search-top-inner {position:relative; }
.main-search-top-box .search-bar {padding:0 40px; border-bottom: 3px solid #e95513; width:76.3%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-search-top-box .search-bar .search-bar-inner {position:relative; padding-right: 44px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-search-top-box .search-bar button {position:absolute; right:0; top:50%; margin-top:-22px;}
.main-search-top-box .search-bar input {width:100%; height:90px; background-color: transparent; border:0; font-size: 24px; letter-spacing:-0.45px; color:  #e95513;}
.main-search-top-box .search-bar input::placeholder{ font-size: 24px; letter-spacing:-0.45px; color:  #e95513; }
.main-search-top-box .search-bar input:focus {outline: 0;}
.main-search-top-box .keyword-box {padding:24px 0; width:76.3%; }
.main-search-top-box .keyword-box .keyword-list {position:relative; padding-left: 100px;}
.main-search-top-box .keyword-box .keyword-list li {float:left; margin-left:24px; font-size: 16px; line-height:1.4; letter-spacing:-0.45px;}
.main-search-top-box .keyword-box .keyword-list li.tit {margin-left:0; color: #313131; position:absolute; left:0; }
.main-search-top-box .keyword-box .keyword-list li .keyword { color: #8a8a8a; }
.main-search-top-box .close-btn {width:83px; height:83px; position:absolute; right:0; top:50%; margin-top:-42px; background-color: #000; text-align:center; }
.main-search-top-box .close-btn i {font-size: 38px; color :#fff; line-height:83px;}
/* 검색박스 :: 조건선택 */
.main-search-bottom-box {padding: 60px 0 80px; background-color: #fff;}
.main-search-filter .tit {font-size: 24px; letter-spacing:-0.45px; color: #313131; }
.main-search-filter .filter-list-box {margin-top:12px; border:1px solid #d5d5d5;}
.main-search-filter .filter-list-box .filter-list li {float:left; width:25%; height:69px; border-left:1px solid #d5d5d5; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-search-filter .filter-list-box .filter-list li.item01 {border-left:0; }
.main-search-filter .filter-list-box .input-item {display:block; vertical-align:middle; height:100%; }
.main-search-filter .filter-list-box .input-item input[type="radio"]{display:none;}
.main-search-filter .filter-list-box .input-item label {display:block; width:100%; height:100%; position:relative; vertical-align:middle; color:#313131; font-size:18px; line-height:27px; letter-spacing:-0.65px;}
.main-search-filter .filter-list-box .input-item label:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border: 3px solid #e95513; opacity:0;filter:Alpha(opacity=0); 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-search-filter .filter-list-box .input-item label .inner-box {display:table; width:100%; height:100%; }
.main-search-filter .filter-list-box .input-item label .inner {display:table-cell;  vertical-align:middle; padding: 0 67px 0 34px;}
.main-search-filter .filter-list-box .input-item label .icon { display:block; position:absolute; right:42px;  top:50%; margin-top:-14px; width: 27px; height:27px; background:url("/images/icon/check_icon.png") no-repeat;}
.main-search-filter .filter-list-box .input-item input[type="radio"]:checked + label {color:#f36f21; font-weight:600;}
.main-search-filter .filter-list-box .input-item input[type="radio"]:checked + label .icon {background-image:url("/images/icon/check_icon_on.png"); }
.main-search-filter .filter-list-box .input-item input[type="radio"]:checked + label:before {opacity:1;filter:Alpha(opacity=100);}
/* 검색박스 :: 국가선택 */
.main-search-filter .filter-list-box .cm-tab-con {display:none; background-color: #f3f3f3; border-top:1px solid #d5d5d5; }
.main-search-filter .filter-list-box .checkbox-box {padding: 14px 60px; }
.main-search-filter .filter-list-box .checkbox-list li {display:inline-block; margin-right:42px; padding:10px 0;}
.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"] {display:none;}
.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"] + label {position:relative; color: #313131; font-size:16px; letter-spacing:-0.45px; padding-left:20px; display:inline-block; }
.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"] + label .icon {display:block; margin-right:5px;  width: 13px; height:13px;  position:absolute; left:0; top:50%; margin-top:-6px; background:url("/images/icon/checkbox_icon.jpg") no-repeat;}
.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"]:checked + label {color: #e95513}
.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"]:checked + label .icon {background-image:url("/images/icon/checkbox_icon_on.jpg");}
/* 검색박스 :: 성별선택 */
.main-search-bottom-box .sex-filter {margin-top:36px;}
.main-search-bottom-box .sex-filter .filter-list-box {display:inline-block;}
.main-search-bottom-box .sex-filter .filter-list li {width:157px; }
.main-search-bottom-box .sex-filter .search-btn {float:right; width: 370px; height:69px; background-color: #e95513; margin-top:12px; font-size: 24px; letter-spacing:-0.45px; color: #fff; font-weight:600;}


@media all and (max-width:1024px){
	/* 검색박스 :: 조건선택 */
	.main-search-filter .filter-list-box .input-item label .inner {padding:0 30px 0 20px;}
	.main-search-filter .filter-list-box .input-item label .icon {right: 20px;}
	/* 검색박스 :: 성별선택 */
	.main-search-bottom-box .sex-filter .search-btn  {width:270px;}
}
@media all and (max-width:800px){
	/* 검색박스 :: 검색창 */
	.main-search-top-box {padding:0; }
	.main-search-top-box .main-search-top-inner {padding: 40px 10px 0;}
	.main-search-top-box .search-bar {width:100%; padding:0 20px; margin-top:17px;}
	.main-search-top-box .search-bar input {height:58px;}
	.main-search-top-box .search-bar button  {margin-top:-11px;}
	.main-search-top-box .search-bar button img {width:22px;}
	.main-search-top-box .search-bar input::placeholder{ font-size: 17px; }
	.main-search-top-box .search-bar input:-ms-input-placeholder {
		font-size: 17px !important;
	}
	.main-search-top-box .keyword-box {width:100%; padding:20px 0 30px;}
	.main-search-top-box .keyword-box .keyword-list {padding-left: 70px;}
	.main-search-top-box .keyword-box .keyword-list li {font-size:14px; margin-left: 15px;} 
	.main-search-top-box .close-btn {left:50%; right:auto; margin-top:0; top:0; margin-left:-20px; width:40px; height:40px; }
	.main-search-top-box .close-btn i {font-size:19px; line-height:40px;}
	/* 검색박스 :: 조건선택 */
	.main-search-bottom-box {padding:30px 10px;}
	.main-search-filter .tit {font-size:18px;}
	.main-search-filter .filter-list-box .filter-list li {width:50%; height: 37px;}
	.country-filter .filter-list-box .filter-list li.item03 {border-left:0; border-top:1px solid #d5d5d5;}
	.country-filter .filter-list-box .filter-list li.item04 { border-top:1px solid #d5d5d5;}
	.main-search-filter .filter-list-box .input-item label { font-size:14px;}
	.main-search-filter .filter-list-box .input-item label .icon {width:15px; height:15px; margin-top:-7.5px; background-size:cover;}
	/* 검색박스 :: 국가선택 */
	.main-search-filter .filter-list-box .checkbox-box {padding: 10px 20px;}
	.main-search-filter .filter-list-box .checkbox-list li {padding:7px 0; margin-right: 30px;}
	.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"] + label {font-size: 13px; }
	.main-search-filter .filter-list-box .checkbox-item input[type="checkbox"] + label .icon {width:10px; height:10px; margin-top:-5px; background-size:cover;}
	/* 검색박스 :: 성별선택 */
	.main-search-bottom-box .sex-filter .filter-list-box {display:block;}
	.main-search-bottom-box .sex-filter .filter-list li {width:33.33%}
	.main-search-bottom-box .sex-filter .search-btn {float:none; width:222px; height:40px; font-size:15px; margin:25px auto 0; display:block;}
}

@media all and (max-width:359px){
	/* 검색박스 :: 성별선택 */
	.main-search-top-box .search-bar input::placeholder{ font-size: 17px;}
}