@charset "utf-8";

body{font-family: 'Noto Sans KR', sans-serif;}
.box1{width:1200px; margin: 0 auto; position: relative;}
.main{font-family: 'GmarketSansMedium', sans-serif}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
font-weight: 300;
font-style: normal;
}


@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}


.f_noto{font-family: 'Noto Sans KR', sans-serif;}
i{font-style:normal;}

.flex{ display:flex}
.flex.fw{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex.rev{ flex-direction: row-reverse;}
.flex.cev{ flex-direction: column-reverse;}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}

.fl_wrap > *{ float:left}
.fl_wrap::after{ content:""; display:block; clear:both}
.fr{float:right;}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{text-align:right !important;}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.cl{clear:both;}
.c_point{color:#2e3192!important; vertical-align: baseline;}
.c_red{color:#cd2020!important; vertical-align: baseline;}
.bgfix{ background-position:center; background-repeat:no-repeat; background-size:cover}

.mt0{margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt30{margin-top:30px !important;}
.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}

#hd{font-family: 'GmarketSansMedium', sans-serif}
#tnb{background: #f5f5f5; border-bottom:1px solid #d5d5d5;}
#tnb #hd_qnb > li{border-right:0; font-size:13px; position: relative; padding:12px 0; margin-left:20px;}
#tnb #hd_qnb > li > a{color:#444; letter-spacing: -.5px;}
#tnb #hd_qnb > li.shop_login .member_mn{left:50%; transform: translateX(-50%);}
#tnb #hd_qnb > li.shop_login #ol_after_private a{width:100%;}

#hd_wrapper .hd_login{position:inherit; right: inherit; top: inherit; margin-bottom: 0;}
#hd_wrapper .hd_login > li.shop_cart{margin:0 0 0 20px;}
#hd_wrapper .hd_login > li.shop_cart > a{color:#343434;}
#hd_wrapper .hd_login > li.shop_cart .xi{display:block; width: 50px; height: 50px; background: #435465; border-radius: 50%; line-height: 50px; font-size: 22px; color: #fff; margin-bottom: 5px;}
#hd_wrapper .hd_login > li.shop_cart.st .xi{background:#0451a5;}
#hd_wrapper .hd_login > li.shop_cart.st2 .xi{background: #ef5041;}

#hd_wrapper{padding:18px 0;}
#hd_wrapper #logo{padding:0;}
#hd_wrapper .hd_sch_flex{flex:auto;}
#hd_wrapper .hd_sch_wr{padding:0; margin-left:0;  width:420px;}
#hd_wrapper #hd_sch #sch_str{border-radius:50px 0 0 50px;  background:#fff; height: 52px; width:calc(420px - 60px); padding: 0 25px; color: #333 !important; font-size: 1.25em;}
#hd_wrapper #hd_sch #sch_submit{border-radius:0 50px 50px 0;  background:#fff; color: #0451a5 !important; font-size:2.25em; width:60px; height: 52px;}
#hd_wrapper #hd_sch{border-radius:0;}

#hd_menu_wrap{border-top:1px solid #e4e4e4;}
#hd_menu_wrap #hd_menu .va_wrap{height:54px;}
#hd_menu_wrap #hd_menu button#menu_open{ width:54px; border:1px solid #878686; border-top:0; border-bottom:0; padding:0; text-align: center;}
#hd_menu_wrap #hd_menu button#menu_open .am_bar{width:28px; height: 3px; background:#e7e7e7; margin-bottom: 6px; display: block;}
#hd_menu_wrap #hd_menu button#menu_open .am_bar:nth-child(2){width:18px}
#hd_menu_wrap #hd_menu button#menu_open .am_bar:last-child{margin-bottom: 0px;}
#hd_menu_wrap .hd_menu {border:0; width:calc(1200px - 54px);}
#hd_menu_wrap .hd_menu > li:hover{border-bottom:0 !important;}
#hd_menu_wrap .hd_menu > li.va_wrap{height:54px; padding: 0; margin: 0 20px; line-height: 1; font-size: 16px; font-weight: 400; letter-spacing: -.5px; position: relative;}
#hd_menu_wrap .hd_menu > li.va_wrap a{display: inline-block; padding:0; color:#333}
#hd_menu_wrap .hd_menu > li.depth1 > ul{ background:#0e0d0d; max-height: 0; overflow: hidden; opacity: 0; position: absolute; top: 63px; left: 50%; transform: translateX(-50%); z-index: 1000; width:9em;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li{float: none; font-size: 15px; font-weight: normal; padding:0}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li a{ border-bottom:1px dotted rgba(255,255,255,.3); width:100%; display: block; padding: 10px 5px;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li:hover{border-bottom:0 !important; line-height: 26px !important;}
#hd_menu_wrap .hd_menu > li.depth1:hover > ul{ max-height: 300px; opacity: 1;}
#hd_menu_wrap .hd_menu > li.depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:#d91f49; transform: scaleX(0); transition: .3s;}
#hd_menu_wrap .hd_menu > li.va_wrap:hover > ul:after{transform: scaleX(1);}

#hd_menu_wrap #gnb{width:210px; border:0; top: 7em; margin:0; padding:0;}
#hd_menu_wrap #gnb .gnb_1da{border-radius: 50px; border: 1px solid #d5d5d5; height: 55px; line-height: 55px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 35px 0 25px; font-size:16px; color:#333; margin-bottom: 6px; position: relative; background-color:#fff !important;  font-weight: normal!important;}
#hd_menu_wrap #gnb .gnb_1da:before{content:'\e93f'; font-family: 'xeicon'; position: absolute; top: -1px; right: 15px;}
/*#hd_menu_wrap #gnb .gnb_1da:hover{background-color:#0451a5 !important; font-weight: normal !important; color:#fff; border-color:#0451a5; opacity: 1;}*/
#hd_menu_wrap #gnb .gnb_1dli_over > a{background-color:#0451a5 !important; font-weight: normal !important; color:#fff; border-color:#0451a5; opacity: 1;}
#hd_menu_wrap #gnb .gnb_1da i{display:none;}

#side_menu{position:fixed; right:-2px; top:50%; transform: translateY(-50%); padding-left:65px;}
#side_menu #quick{background: #264caf; box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); border-radius: 30px; padding: 7px 6px; border: 3px solid #fff; width: auto;}
#side_menu #quick > li button{display: block; width: 1.8em; height: 2.5em; line-height: 2.1em; text-align: center; font-size:20px; color: #fff !important; box-sizing: border-box; transition: .3s; border-bottom: 1px solid rgba(255,255,255,.1); background-color: transparent; opacity: 1;}
#side_menu #quick > li button i{line-height: 2.1em; color: #fff !important;}
#side_menu #quick > li:last-child button{ border-bottom:0;}

#footer{border-top:1px solid #888; font-size: 16px; margin-top:7em; font-family: 'GmarketSansMedium', sans-serif}
#footer ul,
#footer ol{margin-bottom:0;}
#footer .f_top{border-bottom:1px solid #ddd;}
#footer .f_top .f_menu{ height:53px;}
#footer .f_top .f_menu > li a{font-size:15px; margin-right: 80px;}
#footer .f_top .f_sns > li a{width:34px; height: 34px; border-radius: 50%; background-color: #c9c9c9; color:#fff; margin-left:5px;}
#footer .f_top .f_sns > li a .xi{font-size:17px;}
#footer .f_top .f_sns > li.ins a:hover{background: linear-gradient(120deg, #574dc0, #c93b99, #ff942a);}
#footer .f_top .f_sns > li.face a:hover{background-color: #264caf;}
#footer .f_top .f_sns > li.blog a:hover{background-color: #41c83e;}
#footer .f_btm{padding:35px 0 40px;}
#footer .f_btm .f_info > li{font-size:14px; color:#555; margin-right:30px; line-height: 1.5;}
#footer .f_btm .f_info > li.f_name{font-size:15px; color:#999; font-weight: 500; margin-bottom: 7px;}
#footer .f_btm .f_info > li.copy{font-size:13px; color:#777; text-transform: uppercase; margin-top:10px;}
#footer .f_btm .f_info > li a{color:#555;}

.fix_left{ position:fixed; left:1.5em; top:14em; z-index:10000; font-size: 16px;}
.fix_left .fix_close .xi{width:38px; height: 38px; line-height: 34px; background: #fff; border:1.5px solid #264caf; color:#264caf; border-radius: 50%; text-align: center; box-shadow: 3px 3px 0px rgb(0 0 0 / 20%); cursor: pointer;}
.quick_inquiry{ padding:1.5em 1.25em; background:#264caf; box-shadow: 3px 3px 0px rgb(0 0 0 / 20%); color:#fff !important; margin-top:10px; border-radius: 10px; display:block;}
.quick_inquiry .t1{ display:block; margin-bottom: 7px;}
.quick_inquiry .t1 .xi{ font-size:18px; margin-left:.25em;  vertical-align: bottom;}
.quick_inquiry .t2 .xi{ width:1.375em; line-height:1.375em; font-size:18px; text-align:center; background:#fff; color:#264caf; margin:0 .25em}
.quick_inquiry .t2 .no{ font-weight:700; font-size:20px;}	
.quick_inquiry .t3{font-size: 13px; line-height: 1.4; margin-top: 5px; opacity: .9;}
			
.quick_inquiry.on{display:none;}
.fix_left .fix_close .qk_io{position:absolute; top:0; left: 0;}
.fix_left .fix_close .qk_io.on{display:none;}

.quick_inquiry.qk_naver{background:#3bb51c; padding: .8em 1.25em;}
.quick_inquiry.qk_kakao{background-color: #ffcf3d; color: #512929!important; padding: .8em 1.25em;}
.quick_inquiry.qk_naver .xi,
.quick_inquiry.qk_kakao .xi{font-size:1.375em; vertical-align: text-bottom;}


/**/
.jbl_st .sct_txt{margin:15px 0 10px; padding:0; text-align: center; color:#444; font-size:15px; border-bottom:0; font-family: 'GmarketSansMedium', sans-serif}
.jbl_st .sct_marker,
.jbl_st .sct_op_btn{display:none;}
/* le_20260921: 규격 텍스트 가운데 정렬 (누락분) */
.jbl_st .sct_basic{text-align:center;}
.jbl_st .sct_cost{text-align:center; color:#264caf; margin:0; font-weight: normal; font-size:16px; font-family: 'GmarketSansMedium', sans-serif}
.jbl_st .sct_cost .pr_st{color:#aaa; margin-right:7px; font-family: 'GmarketSansMedium', sans-serif}
.jbl_st .sct_img > a{border-radius: 15px; background: #f5f5f5; border:1px solid #ddd;}

.jbl_st .sct_btn {text-align:right; bottom:5px; right: 5px; width:auto; left: inherit;}
.jbl_st .sct_btn a.act,
.jbl_st .sct_btn .btn_wish{display:none;}
.jbl_st .sct_btn > i{color:#264caf!important; background: #fff; border-radius: 50%; text-align: center; width:40px; height: 40px; font-size: 17px !important; line-height: 30px; box-shadow: 0 0 6px rgba(0,0,0,.15)}
.jbl_st .cart-layer{display:none;}
.jbl_st .sct_cart{ background-color:transparent;}


/**/
#main_bn{width:950px; margin-top:30px; margin-left:auto; border-radius: 20px; overflow: hidden;}
#main_bn .main_owl_pager{display:none;}

.main_sbn{margin-right:-25px; margin-top:40px;}
.main_sbn > li{width:33.33%;}
.main_sbn > li .in{margin-right: 25px; border-radius: 15px; overflow: hidden; padding: 40px; border:1px solid #ddd; display:block; background-size: contain; background-repeat: no-repeat; background-position: right top;}
.main_sbn > li .in .t1{font-size:15px; color:#333;}
.main_sbn > li .in .t2{font-size:24px; color:#000; font-weight: 800;}
.main_sbn > li .in .v_btn{width:40px; height: 40px; line-height: 44px; background: #fff; color:#0451a5; border-radius: 50%; text-align: center; font-size:18px; margin-top:15px;}
.main_sbn > li:nth-child(1) .in{background-color:#86caff; border-color:#7ebbea; background-image: url(../img/main/sbn_img01.png)}
.main_sbn > li:nth-child(2) .in{background-color:#b0c5ff; border-color:#a3b6ea; background-image: url(../img/main/sbn_img02.png)}
.main_sbn > li:nth-child(3) .in{background-color:#9edeff; border-color:#93cdea; background-image: url(../img/main/sbn_img03.png)} 

.main_tit{font-size:30px; color:#222; font-weight: 800;}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.main_today{padding:60px 0 80px; background-color:#f9f8f6; margin-top:60px;}
.main_today .tab_idx{ position: absolute; top: 3px; right: 0;}
.main_today .tab_idx > li{ margin-left:50px;}
.main_today .tab_idx > li > a{color:#666;}
.main_today .tab_idx > li > a .va{font-size:15px;}
.main_today .tab_idx > li > a:hover{color:#0451a5;}
.main_today .tab_idx > li.on > a{border-bottom:1px solid #0451a5; color:#0451a5;}

.main_today .sct_wrap{margin-bottom:0;}
.main_today .jbl_st .sct_img > a{border-radius:0; background-color:transparent; border:0;}
.main_today .today_swiper{width:85%; margin: 0 auto;}
.main_today .today_swiper .swiper-wrapper{margin-right:-30px;}
.main_today .today_pager .b_prev{ position:absolute; top: 3em; left: 0;}
.main_today .today_pager .b_next{ position:absolute; top: 3em; right: 0;}
.main_today .today_pager .b_btn{ font-size:60px; color: #ccc; cursor: pointer}
.main_today .today_pager .b_btn:hover{color:#999;}
.main_today .swiper-pagination-progressbar{background:#ddd; width:100%; height: 2px; bottom:0; left:0;}
.main_today .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#333;}

.main_bnn{background-image:url(../img/main/main_bnn.jpg); padding: 60px 0 70px;}
.main_bnn .bar_tt{width:3px; height: 30px; background: #fff; transform: rotate(45deg); margin: 0 auto 20px;}
.main_bnn .main_tit{color:#fff; text-align: center; font-size:32px; margin-bottom: 15px;}
.main_bnn .main_tit .fwL{font-weight: normal;}
.main_bnn .main_tw{color:#fff; text-align: center; font-size: 17px; margin-bottom: 40px;}
.main_bnn .un_bar{border-bottom: 1px solid #fff;}
.main_bnn .main_btn{color:#fff; font-size: 15px; display:inline-block; padding: 13px 27px; margin: 0 auto; border: 1px solid #fff; transition: .3s;}
.main_bnn .main_btn:hover{color:#666; background-color: #fff;}

.main_prod{margin-top:65px;}
.main_prod .tab_idx{ position: absolute; top: 5px; right: 0;}
.main_prod .tab_idx > li{ margin-left:30px;}
.main_prod .tab_idx > li > a{color:#666;}
.main_prod .tab_idx > li > a .va{font-size:16px;}
.main_prod .tab_idx > li > a:hover{color:#0451a5;}
.main_prod .tab_idx > li.on > a{border-bottom:1px solid #0451a5; color:#0451a5;}
.main_prod .prod_top{margin-bottom:55px; margin-top: 40px;}
.main_prod .prod_top .prod_tit{width:530px;}
.main_prod .prod_top .prod_tit .bar{width:32px; height: 3px; background-color: #0451a5; margin-bottom: 30px;}
.main_prod .prod_top .prod_tit .prod_tt{font-size:38px; color:#232323;}
.main_prod .prod_top .prod_tit .prod_tx{font-size:17px; color:#555; margin-top:10px; line-height: 1.8; word-break: keep-all;}
.main_prod .prod_top .prod_tit .prod_btn{font-size:16px; color:#fff; background:#1e1e1e; border-radius: 5px; display: inline-block; padding: .6em 1.2em; margin-top:50px;}
.main_prod .prod_top .prod_tit .prod_btn .xi{margin-left:25px;}
.main_prod .prod_bn{width:567px; border:1px solid #b5bace; border-radius: 20px; box-shadow: 0 5px 0 #b3bace; margin-right:25px;}
.main_prod #cream_bn_main2{overflow: inherit;}
.main_prod #cream_bn_main2 .cbm2_bn { border-radius: 20px; overflow: hidden;}
.main_prod #cream_bn_main2 .cbm2_bn img{ display: block; }
.main_prod #cream_bn_main2 .bx-viewport{ border-radius: 20px; overflow: hidden;}
.main_prod #cream_bn_main2 .bx-controls{ position:absolute; bottom:50%; left: 0; transform: translateY(50%); z-index: 100; width:100%;}
.main_prod #cream_bn_main2 .bx-controls-direction{display:block; width:100%;}
.main_prod #cream_bn_main2 .bx-controls-direction:after{content:''; display: block; clear: both;}
.main_prod #cream_bn_main2 .bx-controls-direction .bx-prev,
.main_prod #cream_bn_main2 .bx-controls-direction .bx-next{width:52px; height: 52px; line-height: 52px; background-color: rgba(0,0,0,.3); color:#fff; text-align: center; font-size: 20px; border-radius: 50%; }
.main_prod #cream_bn_main2 .bx-controls-direction .bx-prev{float:left; margin-left:-26px;}
.main_prod #cream_bn_main2 .bx-controls-direction .bx-next{float:right; margin-right:-26px;}
.main_prod #cream_bn_main2 .bx-controls-direction .bx-prev:before{content:'\e93d'; font-family:'xeicon';}
.main_prod #cream_bn_main2 .bx-controls-direction .bx-next:before{content:'\e940'; font-family:'xeicon';}
.main_prod #cream_bn_main2 .bx-pager{display:none;}
.main_prod #cream_bn_main2 .cream_bn_main2_closed{display:none;}



/**/
.tbl_head01{font-size:14px; font-family: 'Noto Sans KR', sans-serif;}
.btn_confirm .btn{font-weight:normal;  font-family: 'Noto Sans KR', sans-serif; border-radius: 3px;}
.fregister_agree input[type="checkbox"]:checked + label span{ background-color:#264caf;}
#mb_login_notmb .btn_submit{background-color: rgb(4, 81, 165)!important;}
#mb_login_od_wr .btn_submit{background-color: rgb(4, 81, 165)!important;}
.top_btn{position: fixed; right:.5em; bottom:0; transform: translateY(-50%); z-index: 120001; display: block; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; font-size: 23px; color: #fff; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-sizing: border-box;}
.top_btn .xi{ line-height: 2em;}
.ssch_option.chk_box #ssch_qname,
.ssch_option.chk_box #ssch_qexplan,
.ssch_option.chk_box #ssch_qbasic,
.ssch_option.chk_box #ssch_qid{display:none;}
#sit_tab .tab_tit li .selected:after{background: #264caf;}


.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: 1.125em;}
.agree_box .in_con .agree_wrap span{ display: block;}
.ctt_privacy,
.ctt_provision,
.ctt_company{margin:0 !important; padding:0 !important;}

.doc{font-size:16px;}
.com_tit{text-align: center; font-size: 2.375em; margin-bottom: 2.25em; margin-top: .5em;}
.com_tit span{ font-weight: 700; color: #264caf; position: relative;}
.com_tit span:before{content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 0.6em; background: #0033c4; opacity: .15;}
.com_wrap{ margin-bottom: 4em; padding: 0 4em;} 
.com_wrap:last-child{margin-bottom:0;}
.com_wrap .img_z{flex:45%; text-align:center; border-radius: 20px; box-shadow: 7px 6px 0 rgb(0 0 0 / 10%); min-height: 280px;}
.com_wrap .img_z.st1{background-image: url("../img/main/com_img01.jpg");}
.com_wrap .img_z.st2{background-image: url("../img/main/com_img02.jpg");}
.com_wrap .img_z.st3{background-image: url("../img/main/com_img03.jpg");}
.com_wrap .txt_z{flex:50%; box-sizing: border-box; text-align: right;}
.com_wrap .txt_z .tx{ font-size:1em; word-break: keep-all; padding:3.5em 3em; padding-right: 4em; line-height: 1.7;}
.com_wrap .txt_z .tx .line{width:24px; height: 2px; background:#0033c4; opacity: .4; margin-bottom:1.2em; margin-left:auto;}
.com_wrap:nth-child(2n) .txt_z{flex:50%; text-align: left; }
.com_wrap:nth-child(2n) .txt_z .tx{padding-left: 4em; padding-right: 3em;}
.com_wrap:nth-child(2n) .img_z{box-shadow: -7px 6px 0 rgb(0 0 0 / 10%);}
.com_wrap:nth-child(2n) .txt_z .tx .line{margin-left: 0;}

.m_com_tit{text-align: center; font-size: 1.45em; margin-bottom: 1em; margin-top: 1em; word-break: keep-all;}
.m_com_tit span{ font-weight: 700; color: #264caf; position: relative;}
.m_com_tit span:before{content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 0.6em; background: #0033c4; opacity: .15;}
.m_com_wrap{width:95%; margin: 0 auto 2em;} 
.m_com_wrap:last-child{margin-bottom:0;}
.m_com_wrap .img_z{ text-align:center; border-radius: 10px; box-shadow: 7px 6px 0 rgb(0 0 0 / 10%); min-height: 180px;}
.m_com_wrap .img_z.st1{background-image: url("../img/main/com_img01.jpg");}
.m_com_wrap .img_z.st2{background-image: url("../img/main/com_img02.jpg");}
.m_com_wrap .img_z.st3{background-image: url("../img/main/com_img03.jpg");}
.m_com_wrap .txt_z{box-sizing: border-box;}
.m_com_wrap .txt_z .tx{ font-size:.875em; word-break: keep-all; padding:2em 0; line-height: 1.6;}


/* ===== le_20260921 : 좌측 퀵문의 패널 위치 조정 =====
   원래 top:14em / left:1.5em 이라 본문(1200px 가운데정렬)이 좁은 화면에서
   좌측 카테고리 메뉴를 통째로 덮었다. 1800px 미만에서는 왼쪽 아래로 내린다.
   패널은 계속 펼쳐진 상태를 유지한다. (접기 버튼은 그대로 동작) */
@media (max-width:1800px){
  .fix_left{top:auto; bottom:1.25em; left:1em; font-size:13px;}
}
/* ===== le_20260921 끝 ===== */


/* ===== le_20260921 : 팝업레이어 화면 정중앙 =====
   어드민의 좌측/상단 여백은 px 고정값이라 화면 크기가 바뀌면 중앙이 안 된다.
   마크업이 style="top:..px;left:..px" 를 인라인으로 박아 내보내므로 !important 로 덮는다.
   부작용: 팝업 드래그 이동 기능은 동작하지 않는다. */
#hd_pop .hd_pops{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%);
  margin:0 !important;
  max-width:92vw;
  max-height:92vh;
  overflow:auto;
}
/* ===== le_20260921 끝 ===== */