@charset "utf-8";

/*********************** PC 및 모든 기기 *************************/
.dim{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 100; display: none;}
.SiteMap_back{position: fixed; left: 0; right: 0; top: 100px; bottom: 0; background: rgba(0,0,0,.8); z-index: 8; display: none;}

/* 이메일무단수집거부 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {padding: 30px;}
.pop-layer p.ctxt {margin-top:25px; font-size:14px; line-height: 26px; padding-bottom:10px;}
.pop-layer p.ctxt span { font-weight:600; color:#008cdd; }
.pop-layer .btn-r {position:relative; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#333; line-height:23px;}
a.cbtn {display:inline-block; position:absolute; top:0; right:0; font-size:0; line-height:0;  }	
.pop-layer .copyright { margin-top:15px; font-size:12px; letter-spacing:0; color:#888; line-height:15px; text-align:center; }

/*메모: 각 기기에서 보여지고 안보여지는 기능은 클래스 hide_pc, hide_tablet, hide_mobile 으로 명명했고 기능은 display:none으로 처리함*/
/*********************** PC만 *************************/
@media screen and (min-width:980px){
	.hide_pc{display: none;}
/*    html,body{min-width: 100%;}	*/
	body{overflow-x:hidden;}

	/* ****************** HEADER 시작 ********************** */
	#header{position:relative; width: 100%;  font-family:"Nanum Barun Gothic",dotum,Verdana; background:#fff; border-bottom:2px solid #1d2972; }
/*	#header h1{float: left; margin: 35px 200px 0px 0px;} */
	.wrap_screen{width: 100%; margin: 0 auto; position: relative; border: 0px solid #000000;}
	.wrap_screen .logo{position:absolute; top:23px; left:50px; z-index:1;}

	#gnb{width: auto; padding-right:100px;}
	#gnb > ul{text-align:right;}
	#gnb > ul > li{position:relative; display:inline-block;  text-transform:capitalize;}
	#gnb > ul > li:first-child{margin-left:0;}
	#gnb > ul > li > a{display:block; position:relative; height:100px; line-height:100px; font-size:21px; padding:0 35px; color:#333; 
		-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
	}
	#gnb > ul > li > a:before{position:absolute; content:""; top:0px; left:50%; width:0; height:3px; background-color:#373996;
		-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
	}
	#gnb > ul > li > a:hover,#gnb > ul > li.active > a{color:#1d2972;}
	#gnb > ul > li > a:hover:before,#gnb > ul > li.active > a:before{width:100%; margin-left:-50%; }
	#gnb > ul > li.sitemap_btn{position:absolute; float: right; top: 25px; width: 70px; cursor: pointer;}
	#gnb > ul > li.sitemap_btn_close{position:absolute; float: right; display: none; margin-top:2px; width: 70px; cursor: pointer; z-index:9999;}
	#gnb > ul > li .gnb-2dep{display:none; position:absolute; top:100px; left:50%; width:170px; margin-left:-79px; padding:11px 0px; text-align: center; background-color:#1d2972; z-index: 10;}
	#gnb > ul > li .gnb-2dep li a{display:block; padding:15px 0 15px 0px; color:#fff;}
	#gnb > ul > li .gnb-2dep li a:hover{ text-decoration:underline; }
	#gnb > ul > li .gnb-2dep li .gnb-3dep{display:none;}
	/* ****************** HEADER 끝 ********************** */


	/********** SiteMap 메뉴 시작**********/
	.SiteMap{display: none; position:absolute; width: 100%; height:300px; background-color: #1d2973; border: 0px solid #000000; z-index: 11;}
	.SiteMap .in_SiteMap{position:relative; width: 100%; margin: 0 auto;}
	.SiteMap .in_SiteMap > div{display: inline-block; text-align: center; border: 0px solid #ffffff;}
	.SiteMap .in_SiteMap > div a{padding:15px 0px 15px 0px; color:#fff;}
	.SiteMap .in_SiteMap > div.img_area{padding: 30px 0 0 50px;}
	.SiteMap .in_SiteMap > div.txt_area{ float:right; padding-right:95px;}	
	.SiteMap .in_SiteMap > div.txt_area .SiteMap_Menu{display: inline-block; padding:8px 45px 0px 45px; line-height:50px; vertical-align: top;}
	.SiteMap .in_SiteMap > div.txt_area .long{padding:8px 10px 0px 10px;}
	#tm_lnb{position: relative; z-index: 8;display: none;}
	/********** SiteMap 메뉴 끝**********/


	/********** 메인 컨텐츠 시작**********/
	#contents_area{width: 100%; height: 860px; border: 1px solid #000000; background:url('/images/main/main_bg.png'); background-repeat: no-repeat; background-position: center; background-size: 100% 860px;}
	.main_area{width: 100%; margin: 0 auto; margin-top: 70px; margin-bottom: 70px;}
	.main_area .main01{float: left; width: 33%;}
	.main_area .main01 .slider > div{width: 33%; height: 720px;}
	.main_area .main01 .slider > div > .section{padding-top: 30%; color: #ffffff;}
	.main_area .main01 .slider > div > .section h2{font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 60px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section p{margin-top: 10px; margin-bottom: 60px; font-size: 24px; line-height: 32px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section a{padding: 13px 28px 13px 28px; border: 1px solid #ffffff;}
	.main_area .main02{float: left; padding-top:50px; width: 23%; height:670px; color: #ffffff; background: url('/images/main/img_sports.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #354b69;}
	.main_area .main02 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size:28px; text-align: center;}
	.main_area .main02 > .in_contents{margin: 30px 0px 0px 0px; line-height: 30px; text-align: center;}
	.main_area .main02 > .in_more{margin: 0 auto; margin-top: 50px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; border: 1px solid #ffffff;}
	.main_area .main03{float: left; padding-top:50px; width: 23%; height:670px; color: #ffffff; background: url('/images/main/img_bunyang.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #2669ad;}
	.main_area .main03 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size:28px; text-align: center;}
	.main_area .main03 > .in_contents{margin: 30px 0px 0px 0px; line-height: 30px; text-align: center;}
	.main_area .main03 > .in_more{margin: 0 auto; margin-top: 50px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; border: 1px solid #ffffff;}
	.main_area .main04{float: left; padding-top:10px; width: 21%; height:608px; color: #333333; background-color: #efefef;}
	.main_area .main04 ul{display: inline-block; width: 100%; }
	.main_area .main04 ul li{float: left; width:50%; font-size:18px; text-align: center; line-height: 24px; padding:18px 0;}
	.main_area .main05{position:relative; float: left; width: 21%; height:75px; padding-top:27px; background: #fff;}
	#bannerWrap{position:relative; width: 85%; height:48px; margin: 0 auto;}
	#prevBtn{position:absolute; float:left; top: 45%; left: 3%;}
	#nextBtn{position:absolute; float:right; top: 45%; left: 97%;}
	/********** 메인 컨텐츠 끝**********/

	/********** footer 컨텐츠 시작**********/
	#footer{padding: 50px 0 50px 50px; width: 100%; height:100px; background: #3f3e3e; }
	#footer .content{width:100%; margin:0 auto; }
	#footer .content .left{float:left; width:90%; line-height:20px; font-size:12px;}
	#footer .content .left ul{overflow:hidden;}
	#footer .content .left ul li{float:left; color:#ccc;}
	#footer .content .left ul li span{display:inline-block; padding:0 10px 0 8px; font-size:12px;}
	#footer .content .left ul li a{color:#ccc; font-size:12px;}
	#footer .content .left ul li a em{color:#ccc;}
	#footer .content .left .bar{padding:0 10px 0 8px;}
	#footer .content .center{float:left; width:90%; padding:11px 0 0 0;}
	#footer .content .center .bar{padding:0 10px 0 8px;}
	#footer .content .center .address{float:left; width:90%; padding:9px 0 0 0; color:#ccc; font-size:12px; line-height:20px; text-align:left;}
	#footer .content .center .address .bar{padding:0 10px 0 8px;}
	#footer .footer_em{color:#009bf2; font-weight:bold; }
	#footer .content .foot_sitemap_R{float:right; width:10%; margin-right:50px; margin-top:-100px;}
	/********** footer 컨텐츠 끝**********/
}

/*********************** 태블릿과 모바일 *************************/
@media screen and (max-width:979px){
    .wrap_tm{padding: 0 20px;}

	#header{position:relative; width: 100%;  font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; background:#fff; border-bottom:2px solid #1d2972; }
	#header h1{float: left; margin: 35px 0px 30px 30px;}
/*    .wrap_screen{width: 100%; margin: 0 auto; position: relative; overflow: hidden; border: 0px solid #000000;} */
    .wrap_screen{width: 100%; margin: 0 auto; position: relative;}
	.tm_menu{float: right; margin: 35px 20px 0px 10px; width: 50px; text-align: center; border: 0px solid #000000; cursor: pointer;}

	#tm_lnb{position: relative; z-index: 110;display: none;}
}

/*********************** 태블릿만 *************************/
@media screen and (min-width:760px) and (max-width:979px){
	.hide_tablet{display: none;}

	.dim{top: 90px;}
	.tm_menu{float: right; margin: 35px 20px 0px 30px; width: 50px; text-align: center; border: 0px solid #000000; cursor: pointer;}

	/********** 메뉴 부분 시작**********/
    #tm_lnb{width: 100%; position: absolute; right: 0; top: 0; background: #ffffff;}
    #tm_lnb.on{}
    #tm_lnb .m_head{height: 90px;}
    #tm_lnb .m_head h1{float: left; margin-left: 30px; margin-top: 35px;}
    #tm_lnb .m_head .btn{float: right; margin-right: 24px; margin-top: 30px; cursor: pointer;}
    #tm_lnb dl{float: left; width: 25%; border-left: 1px solid #22201d;}
	#tm_lnb dl:first-of-type{width: 24.6%; border-left: 0px solid #22201d;}
    #tm_lnb dt{padding: 17px 0px 17px 0px; text-align: center; color: #ffffff; background: #1d2973; }
    #tm_lnb dd{padding-top: 20px; padding-bottom: 68px; text-align: center; background: #ffffff;}
    #tm_lnb dl:nth-of-type(1) > dd:last-child{padding-bottom: 33px; border-bottom: 1px solid #22201d;}
    #tm_lnb dl:nth-of-type(2) > dd:last-child{padding-bottom: 147px; border-bottom: 1px solid #22201d;}
    #tm_lnb dl:nth-of-type(3) > dd:last-child{padding-bottom: 109px; border-bottom: 1px solid #22201d;}
	#tm_lnb dl:nth-of-type(4) > dd:last-child{padding-bottom: 71px; border-bottom: 1px solid #22201d;}
    #tm_lnb dd a{display: block; line-height: 38px; }
    #tm_lnb dd a.on,
    #tm_lnb dd a:active,
    #tm_lnb dd a:hover{color: #1d2973; text-decoration: underline;}
	/********** 메뉴 부분 끝**********/


	/********** 메인 컨텐츠 시작**********/
	#contents_area{width: auto;}
	.main_area{width: auto; margin: 0 auto;}
	.main_area .main01{}
	.main_area .main01 > img{width: 100%;}
	.main_area .main01 .slider > div{width: 100%; height: 720px;}
	.main_area .main01 .slider > div > .section{padding-top: 24.3%; color: #ffffff;}
	.main_area .main01 .slider > div > .section h2{font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 60px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section p{margin-top: 10px; margin-bottom: 40px; font-size: 24px; line-height: 32px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section a{padding: 13px 28px 13px 28px; border: 1px solid #ffffff;}
	.main_area .main02{float: left; padding: 40px 0px 162px 0px; width: 50%; color: #ffffff; background: url('/images/main/img_sports.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #354b69;}
	.main_area .main02 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 2.000em; text-align: center;}
	.main_area .main02 > .in_contents{margin: 13px 0px 0px 0px; line-height: 30px; text-align: center; font-size: 1.000em;}
	.main_area .main02 > .in_more{margin: 0 auto; margin-top: 27px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; font-size: 1.000em; border: 1px solid #ffffff;}
	.main_area .main03{float: left; padding: 40px 0px 162px 0px; width: 50%; color: #ffffff; background: url('/images/main/img_bunyang.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #2669ad;}
	.main_area .main03 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 2.000em; text-align: center;}
	.main_area .main03 > .in_contents{margin: 13px 0px 0px 0px; line-height: 30px; text-align: center; font-size: 1.000em;}
	.main_area .main03 > .in_more{margin: 0 auto; margin-top: 27px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; font-size: 1.000em; border: 1px solid #ffffff;}
	.main_area .main04{clear: both; padding: 32px 0px 32px 0px; width: auto; color: #333333; background-color: #f7f7f7;}
	.main_area .main04 ul{display: inline-block; margin-left: 35px;}
	.main_area .main04 ul li{float: left; padding-left: 50px; text-align: center; font-size: 1.000em; line-height: 24px;}
	.main_area .main05{clear: both; position:relative; padding: 27px 0px 27px 0px; width: auto; background: #ffffff;}
	#bannerWrap{position:relative; width: 90%; margin: 0 auto;}
	#prevBtn{position:absolute; float:left; top: 40%; left: 2%;}
	#nextBtn{position:absolute; float:right; top: 40%; left: 97%;}
	/********** 메인 컨텐츠 끝**********/


	/********** footer 컨텐츠 시작**********/
	#footer{padding: 70px 30px 75px 30px; width: 100%; background: #3f3e3e; display: inline-block;}
	#footer .content{width: auto; margin:0 auto; color: #cccccc; font-size: 13px;}
	#footer .content .left{float:left; width:90%; line-height:20px;}
	#footer .content .left ul{overflow:hidden;}
	#footer .content .left ul li{float:left; color:#ccc;}
	#footer .content .left ul li span{display:inline-block; padding:0 10px 0 8px;}
	#footer .content .left ul li a{color:#ccc;}
	#footer .content .left ul li a em{color:#ccc;}
	#footer .content .left .bar{padding:0 10px 0 8px;}
	#footer .content .center{float:left; width:90%; padding:11px 0 0 0;}
	#footer .content .center .bar{padding:0 10px 0 8px;}
	#footer .content .center .address{float:left; width:90%; padding:9px 0 0 0; color:#ccc; font-size:12px; line-height:20px; text-align:left;}
	#footer .content .center .address .bar{padding:0 10px 0 8px;}
	#footer .footer_em{color:#009bf2; font-weight:bold; }
	/********** footer 컨텐츠 끝**********/
}

/*********************** 모바일만 *************************/
@media screen and (max-width:759px){
	body{font-size:14px;}
	.hide_mobile{display: none;}

	.dim{position: fixed;}
	.logo_img{width: 80%;}

	/********** 메뉴 부분 시작**********/
    #tm_lnb{width: 240px; position: absolute; right: 0; top: 0; background: #fff;}
    #tm_lnb.on{}
    #tm_lnb .m_head{height: 90px; background: #1d2972;}
    #tm_lnb .m_head h1{float: left; margin-left: 20px; margin-top: 35px;}
    #tm_lnb .m_head .btn{float: right; margin-right: 24px; margin-top: 30px; cursor: pointer;}
    #tm_lnb dl{}
    #tm_lnb dt{border-bottom: 1px solid #015c92; height: 50px; line-height: 50px; color: #fff; background: url(/images/common/gnb_bg.png) no-repeat 194px 50% #2669ad; padding-left: 18px;}
    #tm_lnb dd{display: none;}
    #tm_lnb dd a{display: block; height: 50px; line-height: 50px; padding-left: 18px; border-bottom: 1px solid #ddd;}
    #tm_lnb dd a.on,
    #tm_lnb dd a:active,
    #tm_lnb dd a:hover{color: #2669ad;}
	/********** 메뉴 부분 끝**********/


	/********** 메인 컨텐츠 시작**********/
	#contents_area{width: auto;}
	.main_area{width: auto; margin: 0 auto;}
	.main_area .main01{}
	.main_area .main01 > img{width: 100%;}
	.main_area .main01 .slider > div{width: 100%; height: 420px;}
	.main_area .main01 .slider > div > .section{padding-top: 25%; color: #ffffff;}
	.main_area .main01 .slider > div > .section h2{font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 36px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section p{margin-top: 10px; margin-bottom: 40px; font-size: 18px; line-height: 28px; text-shadow:0  0 5px #000;}
	.main_area .main01 .slider > div > .section a{padding: 13px 28px 13px 28px; border: 1px solid #ffffff;}
	.main_area .main02{clear:both; left; padding: 40px 0px 162px 0px; width: 100%; color: #ffffff; background: url('/images/main/img_sports.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #354b69;}
	.main_area .main02 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 2.000em; text-align: center;}
	.main_area .main02 > .in_contents{margin: 13px 0px 0px 0px; line-height: 30px; text-align: center; font-size: 1.000em;}
	.main_area .main02 > .in_more{margin: 0 auto; margin-top: 27px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; font-size: 1.000em; border: 1px solid #ffffff;}
	.main_area .main03{clear:both; padding: 40px 0px 162px 0px; width: 100%; color: #ffffff; background: url('/images/main/img_bunyang.png'); background-repeat: no-repeat; background-position: right bottom; background-color: #2669ad;}
	.main_area .main03 > .in_title{width: auto; font-family:"Nanum Barun Gothic",dotum,Verdana; font-weight: 700; font-size: 2.000em; text-align: center;}
	.main_area .main03 > .in_contents{margin: 13px 0px 0px 0px; line-height: 30px; text-align: center; font-size: 1.000em;}
	.main_area .main03 > .in_more{margin: 0 auto; margin-top: 27px; padding: 12px 0px 12px 0px; width: 130px; text-align: center; font-size: 1.000em; border: 1px solid #ffffff;}
	.main_area .main04{clear: both; padding: 0px 0px 36px 0px; width: auto; color: #333333; background-color: #f7f7f7;}
	.main_area .main04 ul{display: inline-block;}
	.main_area .main04 ul li{float: left; padding: 40px 0px 0px 0px; width: 50%; text-align: center; font-size: 1.000em; line-height: 24px;}
	.main_area .main05{clear: both; position:relative; padding: 27px 0px 27px 0px; width: auto; background: #ffffff;}
	#bannerWrap{position:relative; width: 90%; margin: 0 auto;}
	#prevBtn{position:absolute; float:left; top: 40%; left: 2%;}
	#nextBtn{position:absolute; float:right; top: 40%; left: 97%;}
	/********** 메인 컨텐츠 끝**********/


	/********** footer 컨텐츠 시작**********/
	#footer{padding: 40px 30px; width: auto; background: #3f3e3e; display: inline-block;}
	#footer .content{width: auto; margin:0 auto; color: #cccccc; font-size: 13px;}
	#footer .content .center{float:left; width:100%;}
	#footer .content .center .bar{padding:0 8px;}
	#footer .content .center .address{float:left; width:100%; padding:9px 0 0 0; color:#ccc; font-size:12px; line-height:20px; text-align:left;}
	#footer .content .center .address .bar{padding:0 10px 0 8px;}
	#footer .footer_em{color:#009bf2; font-weight:bold; }
	/********** footer 컨텐츠 끝**********/
}

@media screen and (max-width:320px){
	.main_area .main01 .slider > div{width: 100%; height: 350px;}
}

/* popup modal */

/* ------------------ 모달 팝업 스타일 ------------------ */
.modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px); /* 현대적인 투명 흐림 효과 */
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}
/*기존 스타일에서 .modal-close-header는 삭제하고 아래 스타일을 추가/수정하세요 */

.modal-content-box {
    position: relative;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    
    width: 30% !important;   
    height: 90vh !important; 
    display: flex;
    flex-direction: column;
}

.modal-close-header {
    text-align: right;
    flex-shrink: 0; /* 헤더 영역 높이 고정 (스크롤 시 상단에 고정됨) */
}

/* 하단 컨트롤 영역 스타일 */
.modal-close-footer {
    background-color: #f9fafb;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between; /* 양쪽 끝 정렬 */
    align-items: center;
    border-top: 1px solid #f3f4f6;
    flex-shrink: 0; /* 하단 바 높이 고정 */
}

/* 오늘 하루 보지 않기 라벨 스타일 */
.today-close-label {
    font-size: 14px;
    color: #4b5563;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 6px; /* 체크박스와 텍스트 간격 */
}

.today-close-label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 닫기 버튼 스타일 */
.modal-close-btn {
	background: #ffffff;
    font-size: 14px;
    color: #3d3d3d;
    padding: 6px 14px;
    cursor: pointer;
    font-weight: bold;
}

/* 이미지 감싸는 영역: 세로 스크롤 가능하게 변경 */
.modal-body-img-wrap {
    width: 100%;
    flex-grow: 1;
    overflow-y: auto;          /* 이미지가 길어지면 내부 세로 스크롤 활성화 */
    overflow-x: hidden;        /* 가로 스크롤은 강제 차단 */
    background-color: #ffffff; /* 흰색 배경으로 통일 */
    
    /* 스크롤바 디자인 (부드럽고 깔끔한 스타일 적용) */
    scrollbar-width: thin;
}

/* 이미지 자체 스타일: 작은 이미지도 30% 가로폭에 딱 맞춤 */
#modalImage {
    width: 100% !important;    /* 작은 이미지도 모달 가로폭 30%에 무조건 딱 맞춤 */
    height: auto !important;   /* 가로가 늘어난 만큼 세로 비율 자동 확보 */
    display: block;
}

/* 뒤의 화면 완전히 스크롤 차단 클래스 */
.scroll-lock {
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed !important; 
}