@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/





/***********************************************************************
	메인
************************************************************************/
/*#container {padding-bottom:90px;}*/
#main section .maxWidth {max-width:1170px;margin:0 auto;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:10px;font-weight:800;font-size:35px;color:#333;text-align:center;}
.main__desc {margin-bottom:40px;/*font-size:14px;*/font-size:18px;color:#666;text-align:center;}
#main .main__btn {position:relative;display:block;width:150px;margin:0 auto;height:40px;border:1px solid #fff;font-size:12.5px;color:#fff;text-align:center;line-height:40px;z-index:3;box-shadow: 0 0 1px transparent;box-sizing:border-box;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;-ms-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
#main .main__btn:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;-o-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#main > section {/*padding-top:100px;*/padding-top:80px;padding-bottom:100px;}
@media screen and (max-width: 1220px){
	#main .main__btn {width:100px;}
}
@media screen and (max-width: 1024px){
	#main > section {padding:60px 0;}
	#main .main__title {margin-bottom:5px;font-size:22px;}
}
@media screen and (max-width: 768px){
	#main section {padding:40px 0;}
	#main .main__desc {margin-bottom:20px;font-size:13px;}
}
@media screen and (max-width: 480px){
	#main .main__btn {width:80px;height:35px;font-size:11.5px;line-height:35px;}
}




/***********************************************************************
	메인 슬라이드
************************************************************************/
#main > section#main__slider {padding:0 !important;}
#main__slider .slider-inner {position:relative;/*min-height:520px;padding-top:38.3%;*/background-size:cover !important;font-weight:100;font-size:35px;color:#464f5d;line-height:45px;text-align:center;box-sizing:border-box;}
#main__slider .slider-inner a {display:block;width:100%;height:100%;}
#main__slider .slider-inner a:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/main/pattern.png);}
#main__slider .slider-inner img {margin:0 auto;}
#main__slider .slider-box {position:absolute;top:0;left:0;width:100%;height:100%}
#main__slider .slider-table {display:table;width:100%;height:100%;text-align:center}
#main__slider .slider-tit {display:table-cell;width:100%;vertical-align:middle}
#main__slider .slider-tit img {margin-top:50px;opacity:0;max-width:90%;transition:all 1.5s ease-out}
#main__slider .slider-tit img.on {margin-top:0;opacity:1}
#main__slider .bx-controls-direction {display:none;}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
	#main__slider .slider-tit img.on {margin-top:-35px;}
}
@media screen and (max-width: 480px){
	#main__slider .slider-tit img.on {margin-top:-93px;}
}




/***********************************************************************
	메인포트폴리오
************************************************************************/
/*#main #main__portfolio {padding-top:100px;}*/
/*#main section.portfolio {padding-top:90px;}*/
/*#main__portfolio .maxWidth {max-width:1920px;margin:0 auto;}*/
/*#main__portfolio .bx-wrapper {max-width:100% !important;}*/
#main__portfolio .portfolio-slider {position:relative;display:inline-block;/*float:none !important;height:520px;eight:0;/*margin-right:0.5% !important;padding-top:8.26%;*/}
#main__portfolio .portfolio-slider:last-child {margin-right:0 !important;}
#main__portfolio .portfolio-slider a {display:block;}
#main__portfolio .portfolio-slider img {/*position:absolute;top:0;left:0;*/width:100%;height:100%;}
#main__portfolio .main__title {margin-bottom:20px;}
#main__portfolio .portfolio-cate {margin-bottom:45px;text-align:center;}
#main__portfolio .portfolio-cate li {display:inline-block;}
#main__portfolio .portfolio-cate a {display:block;width:70px;font-weight:600;font-size:15px;color:#999;letter-spacing:-0.5px;}
#main__portfolio .portfolio-cate li.on a {background-color:#ed3348;font-weight:500;color:#fff;}
#main__portfolio .portfolio-list {overflow:hidden;height:100%;text-align:center;}
#main__portfolio .portfolio-list li.active-slide {opacity:0.4;}
/*#main__portfolio .bx-viewport:before,
#main__portfolio .bx-viewport:after {content:'';position:absolute;top:0;left:0;width:350px;height:100%;background-color:#fff;opacity:0.8;z-index:3}*/
#main__portfolio .bx-viewport:after {right:0;margin:0 auto;margin-right:0;}
#main__portfolio .bx-controls {position:relative;max-width:1170px;margin:0 auto;padding-top:30px;text-align:center;}
#main__portfolio .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:static;display:inline-block;width:auto;padding-top:0;}
#main__portfolio .bx-wrapper .bx-pager {bottom:-45px;}
#main__portfolio .bx-controls-direction {display:inline-block;}
#main__portfolio .bx-wrapper .bx-controls-auto {position:static;display:inline-block;bottom:-48px;width:auto;margin-left:3px;vertical-align:middle;}
#main__portfolio .bx-wrapper .bx-controls-direction a {width:48px;height:29px;margin-top:-8px;}
#main__portfolio .bx-wrapper .bx-controls-direction a.bx-prev {left:0;background:url(../../images/main/btn_portfolio_prev.png) no-repeat 0;}
#main__portfolio .bx-wrapper .bx-controls-direction a.bx-next {right:0;background:url(../../images/main/btn_portfolio_next.png) no-repeat 0;}

