@charset "utf-8";


/* 바로가기1 */
.M_link01{padding:2rem 1rem 1rem; background-image:url(/images/web/ials/main/m_link01_bg.png); background-repeat:no-repeat; background-position:6% -0.9rem;}
.M_link02 { height: 100%;}
.M_link01 > .txts{margin-top:0.3rem; font-size:0.75rem;}
.M_link01 ul{padding:1rem 0;}
.M_link01 ul li .li_wr .tt{display:block; margin-bottom:0.3rem; font-size:1.1rem; font-weight:600;}
.M_link01 ul li .li_wr p{font-size:0.75rem; color:#c3dcff;}
.M_link01 ul li .li_wr .acco{position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; gap:0 0.5rem; margin-top:0.5rem; box-sizing:border-box;}
.M_link01 ul li:first-child .li_wr .acco{padding-right:1rem;}
.M_link01 ul li:last-child .li_wr .acco{padding-left:1rem;}
.M_link01 ul li .li_wr .acco > em{display:inline-flex; justify-content:center; align-items:center; width:2.35rem; height:2.35rem; background-color:#295ca0; border-radius:50%; font-size:0.9rem; color:#fff;}
.M_link01 ul li .li_wr .acco > span{display:block; width:calc(100% - 2.85rem); font-size:1rem; font-weight:700; text-align:left; color:#fff;}

/* page goto */
.MC_wrap1 {position: relative;}
.gotoBox {position: absolute; top: 0; right: 120px; z-index: 999; display: flex; gap: 1rem;}
.gotoBox .btn_goto {top:0; right: 120px; width: 100px; height: 150px; }
.gotoBox .btn_goto.bg01 {background: url('/common/images/main/bg_gplatf.png') no-repeat center; background-size: contain;}
.gotoBox .btn_goto a {display: block; color:#fff; font-size: 0.75rem; line-height:1.4;text-align:center; font-weight: 500; }
.gotoBox .btn_goto a img {line-height: 0; padding-top: 0.35rem;}
.gotoBox .btn_goto a em {display: block;line-height: 1.1;}
.gotoBox .btn_goto a span {font-size: 0.6rem;}

/*SNS퍼블리싱 260424*/
.sns ul {margin-top:1.2rem;}
.snsWrap {display: flex;align-items: center;gap: 0.5rem;margin-top: 0.5rem;}
.snsWrap a {display: inline-flex;width: 2.5rem;height: 2.5rem;border-radius:50%;justify-content: center;align-items: center;color: #333;transition: color 0.3s ease, transform 0.2s ease;}
.snsWrap a.YouTube {background:#FF0000;}
.snsWrap a.Instagram {background: #ee2a7b;background: linear-gradient(
360deg, #f9ce34, #ee2a7b, #6228d7);}
.snsWrap a i {font-size: 1.5rem;color:#fff;}
/* active */
.snsWrap a:hover, .snsWrap a:focus {transform: scale(1.1); }


/* media query mobile */
@media screen and (max-width: 1600px){
 
}

@media screen and (max-width: 1280px){

	/* page goto */
    .gotoBox {right: calc((100vw - 3rem ) / 100 * 6.5);}
    .gotoBox .btn_goto { width: 80px; height: 120px;}
    .gotoBox .btn_goto a {font-size: 0.7rem; line-height:1.3;}
    .gotoBox .btn_goto a img {line-height: 0; padding: 0.45rem 0 0.15rem; height: 2rem;}
	.gotoBox .btn_goto a span {font-size: 0.6rem;}
  
}
 

@media screen and (max-width:640px) {
	.M_link01{padding:1rem 1rem 0.5rem; background-image:none;}
	.M_link01 ul{padding:0.5rem 0 0;}
	.M_link01 ul li .li_wr{padding:0.5rem 0;}
	.M_link01 ul li .li_wr p{display:none;}
	.M_link01 ul li:first-child .li_wr .acco{padding-right:0;}
	.M_link01 ul li:last-child .li_wr .acco{padding-left:0;}
	.M_link01 ul li .li_wr .acco{margin-top:0;}
	.M_link01 ul li .li_wr .acco > em{width:2rem; height:2rem; font-size:0.8rem;}
	.M_link01 ul li .li_wr .acco > span{width:calc(100% - 2.5rem); font-size:0.8rem; font-weight:500;}

	/* page goto */
    .gotoBox .btn_goto {width: 70px;height: 100px;padding-top: 1rem;}
    .gotoBox .btn_goto a img {display: none;}
}

@media screen and (max-width:540px) {
   
}

@media screen and (max-width: 480px){
 
}

@media screen and (max-width:380px) {
 
}