@charset "utf-8";

/* =================================================
 * SNB, 마이오피스, 쇼핑몰 관련 CSS
 * =================================================*/
/* ============================== 서브페이지 공통 =================================== */
.subContainer{width:100%;margin:0px auto 150px auto;background:#fff;position:relative;}
.subContMy{width:1400px;margin:0 auto;padding:20px 0 120px 0;font-size:14px;}

/* sub-containter subTabmenu */
.subVis{width:100%;height:280px;background:url('../../images/os/new_img1/sub/subVis.jpg')no-repeat;position:relative;}
.lvMenuArea{position:absolute;left:50%;bottom:60px;margin-left:-700px;}
.lvMenuArea h2{font-size:48px;color:#000;font-weight:700;margin-bottom:20px;line-height:1;}
.lvMenuArea > p{color:#000;font-family:Paperlogy;}
.subNavi{display:flex;align-items: center;font-family:Paperlogy;}
.subNavi .menuDropOpen{position:relative;cursor: pointer;}
.subNavi p{display:flex;align-items: center;color:#000;}
.subNavi p i{margin-left:10px;}
.subNavi i{font-size:18px;}
.subNavi span{padding:0 20px;}
.menuDrop{position:absolute;top: 25px;left: -20px;background: rgba(255,255,255,0.9);padding: 20px;width: max-content;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);display:none;z-index:9;}
.menuDrop li{margin-bottom:10px;}
.menuDrop li:last-child{margin-bottom:0;}
.menuDrop li a{color:#888;transition:all 0.3s;}
.menuDrop li a:hover{color:#095740;}

.officeMenu{position:relative;width:100%;margin-bottom:50px;background:#f4f6f7;box-sizing:border-box;font-size:0;padding:25px;}
.officeMenu h2{width:200px;font-size:26px;color:#000;border-right:1px solid #ddd;margin-right:30px;line-height:26px;display:inline-block;}
.officeMenu > div{display:inline-block;width:clac(100% - 200px);}
.officeMenu .subTabmenu{margin:0 auto;}
.officeMenu .subTabmenu ul li{float:left;}
.officeMenu .subTabmenu ul li a{display:inline-block;color:#777;font-size:15px;line-height:26px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;margin-right:35px;}
.officeMenu .subTabmenu ul li a:hover, #sidebarShop .subTabmenu ul li a:focus,  #sidebarShop .subTabmenu ul li ul li.active a{color:#095740;}
.officeMenu .subTabmenu > ul > li{display:block;}
.officeMenu .subTabmenu > ul > li > a{font-size:16px;color:#555;}
.officeMenu .subTabmenu > ul > li > a.active{color:#2e3192;}
.officeMenu .subTabmenu > ul > li > a.active, #sidebarShop .subTabmenu > ul > li > a:hover, #sidebarShop .subTabmenu > ul > li > a:focus{color:#095740;}


#sidebarShop{position:relative;width:100%;margin-bottom:50px;background:#f4f6f7;box-sizing:border-box;font-size:0;padding:25px;}
#sidebarShop h2{width:200px;font-size:26px;color:#000;border-right:1px solid #ddd;margin-right:30px;line-height:26px;display:inline-block;}
#sidebarShop > div{display:inline-block;width:clac(100% - 200px);}
#sidebarShop .subTabmenu{margin:0 auto;}
#sidebarShop .subTabmenu ul li{float:left;}
#sidebarShop .subTabmenu ul li a{display:inline-block;color:#777;font-size:15px;line-height:26px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;margin-right:35px;}
#sidebarShop .subTabmenu ul li a:hover, #sidebarShop .subTabmenu ul li a:focus,  #sidebarShop .subTabmenu ul li ul li.active a{color:#095740;}
#sidebarShop .subTabmenu > ul > li{display:block;}
#sidebarShop .subTabmenu > ul > li > a{font-size:14px;color:#555;}
#sidebarShop .subTabmenu > ul > li > a.active{color:#2e3192;}
#sidebarShop .subTabmenu > ul > li > a.active, #sidebarShop .subTabmenu > ul > li > a:hover, #sidebarShop .subTabmenu > ul > li > a:focus{color:#095740;}

#sidebarShop .subTabmenu2{margin:0 auto;}
#sidebarShop .subTabmenu2 ul li{float:left;}
#sidebarShop .subTabmenu2 ul li a{display:inline-block;color:#777;font-size:15px;line-height:26px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;margin-right:35px;position:relative;}
#sidebarShop .subTabmenu2 ul li a:hover, #sidebarShop .subTabmenu2 ul li a:focus,  #sidebarShop .subTabmenu2 ul li ul li.active a{color:#095740;}
#sidebarShop .subTabmenu2 ul li a.active:after{content:"";display:block;width:100%;height:2px;background:#095740;position:absolute;left:0;bottom:-28px;}
#sidebarShop .subTabmenu2 > ul > li{display:block;}
#sidebarShop .subTabmenu2 > ul > li > a{font-size:14px;color:#555;}
#sidebarShop .subTabmenu2 > ul > li > a.active{color:#2e3192;}
#sidebarShop .subTabmenu2 > ul > li > a.active, #sidebarShop .subTabmenu2 > ul > li > a:hover, #sidebarShop .subTabmenu2 > ul > li > a:focus{color:#095740;}

.subTab{display: table;margin: 40px auto;}
.subTab .subTabs li{float: left;margin: 0 10px;}
.subTab li a{display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 50px; padding: 0 40px;border: 1px solid #ddd; transition-duration: 0.5s;}
.subTab li a.hover, .subTab li a.active{color: #095740; border: 1px solid #095740;}
.subTab_content > img{width:1000px;margin:0 auto;display:block;}
.subTabs{display:table;margin:40px auto;}
.subTab li a:hover, .subTab li a.active, .subTab li a.tabOn{color: #095740;border: 1px solid #095740;}

.TopTit{text-align:center;color: #222;position:relative;}
.TopTit h3{display:inline-block;font-size: 28px;margin-bottom:20px;border-bottom:1px solid #222;padding:0 10px 15px;}
.TopTit p{font-size:17px;line-height: 28px;}

.BgCal{background:url('../../images/os/new_img1/sub/cal.jpg')no-repeat;height:220px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);padding-top:65px;box-sizing:border-box;}

.listBtnWrap{display: table;margin: 40px auto;}
.listBtnWrap a{float: left;margin: 0 10px;display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 50px; padding: 0 40px;border: 1px solid #ddd; transition-duration: 0.5s;}
.listBtnWrap a:hover, .listBtnWrap a.active{color: #095740; border: 1px solid #095740;}

/* brand */
.subBrand{word-break: keep-all;}
.subBrand .tabs{display:flex;margin:100px 0;align-items: center;justify-content: center;gap:10px;}
.subBrand .tabs a{display:flex;align-items: center;justify-content: center;min-width:140px;height:50px;padding:0 20px;box-sizing:border-box;border-radius:25px;background:#e6eeec;color:#095740;font-size:16px;}
.subBrand .tabs a.tabOn{background:#095740;color:#fff;}
.brandInfo h2{color:#000;font-size:35px;margin-bottom:50px;}
.brandInfo p{font-size:18px;line-height:33px;margin-bottom:30px;}
.brandInfo p:last-child{margin-bottom:0;}
.brandInfoTop{padding-bottom:100px;border-bottom:1px solid #ddd;margin-bottom:100px;}
.brandInfoTop dl{display:flex;justify-content: space-between}
.brandInfoTop dt{width:calc(50% - 50px);}
.brandInfoTop dd{width:calc(50% - 50px);display:flex;align-items: center;justify-content: center;flex-direction: column;}
.brandInfoLogo{text-align:center;}
.brandInfoLogo ul{display:flex;align-items: center;justify-content: center;height:230px;width:100%;margin-top:100px;}
.brandInfoLogo ul li{height:100%;text-align:left;box-sizing:border-box;color:#fff;font-family: paperlogy;}
.brandInfoLogo ul li:nth-child(1){width:560px;border:1px solid #eee;display:flex;align-items: center;justify-content: center;}
.brandInfoLogo ul li:nth-child(2){width:calc(50% - 280px);background:#e40f95;padding:40px;}
.brandInfoLogo ul li:nth-child(3){width:calc(50% - 280px);background:#095740;padding:40px;}
.brandInfoLogo ul li h3{font-size:24px;font-weight:700;margin-bottom:30px;}
.brandInfoLogo ul li p{font-size:16px;line-height:1.3;}
.brandStratTop{background:url('../../images/os/new_img1/sub/brand02-01.jpg')no-repeat 50%;background-size:cover;display:flex;align-items: center;justify-content: center;flex-direction: column;height:900px;color:#fff;}
.brandStratTop p{font-size:24px;margin-bottom:10px;}
.brandStratTop h2{font-size:60px;font-weight:700;}
.brandStratBtm{background:#095740;color:#fff;}
.brandStratBtm ul{display:flex;flex-wrap: wrap;}
.brandStratBtm ul li{width:50%;padding: 50px;box-sizing: border-box;border-bottom:1px solid rgba(255,255,255,0.1);}
.brandStratBtm ul li:nth-child(odd){border-right:1px solid rgba(255,255,255,0.1);}
.brandStratBtm ul li h2{font-size:36px;font-weight:700;margin-bottom:20px;}
.brandStratBtm ul li p{font-size:18px;line-height:1.8;font-weight:200;}
.brandStratBtm ul li:last-child{display:flex;align-items: center;justify-content: center;}
.brandStratBtm ul li img{opacity:0.1;}
.brandDifferTop{background:url('../../images/os/new_img1/sub/brand03-01.jpg')no-repeat 50%;background-size:cover;height:900px;padding:200px 100px;box-sizing:border-box;}
.brandDifferTop img{width:250px;}
.brandDifferTop h2{font-size:60px;font-weight:700;color:#fff;margin:30px 0;}
.brandDifferTop p{font-size:18px;line-height:30px;color:#fff;}
.brandDifferTop h3{font-size:24px;font-weight:700;color:#fff;margin-top:50px;}
.brandDifferTop ul{display:flex;gap:40px;margin-top:30px;}
.brandDifferTop li {color:#fff;display:flex;align-items: center;justify-content: flex-end;flex-direction: column;font-size:16px;}
.brandDifferTop li img{width:80px;display:block;margin-bottom:10px;}
.brandDifferCont{display:flex;padding:0 100px;box-sizing:border-box;justify-content: space-between;}
.brandDifferCont img{width:100%;height:100%;object-fit:cover;}
.differContLeft{width:calc(50% - 100px);}
.differContLeft h2{font-size:60px;font-weigh:700;color:#000;margin-top:100px;}
.differContLeft p{font-size:18px;margin-bottom:50px;}
.differContRight{width:calc(50% - 100px);margin-top:-200px;}
.brandDifferCont dl{margin-bottom:100px;}
.brandDifferCont dl:last-child{margin-bottom:0;}
.brandDifferCont dt{box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);}
.brandDifferCont dd p{color:#666;font-size:18px;margin:10px 0;}
.brandDifferCont dd h2{font-size:36px;color:#000;margin:0;}

/* company intro */
.subComp{margin-top:100px;}
.subComp dl{display:flex;align-items: center;word-break:keep-all;}
.subComp dl:first-child dd{padding-left:80px}
.subComp dl:last-child dd{padding-right:80px}
.subComp h2{font-size:36px;color:#000;font-weight:700;margin-bottom:30px;}
.subComp p{font-size:18px;font-weight:300;margin-bottom:30px;line-height:1.8;}
.subComp p:last-child{margin-bottom:0;}

/* font */
.blue{font-size:25px; color:#1d7aad;}
.white{color:#ffffff;}.white3{color:#ffffff;}
.gray01{color:#6e6e6e;}.gray02{color:#333333;}.gray03{color:#CCCCCC;}.gray04{color:#666666;}.gray05{color:#999999;}.gray06{font-size:30px;color:#333333;}
.oran{color:#ff6600;line-height:20px;}
.bold{font-weight:bold;}.bold20{font-size:20px;color:#565656;line-height:20px;}.bold25{font-size:25px;color:#565656;line-height:25px;}
.text_gray01{color:#565656;padding-top:10px;padding-bottom:0px; padding-left:10px;}

/* 센터안내 osCenterInfoList.jsp */
.bbs{clear:both;position: relative;}
.bbs table{border-collapse:collapse;}
.bbs thead {}
.bbs thead th{height:35px;line-height: 35px;white-space:nowrap;vertical-align: middle;font-weight: normal;border: 1px solid #dedede;background:#f8f8f8;color:#555;border-bottom:1px solid #333;}
.bbs thead td p{background:url(../../images/os/new_img1/contents/bg_thLine.gif) no-repeat 0 0;}
.bbs tbody a{color:#555;}
.bbs tbody a:hover{color:#000;}
.bbs tbody th,.bbs tbody td{height:45px;border-bottom:1px solid #ddd;text-align:center;}
.bbs tbody td{color:#808080;}
.bbs tbody .store_img{padding:15px 0}
.bbs tbody .tle{padding-left:8px;text-align:left;}
.bbs tbody .tle_som{padding:7px 0 5px 5px;}
.bbs tfoot td{height:50px;text-align:center;}
.bbs .blueText{color:#2377c5 !important;font-weight:bold}
.bbs .bbsBtn{position:absolute;bottom:10px;right:0}
.centerSelect{z-index:4;display:block;width:160px;height:38px;margin-bottom:10px;border:none;box-shadow:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;
background:#fff url('../../images/os/new_img1/common/bg-select-arrow.gif') no-repeat 100% 50%;border:1px solid #555;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.centerSelect option{display:block;white-space:pre;min-height:1.2em;padding:5px 2px 5px 3px;line-height:18px;}

/* 팝업 */
.pop_body{background: #eee;}
.pop_user{width:100%;height:100%;margin:0 auto;}
.pop_user h2{padding-left:20px;font-size:24px;color:#333;height:60px;line-height:60px;font-weight:600}
.pop_user .pop_box{width:98%;margin:0 auto;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;margin-bottom:20px;padding-bottom:20px}
.pop_user .pop_box .txt{font-size:15px;padding:20px 0 0 50px}
.pop_check{width:92%;margin:30px auto;background:#fff;border:1px solid #e7e7e7;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:20px 0;}
.pop_check table{margin:0 auto;border:1px solid #000}
.pop_check th, .pop_check td{line-height:30px;vertical-align:top}
.pop_check td span{margin-right:15px}
.pop_check td p{margin-top:5px}
.pop_check input[type="text"]{padding:2px;border:1px solid #ccc;width:240px;height:20px}
.pop_check .pop_btn{right:20px;top:40px}
.pop_check01{width:95%;margin:0 auto 30px auto;padding-top:50px}
.pop_check01 table tbody td{text-align:center}
.pop_check03{width:95%;margin:0 auto 30px auto;padding-top:20px;font-size:14px;}
.pop_txt01{border:5px solid #e9e9e9;width:95%;margin:15px auto;}
.pop_txt01 p{text-align:justify;color:#292929 !important;margin:15px;line-height:22px}
.pop_txt01 p.cc{text-align:justify;color:#6f6f6f !important;line-height:18px}
.mem01_txt{color:#292929 !important;height:50px;margin-left:15px}
.mem01_txt b{color:#e05b0b !important;}
.mem02{width:95%;margin:0 auto }
.mem02 h3{font-size:16px;font-weight:600;background: url(../../images/os/new_img1/icon/icon_sub.gif) no-repeat left center ;padding-left:20px;}
.mem02 ul{background:#ddeffd;margin:10px auto ;padding:20px}
.mem02 li {float:left;margin-left:7%;}
.mem02 .btn, .mem02 .btn1{margin:20px auto;text-align:center;width:150px;font-weight:600}
.mem02 .btn a{display:block;padding:15px 25px;color:#fff;background:#2460a3}
.mem02 .btn1 a{display:block;padding:15px 25px;color:#fff;background:#737373}
.mem02 label{margin-left:20px}

/* 표 */
.bbs_type,.bbs_type th,.bbs_type td{border:0;border:0;font-size:14px;}
.bbs_type{clear:both;width:100%;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-top:1px solid #555;text-align:center;border-collapse:collapse;}
.bbs_type caption{display:none}
.bbs_type thead th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#666;font-weight:bold;border-top:none}
.bbs_type tbody th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#666;font-weight:bold;border-top:none}
.bbs_type th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#555;font-weight:bold;border-top:none}
.bbs_type td{padding:10px;border:1px solid #e5e5e5;color:#4c4c4c;border-top:none;border-right:none;text-align:left}
.bbs_type td p{text-align:left;margin-left:10px}

.popup_block{display: none;background:#fff;border: 1px solid #ddd;float: left;position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.popup_block h2{margin:20px 0 0 30px;font-size:20px}
.popup_block ul{margin:20px 0 0 30px}
.popup_block li{line-height:25px;background: url(../../images/os/new_img1/contents/bg_dot03.gif) no-repeat left 10px;padding-left:9px;display:block}
.popup_block .map{width:90%;height:450px;border:1px solid #ccc;margin:30px auto}
img.btn_close {
    float: right;
    margin: 12px 12px 0 0;
}

/* FAQ 탭 */
.buttom03{background:#eee;cursor:pointer;text-align:center;}
.buttom03 a{color:#999;display:table-cell;vertical-align:middle;height:40px;padding:0 20px;font-size:16px;border:1px solid #ddd;}
.buttom03 a:hover{border:1px solid #333;color:#fff;background:#555;}
.buttom04 {cursor:pointer;text-align:center;}
.buttom04 a{color:#fff;background:#333;display:table-cell;vertical-align:middle;height:40px;padding:0 20px;font-size:18px;border:1px solid #333;}
.qBtn{display:flex;align-items: center;justify-content: center;min-width:100px;padding:0 20px;box-sizing:border-box;height:45px;background:#fff;border:1px solid #095740;cursor: pointer;}
.qBtn a{color:#095740;}
.qBtnOn{display:flex;align-items: center;justify-content: center;min-width:100px;padding:0 20px;box-sizing:border-box;height:45px;background:#095740;cursor: pointer;}
.qBtnOn a{color:#fff !important;}
.qBtnEdit{display:flex;align-items: center;justify-content: center;min-width:100px;padding:0 20px;box-sizing:border-box;height:45px;background:#095740;color:#fff;cursor: pointer;}

 /* 자주하는 질문 - 검색하기 */
table.nwrite{border-collapse:collapse;border:1px solid #dedede;font-size:14px;}


/* 댓글입력 */
table.nwrite01{border:1px solid #dedede;}
.commentTitbox{margin:10px auto;background:#555;color:#fff;height:60px;}
.commentbox{background:#fafafa;margin-bottom:10px;color:#777;border:1px solid #dedede;}
.commentbox td{width:100%;padding:0 20px;}
.commentbox td p{line-height:24px;}

table.nwrite02 {border:1px solid #dedede; background-color:#FFFFFF;}
table.nwrite02 td{height:30px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;line-height:15px; }

table.nwrite03 {border:1px solid #dedede; background-color:#FFFFFF;}
table.nwrite03 td{height:30px;border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; }
table.nwrite04 {border:0px;}
table.nwrite05{border:1px solid #dedede;background-color:#FFFFFF; }

/* table */
table.nwrite06 {border-top:1px solid #dadada;}
table.nwrite06 td {height:60px; padding-left:15px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#FFFFFF;   color:#6e6e6e; line-height:15px; }
table.nwrite07{border:0px; background-color:#FFFFFF; }
table.nwrite08 {border:1px solid #dedede;background-color:#FFFFFF; }

.btns{display:flex;align-items: center;justify-content: center;margin:20px 0;gap:5px;}
.btns a{display:flex;align-items: center;justify-content: center;min-width:80px;height:40px;padding:0 20px;box-sizing:border-box;background:#095740;color:#fff;}
.btns a:nth-child(even){background:#fff;color:#095740;border:1px solid #095740;}

/* 최기원 추가 2013.01.29**/
table.nwriteTop {border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; background-color:#FFFFFF;}
table.nwriteBottom {border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; background-color:#FFFFFF;}

/*쇼핑몰 상품*/
table.nwrite09 {border:0px;}
table.nwrite09 td { height:16px; text-align:left;}
table.nwrite09 td.price {text-align:left;color:#ff780b;}
table.nwrite09 td.price2 {text-align:left;font-size:18px; color:#333333;}
table.nwrite09 td.pv {text-align:left;color:#0099FF;}
table.nwrite10{border:1px solid #dedede; background-color:#FFFFFF; }

/*쇼핑몰 상세조회*/
table.nwrite11 {border:0px;}
table.nwrite11 td { height:20px; text-align:left;  text-decoration:none;  color:#6e6e6e;}
table.nwrite11 td.price {text-align:left;  font-weight:bold; text-decoration:none;  color:#ff780b;}
table.nwrite11 td.price2 {text-align:left;  font-weight:bold; text-decoration:none; font-size:18px; color:#333333;}
table.nwrite11 td.price3{text-align:left;  font-weight:bold; text-decoration:none; font-size:18px; color:#ff780b;}
table.nwrite11 td.pv {text-align:left;  text-decoration:none;  color:#0099FF;}

table.nlist_tit  {border-collapse:collapse;border-right:1px solid #c6c6c6; text-align:center;}
table.nlist_tit td{font-size:15px;height:40px;line-height:40px;white-space:nowrap;vertical-align:middle;font-weight:normal;background:#f8f8f8;color:#555;text-align:center;border-top:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;}
table.nlist_tit td.ltit {border-right:1px solid #fff; border-left: 1px solid #c6c6c6;}
table.nlist_tit td.rtit {border-right:1px solid #c6c6c6;}
table.nlist_tit td.alignL {text-align:left; padding-left:5px;}
table.nlist_tit td.alignR {text-align:right; padding-right:5px;}
table.nlist_tit td.alignC {text-align:center;}

table.nlist{clear:both;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-top:1px solid #555;text-align:center;border-collapse:collapse;}
table.nlist td{font-size:14px;height:30px;border:1px solid #e5e5e5;color:#4c4c4c;border-top:none;text-align:center;}
table.nlist td.gback {background:#ffffff;}
table.nlist td.gback2 {background:#ffffff;}
table.nlist td.alignL {text-align:left;padding-left:5px;border-width:1px;}
table.nlist td.alignR {text-align:right;padding-right:5px;border-width:1px;}
table.nlist td.alignL7 {text-align:left;margin-left:5px;border-width:1px;}
table.nlist td.alignR7 {text-align:right;margin-right:5px;border-width:1px;}
table.nlist td.alignC {text-align:center;border-width:1px;}
table.nlist td img{padding-left:5px;}
table.nlist td.bold {font-weight:bold;}
table.nlist th {text-align:center;background-color:#efefef;border-bottom:1px solid #ffffff;height:40px;}

table.nlist2_tit {background:url(../images/nlist2_bg.gif) repeat-x;border-right:1px solid #fff; text-align:center; }
table.nlist2_tit td {height:24px; border-right:1px solid #fff;}
table.nlist2_tit td.ltit {border-right:1px solid #fff; border-left: 1px solid #c6c6c6;}
table.nlist2_tit td.rtit {border-right:1px solid #c6c6c6;}
table.nlist2_tit td.bot { border-bottom:1px solid #fff;}

table.nlist_bottom{vertical-align:bottom;margin-top:30px;background:#fff;}
table.nlist_bottom img{padding-left:5px;}
table.nlist_bottom a:link{}
table.nlist_bottom a:visited{}
table.nlist_bottom a:active{}
table.nlist_bottom a:hover{}

table.nview {border:1px solid #dedede;}
table.nview th {height:40px; background:#f8f8f8;text-align:center;color:#555;border-bottom:1px solid #dedede;}
table.nview td {height:40px; background:#ffffff;text-align:left;padding-left:10px;border-bottom:1px solid #dedede;}
table.nview td.cont{min-height:250px;vertical-align:top;text-align:left;padding:30px;background:#fafafa;color:#777;}
table.nview td.cont p{line-height:30px;}

table.nview_list {background:url(../images/view_back.gif) no-repeat; width:824px; height:71px;}
table.nview_list td {padding-left:5px;}
table.nview_list table.inlist {height:56px;}
table.nview_list table.inlist th {text-align:center;border-right:1px solid #acacac;}
table.nview_list table.inlist td { padding-left:12px; text-align:left;}
table.nview_list table.inlist td.dotline {background: url(../images/icon/dotline.gif) repeat-x; padding-top:8px; }

/* calendar */
.calTop {font-size:50px; color:#444; font-weight:bold;padding:25px 0;}
table.calendar_box {border:1px solid #ddd; background:#FFFFFF;}
table.calendar {}
table.calendar td.day {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold;  color:#999999;}
table.calendar td.day2 {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold;  color:#ffac9f;}
table.calendar td.day3 {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold;  color:#81d0cb;}
table.calendar td.date { font-weight:bold; color:#353535; height:80px; width:60px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff; border-right:1px solid #ffac9f; border-bottom:1px solid #81d0cb;}
table.calendar td.sunday { font-weight:bold; color:#f96c56; height:80px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff;  border-right:1px solid #ffac9f; border-bottom:1px solid #81d0cb;}
table.calendar td.satday { font-weight:bold; color:#3bb8ae; height:80px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff;  border-bottom:1px solid #81d0cb;}

/* font */
.gray07 {font-size:14px;font-weight:bold; }
.gray08 {font-size:13px; color:#6e6e6e; line-height:15px;}

/* calendar_데이터입력 수정(2012/11/20)*/
.CalTotal{margin:0 10px;font-size:14px;color:#777;}
.CalTotal span{color:#f44e4e;}

table.calendar2 {}
table.calendar2 td.day {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold;  color:#999999;}
table.calendar2 td.day2 {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold;  color:#f44e4e;}
table.calendar2 td.day3 {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold;  color:#273273;}
table.calendar2 td.date { font-weight:bold; color:#353535; width:60px; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;}
table.calendar2 td.date2 {  font-size:11px; font-weight:normal; color:#353535;  text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f;}
table.calendar2 td.date3 {   font-weight:normal; color:#353535;  text-align:center; vertical-align:middle; background-color:#fff; border-right:1px solid #ffac9f;}
table.calendar2 td.sunday { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; background-color:#fff;  border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;}
table.calendar2 td.sunday2 { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; background-color:#fff;  border-right:1px solid #ffac9f; }
table.calendar2 td.satday { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff;  border-top:1px solid #81d0cb;}
table.calendar2 td.satday2 { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff; }
table.calendar2 td.satday22 {  font-size:11px; font-weight:normal; color:#353535; text-align:right; vertical-align:top; padding:7px; background-color:#fff;  }
table.calendar2 td.satday99 {   font-weight:normal; color:#353535;  text-align:center; vertical-align:middle; padding:7px; background-color:#fff;}
table.calendar2 td.satday3 { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff;  border-top:1px solid #81d0cb;}
table.calendar2 td.date4 {font-weight:normal; color:#353535;  text-align:right; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f;}
table.calendar2 td.satday4 {font-weight:normal; color:#3bb8ae; text-align:right; vertical-align:top; padding:7px; background-color:#fff;  }

/* add jsung */
table.calSun {background-color:#fff;  border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;}
.titleSun { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; }
table.calSat { background-color:#fff;  border-top:1px solid #ddd;}
table.calSun { background-color:#fff;  border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;}
.titleSat { font-weight:bold; color:#273273; text-align:left; vertical-align:top; padding:7px;}

table.calDate { background-color:#fff; border-right:1px solid #ddd; border-top:1px solid #ccc;}
.titleDate { font-weight:bold; color:#353535; text-align:left; vertical-align:top; padding:7px; }
.calDate4 {  font-size:11px; font-weight:normal; color:#353535;  text-align:right; vertical-align:top; padding-right:3px;}
.calDate2 {  font-size:14px; font-weight:normal; color:#353535;  text-align:left; vertical-align:top; padding:7px; }
.calDate3 {   font-weight:normal; color:#353535;  text-align:center; vertical-align:middle; }

/* <td> bottom line(Chrome 에서 안나오는 부분에 추가해주시기 바랍니다.) (2012/12/18)*/
td.bottomLine {border-bottom:1px solid #dadada;}


/* 최기원 추가 2013.01.10**/
input.txt_r{ border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; font-size:12px; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:right;}
input.txt_c { border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; font-size:12px; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:center;}
input.txt_l { border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; font-size:12px; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:left;}

/* 주유휘 2013.01.18**/
.blue02 {color:#5CBDC4;}
table.nview2 {border:1px solid #dedede;}
table.nview2 th{background:#fff;text-align:center;border-bottom:1px solid #dedede;padding:5px 0;border-right:1px solid #dedede;}
table.nview2 td {background:#ffffff; text-align:left; padding-left:10px; border-bottom:1px solid #dedede;}

/* 장바구니 테이블 */
table.cart{background:url(../../images/os/comm/cart_bg01.gif) repeat-x;   font-weight:bold; color:#565656; border-right:1px solid #c6c6c6; text-align:center; }
table.cart td {height:32px; border-right:1px solid #e0e0e0;}
table.cart td.ltit {border-right:1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
table.cart td.rtit {border-right:1px solid #e0e0e0;}

/* 장바구니 리스트 테이블 */
table.cartlist {  color:#565656;}
table.cartlist td{word-break:break-all; height:80px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;}
table.cartlist td.price { font-weight:bold; text-decoration:none;  color:#ff780b;}
table.cartlist td.pv { font-weight:bold; text-decoration:none;  color:#0099FF;}

/* 장바구니 가격폰트 */
.price_g {font-weight:bold;color:#535353;;}
.price_b {color:#0099FF;}
.price_o {font-size:18px;font-weight:bold;color:#EC0000}

/* 결제방법 테이블 */
table.pay{background:url('../../images/os/comm/pay_bg01.gif') repeat-x;border-right:1px solid #c6c6c6; text-align:center; }
table.pay td {height:32px; border-right:1px solid #e0e0e0;}
table.pay td.ltit {border-right:1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
table.pay td.rtit {border-right:1px solid #e0e0e0;}

/* 장바구니 리스트 테이블 */
table.paylist {color:#ffffff;}
table.paylist td{border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;}
table.paylist td.title{height:22px; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;color:#6e6e6e;background:#f1f1f1;}
table.paylist td.foot{height:25px; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;font-weight:bold; color:#0099FF;background:#f1f1f1;}
table.paylist th{height:25px;color:#6e6e6e;}

/* 실명인증_문구추가 */
.certifyMsg{background:#fafafa;padding:10px 20px;margin-bottom:20px;font-size:14px;line-height:20px;border:1px solid #dedede; color:#f22613;}

/* 체크박스 */
.chk label{width:20px;height:20px;display:inline-block;cursor:pointer;background:#fff;border:1px solid #aaa;}
.chk input[type="checkbox"]:checked + label{border:1px solid #333;background:#fff url('../../images/os/new_img1/common/checked.png') no-repeat 0 0;}
.chk input[type="checkbox"]{display:none;}

/* ------------------------------------------------------------------- 쇼핑몰 제품상세페이지------------------------------------------------------------------------------------------------ */

/* ----- detail ------ */
.pd-detail-wrap{margin:50px auto 0 auto;}
.pd-detail-wrap .detail-img-wrap{position:relative;width:700px;height:700px;text-align:center;border:1px solid #eee;box-sizing:border-box;}
.detail-img-wrap img{width:100%;height:100%;object-fit:cover;}
.detail-img-wrap .detail-top{position:absolute;top:0px;left:20px;z-index:22;width:55px;height:70px;}
.detail-img-wrap .detail-top span{color:#fff;text-align:center;padding-top:15px;display:block;text-shadow:2px 1px #c38700;-webkit-text-shadow:2px 1px #c38700;-os-text-shadow:2px 1px #c38700;-moz-text-shadow:2px 1px #c38700;}
.detail-img{height:500px;}
.detail-img .photo_img li img{width:500px}
.detail-img .thumbs{width:100%;}
.detail-img .thumbs li{float:left;width:50px;height:50px;margin-right:10px;border:1px solid #dfdfdf;}
.detail-img .thumbs li img{width:50px;}

.pd-detail-wrap .detail-explain{position:relative;width:700px;text-align:left;line-height:1.5em;box-sizing:border-box;padding-left:50px;}
.detail-explain .explain-top{margin-bottom:20px;}
.detail-explain .explain-top h3{font-size:34px;line-height:1.2;color:#262626;font-weight:600;display:table-cell;vertical-align:middle;}
.detail-explain .explain-top p{color:#acacac;font-size:13px;margin-bottom:5px;}
.detail-explain .detail-line{width:100%;height:1px;background:#ddd;}

.PdsSns{position:absolute;top:3px;right:0;}
.PdsSns a{display:block;float:left;width:34px;height:34px;background:#999;border-radius:50%;margin:0 5px;text-align:center;transition-duration: 0.5s;}
.PdsSns a i{font-size:18px;line-height:34px;color:#fff;}
.PdsSns a.snsfb{background:#46639c;}
.PdsSns a.snstw{background:#32aade;}
.PdsSns a.snsyou{background:#d02330;}
.PdsSns a.snsins{background:#5e4d48;}
.PdsSns a.snsband{background:#32bf5e url('../../images/os/new_img1/sub/sns-band.png') no-repeat 50% 50%;}
.PdsSns a.snslink{background:#444;}
.PdsSns a.snskaos{background:#ffca08;}
.PdsSns a:hover{opacity:0.8;}

.detail-explain .pd-explain{position:relative;}
.pd-explain .box-explain{list-style-type:disc;color:#666;display:block;margin:30px auto;}
.pd-explain .box-explain em{width:130px;}
.detail-explain .pd-explain ol li{float:none;height:30px;display:table;margin-bottom:10px;font-size:15px;}
.detail-explain .pd-explain ol li:last-child{margin-bottom:0;}
.pd-explain em{display:table-cell;}
.pd-explain ul.w100 li.w50 em{display:table-cell;line-height:30px;font-size:14px;font-weight:bold;}
.pd-explain span{color:#555;font-weight:500;display:table-cell;line-height:1.3;}
.pd-explain ul{display:inline-block;}
.pd-explain ul li{float:left;}
.pd-explain .price{font-size:24px;color:#333;font-weight:800;display:inline-block;margin-bottom:5px;}
.prodNum {vertical-align:bottom;}
.prodNum input{height:30px !important;width:50px !important;text-align:center;}

.price-explain{margin:30px 0;display:flex;justify-content: space-between;}
.price-explain em{width:130px;}
.price-explain .price-wrap{font-size:26px;font-weight:800;color:#000;letter-spacing:-1px;}
.pd-explain .explain-btns{margin:20px 0;}
.explain-btns{margin-top:30px;}
.explain-btns li{float:left;}

.prodBtns{display:flex;width:100%;border-radius:3px;overflow:hidden;border:1px solid #095740;}
.prodBtns a{width:50%;display:inline-block;line-height:60px;text-align:center;font-size:16px;font-weight:700;color:#095740;}
.prodBtns a:nth-child(2){background:#095740;color:#fff;}

/* ----- 제품상세 tab ------ */
.detail-tab-wrap{position:relative;margin:50px auto;display:inline-block;width:100%;}
.detail-tab-wrap .detail-tab{clear:both;text-align:left;}
.detail-tab{}
.detail-tab .tabs{position:absolute;display:inline-block;width:100%;margin:0;padding:0;border-bottom:1px solid #52555e;margin-bottom:50px;height:43px;}
.detail-tab .tabs li{list-style:none;float:left;position:relative;white-space:nowrap;border-style:solid;border-width:1px 1px 0px 1px;margin-right:2px;padding:0;border-color:#52555e;cursor:pointer;}
.detail-tab .tabs li a{background:#52555e;display:block;text-align:center;font-size:15px;padding:12px 40px;color:#ddd;transition-duration: 0.5s;}
.detail-tab .tabs a:hover{text-decoration:none;}
.detail-tab .tabs a:active, .detail-tab .tabs .tabOn{font-size:15px;border-width:0px 0px 0px;border-style:solid solid none;border-color:#52555e #52555e;border-image:none;background:#fff;color:#333;}
.detail-tab-wrap .tab_content{position:relative;margin-top:100px;display:block;}

.prodDetail {width: 100%;margin-top:50px;}
.prodDetail .prodMenu {text-align: center;font-size: 0;background: #f8f8f8;display:flex;position:relative;}
.prodDetail .prodMenu:after{content:"";display:block;width:100%;height:1px;background:#095740;position:absolute;bottom:0;left:0;}
.prodDetail .prodMenu a {display: inline-block;width: 33.33%;line-height: 50px;;color: #666;font-size: 16px;box-sizing:border-box;position:relative;}
.prodDetail .prodMenu a.active {border: 1px solid #095740;border-bottom: 1px solid #fff;background: #fff;color: #095740;font-weight: 600;}
.prodDetail .prodMenu a.active:after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:-1px;z-index:1;}
.prodDetail .prodMenu.fix {margin: 30px 0 0px;z-index: 1;}
.prodDetail .prodMenu.fix:before{content:"";display:block;width:100%;height:100%;border-top:30px solid #fff;border-bottom:20px solid #fff;background:#f8f8f8;position:absolute;left:0;top:-30px;z-index:-1;}
.prodDetail .prodDeImg {padding: 100px 0 100px;/* border-bottom: 1px solid #ddd; */position: relative;}
.prodDetail .prodDeImg .imgWrap {height: 500px;overflow-y: hidden;position: relative;margin-bottom: 100px;text-align:center;}
.prodDetail .prodDeImg .imgWrap img {max-width: 100%;}
.prodDetail .prodDeImg .imgWrap:after {content: "";display: block;width: 100%;height: 80px;position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);}
.prodDetail .prodDeImg .imgWrap.on {height: auto;overflow-y: visible;margin-bottom: 0;}
.prodDetail .prodDeImg .imgWrap.on:after {content: "";display: none;}
.prodDetail .prodDeImg a {position: absolute;bottom: 100px;display: block;width: 200px;left: 50%;margin-left: -100px;border-radius: 25px;text-align: center;background: #095740;color: #fff;line-height: 50px;}
.prodDetail .prodReview {padding: 100px 0;border-bottom: 1px solid #ddd;text-align: center;}
.prodDetail .prodReview .prodRate {background: #f8f8f8;border-radius: 5px;padding: 20px;margin: 0;}
.prodDetail .prodReview .prodRate > div:first-child {font-size: 28px;font-weight: 600;color: #000;}
.prodDetail .prodReview .prodRate > div:last-child {font-size: 12px;border-left: 1px solid #e2e2e2;color: #888;}
.prodDetail .prodReview .prodRate > div:last-child div {margin: 2.5px 0;}
.prodDetail .prodReview .prodRate .rateGraph {display: inline-block;width: 150px;height: 8px;border-radius: 4px;background-color: #ddd;margin-left: 5px;overflow: hidden;position: relative;}
.prodDetail .prodReview .prodRate .rateGraph:after {content: "";display: block;width: 70%;height: 100%;position: absolute;left: 0;top: 0;background: #095740;}
.prodDetail .prodReview .reviewOption {padding: 10px 0;font-size: 14px;}
.prodDetail .prodReview .reviewOption > div:first-child {text-align: left;}
.prodDetail .prodReview .reviewOption > div:first-child span {display: inline-block;padding-left: 10px;font-weight: 800;color: #000;}
.prodDetail .prodReview .reviewOption > div:last-child {text-align: right;}
.prodDetail .prodReview .reviewOption > div:last-child a {display: inline-block;position: relative;color: #888;padding-right: 10px;margin-right: 10px;}
.prodDetail .prodReview .reviewOption > div:last-child a:after {content: "";display: block;width: 1px;height: 16px;background: #ddd;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.prodDetail .prodReview .reviewOption > div:last-child a:last-child {padding-right: 0;margin-right: 0;}
.prodDetail .prodReview .reviewOption > div:last-child a:last-child:after {content: "";display: none;}
.prodDetail .prodReview .reviewOption > div:last-child a.on {color: #095740;}
.prodDetail .prodReview .reviewContWrap {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.prodDetail .prodReview .reviewContWrap .reviewCont {border-bottom: 1px dashed #eee;padding: 15px 0;font-size: 0;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap {width: 100px;height: 100px;border: 1px solid #eee;border-radius: 5px;display: inline-block;vertical-align: top;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap > img {width: 100%;height: 100%;object-fit: cover;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap .bgBlack {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.35);z-index: 991;display: none;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap .bgBlack.on {display: table;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap .reviewImg {display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;z-index: 992;}
.prodDetail .prodReview .reviewContWrap .reviewCont .imgWrap .reviewImg img {width: initial;height: initial;max-width: 80%;}
.prodDetail .prodReview .reviewContWrap .reviewCont .reviewTxt {display: inline-block;width: calc(100% - 100px);font-size: 14px;padding-left: 15px;text-align: left;}
.prodDetail .prodReview .reviewContWrap .reviewCont .reviewTxt .row {margin-bottom: 10px;}
.prodDetail .prodReview .reviewContWrap .reviewCont .reviewTxt .row .reviewDate {text-align: right;color: #aaa;font-weight: 300;}
.prodDetail .prodReview .reviewContWrap .reviewCont .reviewTxt h3 {margin-bottom: 10px;color: #888;}
.prodDetail .prodReview .reviewContWrap .reviewCont:last-child {border-bottom: 0;}
.prodDetail .prodReview .pagerWrap {margin-top: 10px;font-size: 0;}
.prodDetail .prodReview .pagerWrap a {display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 3px;background: #f2f2f2;color: #aaa;font-size: 13px;margin: 0 2.5px;}
.prodDetail .prodReview .pagerWrap a.on {background: #095740;color: #fff;}
.prodDetail .prodDeDeli {padding: 100px 0 0;}
.prodDetail .prodDeDeli h3 {font-size: 18px;font-weight: 800;color: #000;margin-bottom: 10px;margin-top: 50px;}
.prodDetail .prodDeDeli h3:first-child {margin-top: 0;}
.prodDetail .prodDeDeli dl {border-bottom: 1px solid #eee;padding: 10px 0;display:flex;}
.prodDetail .prodDeDeli dl dt {display: inline-block;width: 150px;font-size: 13px;color: #888;font-weight: 400;}
.prodDetail .prodDeDeli dl dd {display: inline-block;width: calc(100% - 150px);font-size: 13px;color: #000;}
.prodDetail .prodDeDeli dl dd li{padding-left:14px;text-indent:-14px;margin-bottom:3px;}
.prodDetail .prodDeDeli dl dd li.txtind{padding-left:28px;}
.prodDetail .prodDeDeli dl dd li:last-child{margin-bottom:0;}


/* 사용후기 */
.ReviewBox {width:1200px;}
.ReviewBox .ReviewTit {padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.ReviewBox .ReviewTit h4 {float:left; font-size:25px; font-weight:800; text-indent:20px; line-height:30px; padding-top:7px;}
.ReviewBox .ReviewTit h4 span {display:block; font-size:16px; font-weight:500; color:#777;}
.ReviewBox .ReviewTit .ReviewBtn {float:right; margin:8px 20px 0 0; display:block; width:130px; height:50px; line-height:50px; font-size:17px; font-weight:500; text-align:center; border:1px solid #cecece; transition-duration:0.3s;}
.ReviewBox .ReviewTit .ReviewBtn:hover {color:#fff; background:#739a58; border:1px solid #739a58;}

.ReviewBox .ReviewEmpty {padding:100px 290px; border-bottom:1px solid #ccc;}
.ReviewBox .ReviewEmpty dl dt {float:left; width:120px; margin-right:50px;}
.ReviewBox .ReviewEmpty dl dt img {width:100%; opacity:0.2;}
.ReviewBox .ReviewEmpty dl dd {float:left; text-align:center; font-size:30px; font-weight:600; color:#ccc; margin-top:20px;}

.ReviewBox .ReviewList {border-bottom:1px solid #e5e5e5;}
.ReviewBox .ReviewList ul li {margin:20px 0; padding:10px 20px; border-bottom:1px solid #ececec;}
.ReviewBox .ReviewList ul li:last-child {border-bottom:0;}
.ReviewBox .ReviewList ul li .ListContent {width:1160px;}
.ReviewBox .ReviewList ul li .ListContent dl dt {font-size:15px; font-weight:500;}
.ReviewBox .ReviewList ul li .ListContent dl dt .star {font-size:15px; color:#fed42c; padding-right:10px;}
.ReviewBox .ReviewList ul li .ListContent dl dd {position:relative; font-size:15px; color:#333; font-weight:300; margin:20px 0 30px 0;}
.ReviewBox .ReviewList ul li .ListContent dl dd:last-child .ListMore {font-size:13px; font-weight:500; border-bottom:1px solid #999;}
.ReviewBox .ReviewList ul li .ListContent dl dd:last-child .ListDe   {margin:20px 0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn {position:absolute; top:0; right:0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a {float:left; display:block; width:50px; height:30px; line-height:30px; font-size:13px; text-align:center; border:1px solid #d9d9d9; margin-right:5px; transition-duration:0.3s;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:hover             {color:#fff; background:#739a58; border:1px solid #739a58;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:last-child {margin-right:0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:last-child:hover  {background:#999; border:1px solid #999;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox {margin-top:25px; padding-top:25px; border-top:1px solid #ececec;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .comment {float:left; position:relative; padding-left:65px;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .comment:before {content:'답변'; position:absolute; top:0; left:20px; display:inline-block; width:30px; text-align:center; font-size:12px; margin-right:10px; padding:2px 5px; background:#486732; color:#fff; border-radius:5px;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .writer  {float:right; padding-right:20px;}

.ReviewBox .ReviewList ul li .ListDate {float:right; font-size:16px; color:#111;}
/* 센터소개 구글맵 레이어 팝업 */
#noMapUrl{height:100%;}
.gm-err-container {height: 100%;width: 100%;display: table;background-color: #e0e0e0;position: relative;left: 0;top: 0;}
.gm-err-content {border-radius: 1px;padding-top: 0;position: static;vertical-align: middle;display: table-cell;}
.gm-err-title {margin:30px 0 10px;color: #616161;text-align: center;font-size: 24px;}
.gm-err-message {margin: 5px;color: #757575;text-align: center;font-size: 12px;}
.gm-err-icon {text-align: center;}

/* 우편번호검색 */
.md_ty3{background-color:#fff; min-width:55px; padding:0 20px; height:36px; line-height:38px; text-align:center; color:#444 !important; font-size:15px; border:1px solid #444;}

/* qna */
.qna{}
#cateList{margin:20px 0 0 0;}
#cateList .ndata{padding:10px 0; text-align:center; }

/* paging */
.paging{font-size:0; text-align:center;}
.paging strong,
.paging a{display:inline-block; width:38px; height:38px; line-height:38px; border:1px solid #e6e6e6; background-color:#fff; color:#a7a7a7; text-align:center; margin-left:5px; font-size:12px; vertical-align:middle;}

.paging .first{background:url(../../images/os/new/sub/btn_pagingFirst.gif) no-repeat 0 0; text-indent:-9999px;}
.paging .last{background:url(../../images/os/new/sub/btn_pagingLast.gif) no-repeat 0 0; text-indent:-9999px;}
.paging .next{margin-left:12px; background:url(../../images/os/new/sub/bg_pagingNext.gif) no-repeat 0 0; text-indent:-9999px;}
.paging .prev{margin-right:12px; background:url(../../images/os/new/sub/bg_pagingPrev.gif) no-repeat 0 0;text-indent:-9999px;}
.paging strong{background-color:#fff; color:#444; border:1px solid #444444; margin-left:5;}

.bg01 { background:url(../../images/os/comm/title_bg02.gif) repeat-x;}
.bg02 { background:url(../../images/os/comm/title_bg03.gif) repeat-x;}
.bg03 { background:url(../../images/os/comm/title_bg04.gif) repeat-x;}

.banner03 {background:url(../../images/os/comm/name_02.gif) repeat-x;}
.banner05 {background:url(../../images/os/comm/name_05.gif) repeat-x;}
.banner06 {background:url(../../images/os/comm/name_06.gif) repeat-x;}

.buttom01 { background:url(../../images/os/button/btn_bg02.gif) repeat-x; cursor:pointer;}
.buttom02 { background:url(../../images/os/button/btn_bg01.gif) repeat-x; cursor:pointer;}
.buttom03 { background:url(../../images/os/comm/board_tab.gif) repeat-x; cursor:pointer;}
.buttom04 { background:url(../../images/os/comm/board_tab_o.gif) repeat-x; cursor:pointer;}

/* 회원가입 */
.JoinTxt{width:100%;margin:60px auto;text-align:center;}
.JoinTxt .TxtTop{font-size:20px;color:#095740;margin-bottom:60px;}
.JoinTxt li:first-child{font-size:28px;color:#393939;}
.JoinTxt li{font-size:15px;line-height:22px;}
.JoinTxt .TxtPt{font-size:18px;color:#db534d;padding:20px 0;}
.JoinInner{width:100%;}
.JoinInner .JoinTop{width:100%;height:180px;background:url('../../images/os/new_img1/sub/join_bg01.png')no-repeat top left;text-align:center;color:#fff;}
.JoinInner .Bg02{background:url('../../images/os/new_img1/sub/join_bg02.png')no-repeat top left;}
.JoinTop h3{font-size:32px;line-height:100px;}
.JoinTop p{font-size:15px;line-height:22px;padding:18px 0;}
.JoinInner .JoinList{width:100%;height:350px;border:1px solid #dbdbdb;border-top:0;padding:40px;box-sizing:border-box;position:relative;}
.JoinList .JoinListTop{font-size:16px;color:#3f434d;line-height:24px;margin-bottom:15px;}
.JoinList li{font-size:14px;line-height:26px;}
.JoinList li:before{content: "";float:left;background:#777;width:5px;height:5px;margin:9px 10px 0 0;border-radius:50%;}
.JoinList .BtnJoin{position:absolute;bottom:120px;left:50%;margin-left:-20%;width:40%;text-align:center;}
.JoinList .BtnJoin a{display:inline-block;background:#b4b4b4;font-size:14px;color:#fff;padding:16px 35px;transition-duration: 0.5s;}
.JoinList .BtnJoin a:hover{background:#52555e;}

/* 비로그인 회원가입 */
.mem-agree-box{width:100%;height:200px;overflow-y:scroll;text-align:left;background:#fff;padding:20px;box-sizing:border-box;margin-bottom:15px;}
.mem-agree-box p{margin-bottom:10px;line-height:20px;}
.agree-input{text-align:left;}

/* 회원가입완료 */
.JoinSucs{}
.JoinSucs .JoinOkCont{border:3px solid #eee;padding:50px 0;}
.JoinSucs .JoinOkCont p{font-size:22px;color:#333;}
.JoinSucs .MemNumber{display:block;margin:30px auto 0;font-size:18px;width:50%;line-height:50px;background:#eee;border-radius:25px;}
.JoinSucs .txtex{font-size:14px !important;margin-top:10px;color:#777}

/* 게시판 */
.BoardList, .BoardList2{width:100%;margin:0 0 60px 0;}
.BoardList li, .BoardList2 li{float:left;width:250px;margin:0 23px;border:1px solid #d7d6d6;position:relative;}
.BoardList .Icon{position:absolute;top:0;right:0;width:40px;height:40px;background:#095740;text-align:center;}
.BoardList .Icon i{color:#fff;font-size:20px;line-height:40px;}
.BoardList a, .BoardList2 a{display:block;}
.BoardList a:hover, .BoardList2 a:hover{opacity:0.8;}
.BoardList dl{display:block;padding-bottom:20px;}
.BoardList dd{margin:0 20px;}
.BoardList2 dl{width:230px;margin:0 auto;padding:10px 0 20px 0;}
.BoardList2 dd{margin:0 5px;}

.BoardTitInner{margin:20px auto 15px;}
.BoardTitInner .BoardTit{font-size:18px;color:#095740;height: 18px;overflow: hidden;color: #095740;line-height: 18px;white-space: nowrap; text-overflow:ellipsis;}
.BoardTitInner .BoardTit2{font-size:14px;color:#888;height: 18px;overflow: hidden;color: #888;line-height: 18px;white-space: nowrap; text-overflow:ellipsis;border-bottom:1px solid #d7d6d6;padding:15px 0;}
.BoardTitInner .BoardTit2 span{color:#333;}

.BoardPro{width:100%;}
.BoardPro dl{float:left;width:550px;margin:0 25px;}
.BoardPro ul{padding:20px 10px;position:relative;}
.BoardPro ul li:first-child{font-size:18px;color:#222;line-height:18px;}
.BoardPro ul li{font-size:14px;color:#888;line-height:36px;}
.BoardPro .IconIng{position:absolute;top:15px;right:0;display:inline-block;font-size:13px;color:#fff;background:#36b6c1;padding:3px 10px;border-radius:5px;}

.dataMenuWrap{width:100%;text-align:center;}
.dataMenuWrap ul{display:inline-block;margin-top:5px;}
.dataMenuWrap li{float:left;display:inline-block;box-sizing:border-box;border:1px solid #ddd;border-right:0;width:150px;}
.dataMenuWrap li:last-child{border-right:1px solid #ddd;}
.dataMenuWrap li a{display:block;padding:12px 0px;}
.dataMenuWrap li.active{background:rgba(24,176,188,0.2);border:1px solid #095740;}

/* 로그인 */
.login_Wrap{width:700px;border-top:1px solid #444;border-bottom:1px solid #444;margin:150px auto 0 !important;}
.login_area{width:540px;margin:60px auto 0;position:relative;}
.login_area h2{font-size:46px;line-height:46px;color:#333;text-align:center;font-weight:normal;}
.login_area .loginDesc{padding:10px 0 0 0;font-size:15px;color:#444;text-align:center;}
.loginWrite{width:385px;margin:40px 0 0 0;overflow:hidden;}
.loginWrite dt,.loginWrite dd{float:left;font-size:15px;text-align:left;}
.loginWrite dt{clear:both; height:40px; line-height:40px;width:83px;color:#444;}
.loginWrite dd{width:300px;height:40px;}
.loginWrite dt:first-child,.loginWrite dt:first-child + dd{margin-bottom:10px;}
.loginWrite dd input[type="text"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"],
.loginWrite dd input[type="text"]{border:0;font-size:14px;height:38px;width:284px;padding:0 4px 0 10px;color:#777 !important;background-color:#eee;background-repeat:no-repeat;background-position:10px 50%;}
.btnLogin{position:absolute;right:0px;top:115px;width:130px;height:90px;display:inline-block;background:#095740;line-height:90px;text-align:center;color:#fff !important;font-size:18px;transition:all 0.5s;}
.btnLogin:hover{background:#17322a;}
.login_Wrap .memberGuide{margin:60px auto 0;border-top:1px solid #e6e6e6;padding:30px 0;text-align:left;}
.login_Wrap .memberGuide > div{width:600px;position:relative;margin:0 auto;line-height:23px;}
.login_Wrap .memberGuide strong{color:#444;font-weight:normal;display:block;font-size:15px;line-height:24px;}
.login_Wrap .memberGuide .btnWrap{position:absolute;right:0;top:5px;}
.login_Wrap .memberGuide .btnWrap a.btn{border:1px solid #777;color:#555;height:28px;line-height:28px;font-size:15px;padding:10px 20px;cursor:pointer;transition:all 0.5s;}
.login_Wrap .memberGuide .btnWrap a.btn:hover{border:1px solid #333;color:#333;}

/* SNS 로그인 */
.login_Wrap .SnsBox {width:540px; margin:50px auto 0 auto;}
.login_Wrap .SnsBox a {position:relative; display:inline-block; width:250px; height:60px; line-height:60px; padding-left:15px; text-align:center; font-size:17px; font-weight:500; color:#fff; margin-right:5px;}
.login_Wrap .SnsBox a:hover {opacity:0.8;}
.login_Wrap .SnsBox a:first-child {background:#1dcf60;}
.login_Wrap .SnsBox a:first-child:before {content:'\ebf9'; position:absolute; top:0; left:30px; font-family:xeicon; font-size:20px;}
.login_Wrap .SnsBox a:last-child  {background:#fedb2b; color:#000; margin-right:0;}
.login_Wrap .SnsBox a:last-child:before  {content:'\ebee'; position:absolute; top:0; left:30px; font-family:xeicon; font-size:20px;}

/* 팝업 : id/pw 찾기 */
#popWrap{position:relative; margin:50px;border:1px solid #eee;padding:39px;text-align:left;line-height:1.3;}
#popWrap .popHeader h1{font-size:20px;line-height:30px;color:#333;font-weight:normal;}
#popWrap .popHeader h5{font-size:30px;line-height:40px;color:#333;font-weight:normal;text-align:left;}
#popWrap .popHeader .guide{font-size:13px;color:#bebebe;margin:11px 0 32px 0;}
#popWrap .popContents{}
#popWrap .searchBox{overflow:hidden;width:420px;}
#popWrap .searchBox dt,
#popWrap .searchBox dd{float:left;margin:0 0 11px 0; }
#popWrap .searchBox dt{clear:both;width:90px;font-size:15px;color:#797979;height:33px;line-height:33px;}
#popWrap .searchBox dd{width:330px;}
#popWrap .searchBox input{border:1px solid #e1e6ea;height:33px;line-height:33px;}
#popWrap .searchBox select{height:25px;line-height:25px;}
#popWrap .confirm{text-align:center;margin:30px 0 0 0;}
#popWrap .confirm a{display:inline-block;width:160px;height:50px;color:#fff;background-color:#444444;text-align:center;line-height:50px;font-size:15px;}
#popWrap .popclose{position:absolute;right:-1px; top:-1px;}
#popWrap .idPassFind { }
#popWrap .idPassFind h2{font-size:18px;color:#1b1b1b;font-weight:normal;}
#popWrap .formTable{margin:15px 0 0 0;}
#popWrap .formTable th{font-size:15px; letter-spacing:-1px; font-weight:normal; text-align:left; color:#848484; }
#popWrap .formTable td{padding:5px 0;}
#popWrap .formTable .point{color:#444; font-size:12px; margin-top:10px;}
#popWrap .formTable td input{border:1px solid #dddddd;height:33px;line-height:33px;padding-left:3px;}
#popWrap .idPassFind .confirm{padding:30px 0 35px 0; border-bottom:1px solid #e0e4e8; margin:0 0 26px 0;}
#popWrap .idPassFind .passfind{margin:24px 0 0 0; text-align:center;}
#popWrap .idPassFind .passfind span{font-size:13px; line-height:22px; display: block; text-indent: -20px; margin-left: 20px;text-align:left;}
#popWrap .idPassFind .passfind strong{color:#343d45; font-size:15px;display:block; padding:20px 0 0 0;} 
.formTable select{height:32px;padding:3px;text-align:left;border:1px solid #ddd;line-height:1;outline:none;font-size:14px;border-radius:0;}

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;border-right:1px solid #39c7d2;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#095740;}
.Pop_content > img{width:1000px;margin:0 auto;display:block;}
.PopTabs{margin-bottom:30px;background:#f1f1f1;}
.PopTab li a:hover, .PopTab li a.active, .PopTab li a.tabOn{color: #fff; background:#095740;}

/* ============================== 쇼핑몰 서브컨텐츠 =================================== */

/* step 공통 헤딩 */
.subtit{font-size:20px; color:#444; font-weight:normal;text-align:left;}
.subtit_dsc{font-size:15px; margin-top:8px; color:#a7a7a7;} 

/* 회원가입절차 - step1_약관동의*/
.agreeBox{background-color:#f4f4f4; overflow-y: scroll; color:#777; height: 190px; padding:25px 30px 25px 30px; margin-bottom: 8px; margin-top:40px; font-size:15px;font-weight:300;text-align:left;}
.agreeBox p{margin-bottom:15px; line-height:22px;}
.agree_check{margin-top:20px;display:table;height:20px;}
.agree_check input{margin-right:5px;}
.agree_check label{color:#6e6e6e;font-size:14px;display:table-cell;vertical-align:middle;}
.agree_wrap + .subtit{margin-top:57px;}

/* 회원가입절차 - step2_회원정보입력*/
.tbl_form +.form-top {margin:50px 0 30px 0;}
.form-top {margin:0 0 30px 0;}
.form-top span{ color:#e42525; font-size:15px;}
.tbl_form{border-bottom:1px solid #e9e9e9;}
.tbl_form th, .tbl_form td {text-align:left;line-height:40px; font-size:15px; border-top:1px solid #e6e6e6;}
.tbl_form tr:first-child th ,
.tbl_form tr:first-child td{border-top:2px solid #444444;}
.tbl_form th{color:#444; font-weight:normal; line-height:15px;}
.tbl_form th > span{margin:0 5px 0 16px; color:#e42525; font-size:15px; vertical-align:middle;}
.tbl_form th label, .tbl_form th .label{margin:0 0 0 27px; color:#444; font-weight:normal; }
.tbl_form th span + label{margin-left:0;}
.tbl_form td {padding:10px 10px 10px 20px; color:#a7a7a7;}
.tbl_form td a {vertical-align:top;}
.tbl_form td input[type="password"],
.tbl_form td input[type="text"] {height:40px; line-height:40px; font-size:1em; background-color:#f4f4f4 !important; border:0;}
.tbl_form td input + .btn {margin-left:10px;}
.tbl_form td .info_desc {color:#444; font-size:13px; margin-left:15px;}
.tbl_form td .addfile .info_desc{display:block; margin:10px 0 0 0;}
.tbl_form td .fileList{color:#f87806;}
.tbl_form td .fileList .btn{margin-left:10px;}
.tbl_form input{float:left !important;}
.tbl_form select{background:#fff !important;height:40px;line-height:40px;}

/* 주문등록 과정 탑 */
.orderStep{overflow:hidden;width:100%;margin:50px auto;}
.orderStep li{float:left;width:33.33%;border:1px solid #eee;border-left:0;border-right:0;position:relative;box-sizing:border-box;}
.orderStep li span{display:block;width:100%;padding-left:29px;height:98px;line-height:98px;font-size:16px;color:#333;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;box-sizing:border-box;}
.orderStep li span em{color:#aaa;font-size:18px;}
.orderStep li:first-child span{border-left:1px solid #eee;margin-left:0;}
.orderStep li:first-child:before{background:none;}
.orderStep li:before{content:''; display:block;background:url('../../images/os/new_img1/office/bg_stepArrow.png') no-repeat 0 0;position:absolute;left:-21px;top:50%;width:40px;height:40px;margin-top:-20px;}
.orderStep li.on,.orderStep li.on span{border-color:#333;}
.orderStep li.on + li span{border-left:0;}

/* 선결제 버튼  - 나중에 공통 버튼으로 클래스 수정 후 삭제*/
.OrderBtns{display:table;margin-left:0;margin-right:0;}
.OrderBtns ul li{float:left;margin-left:5px;}
.OrderBtns ul li:first-child{margin-left:0px;}

/* 체크박스 */
.chk label{width:30px;height:30px;display:inline-block;cursor:pointer;background:#fff;border:1px solid #aaa;}
.chk input[type="checkbox"]:checked + label{border:1px solid #333;background:#fff url('../../images/os/new_img1/common/checked.png') no-repeat 0 0;}
.chk input[type="checkbox"]{display:none;}

/* 제품 리스트 페이지 */
#content_shop {width:1100px;margin:0 auto;}
.shop_list{width:275px;height:500px;float:left;font-size:14px;text-align:center;}
.shop_list h2 a{display:block;width:230px;height:230px;overflow:hidden;margin:0 auto 20px auto;border:1px solid #eee;background: url('../../images/os/new_img1/mall/noimage.png') 50% 50% no-repeat !important}
.shop_list .pay{color:#000;font-weight:bold;font-size:16px;}
.shop_list .pv{color:#999;font-size:14px;}
.shop_list ul{}
.shop_list ul li{margin-bottom:5px;}
.shop_list ul li ul{display:inline-block;margin:10px auto;}
.shop_list ul li ul li{float:left;margin:0 2px;}
.shop_list ul li ul li input{color:#555;height:33px;text-align:right;padding-right:5px;background:#f8f8f8;border:1px solid #eee;}
.shop_list .ProdTitle{font-size:16px;color:#555;line-height:24px;}

.cartWrap{position:relative;width:100%;margin:0 auto;}
.cartWrap .cartList{margin-top:40px;}  
.cartWrap .cartList thead th{border-top:2px solid #333;border-bottom:1px solid #333;padding:15px 0;font-size:16px;text-align:center;color:#333;}
.cartWrap .cartList tbody td{padding:10px 0;font-size:15px;color:#333;text-align:center;border-top:1px solid #dedede;}
.cartWrap .cartList tbody td.product_image{padding-left:20px;}
.cartWrap .cartList tbody td.cartInfo{padding-left:10px;text-align:left;}
.cartWrap .cartList tbody td.cartPrice{}
.cartWrap .cartList tbody td.cartPrice > span{display:block;line-height:25px;}
.cartWrap .cartList tbody td.cartPrice .ct_pv em{color:#fd8a00;}
.ico_pv{color:#777;margin-left:5px;}

/* 회원등록 */
.AddTxt{padding:20px;}
.AddTxt p{font-size:16px;color:#555;line-height:26px;}
.AddTxt dt{font-size:16px;color:#555;margin:30px 0;}
.AddTxt dd{font-size:14px;line-height:26px;margin-bottom:10px;}

.JoinMb{display:table;margin:35px auto;background:#f8f8f8;padding:50px;border-radius:50px;}
.JoinMb a{float:left;display:block;margin:0 60px;font-size:16px;padding:50px;text-align: center;border-radius:30px;transition-duration: 0.5s;}
.JoinMb a:hover{background:#fff;}
.JoinMb a i{width:120px;height:120px;background:#095740;border-radius:50%;font-size:50px;color:#fff;text-align:center;line-height:120px;margin-bottom:20px;}

.sm_ty1{display:inline-block;background:#999;color:#fff;padding:5px 7px;}
.sm_ty2{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;background:#777;color:#fff;}
.sm_ty2:hover{background:#222;}

.payment{border-bottom:2px solid #444; margin-bottom:60px;}
.payment tbody tr:first-child td{border-top:2px solid #444444; padding:20px 0 5px 0; border-bottom:0;}
.payment tbody td{font-size:20px; color:#444; font-weight:bold; padding-bottom:20px;}
.payment tbody td.payment_sum{font-weight:normal;}
.payment tbody td.payment_sum span{font-size:15px;}
.payment tbody td.payment_sum em{font-weight:bold; font-size:20px;}
.payment tbody td.payment_sum .imgSum{margin:0 32px;}
.payment tbody td.payment_price{text-align:right;font-size:24px;}
.payment tbody td.pv_sum{color:#f78500;text-align:right;font-size:22px;}
.payment tbody td.payment_price span{font-size:15px;}

/* 오토십 등록 화면 */
.tbl_ty3{clear:both;width:100%; margin:40px 0 55px; border-top:2px solid #555;border-bottom:1px solid #555; border-collapse: inherit;}
.tbl_ty3 th,.tbl_ty3 td{text-align:left; border-top:1px solid #e6e6e6;line-height:22px;font-size:15px; color:#555;}
.tbl_ty3 tbody th{font-weight:normal; padding:18px 0 18px 20px;background:#f8f8f8;}
.tbl_ty3 tbody td{padding-left:20px;color:#777;}
.tbl_ty3 tbody td select{border:1px solid #dedede;height:33px;}
.tbl_ty3 tbody td input{height:30px;line-height:30px;border:1px solid #dedede;font-size:15px;padding:3px 10px;color:#777;}
.tbl_ty3 tbody td input.disable{height:30px;background-color:#efefef;border:1px solid #ddd;}
.tbl_ty3 tbody td input + .md_ty3{margin-left:10px;display:inline-block;background:#999;color:#fff;padding:5px 7px;font-size:13px;}
.tbl_ty3 tbody td .hyphen{margin:0 13px;}
.tbl_ty3 tbody td .col{display:block; margin-top:12px;}
.tbl_ty3 tbody td .col input + input{margin-top:12px;display:block;}
.tbl_ty3 tbody td input + label{display:inline-block; margin:0 40px 0 10px;}
.tbl_ty3 tbody td .delivery{}
.tbl_ty3 tbody td textarea{padding:12px; vertical-align:middle;background-color:#f4f4f4; border:none;}
.tbl_ty3 tbody td textarea + p{padding-top:5px;}
.tbl_ty3 tbody td .delivery p{font-size:13px; line-height:20px;}
.tbl_ty3 tbody td .txtex{font-size:13px; line-height:20px; color:#a7a7a7; margin-left:10px;}
.tbl_ty3 .signText{}
.tbl_ty3 .signText dt{color:#333;}
.tbl_ty3 .signText dd{color:#f78500;}

.order{}
.order h3{width:100%;margin-bottom:20px;font-size:30px;color:#333;}
.order h3 i{font-size:30px;color:#aaa;margin-right:10px;}
.order .bbs_type td{vertical-align:middle;position:relative;}
.order .bbs_type th.txt04{color:#e85e13;}
.order .bbs_type input[type="radio"]{cursor:pointer;}
.order .bbs_type input[type="text"]{border:1px solid #d7d6d6;padding:3px;width:92px;}
.order .bbs_type input[type="file"]{width:600px;}
.order .bbs_type select{border:1px solid #d7d6d6;padding:10px 3px;color:#5b5b5b;vertical-align: middle;}
.order .bbs_type .btn{top:17px;left:142px;}

/* 고객사랑센터 */
.customerWrap{position:relative;width:1000px;margin:0 auto;}
.customerWrap .customerTop{}
.customerWrap .customerTop h5{font-size:18px;color:#333;}
.customerWrap .customerTop h6{font-size:16px;text-align:center;margin:10px 0 0 0;}
.customerWrap ol{border:1px solid #eee;display:inline-block;width:100%;background:#fff;margin:50px auto 30px auto;position:relative;}
.customerWrap ol li{float:left;width:33.22%;display:table;border-left:1px solid #eee;}
.customerWrap ol li:first-child{border-left:none;}
.customerWrap ol li a{display:table-cell;vertical-align:middle;padding:30px 40px;box-sizing:border-box;height:295px;}
.customerWrap ol li a:hover{background:#fafafa;}
.customerWrap ol li a h6{font-size:30px;color:#333;margin:0;}
.customerWrap ol li a p{width:100px;height:100px;border-radius:50%;display:table;margin:30px auto;}
.customerWrap ol li a p i{font-size:46px;text-align:center;display:table-cell;vertical-align:middle;color:#fff;}
.customerWrap ol li a span{color:#999;font-size:14px;line-height:20px;}
.customerWrap .customerCont{width:100%;display:inline-block;}
.customerCont ul{height:350px;background:#f8f8f8;border:1px solid #eee;}
.customerCont ul li{float:left;}
.customerBox{padding:30px 50px 0 50px;text-align:left;width:528px;height:320px;background: url('../../images/os/new_img1/mall/cs-bg.png') no-repeat right 30px bottom;}
.customerBox h5{font-size:50px;color:#333;font-weight:bold;}
.customerBox dl{margin-top:30px;}
.customerBox dl dt{font-size:16px;margin-bottom:10px;}
.customerBox dl dd{font-size:14px;color:#777;line-height:22px;}
.gray-arrow-right2{width:20px;height:350px;margin:0 auto;background:#f8f8f8 url('../../images/os/new_img1/brand/gray-arrow-right.png') no-repeat center top 155px;}
.customerText{width:60%;color:#999;margin:20px 0 0 0;line-height:20px;padding-top:20px;border-top:2px dotted #dedede;font-size:14px;}

/*브랜드소개*/
.rotate180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/* highlight colors */
::-moz-selection {background-color: #333;color: white;}
::selection {background-color: #333;color: white;}

/*common*/
.mgt10{margin-top:10px !important;}
.pdt5{padding-top:5px !important;}

/*상품제휴제안*/
.jehuinput{margin-top:-2px!important;margin-left:10px;}

.JoinList .SnsJoin{position:absolute;width:90%;bottom:10px;left:25%;margin-left:-20%;border:1px solid rgba(0,0,0,0.15);}
.JoinList .SnsJoin table{width:100%;}
.JoinList .SnsJoin table tr:first-child td{border-bottom:1px solid rgba(0,0,0,0.15);}
.JoinList .SnsJoin a{position:relative; display:inline-block; width:80%; height:80%; line-height:60px; text-align:center; padding-left:25px; font-size:15px; font-weight:500; color:#fff; transition:0.5s;}
.JoinList .SnsJoin a:hover{opacity:0.7;}
.JoinList .SnsJoin a.nvJoin{background:#1dcf60;}
.JoinList .SnsJoin a.nvJoin:before{content:'\ebf9'; position:absolute; top:0; left:15px; font-family:xeicon; font-size:20px;}
.JoinList .SnsJoin a.kaJoin{background:#fedb2b; color:#000; margin-right:0;}
.JoinList .SnsJoin a.kaJoin:before{content:'\ebee'; position:absolute; top:0; left:15px; font-family:xeicon; font-size:20px;}

/*회사소개*/
.comIntro {}
.comIntro .comBox01 {text-align:center; font-size:40px; line-height:60px; font-weight:500; color:#f79f99; }
.comIntro img{max-width:100%;}
.comIntro .comBox02 {width:1200px; margin:70px auto 50px auto;}
.comIntro .comBox02 dl {position:relative;}
.comIntro .comBox02 dl h5 {font-size:40px; line-height:50px; font-weight:500; margin-bottom:20px; text-align:center;}
.comIntro .comBox02 dl dt {width:900px; font-size:17px; line-height:30px; margin:30px auto 45px auto; text-align:center;}
.comIntro .comBox02 dl dd {width:900px; margin:0 auto; overflow:hidden;}

.comIntro .comBox03 {width:1200px; margin:0 auto;}
.comIntro .comBox03 ul li {width:900px; font-size:17px; line-height:30px; margin:30px auto; text-align:center;}
.comIntro .comBox03 ul li span {display:block; font-size:30px; line-height:40px; font-weight:500; color:#f7a099; margin-bottom:20px;}

/* 기업이념 */
philo .philoBox01 {position:relative; width:1200px; margin:0 auto;}
.philo .philoBox01 dl dt {float:left;width: 550px;height: 650px;background:url(../../images/os/new_img1/sub/philo_img_01.jpg)no-repeat 50%;overflow:hidden;}
.philo .philoBox01 dl dd {width: 600px;float: right;font-size:55px;line-height:55px;font-weight:500;color:#f79f99;padding-top: 80px;}
.philo .philoBox01 dl dd p {font-size:17px; line-height:30px; color:#333; font-weight:400; margin:30px 0 0 0;}

.philo .philoBox02 ul {display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin:70px auto 0 auto;}
.philo .philoBox02 ul li {width: 370px;font-size:18px;font-weight:500;line-height:28px;text-align:center;border:1px solid #095740;word-break: keep-all;padding:50px 30px;box-sizing:border-box;}
.philo .philoBox02 ul li strong {display:table; font-size:35px; line-height:40px; margin:0 auto 15px auto; padding:0 5px; font-weight:800; background: linear-gradient(to top, #095740 40%, transparent 40%);}

/* 창업스토리 */
.storyBox01 {position:relative; width:1200px; height:570px; margin:0 auto;}
.storyBox01 p {position:relative; top:70px; left:297px;  font-size:35px; font-weight:700; line-height:55px; z-index:1;}
.storyBox01 p span {color:#fff; border-bottom:3px solid #fff;}
.storyBox01 p em {color:#f79f99; padding-left:5px; border-bottom:3px solid #f79f99;}
.storyBox01 dl dt {position:absolute; top:0; left:0;}
.storyBox01 dl dd {position:absolute; bottom:0; right:0; border:10px solid #fff;}

.storyBox02 {margin:30px auto;}
.storyBox02 p {font-size:20px; line-height:32px; margin:25px 0; text-align:center;}
.storyBox02 p img {width:1100px; padding:30px; border:1px solid #095740;}

/* ceostory */
.ceoBox01 {position:relative; width:1200px; margin:0 auto;}
.ceoBox01 dl dt {float:left;width: 480px;height: 650px; margin:0 25px; background:url(../../images/os/new_img1/sub/ceo_img_01.jpg)no-repeat 50%;overflow:hidden;}
.ceoBox01 dl dd {width:600px; float:right; margin-top:120px; font-size:17px; line-height:30px; color:#333; font-weight:400;}
.ceoBox01 dl dd .sign {font-size:20px; margin-top:50px;}
.ceoBox01 dl dd .sign img {vertical-align:bottom; margin-left:20px;}

/* 개인정보처리방침 */
.subTit{position:relative;font-size:42px;line-height: 42px;font-weight:500;margin-bottom:30px;text-align:center;color:#000;}

.member-tit {font-size:45px; color:#333; font-weight:600; margin-bottom:20px; text-align:center;}
.member-sub-tit {font-size: 28px;color:#333;font-weight:500;margin:50px 0 20px 0;text-align:center;margin-top:30px;}
.member-cont-wrap p{font-size:17px; color:#333; font-weight:400;}
.member-cont-wrap h3{font-size:36px;color:#000;margin-top:80px;font-weight:600;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.member-cont-wrap h3 p{font-size:17px; color:#333; font-weight:400;}
.member-cont-wrap table {width:100%;margin:10px 0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.member-cont-wrap table th{background:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.member-cont-wrap table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px;font-size:15px;word-break:keep-all;}
.member-cont-wrap dl dt {font-size: 20px;color:#333;font-weight:500;padding-top:20px;}
.member-cont-wrap dl dd {font-size:17px; color:#333; font-weight:400; padding:10px 0; line-height:27px;}
.member-cont-wrap dl dd ul{margin:5px 0;}
.member-cont-wrap dl dd ul li {font-size:15px; line-height:30px;  padding-left:15px;text-indent:-15px;word-break:keep-all;}



/* 다이어트 챌린지 */ 
.intro a{display:flex;width:280px;background:#323232;color:#fff;text-align:center;height:65px;font-size:18px;align-items: center;flex-direction: column;justify-content: center;}
.intro a span{display: block;font-size: 11px;margin-top: 5px;color: rgba(255,255,255,0.7);}
#headerPoint{background:#095740;}
#headerPoint a{display:flex;height:50px;align-items: center;justify-content: center;color:#fff;gap:20px;font-size:18px;}
.intro{width:100%;background:#fff;position:relative;}
.introWrap{width:100%;margin:0 auto;position:relative;height:864px;}
.introSlide {width:100%;overflow:hidden;position:relative;}
.introSlide .swiper-slide {background-position: center;background-size: cover;}
.introSlide .swiper-slide img {display: block;width: 100%;height:100%;object-fit:cover;}
.introSlide .swiper-pagination{bottom:20px !important;}
.introSlide .swiper-pagination-bullet{width:12px;height:12px;}
.introSlide .swiper-pagination-bullet-active{background:#095740;}
.introBtn{margin:50px 0;display:flex;align-items: center;justify-content: center;gap:5px;}

.guideWrap2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:99999;display:none;}
.guideImg{position:fixed;top:50px;left:50%;margin-left:-540px;width:1080px;height:calc(100% - 100px);overflow-y:auto;}
.guideImg img{width:100%;}
.guideClose{position:fixed;top:0;left:50%;margin-left:500px;width:50px !important;height:50px !important;background:none !important;align-items: flex-end !important;}
.guideClose i{font-size:20px;color:#fff;}

.stepWrap{width:100%;padding:30px 0;}
.dietTit{width:1000px;margin:0 auto;background:#528e4e;color:#fff;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 24px;border:1px solid #528e4e;}
.dietCont{width:1000px;margin:0 auto;border:1px solid #528e4e;padding:50px;box-sizing:border-box;}
.dietCont ul{margin:15px 10px 10px 30px;}
.dietCont ul.numli li{list-style:num;font-size:16px;line-height: 25px;color:#000;}
.dietCont ul.numli li ol li{list-style:none;}
.dietCont table{border-top:2px solid #528e4e;width:100%;margin: 10px 0 20px;}
.dietCont table tr{border-bottom:2px solid #528e4e;height:40px;text-align:center;}
.dietCont table tr th{padding:10px;color:#000;font-weight:600;}
.dietCont table tr td{padding:10px;}
.dietProd{width:1000px;margin:50px auto;}
.dietProd h2{color:#000;font-weight:600;font-size:20px;background:url(/myoffice/images/event/pc/checkbox.jpg)no-repeat left center;background-size: 20px;padding-left:30px;}
.dietProd p{color:#000;font-size:16px;padding-left:30px;line-height:1.5;}
.dietProd h3{color:#000;font-weight:600;font-size:18px;margin:20px 0 10px;padding-left:30px;}
.dietProd ul{display:flex;}
.dietProd li{width:30%;margin-right:5%;}
.dietProd li:last-child{margin-right:0;}
.dietProd li img{width:100%;}
.dietProd li h3{padding-left:0;}
.dietProd li p{padding-left:15px;position:relative;font-size:15px;letter-spacing:-1px;color:#666;}
.dietProd li p:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#000;position:absolute;left:0;top:8px;}
.dietProd li p i{display:block;}
.agreeBtn{margin-top:50px;text-align:center;}			
.agreeBtn a{display:inline-block;background:#323232;color:#fff;width:180px;line-height:40px;}
.agreeCont{width:1000px;margin:30px auto;}
.agreeCont .topTxt strong{color:#3c3c3c;font-size:20px;display:block;margin-bottom:5px;}
.agreeCont .agreeTxt{border:1px solid #323232;margin:50px 0 10px;box-sizing:border-box;padding:15px;line-height:1.5;}
.agreeCont .agreeTxt ul{margin:5px 0 0 16px;}
.agreeCont .agreeTxt li{padding-left:18px;text-indent:-18px;}
.agreeCont .agreeTxt dt{font-weight:800;}
.agreeCont .agreeTxt dl{margin-top:15px;}
.agreeCont .agreeTxt dl:first-child{margin-top:0;}
.agreeCont .txtC label{color:#3c3c3c;font-weight:800;}
.dietCont h3{color:#000;font-weight:600;font-size:20px;background:url(/myoffice/images/event/pc/checkbox.jpg)no-repeat left center;background-size: 20px;padding-left:30px;}
.dietCont h3 + ul{margin-left:50px;}
.dietCont table.inputTb{border-top:1px solid #436d26;border-right:1px solid #436d26;}
.dietCont table.inputTb tr{border-bottom:1px solid #436d26;}
.dietCont table.inputTb th{background:#528e4e;color:#fff;}
.dietCont table.inputTb td{padding:0;}
.dietCont table.inputTb td input{background:#fff;border:0;}
.dietCont .agreeDl{margin:50px 0;border:1px solid #436d26;}
.dietCont .agreeDl dt{background:#528e4e;color:#fff;padding:10px;font-size:18px;}
.dietCont .agreeDl dd{padding:10px;border-bottom:1px solid #436d26;}
.dietCont .agreeDl dd:last-child{border-bottom:0;}
.dietCont .agreeDl dd p{margin-bottom:20px;}
.dietCont .agreeDl dd h3{background:none;padding-left:0;font-size:16px;}
.dietCont .agreeDl dd ul{margin-left:0;margin-top:10px;}
.dietCont .agreeDl dd ul li{line-height:1.5;padding-left:15px;text-indent:-15px;}
.dietCont .agreeDl dd .label{display:flex;justify-content: flex-end;align-items: center;color:#000;}
.dietCont .agreeDl dd .label input{margin-right:5px;}
.indiviCont{margin:30px 0;}
.indiviCont dl{border-bottom:1px solid #436d26;padding:10px 0;}
.indiviCont dt{color:#3c3c3c;font-weight:800;margin:10px 0;font-size:16px;}
.indiviCont dt span{color:#606060;font-weight:normal;font-size:14px;padding-left:5px;}
.indiviCont input{background:#fff !important;border:0 !important;padding:0 !important;}
.indiviCont input.w100{border:0;padding:0;}
.indiviCont input.w80{border:0;padding:0;}
.d-flex{display:flex;align-items: center;}
.d-flex .postBtn{height:36px;line-height:36px;}
.indiviCont .d-flex input[type="radio"]{margin-right:5px;}
.mgl30{margin-left:30px !important;}
.pd10{padding:10px 0;}
.indiviCont ul.redTxt{margin-left:0;}
.mgt0{margin-top:0;}
.mgb0{margin-bottom:0;}
.mgt30{margin-top:30px;}
.mgb30{margin-bottom:30px !important;}
.reviewOn{border:1px solid #528e4e;}
.reviewOn h5{background:#528e4e;color: #fff;padding: 10px;font-size: 18px;}
.reviewOn h2{color: #000;font-size: 18px;font-weight: 600;margin-bottom: 10px !important;}
.pd20{padding:20px;box-sizing:border-box;}
.mgt80{margin-top:80px;}
.groupCont.pd20{border-top:1px solid #528e4e;}
.inbodyOpen{position:absolute;top:5px;right:5px;display:flex;width:140px;height:30px;background:#323232;color:#fff;align-items: center;justify-content: center;}
.inbodyWrap{display:none;background:rgba(0,0,0,0.8);position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9;}
.inbodyWrap .imgWrap{width:800px;margin:50px auto;overflow-y:auto;height: calc(100% - 100px);}
.inbodyWrap .imgWrap img{width:100%;}
.inbodyClose{position:fixed;top:20px;right:50%;margin-right:-400px;}
.inbodyClose i{color:#fff;font-size:20px;}
.indiviCont ul.d-flex{margin-left:0;width:100%;}
.indiviCont ul.d-flex li{width:50%;}
#btnReviewReg{background:#528e4e;}
.photoWarp{display:flex;margin-left:0 !important;}
.photoWarp li{width:30%;margin-right:5%;position:relative;}
.photoWarp li:last-child{margin-right:0;}
.photoWarp li div{border:1px solid #ddd;width:100%;height:0;padding-bottom:100%;position:relative;}
.photoWarp li div img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.photoWarp li a.imgDel{display:inline-block;position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background:#262626;color:#fff;text-align:center;line-height:16px;font-size:10px;opacity:0.7;}
.photoWarp li a:hover{opacity:1;}
.photoBtn{display: inline-block;width: 100%;line-height: 40px;background: #528e4e;color: #fff;text-align: center;margin-top:15px;}
.photoBtn_ok{display: inline-block;width: 100%;line-height: 40px;background: #aaa;color: #fff;text-align: center;margin-top:15px;}

.groupCont h2 strong{font-weight:800;}
.groupCont table{width:100%;margin-top:30px;}
.groupCont thead th{font-size:18px;font-weight:800;color:#3c3c3c;padding-bottom:10px;}
.groupCont tbody th{color:#3c3c3c;font-weight:800;padding:20px 0 10px;}
.groupCont tr{border-bottom:1px solid #3c3c3c;}
.groupCont td{padding:20px 0 10px;text-align:center;}
.groupCont td input.w100{margin:0 auto;display:block;border:0;width:100%;text-align:center;}
.groupCont td input.w100::placeholder{text-align:center;}
.groupCont td input.w80{margin:0 auto;display:block;border:0;width:100%;text-align:center;}
.groupCont td input.w80::placeholder{text-align:center;}
.groupCont dl{margin-top:30px;}
.groupCont dt{font-weight:800;color:#3c3c3c;font-size:18px;}
.groupCont dd{margin-top:10px;}
.indiviCont h2{margin-bottom:0;}
.indiviCont h2 strong{font-weight:800;}
.indiviCont ul{margin-top:30px;}
.half{display:flex;}
.half li{width:50%;}
.redTxt li{margin-top:10px;color:#ed1c24;font-weight:800;}
.postBtn{display:inline-block;height:28px;line-height:28px;padding:0 20px;background:#323232;color:#fff;font-size:13px;}
.photoWarp{width:100%;}
.photoWarp span{display:block;width:235px;height:235px;border:1px solid #323232;box-sizing:border-box;margin-right:20px;float:left;line-height:235px;text-align:center;font-weight:800;font-size:32px;}
.photoWarp span:last-child{margin-right:0;}
.finishWrap{padding-top:150px;text-align:center;}
.finishWrap h3{font-size:24px;font-weight:800;color:#3c3c3c;}
.finishWrap p{margin-top:20px;}
	
/* ======= 추가수정 2차 CSS 입니다. ======= 
/* .intro a{display:inline-block;width:180px;line-height:40px;background:#323232;color:#fff;text-align:center;position:absolute;bottom:100px;left:50%;margin-left:-90px;}
.tabPage{position:absolute;right:0;bottom:6px;}
.tabPage a{display:inline-block;font-size:16px;color:#fff;background:#323232;padding:0 20px;line-height:32px;}
		
.challInfo{padding-left:500px;margin-top:30px;background:url(/myoffice/images/event/pc/challForm.jpg)no-repeat left top;height:620px;}
.challInfo dt{color:#3c3c3c;font-size:24px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #323232;margin-bottom:30px;}
.challInfo dd li{margin-bottomL:5px;line-height:1.5;padding-left:18px;text-indent:-18px;}
.challInfo dd li ul{margin:5px 0 10px;}
.challInfo dd a{display:inline-block;width:180px;line-height:40px;background:#323232;color:#fff;text-align:center;margin-top:50px;}		

/* 오픈연기 안내 팝업 
.noticeWrap{width:100%;height:100vh;background:rgba(0,0,0,0.2);position:fixed;top:0;left:0;z-index:999;}
.noticeContWrap{width:780px;position:absolute;top:50%;left:50%;margin-left:-390px;margin-top:-170px;background:#fff;}
.noticeContWrap .tit{background:#000;height:50px;padding:0 15px;line-height:50px;}
.noticeContWrap .tit h3{font-size:20px;color:#fff;width:50%;float:left;text-align:left;}
.noticeContWrap .tit a{font-size:20px;color:#fff;float:right;text-align:right;}
.noticeContWrap .noticeCont{padding:30px;}
.noticeContWrap .noticeCont li{margin-bottom:10px;}
.noticeContWrap .noticeCont table{width:100%;border-top:1px solid #000;margin-top:30px;line-height:1.8;}
.noticeContWrap .noticeCont table td{padding:10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.noticeContWrap .noticeCont table th{background:#f2f2f2;border-bottom:1px solid #ccc;}*/
	
@media all and (max-width: 1200px) {
	.introWrap{width:100%;box-sizing:border-box;height:auto;}
	.introWrap .swiper-wrapper{height:auto;}
	.introSlide .swiper-slide img{height:auto;}
	.introSlide .swiper-slide{height:fit-content;}
	.introBtn{position:unset;margin-top:50px;}
	.guideWrap2{width:100%;padding:0 50px;box-sizing:border-box;}
	.guideImg{max-width:1080px;width:100%;position:unset;margin-left:0;margin-top:50px;}
	.guideClose{margin-left:0;right:50px;left:unset;}
	
}
@media all and (max-width: 1000px) {
	.stepWrap{padding:30px 20px;box-sizing: border-box;}
	.dietTit{width:100%;}
	.dietCont, .agreeCont, .indiviCont{width:100%;padding:20px;box-sizing: border-box;margin-top:0;}
	.dietProd{width:100%;}
	.inbodyOpen{top: 25px;right: 25px;}
	.inbodyWrap .imgWrap{width:calc(100% - 100px);}
	.inbodyClose{margin-right:0;right:50px;}
	.intro a{width:200px;}
	
}
@media all and (max-width: 760px){
	#headerPoint a{flex-direction: column;gap:3px;font-size:13px;}
	.introSlide{width:100%;}
	.introSlide .swiper-slide{width:100%;position:relative;}
	.introSlide .swiper-slide img{}
	.introSlide .swiper-pagination{bottom:10px !important;}
	.introSlide .swiper-pagination-bullet{width:10px;height:10px;}
	.intro a{width:100%;margin-bottom:10px;display:flex;padding:0;flex-direction: column;align-items: center;justify-content: center;font-size:14px;height:50px;}
	.introBtn{padding:0 20px;box-sizing:border-box;margin:30px 0 0;flex-direction:column;}
	.introTxt{width:100%;position:unset;padding:0 20%;}
	.guideWrap2{padding:0 20px;}
	.guideClose{right:20px;}
	
	.stepWrap{padding:15px 10px;}
	.dietTit{height:40px;font-size:18px;letter-spacing: -0.5px;}
	.dietCont{padding:10px;}
	.dietCont ul {margin: 10px 10px 10px 20px;}
	.dietCont ul.numli li{font-size:14px;line-height:20px;}
	.dietCont table tr th, .dietCont table tr td{font-size:14px;padding:5px;}
	.dietProd h2{font-size:16px;background-position:left 1px;background-size:16px;padding-left: 26px;}
	.dietProd{margin:30px 0;}
	.dietProd p{font-size:14px;padding-left: 26px;}
	.dietProd h3{font-size:14px;padding-left:0;}
	.dietProd ul{flex-direction: column;border-top:1px solid #528e4e;}
	.dietProd li{width:100%;margin:0;border-bottom:1px solid #528e4e;padding-bottom:10px;}
	.dietProd li h3{margin-top:0;}
	.agreeBtn {margin-top:30px;display: flex;gap: 5px;justify-content: center;}
	.agreeBtn a{width:50%;display:flex;padding:0;flex-direction: column;align-items: center;justify-content: center;font-size:13px;height:40px;}
	
	.dietCont h3{font-size:16px;background-position:left 1px;background-size:16px;padding-left: 26px;}
	.dietCont h3 + ul {margin-left: 30px;}
	.dietCont table tr{height:30px;}
	.dietCont .agreeDl{margin:30px 0;}
	.dietCont .agreeDl dt{font-size:16px;}
	.dietCont .agreeDl dd p{margin-bottom:10px;}
	.dietCont .agreeDl dd h3{font-size:15px;}
	.dietCont .agreeDl dd ul{margin-top:5px;}
	
	.dietCont .search-btn{width:30px;height:30px;}
	.dietCont .search-btn i{line-height:30px;font-size:14px;}
	.indiviCont .dietCont input.w80{width:calc(100% - 35px) !important;}
	
	.indiviCont{padding:15px 10px;}
	.indiviCont.mgt80, .indiviCont.mgb0{padding:0;margin-top:30px;}
	.reviewOn h5{font-size:16px;}
	.inbodyOpen{position:unset;}
	.reviewOn .pd20{padding:10px;}
	.photoWarp {flex-direction: column;margin: 0 !important;}
	.photoWarp li{width:100%;margin-right:0;margin-bottom: 15px;}
	.photoBtn{margin-top: 5px;border: 1px solid #528e4e;}
	.photoBtn_ok{margin-top: 5px;border: 1px solid #aaa;}
	
	.finishWrap{padding:150px 10px;}
	.finishWrap h3{font-size:20px;}
	.finishWrap p{margin-top:10px;}
}