@media screen and (max-width: 1400px){
#main__portfolio .maxWidth {padding-bottom:60px;}
}
@media screen and (max-width: 768px){
#main__portfolio .maxWidth {padding-bottom:40px;}
}




/***********************************************************************
	메인 박스 배너 2개 
************************************************************************/
#main__boxBnr {height:auto;background:url(../../images/main/bg_artist1.jpg) no-repeat;background-size:cover;box-sizing:border-box;}
#main__boxBnr .maxWidth {opacity:0;-webkit-transition-duration:0.6s;-m-transition-duration: 0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#main__boxBnr .main__title {margin-bottom:70px;/*font-size:75px;font-weight:900;*/font-size:35px;font-weight:800;color:#fff;/*text-align:left;*/text-align:center;/*letter-spacing:-3px;*/transition-duration: 0.4s;opacity:0}
#main__boxBnr .who_top {transition-duration: 1000ms;opacity:0}
#main__boxBnr .who_top .row.col--3 {margin:-2%;}
#main__boxBnr .who_top .row.col--3 li {float:left;width:29.3%;margin:2%;border-top:5px solid #fff;}
#main__boxBnr .who_top .who_tit {padding:15px 0 20px;/*font-weight:500;*/font-weight:300;font-size:26px;color:#fff;}/*20180202윤지명수정*/
#main__boxBnr .who_top .who_tit em {display:block;font-style:normal;font-weight:300;font-size:14px;color:#fff;text-transform:uppercase;}
#main__boxBnr .who_top p {font-size:15px;line-height:1.7;color:#ccc;}
#main__boxBnr .who_bot {margin-top:90px;transition-duration: 2000ms;opacity:0}
#main__boxBnr .who_bot .who_link {margin-top:20px;}
#main__boxBnr .who_bot .who_link a {display:block;font-size:14px;color:#ddd;line-height:1.5;}
#main__boxBnr .who_bot table {border-bottom:1px solid #8f8f8f;}
#main__boxBnr .who_bot table .top th,
#main__boxBnr .who_bot table .top td {border-top-color:#fff;}
#main__boxBnr .who_bot table th {height:50px;padding:0 20px;border-top:1px solid #4e4d4d;border-left:1px solid #4e4d4d;font-size:13px;color:#fff;text-transform:uppercase;/*font-weight:500;*/font-weight:300;text-align:left;}
#main__boxBnr .who_bot table th:first-child {border-left:none;}
#main__boxBnr .who_bot table td {height:50px;padding:0 20px;border-top:1px solid #4e4d4d;border-left:1px solid #4e4d4d;font-size:14px;color:#ddd;text-align:left;}
#main__boxBnr .who_bot table td a {color:#ddd;}
#main__boxBnr .who_bot .inner--left {width:22%;}
#main__boxBnr .who_bot .inner--right {width:78%;}
#main__boxBnr .who_bot .left {float:left;width:50%;}
#main__boxBnr .who_bot .right {float:right;width:50%;border-left:1px solid #4e4d4d;box-sizing:border-box;}
#main__boxBnr.active .maxWidth {opacity:1}
#main__boxBnr.active .main__title,
#main__boxBnr.active .who_top,
#main__boxBnr.active .who_bot {opacity:1;padding-top:0;}
#main__boxBnr .main__title,
#main__boxBnr .who_top,
#main__boxBnr .who_bot {padding-top:40px;}
@media screen and (max-width: 1024px){
	#main__boxBnr .main__title {margin-bottom:30px;font-size:50px;letter-spacing:-1.5px;}
	#main__boxBnr .who_top .who_tit {font-size:20px;}
}
@media screen and (max-width: 768px){
	#main__boxBnr .main__title {margin-bottom:20px;font-size:22px;}
	#main__boxBnr .who_top .who_tit {padding-bottom:15px;font-size:15px;}
	#main__boxBnr .who_bot {margin-top:45px;}
	#main__boxBnr .who_bot .inner--left img {height:30px;}
	#main__boxBnr .who_top p,
	#main__boxBnr td {font-size:13px;}
	#main__boxBnr th,
	#main__boxBnr td {padding-left:10px !important;}
}
@media screen and (max-width: 640px){
	#main__boxBnr .who_bot .inner--left {float:none;width:100%;margin-bottom:20px;}
	#main__boxBnr .who_bot .inner--right {width:100%;}
	#main__boxBnr .who_bot {margin-top:25px;}
}
@media screen and (max-width: 550px){
	#main__boxBnr .who_top .row.col--3 {margin:0;}
	#main__boxBnr .who_top .row.col--3 li {float:none;width:100%;margin:0;margin-bottom:20px;border-top-width:2px;}
	#main__boxBnr .who_top .row.col--3 li:last-child {margin-bottom:0;}
	#main__boxBnr .who_bot .left,
	#main__boxBnr .who_bot .right {float:none;width:100%;border-left:none;}
	#main__boxBnr .who_top .who_tit {padding-bottom:10px;font-size:16px;}
}



