@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
.ff-pop{font-family: 'Poppins', var(--noto)}

#main{word-break:keep-all}

/* 메인 위치 변경으로 padding 및 bg 변경*/
#m3{padding-top: 120px; position: relative; z-index: 1; background: linear-gradient(to top,#f4f6f9 160px, #fff 160px);}
#m4{padding: 120px 0 130px; background: linear-gradient(to bottom,#f4f6f9 0%, #fff 50%);}
#m2{padding: 60px 0 120px; background: url('../img/main/bg.png') center bottom no-repeat;}

.tit-main{display: flex; font-size: 1.125rem; margin-bottom: 40px; line-height: 1.15; color: #777}
.tit-main .big{font-size: 42px; color: #111; font-family: var(--gmarket); line-height: 1;}
.tit-main.column{flex-flow:column; align-items: center; text-align: center;}
.tit-main.column .small{margin-top: 20px;}
.tit-main.row{align-items:end}
.tit-main.row .small{margin-left: 20px;}

.tit-main2{display: flex; font-family: var(--gmarket); color: #000; font-size: 2rem; font-weight: 700; justify-content:space-between; line-height: 1.15; margin-bottom: 25px}
.tit-main2 .r{display: flex; align-items:center}
.tit-main2 .r .more-st1{margin-left: 30px;}

.tit-main3{display: flex; justify-content:space-between; color: #333; margin-bottom: 20px; font-size: 1.5rem; font-weight: 500; align-items:center}
.tit-main3 .btns{display: flex; gap:10px; font-weight: 400; color: #666}
.tit-main3 select,.tit-main3 .down{height: 40px; border-radius:5px; border:1px solid #ddd; font-size: 1rem;}
.tit-main3 select{padding: 0 30px 0 20px; background-position: calc(100% - 20px) center; width: 125px}
.tit-main3 .down{color: #333; position: relative; padding: 0 20px; display: flex; align-items:center; background: #fff}
.tit-main3 .down:after{content: ''; display: block; width: 15px; height: 16px; background: url('../img/common/ico-down.png') center center no-repeat; margin-left: 10px;}

#m3 .tit-main3{height: 40px; margin-bottom: 10px;}

.more-st1{width: 1.25rem; height: 1.25rem; white-space: nowrap; overflow: hidden; text-indent: -999px; display: block; position: relative;}
.more-st1:before,.more-st1:after{background: #555; content: ''; left: 50%; top:50%; transform:translate(-50%,-50%); position: absolute;}
.more-st1:before{width: 100%; height: 2px}
.more-st1:after{height: 100%; width: 2px}

.tabs-main{display: flex; font-size: 1.375rem; color: #a9a9a9; font-weight: 500; font-family: var(--noto)}
.tabs-main li{position: relative}
.tabs-main a{display: block;}
.tabs-main li:not(:first-child){padding-left: 14px; margin-left: 14px;}
.tabs-main li:not(:first-child):before{position: absolute; left: 0 ; top:50%; width: 1px; height: 14px; background: #bababa; margin-top: -7px; content: ''}
.tabs-main .active{color: var(--blue); font-weight: 700;}
.tabs-main .active:after{width: 100%; height: 3px; background: var(--blue); content: ''; left: 0; bottom: -10px; position: absolute;}

#mainVisual{position: relative; color: #fff}
#mainVisual .s{position: absolute; left: 0; top:0; width: 100%; height: 100%}
#mainVisual .s > *, #mainVisual .s > * > *,#mainVisual .s .item{height: 100%}
/* #mainVisual .s .item{} */
#mainVisual .s .item .bg{width: 100%; height: 100%; position: absolute;left: 0; top:0; background: url('') center center no-repeat; background-size:cover}
#mainVisual .inner{position: relative; z-index: 1; display: flex; justify-content:space-between; padding-top: 300px; padding-bottom: 300px;     align-items: flex-start;}
#mainVisual .vis-cont{text-shadow:1px 1px rgba(0,0,0,.3); font-size: 30px;}
#mainVisual .vis-cont .big{font-size: 68px; font-family: var(--gmarket); font-weight: 700; line-height: 1.15;}
#mainVisual .mid{margin-top: 15px;}
#mainVisual .pc{display: block;}
#mainVisual .m{display: none;}
.scroll_down{position: absolute;font-family: var(--gmakret);font-size: 11px;color: #fff;font-weight: 700;right: 100px;top: 50%;z-index: 3;transform: translateY(-50%);text-transform: uppercase;letter-spacing: .05em;display: flex;flex-flow: column;align-items: center;}
.scroll_down span{transform: rotate(180deg); display: block; writing-mode: vertical-rl;}
.scroll_down:after{width: 17px; height: 27px; background: url('../img/main/scroll.png') center center no-repeat; display: block; content: ''; margin: 20px auto 0;}

.append_w{margin-top: 90px; display: flex; align-items:center}
.append_w .slick-dots{margin-left: 20px; display: flex}
.append_w .slick-dots button{width: 15px; height: 15px; border-radius: 50%;  border:3px solid #fff}
.append_w .slick-dots li{margin-left: 18px;}
.append_w .slick-dots li:first-child{margin-left: 0;}
.append_w .slick-active button{background: #fff}
.append_w .controls{width: 50px; height: 50px; border-radius: 50%; border:2px solid rgba(255,255,255,.3); display: inline-block; position: relative; background: url('../img/main/stop.png') center center no-repeat; transition: all ease-in-out .05s}
.append_w .controls.play{background-image: url('../img/main/play.png'); background-position: 55%}
.append_w .txt{white-space: nowrap; overflow: hidden; text-indent: -999px; display: block;}
.append_w .progress{position: absolute; left: -2px;top:-2px; width: 50px; height: 50px; transform: rotate(-90deg); }
.append_w .progress{fill: none; stroke: #fff;  stroke-width: 2; stroke-linecap: round;}

#mainPop{border-radius:18px; overflow: hidden; width: 420px; font-family: var(--gmarket); max-width:100%}
#mainPop .bot{background: var(--blue); color: #fff; padding: 20px 30px; line-height: 1.15; display: flex; justify-content:space-between; align-items:center}
#mainPop .bot .l{font-size: 1.5rem;}
#mainPop .img{position: relative;}
#mainPop img{display: block; width: 100%}
#mainPop .r{display: flex;align-items: center;}
#mainPop button{white-space: nowrap; overflow: hidden; text-indent: -999px;}
#mainPop .control{width: 9px; height: 12px; background: url('../img/main/stop.png') center center no-repeat; margin-left: 20px;}
#mainPop .control.play{background-image: url('../img/play.png')}
#mainPop .slick-arrow{width: 19px; height: 10px; background: url('') center center no-repeat;}
#mainPop .prev{background: url('../img/main/prev.png'); margin-right: 19px;}
#mainPop .next{background-image: url('../img/main/next.png'); margin-left: 19px;}
#mainPop .state_w{display: flex; align-items:center;}
#mainPop .state_w .slash{margin: 0 4px;}

#m1{padding: 115px 0 0; position: relative;}
#m1 .s_w{margin: 0 -20px; position: relative; z-index: 1}
#m1 .s{display: flex}
#m1 .slick-track{display: flex}
#m1 .item{height: inherit; padding-bottom: 30px;}
#m1 .item a{display: block; margin: 0 20px; border:1px solid #ccc; border-radius:15px; height: 100%; margin-top: 30px; transition: margin ease .3s; position: relative; background: #fff}
#m1 .img{background: url('') center center no-repeat; background-size:cover; height: 240px; border-radius:15px 15px 0 0}
#m1 .cont{padding: 25px 30px 20px 40px;  line-height: 1.5;}
#m1 .more{position: absolute; background: url('../img/main/m1-more.png') center center no-repeat; width: 55px; height: 55px; bottom:0; left: 50%; transform:translate(-50%, 50%); opacity:0; transition: all ease .3s; white-space: nowrap; overflow: hidden; text-indent: -999px}
#m1 .bg{position: absolute; left: 0; bottom: 0; width: 100%; background: #f2f4f8; min-height: 180px}

#m1 .t{display: block; margin-bottom: 15px; color: var(--black3); font-size: 1.5rem; line-height: 1.15;}
#m1 .t .small{font-size: 14px; font-weight: 500; color:#666; margin-left: 10px;}
#m1 a:hover,#m1 a:focus{margin-top: 0; border-color: var(--blue); background: var(--blue); color:#fff; box-shadow:3px 3px 8px rgba(0,0,0,.3)}
#m1 a:hover .cont .t,
#m1 a:hover .cont .t .small,
#m1 a:focus .cont .t,
#m1 a:focus .cont .t .small{color: #fff}
#m1 a:hover .cont,#m1 a:focus .cont{color: rgba(255,255,255,.6)}
#m1 a:hover .more,#m1 a:focus .more{opacity:1}

#m1 .slick-arrow{width: 60px; height: 60px; background: #fff url('') center center no-repeat; top:50%; position: absolute; margin-top: -30px; border-radius:50%; box-shadow: 0 0 8px rgba(0,0,0,.15); z-index: 3}
#m1 .prev{background-image: url('../img/main/prev2.png'); left: -80px}
#m1 .next{background-image: url('../img/main/next2.png'); right: -80px}

#m2 .dev{display: flex; justify-content:space-between}
#m2 .dev > li{width: calc(50% - 20px);     display: flex;
    flex-flow: column;}
#m2 .box{background: #fff; border:1px solid #ddd; padding: 40px; border-radius:15px; flex:1}

.main-tab:not(:first-child){display: none;}

.main-bbs{font-size: 1.125rem; line-height: 1.15; letter-spacing: -0.04em;}
.main-bbs li:not(:last-child){border-bottom: 1px solid #ddd}
.main-bbs a{display: flex; width: 100%; justify-content:space-between; align-items:center; padding: 28px 0}
.main-bbs .t{flex:1; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color: #333; font-size: 1.111em; font-weight: 400; margin: 0 20px;}
.main-bbs .label{font-weight: 500; letter-spacing: -0.04em; width: 40px}
.main-bbs .date{color: #a1a1a1}
.main-bbs li:first-child a{padding-top: 0;}
.main-bbs li:last-child a{padding-bottom: 0;}

.main-bbs_thumb li:not(:last-child){margin-bottom: 25px;}
.main-bbs_thumb a{display: flex; align-items:flex-start}
.main-bbs_thumb .img{border:1px solid #ddd; width: 42%; margin-right: 30px; max-width:180px}
.main-bbs_thumb .img .in{padding-bottom: 66%;; position: relative; overflow: hidden; width: 100%}
.main-bbs_thumb .img img{position: absolute;left: 0; top:0; width: 100%; right: 0;bottom: 0; margin: auto; transition: all ease .3s}
.main-bbs_thumb a:hover .img img{transform: scale(1.05, 1.05)}
.main-bbs_thumb a > *{display: block;}
.main-bbs_thumb .label{font-weight: 500; line-height: 1;}
.main-bbs_thumb .t{max-height: 2.8em; overflow: hidden; margin: 8px 0 17px; font-size: 1.25rem; font-weight: 500; color: #333;display: block;}
.main-bbs_thumb .date{color: #a1a1a1; line-height: 1;}

.main-quick{margin-top: 60px;background: linear-gradient(135deg, #459dbb 0%,#308bbf 100%);border-radius: 15px;font-family: var(--gmarket);color: #fff;display: flex;justify-content: space-between;}
.quick-icon{display: flex;padding: 40px 30px;align-items: center;justify-content: center; flex:1; text-align: center; font-size: 1.125rem;}
.quick-link{display: flex;padding: 45px 200px 45px 50px;flex-flow: column;justify-content: center; background: url('../img/main/q-link.png') calc(100% - 50px) center no-repeat; border-left: 1px solid rgba(255,255,255,.3);}
.quick-icon li{position: relative; padding: 0 40px}
.quick-icon img{display: block;margin: 0 auto;}
.quick-icon .txt{margin-top: 20px; font-weight: 500;}
.quick-icon li:not(:first-child):before{position: absolute; left: 0; top:50%; width: 1px; height: 44px; background: rgba(255,255,255,.4); content: ''; margin-top: -22px;}
.quick-link .big{font-size: 1.5rem; font-weight: 700; position: relative;}
.quick-link .big:after{content: ''; width: 18px; height: 11px; background: url('../img/main/arrow.png') center center no-repeat; display: inline-block; margin-left: 10px;}
.quick-link .big span{color: #93ddff; line-height: 1.15;}
.quick-link .small{font-family: var(--noto); color: #f3f7fb; opacity:.5; margin-top: 5px; font-size: 1rem; font-weight: 300;}

.main-sta{display: flex; flex-wrap:wrap; position: relative; font-size: 1.25rem;}
.main-sta > li{width: 20%; position: relative; padding: 35px 30px 110px; border-radius:10px; background: url('') calc(100% - 30px) calc(100% - 30px) no-repeat}
.main-sta .no{font-size: 44px; font-weight: 700; color: #333; display: block;}

.main-sta > li:first-child{background-image: url('../img/main/s1.png')}
.main-sta > li:nth-child(2){background-image: url('../img/main/s2.png')}
.main-sta > li:nth-child(3){background-image: url('../img/main/s3.png')}
.main-sta > li:nth-child(4){background-image: url('../img/main/s4.png')}
.main-sta > li:nth-child(5){background-image: url('../img/main/s5.png')}
.main-sta > li:first-child:hover{background-image: url('../img/main/s1_on.png')}
.main-sta > li:nth-child(2):hover{background-image: url('../img/main/s2_on.png')}
.main-sta > li:nth-child(3):hover{background-image: url('../img/main/s3_on.png')}
.main-sta > li:nth-child(4):hover{background-image: url('../img/main/s4_on.png')}
.main-sta > li:nth-child(5):hover{background-image: url('../img/main/s5_on.png')}

.main-graph{margin-top: 40px; display: flex; justify-content:space-between}
.main-graph > li{width: calc(50% - 20px)}
.main-graph .box{background: #fff; border:1px solid #ddd; padding: 40px; border-radius:15px}
.main-graph .rel{position: relative; display: flex;     align-items: center;}
.main-graph .ab{position: absolute; color: #333; text-align: center; font-size: 1.125rem; line-height: 1.18; left: 0; top:50%; width: 240px; height: 240px; display: flex; flex-flow:column; justify-content: center;align-items:center ; text-align: center; transform:translateY(-50%)}
.main-graph .ab strong{font-size: 2.250rem;}
.main-graph .label_w{margin-left: -180px; display: flex; font-size: 1rem;  flex-wrap:wrap; gap:10px;     align-items: flex-start; margin-right: -10px;}
.main-graph .label_w .item{display: flex;     align-items: center;  margin-right: 10px;}
.main-graph .label_w strong{color: #111; font-weight: 500; margin-left: 5px;}
.main-graph .label_w .circle{width: 10px; height: 10px; border-radius:50%; margin-right: 10px;}
#graph1{height: 240px !important; width: auto !Important; position: relative; left: -120px; z-index: 1}
.main-graph .box2{padding: 40px 25px 20px}

.main-graph .box{height: 345px;display: flex;align-items: center;}
/* #graph2{height: 240px !important; width: auto !Important;} */

#m4{position: relative;}

.map-area{border:1px solid #ccc;display: flex; border-radius:15px; position: relative; z-index: 1}
.map-area .left{width: 319px; border-right: 1px solid #ccc; position: relative;}
.map-area .right{flex:1}
.map-area .left .top{border-bottom: 1px solid #ccc;background: #f0f0f0;border-radius:15px 0 0 0;padding: 20px 30px;display: flex;justify-content: space-between;}
.map-area .left select{width: calc(50% - 5px); height: 40px; padding-left: 1.25rem; border-radius:5px}
.map-area .option{line-height: 1.15; height: 420px; overflow-y: auto; position: relative;}
.map-area .option .item:not(:last-child){border-bottom: 1px solid #eee;}
.map-area .option a{display: block;  padding: 20px 25px; position: relative;}
.map-area .option .label{}
.map-area .option .t{display: block;margin: 10px 0; color: #333; font-size: 1.5rem;}
.map-area .option .ico-loc{width: 40px; height: 40px; border-radius:5px; border:1px solid #ddd; background:#fff url('../img/common/ico-loc.png') center center no-repeat; position: absolute; right: 25px; top:20px; white-space: nowrap; overflow: hidden; text-indent:-999px; display: block;}
.map-area .option .ico-loc{}

.map-area .keyword{height: 60px; border-bottom: 1px solid #ccc; position: relative;}
.map-area .keyword input[type="text"]{width: 100%; height: 100%; border:0; padding: 0 59px 0 30px}
.map-area .keyword button{position: absolute; right: 30px; top:50%; transform:translateY(-50%); background: url('../img/common/ico-sch@3X.png') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; width: 22px; height: 100%; background-size:100%}

.map-area .left:after{display:none; position: absolute; width:100%; height: 100px; background: linear-gradient(to bottom, transparent 0%, #ffffff 100%); content:''; left: 0; bottom: 0; border-radius:0 0 0 15px}
.map-area .right{position: relative;}

/* S : 카카오MAP 뒤 배경화면 지우기(2025년 12월 2일 Park Jong Hoon) */
/* .map-area .ifr{width: 100%; height: 100%; background: #000} */
.map-area .ifr{width: 100%; height: 100%;}
/* E : 카카오MAP 뒤 배경화면 지우기(2025년 12월 2일 Park Jong Hoon) */

.map-area #map{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
.map-area .btns{position: absolute; right: 20px; top:20px;}
.map-area .btns button{width: 45px; height: 45px; background: #fff;display: block; white-space: nowrap; overflow: hidden; text-indent: -999px; position: relative; border:1px solid #ccc;}
.map-area .btns button:before,.map-area .btns button:after{position: absolute; background: #333; border-radius:3px; left: 50%; top:50%; content: ''}
.map-area .btns button:before{width: 15px; height: 3px; margin-left: -7.5px; margin-top: -1.5px;}
.map-area .btns .btn-plus:after{width: 3px; height: 15px; margin-left: -1.5px; margin-top: -7.5px;}
.map-area .btns .btn-plus{border-radius:5px 5px 0 0}
.map-area .btns .btn-minus{border-radius:0 0 5px 5px; margin-top: -1px;}
#m4 .ab{font-size: 170px; font-weight: 700; position: absolute; left:50%; bottom: 0; transform:translateX(-50%);     white-space: nowrap; color: #f9f9f9; font-weight: 700;}

.main-sta > li:hover,.main-sta > li:hover .no{color: var(--blue)}
.main-sta > li:hover{background-color: #fff;}
.main-sta > li .border{border:2px solid var(--blue); position: absolute; left: 0; top:0; right: 0; bottom: 0; margin:auto; border-radius:10px; z-index: 1; display: none;}
.main-sta > li:hover .border{display: block;}

@media (pointer: fine){
	.quick-icon::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.quick-icon::-webkit-scrollbar-track {
	display: none;
}
.quick-icon::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-radius: 5px;
}
}
@media (min-width:1920px){
	#m2{background-size:100%}
}

@media (min-width:1080px){
}
@media (min-width:1025px){
	.main-sta:before,.main-sta:after,.main-sta > li:before,.main-sta > li:after{position: absolute; content: ''; background: #ddd;}
	.main-sta .line{position: absolute; background: #ddd; left: 0;}
	.main-sta:before,.main-sta:after,.main-sta .line{top:10px; height: calc(100% - 20px); width: 1px}
	.main-sta:before{left: 0}
	.main-sta:after{right:0}
	.main-sta > li:before,.main-sta > li:after{width: calc(100% - 20px); left: 10px; height: 1px}
	.main-sta > li:before{top:0}
	.main-sta > li:after{bottom: 0}

}
@media (max-width:1780px){
	.scroll_down{right: 30px}
}
@media (max-width:1500px){
	#m1 .prev{left: 0}
	#m1 .next{right: 0}

	#graph1{height: 190px !Important;}
	.main-graph .ab{height: 190px; width: 190px; margin-left: -23px;}
	.tit-main3 .down{padding: 0 15px}
	.tit-main3 select{padding-left: 15px; width: 100px}

	.quick-icon li{padding: 0 25px}

}
@media (max-width:1400px){
	.scroll_down{right: 1rem; bottom: 30px; top:auto; transform:none}
	#m1 .s_w{margin: 0 -10px;}
	#m1 .item a{margin-left: 10px; margin-right: 10px;}
	.quick-link{padding-left: 30px; padding-right: 150px; background-position: calc(100% - 30px) center}
	.quick-icon{padding: 30px 15px}
}
@media (max-width:1024px){
	#m1{padding-top: 80px;}
	#m3{padding-top: 80px; background: linear-gradient(to top,#f4f6f9 calc(100% - 300px), #fff calc(100% - 300px))}
	#m4{padding: 80px 0 0}
	#m2{padding: 80px 0 100px}
	.quick-icon{white-space: nowrap; overflow-x: auto;}

	.tit-main .big{font-size: 40px;}

	#mainVisual .inner{flex-flow: column; justify-content: center; align-items: center; text-align: center;     padding: 190px 1rem 100px}
	.append_w{justify-content:center}
	#mainVisual .vis-cont{font-size: 1.5rem;}
	#mainVisual .vis-cont .big{font-size: 50px;}
	.append_w{margin-top: 45px;}
	#mainPop{margin-top: 45px;}

	#m1 .cont{padding: 20px}
	#m1 .item a{margin-top: 15px;}
	#m1 .more{display: none;}
	#m1 .slick-arrow{width: 50px; height: 50px; margin-top: 0; top:calc(240px - 30px)}
	#m2 .box{padding: 20px}
	#m2 .dev{flex-flow: column;}
	#m2 .dev > li{width: 100%}
	.main-bbs a{padding: 20px 0}
	#m2 .dev > li:not(:first-child){margin-top: 40px;}
	.main-quick{margin-top: 40px;    flex-flow: column;}
	.quick-link{padding: 30px 100px 30px 30px; background-size:73px; border-left: 0; border-top: 1px solid rgba(255,255,255,.3);}
	.quick-link .big br{display: none;}
	.quick-icon{padding: 20px 0}
	.quick-icon li{padding: 0 5%}
	.quick-icon .txt{margin-top: 15px;}

	.main-sta{border:1px solid #ddd; border-radius:15px;background: #fff}
	.main-sta > li{width: 50%; border-radius:0; background-size:50px; background-position: calc(100% - 18px) calc(100% - 18px);padding: 20px 20px 50px;}
	.main-sta > li:nth-child(5){width: 100%}
	.main-sta > li:nth-child(even){border-left: 1px solid #ddd;}
	.main-sta > li:not(:nth-child(5)){border-bottom: 1px solid #ddd;}
	.main-sta .no{font-size: 40px;}

	.main-graph{flex-flow:column}
	.main-graph > li{width: 100%}
	.main-graph > li:last-child{margin-top: 40px;}
	.main-graph .box{height: auto; display: block;}
	.main-graph .rel{display: block;}
	#graph1{left: auto; margin: 0 auto;}
	.main-graph .ab{left: 0; top:0; width: 100%; margin: 0;     transform: none; height: 245px}
	.main-graph .label_w{margin: 30px -10px 0 0;}

	.main-graph .box{padding: 30px}

	#graph1{width: 100% !Important; height: auto !Important; max-width:500px}
	.main-graph .box2{padding: 30px 20px}

	.map-area{margin: 0 -1rem; display: block; border-radius:0; border-left: 0; border-right: 0;}
	.map-area .left .top{border-radius:0}
	#m4 .ab{display: none;}
	.map-area .left{width: 100%}
	.map-area .right{width: 100%}
	.map-area .option{height: 340px}
	.map-area .ifr{padding-bottom: 70%;}
	.map-area .left .top{padding: 15px}

	.tit-main.row{flex-flow:column;    align-items: center;}
	.tit-main.row .small{display: block; margin: 20px 0 0;}

	.map-area .keyword input[type="text"]{padding: 0 40px 0 15px}
	.map-area .keyword button{right: 15px}
	.map-area .option a{padding: 20px 15px}
	.map-area .option .ico-loc{right: 15px; top:20px}
}
@media (max-width:720px){
	.scroll_down{display: none;}
	#m1 .t .small{display: block; margin: 5px 0 0;}
	.main-bbs_thumb .img{margin-right: 18px;}
	.main-bbs_thumb .t{margin: 5px 0 15px;}

	.tit-main2.res{display: block;}
	.tit-main2.res .r{justify-content:end; margin-top: 10px;}

	.tit-main3 .btns{width: 100%; justify-content: space-between;}
	.tit-main3 .btns select{width: calc(50% - calc(10px/2))}

	#mainVisual .pc{display: none;}
	#mainVisual .m{display: block}

	.main-graph .box{padding: 1.5rem}
}
@media (max-width:530px){
	.main-graph .ab{height: 36.5vw}
}
@media (max-width:480px){
	#mainVisual .inner{padding: 160px 1rem 70px}
	#m1 .item a{margin-top: 0;}
	.main-sta > li{background-size:45px; background-position: calc(100% - 15px) calc(100% - 15px)}

	/* .tit-main3{flex-flow:column}
	.tit-main3 .btns{justify-content:end; margin-top: 10px;} */
}
@media (max-width:420px){
}