@charset "utf-8";
/* CSS Document */

.menu_selectbox {/*padding-top:45px;*/}
.menu_selectbox .terms_nav li a {display:block; padding:10px 0; font-size:15px; color:#1a1a1a;}
.menu_selectbox .terms_nav li.active a {position:relative; padding-left:12px; font-size:17px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight:600;}
.menu_selectbox .terms_nav li.active a::after {position:absolute; top:10px; left:0; content: ""; width:6px; height:6px; background:#ffce29; border-radius: 100%}
.menu_selectbox .select_scrolling .select_h2 {display: flex; justify-content: space-between; align-items: center; height:55px; padding:0 20px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; background:#fff;}
.menu_selectbox .select_scrolling .select_h2 h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:15px; font-weight:normal; color:#1a1a1a;}
.menu_selectbox .select_scrolling .select_h2 button {width:9px; height:5px; background:url(/publog_m/include/img/sel_arrow@2x.png?t=1) no-repeat; background-size: cover;}
.menu_selectbox .layer_box .content {padding: 30px 40px}
.menu_selectbox .select_h2.fixed {z-index: 999;position: fixed !important;top: 89px; left: 0; width: 100%;}
.menu_selectbox .listall_ul.mt_size {margin-top:60px;}
.menu_selectbox .select_scrolling h3 {padding:40px 20px 10px 20px; font-family: 'Montserrat','YoonGothicPro780', sans-serif; font-size:18px; color:#1a1a1a;}
.menu_selectbox .listall_ul {margin:10px 0 30px 0}
.menu_selectbox .listall_ul li {margin:10px 0 30px 0}
.menu_selectbox .product_list.acc_list {margin:25px 0;}

.menu_selectbox .product_list span.product_label_cpn, .menu_selectbox .product_list span.product_label {top:30px; right:0; width:50px; height:50px;}
.menu_selectbox .product_list span.product_label_cpn > p, .menu_selectbox .product_list span.product_label > p {font-size:12px; line-height:17px;}
.menu_selectbox .product_list span.product_label_cpn.label02, .menu_selectbox .product_list span.product_label {top:-6px; right:7px; width:70px; height:30px; background-color: #242552;}
.menu_selectbox .product_list span.product_label_cpn.label02 > p, .menu_selectbox .product_list span.product_label > p {font-size:12px; line-height:17px;}

.menu_selectbox .product_list .product_list_info {position:relative; top:0; left:0; margin:0; padding:0;}
.menu_selectbox .select_scrolling .listall_ul li {display:flex; justify-content: space-between; flex-wrap: wrap; padding:0 12px;}
.menu_selectbox .select_scrolling .listall_ul li > div {width:48.5%;}
.menu_selectbox .product_list.acc_list .product_list_info {top:0; padding:20px 5px 0 5px; box-sizing: border-box;}
.menu_selectbox .product_list.acc_list > a {background-size:115% !important;}
.menu_selectbox .product_list .product_list_info {width:100%;}
.menu_selectbox .product_list .product_list_info .info_txt {width:100%;}
.menu_selectbox .product_list .product_list_info .info_txt h4 {font-size:16px; margin-bottom:3px}
.menu_selectbox .product_list .product_list_info .info_txt p {font-size:14px; color:#1a1a1a;}
.menu_selectbox .product_list .product_list_info .info_txt p span.product_price {font-size:16px; font-weight:500;}
.menu_selectbox .label_d_sided {height:17px; line-height:16px; font-size:11px; vertical-align: middle;}

/* 라벨 */
.menu_selectbox span.gnb_label {display:inline-block; width:17px; height:16px; margin-left:4px; margin-top:-3px;  font-size:10px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
.menu_selectbox span.gnb_label_02 {display:inline-block; width:51px; height:17px; margin-left:4px; margin-top:-3px;  font-size:11px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
.menu_selectbox span.l_hit {color:#fff !important; border:1px solid #ff7373 !important; background:#ff7373;}
.menu_selectbox span.l_new {color:#ff4040 !important; border:1px solid #ff4040 !important;}

/* top 버튼 */
.top_btn {z-index: 999; display: none; position: fixed; bottom: 65px; right: 12px; opacity: 0.3;}
.top_btn button {width: 40px; height: 40px; background: url(/publog_m/include/img/top_on.png?t=1) center no-repeat; background-size: cover;}

/* 모바일 팝업 */
.scrollOff {touch-action: none; overflow:hidden;}
.popCmmn {z-index: 9999; display:none; position:fixed; top:0;left:0;width:100%;height:100%;}
.popBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.layer_box {position: fixed;  bottom: -100%; width: 100%; background: #fff; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); border-radius:30px 30px 0 0; box-sizing: border-box;}
.layer_box_full {height:100%; border-radius:0;}
.layer_box_on {bottom:0; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.layer_box .content article {margin-top:30px;}
.layer_box .content {width:100%; height:100%; padding:50px 25px 90px 25px; box-sizing:border-box; overflow-y: auto;}
.layer_box_full .content {padding:40px 25px 90px 25px; }
.layer_box .header {z-index: 9; position:absolute; top:10px; left:0; width:100%; height:60px; padding:22px 0 20px 25px; box-sizing: border-box;}
.layer_box_full .header {top:0; background: #fff;}
.layer_box .header h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:22px; font-weight:500; color:#1a1a1a}
.layer_box .content h4 {font-family: 'Montserrat','YoonGothicPro740', sans-serif; margin-bottom:10px; font-size:15px; font-weight:400; color:#1a1a1a}

.layer_box .all_btns {z-index: 9; display:flex; position: absolute; left:0; bottom: 0; width: 100%;}
.layer_box .all_btns button {width:50%; height:55px; text-align: center;}
.all_btns .reset_btn {background:#1a1a1a; color:#fff;}
.all_btns .apply_btn {color:#1a1a1a; background: #FFD659;}
.all_btns .apply_btn span {display: inline-block; font-weight: 600;}
.all_btns button img {width:17px; margin-right:10px; margin-top: -1px; vertical-align: middle; image-rendering: -webkit-optimize-contrast;}
.popCloseBtnCmmn {position:absolute; top:20px; right:23px; width:22px; height:22px; background: url(/publog_m/include/img/btn_close.png) center no-repeat; background-size:17px;}

/*라벨 리뉴얼 - 내용에따라 가로 사이즈 자동 변경*/
/*.menu_selectbox .product_list span.list_label01 { color: #fff !important; background: #222450; display: inline-block; height: 23px; margin-left: 4px; font-size: 13px !important; font-weight: 500; line-height: 18px; text-align: center; box-sizing: border-box; vertical-align: middle; position: absolute; right: 0px; padding: 2px 6px;}*/


/*라벨 리뉴얼 - 사이즈 고정*/
/*라벨 리뉴얼*/
.menu_selectbox .product_list span.list_label_box { position: absolute; top: 0%; right: 0%; width: 43px; height: 43px;  box-sizing: border-box; color: #fff; text-align: center;
line-height: 1.5; font-size: 12px; display: table;}

/*블랙 라벨-위*/
.menu_selectbox .product_list span.list_label_box p.list_label_bk1 { display: table-caption; vertical-align: middle; width: 43px; height: 43px; line-height: 1.5; font-size: 10px;  background-color: #fff; color: #222; border: solid 1px #222;}
/*블랙 라벨-아래*/
.menu_selectbox .product_list span.list_label_box p.list_label_bk2 { display: table-cell; vertical-align: middle; width: 43px; height: 43px; line-height: 1.5; font-size: 10px;  background-color: #fff; color: #222; border: solid 1px #222;}
/*레드 라벨-위*/
.menu_selectbox .product_list span.list_label_box p.list_label_red1 { display: table-caption; vertical-align: middle; width: 43px; height: 43px; line-height: 3.5;  font-size: 12px; background-color: #ff7373;}
/*레드 라벨-아래*/
.menu_selectbox .product_list span.list_label_box p.list_label_red2 { display: table-cell; vertical-align: middle; width: 43px; height: 43px; line-height: 3.5;  font-size: 12px; background-color: #ff7373;}


.menu_selectbox .product_list .product_list_info .info_txt h4 .info_txt_sub {font-size: 10px; margin-left: 5px;}

/*리스트 리뉴얼 버튼 240308*/
.product_list .product_list_info .info_txt.wsiz {width:70%!important;}
.product_list .product_list_info .info_btn2 {display: inline-block; float: right; width: 30%; padding: 0; box-sizing: border-box;}
.product_list .product_list_info .info_btn2 a {margin-right: 0%;}
.product_list .product_list_info .info_btn2 a.btn_product_more {background: url('/img/2020/icon_info.png?t=1') top center no-repeat; float: right; background-size: 50%;}
.product_list .product_list_info .info_btn2 a.btn_product_start {background: url('/img/2020/icon_start.png?t=1') top center no-repeat; float: right; background-size: 50%;}
.product_list .product_list_info .info_btn2 a p {font-size: 3.2vw; color: #333; margin-top: 52%; }