/***********************************************************************
	메인 비지니스 관련 4개 다이어그램
************************************************************************/
#main__business {height:675px;background-color:#fff;box-sizing:border-box;}
#main__business .maxWidth {height:61%;opacity:0;-webkit-transition-duration:0.6s;-m-transition-duration: 0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#main__business .main__title {margin-bottom:20px;}
#main__business .main__desc {margin-bottom:25px;/*font-size:15px;*/font-size:18px;line-height:22px;letter-spacing:-0.5px;}
#main__business .diagram-ul {position:relative;/*height:92%;*/height:100%;margin:-0.75%;}
#main__business .diagram-ul li {position:absolute;left:50%;float:left;width:22.7%;height:96.9%;margin:0.75%;padding:25px 12px;border:1px solid #fff;text-align:center;box-sizing:border-box;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-m-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;opacity:0;box-sizing:border-box;}
#main__business .diagram-ul li:before,
#main__business .diagram-ul li:after {content:'';position:absolute;left:0;right:0;width:80%;height:1px;margin:0 auto;background-color:#fff;}
#main__business .diagram-ul li:before {top:-1px;}
#main__business .diagram-ul li:after {bottom:-1px;}
#main__business .diagram-ul li:hover {border:1px solid #ccc;}
#main__business .diagram-ul h3 {margin:30px 0 15px;background-color:transparent;font-weight:600;font-size:22px;color:#333;letter-spacing:-0.5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-m-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
/*#main__business .diagram-ul li:last-child h3 {font-size:20px;letter-spacing:-1.3px;}*/
#main__business .diagram-ul li:hover h3 {color:#999;}
/*#main__business .diagram-icon {height:88px;}*/
#main__business .diagram p {font-size:15px;line-height:22px;box-sizing:border-box;}
#main__business .main__btn {margin-top:25px;background-color:#333;}
#main__business .main__btn:before {background-color:#fff;border:1px solid #333;}
#main__business .main__btn:hover {color:#333;}
#main__business .main__btn:hover:before {-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#main__business.active .maxWidth {opacity:1}
#main__business.active .diagram-ul li {opacity:1;}
#main__business.active .diagram-ul li.diagram-list1 {left:0;}
#main__business.active .diagram-ul li.diagram-list2 {left:26%;}
#main__business.active .diagram-ul li.diagram-list3 {left:51%;}
#main__business.active .diagram-ul li.diagram-list4 {left:75.8%;}
@media screen and (max-width: 1400px){
	#main__business .main__title {margin-bottom:5px;}
	#main__business .main__desc {font-size:13px;}
	#main__business .diagram-ul li {padding:15px 10px;}
	/*#main__business .diagram-ul li:last-child h3,*/
	#main__business .diagram-ul h3 {height:45px;margin:15px 0 0;font-size:17px;word-wrap:break-word;}
	#main__business .diagram p {font-size:13px;}
	#main__business .diagram-icon img {max-width:100%;height:9.5vmin;}
}
@media screen and (max-width: 1024px){
	#main__business {height:520px;}
	#main__business .maxWidth {height:100% !important;}
	#main__business .diagram-ul {height:75% !important;}
}
@media screen and (max-width: 768px){
	#main__business {height:455px;}
	#main__business .diagram-ul h3 {height:42px;margin-top:5px;font-size:14px;}
	#main__business .diagram p {margin-top:5px;font-size:12px;line-height:18px;}
}
@media screen and (max-width: 600px){
	#main__business {height:100%;}
	#main__business .diagram-ul h3 {height:auto;}
	#main__business .diagram-ul li {position:relative;left:0 !important;width:48.5%;padding:10px 5px;}
	#main__business .main__btn {margin-top:10px;}
}
@media screen and (max-width: 425px){
	/*#main__business .diagram-ul li {width:auto;}*/

}


