@charset "utf-8";
/* All Device 모든 해상도를 위한 공통 코드를 작성한다. ------------------------------------------------------------------------- */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block}
/* 공통 레이아웃 ------------------------------------------------------------------------------------- */


*{font-family: 'Pretendard', sans-serif !important;}
table{border-collapse: collapse;}

html, body{max-width:551px; margin:0 auto; }
#wrap{position:relative;}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


/* header */
#header {position:relative; height:60px;  background: #fff;  display:flex; flex-direction:row; align-items:center; z-index:9;
    justify-content: center;box-shadow: 2px 4px 8px 0px #2934390a;}
#header .logo{width:80px; display:block;}
#header .logo img{width:100%;}
#header img {vertical-align:middle;}
#header .top_btn { position:absolute; top:0px; right:0px; text-align: center;  width:60px; height:60px;  display:flex; }
#header .top_btn a{ width:60px; height:60px;  display:flex;flex-direction:column; align-items:center; justify-content: center;font-size:10px; font-weight:500;gap:4px;line-height:normal;}
#header .top_btn a img{ width:25px;  height:25px;}

#header .top_left_btn { position:absolute; top:0px; left:0px; text-align: center; width:60px; height:60px; }
#header .top_left_btn a{ width:60px; height:60px; display:flex;flex-direction:column; align-items:center; justify-content: center; font-size:10px;font-weight:500;gap:4px; line-height:normal;}
#header .top_left_btn a img{ width:25px;height:25px;}



#main_gnb { position:relative; width:80%; /*  display:none; */ box-shadow: -9px 0px 14px 0px #29343912;z-index:8;position:absolute; top:0px; left:100%; background-color:#fff; height:100%;
padding-top:60px; transform: translateX(-100%)}
#main_gnb ul {  width:100%;  display:flex; flex-direction:row; align-items:flex-start; gap:10px; row-gap: 15px; flex-wrap:wrap; padding:20px; box-sizing:border-box;}
#main_gnb ul li { width:calc(33.3333% - 6.7px);  }
#main_gnb ul li a { display:flex; flex-direction:column; align-items:center; justify-content: center; width:100%; color:#000; font-size:14px; font-weight:500; text-align:center; }
#main_gnb ul li a .main_gnb_icon{ display:block;width:60px; height:60px; margin-bottom:8px;}
#main_gnb ul li a .main_gnb_icon_tel{ box-sizing:border-box; border-radius:12px; background-color:#f4b2b0; display:flex; flex-direction:row; align-items:center;
justify-content: center;}
#main_gnb ul li a .main_gnb_icon img{ width:100%; }
#main_gnb ul li a .main_gnb_icon_tel img{width:53%;}



/* #main_gnb { position:relative; width:100%; background:#3f3f3f; font-family:"나눔고딕",'Nanum Gothic',sans-serif; display:none; border-bottom:2px solid #333;} */
/* #main_gnb ul {  width:100%; } */
/* #main_gnb ul li { width:100%; height:50px; border-bottom:1px #333 solid; border-top:1px #4b4b4b solid } */
/* #main_gnb ul li a { display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:500; text-align:left; padding-left:60px; } */
/* #main_gnb ul li a:hover { text-decoration:underline; } */
/* #main_gnb ul li .item01 { background:url("/resource/image/user/icon/jm01.png") 20px 16px no-repeat; } */
/* #main_gnb ul li .item02 { background:url("/resource/image/user/icon/jm02.png") 20px 16px no-repeat; } */
/* #main_gnb ul li .item03 { background:url("/resource/image/user/icon/jm03.png") 20px 16px no-repeat; } */
/* #main_gnb ul li .item04 { background:url("/resource/image/user/icon/jm04.png") 20px 16px no-repeat; } */
/* #main_gnb ul li .item05 { background:url("/resource/image/user/icon/jm05.png") 20px 16px no-repeat; } */

/* 메인 슬라이더 이미지  */
#full_slider {position:relative;  background:#000000; }

/* container */
#container { position:relative; text-align:left; *zoom:1;} 
#container:after { display:block; content:''; clear:both; }


