@charset "UTF-8";

@import url("default.css");
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');*/
/**{font-family: 'NanumSquare', sans-serif;}*/

/*

*{ font-family: '나눔스퀘어', 'NanumSquareRound', sans-serif; }
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }
*/

.notosans{font-family: 'Noto Sans KR', sans-serif;font-weight:300 !important;letter-spacing: .3px !important;}
.nanumsquare{ font-family: '나눔스퀘어', 'NanumSquareRound', sans-serif;}


*{font-family: 'Noto Sans KR', sans-serif;}
/*
@import url('@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
body{font-family: 'Noto Sans KR';font-weight: normal;font-style: normal;}
#wrap{width:100%;position:relative;}
/* 대성히트에너시스 css 처리 begin */



/* 메인_ CSS 본문 시작 */
	.mo_header{width:100%;height:80px;position:absolute;top:0;left:0;z-index:99;background:rgba(0,0,0,0.4);}
	.mo_header > ul > li{float:left;padding:24px 0 0 0;box-sizing:border-box;}
	.mo_header > ul > li .lang_bar{color:#FFF;font-size:7px;}
	.mo_header > ul > li > a{color:#FFF;font-size:14px;font-weight:300;}
	.mo_header > ul > li.logo{width:240px;padding-left:10px;box-sizing:border-box;}
	.mo_header > ul > li.lang{position: absolute;right:70px;top: 5px;box-sizing:border-box;}
	.mo_header > ul > li.gnb_btn{position:absolute;right:5px;top: 5px;}
	.mo_header > ul > li.gnb_btn > a > img{width:70%;}

	.mo_header > ul > li.logo > a > img{width:200px;}
	.mo_visual{height:100%;position:relative;}
	.mo_visual .mo_slider > li{}
	.mo_visual .mo_slider > li > img{width:100%;}

	/*bx 슬라이드 our business */
	.mo_visual .bx-pager { position: absolute; left:45%; bottom:30px; z-index: 99; }
	.mo_visual .bx-pager.bx-default-pager a { display: block; width:12px; height:12px; margin: 0 5px; background: url('../images/bx_page_off.png') no-repeat; }
	.mo_visual .bx-pager.bx-default-pager a.active { background: url('../images/bx_page_on.png') center center no-repeat; }
	.mo_visual .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { float: left; }
	.mo_visual .bx-pager-item { font-size: 0; line-height: 0; }
	
	/* our business */
	.our_and_Por_box{width:100%;display:inline-block;}
	.our_and_Por_box{background:#f5f5f5;height:760px}
	.our_box{background:#f5f5f5;height:350px;box-sizing: border-box;}
	.our_ttl{padding:25px 10px;}
	.our_ttl .our_en_tit{width:50%;display:inline-block;font-size:26px;}
	.our_ttl .our_more{float:right;font-size: 17px;font-weight: 600;}
	.our_slide{padding:0 10px;position: relative;}
	.our_slide ul > li > a > img{width:100%;}

	/*bx 슬라이드 our business */
	.our_slide .bx-pager { position: absolute; left:80px; top:203px; z-index: 99; }
	.our_slide .bx-pager.bx-default-pager a { display: block; width:35px; height:4px;  background: url('../images/bx_our_page_off.png') no-repeat; }
/*	.our_slide .bx-pager.bx-default-pager a:hover { background: url('images/bx_our_page_on.png') no-repeat; }*/
	.our_slide .bx-pager.bx-default-pager a.active {height:5px; background: url('../images/bx_our_page_on.png') center center no-repeat; }
	.our_slide .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { float: left; }
	.our_slide .bx-pager-item { font-size: 0; line-height: 0; }

	.our_slide .arrow{position:absolute; display:inline-block;}
	.our_slide .leftArrow{ left:10px;top:190px;  }
	.our_slide .rightArrow{ left:50px;top:190px; }


	/* portfolio */
	.port_box{position:relative;background:#FFFFFF;border-top-right-radius: 35px;border-bottom-left-radius: 35px;height:520px;}
	.port_box .port_ttl{padding:50px 25px 0 25px;}
	.port_box .port_sttl{padding: 10px 0 0 25px;}
	.port_box .port_sttl > li{font-size:16px;}
	.port_box .port_en_tit{width:50%;display:inline-block;font-size:30px;}
	.port_box .port_more{float:right;font-size: 17px;font-weight: 600;}
	.port_box .port_side{padding:20px 25px;box-sizing:border-box;}
	.port_box .port_side > div > img{width:100%;}

	.inquiry_box{position:absolute;z-index:99;top:380px;width:100%;padding: 0 25px;box-sizing: border-box;}
	.inquiry_box > div > img{width:100%;}

	/*카피라이트 */
	.copyright_sb_box{padding:20px 15px !important;}
	.copyright_box{background:#eeeeee;padding:250px 20px 50px 20px;box-sizing:border-box;}
	.copyright_box .copy_tab{width:100%;display:inline-block;}
	.copyright_box .copy_tab > ul > li{float:left;}
	.copyright_box .copy_tab > ul > li > a{font-size:12px;font-weight:600;}
	.copyright_box  .copy_tab > ul > li > span.copy_tab_bar{padding:0 4px;box-sizing:border-box;display:inline-block;}
	.copyright_box .copy_wr{padding:30px 0;}
	.copyright_box .copy_wr > ul > li {font-size:14px;line-height:25px;}

	.copyright_box .family_box > .tel{width:60%;display:inline-block;}
	.copyright_box .family_box > div > div{font-size:14px;}
	.copyright_box .family_site{float:right;display:inline-block;padding-top:0;}
	.copyright_box .family_sel{font-size:20px;border-bottom: 2px solid #221714;width:100%;height: 30px !important;background: #eeeeee;}
	.copyright_box .tel_ttl{font-size:18px;font-weight:700;}
	.copyright_box .phone{font-size:27px;font-weight:600;color:#e8380d;}
	.copyright_box .sts_ttl{}
	
	/*메뉴*/
	.gnb_box{width:100%;height:100%;background-color:#e8380d;position:absolute;z-index:9999;top:0;}
	.gnb_box .gnb_close{height: 60px; position: absolute;right: 20px;padding: 20px 0;box-sizing: border-box;}
	.mo_menu{width:100%;padding:80px 0 0 50px;box-sizing:border-box;}
	.mo_menu > div{width:100%;padding-bottom: 25px;box-sizing: border-box;display:inline-block;}
	.mo_menu a{color:#FFF;}
	.mo_menu .mgnb{width: 35%;float:left;font-size:25px;}
	.mo_menu .sgnb{float:left;border-left: 1px solid #FFF;padding-left: 5px;}
	.mo_menu .sgnb > li{height:30px;}
	.mo_menu .sgnb > li > a{font-size:17px;line-height:25px;}

	/*퀵메뉴*/
	.quick_wrap{position:fixed;bottom:10px;right:10px;z-index:991}

/* 메인_ 컨트롤 여기까지 끝 */


/* 서브 컨트롤 */

/*서브레이아웃 정리*/
/*##상단 bg 처리##*/
.sub_bg_box{width:100%;height:310px;position:relative;    background-position: -200px;}

/*서브페이지별 레이아웃 비주얼이미지 처리 sub01_img, sub02_img, 동일하게 처리 .....*/
.sub01_img{background: url('../images/mo_svisual01.jpg') center top no-repeat;} 
.sub02_img{background: url('../images/mo_svisual02.jpg') center top no-repeat;}

.sb_ttl_box{padding:145px 0 0 0 ;box-sizing: border-box;text-align:center;}
.sb_ttl_box > .sb_ttl{color:#FFFFFF;}
.sb_ttl_box > .sb_en_tit{font-size:25px;font-weight:600;color: rgba(255,255,255,0.6);padding-bottom:5px;}
.sb_ttl_box > .sb_tit{font-size:45px;font-weight:600;}

/*##탭처리##*/
.sb_tab_box{width:100%;display:inline-block;}
.sb_tab_box > ul > li{float:left;height:50px;line-height:50px;text-align:center;background:#000;width:25%;}
.sb_tab_box > ul > li > a{color:#FFF;font-size:17px;font-weight:600;}

.sb_tab_box > ul > li.on{background:#FFF}
.sb_tab_box > ul > li.on > a{color:#e8380d; border-bottom:2px solid #e8380d;padding-bottom:1px;}

/*고객서비스 탭 5개 처리*/
.sb03_tab_box > ul > li:nth-child(1){width:16.6%;}
.sb03_tab_box > ul > li:nth-child(2){width:16.6%;}
.sb03_tab_box > ul > li:nth-child(3){width:16.6%;}
.sb03_tab_box > ul > li:nth-child(4){width:16.6%;}
.sb03_tab_box > ul > li:nth-child(5){width:16.6%;}
.sb03_tab_box > ul > li:nth-child(6){width:16.6%;}

.sb04_tab_box > ul > li{width:25%}



/*##qr관련페이지##*/
.contents_qr{width:100%;position:relative;padding: 0 10px;box-sizing: border-box;background:#ededed;}
.cont_ttl_qr{width:100%;padding:40px 0 30px 0;box-sizing: border-box;}
.cont_ttl_qr2{width:100%;text-align:center;padding:0px 0 20px 0;box-sizing: border-box;}


/*##콘텐츠 내용 처리##*/
.contents{width:100%;position:relative;padding: 0 20px;box-sizing: border-box;}
.cont_ttl{width:100%;text-align:center;padding:40px 0 30px 0;box-sizing: border-box;}
.cont_ttl .cont_sb_ttl{font-size:30px;font-weight:600;padding-bottom:30px;}
.cont_cont_box{padding-bottom:50px;}
.cont_cont_box .cont_img1 > img{width:100%;}

/*오시는길*/
.cont_cont_tab_box{width:100%;margin-bottom:30px;display:inline-block;}
.cont_cont_tab_box > ul{width:200px;margin:0 auto;}
.cont_cont_tab_box > ul > li{float:left;width:100px;height:35px;text-align:center;line-height:35px;border-radius:50px;}
.cont_cont_tab_box > ul > li.ov{background:#e8380d;}
.cont_cont_tab_box > ul > li.ov > a{color:#FFFFFF;}
.cont_img1 .map{margin-bottom:50px;}

/*제품소개*/
/*제품소개 슬라이드 사이드 컨트롤*/
.pg_side{padding:0 3px;box-sizing:border-box;}
.pg_backimg{background:url('../cont_img/sb_02_05_img01_09_bg.jpg') center center no-repeat;}
.pg_slide_warp{padding:20px 0 0 5px;position:relative;}
.pg_slider{height:320px;}
.pg_slide{height:250px;}
.pg_slide_warp  ul > li > img{width:170px;}

/*bx 슬라이드 our business */
.pg_slide_warp .bx-pager{position: absolute; left:95px;}
.pg_slider .bx-pager {top:273px; z-index: 99; }
.pg_slide .bx-pager {top:203px;  z-index: 99;}
.pg_slide_warp .bx-pager.bx-default-pager a { display: block; width:47px; height:4px;  background: url('../images/bx_our_page_off.png') no-repeat; }
.pg_slide_warp .bx-pager.bx-default-pager a.active {height:5px; background: url('../images/bx_our_page_on.png') center center no-repeat; }
.pg_slide_warp .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { float: left; }
.pg_slide_warp .bx-pager-item { font-size: 0; line-height: 0; }

.pg_slide_warp .arrow{position:absolute; display:inline-block;}
.pg_slider .sleftArrow{ left:10px;top:260px;  }
.pg_slider .srightArrow{ left:50px;top:260px; }
.pg_slide .tleftArrow{ left:10px;top:190px;  }
.pg_slide .trightArrow{ left:50px;top:190px; }

/*제품 메뉴 셀렉트처리*/
.sb_select_gnb{z-index:9;width:100%;}
.mobile_select_menu{position:relative;background: #e8380d;}
.mobile_select_menu .mobile_cont_gnb > li > a{height: 50px;line-height: 50px;text-indent: 30px;}
.mobile_select_menu .mobile_cont_gnb > li > a{width:100%;color:#FFFFFF;font-size:18px;font-weight:800;display:inline-block;}
.mobile_select_menu .mobile_cont_gnb > li > span{position:absolute;right:20px;top:17px;color:#FFFFFF;font-size:18px;font-weight:600;}

.mobile_cont_sgnb{width:100%;position: absolute;z-index: 99;}
.mobile_cont_sgnb > li{/*text-indent:10px;*/border-bottom:1px solid #eee;background:#FFF;height:50px;line-height:50px;}
.mobile_cont_sgnb > li > a{width:100%;display:inline-block;color: #666666;font-size:15px;font-weight: 600;text-indent: 30px;}
.mobile_cont_sgnb > li > a > span{font-size: 15px;position: absolute;bottom: 0;right: 20px;}
.mobile_cont_sgnb > li.on{display:none;}

/*## 제품소개 탭처리 ##*/
.sb_tab_pro_box{width:100%;display:inline-block;}
.sb_tab_pro_box > ul > li{float:left;height:50px;line-height:50px;text-align:center;background:#000;width:25%;}
/*지열히트펌프*/
.sb_sub_tab_p1 > ul > li:nth-child(1){width:17%;}
.sb_sub_tab_p1 > ul > li:nth-child(2){width:17%;}
.sb_sub_tab_p1 > ul > li:nth-child(3){width:30%;}
.sb_sub_tab_p1 > ul > li:nth-child(4){width:36%;}
/*공기열히트펌프*/
.sb_sub_tab_p2 > ul > li{width:33.33%;}

.sb_tab_pro_box > ul > li > a{color:#FFF;font-size:17px;font-weight:600;}

.sb_tab_pro_box > ul > li.on{background:#FFF}
.sb_tab_pro_box > ul > li.on > a{color:#e8380d; border-bottom:2px solid #e8380d;padding-bottom:1px;}

/*제품 내용 처리*/
.product_ad {margin:30px 0 50px 0;}
.product_ad .product_control > p > img{width:100%;}
.product_btn{width:100%;text-align:center;display:inline-block;padding-top:30px;}
.product_btn > img{width:50%;}

/*서브 컨트롤 여기까지 끝 */

/*게시판 쓰기 페이지 */
.bbs_ttl{width:100%;padding:30px 0;text-align:center;font-size:20px;font-weight:600;}


/* layout */
.board_wrap {width:100%;position:relative;margin-bottom:50px;}
.board_body_wrap div{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}


/* 카테고리 선택 */
.board_cate>select{padding:5px 20px 5px 0;border:1px solid #e1e1e1;}

/* list layout */
.board_body_wrap{clear:both;overflow:hidden;position:relative;width:100%;padding:15px 0;font-size:14px;font-family:'맑은 고딕';border-bottom:solid 1px #e5e5e5;white-space:nowrap}
.board_nolist_wrap {clear:both;position:relative;width:100%;padding:30px 0;font-size:14px;font-family:'맑은 고딕';/* border-bottom:solid 1px #dedede; */text-align:center}
.board_body_wrap>div{height:100%;}



/* ttl */
.mttl{width:100%;text-align:center;color:#222222;font-size:32px;font-weight:normal;margin-bottom:20px;}
.board_cate{/*position:absolute;top:10px;left:0;text-indent:10px;*/}
.board_ttl{position:relative;width:100%;height:40px;font-size:15px;font-family:'맑은 고딕','Malgun-Gothic';color:#010101;font-weight:normal;border-top:1px solid #aaa;border-bottom:1px solid #e5e5e5;}
.board_ttl p {float:left;text-align:center;height:100%;line-height:40px;font-weight:600;}
.board_tit{width:90%;}
.board_num{width:8%;text-align:center;font-size:15px;color:#5c5c5c;}
.board_num>img{vertical-align:middle;}
.board_title{overflow:hidden;width:89%;text-align:left;color:#010101;font-size:16px;font-weight:600;line-height:22px !important;}
.board_title_v1{display:block;float:left;width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_title a{color:#010101;font-size:16px;font-weight:500;}
#not{font-size:14px;font-weight:500;color:#666;}
.board_title>img{vertical-align:middle;}
.board_etc{text-align:center;font-size:14px;color:#999;float:left !important;font-weight:normal;height:100%;}
.board_check{width:2%;text-align:center;}
.board_all_check{width:2%;height:40px;line-height:40px;}
.board_all_check img {display:none;}

.result_txt{color:#808080;font-size:14px;font-weight:normal;}


.board_nolist {width:100%;}


/* btn */
.btn_area {position:relative;width:100%;height:34px;padding:20px 0;overflow:hidden;}
.btn_area div {display:block;position:absolute;}
.paging{width:100%;text-align:center;padding-top:10px;}
.paging_num strong {display:inline-block;padding:0 5px;padding-top:0px !important;color:#010101 !important;font-family:'맑은 고딕' !important;font-size:15px;}
.paging_num a {display:inline-block;padding:0 5px !important;padding-top:3px !important;color:#999 !important;font-family:'맑은 고딕' !important;}
.btn_style{display:block;width:82px;height:36px;line-height:34px;font-size:14px;color:#222;background-color:#fafafa;font-family:'맑은 고딕',Malgun-Gothic;font-weight:bold;border:1px solid #bbb;text-align:center;}
.btn_style:hover {background-color:#ddd;}
.btn_del {width:82px;height:36px;top:20px;left:0;z-index:1000;}
.btn_write {width:82px;height:36px;top:20px;;right:0;z-index:1000;}

/* board_search */
.board_search{position:relative;overflow:hidden;text-align:center;padding-bottom:30px;font-size:14px}
.board_search div{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.board_search p{display:block;float:left;position:relative;height:36px;line-height:36px;}
.input_check{margin:0 5px;height:36px;line-height:35px;}
.option_txtbox {margin-left:10px}
.board_search .inputbox{float:left}


/* 갤러리형 */

.photo_body{position:relative;overflow:hidden;border-top:1px solid #aaaaaa;border-bottom:1px solid #e5e5e5;padding:30px 0;}
.photo_body .board_all_check{position:absolute;top:0;height:30px;line-height:30px;}
.photo_list{float:left;text-align:center;margin-bottom:20px;}
.photo_title{text-align:center;color:#010101;font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:20px auto 0;}
.photo_etc{display:block;text-align:center;font-size:14px;color:#999;font-weight:normal;margin-top:3px;}


/* 상세 페이지 */

.view_head{overflow:hidden;width:auto;border-top:1px solid #aaa;border-bottom:1px solid #e5e5e5;padding:20px 3%;}
.view_head .left{float:left;}
.view_head .right{float:right;}
.view_result{font-size:16px;color:#808080;margin-top:5px;}
.view_body{overflow:hidden;}
.view_title{font-size:17px;color:#010101;font-weight:300;}
.view_btn{text-align:right;}
.view_etc{font-size:13px;color:#999;font-weight:normal;margin-top:8px;}
.view_body{padding:30px 3% 0;text-align:center;font-weight: 300;}
.view_btn{overflow:hidden;float:right;margin-top:30px;}
.view_btn input{float:left;margin-right:3px;}
.view_cont_ttl{margin:10px 0;}
.view_cont_ttl img{max-width:50%}


/* 쓰기 페이지 */

.input_wrap{border-top:1px solid #aaa;}
.input_ttl{float:left;color:#000;font-size:15px;padding-left:35px;width:120px;font-weight:bold;line-height:55px !important;height:55px;}
.input_ttl2{color:#000;font-size:15px;text-align:center;font-weight:bold;line-height:55px !important;height:55px;}
.input_form{width:100%;overflow:hidden;height:55px;border-bottom:1px solid #e5e5e5;line-height:55px;}
.input_form select{padding:5px 20px 5px 0;border:1px solid #bbb;}
.input_btn_area{text-align:right;padding:20px 0;}
.input_btn_area input{display:inline;}
.inputbox {width:150px;padding:6px 0;border:solid 1px #bbb !important;background-color:#fff;;margin-right:5px;}
.inputbox2 {width:300px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox3 {width:50%;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox4 {width:150px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.bbs_input01{width:50%;padding:10px;border:1px solid #bbb;}
.input_form input[type='file']{border:1px solid #bbb;}
.txtbox{width:100%;box-sizing:border-box;height:400px;}


/*********달력*********/
div.calendarArea { position:absolute;top:0px;left:100px;z-index:9999;width:170px;overflow:hidden;border:solid 1px #cacaca; background-color:#ffffff; z-index:110000; }
div.calendarArea div.dateArea { padding:8px 11px 0 20px; height:23px; text-align:center; font-weight:bold; font-size:11px; font-family:verdana,tahoma; color:#333333; letter-spacing:-1px; overflow:hidden; }
div.calendarArea div.dateArea img { vertical-align:middle; }
* html div.calendarArea div.dateArea img { position:relative; top:2px; } 
div.calendarArea div.dateArea img.prev { margin-right:3px; }
div.calendarArea div.dateArea img.next { margin-left:3px; }
div.calendarArea div.dateArea a.close { float:right; display:block; background:url("/modules/bbs/tiles/bbs_default/images/bt_close.gif") no-repeat left top; width:11px; height:12px; overflow:hidden; text-indent:-1000px; margin:1px 0 0 0; }
div.calendarArea div.calendar { clear:both; padding-bottom:5px; }
div.calendarArea table { width:100%; }
div.calendarArea table th, div.calendarArea table td { vertical-align:middle; text-align:center; font-size:11px; font-family:dotum,Apple Gothic,sans-serif; }
div.calendarArea table th { height:20px; background-color:#e5eaff; font-weight:normal; }
div.calendarArea table td { height:18px; }
div.calendarArea table td a { color:#666666; font-size:11px; font-family:gulim,Apple Gothic,sans-serif; }
div.calendarArea table td.today a { color:#485ce3; text-decoration:underline; font-weight:bold; }
table.hmCalendar .blank { width:5px; font-size:1px; line-height:1px; white-space:nowrap; }

/*언어 선택 탭*/
.lang_tab{background:#676767;height:40px;line-height:40px;}
.lang_tab > ul > li{float:left;width:49%;}
.lang_tab > ul > li:nth-child(1){border-right:1px solid #FFFFFF;}
.lang_tab > ul > li > a{color:#FFFFFF;}

@media (max-width:600px) {
	.sb03_tab_box > ul > li:nth-child(1){width:33%;}
	.sb03_tab_box > ul > li:nth-child(2){width:33%;}
	.sb03_tab_box > ul > li:nth-child(3){width:33%;}
	.sb03_tab_box > ul > li:nth-child(4){width:33%;}
	.sb03_tab_box > ul > li:nth-child(5){width:33%;}
	.sb03_tab_box > ul > li:nth-child(6){width:33%;}
}



/* 레이어팝업 기본 */
.m-layerpop{display:none;}
.m-layerpop.is-open{display:block;}

.m-layerpop{
  position:fixed; left:0; top:0;
  width:100%; height:100%;
  z-index:99999;
}

.m-layerpop__dim{
  position:absolute; left:0; top:0;
  width:100%; height:100%;
  background:rgba(0,0,0,.6);
}

/* ✅ 패널을 “화면 안에” 넣고, 내부 스크롤 구조로 */
.m-layerpop__panel{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(92vw, 420px);
  max-height:90vh;              /* 핵심: 화면 넘지 않게 */
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  display:flex;                 /* 핵심: 세로 레이아웃 */
  flex-direction:column;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
}

/* ✅ 이미지 영역만 스크롤 */
.m-layerpop__link{
  display:block;
  overflow:auto;                /* 핵심 */
  -webkit-overflow-scrolling:touch;
  flex:1 1 auto;                /* 핵심: 남는 높이 차지 */
}

.m-layerpop__link img{
  display:block;
  width:100%;
  height:auto;
}

/* 닫기 버튼 */
.m-layerpop__close{
  position:absolute;
  right:10px; top:10px;
  z-index:2;
  background:rgba(0,0,0,.65);
  color:#fff;
  border:0;
  width:36px; height:36px;
  border-radius:18px;
  cursor:pointer;
}

/* ✅ 하단 바를 패널 내부 하단에 고정 */
.m-layerpop__bottom{
  flex:0 0 auto;
  position:sticky;              /* 핵심 */
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  background:#fff;
  border-top:1px solid #eee;
  padding-bottom:calc(10px + env(safe-area-inset-bottom)); /* 아이폰 하단 안전영역 */
  font-size:14px;
}

.m-layerpop__chk{display:flex; align-items:center; gap:6px;}
.m-layerpop__btn{
  border:0;
  background:#e8380d;
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  cursor:pointer;
}