/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/*Çܹö°Å¾ÆÀÌÄÜ*/
.btn-menu {position:absolute;left:10px;top:17px;cursor:pointer; } 
p.all-menu {position:relative;display:inline-block;;width:40px;height:40px; } 
p.all-menu+em {display:inline-block;vertical-align:top;margin-top:12px; } 
p.all-menu strong {display:block;position:absolute;top:10px;left:10px;width:22px}
p.all-menu span {display:block;width:100%;height:2px;margin-bottom:5px;background:#000;-webkit-transition:0.1s ease-in-out;-moz-transition:0.1s ease-in-out;-o-transition:0.1s ease-in-out;transition:0.1s ease-in-out; } 
p.all-menu span:nth-child(1) {top:11px; } 
p.all-menu span:nth-child(2) {top:19px;_width:75%; } 
p.all-menu span:nth-child(3) {top:27px;margin-bottom:0; } 
/*p.all-menu:hover span:nth-child(1) { top:11px; width:80%; } p.all-menu:hover span:nth-child(2) { top:19px; width:100%; } p.all-menu:hover span:nth-child(3) { top:27px; width: 90%; } */
p.all-menu.active span:nth-child(1) {top:19px;left:8px;width:23px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); } 
p.all-menu.active span:nth-child(2) {opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px); } 
p.all-menu.active span:nth-child(3) {top:19px;left:8px;width:23px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); } 
p.all-menu.active strong {background:url('/design/maatila/ham_close_btn_18x18.png') no-repeat center;width:18px;height:18px; } 
p.all-menu.active strong span {opacity:0}
.header {position:sticky;top:0;left:0;width:100%;min-width:1200px;z-index:104;height:120px;background:#fff;_max-width:1900px;margin:auto; } 
.thumb {width:100%;height:auto;overflow:hidden; } 
.thumb .m_img {display:none; } 
.thumb img {width:100%;height: auto; } 
/* ¸Þ´º ¿ÞÂÊ */
/*#btn_allCate { display:inline-block; vertical-align:middle; position:relative; padding:8px 10px; cursor:pointer; } _#btn_allCate a.close_btn { background:#bbb; opacity:1; display:none; z-index:2; position:absolute; top:0; left:0 transition:0.3s ease; } #btn_allCate strong { display:inline-block; vertical-align:middle; width:26px; } #btn_allCate strong span { display:block; width:100%; height:2px; margin:4px 0; background:#000; -webkit-transition:0.1s ease-in-out; -moz-transition:0.1s ease-in-out; -o-transition:0.1s ease-in-out; transition:0.1s ease-in-out; } #btn_allCate strong span:nth-child(2) { width:75%; } #btn_allCate:hover strong span:nth-child(1) { width:80%; } #btn_allCate:hover strong span:nth-child(2) { width:100%; } #btn_allCate:hover strong span:nth-child(3) { width: 90%; } */
#leftArea {position:absolute;top:25px;left:60px;font-size:0;line-height:0;letter-spacing:0; } 
#leftArea h1 {display:inline-block;vertical-align:middle;padding:6px;margin:1px 20px;padding-left:100px !IMPORTANT; } 
#leftArea h1 a {display:block;width:135px;font-weight:800;font-size:22px;letter-spacing:1px;line-height:1; } 
#leftArea h1 a img {width:100%;position:relative;top:6px}
#leftArea h1 a p {position:absolute;bottom:10px;font-size:12px;text-align:center;padding-left:9px;font-weight:400;letter-spacing:-.1px; } 
.leftMenu {display:inline-block;margin-left:0;padding-left:10px; } 
.leftMenu>ul {font-size:0}
.leftMenu>ul>li {position:relative;display:inline-block;line-height:20px;margin:0 20px}
.leftMenu>ul>li.kids {margin-left:20px;margin-right:23px; } 
.leftMenu>ul>li>a {font-size:16px;color:#000;/*vertical-align:top; */ line-height:27px; } 
.leftMenu>ul>li>a::after {position:absolute;left:50%;top:-10px;transform:translateX(-50%);content:'';display:block;width:5px;height:5px;border-radius:50%;background:#000;display:none; } 
.leftMenu>ul>li>a:hover::after {display:block; } 
.leftMenu>ul>li>img {margin:0px -15px 0 3px; } 
.leftMenu>ul>li.kids span:nth-child(1) {color:#fc7251}
.leftMenu>ul>li.kids span:nth-child(2) {color:#4b9eeb}
.leftMenu>ul>li.kids span:nth-child(3) {color:#24c276}
.leftMenu>ul>li.kids span:nth-child(4) {color:#f7bb04}
.leftMenu>ul>li.kids span:nth-child(5) {color:#fc7251}
.leftMenuSub {position:absolute;background:#fff;top:120px;left:0;width:100%;padding:0 18%;box-sizing:border-box;box-shadow:rgba(0,0,0,.05) 0 4px 6px}
.leftMenuSub .subMenuWrap { } 
.leftMenuSub .subMenuWrap .subMenuBox {padding:20px 0 40px;min-width:1200px;margin:0 auto;font-size:0;display:none; } 
.leftMenuSub .subMenuWrap .subMenuBox>li {display:inline-block;margin:0;vertical-align:top; } 
.leftMenuSub .subMenuWrap .subMenuBox .left {width:35%;margin-right:15%}
.leftMenuSub .subMenuWrap .subMenuBox .right {width:50%}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox {display:inline-block;width:33%;vertical-align:top;font-size:16px}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox:nth-child(1) {width:142px}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li {width:90%;margin:0;margin-left:15%;line-height:32px}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li.line {position:relative;margin-left:0}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li.line::after {content:'';display:block;width:1px;height:165px;background:#d9d9d9;position:absolute;top:0;right:0; } 
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li a:hover {color:#c56a58; } 
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox.kids li a:hover {color:#4b9eeb; } 
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li a {font-size:13px}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li.line a {font-size:15px}
.leftMenuSub .subMenuWrap .subMenuBox .left .menuBox li .logo {margin-top:25px;margin-left:-4px; } 
.leftMenuSub .subMenuWrap .subMenuBox .right a {display:inline-block;width:49%;font-size:16px}
.leftMenuSub .subMenuWrap .subMenuBox .right a:nth-child(1) {margin-right:2%}
.leftMenuSub .subMenuWrap .subMenuBox .right a p {margin-top:7px;font-size:13px}
.leftMenuSub .subMenuWrap .subMenuBox .right a img {width:100%}
.leftMenuSub .subMenuWrap .subMenuBox.sum .left {width:50%;margin-right:0}
.leftMenuSub .subMenuWrap .subMenuBox.kids .left {width:50%;margin-right:0}
.leftMenuSub .subMenuWrap .subMenuBox.kids .right {text-align:right}
.leftMenuSub .subMenuWrap .subMenuBox.kids .right a {width:auto;text-align:center}
.leftMenuSub .subMenuWrap .subMenuBox.kids .right a img {width:auto}
.leftMenuSub .subMenuWrap .subMenuBox.kids .right a:nth-child(1) {margin-right: 16px}
/* ¸Þ´º ¿À¸¥ÂÊ */
#rightIcon {position:absolute;top:40px;right:60px; } 
#rightIcon>ul {font-size:0;line-height:0;letter-spacing:0; } 
#rightIcon>ul>li {display:inline-block;vertical-align:top;font-size:10px;padding:6px;margin-left:3px; } 
#rightIcon>ul>li:first-child {margin-right:26px}
#rightIcon>ul>li>a {display:block;width:26px;height:26px;background-position:center;background-repeat:no-repeat;position:relative; } 
#rightIcon>ul>li>a.brandStory {position:relative;width:auto;font-size:16px;line-height:25px}
#rightIcon>ul>li>a.brandStory::after {position:absolute;right:-9px;top:-3px;content:'';display:block;width:5px;height:5px;border-radius:50%;background:#ffffff; } 
/*#rightIcon>ul>li>a.brandStory:hover::after { display: block; } */
#rightIcon>ul>li>a.search {background-image:url('/design/maatila/phps/common/ico_sear.png'); } 
#rightIcon>ul>li>a.user {background-image:url('/design/maatila/phps/common/ico_user.png'); } 
#rightIcon>ul>li>a.user .joinTip {animation:upDown 1s linear Infinite Alternate;background:#978069;color:#fff;padding:3px 5px;border-radius:100px;position:absolute;top:-28px;display:inline-block;width:100px;text-align:center;font-size:12px;font-weight:200;left:50%;transform:translateX(-50%); } 
#rightIcon>ul>li>a.user .joinTip::after {position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);content:'';display:block;width:5px;height:5px;border-radius:50%;background:#978069; } 
#rightIcon>ul>li>a.basket {background-image:url('/design/maatila/phps/common/ico_basket.png'); } 
#rightIcon>ul>li>a.basket strong {display:none;position:absolute;top:-1px;right:-3px;width:15px;height:15px;color:#FFF;text-align:center;border-radius:30px;background:#fd5f5f;line-height:14px; } 
#rightIcon>ul>li>a.basket strong span {scale:.9;display:block}
#btn_drop {position:relative; } 
#drop_mypage {display:block;position:absolute;top:30px;left:-30px;padding-top:13px;opacity:0;visibility:hidden;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;z-index:99; } 
#btn_drop:hover #drop_mypage {opacity:1;visibility:visible; } 
#drop_mypage ul {padding:9px;background:#fff;border:2px solid #f3f3f3;text-align:center;width:100px;box-sizing:border-box; } 
#drop_mypage ul li {display:block; } 
#drop_mypage ul li a {display:block;font-size:12px;line-height:19px;letter-spacing:-0.5px;padding:3px 0;border-radius:6px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out; } 
#drop_mypage ul li:hover a {background: rgba(0,0,0,0.05); } 
/* Àüü¸Þ´º ·Ñ¿À¹ö */
#allCate {display:none;position:sticky;top:120px;/*left:50%; transform:translateX(-50%); min-width:1200px; max-width:1700px; */ width:100%;opacity:0;visibility:hidden;z-index:100;/*-webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.03); -moz-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.03); -ms-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.03); box-shadow:2px 2px 10px 0 rgba(0,0,0,0.1); */}
#allCate .allCate_con {/*width:90%; min-width:1200px; margin:0 auto; border-top:1px solid #f5f5f5; padding:0px 55px; */ box-sizing:border-box;text-align:center;/*font-weight:300; */ position:relative;line-height:0;letter-spacing:0; } 
#allCate.open {display:block;border-top:1px solid #ececec;top:120px;opacity:1;visibility:visible;background:#fff;overflow:hidden;width:100%;left:0 !important;transform:translateX(0px);max-width:unset; } 
#allCate:focus {outline:0 none; } 
#allCate.open .scrollArea {_width:1720px;height:100%;margin:auto;overflow-y:auto; } 
.allCate_con .allNav {min-width:1670px;margin:38px 0 40px;font-size:0; } 
.allNav .snsBox {display:flex;width:290px;margin:64px auto 0; } 
.allNav .snsBox>a {font-size:13px;color:#6c6c6c;font-weight:500;display:inline-block;font-family:'Noto Sans KR',sans-serif;letter-spacing:1px;margin-top:13px;position:relative;white-space:pre; } 
.allNav .snsBox>a:after {content:"|";padding-left:29px;padding-right:30px;margin-top:-2px;; } 
.allNav .snsBox ul {white-space:nowrap; } 
.allNav .snsBox ul>li { } 
.allNav .snsBox ul>li>a { } 
.allNav .snsBox ul>li>a>img { } 
.allCate_con .allNav div>ul {display:inline-block;vertical-align:top;font-size:0;width:100% /**/}
.allCate_con .allNav div>ul>li {display:inline-block;width:220px;_line-height:25px;vertical-align:top;font-size:14px;text-align:left; } 
.allCate_con .allNav .cate>li:nth-last-child(1) {width:180px}
.allCate_con .allNav div>ul .ulBox {width:180px}
.allCate_con .allNav div>ul .ulBox.kids {margin-left:32px; } 
.allCate_con .allNav div>ul .ulBox>a {position:relative;display:block;margin:45px 0 13px;font-size:16px;font-weight:600; } 
.allCate_con .allNav div>ul .ulBox>a::after {/*content:''; display:block; width:90%; height:1px; background:#d8d8d8; position:absolute; bottom:-15px */}
.allCate_con .allNav div>ul .ulBox>a:first-of-type {margin-top:7px; } 
.allCate_con .allNav div>ul .ulBox .sub-category li a {color:#888;line-height:26px;font-size:14.01px; } 
.allCate_con .allNav div>ul .ulBox .sub-category li a .dot {padding:0px 2px; } 
.allCate_con .allNav div>ul.sns li {margin-right:13px;width:auto;vertical-align:middle;margin-top:7px;margin-bottom:-7px; } 
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(1) {color:#fc7251}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(2) {color:#4b9eeb}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(3) {color:#24c276}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(4) {color:#f7bb04}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(5) {color:#fc7251}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(6) {color:#4b9eeb}
.allCate_con .allNav div>ul .ulBox.kids span:nth-child(7) {color:#24c276}
.allCate_con .allNav .leftCate {position:relative;display:inline-block;width:160px;margin-top:0}
.allCate_con .allNav .leftCate::after {content:'';display:block;width:1px;height:550px;background:#fff;position:absolute;top:0;right:0}
.allCate_con .allNav .leftCate .pointColor {color:#e7957d}
.allCate_con .allNav .leftCate li {width:100%;line-height:25px;text-align:left; } 
.allCate_con .allNav .leftCate li a {font-size:16px;color:#404040;line-height:30.01px;font-weight:600; } 
.allCate_con .allNav .cate {width:100%;text-align:left; } 
.allCate_con .allNav .cate.thema {margin-top:-12px;margin:0;width:100%; } 
.allCate_con .allNav div>ul.thema .ulBox>a {margin-top:0; } 
.allCate_con .allNav .cate.thema li {width:100%}
.allCate_con .allNav .cate.thema ul.ulBox {display:inline-block;vertical-align:top; } 
.allCate_con .allNav .cate.thema ul.ulBox.first {width:495px}
.allCate_con .allNav .cate.thema ul.ulBox.first li {width:143px}
.allCate_con .allNav .cate.thema ul.ulBox.first li a {display:block;line-height:25px; } 
.allCate_con .allNav .cate.thema ul.ulBox.first li a.txtB400 {font-weight:600;color:#404040}
.allCate_con .allNav .cate.thema ul.ulBox:not(.first) {_padding-right:85px; } 
.allCate_con .allNav .cate.thema ul.ulBox:not(.first) .sub-category ul li a {line-height:25px;font-weight:400;font-size:14px;text-align:left;display:block;color:#888; } 
.allCate_con .allNav .rightCate {display:inline-block;vertical-align:top;font-size:0;margin-left:100px;position:relative;margin-left:128px;margin-right:130px; } 
.allCate_con .allNav .rightCate::before {content:" ";width:1px;height:100%;background:#e6e6e6;position:absolute;left:-101px;top:0; } 
.allCate_con .allNav .rightCate .top {display:block;margin-bottom:63px;display:inherit; } 
.allCate_con .allNav .rightCate .bottom {display:block; } 
.allCate_con .brand {text-align:left; } 
.allCate_con .brand h5 {position:relative;margin:25px 0;text-align:left; } 
.allCate_con .brand h5::after {content:'';display:block;width:100%;height:1px;background:#d8d8d8;position:absolute;bottom:-15px}
.allCate_con .banner {margin-top:47px;font-size:0}
.allCate_con .banner a {display:inline-block;width:49.5%;padding:0 0.25%}
.allCate_con .allNav .info {margin:22px 0}
.allCate_con .allNav .info ul {font-size:0}
.allCate_con .allNav .info ul li {position:relative;display:inline-block;width:auto;font-size:14px;padding:0 45px; } 
.allCate_con .allNav .info ul li span {margin-left:5px;vertical-align:middle; } 
.allCate_con .allNav .info ul li::after {content:'';display:block;width:1px;height:100%;background:#ddd;position:absolute;top:0;right:0px}
.allCate_con .allNav .info ul li:nth-last-child(1)::after {display:none}
#close_allCate {display:none;font-size:40px;color:#333;position:absolute;left:0;top:0;z-index:10;background:red;width:46px;height:38px; } 
#close_allCate i {cursor:pointer; } 
@keyframes upDown {0% {top:-28px; } 
100% {top: -32px; } 
 }
/* ½ºÅ©·Ñ½Ã È¿°ú */
.header,#leftArea,#rightIcon,#allCate,.leftMenuSub,#allCate .topText {-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out; } 
/*body.scroll .header { height:80px; } body.scroll .header { position:fixed; box-shadow:rgba(0,0,0,.1) 0 1px 5px } body.scroll #leftArea { top:10px; } body.scroll #rightIcon { top: 19px; } */
body.scroll .leftMenuSub {top:80px; } 
@media screen and (max-width:1400px) {#contents {padding:0 80px; } 
#allCate .allCate_con {padding: 55px 70px; } 
 }
/* °Ë»öâ */
.serarchWrap {position:relative;display:none; } 
.serarchWrap .searchClose {position:fixed;top:60px;right:65px;font-size:50px;color:#fff;z-index:99999; } 
.searBox {width:100%;position:fixed;opacity:0;visibility:hidden;left:50%;top:0;transform:translate(-50%,170px);font-size:0;line-height:0;letter-spacing:0;-webkit-transition:top 0.3s ease-in-out;-moz-transition:top 0.3s ease-in-out;-o-transition:top 0.3s ease-in-out;transition:top 0.3s ease-in-out;z-index:9999; } 
.searBox.open {opacity:1;visibility: visible}
.searBox .searchArea {border:1px solid #fff;/* padding:0 20px; */
border-radius:50px;width:1020px;box-sizing:border-box;padding-left:50px;margin:0 auto; } 
.searBox .searchArea .search .MS_search_word {width:95%;height:80px;border:0;/* border-bottom:1px solid #fff; */background:transparent;font-size:28px;color:#fff;padding-left:0; } 
.searBox .searchArea .search .MS_search_word::placeholder {color:#fff; } 
.searBox .searchArea .search {position:relative; } 
.searBox .searchArea .search a {position:absolute;top:20px;right:40px;display:block;width:36px;height:36px;background:url('/design/maatila/pc_icon_search.png') no-repeat center;background-size:cover; } 
.search_menu {font-size:0;width:1292px;margin:0 auto;margin-top:80px; } 
.search_menu .search_sub {width:510px;display:inline-block;vertical-align:top; } 
.search_menu .search_sub>h1 {width:320px;font-size:20px;font-weight:600;color:#fff;margin-bottom:30px;position:relative; } 
.search_menu .search_sub>h1 #clear-button {font-size:14px;font-weight:400;color:#fff;position:absolute;right:0;top:4px;opacity:.5;cursor:pointer; } 
ul#keyword-list {width:320px;font-size:13px;color:#fff;font-weight:400; } 
ul#keyword-list>li {width:100%;position:relative;height:36px;line-height:36px; } 
ul#keyword-list>li span a {font-size:14px;color:#fff;font-weight:300;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:30px;padding-right:15px; } 
ul#keyword-list>li button {position:absolute;right:0;top:50%;transform:translateY(-50%);width:13px;height:13px;background:none; } 
.search_word a {display:inline-block;padding:0 20px;height:36px;line-height:36px;border:1px solid rgba(255,255,255,.6);font-size:14px;color:#fff;font-weight:600;border-radius:50px;margin:0 5px 5px 0; } 
.search-inner .txt {font-size:13px;color:#fff;font-weight:400; } 
.ranking_keyword {width:320px; } 
.ranking_keyword a {height:36px;line-height:36px;font-size:14px;display:block;color:#fff;position:relative; } 
.ranking_keyword a font {display:inline-block;width:24px;font-weight:700; } 
.ranking_keyword a span {font-weight:300; } 
.ranking_keyword a em {position:absolute;top:50%;transform:translateY(-50%);right:0; } 
.ranking_keyword a em img {vertical-align: middle; } 
/* ÇÏ´Ü Äü¸Þ´º */
#bt_quick {display:none;position:fixed;right:40px;bottom:100px;z-index:13; } 
#bt_quick a {display:block;padding:8px;opacity:0.8;-webkit-transition:0.1s ease-in-out;-moz-transition:0.1s ease-in-out;-o-transition:0.1s ease-in-out;transition:0.1s ease-in-out;text-align:center; } 
#bt_quick a:hover {opacity:1; } 
@media (max-width:1750px) {#leftArea {left:0; } 
#rightIcon {right:10px; } 
.leftMenu>ul>li {margin:0 25px} 
 }
@media (max-width:1607px) {#leftArea {left:0; } 
#rightIcon {right:10px; } 
.leftMenu>ul>li {margin:0 20px} 
 }
@media (max-width:1540px) {#leftArea {left:0; } 
#rightIcon {right:10px; } 
.leftMenu>ul>li {margin:0 20px} 
 }
@media (max-width:1490px) {#leftArea {left:0; } 
#rightIcon {right:10px; } 
.leftMenu>ul>li {margin:0 15px} 
 }
@media all and (max-width:1300px) {#leftArea {left:0; } 
#rightIcon {right:10px; } 
.leftMenu>ul>li {margin:0 10px} 
 }
.item-wrap .item-cont .item-list li.color_li {font-size:0;margin-bottom: 5px;height:18px;} 
.item-wrap .item-cont .item-list li.color_li span {display:inline-block;width:15px;height:15px;border:1px solid #eee;margin-right:2px;box-sizing:border-box;border-radius:50%; } 
.add_info_list {display:none; } 
/*.bestNum { display: none; } */
.cart-step ul li:last-of-type {background: none; } 
/* BASIC css end */
/* BASIC css end */
/* BASIC css end */
/* BASIC css end */
/* BASIC css end */


#HappytalkIframe{opacity:0; transition:all 0.4s;}
#HappytalkIframe.opacity_1{opacity:1; z-index:10 !important;}
/* BASIC css end */