/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
	br.pc_vw {display:none;}
/* header */
	.header .gnb {gap:20px; padding:0 50px 0 150px;}
	.header .gnb .menu > a {font-size:16px; padding:0 15px;}
/* main */
	.mc03 ul.set6 li a {height:31vw;}
	.mc03 ul.set4 li a {padding:30px 20px 50px;}
	.mc03 ul.set4 li .tt {font-size:20px; line-height:30px;}
	.mc03 ul.set4 li p {font-size:15px; line-height:24px;}
	.mc03 ul.set6 li a:hover i {height:calc(100% - 120px);}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.header .gnb .menu:hover > a:after {left:0; width:100%;}
	.mvisual a:hover {opacity:.7;}
	.mvisual .btn_link:hover:before,
	.mvisual .btn_link:hover:after {animation:btn_link 2s infinite;}
	.mvisual .btn_link:hover:after {animation-delay:0.6s;}
	@keyframes btn_link {
		0% {width:100%; height:100%; border-width:0; opacity:.5;}
		100% {width:calc(100% + 60px); height:calc(100% + 60px); border-width:30px; opacity:0;}
	}
	.mc03 ul.set6 a:hover .more {color:#006BB2;}
	.mc03 ul.set6 a:hover .more:before {border-color:#006BB2; background-color:#006BB2;}
	.mc03 ul.set6 a:hover .more:after {background:#fff;}
	/* .mc03 ul.set4 li a:hover:after {width:100%;}
	.mc03 ul.set4 li a:hover i {width:0; height:0;}
	.mc03 ul.set4 li a:hover .tt {height:0; padding-top:0; margin-top:0;}
	.mc03 ul.set4 li a:hover .tt:before {width:0;}
	.mc03 ul.set4 li a:hover p {height:420px;} */
	.mc03 ul.set4 li a:hover:before,
	.mc03 ul.set4 li a:hover:after {width:100%; height:100%; opacity:1;}
	.mc04 a:hover .more {height:20px; margin-top:42px;}
	.mc05 a:hover:after {width:100%;}
	.mc05 a:hover .txt p {margin-top:5px; height:20px;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header .inner {height:70px;}
	.header .logo {line-height:70px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:70px; height:70px; z-index:10;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; margin-left:-12px; 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);}
	.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; background:linear-gradient(135deg, #78bc28 0%, #009095 53%, #0070BD 100%); flex-direction:column; padding:0 20px; transition:.2s linear;}
	.header.on .gnb {right:0;}
	.header .gnb .menu > a {font-size:20px; line-height:40px; text-align:center;}
	.header .gnb .menu > a:after {display:none;}
	.header .gnb .menu.on > a {font-weight:700;}
/* main */
	.mcon {padding:70px 0;}
	.mcon .more {left:20px; bottom:20px;}
	.mcon .point {top:-110px;}
	.mcon .link {top:-70px;}
	.mc02 .txt {padding:20px;}
	.mc02 .tt {font-size:20px; line-height:28px; margin-bottom:15px;}
	.mc02 p {font-size:16px; line-height:26px;}
	.mc03 ul.set6 li a {height:auto;}
	.mc03 ul.set6 li i {height:240px;}
	.mc03 ul.set6 li .txt {position:relative; padding:15px 20px 50px; height:120px;}
	.mc03 ul.set6 li p {line-height:24px;}
	.mc03 ul.set6 li a:hover i {height:120px;}
	.mc03 ul.set6 li a:hover .txt {padding:15px 20px 50px;}
	.mc03 ul.set4 {flex-wrap:wrap;}
	.mc03 ul.set4 li {width:calc(50% - 10px);}
	.mc03 ul.set4 li p {height:auto; margin-top:20px;}
	.mc04 a {height:300px;}
	.mc05 li {width:calc((100% - 20px)/3);}
	.mc05 li img {width:100%;}
	.mc05 .txt p {height:auto; margin-top:5px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:30px;}
	.header .btn_menu {width:50px; height:50px;}
	.header .gnb {gap:10px;}
/* footer */
	.footer {padding:20px 0;}
	.footer .tit {font-size:14px; margin-bottom:10px;}
	.footer .address {font-size:13px; line-height:20px;}
/* main */
	/* .mvisual .inner {height:600px;} */
	.mvisual strong {font-size:30px; line-height:40px; margin-bottom:10px;}
	.mvisual p {font-size:12px; line-height:20px;}
	.mvisual .more {font-size:13px; line-height:40px; height:40px; width:140px; margin-top:30px;}
	.mvisual .btn_link {bottom:20px; width:50px; height:50px; background-size:15px;}
	.mcon {padding:50px 0;}
	.mcon .point {top:-90px;}
	.mcon .link {top:-50px;}
	.mcon .title {font-size:22px; line-height:30px; margin-bottom:20px;}
	.mcon .more {bottom:10px; left:10px; font-size:10px; padding-right:20px; line-height:16px; height:auto; margin-top:10px;}
	.mcon .more:before,
	.mcon .more:after {width:16px; height:16px;}
	.mc01 {padding:80px 0 50px;}
	.mc01 .inner {flex-direction:column;}
	.mc01 .txt,
	.mc01 .img {width:100%;}
	.mc01 .txt {padding:0 0 20px;}
	.mc01 p {font-size:13px; line-height:20px;}
	.mc2box {margin-top:0;}
	.mc02 .logo {width:120px; height:120px; background-size:60%;}
	.mc02 .areabox {font-size:14px; line-height:40px; height:40px; width:140px; margin:30px auto;}
	.mc02 .areabox:before {height:30px;}
	.mc02 .areabox:after {height:15px;}
	.mc02 ul {position:relative; flex-direction:column; padding-left:20px;}
	.mc02 ul:before {content:""; position:absolute; top:-15px; left:0; width:50%; height:1px; background:#ddd;}
	.mc02 li:before {left:-20px; bottom:0; height:100%;}
	.mc02 li:first-child:before {left:-20px; height:calc(100% + 15px);}
	.mc02 li:nth-child(2):before {height:calc(100% + 20px);}
	.mc02 li:last-child:before {bottom:50%; left:-20px; height:calc(50% + 20px);}
	.mc02 li:after {top:50%; left:-20px !important; right:auto; width:20px;}
	.mc02 li:nth-child(2):after {transform:translateX(0);}
	.mc02 i img {width:100%;}
	.mc02 .tt {font-size:16px; line-height:24px; margin-bottom:10px;}
	.mc02 p {font-size:13px; line-height:20px;}
	.mc03 .tit {font-size:18px; line-height:26px; margin:30px 0 10px;}
	.mc03 ul {gap:10px;}
	.mc03 ul.set6 li {width:calc(50% - 5px); transition-delay:0s !important;}
	.mc03 ul.set6 li i {height:140px;}
	.mc03 ul.set6 li .txt {padding:10px 10px 40px; height:90px;}
	.mc03 ul.set6 li .tt {font-size:16px; line-height:22px; margin-bottom:10px;}
	.mc03 ul.set6 li p {font-size:13px; line-height:20px;}
	.mc03 ul.set6 li a:hover i {height:100px;}
	.mc03 ul.set6 li a:hover .txt {padding:10px 10px 40px; height:200px;}
	.mc03 ul.set4 li {width:100%; transition-delay:0s !important;}
	.mc03 ul.set4 li a {padding:20px 10px 60px; height:auto;}
	.mc03 ul.set4 li i {height:26px;}
	.mc03 ul.set4 li .tt {font-size:16px; line-height:24px; padding-top:15px; margin-top:15px;}
	.mc03 ul.set4 li p {font-size:13px; line-height:20px;}
	.mc03 ul.set4 li .more {bottom:20px;}
	.mc04 ul {gap:10px;}
	.mc04 li {width:calc(50% - 5px); transition-delay:0s !important;}
	.mc04 a {height:200px; padding:0 10px;}
	.mc04 a img {height:32px;}
	.mc04 p {font-size:13px; line-height:20px; margin-top:10px;}
	.mc04 .more {position:absolute; left:auto; right:10px;}
	.mc05 ul {gap:10px;}
	.mc05 li {width:calc(50% - 5px); transition-delay:0s !important;}
	.mc05 .txt {padding-bottom:15px;}
	.mc05 .txt .name {font-size:16px; line-height:24px;}
	.mc05 .txt p {font-size:13px;}
	.mc06 .tit {font-size:16px; margin:20px 0 10px;}
	.mc06 .inputs {gap:10px;}
	.mc06 .inputs .text_box {width:100%;}
	.mc06 .inputs .text_box .text,
	.mc06 .inputs .text_box .place {height:40px; line-height:40px; padding:0 10px; font-size:13px;}
	.mc06 .inputs .text_box textarea.text,
	.mc06 .inputs .text_box textarea.text + .place {padding:10px;}
	label.check {font-size:13px;}
	.mc06 label.check {margin-top:10px;}
	.mc06 .btn {font-size:13px; line-height:40px; height:40px; width:180x; margin-top:30px;}

	.mc06 .inputs .text_box.capcha .img {width:115px; height:40px;}
	.mc06 .inputs .text_box.capcha .re {width:40px; height:40px; margin:0 5px; background-size:50%;}
	.mc06 .inputs .text_box.capcha .text {width:400px; max-width:calc(100% - 165px);}
	/* .mc06 .inputs .text_box.capcha .text::placeholder {font-size:10px;} */
}