/***********************************************************************
	메인 이미지 배너 4개 
************************************************************************/
#main__imgBnr {height:900px;/*background:url(../../images/main/bg_artist2.jpg) no-repeat;*/background-color:#000;background-size:cover;box-sizing:border-box;}
#main__imgBnr .maxWidth {opacity:0;-webkit-transition-duration:0.6s;-m-transition-duration: 0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#main__imgBnr .main__title {color:#fff;}
#main__imgBnr .main__desc {color:#ccc;}
#main__imgBnr .bnr-inner > ul {margin:-0.5%;}
#main__imgBnr .bnr-inner > ul > li {float:left;width:49%;margin:0.5%;}
#main__imgBnr .bnr-inner > ul > li .bnr {height:285px;}
#main__imgBnr .image {position:relative;float:left;width:50%;height:100%;}
#main__imgBnr .image:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.3;box-sizing:border-box;box-shadow:0 0 1px transparent;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.4s ease-out;-m-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;-webkit-transition-property:color, background-color;-moz-transition-property:color, background-color;-ms-transition-property:color, background-color;-o-transition-property:color, background-color;transition-property:color, background-color;z-index:1}
#main__imgBnr .bnr1 .image span {background:url(../../images/main/img_partner1.jpg) no-repeat center;}
#main__imgBnr .bnr2 .image span {background:url(../../images/main/img_partner2.jpg) no-repeat center;}
#main__imgBnr .bnr3 .image span {background:url(../../images/main/img_partner3.jpg) no-repeat center;}
#main__imgBnr .bnr4 .image span {background:url(../../images/main/img_partner4.jpg) no-repeat center;}
#main__imgBnr .image span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;}
#main__imgBnr .bnr .box:before {content:'';position:relative;display:block;width:46px;height:46px;margin:0 auto;background-size:cover !important;z-index:2}
#main__imgBnr .bnr1 .box:before {background:url(../../images/main/icon_partner1.png) no-repeat;}
#main__imgBnr .bnr2 .box:before {background:url(../../images/main/icon_partner2.png) no-repeat;}
#main__imgBnr .bnr3 .box:before {background:url(../../images/main/icon_partner3.png) no-repeat;}
#main__imgBnr .bnr4 .box:before {background:url(../../images/main/icon_partner4.png) no-repeat;}
#main__imgBnr .bnr3 .image,
#main__imgBnr .bnr4 .image {float:right;}
#main__imgBnr .box {position:relative;float:right;width:50%;height:100%;padding:40px 10px;background-color:#333;text-align:center;box-sizing:border-box;box-shadow:0 0 1px transparent;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.4s ease-out;-m-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;-webkit-transition-property:color, background-color;-moz-transition-property:color, background-color;-ms-transition-property:color, background-color;-o-transition-property:color, background-color;transition-property:color, background-color;}
#main__imgBnr .bnr3 .box,
#main__imgBnr .bnr4 .box {float:left;}
#main__imgBnr .box h3 {position:relative;margin:20px 0 15px;/*font-weight:700;font-size:16px;*/font-weight:400;font-size:20px;color:#fff;z-index:3}
#main__imgBnr .box p {position:relative;color:#b5b5b5;z-index:3}
#main__imgBnr .main__btn {margin-top:20px;}
#main__imgBnr .main__btn:before {background-color:#333;}
/* hover */
#main__imgBnr .bnr-inner > ul > li:hover .image:before {background-color:#000;}
#main__imgBnr .bnr-inner > ul > li:hover .box {background-color:#999;}
#main__imgBnr .bnr-inner > ul > li:hover .bnr1 .box:before {background:url(../../images/main/icon_partner1_on.png) no-repeat;}
#main__imgBnr .bnr-inner > ul > li:hover .bnr2 .box:before {background:url(../../images/main/icon_partner2_on.png) no-repeat;}
#main__imgBnr .bnr-inner > ul > li:hover .bnr3 .box:before {background:url(../../images/main/icon_partner3_on.png) no-repeat;}
#main__imgBnr .bnr-inner > ul > #main .main__descli:hover .bnr4 .box:before {background:url(../../images/main/icon_partner4_on.png) no-repeat;}
#main__imgBnr .bnr-inner > ul > li:hover .box p {color:#f5f5f5;}
#main__imgBnr .bnr-inner > ul > li:hover .box .main__btn:before {background-color:#fff;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#main__imgBnr .bnr-inner > ul > li:hover .box .main__btn {color:#333;}
#main__imgBnr.active .maxWidth {opacity:1;}
@media screen and (max-width: 1200px){
	#main__imgBnr {height:auto;}
	#main__imgBnr .box {padding:20px 10px;}
	#main__imgBnr .box h3 {margin:10px 0;font-size:14px;}
	#main__imgBnr .box p {font-size:12px;}
	#main__imgBnr .box p br {display:none;}
	#main__imgBnr .bnr-inner > ul > li .bnr {height:245px;}
	#main__imgBnr .bnr .box:before {width:32px;height:32px;}
	/*#main__imgBnr .image img {height:245px;}*/
	#main__imgBnr .box {padding:30px 10px;}
}
@media screen and (max-width: 600px){
	#main__imgBnr .box h3 {margin:15px 0 10px;font-size:14px;}
	#main__imgBnr .bnr-inner > ul > li {width:100%;margin:0;margin-bottom:10px;}
}
@media screen and (max-width: 425px){
	#main__imgBnr .bnr-inner > ul > li {width:49%;margin:0.5%;}
	#main__imgBnr .bnr-inner > ul > li .bnr {height:auto;}
	#main__imgBnr .image {width:100%;height:170px;}
	#main__imgBnr .box {width:100%;height:162px;padding:20px 10px;box-sizing:border-box;}
	#main__imgBnr .box h3 {margin:0 0 3px;font-size:14px;}
	#main__imgBnr .box p {height:54px;}
	#main__imgBnr .bnr .box:before {content:none;}
	#main__imgBnr .main__btn {margin-top:10px;}
}
@media screen and (max-width: 375px){
	#main__imgBnr .bnr-inner > ul > li {width:100%;}
	#main__imgBnr .box {height:auto;}
	#main__imgBnr .box p br {display:block;}
	#main__imgBnr .box p {height:auto;}
}




