@charset "utf-8";
* {font-family:"Noto Sans KR";}
.ctnlay_mu26_box {width: 100%; max-width: 1200px; margin: auto;}
#header_mu26 {position: fixed; left: 0; top: 0; width: 100%; background: #fff; border-top: 1px solid #ddd; z-index: 10;}
#header_mu26 .ctnlay_mu26_box {height: 100px;}
#nav_mu26 {display: flex; justify-content: flex-start; align-items: center; gap:100px; height: 100%;}
#nav_mu26 > li {}
#nav_mu26 > li > a {font-size: 18px; font-weight: 500; color: #000;}
#nav_mu26 > li ul {position: absolute; top: 95px; z-index: 2; height: 0; overflow: hidden; transition: height 0.3s ease;}
#nav_mu26:hover > li ul {height: 150px;}
#nav_mu26 > li ul a {font-size: 16px; font-weight: 400; color: #000; display: inline-block; padding: 7px 0; line-height: 1.2;}
#nav_mu26 > li ul a:hover {text-decoration: underline;}
#nav_mu26 > li .login_gnb {padding: 10px 40px 11px 30px; border-radius: 30px; margin-left: -30px; background: #f80000; color: #fff;}
#nav_mu26 > li .mypage_gnb {width: 48px; height: 48px; border-radius: 30px; margin-left: 0; background: #333; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 5px solid #fff;}
#nav_mu26 > li:has( .mypage_gnb) {margin-left: -120px;}
#nav_mu26:after {content:""; display: block; height: 0; overflow: hidden; position: absolute; top: 100px; left: 0; width: 100%; background: #fff; transition: height 0.3s ease; border-bottom: 1px solid #ddd; z-index: 1;}
#nav_mu26:hover:after {height: 150px;}
.mu26_mb_btn {display: none;}
#nav_mu26_mbbox {display: none;} 
.login_gnb_mb {display: none;}
.mypage_gnb_mb {display: none;}

.mn26_main_roll {margin: 100px auto 0; text-align: center;}
.mn26_main_roll .mb {display: none;}
.mn26_main_roll a {text-align: center;}
.mn26_main_roll a img {margin: auto;}
.mn26_main_roll .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.mn26_main_roll .bx-wrapper .bx-pager.bx-default-pager a.active, 
.mn26_main_roll .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #df0520;}
/* body>div:not(:first-child) img {display: none;} */

.mu26_mgs_guidebox {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 120px;}
.mu26_mgs_guidebox dt {font-size: 30px; font-weight: 700; line-height: 1.5; margin-top: 10px;}
.mu26_mgs_guidebox dd {width: 850px; height: 350px;}
.mu26_mgs_guidebox dd img {width: 100%; height: 100%; object-fit: cover;}

.mu26_mgs_infobox {text-align: center; margin-top: 120px;}
.mu26_mgs_infobox dt {font-size: 30px; font-weight: 700; line-height: 1.5; margin-bottom: 40px;}
.mu26_mgs_infobox dt br {display: none;}
.mu26_mgs_infobox dd {font-size: 20px; line-height: 1.5;}

