@charset "utf-8";

/*====================index ����====================*/
.centre{position:relative;display:table; width:100%; height:100%;}
.centre .inner{display:table-cell; vertical-align:middle; width:100%; height:100%;}

.panel .fullpage{overflow:hidden;position:absolute;left:0;top:0;width:100%;} /*���� fullpading�� margin/padding���� ���� �ȵ� (jquery���� �������� ���̰��� fullpage�� ���̰����� ��)*/
.panel .intro h1{font-size:50px;}
.panel .intro p.sub_tit{font-size:24px;}

.sec01{background:#ccc;position:relative;}
.sec01 .scroll{position:absolute; bottom:35px; left:50%; margin-left:-12px;border:2px solid #989694;width:30px; height:50px; border-radius:30px;opacity:0.6;}
.sec01 .scroll img{display:block;padding:5px 0 0 13px;width:5px;}
.sec01 .scroll img.circle_1{padding:10px 0 0 13px;}
.sec01 .scroll img.sc{display:block;padding:7px 0 0 9px;width:12px;}
.sec01 .scroll { animation-name:animate_ex1; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes animate_ex1{
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, 10px);}
	100% {transform:translate(0, 0);}
}

.sec01 .sec01_txtbox{color:#fff;text-align:center; position:relative; z-index:10; margin-top:120px;}
.sec01 .sec01_txtbox h3{ font-family: 'Nanum Myeongjo', serif; font-size:35px;font-weight:600;}
.sec01 .sec01_txtbox p.slide_txtsub1{font-weight:500;padding:20px 0 0 0;font-size:16px; letter-spacing:-0.5px;}
.sec01 .sec01_txtbox p.slide_txtsub2{font-size:12px;font-weight:300;}

.sec02 {background:#f5f5f5;position:relative;}
.sec02 .sec02_txtbox{color:#373737;text-align:center; position:relative; z-index:10; margin-top:100px;}
.sec02 .sec02_txtbox h3{ font-family: 'Nanum Myeongjo', serif; font-size:32px;font-weight:900;}
.sec02 .sec02_txtbox p.slide_txtsub1{font-weight:500;padding:20px 0 0 0;font-size:16px; letter-spacing:-0.5px;}
.sec02 .sec02_txtbox p.slide_txtsub2{font-size:12px;font-weight:300;}
.sec02 ul{margin-top:25px;}
.sec02 ul li{float:left;width:50%;text-align:center; margin-bottom:20px;position:relative;}
.sec02 ul li:first-child{position:relative;}
.sec02 ul li:first-child:after{content:""; position:absolute; top:15px; right:0; width:1px; height:80px; background:#e8e8e8;}
.sec02 ul li:nth-child(3){position:relative;}
.sec02 ul li:nth-child(3):after{content:""; position:absolute; top:15px; right:0; width:1px; height:80px; background:#e8e8e8;}

.sec02 ul li img {width:60px;}
.sec02 ul li p {line-height:1.4; margin-top:10px; font-size:14px;}
.sec02 ul li p > span {color:#68983d;}

.sec02 .scroll{display:none;position:absolute; bottom:35px; left:50%; margin-left:-12px;border:2px solid #989694;width:30px; height:50px; border-radius:30px;opacity:0.6;}
.sec02 .scroll img{display:block;padding:5px 0 0 13px;width:5px;}
.sec02 .scroll img.circle_1{padding:10px 0 0 13px;}
.sec02 .scroll img.sc{display:block;padding:7px 0 0 9px;width:12px;}
.sec02 .scroll { animation-name:animate_ex1; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes animate_ex1{
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, 10px);}
	100% {transform:translate(0, 0);}
}
.sec03 .inner{display:block; height:300px;}
.sec03 .inner .sec03_txtbox{background:url(../images/main_sec03_wbg.jpg)center center no-repeat;color:#373737; text-align:center; z-index:10; position:relative; height:300px; margin-top:-470px;box-shadow:1px 0px 10px -2px #ccc;}
.sec03 .inner .sec03_txtbox h3{ font-family: 'Nanum Myeongjo', serif; font-size:28px;font-weight:900;padding:35px 10px 0 10px;line-height:1.3;}
.sec03 .inner .sec03_txtbox p.slide_txtsub1{font-weight:500;padding:15px 10px 0px 10px;font-size:16px;  letter-spacing:-0.5px;}
.sec03 .inner .sec03_txtbox p.slide_txtsub2{opacity:0.6; font-size:12px;font-weight:300;padding:0 10px 10px 10px;}
.sec03 .inner .sec03_txtbox button.scroll_btn {margin-bottom:20px;}
.sec03 .inner .sec03_txtbox button.scroll_btn .scroll {width:20px;}
.scroll { animation-name:animate_ex1; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear; }
@keyframes animate_ex1{
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, 8px);}
	100% {transform:translate(0, 0);}
}
.sec03 .inner .sec03_bottom{display:none;background:url(../images/index_idx_sc3_1_bg.jpg) center center no-repeat;background-size:cover;}
.sec03 .inner .sec03_bottom.on{display:block;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp{text-align:center;padding-top:20px;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp strong{font-size:18px;color:#373737; display:block;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp strong em{font-size:14px;display:block;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp p{color:#373737; font-size:10px; font-weight:400;padding:65px 0 95px 0; margin-top:-53px;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp span{display:block;color:#050505; font-family: 'Lato', sans-serif; font-size:12px;font-weight:400;}
.sec03 .inner .sec03_bottom .sec03_bottom_grp span em{font-weight:500;}

.sec04{background:url(../images/main_sec04_bg.jpg)center center no-repeat;background-size:cover;text-align:center;}
.sec04 .inner .sec04_txtbox{margin-top:-230px;}
.sec04 .inner .sec04_txtbox h3 {font-family: 'Nanum Myeongjo', serif; font-size:28px;font-weight:900;padding:40px 10px 0 10px;line-height:1.3;}
.sec04 .inner .sec04_txtbox p.slide_txtsub1 {font-weight:500;padding:20px 10px 0px 10px;font-size:16px;  letter-spacing:-0.5px;}
.sec04 .inner .sec04_txtbox p.slide_txtsub2 {opacity:0.8; font-size:12px;font-weight:300;padding:0 10px 0 10px;}
/*====================index ��====================*/


.section
{
	border:1px solid #333;
}
#section-footer #footer-text
{
	width: 80%;
	height: auto;
	margin: 0 auto;
    padding: 20px 0;
}
#section-footer p
{
	text-align: center;
}
p
{
    margin: 0 0 10px;
}


[data-an="fade-up"]{
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-up"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
[data-an-order="1"]{
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
[data-an-order="2"]{
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}
[data-an-order="3"]{
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
[data-an-order="4"]{
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s;
}
[data-an-order="5"]{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.bg-zoom{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /* animation: zoom ease-in-out 3s forwards; */
}