@charset "utf-8";

/* ************************ 기본셋팅 ************************ */

html { font-size:0.625rem; } 


/* ************************ 셋팅 ************************ */
:root {
	--f_base1:'Pretendard';
	
	--c_base1:#122A45;
	--c_base2:#0191B7;
	--c_base3:#02B7E6; 
	
	--bg1:#EFF6FF;
	--bg2:#F9F9F9;
	
	--text1:#444;
	
	--border1:#DFE3E6;
	
	--fs12:1.2rem;
	--fs13:1.3rem;
	--fs14:1.4rem;
	--fs15:1.5rem;
	--fs16:1.6rem;
	--fs17:1.7rem;
	--fs18:1.8rem;
	--fs20:2rem;
	--fs22:2.2rem;
	--fs23:2.3rem; 
	--fs24:2.4rem; 
	--fs26:2.6rem;
	--fs28:2.8rem;
	--fs30:3rem;
	--fs32:3.2rem;
	--fs36:3.6rem;
	--fs38:3.8rem;
	--fs40:4rem;
	--fs45:4.5rem;
	--fs48:4.8rem;
	--fs50:5rem;
	--fs56:5.6rem;
	--fs60:6rem;
	--fs64:6.4rem;
	--fs80:8rem;

}

@media (max-width: 1199px) {
	:root {
		--fs18:1.7rem;
		--fs20:1.9rem;
		--fs22:2rem;
		--fs23:2.2rem; 
		--fs24:2.3rem; 
		--fs26:2.4rem;
		--fs28:2.6rem;
		--fs30:2.8rem;
		--fs32:3.2rem;
		--fs36:3rem;
		--fs38:3.2rem;
		--fs40:3.4rem;
		--fs45:4rem;
		--fs48:4.1rem;
		--fs50:4.2rem;
		--fs56:4.3rem;
		--fs60:4.4rem;
		--fs64:5rem;
		--fs80:6rem;
	}
}
@media (max-width: 767px) {
	:root {
		--fs12:1.1rem;
		--fs13:1.2rem;
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.5rem;
		--fs18:1.6rem;
		--fs20:1.8rem;
		--fs22:1.9rem;
		--fs23:2rem; 
		--fs24:2.1rem; 
		--fs26:2.2rem;
		--fs28:2.3rem;
		--fs30:2.4rem;
		--fs32:2.5rem;
		--fs36:2.6rem;
		--fs38:2.8rem;
		--fs40:3rem;
		--fs45:3.1rem;
		--fs48:3.1rem;
		--fs50:3.2rem;
		--fs56:3.2rem;
		--fs60:3.3rem;
		--fs64:3.6rem;
		--fs80:5rem;
	}
}



.c_base1 {color:var(--c_base1) !important;}
.c_base2 {color:var(--c_base2) !important;}
.c_base3 {color:var(--c_base3) !important;}
.c_base4 {color:var(--c_base4) !important;}

.c_bg1 {background:var(--c_bg1) !important; color:#fff !important;}
.c_bg2 {background:var(--c_bg2) !important; color:#fff !important;}


.h5 {height:5px;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h110 {height:110px;}
.h120 {height:120px;}
.h130 {height:130px;}
.h140 {height:140px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h180 {height:180px;}
.h190 {height:190px;}
.h200 {height:200px;}

@media screen and (max-width:1199px) {
	.h30 {height:20px;}
	.h40 {height:30px;}
	.h50 {height:40px;}
	.h60 {height:40px;}
	.h70 {height:50px;}
	.h80 {height:60px;}
	.h90 {height:65px;}
	.h100 {height:70px;}
	.h110 {height:75px;}
	.h120 {height:80px;}
	.h130 {height:85px;}
	.h140 {height:90px;}
	.h150 {height:90px;}
	.h160 {height:90px;}
	.h170 {height:100px;}
	.h180 {height:100px;}
	.h190 {height:110px;}
	.h200 {height:120px;}
	
}

@media screen and (max-width:767px) {
	.h10 {height:5px;}
	.h20 {height:10px;}
	.h30 {height:20px;}
	.h40 {height:25px;}
	.h50 {height:30px;}
	.h60 {height:35px;}
	.h70 {height:40px;}
	.h80 {height:45px;}
	.h90 {height:50px;}
	.h100 {height:55px;}
	.h110 {height:60px;}
	.h120 {height:60px;}
	.h130 {height:65px;}
	.h140 {height:65px;}
	.h150 {height:70px;}
	.h160 {height:70px;}
	.h170 {height:75px;}
	.h180 {height:75px;}
	.h190 {height:80px;}
	.h200 {height:85px;}
}

a { text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important; transition:var(--ani); color:inherit; } 
a:link, a:visited, a:hover, a:active {text-decoration:none; color:inherit; }


/* ==========================================================================
   [원본 원복] 1. 사진 강제 노출 기능 (이 구역은 순수하게 노출만 담당합니다)
   ========================================================================== */
.list_gallery .img img, 
.view_normal_con img,
.observing.loaded:not(.main_logo) {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* 메인 로고 교차 제어 */
.main_logo.on { display: none !important; }
.main_logo.off { display: inline-block !important; }


/* ==========================================================================
   [따로 분리] 2. 오직 메인 썸네일 사진들만 콕 집어서 1안(Cover) 적용
   ========================================================================== */
/* 사진을 감싸고 있는 외부 액자 네모 틀 높이 고정 */
.list_gallery .img,
.list_gallery .img_wrap,
.list_gallery .thumb,
.board_gallery01 .img,
.board_gallery01 .img_wrap {
    height: 240px !important; /* 바둑판 배열을 맞춰줄 고정 높이 */
    overflow: hidden !important; /* 넘치는 사진 부분은 깔끔하게 커팅 */
    background-color: #f8f9fa !important;
}

/* 오직 액자 틀 바로 밑에 박혀있는 '메인 이미지'에만 크기 100%와 1안(Cover)을 먹입니다 */
/* 이로써 글자 옆의 NEW 아이콘이나 다른 요소들이 커지는 현상을 완벽히 격리합니다 */
.list_gallery .img img,
.list_gallery .img_wrap img,
.list_gallery .thumb img,
.board_gallery01 .img img,
.board_gallery01 .img_wrap img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important; /* 1안: 비율 유지하며 액자 틀 빈틈없이 가득 채우기 */
}

/* 3. NEW 아이콘 및 아이콘 이미지들의 크기를 원래대로 강제 고정하는 최종 안전장치 */
img[src*="new"],
img[class*="new"],
img.new,
img[src*="icon"] {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    display: inline-block !important;
}