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


		메인 버전 1.  css 	:: BSJ


********************************************************/
#header {border-bottom:none;} 
/*
#header.nav-up {border-bottom:1px solid #111;}
#header.nav-down {border-bottom:1px solid #111;}
*/
.lnb-menu > li > a {color:#fff;}

#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#111;}
#header.type2.open_menu .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}
#header.type2.open_menu.nav-down.nav-top .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top {border-bottom:none;}
/*
#header .logo1 {display:none;}
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
*/

/*
#header__mobile span {background-color:#fff;}
#header.nav-down.nav-top #header__mobile span {background-color:#fff;}
*/

@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
}




/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:0.938rem;font-weight:600;font-size:1.25rem;color:#333;text-align:center;}
.main__title span {display:block;font-size:0.875rem;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:3.75rem;font-size:0.875rem;color:#221916;line-height:1.7;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
}






/*----------------------------------------------------------------------
@ MAIN PIXI SLIDER 
----------------------------------------------------------------------*/
#pixi-slider { position:relative; overflow:hidden; height:100vh;width:100vw;  }
#canvas-container { position: fixed; height: 100vh; min-width: 100vw; top: 0; left: 0; }
#canvas-container:after { content: ''; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); bottom: 0; left: 0; pointer-events: none; }
.slider-wrapper .slider-item .slide-image { display: none; } 
.slider-wrapper .slider-item {position: absolute;top: 50%;left: 10vw;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 15;}
.slider-wrapper .slide-content .slide-content-inner { display: none; }
.slider-wrapper .slide-content .item-cat,
.slider-wrapper .slide-content .item-title, 
.slider-wrapper .slide-content .item-link { opacity: 0; }
.slider-wrapper .slide-content .item-cat { text-transform: uppercase; font-size: 1rem; letter-spacing: .4em; } 
.slider-wrapper .slide-content .item-title { margin: 30px 0; font-weight: 700; font-size: 3.875rem;	/*line-height: 4.5rem; overflow: hidden;*/ }
.slider-wrapper .slider-item:first-child .slide-content-inner { display: block; } 
.slider-wrapper .slider-item:first-child .slide-content-inner .item-cat,
.slider-wrapper .slider-item:first-child .slide-content-inner .item-title,
.slider-wrapper .slider-item:first-child .slide-content-inner .item-link { opacity: 1; }
#pixi-slider .arrows-wrap {position: fixed; bottom: 18px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 100%; }
#pixi-slider .arrows-wrap .slider-nav { width: 80px; height: 80px; float: left; }
#pixi-slider .arrows-wrap .slider-nav--next { float: right; }
#pixi-slider .arrows-wrap .progress-bar { display:none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); height: 3px; width: 150px; background-color: rgba(255, 255, 255, 0.3); border-radius: 10px; }
#pixi-slider .arrows-wrap .progress-bar .progress { position: absolute; top: 0; left: 0; height: 3px; width: 0; background-color: #fff; z-index: 1; -webkit-transition: width 2s ease-in-out;  -o-transition: width 2s ease-in-out; transition: width 2s ease-in-out; }
#pixi-slider .slider-count { display:none; font-family:'Popins'; position: absolute;z-index: 1; top: 50%; right: 10vw; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#pixi-slider .slider-count .current,
#pixi-slider .slider-count .total { font-family:'Popins'; display: inline-block; position: relative; }
#pixi-slider .slider-count .total { font-family:'Popins'; font-size: 1rem; top: -24px; }
#pixi-slider .slider-count .total:before { position: absolute; content: ''; height: 15px; width: 2px; background-color: #fff; left: -7px; top: 4px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }
#pixi-slider .slider-count .current { font-size: 52px;  margin-right: 20px; font-weight: 600; }