.mjb_bar {
width:100%;height:70px;line-height:35px;
background: #ffffff; /* Old browsers */ font-weight:bold; 
background: -moz-linear-gradient(top,  #ffffff 31%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 31%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.mjb_bar li {float:left;padding-left:3px;width:100%;height:50px;font-size: 1.15em;letter-spacing:-0.8px;color:#333;}
.mjb_bar li em {color:#fe8a2a;padding-right:3px;}
.mjb_bar li a {display:block;width:50%;height:50px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;}
.mjb_bar li .right_jb {float:right;padding-right:8px;}

.mnav_grp {width:100%;padding:10px;box-sizing:border-box;}
.mnav_grp ul {width:100%;}
.mnav_grp ul li {width:50%;float:left;}
.mnav_grp ul li a {display:block;width:100%;position:relative;}
.mnav_grp ul li a span {position:absolute;top:7%;left:7%;font-size:130%;font-weight:bold;color:#fff;}
.mnav_grp ul li .mitem01 {background:#005a6f;}
.mnav_grp ul li .mitem02 {background:#4c8b9a;}
.mnav_grp ul li .mitem03 {background:#858585;}
.mnav_grp ul li .mitem04 {background:#333333;}
.mnav_grp ul li .mitem05 {background:#bbac09;}
.mnav_grp ul li .mitem06 {background:#ccc147;}
.mnav_grp ul li a img {width:100%;vertical-align:top;}

/* article01 */
.article01 { position:relative; width:100%; margin-top:20px; letter-spacing:-0.5px;}
.article01:after { display:block; content:''; clear:both; }
.tit_box { display:block; height:40px; line-height:40px; padding-left:10px; font-size:16px; color:#333; border-top:3px solid #BBAC09; border-bottom:1px solid #ACACAC; font-weight:bold !important;
letter-spacing:-0.9px; 
background: #ffffff; /* Old browsers */ font-weight:bold; 
background: -moz-linear-gradient(top,  #ffffff 31%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 31%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.article01 .sj_hh { border-top:3px solid #BBAC09; display:inline-block; float:left; background:#fff; width:96%; border:1px solid #ccc; margin:0 1% 0 2%;  -webkit-border-radius: 10px; border-radius:10px; }
.article01 .sj_hh_nav { padding:10px; height:80px;}
.article01 .sj_hh_nav li { font-size:16px; }
.article01 .sj_hh_nav li a {  display:inline-block; line-height:25px; font-size:14px; color:#666; font-weight:600; }
.article01 .sj_hh_nav li a { *float:left; *clear:right; }
.article01 .sj_hh_nav li span { float:right; line-height:25px; }
.article01 .sj_hh_nav li span { *float:right; *clear:left; } /* IE7 */
.article01 .sj_hh_nav li span em {  font-weight:500; color:#555; }
.article01 .sj_hh_nav li b { color:#B00C49; cursor:pointer; }
.article01 .sj_hh_nav li b:hover { color:rgba(176, 12, 73, 0.67); text-decoration: underline; }
.article01 .tit_box { display:block; height:40px; line-height:40px; padding-left:10px; font-size:16px; color:#333; border-bottom:1px solid #ACACAC; font-weight:bold !important;
letter-spacing:-0.9px; 
background: #ffffff; /* Old browsers */ font-weight:bold; 
background: -moz-linear-gradient(top,  #ffffff 31%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 31%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px 10px 0 0 ; border-radius: 10px 10px 0 0;
}

.article01 .bj_hh { display:inline-block; float:right; background:#fff; width:47%; border:1px solid #ccc; margin:0 2% 0 0; -webkit-border-radius: 10px; border-radius:10px;}
.article01 .bj_hh_nav { padding:10px; height:80px; }
.article01 .bj_hh_nav li { font-size:16px; }
.article01 .bj_hh_nav li a {  display:inline-block; line-height:25px; font-size:14px; color:#666; font-weight:600;  }
.article01 .bj_hh_nav li a { *float:left; clear:right; } /* IE7 */
.article01 .bj_hh_nav li span { float:right; line-height:25px; }
.article01 .bj_hh_nav li span { *float:right; clear:left;  } /* IE7 */
.article01 .bj_hh_nav li span em { font-weight:500; color:#555; }
.article01 .bj_hh_nav li b { color:#B00C49; cursor:pointer; }
.article01 .bj_hh_nav li b:hover { color:rgba(176, 12, 73, 0.67); text-decoration: underline; }

/* article02 */
.article02 { width:100%; clear:both; margin:10px 0 0 0; }
.article02:after { display:inline-block; content:''; clear:both; }
.article02 .tg_box { background:#fff; margin:0 2%; border:1px solid #ccc;  }
.article02 .tg_box img { width:100%; vertical-align:top; }

/* article03 */
.article03 { width:100%; margin-bottom:15px; }
.article03:after { display:block; content:''; clear:both; }
.article03 .gj_sh { display:block; background:#fff; border:1px solid #ccc; margin:0 2%; }
.article03 .gj_sh_nav { padding:10px; height:100px; }
.article03 .gj_sh_nav li a { display:inline-block; line-height:25px; font-size:14px; color:#666; font-weight:600;  }
.article03 .gj_sh_nav li a { *float:left; *clear:right; } /* ie7 */
.article03 .gj_sh_nav li a:hover { color:#BBAC09; text-decoration: underline; }
.article03 .gj_sh_nav li span { float:right; line-height:25px; color:#999; letter-spacing:-0.5px }
.article03 .gj_sh_nav li span { *float:right; *clear:left; } /* ie7 */

/* article04 */
.article04 { width:100%; margin-bottom:20px; }
.article04:after { display:block; content:''; clear:both; }
.article04 .my_sh { display:block;  background:#fff; border:1px solid #ccc; margin:0 2%;  }
.article04 .my_sh_nav { padding:10px; height:100px; }
.article04 .my_sh_nav li a {  dispaly:inline-block; line-height:25px; font-size:14px; color:#666; font-weight:600;  }
.article04 .my_sh_nav li a { *float:left; *clear:right; } /* ie7 */
.article04 .my_sh_nav li a:hover { color:#2030AA; text-decoration: underline; }
.article04 .my_sh_nav li span { float:right; line-height:25px; color:#999; letter-spacing:-0.5px}
.article04 .my_sh_nav li span { *float:right; *clear:left; } /* ie7 */

/* footer */
#footer {position:relative; margin:0 auto; width:100%; bottom:0; left:0; padding:15px 0; background:#333; color:#777; font-family:tahoma, arial; letter-spacing:-1px; text-align:center; z-index:1000; 
border-top:1px solid #ccc; }

#footer strong { color:#e1953f; }
#footer a {text-align:center; display:inline; }

#foot_gnb ul { width:100%; letter-spacing:0.3px; }
#foot_gnb ul li { float:left; width:50%; }
#foot_gnb ul li a { display:block; width:100%; height:45px; line-height:45px; font-size:15px; background:#4A8187; color:#fff; font-weight:500; }
#foot_gnb ul li a:hover { background:#3B6C71; }


/* Tablet & Desktop Device 사용자 해상도가 768px 이상일 때 이 코드가 실행됨. -------------------------------------------------------- */
@media all and (min-width:768px) {
	
}


/* 서브 레이아웃 --------------------------------------------------------------------- */

/* contants */
#contents {padding:20px 10px 50px; *zoom:1; }
#contents.wdh { max-width:710px; margin:0 auto; }
#contents:after {display:block; content:''; clear:both; }

/* .sub_tit { font-size:18px; color:#555; padding:10px; } */
/* .sub_tit2 {font-size:18px;color:#555;padding: 10px 0;} */

.form_box { width:100%; padding:10px 0; background:#484848; }
.sel_group {  }
.sel_group select { width:100%; height:45px; font-weight:bold; vertical-align:middle; padding:9px 0 8px 10px; color:#555; font-size:1.3em;
-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
background:url("/resource/image/mobile/btn/select_arr.png") #fff right center no-repeat; background-size: 2em auto; -webkit-appearance: none; box-sizing:border-box; }
.ser_group { position:relative;  letter-spacing: -1px; }
.ser_group input { width:100%; height:45px; font-weight:bold; vertical-align:middle; padding:9px 0 8px 10px; border:1px solid #ccc; color:#555; font-size:17px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *width:97%;/*ie7*/
-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background:url("/resource/image/mobile/btn/search_arr.png") #fff right center no-repeat; background-size: 2em auto;  padding-right:35px; }
.search_bt { position:absolute; top:0; right:0; width:45px; height:45px; display:inline-block; }


.reference_box { width:100%; height:40px; line-height:40px; border-bottom:1px solid #aeaeae;
background: #ffffff; /* Old browsers */ font-weight:bold; 
background: -moz-linear-gradient(top,  #ffffff 31%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 31%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 31%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.reference_box p { text-align:center; font-size:16px; font-weight:500; color: #555}
.reference_box p b { color:#fe8a2a; }

/**/
/* .top_list_box { width:100%; max-height:200px;overflow-y:scroll} */
.top_list_box { width:100%;}
.top_list_box li { margin-bottom:8px !important; border-bottom:1px solid #ddd; }


.thumb_list {width:100%;display:flex; flex-direction:column; border-bottom:1px solid #eee;} 
.thumb_list ul { overflow:hidden } 
.thumb_list li { position:relative;  border-top:1px solid #eee; background: #fff; box-sizing:border-box;-webkit-box-sizing:border-box;} 
.thumb_list li > a {position: relative;display: block;width: 100%;padding: 20px;box-sizing: border-box;/* min-height: 100px; */overflow:hidden;}
/* .thumb_list li > a:hover { background:#fafafa; } */
.thumb_list .thumb { position:relative; /*float:left; margin-right:15px;*/ width:100%; /*background:#f6f6f6;*/ overflow:hidden; /*border-right:1px solid #ddd;*/ }
.thumb_list .thumb img,.relateList img { width:100%; height:100%;}
.thumb_list .thumb > span { position:absolute; display:block; top:2px; left:2px; z-index:1; }
.thumb_list .thumb .today { width:39px; height:18px; text-indent:-99999px; font-size:0; background:url(../imgs/m_coocha_v2_x2.png?ver=141229) no-repeat; background-position:-281px -86px; background-size:320px auto; }
.thumb_list .thumb .rank { padding:0 5px 0 4px; min-width:15px; height:18px; background:#fa595c; font:bold 13px/18px Helvetica, sans-serif; text-align:center; color:#fff; }

.thumb_list li a > p {/* overflow:hidden; */}
.thumb_list .store {/* margin: 11px 0 0 0; */text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14px;color:#999;/* letter-spacing:-0.5px; */}
.thumb_list .store span:first-child:before { display:none; }
.thumb_list .store span:before { display:inline-block; width:1px; height:8px; margin:0 5px 0 4px; background:rgba(0,0,0,.12); content: ''; }
.thumb_list .headline {font-size:15px;font-weight:500;   overflow: hidden;text-overflow: ellipsis; white-space: pre-line; max-height:40px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.thumb_list .purchase { margin:0 0 0 0; font-size:13px; font-weight:500; color:#666; text-align:left; letter-spacing:-0.5px; }
.thumb_list .purchase .airport:before { display:inline-block; width:1px; height:9px; margin:0 5px 0 3px; background:rgba(0, 0, 0, .1); content:''; vertical-align:-1px; }

.thumb_list .price_box {position:relative;font-family:Helvetica, sans-serif;display: block;height: 20px;margin-top: 8px;}
.thumb_list .price_box .percent { position:absolute; top:94px; left:145px; background:none; font-size:29px; color:#ec3c40; font-weight:200; letter-spacing:-0.5px; }
.thumb_list .price_box .percent em { padding-left:1px; font-size:15px; font-weight:bold; vertical-align:1px; }
.thumb_list .price_box .percent_kor {position: relative;font-size: 18px;color:#fe492a;font-weight:700; /* IE7 */display: inline-block;width: 67%;vertical-align: middle;box-sizing: border-box;text-align:right;}
.thumb_list .price_box .price {text-align:right; display: inline-block;width: 100%;vertical-align: middle;}
.thumb_list .price_box .price span { position:absolute; right:12px; display:block; }
.thumb_list .price_box .price span.cover_price { top:89px; font-size:11px; text-decoration:line-through; color:#a0a2a4; }
.thumb_list .price_box .price span.dc_price {font-size:18px;color:#fe492a;font-weight:700;position: relative;text-align: right;right: unset;}
.thumb_list .price_box .price span.dc_price em { font-size:15px; font-weight:normal; }

.none_box { position:relative; border-top:1px solid #ddd; padding:8px 0; background:#fff;}
.none_box.p_box{display:flex; flex-direction:row; align-items:center;justify-content: flex-end; padding:10px 20px !important; box-sizing:border-box; background-color:#f3f5f6 !important;
border-top:1px solid #ddd !important;}
.none_box .sr_box {display:flex; flex-direction:row; align-items:center;justify-content: flex-end;box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.none_box .sr_box input {width:60px;height: 35px;color:#555;font-size:18px;box-sizing:border-box;text-align:center; border:0; font-weight:bold;}
.none_box .sr_box .sr_down{display:inline-block;width:35px;height: 35px; color:transparent; background:url(/resource/image/user/icon/minus_icon_btn.png) no-repeat; background-position:center;
background-size:15px; border-right:1px solid #ddd; box-sizing:border-box;}
.none_box .sr_box .sr_up{display:inline-block;width:35px;height: 35px; color:transparent; background:url(/resource/image/user/icon/plus_icon_btn.png) no-repeat; background-position:center;
background-size:15px; border-left:1px solid #ddd; box-sizing:border-box;}

.thumb_flex_cont_right{display:flex; flex-direction:row; align-items:center;justify-content: flex-end; margin-top:8px;}
.thumb_flex_cont_right .sr_box {display:flex; flex-direction:row; align-items:center;justify-content: flex-end;box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.thumb_flex_cont_right .sr_box input {width:60px;height: 35px;color:#555;font-size:18px;box-sizing:border-box;text-align:center; border:0; font-weight:bold;}
.thumb_flex_cont_right .sr_box .sr_down{display:inline-block;width:35px;height: 35px; color:transparent; background:url(/resource/image/user/icon/minus_icon_btn.png) no-repeat; background-position:center;
background-size:15px; border-right:1px solid #ddd; box-sizing:border-box;}
.thumb_flex_cont_right .sr_box .sr_up{display:inline-block;width:35px;height: 35px; color:transparent; background:url(/resource/image/user/icon/plus_icon_btn.png) no-repeat; background-position:center;
background-size:15px; border-left:1px solid #ddd; box-sizing:border-box;}
.thumb_flex_cont .dc_price{text-align:left !important;}


.none_box .all_price { position:absolute; right:71px; display:inline-block; height:38px; line-height:38px; padding-right : 10px; }
.none_box .all_price { *right:68px; *clear:left; /* IE7 */ } 
.none_box .all_price em { font-size:16px; font-weight:500; color:#666;}
.none_box .all_price em { *margin-right:27px; /* IE7 */ } 
.none_box .all_price b {  font-size:20px; letter-spacing:-1px; color:#333; }
.none_box .all_price b input {width:130px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;padding:5px;margin-right:5px;}
/* .none_box .btn_cart { position:absolute; right:10px; display:inline-block; text-align:center; font-weight:500; font-size:15px; } */

.none_box .btn_cart:hover {  }
.none_box .btn_cart_sj { position:absolute; right:10px; display:inline-block; width:48px; height:36px; line-height:36px; text-align:center; background:#4A8187; color:#fff; border:1px solid #245A5F;
-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-weight:500; font-size:15px; } 
.none_box .btn_cart_sj:hover { background:#58959B; }

/* .none_box2 {height:80px;position: relative;} */
/* .none_box2 .btn_all_jm { width:70%; height:50px; line-height:50px; background:#fe8a2a;  font-weight:500; font-size:20px; color:#fff; margin:0 auto; border-radius: 100px; text-align:center;  cursor: pointer; } */
/* .none_box2 .btn_all_jm:hover { text-decoration:underline; } */

/* .none_box2 .btn_all_jm a { text-decoration:none; color:#fff; } */

.cart_box { position: fixed; right: 10px; bottom: 45px; height: 60px; width: 60px; border-radius: 50%; background-color:rgba(254,138,42,0.85); text-align: center; cursor: pointer; z-index: 1001;
display:flex;flex-direction:row; align-items:center; justify-content: center;}
.cart_box .btn_all_jm{color:#fff;  font-size:30px;}
.cart_box_count { position: fixed;; right: 40px; bottom: 85px; height: 25px; width: 25px; border-radius: 50%; background-color: #fa1000; color:#fff; text-align: center; cursor: pointer;
z-index: 1002; font-size:16px; font-weight:bold; display:flex;flex-direction:row; align-items:center; justify-content: center;}
/* 주문확인 */

.gjcode_flex_row{display:flex; flex-direction:row; align-items:center;justify-content: space-between;}
.gjcode_sub_flex_row{display:flex; flex-direction:row; align-items:center; gap:12px;}
.gjcode_flex_txt{font-size:14px;}
.gjcode_sub_flex_row .gjbs{display:flex; flex-direction:row; align-items:center; font-size:14px; gap:4px;}
.gjcode_sub_flex_row .gjbs .i_radio{margin:0;}

.jmhy_list_box { width:100%; }
.jmhy_list_box:after { display:block; content:''; clear:both; }

.jmhy_list { width:100%; margin-bottom:10px; } 
.jmhy_list ul { overflow:hidden; } 
.jmhy_list li { position:relative; margin-bottom:8px; background:#fff; border-bottom:1px solid #eee; background: #fff; padding:18px 15px; } 
.jmhy_list li { display:block; overflow:hidden; }

.jmhy_list li .pm_nm { text-overflow:ellipsis; white-space:nowrap; font-weight:500; font-size:17px; color:#333; }
.jmhy_list li .pm_sr { margin:10px 0 0 0; font-size:14px; color:#666; }
.jmhy_list li .pm_dg { margin:8px 0 0 0; font-size:14px; color:#666; letter-spacing: -0.7px;  }
.jmhy_list li .pm_dg span { color:#666; padding-right:5px; font-weight:500; }
.jmhy_list li .sangtae_box { width:100%; margin:12px 0 0 0; }
.jmhy_list li .sangtae_box .left_price { float:left; font-size:15px; font-weight:bold; color:#333; letter-spacing: -0.7px; }
.jmhy_list li .sangtae_box .left_price em { color:#fe492a;  padding-right:5px; }
.jmhy_list li .sangtae_box .right_sangtae { float:right; font-size:15px; font-weight:bold; color:#0f84cf; }




/* .tb_jmhy { width:100%; border-collapse:collapse; border-spacing:0; font-size: 13px; } */
/* .tb_jmhy caption { visibility:hidden; width:0; height:0; font-size:0; line-height: 0; }  */
/* .tb_jmhy thead th {border-right:1px solid #ccc;font-weight:bold; padding:15px 0; text-align:center; border-top:2px solid #ffb375; border-bottom:1px solid #ccc; color:#585858; font-size:15px; */
/* background: #ffffff; Old browsers */
/* background: -moz-linear-gradient(top,  #ffffff 20%, #f2f2f2 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#f2f2f2)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); IE10+ */
/* background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); IE6-9 */
/* } */
/* .tb_jmhy tbody td { padding: 15px 5px; text-align:center; color:#555; border-bottom:1px solid #dedede; border-right:1px solid #dedede;letter-spacing:-0.5px; font-weight:bold; font-size:14px; background:#fff; } */
/* .tb_jmhy tbody td.txt_l {border-right:1px solid #dedede;} */
/* .tb_jmhy tbody td.txt_r {border-right:1px solid #dedede;} */
/* .tb_jmhy tbody td.total_rate{background:#fff8f2;color:#fe492a;} */
/* .tb_jmhy tbody .jm_date { color:#666; letter-spacing:-1px; font-weight:normal; font-size:15px; line-height:130%; border-right:1px solid #dedede; } */
/* .tb_jmhy tbody .cu_name { color:#fe8a2a; background:#fffaf5; letter-spacing:-1px; font-weight:bold; font-size:15px; line-height:130%;  } */
/* .tb_jmhy tbody .ng_date { color:#666; letter-spacing:-1px; font-weight:normal; font-size:15px; } */
/* .tb_jmhy tbody .pm_name { text-align:left; font-weight:bold; color:#555;border-right:1px solid #dedede; } */
/* .tb_jmhy tbody .jmgy {  } 주문금액 */
/* .tb_jmhy tbody .st_sc { font-weight:bold; color:blue; } 주문상태 */
/* .tb_jmhy tbody .st_wr { font-weight:bold; color:green; } */
/* .tb_jmhy tbody .st_cc { font-weight:bold; color:red; } */

.add_last {position:relative;width:96%;height: 35px;margin:23px auto 0px auto;border-top: 3px solid #fe8a2a;border-bottom:2px solid #ccc;}
.add_last:after { display:block; content:''; clear:both; }
.add_last .add_01 { position:absolute; left:15px; display:inline-block; }
.add_last .add_01 p {font-size: 15px;font-weight:500;color:#333;line-height: 30px;}
.add_last .add_01 p em { font-size:26px; padding:0 3px 0 10px; letter-spacing:-1.5px; color:#fe492a; }
.add_last .add_02 { position:absolute; right:15px; display:inline-block; }
.add_last .add_02 p {font-size: 15px;font-weight:bold;color:#333;line-height: 30px;}
.add_last .add_02 p em { font-size:26px; padding:0 3px 0 10px; letter-spacing:-1.5px; color:#fe492a; }

.add_last2 { position:relative; width:96%; margin:0px auto 0px auto; padding:10px 0 38px 0 !important; border-bottom:2px solid #ccc  }
.add_last2:after { display:block; content:''; clear:both; }
.add_last2 .add_01 { position:absolute; left:15px; display:inline-block; }
.add_last2 .add_01 p { font-size:16px; line-height:150%; font-weight:500; color:#333; }
.add_last2 .add_01 p em { font-size:26px; padding:0 3px 0 10px; letter-spacing:-1.5px; color:#fe492a; }
.add_last2 .add_02 { position:absolute; right:15px; display:inline-block; }
.add_last2 .add_02 p { font-size:16px; line-height:150%; font-weight:bold; color:#333;  }
.add_last2 .add_02 p em { font-size:26px; padding:0 3px 0 10px; letter-spacing:-1.5px; color:#fe492a; }


.input_box { border:1px solid #ccc; }

.tb_jmhy tbody .ser_tdbox input {width:100%;height:35px;padding:10px;box-sizing:border-box;color:#333;border-radius:6px;-webkit-border-radius:6px;}
.tb_jmhy tbody .ser_tdbox { background:#484848; }
.tb_jmhy tbody .ser_white { color:#fff; }

.txt_input { width:96%; margin:0 auto; padding:10px 0 10px 0; }
.txt_input:before { display:block; content:''; clear:both; }
.txt_input input { display:inline-block; width:100%; margin:0 auto; resize:none; height:40px; padding-left:10px; font-size:1.15em; border:1px solid #ADADAD;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *width:98%;/*ie7*/ }

.txt_area {width:96%; margin:0 auto; padding:8px 0 10px 0; }
.txt_area:before { display:block; content:''; clear:both; }
.txt_area textarea { width:100%; margin:0 auto; resize:none; padding:10px; height:80px; font-size:1.15em; border:1px solid #ADADAD;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *width:98%;/*ie7*/ }

/*공지*/
.tb_notice { width:100%; border-collapse:collapse; border-spacing:0; font-size: 13px; }
.tb_notice caption { visibility:hidden; width:0; height:0; font-size:0; line-height: 0; } 
.tb_notice thead th { padding:12px 0; text-align:center; border-top:2px solid #787878; border-bottom:1px solid #ACACAC; color:#585858; font-size:15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 20%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */   }
.tb_notice tbody td { padding: 15px 0; text-align:center; color:#999; border-bottom:1px solid #ccc; letter-spacing:-0.5px; font-size: 14px; background:#fff; }
.tb_notice tbody td .jm_date { color:#666; letter-spacing:-0.9px; }
.tb_notice tbody .no_jm { text-align:left; padding-left:10px; font-weight:bold; color:#555; }

/* 마이페이지 */
.tb_mypg { width:100%; border-collapse:collapse; border-spacing:0; }
.tb_mypg caption { visibility:hidden; width:0; height:0; font-size:0; line-height: 0; } 
.tb_mypg thead th { padding:15px 0; text-align:center;font-weight:bold; border-top:2px solid #fe8a2a; border-bottom:1px solid #ccc; color:#585858; font-size:15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 20%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.tb_mypg tbody td { padding: 12px 0; text-align:center; border-right:1px solid #dedede; color:#555; border-bottom:1px solid #dedede; letter-spacing:-0.5px; font-weight:bold; font-size:14px; background:#fff; }
.tb_mypg tbody .jm_date { color:#fe8a2a; background:#fffaf5; letter-spacing:-1px; font-weight:bold; font-size:15px; line-height:130%;  }
.tb_mypg tbody .pm_name { text-align:left; padding-left:15px; font-weight:normal;  color:#555; }

.tb_mypg .bt_sty02 { display:inline-block; background:#555; color:#fff; border:1px solid #555; padding:10px 13px; font-weight:bold; font-size:13px;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.tb_mypg .bt_sty02:hover { background:#777; }

/* 거래처단가설정 */
select.custlist {width:150px;padding:5px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;color:#7a7a7a;}
select.salelist {width:150px;padding:5px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;color:#7a7a7a;}

/*비밀번호변경*/
.tb_mypg02 { width:100%; border-collapse:collapse; border-spacing:0; margin-top:15px;}
.tb_mypg02 caption { visibility:hidden; width:0; height:0; font-size:0; line-height: 0; } 
.tb_mypg02 thead th { padding:15px 0; text-align:center; border-top:2px solid #90b94f; border-bottom:1px solid #ccc; color:#585858; font-size:15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 20%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 20%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.tb_mypg02 tbody td { padding: 12px 0; text-align:center; border-right:1px solid #ccc; color:#555; border-bottom:1px solid #ccc; letter-spacing:-0.5px; font-weight:bold; font-size:14px; background:#fff; }
.tb_mypg02 tbody td input { border:1px solid #ccc; width:100%; height:30px; box-sizing:border-box; padding-left:10px; }
.tb_mypg02 tbody .jm_date { color:#90b94f; background:#f5f7f3; letter-spacing:-1px; font-weight:bold; font-size:15px; line-height:130%;  }
.tb_mypg02 tbody .pm_name { text-align:left; padding:12px 15px; font-weight:normal;  color:#555; }

.tb_mypg02 .bt_sty03 { display:inline-block; background:#90b94f; color:#fff; border:1px solid #90b94f; padding:10px 13px; font-weight:bold; font-size:15px;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; float:right; margin-right:10px; }
.tb_mypg02 .bt_sty03:hover { background:#456E73; }

/* 서브 레이아웃 --------------------------------------------------------------------- */

.stitle {position:relative; margin:35px 0 30px; padding-bottom:5px; border-bottom:1px solid #e4e4e4; letter-spacing:-1px; border-radius:0; }
.stitle h3 {padding-bottom:5px; color:#3f3f3f; font-size:30px; font-weight:bold; letter-spacing:-2px}
.stitle p {padding-bottom:17px;}
.stitle .guide {position:absolute; display:inline-block; right:0; bottom:20px; padding:4px 20px; font-size:11px; color:#fff; background:#77a835;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.stitle .guide a { color:#fff; }
.stitle .guide em { color:#fff; font-weight:bold; }

.stitle_dep1 {}
.stitle_dep1 h4 {padding-left:22px; color:#555; line-height:30px; background:url("/resource/image/user/icon/stitle01.png") 0 7px no-repeat; }
.stitle_dep2 {}
.stitle_dep2 h5 {color:#555; font-weight:bold; }

.st_dep01 { margin:30px 0 0; }
.st_dep01_en { margin:30px 0 20px; font-family:"돋움",dotum; font-size:15px; color:#dadadc; letter-spacing:-1px; }
.st_dep01_en span { font-size:11px; color:#666; letter-spacing:normal; font-weight:normal; }


/* 버튼 스타일 */
.bt_sty01 { display:inline-block; background:#fe8a2a; color:#fff; border:1px solid #fe8a2a; padding:12px 20px; margin-right:7px; font-weight:bold; font-size:15px;
border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.bt_sty01:hover {text-decoration:underline;}

.bt_sty02 { display:inline-block; background:#555; color:#fff; border:1px solid #555; padding:12px 20px; font-weight:bold; font-size:15px;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.bt_sty02:hover {text-decoration:underline;}

.bt_sty03 { display:inline-block; /*background:#4A8187; color:#fff; border:1px solid #456E73;*/ padding:6px 13px; font-weight:bold; font-size:13px;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.bt_sty03:hover {text-decoration:underline;}

.hweidtBtn {background:#999; color:#fff; border:1px solid #fff;}
.pwclearBtn {background:#90c047; color:#fff; border:1px solid #fff;}
.hwdelBtn {background:#fe8a2a; color:#fff; border:1px solid #fff;}
.saveBtn {background:#4b4b4b; color:#fff; border:1px solid #fff;}

.put_btn {background:#fe8a2a; color:#fff; border:1px solid #fe8a2a;}
.searchBtn {display:flex;flex-direction:row; align-items:center; justify-content: center;background:#f3f5f6; color:#333;padding:0px 12px; border-radius:8px;width:100%;box-sizing:border-box;
height:40px; font-weight:500; font-size:14px;}

/* .listBtn {background:#999; color:#fff; border:0px;} */
/* .excelDownBtn {background:#90c047; color:#fff; border:0px;} */

/* room 서브타이틀 */
h4.sstitle {margin-top:15px;  padding:0 0 5px 5px; background:url("/resource/image/user/icon/sst01.gif") 0 2px no-repeat; font-size:11px; color:#383838; font-weight:normal; }

.thumb_flex_cont{display:flex;flex-direction:row;gap:8px;}
.thumb_flex_cont .thumb{width:65px !important; }
.thumb_flex_cont .thumb_tbox{width:calc(100% - 73px) !important; display:inline-block ; margin:6px 0;}
.thumb_flex_cont .thumb_tbox .price{text-align:left;}

.thumb_flex_cont > div{width:80px !important; }

.pop_close_btn{width:85px; height:85px; display:block; position:absolute; top:0; right:0;z-index:1002; background-image:url('/resource/image/user/icon/pop_close_icon.png'); background-size:50px;
background-repeat:no-repeat; background-position:center;}
.image_click_popbox{position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.65);z-index:1001; display:flex; flex-direction:row; align-items:center; justify-content: center; 
padding:15px; box-sizing:border-box; width:100%; height:100%;}
.image_click_imgbox{width:80%; display:flex; flex-direction:row; align-items:center; justify-content: center; max-width:551px;}
.image_click_imgbox img{width:100%;}


/* 수발주 NEW 디자인 */

/* 로그인 */

input:focus{outline:none;border:1px solid #f87f7f;line-height:normal;}
textarea:focus{outline:none;}
.login_view{font-family: 'Pretendard', sans-serif !important;  background-color:#000;}

.header_logo{ display:flex; flex-direction:column; align-items:center;justify-content: center; width:100%; padding:20px; box-sizing:border-box; padding-bottom:0;}
.header_logo img{width:180px; margin-bottom:20px;}
.log_grp_more_btn{display:flex; flex-direction:row; align-items:center; padding:6px 12px; border:1px solid #ccc; font-size:14px; box-sizing:border-box;
border-radius:50px; line-height:normal; gap:8px; color:#999;}
.log_grp_more_icon{width:20px; height:20px; display:flex; flex-direction:column; align-items:center;justify-content: center; vertical-align:middle;
background-image:url('/resource/image/user/icon/next_icon.png'); background-size:cover; background-repeat:no-repeat; background-position:center;}
.view_log_tbox{margin-bottom:20px;}
.view_log_tit{font-size:24px; color:#000;}

.view_log_ftbox{padding:20px; padding-top:0; box-sizing:border-box;}
.view_log_ft_cont{padding-top:20px; border-top:1px solid #eee;}
.view_log_ft_cont_none{border-top:0;}
.view_log_ft_txt{ font-size:13px;line-height:1.45; color:#999;}
.oas_home_txt{font-size:13px;line-height:1.45; display:inline-block;color:#999;}

.view_log_inp_box{display:flex; flex-direction:column; gap:20px; width:100%;}


.view_log_inp_box{padding:20px; box-sizing:border-box; width:100%;}
.view_log_inp_cont01{display:flex; flex-direction:column; gap:8px; }
.view_log_inp_cont02{display:flex; flex-direction:column; gap:8px; }

.view_log_inp_txt{font-size:14px; font-weight:500; color:#333; font-weight:bold;}
.view_log_inp{font-size:14px; height:45px; box-sizing:border-box; padding:10px; border:1px solid #ddd; border-radius:6px;}

.view_log_btn_cont{display:flex; flex-direction:column; gap:20px; width:100%;}
.view_log_btn{display:flex; flex-direction:row; align-items:center; justify-content: center; width:100%; height:45px; width:100%; background-color:#18a8f1; color:#fff; font-size:15px;
border-radius:6px;}
.view_shop_btn{display:flex; flex-direction:row; align-items:center; justify-content: center; width:100%; height:45px; width:100%; border:1px solid #0b6fad; color:#0b6fad; font-size:15px;
border-radius:6px; position:relative;}

.view_shop_btn .view_shop_icon{display:flex;flex-direction:row; align-items:center; justify-content: center; width:45px; height:45px; position:absolute; top:0; left:0;}
.view_shop_btn .view_shop_icon img{width:24px;}



.view_log_inp_cont03{display:flex; flex-direction:row; align-items:center; gap:12px;}
.view_chk_inp{width:16px; height:16px; margin:0; vertical-align:top;}
.view_chk_inp_txt{font-size:13px; padding-left:6px;vertical-align:top;}
.view_chk_box{display:flex; flex-direction:row; align-items:center;}


.call_btn_cont{padding:20px; padding-bottom:0; box-sizing:border-box;  width:100%;}
.call_btn_box{display:flex; flex-direction:row; align-items:center; gap:20px;}
.call_btn_li{width:calc(50% - 10px);}
.call_btn{display:flex;flex-direction:row; align-items:center;  justify-content: center; height:60px; gap:8px; border-radius:12px;}

.call_btn01{background-color:#ffeb3b;}
.call_btn02{background-color:#f4b2b0;}

.call_btn_txt{display:inline-block; font-size:15px; font-weight:500;}


.call_btn_img{width:30px; display:inline-block;}
.call_btn_img img{width:100%;}

.call_btn01 .call_btn_img{width:25px;}
.call_btn02 .call_btn_txt{color:#b3404a;}

.call_btn_info{margin-top:12px; padding-bottom:20px;border-bottom:1px solid #eee; box-sizing:border-box;}
.call_btn_info .call_btn_info_txt{font-size:13px; color:#999;text-align:left;}




/* 메인 */
.n_mjp_bar{padding:20px; box-sizing:border-box; background-color:#fff; display:flex; flex-direction:column; gap:8px;box-shadow: 2px 4px 8px 0px #2934390a; position:relative; z-index:1;}
.n_mjp_li{display:flex; flex-wrap:wrap; flex-direction:row; font-size:14px; border-bottom:1px dashed #eee; padding-bottom:8px;}
.n_mjp_li:last-child{padding-bottom:0; border-bottom:0;}
.n_mjp_li .n_mjp_li_bold{color:#18a8f1; font-weight:bold; min-width:80px; }
.n_mjp_li .n_mjp_li_txt{width:calc(100% - 80px);}


.kakao_chat_btn{ display:flex;  flex-direction:column;  align-items:center; justify-content: center; position:fixed; bottom:15px; right:15px; gap:8px; }
.kakao_chat_icon{display:flex; flex-direction:row; align-items:center; justify-content: center;  width:50px; height:50px; background-color:#ffeb3b; border-radius:50%;}
.kakao_chat_txt{font-weight:500; font-size:13px;}
.kakao_chat_icon img{width:30px;}

.tel_btn{ display:flex;  flex-direction:column;  align-items:center; justify-content: center; position:fixed; bottom:105px; right:15px; gap:8px; }
.tel_icon{display:flex; flex-direction:row; align-items:center; justify-content: center;  width:50px; height:50px; background-color:#fff; border:2px solid #b3404a;border-radius:50%;}
.tel_txt{font-weight:500; font-size:13px;}
.tel_icon img{width:100%;}



.view_main_btn_grp{padding:20px; box-sizing:border-box; width:100%; background-color:#f3f5f6;}
.view_main_btn_ul{display:flex;flex-direction:row; flex-wrap:wrap; gap:20px;}
.view_main_btn_ul .view_main_btn_li{width:calc(50% - 10px); position:relative; border:1px solid #f3f5f6; box-sizing:border-box; border-radius:20px;box-shadow: 2px 4px 8px 0px #2934390a;
background-color:#fff;}
.view_main_btn_ul .view_main_btn_li:after{content: ""; display: block; padding-bottom: 100%;}
.view_main_btn{display:flex;  flex-direction:column;  align-items:center; justify-content: center;; position:absolute; top:0; left:0; width:100%; height:100%;gap:12px;}
.view_main_btn_icon{display:block; width:55px; display:block; margin:0 auto;}
.view_main_btn_icon img{width:100%;}

.view_main_btn_txt{display:block; text-align:center; font-size:16px;font-weight:600;}


/* 마이페이지 */

.sub_view_wrap{width:100%; padding:20px; box-sizing:border-box;}
.sub_view_tit{font-size:24px; margin-bottom:20px;}

.n_tb_jmhy{ border-top:1px solid #eee; border-bottom:1px solid #eee; width:100%;table-layout: fixed;}
.n_tb_jmhy tbody td{border-right:0; border-bottom:1px solid #eee;padding:10px 0; text-align:left; position:relative; cursor:pointer; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.n_tb_jmhy_new_tbox{display:flex;flex-direction:row; align-items:center; width:100%; gap:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.n_tb_jmhy_new{display:flex; flex-direction:row; align-items:center;justify-content: center; border-radius:50%; color:#fff; background-color:#fa0000; width:18px; height:18px; font-weight:bold;
font-size:13px;}
.n_tb_jmhy_txt{font-size:16px; color:#000; font-weight:500; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%;}
.n_tb_jmhy_tbox{display:flex;flex-direction:row; align-items:center;gap:8px; margin-top:4px;}
.n_tb_jmhy_sub_txt{font-size:13px; color:#ccc; font-weight:400; }

.n_tb_jmhy tbody tr:last-child td{border-bottom:0;}

.empty_grp_box{display:flex;flex-direction:column; align-items:center; justify-content: center; height:130px;}
.empty_icon_box{width:60px;margin-bottom:8px;}
.empty_icon_box img{width:100%;}
.empty_grp_txt{font-size:14px; color:#b7b7b7; font-weight:500;}



/* 공지사항 */

.sub_view_wrap{width:100%; padding:20px; box-sizing:border-box;}
.sub_view_tit{font-size:24px; margin-bottom:20px;}

.n_tb_jmhy{ border-top:1px solid #eee; border-bottom:1px solid #eee; width:100%;table-layout: fixed;}
.n_tb_jmhy tbody td{border-right:0; border-bottom:1px solid #eee;padding:10px 0; text-align:left; position:relative; cursor:pointer; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.n_tb_jmhy_new_tbox{display:flex;flex-direction:row; align-items:center; width:100%; gap:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.n_tb_jmhy_new{display:flex; flex-direction:row; align-items:center;justify-content: center; border-radius:50%; color:#fff; background-color:#fa0000; width:18px; height:18px; font-weight:bold;
font-size:13px;}
.n_tb_jmhy_txt{font-size:16px; color:#000; font-weight:500; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%;}
.n_tb_jmhy_tbox{display:flex;flex-direction:row; align-items:center;gap:8px; margin-top:4px;}
.n_tb_jmhy_sub_txt{font-size:13px; color:#ccc; font-weight:400; }

.n_tb_jmhy tbody tr:last-child td{border-bottom:0;}

.empty_grp_box{display:flex;flex-direction:column; align-items:center; justify-content: center; height:130px;}
.empty_icon_box{width:60px;margin-bottom:8px;}
.empty_icon_box img{width:100%;}
.empty_grp_txt{font-size:14px; color:#b7b7b7; font-weight:500;}



/* 공지사항 VIEW */
button{border:0;}
button:focus{outline:none;}
.n_tb_mypg{width:100%; }
.n_tb_mypg_td_tit{font-size:20px;}
.n_tb_mypg_td_tbox{display:flex;flex-direction:row; align-items:center;gap:8px; margin-top:4px; padding-bottom:15px; box-sizing:border-box;}
.n_tb_mypg_td_txt{font-size:13px; color:#ccc; font-weight:400; }
.n_tb_mypg_cont{padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:15px; box-sizing:border-box;}
.n_tb_mypg_cont img{width:100%; display:block; }
.n_tb_mypg_txt{font-size:14px;}

.n_tb_ver_box{width:100%; padding-top:10px; box-sizing:border-box; margin-top:10px; border-top:1px solid #eee;}
.n_tb_ver01_th{text-align:left; font-size:15px; font-weight:400; padding:10px 0; border-bottom:1px dashed #eee;}
.n_tb_ver01_td{text-align:right; font-size:15px; font-weight:600;padding:10px 0; border-bottom:1px dashed #eee;}
.n_tb_ver01 tbody tr:last-child .n_tb_ver01_th{border-bottom:0;}
.n_tb_ver01 tbody tr:last-child .n_tb_ver01_td{border-bottom:0;}
.n_tb_ver01_td .default_btn_ver02{float:right;}

.sub_view_tb_contbox02{padding:20px; border:1px solid #eee; box-sizing:border-box; width:100%; background-color:#fafafa; margin-top:10px;}

.n_tb_ver02_td{padding:10px 0; }
.n_tb_ver02 tbody tr:last-child .n_tb_ver02_td{padding-bottom:0;}

.view_sub_inp_txt{font-size:14px; font-weight:500; color:#333; font-weight:bold; margin-bottom:8px;}
.view_sub_inp_checkbox{display:flex; flex-direction:row; align-items:center; gap:12px;}
.view_sub_lb{font-size:14px;display:flex; flex-direction:row; align-items:center;gap:4px;}
.view_sub_inp{font-size:14px; height:40px; box-sizing:border-box; padding:10px; border:1px solid #ddd; border-radius:6px; width:100%;}
.view_sub_inp_search{padding-left:40px; background:url(/resource/image/user/icon/g_search_icon.png) no-repeat; background-position:left 10px center ; background-size:20px; }
.view_sub_inp_date{padding-left:40px; background:url(/resource/image/user/icon/date_icon.png) no-repeat; background-position:left 10px center ; background-size:23px;  background-color:#fff;}
.view_sub_area{font-size:14px; min-height:80px; box-sizing:border-box; padding:10px; border:1px solid #ddd; border-radius:6px; width:100%;}


.file_cont_box{background-color:#f3f5f6;padding:20px; box-sizing:border-box;display:flex; flex-direction:column; vertical-align:top; gap:8px;}
.file_cont_box_edit{gap:20px;}
.file_cont_tit_grp{display:flex;flex-direction:row; align-items:center; justify-content: space-between;}
.file_cont_upload{display:inline-block; padding:3px 10px; background-color:#999; color:#fff; border-radius:100px; font-size:13px;}
.file_cont_box .file_cont_tit{font-size:14px;}
.file_cont_tbox{display:flex; flex-direction:column; gap:8px; width:100%;}
.file_cont_btn{font-size:14px; color:blue; text-decoration:underline; display:inline-block;}
.file_cont_tbox_list{display:flex;flex-direction:row; align-items:center; justify-content: space-between;}
.file_cont_tbox_list .file_cont_btn{width:calc(100% - 60px);}
.file_cont_del{display:inline-block; padding:3px 5px; background-color:#fa0000; color:#fff; border-radius:100px; font-size:13px;width:50px; text-align:center;
box-sizing:border-box;}

.default_btn{display:flex;flex-direction:row; align-items:center; justify-content: center; width:100%; height:45px; color:#fff; border-radius:8px; background-color:#e60635;
font-size:14px; font-weight:500;margin-top:15px;}

.default_btn_ver02{display:flex;flex-direction:row; align-items:center; max-width:110px; justify-content: center; width:100%; height:40px; color:#fff; border-radius:8px; background-color:#e60635;
font-size:14px; font-weight:500;border:0;}

.default_btn_ver03{display:flex;flex-direction:row; align-items:center; justify-content: center; width:100%; height:40px; color:#fff; border-radius:8px; background-color:#e60635;
font-size:14px; font-weight:500;border:0;}

.default_btn_color{display:flex;flex-direction:row; align-items:center; justify-content: center; width:100%; height:40px; color:#fff; border-radius:8px; background-color:#fe8a2a;
font-size:14px; font-weight:500;}

.default_btn_ver04{display:flex;flex-direction:row; align-items:center; justify-content: center; width:100%; height:40px; color:#fff; border-radius:8px; background-color:#fe8a2a;
font-size:14px; font-weight:500;}

.default_btn_ver05{display:inline-block; padding:4px 12px; font-size:14px; font-weight:400; color:#fa0000; border:1px solid #fa0000; border-radius:30px; box-sizing:border-box;
background-color:#fff; }

.default_btn_ver06{display:flex;flex-direction:row; align-items:center; justify-content: center; min-width:60px; height:40px; color:#fff; border-radius:8px; background-color:#fe8a2a;
font-size:14px; font-weight:500;}

.default_btn_ver02_icon{display:flex;flex-direction:row; align-items:center; max-width:140px; justify-content: center; width:100%; height:40px; color:#fff; border-radius:8px; background-color:#e60635;
font-size:14px; font-weight:500;border:0; gap:8px;}

.btn_icon{display:inline-block; width:20px; height:20px;}
.btn_icon img{width:100%;}


input::placeholder{color:#aaa;}
textarea::placeholder{color:#aaa;}

/* 주문 화면 */

.view_order_cont_box{padding:0 !important; border-bottom:0 !important; background-color:#fafafa !important; box-sizing:border-box;z-index:0 !important;}
.view_order_inp_grp{width:100%; padding:20px; box-sizing:border-box; display:flex; flex-direction:column; gap:15px;    border-bottom:1px solid #eee;}
.view_order_tit{font-size:18px;}

.view_sub_sel{font-size:14px; height:40px; box-sizing:border-box; padding:8px; border:1px solid #ddd; border-radius:6px; width:100%; outline:none;appearance:none;
background:url('/resource/image/user/icon/sel_arrow_icon.png') no-repeat; background-size:10px; background-position:center right 8px; }

.search_group_grp{display:flex; flex-direction:row; align-items:center; gap:8px;}
.search_group_grp .sel_group_div{}
.search_btn{display:flex;flex-direction:row; align-items:center; justify-content: center; width:60px;height:40px; background-color:#f3f5f6; font-size:14px; color:#333; border-radius:8px;
font-weight:500; min-width:60px;}

.view_order_sel_grp{width:100%;padding:20px; box-sizing:border-box;}
.sel_group_cont_tit{font-size:14px; font-weight:bold;}

.sel_group_grp01{display:flex; flex-direction:row; align-items:center; gap:8px; display:flex; }
.sel_group_grp01 .sel_group_cont{width:calc(50% - 4px);display:flex; flex-direction:column; gap:8px;}
.search_group_grp{margin-top:8px; display:flex; flex-direction:row; align-items:center; gap:8px;}
.search_group_div{width:calc(100% - 68px);}
.total_cont{padding:0 20px; padding-bottom:8px;  box-sizing:border-box; display:flex; flex-direction:row; align-items:flex-end;justify-content: flex-end;}
.total_cont p{font-size:14px; color:#999;}
.total_cont .totalCnt_txt{display:inline-block; color:#ff0000; font-weight:bold;}


/* 발주 확인 */

.view_order_sel_cont02{margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.sel_group_grp02{display:flex; flex-direction:row; align-items:flex-end; width:100%;gap:8px;}
.sel_group_grp02 .sel_group_cont01{display:flex; flex-direction:row; align-items:flex-end; width:calc(100% - 68px); gap:8px;}

.sel_group_grp02 .sel_group_cont02{width:60px;}
.sel_group_grp02 .sel_group_cont_tit{margin-bottom:8px;}
.sel_group_grp02 .sel_group_cont_sub01{width:calc(50% - 11px);}
.sel_group_grp02 .sel_group_cont_sub02{display:flex;flex-direction:row; align-items:center; justify-content: center; height:40px;}

.bottom_btn_grp{display:flex;flex-direction:row; align-items:center; justify-content: flex-end; margin-top:20px;padding:0 20px; box-sizing:border-box; margin-bottom:20px; gap:8px;}

.search_group_grp02{margin:20px 0; padding-top:20px; border-top:1px solid #eee;}


.n_confiem_cont{width:100%; display:flex; flex-direction:column; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.n_confiem_list{display:flex; flex-direction:column; width:100%; padding:20px; box-sizing:border-box;gap:8px; border-top:1px solid #eee;}
.n_confiem_list:first-child{border-top:0;}
.n_confiem_list_div{display:flex; flex-direction:row; align-items:flex-start;justify-content: space-between;gap:8px;}
.n_confiem_list_div_center{display:flex; flex-direction:row; align-items:center;}
.n_confiem_txt{font-size:16px;}
.n_confiem_txt01{color:#999; width:65px;}
.n_confiem_txt02{font-weight:500; width:calc(100% - 65px); text-align:right;}
.n_confiem_txt02_under{color:#999; text-decoration: underline; padding-top:10px;}
.n_confiem_txt_color_red{color:#fa0000; font-weight:bold;}

.n_confiem_list_total_rate{padding:20px; width:100%;}
.n_confiem_list_total{background-color:#fff2f2;}
.n_confiem_list_total .n_confiem_txt01{color:#999; width:120px;}
.n_confiem_list_total .n_confiem_txt02{font-weight:500; width:calc(100% - 120px); text-align:right;}


/* 발주 내역 */
.sub_view_wrap02 .sub_view_tit{margin-bottom:0;}
.sub_confirm_view_box{width:100%; border-top:1px solid #eee; padding:10px 20px; box-sizing:border-box; width:100%; background-color:#fafafa;}
.sub_confirm_view_box .sub_confirm_view_tb td{padding:10px 0; font-size:14px;}
.sub_confirm_view_box .sub_confirm_view_td01{color:#fe8a2a; font-weight:500;}
.sub_confirm_view_tb tr .sub_confirm_view_td{border-bottom:1px dashed #eee; vertical-align:top;}
.sub_confirm_view_tb tr:last-child .sub_confirm_view_td{border-bottom:0;}
.jmhy_list_box_border-top{border-top:1px solid #eee;}


.jmhy_list_box_border-top .jmhy_list li{display:flex; flex-direction:column; gap:8px;}
.jmhy_list_box_border-top .jmhy_list li .sangtae_box .left_price{font-size:16px;}
.pm_nm_flex{display:flex;flex-direction:row; align-items:center; justify-content: space-between; }
.pm_nm_flex .pm_nm{width:calc(100% - 63px);}
.width60{width:55px;}

.icon_btn_grp_box{width:100%; padding:20px;box-sizing:border-box;}
.icon_btn_grp_cont{display:flex;flex-direction:row; align-items:center; justify-content: flex-end; ; box-sizing:border-box;  gap:8px;}
.icon_btn_grp_cont .icon_btn{display:flex;flex-direction:row; align-items:center; justify-content: center; height:40px;; color:#333; border-radius:8px; background-color:#f3f5f6;
font-size:14px; font-weight:500; padding:0 12px; }

.conf_order_btn_grpbox{display:flex; flex-direction:row; align-items:center;  box-sizing:border-box; gap:8px; margin-top:20px; padding-top:20px; border-top:1px solid #eee;border-bottom:1px solid #eee;
padding-bottom:20px;}
.conf_order_btn{width:calc(33.3333% - 5px);display:flex;flex-direction:row; align-items:center; justify-content: center; height:40px;; color:#333; border-radius:8px; 
font-size:14px; font-weight:500; padding:0 12px;}

.conf_order_btn03{background-color:#af8766; color:#fff;}
.conf_order_btn01{background-color:#fe8a2a; color:#fff;}
.conf_order_btn02{background-color:#fa0000; color:#fff;}


/* 관리자 회원관리 */
.n_confiem_list_tb{border-bottom:1px solid #eee;}
.n_confiem_list_td{display:flex; flex-direction:column; width:100%; padding:20px; box-sizing:border-box;gap:8px; border-top:1px solid #eee;}
.n_confiem_list_td:first-child{border-top:1px solid #eee;}
.n_confiem_list_td .n_confiem_txt{font-size:16px;}
.n_confiem_list_td .n_confiem_txt01{color:#999; width:65px;}
.n_confiem_list_td .n_confiem_txt02{font-weight:500; width:calc(100% - 65px); text-align:right;    word-break: break-all;}

.n_confiem_list_div_btn_grp{margin-bottom:10px;}
.n_confiem_list_div_btn_grp .n_confiem_txt01{display:none;}
.n_confiem_list_div_btn_grp .n_confiem_txt02{width:100%;display:flex;flex-direction:row; align-items:center;    justify-content: flex-end; gap:6px;}
.n_confiem_list_div_btn_grp .bt_sty03{display:flex;flex-direction:row; align-items:center; justify-content: center;  border-radius:8px; font-size:14px; padding:6px 10px;
min-width:60px; border-radius:50px; }

.botm_btn_50_box{display:flex;flex-direction:row; align-items:center; justify-content: center; width:100%; gap:12px; padding:20px; box-sizing:border-box;}
.botm_btn_50_cont{width:calc(50% - 6px);}

/* 관리자 회원추가 */
.user_inp_grp{padding:20px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; display:flex; flex-direction:column; gap:20px;}

/* 관리자 게시판 */
.sub_view_grp{display:flex;flex-direction:row; align-items:center; justify-content: space-between;}
.sub_view_grp .sub_view_tit{margin-bottom:0;}

.sub_view_grp .sub_view_list_btn{display:flex;flex-direction:row; align-items:center; justify-content: center; height:40px; background-color:#f3f5f6; font-size:14px; color:#333; border-radius:8px;
font-weight:500; min-width:60px; padding: 0 12px;}

.board_edit_td02{padding-top:10px;}


/* 관리자 발주 집계 */
.sub_tit_click_box{border-bottom:1px solid #eee; box-sizing:border-box;}
.page_href_btn{display:flex;flex-direction:row; align-items:center; color:#000;font-size:16px; color:#000; font-weight:500; padding:10px; background-color:#f3f5f6;}
.page_href_btn_none{ color:#999; background-color:#fff;}

.flex_right{display:flex;flex-direction:row; align-items:center; justify-content: flex-end; margin-top:20px;}

.n_confiem_list_total_rate_cont{display:flex; flex-direction:column; gap:6px;}
.n_confiem_list_td_rate_txt01{ font-size:15px; color:#fa0000; font-weight:500;}

/* .cust_select_color{color:#fe8a2a;} */
.n_confiem_txt_color{color:#999;}

.call_btn_cont{padding:20px; padding-bottom:0; box-sizing:border-box;  width:100%;}
.call_btn_box{display:flex; flex-direction:row; align-items:center; gap:20px;}
.call_btn_li{width:calc(50% - 10px);}
.call_btn{display:flex;flex-direction:row; align-items:center;  justify-content: center; height:60px; gap:8px; border-radius:12px;}

.call_btn01{background-color:#ffeb3b;}
.call_btn02{background-color:#f4b2b0;}

.call_btn_txt{display:inline-block; font-size:15px; font-weight:500;}


.call_btn_img{width:30px; display:inline-block;}
.call_btn_img img{width:100%;}

.call_btn01 .call_btn_img{width:25px;}
.call_btn02 .call_btn_txt{color:#b3404a;}

.call_btn_info{margin-top:12px; padding-bottom:20px;border-bottom:1px solid #eee; box-sizing:border-box;}
.call_btn_info .call_btn_info_txt{font-size:13px; color:#999;text-align:left;}






/* 스마트오더 요청사항 추가 */
.n_mjp_li .n_mjp_li_txt.red{color:#fff; font-weight:bold; display:inline-block; padding:1px 8px; background-color:#ff0000; width: auto; box-sizing:border-box; border-radius:2px;}


/* 주문마감 팝업 */
.fm_close_tip_grp{position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.75); width:100%; height:100%;z-index:11; }
.fm_close_tip_box{display:flex; flex-direction:column; padding:20px; background-color:#fff;max-width:551px; width:100%; margin:0 auto; gap:8px;box-shadow: 0px 6px 12px 0px #29343914;
position:relative;}
.fm_close_btn{display:block; width:36px; height:36px; background-color:#ff0000; position:absolute; bottom:-18px; right:20px;border-radius:50%;}
.fm_close_btn > span{width:18px; height:2px; background-color:#fff; display:block; position:absolute; top:50%; left:50%;  }
.fm_close_btn .close_line01{transform:translate(-50%, -50%) rotate(45deg);}
.fm_close_btn .close_line02{transform:translate(-50%, -50%) rotate(-45deg);}
.fm_close_txt{font-size:16px; color:#999;}
.fm_close_tit{font-size:20px;}
.fm_close_tit > b{color:#ff0000;}
.fm_close_tit .fm_close_sub{color:#999;}


/* 품목리스트 주문 마감 추가 */
.fm_flex_sub{display:flex; flex-direction:row; align-items:center; gap:4px; margin-bottom:8px;}
.fm_flex_01{ display:inline-block; padding:1px 8px; background-color:#ff0000; width: auto; border-radius:2px;box-sizing:border-box; font-size:13px; color:#fff;}
.fm_flex_02{font-size:13px; color:#999; font-size:14px; font-weight:500;}


/* 주문상세 팝업 */

.fm_pop_wrap{width:100%; height:100%; position:fixed; top:0; left:0; z-index:12;  background-color:#fff; overflow-y:auto;}
.fm_pop_grp{display:flex; flex-direction:column; max-width:551px;margin:0 auto;; border-left:1px solid #eee; border-right:1px solid #eee;}
.fm_pop_hd{display:flex; height:60px; box-shadow: 2px 4px 8px 0px #2934390a; width:100%;position:fixed; top:0; left:0; background-color:#fff;}
.fm_pop_hd .logo{display:flex; flex-direction:column; align-items:center; justify-content:center; width:80px; margin:0 auto;}
.fm_pop_hd .logo img{display:block; width:100%;}
.fm_pop_grp{max-width:551px; margin: 0 auto;position:relative;}
.fm_pop_close_btn{position:absolute; top:0; right:0; width:60px; height:60px; background-color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:center; }
.fm_pop_close_btn img{width:30px;display:block;}

.fm_pop_slide{width:100%; height:280px;}
.fm_pop_cont{width:100%; display:flex; flex-direction:column; background-color:#fff; padding:20px; padding-top:80px; box-sizing:border-box;}
.fm_pop_info_box{width:100%;display:flex; flex-direction:column; gap:20px; margin-top:20px;}
.fm_pop_tbox{width:100%;display:flex; flex-direction:column; gap:8px;}
.fm_pop_date{width:100%;display:flex; flex-direction:row; gap:8px;}

.fm_pop_tit{display:block; font-size:20px;}
.fm_pop_price{display:block; font-size:28px; color:#ff0000; font-weight:bold;}

.fm_pop_ul{display:flex; flex-direction:row; align-items:flex-start; padding:16px; border:1px solid #ddd; flex-wrap:wrap; row-gap:20px; border-top:1px solid #666;}
.fm_pop_ul li{width:33.3333%; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:column;gap:4px;}
.fm_pop_ul li .sub_tit{font-size:14px; color:#999;}
.fm_pop_ul li .sub_txt{font-size:14px; color:#111; font-weight:500;}

.fm_pop_info_ul{margin-top:20px; width:100%; display:flex; flex-direction:row; align-items:center; border:1px solid #ddd; box-sizing:border-box;background-color:#f3f5f6;}
.fm_pop_info_ul li{width:100%; border-right:1px solid #ddd; bos-sizing:border-box;}
.fm_pop_info_ul li:last-child{border-right:0;}

.fm_pop_info_ul li a{display:block; width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; font-size:16px; text-align:center;padding:10px 0;
box-sizing:border-box; color:#999;}
.fm_pop_info_ul li.active{background-color:#fff;}
.fm_pop_info_ul li.active a{background-color:#fff; color:#111;border-bottom:3px solid #111;  font-weight:bold;}
.fm_pop_info_ul li.active a:hover{background-color:transparent; color:#111;}


.fm_pop_subbox{margin-top:20px;}
.fm_pop_subbox img{max-width:100%;display:block; vertical-align:top;}
.fm_pop_ul_ver02{display:flex; flex-direction:row; align-items:flex-start; border:1px solid #ddd; flex-wrap:wrap; }
.fm_pop_ul_ver02 li{width:50%;display:flex; flex-direction:column; border-right:1px solid #ddd;  padding:16px; box-sizing:border-box; gap:4px;}
.fm_pop_ul_ver02 li:nth-child(2n){border-right:0;}
.fm_pop_ul_ver02 li:nth-child(n + 3){border-top:1px solid #ddd;}

.fm_pop_ul_ver02 li .sub_tit{color:#999; font-size:14px; text-align:left; display:block;}
.fm_pop_ul_ver02 li .sub_txt{color:#111; font-size:14px; text-align:right; display:block; font-weight:bold;}

.fm_pop_p{font-size:18px; font-weight:500; color:#111; }
.fm_pop_line{width:100%; height:1px; background-color:#ddd; position:relative; margin:15px 0;}
.fm_pop_line:after{content:''; width:30px; height:1px; position:absolute; top:0; left:0; background-color:#111;}

.fm_pop_ul_ver03{display:flex; flex-direction:column; gap:8px; }
.fm_pop_ul_ver03 li{display:flex; flex-direction:row; align-items: stretch;}
.fm_pop_ul_ver03 li span{font-size:14px;}
.fm_pop_ul_ver03 li .sub_tit{color:#999; min-width:80px;}
.fm_pop_ul_ver03 li .sub_txt{color:#111;}


/* 발주 팝업 주문 마감 추가 */
.fm_close_tip_popbox .fm_close_tip_box{max-width:100%; background-color:#f3f5f6; align-items: flex-start; border:1px solid #ddd; box-shadow:none; box-sizing:border-box; margin:20px 0; width:calc(100% - 40px);}

/* //스마트오더 요청사항 추가  */