/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200}
#wrap {position: relative; } 

/* header */
#header {position:relative;width:100%;background:#fff;z-index:999; } 
#header .headerTnb {margin:20px auto;position:relative;width:95%;max-width:1200px; } 
#header .headerTnb:after {display:block;clear:both;content:''}
#header .headerTnb .tnbLeft {float:left}
#header .headerTnb .tnbLeft li {padding-right:9px;float:left}
#header .headerTnb .tnbLeft li a {display:block;height:45px;color:#757575;line-height:45px;font-size:12px;font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px; } 
#header .headerTnb .tnbLeft li a img {margin-right:7px;vertical-align:sub; } 
#header .headerTnb .tnbLeft li.noticeLine {padding-left:23px}
#header .headerTnb .tnbLeft li.noticeLine p {padding-left:21px;background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat}
#header .headerTnb .tnbLeft li.noticeLine p a {font-size:11px;color:#7a7a7a;line-height:49px;line-height:53px \0/IE8+9}
#header .headerTnb .tnbRight {float:right}
#header .headerTnb .tnbRight li {margin-left:10px;float:left;position:relative; } 
#header .headerTnb .tnbRight li.joinicon {position:relative; } 
#header .headerTnb .tnbRight li a {display:block;color:#5d5d5d;font-size:12px;font-family:'Noto Sans KR',sans-serif; } 
#header .headerTnb .tnbRight li>a:after {content:'';position:absolute;top:14px;left:0;right:0;height:19px; } 
#header .headerTnb .tnbRight li a span {color:#955251; } 
#header .headerTnb .tnbRight li .sub_menu {display:none; } 
#header .headerTnb .tnbRight li.on .sub_menu {display:block; } 
#header .headerTop {margin:0 auto;position:relative;width:95%;max-width:1280px;*zoom:1}
#header .headerTop:after {display:block;clear:both;content:''}
#header .headerTop .tlogo {margin:15px auto;text-align:center}
#header .headerBottom {padding-bottom:20px;border-bottom:1px solid #ebebeb; } 
#header .headerBottom.header-scroll {position:fixed;top:0;width:100%;background:#fff;padding:14px 0; } 
#header .headerGnb {position:relative;width:95%;max-width:1200px;margin:0 auto; } 
#header .headerGnb:after {display:block;clear:both;content:''}
#header .headerGnb>.headerGnbCon {float:left;height:1px;line-height:44px; } 
#header .headerGnb .allmenu {position:relative;padding:0 30px 0px 0;border-bottom:0;color:#000;font-size:16px;font-family:'Noto Sans KR',sans-serif; } 
#header .headerGnb .allmenu:after {content:'';position:absolute;top:14px;left:0;right:0;height:42px; } 
#header .headerGnb .allmenu img {margin:0px 13px 0 0;vertical-align:sub; } 
#header .headerGnb .gnbInner {margin:0 auto;position:relative; } 
#header .headerGnb .gnbInner ul {*zoom:1;padding:0; } 
#header .headerGnb .gnbInner ul:after {display:block;clear:both;content:''}
#header .headerGnb .gnbInner ul li {margin:0 30px;position:relative;float:left}
#header .headerGnb .gnbInner ul li a {display:block;font-size:16px;color:#000;white-space:nowrap;font-family:'Noto Sans KR',sans-serif;line-height:44px; } 
#header .headerGnb .gnbInner ul li.first {padding-left:0}
#header .headerGnb .gnbInner ul li.last {padding:0 0 0 40px}
#header .headerGnb .right_cont {float:right;display:flex;align-items:center; } 
#header .headerGnb .right_cont .mypage {margin-left:31px; } 
#header .headerGnb .right_cont .basket {margin-left: 28px; } 

/* Àå¹Ù±¸´Ï */
.basket {position:relative; } 
.basket span {display:block;position:absolute;top:-5px;right:-9px;width:18px;height:18px;line-height:18px;border-radius:50%;background:#7ebd3d;text-align:center;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size: 10px; } 

/* °Ë»öÃ¢ */
#header .headerBottom .searchArea {width:260px;height:42px;line-height:42px;background:transparent;border:1px solid #d0d0d0;border-radius:34px; } 
#header .headerBottom .searchArea .search {position:relative;width:100%;height:100%;padding: 0 0 0 20px;box-sizing: border-box;} 
#header .headerBottom .searchArea .search input {padding-left: 0;width:193px;height:42px;line-height:42px;border:none;background:none;vertical-align:top;} 
#header .headerBottom .searchArea .search a {display:block;position:absolute;top:50%;transform:translateY(-50%);right:17px;width:23px;height:22px;text-indent:-9999em;background: url(/design/phamsvil/2022_renewal/pc/icon/searchbtn.png) 0 0 no-repeat}

/* ÇÜ¹ö°Å¸Þ´º */
#header .headerGnb .hammenu {display:none;float:unset;position:absolute;top:55px;left:0;width:100%;height:auto;background:#fff;border:1px solid #f0f0f0;box-sizing:border-box; } 
#header .headerGnb .hammenu .hamtitle {padding:10px 20px;background:#000;background:#000; } 
#header .headerGnb .hammenu .hamtitle a {line-height:30px;color:#fff;font-size:16px; } 
#header .headerGnb .hammenu .hamListWrap {display:flex;flex-wrap:wrap; } 
#header .headerGnb .hammenu li.hamList {width:20%;padding:0 20px 33px;border-right:1px solid #f0f0f0;box-sizing:border-box; } 
#header .headerGnb .hammenu li.hamList:nth-child(-n+5) {padding-top:33px; } 
#header .headerGnb .hammenu li.hamList:nth-child(5n) {border-right:none; } 
#header .headerGnb .hammenu li.hamList dt {position:relative;padding-right:10px;border-bottom:1px solid #000; } 
#header .headerGnb .hammenu li.hamList dt a {display:inline-block;font-size:14px;line-height:36px;font-weight:500;style:bold; } 
#header .headerGnb .hammenu li.hamList dt img {position:absolute;top:13px;right:0;line-height:36px; } 
#header .headerGnb .hammenu li.hamList dd {padding-top:10px; } 
#header .headerGnb .hammenu li.hamList dd ul li a {line-height:27px;font-size: 12px; } 

/* °í°´¼¾ÅÍ ¼­ºê¸Þ´º */
#header .headerTnb .tnbRight li .sub_menu {position:absolute;top:30px;left:57%;transform:translateX(-47%);background:#fff;border:1px solid #dbdbdb;padding:17px 18px;box-sizing:border-box;z-index:9; } 
#header .headerTnb .tnbRight li .sub_menu p {display:block;margin-bottom:15px;white-space: pre;} 
#header .headerTnb .tnbRight li .sub_menu p:last-child {margin-bottom:0; } 
#header .headerTnb .tnbRight li .sub_menu p a {display:block;word-break:keep-all;font-size:12px;color:#5d5d5d;line-height:1; } 
#header .headerTnb .tnbRight li .sub_menu p a:hover {color: #000; } 


/* »ó´Ü ½ºÅ©·Ñ¾÷ */
.section_fixedFooter { display:none; position:fixed; bottom:11%; right:2%; z-index:99999; } 
.section_fixedFooter .btn_toggle_area {position: relative;text-align: center;} 
.section_fixedFooter .btn_toggle_area div img { width:45px;box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);border-radius: 100px;margin-top: 20px;} 
 
/* ·Î±×ÀÎ½Ã ÆÄ¿ö¸®ºä ÆË¾÷ */
#POEWR_REVIEW_WRITE{top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important;}
/* BASIC css end */

