/* BASIC css start */ .top_banner {position:relative;} .top_banner .bannerImg img {width:100%;} .top_banner .close_btn {font-size: 0;width:13px; height:13px; position:absolute; top: 50%; transform: translate(0, -50%); right:15px; z-index: 5;} .top_banner .close_btn img {width:100%;} .top_banner .txt {padding: 0 32px; background: url(https://res.kurly.com/mobile/ico/1908/btn_arrow_333_76x76.png) no-repeat 100% 50%; background-size: 38px 38px; font-size: 14px; color: #333; line-height: 40px; letter-spacing: -0.3px;} .top_banner .bannerImg a { display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} header.main .gnb li.gnb_mypage a {background-image:url('/design/kint/mobile/common/icon_mypage2.png');} header .gnb li.gnb_mypage a {right: 75px;background-image: url(/design/kint/mobile/common/icon_mypage.png);background-size: 14px 16.5px;} header .gnb li.hd_search a{right:105px;} header .box_search{z-index:9999999;} #subHeader a.asideOpen { font-size: 36px; text-align: center; cursor: pointer; } /* 사이드 메뉴 */ aside { position:fixed; top:0; left:-100%; width:85%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 } aside .asideClose { position:absolute; top:0px; right:0; width:40px; height:46px; font-size:30px; color:#101010; text-align:center; line-height:48px; cursor:pointer; z-index:1001 } aside .loginBx { padding:0 20px; height:46px; background: #DBC2A9;} aside .loginBx a { display:inline-block; font-size:14px; color:#fff; line-height:46px } aside .loginBx .loginText{ display:inline-block; font-size:14px; color:#fff; line-height:46px } aside .loginBx a.bt_logout{float:right;} aside .loginBx em{font-weight:700} aside .loginBx a i { line-height:47px; vertical-align:top } aside .loginBx a i.xi-angle-right-min { color:#999; line-height:48px } aside .loginInfo{overflow:hidden} aside .loginInfo dl{float:left; width:50%; border-bottom: 1px solid #ddd; color:#000; padding: 15px 30px;} aside .loginInfo dt{font-size:14px; font-weight:700;margin-bottom:5px} aside .loginInfo dd{font-size:16px;font-weight:700} aside .asideMenu { border-top:1px solid #ddd; border-bottom:1px solid #ddd } aside .asideMenu ul { *zoom:1 } aside .asideMenu ul:after { display:block; clear:both; content:'' } aside .asideMenu li { margin-left:-1px; float:left; width:25%; height:75px; border-left:1px solid #eee } aside .asideMenu li a { display:block; height:75px; text-align:center } aside .asideMenu li i { margin-top:11px; font-size:30px; color:#5d5d5d; vertical-align:top } aside .asideMenu li .txt { display:block; margin-top:3px; font-size:12px; color:#555; vertical-align:top } aside .asideNoticeArea { padding-top:7px; background:#e4e7e9 } aside .asideNoticeArea .asideNotice { position:relative; height:35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff } aside .asideNoticeArea .asideNotice dl { padding:0 70px 0 10px; font-size:0 } aside .asideNoticeArea .asideNotice dt, aside .asideNoticeArea .asideNotice dd { display:inline-block; vertical-align:top } aside .asideNoticeArea .asideNotice dt { padding-right:12px; width:11%; position:relative; font-size:14px; font-weight:bold; line-height:35px } aside .asideNoticeArea .asideNotice dt:after { content:''; position:absolute; top:13px; right:0; width:1px; height:12px; background:#ddd } aside .asideNoticeArea .asideNotice dd { padding-left:10px; width:79% } aside .asideNoticeArea .asideNotice dd a { display:block; font-size:12px; color:#555; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } aside .asideNoticeArea .asideNotice .more {position:absolute;top:0;right:10px;text-align:right;width: 60px;} aside .asideNoticeArea .asideNotice .more a { display:inline-block; color:#333; line-height:35px } aside .asideSiteArea { padding-top:7px; background:#e4e7e9 } aside .asideSiteArea .asideSite { padding-bottom:15px; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff } aside .asideSiteArea .asideSite p.title { padding:13px 0 0 10px; font-size:14px; font-weight:bold } aside .asideSiteArea .asideSite .siteArea { padding:8px 7px 0; *zoom:1 } aside .asideSiteArea .asideSite .siteArea:after { display:block; clear:both; content:'' } aside .asideSiteArea .asideSite .siteArea li { float:left; width:33.3% } aside .asideSiteArea .asideSite .siteArea li a { display:block; margin:0 3px; height:30px; font-size:11px; text-align:center; line-height:30px; border-radius:5px; background:#f4f4f4 } aside .asideSiteArea .asideSite .siteArea li a img { margin-top:-2px; height:12px; vertical-align:middle } aside .asideNavArea { padding: 40px 50px; background:#fff } aside .asideNavArea ul{margin-bottom:30px;} aside .asideNavArea li{margin-left:15px; margin-bottom:10px; min-height: 1px;} aside .asideNavArea li.cate01{margin-left:0; margin-bottom: 15px;} aside .asideNavArea li.cate01 a{font-size:16px} aside .asideNavArea li a{font-size:14px; color:#000;} aside .asideNavArea li a.bold,.asideNavArea li.cate01 a{font-weight:700;} aside .navCategory { display:block; *zoom:1 } aside .navCategory:after { display:block; clear:both; content:'' } #header { position:relative;width:100%;min-height:95px;z-index:101;} #header .header h1{left: 50%; transform: translateX(-50%);} #header .header { position:relative; z-index:101 } #header .header.downFix { position:fixed; top:-60px; left:0; right:0 } #header .header.upFix { position:fixed; top:0; left:0; right:0 } #header .headerTop { position:relative; height:60px; background:#fff } #header .headerTop p.asideOpen {position:absolute;top: 14px;left:10px;width:31px;height:31px;font-size:31px;text-align:center;line-height:31px;} #header .headerTop .logo {padding-top: 18px;text-align:center;} #header .headerTop .logo a {display: inline-block;width: 110px; height: 25px; text-indent: -9999em; background: url(/design/kint/img/common/m_logo2.png) 0 0 no-repeat; background-size: 110px auto; } #header .headerTop .topRight { position:absolute; top:15px; right:10px; font-size:0 } #header .headerTop .topRight p { display:inline-block; margin-left:7px; position:relative; width:31px; height:31px } #header .headerTop .topRight p a { display:block; height:31px; font-size:28px; color:#555; text-align:center; line-height:32px } #header .headerTop .topRight p.moveBtn a { color:#999 } #header .headerTop .topRight p.cartBtn a .cartNum { display:block; position:absolute; top:-2px; right:-2px; width:16px; height:16px; font-size:11px; color:#fff; text-align:center; line-height:16px; text-indent:0; background:#e0695e; border-radius:100% } #header .headerSch { padding:0 15px; position:relative; height:34px; background:#fff } #header .headerSch .search { padding-right:33px; position:relative; height:30px; border:2px solid #e0695e } #header .headerSch .search input { padding:0; width:100%; height:30px; text-indent:10px; border:0px none } #header .headerSch .search .btn_search { width:33px; height:30px; position:absolute; top:0px; right:0; font-size:24px; color:#e0695e; text-align:center; line-height:31px } #header .headerNav { position:relative; height:35px; border-bottom:1px solid #ddd; background:#fff; z-index:1 } #header .headerNav .hScrollArea { position:relative; max-width:100%; overflow:hidden } #header .headerNav .hScrollArea .scrollArea { width:100%; font-size:0; white-space:nowrap; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch } #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar { height:1px } #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-track, #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar, #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-thumb { background:transparent url('/design/koharu01/phps/m/common/m_scrollbar.png') repeat } #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-track { display:none } #header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-thumb { height:1px; width:1px } #header .headerNav .hScrollArea .link { display:inline-block; width: 20%; position:relative; line-height:1 } #header .headerNav .hScrollArea .link .txt { display:block; font-size:14px; color:#101010; position:relative; padding:11px 0 } #header .headerNav .hScrollArea .link .txt .newIcon {position:absolute;top: 8px;left: 50%;font-size:10px;line-height:1;font-weight:600;color: #e0695e;display:block;margin-left: 20px;} #header .headerNav .hScrollArea .link .txt .newIcon2 {position:absolute;top: 8px;left: 62%;font-size:10px;line-height:1;font-weight:600;color: #ea0404;display:block;margin-left: 20px;} #header .headerNav .hScrollArea .link .txt .newIcon3 {position:absolute;top: 8px;left: 62%;font-size:10px;line-height:1;font-weight:600;color: #ea0404;display:block;margin-left: 20px;} #header .headerNav .hScrollArea .link .txt .newIcon4 {position:absolute;top: 2px;left: -10%;font-size:10px;line-height:1;font-weight:600;color: #000000;display:block;margin-left: 20px;} #header .headerNav .hScrollArea .link .txt:after { display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:transparent } #header .headerNav .hScrollArea .link.on .txt { color:#e0695e; font-weight:bold } #header .headerNav .hScrollArea .link.on .txt:after { background:#e0695e } #header .headerNav .hScrollArea .link:first-child { } #header .headerNav .hScrollArea .divide { padding-left:32px } #header .headerNav .hScrollArea .divide:before { display:block; content:''; position:absolute; left:10px; top:13px; width:1px; height:13px; background:#000 } #header .headerNav .hScrollArea .beforeShadow, #header .headerNav .hScrollArea .afterShadow { display:block; position:absolute; top:0; bottom:0; width:30px } #header .headerNav .hScrollArea .beforeShadow {left:0;background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.1));} #header .headerNav .hScrollArea .afterShadow {right:0;background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.1));} #header .headerNav .hScrollArea.first .beforeShadow {display:none;} #header .headerNav .hScrollArea.last .afterShadow {display:none;} /* BASIC css end */