@charset "utf-8";

/* 나눔고딕 웹폰트 */
@font-face{ font-family:ngwoff; src:url('NanumGothic.woff'); }
@font-face{ font-family:ngeot; src:url('NanumGothic.eot'); }

body { margin: 0; padding: 0; background-color: #f0f0f0; }
body, input, textarea, select { font-family: '맑은 고딕', '나눔고딕', NanumGothic, ngwoff, ngeot, Dotum, AppleGothic, Sans-serif; font-size: 12px; color: #666; }
a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
form { display: inline; }
fieldset { margin: 0; padding: 0; border: 0 solid transparent; }
ul { margin: 0; padding: 0; list-style: none; }
.ngwoff, .ngeot { font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
.pointer { cursor: pointer; }
.ajax_load { padding-top: 30px; text-align: center; }
.nopadcheck { margin: 0; padding: 0; width: 13px; height: 13px; }
.clear { clear: both; }

/* 공통레이아웃 */
#Container { position: relative; width: 100%; background: url('../images/document_bg.jpg') top center no-repeat; }
#Logo { position: absolute; left: 51px; top: 30px; width: 242px; height: 42px; }
#Contents { position: relative; width: 1000px; margin: auto; padding-top: 54px;}

#Header { position: relative; width: 1000px; height: 134px; z-index: 1000; }
#Header .MallLogo { position: absolute; left: 0; top: 10px; width: 365px; height: 80px; }
#Header .TopMenu { position: absolute; right: 0; top: 29px; width: 520px; height: 19px; }
#Header .TopMenu li { float: right; margin-left: 17px; }
#Header .TopMenu li.nomrg { margin-left: 0; }
#Header #intro { position: absolute; right: 90px; top: 0; width: 47px; height: 19px; }
#Header .TopSNS { position: absolute; right: 0; top: 0; width: 86px; height: 19px; }
#Header .TopSNS #Facebook { position: absolute; top: 0; width: 18px; height: 19px; }
#Header .TopSNS #Blog { position: absolute; right: 46px; top: 0; width: 18px; height: 19px; }
#Header .TopSNS #Insta {position:absolute; top:0;right:23px; width:18px; height:19px;}
#Header .TopSNS #Kakao {position:absolute; top:0; width:18px; height:19px; right:0;}
#Header .ShopMenu { position: absolute; left: 0; top: 64px; width: 1000px; height: 34px; overflow: hidden; }
#Header .ShopMenu ul { width: 1001px; }
#Header .ShopMenu li { float: left; margin-right: 1px; }
#Header .ShopSearch { position: absolute; left: 0; top: 97px; width: 1000px; height: 36px; }
#Header .ShopSearch .Notice { float: left; position: relative; width: 554px; height: 36px; overflow: hidden; }
#Header .ShopSearch .Notice li { position: absolute; left: 4px; top: 40px; width: 545px; line-height: 36px; white-space: nowrap; }
#Header .ShopSearch .Notice li a { color: #333; text-decoration: none; }
#Header .ShopSearch .Notice li a:hover { text-decoration: underline; }
#Header .ShopSearch .Search { float: right; width: 430px; padding-top: 5px; }
#Header .ShopSearch .Search .TodayView { float: right; width: 142px; line-height: 26px; background-color: #333; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: -1px; text-align: center; white-space: nowrap; overflow: hidden; cursor: pointer; }
#Header .ShopSearch .Search .TodayView:hover { text-decoration: underline; }
/* #Header .ShopSearch .Search .TodayView span { cursor: pointer; } */
/* #Header .ShopSearch .Search .TodayView span:hover { text-decoration: underline; } */
#Header .ShopSearch .Search .SearchBox { float: right; width: 278px; height: 21px; padding: 3px 3px 0 3px; border: 1px solid #e1e1e1; background-color: #fff; margin-right: 1px; }
#Header .ShopSearch .Search .SearchBox .input { width: 254px; height: 15px; padding-top: 2px; *padding-top: 1px; border: 0; }
#Header .ShopSearch .Search .SearchBox .sbutton { float: right; width: 19px; height: 20px; }
#Header .shop_menu_list { display: none; position: absolute; top: 92px; width: 130px; padding: 20px 0 15px 12px; background-color: #4c4c4c; z-index: 1100; }
#Header #shop_theme_list { left: 0; }
#Header #shop_brand_list { left: 143px;background:#669900; }
#Header .shop_menu_list li { float: left; width: 120px; height: 26px; font-family: Tahoma, Arial, Verdana Dotum, Gulim; font-size: 16px; white-space: nowrap; overflow: hidden; }
#Header .shop_menu_list li a { color: #fff; text-decoration: none; }
#Header .shop_menu_list li a:hover { text-decoration: underline; }
#Header .TodayViewList { display: none; position: absolute; left: 0; top: 116px; width: 1000px; height: 355px; background-color: #333; z-index: 1000; }
#Header .TodayViewList .todayview_title { position: absolute; left: 385px; top: 23px; width: 254px; height: 57px; background: url('../images/shop_todayview_title.png') no-repeat left top; }
#Header .TodayViewList .todayview_close { position: absolute; right: 21px; top: 20px; width: 21px; height: 20px; background: url('../images/shop_todayview_close.png') no-repeat left top; cursor: pointer }
#Header .TodayViewList .todayview_prev { position: absolute; left: 33px; top: 168px; width: 30px; height: 48px; background: url('../images/shop_todayview_left.png') no-repeat left top; cursor: pointer; }
#Header .TodayViewList .todayview_next { position: absolute; right: 34px; top: 168px; width: 30px; height: 48px; background: url('../images/shop_todayview_right.png') no-repeat left top; cursor: pointer; }
#Header .TodayViewList .todayview_list { position: absolute; left: 106px; top: 111px; width: 796px; height: 160px; overflow: hidden; }
#Header .TodayViewList .todayview_list ul { position: relative; left: 0; top: 0; }
#Header .TodayViewList .todayview_list li { float: left; width: 140px; height: 160px; margin-right: 24px; background-color: #fff; overflow: hidden; }
#Header .TodayViewList .todayview_list li img { width: 140px; height: 160px; }

/* 큰이미지보기 */
#PhotoDisplay { display: none; position: absolute; left: 500px; top: 1040px; width: 798px; height: 598px; border: 1px solid #ccc; background-color: #fff; z-index: 10000; }
#PhotoDisplay .Close { position: absolute; right: 8px; top: 8px; width: 32px; height: 32px; background: url('../images/detail_photo_over_cross.png') no-repeat left top; cursor: pointer; }
#PhotoDisplay .leftArrow { position: absolute; left: 10px; top: 250px; width: 35px; height: 50px; background: url('../images/detail_over_left_arrow_out.png') no-repeat left top; cursor: pointer; }
#PhotoDisplay .leftArrow:hover { background-image: url('../images/detail_over_left_arrow_over.png'); }
#PhotoDisplay .rightArrow { position: absolute; right: 10px; top: 250px; width: 35px; height: 50px; background: url('../images/detail_over_right_arrow_out.png') no-repeat left top; cursor: pointer; }
#PhotoDisplay .rightArrow:hover { background-image: url('../images/detail_over_right_arrow_over.png'); }
#PhotoDisplay .PhotoView { position: absolute; left: 119px; top: 0; width: 560px; height: 598px; overflow: hidden; }
#PhotoDisplay .PhotoView img { height: 598px; cursor: pointer; }
#PhotoDisplay .PhotoView div { display: none; position: absolute; left: 0; top: 0; }

/* 주문폼 */
#OrderForm { width: 1000px; }
#OrderForm .Title { height: 34px; font-size: 24px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
#OrderForm .Process { width: 1000px; height: 200px; }
#OrderForm .Result { width: 1000px; height: 168px; }
#OrderForm .SubTitle { width: 1000px; line-height: 31px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; border-bottom: 2px solid #690; }
#OrderForm #OFCartItem { float: left; width: 1000px; padding-bottom: 15px; }
#OrderForm #OFCartItem li { float: left; width: 1000px; }
#OrderForm #OFCartItem li.title { background-color: #e6e6e6; }
#OrderForm #OFCartItem li.list { height: 105px; border-bottom: 1px solid #ccc; }
#OrderForm #OFCartItem li .name { width: 616px; border-right: 1px solid #ccc; }
#OrderForm #OFCartItem li .qty { width: 80px; border-right: 1px solid #ccc; }
#OrderForm #OFCartItem li .price { width: 110px; border-right: 1px solid #ccc; }
#OrderForm #OFCartItem li .amount { width: 110px; border-right: 1px solid #ccc; }
#OrderForm #OFCartItem li .mileage { width: 80px; }
#OrderForm #OFCartItem li.title div { float: left; line-height: 32px; text-align: center; color: #333; font-weight: bold; }
#OrderForm #OFCartItem li.list div { float: left; }
#OrderForm #OFCartItem li.list .name { width: 596px; height: 90px; padding: 15px 0 0 20px; }
#OrderForm #OFCartItem li.list .name .img { width: 89px; height: 72px; border: 1px solid #ccc; overflow: hidden; }
#OrderForm #OFCartItem li.list .name .img img { width: 89px; height: 72px; }
#OrderForm #OFCartItem li.list .name .info { width: 380px; padding: 30px 0 0 25px; }
#OrderForm #OFCartItem li.list .qty { height: 60px; padding-top: 45px; text-align: center; }
#OrderForm #OFCartItem li.list .price { height: 60px; padding-top: 45px; text-align: center; }
#OrderForm #OFCartItem li.list .amount { height: 60px; padding-top: 45px; text-align: center; }
#OrderForm #OFCartItem li.list .mileage { height: 60px; padding-top: 45px; text-align: center; }
#OrderForm #TotalPrice { float: left; width: 974px; padding: 0 20px 0 0; border: 3px solid #ccc; background-color: #fff; }
#OrderForm #TotalPrice .label { float: left; padding-left: 28px; line-height: 76px; font-size: 18px; font-weight: bold; }
#OrderForm #TotalPrice .pwrap { float: right; width: 690px; }
#OrderForm #TotalPrice .pwrap .amtwrap { float: right; width: 690px; border-bottom: 1px solid #e6e6e6; }
#OrderForm #TotalPrice .pwrap .amtwrap div { float: right; padding-left: 10px; margin-left: 40px; line-height: 38px; background: url('../images/order_form_bullet1.png') no-repeat 0 18px; }
#OrderForm #TotalPrice .pwrap .TTPrice { float: right; line-height: 37px; font-size: 14px; font-weight: bold; }
#OrderForm #TotalPrice .pwrap .TTPrice span { color: #690; }
#OrderForm .BTPad { padding-bottom: 10px; }
#OrderForm .clear { clear: both; }
#OrderForm .SendCostAnnounce { clear: both; width: 1000px; line-height: 31px; text-align: right; }
#OrderForm .Buttons1 { width: 1000px; height: 30px; text-align: right; }
#OrderForm .Buttons2 { width: 1000px; height: 30px; padding-top: 10px; text-align: right; }
#OrderForm .Buttons2 div { float: right;  margin-left: 5px; }
#OrderForm .field { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#OrderForm .label1 { float: left; width: 130px; line-height: 32px; padding-left: 20px; color: #333; font-weight: bold; background: #e6e6e6 url('../images/order_form_bullet2.png') no-repeat 13px 14px; border-right: 1px solid #ccc; }
#OrderForm .label2 { float: left; width: 130px; height: 197px; line-height: 32px; padding-left: 20px; color: #333; font-weight: bold; background: #e6e6e6 url('../images/order_form_bullet2.png') no-repeat 13px 14px; border-right: 1px solid #ccc; }
#OrderForm .fld { display: block; float: left; padding-left: 15px; padding-top: 5px; *padding-top: 4px; }
#OrderForm .text { display: block; line-height: 22px; *line-height: 23px; }
#OrderForm .price1 { color: #333; font-weight: bold; }
#OrderForm .price2 { color: #690; font-size: 18px; font-weight: bold; }
#OrderForm .radiowrap { display: block; float: left; padding-top: 5px; margin-right: 15px; }
#OrderForm .inputwrap { display: block; float: left; margin-right: 5px; }
#OrderForm .selectwrap { display: block; float: left; }
#OrderForm .fld .input { height: 16px; border: 1px solid #ccc; padding: 4px 5px 0 5px; *height: 17px; *padding: 3px 5px 0 5px; }
#OrderForm .fld .privacy { width: 800px; height: 175px; padding: 5px; border: 1px solid #ccc; color: #333; background-color: #fff; overflow: auto; }
#OrderForm .fld .desc1 { display: block; float: left; margin-right: 10px; line-height: 22px; *line-height: 23px; }
#OrderForm .fld .desc2 { display: block; float: left; margin-left: 10px; line-height: 22px; *line-height: 23px; }
#OrderForm .bigmargin { margin-left: 30px; }
#OrderForm .BKDisplay { display: none; }
#OrderForm #KCPSubmit { display: block; }
#OrderForm #BKSubmit { display: none; }
#OrderForm #ODPrivacy { float: left; width: 1000px; }
#OrderForm #ODPrivacy .PrivTitle { width: 1000px; line-height: 31px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
#OrderForm #ODPrivacy .PrivDesc { width: 1000px; line-height: 26px; font-weight: bold; border-bottom: 2px solid #690; }
#OrderForm #ODMan { float: left; width: 1000px; }
#OrderForm #ODAddr { float: left; width: 1000px; }
#OrderForm #ODPay { float: left; width: 1000px; }
#OrderForm #ODPay .mileage { color: #f30; font-weight: bold; }

/* 주문완료 */
#OrderForm .Process1 { width: 1000px; height: 45px; }
#OrderForm .ResultAnnounce { width: 1000px; height: 43px; padding-top: 40px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#OrderForm .GuestNotice { width: 1000px; line-height: 23px; color: #690; text-align: right; }
#OrderForm .SmileWrap { width:998px; height: 38px; border: 1px solid #999; background-color: #f4f4f4; }
#OrderForm .SmileWrap .Smile { float: left; line-height: 38px; padding-left: 50px; font-size: 14px; font-weight: bold; background: url('../images/order_result_smile.png') no-repeat 15px 7px; }
#OrderForm .SmileWrap .Smile span { font-weight: bold; color: #333; }
#OrderForm .SmileWrap .OrderNumber { float: right; line-height: 38px; font-size: 14px; font-weight: bold; color: #fff; background-color: #333; padding: 0 40px; }
#OrderForm .TPad { padding-top: 30px; }
#OrderForm .ORButtons { clear: both; width: 1000px; height: 30px; padding-top: 5px; padding-bottom: 25px; text-align: right; }
#OrderForm #ORDelivery { float: left; width: 1000px; }
#OrderForm #ORPay { float: left; width: 1000px; }
#OrderForm #ORAlert .SubTitle { border-bottom: 0; }
#OrderForm .SubTitle span { color: #690; }
#OrderForm #ORAlert { float: left; width: 1000px; }
#OrderForm #ORAlert .Alert { width: 958px; padding: 20px; color: #333; border: 1px solid #ccc; line-height: 1.5; }
#OrderForm #ORAlert .Alert .smith { color: #690; }

/* 로그인 */
#LoginForm { display: none; position: absolute; left: 400px; top: 188px; width: 900px; padding: 45px 50px; background-color: #fff; z-index: 10000; }
#LoginForm .Close { position: absolute; right: 21px; top: 22px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#LoginForm .Title { width: 900px; height: 34px; color: #333; font-size: 24px; font-weight: bold; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#LoginForm .FormBox { width: 816px; height: 396px; padding: 70px 0 0 78px; border: 3px solid #ccc; }
#LoginForm iframe { position: absolute; left: 0; top: 0; width: 1000px; height: 596px; z-index: -1; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#LoginForm .FormBox .Login { width: 758px; height: 44px; }
#LoginForm .FormBox .FieldBox { position: relative; width: 756px; height: 269px; border: 1px solid #ccc; }
#LoginForm .FormBox .FieldBox .Type { position: absolute; left: 102px; top: 30px; width: 210px; height: 15px; }
#LoginForm .FormBox .FieldBox .Field { position: absolute; left: 34px; top: 56px; width: 254px; height: 55px; }
#LoginForm .FormBox .FieldBox .Field .fld { float: left; width: 254px; height: 25px; }
#LoginForm .FormBox .FieldBox .Field .fldpad { float: left; width: 254px; height: 30px; }
#LoginForm .FormBox .FieldBox .Field label { float: left; width: 68px; height: 25px; overflow: hidden; }
#LoginForm .FormBox .FieldBox .Field input { width: 170px; height: 18px; border: 1px solid #ccc; padding: 5px 5px 0 5px; *height: 19px; *padding: 4px 5px 0 5px; }
#LoginForm .FormBox .FieldBox .Submit { position: absolute; left: 288px; top: 56px; width: 76px; height: 55px; }
#LoginForm .FormBox .FieldBox .Image { position: absolute; right: 0; top: 0; width: 338px; height: 269px; overflow: hidden; }
#LoginForm .FormBox .FieldBox .DotLine { position: absolute; left: 34px; top: 133px; width: 330px; height: 1px; font-size: 1px; background: url('../images/login_dot_line.png') repeat-x left top; }
#LoginForm .FormBox .FieldBox .MBDesc { position: absolute; left: 39px; top: 183px; }
#LoginForm .FormBox .FieldBox .GSDesc { position: absolute; left: 39px; top: 150px; }
#LoginForm .FormBox .FieldBox .MBFind { position: absolute; left: 226px; top: 151px; width: 138px; height: 23px; cursor: pointer; }
#LoginForm .FormBox .FieldBox .MBRegister { position: absolute; left: 226px; top: 177px; width: 138px; height: 23px; }
#LoginForm .FormBox .FieldBox .GSRegister { position: absolute; left: 226px; top: 151px; width: 138px; height: 23px; }
#LoginForm .FormBox .FieldBox #GuestDisplay { display: none; }
#LoginForm .FormBox .FieldBox #PassFind { display: none; position: absolute; left: 0; top: 0; width: 756px; height: 269px; background: #fff url('../images/login_email_bg.jpg') no-repeat 460px 82px; }
#LoginForm .FormBox .FieldBox .PFTitle { position: absolute; left: 36px; top: 49px; width: 101px; height: 14px; }
#LoginForm .FormBox .FieldBox .PFClose { position: absolute; right: 21px; top: 22px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#LoginForm .FormBox .FieldBox .PFInput { position: absolute; left: 34px; top: 89px; width: 346px; height: 25px; }
#LoginForm .FormBox .FieldBox .PFInput label { float: left; width: 68px; height: 25px; }
#LoginForm .FormBox .FieldBox .PFInput input { width: 266px; height: 19px; padding: 4px 5px 0 5px; *height: 20px; *padding: 3px 5px 0 5px; border: 1px solid #ccc; }
#LoginForm .FormBox .FieldBox .PFSubmit { position: absolute; right: 296px; top: 89px; width: 76px; height: 25px; }
#LoginForm .FormBox .FieldBox .PFDesc { position: absolute; left: 103px; top: 131px; width: 315px; color: #333; font-size: 13px; font-family: "맑은 고딕", Dotum; letter-spacing: -1px; }
#LoginForm .FormBox .FieldBox .PFDotLine { position: absolute; left: 34px; top: 185px; width: 334px; height: 1px; font-size: 1px; background: url('../images/login_dot_line.png') repeat-x left top; }
#LoginForm .FormBox .FieldBox .PFMBDesc { position: absolute; left: 39px; top: 213px; width: 165px; font-family: Dotum; }
#LoginForm .FormBox .FieldBox .PFMBRegister { position: absolute; left: 226px; top: 210px; width: 138px; height: 23px; }

/* 회원정보 */
#MemberForm { display: none; position: absolute; left: 400px; top: 188px; width: 900px; padding: 45px 50px; background-color: #fff; z-index: 10000; }
#MemberForm .Close { position: absolute; right: 21px; top: 22px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#MemberForm .Title { width: 900px; height: 34px; color: #333; font-size: 24px; font-weight: bold; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#MemberForm .Process { width: 900px; height: 80px; }
#MemberForm .SubTitle { width: 900px; line-height: 37px; color: #333; font-size: 18px; font-weight: bold; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; border-bottom: 1px solid #690; }
#MemberForm .pol_desc { width: 900px; height: 45px; padding-top: 8px; font-weight: bold; line-height: 1.2; }
#MemberForm .pol_title { width: 900px; line-height: 30px; font-size: 16px; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
#MemberForm .pol_title span { color: #690; }
#MemberForm .term { width: 878px; height: 250px; border: 1px solid #ccc; padding: 10px; color: #333; overflow: auto; }
#MemberForm .check { width: 900px; line-height: 30px; text-align: right; background-color: #f0f0f0; _height: 30px; _padding-top: 12px; }
#MemberForm .space { width: 900px; height: 30px; }
#MemberForm iframe { position: absolute; left: 0; top: 0; width: 1000px; height: 596px; z-index: -1; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#MemberForm .frmbutton { width: 900px; height: 30px; padding-top: 10px; text-align: right; }
#MemberForm .mb_field { float: left; width: 900px; border-bottom: 1px solid #ccc; }
#MemberForm .mb_field label { float: left; width: 147px; line-height: 32px; padding-left: 23px; color: #333; font-weight: bold; background: url('../images/register_bullet.png') no-repeat 13px 14px; border-right: 1px solid #ccc; }
#MemberForm .mb_field .input { height: 15px; border: 1px solid #ccc; padding: 5px 5px 0 5px; *height: 16px; *padding: 4px 5px 0 5px; }
#MemberForm .mb_field .fld { display: block; float: left; padding-left: 17px; padding-top: 5px; *padding-top: 4px; }
#MemberForm .mb_field .fld .fmrg { display: block; float: left; }
#MemberForm .mb_field .fld .fmrg1 { display: block; float: left; margin-left: 7px; }
#MemberForm .mb_field .fld .fmrg2 { display: block; float: left; margin-left: 25px; }
#MemberForm .mb_field .fld .ftext1 { display: block; float: left; margin-left: 9px; line-height: 22px }
#MemberForm .mb_field .fld .ftext2 { display: block; float: left; line-height: 22px }
#MemberForm .mb_field .readonly { background-color: #f4f4f4; }
#MemberForm .mb_button { clear: both; width: 900px; height: 30px; padding-top: 10px; text-align: right; }
#MemberForm .mb_result { position: relative; width: 900px; height: 408px; background: url('../images/register_result_bg.jpg') no-repeat left top; }
#MemberForm .mb_result .login_button { position: absolute; left: 413px; top: 196px; width: 117px; height: 30px; }
#MemberForm .mb_result .home_button { position: absolute; left: 538px; top: 196px; width: 117px; height: 30px; }

#Footer { clear: both; width: 1000px; padding-top: 100px; }
#Footer .CSWrap { position: relative; width: 1000px; height: 265px; background: url('../images/shop_bottom_top_line.png') repeat-x left top; }
#Footer .CSWrap .CSInfo { position: absolute; left: 0; top: 32px; width: 316px; }
#Footer .CSWrap .QuickLink { position: absolute; left: 343px; top: 32px; width: 316px; }
#Footer .CSWrap .QuickLink .title { position: absolute; left: 0; top: 0; width: 92px; height: 27px; }
#Footer .CSWrap .QuickLink .link_list { position: absolute; left: 0; top: 41px; width: 316px; }
#Footer .CSWrap .QuickLink .link_list li { float: left; height: 75px; }
#Footer .CSWrap .QuickLink .link_list li.bar { width: 2px; background: url('../images/shop_bottom_quicklink_bar.png') no-repeat left top; }
#Footer .CSWrap .QuickLink .link_list li img { display: block; }
#Footer .CSWrap .QuickLink .email { position: absolute; left: 0; top: 130px; width: 316px; height: 21px; }
#Footer .CSWrap .Latest { position: absolute; right: 0; top: 32px; width: 316px; }
#Footer .CSWrap .Latest .board_tab { position: absolute; left: 0; top: 0; width: 310px; height: 26px; padding-left: 6px; border-bottom: 1px solid #ccc; }
#Footer .CSWrap .Latest .board_tab li { float: left; width: 89px; height: 25px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
#Footer .CSWrap .Latest .board_tab li.rbrd { border-right: 1px solid #ccc; }
#Footer .CSWrap .Latest .board_tab li img { display: block; }
#Footer .CSWrap .Latest .board_tab li.board_more { float: right; width: 50px; height: 16px; text-align: right; padding: 9px 2px 0 0; border: 0; }
#Footer .CSWrap .Latest .board_list { position: absolute; left: 11px; top: 45px; width: 300px; }
#Footer .CSWrap #Shop_QNA_View { display: none; }
#Footer .CSWrap .Latest .board_list li { float: left; width: 290px; height: 23px; padding-left: 10px; white-space: nowrap; overflow: hidden; background: url('../images/shop_bottom_tab_bullet.png') no-repeat 0 4px; }
#Footer .CSWrap .Latest .board_list li.nolist { padding: 30px 0; text-align: center; background-image: none; }
#Footer .CPWrap { position: relative; width: 1000px; height: 185px; background: url('../images/shop_footer_top_line.png') repeat-x left top; }
#Footer .CPWrap .foot_menu_wrap { width: 1000px; height: 35px; background: url('../images/shop_footer_top_line2.png') repeat-x left bottom; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_left { float: left; width: 380px; padding-left: 5px; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_left li { float: left; margin-right: 15px; line-height: 35px; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_left li a { color: #333; text-decoration: none; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_left li a:hover { text-decoration: underline; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_right { float: right; width: 282px; padding-top: 5px; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_right .family_site { float: left; width: 128px; line-height: 22px; padding-left: 10px; color: #333; border: 1px solid #ccc; background: #fff url('../images/shop_footer_family_triangle.png') no-repeat 124px 9px; cursor: pointer; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_right .buy_q { float: right; width: 140px; height: 24px; }
#Footer .CPWrap .foot_menu_wrap .foot_menu_right .buy_q img { display: block; }
#Footer .CPWrap .family_site_list { display: none; position: absolute; right: 142px; top: 29px; width: 128px; padding: 10px 0 10px 10px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 1000; }
#Footer .CPWrap .family_site_list li { float: left; width: 120px; height: 15px; font-family: Tahoma, Arial, Verdana, Dotum, Gulim; white-space: nowrap; overflow: hidden; }
#Footer .CPWrap .logo { position: absolute; left: 0; top: 57px; width: 242px; height:40px; background: url('../images/shop_footer_smiths3_logo.png') no-repeat left top; }
#Footer .CPWrap .company { position: absolute; left: 287px; top: 57px; width: 555px; font-size: 11px; line-height: 15px; }
#Footer .CPWrap .company_check { position: absolute; right: 0; top: 58px; width: 120px; height: 20px; }
#Footer .CPWrap .kcp_check { position: absolute; right: 0; top: 89px; width: 120px; height: 30px; cursor: pointer; }

/* 리뷰폼 */
#ReviewForm { display: none; position: absolute; left: 600px; width: 763px; padding: 65px 0 65px 35px; background-color: #fff; border: 1px solid #690; z-index: 10000; }
#ReviewForm .Close { position: absolute; right: 14px; top: 15px; width: 21px; height: 20px; background: url('../images/review_btn_close.png') no-repeat left top; cursor: pointer; }
#ReviewForm .FieldWrap { width: 710px; border-top: 2px solid #838383; }
#ReviewForm .FieldWrap .field { float: left; width: 710px; padding-top: 9px; border-bottom: 1px solid #d6d6d6; }
#ReviewForm .FieldWrap .field label { float: left; width: 90px; padding-left: 15px; line-height: 36px; font-weight: bold; }
#ReviewForm .FieldWrap .field input { border: 1px solid #e1e1e1; height: 18px; padding: 5px 5px 0 5px; *height: 19px; *padding: 4px 5px 0 5px; }
#ReviewForm .FieldWrap .field textarea { width: 578px; height: 200px; padding: 10px; border: 1px solid #e1e1e1; }
#ReviewForm .FieldWrap .fldpad { padding-bottom: 9px; }
#ReviewForm .FieldWrap .frmbutton { clear: both; width: 710px; padding-top: 10px; height: 30px; text-align: right; }

/* AS Notice */
#ASNoticeWrap { display: none; position: absolute; left: 600px; top: 250px; width: 585px; padding: 45px 0 45px 15px; background-color: #fff; border: 1px solid #ccc; z-index: 10000; }
#ASNoticeWrap .Close { position: absolute; right: 17px; top: 14px; width: 32px; height: 32px; background: url('../images/as_notice_close.png') no-repeat left top; cursor: pointer; }
#ASNoticeWrap .Title { position: absolute; left: 3px; top: 64px; width: 251px; height: 53px; }
#ASNoticeWrap .Content { width: 546px; padding: 90px 0 50px 20px; border: 1px solid #690; }
#ASNoticeWrap .Content li { width: 510px; padding-left: 15px; color: #333; background: url('../images/as_bullet.png') no-repeat 0 5px; }
#ASNoticeWrap .Content li .smith { color: #690; }
#ASNoticeWrap .Content .pad1 { padding-bottom: 10px; }
#ASNoticeWrap .Content .pad2 { padding-bottom: 20px; }

#TransparentBG { display: none; position: absolute; left: 0; top: 0; width: 100%; background: url('../images/page_transparent_bg.png') repeat left top; z-index: 2000; }

/* 기업구매 */
#PurchaseForm { display: none; position: absolute; left: 400px; top: 188px; width: 900px; padding: 45px 50px; background-color: #fff; z-index: 10000; }
#PurchaseForm .Close { position: absolute; right: 14px; top: 15px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#PurchaseForm .Title { width: 900px; height: 35px; color: #333; font-size: 24px; font-weight: bold; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#PurchaseForm .Announce { width: 886px; padding: 17px 0 15px 14px; margin-bottom: 9px; background-color: #dfdfdf; color: #333; font-weight: bold; }
#PurchaseForm .Announce .privacy { height: 26px; font-size: 18px; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
#PurchaseForm .Form { float: left; width: 900px; border-top: 2px solid #690; }
#PurchaseForm iframe { position: absolute; left: 0; top: 0; width: 1000px; height: 596px; z-index: -1; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#PurchaseForm .Form .field { float: left; width: 900px; border-bottom: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label1 { float: left; width: 129px; height: 204px; padding-left: 20px; color: #333; font-weight: bold; background: url('../images/order_form_bullet2.png') no-repeat 12px 16px; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label2 { float: left; width: 129px; padding-left: 20px; color: #333; font-weight: bold; background: url('../images/order_form_bullet2.png') no-repeat 12px 16px; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label3 { float: left; width: 129px; padding-left: 20px; font-weight: bold; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label4 { float: left; width: 129px; height: 286px; padding-left: 20px; font-weight: bold; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .fld1 { display: block; float: left; padding: 5px 0 0 7px; }
#PurchaseForm .Form .field .fld2 { display: block; float: left; padding: 8px 0 0 7px; }
#PurchaseForm .Form .field .input { height: 17px; border: 1px solid #ccc; padding: 3px 5px 0 5px; *height: 18px; *padding: 2px 5px 0 5px; }
#PurchaseForm .Form .field .terms { width: 710px; height: 171px; border: 1px solid #ccc; padding: 10px; color: #333; overflow: auto; }
#PurchaseForm .Form .field .textarea { width: 710px; height: 251px; border: 1px solid #ccc; padding: 10px; }
#PurchaseForm .Form .field .radiowrap { float: left; margin-right: 20px; }
#PurchaseForm .Form .field .telwrap { float: left; margin-right: 5px; }
#PurchaseForm .Form .Desc { float: left; width: 900px; padding-top: 40px; height: 55px; border-bottom: 2px solid #bdbdbd; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#PurchaseForm .Form .Desc .desc1 { height: 25px; color: #333; font-size: 18px; }
#PurchaseForm .Form .Desc .desc2 { font-size: 16px; }
#PurchaseForm .Form .frmbutton { clear: both; width: 900px; border-top: 1px solid #bdbdbd; padding-top: 8px; text-align: right; }

/* About */
#AboutTitle { width: 1000px; height: 144px; }
#AboutDesc { width: 1000px; height: 45px; padding-top: 8px; font-size: 14px; font-weight: bold; border-top: 2px solid #690; }
#AboutContent { width: 998px; border: 1px solid #999; }

/* Location */
#LocationTitle { width: 1000px; height: 144px; }
#LocationContent { width: 1000px; }