/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1600px){
/* footer */
	.footer .f_info {max-width:760px;}
	.footer .contacts {gap:30px;}
	.footer .contacts strong {font-size:16px;}
	.footer .contacts b {font-size:22px;}
	.footer .gboxs {max-width:calc(100% - 800px);}
/* main */
	.mvisual_area .box {height:44vw;}
	.mvisual_area .txt strong {font-size:2.708vw;}
	.mvisual_area .txt dl,
	.mvisual_wrap .links .halfs a {font-size:1.1458vw;}
	.mvisual_wrap .links .wide a {font-size:1.25vw; height:4vw;}
	.mvisual_wrap .links .wide a + a {margin-top:.6vw;}
	.mvisual_wrap .links .halfs {margin-top:2vw; gap:1vw;}
	.mvisual_wrap .links .halfs a {width:calc(50% - .5vw); height:10vw; padding:1.25vw;}
	.mvisual_wrap .links .halfs a:after {width:4vw; height:4vw;}
	.mvisual_wrap .info .tt {font-size:1.5vw;}
	.mvisual_wrap .info p {font-size:1vw;}
	.mc01 .box .state,
	.mc01 .btns a {font-size:1.0417vw;}
	.mc01 .box .tit {font-size:2.2917vw;}
	.mc02 .con .box {padding:1.6667vw;}
	.mc02 .con b {font-size:16px;}
	.mc02 .con strong {font-size:22px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
/* header */
	.header .logo {left:20px;}
	.header .gnb .menu > a {font-size:18px; padding:0 20px;}
	.header .right {right:20px;}
/* footer */
	.footer .gotop {bottom:50px; right:20px; width:60px; height:60px; font-size:15px;}
	.footer.unfixed .gotop {bottom:calc(100% - 30px);}
	.footer .f_info {width:100%; max-width:100%;}
	.footer .link {font-size:15px;}
	.footer .name {font-size:22px; margin:20px 0;}
	.footer .address {gap:8px;}
	.footer .address span {font-size:15px; gap:8px;}
	.footer .contacts {gap:20px; margin-top:30px;}
	.footer .contacts li {padding-left:74px;}
	.footer .contacts li:before {width:60px; height:60px;}
	.footer .contacts strong {font-size:15px;}
	.footer .contacts b {font-size:20px; margin-top:6px;}
	.footer .gboxs {width:100%; max-width:100%; display:flex; align-items:flex-start; gap:20px; margin-top:20px;}
	.footer .gboxs strong {font-size:20px;}
	.footer .gboxs p {font-size:15px; margin-top:14px;}
	.footer .gboxs div.gbox {padding:30px; margin-bottom:14px;}
	.footer .gboxs a.gbox {padding:20px;}
/* main */
	.mvisual_wrap {padding:0 20px; gap:2vw;}
	.mvisual_wrap .links {width:calc(100% - 66vw);}
	.mcon {padding:120px 0;}
	.mtit {font-size:33px; margin-bottom:50px;}
	.mcon .more {font-size:16px; width:160px; padding-bottom:6px;}
	.mc01 {margin-top:100px; padding-top:100px;}
	.mc01 .inner {gap:4%;}
	.mc01 .mc01_slide {width:50%;}
	.mc01 .box .state {font-size:1.4vw; line-height:4vw; height:4vw; padding:0 20px;}
	.mc01 .box .tit {font-size:2.6vw; margin-top:10px;}
	.mc01 .txtbox {width:46%;}
	.mc01 .navi {margin-top:40px;}
	.mc01 .navi .slick-dots span {width:70px;}
	.mc01 .navi .arrow {width:36px; height:36px;}
	.mc01 .btns {margin-top:80px; gap:10px;}
	.mc01 .btns a {width:calc(50% - 5px); font-size:1.5vw; line-height:60px; padding:0 24px;}
	.mc01 .btns a i {right:24px; width:20px;}
	.mc02 {padding-bottom:140px;}
	.mc02 .tit {width:30%;}
	.mc02 .prev {margin-right:10px;}
	.mc02 .con {width:70%;}
	.mc02 .con .slick-list {margin:0 -7px;}
	.mc02 .con .slick-slide {padding:0 8px;}
	.mc02 .con .txt {padding-top:26px;}
	.mc02 .con b {font-size:14px;}
	.mc02 .con strong {font-size:20px;}
	.mc03 .list {gap:20px;}
	.mc03 .list a {width:calc((100% - 60px)/4); padding:30px 24px 100px;}
	.mc03 .list .type {font-size:14px; margin-bottom:20px;}
	.mc03 .list .tit {font-size:22px; height:71px;}
	.mc03 .list p {padding-top:26px; margin-top:26px; font-size:16px;}
	.mc03 .list .date {bottom:30px; left:24px; font-size:16px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.header .gnb .menu:hover > a {color:#000;}
	.mvisual_wrap .links .halfs a:hover {background: #22B573; color: #fff; border-color: #22B573;}
	.mvisual_wrap .links .halfs a.i1:hover:after {background-image: url(/pub/images/icon_mv01_hover.svg);}
	.mvisual_wrap .links .halfs a.i2:hover:after {background-image: url(/pub/images/icon_mv02_hover.svg);}
	.mvisual_wrap .links .halfs a.i3:hover:after {background-image: url(/pub/images/icon_mv03_hover.svg);}
	.mvisual_wrap .links .halfs a.i4:hover:after {background-image: url(/pub/images/icon_mv04_hover.svg);}
	.mvisual_wrap .links .wide a:hover {background: #fff; color: #22B573; border-color: #22B573;}
	.mc01 .btns a:hover {color:#fff;}
	.mc01 .btns a:hover:before {width:100%;}
	.mc01 .btns a:hover:after {border-color:transparent;}
	.mc01 .btns a:hover i {background:#fff;}
	.mc02 .con .box:hover {border-width: 2px; border-color:#22B573; box-shadow:0px 4px 20px 0px rgba(0,0,0,.08);}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1250px){
	.header .gnb .menu > a {font-size:15px; padding:0 8px;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header {height:80px;}
	.header .logo {line-height:80px; z-index:1;}
	.header.on .logo {pointer-events:none;}
	.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; background:#fff; flex-direction:column; align-items:center; opacity:0; transition:.2s linear;}
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .menu > a {font-size:18px; line-height:60px;}
	.header .right {position:relative; right:0; height:auto; padding-top:20px;}
	.header .right .btn {font-size:16px; line-height:40px; height:42px; padding:0 24px; border-radius:22px;}
	.header .btn_menu {position:absolute; top:0; right:20px; width:28px; height:100%; z-index:10;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-9px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:7px;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
/* main */
	.mvisual_wrap {flex-direction:column; gap:2vw; margin-top:110px;}
	.mvisual_area {width:100%; border-radius:15px;}
	.mvisual_wrap .info {width:30%;}
	.mvisual_wrap .info .tt {font-size:2vw;}
	.mvisual_wrap .info p {font-size:1.6vw;}
	.mvisual_wrap .links {width:100%; display:flex; align-items:flex-start; gap:2vw;}
	.mvisual_wrap .links .wide,
	.mvisual_wrap .links .halfs {width:calc(35% - 1vw);}
	.mvisual_area .box {height:57vw;}
	.mvisual_area .txt {top:10vw; left:40px;}
	.mvisual_area .txt strong {font-size:4vw;}
	.mvisual_area .txt dl {font-size:1.8vw;}
	.mvisual_wrap .navi {bottom:12vw; left:40px;}
	.navi .slick-dots li {font-size:15px;}
	.navi .slick-dots span {width:60px;}
	.mvisual_wrap .links .wide a {height:85px; padding:0 16px; font-size:13px;}
	.mvisual_wrap .links .wide a + a {margin-top:10px;}
	.mvisual_wrap .links .wide a:after {right:10px; width:24px;}
	.mvisual_wrap .links .wide a.btn_payback i {width:24px; height:24px; margin-left:6px;}
	.mvisual_wrap .links .halfs {gap:10px; margin-top:0;}
	.mvisual_wrap .links .halfs a {width:calc(50% - 5px); height:133px; font-size:14px; padding:10px;}
	.mvisual_wrap .links .halfs a:after {bottom:20px; right:20px; width:40px; height:40px;}

	.mcon {padding:90px 0;}
	.mtit {font-size:24px; margin-bottom:30px;}
	.mcon .more {font-size:15px; width:140px; padding-bottom:5px;}
	.mc01 {margin-top:80px; padding-top:80px;}
	.mc01 .inner {gap:2%;}
	.mc01 .mc01_slide {width:40%;}
	.mc01 .box .state {font-size:1.6vw; line-height:5vw; height:5vw;}
	.mc01 .box .tit {font-size:2.8vw;}
	.mc01 .txtbox {width:58%;}
	.mc01 .navi {margin-top:30px;}
	.mc01 .navi .slick-dots span {width:60px;}
	.mc01 .navi .arrow {width:32px; height:32px;}
	.mc01 .btns {margin-top:60px; gap:8px;}
	.mc01 .btns a {width:calc(50% - 4px);}
	.mc02 {padding-bottom:100px;}
	.mc02 .tit {width:25%;}
	.mc02 .arrow {width:50px; height:50px; margin-top:50px;}
	.mc02 .prev {margin-right:8px;}
	.mc02 .con {width:75%;}
	.mc02 .con .slick-list {margin:0 -5px;}
	.mc02 .con .slick-slide {padding:0 6px;}
	.mc02 .con .box {padding:20px; border-radius:12px;}
	.mc02 .con .txt {padding-top:20px;}
	.mc02 .con b {font-size:13px;}
	.mc02 .con strong {font-size:18px;}
	.mc03 .list {gap:20px; flex-wrap:wrap;}
	.mc03 .list a {width:calc(50% - 10px); padding:20px 20px 80px;}
	.mc03 .list .type {font-size:13px; margin-bottom:15px;}
	.mc03 .list .tit {font-size:18px; height:58px;}
	.mc03 .list p {padding-top:20px; margin-top:20px; font-size:15px;}
	.mc03 .list .date {bottom:20px; left:20px; font-size:15px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {height:60px;}
	.header .logo {line-height:60px;}
	.header .logo img {height:24px;}
	.header .gnb .menu > a {font-size:15px; line-height:50px;}
	.header .right {padding-top:10px; flex-direction:column;}
	.header .right .btn {font-size:14px; width:50vw; text-align:center;}
	.header .btn_menu {right:0; width:60px;}
	.header .btn_menu p {width:20px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-7px;}
	.header .btn_menu .b {margin-top:5px;}
/* footer */
	.footer .gotop {bottom:20px; right:20px; width:60px; height:60px; font-size:15px;}
	.footer.unfixed .gotop {position:fixed; bottom:20px;}
	.footer .fbanner_slide {padding:10px 90px 10px 0;}
	.footer .fbanner_slide .slick-arrow {width:24px; height:24px; margin-top:-12px; background-size:auto 50%;}
	.footer .fbanner_slide .slick-prev {right:60px;}
	.footer .fbanner_slide .slick-next {right:30px;}
	.footer .fbanner_slide .slick-slide {padding-right:5px;}
	.footer .papl {right:20px; width:24px; height:24px; margin-top:-12px; background-size:auto 50%;}
	.footer .f_cont {padding:20px 0 24px;}
	.footer .link {font-size:13px;}
	.footer .name {font-size:18px; margin:15px 0;}
	.footer .address {gap:6px;}
	.footer .address span {font-size:13px; gap:4px;}
	.footer .contacts {flex-direction:column; margin-top:20px;}
	.footer .contacts li {padding-left:60px;}
	.footer .contacts li:before {width:50px; height:50px; background-size:24px 24px;}
	.footer .contacts strong {font-size:13px;}
	.footer .contacts b {font-size:18px; margin-top:4px;}
	.footer .gboxs {flex-direction:column; gap:10px;}
	.footer .gboxs strong {font-size:15px;}
	.footer .gboxs p {font-size:13px; margin-top:10px;}
	.footer .gboxs div.gbox {padding:20px 15px; margin-bottom:10px;}
	.footer .gboxs a.gbox {padding:15px;}
/* main */
	.mvisual_wrap {gap:20px; margin-top:70px;}
	.mvisual_area {border-radius:10px;}
	.mvisual_wrap .links {flex-direction:column; gap:20px;}
	.mvisual_wrap .links .wide,
	.mvisual_wrap .links .halfs {width:100%;}
	.mvisual_area .txt {top:5vw; left:20px;}
	.mvisual_area .txt strong {font-size:5vw;}
	.mvisual_area .txt dl {font-size:2.4vw; gap:16px;}
	.mvisual_area .txt dt:after {right:-10px; height:10px;}
	.mvisual_wrap .navi {bottom:5vw; left:20px;}
	.navi .paging {padding-right:6px;}
	.navi .slick-dots li {font-size:13px;}
	.navi .slick-dots span {width:60px;}
	.navi .slick-dots i {width:80px; height:2px;}
	.navi button {width:20px; height:20px;}
	.navi .papl {margin-left:2px;}
	.mvisual_wrap .info {width:100%; margin-bottom:0;}
	.mvisual_wrap .info .tt {font-size:18px;}
	.mvisual_wrap .info p {font-size:14px;}
	.mvisual_wrap .links .wide a {height:60px; padding:0 20px; font-size:14px;}
	.mvisual_wrap .links .wide a + a {margin-top:6px;}
	.mvisual_wrap .links .wide a:after {right:24px; width:20px;}
	.mvisual_wrap .links .wide a.btn_payback i {width:20px; height:20px; margin-left:4px;}
	.mvisual_wrap .links .halfs a {height:126px; font-size:14px;}

	.mcon {padding:60px 0;}
	.mtit {font-size:20px; margin-bottom:20px;}
	.mcon .more {font-size:14px; width:120px; padding-bottom:4px;}
	.mtit .more {position:relative; margin-top:20px;}
	.mc01 {margin-top:60px; padding-top:60px;}
	.mc01 .inner {flex-direction:column; gap:20px;}
	.mc01 .mc01_slide {width:100%;}
	.mc01 .mc01_slide .box {border-radius:12px;}
	.mc01 .box .state {font-size:13px; line-height:30px; height:30px;}
	.mc01 .box .tit {font-size:16px;}
	.mc01 .txtbox {width:100%;}
	.mc01 .navi {margin-top:20px;}
	.mc01 .navi .slick-dots span {width:60px;}
	.mc01 .navi .arrow {width:24px; height:24px; background-size:auto 50%;}
	.mc01 .navi .next {margin-left:2px;}
	.mc01 .btns {margin-top:40px; flex-direction:column; gap:10px;}
	.mc01 .btns a {width:100%; font-size:14px; line-height:60px; padding:0 20px;}
	.mc01 .btns a i {right:20px;}
	.mc02 {padding-bottom:80px;}
	.mc02 .inner {flex-direction:column; gap:20px;}
	.mc02 .tit {position:relative; width:100%;}
	.mc02 .navi {position:absolute; bottom:0; right:0;}
	.mc02 .arrow {width:40px; height:40px; margin-top:0;}
	.mc02 .prev {margin-right:4px;}
	.mc02 .con {width:100%;}
	.mc02 .con .slick-list {margin:0;}
	.mc02 .con .slick-slide {padding:0;}
	.mc02 .con .box {padding:20px 10px; border-radius:8px;}
	.mc02 .con .txt {padding-top:10px;}
	.mc02 .con b {font-size:12px;}
	.mc02 .con strong {font-size:16px;}
	.mc03 .list a {width:100%; padding:20px;}
	.mc03 .list .type {margin-bottom:10px;}
	.mc03 .list .tit {font-size:16px; height:52px;}
	.mc03 .list p {padding-top:10px; margin-top:10px; font-size:13px;}
	.mc03 .list .date {position:relative; display:block; bottom:0; left:0; font-size:13px; margin-top:20px;}
/* 팝업 */
	.popup .inbox {padding:20px;}
	.popup .btn_close {top:20px; right:20px; width:30px; height:30px;}
	.popup .tit {font-size:20px; margin-bottom:20px;}
	.popup select,
	.popup input {height:40px; font-size:13px;}
	.popup select {margin-bottom:5px;}
	.popup dt {width:100px; font-size:13px;}
	.popup dd {width:calc(100% - 100px);}
	.popup .btn {height:40px; line-height:40px; font-size:13px; margin-top:10px;}
	.popup .pay {font-size:16px; margin-top:15px;}
	.popup .pt {font-size:13px; margin-top:20px;}
}