@media (max-width: 480px){
	.popup_type02 > img {
		width: 100% !important;
	}
	.popup_type02 {
		width: 100%;
		transform: translate(-50%, -80%) !important;
	}
}
.fp-enabled body, html.fp-enabled {-ms-overflow-x: hidden !important;}

#fp-nav.fp-right {z-index: 3;}
.header_wrap.on {border-bottom:0;}
.button {border:1px solid #fff; width:200px; height:60px; border-radius:0.1rem; position:relative; font-size:16px;font-weight:500; display:flex; justify-content:center; align-items:center; overflow:hidden; color:#fff; transition:.3s ease-out;}
.button:hover {background:#e49b3a; border:1px solid #e49b3a;}

.button2 {border:1px solid #222; width:200px; height:62px; border-radius:0.1rem; position:relative; font-size:16px; font-weight:500; display:flex; justify-content:center; align-items:center; overflow:hidden; color:#222; transition:.3s ease-out;}
.button2:hover {background:#e49b3a; border:1px solid #e49b3a; color:#fff;}

  @media screen and (max-width:768px){
	.button, .button2  {margin:0 auto; height:54px;}
  }
  @media screen and (max-width:480px){
	.button, .button2  {width:160px; height:50px; font-size:15px;}
  }


.fp-scroller {height:100%;}
.delay_view {opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0)}

.section {min-width:320px;}

/* section0 */
#section0 {position:relative; min-height:720px; padding-top:0 !important; background:url("../images/main_visual1.jpg") center center no-repeat;}
#section0 a.scroll {position:absolute; bottom:60px; left:50%; margin-left:-25px; width:50px; text-align:center; color:#fff; font-size:14px; font-family:'Open Sans', sans-serif; font-weight:600; z-index:3;}
#section0 a.scroll span {position:relative; display:block; width:24px; height:36px; margin:4px auto 0; border:2px solid #fff; border-radius:50px; box-sizing:border-box;}
#section0 a.scroll span::before {position:absolute; top:4px; left:50%; content:''; width:4px; height:4px; margin-left:-2px; background:#fff; border-radius:100%; -webkit-animation:sdb 1.5s infinite; animation:sdb 1.5s infinite; box-sizing:border-box;}
#section0 .button {margin:0 auto;}

#section0 .top-visual {display:block; position:relative; width:100%; height:100%;}
#section0 .top-visual .list {display:block; width:100%; height:100%;}
#section0 .top-visual .info-box {position:absolute; top:35%; left:0; width:100%; text-align:center;}
#section0 .top-visual .info-box span {position: relative; display:block; font-size:14px; color:#fff; font-family: 'Open Sans', sans-serif; margin-bottom:20px; font-weight:600; line-height:100%; letter-spacing:2px;}
#section0 .top-visual .info-box span::after{content: ''; display: block; position: absolute;  top: -60px; left: calc(50%); transform: translateX(-50%) rotate(90deg); width: 60px; height: 2px; background: #ffc864;}
#section0 .top-visual .info-box h2 {font-family:'AritaBuri', serif; font-size:50px; font-weight:500; color:#fff; letter-spacing:-4px; line-height:140%; margin-bottom:22px;word-break:keep-all;} 
#section0 .top-visual .info-box h5 {font-size:17px; color:#fff; line-height:160%; margin-bottom:26px; font-weight:400; letter-spacing:-1px;}

#section0 .top-visual .info-box .visual-dot-nav {opacity:0;}
#section0 .top-visual .slick-dots {position:absolute; bottom:15%; left:0; width:100%; text-align: center; /*z-index:1000;*/}
#section0 .top-visual .slick-dots li {display:inline-block; position:relative; width:145px; height:100px; margin:0 15px; cursor:pointer; opacity:0.5;}
#section0 .top-visual .slick-dots li span {display:block;}
#section0 .top-visual .slick-dots li:after {content:''; display:block; position:absolute; top:0; left:0; width:145px; height:6px; background-color: rgba(255, 255, 255, 4); opacity:0.5;}
#section0 .top-visual .slick-dots li:before {content:''; display:block; position:absolute; top:0; left:0; width:0; height:6px; background-color: rgba(255, 255, 255, 1); opacity:0;}
#section0 .top-visual .slick-dots .pager-tit {margin-top:27px; color:#fff; font-size:15px; word-break:keep-all; text-align:left; letter-spacing:0.01em;}
#section0 .top-visual .slick-dots .slick-active {opacity:1;}
#section0 .top-visual .slick-dots .slick-active:after {border:1px solid rgba(214, 214, 214, 1); background-color: rgba(255, 255, 255, 0); box-sizing:border-box; opacity:1;}
#section0 .top-visual .slick-dots .slick-active:before {width:145px; border:1px solid rgba(214, 214, 214, 1); background-color: rgba(255, 255, 255, 1); box-sizing:border-box; opacity:1; transition:width 4s ease;}

/* ��� */
#section0 .top-visual .slick-current .info-box .tit {opacity:1; transform:translate(0px, 0px); transition:all 0.4s ease-in-out;}
#section0 .top-visual .slick-current .info-box .txt {opacity:0.6; transform:translate(0px, 0px); transition:all 0.4s ease-in-out;}
#section0 .top-visual .slick-current .info-box .main_txt {opacity:.8;}
#section0 .on .top-visual .slick-current .info-box .tit {opacity:1; transform:translate(0px, 0px); transition:all 0.4s ease-in-out;}
#section0 .on .top-visual .slick-current .info-box .txt {opacity:1; transform:translate(0px, 0px); transition:all 0.4s ease-in-out;}

@-webkit-keyframes sdb {
	0% {-webkit-transform:translate(0, 0);  opacity:0;}
	40% { opacity:1;}
	80% {-webkit-transform:translate(0, 8px); opacity:0;}
	100% {opacity:0;}
}
@keyframes sdb {
	0% {transform:translate(0, 0); opacity:0;}
	40% {opacity:1;}
	80% { transform:translate(0, 8px); opacity:0;}
	100% {opacity:0;}
}
@media all and (max-width:1400px) {
	#section0 {min-height:auto;}

	#section0 a.scroll {bottom:40px;}
}
@media all and (max-width:1200px) {
	#section0 .top-visual .info-box h2 {font-size:36px;}
}
@media all and (max-width:768px) {
	#section0 .top-visual .info-box span {font-size:12px;}
	#section0 .top-visual .info-box h2 {font-size:30px; letter-spacing:-2px;} 
	#section0 .top-visual .info-box h5 {font-size:16px; letter-spacing:0;}

	#section0 .top-visual .slick-dots {bottom:20%;}
	#section0 .top-visual .slick-dots li {width:100px; height:auto; margin:0 10px;}
	#section0 .top-visual .slick-dots li:after {width:100px; height:6px;}
	#section0 .top-visual .slick-dots .slick-active:before {width:100px;} 
	#section0 .top-visual .slick-dots .pager-tit {display:none;}
}
@media all and (max-width:520px) {
	#section0 a.scroll {display:none;}
}
@media all and (max-width:480px) {
	/* #section0 .top-visual .info-box {top:25%;} */
	#section0 .top-visual .info-box span {font-size:11px;margin-bottom:16px;}
	#section0 .top-visual .info-box h2 {font-size:24px; margin-bottom:16px;} 
	#section0 .top-visual .info-box h5 {font-size:14px;  margin-bottom:26px;}

	#section0 .top-visual .slick-dots {bottom:14%;}
	#section0 .top-visual .slick-dots li {width:60px; margin:0 10px;}
	#section0 .top-visual .slick-dots li:after {width:60px; height:4px;}
	#section0 .top-visual .slick-dots li:before {height:4px;}
	#section0 .top-visual .slick-dots .slick-active:before {width:60px;} 
}


/* section1 */
#section1 {position:relative; height:100%; min-height:720px; overflow:hidden; background:url("../images/main_section1.jpg") center center no-repeat; background-size:cover;}
#section1 .title {width:100%; color:#fff; position:absolute; top:calc(20%); left:0; text-align:center; -webkit-transition:all .5s; transition:all .5s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}
#section1 .title span {display:block; font-size:14px; margin-bottom:20px;font-family:'Open Sans', sans-serif; font-weight:600; line-height:100%; letter-spacing:2px;}
#section1 .title h2 {display:block; font-family: 'AritaBuri', serif; font-size:46px; font-weight:400; letter-spacing:-2px;word-break:keep-all; line-height:120%;}
#section1 .title h2 strong {font-weight:600;}
#section1 .title p {font-size:17px; font-weight:400; }
#section1 .menu_box {width:1200px; margin: 60px auto 0;}
#section1 .menu_box li {float:left; width:380px; height:459px; background:rgba(255,255,255,0.1); text-align:center; color:#fff; padding:40px 0 0; -webkit-transition:all .3s; transition:all .3s; box-shadow: 0px 24px 41px 17px rgba(76, 45, 32, 0.7);}
#section1 .menu_box li:first-child { background:#e49b3a url(../images/main_menu01_dec.png) no-repeat -20% -18%;}
#section1 .menu_box li:nth-child(2) {background:#89431e url(../images/main_menu02_dec.png) no-repeat 108% 38%;}
#section1 .menu_box li:last-child { background:#4a5936 url(../images/main_menu03_dec.png) no-repeat center 42%;}

#section1 .menu_box li+li {margin-left:30px;}
#section1 .menu_box li .desc {margin-bottom:20px;}
#section1 .menu_box li .desc img {margin-bottom:48px; -webkit-transition:all .3s; transition:all .3s; }
#section1 .menu_box li:first-child .desc img { box-shadow: 11px 23px 10px -5px rgba(204, 94, 13, 0.4); border-radius: 50%;}
#section1 .menu_box li:nth-child(2) .desc img { box-shadow: 11px 23px 10px -5px rgba(73, 18, 4, 0.3); border-radius: 50%;}
#section1 .menu_box li:last-child .desc img { box-shadow: 11px 23px 10px -5px rgba(21, 31, 11, 0.3); border-radius: 50%;}

#section1 .menu_box li .desc strong {display:block; font-family: 'AritaBuri', serif; font-size:30px; font-weight:600; margin-bottom:14px;}
#section1 .menu_box li .desc p {font-size:17px;}
#section1 .menu_box li a.button {margin:0 auto; opacity:0;}
#section1 .menu_box li a.button:hover {color:#222; background:#fff; border:1px solid #fff;}

/* #section1 .menu_box li:hover {padding:40px 0 0;} */
#section1 .menu_box li:hover .desc img {margin-bottom:18px;}
#section1 .menu_box li:hover a.button {opacity:1;}
#section1 .more { width: 100%;font-size: 17px; text-align: center; color: #fff; position: absolute; bottom: 11%;left: 50%;transform: translateX(-50%);}
#section1 .more a {color: #fff;}
#section1 .more .more_arr {margin: 0 0 0 10px;-webkit-animation: side-to-side 1.2s infinite ease-out;-ms-animation: side-to-side 1.2s infinite ease-out; animation: side-to-side 1.2s infinite ease-out;}

/**----------------------------------------
animation side-to-side
----------------------------------------
 **/
@-webkit-keyframes side-to-side{
	0%, 100% {-webkit-transform:translateX(1px)}
	74% {-webkit-transform:translateX(28px)}
}
@-ms-keyframes side-to-side{
	0%, 100% {-ms-transform:translateX(1px)}
	74% {-ms-transform:translateX(28px)}
}
@keyframes side-to-side{
	0%, 100% {transform:translateX(1px)}
	74% {transform:translateX(28px)}
}


@media all and (max-width:1200px) {
	#section1 {min-height:auto;}
	#section1 .title h2 {font-size:36px;}
	#section1 .menu_box {width:100%; margin:100px auto 0;}
	#section1 .menu_box li {float:left; width:32%; padding:60px 0;}
	#section1 .menu_box li+li {margin-left:2%;}
	#section1 .menu_box li .desc strong {font-size:30px;}

	#section1 .menu_box li:hover {padding:50px 0;}
	#section1 .menu_box li:hover .desc strong {font-size:30px; font-weight:300;}
}

@media all and (max-width:768px) {
	#section1 {background:url("../images/main_section1.jpg") 80% center no-repeat; background-size:cover;}
	#section1 .title {display:none;}

	#section1 .menu_box {height:100%; margin:0 auto; padding: 50px 20px 30px 20px;}
	#section1 .menu_box li {float:none; width:100%; height:28%; padding:20px 0; display:flex; align-items:center; justify-content:center;}
	#section1 .menu_box li:first-child {background: #e49b3a;}
	#section1 .menu_box li:nth-child(2) {background: #89431e;}
	#section1 .menu_box li:last-child {background: #4a5936;}
	#section1 .menu_box li+li {margin-left:0; margin-top:2%;}
	#section1 .menu_box li .desc img {width:80px; height: 80px; margin: 0 auto;}
	#section1 .menu_box li .desc img.m_rgt{margin-right: -7px !important;}
	#section1 .menu_box li .desc .txt_box {display: flex; flex-direction: column; justify-items: center; align-items: center;width: 48%;margin: 0 auto;}
	#section1 .menu_box li .desc {margin-bottom:0px; display: flex;}
	#section1 .menu_box li .desc strong {font-size:28px;}
	#section1 .menu_box li .desc p {font-size:14px; letter-spacing:0;}
	#section1 .menu_box li a.button {display:none;}

	#section1 .menu_box li:hover {padding:0;}
	#section1 .menu_box li:hover .desc img {margin-bottom:0px;}
	#section1 .menu_box li:hover .desc strong {font-size:28px; font-weight:300;}
	#section1 .more {bottom: 7%; font-size: 14px;}
}
@media all and (max-width:480px) {
	#section1 {padding:0;}
	#section1 .menu_box li {padding:25px 0;}
	/* #section1 .menu_box li .desc img {width:80px; height: 80px;margin: 0 auto 0 20px;} */
	#section1 .menu_box li .desc strong {font-size:20px; margin-bottom:4px;}
	#section1 .menu_box li .desc p {font-size:12px;}
	#section1 .menu_box li:hover .desc strong {font-size:20px;}
	
} 


/* section2 */
#section2 {position:relative; height:100%; min-height:720px; overflow:hidden; background:url("../images/main_section2.jpg") center center no-repeat; background-size:cover;}
#section2 .button {margin: 0 auto;}
#section2 .frame {width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: center; align-items:center; padding:20px 0 40px;}
#section2 .frame .desc {text-align: center;}
#section2 .frame .desc span {display:block; font-size:14px; color:#fff;font-family:'Open Sans', sans-serif; margin-bottom:20px; font-weight:600; line-height:100%; letter-spacing:2px;}
#section2 .frame .desc h2 { font-family: 'AritaBuri', serif; font-size:46px; font-weight:500; color:#fff; letter-spacing:-4px; line-height:120%; margin-bottom:22px;word-break:keep-all;} 
#section2 .frame .desc h5 {font-size:17px; color:#fff; line-height:160%; margin-bottom:36px; font-weight:400; letter-spacing:-1px;}

@media all and (max-width:1200px) {
	#section2 .frame {width:100%; padding:20px 20px 40px;}
	#section2 .frame .desc h2 {font-size:36px;}
	#section2 .frame .img {width:60%;}
	#section2 .frame .img img {max-width:100%;}
}

@media all and (max-width:768px) {
	#section2 {min-height:auto; background:url("../images/main_section2.jpg") left center no-repeat; background-size:cover;}
	#section2 .frame {display:flex;align-items:center;}
	#section2 .frame .desc {text-align:center; width:100%; float:none;}
	#section2 .frame .desc span {font-size:12px;}
	#section2 .frame .desc h2 {font-size:30px; letter-spacing:-2px;}
	#section2 .frame .desc h5 {font-size:16px; letter-spacing:0px;}
	#section2 .frame .img {display:none;}
}

@media all and (max-width:480px) {
	#section2 .frame .desc span {font-size:11px; margin-bottom:16px;}
	#section2 .frame .desc h2 {font-size:24px; margin-bottom:16px;}
	#section2 .frame .desc h5 {font-size:14px; margin-bottom:26px;}
}


/* section 3 */
#section3 {position:relative;}
#section3 .title {width:100%; color:#fff; position:absolute; top:calc(20%); left:0; text-align:center; -webkit-transition:all .5s; transition:all .5s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}
#section3 .title span {display:block; font-size:14px; margin-bottom:20px;font-family:'Open Sans', sans-serif; font-weight:600; line-height:100%; letter-spacing:2px;}
#section3 .title h2 {display:block; font-family:'Noto Serif KR', serif;  font-size:50px; font-weight:300; letter-spacing:-4px;word-break:keep-all; line-height:120%;}
#section3 .title h2 strong {font-weight:600;}

#section3 ul.list {height:100%; min-height:720px; overflow:hidden; z-index:1; display:flex;}
#section3 ul.list li {display:block; width:33.33333%; height:100%; position:relative;overflow:hidden;}
#section3 ul.list li:first-of-type {background:url("../images/main_section3_bg1.jpg") center center no-repeat; background-size:cover;}
#section3 ul.list li:nth-of-type(2) {background:url("../images/main_section3_bg2.jpg") center center no-repeat; background-size:cover;}
#section3 ul.list li:last-of-type {background:url("../images/main_section3_bg3.jpg") center center no-repeat; background-size:cover;}
#section3 ul.list li .txt_wrap {height:100%; width:100%;}
#section3 ul.list li .txt_wrap .txt {color:#fff; width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; -webkit-transition:all .7s; transition:all .7s;}
#section3 ul.list li .txt_wrap .txt img { margin:20px auto 30px; display:block; -webkit-transition:all .3s; transition:all .3s;}
#section3 ul.list li .txt_wrap .txt strong {font-family: 'AritaBuri', serif; width:100%; text-align:Center; display:block; font-size:46px; font-weight:500; -webkit-transition:all .3s; transition:all .3s; margin-bottom:15px;}
#section3 ul.list li .txt_wrap .txt p {text-align:center; font-size:17px; color:#fff; -webkit-transition:all .3s; transition:all .3s;}
#section3 ul.list li .txt_wrap .txt p br {display:none;}
#section3 ul.list li .txt_wrap .txt .click {display:none; text-align:center; margin-top:30px;}
#section3 ul.list li .txt_wrap .txt .click a {margin:0 auto;}

#section3 ul.list li:hover .txt_wrap .txt {top:calc(47%);}
#section3 ul.list li:hover .txt_wrap .txt img {margin-top:0;}
#section3 ul.list li:hover .txt_wrap .txt .click {display:block;}

@media all and (max-width:1600px) {
	#section3 .title h2 {font-size:40px;}
}
@media all and (max-width:1280px) {
	#section3 {padding:0 !important;}
	#section3 .title {top:calc(24%);}
	/* #section3 ul.list li .txt_wrap .txt {top:calc(60%);} */
	#section3 ul.list li .txt_wrap .txt img { margin-bottom:10px;}
	#section3 ul.list li .txt_wrap .txt strong {font-size:20px;}
	#section3 ul.list li:hover .txt_wrap .txt {top:calc(54%);}

	#section3 ul.list li .txt_wrap .txt .click {padding:0 20px; margin-top:40px;}
	#section3 ul.list li .txt_wrap .txt .click a {width:50%;height:52px; line-height:50px;}
}
@media all and (max-width:1000px) {
	#section3 ul.list {min-height:auto;}
	#section3 ul.list li .txt_wrap .txt .click {margin-top:30px;}
	#section3 ul.list li .txt_wrap .txt .click a {height:52px; line-height:50px;}
	#section3 ul.list li .txt_wrap .txt p br {display:block;}
}
@media all and (max-width:960px) {
	#section3 .subject h2 {font-size:25px;}
	/* #section3 ul.list li .txt_wrap .txt {top:calc(66%);} */
	#section3 ul.list li:hover .txt_wrap .txt {top:calc(60%);}
}
@media all and (max-width:768px) {
	#section3 .title {display:none;}
	#section3 ul.list {flex-direction:column;}
	#section3 ul.list li {width:100%; padding:0; overflow:hidden; height:33.3333%;}
	#section3 ul.list li .txt_wrap {display:flex; align-items:center; justify-content:center;}
	#section3 ul.list li .txt_wrap .txt {top: 0;transform: none; position:relative; margin-top:10px;}

	#section3 ul.list li .txt_wrap .txt img {/*display:none;*/ width: 70px;}
	#section3 ul.list li .txt_wrap .txt strong {display:block; font-size:30px; font-weight:500;color:#fff;}
	#section3 ul.list li .txt_wrap .txt p {display:block; font-size:16px;}

	#section3 ul.list li:hover .txt_wrap .txt {top:0px;}
	#section3 ul.list li:hover .txt_wrap .txt .click {display:none;}
}

@media all and (max-width:480px) {
	#section3 ul.list li .txt_wrap .txt img {width: 40px;}
	#section3 ul.list li .txt_wrap .txt strong {font-size:24px; margin-bottom: 5px;}
	#section3 ul.list li .txt_wrap .txt p {font-size:14px;}
	#section3 ul.list li:hover .txt_wrap .txt {top: calc(40%);}
}
@media all and (max-width:320px) {
	#section3 ul.list li .txt_wrap .txt img {display: none;}
	#section3 ul.list li .txt_wrap .txt{top: calc(30%);}
}



/* 하단 배너  */
.banner-box {position:absolute;left:0;bottom:0;width:100%;height:auto;transition:all .5s ease-out;transform:translateY(100%);height:auto;}
.banner-box.view {transform:translateY(0);}

.main-banner:after {content:"";display:block;clear:both;}
.main-banner > div {overflow:hidden;position:relative;float:left;width:50%;text-align:center;background:#000; height:160px; display:flex; align-items:center; justify-content:center;}
.main-banner > div > a {display:block;position:relative;font-family: 'Arita-buri-SemiBold'; color:#fff; font-size:30px;}
.main-banner > div > a img {margin-left:12px; vertical-align:center;}
.main-banner > div .bg {position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;}
.main-banner > div.banner-left > .bg {background:url(/images/main_section6_bg1.jpg) center top no-repeat; background-size:cover;}
.main-banner > div.banner-right > .bg {background:url(/images/main_section6_bg2.jpg) center center no-repeat; background-size:cover;}
.main-banner > div:hover .bg {transform:scale(1.05);opacity:0.7;}

@media all and (max-width:768px) {
	.main-banner > div {float:left; width:100%; height:120px;}
	.main-banner > div > a {font-size:20px;}
}

@media all and (max-width:480px) {
	.main-banner > div {height:80px;}
	.main-banner > div > a {font-size:18px;}
}