#main > section#main__catebnr {padding:0 !important;}
#main__catebnr ul {overflow:hidden;}
#main__catebnr li {position:relative;float:left;width:50%;height:275px;border-left:1px solid #f4f4f4;border-top:1px solid #f4f4f4;background-color:#fff;box-sizing:border-box;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-m-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;}
#main__catebnr li.list1,
#main__catebnr li.list3 {border-left:none;}
#main__catebnr li.list1,
#main__catebnr li.list2 {border-top:none;}
#main__catebnr li a {position:relative;display:block;height:100%;padding:0 8%;padding-right:25%;}
#main__catebnr li a:after {content:'';position:absolute;top:0;right:8%;width:50px;height:100%;background-image:url(../../images/main/i_catebnr.png);background-size:100%;background-position:center;background-repeat:no-repeat;}
#main__catebnr li .main__desc {margin-top:25px;margin-bottom:0;font-size:16px;color:#666;text-align:left}
#main__catebnr li.on {background-color:#111;}
#main__catebnr li.on .main__desc {color:#888;}
#main__catebnr li.on a:after {background-image:url(../../images/main/i_catebnr_on.png);}
#main__catebnr li:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;opacity:0;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-m-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .6s ease-out;}
#main__catebnr.active #main__catebnr li.list2:before {opacity:1;transition-delay:1s;}
#main__catebnr.active #main__catebnr li.list3:before {opacity:1;transition-delay:1.5s;}
#main__catebnr.active #main__catebnr li.list4:before {opacity:1;transition-delay:2s;}
#main__catebnr li:hover:before {opacity:1}
#main__catebnr li:hover .main__desc {color:#888;}
#main__catebnr li:hover a:after {background-image:url(../../images/main/i_catebnr_on.png);}
@media screen and (max-width: 1024px){
	#main__catebnr li a img {height:35px;}
	#main__catebnr li .main__desc {font-size:14px;}
}
@media screen and (max-width: 768px){
	#main__catebnr li .main__desc {margin-top:15px}
	#main__catebnr li .main__desc br {display:none;}
}
@media screen and (max-width: 640px){
	#main__catebnr li {height:225px}
}
@media screen and (max-width: 480px){
	#main__catebnr li {width:100%;height:155px}
	#main__catebnr li a img {height:25px;}
	#main__catebnr li a:after {width:40px;}
}







