@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
******************************************************** */
#mainContainer{position:relative}
#mainContainer::before{
	content:'';
	display:block;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	background:
	url(../../img/main_bg.png) no-repeat center center;
	background-size:cover;
	width: 100%;
	height: 1270px;
	z-index: 0;
}

/* ******************  메인 비주얼 ********************** */
#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 .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%;/* 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{margin-left: 3px; display:block;font-size: 24px;font-weight:600;letter-spacing: 0;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{margin-left: -6px; font-size: 70px;line-height: 64px;font-weight: 700;color:#fff;margin-bottom:30px;-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-txt3{font-size: 18px;line-height: 1.4;font-weight: 400;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-txt3 span{font-size: 24px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block;width: 174px;height: 50px;margin-top: 30px;border-bottom: 3px solid #fff;font-size: 15px;font-weight:600;text-align: center;line-height: 50px;/* padding-bottom: 7px; */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 span{
    width: 100%;
    height: 100%;
    display: block;
	transition: all .3s;
}
.main-visual-item .main-visual-txt-con .main-visual-more-btn span:hover{
	 background: #fff;
 color: #222;  
}
.main-visual-item .main-visual-txt-con .main-visual-more-btn em{font-size: 28px;position: relative;top: 2px;padding-left: 40px;}

/* 메인 비주얼 :: 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: 200px;text-align:center;bottom: 17%;left: 15%;}
.main-visual-con .slick-dots li{display:inline-block;margin: 0 14px;}
.main-visual-con .slick-dots li button{
	cursor:pointer;
	margin:0px;
	padding:0px;
	background:none;
	font-size:0;
	width: 8px;
	height: 8px;
	background-color:rgba(255,255,255,0.7);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	z-index: 2;
	position: relative;
}
.main-visual-con .slick-dots li.slick-active{
    position: relative;
}
.main-visual-con .slick-dots li.slick-active::before{content:'';display:block;width:8px;height: 8px;border-radius:50%;background: #eae3e361;position: absolute;top: 42%;left: 0;transform: scale(3.5);z-index: 0;}
.main-visual-con .slick-dots li.slick-active button{
}/* 버튼 active */


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute;width: 100%;bottom: 6%;left:0;text-align: center;z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon img{display: inline-block; vertical-align: middle;}
.main-scroll-icon span{display:inline-block;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: 600;padding-top: 70px;}
.main-sub-tit{margin-bottom: 20px; color:#7ab5c7; 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: 20px;line-height: 1.3;font-weight: 700;letter-spacing: 0;color: #222;}
.ma_icons li p{color:#555;font-size: 16px;line-height: 1.375;font-weight: 400;}
#icon_1 path { stroke:#7ab5c7;stroke-dasharray: 182;stroke-dashoffset: 182;}
#icon_1 polygon {stroke:#7ab5c7;stroke-dasharray:242;stroke-dashoffset:242;}
#icon_1 line {stroke:#7ab5c7;stroke-dasharray: 33;stroke-dashoffset: 33;}
#icon_2 path { stroke:#7ab5c7;stroke-dasharray:180;stroke-dashoffset:180;}
#icon_2 line {stroke:#7ab5c7;stroke-dasharray: 24;stroke-dashoffset: 24;}
#icon_2 rect{stroke:#7ab5c7;stroke-dasharray: 135;stroke-dashoffset: 135;}
#icon_3 path {stroke:#7ab5c7; stroke-dasharray: 213;stroke-dashoffset: 213;}
#icon_3 line {stroke:#7ab5c7;stroke-dasharray:65;stroke-dashoffset:65;}
#icon_3 polygon {stroke:#7ab5c7;stroke-dasharray:88;stroke-dashoffset:88;}
#icon_4 path { stroke:#7ab5c7;stroke-dasharray: 110;stroke-dashoffset: 110;}
#icon_4 polyline {stroke:#7ab5c7;stroke-dasharray: 55;stroke-dashoffset: 55;}
#icon_4 line {stroke:#7ab5c7;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{padding-bottom: 50px;}
/* -------- 메인 컨텐츠 :: 컨텐츠4-------- */
.mainInquiryCon {background:url("../../img/main_inquiry_bg.jpg") 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:#99e7f9; }
.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);  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;} 

/* POP UP */
.about_popup {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #222222cc;z-index: 1000;width: 100%;height: 100%;} 
.about_popup .popup_info { width: 63%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.about_popup .popup_info .art1 {display: flex;background: #fff;justify-content: space-between;align-items: flex-start;padding: 40px;position: relative;border-radius: 13px;} 
.about_popup .popup_info .art1 .box1 {width: 100%;} 
.about_popup .popup_info .art1 .box1 textarea{
    width: 100%;
    height: 300px;
    font-size: 15px;
    padding: 20px;
}

.about_popup .popup_info .art1 .box1 h1 {font-size: 20px;padding-bottom: 30px;} 
 
.about_popup .popup_info .close_btn { color: #fff; border: 1px solid #fff; padding: 14px; position: absolute; top: -63px; right: 0; cursor: pointer; } 
.about_popup .popup_info .close_btn i { font-size: 18px; } 
.about_popup { display:none; } 
.about_popup.show { display: block; } 




/* *===============================================================
미디어 쿼리 시작 
=================================================================*/
@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:50px; line-height: 1.2; margin-bottom:15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{
    font-size: 17px;
}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block;width: 124px;height: 25px;font-size:11px;line-height: 25px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn span{
  margin-bottom: 5px
}
/* 메인 비주얼 :: 버튼 */
.main-visual-con .slick-dots{bottom: 16%;left: 50%;transform: translateX(-50%);width: 100%;}
.main-visual-con .slick-dots li{margin:0 10px;}
.main-visual-con .slick-dots li button{width:5px; height:5px;}
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{bottom: 5%;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}

.ma_icons li .img_box { width: 90px; margin: 0 auto; }
.ma_icons li .img_box img { width: 100%; }

.main-visual-item .main-visual-txt-con .main-visual-txt2 { font-size: 40px; }
.main-visual-item .main-visual-txt-con .main-visual-txt3 { font-size: 14px; line-height: 1.4; }


	/*  popup */
   .about_popup .popup_info .art1{
      padding: 20px;
  }
     .about_popup .popup_info{
      width: 80%;
  }
     .about_popup .popup_info .art1 .box1 h1{
      font-size: 15px;
  }
     .about_popup .popup_info .art1 .box1 textarea{
      font-size: 13px;
  }
     .about_popup .popup_info .close_btn i{
      font-size: 13px;
  }
     .about_popup .popup_info .close_btn{
      top: -50px;
      padding: 10px;
  }
}
