.main {width:100%; text-align:center; margin-top:50px;}
/* main1 */
.main1 {padding:70px 0;}
.main_title p:first-child {font-family:"BMDOHYEON", sans-serif; font-size:50px; color:#fff;}
.main_title p:last-child {font-size:20px; color:#fff; margin-top:20px; margin-bottom:70px;}

/* 메인 슬라이드 효과 (ebi.js에서 동작) */
.sliderObj li a.on{
	position: relative;
}
.sliderObj li a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.sliderObj li a.on::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: .5;
	}
	40% {
		opacity: .5;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: .5;
	}
	40% {
		opacity: .5;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



.sliderWrap {position:relative; height:490px;}
.sliderObj {position:relative; display:block; width:100%;}
.sliderObj ul {position:relative; width:100%; height:100%;}
.sliderObj li {display:inline-block; position:absolute; top:0;}
.sliderObj li a {display:inline-block; position:relative; width:40%; height:100%;}
.sliderObj ul li a {transition:all 0s linear !important; -webkit-transition:all 0s linear !important; -moz-transition:all 0s linear !important;}
.sliderObj li:not(:nth-child(2)) {top:51px;}
.sliderObj li:not(:nth-child(2)) a {width:80%;}
.sliderObj li:not(:nth-child(2)) a img {width:100%;}
.sliderObj li:nth-child(1) {left:70px;}
.sliderObj li:nth-child(2) {width:100%; z-index:100; left:10px;}
.sliderObj li:nth-child(3) {right:50px;}
.sliderObj li a>img {transition:all 0s linear;
		-webkit-transition:all 0s linear;
		-moz-transition:all 0s linear}

.sliderText {position:absolute; display:inline-block; width:100%; left:0; color:#fff; top:50px;}
.sliderText>span {display:block; font-size:22px; font-family:"BMDOHYEON";}
.sliderText font {font-size:15px;}
.sliderText font span {color:#b0f0dd;}
.sliderText .underline {display:block; margin:0 auto; width:20%; padding:10px 0; background:url(../images/main/mainArrow_sect1.png) -60px 5px no-repeat;}
.sliderObj li a:hover .sliderText .underline {background:url(../images/main/mainArrow_sect1.png) -20px 5px no-repeat;}

.sliderBtn {position:absolute; top:96px; left:32%;}
.sliderBtn a {z-index:1000; display:inline-block; position:absolute; width:50px; padding:145px 10px;  opacity:.6;}
.sliderBtn a img {position:absolute; top:45%; left:10px;}
.sliderBtn a:first-child {left:-1;  background:url(../images/main/slide_leftBg.png) 50% no-repeat;}
.sliderBtn a:last-child {left:382px; background:url(../images/main/slide_rightBg.png) 50% no-repeat;}
.sliderBtn a:hover {opacity:1;}
.sliderBtn a:first-child:hover img {left:5px;}
.sliderBtn a:last-child:hover img {left:15px;}

.slider_imgWrap {position:absolute; top:51px; width:100%;}
.slider_imgWrap img {position:absolute; width:345px;}
.slider_imgWrap img:first-child {left:113px; top:0;}
.slider_imgWrap img:last-child {right:94px; top:0;}

/* main2 */
.main2 {position:relative; padding:70px 0; background:#f5f5f5;}
.main2 div[class^="box"] {z-index:100; position:relative; display:inline-block; height:260px; padding:15px; width:33.3333%; float:left;}
.main2 div[class^="box"] a {display:block; width:100%; height:100%; padding:20px; border-radius:10px; text-align:left; border:1px solid #eee}
.main2 div[class^="box"] a>span {display:block; font-size:22px; font-family:"BMDOHYEON";}
.main2 div[class^="box"] a>span .underline2 {display:block; width:100px; padding:10px 0; background:url(../images/main/mainArrow_sect2.png) -90px 5px no-repeat;}
.main2 div[class^="box"] a:hover {border:1px solid #999;}
.main2 div[class^="box"] a:hover .underline2 {background:url(../images/main/mainArrow_sect2.png) -60px 5px no-repeat;}

.main2 .box1 {}
.main2 .box1>div {display:table; width:100%; height:100%;}
.main2 .box1>div>div {display:table-cell;  vertical-align:middle; text-align:center;}

.main2 .box2 a {background:url(../images/main/sect2_box1.png) 50% no-repeat; background-size:cover;}
.main2 .box3 a {background:url(../images/main/sect2_box2.png) 50% no-repeat; background-size:cover;}
.main2 .box4 a {background:url(../images/main/sect2_box3.png) 50% no-repeat; background-size:cover;}
.main2 .box5 a {background:url(../images/main/sect2_box4.png) 50% no-repeat; background-size:cover;}
.main2 .box6 a {background:url(../images/main/sect2_box5.png) 50% no-repeat; background-size:cover;}

/* main3 */
.main3 {padding:70px 0 150px 0;}
.main3 div[class^="box"] {display:inline-block; height:260px; padding:15px; width:33.3333%; float:left;}
.main3 div[class^="box"]>div {position:relative; width:100%; height:100%; border-radius:10px; padding:20px;}

.main3 .box1>div {display:table; width:100%; height:100%;  background:#faeb46;}
.main3 .box1>div:after {z-index:10; content:""; display:inline-block; width:50px; height:50px; background:url(../images/main/smartArrow_first.png) 50% no-repeat; position:absolute; top:35px; right:-47px;}
.main3 .box1>div>div {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.main3 .box1>div>div .title {font-size:22px; font-family:"BMDOHYEON"; padding-bottom:10px; background:url(../images/main/blackBar.png) bottom center no-repeat;}
.main3 .box1>div>div p:last-child {padding-top:10px;}

.main3 .box2>div {padding:0 !important;}
.main3 .box2>div>div {position:relative; display:inline-block; float:left; width:50%; height:50%;}
div[class^="appBox"] a {display:block; width:100%; height:100%;  border:1px solid rgba(0,0,0,.0); border-radius:5px;}
div[class^="appBox"] span {display:block; font-size:14px; padding-top:70px;}
.appBox1 a {background:#e2eefb;}
.appBox2 a {background:#d3e7fc;}
.appBox3 a {background:#aad1fb;}
.appBox4 a {background:#bddcfd;}
.appBox1 span {background:url(../images/main/smart_icon1.png) center 35% no-repeat;}
.appBox2 span {background:url(../images/main/smart_icon2.png) center 35% no-repeat;}
.appBox3 span {background:url(../images/main/smart_icon4.png) center 35% no-repeat;}
.appBox4 span {background:url(../images/main/smart_icon3.png) center 35% no-repeat;}
div[class^="appBox"]:after {z-index:10; content:""; display:inline-block; width:25px; height:25px; position:absolute;}
.appBox1:after {top:40%; right:-25px; background:url(../images/main/smartArrow_1.png) 50% no-repeat;}
.appBox2:after {bottom:-25px; left:43%; background:url(../images/main/smartArrow_2.png) 50% no-repeat;}
.appBox3:after {top:40%; right:0; background:url(../images/main/smartArrow_3.png) 50% no-repeat;}
.main3 .underline3 {display:block; width:110px; height:10px; margin:0 auto; background:url(../images/main/mainArrow_sect3.png) -50px 50% no-repeat;}
div[class^="appBox"] a:hover .underline3 {background:url(../images/main/mainArrow_sect3.png) 50% no-repeat;}

.main3 .box3 {}
.main3 .box3>div {display:table; width:100%; height:100%; padding:0 !important;}
.main3 .box3>div>div {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.main3 .box3>div>div .leftText {display:inline-block; float:left; width:30%; font-size:18px; text-align:center}
.main3 .box3>div>div .leftText p {background:url(../images/main/blackBar.png) 20px bottom no-repeat; padding-top:10px; padding-bottom:10px;}
.main3 .box3>div>div .rightText {display:inline-block; float:left; width:70%; text-align:right;}
.main3 .box3>div>div .rightText p:first-child {font-size:40px;}
.main3 .box3>div>div .rightText p:last-child {font-size:25px;}


/* ******************** 미디어 쿼리 ******************** */
@media screen and (max-width:1200px){
	.sliderBtn a:first-child {left:-12px;}
	.sliderBtn a:last-child {left:369px;}
	.sliderObj li:nth-child(3) {right:10px;}
	.slider_imgWrap img:last-child {right:54px;}
	.theme1 .main2:before {height:400px;}
	
	.main3 .box3>div>div .rightText {width:100%;}
	.main3 .box3>div>div .leftText {width:100%;}
	.main3 .box3>div>div .leftText p {margin-bottom:20px; background:url(../images/main/blackBar.png) center bottom no-repeat}
	.sliderText {left:30px}
}

@media screen and (max-width:992px){
	.main1 {padding:0 0 70px 0;}
	.main p {margin-top:70px;}
	.sliderObj li:nth-child(1) {left:-43px;}
	.sliderObj li:nth-child(2) {left:0;}
	.sliderObj li:nth-child(3) {right:-43px;}
	.sliderObj li a {width:100%;}
	.sliderText .underline {width:13%;}
	.sliderBtn {left:156px;}
	.slider_imgWrap img:first-child {left:0;}
	.slider_imgWrap img:last-child {right:0;}
	.main3 {padding:70px 0;}
	.main3 div[class^="box"] {width:100%;}
	.main3 .box1>div:after {background:url(../images/main/smartArrow_first_mo.png) bottom no-repeat; top:auto; bottom:-45px; right:auto; left:22%;}
	.main3 .box1>div>div .title {margin-top:20px;}
	.main3 .box1>div>div p:last-child {margin-top:10px;}
	.leftText p {margin-top:0; text-align:center;}
	.rightText p {margin-top:0; text-align:center;}
	.sliderText {left:0}
}
@media screen and (max-width:768px){
	/* main1 */
	.main_title p:first-child {font-size:30px;}
	.main_title p:last-child {font-size:18px; margin-bottom:50px;}

	.sliderObj li:nth-child(1) {z-index:3; left:0; top:280px; width:100%;}
	.sliderObj li:nth-child(3) {z-index:2; right:0; top:550px; width:100%;}
	
	.sliderObj li:nth-child(2) {left:0; z-index:4;}
	.sliderObj li img {width:280px !important;}
	.sliderObj li a {width:100%; height:auto;}
	.slider_imgWrap {display:none;}
	.sliderBtn {display:none;}
	.sliderObj li:not(:nth-child(2)) a {width:100%;}
	.main1 {height:1200px;}
	.sliderText .underline {background:url(../images/main/mainArrow_sect1.png) -70px 5px no-repeat;}
	.sliderObj li a:hover .sliderText .underline {background:url(../images/main/mainArrow_sect1.png) -40px 5px no-repeat;}

	/* main2 */
	.main2 {padding:50px 0;}
	.main2 .box1 {display:none !important;}
	.main2 div[class^="box"] {display:block; width:100%; height:220px;}
	
	/* main3 */
	.main3 {padding:50px 0;}
	.main3 .box1>div:after {left:15%;}
}