/***********************************************************************
	메인 비지니스 관련 4개 다이어그램
************************************************************************/
#main__business2 {background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;}
#main__business2 .maxWidth {opacity:0;-webkit-transition-duration:0.6s;-m-transition-duration: 0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#main__business2 .main__title {margin-bottom:15px;color:#fff;}
#main__business2 .main__desc {margin-bottom:25px;/*font-size:15px;*/font-size:16px;line-height:22px;color:#ccc;letter-spacing:-0.5px;}
#main__business2 .diagram-ul {position:relative;/*height:92%;*/height:100%;margin:-0.75%;}
#main__business2 .diagram-ul li {position:relative;overflow:hidden;/*position:absolute;left:50%;*/float:left;width:23.5%;margin:0.75%;padding:25px 12px;border:1px solid transparent;text-align:center;box-sizing:border-box;opacity:0;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-m-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;}
#main__business2 .diagram-ul li:before,
#main__business2 .diagram-ul li:after,
#main__business2 .diagram-ul li .diagram:before,
#main__business2 .diagram-ul li .diagram:after {content:'';position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-m-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;}
#main__business2 .diagram-ul li:before,
#main__business2 .diagram-ul li:after {left:0;width:100%;height:1px;background-color:#fff;}
#main__business2 .diagram-ul li:before {top:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-m-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
#main__business2 .diagram-ul li:after {bottom:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-m-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
#main__business2 .diagram-ul li .diagram:before,
#main__business2 .diagram-ul li .diagram:after {top:0;width:1px;height:100%;background-color:#fff;}
#main__business2 .diagram-ul li .diagram:before {left:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-m-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
#main__business2 .diagram-ul li .diagram:after {right:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-m-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
#main__business2 .diagram-ul li:hover:before, 
#main__business2 .diagram-ul li:hover:after,
#main__business2 .diagram-ul li:hover .diagram:before, 
#main__business2 .diagram-ul li:hover .diagram:after {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-m-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

