@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1560px ){
	.main-visual-item .main-visual-pc-img img{max-width: 45%;}
}
@media all and ( max-width: 1220px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:45px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:19px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{width: 155px; height: 58px; line-height: 58px; font-size:15px; text-indent: 20px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn:before{height: 58px;}
}
@media all and ( max-width: 1024px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:40px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:17px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{width: 135px; height: 54px; line-height: 54px; font-size:13px; text-indent: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn:before{height: 54px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn img{margin-left: 13px;}
}
@media all and ( max-width: 800px ){
	#mainVisual{height:auto;}
	.main-visual-item{height: 720px !important; padding: 35px 0 155px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item{background: #00a7d9 url("../images/main/main_visual_bg_m.png") center top no-repeat; -webkit-background-size: cover; background-size: cover;}
	.main-visual-item.item02{background: #7b66cc url("../images/main/main_visual_bg_m02.png") center top no-repeat; -webkit-background-size: cover; background-size: cover;}
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block; height: auto;}
	.main-visual-m-img img{display: block; max-width:60%; margin: 0 auto;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{margin-top: 25px; position: static; transform: translateY(0); text-align: center;}
	.main-visual-txt-inner {width: 100%; float: none;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:27px; margin-bottom: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:13px; margin-bottom: 17px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{margin: 0 auto; width: 110px; height: 38px; line-height: 38px; font-size:12px; text-indent: 12px; text-align: left;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn:before{height: 38px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn img{margin-left: 8px; height: 16px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display: none !important;}
	/* 메인 비주얼 :: Dots */
	.main-visual-dot{bottom:27px;}
	.main-visual-dot-wrapper{width: 100%; display: inline-block; float: none; text-align:center;}
	.main-visual-dot-list{margin: 0;}
	.main-visual-dot-list a{margin: 0 10px; width: 90px !important; float: none !important; display: inline-block !important;}
	.main-visual-dot-list a .img{width: 80px; height: 80px;}
	.main-visual-dot-list a .img img{max-width: 80%; max-height: 80%;}
	.main-visual-dot-list a p{margin-top: 8px; font-size: 11px;}
}
@media all and ( max-width:640px ){
	.main-visual-m-img img{max-width:80%;}
}
@media all and ( max-width:560px ){
	.main-visual-m-img img{max-width:90%;}
}
@media all and ( max-width:480px ){
	.main-visual-item{height: 645px !important;}
	.main-visual-m-img img{max-width:93%;}
}
@media all and ( max-width:460px ){
	.main-visual-m-img img{max-width:100%;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
@media all and (max-width:1720px){
	/* 공지사항 */
	.main-notice-list li:nth-child(4)~*{display: none;}
	/* 문의전화 */
	.main-online-img{visibility: hidden;}
}
@media all and (max-width:1540px){
	/* 공지사항 */
	.main-notice-list li:nth-child(3)~*{display: none;}
	/* 문의전화 */
	.main-online-group {top: 17%; left: 12%; right: 12%;}
}
@media all and (max-width:1420px){
	.main-quick-inner{-webkit-border-radius: 40px; border-radius: 40px;}
	/* 공지사항 */
	.main-notice-tit p {font-size: 22px;}
	.main-notice-tit a{margin-top: -11px;}
	.main-notice-tit a i {font-size: 22px;}
	/* 각 메뉴 바로가기 */
	.main-quick-tit h5{font-size: 22px;}
	.main-quick-tit p{font-size: 16px;}
	/* 문의전화 */
	.main-online-group {top: 15%; left: 10%; right: 10%;}
	.main-online-tit{font-size: 22px;}
	.main-online-txt{margin-top: 15px;}
	.main-online-txt .call {font-size: 20px;}
	.main-online-txt .time {margin-top: 15px; font-size: 13px;}
}
@media all and (max-width:1280px){
	.main-quick-inner{-webkit-border-radius: 35px; border-radius: 35px;}
	/* 공지사항 */
	.main-notice-tit a{margin-top: -10px;}
	.main-notice-tit a i {font-size: 20px;}
	.main-notice-list {margin-top: 30px;}
	.main-notice-list li {margin-top: 15px;}
	.main-notice-list li a{font-size: 14px;}
	/* 각 메뉴 바로가기 */
	.main-quick-tit h5{font-size: 20px;}
	.main-quick-tit p{margin-top: 7px; font-size: 14px;}
	/* 문의전화 */
	.main-online-tit{font-size: 20px;}
	.main-online-txt .call {font-size: 18px;}
}
@media all and (max-width:1160px){
	/* 공지사항 */
	.main-notice-tit a{margin-top: -9px;}
	.main-notice-tit a i {font-size: 18px;}
	/* 각 메뉴 바로가기 */
	.main-quick-inner{-webkit-border-radius: 30px; border-radius: 30px;}
	.main-quick-tit h5{font-size: 18px;}
	.main-quick-tit p{font-size: 13px;}
	/* 문의전화 */
	.main-online-tit{font-size: 18px;}
	.main-online-txt .call {font-size: 16px;}
}
@media all and (max-width:1024px){
	#mainQuickCon .area-box{max-width: 800px; margin: 0 auto;}
	.main-quick-con{margin: -0.95%;}
	.main-quick-item{width: 48.1%; margin: 0.95%;}
	.main-quick-item.item01{width: 98.1%;}
	.main-quick-inner{-webkit-border-radius: 45px; border-radius: 45px;}
	.item01 .main-quick-inner{padding-top: 50%;}
	/* 공지사항 */
	.main-notice-group{position: absolute; margin: auto; top: 12%; bottom: 12%; left: 10%; right: 10%;}
	.main-notice-tit{position: relative;}
	.main-notice-tit p{font-size: 24px; letter-spacing: -0.5px; color: #111;}
	.main-notice-tit a{position: absolute; display: inline-block; top: 50%; margin-top: -12px; right: 0;}
	.main-notice-tit a i{font-size: 24px; color: #111;}
	.main-notice-list{margin-top: 45px;}
	.main-notice-list li{margin-top: 22px;}
	.main-notice-list li:nth-child(3)~*{display: block;}
	.main-notice-list li a{display: block; width: calc(100% - 90px); position: relative; padding-left: 90px; font-size: 15px; line-height: 1.2; letter-spacing: -0.25px;}
	.main-notice-list li a:before{position: absolute; bottom: -3px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.main-notice-list li a .date{position: absolute; top: 0; left: 0; color: rgba(34,34,34,0.4); font-weight: 400; display: inline-block;}
	.main-notice-list li a p{color: rgba(34,34,34,0.9); font-weight: 400;}
	/* 각 메뉴 바로가기 */
	.main-quick-img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;/* top: 13.6%; */ text-align: center;}
	.main-quick-img img{display: none;}
	.main-quick-tit{position: absolute; width: 100%; left: 0; top: 68.7%; font-weight: 600; letter-spacing: -0.5px; color: #fff; text-align: center;}
	.main-quick-tit h5{font-size: 26px;}
	.main-quick-tit p{margin-top: 10px; font-size: 18px;}

	.item02 .main-quick-inner:before, .item03 .main-quick-inner:before, .item04 .main-quick-inner:before, .item05 .main-quick-inner:before{position: absolute; display: block; content: ''; width: 256px; height: 256px; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s;; transition: all 0.3s;}
	.item02 .main-quick-inner:before{left: -138px; top: -148px;}
	.item03 .main-quick-inner:before{right: -114px; bottom: -128px;}
	.item04 .main-quick-inner:before{right: -100px; top: -115px;}
	.item05 .main-quick-inner:before{left: -167px; bottom: -114px;}
	/* 문의전화 */
	.main-online-group{position: absolute; top: 20%; left: 15%; right: 15%; letter-spacing: -0.5px; color: #fff;}
	.main-online-tit{font-size: 26px; font-weight: 600;}
	.main-online-txt{margin-top: 20px;}
	.main-online-txt .call{display: block; position: relative; padding-left: 24px; font-size: 24px; line-height: 1.4; font-weight: 600; color: #fff;}
	.main-online-txt .call i{position: absolute; top: 6px; left: 0; font-size: 18px;}
	.main-online-txt .time{margin-top: 20px; font-size: 14px; line-height: 1.6;}
	.main-online-img{visibility: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%;/* bottom: 7%; right: 6%; */}
}
@media all and ( max-width: 800px ){
	#mainQuickCon {padding: 25px 0 60px;}
	.main-quick-con{margin: 0;}
	.main-quick-item{width: 100%; margin: 0; margin-top: 12px;}
	.main-quick-item.item01{width: 100%; margin-top: 0;}
	.main-quick-inner{-webkit-border-radius: 15px; border-radius: 15px;}
	.main-quick-inner, .item01 .main-quick-inner{height: 130px; padding-top: 0;}
	/* 공지사항 */
	.main-notice-group{position: static; padding: 24px 9% 0;}
	.main-notice-tit p{font-size: 18px;}
	.main-notice-tit a{margin-top: -7px;}
	.main-notice-tit a i{font-size: 19px;}
	.main-notice-list{margin-top: 20px;}
	.main-notice-list li{margin-top: 15px;}
	.main-notice-list li:nth-child(2)~*{display: none;}
	.main-notice-list li a{width: calc(100% - 78px); padding-left: 78px; font-size: 12px;}
	.main-notice-list li a:before{display: none;}
	/* 각 메뉴 바로가기 */
	.main-quick-img{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 9%; bottom: auto; left: auto; width: auto; height: auto; background: none !important;}
	.main-quick-img img{display: block; max-height: 100px;}
	.main-quick-tit{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 9%; text-align: left;}
	.main-quick-tit h5{font-size: 20px;}
	.main-quick-tit p{display: block; margin-top: 8px; font-size: 14px;}
	.item02 .main-quick-inner:before, .item03 .main-quick-inner:before, .item04 .main-quick-inner:before, .item05 .main-quick-inner:before{display: none;}
	/* 문의전화 */
	.main-online-group{padding: 0 9%; position: static; height: 130px; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.main-online-tit{display: inline-block; vertical-align: middle; font-size: 20px;}
	.main-online-txt{display: inline-block; vertical-align: middle;  margin-top: 0; margin-left: 6.9%;}
	.main-online-txt .call{padding-left: 20px; font-size: 15px;}
	.main-online-txt .call i{top: 3px; font-size: 14px;}
	.main-online-txt .time{margin-top: 10px; font-size: 11px;}
	.main-online-img{top: auto; left: auto; width: auto; height: auto; bottom: 15%; right: 5%; background: none !important;}
	.main-online-img img{display: block; max-height: 53px;}
}