/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/********************************************************
■ 공통
********************************************************/
html{font-size:20px;}
body{font-size:1rem}
.tablet{display:none;}
.mob{display:none;}
#wrap{position:relative; line-height:1.5; font-size: .9rem; }
#wrap img { border:none; vertical-align:middle;}
#wrap i{vertical-align:middle;}

@media (max-width:1440px){
	html{font-size:18px;}
}
@media (max-width:1024px){
	html{font-size:17px;}
	#wrap{font-size:1rem;}
}

/********************************************************
■ 페이지 탭
********************************************************/
.content-tab{display:flex; height:2rem; background:#fff; border-bottom:1px solid #ddd; padding:0.2rem 0.5rem;}
.content-tab .tab-button{width:1.5rem; height:1.5rem; background:#fff; border:1px solid #eee; border-radius:0.5rem; font-size:0; background-repeat:repeat; background-position:50% 50%; background-size:1.2rem 1.2rem; }
.content-tab .tab-button.tab-prev{background-image:url('/images/default/main/arrow_prev.svg')}
.content-tab .tab-button.tab-next{background-image:url('/images/default/main/arrow_next.svg')}
.content-tab .tab-button:hover{background-color:#D3EEF8; }
.content-tab .tab-button.tab-prev:hover{background-image:url('/images/default/main/arrow_prev_on.svg')}
.content-tab .tab-button.tab-next:hover{background-image:url('/images/default/main/arrow_next_on.svg')}
.content-tab .all_close{display: inline-flex; align-items: center; color:var(--gray); height:1.5rem;  font-weight:600; font-size:0.7rem; padding:0 0.25rem; background:#fff; border:1px solid #eee; border-radius:0.5rem; margin-left:0.5rem;}
.content-tab .all_close i{display:inline-block;  width:1.1rem; height:1.1rem; background:url('/images/default/main/all_close.svg')no-repeat 50% 50%; background-size:100% 100%;}
.content-tab .all_close:hover{background-color:#D3EEF8;  color:#1E2756;}
.content-tab .all_close:hover i{background-image:url('/images/default/main/all_close_on.svg');}
.content-tab .tab-navi{flex:1; overflow-x:auto; scroll-snap-type: x mandatory; overflow-y: hidden; white-space: nowrap; padding:0 0.5rem;}
.content-tab .tab-navi .menu-tab{display:inline-block; border-radius:0.5rem; line-height:1.5rem; padding-left:0.5rem; background:#F4F4F4; color:#1E2756; font-size:0.7rem; font-weight:500;}
.content-tab .tab-navi .menu-tab i{ display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/default/main/close_b.svg')no-repeat 50% 50%; background-size:0.5rem 0.5rem;   }
.content-tab .tab-navi .menu-tab.active{background:#1E2756; color:#fff;}
.content-tab .tab-navi .menu-tab.active i{background-image:url('/images/default/main/close_w.svg');}



/********************************************************
■ 높은 해상도 대비
********************************************************/


@media (min-width:2100px){
	html{font-size:22.2px;}
}
@media (min-width:2400px){
	html{font-size:25px;}
}
@media (min-width:2550px){
	html{font-size:26.5px;}
}
@media (min-width:2880px){
	html{font-size:30px;}
}
@media (min-width:3840px){
	html{font-size:40px;}
}
@media (min-width:5640px){
	html{font-size:60px;}
}
@media (min-width:7640px){
	html{font-size:80px;}
}