#main__business2 .diagram-ul h3 {margin:45px 0 15px;background-color:transparent;font-weight:500;font-size:20px;color:#fff;letter-spacing:-0.5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-m-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#main__business2 .diagram p {font-size:15px;color:#ccc;line-height:22px;box-sizing:border-box;}
#main__business2 .main__btn {display: flex;align-items: center;justify-content: center;width:130px;margin-top:25px;background-color:transparent;border-color:#ccc;font-size:14px;color:#ccc;}
#main__business2 .main__btn:before {background-color:#111;border:1px solid #111;color:#fff;}
#main__business2 .main__btn:hover:before {-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#main__business2.active .maxWidth {opacity:1}
#main__business2.active .diagram-ul li {opacity:1;}
#main__business2.active .diagram-ul li {opacity:1;}
#main__business2 .diagram-ul li.diagram-list1 {left:15%;}
#main__business2 .diagram-ul li.diagram-list2 {left:26%;}
#main__business2 .diagram-ul li.diagram-list3 {left:51%;}
#main__business2 .diagram-ul li.diagram-list4 {left:75.8%;}
#main__business2.active .diagram-ul li  {left:0 !important;}
@media screen and (max-width: 1024px){
	#main__business2 {height:520px;}
	/*#main__business2 .maxWidth {height:100% !important;}*/
	/*#main__business2 .diagram-ul {height:75% !important;}*/
	#main__business2 .diagram p {font-size:14px;letter-spacing:-1px}
	#main__business2 .diagram p br {display:none;}
}
@media screen and (max-width: 768px){
	#main__business2 {height:455px;}
	#main__business2 .diagram-ul h3 {margin-top:25px;margin-bottom:10px;font-size:14px;}
	#main__business2 .main__btn {margin-top:10px;width:105px;}
	#main__business2 .diagram-ul p {height:55px;font-size:12px;line-height:1.5;}
}
@media screen and (max-width: 600px){
	#main__business2 {height:100%;}
	#main__business2 .diagram-ul h3 {height:auto;}
	#main__business2 .diagram-ul li {position:relative;left:0 !important;width:48.5%;padding:10px 5px;}
	#main__business2 .main__btn {margin-top:10px;}
}
@media screen and (max-width: 480px){
	#main__business2 .diagram p {}
	#main__business2 .diagram-ul h3 {margin-top:15px;letter-spacing:-1px;font-size:13px;}
	/*#main__business2 .diagram-ul li {width:auto;}*/

}