/*----------------------------------------------------------------------
@ 메인 SWIPER 
----------------------------------------------------------------------*/
/*.pixi-pagger { width:calc(100% - 150px); left:50%; transform:translateX(-50%);  position:absolute; bottom:40px; font-size:1.25rem; color:#fff;  font-weight:700; z-index:999;  } */
.pixi-pagger { width:calc(100%); height:100vh;  position:absolute; left:0px; top:0px; font-size:1.25rem; color:#fff;  font-weight:700; z-index:99999; } 

#pixi-slider .slider__infos {overflow:hidden;height:100vh; z-index:999; }
#pixi-slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:100%;z-index:999;margin:0 auto;}

/*슬로건*/
#pixi-slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900; color:#fff;}
#pixi-slider .slider__slogun > b.title {margin-bottom:1.875rem; display:block;font-weight:400;font-size:1.563rem; color:rgba(255,255,255,0.5); overflow:hidden; letter-spacing:0.3em; }
#pixi-slider .slider__slogun > b {position:relative;display:block;font-weight:300;font-size:2.813rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#pixi-slider .slider__slogun > b em { color:#00fff6; font-style:normal; font-weight:700; } 
#pixi-slider .slider__slogun > b.subtitle {margin-top:1.875rem; display:block;font-weight:300;font-size:1.563rem;line-height:1;color:#fff;overflow:hidden; word-break:keep-all;}
#pixi-slider .slider__slogun > b > span,
#pixi-slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#pixi-slider .slider__slogun > p {position:relative;margin-bottom:0.625rem;font-weight:400;font-size:1.75rem;line-height:1.47;color:#fff;overflow:hidden; word-break:keep-all;}

#pixi-slider .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:4.37rem; z-index:12; max-width:1170px; width:100%; height:auto;  margin:0 auto; } 
#pixi-slider .swiper-pagination-bullet { display:inline-block;  width:31px; height:10px; border-radius:15px; background:#17294b; margin-right:5px; opacity:1; vertical-align:middle; transition:all 0.4s ease; } 
#pixi-slider .swiper-pagination-bullet-active { width:41px; height:10px; background:var(--point1); opacity:1; } 


/* 수정 : 2021.10.20 */
#pixi-slider .sw-button-prev, #pixi-slider .sw-button-next  { position: fixed; bottom:28px; color:#fff !important; } 
#pixi-slider .sw-button-prev { left:10px ; right:auto;  } 
#pixi-slider .sw-button-next { right:10px ; left:auto;  } 
#pixi-slider .sw-button-prev .fas, #pixi-slider .sw-button-next .fas { font-weight:600 !important; font-size:24px !important; } 

#pixi-slider .swiper-wrapper { height:100% !important; } 

@media screen and (max-width: 1024px){
	#pixi-slider .slider__slogun { margin:0 15px; } 
}
@media screen and (max-width: 768px){
	/*#pixi-slider .swiper_control_wrap { bottom:20px; } */
}
@media screen and (max-width: 540px){
}

@media screen and (max-width: 640px){
	/*
	#canvas-container canvas { width:640px !important; height:900px !important; } 
	*/
	/*
	#canvas-container { height: 80vh; }
	.pixi-pagger { height:80vh !important; } 
	#pixi-slider .slider__infos { height:80vh !important; } 
	*/
	#pixi-slider .swiper_control_wrap { bottom:17%; } 
	#pixi-slider .slider__slogun { margin-top:-3rem; } 
	#pixi-slider .slider__slogun > b { font-size:2.25rem; } 
	#pixi-slider .slider__slogun > p { font-size:1.563rem; } 

}
@media screen and (max-width: 540px){
	/*
	#canvas-container { height: 80vh; }
	.pixi-pagger { height:80vh !important; }
	#pixi-slider .slider__infos { height:80vh !important; } 
	*/
}
@media screen and (max-width: 480px){
	/*
	#canvas-container { height: 65vh; }
	.pixi-pagger { height:65vh !important; }
	#pixi-slider .slider__infos { height:65vh !important; } 
	*/
}






/*----------------------------------------------------------------------
@ FULLPAGE NAVI
----------------------------------------------------------------------*/
#fp-nav ul li { margin:10px 14px; } 
#fp-nav ul li:last-of-type { display:none; } 
#fp-nav ul li a span {  width:8px; height:2px; background:#cccccc; } 
#fp-nav ul li a.active { border-color:revert; border:revert; } 
#fp-nav ul li a.active span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li:hover a span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li .fp-tooltip { font-family:'Josefin Sans'; font-size:13px; color:#fff; font-weight:500; right:30px !important; text-transform:uppercase; transition:all 0.4s ease;} 

.fp-right { font-size:20px; } 



/*----------------------------------------------------------------------
@ SECTION COMMON
----------------------------------------------------------------------*/
body { overflow-x:clip !important;}
.section { position:relative; overflow:hidden !important; background-repeat:no-repeat;background-position:center;background-size:cover;  } 

/*
#section0 { background:url('/common/theme/layout/images/main/section00_bg.jpg') no-repeat; background-size:cover; overflow-x:clip;  } 
#section1 { background:url('/common/theme/layout/images/main/section01_bg.jpg') no-repeat; background-size:cover;   } 
#section2 { background:url('/common/theme/layout/images/main/section02_bg.jpg') no-repeat; background-size:cover; } 
#section3 { background:url('/common/theme/layout/images/main/section03_bg.jpg') no-repeat; background-size:cover; } 
#section4 { background:url('/common/theme/layout/images/main/section04_bg.jpg') no-repeat; background-size:cover;  } 
#section5 { background:url('/common/theme/layout/images/main/section05_bg.jpg') no-repeat; background-size:cover;  } 
#section6 { background:url('/common/theme/layout/images/main/section06_bg.jpg') no-repeat; background-size:cover; ; } 
#section7 { background:url('/common/theme/layout/images/main/section07_bg.jpg') no-repeat; background-size:cover; ; } 
*/

/*.main_v2_video li.active .slider_bg {-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}*/

.section_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; transition:all 13s ease-out;transform: scale(1.3,1.3);  } 
.section_bg1 { background:url('/common/theme/layout/images/main/section01_bg.jpg') no-repeat; background-size:cover; background-position:center; } 
.section_bg2 { background:url('/common/theme/layout/images/main/section02_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section_bg3 { background:url('/common/theme/layout/images/main/section03_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section_bg4 { background:url('/common/theme/layout/images/main/section04_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section_bg5 { background:url('/common/theme/layout/images/main/section05_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section_bg6 { background:url('/common/theme/layout/images/main/section06_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section_bg7 { background:url('/common/theme/layout/images/main/section07_bg.jpg') no-repeat; background-size:cover; background-position:center;} 

.section.active .section_bg { /*-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);*/ animation: zoominout 24s infinite;  } 

@keyframes zoominout { 0% { transform: scale(1.3,1.3); } 50% { transform: scale(1,1); } 100% { transform: scale(1.3,1.3); } }


.main_comm_wrap { display:flex;  height:100%; } 
.main_comm_wrap .main_left { display:flex; align-items:center; width:50%; } 
.main_comm_wrap .main_right { display:flex; width:50%; } 


@media screen and (max-width: 1024px){
	#fullpage { overflow-x:clip !important; } 
} 



@media screen and (max-width: 640px){
	.section_bg1 { background:url('/common/theme/layout/images/main/section01_bg_m.jpg') no-repeat; } 
	.section_bg2 { background:url('/common/theme/layout/images/main/section02_bg_m.jpg') no-repeat; } 
	.section_bg3 { background:url('/common/theme/layout/images/main/section03_bg_m.jpg') no-repeat; } 
	.section_bg4 { background:url('/common/theme/layout/images/main/section04_bg_m.jpg') no-repeat; } 
	.section_bg5 { background:url('/common/theme/layout/images/main/section05_bg_m.jpg') no-repeat; } 
	.section_bg6 { background:url('/common/theme/layout/images/main/section06_bg_m.jpg') no-repeat; } 
	.section_bg7 { background:url('/common/theme/layout/images/main/section07_bg_m.jpg') no-repeat; } 

	/*.section { height:80vh !important; }
	.section .fp-tableCell { height:revert !important; } */
}
@media screen and (max-width: 540px){
	/*.section { height:75vh !important; }*/
}
@media screen and (max-width: 480px){
	/*.section { height:65vh !important; }*/
}




/*----------------------------------------------------------------------
@ MAIN COMMON
----------------------------------------------------------------------*/
section { overflow-x:clip;  } 

.main_title_wrap { position:relative; } 
.main_title { display:; position:relative; font-size:3.125rem; color:#fff; font-weight:800; text-align:left; line-height:1.2; word-break:keep-all;  z-index:8;} 
.main_desc { position:relative; font-size:1.125rem; color:#fff; font-weight:500; margin-top:1.25rem; padding-left:0px; line-height:1.4; word-break:keep-all; z-index:9;}
.main_num { position:absolute; top:-13rem; left:-14rem; right:revert; font-size:20rem; color:#fff; font-weight:600; opacity:0.1; letter-spacing:0; z-index:-1; }

.main_more { position:relative; margin-top:1.563rem; z-index:10;  } 
.main_more a { position:relative; font-size: 0.937rem; font-size:400; color:#fff; z-index:10; letter-spacing:0; } 
.main_more a:after { content:''; position:absolute; left:0px; bottom:-8px; width:100%; height:2px; background:#fff; } 
.main_more a:hover:after { animation: swipe-line 1.25s cubic-bezier(0.475, 0.425, 0, 0.995) forwards; } 

/* 메인 우측정렬들 */
.main_title.rt { text-align:right; } 
.main_desc.rt { text-align:right; }
.main_num.rt { top:-12rem; left:revert; right:-5rem; } 
.main_more.rt { text-align:right; } 
.main_more.rt a:after { left:revert; right:0px; } 

/* Swipe Line */
@keyframes swipe-line {
    0% { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scale(1); transform: scale(1); }
    33% { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); }
    66% { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); transform: scaleX(0); }
    to { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scale(1); transform: scale(1); }
}

@media screen and (max-width: 1200px){
	.main_title { font-size:2rem; } 
}
@media screen and (max-width: 1024px){
	/*
	.main_title { font-size:1.875rem; } 
	.main_title_sub { font-size:1rem; margin-bottom:5px; } 
	.main_subtitle { font-size:0.938rem; } 
	*/
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){

}




/*----------------------------------------------------------------------
@ MAIN SECTION0 
----------------------------------------------------------------------*/
#section0 { }
.section0 { display:flex; color:#fff;  } 
.grid1 { display:flex; flex-direction:column; width:25.35%; margin-right:10px; margin-top:1.875rem; z-index:5;} 
.grid2 { display:flex; flex-direction:column; width:25.35%; margin-right:10px; margin-top:3.6rem; } 
.grid3 { display:flex; flex-direction:column; width:49.3%; } 

.grid4 { display:flex; margin-bottom:10px; } 
.grid4_1 { display:flex; flex-direction:column;width:39.7%; margin-right:10px; } 
.grid4_2 { display:flex; flex-direction:column;width:60.3%;} 

.grid5 { display:flex; } 
.grid6 { display:flex; flex-direction:column; width:52.89%; margin-right:10px; } 
.grid7 { display:flex; flex-direction:column; width:47.11%; } 

.grid8 { display:flex; padding:1.5rem;max-height:115px; background:var(--point1); margin-bottom:10px;  } 
.grid9 { display:flex; } 
.grid10 { display:flex; flex:0 0 auto; align-items:center; justify-content:center; width:73.84%; margin-right:10px; } 
.grid11 { display:flex; flex-direction:column; width:26.16%; } 


.thumb1 ,
.thumb2 ,
.thumb3 ,
.thumb4 ,
.thumb5 { position:relative;overflow:hidden; }


.thumb1 .img {position:relative;width:100%;height:0;padding-top:131.88%;text-align:center; overflow:hidden; transition:all 0.3s; }

/* 강사진이미지*/
.thumb2 .img {position:relative;width:100%;height:0;padding-top:126.08%;text-align:center; overflow:hidden; transition:all 0.3s;}

/* 시설안내이미지*/
.thumb3 .img {position:relative;width:100%;height:0;padding-top:72.22%;text-align:center; overflow:hidden; transition:all 0.3s;}

/* 학과소개이미지 */
.thumb4 .img {position:relative;width:100%;height:0;padding-top:47.56%;text-align:center; overflow:hidden; transition:all 0.3s;}

/* 상담신청 이미지 */
.thumb5 .img {position:relative;width:100%;height:0;padding-top:71.83%;text-align:center; overflow:hidden; transition:all 0.3s;}


.thumb1 .img > img, 
.thumb2 .img > img, 
.thumb3 .img > img, 
.thumb4 .img > img,
.thumb5 .img > img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}


.text1 { position:relative; font-size:1rem; color:#fff; font-weight:700; margin-top:10px; }
.text1:after { content:''; position:absolute; left:0px; bottom:-8px; width:45px; height:2px; background:var(--point1); } 

.text2 { position:relative; font-size:1rem; color:#fff; font-weight:700; margin-bottom:10px; text-align:right; }
.text2:after { content:''; position:absolute; right:0px; top:-8px; width:45px; height:2px; background:var(--point1); } 


.thumb_info { display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:rgba(170,49,54,0.9); padding:1.25rem; opacity:0; transition:all 0.3s ease;  } 
.thumb_info .desc { font-size:1rem; margin-top:0.938rem; line-height:1.25; } 

.thumb_info .more { margin-top:2.188rem;  } 
.thumb_info .more a { position:relative; font-size: 0.75rem; font-size:300; color:#fff; z-index:10; letter-spacing:0; } 
.thumb_info .more a:after { content:''; position:absolute; left:0px; bottom:-8px; width:100%; height:2px; background:#fff; } 
.thumb_info .more a:hover:after { animation: swipe-line 1.25s cubic-bezier(0.475, 0.425, 0, 0.995) forwards; } 

.grid4 .thumb_info .more,
.grid5 .thumb_info .more { margin-top:1rem; } 

.grid8_cont { } 
.grid8_cont .tt { font-size:1.125rem; font-weight:700; margin-bottom:7px;  } 
.grid8_cont .addr { font-size:0.938rem; font-weight:300; line-height:1.66; } 


.grid10_cont { display:flex; width:100%; height:100%; } 
.grid10_cont a { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; background:#191f43; } 
.grid10_cont .text { font-size:1rem; color:#fff; font-weight:600; margin-top:10px; } 

.grid11 a { display:flex; align-items:center; justify-content:center; width:75px; height:60px; background:#2c8faf; margin-bottom:10px; } 
.grid11 a:last-of-type { margin-bottom:0px; } 


.thumb1:hover .thumb_info,
.thumb2:hover .thumb_info,
.thumb3:hover .thumb_info,
.thumb4:hover .thumb_info,
.thumb5:hover .thumb_info { opacity:1; } 

.grid1:hover .img { transform:scale(1.1);  } 
.grid2:hover .img { transform:scale(1.1);  } 
.grid4_1:hover .img { transform:scale(1.1);  } 
.grid4_2:hover .img { transform:scale(1.1);  } 
.grid5:hover .img { transform:scale(1.1);  } 






/*----------------------------------------------------------------------
@ MAIN SECTION1 
----------------------------------------------------------------------*/
#section1 { position:relative; }
#section1 .maxWidth1400 { max-width:1480px; height:100%; } 
#section1 .maxWidth1920 { position:absolute; width:100%; height:100%; margin:0 auto; } 
#section1 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1480px; margin:0 auto;  } 
#section1 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1480px; margin:0 auto;  } 

#section1 .main_left { position:relative; justify-content:center; width:50%; } 
#section1 .main_right { position:relative; width:50%; } 
/*
.main_num { position:absolute; top:-12rem; right:-5rem; font-size:20rem; color:#fff; font-weight:600; opacity:0.1; letter-spacing:0; }
*/
#section1 .main_num { top:-12.5rem; right:-3rem; } 
/*
.img_group { position:absolute; bottom:0px; width:100%; height:100%; max-width:1920px; margin:0 auto;  } 
*/

.section_img { position:absolute; transition:all 0.4s ease-out; }
.section1_img1 { position:absolute; right:124px; bottom:-88px; z-index:1; } 
.section1_img2 { position:absolute; right:5px; bottom:-37px; z-index:2; } 
.section1_img3 { position:absolute; right:208px; bottom:10px; z-index:3; } 
.section1_img_mo { width:100%; position:absolute; bottom:0px; z-index:1; padding:0 15px; text-align:center; transition:all 0.3s; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section1 .main_comm_wrap { flex-direction:column; } 
	#section1 .main_left { width:100%; height:50%; align-items:flex-end; justify-content:flex-end; padding-bottom:4.5rem; padding-right:2.5rem; }
	#section1 .main_right { width:100%; height:50%; }
	#section1 .maxWidth1920 .img_group { display:none; } 
	#section1 .maxWidth1920 .img_group_mo { display:block; } 

	/*#section1.active .section1_img_mo { bottom:52px; transition:all 0.3s; } */
} 
@media screen and (max-width: 820px){ 

}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 480px){
	#section1 .main_left { padding-bottom:2.5rem; padding-right:1.5rem; }
} 





/*----------------------------------------------------------------------
@ MAIN SECTION2 
----------------------------------------------------------------------*/
#section2 { position:relative; }
#section2 .maxWidth1400 { max-width:1920px; height:100%; } 
#section2 .maxWidth1920 { position:absolute; width:100%; height:100%; margin:0 auto; } 
#section2 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1920px; margin:0 auto;  } 
#section2 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1920px; margin:0 auto;  } 

#section2 .main_left { position:relative; width:50%; } 
#section2 .main_right { position:relative; align-items:center; justify-content:center;  width:50%; } 


#section2 .main_title { color:#000; } 
#section2 .main_desc {  color:#000; }
#section2 .main_num { opacity:0.4; }
#section2 .main_more a { color:#111; } 
#section2 .main_more a:after { background:#111; } 

.section2_img1 { left:480px; bottom:-44px; z-index:1; } 
.section2_img2 { left:98px; bottom:-85px; z-index:2; } 
.section2_img3 { left:440px; bottom:-30px; z-index:3; } 
.section2_img4 { left:607px; bottom:350px; z-index:4; } 
.section2_img5 { left:382px; bottom:390px; z-index:5; } 
.section2_img_mo { width:100%; bottom:0px; z-index:1; padding:0 15px; text-align:center; } 


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section2 .main_comm_wrap { flex-direction:column-reverse; } 
	#section2 .main_left { width:100%; height:50%; ;  }
	#section2 .main_right { width:100%; height:50%; align-items:flex-end; justify-content:flex-start; padding-bottom:5rem; padding-left:2.5rem; }
	#section2 .main_num { top:-12.5rem; left:revert; right:-3rem; } 

	#section2 .maxWidth1920 .img_group { display:none; } 
	#section2 .maxWidth1920 .img_group_mo { display:block; } 
} 
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 540px){

} 
@media screen and (max-width: 480px){
	#section2 .main_right { padding-bottom:2.5rem; padding-left:1.5rem; }
} 





/*----------------------------------------------------------------------
@ MAIN SECTION3 
----------------------------------------------------------------------*/
#section3 { position:relative; }
#section3 .maxWidth1400 { max-width:1580px; height:100%; } 
#section3 .maxWidth1920 { position:absolute; width:100%; height:100%; margin:0 auto; } 
#section3 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1580px; margin:0 auto; } 
#section3 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1580px; margin:0 auto;  } 


#section3 .main_left { position:relative; width:50%; justify-content:center; } 
#section3 .main_right { position:relative; width:50%; } 

#section3 .main_num.rt { left:revert; right:-6rem; }


.section3_img1 { right:0px; bottom:-58px; z-index:1; } 
.section3_img2 { right:0px; top:0px; z-index:2; } 
.section3_img3 { right:65px; bottom:-475px; z-index:3; } 
.section3_img4 { /*left:-58px;*/right:493px; bottom:-15px; z-index:4; } 
.section3_img_mo { width:100%; bottom:0px; z-index:1; padding:0 15px; text-align:center; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section3 .main_comm_wrap { flex-direction:column; } 
	#section3 .main_left { width:100%; height:50%; align-items:flex-end; justify-content:flex-end; padding-bottom:5rem; padding-right:2.5rem; }
	#section3 .main_right { width:100%; height:50%; }
	#section3 .maxWidth1920 .img_group { display:none; } 
	#section3 .maxWidth1920 .img_group_mo { display:block; } 
} 
@media screen and (max-width: 820px){ 
}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 480px){
	#section3 .main_left { padding-right:1.5rem; }
} 


/*----------------------------------------------------------------------
@ MAIN SECTION4 
----------------------------------------------------------------------*/
#section4 { position:relative; }
#section4 .maxWidth1400 { max-width:1920px; height:100%; } 
#section4 .maxWidth1920 { display:flex; align-items:center; position:absolute; width:100%; height:100%; margin:0 auto; } 
#section4 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1920px; margin:0 auto; } 
#section4 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1920px; margin:0 auto;  } 


#section4 .main_left { position:relative;  } 
#section4 .main_right { position:relative; align-items:center; justify-content:center; width:50%; } 

#section4 .main_title { color:#fff; } 
#section4 .main_desc {  color:#fff; }
#section4 .main_num { opacity:0.1; left:-5rem;}
#section4 .main_more a { color:#fff; } 
#section4 .main_more a:after { background:#fff; } 

/*.main_num { position:absolute; top:-13rem; left:-14rem; */

/*
.section4_img1 { left:736px; bottom:172px; z-index:1; } 
.section4_img2 { left:0px; bottom:124px; z-index:2; } 
.section4_img3 { left:192px; bottom:-5px; z-index:3; } 
.section4_img4 { left:192px; bottom:-5px; z-index:3; } 
.section4_img5 { left:192px; bottom:-5px; z-index:3; } 
.section4_img6 { left:192px; bottom:-5px; z-index:3; } 
*/
.section4_img1 { left:110px; bottom:189px; z-index:1; } 
.section4_img2 { left:90px; bottom:164px; z-index:2; } 
.section4_img3 { left:537px; bottom:10px; z-index:3; } 
.section4_img4 { left:605px; bottom:275px; z-index:4; } 
.section4_img5 { left:406px; bottom:20px; z-index:5; } 
.section4_img6 { left:820px; bottom:10px; z-index:6; } 

.section4_img_mo { width:100%; bottom:0px; z-index:1; padding:0 15px; text-align:center;} 

/*
@media screen and (max-height: 1080px){
	.section4_img1 { border:1px solid red; } 
	#section4 .maxWidth1920 .img_group { margin-bottom:100px; } 
} 
@media screen and (min-height: 900px){
	.section4_img1 { border:1px solid blue; } 
	#section4 .maxWidth1920 .img_group { margin-bottom:0px; } 
} 
*/

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section4 .main_comm_wrap { flex-direction:column-reverse; } 
	#section4 .main_left { width:100%; height:50%;  }
	#section4 .main_right { width:100%; height:50%; align-items:flex-end; justify-content:flex-start; padding-bottom:3.5rem; padding-left:2.5rem; }
	#section4 .maxWidth1920 .img_group { display:none; } 
	#section4 .maxWidth1920 .img_group_mo { display:block; } 
} 
@media screen and (max-width: 820px){ 

}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 480px){
	#section4 .main_left { padding-left:1.5rem; }
}



/*----------------------------------------------------------------------
@ MAIN SECTION5 
----------------------------------------------------------------------*/
#section5 { position:relative; }
#section5 .maxWidth1400 { max-width:1400px; height:100%; } 
#section5 .maxWidth1920 { position:absolute; width:100%; height:100%; margin:0 auto; } 
#section5 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1400px; margin:0 auto; } 
#section5 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1400px; margin:0 auto;  } 


#section5 .main_left { position:relative; justify-content:center; width:50%; } 
#section5 .main_right { position:relative; align-items:center; justify-content:center; width:50%; } 
.section5_img1 { right:570px; bottom:-50px; z-index:1; } 
.section5_img2 { right:265px; bottom:-200px; z-index:2; } 
.section5_img3 { right:10px; bottom:-150px; z-index:3; } 
.section5_img_mo { width:100%; bottom:0px; z-index:1; padding:0 15px; text-align:center; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section5 .main_comm_wrap { flex-direction:column; } 
	#section5 .main_left { width:100%; height:50%; align-items:flex-end; justify-content:flex-end; padding-bottom:5rem; padding-right:2.5rem; }
	#section5 .main_right { width:100%; height:50%; }
	#section5 .maxWidth1920 .img_group { display:none; } 
	#section5 .maxWidth1920 .img_group_mo { display:block; } 
} 
@media screen and (max-width: 820px){ 
}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 480px){
	#section5 .main_left { padding-right:1.5rem; }
}


/*----------------------------------------------------------------------
@ MAIN SECTION6 
----------------------------------------------------------------------*/
#section6 { position:relative; }
#section6 .maxWidth1400 { height:100%; } 
#section6 .maxWidth1920 { position:absolute; width:100%; height:100%; margin:0 auto;  } 
#section6 .maxWidth1920 .img_group { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1660px; margin:0 auto;  } 
#section6 .maxWidth1920 .img_group_mo { display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:100%; height:100%; max-width:1660px; margin:0 auto;  } 


#section6 .main_left { position:relative; width:50%; } 
#section6 .main_right { position:relative; align-items:center; justify-content:center; width:50%; } 

#section6 .main_num { left:-9.5rem;}

.section6_img1 { left:353px; bottom:100px; z-index:1; } 
.section6_img2 { left:192px; bottom:88px; z-index:2; } 
.section6_img3 { left:48px; bottom:150px; z-index:6; } 
/*.section6_img4 { left:172px; bottom:104px; z-index:4; } */
.section6_img5 { left:0px; bottom:80px; z-index:5; } 
.section6_img_mo { width:100%; bottom:0px; z-index:1; padding:0 15px; text-align:center; } 


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#section6 .main_comm_wrap { flex-direction:column-reverse; } 
	#section6 .main_left { width:100%; height:50%; }
	#section6 .main_right { width:100%; height:50%; align-items:flex-end; justify-content:flex-start; padding-bottom:2.5rem; padding-left:2.5rem; }
	#section6 .maxWidth1920 .img_group { display:none; } 
	#section6 .maxWidth1920 .img_group_mo { display:block; } 
} 
@media screen and (max-width: 820px){ 

}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 480px){
	#section6 .main_left { padding-left:1.5rem; }
}





/*----------------------------------------------------------------------
@ MAIN SECTION 7 (Contact Layout 3 Custom) 
----------------------------------------------------------------------*/
#section7 { position:relative;  } 
#section7 .container { position:relative; }
#section7 .main_title_wrap { text-align:center; } 
#section7 .main_title { font-size:2.625rem; font-weight:600; letter-spacing:0; text-align:center; }
#section7 .main_phone { font-size:3.125rem; color:var(--point1); font-weight:900; margin-top:1.25rem;} 
#section7 .main_desc { font-size:1.063rem; font-weight:400; line-height:1.4; }

#section7 .contact3_cont { max-width:860px; margin:0 auto; margin-top:3.125rem; }
#section7 .form .form_row { margin-bottom:1rem; } 
#section7 .form .form_text { margin-bottom:1rem !important; } 
#section7 .form .form_row > label { display:none; } 
#section7 .form .form_tag label { font-size:0.875rem; color:#666; } 

#section7 .form input[type=text], 
#section7 .form input[type=password] { font-size:0.875rem; color:#fff; border:1px solid #fff; background:transparent;height:3.25rem; padding:0.5rem 1.25rem; border-radius:0;  }
#section7 .form select { font-size:1.063rem; color:#666; border:1px solid #fff; background-color:transparent !important;height:3.25rem; background: url('/common/theme/layout/images/common/select_icon_f.png') no-repeat 93% center; border-radius:0; }
#section7 .form option { color:#fff !important; background-color:#0e0e0e !important; }
#section7 .form select:focus { border:1px solid var(--point1) !important; }
#section7 .form select option:checked, 
#section7 .form select option:checked:hover, 
#section7 .form select option:hover {background-color:#000 !important;color:#fff;}


#section7 .form textarea { font-size:0.875rem; color:#fff; height:10rem; border:1px solid #fff; background:transparent; line-height:1.5; } 
#section7 .form ::-webkit-input-placeholder { color: #666; font-size:1.063rem; font-weight:400; } /* Chrome/Opera/Safari */
#section7 .form input[type=text]:focus,
#section7 .form input[type=password]:focus,
#section7 .form select:focus,
#section7 .form textarea:focus {border-color:var(--point1) !important; box-shadow: 0 0 0.2rem 0.25rem rgba(0, 0, 0, 0.03); }
#section7 .form .form_row input[type="checkbox"] + label span.check { border:1px solid #9fa4ac; } 

#section7 .contact3_btn { position:relative; text-align:center; margin-top:2px; } 
#section7 .contact3_btn a { display:; font-size:1rem; color:#fff; font-weight:600; letter-spacing:0; padding:1rem 3.125rem; background:var(--point2); border-radius:3px; transition:all 0.3s ease; } 
#section7 .contact3_btn a:hover { color:#333; } 
#section7 .contact3_btn a:after { background:#fff; } 
#section7 .contact3_btn .material-icons { font-size:20px; margin-right:5px; }

#section7 .contact { position:relative; margin-bottom:1.875rem; z-index:2; }
#section7 .contact_tt { position:relative; text-align:center; margin-left:2.5rem; margin-bottom:1.875rem; } 
#section7 .contact_tt .tt { font-size:3.125rem; color:#fff; font-weight:900; margin-bottom:10px; }
#section7 .contact_tt .tt span { color:#f6f0ae; }
#section7 .contact_tt .img { position:absolute; left:calc(50% - 20.25rem); transform:translateX(-50%); top:-5rem; } 
#section7 .contact_tt .summ { font-size:1.563rem; color:#fff; font-weight:400; }
#section7 .contact_tt .summ b { font-weight:700; } 
#section7 .contact_circle { text-align:center;}
#section7 .contact_face { position:absolute; bottom:-2.5rem; right:-1.875rem; z-index:0; }

/* Hover */

/* Responsive */
@media screen and (max-width:1200px){
	/*#section6 .container { margin:0 15px; } */
	#section7 .contact3_cont { margin:0 auto; } 
}
@media screen and (max-width:1024px){
	/*#section6 { padding-top:4rem; padding-bottom:4rem; } */
	#section7 .contact_tt .tt { font-size:2.5rem; } 
	#section7 .contact_face { display:none; } 
}
@media screen and (max-width:768px){
	#section7 .container { margin-top:1rem; } 
	#section7 .form { flex-wrap:wrap; } 
	#section7 .form.four .form_row { width:calc((100% / 2) - 1.25rem); } 

	#section7 .contact_tt { margin-left:0rem; }  
	#section7 .contact_tt .tt { font-size:1.875rem; } 
	#section7 .contact_tt .summ { font-size:1.125rem; } 

	#section7 .contact_tt .img { left:calc(50%); transform:translateX(-50%); top:-12rem; } 
	#section7 .contact_tt .img img { max-width:80%; } 
} 
@media screen and (max-width: 640px){
	#section7 { padding-top:0rem !important; padding-bottom:2rem !important; } 
	#section7 .contact_circle { display:none; } 
	#section7 .contact_tt .img { display:inline-block; position:relative; left:revert; transform:revert; top:revert; margin-bottom:1.25rem; } 
	#section7 .contact_tt .img img { max-width:50%; } 
}
@media screen and (max-width: 540px){
}
@media screen and (max-width:480px){
	#section7 .form.four .form_row { width:calc((100% / 1) - 1.25rem); } 
	#section7 .contact_tt .img img { max-width:50%; }  

}
@media screen and (max-width:380px){
	#section7 .form_wrap .form_left { display:none; } 
	#section7 .form_wrap .form_right { width:calc(100%); }

	#section7 .form input[type=text], 
	#section7 .form input[type=password] { height:2.5rem;  }
	#section7 .form select { height:2.5rem; } 

}


/* 개인정보처리방침 */
.private_pop { display:none; position:absolute;left:50%; transform:translateX(-50%); top:50%; transition:all 1s ease; z-index:105;  } 
.con-div { padding-bottom:0; } 
.ti-desc { font-size:0.938rem; word-break:keep-all; } 
.privacy-con { max-width:500px; width:100%; height:-webkit-fill-available; margin:0 auto; background:#000; color:#fff; border:1px solid #fff; } 
.private_close { position:absolute; right:10px; top:15px; } 
.private_close .material-icons { font-size:2.5rem; color:#fff; transition:all 0.3s;} 
.private_close a:hover .material-icons { transform:rotate(180deg); } 

@media screen and (max-width: 640px){
	.private_pop { left:revert; transform:revert;   } 
	.private_close { top:-30px; right:5px; } 
	.privacy-con { max-height:300px; } 
} 




#section8 { position:relative; }
#section8 .container { position:relative; text-align:center; }
.section_bg8 { background:url('/common/theme/layout/images/main/section08_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section8_img .pc { display:block; padding:0 15px;} 
.section8_img .mobile { display:none; padding:0 15px;} 

@media screen and (max-width: 768px){
	.section8_img .pc { display:none; } 
	.section8_img .mobile { display:block; } 
} 



#section9 { position:relative; }
#section9 .container { position:relative; text-align:center; }
.section_bg9 { background:url('/common/theme/layout/images/main/section09_bg.jpg') no-repeat; background-size:cover; background-position:center;} 
.section9_img .pc { display:block; padding:0 15px;} 
.section9_img .mobile { display:none; padding:0 15px;} 

@media screen and (max-width: 768px){
	.section9_img .pc { display:none; } 
	.section9_img .mobile { display:block; } 
}