@charset "utf-8";

.m_wrap{padding: 13.89% 0 0; background: url(../images/mobile/m_bg01.jpg) no-repeat top center / contain;}
.cont_wrap{max-width: 500px; width: 92.593vw; margin: auto;}
.cont_wrap02{max-width: 450px; width: 83.333vw; margin: auto;}

/* mns1 */
.mns1{}
.mns1 .m_tit{ padding-top: 10.6%; margin-bottom: 9.6%;}
.mns1 .m_tit h2{font-size: clamp(20px, 5.556vw, 30px);  font-weight: 700; line-height: 1.3;letter-spacing: -0.03em;}
.mns1 .nav{}
.mns1 .nav > div{margin-bottom: 3px;}
.mns1 .nav > div:last-child{margin-bottom: 0;	}
.mns1 .nav div > a{font-weight: 500; color: #111;font-size: clamp(20px, 4.444vw, 24px); border: 1px solid #ddd; text-align: center; position: relative;max-height: 75px; height: 13.889vw; display: flex; border-radius:5px;    align-items: center;justify-content: center; -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box;cursor: pointer;transition:0.3s; background-repeat: no-repeat; background-position: left 14% center;}
.mns1 .nav h3{font-size: clamp(20px, 4.444vw, 24px); border: 1px solid #ddd; text-align: center; position: relative;max-height: 75px; height: 13.889vw; display: flex; border-radius:5px;    align-items: center;justify-content: center; -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box;cursor: pointer;transition:0.3s; background-repeat: no-repeat; background-position: left 14% center;}

.mns1 .nav h3::before{position: absolute; width: 4.259vw; max-width: 23px; height: 100%;right: 4.033%; top: 50%;background: url(../images/mobile/m_arr.png) no-repeat center center / contain; content: ""; -webkit-transform: translateY(-50%);-moz-transform:translateY(-50%) ;-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%) ;transform:translateY(-50%) ; transition:0.3s;}

.mns1 .nav h3::after{position: absolute; width: 6.2963vw; max-width: 34px; max-height: 32px; height: 5.925vw; left:13.3%; top: 50%; content: ""; transform:translatey(-50%) ; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;transition:0.3s;}
.mns1 .nav > div:nth-child(1) h3.on::after{background-image: url(../images/mobile/nav_icon01.png);}
.mns1 .nav > div:nth-child(2) h3.on::after{background-image: url(../images/mobile/nav_icon02.png);}
.mns1 .nav > div:nth-child(3) h3.on::after{background-image: url(../images/mobile/nav_icon03.png);}
.mns1 .nav > div:nth-child(4) h3.on::after{background-image: url(../images/mobile/nav_icon04.png);}
.mns1 .nav > div:nth-child(5) h3.on::after{background-image: url(../images/mobile/nav_icon05.png);}

.mns1 .nav h3.on{color: #fff; background-color:#a51c30; border:1px solid #a51c30;}
.mns1 .nav h3.on::before{background: url(../images/mobile/arr_on.png) no-repeat center center / contain;}


.mns1 .nav ul{display: none;max-width: 500px; width: 92.593vw; margin-top: 3px; border: 1px solid #a51c30; border-radius:5px ; padding: 4.6% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mns1 .nav li{text-align: center; margin-bottom: 1.6%;}
.mns1 .nav li:last-child{margin-bottom: 0;}
.mns1 .nav li a{font-size: clamp(16px, 3.333vw, 18px); display: inline-block; padding:0 4%; position: relative; color: #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mns1 .nav li a::before{content: ""; left: 0; top: 38%; width: 0.740vw; height: 0.740vw; max-width: 4px; max-height: 4px; border-radius: 50%; background: #a51c30; position: absolute;}

.mns2{background: #f3f4f4 url(../images/mobile/m_bg02.jpg) no-repeat bottom center / contain;margin-top: 11.12%; border-radius:20px 20px 0px 0; padding:10.6% 0 11%;}
.mns2 .tabs{justify-content: center; margin-bottom:5.5% ;}
.mns2 .tabs li{font-size: clamp(16px, 5vw, 27px); color: #b0bcc4; font-weight: 700; margin-right: 3.71%; line-height: 1;cursor: pointer;}
.mns2 .tabs li:last-child{margin-right: 0;}
.mns2 .tabs li.on{color: #111;}
.mns2 .tabs li.on{}
.mns2 .tab{}
.mns2 .tab_cont > a{max-height: 30px; width: 100%; height: 5.55vw;background: url(../images/mobile/m_plus.png) no-repeat bottom center / contain;margin-top: 5.5%;}

.mns2 .tab_wrap{}
.mns2 .tab_cont{display: none;}
.mns2 .tab_cont.on{display: block;}
.mns2 .tab_box{ max-width: 450px; width: 83.333vw;margin:0 7px;}
.mns2 .tab_box > a{border-radius: 5px; background: #fff; max-height: 336px; height: 62.222vw; padding:9.8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.mns2 .board_top{}
.mns2 .board_top em{font-size: clamp(12px, 2.778vw, 15px);  color: #a51c30; line-height: 1; font-weight: 700;margin-bottom: 5.5%; display: block;}
.mns2 .board_top h3{font-size: clamp(16px, 4.444vw, 24px); line-height: 1.625; letter-spacing: -0.04em;}
.mns2 .board_top h3 b{width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden}
/* .mns2 .board_top .new{max-width: 27px; max-height: 27px;  border-radius: 50%; width: 5vw; height: 5vw; display: inline-block;background: url(../images/mobile/main_new.png) no-repeat bottom center / contain; font-size: 0; text-indent: -999; vertical-align: middle; margin-bottom: 1%;	} */
/* .mns2 .board_top .new::before{font-size: clamp(12px, 2.778vw, 15px); color: #fff; max-width: 27px; max-height: 27px; background: #a51c30; border-radius: 50%; font-family: 'play'; font-weight: 700; width: 5vw; height: 5vw; display: inline-block;} */

.mns2 .board_bottom{display: flex; border-top: 1px solid #ddd;margin-top: 10%; padding-top: 5.8%;    align-items: center;}
.mns2 .board_bottom p{font-size: clamp(14px, 3.333vw, 18px); line-height: 1.83; color: #666;margin-left: 8.2%;letter-spacing: -0.04em; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden}
.mns2 .date_box{ text-align: center;}
.mns2 .date_box h4{font-size: clamp(20px, 5.556vw, 30px); font-weight: 700;	line-height: 1;font-family: 'Play';}
.mns2 .date_box span{font-size: clamp(12px, 2.778vw, 15px); color: #b0bcc4;font-weight: 700;font-family: 'Play';}

.mns2 .tab{}
.mns2 .tab{}