/***********************************************************************
	메인 공지사항
************************************************************************/
#main section#main__notice {height:65px;padding:20px 30px !important;background-color:#fff;box-sizing:border-box;}
#main__notice .maxWidth {position:relative;}
#main__notice .main__title {position:absolute;top:-2px;left:0;margin:0;font-weight:600;font-size:18px;color:#666;text-align:left;}
#main__notice .btn-more {position:absolute;top:0;right:0;width:auto;text-align:right;margin-top:0;}
#main__notice .notice_slider {padding-left:80px;padding-right:115px;}
#main__notice .notice_slider a {overflow:hidden;display:block;font-size:15px;white-space:nowrap;text-overflow:ellipsis;color:#333;}
#main__notice .bx-wrapper {position:static;}
#main__notice .bx-default-pager {display:none;}
#main__notice .bx-wrapper .bx-controls-direction a {top:11px;width:27px;height:27px;background-size:cover !important;}
#main__notice .bx-wrapper .bx-next {right:30px;background:url(../../images/bx/btn_bot.gif) no-repeat;}
#main__notice .bx-wrapper .bx-prev {left:auto;right:60px;background:url(../../images/bx/btn_top.gif) no-repeat;}
@media screen and (max-width: 768px){
	#main section#main__notice {height:45px;padding:10px 10px !important;}
}






/***********************************************************************
	메인 인스타 배너
************************************************************************/
#main #main__insta {padding-top:80px;background-color:#f2f2f2;}
#main #main__insta .maxWidth {max-width:1700px;}
#main #main__insta .main__title {margin-bottom:30px;}
.insta_title {margin-top:33px;font-weight:500;font-size:18px;color:#333;text-align:center;}
.insta_title strong {font-weight:500;}
.insta_title a {overflow:hidden;display:block;margin-top:5px;font-weight:500;color:#666;letter-spacing:0;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-:all 0.4s ease-out;-o-:all 0.4s ease-out}
.insta_title a:hover {color:#333;}
.insta_title i {display:inline-block;margin-right:4px;}
.insta_title i img {vertical-align:middle;margin-top:-4px;}
/*.instaImage img {height:340px;}*/

#main__insta #instafeed {overflow:hidden;}
#main__insta .instafeed_inner {float:left;width:20%;overflow:hidden;}
/*#main__insta .instafeed_inner a {position:relative;width:100%;height:0;padding-top:100%;}*/
#main__insta .img-featured-container {position:relative;width:100%;height:0;padding-top:110%;}
#main__insta .img-responsive {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__insta .description-container {position:absolute;top:100%;left:0;width:100%;height:100%;padding:0 50px;background-color:#111;box-sizing:border-box;opacity:0;transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-ms-:all 0.6s ease-out;-o-:all 0.6s ease-out;z-index:2}
@media screen and (min-width: 1025px){
	#main__insta .instafeed_inner:hover .description-container {opacity:1;top:0;}
}
#main__insta .caption {font-size:14px;color:#fff;line-height:1.6;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
#main__insta #instafeed a {color:#fff;text-align:center;}
#main__insta .description-container strong {display:block;font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:0}
#main__insta .description-container .likes_comm {margin:20px 0;}
#main__insta .likes_comm i {display:inline-block;height:17px;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%;}
#main__insta .likes_comm > span {display:inline-block;margin:0 10px;}
#main__insta .likes_comm .icon.ion-heart {width:17px;background-image:url(../../images/main/i_likes.png);}
#main__insta .likes_comm .icon.ion-chatbubble {width:18px;background-image:url(../../images/main/i_comments.png);}
#main__insta .ocean {background-color:#c29731;}
#main__insta .ocean.open {position:absolute;bottom:0;height:52%;}
#main__insta .wave {top:-198px;background:url(../../images/main/wave2.png) repeat-x;}
#main__insta .l-table {position:relative;z-index:999}
@media screen and (max-width: 768px){
	#main #main__insta {padding:55px 0;}
	.insta_title {font-size:16px;}
}
@media screen and (max-width: 767px){
	#main__insta .instafeed_inner {width:33.3%;}
	.insta_title {margin-top:25px;font-size:16px;letter-spacing:-0.5px}
	.insta_title a {font-size:16px;}
}
@media screen and (max-width: 480px){
	#main__insta .instafeed_inner {width:50%;}
}
@media screen and (max-width: 374px){
	.insta_title {letter-spacing:-1.4px}
}