@charset "utf-8"; /* ------------------------------------------------------------ File Name : Shopping.css Explanation : 해오름 - MobileSite CSS 정의 Write : 배범녕 공통영역 ------------------------------------------------------------ */ @import url(Reset.css); /* Default */ html {height:100%;} body {height:100%; background:#E1E1E1;} #Wrap {width:100%; min-width:320px; overflow:hidden;} .BGFFFFFF {background:#FFF;} .BGF4F5F9 {background:#F4F5F9;} /* Input Style */ input[type="text"] {height:100%; font-size:0.84em; font-weight:normal; color:#999; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:8px; padding-right: 8px;} input[type="password"] {height:100%; font-size:0.84em; font-weight:normal; color:#999; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px;} input[type="checkbox"] {display:block;} input[type="checkbox"] + label {display:inline-block; font-size:0.84em; font-weight:normal; color:#999; min-width:23px; height:22px; line-height:25px; vertical-align:middle; background:url('/_mobile/images/Common/CheckDefault2.png') no-repeat; background-size:23px 22px; padding-left:28px; cursor:pointer;} input[type="checkbox"]:checked + label {background:url('/_mobile/images/Common/CheckActive2.png') no-repeat; background-size:23px 22px;} input[type="radio"] {display:none;} input[type="radio"] + label {display:inline-block; font-size:0.84em; font-weight:normal; color:#999; min-width:20px; height:20px; line-height:24px; background:url('/_mobile/images/Common/RadioDefault.png') no-repeat; background-size:20px; padding-left:25px; cursor:pointer;} input[type="radio"]:checked + label {background:url('/_mobile/images/Common/RadioActive.png') no-repeat; background-size:20px;} textarea {font-size:0.84em; color:#AFAFAF; background:#FFF;} select {height:100%; font-size:0.84em; color:#999; background:#FFF; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:8px;} /* Header Style */ header {position:relative; width:100%; background:#F4F4F4;} #HeaderTop {position:relative; padding:40px 75px 7px 115px;} #HeaderTop > .Left {float:left;} #HeaderTop > .Left > .Logo {position:absolute; top:2px; left:50%; margin-left:-80px; width:160px; height:45px;} #HeaderTop > .Left > .Logo > h1 {text-align:center;} #HeaderTop > .Left > .Logo > h1 > a > img { text-align:center; } #HeaderTop > .Left > a.BtnAllMenu {position:absolute; top:19px; left:17px;} /* ---------------------------------- 색상 변경 부분 ---------------------------------- */ div.Search_wrap {background:#F4F4F4; height:50px;} div.Search_wrap > .Search input {width:100%; height:40px; font-size:1em; font-weight:bold; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; color:#4C4747; line-height:27px; background:#FFF;} div.Search_wrap > .Search {position:relative; height:40px; margin: 0 15px 7px 15px; background:#FFF;} #HeaderTop > .Right a.BtnBasket {right:51px; } #HeaderTop > .Right a.BtnMypage {right:19px;} /* ---------------------------------- 색상 변경 부분 ---------------------------------- */ /* ---------------------------------- 색상 변경 부분 ---------------------------------- */ #NavMenuSTyle2 {position:relative; box-shadow:0 3px 10px #CECECE; -webkit-box-shadow:0 3px 10px #CECECE; -moz-box-shadow:0 3px 10px #CECECE; z-index:1;} #NavMenuSTyle2 > ul {width:100%; background:#FFF; border-top:1px solid #CECECE; border-bottom:1px solid #A9A8A9; overflow:hidden;} #NavMenuSTyle2 > ul > li {float:left; width:16.6%;} #NavMenuSTyle2 > ul > li > a {display:block; width:100%; height:28px; font-size:14px; color:#000; text-align:center; letter-spacing:-0.15em; white-space:nowrap; padding-top:10px;} #NavMenuSTyle2 > ul > li > a:hover {height:25px; color:#F52F40; background:#FFF; border-bottom:3px solid #F52F40;} #NavMenuSTyle2 > ul > li.Active > a {height:25px; color:#F52F40; background:#FFF; border-bottom:3px solid #F52F40;} #NavMenuSTyle2 > ul > li.Width25 {width:25% !important;} #NavMenuSTyle2 > ul > li.Width25 a {letter-spacing:-0.05em !important;} @media screen and (max-width:320px) { #NavMenuSTyle1 > ul > a {display:block; width:100%; height:38px; font-size:0.77em; line-height:2.8em; letter-spacing:-0.15em;} #NavMenuSTyle1 > ul > li > a {display:block; width:100%; height:38px; font-size:0.77em; line-height:2.8em;} #NavMenuSTyle2 > ul > li > a {display:block; width:100%; height:28px; font-size:0.77em; line-height:2.8em;} } @media screen and (max-width:350px) { #NavMenuSTyle1 > ul > a {display:block; width:100%; height:38px; font-size:0.8em; line-height:2.8em;letter-spacing:-0.15em;} #NavMenuSTyle2 > ul > a {display:block; width:100%; height:38px; font-size:0.8em; line-height:2.8em;letter-spacing:-0.15em;} #NavMenuSTyle1 > ul > li > a {display:block; width:100%; height:38px; font-size:0.8em; line-height:2.8em;} #NavMenuSTyle2 > ul > li > a {display:block; width:100%; height:28px; font-size:0.8em; line-height:1.4em;} } #HeaderSearch {display:none; position:absolute; top:0; left:0; width:100%; background:#FFF; border-bottom:1px solid #CCC; z-index:3;} #HeaderSearch > div.Top {background:#F4F4F4; border-bottom:1px solid #CCC; padding:13px 10px 13px 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #HeaderSearch > div.Top a.BtnPrev {position:absolute; top:16px; left:10px;} #HeaderSearch > div.Top a.BtnPrev > img {width:16px;} #HeaderSearch > a.BtnKeywordClose {float:right; display:inline-block; font-size:14px; line-height:2.3em; text-align:right; padding-top:2px; margin-right:10px;} #HeaderSearch > a.BtnKeywordClose img {display:inline-block; vertical-align:middle; margin-left:2px;} #HeaderSearch > ul.Keyword li {border-bottom:1px solid #CCC;} #HeaderSearch > ul.Keyword li a {display:block; font-size:15px; color:#4C4747; line-height:33px; white-space:nowrap; text-overflow:ellipsis; padding:1px 10px 0 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;} #HeaderSearch > ul.Keyword li a em {font-size:15px; color:#E61121;} /* Footer Style */ footer {width:100%;} footer p.Best {float:left; font-size:0.87em; color:#FFF; line-height:2em; background:#5795F2; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:2px 8px 0; margin-left:10px;} #FooterSearchWordOn {background:#FFF; border-top:1px solid #DEDEE2; border-bottom:1px solid #B2B1B1; box-shadow:0 3px 10px #CECECE; -webkit-box-shadow:0 3px 10px #CECECE; -moz-box-shadow:0 3px 10px #CECECE; padding:10px; overflow:hidden;} #FooterSearchWordOn > div.Title {margin-bottom:10px; overflow:hidden;} #FooterSearchWordOn > div.Title > p.Best {margin-left:0; margin-right:10px;} #FooterSearchWordOn > div.Title > p.Text {float:left; font-size:0.95em; color:#333; line-height:2em;} #FooterSearchWordOn > div.Title > a.BtnSearchWordClose {float:right; display:inline-block; width:24px; height:15px; background:url('../images/Template/BtnSearchWordClose.gif') no-repeat; background-size:contain; text-indent:-9999em; margin-top:7px;} #FooterSearchWordOn > ul > li {width:50%; float:left; } #FooterSearchWordOn > ul > li > a { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; font-size:0.87em; color:#333; line-height:2.3em; background:#EFEFEF; border:1px solid #D4D4D4; padding:1px 10px 0; margin:0px 2px 3px;} #FooterSearchWordOn > ul > li > a > span {display:inline-block; font-size:1em; color:#F50000; margin-left:8px; margin-right:15px;} #FooterSearchWordOn > ul > li > a:hover {text-decoration:underline;} #FooterSearchWordOn > div.BtnProductMore {clear:both; display:block; font-size:0.8em; font-weight:normal; color:#3E3E3E; text-align:center; line-height:2.2em; background:#D7DFE1; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px;} #FooterSearchWordOn > div.BtnProductMore:hover {text-decoration:underline;} #FooterSearchWordOff {background:#FFF; border-top:1px solid #DEDEE2; border-bottom:1px solid #B2B1B1; box-shadow:0 3px 10px #CECECE; -webkit-box-shadow:0 3px 10px #CECECE; -moz-box-shadow:0 3px 10px #CECECE; padding:7px 0 5px; overflow:hidden;} #FooterSearchWordOff > p {float:left;} #FooterSearchWordOff > p.Number {font-size:0.7em; color:#FF3519; line-height:2.1em; padding:3px 10px 0 15px;} #FooterSearchWordOff > p.Text > a {font-size:0.97em; line-height:2.0em; color:#333;} #FooterSearchWordOff > a.BtnSearchWordOpen {float:right; display:inline-block; width:24px; height:15px; background:url('/_mobile/images/Template/BtnSearchWord.gif') no-repeat; background-size:contain; text-indent:-9999em; margin-top:7px; margin-right:10px;} #FooterService {text-align:center;} #FooterService a.BtnService {display:inline-block; font-size:0.87em; color:#FFF; text-align:center; background:#9B9B9B; border-radius:1em 1em 0 0; -moz-border-radius:1em 1em 0 0; -webkit-border-radius:1em 1em 0 0; padding:10px 50px 8px 50px; margin-top:15px; box-shadow:0 3px 10px rgba(69, 69, 69, 0.31); -webkit-box-shadow:0 3px 10px rgba(69, 69, 69, 0.31); -moz-box-shadow:0 3px 10px rgba(69, 69, 69, 0.31);} #FooterService a.BtnService:hover {background:#9B9B9B; box-shadow:none;} #FooterService > ul.ServiceArea {background:#FFF; padding:10px; border-top:1px solid #D8D8D8; overflow:hidden;} #FooterService > ul.ServiceArea > li {float:left; width:20%; text-align:center; margin:7px 0;} #FooterService > ul.ServiceArea > li > a {display:block; width:100%;} #FooterService > ul.ServiceArea > li > a > img {width:40px; height:40px;} #FooterService > ul.ServiceArea > li > a > span {display:block; font-size:0.8em; color:#787878; text-align:center;} #FooterService > ul.ServiceArea > li > a:hover > span {color:#000;} /* ---------------------------------- 색상 변경 부분 ---------------------------------- */ #FooterCall > div.CallCenter {float:left; width:49%; border-right:1px solid #E1E1E1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 0 10px 20px; margin:5px 0; overflow:hidden;} /*#FooterCall > div.CallCenter > p.Title {font-size:0.9em; color:#545454; margin-bottom:2px;} */ #FooterCall > div.CallCenter > p.Title > a {font-size:0.9em; color:#545454; margin-bottom:2px;} #FooterCall > div.CallCenter > p.Number {background: url('/_mobile/images/Call.png') left 1px no-repeat; background-size:15px; margin-bottom:3px; padding-left:17px;} #FooterCall > div.CallCenter > p.Text {font-size:0.7em; color:#8E8E8E; line-height:12px; font-weight:normal;} #FooterCall > div.BankInfo {float:left; width:51%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 0 10px 20px; margin:5px 0; overflow:hidden;} #FooterCall > div.BankInfo > p.Title {font-size:0.9em; color:#545454; margin-bottom:2px;} #FooterCall > div.BankInfo > p.Bank {font-size:0.85em; color:#F72C3F; margin-bottom:3px;} #FooterCall > div.BankInfo > p.Text {font-size:0.7em; color:#282828; line-height:12px;} #FooterCall > div.BankInfo > p.Text > span {font-size:11px; color:#8E8E8E; font-weight:normal;} #FooterText > div.FooterMenu {background:#F1F1F1; padding:8px 0 5px; text-align:center; /*border-top: 1px solid #CCCCCC;*/} #FooterText > div.FooterMenu > ul {display:inline-block; overflow:hidden;} #FooterText > div.FooterMenu > ul > li {float:left; /* background: url('/_mobile/images/Template/FooterLine.gif') right 11px no-repeat; */ background-size:2px;} /*#FooterText > div.FooterMenu > ul > li {float:left; background:url('/_mobile/images/Template/FooterLine.gif') right 6px no-repeat; background-size:2px;}*/ #FooterText > div.FooterMenu > ul > li:last-child {background:none;} #FooterText > div.FooterMenu > ul > li:last-child > a {margin-right:0} #FooterText > div.FooterMenu > ul > li > a {display:inline-block; font-size:0.8em; color:#9C9C9C; margin-right:5px; padding:2px 15px; font-weight: normal; background:#fff; border:1px solid #cecece;} #FooterText > div.FooterMenu > ul > li > a:hover {text-decoration:underline;} #FooterText div.FooterAddress {font-size:0.6em; font-weight:normal; color:#9C9C9C; text-align:center; background:#F1F1F1; padding:0 0 12px 10px; text-align: left;} #FooterText div.FooterAddress strong {font-size:1em; color:#B5B5B5;} @media screen and (max-width:320px) { #FooterService > ul.ServiceArea > li > a > span {display:block; font-size:0.75em; color:#787878; text-align:center;} #FooterText div.FooterAddress {font-size:0.5em; padding:0 0 12px 5px;} #FooterText div.FooterAddress strong {font-size:0.5em !important;} } /* Content Style */ #Content {height:100%;} /* Category(전체카테고리 부분) Style */ #CategoryHeader {background:#3A4863; border-bottom:1px solid #CECECE; padding:10px; overflow:hidden;} #CategoryHeader > a.BtnSetting {float:left; display:inline-block; width:28px; height:29px; background:url('/_mobile/images/Template/BtnSetting.png') no-repeat; background-size:contain; text-indent:-9999em; margin-right:15px;} #CategoryHeader > a.BtnClose {float:right; display:inline-block; width:28px; height:28px; background:url('/_mobile/images/Template/BtnCategoryClose.png') no-repeat; background-size:contain; text-indent:-9999em;} #CategoryHeader > p.Setting {float:left; color:#FFF; line-height:1.5em; background:url('/_mobile/images/Template/BtnSetting.png') no-repeat; background-size:24px 25px; padding-top:2px; padding-left:30px;} a.BtnNavyType {display:inline-block; font-size:0.82em; font-weight:normal; color:#FFF; text-align:center; line-height:1.9em; background:#FF483E; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:2px 7px 0;} #CategoryHeader > span.Call {display:inline-block;position: absolute; right:10px; top:16px; color:#fff; font-size:0.9em;} #CategoryHeader > span.Call img { margin-right: 5px; width: 19px; vertical-align: middle;} #CategoryContent {background:#FFF; height:100%;} #CategoryContent > div.TitleArea {padding-top:13px; padding-bottom:7px; border-top: 10px solid #E1E1E1;background:#fff; overflow:hidden;} #CategoryContent > div.TitleArea > p.Title {float:left; color:#000; margin-left:23px;} #CategoryContent > div.TitleArea > p.Title a {float:left; font-size:1em; color:#000;} #CategoryContent > div.TitleArea > a.BtnMore {float:right; display:inline-block; font-size:0.80em; color:#999; margin-right:10px;} #CategoryContent > div.TitleArea > a.BtnMore * {vertical-align:middle;} #CategoryContent > div.TitleArea > a.BtnMore img {display:inline-block; width:7px; margin-top:-2px; margin-left:2px;} #CategoryContent > div.TitleArea > a.BtnClose {float:right; display:inline-block; width:25px; height:25px; padding-right:10px; background:url('/_mobile/images/Template/BtnCategoryClose.png') no-repeat; background-size:contain; text-indent:-9999em;} #CategoryContent div.CategoryStyle1 {border-top:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:0 10px;} #CategoryContent div.CategoryStyle2 {border-top:1px solid #ABABAB; padding:0 10px;} #CategoryBell {display:block; color:#333; font-size:1em; background:#ffffff; padding:10px; border-bottom:1px solid #ABABAB } #CategoryBell a.info {display:inline-block; color:#333; font-size:0.7em; text-align:left; background:#D8EFFF; border: 1px solid #B4D7EA; padding: 3px; border-radius:0.2em; -moz-border-radius:0.2m; -webkit-border-radius:0.2em;} #CategoryBell em {display:inline-block; color:#999; font-size:0.5em; font-weight:normal; padding:0 1px;} #CategoryBell > div.right { display:inline-block; float:right;} #CategoryBell > div.right span { display:inline-block; vertical-align: middle; text-align:right; letter-spacing:-0.08em;} #CategoryBell > div.right span img { margin-right: 0px; width: 19px; vertical-align: middle;} /* ---------------------------------- //색상 변경 부분 ---------------------------------- */ /* Category(카테고리 하단 콜센터 부분) Style */ /* ---------------------------------- 색상 변경 부분// ---------------------------------- */ table.Category {width:100%;} table.Category > tbody tr th {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} table.Category > tbody tr th a {display:block; font-size:0.84em; color:#4C4747; text-align:left; line-height:2.8em; padding-top:2px; padding-left:40px;} table.Category > tbody tr th.End {border-bottom:none;} table.Category > tbody tr th.None {border-right:none;} table.Category > tbody tr th.Active > a {color:#FFF;} table.Category2 {width:100%;} table.Category2 > tbody tr th {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} table.Category2 > tbody tr th a {display:block; font-size:0.84em; color:#4C4747; text-align:left; line-height:2.8em; background:url('/_mobile/images/Template/Bullet.png') 17px center no-repeat; background-size:10px 8px; padding:2px 10px 0 35px;} table.Category2 > tbody tr th > a:hover {color:#1E2968; background:#F4F5F9 url('/_mobile/images/Template/Bullet.png') 17px center no-repeat; background-size:10px 8px;} table.Category2 > tbody tr th.None {border-right:none;} a.CategoryIcon1 {background:url('/_mobile/images/Template/Category1.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon2 {background:url('/_mobile/images/Template/Category2.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon3 {background:url('/_mobile/images/Template/Category3.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon4 {background:url('/_mobile/images/Template/Category4.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon5 {background:url('/_mobile/images/Template/Category5.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon6 {background:url('/_mobile/images/Template/Category6.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon7 {background:url('/_mobile/images/Template/Category7.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon8 {background:url('/_mobile/images/Template/Category8.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon9 {background:url('/_mobile/images/Template/Category9.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon10 {background:url('/_mobile/images/Template/Category10.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon11 {background:url('/_mobile/images/Template/Category11.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon12 {background:url('/_mobile/images/Template/Category12.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon13 {background:url('/_mobile/images/Template/Category13.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon14 {background:url('/_mobile/images/Template/Category14.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon15 {background:url('/_mobile/images/Template/Category15.png') 10px center no-repeat; background-size:25px;} a.CategoryIcon16 {background:url('/_mobile/images/Template/Category16.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon1 {background:#FF5454 url('/_mobile/images/Template/Category1_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon2 {background:#FF5454 url('/_mobile/images/Template/Category2_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon3 {background:#FF5454 url('/_mobile/images/Template/Category3_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon4 {background:#FF5454 url('/_mobile/images/Template/Category4_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon5 {background:#FF5454 url('/_mobile/images/Template/Category5_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon6 {background:#FF5454 url('/_mobile/images/Template/Category6_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon7 {background:#FF5454 url('/_mobile/images/Template/Category7_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon8 {background:#FF5454 url('/_mobile/images/Template/Category8_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon9 {background:#FF5454 url('/_mobile/images/Template/Category9_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon10 {background:#FF5454 url('/_mobile/images/Template/Category10_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon11 {background:#FF5454 url('/_mobile/images/Template/Category11_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon12 {background:#FF5454 url('/_mobile/images/Template/Category12_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon13 {background:#FF5454 url('/_mobile/images/Template/Category13_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon14 {background:#FF5454 url('/_mobile/images/Template/Category14_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon15 {background:#FF5454 url('/_mobile/images/Template/Category15_On.png') 10px center no-repeat; background-size:25px;} table.Category > tbody tr th.Active > a.CategoryIcon16 {background:#FF5454 url('/_mobile/images/Template/Category16_On.png') 10px center no-repeat; background-size:25px;} ul.SubCategory {width:100%; background:#F4F5F9; overflow:hidden;} ul.SubCategory li {float:left; float:left; width:50%; border-bottom:1px solid #D9D9D9; border-left:1px solid #D9D9D9; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} ul.SubCategory li a {display:block; font-size:0.84em; color:#7A7878; line-height:2.3em; padding-left:15px; padding-top:2px; font-weight:normal;} ul.SubCategory li a:hover {color:#1E2968;} ul.SubCategory li.None {border-left:none;} /* Best Style(베스트) */ div.BestCategory {background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:15px 0; margin-top:20px;} div.BestCategory ul {overflow:hidden;} div.BestCategory ul li {float:left; width:20%;} div.BestCategory ul li a {display:block; font-size:0.85em; color:#959595; text-align:center; padding-top:30px;} div.BestCategory ul li a:hover {color:#0E8AEA;} div.BestCategory ul li:nth-child(1) > a {background:url('/_mobile/images/BestCategory1.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(2) > a {background:url('/_mobile/images/BestCategory2.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(3) > a {background:url('/_mobile/images/BestCategory3.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(4) > a {background:url('/_mobile/images/BestCategory4.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(5) > a {background:url('/_mobile/images/BestCategory5.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(1) > a:hover {background:url('/_mobile/images/BestCategory1_On.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(2) > a:hover {background:url('/_mobile/images/BestCategory2_On.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(3) > a:hover {background:url('/_mobile/images/BestCategory3_On.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(4) > a:hover {background:url('/_mobile/images/BestCategory4_On.png') top center no-repeat; background-size:28px;} div.BestCategory ul li:nth-child(5) > a:hover {background:url('/_mobile/images/BestCategory5_On.png') top center no-repeat; background-size:28px;} /* Category(탑메뉴부분) Style */ div.TopCategory {padding:20px 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.TopCategory > div.Title {font-size:0.87em; color:#000; padding-left:15px; margin-bottom:10px;} div.TopCategory > div.CategoryArea {background:#FFF;} div.TopCategory > div.CategoryArea > div.SubTitle {border-bottom:1px solid #E0E0E0; padding:5px 15px;} div.TopCategory > div.CategoryArea > div.SubTitle * {vertical-align:middle;} div.TopCategory > div.CategoryArea > div.SubTitle > span {display:inline-block; font-size:0.87em; color:#4C4747; line-height:17px;} div.TopCategory > div.CategoryArea > div.SubTitle > em {display:inline-block; font-size:0.87em; color:#F62E3D; line-height:17px;} div.TopCategory > div.CategoryArea > ul {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 15px; overflow:hidden;} div.TopCategory > div.CategoryArea > ul > li {float:left; width:33.3%;} div.TopCategory > div.CategoryArea > ul > li > a {display:inline-block; font-size:0.84em; font-weight:normal; color:#4C4747; line-height:2em; padding-left:30px;} div.TopCategory > div.CategoryArea > ul > li > a:hover {font-weight:bold; color:#F62E3D;} div.TopCategory > div.CategoryArea > ul > li.Active > a {font-weight:bold; color:#F62E3D;} div.TopCategory > div.CategoryArea > ul.Depth2 > li {float:left; width:33.3%;} div.TopCategory > div.CategoryArea > ul.Depth2 > li > a {display:inline-block; font-size:0.77em; font-weight:normal; color:#4C4747; line-height:2em; padding-left:0;} div.TopCategory > div.CategoryArea > ul.Depth2 > li > a:hover > em {font-size:1em; font-weight:bold; color:#00A0E8;} div.TopCategory > div.CategoryArea > ul.Depth2 > li.Active > a > em {font-size:1em; font-weight:bold; color:#00A0E8;} a.TopCategoryIcon1 {background:url('/_mobile/images/TopCategory1.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon2 {background:url('/_mobile/images/TopCategory2.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon3 {background:url('/_mobile/images/TopCategory3.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon4 {background:url('/_mobile/images/TopCategory4.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon5 {background:url('/_mobile/images/TopCategory5.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon6 {background:url('/_mobile/images/TopCategory6.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon7 {background:url('/_mobile/images/TopCategory7.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon8 {background:url('/_mobile/images/TopCategory8.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon9 {background:url('/_mobile/images/TopCategory9.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon10 {background:url('/_mobile/images/TopCategory10.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon11 {background:url('/_mobile/images/TopCategory11.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon12 {background:url('/_mobile/images/TopCategory12.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon13 {background:url('/_mobile/images/TopCategory13.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon14 {background:url('/_mobile/images/TopCategory14.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon15 {background:url('/_mobile/images/TopCategory15.png') left center no-repeat; background-size:25px;} a.TopCategoryIcon16 {background:url('/_mobile/images/TopCategory16.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon1 {background:url('/_mobile/images/TopCategory1_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon2 {background:url('/_mobile/images/TopCategory2_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon3 {background:url('/_mobile/images/TopCategory3_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon4 {background:url('/_mobile/images/TopCategory4_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon5 {background:url('/_mobile/images/TopCategory5_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon6 {background:url('/_mobile/images/TopCategory6_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon7 {background:url('/_mobile/images/TopCategory7_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon8 {background:url('/_mobile/images/TopCategory8_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon9 {background:url('/_mobile/images/TopCategory9_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon10 {background:url('/_mobile/images/TopCategory10_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon11 {background:url('/_mobile/images/TopCategory11_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon12 {background:url('/_mobile/images/TopCategory12_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon13 {background:url('/_mobile/images/TopCategory13_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon14 {background:url('/_mobile/images/TopCategory14_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon15 {background:url('/_mobile/images/TopCategory15_On.png') left center no-repeat; background-size:25px;} div.TopCategory > div.CategoryArea > ul > li.Active > a.TopCategoryIcon16 {background:url('/_mobile/images/TopCategory16_On.png') left center no-repeat; background-size:25px;} @media screen and (max-width:320px) { div.TopCategory > div.CategoryArea > ul > li > a {font-size:0.7em; padding-left:25px;} div.TopCategory > div.CategoryArea > ul.Depth2 > li > a {display:inline-block; font-size:0.68em; letter-spacing:-0.15em;} a.TopCategoryIcon1 {background:url('/_mobile/images/TopCategory1.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon2 {background:url('/_mobile/images/TopCategory2.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon3 {background:url('/_mobile/images/TopCategory3.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon4 {background:url('/_mobile/images/TopCategory4.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon5 {background:url('/_mobile/images/TopCategory5.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon6 {background:url('/_mobile/images/TopCategory6.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon7 {background:url('/_mobile/images/TopCategory7.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon8 {background:url('/_mobile/images/TopCategory8.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon9 {background:url('/_mobile/images/TopCategory9.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon10 {background:url('/_mobile/images/TopCategory10.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon11 {background:url('/_mobile/images/TopCategory11.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon12 {background:url('/_mobile/images/TopCategory12.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon13 {background:url('/_mobile/images/TopCategory13.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon14 {background:url('/_mobile/images/TopCategory14.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon15 {background:url('/_mobile/images/TopCategory15.png') left center no-repeat; background-size:20px;} a.TopCategoryIcon16 {background:url('/_mobile/images/TopCategory16.png') left center no-repeat; background-size:20px;} } div.PublicSearchWord {background:#FFF; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.PublicSearchWord > div.Title {position:relative; font-size:0.95em; font-weight:normal; color:#363636; text-align:center; margin-bottom:15px;} div.PublicSearchWord > div.Title > strong {font-size:1em; color:#363636;} div.PublicSearchWord > div.Title > a {position:absolute; right:0;} div.PublicSearchWord > div.Title > a > img {width:8px;} div.PublicSearchWord > ul {overflow:hidden;} div.PublicSearchWord > ul > li {float:left; width:33.3%;} div.PublicSearchWord > ul > li > a {position:relative; display:block; width:100%; text-align:center; margin-right:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.PublicSearchWord > ul > li > a > img {width:100%; height:100%;} div.PublicSearchWord > ul > li > a > p.SearchWord {position:absolute; top:50%; left:10%; width:80%; font-size:1em; color:#FFF; text-align:center; line-height:2em; background:rgba(0,0,0,.7); padding-top:2px; margin-top:-15px; z-index:1;} div.CategoryKeyword {background:#FFF; padding-top:20px; margin-top:15px; border-bottom:1px solid #C8C7C8;} div.CategoryKeyword > div.Title {font-size:1em; color:#76B94C; text-align:center; margin-bottom:5px;} div.CategoryKeyword > div.SubTitle {font-size:0.85em; color:#333; text-align:center; margin-bottom:5px;} div.CategoryKeyword > ul.Product {padding:0 15px; overflow:hidden;} div.CategoryKeyword > ul.Product > li {float:left; width:50%;} div.CategoryKeyword > ul.Product > li > a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:5px;} div.CategoryKeyword > ul.Product > li > a > div.ProuctText {padding:0;} div.CategoryKeyword > div.TagKeyword {border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:10px 15px 10px 20px;} div.CategoryKeyword > div.TagKeyword > a {display:inline-block; font-size:0.85em; color:#697BA2; margin-right:15px;} /* Theme Style(테마별) */ div.ThemeProduct {padding:20px 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.ThemeProduct > div.Title {font-size:0.87em; color:#000; padding-left:15px; margin-bottom:10px;} div.ThemeProduct > div.ThemeArea {background:#FFF;} div.ThemeProduct > div.ThemeArea > div.SubTitle {border-bottom:1px solid #E0E0E0; padding:5px 15px;} div.ThemeProduct > div.ThemeArea > div.SubTitle * {vertical-align:middle;} div.ThemeProduct > div.ThemeArea > div.SubTitle > span {display:inline-block; font-size:0.87em; color:#4C4747; line-height:17px;} div.ThemeProduct > div.ThemeArea > div.SubTitle > em {display:inline-block; font-size:0.87em; color:#F62E3D; line-height:17px;} div.ThemeProduct > div.ThemeArea > ul {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 15px; overflow:hidden;} div.ThemeProduct > div.ThemeArea > ul > li {float:left; width:33.3%;} div.ThemeProduct > div.ThemeArea > ul > li > a {display:inline-block; font-size:0.84em; font-weight:normal; color:#4C4747; line-height:2em;} div.ThemeProduct > div.ThemeArea > ul > li > a:hover > em {font-size:1em; font-weight:bold; color:#F62E3D;} div.ThemeProduct > div.ThemeArea > ul > li.Active > a > em {font-size:1em; font-weight:bold; color:#F62E3D;} @media screen and (max-width:320px) { div.ThemeProduct > div.ThemeArea > ul > li > a {font-size:0.68em; letter-spacing:-0.15em;} } /* PublicKeyword Style(인기키워드) */ div.PublicKeyword {padding:15px 10px 2px;} div.PublicKeyword > div.Title {font-size:1em; color:#4C4747; text-align:; background:#FFF; border-bottom:1px solid #E1E1E1; padding:6px 10px;} div.PublicKeyword > div.Title * {vertical-align:middle;} div.PublicKeyword > div.KeywordArea > ul {background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 15px; overflow:hidden;} div.PublicKeyword > div.KeywordArea > ul > li {float:left; width:33.3%;} div.PublicKeyword > div.KeywordArea > ul > li > a {display:inline-block; font-size:0.84em; font-weight:normal; color:#4C4747; letter-spacing:-0.08em; line-height:2em;} div.PublicKeyword > div.KeywordArea > ul > li > a > span {display:inline-block; width:18px; padding-right:2px; text-align:right; font-size:1em; font-weight:bold; color:#4C4747;} div.PublicKeyword > div.KeywordArea > ul > li.Bold > a {font-weight:bold;} div.PublicKeyword > div.KeywordArea > ul > li.Bold > a > span {color:#F72030;} @media screen and (max-width:320px) { div.PublicKeyword > div.KeywordArea > ul > li > a {font-size:0.7em; letter-spacing:-0.08em;} } /* div.KeywordNumber1 {position:absolute; top:5px; left:5px; width:40px; height:40px; font-size:0.85em; color:#FFF; text-align:center; line-height:40px; background:rgba(34,136,241,.7); overflow:hidden; z-index:1;} */ div.KeywordNumber1 {position:absolute; top:3px; left:3px; width:35px; height:35px; font-size:1.1em; color:#FFF; text-align:center; line-height:35px; background:rgba(34,136,241,.6); overflow:hidden; z-index:1;} div.KeywordNumber2 {position:absolute; top:5px; left:5px; width:45px; height:45px; font-size:0.85em; color:#FFF; background:url('/_mobile/images/NumberBg.png') no-repeat; background-size:45px; padding-left:0px; overflow:hidden; z-index:1;} div.KeywordNumber2 > p {float:left; width:25px; font-size:1em; color:#FFF; text-align:center; -webkit-transform:rotate(-45deg); margin-left:2px; margin-top:6px;} div.TodaysNew {padding:10px;} div.TodaysNew > div.Title {font-size:1.1em; color:#363636; padding:5px;} div.TodaysNew > div.Title > a {float:right; display:inline-block; font-size:0.7em; color:#8F8F8F; border-bottom:1px solid #8F8F8F; padding-top:5px;} div.TodaysNew > div.Box {text-align:center; background:#FFF; border-radius:0.4em; -moz-border-radius:0.4m; -webkit-border-radius:0.4em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:-1px 1px 5px #AAA; -webkit-box-shadow:-1px 1px 5px #AAA; -moz-box-shadow:-1px 1px 5px #AAA; padding:10px;} div.TodaysNew > div.Box > ul {overflow:hidden;} div.TodaysNew > div.Box > ul > li {float:left; width:33.3%;} div.TodaysNew > div.Box > ul > li > a {display:block; margin:10px;} div.TodaysNew > div.Box > ul > li > a > img {width:100%; height:100%;} div.TodaysNew > div.Box > ul > li > a > p {height: 34px; text-align:left; font-size:0.85em; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} div.TodaysNew > div.Box > div.Btn {display:inline-block;} div.TodaysNew > div.Box > div.Btn > a > img {width:14px;} div.PublicProduct {position:relative; background:#FFF; border-radius:0.4em; -moz-border-radius:0.4m; -webkit-border-radius:0.4em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:-1px 1px 5px #AAA; -webkit-box-shadow:-1px 1px 5px #AAA; -moz-box-shadow:-1px 1px 5px #AAA; margin:0 10px; overflow:hidden;} div.PublicProduct > ul.Tab {position:absolute; top:0; left:0; width:100%; z-index:1; overflow:hidden;} div.PublicProduct > ul.Tab > li {float:left; width:25%; padding-bottom:7px;} div.PublicProduct > ul.Tab > li > a {display:block; font-size:0.85em; color:#FFF; line-height:2.7em; padding-top:2px; text-align:center; background:#999DA0; border-right:1px solid #787B7C;} div.PublicProduct > ul.Tab > li.Active {background:url('/_mobile/images/TabBg.png') bottom center no-repeat; background-size:15px 7px;} div.PublicProduct > ul.Tab > li.Active > a {background:#F73838;} div.PublicProduct > ul.Tab > li:last-child > a {border:none;} div.PublicProduct > div.Photo {width:100%; height:100%;} div.PublicProduct > div.Photo img {display:block; width:100%;} div.PublicProduct > div.Title {font-size:0.85em; color:#363636; line-height:2.7em; padding-top:2px; padding-left:15px;} /* DeliveryEx Style(납품사례) */ div.DeliveryEx {padding:15px 5px 10px 10px;} div.DeliveryEx > h2 {font-size:0.87em; color:#000; margin-bottom:10px; padding-left: 5px;} /* RelatedSearch Style(키워드검색창) */ div.RelatedSearch {background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; overflow:hidden;} div.RelatedSearch > div.Area {position:relative; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 25px 0px 50px; overflow:hidden;} div.RelatedSearch > div.Area > a {display:inline-block; font-size:0.8em; color:#4C4747; line-height:1.5em; margin-top:4px;} div.RelatedSearch > div.Area > div.Title {position:absolute; left:0; float:left; width:40px; height:20px; font-size:0.85em; color:#FFF; text-align:center; line-height:20px; background:url('/_mobile/images/RelatedSearchBg.png') no-repeat; background-size:contain;} div.RelatedSearch > div.Area > div.Btn {position:absolute; top:1px; right:0;} div.RelatedSearch > div.Area > div.Btn > a > img {width:17px;} div.RelatedSearch > div.Area > span.connect_keyword a {font-size:0.9em; vertical-align:top;} div.PhotoCategory {background:#FFF; box-shadow:-1px 1px 5px #AAA; -webkit-box-shadow:-1px 1px 5px #AAA; -moz-box-shadow:-1px 1px 5px #AAA; margin:15px 0;} div.PhotoCategory > ul {overflow:hidden;} div.PhotoCategory > ul > li {float:left; width:33.3%; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.PhotoCategory > ul > li > a {display:block; text-align:center; padding:10px 0;} div.PhotoCategory > ul > li > a > img {width:60px;} div.PhotoCategory > ul > li > a > span {display:block; font-size:0.85em; color:#2A2A2A;} div.PhotoCategory > ul > li:nth-child(3), div.PhotoCategory > ul > li:nth-child(6), div.PhotoCategory > ul > li:nth-child(9) {border-right:none;} div.PhotoCategory > ul > li:nth-child(7), div.PhotoCategory > ul > li:nth-child(8), div.PhotoCategory > ul > li:nth-child(9) {border-bottom:none;} div.MiniBanner {box-shadow:-1px 1px 5px #AAA; -webkit-box-shadow:-1px 1px 5px #AAA; -moz-box-shadow:-1px 1px 5px #AAA; margin-bottom:15px;} div.MiniBanner > a > img {display:block; width:100%;} div.HotDeal {background:#FFF; padding:15px 10px; box-shadow:0 1px 1px #D1D1D1; -webkit-box-shadow:0 1px 1px #D1D1D1; -moz-box-shadow:0 1px 1px #D1D1D1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:10px; margin-top:15px;} div.HotDeal > div.Title {position:relative; width:100%; margin-bottom:10px; overflow:hidden;} div.HotDeal > div.Title > p.Text1 {float:left; font-size:0.8em; color:#363636; border:1px solid #000; border-radius:15em; -moz-border-radius:15em; -webkit-border-radius:15em; padding:5px 8px 3px; margin-right:10px;} div.HotDeal > div.Title > p.Text2 {float:left; font-size:0.90em; color:#363636; line-height:2em;} div.HotDeal > div.Title > a {position:absolute; right:0;} div.HotDeal > div.Title > a > img {width:8px;} div.HotDeal > ul {overflow:hidden;} div.HotDeal > ul > li {float:left; width:33.3%;} div.HotDeal > ul > li > a {display:block; width:100%; margin-right:10px; padding-right:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.HotDeal > ul > li > a > img {width:100%; height:100%;} div.HotDeal > ul > li > a > p {width:100%; font-size:0.84em; color:#363636; padding-top:2px; margin-top:3px; white-space:nowrap; display: inline-block; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} div.BestProduct {background:#FFF; padding:5px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:0 1px 1px #D1D1D1; -webkit-box-shadow:0 1px 1px #D1D1D1; -moz-box-shadow:0 1px 1px #D1D1D1; margin-top:10px; margin-bottom:10px;} div.BestProduct > div.Title {position:relative; width:100%; border-bottom:2px solid #EFEFEF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:10px; padding:3px 10px; overflow:hidden;} div.BestProduct > div.Title > p.Best {float:left; font-size:0.87em; color:#FFF; line-height:2em; background:#C777DB; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:2px 8px 0; margin-right:10px;} div.BestProduct > div.Title > p.Text {float:left; font-size:0.90em; color:#363636; line-height:2.2em;} div.BestProduct > div.Title > a {float:right; margin-top:5px;} div.BestProduct > div.Title > a > img {width:8px;} div.BestProduct > ul {padding:10px 15px 10px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;} div.BestProduct > ul > li {float:left; width:33.3%;} div.BestProduct > ul > li > a {display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-right:10px; overflow:hidden;} div.BestProduct > ul > li > a > img {display:block; width:100%; height:100%; border:1px solid #CCC; border-radius:150em; -moz-border-radius:150em; -webkit-border-radius:150em;} div.BestProduct > ul > li > a > p {width:100%; font-size:0.84em; height: 34px; color:#333; text-align:center; padding-top:2px; margin-top:3px; display:inline-block; line-height:17px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} div.BestProduct > ul > li > a > p > span {display:block; width:100%; font-size:0.80em; color:#9B9B9B; text-align:center; padding-top:2px; margin-top:3px;} /* List & View & Write Style */ #List {background:#FFF; margin-top:15px;} #View {background:#FFF; margin-top:15px;} #Write {background:#FFF; margin-top:15px;} /* Table Style */ table.ListTable {width:100%;} table.ListTable thead tr th {font-size:0.95em; line-height:2.6em; background:#FFECEA; border-top:2px solid #333; border-bottom:1px solid #AFAFAF;} table.ListTable tbody tr td {font-size:0.85em; font-weight:normal; text-align:center; border-bottom:1px solid #C7C7C7; padding:8px 0 6px;} table.ListTable tbody tr td * {vertical-align:middle;} table.ListTable tbody tr td > a {display:block; font-size:1em;} table.ListTable tbody tr td > a > img {display:inline-block; margin-top:-3px;} table.ListTable tbody tr td > span.Date {display:inline-block; font-size:0.85em; font-weight:normal; color:#999; text-align:left;} table.ListTable tbody tr td.Left {text-align:left; padding-left:10px;} table.ListTable tbody tr td.ViewContent {text-align:left; padding:10px; } table.ListTable tbody tr td.ViewContent img{max-width:100%; height:auto} table.WriteTable {width:100%; border-top:1px solid #AFAFAF;} table.WriteTable thead tr th {font-size:0.85em; color:#2D2D2D; text-align:left; line-height:2.6em; border-bottom:1px solid #C7C7C7; padding-left:10px;} table.WriteTable thead tr td {font-size:0.85em; color:#AFAFAF; line-height:2.6em; border-bottom:1px solid #C7C7C7;} table.WriteTable thead tr td input {width:100%; font-size:1em; font-weight:normal; color:#444;} table.WriteTable tbody tr td.WriteContent {text-align:left; border-bottom:1px solid #C7C7C7; padding:10px;} table.WriteTable tbody tr td.WriteContent textarea {width:100%;} table.JoinType {width:100%;} table.JoinType tbody tr th {font-size:0.8em; color:#2D2D2D; text-align:left; line-height:2.2em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 8px 0; overflow:hidden;} table.JoinType tbody tr th * {vertical-align:middle;} table.JoinType tbody tr th input[type="checkbox"] + label {float:right; padding-left:0;} table.JoinType tbody tr th.None {border-bottom:none;} table.JoinType tbody tr th.None2 {border-top:none;} table.JoinType tbody tr td {font-size:0.8em; font-weight:normal; color:#999; line-height:2.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} table.JoinType tbody tr td * {vertical-align:middle;} table.JoinType tbody tr td input[type="text"] {font-size:0.84em;} table.JoinType tbody tr td input[type="radio"] + label {font-size:1em; margin-left:10px;} table.JoinType tbody tr td p {font-size:1em; color:#999; font-weight:normal; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:8px;} table.JoinType tbody tr td a.Btn {position:absolute; top:2px; right:3px; display:inline-block; font-size:1em; color:#919090; text-align:center; line-height:2em; background:#FFF; border:1px solid #929292; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:2px 5px 0;} table.JoinType tbody tr td ul.Email {overflow:hidden;} table.JoinType tbody tr td ul.Email li {float:left; width:50%; line-height:2.4em; border-right:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} table.JoinType tbody tr td ul.Email li:last-child {border-right:none;} table.JoinType tbody tr td input[type="text"] {font-size:0.84em;} table.JoinType tbody tr td.Left {padding-left:10px;} table.JoinType tbody tr td input { border: 1px solid #ddd } table.BuyType {width:100%; margin-bottom:10px;} table.BuyType.Type2 {border-top:2px solid #34324B;} table.BuyType tbody tr th {font-size:0.8em; color:#626262; text-align:left; line-height:2.2em; background:#E1E1E1; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 8px 0; overflow:hidden;} table.BuyType tbody tr th.GrayBg {background:#F4F4F4; padding:8px 8px 6px;} table.BuyType tbody tr th.Title {background:#FFF;} table.BuyType tbody tr th input[type="radio"] + label {font-size:1em;} table.BuyType tbody tr td {position:relative; font-size:0.8em; font-weight:normal; color:#999; line-height:2.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 8px;} table.BuyType tbody tr td * {vertical-align:middle;} table.BuyType tbody tr td a.Btn {display:inline-block; font-size:0.97em; color:#363636; text-align:center; line-height:1.8em; background:#FFF; border:2px solid #222; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:2px 5px 0;} table.BuyType tbody tr td a.Btn * {vertical-align:middle;} table.BuyType tbody tr td input[type="text"] {font-size:1em; height:28px; border:1px solid #C7C7C7;} table.BuyType tbody tr td select {font-size:1em; font-weight:normal; height:28px; border:1px solid #C7C7C7; padding-left:4px;} table.BuyType tbody tr td textarea {font-size:1em; width:100%; height:100px; font-size:1em; font-weight:normal; color:#999; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:8px;} table.BuyType tbody tr td em {font-size:1em; color:#FC0000;} table.BuyType tbody tr td.Photo {padding:8px;} table.BuyType tbody tr td.Photo img {display:block; width:100%;} table.BuyType tbody tr td.Comment {color:#6B6868; line-height:1.25em; background:#E4F6FD;} table.BuyType tbody tr td.Comment * {vertical-align:middle;} table.BuyType tbody tr td.Comment em {display:inline-block; font-size:1em; color:#131414; line-height:1em;} table.BuyType input[type="checkbox"] + label { padding-left:0px} @media screen and (max-width:320px) { table.BuyType tbody tr th {font-size:0.68em;} } /* 2016 1. 25 추가 수량별 단가표*/ table.BuyType2 {width:100%; margin-bottom:10px;} table.BuyType2.Type2 {border-top:2px solid #34324B;} table.BuyType2 tbody tr th {font-size:0.8em; color:#626262; text-align:center; width:55px; line-height:1.6em; background:#EBEBEB; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 3px 0; overflow:hidden; white-space: nowrap;} table.BuyType2 tbody tr th.GrayBg {background:#F4F4F4; padding:8px 8px 6px;} table.BuyType2 tbody tr th.Title {background:#FFF;} table.BuyType2 tbody tr th input[type="radio"] + label {font-size:1em;} table.BuyType2 tbody tr td {position:relative; font-size:0.8em; font-weight:normal; color:#999; text-align:center; line-height:1.9em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 1px;} table.BuyType2 tbody tr td * {vertical-align:middle;} table.BuyType2 tbody tr td a.Btn {display:inline-block; font-size:0.97em; color:#363636; text-align:center; line-height:1.8em; background:#FFF; border:2px solid #222; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:2px 5px 0;} table.BuyType2 tbody tr td a.Btn * {vertical-align:middle;} table.BuyType2 tbody tr td input[type="text"] {font-size:1em; height:28px; border:1px solid #C7C7C7;} table.BuyType2 tbody tr td select {font-size:1em; font-weight:normal; height:28px; border:1px solid #C7C7C7; padding-left:4px;} table.BuyType2 tbody tr td textarea {font-size:1em; width:100%; height:100px; font-size:1em; font-weight:normal; color:#999; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:8px;} table.BuyType2 tbody tr td em {font-size:1em; color:#FC0000;} table.BuyType2 tbody tr td.Photo {padding:8px;} table.BuyType2 tbody tr td.Photo img {display:block; width:100%;} table.BuyType2 tbody tr td.Comment { font-family:Verdana !important; color:#6B6868; line-height:2.2em; background:#FFECEA; font-weight:bold;} table.BuyType2 tbody tr td.Comment * {vertical-align:middle;} table.BuyType2 tbody tr td.Comment em {display:inline-block; font-size:1em; color:#131414; line-height:1em;} @media screen and (max-width:320px) { table.BuyType2 tbody tr th {font-size:0.6em; color:#626262; text-align:center; width:55px; line-height:1.6em; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 3px 0; overflow:hidden;} table.BuyType2 tbody tr th.GrayBg {background:#F4F4F4; padding:8px 8px 6px;} table.BuyType2 tbody tr th.Title {background:#FFF;} table.BuyType2 tbody tr th input[type="radio"] + label {font-size:0.8em;} table.BuyType2 tbody tr td {position:relative; font-size:0.6em; font-weight:normal; color:#999; text-align:center; line-height:2.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 3px;} table.BuyType2 tbody tr td.Comment { font-family:Verdana !important; color:#6B6868; font-size:0.7em; line-height:2.2em; background:#FFECEA; font-weight:bold;} table.BuyType2 tbody tr td.Comment * {vertical-align:middle;} table.BuyType2 tbody tr td.Comment em {display:inline-block; font-size:0.8em; color:#131414; line-height:0.8em;} } a.BtnFile {display:inline-block; font-size:0.95em; color:#868585; text-align:center; line-height:2em; background:#FFF; border:2px solid #ACACAC; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:0 10px;} /* Page Style */ .Page {width:100%; display:inline-block; margin:12px 0; text-align:center;} .Page > ul {display:inline-block; text-align:center; overflow:hidden;} .Page > ul > li {display:inline;} .Page > ul > li a {display:inline-block; width:28px; height:23px; font-size:0.92em; color:#2C2C2C; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border:1px solid #000; padding-top:5px;} .Page > ul > li a:hover {background:#EEE;} .Page > ul > li.Active > a {background:#EEE;} .Page > ul > li.BtnPrev > a {background:url('/_mobile/images/Common/BtnPrev.gif') center center no-repeat; background-size:14px; text-indent:-9999em; margin-right:5px;} .Page > ul > li.BtnNext {margin-right:0;} .Page > ul > li.BtnNext > a {background:url('/_mobile/images/Common/BtnNext.gif') center center no-repeat; background-size:14px; text-indent:-9999em; margin-left:5px;} /* Btn Style */ div.BtnMainArea {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 12px; margin-top:0; overflow:hidden;} div.BtnArea {text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:12px; overflow:hidden;} div.BtnArea > ul {width:100%; padding-bottom:5px; overflow:hidden;} div.BtnArea > ul > li {float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.BtnArea > ul > li:nth-child(1) {padding-right:5px;} div.BtnArea > ul > li:nth-child(2) {padding-left:5px;} div.BtnArea2 {margin-top:40px;} div.BtnBasketArea {clear:both; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0px 10px 20px; overflow:hidden;} div.BtnBasketArea > a.BtnRedType6 {float:left; width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2%;} div.BtnBasketArea > a.BtnRedType7 {float:left; width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.BtnBasketArea > a.BtnGrayType5 {float:left; width:30%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} a.BtnBlueType {display:block; font-size:0.85em; color:#333; text-align:center; line-height:2.4em; background:#FFF; border:2px solid #333; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px;} a.BtnBlueType2 {display:block; font-size:0.85em; color:#262626; text-align:center; line-height:2.6em; background:#F1F1F1; border:2px solid #969A9B; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} a.BtnGrayType {display:block; font-size:0.85em; color:#4A4E53; text-align:center; line-height:2.4em; background:#FFF; border:2px solid #929292; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px;} a.BtnGrayType2 {display:inline-block; font-size:0.85em; color:#454545; text-align:center; line-height:2em; background:url('/_mobile/images/Btn/BtnGrayBg.gif') bottom center repeat-x; background-size:1px 35px; border:1px solid #8A8A8A; padding:5px 30px 3px; margin:0 8px;} a.BtnGrayType3 {display:block; font-size:0.85em; color:#4A4E53; text-align:center; line-height:2em; background:#E3E3E3; border:1px solid #8C8C8C; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding-top:1px;} a.BtnGrayType4 {display:inline-block; font-size:0.8em; color:#3C3C3C; text-align:center; line-height:2em; background:#FFF; border:1px solid #464141; padding:1px 15px 0;} a.BtnGrayType5 {display:block; font-size:0.84em; color:#626262; text-align:center; line-height:2.5em; background:#FFF; border:1px solid #8A8A8A; padding:1px 15px 0;} a.BtnRedType {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2.4em; background:#DE0A0D; border:2px solid #BC0E10; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px;} a.BtnRedType2 {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2.5em; background:#ED3033; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px; margin-bottom:10px;} a.BtnRedType3 {display:inline-block; font-size:0.85em; color:#FFF; text-align:center; line-height:2em; background:url('/_mobile/images/Btn/BtnRedBg.gif') bottom center repeat-x; background-size:1px 35px; border:1px solid #8A8A8A; padding:5px 30px 3px; margin:0 8px;} a.BtnRedType4 {display:block; font-size:0.85em; color:#D60001; text-align:center; line-height:2.4em; background:#FFF; border:1px solid #C10001; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding-top:2px;} a.BtnRedType5 {display:inline-block; font-size:0.8em; color:#D60001; text-align:center; line-height:1.8em; background:#FFF; border:2px solid #C10001; padding:1px 15px 0;} a.BtnRedType6 {display:block; font-size:0.84em; color:#FFF; text-align:center; line-height:2.5em; background:#DE0A0D; border:1px solid #BC0E10; padding:1px 15px 0;} a.BtnRedType7 {display:block; font-size:0.84em; color:#D60001; text-align:center; line-height:2.3em; background:#FFF; border:2px solid #DE0A0D; padding:2px 15px 0;} a.BtnVioletType {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2.5em; background:#878787; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px; margin-bottom:10px;} a.BtnVioletType2 {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2.6em; background:#3B478C; border:1px solid #1E2A70; padding-top:2px; margin-top:10px;} /* 구매 취급정책 하단 회원가입, 로그인 */ a.BtnVioletType3 {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2em; background:#878787; padding-top:2px; margin-top:20px; width:49%; float:left; margin-bottom:10px;margin-right:2%} a.BtnVioletType4 {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2em; background:#878787; padding-top:2px; margin-top:20px; width:49%; float:right; margin-bottom:10px;} a.BtnWhiteType {display:block; font-size:0.85em; color:#2F2E2E; text-align:center; line-height:2.6em; background:#FFF; border:2px solid #111; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} a.BtnNavy {display:inline-block; font-size:0.8em; color:#FFF; line-height:1.8em; background:#34495E; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding:2px 12px 0;} a.BtnGray {display:inline-block; font-size:0.8em; color:#FFF; line-height:1.8em; background:#7F8C8D; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding:2px 12px 0;} BtnRedType2 {display:block; font-size:0.85em; color:#FFF; text-align:center; line-height:2.5em; background:#ED3033; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding-top:2px; margin-bottom:10px;} /* Member Style (로그인&회원가입&정보수정) */ div.MemberLogo {text-align:center; margin:15px 0;} div.MemberLogo > img {width:170px;} div.MemberTitle {font-size:1em; color:#1E1E1E; background:url('/_mobile/images/Common/Bullet.png') left center no-repeat; background-size:13px 15px; padding-left:12px; margin-bottom:10px;} div.MemberTitle > p {display:inline-block; font-size:0.8em; color:#999; margin-left:5px;} div.MemberCheckText {margin-bottom:40px;} div.MemberCheckText > input[type="checkbox"] + label {font-weight:bold;} div.MemberCheckText > span {font-size:1em; color:#999; line-height:2em;} div.MemberCheckText.Type2 {margin-bottom:0} div.MemberCheckText.Type2 input,.JoinType input {display:inline-block;margin-right:3px} div.MemberCheckText.Type3 {margin-bottom:5px;} #MemberHeader {position:relative; background:#FFF; border-bottom:1px solid #A9A8AD; box-shadow:0 3px 10px #CECECE; -webkit-box-shadow:0 3px 10px #CECECE; -moz-box-shadow:0 3px 10px #CECECE;} #MemberHeader > p {font-size:1.1em; color:#1E1E1E; text-align:center; line-height:2.6em; padding-top:2px;} #MemberHeader > a.BtnClose {position:absolute; top:10px; right:10px; display:inline-block; font-size:0.9em; color:#9A9696; text-align:center; line-height:1.8em; background:#FFF; border:1px solid #C6C6C6; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:0 10px;} #MemberHeader > a.BtnPrev {position:absolute; top:10px; left:10px;} #MemberHeader > a.BtnPrev img {width:16px;} #Login {padding:10px;} #Login div.MemberLogo {margin:25px 0;} #Login ul.InputType {margin-bottom:10px;} #Login ul.InputType > li {margin-bottom:10px;} #Login ul.InputType > li * {vertical-align:middle;} #Login ul.InputType > li > input[type="text"] {width:100%; font-size:0.9em; color:#AFAFAF; line-height:2.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px;} #Login ul.InputType > li > input[type="password"] {width:100%; font-size:0.9em; color:#AFAFAF; line-height:2.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px;} #Login div.BtnArea {padding:12px 0;} #Login a.BtnIDSearch {float:left; display:block; width:50%; font-size:0.9em; color:#6A6A6A; text-align:center; background:url('/_mobile/images/Btn/BtnIdSearch.png') top center no-repeat; background-size:30px; padding-top:38px; margin-top:30px;} #Login a.BtnPWSearch {float:left; display:block; width:50%; font-size:0.9em; color:#6A6A6A; text-align:center; background:url('/_mobile/images/Btn/BtnPWSearch.png') top center no-repeat; background-size:30px; padding-top:38px; margin-top:30px;} #Join div.JoinLine {margin-top:15px; padding-bottom:15px; border-bottom:1px solid #C7C7C7;} #Join div.JoinLine > div.Comment {font-size:0.8em; color:#343434; background:#FFF; border:2px solid #343434; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; margin-bottom:10px;} #Join div.JoinLine.None {border-bottom:none;} ul.JoinStep1 > li {font-size:0.85em; color:#999; line-height:2.1em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 10px 10px 15px; margin-bottom:10px; overflow:hidden;} ul.JoinStep1 > li * {vertical-align:middle;} ul.JoinStep1 > li > a.BtnDetail {float:right; margin-right:5px;} ul.JoinStep1 > li > input[type="checkbox"] + label {float:right; padding-left:0;} a.BtnDetail {display:inline-block; font-size:1em; color:#9A9696; text-align:center; line-height:1.8em; background:#FFF; border:1px solid #C7C7C7; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:1px 10px 0;} #Agreement dl.Agree dt {font-size:0.85em; color:#1E1E1E; padding:10px 10px 0 10px;} #Agreement dl.Agree dd {font-size:0.8em; font-weight:normal; color:#999; border-bottom:1px solid #E1E1E1; padding:10px;} #Agreement dl.Agree dd:last-child {border-bottom:none;} /* Setting Style */ #Setting {padding:10px 10px 0 10px; margin-bottom:-10px;} #Setting > div.Title {font-size:1em; color:#4C4747; padding-left:10px; margin-bottom:5px;} #Setting > div.SettingBox {background:#FFF; border:1px solid #CCC; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; margin-bottom:20px;} #Setting > div.SettingBox ul li {position:relative; font-size:0.83em; color:#5E5E5E; padding:10px 15px; z-index:0; overflow:hidden;} #Setting > div.SettingBox ul li p {font-size:1em; color:#5E5E5E;} #Setting > div.SettingBox ul li p em {font-size:1em; color:#F10202;} #Setting > div.SettingBox ul li a {font-size:1em; color:#5E5E5E;} #Setting > div.SettingBox ul li.Line {border-bottom:1px solid #CCC;} #Setting > div.SettingBox ul li p.Comment {display:block; font-size:0.95em; font-weight:normal; color:#999; margin-top:4px;} #Setting > div.SettingBox ul li input[type="checkbox"] {display:block;} #Setting > div.SettingBox ul li input[type="checkbox"] + label {position:absolute; top:18px; right:15px; display:inline-block; width:20px; height:20px; background:url('/_mobile/images/Common/CheckDefault.gif') no-repeat; background-size:20px; padding-left:0; text-indent:-9999em; cursor:pointer; z-index:1;} #Setting > div.SettingBox ul li input[type="checkbox"]:checked + label {background:url('/_mobile/images/Common/CheckActive.gif') no-repeat; background-size:20px;} /* CustomerCenter Style(고객센터) */ div.Depth1Title {font-size:1em; color:#1E1E1E; background:url('/_mobile/images/Common/Bullet.png') 15px center no-repeat; background-size:13px 15px; padding-left:27px; margin-bottom:10px;} #CustomerCenter {padding:15px 10px;} #CustomerCenter ul.Customer {border-top:2px solid #7D7D7D; overflow:hidden;} #CustomerCenter ul.Customer li {float:left; width:33.3%;} #CustomerCenter ul.Customer li > a {display:block; font-size:0.85em; text-align:center; background:#FFF; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 0 8px} #CustomerCenter ul.Customer li > a:hover, #CustomerCenter ul.Customer li > a:active {color:#000; background:#F5F9D1;} #CustomerCenter ul.Customer li:nth-child(3), #CustomerCenter ul.Customer li:nth-child(6) {width:33.3%; } #CustomerCenter ul.Customer li:nth-child(3) > a, #CustomerCenter ul.Customer li:nth-child(6) > a {border-right:2px solid #7D7D7D;} #CustomerCenter ul.Customer li:nth-child(1), #CustomerCenter ul.Customer li:nth-child(4) {width:33.3%;} #CustomerCenter ul.Customer li:nth-child(1) > a, #CustomerCenter ul.Customer li:nth-child(4) > a {border-left: 2px solid #7d7d7d;} #CustomerCenter ul.Customer li:nth-child(4) > a, #CustomerCenter ul.Customer li:nth-child(5) > a, #CustomerCenter ul.Customer li:nth-child(6) > a {border-bottom:2px solid #7D7D7D;} #OperationGuide {padding:15px 0;} #OperationGuide div.Comment {font-size:0.83em; font-weight:normal; color:#999; background:#FFF; border:2px solid #555; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; margin:10px;} #DeliverySearch {padding:15px 0 5px;} #PurchaseList {padding:15px 0 5px;} #PurchaseList div.PurchaseList {padding:0 10px 10px;} #PurchaseList div.PurchaseList ul.BasketList li {padding:0;} #PurchaseList div.PurchaseList ul.BasketList li div.Photo {left:10px;} #PurchaseList div.PurchaseList ul.BasketList li div.BasketTitle {padding-left:120px; padding-right:10px;} #PurchaseList div.PurchaseList ul.BasketList li div.OptionBox {margin:10px;} dl.Guide {border-top:1px solid #E1E1E1;} dl.Guide > dt {position:relative; font-size:0.83em; color:#4B4B4B; line-height:2.8em; background:#FFF; border-bottom:1px solid #E1E1E1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:4px 10px 0 40px;} dl.Guide > dt * {vertical-align:middle;} dl.Guide > dt > span {position:absolute; font-weight: normal; top:14px; left:10px; display:inline-block; width:18px; height:16px; font-size:0.95em; color:#FFF; text-align:center; background:#ED4A56;border-radius: 9px; line-height: 18px; margin-right:5px; padding-top:2px;} dl.Guide > dd {font-size:0.83em; font-weight:normal; background:#F5F5F5; color:#999; zborder-bottom:1px solid #E1E1E1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px;} dl.Guide > dd > ul li {font-size:0.82em; font-weight:normal; color:#999; background:url('/_mobile/images/Common/Bullet2.gif') left 8px no-repeat; background-size:5px 1px; padding-left:9px;} dl.Guide > dd em {font-size:1em; color:#777; font-weight:bold;} dl.DeliverySearch {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 10px 10px;} dl.DeliverySearch dt {float:left; width:35%; font-size:0.8em; color:#575757; text-align:center; line-height:1.9em; background:#FFF; border:2px solid #535353; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:2px; margin-bottom:5px;} dl.DeliverySearch dd {position:relative; float:left; width:65%;margin-bottom:5px; box-sizing:border-box; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 50px 0 10px; margin-bottom:10px;} dl.DeliverySearch dd > a.Search {position:absolute; display:inline-block; top:0; right:0; font-size:0.75em; color:#FFF; text-align:center; line-height:1.7em; background:url('/_mobile/images/Btn/BtnNavyBg.gif') bottom center repeat-x; background-size:1px 35px; border:1px solid #C7C7C7; padding:5px 10px 3px;} dl.DeliverySearch dd > input {width:100%; font-size:0.8em; height: 2.2em; line-height:2.2em; border:1px solid #C4C3C3; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* ProductView Style(상품상세페이지) */ #ProductView {border-top:1px solid #333; padding-bottom:0px;} div.ProductBig {background:#FFF; border-bottom:1px solid #e0e0e0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 18%;} div.ProductBig img {display:block; width:100%;} div.ProductViewTitle {background:#FFF; border-bottom:1px solid #9A9999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px;} div.ProductViewTitle div.ViewCode {float:left; font-size:0.8em; line-height:2em;} div.ProductViewTitle div.ViewCode em {display:inline-block; font-size:1.3em; color:#FFF; background:#5795F2; padding:4px 5px; border-radius:0.3em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} div.ProductViewTitle div.Btn {float:right; font-size:0.8em; /*margin:5px 0px 5px;*/ } div.ProductViewTitle div.Btn a{font-size:0.9em;} div.ProductViewTitle div.Title {clear:both; font-size:1.1em; color:#222; padding-top:5px;} div.ProductViewTitle div.Title2 {clear:both; font-size:1.1em; color:#222; padding-top:0px;} @media screen and (max-width:320px) { div.ProductViewTitle div.Title {font-size:0.9em;} } div.ProductViewTitle2 {background:#FFF; border-bottom:1px solid #9A9999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 5px; overflow:auto;} div.ProductViewTitle2 div.ViewCode {float:left; font-size:0.8em; line-height:2em;} div.ProductViewTitle2 div.ViewCode em {display:inline-block; font-size:1em; color:#FFF; line-height:2em; background:#5795F2; padding:0 5px; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} div.ProductViewTitle2 div.Btn {float:right; font-size:0.8em; margin:10px 0px 5px; } div.ProductViewTitle2 div.Btn a{font-size:1em;} div.ProductViewTitle2 div.Title {clear:both; font-size:1.1em; color:#222; padding-top:5px;} div.ProductViewTitle2 table tbody tr td{ font-size:0.85em; font-weight:normal; color:#999;} div.ProductViewTitle2 table tbody tr td em{ font-size:1.1em; font-weight:bold; color:#575757;} @media screen and (max-width:320px) { div.ProductViewTitle2 table tbody tr td{ font-size:0.77em; font-weight:normal; color:#999;} } /* 네비 */ div.ProductViewTitle3 {height:38px; background:#FFF; border-bottom:1px solid #cecece; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 0 0; width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hhidden; } div.ProductViewTitle3 div.Btn { text-align:right; float:right; font-size:0.8em; width:90%; margin-right:6px; padding:-3px 0px 0px 7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;display:inline; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} div.ProductViewTitle3 div.Btn a { height:38px; font-size:1.02em; overflow:auto; display:inline;white-space:nowrap; } div.ProductViewTitle3 div.Btn a > span{ height:38px; font-size:1.02em; line-height:1.02em;} div.ProductViewTitle3 div.Btn > span{ height:38px; font-size:1.02em; line-height:1.02em; vertical-align:text-top;} div.ProductViewTitle3 span a.BtnClose {display:block; width:20px; height:100%;float:left; padding:2px 0 0 4px;} div.ProductViewTitle3 span a.BtnClose img {display:block; width:20px; float:left; margin-right:2px; padding:2px 5px 0 5px;} div.ProductViewSelect {background:#FFF; overflow:auto; border-top:3px solid #D9D9D9; border-bottom:1px solid #9A9999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 5px 5px 5px;} div.ProductViewSelect > ul > li {position:relative; border-bottom:1px solid #f2f2f2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 0; overflow:hidden;} div.ProductViewSelect > ul > li.point {position:relative; background:#ffecea; border-bottom:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 0 5px 0; overflow:hidden;} div.ProductViewSelect > ul > li.bottom_n {position:relative; border-bottom:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 0; overflow:hidden;} div.ProductViewSelect > ul > li div.Title {position:absolute; float:left; width:70px; font-size:0.84em; color:#151010; line-height:2em; text-align:right; padding-top:2px;} div.ProductViewSelect > ul > li div.Title_p {position:absolute; float:left; width:70px; font-size:0.84em; color:#151010; line-height:2em; text-align:right; padding-top:0px;} div.ProductViewSelect > ul > li div.Text {font-size:0.85em; color:#4C4747; line-height:2.1em; text-align:center; padding:2px 0 0 90px;} div.ProductViewSelect > ul > li div.Text > p > span {font-size:0.6em; color:#7C7C7C; line-height:1.2em; padding-top:1px;} div.ProductViewSelect > ul > li div.Text > p > span.font {font-size:0.9em; color:#302E2E; line-height:1.2em; padding-top:1px;} div.ProductViewSelect > ul > li div.Text > p > span.font_r {font-size:0.9em; color:#ff1313; line-height:1.2em; padding-top:1px;} div.ProductViewSelect > ul > li div.Text > p > span.font_b {font-size:0.9em; color:#0180F7; line-height:1.2em; padding-top:1px;} div.ProductViewSelect > ul > li div.Text > p.Blue {font-size:1.05em; color:#0180F7; line-height:1.9em;} div.ProductViewSelect > ul > li div.Text > p.Red {font-size:1.5em; color:#EA2701; line-height:1.3em;} div.ProductViewSelect > ul > li div.Text > p.Gray {font-size:1.5em; color:#302E2E; line-height:1.3em;} div.ProductViewSelect > ul > li div.Text > p.Gray2 {font-size:1.05em; color:#ff1313; line-height:1.3em;background:#ffecea;} div.ProductViewSelect > ul > li div.Text > p.Gray3 {font-size:1.2em; color:#302E2E; line-height:1.3em;} /*div.ProductViewSelect > ul > li div.Text > p.Gray2 {font-size:1em; color:#7C7C7C; line-height:1.3em; float:right}*/ div.ProductViewSelect > ul > li div.Text > select {width:90%; font-size:1em; color:#4C4747; height:30px; background:#F7F7F7; border:1px solid #C0C0C0; margin-top:-2px;} div.ProductViewSelect > ul > li:last-child {border-bottom:none;} @media screen and (max-width:320px) { div.ProductViewSelect > ul > li div.Title {font-size:0.77em; letter-spacing:-0.1em;} } div.ProductViewSelect > ul > li div.Text > p > .Blue{font-size:1em; color:#0180F7; line-height:1.9em; text-align:right; width:60%; } div.ProductViewSelect > ul > li div.Text > p > .Red{font-size:1em; color:#EA2701; line-height:1.3em; text-align:right; width:60%;} div.ProductViewSelect > ul > li div.Text > p > .Gray{font-size:1em; color:#302E2E; line-height:1.3em; text-align:right; width:60%;} div.ProductViewSelect > ul > li div.Text > p > .Gray2{font-size:1em; color:#ff1313; background:#ffecea;line-height:1.3em; text-align:right; width:60%;} div.ProductViewSelect > ul > li div.Text > p > .Gray3{font-size:1em; color:#043BBE; line-height:1.3em; background:#F7F7F7; border:1px solid #BFBFBF; padding-right:2px; line-height:1.5em; text-align:right; width:60%;} /*div.ProductViewSelect > ul > li div.Text > p > .Gray2{font-size:1em; color:#7C7C7C; line-height:1.3em; text-align:right; width:30%}*/ div.ProductViewBtn {text-align:center; background:#FFF; border-top:3px solid #D9D9D9; border-bottom:1px solid #9A9999; /*border-bottom:1px solid #9A9999;*/ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 10px 0;} div.ProductViewBtn > div.Call {display:inline-block; width:50%; background:#f0f7fc; font-size:1.25em; color:#555555; white-space:nowrap; overflow: hidden; letter-spacing:-0.05em; border:1px solid #b6d0e1; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding:5px 15px 3px; margin-bottom:0px;} div.ProductViewBtn > div.Call * {vertical-align:middle;} div.ProductViewBtn > div.Call > img {width:22px; margin-top:-7px; margin-right:5px;} div.ProductViewBtn > div.Call > span > a{font-size:1em; color:#333; vertical-align:2px;} div.ProductViewBtn > div.Btn {position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:90px; padding-bottom: 10px; overflow:hidden;} div.ProductViewBtn > div.Btn a {float:left; display:block; height:40px; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.ProductViewBtn > div.Btn a.BtnBuy {width:100%; font-size:1.2em; color:#FFF; line-height:2.3em; background:#FF6766; padding-top:1px;} div.ProductViewBtn > div.Btn a.BtnBasket {position:absolute; left:0; width:82px; background:#fff; border:2px solid #FF6766; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; padding-top:6px;} div.ProductViewBtn > div.Btn a.BtnBasket img {width:30px; margin-top:-1px;} div.ProductViewBtn2 {background:#FFF; /*border-bottom:1px solid #9A9999;*/ padding:5px 0 10px;} div.ProductViewBtn2 > ul {overflow:hidden;display: grid;grid-template-columns: repeat(auto-fit, minmax(33.3%, auto))} div.ProductViewBtn2 > ul > li {} div.ProductViewBtn2 > ul > li > a {display:block; text-align:center; margin:0 3px;} @media screen and (max-width:320px) { div.ProductViewSelect > ul > li div.Title {font-size:0.77em; letter-spacing:-0.1em;} } /* ul.ViewTypeTab {overflow:hidden;} ul.ViewTypeTab li {float:left; width:33.3%;} ul.ViewTypeTab li:last-child {width:33.4%;} ul.ViewTypeTab li > a {display:block; font-size:0.85em; color:#A4A4A4; line-height:2.3em; text-align:center; background:#E6E6E6; border:1px solid #D5D5D5; border-left:none; padding-top:2px;} ul.ViewTypeTab li.Active > a {color:#646464; line-height:2.2em; background:#FFF; border-top:3px solid #000;} ul.ViewTypeTab li:last-child > a {border-right:none;} */ /* ----------------최혜선 2016 01 14 수정 ---------------------// */ ul.ViewTypeTab {overflow:hidden;} ul.ViewTypeTab li {float:left; width:24.5%;} ul.ViewTypeTab li:last-child {width:26.5%;} ul.ViewTypeTab li > a {display:block; font-weight:normal; font-size:0.8em; color:#333; line-height:2.3em; text-align:center; background:#ffffff; border-top:1px solid #777; border-bottom:1px solid #D5D5D5;border-right:1px solid #f2f2f2; border-left:none; padding-top:2px;} ul.ViewTypeTab li.Active > a {color:#f62e3d; line-height:2.26em; background:#FFF; border-top:2px solid #f62e3d; font-weight:bold} ul.ViewTypeTab li:last-child > a {border-right:none;} /* // -----------------최혜선 2016 01 14 수정-------------------- */ div.ProductViewInfo {background:#FFF; margin-bottom:10px; border-top:10px solid #D9D9D9;} div.ProductViewInfo > div.Content {padding:1px 0;} div.ProductViewInfo > div.Content img {width:100%; height:100%;} /* -------------- 최혜선 2016 01 14 수정//-------------------- */ div.ProductViewInfo2 {background:#FFF; border-bottom:1px solid #D5D5D5; margin-top:10px; margin-bottom:10px;} div.ProductViewInfo2 > div.Content {padding:12px;} div.ProductViewInfo2 > div.Content > div.Title {font-size:0.93em; color:#222; margin-bottom:10px;} /* // --------------최혜선 2016 01 14 수정-------------- */ div.ProductViewInfo3 {background:#FFF; margin-bottom:10px;} div.ProductViewInfo3 > div.Content {padding:12px;} div.ProductViewInfo3 > div.Content > div.Title {font-size:0.93em; color:#222; margin-bottom:10px; } ol.ProductViewNumber li {position:relative; font-size:0.8em; color:#888; font-weight:normal; margin-bottom:10px; padding-left:21px;} ol.ProductViewNumber li * {vertical-align:middle;} ol.ProductViewNumber li span {position:absolute; top:-1px; left:0; display:inline-block; width:14px; height:12px; font-size:0.8em; color:#FFF; text-align:center; background:#a1a1a1; border:1px solid #909090; border-radius:9px; padding-top:1px; } ol.ProductViewNumber li a {display:inline-block; font-size:0.83em; color:#FFF; background:#628AD0; border:1px solid #3862AD; padding:2px 10px 1px; margin-top:-2px; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em;} /* Basket Style */ #Basket {padding-top:15px;} #Basket h2 {font-size:0.85em; color:#FFF; background:#959595; border-top:1px solid #B4010E; border-bottom:1px solid #7E7D7E; padding:12px 10px 10px;} #Basket input[type="checkbox"] + label {font-weight:bold; color:#4C4747; background:url('/_mobile/images/Common/CheckDefault3.png') no-repeat; background-size:23px 22px;} #Basket input[type="checkbox"] + label > em {font-size:1em; color:#EC0C05;} #Basket input[type="checkbox"]:checked + label {background:url('/_mobile/images/Common/CheckActive3.png') no-repeat; background-size:23px 22px;} div.AllCheck {padding:0 15px;} div.BasketList {padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} ul.BasketList > li {position:relative; background:#FFF; border:1px solid #D9DBDE; box-shadow:1px 1px 1px #8F9093; -webkit-box-shadow:1px 1px 1px #8F9093; -moz-box-shadow:1px 1px 1px #8F9093; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; margin-bottom:10px; overflow:hidden;} ul.BasketList > li > div.Check {position:absolute; float:left; left:10px; width:32px;} ul.BasketList > li > div.Photo {position:absolute; float:left; left:10px; width:100px;} ul.BasketList > li > div.Photo img {display:block; width:100%;} ul.BasketList > li > div.BasketTitle {font-size:0.84em; min-height:100px; padding-left:142px;} ul.BasketList > li > div.BasketTitle > div.BasketCode {font-size:0.8em; line-height:2em; margin-bottom:5px;} ul.BasketList > li > div.BasketTitle > div.BasketCode em {display:inline-block; font-size:1em; color:#FFF; line-height:2em; background:#00A7F7; padding:2px 5px 0; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} ul.BasketList > li > div.BasketTitle > div.BasketState {font-size:1em; color:#A7A7A7; line-height:2em; margin-top:5px;} ul.BasketList > li > div.BasketTitle div.Title {display:block; font-size:1em;} ul.BasketList > li > div.BasketTitle div.Title > a{display:block; font-size:1em;} @media screen and (max-width:320px) { ul.BasketList > li > div.Photo {position:absolute; float:left; left:10px; width:80px;} ul.BasketList > li > div.Photo img {display:block; width:100%;} ul.BasketList > li > div.BasketTitle div.Title > a {display:block; font-size:0.8em;} } ul.BasketList > li > div.OrderNumber {font-size:0.85em; font-weight:normal; color:#7B7B7B; background:#BED6E9; border-bottom:1px solid #C0C0C0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:8px 10px 6px; margin-bottom:10px;} ul.BasketList > li > div.OrderNumber a {font-size:1em; font-weight:normal; color:#197EFB; text-decoration:underline;} ul.BasketList > li > div.OrderNumber span {font-size:1em; color:#303030;} ul.BasketList > li > div.OptionBox {border:1px solid #C0C0C0; margin-top:10px;} ul.BasketList > li > div.OptionBox > div.Option {position:relative; font-size:0.84em; color:#075BE6; background:#EBEBEB; border-bottom:1px solid #C0C0C0; padding:7px 10px;} ul.BasketList > li > div.OptionBox > div.Option a.BtnGrayType4 {position:absolute; right:0; font-size:0.9em;} ul.BasketList > li > div.OptionBox > div.Price {padding:10px;} ul.BasketList > li > div.OptionBox > div.Price > dl {overflow:hidden;} ul.BasketList > li > div.OptionBox > div.Price > dl > dt {float:left; width:50%; font-size:0.84em; color:#151010; text-align:left;} ul.BasketList > li > div.OptionBox > div.Price > dl > dd {float:left; width:50%; font-size:0.84em; color:#151010; text-align:right;} ul.BasketList > li > div.OptionBox > div.Price > dl > dd > em {font-size:1em; color:#EA0202;} ul.BasketList > li > div.BasketBtn {margin-top:10px; overflow:hidden;} ul.BasketList > li > div.BasketBtn a.BtnGrayType4 {float:left;} ul.BasketList > li > div.BasketBtn a.BtnRedType5 {float:right;} ul.BasketList > li div.SendTitle {font-size:0.84em; color:#151010; margin-bottom:10px;} ul.BasketList > li div.SendTitle2 {float:left; width:20%; height:70px; font-size:0.84em; color:#FFF; text-align:center; background:#A9B2BB; padding-top:8px;} ul.BasketList > li textarea {float:right; width:76%; height:78px; background:#EBEBEB; border:1px solid #C0C0C0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:8px;} ul.BasketList > li > div.SaveMoney dl {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:0 15px 15px 10px; overflow:hidden;} ul.BasketList > li > div.SaveMoney dl dt {float:left; width:20%; font-size:0.84em; color:#151010; text-align:right; line-height:1.7em;} ul.BasketList > li > div.SaveMoney dl dd {float:left; width:80%; font-size:0.84em; color:#151010; font-weight:normal; text-align:right; line-height:1.7em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} ul.BasketList > li > div.SaveMoney dl dd em {font-size:1em; font-weight:bold; color:#151010;} div.BasketPayment {background:#FFF; border:2px solid #0F0F0F; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; margin:-5px 10px 10px 10px; overflow:hidden;} div.BasketPayment > div.Title {float:left; width:120px; font-size:0.84em; color:#FFF; text-align:center; line-height:2.5em; background:#1B366D; padding-top:2px; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} div.BasketPayment > div.Title2 {float:left; width:120px; font-size:0.84em; color:#FFF; text-align:center; line-height:2.5em; background:#797878; padding-top:2px; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;} div.BasketPayment > div.Account {float:right; font-size:0.86em; color:#4C4747; line-height:2.5em; padding-top:2px;} div.BasketMileage {background:#FFF; border:1px solid #C0C0C0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; margin:0 10px 10px 10px; overflow:hidden;} div.BasketMileage > div.Title {float:left; font-size:0.84em; color:#151010; line-height:2.5em; padding-top:2px;} div.BasketMileage > div.Account {float:right; font-size:0.86em; color:#EA0202; line-height:2.5em; padding-top:2px;} div.BasketComment {font-size:0.84em; font-weight:normal; color:#4C4747; padding:0 0 5px 12px;} div.BasketComment em {font-size:1em; font-weight:bold; color:#EF0000;} /* Buy Style */ #BuyStep1 h2, #BuyStep2 h2, #BuyStep3 h2 {font-size:0.85em; color:#FFF; background:#959595; border-top:1px solid #848383; border-bottom:1px solid #7E7D7E; padding:12px 10px 10px;} #BuyStep1 ul.BasketList > li > div.Photo {left:10px;} #BuyStep1 ul.BasketList > li > div.BasketTitle {padding-left:110px;} #BuyStep3 ul.BasketList > li > div.Photo {left:10px;} #BuyStep3 ul.BasketList > li > div.BasketTitle {padding-left:110px;} #BuyStep1 div.BtnBasketArea {padding:0; padding-top:10px;} #BuyStep1 div.BtnBasketArea a.BtnRedType6 {width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-right:1.5%;} #BuyStep1 div.BtnBasketArea a.BtnRedType7 {width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-left:1.5%; margin-right:0;} #BuyStep2 h2 {margin-bottom:-5px;} #BuyStep2 div.BtnBasketArea {padding:0;} #BuyStep2 div.BtnBasketArea a.BtnRedType6 {width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-right:1.5%;} #BuyStep2 div.BtnBasketArea a.BtnRedType7 {width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-left:1.5%; margin-right:0;} div.BuyTitle {font-size:0.84em; color:#1E1E1E; padding-left:1px; margin-top:10px; margin-bottom:5px; overflow:hidden;} div.BuyTitle > input[type="checkbox"] + label {float:right;} div.BuyTitle > img {width:13px; vertical-align:middle; margin-top:0px; margin-right:-8px;} div.BuyTitle > em {font-size:0.8em; font-weight:normal; color:#38A2FB;} div.BuyArea {padding:10px; background:#f2f2f2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} div.BuyArea > input[type="checkbox"] + label {float:left;} /* Estimate Style(견적서요청) */ #EstimateHeader {position:relative; background:url('/_mobile/images/EstimateHeaderBg.png') repeat-x; background-size:1px 40px; border-bottom:2px solid #485468; box-shadow:0 3px 10px #CECECE; -webkit-box-shadow:0 3px 10px #CECECE; -moz-box-shadow:0 3px 10px #CECECE;} #EstimateHeader p {font-size:1.05em; color:#FFF; text-align:center; line-height:2em; padding-top:2px;} #EstimateHeader h1 {position:absolute; top:3px; left:15px;} #EstimateHeader h1 img {width:50px;} #EstimateHeader a.BtnAllMenu {position:absolute; top:8px; left:7px;} #EstimateHeader a.BtnAllMenu img {width:23px;} #EstimateFooter {background:#E7E6E6; border-top:1px solid #ACACAC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 10px 5px;} #EstimateFooter ul {overflow:hidden;} #EstimateFooter ul li {float:left; width:50%; font-size:0.85em; font-weight:normal; color:#8B8A8A; margin-bottom:5px;} #EstimateFooter ul li strong {font-size:1em; color:#615E5E;} #Estimate div.BtnArea {padding-top:5px;} /* SaveMoney Style(적립금) */ #SaveMoney {padding:15px 0 5px;} #SaveMoney div.PurchaseList {padding:0 10px 10px;} #SaveMoney div.PurchaseList ul.BasketList li {padding:0;} /* Inquiry Style(문의내역) */ #Inquiry {padding:15px 0 5px;} div.InquiryList {padding:0 10px 10px;} div.InquiryList ul.InquiryList li {background:#FFF; border:1px solid #D9DBDE; box-shadow:1px 1px 1px #8F9093; -webkit-box-shadow:1px 1px 1px #8F9093; -moz-box-shadow:1px 1px 1px #8F9093; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:10px; overflow:hidden;} div.InquiryList ul.InquiryList li div.TitleArea {background:url('/_mobile/images/Admin/DotLine.png') bottom left repeat-x; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 10px 10px; margin:10px; overflow:hidden;} div.InquiryList ul.InquiryList li div.TitleArea div.Title {font-size:0.84em; color:#151010; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; margin-bottom:5px; overflow:hidden;} div.InquiryList ul.InquiryList li div.TitleArea div.Date {float:left; font-size:0.84em; font-weight:normal; color:#151010;} div.InquiryList ul.InquiryList li div.TitleArea div.Account {float:right; font-size:0.84em; color:#151010;} div.InquiryList ul.InquiryList li div.StateArea {font-size:0.84em; color:#151010; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:0 15px 10px;} div.InquiryList ul.InquiryList li div.StateArea span.No {display:inline-block; width:55px; font-size:0.9em; text-align:center; background:#D4D4D4; border:1px solid #8A8A8A; padding:5px;} div.InquiryList ul.InquiryList li div.StateArea span.End {display:inline-block; width:55px; font-size:0.9em; color:#FFF; text-align:center; background:#1B366D; border:1px solid #1B366D; padding:5px;} div.InquiryList ul.InquiryList li div.InquiryContent {background:#ECF0F6; border-top:1px solid #D9DBDE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 20px;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentQ > div.Title {font-size:0.8em; color:#525151;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentQ > div.Title * {vertical-align:middle;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentQ > div.Text {font-size:0.8em; font-weight:normal; color:#303030; padding:0 10px 0 20px;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentA {margin-top:15px;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentA > div.Title {font-size:0.8em; color:#E57030;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentA > div.Title * {vertical-align:middle;} div.InquiryList ul.InquiryList li div.InquiryContent div.ContentA > div.Text {font-size:0.8em; font-weight:normal; color:#BF561C; padding:0 10px 0 20px;} img {border:0; padding:0;margin:0;} #paging_all { width:100%; height:38px; margin-top:20px; margin-bottom:25px; background-image: url('/_mobile/images/page_bg.gif'); background-repeat: repeat-x;} .pagingPro { height:34px; /*border-top:solid 3px #616161; border-bottom:solid 1px #8F8F8F;*/ text-align:center; } .pro_btn_pre {float: left; margin-left:10px; margin-top:13px; } .pro_btn_next {float: right; margin-top:13px; margin-right:10px;color: #818181; } /* 페이징 */ .page_box {text-align: center; line-height: 40px; margin:10px 0 15px;} .pageindex { text-align: center; line-height: 40px; margin:10px 0 15px; /*background-color:#996600;*/ } .pageindex a { text-decoration: none; padding: 5px 8px 2px 8px; background-color: #ffffff; border: solid 1px #cccccc; margin: 0 2px 0 2px; color: #555555; font-size: 12px; /*background-color:red;*/} .pageindex .pi_c { color: #D70B0A; font-weight:bold; } .pageindex .pi_c_bak { background-color: #ffffff; color: #D70B0A; border-color: #D70B0A;font-weight:bold; } /* 버튼 */ .page_go {font-size: 11px; line-height:20px; height:20px; color: #505050;} .page_input {border:#505050 solid 1px; width:26px; height:16px; font-size: 11px; text-align:right;} .arrow_img img {border:0;} div.TitleImg {text-align:center; margin:5px 0 5px;} div.TitleImg > img {height:23px;} div.TitleBig {text-align:center; margin:15px 0 15px; } div.TitleBig > em {font-size:1.2em; color:#4C4747; text-align:center;padding-bottom:2px;} div.TitleBig:after { display: block; width: 50px; height: 2px; background-color: #4C4747; margin: 5px auto 0; content: ''; } div.MDPick {padding:5px;} div.MyFavorite {padding:5px;} div.Bestitem {padding:5px; background:#FFF; border-bottom:1px solid #C8C7C8;} div.Bestitem div.BtnMainArea {margin-bottom:10px;} div.Bestitem2 {padding:5px;} div.NewBestitem {padding:5px;} div.NewBestitem2 {padding:15px 5px 5px 5px; background:#FFF;} div.PowerItem {padding:5px;} div.PowerItem2 {padding:5px;} div.DefaultItem {padding:5px; width:100%r} div.DefaultItem2 {padding:5px;} div.DefaultItem2 div.Product {margin-bottom:0 !important;} div.DefaultItem2 div.Product img {display:block;} div.KeyWordBest30 {padding:5px;} div.KeywordBestItem {padding:5px;} div.Product {position:relative; display:block; width:100%; height:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:5px; overflow:hidden;} div.Product > img {width:100%;} div.Product > div.Gradation {position:absolute; display:block; top:0; left:-10%; width:120%; height:100%; box-shadow:inset 0 -80px 100px #444; -webkit-box-shadow:inset 0 -80px 100px #444; -moz-box-shadow:inset 0 -80px 100px #444; z-index:1;} div.ProuctText {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 10px 10px 10px;} div.ProuctText > div.ProductTitle {display:inline-block; width:100%; height:35px; font-size:14px; color:#222; text-align:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} div.ProuctText > div.Price {text-align:left; margin-top:2px;} div.ProuctText > div.Price > span {display:inline-block;} div.ProuctText > div.Price > span.Text {font-size:1em; color:#ED1C24;} div.ProuctText > div.Price > span.Text2 {font-size:1em; color:#ED1C24;} div.ProuctText > div.Price > span.Sale {font-size:1em; color:#1A1A1A;} div.ProuctText > div.Price > span.Origin {font-size:0.6em; color:#B7B7B7; font-weight:normal; text-decoration:line-through;} div.ProuctText > div.Keyword {display:inline-block; width:100%; font-size:1em; color:#76B94C; text-align:left; margin-top:15px; margin-bottom:5px; overflow:hidden;} div.ProuctText2 {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 15px; z-index:2;} div.ProuctText2 > div.ProductTitle2 {clear:both; display:block; float:left; width:75%; height:20px; font-size:14px; color:#FFF; text-align:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} div.ProuctText2 > div.Price {float:left; width:25%; height:20px; font-size:14px; color:#FFF; text-align:right;} div.Price2 {position:absolute; bottom:10px; right:10px; height:22px; font-size:1em; color:#FFF; line-height:23px; padding:0 10px; background:rgba(0,0,0,.4); border-radius:10px; overflow:hidden;} div.Code {font-size:0.83em; color:#696969; line-height:1em; font-weight:normal; text-align:center; padding:10px;} div.Code > em {display:inline-block; font-size:1em; line-height:1em; font-weight:normal; color:#0042FF; border-left:1px solid #CCC; padding-left:5px; margin-left:3px;} div.Code2 {display:inline-block; font-size:0.8em; color:#555555; line-height:0.9em; text-align:center; border:1px solid #dadada; border-radius:15em; -moz-border-radius:15em; -webkit-border-radius:15em; padding:5px 8px 3px; margin:5px 0 10px;} div.Code2 > em {display:inline-block; font-size:1em; font-weight:normal; line-height:1em; color:#6A8CC3;} div.Code2 > span {display:inline-block; font-size:1em; font-weight:normal; line-height:1em; color:#6A8CC3;} div.Code3 {position:absolute; bottom:28px; left:15px; display:inline-block; font-size:0.83em; color:#FFF; line-height:1em; text-align:center; border:2px solid #FFF; border-radius:15em; -moz-border-radius:15em; -webkit-border-radius:15em; padding:5px 8px 3px; margin:5px 0 10px;} div.Code4 {display:inline-block; font-size:0.83em; color:#4C4747; line-height:1em; text-align:center; border:2px solid #0042FF; padding:5px 8px 3px; padding:5px 8px 3px; margin:5px 0 10px;} div.Code4 > em {display:inline-block; font-size:1em; line-height:1em; color:#0042FF; border-left:1px solid #CCC; padding-left:10px;} div.Free {position:absolute; float:left; bottom:10px; right:10px; width:35px; height:30px; font-size:0.8em; line-height:1em; color:#567AFF; text-align:center; background:rgba(255,255,255,.4); border:2px solid #567AFF; border-radius:100em; -moz-border-radius:100em; -webkit-border-radius:100em; padding:12px 5px 3px 5px; z-index:1;} div.Power {position:absolute; float:left; top:0; left:0;} div.Power > img {width:70px;} div.Best {position:absolute; float:left; top:0; left:0;} div.Best > img {width:70px;} div.OrderList {position:absolute; float:left; top:0; left:0; z-index:1;} div.OrderList > img {width:45px; height:100%;} ul.MainList1 {overflow:hidden; } ul.MainList1 > li {position:relative; float:left; width:50%;} ul.MainList1 > li > a {display:block; text-align:center; background:#FFF; border:1px solid #CECECE; box-shadow:0 1px 1px #D1D1D1; -webkit-box-shadow:0 1px 1px #D1D1D1; -moz-box-shadow:0 1px 1px #D1D1D1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:3px;} ul.MainList1 div.Free {position:absolute; float:left; bottom:10px; right:10px; width:30px; height:28px; font-size:0.7em; line-height:1em; color:#567AFF; text-align:center; background:rgba(255,255,255,.4); border:2px solid #567AFF; border-radius:100em; -moz-border-radius:100em; -webkit-border-radius:100em; padding:10px 5px 3px 5px; z-index:1;} ul.MainList1 div.Product {margin-bottom:0 !important;} ul.MainList1.Type2 > li > a {border:none; box-shadow:-1px 1px 10px #AAA; -webkit-box-shadow:-1px 1px 10px #AAA; -moz-box-shadow:-1px 1px 10px #AAA;} ul.MainList1.Type3 > li > a {border:none;} ul.MainList1.Type4 > li > a {border:none; box-shadow:-1px 1px 10px #AAA; -webkit-box-shadow:-1px 1px 10px #AAA; -moz-box-shadow:-1px 1px 10px #AAA;} ul.MainList1.Type4 > li div.Product {padding:5px 5px 0 5px !important;} ul.MainList1.Type5 > li > a {border:none; box-shadow:0 1px 2px #AAA; -webkit-box-shadow:0 1px 2px #AAA; -moz-box-shadow:0 1px 2px #AAA;} ul.MainList1.Type6 > li div.Product {padding:5px !important;} ul.MainList2 {display:box !important; display:-webkit-box !important; display:-moz-box !important;} ul.MainList2 > li {position:relative; float:left; width:50%;} ul.MainList2 > li > a {display:inline-block; text-align:center; background:#FFF; border:1px solid #CECECE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:5px;} ul.MainList2 > li:last-child > a {margin:5px;} ul.MainList2 > li.NewBestitem2Title {position:relative; background:#FE496B; border:5px solid #FFF; box-flex:1; -moz-box-flex:1; -webkit-box-flex:1;} ul.MainList2 > li.NewBestitem2Title > a {display:block; height:100%; text-align:left; background:#FE496B url('../images/Crown.png') 15px 15px no-repeat; background-size:25px; padding:15px;} ul.MainList2 > li.NewBestitem2Title > a > p.Title {float:left; font-size:1.3em; color:#FFF; border-bottom:1px solid #FFF; padding-top:28px;} ul.MainList2 > li.NewBestitem2Title > a > p.Text {clear:both; font-size:0.85em; color:#FFF; padding-top:5px;} ul.MainList2 > li.NewBestitem2Title > a > p.Btn {position:absolute; bottom:15px; left:15px; width:30px; height:30px; background:url('../images/Btn/BtnBestItem.png') bottom left no-repeat; background-size:contain; text-indent:-9999em;} ul.MainList2.Type3 > li > a {border:none;} ul.MainList3 {background:#FFF; overflow:hidden;} ul.MainList3 > li {position:relative; width:100%;} ul.MainList3 > li > a {display:block; text-align:center; background:#FFF; border-bottom:1px solid #CECECE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:10px; overflow:hidden;} ul.MainList3 > li > a > div.Product {float:left; width:40%;} ul.MainList3 > li > a > div.ProuctText {float:left; width:60%; padding-left:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} ul.MainList3 > li > a > div.ProuctText > div.Code {text-align:left; padding-left:0;} ul.MainList3 > li:last-child > a {border-bottom:none; margin-bottom:0;} ul.MainList4 {overflow:hidden;} ul.MainList4 > li {position:relative; width:100%; margin-bottom:10px;} ul.MainList4 > li > a {display:block; text-align:center; background:#FFF; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1; box-shadow:0 1px 3px #AAA; -webkit-box-shadow:0 1px 3px #AAA; -moz-box-shadow:0 1px 3px #AAA; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px; margin-right:5px; overflow:hidden;} ul.MainList4 > li > a > div.Product {float:left; width:40%; margin-bottom:0;} ul.MainList4 > li > a > div.Product img {display:block;} ul.MainList4 > li > a > div.ProuctText {float:left; width:60%; padding-left:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} ul.MainList4 > li > a > div.ProuctText > div.Code {text-align:left; padding-left:0;} ul.MainList4 > li:last-child > a {border-bottom:none; margin-bottom:0;} ul.MainList1_All {overflow:hidden;} ul.MainList1_All > li {position:relative; display:block; width:100%;} ul.MainList1_All > li > a {display:block; text-align:center; background:#FFF; border:1px solid #CECECE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:5px 5px 10px;} ul.MainList1_All > li:last-child > a {margin:5px;} ul.MainList1_All > li div.Code {position:absolute; bottom:3px; right:3px;} ul.MainList1_All > li div.Code2 {position:absolute; bottom:0; right:10px;} ul.MainList1_All > li div.Code4 {position:absolute; bottom:0; right:15px;} ul.MainList1_All.Type2 > li > a {border:none; box-shadow:-1px 1px 10px #AAA; -webkit-box-shadow:-1px 1px 10px #AAA; -moz-box-shadow:-1px 1px 10px #AAA;} ul.MainList1_All.Type4 > li > a {border:none; box-shadow:-1px 1px 10px #AAA; -webkit-box-shadow:-1px 1px 10px #AAA; -moz-box-shadow:-1px 1px 10px #AAA;} ul.MainList1_All.Type4 > li div.Product {padding:5px !important;} ul.MainList2_All {overflow:hidden;} ul.MainList2_All > li {position:relative; display:block;} ul.MainList2_All > li > a {display:block; text-align:center; background:#FFF; border:1px solid #CECECE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:5px 5px 10px;} ul.MainList3_All {overflow:hidden;} ul.MainList3_All > li {position:relative; display:block;} ul.MainList3_All > li div.Power {left:5px; z-index:100;} ul.MainList3_All > li > a {display:block; text-align:center; background:#FFF; box-shadow:0 1px 1px #D1D1D1; -webkit-box-shadow:0 1px 1px #D1D1D1; -moz-box-shadow:0 1px 1px #D1D1D1; border:1px solid #CECECE; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:3px 5px 5px;} ul.MainList3_All > li > a > div.Product {width:55%; margin:0 auto; margin-bottom:10px;} ul.MainList3_All > li div.Code {position:absolute; bottom:3px; right:3px;} ul.MainList3_All > li div.Code2 {position:absolute; bottom:0; right:10px;} ul.MainList3_All > li div.Code4 {position:absolute; bottom:5px; right:10px;} @media screen and (max-width:320px){ ul.MainList1 > li {width:100%;} ul.MainList1_All > li div.Code {position:static;} ul.MainList1_All > li div.Code2 {position:static;} } @media screen and (min-width:610px){ ul.MainList1_All div.Free {position:absolute; float:left; bottom:10px; right:10px; width:30px; height:28px; font-size:0.7em; line-height:1em; color:#567AFF; text-align:center; background:rgba(255,255,255,.4); border:2px solid #567AFF; border-radius:100em; -moz-border-radius:100em; -webkit-border-radius:100em; padding:10px 5px 3px 5px; z-index:1;} ul.MainList1_All > li {float:left; width:50%;} ul.MainList1_All > li div.Code {position:static;} ul.MainList1_All > li div.Code2 {position:static;} div.Product > img {width:100%; height:100%;} } /* ---------------------------------- 색상 변경 부분 ---------------------------------- */ /* 상품문의하기 */ table.BuyType3 {width:100%; margin-bottom:10px;} table.BuyType3.Type2 {border-top:2px solid #34324B;} table.BuyType3 tbody tr th {font-size:0.8em; color:#626262; text-align:center; width:55px; line-height:2.4em; background:#EBEBEB; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 3px 0; overflow:hidden;} table.BuyType3 tbody tr th.GrayBg {background:#F4F4F4; padding:8px 8px 6px;} table.BuyType3 tbody tr th.Title {background:#F4F4F4; font-size:1em; padding:5px 0 ;} table.BuyType3 tbody tr th input[type="radio"] + label {font-size:1em;} table.BuyType3 tbody tr td {position:relative; font-size:0.8em; font-weight:normal; color:#999; text-align:center; line-height:1.4em; background:#FFF; border:1px solid #C7C7C7; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 1px 3px 5px;} table.BuyType3 tbody tr td * {vertical-align:middle;} table.BuyType3 tbody tr td a.Btn {display:inline-block; font-size:0.97em; color:#363636; text-align:center; line-height:1.6em; background:#FFF; border:2px solid #222; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; padding:2px 5px 0;} table.BuyType3 tbody tr td a.Btn * {vertical-align:middle;} table.BuyType3 tbody tr td .BtnType {display:inline-block; font-size:1.1em; color:#FFF; text-align:center; line-height:2.6em; background:#878787; padding-top:2px; margin-top:20px; width:50%; margin-bottom:10px;} table.BuyType3 input[type="checkbox"] + label { padding-left:0px}