@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2021-04-14
******************************************************** */
/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:932px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual:before{position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 83px; background: url("../../img/main_visual_cover.png") center bottom no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 2;}
#mainVisual.full-height{height:1030px;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item:after{content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;heighT: 100%;background: rgba(0,0,0,0.15);z-index: 0;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	background-repeat:no-repeat; 
	background-position:50% 50%;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-pc-img.visual1{ background-image:url(../../img/main_visual1.jpg);}
.main-visual-item .main-visual-pc-img.visual2{ background-image:url(../../img/main_visual2.jpg);}
.main-visual-item .main-visual-pc-img.visual3{ background-image:url(../../img/main_visual3.jpg);}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; bottom: 200px; left:0px; width:100%; z-index: 1;/* top:50%; margin-top:-121px; */} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:18px; font-weight:600; letter-spacing:2px; color:#fff; margin-bottom:20px; text-shadow: 1px 1px 2px rgba(0,0,0,0.38);}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:48px;line-height: 60px;font-weight: 600;color:#fff;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;text-shadow: 1px 1px 2px rgba(0,0,0,0.38);}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:block;width: 198px;height: 50px; margin-top: 30px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border: 3px solid #fff;font-size:14px;font-weight:600;-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.38);-moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.38);box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.38);text-align: center;line-height: 50px;color:#fff;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn:hover{}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}