.mu26_mgs_annualbox {text-align: center; margin-top: 120px;}
.mu26_mgs_annualbox dt {font-size: 30px; font-weight: 700; line-height: 1.5; margin-bottom: 30px;}
.mu26_mgs_annualbox dd {}
.mu26_mgs_annualbox dd ul {display: flex; justify-content: space-between; align-items: center; }
.mu26_mgs_annualbox dd ul li {background: #F3F3F3; width: calc(100%/3 - 10px); height: 200px; border-radius: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(180deg,rgba(121, 91, 232, 1) 0%, rgba(74, 41, 197, 1) 100%);}
.mu26_mgs_annualbox dd ul li span {font-size: 30px; display: block; margin-bottom: 20px; color: #fff;}
.mu26_mgs_annualbox dd ul li em {font-size: 40px; font-weight: 700; display: block; color: #fff;}

.mu26_mgs_itembox {text-align: center; margin-top: 120px; margin-bottom: 120px;}
.mu26_mgs_itembox dt {font-size: 30px; font-weight: 700; line-height: 1.5; margin-bottom: 30px;}
.mu26_mgs_itembox dd {}
.mu26_mgs_itembox dd ul {display: flex; justify-content: space-between; align-items: flex-start; }
.mu26_mgs_itembox dd ul li {width: calc(100%/3 - 10px); display: block;}
.mu26_mgs_itembox dd ul li > p {width: 100%; height: 280px; border-radius: 15px; overflow: hidden; background: #F3F3F3;background: #F3F3F3;}
.mu26_mgs_itembox dd ul li > p img {width: 100%; height: 100%; object-fit: cover;}
.mu26_mgs_itembox dd ul li strong {display: block; text-align: center; font-size: 22px; font-weight: 700; margin: 15px auto;}
.mu26_mgs_itembox dd ul li span {display: block; text-align: center; font-size: 18px; line-height: 1.5;}

.mu26_online_box {background: #fffdf6; height: 260px;}
.mu26_online_box > div {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;  width: calc(100% - 20px);}
.mu26_online_box dl {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.mu26_online_box dl dt span {font-size: 18px; line-height: 1.5;}
.mu26_online_box dl dt strong {font-size: 28px; display: block; margin-top: 20px;}
.mu26_online_box dl dd a {width: 300px; height: 65px; border-radius: 99px; background: #f80000; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; color: #fff;}

#footer_mu26 {background: #262626; padding: 60px 0;}
#footer_mu26 * {color: #fff; font-size: 12px; line-height: 1.8;}
#footer_mu26 .ctnlay_mu26_box {display: flex; justify-content: space-between; align-items: center;}
#footer_mu26 .mu26_ftimg {width: 120px;}
#footer_mu26 .mu26_ftimg img {width: 100%; height: 100%;}

@media only screen and (max-width:1200px){
	h1 a img {height: 50px;}
	.ctnlay_mu26_box {width: calc(100% - 20px); max-width: 100%; margin:0 10px 0 10px;}
	#nav_mu26 {gap:0; margin-right: 10px;}
	#nav_mu26 > li .login_gnb {padding: 7px 45px 8px 20px;}
	#nav_mu26 > li > a {font-size: 16px;}
	#nav_mu26 > li {position: relative; padding: 0 20px;}
	#nav_mu26 > li ul {top: 50px;}
	#nav_mu26 > li ul a {font-size: 14px;}
	#nav_mu26 > li ul a br {display: none;}
	#nav_mu26 > li .mypage_gnb {width: 39px; height: 39px; margin-bottom: -2px;}
	#nav_mu26 > li:has( .mypage_gnb) {margin-left: -70px;}
	
	.mu26_mgs_guidebox {display: block; margin-top: 50px;}
	.mu26_mgs_guidebox dt {font-size: 22px; line-height: 1.5; text-align: center; margin-bottom: 20px;}
	.mu26_mgs_guidebox dt br:last-child {display: none;}
	.mu26_mgs_guidebox dd {width: 100%; height: auto;}
	
	.mu26_mgs_infobox {margin-top: 50px;}
	.mu26_mgs_infobox dt {font-size: 22px; margin-bottom: 20px;}
	.mu26_mgs_infobox dt br {display: block;}
	.mu26_mgs_infobox dd {font-size: 16px;}
	
	.mu26_mgs_annualbox {margin-top: 50px;}
	.mu26_mgs_annualbox dt {font-size: 22px; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}
	.mu26_mgs_annualbox dd ul li {height: 140px;}
	.mu26_mgs_annualbox dd ul li:first-child {margin-top: 0;}
	.mu26_mgs_annualbox dd ul li span {font-size: 20px; margin-bottom: 10px;}
	.mu26_mgs_annualbox dd ul li em {font-size: 26px;}
	
	.mu26_mgs_itembox {margin-top: 50px; margin-bottom: 50px;}
	.mu26_mgs_itembox dt {font-size: 22px; margin-bottom: 20px;}
	.mu26_mgs_itembox dd ul li {width: calc(100%/3 - 10px);}
	.mu26_mgs_itembox dd ul li > p {width: 100%; height: 200px;}
	.mu26_mgs_itembox dd ul li > p img {width: 100%; height: 100%; object-fit: cover;}
	.mu26_mgs_itembox dd ul li strong {font-size: 20px;}
	.mu26_mgs_itembox dd ul li span {font-size: 16px;}
	
	.mu26_online_box {height: 200px;}
	.mu26_online_box dl dt span {font-size: 16px;}
	.mu26_online_box dl dt strong {font-size: 22px;}
	
	#footer_mu26 * {font-size: 16px;}
	#footer_mu26 .mu26_ftimg {width: 160px;}
}
@media only screen and (max-width:800px){
	#nav_mu26 {display: none;}
	h1 a img {height: 35px;}
	#header_mu26 .ctnlay_mu26_box {height: 70px;}
	.mu26_mb_btn {background:transparent; width: 60px; height: 60px; position: fixed; right: 5px; top: 5px; z-index: 11; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.mu26_mb_btn:active {background: #f5f5f5;}
	.mu26_mb_btn i {font-size: 26px; color: #000;}
	.mu26_mb_btn i.fa-xmark {display: none;}
	.mu26_mb_btn.on i.fa-bars {display: none;}
	.mu26_mb_btn.on i.fa-xmark {display: block;}
	.mu26_mb_btn.on + #nav_mu26_mbbox {left: 0;}
	.login_gnb_mb {position: fixed; right: 110px; display: inline-block; line-height: 1; color: #fff; padding: 8px 14px 10px; border-radius: 99px; letter-spacing: -0.05em; background: #de0522;}
	.mypage_gnb_mb {position: fixed; right: 70px; display: inline-block; line-height: 1; color: #fff; border-radius: 99px; letter-spacing: -0.05em; width: 36px; height: 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #333;}
	
	.mn26_main_roll {margin-top: 70px;}
	.mn26_main_roll .pc {display: none;}
	.mn26_main_roll .mb {display: block;}
	
	#nav_mu26_mbbox {display: block; position: fixed; left: -100%; top: 0; background: #eee; width: 100%; height: 100vh; z-index: 10; transition: left 0.1s ease; overflow: hidden; overflow-y: auto;}
	#nav_mu26_mbbox > dl {padding: 15px 20px; background: #fff;}
	#nav_mu26_mbbox > dl dt {color: ##6D6D6D; font-size: 22px; font-weight: 500; margin-bottom: 7px; margin-right: 40px;}
	#nav_mu26_mbbox > dl dd {color: ##6D6D6D; font-size: 14px; font-weight: 400; margin-right: 40px;}

	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(1) {background: #FFAE00;}
	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(1) span {color: #FFAE00;}
	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(2) {background: #FF0000;}
	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(2) span {color: #FF0000;}
	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(3) {background: #008CFF;}
	#nav_mu26_mbbox ul.mu26_linklist li:nth-child(3) span {color: #008CFF;}
	#nav_mu26_mbbox ul.mu26_linklist li a {padding: 15px 20px; color: #fff; font-size: 18px; font-weight: 600; display: flex; justify-content: space-between; align-items: center;}
	#nav_mu26_mbbox ul.mu26_linklist li a span {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; height: 30px; font-size: 14px; flex-flow: row wrap; background: #fff; border-radius: 40px; line-height: 1; padding-bottom: 2px;}
	#nav_mu26_mbbox ul.mu26_linklist li a span i {font-size: 11px; margin-left: 10px;}
	#nav_mu26_mbbox > div:last-child {padding: 16px; font-size: 14px;color: #6D6D6D;}
	#nav_mu26_mbbox > div:last-child strong {display: block; margin-bottom: 5px; font-size: 16px; color: #6D6D6D;}
	
	#nav_mu26_mb {background: #fff;}
	#nav_mu26_mb * {color: #6D6D6D;}
	#nav_mu26_mb > li > a {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 16px; }
	#nav_mu26_mb > li > a i {opacity: 0.2;}
	#nav_mu26_mb > li ul {background: #f9f9f9; max-height: 0; overflow: hidden;transition: max-height 0.3s ease;}
	#nav_mu26_mb > li ul li:last-child {border-bottom: 1px solid #ddd;}
	#nav_mu26_mb > li ul a {display: block; padding: 14px 16px 14px 28px;}
	#nav_mu26_mb > li > a.on i {opacity: 1; transform:rotate(180deg);}
	#nav_mu26_mb > li > a.on + ul {max-height: 150px;}


	.mu26_mgs_guidebox {display: block; margin-top: 75px;}
	.mu26_mgs_infobox {margin-top: 75px;}


	
	.mu26_mgs_annualbox {margin-top: 75px;}
	.mu26_mgs_annualbox dt {font-size: 22px; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}
	.mu26_mgs_annualbox dd ul {display: block;}
	.mu26_mgs_annualbox dd ul li {width: 100%; height: auto; border-radius: 15px; display: block; margin-top: 10px; padding: 25px 0;}
	.mu26_mgs_annualbox dd ul li:first-child {margin-top: 0;}
	.mu26_mgs_annualbox dd ul li span {font-size: 20px; margin-bottom: 10px;}
	.mu26_mgs_annualbox dd ul li em {font-size: 26px;}
	
	.mu26_mgs_itembox dd ul {display: block;}
	.mu26_mgs_itembox dd ul li {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
	.mu26_mgs_itembox dd ul li > p {width: 125px; height: 150px;}
	.mu26_mgs_itembox dd ul li div {text-align: left; width: calc(100% - 150px);}
	.mu26_mgs_itembox dd ul li div br {display: none;}
	.mu26_mgs_itembox dd ul li strong {display: block; text-align: left; font-size: 18px; font-weight: 700; margin: 0 auto 10px;}
	.mu26_mgs_itembox dd ul li span {display: block; text-align: left; font-size: 16px; line-height: 1.5;}
		
	.mu26_online_box {height: auto; padding: 40px 0;}
	.mu26_online_box > div {display: block; height: auto;}
	.mu26_online_box dl {display: block; text-align: center;}
	.mu26_online_box dl dt span {font-size: 16px; }
	.mu26_online_box dl dt span br {display: none;}
	.mu26_online_box dl dt strong {font-size: 20px; display: block; margin-top: 15px;}
	.mu26_online_box dl dd {text-align: center;}
	.mu26_online_box dl dd a {width: auto; display: inline-flex; height: auto; padding: 18px 30px; border-radius: 15px; font-size: 18px; margin-top: 30px;}

	#footer_mu26 {padding: 40px 0;}
	#footer_mu26 * {font-size: 10px;}
	#footer_mu26 .ctnlay_mu26_box {display: block; text-align: center;}
	#footer_mu26 .mu26_ftimg {width: 100px; margin: 0 auto 20px;}
	#footer_mu26 .mu26_ftimg img {width: 100%; height: 100%;}
}