@charset "utf-8";

/* ************************ 셋팅 ************************ */
:root {
	--f_base1: 'Freesentation', 'Pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;

	--c_base1: #0b499c;   /* 메인 컬러 */
	--c_base2: #22b573;   /* 서브 컬러 */
	--c_base3: #06306e;   /* 다크 컬러 */
	--c_base4: #2984d8;   /* 보조 컬러 */
	--c_base5: #84ff63;

	--bg1: #eef3fa;

	--border1: #E0E0E0;

	--ani: all .3s ease;

	--fs12:12px; --fs13:13px; --fs14:14px; --fs15:15px; --fs16:16px;
	--fs17:17px; --fs18:18px; --fs20:20px; --fs22:22px; --fs24:24px;
	--fs26:26px; --fs28:28px; --fs30:30px; --fs32:32px; --fs36:36px;
	--fs40:40px; --fs44:44px; --fs48:48px; --fs56:56px;
}

@media (max-width: 1199px) {
	:root {
		--fs20:19px; --fs22:20px; --fs24:22px; --fs26:23px; --fs28:25px;
		--fs30:26px; --fs32:28px; --fs36:30px; --fs40:32px; --fs44:34px;
		--fs48:36px; --fs56:40px;
	}
}
@media (max-width: 767px) {
	:root {
		--fs17:16px; --fs18:16px; --fs20:17px; --fs22:18px; --fs24:19px;
		--fs26:20px; --fs28:21px; --fs30:22px; --fs32:23px; --fs36:24px;
		--fs40:26px; --fs44:27px; --fs48:28px; --fs56:32px;
	}
}

body { font-family: var(--f_base1); }

a { text-decoration: none !important; outline: none !important; transition: var(--ani); color: inherit; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit; }

img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* 유틸 컬러 */
.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; }
.bg_base1 { background: var(--c_base1) !important; color: #fff !important; }
.bg_base2 { background: var(--c_base2) !important; color: #fff !important; }
.bg1 { background: var(--bg1) !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; } .h120 { height:120px; }

@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; }
	.h120 { height:80px; }
}
@media screen and (max-width:767px) {
	.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; } .h120 { height:60px; }
}

/* *************************** 이미지팝업 *************************** */
.imgOpen2 { z-index:999999; position:fixed; overflow:hidden; left:0; top:0; width:100%; height:0; background-color:rgba(0,0,0,.7); text-align:center; font-weight:normal; }
.imgOpen2 .wrap { position:relative; }
.imgOpen2 .wrap div { padding:40px 0 80px; position:relative; display:flex; justify-content:center; overflow:hidden; width:100%; text-align:center; vertical-align:middle; box-sizing:border-box; }
.imgOpen2 .wrap img { max-height:100%; max-width:100%; border:10px solid transparent; }
.imgOpen2 .popTitle { z-index:100; position:absolute; left:0; bottom:20px; width:100%; font-size:14px; text-align:center; }
.imgOpen2 .popTitle p { display:inline-block; padding:10px 20px; color:#fff; background:rgba(0,0,0,.4); border-radius:100px; line-height:1.2; }
.imgOpen2 button { z-index:300; position:absolute; display:block; top:50%; width:60px; height:60px; padding:0; background-color:rgba(0,0,0,.2); font-size:12px; color:#fff; border:0; border-radius:50%; cursor:pointer; background-position:50%; background-repeat:no-repeat; background-size:30%; transition:.3s; }
.imgOpen2 button:hover { background-color:rgba(0,0,0,.9); }
.imgOpen2 button.prev { left:20px; }
.imgOpen2 button.next { right:20px; }
.imgOpen2 button.close { top:20px; right:20px; }
@media screen and (max-width:767px) {
	.imgOpen2 button { width:40px; height:40px; }
	.imgOpen2 button.prev { left:10px; }
	.imgOpen2 button.next { right:10px; }
	.imgOpen2 button.close { top:10px; right:10px; }
	.imgOpen2 .popTitle { bottom:10px; font-size:12px; }
}