/* 메인 비주얼 :: 버튼 */
.main-visual-con .slick-dots{position:absolute; width:100%; text-align:center; bottom:40px;}
.main-visual-con .slick-dots li{display:inline-block; margin:0 10px;}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:10px; height:10px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#123863;}/* 버튼 active */


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; width: 100%; bottom:125px; left:0; text-align:left; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon img{display: inline-block; vertical-align: middle;}
.main-scroll-icon span{display:inline-block; margin-left: 15px; vertical-align: middle; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit{text-align: center;color: #151515;font-size: 43px;font-weight: 500;letter-spacing: -0.25px;}
.main-sub-tit{margin-bottom: 20px; color:#123863; font-size:20px; text-align: center; display:block}
@keyframes animal {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

/* -------- 메인 컨텐츠 :: 컨텐츠1-------- */
#mainContent1{position: relative; text-align: center; padding-bottom:120px}
#mainContent1 .middle-line{display: inline-block; width: 2px; height:75px; background-color: #ddd; margin-bottom:25px;}
.move-down{opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: all .8s ease;transition: all 1s ease;}
.scroll-active-animate .move-down{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.ma_icons {display: flex; margin-top:100px}
.ma_icons li {flex: 1;text-align: center;}
.ma_icons li .icon svg {transition: all .5s;}
.ma_icons li:hover .icon svg {transform: translateY(-5px);transition: all .5s;}
.ma_icons li .icon svg {height: 70px;}
.ma_icons li h2 {margin: 20px 0;font-size: 21px;line-height: 100%; font-weight: 400;letter-spacing: -0.5px; color: #222;}
.ma_icons li p{color:#555;font-size: 16px;line-height: 1.375;font-weight: 400;}
#icon_1 path { stroke:#123863;stroke-dasharray: 182;stroke-dashoffset: 182;}
#icon_1 polygon {stroke:#123863;stroke-dasharray:242;stroke-dashoffset:242;}
#icon_1 line {stroke:#123863;stroke-dasharray: 33;stroke-dashoffset: 33;}
#icon_2 path { stroke:#123863;stroke-dasharray:180;stroke-dashoffset:180;}
#icon_2 line {stroke:#123863;stroke-dasharray: 24;stroke-dashoffset: 24;}
#icon_2 rect{stroke:#123863;stroke-dasharray: 135;stroke-dashoffset: 135;}
#icon_3 path {stroke:#123863; stroke-dasharray: 213;stroke-dashoffset: 213;}
#icon_3 line {stroke:#123863;stroke-dasharray:65;stroke-dashoffset:65;}
#icon_3 polygon {stroke:#123863;stroke-dasharray:88;stroke-dashoffset:88;}
#icon_4 path { stroke:#123863;stroke-dasharray: 110;stroke-dashoffset: 110;}
#icon_4 polyline {stroke:#123863;stroke-dasharray: 55;stroke-dashoffset: 55;}
#icon_4 line {stroke:#123863;stroke-dasharray: 45;stroke-dashoffset: 45;}
.ma_icons li .icon svg path,
.ma_icons li .icon svg polygon,
.ma_icons li .icon svg polyline,
.ma_icons li .icon svg circle,
.ma_icons li .icon svg rect,
.ma_icons li .icon svg line { transition: all 3s;}
.ma_icons li .icon svg.on path,
.ma_icons li .icon svg.on polyline,
.ma_icons li .icon svg.on polygon,
.ma_icons li .icon svg.on circle,
.ma_icons li .icon svg.on rect,
.ma_icons li .icon svg.on line {stroke-dashoffset: 0 !important;}
#mainContent1 .btn_center{ text-align:center; margin-top:80px}

/* -------- 메인 컨텐츠 :: 컨텐츠2-------- */
#mainContent2{ padding-bottom:100px; position:relative;}
#mainContent2:after{width: 100%;height: 45%;background-color: #f4f5f5; position: absolute;bottom: 0;left: 0; z-index: -1; content:""; display:block;}
#mainContent2 .main_vod_box {position: relative;z-index: 2;height: 574px; border-radius: 15px; background: #000;font-size: 0;overflow: hidden; width:100%}

/* -------- 메인 컨텐츠 :: 컨텐츠3-------- */
#mainContent3{ background:#f4f5f5;padding-bottom: 50px;}
/* -------- 메인 컨텐츠 :: 컨텐츠4-------- */
.mainInquiryCon {background:url("../../img/main_inquiry_bg.png") no-repeat; background-size:cover; padding:90px 0 100px;}
.mainInquiryCon .main-inquiry-con .left-con {float:left; width:51%; padding-right:7.8%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; }
.mainInquiryCon .main-inquiry-con .inquiry-tit {font-size: 36px; letter-spacing:-0.75px; font-weight:500; color:#fff;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li {margin-top:25px; color:#fff;/*  padding: 18px 0; */ border-bottom:1px solid rgba(255,255,255,0.4); }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li:first-child {margin-top: 50px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li .inquiry-info .info-tit {width: 25%; display:inline-block; text-align:left; font-size: 16px; letter-spacing:0; color:#fff; position:relative; padding-left: 45px; padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li .inquiry-info .info-tit i {position:absolute; left:7px; top:50%; margin-top:-11px;  font-size: 20px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input {background-color: transparent; border:0; width:73%; color: rgba(255,255,255,0.6);  padding: 18px 0; }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::placeholder {color: rgba(255,255,255,0.6); font-size:15px; letter-spacing:-0.75px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::-webkit-input-placeholder  {color: rgba(255,255,255,0.6); font-size:15px; letter-spacing:-0.75px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::-ms-input-placeholder {color: rgba(255,255,255,0.6); font-size:15px; letter-spacing:-0.75px;}
.mainInquiryCon .main-inquiry-con .right-con {float:right; width:48%; padding-top:48px;} 
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box {position:relative; }
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box .agreement-link {display:inline-block; position:absolute; right:0; font-size: 14px; color:rgba(255,255,255,0.7); }
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit {font-size: 16px;color:rgba(255,255,255,0.7); }
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit i {margin-right: 10px;}
.mainInquiryCon .main-inquiry-con .right-con input[type="checkbox"] {display:none; -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/ -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
.mainInquiryCon .main-inquiry-con .right-con input[type="checkbox"] + label span {position:relative; display:inline-block; }
.mainInquiryCon .main-inquiry-con .right-con input[type="checkbox"]:checked + label span {color:#fff; }
.mainInquiryCon .main-inquiry-con .right-con .text-area {margin-top:20px; position:relative; background-color: rgba(255,255,255,0.33);  border:1px solid rgba(255,255,255,0.4); -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; width:100%; height:216px; padding: 30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; }
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt {position:absolute; top:30px; left:30px; color:#fff; font-size:16px; z-index:0;}
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt i {color: rgba(255,255,255,0.8); margin-right:6px; }
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt span {font-size:15px; color: rgba(255,255,255,0.75); margin-left: 7px;}
.mainInquiryCon .main-inquiry-con .right-con .text-area textarea {position:relative; z-index:10;width:100%; height:100%;  color:#fff; background-color: transparent; border:0; resize:none; }
.mainInquiryCon .main-inquiry-con .right-con .main-form-btn {margin-top:25px; display:block; border:2px solid #fff; height:63px; width:100%}
.mainInquiryCon .main-inquiry-con .right-con .main-form-btn span {display:block;font-size:23px; color:#fff; font-weight:600; text-align:center; line-height: 63px;}
.mainInquiryCon .main-inquiry-con .right-con .main-form-btn:hover {background-color:rgba(0,0,0,0.1); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}



/* 오버효과 */
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit:hover {color:#fff;} 
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box .agreement-link:hover {color:#fff;} 



/* *===============================================================
미디어 쿼리 시작 
=================================================================*/
@media all and (min-width:800px){



}

@media all and (max-width:1220px){
.mainInquiryCon .main-inquiry-con .left-con {padding-right: 3%}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li .inquiry-info .info-tit {font-size:14px; padding-left: 40px; width:30%; }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input {width:65%;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::placeholder { font-size:13px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::-webkit-input-placeholder  {font-size:13px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::-ms-input-placeholder {font-size:13px;}
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box .agreement-link {top:30px}
.mainInquiryCon .main-inquiry-con .right-con .text-area {margin-top:40px;}
}
/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1080px ){
/* -------- 메인 컨텐츠 :: 컨텐츠1-------- */	
.ma_icons li h2 {margin:15px 0;font-size:18px;line-height: 100%;}
.ma_icons li p {font-size:14px;}
/* -------- 메인 컨텐츠 :: 컨텐츠2-------- */	
#mainContent2{padding-bottom: 80px;}
#mainContent2 .main_vod_box{ height:50vh}
}
@media all and ( max-width: 925px ){
/* -------- 메인 컨텐츠 :: 컨텐츠1-------- */	
#mainContent1{ padding-bottom:80px}
.ma_icons{margin-top: 50px;flex-wrap: wrap;flex-grow: 2;}	
.ma_icons li {flex: none;width: 50%;margin-top:35px;}
.ma_icons li:nth-child(1),.ma_icons li:nth-child(2) { margin-top: 0;}
.ma_icons li .icon svg {height: 55px;}
}

@media all and ( max-width: 800px ){
#mainVisual{height: auto;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item .main-visual-pc-img{display:none;}
.main-visual-item .main-visual-m-img{display:block;position: relative;height: 100%;}
.main-visual-m-img img{position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%);}
/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{bottom: 22%;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display: none;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:26px; line-height: 1.2; margin-bottom:15px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; width: 98px; height: 25px; border: 2px solid #fff; font-size:11px; line-height: 25px;}
/* 메인 비주얼 :: 버튼 */
.main-visual-con .slick-dots{bottom:5%;}
.main-visual-con .slick-dots li{margin:0 10px;}
.main-visual-con .slick-dots li button{width:5px; height:5px;}
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{bottom:13%; left:0;}
.main-scroll-icon img{height: 13px;}
.main-scroll-icon span{margin-left: 7px; font-size: 11px;}

/* ******************  메인 컨텐츠 ********************** */
/* 공통 :: 타이틀 */
.main-tit{font-size: 35px;}
.main-sub-tit{margin: 0 0 10px; font-size:14px;}

/* - 메인 컨텐츠 :: 컨텐츠1 - */
#mainContent1{padding-bottom:45px}
#mainContent1 .middle-line{width: 2px; height: 50px; margin-bottom:15px;}
.ma_icons li p {font-size: 12px;}

/* -------- 메인 컨텐츠 :: 컨텐츠2-------- */	
#mainContent2{padding-bottom:50px;}

/* -------- 메인 컨텐츠 :: 컨텐츠4-------- */
.mainInquiryCon{padding:30px 0 70px;}
.mainInquiryCon .main-inquiry-con .inquiry-tit { font-size: 23px;}
.mainInquiryCon .main-inquiry-con .left-con {float:none; width:100%;}
.mainInquiryCon .main-inquiry-con .right-con {float:none; width:100%; padding-top:24px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li {/* padding:10px 0;  */margin-top:15px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li .inquiry-info .info-tit {font-size: 13px; }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input::placeholder  {font-size:13px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li .inquiry-info .info-tit i {font-size: 16px; margin-top:-8px;}
.mainInquiryCon .main-inquiry-con .main-inquiry-list li input {width: 68%;padding:10px 0;  }
.mainInquiryCon .main-inquiry-con .main-inquiry-list li:first-child {margin-top:10px;}
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box {padding-bottom:20px; }
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit {font-size:13px; }
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit i {font-size: 18px; margin-right: 6px;}
.mainInquiryCon .main-inquiry-con .right-con input[type="checkbox"]:checked + label span {font-weight:500;}
.mainInquiryCon .main-inquiry-con .right-con .agreement-tit-box .agreement-link {right:auto; left:0; bottom:0; font-size:12px;margin-top:10px;}
.mainInquiryCon .main-inquiry-con .right-con .text-area {padding: 20px 15px; height: 151px;}
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt {top:20px; left:15px; font-size:13px;}
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt i {font-size: 20px;}
.mainInquiryCon .main-inquiry-con .right-con .text-area .main-textarea-txt span {font-size:13px;}
.mainInquiryCon .main-inquiry-con .right-con .main-form-btn {margin-top:15px; height: 44px;}
.mainInquiryCon .main-inquiry-con .right-con .main-form-btn span {font-size: 17px; line-height:44px;}


}
@media all and ( max-width: 600px){
/* - 메인 컨텐츠 :: 컨텐츠1 - */
.ma_icons li h2{ font-size:16px}
#mainContent1 .btn_center{ margin-top:45px}	
/* - 메인 컨텐츠 :: 컨텐츠1 - */
#mainContent2 .main_vod_box {height: 32vh;}
}

@media all and ( max-width: 500px){
.main-visual-m-img img{ height:100%}
/* ******************  메인 컨텐츠 ********************** */
/* 공통 :: 타이틀 */
.main-tit{font-size: 26px;}
	
}

@media all and ( max-width: 480px){
.main-visual-item .main-visual-txt-con .main-visual-txt2 br{ display:none }
.ma_icons li h2 {font-size: 14px; margin-bottom: 7px;letter-spacing:-0.4px}	
.ma_icons li p{ letter-spacing:-0.4px}
.ma_icons li p br{ display:none}
}