| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734 |
- @charset "utf-8";
- body {min-width:1360px; overflow-x:auto;}
- .blind {overflow:hidden; position:absolute;width: 1px;height: 1px;margin: -1px;padding: 0; border: 0;line-height: 0;white-space: normal;word-wrap: break-word;word-break: break-all;clip: rect(0, 0, 0, 0);}
- .blind:before {display: block;width: 0;height: 0;font-size: 0;content: '\00a0';}
- /* header */
- header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
- header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; background:inherit;}
- .common_header{position:relative; background:#222222;color:#ffffff;min-width:1360px; box-sizing:border-box;}
- .common_header > * {color:#ffffff;}
- .common_header .hd_top_banner {position: relative; z-index: 101; text-align:center;}
- .common_header .hd_top_banner .close_bnr_area {position:absolute; right:50px; top:15px; z-index:9;}
- .common_header .hd_top_banner .close_bnr_area::after {content:''; clear:both; display:block;}
- .common_header .hd_top_banner .close_bnr_area .form_wrap {float: left; display:inline;}
- .common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label:before {top:50%; transform:translateY(-50%); background:url('//image.istyle24.com/Style24/images/pc/chk_top_banner.png'); background-position:0 0;}
- .common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%); background:url('//image.istyle24.com/Style24/images/pc/chk_top_banner.png'); background-position:100% 0;}
- .common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label {margin-top:4px; color:#fff; font-size:15px; font-weight:200; line-height:1; vertical-align:top;}
- .common_header .hd_top_banner .close_bnr_area .btn_close {float:left; width:20px; height:20px; margin-left:15px; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto; font-size:1px; text-indent:-999px; overflow:hidden;}
- .common_header .hd_top_banner > div {position:relative;}
- .common_header .hd_top_banner > div a {position:relative; display:block; width:100%; overflow:hidden;}
- .common_header .hd_top_banner > div a > div,
- .common_header .hd_top_banner > div a > img {display:inline-block; text-align:center; max-width:1120px;}
- .common_header .hd_top_banner .bnrtype_text {min-height:50px;}
- .common_header .hd_top_banner .bnrtype_text a {padding-top:15px; padding-bottom:15px;}
- .common_header .hd_top_banner .bnrtype_open {z-index:1;}
- .common_header .hd_top_banner .bnrtype_open .btn_toggle_bnr {position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); width:40px; height:40px; background:url('//image.istyle24.com/Style24/images/pc/btn_open_bnr.png') no-repeat; background-position:50% 100%; font-size:1px; text-indent:-999px; overflow:hidden; z-index:10;}
- .common_header .hd_top_banner .bnrtype_open a .open_bnr_area {display:none; width:100%; max-width:2000px; margin: 0 auto;}
- .common_header .hd_top_banner .bnrtype_open.fixed {position:fixed; display:block; top:0; left:0; right:0; width:100%; z-index:9;}
- .common_header .hd_top_banner .bnrtype_open.fixed::before {content:''; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5);}
- .common_header .hd_top_banner .bnrtype_open.fixed a > img {display:none;}
- .common_header .hd_top_banner .bnrtype_open.fixed .open_bnr_area {display:block;}
- .common_header .hd_top_banner .bnrtype_open.fixed .btn_toggle_bnr {background-position:50% 0%;}
- .common_header > .area{background:#222; height: 98px;padding:0 70px;position: relative; z-index: 99;}
- .common_header > .area:after{content: ''; display: block; clear: both;}
- .common_header .logo {float:left; margin-top:35px;}
- .common_header .logo h1 {margin:0; font-size:0;}
- .common_header .logo .ico_logo:before {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
- .common_header .util_group{overflow:hidden; float:right; margin-top:42px;}
- .common_header .util_group span{float:left; position:relative; padding:0px 5px;}
- .common_header .util_group span::after{content:''; display:block; width:1px; height:8px; background:#4e4e4e; position:absolute; top:50%; right:0; left:auto; transform:translateY(-50%);}
- .common_header .util_group span:last-child{padding-right:0;}
- .common_header .util_group span:last-child::after{content:''; display:none;}
- .common_header .util_group span a{display:block; padding:0px 6px; font-weight:200; font-size:14px; color:#7f7f7f; letter-spacing:-.025em; line-height:1;}
- .common_header .gnb {background:#222;}
- .gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative; z-index:100; min-width: 1360px;box-sizing:border-box;}
- .gnb::after {content: ''; display: block; clear: both;}
- .gnb .nav {float:left; margin-left:-24px;}
- .gnb .nav .bundle {float:left; padding:0 10px;}
- .gnb .nav .bundle > li {float:left; padding:0px 14px;}
- .gnb .nav .bundle > li > a {display:block; color:#ffffff; font-size:19px; font-weight: 300; letter-spacing: -.025em; box-sizing:border-box;padding:0px; line-height:1; -webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
- .gnb .nav .bundle > li > a:hover,
- .gnb .nav .bundle > li > a:focus,
- .gnb .nav .bundle > li > a:active,
- .gnb .nav .bundle > li > a.active {color:#fd4802; border-bottom:1px solid #fd4802;}
- .gnb .nav .bundle > li > a {position: relative;}
- .gnb .nav .bundle > li:last-child > a::after{content: ''; display: block; width: 1px; height: 18px; background: #4e4e4e; position: absolute; top:50%; bottom:auto; right: -20px; left:auto; transform: translateY(-50%);}
- .gnb .nav .bundle:last-child > li > a::after{content: ''; display: none;}
- .depth_menu {position:absolute; top:80px; left:0; width:100%; background:#fff; color:#222; z-index:150; display:none;}
- .depth_menu::after {content:''; display: block; clear:both;}
- .depth_menu .head_category {position:relative; float:left; width: 68.75%;padding:50px 70px;padding: 50px 70px 50px 240px;}
- .depth_menu .head_category .tit {position:absolute; width:170px; left:70px;}
- .depth_menu .head_category .tit p {font-size: 24px; font-weight:500; margin-bottom:20px;}
- .depth_menu .head_category .tit a {font-size: 16px; color: #888; padding-right: 14px; background: url(//image.istyle24.com/Style24/images/pc/ico_mysm_arrow.png) no-repeat right top 2px;}
- .depth_menu .head_category .tit a:after {display:none;}
- .depth_menu .head_category .menu ul.maintabs {position:relative; width:25%; min-width: 200px; border-left: 1px solid #ddd;min-height: 320px;}
- ul.maintabs li {padding-left:40px; padding-top:20px;}
- ul.maintabs li:first-child {padding-top:0;}
- ul.maintabs li a {display: inline-block; font-size: 16px; color: #666; position: relative;}
- ul.maintabs li a:after {content:''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background: #fd4801; display: none;}
- ul.maintabs li.on > a:before {content: ""; position: absolute; top: 50%; right: -15px; transform:translateY(-50%); border: 5px solid transparent; border-left: 5px solid #fd4801;border-right: 0; display: none;}
- ul.maintabs li:hover > a,
- ul.maintabs li:focus > a {color:#fd4801; font-weight:300;}
- ul.maintabs li:hover > a::before,
- ul.maintabs li:focus > a::before,
- ul.maintabs li:hover > a::after,
- ul.maintabs li:focus > a::after {display:block;}
- ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%; top:0px; width:100%; border-left:1px solid #ddd; min-height:320px;}
- .more_category {float:left; position:relative; margin-left:15px;}
- .more_category a.btn_more_cate {position:relative; display:inline-block; padding-right:16px; color:#888; font-size:16px; font-weight:300; z-index:152;}
- .more_category a.btn_more_cate:after {display:block; position:absolute; top:2px; right:0; width:6px; height:6px; border:2px solid #888; border-width:2px 2px 0 0; transform:rotate(135deg); -webkit-transform:rotate(135deg); content:'';}
- .more_category.on a.btn_more_cate:after {top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:'';}
- .more_category .cate_list {display:none; position:absolute; left:-30px; top:-22px; background:#222; min-width:180px; padding:60px 25px 25px; box-sizing:initial; border:1px solid #aaa; z-index:151;}
- .more_category .cate_list ul li {margin-top:14px; display: none;}
- .more_category .cate_list ul li:first-child {margin-top:0;}
- .more_category .cate_list ul li a {display:block; padding:5px; color:#fff; font-size:19px;}
- .more_category .cate_list ul li a:hover {color:#fd4801; text-decoration:underline;}
- .depth_menu .head_banner {float:left; width: 31.25%; background: #f5f5f5; padding:50px 70px;height: 450px;}
- .depth_menu .head_banner .tit p {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
- .depth_menu .head_banner li {float:left; width:49%;}
- .depth_menu .head_banner li:first-child {margin-right:2%;}
- .depth_menu .head_banner li .ev_img {position: relative; padding-top: 100%;overflow: hidden;}
- .depth_menu .head_banner li img {width: 100%; height:auto; position: absolute;left: 50%;top: 0;transform: translate(-50%, 0);}
- .depth_menu .head_banner li .txt p {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:42px; max-height:42px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all; text-align: center;}
- .depth_menu.brand .head_category {width: 100%;}
- .depth_menu.brand .head_category .menu {width:100%; border-left: 1px solid #ddd; padding-left: 40px;}
- .depth_menu.brand .head_category .menu .row {width: 100%; border-bottom: 1px solid #ddd; padding:30px 0;}
- .depth_menu.brand .head_category .menu .row:first-child {padding-top: 0;}
- .depth_menu.brand .head_category .menu .row p {font-size: 18px; font-weight: 500; margin-bottom: 25px;}
- .depth_menu.brand .head_category .menu .row ul:after {content:''; display: block; clear:both;}
- .depth_menu.brand .head_category .menu .row ul li {margin-left:4px; width:182px;}
- .depth_menu.brand .head_category .menu .row ul li:first-child {margin-left:0;}
- .depth_menu.brand .head_category .menu .row ul li a {position:relative; display:table-cell; width:182px; height:80px; text-align:center; vertical-align:middle;}
- .depth_menu.brand .head_category .menu .row ul li a img {display:inline-block; width: 74%; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
- .depth_menu.brand .head_category .menu .row ul li a span {display:none; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; padding:10px; box-sizing:border-box; border:1px solid #222; background:#fff; color:#222; font-size:18px; font-weight:500; text-align:center; z-index:2;}
- .depth_menu.brand .head_category .menu .row ul li a span em {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
- .depth_menu.brand .head_category .menu .row ul li a:hover span,
- .depth_menu.brand .head_category .menu .row ul li a:focus span,
- .depth_menu.brand .head_category .menu .row ul li a:active span {display:block;}
- .depth_menu.brand .head_category .menu .row ul li a:hover img,
- .depth_menu.brand .head_category .menu .row ul li a:focus img,
- .depth_menu.brand .head_category .menu .row ul li a:active img {display:none;}
- .gnb .nav .bundle > li.more{float:right;position:relative;width:47px;height:47px;}
- .gnb .nav .bundle > li.more button{position:absolute;top:-1px;right:0;}
- .gnb .nav li.more > ul {display:none;position:absolute;top:100%;right:0;width:121px;height:auto;margin-top:-2px;padding:17px 0;border:1px solid #000;background:#fff;box-sizing:border-box;z-index:999;}
- .gnb .nav li.more.on > ul{display:block;}
- .gnb .nav li.more > ul li{padding:2px 19px 3px;}
- .gnb .nav li.more > ul a{font-size:15px;color:#191919;}
- .common_header .search {float:right; margin-top:-14px;}
- .common_header .search > .area{float:left;position:relative;width:330px;border-bottom:2px solid #ffffff; margin-right: 20px; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
- .common_header .search .ico_search:before {width:23px; height:23px;}
- .common_header .search .promotion_search {float:left; width:calc(100% - 30px); height:34px; padding:0px; border:0;outline:none;font-size:18px;color: #bcbcbc;font-weight:200; line-height:34px; cursor:pointer;}
- .common_header .search button{float:right; margin:4px 0 0 0;}
- .common_header .search .btn_open_search {display:none; float:left; margin-right:20px; margin-top:5px;}
- .common_header .search .btn_cart {margin-top:4px;}
- .common_header .search .circle_count{display:inline-block;width:23px;height:23px;margin-left:5px; font-size:10px;text-align:center;line-height:2.5;color:#fff;background:#fd4802;border-radius:50%; position:absolute; top:-10px; right:-18px; bottom:auto; left:auto;}
- .common_header .search .circle_count.red{background:#fd4802;}
- .common_header .nav > ul.btn_home {display:none;}
- .common_header .black_screen {position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 88; display:none;}
- .minify .common_header .search .ico_search:before {width:25px; height:25px;}
- .minify .common_header .util_group {margin-top:2px;}
- .minify .common_header .nav > ul.btn_home {display:inline-block;}
- .minify .common_header .nav > ul > li > a {font-size:17px;}
- .minify .common_header .search {margin-top:-5px;}
- .minify .common_header .search > .area {display:none;}
- .minify .common_header .search .btn_open_search {display:block;}
- .minify .common_header .util_group span a {padding:0px 3px;}
- .minify .common_header .gnb .nav .bundle > li > .depth_menu {top:80px;}
- @media screen and (max-width:1620px) {
- .common_header .search > .area {display:none;}
- .common_header .search .btn_open_search {display:block;}
- }
- /* 상단비쥬얼 페이지경로 겹칠때*/
- .omitt .breadcrumb{position: relative;z-index: 10; max-width:1920px;}
- .omitt .breadcrumb ul li,.omitt .breadcrumb ul li a{color: #ffffff !important;}
- .omitt .breadcrumb ul li::before{background: url(//image.istyle24.com/Style24/images/pc/ico_bread_root_w.png)no-repeat center center;}
- .omitt .cont_head{display: none;}
- .omitt .dp_hotdeal,
- .omitt .dp_Bulletship {top: -118px;}
- /* Brand HEADER */
- .common_header.br_header .util_group span::after {background:#fff; opacity:0.2;}
- .common_header.br_header .util_group span a {color:#ffffff; opacity:0.3; font-weight:200;}
- .common_header.br_header .util_group span:first-child a {opacity:1; font-weight:300;}
- .common_header.br_header .search .ico_search:before {width:25px; height:25px;}
- .common_header.br_header .search .btn_open_search {display:block;}
- .common_header.br_header .logo {margin-top:40px;}
- .common_header.br_header .logo h1 {font-size: 28px;letter-spacing: -0.07em;color: #ffffff;font-weight: 400;}
- .common_header.br_header .depth_menu .head_category { width: 68%; padding:50px 70px 50px 20px;}
- .common_header.br_header .depth_menu .head_category .menu ul.maintabs {border-left:0;}
- .common_header.br_header .depth_menu .head_banner {background: #ffffff; width:32%;}
- .common_header.br_header .depth_menu .head_banner li { width: 33.333%;}
- .common_header.br_header .depth_menu .head_banner li img{top: 50%;left: 0px;transform: translateY(-50%);}
- .common_header.br_header .depth_menu .head_banner li:first-child {margin-right:0;}
- .common_header.br_header .depth_menu .item_prod {width: 100%;}
- .common_header.br_header > .area {height:90px;background: inherit;}
- .common_header.br_header > .gnb {background: inherit;}
- .common_header.br_header .nav > ul > li.home {display:none;}
- .minify .common_header.br_header .nav > ul > li.home{display:block;}
- /* common_search */
- .common_search {display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:200; overflow-y: auto;}
- .common_search.active {display:block;}
- .common_search div::after,
- .common_search ul::after {content:''; clear:both; display:block;}
- .common_search .btn_close_search {position:absolute; right:50px; top:50px; width:30px; height:30px; text-indent:-9999px; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
- .common_search .cont_search {width:830px; margin:0 auto; padding:100px 0;}
- .common_search .cont_search .area_input {border-bottom:2px solid #222;}
- .common_search .cont_search .area_input input[type='text'] {width:calc(100% - 30px); height:54px; border:none; color:#222; font-size:30px; padding-left:0;}
- .common_search .cont_search .area_input .ico_search:before {width:26px; height:26px; background-image:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png');}
- .common_search .cont_search .area_result .empty_box {display: block; margin-top:80px;}
- .common_search .empty_box .nodata {color:#666; font-size:16px; font-weight:300; line-height:26px; text-align:center;}
- .common_search .empty_box .nodata::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .common_search .empty_box .nodata .keyword {font-weight: 300;}
- .common_search .empty_box .pd_list.recommend {margin-top:40px;}
- .common_search .pd_list {float:left; width:100%;}
- .common_search .pd_list h3 {color:#222; font-size:20px; font-weight:500;}
- .common_search .pd_list .itemsGrp {margin:24px 0 0;}
- .common_search .pd_list .itemsGrp .item_prod {width:calc(100% / 5);}
- .common_search .cont_search .area_result .default_box {margin-top:30px;}
- .common_search .cont_search .area_result .default_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500;}
- .common_search .default_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
- .common_search .default_box .recent_blk,
- .common_search .default_box .popular_blk {color:#666; font-size:14px; font-weight:300;}
- .common_search .default_box .recent_blk ul li,
- .common_search .default_box .popular_blk ul li {float:left; position:relative; margin-right:20px; margin-bottom:10px;}
- .common_search .default_box .recent_blk ul li a,
- .common_search .default_box .popular_blk ul li a {display:inline-block;}
- .common_search .default_box .recent_blk ul li a:hover,
- .common_search .default_box .recent_blk ul li a:active,
- .common_search .default_box .popular_blk ul li a:hover,
- .common_search .default_box .popular_blk ul li a:active {color:#fd4802;}
- .common_search .default_box .recent_blk .btn_underline {position:absolute; right:0; top:0;}
- .common_search .default_box .recent_blk ul li {padding-right:18px;}
- .common_search .default_box .recent_blk ul li .btn_delete {position:absolute; right:0; top:0; width:9px; height:9px; font-size:1px; text-indent:-9999px; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% auto;}
- .common_search .default_box .popular_blk ul li a::before {content:'#';}
- .common_search .default_box .realtime_blk {width:100%; margin-top:50px; margin-right:0px; padding-top:50px; padding-bottom:0;}
- .common_search .default_box .realtime_blk::before {content:''; display: none; position:absolute; left:50%; top:0; bottom:-30px; width:3000px; transform:translateX(-50%); background:#f5f5f5; z-index:-1;}
- .common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
- .common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px;}
- .common_search .default_box .realtime_blk .modify_timer button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('//image.istyle24.com/Style24/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
- .common_search .realtime_wrap {margin:0 -10px;}
- .common_search .realtime_wrap .swiper-controls {margin-top: 20px;}
- .common_search .realtime_wrap .swiper-scrollbar {background:#ddd; height:2px; opacity: 1 !important;}
- .common_search .realtime_wrap .swiper-scrollbar-drag {border-radius:0; background:#222;}
- .common_search .realtime_wrap .item_prod {width: 100%;}
- .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
- .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
- .common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}
- .common_search .cont_search .area_result .searching_box {margin-top:30px;}
- .common_search .cont_search .area_result .searching_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500;}
- .common_search .cont_search .area_result .searching_box .find_brand h3 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
- .common_search .cont_search .area_result .searching_box .find_brand h3 a {display: inline-block; padding-right: 20px; color:#222; background:url(//image.istyle24.com/Style24/images/pc/ico_dp_arrow.png) no-repeat right 0 top 2px; background-size:7px 13px;}
- .common_search .cont_search .area_result .searching_box .find_category li {position: relative; margin-top: 14px; padding:4px 0; padding-left: 67px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
- .common_search .cont_search .area_result .searching_box .find_category li:first-child {margin-top: 0;}
- .common_search .cont_search .area_result .searching_box .find_category li .category_txt {position: absolute; left: 0; top: 0; padding:5px 8px; background: #f5f5f5; vertical-align: middle; font-size: 11px; color:#666;}
- .common_search .cont_search .area_result .searching_box .find_category li a {width: 100%; font-size: 0;}
- .common_search .cont_search .area_result .searching_box .find_category li a:after {content:''; display: block; clear:both;}
- .common_search .cont_search .area_result .searching_box .find_category li a span {position: relative; font-size: 14px; color:#888; padding-right: 30px; vertical-align: middle;}
- .common_search .cont_search .area_result .searching_box .find_category li a span:after {content:''; background: url(//image.istyle24.com/Style24/images/pc/ico_bread_root.png) no-repeat center/100%; position: absolute; top: 1px; right: 11px; width: 6px; height: 11px;}
- .common_search .cont_search .area_result .searching_box .find_category li a span:last-child {padding-right: 0;}
- .common_search .cont_search .area_result .searching_box .find_category li a span:last-child:after {display: none;}
- .common_search .searching_box .pd_list.relate {margin-top:30px;}
- .common_search .searching_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
- .common_search .searching_box .exfind_blk {margin-right: 0; width: 50%;}
- .common_search .searching_box .autokeyword_blk ul li a em,
- .common_search .searching_box .exfind_blk .find_brand h3 a em,
- .common_search .searching_box .exfind_blk .find_category a em {color:#fd4802;}
- .common_search .searching_box .exfind_blk .find_category a em {color:#222; font-weight: 400;}
- .common_search .searching_box .autokeyword_blk ul li {margin-bottom:10px; color:#666; font-size:14px; font-weight:300; float:left; margin-right: 20px;}
- .common_search .searching_box .exfind_blk .find_category ul li a:last-child::after {display:none;}
- .common_search .itemPrice.cols .itemPrice_original {display: table-cell;width: 100%;}
- .common_search .itemPrice.cols .itemPercent{top: auto;bottom: 0;}
- /* 브랜드검색 */
- .common_search.schBrand .default_box .recent_blk {width: 100%; margin-right: 0;}
- .common_search.schBrand .default_box .popular_blk {display: none;}
- .common_search.schBrand .searching_box [class*="_blk"] {width: 100%; margin-right: 0;}
- /* footer */
- #footer {position:relative;}
- .common_footer {position:relative; width:100%; min-width:1360px; box-sizing:border-box; padding:60px 70px 50px; background-color:#f1f1f1;}
- .common_footer > div {padding-right:170px; box-sizing:border-box;}
- .common_footer .service_support {position: relative;margin: 0 auto; border-top: 0 none !important; zoom: 1;}
- .common_footer .service_support h2 {margin:0;}
- .common_footer .service_support .support_txt {display:block; padding-top:35px;}
- .common_footer .service_support .support_txt::after {content:''; clear:both; display:block;}
- .common_footer .service_support .support_txt li {float:left; position:relative; margin-left:20px; padding-left:20px; font-size:16px; font-weight:300; line-height:1;}
- .common_footer .service_support .support_txt li a span em {line-height: 10px;}
- .common_footer .service_support .support_txt li::before {content:''; position:absolute; left:0; top:2px; bottom:2px; border-left:1px solid #ddd; z-index:2;}
- .common_footer .service_support .support_txt li:first-child {margin-left:0; padding-left:0;}
- .common_footer .service_support .support_txt li:first-child::before {display:none;}
- .common_footer .service_support .family_link {position:absolute; z-index: 99; right:0; top:0px; width:170px;}
- .common_footer .service_support .family_link h2 a {display:block; position:relative; height:32px; padding:10px; color: #444; font-weight: 300; font-size: 14px; letter-spacing: 0; line-height:1; text-align: left; border: solid 1px transparent; border-bottom: solid 1px #222222; -webkit-box-sizing: border-box; box-sizing: border-box;}
- .common_footer .service_support .family_link h2 a:hover{background-color: rgb(255 255 255);}
- .common_footer .service_support .family_link h2 a:focus{background-color: rgb(255 255 255); border: 1px solid #222222; border-top: 1px solid transparent;}
- .common_footer .service_support .family_link h2 a .ico {position:absolute; top:10px; right:15px; margin-right:0;}
- .common_footer .service_support .family_link dl {display:none; position: absolute; bottom:32px; left:0; width: 170px; border: 1px solid #222222; padding:3px 0px 13px 0px; background-color:#fff; box-sizing:border-box;}
- .common_footer .service_support .family_link dl dt {position: relative; font-size: 10px;font-weight: bold;letter-spacing: 1px;color: #222222;padding: 8px 0 2px 0px; text-indent: 12px;display: block;}
- .common_footer .service_support .family_link dl dd {text-indent: 12px;}
- .common_footer .service_support .family_link dl dd a {font-size: 14px; font-weight: 300; color:#222; text-decoration: none;padding: 12px 0px;display: block;letter-spacing: -.025em;line-height: 15px;}
- .common_footer .service_support .family_link dl dd a:hover {background:#efefef;}
- .common_footer .service_support .connect {position:absolute; top:76px; right:0px; text-align:left; width:170px; line-height:1.2; z-index:2;}
- .common_footer .service_support .connect .cs_box .clickable {color:#222; font-size:16px; font-weight:300;letter-spacing: -.025em;}
- .common_footer .service_support .connect .cs_box .clickable .ico_ft_arrow_r:before {vertical-align:top; margin-top:2px;}
- .common_footer .service_support .connect .cs_box span {display:inline-block; color:#666;}
- .common_footer .service_support .connect .cs_box span.time {font-size:14px; line-height: 22px;}
- .common_footer .service_support .connect .cs_box span.tel {font-size:18px;font-weight: 300;}
- .common_footer .service_support .connect .cs_box span.fax,
- .common_footer .service_support .connect .cs_box span.mail {color:#888; font-size:14px;font-weight: 200;}
- .common_footer .service_support .connect .sns_box a {display:inline-block; width:20px; height:20px; background:no-repeat url('//image.istyle24.com/Style24/images/pc/ico_ft_sns.png');}
- .common_footer .service_support .connect .sns_box a.fbook {background-position:0 0;}
- .common_footer .service_support .connect .sns_box a.insta {background-position:-20px 0;}
- .common_footer .service_support .connect .isms_box {padding:12px 0; color:#666; font-size:12px; font-weight: 200; line-height:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
- .common_footer .service_support .connect .isms_box p {padding:5px 0 5px 60px; background:no-repeat url('//image.istyle24.com/Style24/images/pc/ico_ft_isms.png') 5px 3px;}
- .common_footer .corporation_info {position:relative; min-height:30px; color:#888; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
- .common_footer .corporation_info .ft_cpinfo {margin-top:27px;}
- .common_footer .corporation_info .ft_cpinfo dl dt {font-weight:500;}
- .common_footer .corporation_info .ft_cpinfo dl dd {font-weight:200;}
- .common_footer .corporation_info .ft_cpinfo dl dd span {margin-right:10px;}
- .common_footer .corporation_info .ft_cpinfo dl .clickable {padding-bottom:2px; border-bottom:1px solid #888; color:#888; font-size:12px;}
- .common_footer .copyright {min-height:25px; margin-top:28px; color:#888; font-weight: 200;font-size:14px; line-height:1.5; letter-spacing:-0.5px;}
- .common_footer .cmfooter_corp_wrap {min-height:30px; font-size:14px; line-height:26px; letter-spacing:-0.5px; color:#888;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in {position: relative;margin: 0 auto;zoom: 1;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in:after {display: block;clear: both;content: "";}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in .cmfooter_corp_txwrap .clickable {padding-bottom:2px; border-bottom:1px solid #888; color:#888; font-size:12px;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_info {float: left;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl {margin-top:40px;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dt {font-weight:500;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dd {font-weight:200;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dd span {margin-right: 10px;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_rgt {position: absolute; top:3px; right:0px; text-align:left; width:150px;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_hosting {margin-top:50px; font-weight:300;}
- .common_footer .cmfooter_corp_wrap .cmfooter_mark {position: relative;margin-left: 44px;}
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_copy {display: block;width: 164px;height: 41px;margin: 0 auto;background-position: -200px 0;}
- .common_footer .sp_cmfooter,
- .common_footer .cmfooter_corp_wrap .cmfooter_corp_cs .cmfooter_cs_tel:before {display: inline-block;vertical-align: top;}
- .partners_pop {max-width: 600px;padding: 60px;}
- .partners_pop .modal-body p{color: #666;font-size: 16px;line-height: 26px;letter-spacing: -0.04em;padding-bottom: 30px;}
- .partners_pop .tbl.type2 table th, .partners_pop .tbl.type2 table td{font-size: 14px;}
- .partners_pop .tbl.type2 table td {font-size: 14px; font-weight: 300; color:#666;}
- /* 퀵메뉴 */
- #quick_menu {position:fixed; bottom:0; right:0; z-index:102;}
- #quick_menu.active {right: 0;}
- #quick_menu:before {content:''; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: none;}
- #quick_menu.active:before {display: block;}
- #quick_menu .quick_btn {background: #222;position: absolute; left:-60px; width:60px; bottom:0;}
- #quick_menu .quick_btn li {width: 60px; height: 60px; text-align: center;}
- #quick_menu .quick_btn li button {display: block; width: 60px; height: 60px;}
- #quick_menu .quick_btn .count {display: block; margin-top: 6px; font-size: 12px; color: #fd4802;}
- #quick_menu .tabs_con {display:none; position: relative; margin-right:-363px; transition:all 0.3s;}
- #quick_menu.active .tabs_con {display:block; margin-right:0px;}
- #quick_menu .quick_close_btn {position: absolute; right:30px; top: 30px; width: 22px; height: 22px; background: url('//image.istyle24.com/Style24/images/pc/ico_quick_close.png') no-repeat center/100%; z-index: 8;}
- #quick_menu .quick_con {display:none;position:relative;background:#fff;width:363px;height: auto;max-height: 700px;min-height: 400px;}
- #quick_menu .quick_con .quick_head {position: relative; height:94px; padding: 30px; padding-bottom: 40px;}
- #quick_menu .quick_con .quick_head::after {display:none;}
- #quick_menu .quick_con .quick_head h3 {font-size: 24px; font-weight: 500; margin-bottom: 0;}
- #quick_menu .quick_con .quick_head h3 a {color: #222; position: relative; display: inline-block; padding-right: 22px;}
- #quick_menu .quick_con .quick_head h3 a:after {content:''; position: absolute; top: 50%; transform:translateY(-60%); right: 0; width: 8px; height: 15px; background: url('//image.istyle24.com/Style24/images/pc/ico_dp_arrow.png') no-repeat center/100%;}
- #quick_menu .quick_con .quick_body {padding:0 30px 30px; height: 605px;min-height:325px;max-height:605px;overflow-y:scroll;}
- #quick_menu .quick_con .quick_body::after {display:none;}
- #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
- #quick_menu .quick_con .product_count span {font-weight: 500;}
- #quick_menu .quick_body::-webkit-scrollbar {width:4px;}
- #quick_menu .quick_body::-webkit-scrollbar-thumb {background-color:#222222; border-radius:50px; -webkit-border-radius:50px; background-clip:padding-box; border:1px solid transparent;}
- #quick_menu .quick_body::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
- #quick_menu.on {position: absolute; bottom: 539px; width: 60px; height: 539px;}
- /* 퀵메뉴_최근 본 상품 */
- #quick_menu .history .itemsGrp {margin:0 -7px;}
- #quick_menu .history .item_prod {width: 50%;}
- #quick_menu .history .item_state {padding:0; margin:0 7px 14px;}
- #quick_menu .history .itemPic {margin-bottom: 0;}
- #quick_menu .history .no_item {display: none;}
- #quick_menu .history .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
- #quick_menu .history .quick_body.nodata .item_prod {display: none;}
- #quick_menu .history .quick_body.nodata .no_item {display: block; line-height: 700px; text-align: center; font-size: 16px; color: #888;}
- #quick_menu .itemsGrp:not(.rowtype) .item_prod .item_state.soldout::before {top: 50%; transform:translate(-50%, -50%);}
- /* 퀵메뉴_쇼핑백 */
- .itemsGrp {margin-bottom:0;}
- #quick_menu .shopingbag .quick_body {height: auto;/*height: 655px; */overflow-y:scroll;}
- #quick_menu .shopingbag .quick_body.nodata {height: 608px;}
- #quick_menu .shopingbag .quick_body .itemsGrp.empty {display: none;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp.existence {display: none;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp .item_prod:first-child{padding-top: 20px;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp .item_prod .viewCount{display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty {display:block; text-align:left;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .desc {font-size: 16px; line-height: 1.6; color: #888; text-align: center;padding-bottom: 40px;}
- #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .item_prod:last-child {border-bottom: 0; padding-bottom: 0;}
- #quick_menu .shopingbag .quick_body.nodata .purchase_btn {display: none;}
- #quick_menu .shopingbag .quick_body {scrollbar-width: 2px; scrollbar-3dLight-Color: #f8f8f8; scrollbar-arrow-color: #f8f8f8; scrollbar-base-color: #f8f8f8; scrollbar-Face-Color: #888888; scrollbar-Track-Color: #f8f8f8; scrollbar-DarkShadow-Color: #f8f8f8; scrollbar-Highlight-Color: #f8f8f8; scrollbar-Shadow-Color: #f8f8f8;}
- #quick_menu .shopingbag .itemsGrp .item_prod {width: 100%; overflow: hidden; padding:30px 0; border-bottom: 1px solid #ddd;}
- #quick_menu .shopingbag .itemsGrp .item_prod .delete_btn {position: absolute; top: 30px; right: 0; width: 14px; height: 14px; background: url('//image.istyle24.com/Style24/images/pc/ico_close1.png') no-repeat center;}
- #quick_menu .shopingbag .itemsGrp .item_prod:first-child .delete_btn {top: 0;}
- #quick_menu .shopingbag .itemsGrp .item_prod:first-child {padding-top: 0;}
- #quick_menu .shopingbag .itemsGrp .item_prod:last-child {border-bottom: 0;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemBadge, #quick_menu .shopingbag .itemsGrp .item_prod .itemcolorchip {display: none;}
- #quick_menu .shopingbag .itemsGrp .item_prod .item_state {display: table; padding-left: 150px; padding-right: 0; padding-bottom: 0; width: 100%; min-height:180px;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemLike {z-index: 99;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 120px; padding-top: 180px;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .shape {z-index: 89;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemBrand {margin:0px 0 15px; font-size: 12px; line-height:14px; font-weight: 300;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemComment {font-size: 12px;margin-left: 0;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemName {margin:0px 0 13px; font-size: 14px; font-weight: 300; line-height: 1.5; max-height:44px; overflow:hidden;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemSize {font-size: 12px; margin-bottom: 20px; color: #888;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice {font-size: 16px; line-height: 1; font-weight: 500; margin:0 0 10px}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice_original {display: inline-block; font-size: 14px; font-weight: 200;}
- #quick_menu .shopingbag .itemsGrp .item_prod .itemLink .purchase_btn {width: 100%; border:1px solid #a7a7a7; font-weight:300;}
- #quick_menu .shopingbag .purchase_btn {width: 100%; position: absolute; left: 50%; bottom: 30px; z-index: 90; width: 302px; height: 60px; line-height: 60px; background: #fd4802; color: #fff; font-size: 18px; font-weight: 300; transform: translateX(-50%); box-shadow: 3px 4px 14px 0px rgba(0, 0, 0, 0.41); border:1px solid #fd4802;}
- #quick_menu .shopingbag .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
- #quick_menu .shopingbag .shape:after {height: 18px; border-left:10px solid #fd4802;}
- #quick_menu .shopingbag .shape span {width: 100%; font-size: 13px; font-weight: 300;}
- /* 퀵메뉴_위시리스트 */
- #quick_menu .wishlist .itemsGrp {margin:0 -7px;}
- #quick_menu .wishlist .item_prod {width: 50%;}
- #quick_menu .wishlist .item_state {margin:0 7px 14px; padding: 0;}
- #quick_menu .wishlist .itemPic {margin-bottom: 0;}
- #quick_menu .wishlist .no_item {display: none;}
- #quick_menu .wishlist .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
- #quick_menu .wishlist .quick_body.nodata .item_prod {display: none;}
- #quick_menu .wishlist .quick_body.nodata .no_item {display: block; line-height: 675px; text-align: center; font-size: 16px; color: #888;}
- #quick_menu .wishlist .quick_body.need_login .product_count {display: none;}
- #quick_menu .wishlist .quick_body.need_login .itemsGrp {display: none;}
- #quick_menu .wishlist .quick_body.need_login .login_con {display: block;}
- #quick_menu .login_con {position: relative; height: 675px; display: none;}
- #quick_menu .login_con > div {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
- #quick_menu .login_con p {font-size: 16px; color: #888; margin-bottom: 30px;}
- #quick_menu .login_con .btn {width: 85px; padding: 10px 14px; font-size: 14px; border:1px solid #a7a7a7; font-weight: 300;}
- #quick_menu .wishlist .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
- #quick_menu .wishlist .shape:after {height: 18px; border-left:10px solid #fd4802;}
- #quick_menu .wishlist .shape span {width: 100%; font-size: 13px; font-weight: 300;}
- #quick_menu .wishlist .itemLike {top: 10px;}
- #quick_menu .wishlist .hover_con {z-index:98; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none;}
- #quick_menu .wishlist .hover_con .cart_btn {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
- #quick_menu .wishlist .item_prod:hover .hover_con {display: block;}
- #quick_menu .wishlist .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0;}
- #quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #fff; color: #222; border:1px solid #fff;}
- #quick_menu .wishlist .itemsGrp .item_prod .cart_btn:hover.on {background: #222; color: #fff; border:1px solid #222;}
- /* 퀵메뉴_나의 쿠폰_발급 가능 쿠폰 */
- #quick_menu .coupon .quick_body {overflow:hidden;}
- #quick_menu .coupon .quick_body.need_login {height: 100%;}
- #quick_menu .coupon .quick_body .login_con {display: none;}
- #quick_menu .coupon .quick_body.need_login .login_con {display: block;}
- #quick_menu .coupon .quick_body.need_login .coupon_area, #quick_menu .coupon .quick_body.need_login .coupon_tab, #quick_menu .coupon .quick_body.need_login .more_btn {display: none !important;}
- #quick_menu .coupon .coupon_tab {margin-bottom: 30px;}
- #quick_menu .coupon .coupon_tab a {position: relative; font-size: 16px; color: #888;}
- #quick_menu .coupon .coupon_tab a:first-child {margin-right: 25px;}
- #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
- #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
- #quick_menu .coupon .more_btn {width: 100%; position: absolute; left: 50%; bottom: 30px; z-index: 90; width: 302px; height: 42px; line-height: 42px; color: #222; font-size: 14px; font-weight: 300; transform: translateX(-50%); text-align: center; border:1px solid #ddd; background:#fff url('//image.istyle24.com/Style24/images/pc/ico_more_sm.png') no-repeat left 177px center;}
- #quick_menu .coupon .coupon_area {height:480px;overflow-y:auto;margin-bottom: 50px;}
- #quick_menu .coupon .coupon_area::-webkit-scrollbar {width:4px;}
- #quick_menu .coupon .coupon_area::-webkit-scrollbar-thumb {background-color:#222222; border-radius:50px; -webkit-border-radius:50px; background-clip:padding-box; border:1px solid transparent;}
- #quick_menu .coupon .coupon_area::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
- #quick_menu .coupon #coupon_type01 .coupon_list {line-height:1;}
- #quick_menu .coupon #coupon_type01 .coupon_list li {margin-top:30px;}
- #quick_menu .coupon #coupon_type01 .coupon_list li:first-child {margin-top:0;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon > div {position:relative;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon p {padding:0 20px;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont {margin-top:10px;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('//image.istyle24.com/Style24/images/pc/ico_cp_down.png') no-repeat 0 0;}
- #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
- /* 퀵메뉴_나의 쿠폰_보유 쿠폰 */
- #quick_menu .coupon #coupon_type02 .coupon_list li {float:left; width: 100%; margin:0 0 30px 0; position: relative; position: relative; overflow: hidden;}
- #quick_menu .coupon #coupon_type02 .coupon_list li:nth-child(4n) {margin-right: 0;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_top {position: relative; overflow: hidden;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .tit {padding:0; margin-bottom: 10px; font-size: 14px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .tit {color:#888;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .sale_t {color:#888;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t span {font-size: 28px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont {padding:0; font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont span {font-size: 12px; font-weight: 300; color: #888;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cnt {background: #fff5f3; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .cp_cnt {background: #f5f5f5; padding:5px 8px; border:1px solid #888; font-size: 10px; color: #888 !important; font-weight: 500;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_shape {position:absolute; top:50%; right:0; transform:translateY(-50%); width:16px; height:32px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_date {border:1px solid #ddd; padding:17px 5px; border-top: 1px dashed #ddd; color: #222; font-weight: 300; text-align: center;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_date .cp_off {display: none; color: #888;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date span {display: none;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
- #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
- #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
- /* 퀵메뉴_카테고리 */
- #quick_menu .category .quick_body {padding: 0;}
- #quick_menu .category .quick_cate_wrap > li > ul {display: none; background: #f5f5f5;}
- #quick_menu .category .quick_cate_wrap > li:first-child > a {padding-top: 0;}
- #quick_menu .category .quick_cate_wrap > li > a {display: block; padding:20px 30px; font-size: 18px; font-weight: 300;}
- #quick_menu .category .quick_cate_wrap > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
- #quick_menu .category .quick_cate_wrap > li.has_children > a {background: url('//image.istyle24.com/Style24/images/pc/ico_quick_cate.png') no-repeat right 30px center;}
- #quick_menu .category .quick_cate_wrap > li.has_children.active > a {background: url('//image.istyle24.com/Style24/images/pc/ico_quick_cate_on.png') no-repeat right 30px center; font-size: 18px; color: #fd4802;}
- #quick_menu .category .quick_cate_wrap > li.has_children.active > a span {border-bottom: 1px solid #fd4802;}
- #quick_menu .category .quick_cate_wrap > li.has_children > ul {padding: 15px 0;}
- #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a {display: block; font-size: 16px; color: #888; padding:15px 40px;}
- #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
- #quick_menu .category .quick_cate_txt {border-top: 1px solid #ddd; padding:30px;}
- #quick_menu .category .quick_cate_txt a {display: inline-block; position: relative; font-size: 14px; color: #888; margin-right: 20px;}
- #quick_menu .category .quick_cate_txt a:after {content:''; position: absolute; top: 2px; right: -12px; width: 1px; height: 8px; background: #ddd;}
- #quick_menu .category .quick_cate_txt a:last-child:after {display: none;}
- /* 상품리스트 정렬, 상품수 표기 영역 */
- .container .count_wrap::after {content:''; display: block; clear:both;}
- .container .count_wrap {padding:60px 0 20px;}
- .container .count_wrap div:nth-child(1) {float: left;}
- .container .count_wrap div:nth-child(1) p {color:#888;}
- .container .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:300;}
- .container .count_wrap div:nth-child(2) {float:right;}
- .container .count_wrap div:nth-child(2) ul::after {content:''; clear:both; display:block;}
- .container .count_wrap div:nth-child(2) ul li {float:left; position:relative; padding-left:32px;}
- .container .count_wrap div:nth-child(2) ul li a {color:#888; font-size:14px; font-weight:200;}
- .container .count_wrap div:nth-child(2) ul li a.on {color:#222; font-weight:300;}
- .container .count_wrap div:nth-child(2) ul li::before {content:''; position:absolute; width:1px; height: 13px; background: #ccc; top:50%; left: 15px; transform: translateY(-50%);}
- .container .count_wrap div:nth-child(2) ul li:first-child::before {display:none;}
- /* 검색필터 : START */
- .color-check input:checked ~ [class*="pdColor"]:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2) url(//image.istyle24.com/Style24/images/pc/ico_color_check.png) no-repeat 50% 50%; border-radius: 50%; z-index: 2;}
- .pdColor-color01::before {background-color: #000;}
- .pdColor-color02::before {background-color: #7f7f7f;}
- .pdColor-color03::before {background-color: #ff0306;}
- .pdColor-color04::before {background-color: #f98473;}
- .pdColor-color05::before {background-color: #ff99ec;}
- .pdColor-color06::before {background-color: #9c1d88;}
- .pdColor-color07::before {background-color: #9c5a28;}
- .pdColor-color08::before {background-color: #655611;}
- .pdColor-color09::before {background-color: #ffffaf;}
- .pdColor-color10::before {background-color: #ff8700;}
- .pdColor-color11::before {background-color: #012061;}
- .pdColor-color12::before {background-color: #0170c1;}
- .pdColor-color13::before {background-color: #bfffdd;}
- .pdColor-color14::before {background-color: #13b987;}
- .pdColor-color15::before {background-color: #5c5527;}
- .filter_list {background: url('//image.istyle24.com/Style24/images/pc/ico_filter02.png') no-repeat left 20px center; padding: 22px 30px; padding-left: 54px; border-top: 1px solid #222; border-bottom: 1px solid #ddd; max-height:60px; min-height:60px;}
- .filter_list::after {content:''; display: block; clear:both;}
- .filter_list .form_field {float: right; width:inherit;}
- .filter_list .form_field div:last-child {margin-left: 20px;}
- .filter_list > ul {float:left; display: flex;}
- .filter_list ul li {position: relative; margin-right: 40px;}
- .filter_list ul li a {color:#222; font-size: 16px; font-weight: 300;}
- .filter_list ul li.on a {color:#fd4802; font-weight:500;}
- .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
- .filter_list > ul > li:first-child button span {color:#888;}
- .filter_list > ul > li:first-child button::before {display:none; content:''; position: absolute; width:12px; height:10px; background: url(//image.istyle24.com/Style24/images/pc/ico_filter.png)no-repeat; top:44%; left: 0; transform:translateY(-50%);}
- .filter_list > ul > li:hover > a {color:#fd4802;}
- .filter_list .form_field div label span {color:#666;}
- .filter_content .sort {display:none; position: relative; padding: 40px 35px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
- .filter_content .sort.on {display:block;}
- .filter_content .sort .tap_close {position: absolute; bottom: 30px; right: 40px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(//image.istyle24.com/Style24/images/pc/ico_pop_cls.png); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 98;}
- .filter_content .sort > ul {max-height: 350px; min-height: 40px;overflow-y: auto;}
- .filter_content .sort label span {color:#666; font-size:14px; font-weight:300;}
- .filter_content .sort label input:checked + span {color:#fd4802; font-weight:500;}
- .filter_content .sort.tap01 > ul {position: relative;}
- .filter_content .sort.tap01 > ul > li {width: 170px; margin-bottom: 20px;}
- .filter_content .sort.tap01 ul li div {position: absolute; width:170px; left:170px; top:0; padding-left: 40px; display: none;}
- .filter_content .sort.tap01 ul li div::before {content:''; position: absolute; top:0; left:0; width:1px; height: 270px; background: #ccc;}
- .filter_content .sort.tap01 ul li div ul li {margin-bottom: 20px;}
- .filter_content .sort.tap01 ul li a {color:#666; position: relative;}
- .filter_content .sort.tap01 ul li a:hover {color:#fd4802;}
- .filter_content .sort.tap01 ul li.noDepth.on > a {color:#fd4802;}
- .filter_content .sort.tap01 ul li.noDepth.on > a::after {content:''; position:absolute; top:0; right:-18px; border-style:solid; border-width:5px; border-color:transparent transparent transparent #fd4802;}
- .filter_content .sort.tap02 { padding-right:0;}
- .filter_content .sort.tap02 ul::after {content:''; display: block; clear:both;}
- .filter_content .sort.tap02 ul li {/*float:left;*/ padding-right:40px; margin-bottom:20px;}
- .filter_content .sort.tap02 ul li {display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;}
- .filter_content .sort.tap03 {padding-right:0;}
- .filter_content .sort.tap03 ul li {position: relative; border-bottom: 1px solid #ccc; padding-left: 100px;padding-top: 30px;padding-bottom: 30px;}
- .filter_content .sort.tap03 ul li::after {content: ''; display: block; clear: both;}
- .filter_content .sort.tap03 ul li:first-child {padding-top: 0px;padding-bottom: 30px;}
- .filter_content .sort.tap03 ul li:first-child strong {top: 2px;}
- .filter_content .sort.tap03 ul li:last-child {padding-top: 30px;padding-bottom: 0px; border: none;}
- .filter_content .sort.tap03 ul li strong {width:100px;color:#222; font-weight:300; height: 21px;float: left; position: absolute; top: 32px; left: 0;}
- .filter_content .sort.tap03 ul li label {color:#666; margin-right:40px; margin-bottom: 3px; line-height: 1.4; display: inline-block; word-break:keep-all;position:relative;}
- .filter_content .sort.tap03 ul li label:last-child {margin-right:0;}
- .filter_content .sort.tap03 ul li .size_btn,
- .filter_content .sort.tap02 ul li .brand_btn,
- .filter_content .sort.tap06 ul li .Age_btn,
- .filter_content .sort.tap07 ul li .Season_btn,
- .filter_content .sort.tap09 ul li .Benefits_btn {cursor: pointer;}
- .filter_content .sort.tap03 ul li .size_btn input:checked+span,
- .filter_content .sort.tap02 ul li .brand_btn input:checked+span,
- .filter_content .sort.tap06 ul li .Age_btn input:checked+span,
- .filter_content .sort.tap07 ul li .Season_btn input:checked+span,
- .filter_content .sort.tap09 ul li .Benefits_btn input:checked+span {color:#fd4802;}
- .filter_content .sort.tap03 ul li .size_btn input,
- .filter_content .sort.tap02 ul li .brand_btn input,
- .filter_content .sort.tap06 ul li .Age_btn input,
- .filter_content .sort.tap07 ul li .Season_btn input,
- .filter_content .sort.tap09 ul li .Benefits_btn input{position: absolute; display: block; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
- .filter_content .sort.tap04 ul {display: flex; justify-content: center; padding: 0 215px;}
- .filter_content .sort.tap04 ul::after {content: ""; position: absolute; left: 20%; top: 46px; width: 60%; height: 2px; background: #222; z-index: -2;}
- .filter_content .sort.tap04 ul li {text-align: center; width:20%;}
- .filter_content .sort.tap04 ul li:last-child {margin-right: 0;}
- .filter_content .sort.tap04 ul li input {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
- .filter_content .sort.tap04 ul li input + label span:last-child {color:#666;}
- .filter_content .sort.tap04 ul li input:checked + label span:first-child {border-color: #fd4802;}
- .filter_content .sort.tap04 ul li input:checked + label span:last-child {color:#fd4802;}
- .filter_content .sort.tap04 ul li span {display: block; cursor: pointer;}
- .filter_content .sort.tap04 ul li span:first-child {position: relative; display: inline-block; width:10px; height: 10px; background: #fff; border: 2px solid #222; border-radius: 50%;}
- .filter_content .sort.tap04 ul li:first-child span:first-child::before {display: none;}
- .filter_content .sort.tap04 ul li input:checked + label span:first-child::before {content:''; position: absolute; width: 208px; height: 2px; top:2px; right:100%; background: #fd4802; z-index: -1;}
- .filter_content .sort.tap04 .range {width:1000px; margin: 0 auto;}
- .filter_content .irs {font-family: 'LATO', 'Noto Sans kr', sans-serif;}
- .range .irs--round .irs-from,
- .range .irs--round .irs-to,
- .range .irs--round .irs-single {background-color: #fff; color:#222; display: none;}
- .range .irs--round .irs-from:before,
- .range .irs--round .irs-to:before,
- .range .irs--round .irs-single:before {display: none;}
- .range .irs--round .irs-line {background-color:#222; height:2px; overflow:visible;}
- .range .irs--round .irs-line::before,
- .range .irs--round .irs-line::after {content:''; position:absolute; top:-6px; width:14px; height:14px; border:2px solid #222; background:#fff; border-radius:50%; box-sizing:border-box;}
- .range .irs--round .irs-line::before {left:0;}
- .range .irs--round .irs-line::after {right:0;}
- .range .irs--round .irs-bar {background-color: #fd4802; height: 2px;}
- .range .irs--round .irs-handle {width:14px; height:14px; top:50%; margin-top:-3px; border-color: #fd4802; border: 2px solid #fd4802; box-shadow: none; cursor:pointer; margin-left: 0;}
- .range .irs--round .irs-grid {z-index:0;}
- .range .irs--round .irs-grid-text {display:block; color:#666; font-size:14px; font-weight:300;}
- .range .irs--round .irs-min,
- .range .irs--round .irs-max {display: none;}
- .range .irs-grid-pol.small {display: none;}
- .range .irs-from,
- .range .irs-to,
- .range .irs-single {top:52px;}
- .range .irs-grid-pol {margin-left:1px}
- .filter_content .sort.tap05 ul {display: flex; justify-content: center; padding: 0 150px;}
- .filter_content .sort.tap05 ul::after {content: ""; position: absolute; left: 14.5%; top: 46px; width: 70.2%; height: 2px; background: #222; z-index: -2;}
- .filter_content .sort.tap05 ul li {text-align: center; width:10%;}
- .filter_content .sort.tap05 ul li:last-child {margin-right: 0;}
- .filter_content .sort.tap05 ul li input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
- .filter_content .sort.tap05 ul li input + label span:last-child {color:#666;}
- .filter_content .sort.tap05 ul li input:checked + label span:first-child {border-color: #fd4802;}
- .filter_content .sort.tap05 ul li input:checked + label span:last-child {color:#fd4802;}
- .filter_content .sort.tap05 ul li span {display: block; cursor: pointer;}
- .filter_content .sort.tap05 ul li span:first-child {position: relative; display: inline-block; width:10px; height: 10px; background: #fff; border: 2px solid #222; border-radius: 50%;}
- .filter_content .sort.tap05 ul li:first-child span:first-child::before {display: none;}
- .filter_content .sort.tap05 ul li input:checked + label span:first-child::before {content:''; position: absolute; width: 135px; height: 2px; top:2px; right:100%; background: #fd4802; z-index: -1;}
- .filter_content .sort.tap06 ul::after,
- .filter_content .sort.tap07 ul::after,
- .filter_content .sort.tap09 ul::after {content:''; display: block; clear: both;}
- .filter_content .sort.tap06 ul li,
- .filter_content .sort.tap07 ul li,
- .filter_content .sort.tap09 ul li {float: left; margin-right: 48px;margin-bottom: 20px;}
- .filter_content .sort.tap06 ul li:last-child,
- .filter_content .sort.tap07 ul li:last-child,
- .filter_content .sort.tap09 ul li:last-child {margin-right: 0;}
- .filter_content .sort.tap08 ul::after {content:''; display: block; clear:both;}
- .filter_content .sort.tap08 ul li {float: left; margin-left: 20px;}
- .filter_content .sort.tap08 ul li:first-child {margin-left: 0;}
- .filter_content .sort.tap08 ul li .color-check input {position:absolute; display:block; overflow:hidden; height:1px; width:1px; clip:rect(1px, 1px, 1px, 1px);}
- .filter_content .sort.tap08 ul li .color-check [class*="pdColor"],
- .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:26px; height: 26px; cursor: pointer;border-radius: 50%;box-sizing: border-box;}
- .filter_content .sort.tap08 ul li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
- .fillter {display: none; position: relative; padding: 25px 20px; padding-bottom: 10px; padding-right: 115px; background: #f5f5f5; border:1px solid #ddd; border-top: 0;}
- .fillter::after,
- .fillter .fillter_box::after {content:''; display: block; clear:both;}
- .fillter .fillter_box > span {float:left; position:relative; padding-right:20px; margin-right:30px; margin-bottom:10px; vertical-align:middle; color:#666; font-size:14px; font-weight:500; line-height:1;}
- .fillter .fillter_box [class*="pdColor"] {position: relative; display: inline-block; width:13px; height: 13px; /*cursor: pointer;*/ margin-right: 0; margin-bottom: 0; padding-right: 0;}
- .fillter .fillter_box [class*="pdColor"]:before { content: ""; display: inline-block; width: 13px; height: 13px; border-radius: 50%; box-sizing: border-box;}
- .fillter .fillter_box [class*="pdColor"] + .filter_delete {top:1px}
- .fillter .fillter_box .filter_delete {position:absolute; top:-1px; right: 0; background: url('//image.istyle24.com/Style24/images/pc/ico_filter_close.png') no-repeat 50% 50%; width:14px; height:14px;}
- .fillter .fillter_reset {position: absolute; top:50%; right:10px; transform:translateY(-50%); padding:10px 10px 10px 20px; background: #f5f5f5; line-height:1 !important;}
- .fillter .fillter_reset::before {content:''; position: absolute; top:50%; left:0px; transform: translateY(-50%); width:11px; height: 9px; background: url(//image.istyle24.com/Style24/images/pc/ico_filter_reset.png)no-repeat;}
- .fillter .fillter_reset span {color:#222; font-size:14px; font-weight:300;}
- /* 검색필터 : END */
- /* modal popup */
- .modal .input_wrap .form_control {float:none; width: 100%; padding:5px 20px;}
- .modal .input_wrap .form_control,
- .modal .form_field .select {height: 42px; font-size: 14px;}
- .modal .select_dress {padding:11px 20px;}
- .modal .desc {color:#999; font-size: 14px;}
- .modal .input_wrap {width: 100%;}
- .modal .modal-body section {margin-bottom: 0px;}
- .modal .modal-footer {text-align: center;}
- .modal .modal-footer button.btn {width: 100%; height: 60px; font-size: 18px; font-weight:300;}
- .modal div::after,
- .modal ul::after,
- .modal dl::after {content:''; clear:both; display:block;}
- .modal .form_field input[type="radio"] + label {padding-left:30px;}
- .modal .form_field input[type="radio"] + label:before,
- .modal .form_field input[type="radio"]:checked + label:after,
- .modal .form_field input[type="checkbox"] + label:before,
- .modal .form_field input[type="checkbox"]:checked + label:after,
- .modal .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
- /* layout */
- .container {width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; *zoom:1;}
- .container:after {clear:both; content:"";display:block;}
- .container .wrap {position:relative; width:100%; min-width:1360px; max-width:1920px; margin:0px auto; box-sizing:border-box;}
- .container .wrap .content {position:relative; margin-left:auto; margin-right:auto; padding-left:70px; padding-right:70px;}
- .container .wrap .content:after {content:''; clear:both; display:block;}
- .container .wrap .content.wide {width:100%; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
- .container .wrap .content section {display:block;}
- /* max-width: 1820px; */
- /* min-width: 1350px; */
- @media screen and (max-width:1459px) {}
- /* 검색 */
- .fs25 {font-size: 25px;}
- .fs18 {font-size: 18px;}
- .fwb {font-weight:bold;}
- /* breadcrumb */
- .breadcrumb {padding:0px 70px; margin:40px auto 60px;}
- .breadcrumb ul li {display: inline-block; color: #888;}
- .breadcrumb ul li:last-child {color:#222; font-weight: 300;}
- .breadcrumb ul li:first-of-type::before {content:none;}
- .breadcrumb ul li::before {content:''; display: inline-block; width:6px; height: 11px; padding: 0 12px; background: url('//image.istyle24.com/Style24/images/pc/ico_bread_root.png')no-repeat center center;}
- .area_top_list_info {position:relative; width:100%; margin:60px auto 30px}
- .area_top_list_info .total_count {font-size:16px; color:#888; font-weight:200;}
- .area_top_list_info .total_count span {color:#fd4802; font-weight:300;}
- .area_top_list_info .ui_right {position:absolute; right:0; top:50%; transform:translateY(-50%);}
- .area_thumb_list .thumb_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:70px;}
- .area_thumb_list .thumb_list ul li:nth-child(4n-3){margin-left:0;}
- .area_thumb_list .thumb_list ul li:nth-child(-n+4) {margin-top:0;}
- .area_thumb_list .thumb_list ul li a {display:block; position:relative;}
- .area_thumb_list .thumb_list ul li a .rank {z-index:2;}
- .area_thumb_list .thumb_list ul li a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
- .area_thumb_list .thumb_list ul li a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
- .area_thumb_list .thumb_list ul li a .txt {margin-top:15px; padding:0px 5px 0px;}
- .area_thumb_list .thumb_list ul li a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:68px; line-height:34px; color:#222; font-weight:500; font-size:24px; word-break:keep-all; white-space:normal;}
- .area_thumb_list .thumb_list ul li a .txt .date {display:block; margin-top:15px; color:#888; font-size:14px; font-weight:300;}
- .area_thumb_list .nodata {padding:80px 0 100px; text-align:center;}
- .area_thumb_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
- .area_thumb_list .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .area_thumb_list .nodata .txt_box span {color:#fd4802; font-weight:500;}
- .area_thumb_list .nodata .btn_box {margin-top:40px;}
- .area_thumb_list .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
- /* swiper_nav_style */
- .content .swiper-pagination-bullet{display:inline-block; margin:0 5px; background:#dddddd !important; opacity:1!important; width:10px !important; height:10px !important; vertical-align: middle;}
- .content .swiper-pagination-bullet-active{background-color:#fd4802 !important;}
- .content .swiper-pagination-progressbar {background: #dddddd !important;}
- .content .swiper-pagination-progressbar-fill {background: #222222 !important;}
- .content .swiper-scrollbar {background:#ddd; height:2px; opacity: 1 !important;}
- .content .swiper-scrollbar-drag {border-radius:0; background:#222;}
- .content .swiper-button-prev,
- .content .swiper-button-next {display:inline-block; width:26px; height:50px; background-image:url('//image.istyle24.com/Style24/images/pc/ico_slide_arrow.png'); background-repeat:no-repeat; background-size:auto 100%;}
- .content .swiper-button-prev {background-position:0 50%;}
- .content .swiper-button-next {background-position:100% 50%;}
- .content .swiper-button-prev::after,
- .content .swiper-button-next::after {display:none; color:transparent;}
- .content .swiper-button-prev.white,
- .content .swiper-button-next.white {background-image:url('//image.istyle24.com/Style24/images/pc/ico_slide_arrow_white.png');}
- /* content */
- .cont_body::after {content: ''; display: block; clear: both;}
- @media screen and (max-width: 1620px){
- /*.container .wrap,*/
- .breadcrumb,
- .common_header > .area,
- .gnb,
- .common_footer,
- #header.minify .common_header > .area,
- #header.minify .common_header > .gnb,
- #br_header.minify .common_header > .area,
- #br_header.minify .common_header > .gnb {padding-left:70px; padding-right:70px;}
- /*.container.dp .wrap {padding-left:70px; padding-right:70px;}*/
- .container.dp.omitt .wrap {padding: 0;}
- .container.dp.omitt .list_content {padding: 0 70px;}
- }
- @media screen and (max-width: 1459px){
- }
- @media (min-width:1440px){
- .visual > .area{height:532px;}
- }
- @media screen and (max-width: 1439px) {
- .visual > .area{height:445px;}
- }
- @keyframes caption_animation {
- from {right:30px;bottom:20px;opacity:0}
- to {bottom:41px;opacity:1}
- }
- @keyframes img_animation_a {
- from {top:30px;opacity:0}
- to {top:0;opacity:1}
- }
- @keyframes img_animation_b {
- from {left:30px;opacity:0}
- to {left:0;opacity:1}
- }
- .area .banner_left {top:0}
- .area .banner_right {top:0}
- /* LNB_layout */
- .lnb,.my_lnb {float: left; width:17.80822%;}
- .lnb + .cont,.my_cont {float: left; width:82.191780%;}
- .lnb + .cont {float:right;}
- .lnb_tit,.sec_head {margin-bottom: 60px;}
- .lnb_tit h2 {font-size: 36px; font-weight: 500;}
- .lnb_list ul li {margin-bottom:35px; line-height:1;}
- .lnb_list ul li a {color:#888; font-size:19px; font-weight:200; letter-spacing:-0.025em;}
- .lnb_list ul li a.on {color:#222; border-bottom: 2px solid #222; font-weight:500;}
- .lnb .lnb_category {padding-bottom:30px; border-bottom:1px solid #ddd; line-height:1;}
- .lnb .lnb_category .category > li > a.on,
- .lnb .lnb_category .sub_cate ul > li > a.on {color:#fd4800; font-weight:300;}
- .lnb .lnb_category .category > li > a.on::before,
- .lnb .lnb_category .sub_cate ul > li > a.on::before {content:''; position:absolute; bottom:1px; left:0; right:0; width:100%; border-bottom:1px solid #fd4800;}
- .lnb .lnb_category .category > li {margin-top:20px;}
- .lnb .lnb_category .category > li:first-child {margin-top:0;}
- .lnb .lnb_category .category > li a {display:inline-block; position:relative; color:#222; font-size:20px; font-weight:300;}
- .lnb .lnb_category .sub_cate {display:none; padding-bottom:10px;}
- .lnb .lnb_category .sub_cate > ul > li {margin-top:16px;}
- .lnb .lnb_category .sub_cate > ul > li > .sub_cate {padding-left:15px;}
- .lnb .lnb_category .sub_cate > ul > li > a {color:#888; font-weight:200;}
- .lnb .lnb_category .category > li > .sub_cate > ul > li > a {font-size:18px}
- .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > a {font-size:16px;}
- .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a {font-size:16px;}
- .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a::after {content:''; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:6px; height:6px; background:url('//image.istyle24.com/Style24/images/pc/ico_bracket.png') no-repeat 50% 50%; background-size:100% 100%;}
- .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a.on::after {background-image:url('//image.istyle24.com/Style24/images/pc/ico_bracket_primary.png');}
- @media screen and (max-width:1459px) {
- .lnb, .my_lnb {width: 17.80822%;padding-left: 70px;}
- .lnb + .cont {width: 79.19178%;margin-right: 15px;}
- }
- .lnb_foot {padding-top:30px; line-height:1;}
- .lnb_foot ul li {margin-bottom:20px;}
- .lnb_foot ul li p {color:#222; font-weight:300; font-size:14px; line-height:1;}
- .lnb_foot ul li:nth-child(2) p {font-size:28px; font-weight:800;}
- .lnb_foot ul li:nth-child(3) p {color:#888; line-height:20px;}
- .dp .lnb, .sch_result .lnb {width:230px;}
- .dp .lnb_tit, .sch_result .lnb_tit {margin-bottom:30px;}
- .dp .lnb_tit h3, .sch_result .lnb_tit h3 {padding:20px 0 20px 32px; margin-bottom: 0; max-height:60px; min-height:60px; border-top: 1px solid #222; border-bottom: 1px solid #ddd; background:url('//image.istyle24.com/Style24/images/pc/ico_lnb_category.png') no-repeat 2px 50%; text-align:left;}
- .dp .lnb_tit h3, .sch_result .lnb_tit h3 {font-size: 18px;}
- /* 상품리스트 > 상품 form */
- .item_gd figure {padding:0; margin:0}
- .item_gd figure a {display:block; position:relative;}
- .item_gd figure::after {clear:both; display:block; content:'';}
- .item_gd figure figcaption {display:block;}
- .item_gd figure figcaption a {display:block;}
- .item_gd figure figcaption .brand {margin-top:0; color:#888; font-size:12px; font-weight:300;}
- .item_gd figure figcaption .name {color:#222; font-size:14px; font-weight:300; line-height:1.4; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
- .item_gd figure figcaption .price {line-height:20px;}
- .item_gd figure figcaption .price::after {content:''; display:block; clear:both;}
- .item_gd figure figcaption .price .selling_price {float:left; color:#222; font-size:16px; font-weight:500;}
- .item_gd figure figcaption .price del {float:left; padding-left:10px; color:#888; font-size:14px; font-weight:300;}
- .item_gd figure figcaption .price .discount {color:#fd4802; font-size:16px; font-weight:300;}
- .item_gd figure figcaption .option {color:#888; font-size:12px; line-height:1.4;}
- .item_gd span.thumb {display:block; position:relative; height:0; line-height:0; padding-top:150%; background-color:#eee;}
- .item_gd span.thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); bottom:0; width:100%; z-index:2;}
- /* 상품리스트 slide */
- .item_slide .item_gd {padding:0 10px;}
- .item_slide .item_gd figcaption {padding:0 5px;}
- .item_slide .item_gd a .brand {margin-top:20px;}
- .item_slide .item_gd a .name {margin-top:15px;}
- .item_slide .item_gd a .price {margin-top:40px;}
- .item_slide .item_gd a .price .discount {float:right;}
- .item_slide .item_gd a .itemLike {right:20px; top:20px;}
- .item_slide .slick-dots {bottom:-70px;}
- .item_slide .slick-dots li button {background-color:#ddd;}
- .item_slide .slick-prev,
- .item_slide .slick-next {position:absolute; top:50%; transform:translateY(-50%); margin-top:-60px; font-size:0;}
- .item_slide .slick-prev {left:-50px;}
- .item_slide .slick-next {right:-50px;}
- .item_slide .slick-prev::after,
- .item_slide .slick-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) no-repeat;}
- .item_slide .slick-prev::after {background-position:0 50%;}
- .item_slide .slick-next::after {background-position:100% 50%;}
- /* 테이블 type1 수평 행,열별 구분선 없음 */
- .tbl.type1 {padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
- .tbl.type1 table {text-align:left; word-break:keep-all;}
- .tbl.type1 table th,
- .tbl.type1 table td {position:relative; font-weight:200; font-size:16px; letter-spacing:-0.025em;}
- .tbl.type1 table th {padding:10px 0px 10px 40px; font-weight:500; text-align: left;}
- .tbl.type1 table td {padding:10px 40px 10px 0px;}
- .tbl.type1 table tr td:first-child {padding-left:40px;}
- .tbl.type1 table tr td:last-child {padding-right:40px;}
- /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
- .tbl.type2 {padding:0; border-top:1px solid #000;}
- .tbl.type2 table {word-break:keep-all;}
- .tbl.type2 table th,
- .tbl.type2 table td {position:relative; padding:20px 0; border-bottom:1px solid #ddd; font-weight:500; font-size:16px; letter-spacing:-0.025em; text-align:center;}
- .tbl.type2 table th {font-weight:500;}
- /* 테이블 type3 - 결제정보 (구 버전) */
- .tbl.type3 {padding:0; border:1px solid #000;}
- .tbl.type3 table {word-break:keep-all;}
- .tbl.type3 table th,
- .tbl.type3 table td {position:relative; padding:25px 40px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:200; font-size:16px; letter-spacing:-0.025em; text-align:left; vertical-align:top;}
- .tbl.type3 table th {font-weight:300;}
- .tbl.type3 table tr:last-child td {border-bottom:none;}
- /* 테이블 type4 - 수평 th 컬러구분 */
- .tbl.type4 table {border-top:1px solid #000;}
- .tbl.type4 table th,
- .tbl.type4 table td {padding-top:25px; padding-bottom:25px; border-bottom:1px solid #ddd; font-size:16px; letter-spacing:-0.5px; text-align:center;}
- .tbl.type4 table th {background:#f5f5f5; color:#222; font-weight:500;}
- .tbl.type4 table td {position:relative; font-weight:200;}
- /* 테이블 type5 - 수직형 행,열별, th구분선 있음 */
- .tbl.type5 {padding:0; border-top:1px solid #000;}
- .tbl.type5 table {word-break:keep-all;}
- .tbl.type5 table th,
- .tbl.type5 table td {position:relative; padding:20px 0; font-size:16px; letter-spacing:-0.025em; text-align:center;}
- .tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:200;}
- .tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;}
- /* 테이블 type6 - 결제정보 (신 버전) */
- .tbl.type6 {padding:35px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
- .tbl.type6 table {text-align:left; word-break:keep-all;}
- .tbl.type6 table th,
- .tbl.type6 table td {position:relative; padding:0px 40px; font-weight:200; font-size:16px; letter-spacing:-0.025em; border-left:1px dashed #ddd; vertical-align:top;}
- .tbl.type6 table th {font-weight:500;}
- .tbl.type6 table tr td:first-child {border-left:none;}
- .tbl.type6 table tr td dl::after,
- .tbl.type6 table tr td dl > div::after {content: '';display: block;clear: both;}
- .tbl.type6 table tr td > dl {margin-top:20px;}
- .tbl.type6 table tr td > dl:first-child {margin-top:0px;}
- .tbl.type6 table td dl dt {float:left; font-size:16px; font-weight:300; color:#222;}
- .tbl.type6 table td dl dd {float:right; font-size:15px; font-weight:200; color:#222;}
- .tbl.type6 table td dl dd em {font-size:16px;}
- .tbl.type6 table td dl dd .btn.btn_sm {height:34px; margin-top:-8px; margin-left:10px; padding:10px 14px; font-size:14px;}
- .tbl.type6 table td dl dd .btn.btn_sm:first-child {margin-left:0;}
- .tbl.type6 table td dl dd .btn.btn_sm span {vertical-align:top; font-weight:200; line-height:1;}
- .tbl.type6 table td dl dd .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
- .tbl.type6 table td dl .price {font-size:22px; font-weight:700;}
- .tbl.type6 table td dl .price em {font-size:24px;}
- .tbl.type6 table td dl .price .oder_total_price {color:#222;}
- .tbl.type6 table td dl .price .pay_total_price {color:#fd4802;}
- .tbl.type6 table td dl .price .return_total_price {color:#fd4802;}
- .tbl.type6 table td dl .save_point {position:relative; padding-left:22px;}
- .tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%;}
- .tbl.type6 table td dl > div {margin-top:20px;}
- .tbl.type6 table td dl > div:first-child {margin-top:0px;}
- .tbl.type6 table td dl > div.include_item dt {padding-left:15px; background:url('//image.istyle24.com/Style24/images/pc/ico_bracket2.png') no-repeat 0 50%;}
- /* 테이블 내용 나열 폼 */
- .tbl th,
- .tbl td {vertical-align:top;}
- .tbl td .single_line::after {content:''; clear:both; display:block;}
- .tbl td .single_line ul li {float:left; position:relative; padding:0px 15px; margin:0;}
- .tbl td .single_line ul li::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
- .tbl td .single_line ul li:first-child {padding-left:0;}
- .tbl td .single_line ul li:first-child::before {display:none;}
- .tbl td .single_line ul li > span {margin-right:0;}
- .tbl td .block_line {position:relative;}
- .tbl td .block_line ul li {margin-top:5px; height:100%;}
- .tbl td .block_line ul li:first-child {margin-top:0;}
- .tbl td .block_line ul li > span {vertical-align:top;}
- .tbl td .block_line ul li .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
- .tbl td .block_line ul li .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
- /* 스크롤 테이블 */
- .tbl.scroll_tbl {position: relative;}
- .tbl.scroll_tbl::before {display:none; content:''; position: absolute; top: 0; right: 0; width: 2rem; height: 100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 1%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,1) 100%); z-index: 5;}
- .tbl.scroll_tbl::after {content:''; clear:both; display: block;}
- .tbl.scroll_tbl table th, .tbl.scroll_tbl table td {padding:20px 10px;}
- .tbl.scroll_tbl .head_t {float:left; width: 25% !important; display: block;}
- .tbl.scroll_tbl .head_t td {font-weight: 400;}
- .tbl.scroll_tbl .head_t + .body_t {width: 75% !important;}
- .tbl.scroll_tbl .body_t {float:left; width: 100% !important; display: block; white-space: nowrap; overflow-x: auto;}
- /* 별점노출 */
- .star_score {position:relative; height:14px;}
- .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
- .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('//image.istyle24.com/Style24/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802;}
- .star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
- .star_score .score em {font-weight:500;}
- /* 배송관련 아이콘 */
- .tag {display:inline-block; height:22px; padding:5px 8px; border:1px solid #ddd; color:#666; font-size:11px; font-weight:300; text-align:center; line-height:1;}
- .tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
- .tag.deepgray {background:#aaa; border-color:#aaa; color:#fff;}
- .tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
- .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;line-height: 14px;}
- /* 밑줄 탭 스타일 */
- .taps {text-align:center;}
- .taps > div {display:inline-block;}
- .taps > div > ul::after {content:''; clear:both; display:block;}
- .taps > div > ul li {float:left; padding:0px 20px;}
- .taps > div > ul li a {display:block; border-bottom:2px solid #fff; color:#888; font-size:20px; font-weight:200;line-height: 20px; padding-bottom: 2px;}
- .taps > div > ul li.active a {border-color:#222; color:#222; font-weight:500;}
- .taps > div > ul li a > span {display:inline-block;}
- /* 안내1 */
- .com_info_txt {padding:40px 40px 35px; border:1px solid #ddd;}
- .com_info_txt .tit {position: relative; font-size: 16px; color: #666; padding-left:30px; font-weight:300; line-height:1;}
- .com_info_txt .tit:after {content:''; position: absolute; top:50%; left:0; transform:translateY(-50%); width: 20px; height: 20px; margin-top:-1px; background: url(//image.istyle24.com/Style24/images/pc/ico_null02.png) no-repeat center;}
- .com_info_txt ul {margin-top:15px;}
- .com_info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-top:5px; line-height:24px; font-weight:200;}
- .com_info_txt ul li:first-child {margin-top:0;}
- .com_info_txt ul li:after {content:''; position: absolute; top:9px; left: 0; background: #858585; width: 3px; height: 3px;}
- /* 안내2 */
- .announce_txt {position:relative; max-width:1200px; margin:auto;}
- .announce_txt::after {content:''; clear:both; display:block;}
- .announce_txt .note_txt {float:left; width:65px; margin-top:2px; margin-right:60px; text-align:center;}
- .announce_txt .note_txt p {color:#888; font-size:18px; font-weight:300; margin-top:20px;}
- .announce_txt .announce_list {float:left; width:calc(100% - 125px);}
- .announce_txt .announce_list .tit {color:#888; font-size:16px; font-weight:300; margin-bottom:20px;}
- .announce_txt .announce_list ul {margin-bottom:40px;}
- .announce_txt .announce_list ul:last-of-type {margin-bottom:0px;}
- .announce_txt .announce_list ul li {position: relative; margin-top:5px; padding-left:12px; color:#888; font-size:16px; font-weight:200; line-height:24px;}
- .announce_txt .announce_list ul li:before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#888;}
- .announce_txt .announce_list ul li:first-child {margin-top:0;}
- /* 주문내역 테이블 리스트 */
- .part_deliver {position:relative;}
- .part_deliver .tbl.type2 {border-bottom:1px solid #ddd;}
- .part_deliver .tbl.type2 table td {padding-top:0px; padding-bottom:0px; border-bottom:none; border-top:1px dashed #ddd; border-left:1px solid #ddd; vertical-align:middle;}
- .part_deliver .tbl.type2 table td.merge_row {border-top:1px solid #ddd;}
- .part_deliver .tbl.type2 table tr.bundle_row {border-top:1px solid #ddd;}
- .part_deliver .tbl.type2 table tr:first-of-type {border-top:none;}
- .part_deliver .tbl.type2 table tr:first-of-type td.merge_row {border-top:none;}
- .part_deliver .tbl.type2 table td:first-child {border-left:none;}
- .part_deliver .tbl.type2 table tr.bundle_row td:first-child {border-top:none;}
- .part_deliver table .info_item {display:table; position:relative; width:900px; text-align:left; box-sizing:border-box;}
- .part_deliver table .info_item > div {display:table-cell; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
- .part_deliver table .info_item .form_box {width:40px; position:relative; height:150px; vertical-align:top;}
- .part_deliver table .info_item .thumb_box {width:100px; height:150px; vertical-align:top;}
- .part_deliver table .info_item .thumb_box a {display:block; background:#f5f5f5;}
- .part_deliver table .info_item .info_box {padding-left:30px; padding-right:30px;}
- .part_deliver table .info_item .info_box > * {line-height:1;}
- .part_deliver table .info_item .info_box .od_name a {display:block;}
- .part_deliver table .info_item .info_box .od_name span {display:inline-block; line-height:1;}
- .part_deliver table .info_item .info_box .od_name .brand {color:#888; font-size:14px; font-weight:200;}
- .part_deliver table .info_item .info_box .od_name .reserv_date {position:relative; padding-left:10px; margin-left:10px; color:#fd4802; font-size:14px; font-weight:200;}
- .part_deliver table .info_item .info_box .od_name .reserv_date::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; border-left:1px solid #ddd;}
- .part_deliver table .info_item .info_box .od_name .name {width:100%; max-height:44px; margin-top:7px; color:#222; font-size:16px; font-weight:300; line-height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
- .part_deliver table .info_item .info_box .od_opt {margin-top:14px; color:#666; font-size:14px;}
- .part_deliver table .info_item .info_box .od_opt .option {display:block;}
- .part_deliver table .info_item .info_box .od_opt .count {display:block; margin-top:12px;}
- .part_deliver table .info_item .info_box .od_opt em {position:relative; padding-left:10px; margin-left:10px;}
- .part_deliver table .info_item .info_box .od_opt em::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; border-left:1px solid #ddd;}
- .part_deliver table .info_item .info_box .od_opt em:first-child {padding-left:0; margin-left:0;}
- .part_deliver table .info_item .info_box .od_opt em:first-child::before {border-left:0;}
- .part_deliver table .info_item .info_box .od_modify {margin-top:17px;}
- .part_deliver table .info_item .info_box .od_modify button {display:inline-block; width:110px; height:34px; border:1px solid #a7a7a7; box-sizing:border-box; text-align:center;}
- .part_deliver table .info_item .info_box .od_modify button span {display:inline-block; color:#222; font-size:14px; font-weight:200; line-height:2.5;}
- .part_deliver table .info_item .info_box .od_moresale {position:relative; margin-top:20px; font-size:14px;}
- .part_deliver table .info_item .info_box .od_moresale .ico {margin-right:10px;}
- .part_deliver table .info_item .info_box .od_moresale .btn_moresale {display:inline-block; position:relative; padding-right:20px; color:#fd4802;}
- .part_deliver table .info_item .info_box .od_moresale .btn_moresale::after {content:""; position:absolute; right:0; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(//image.istyle24.com/Style24/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
- .part_deliver table .info_item .info_box .od_moresale .btn_moresale.active::after {transform:rotate(-90deg);}
- .part_deliver table .info_item .info_box .od_moresale .btn_moresale span {line-height:18px;}
- .part_deliver table .info_item .info_box .od_moresale .li_moresale {display:none; position:absolute; left:0px; top:26px; padding:20px 25px 20px 20px; border:1px solid #ddd; background-color:#fff; z-index:2;}
- .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li {position:relative; padding-left:10px; color:#666; font-size:14px; line-height:2;}
- .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li::before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:2px; height:2px; background-color:#666;}
- .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li:first-child {margin-top:0;}
- .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li a {margin-left:20px; padding-right:15px; background:url(//image.istyle24.com/Style24/images/pc/ico_mb_arrow2.png) no-repeat 100% 0%; color:#fd4802; font-weight:200; line-height:inherit;}
- .part_deliver table .info_item .info_calc {width:190px; text-align:center;}
- .part_deliver table .info_item .info_calc .btn {width:78px; height:34px; padding:0; font-size:14px; font-weight:200; box-sizing:border-box;}
- .part_deliver table .info_calc .price .selling_price {display:block; color:#222; font-size:20px; font-weight:300;}
- .part_deliver table .info_calc .price .selling_price.msale {color:#fd4802;}
- .part_deliver table .info_calc .price del {display:block; margin-top:8px; margin-bottom:5px; color:#888; font-size:12px; font-weight:300; line-height:1;}
- .part_deliver table .info_calc .point {margin-top:10px; margin-bottom:15px; color:#888; font-size:14px; font-weight:200;}
- .part_deliver table .info_calc .util {display:inline-block; margin-top:10px;}
- .part_deliver table .info_calc .util::after {content:''; clear:both; display:block;}
- .part_deliver table .info_calc .util > span {float:left; position:relative; margin-left:24px;}
- .part_deliver table .info_calc .util > span::before {content:''; position:absolute; left:-13px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
- .part_deliver table .info_calc .util > span:first-child {margin-left:0;}
- .part_deliver table .info_calc .util > span:first-child::before {display:none;}
- .part_deliver table .info_calc .util button {position:relative; display:inline-block;}
- .part_deliver table .info_dlvr .dlvr_fee {display:block; color:#222; font-size:18px; font-weight:300;}
- .part_deliver table .info_dlvr .dlvr_shop {display:block; margin-top:12px; color:#666; font-size:14px; font-weight:200;}
- .part_deliver table .info_dlvr a {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
- .part_deliver table .info_item.unable .info_unable {display:block; padding:20px 0 0 0; color:#fd4802; font-size:14px;}
- .part_deliver table .info_item.unable .info_calc .btn {opacity:1; background-color:#aaa; color:#fff; border-color:#aaa;}
- /* 주문내역 테이블 리스트 ver.1 */
- .part_goods {display:block; position:relative; border:1px solid #ddd;}
- .part_goods::after,
- .part_goods div::after {content:''; display:block; clear:both;}
- .part_goods .goods_head {padding:20px 40px; background:#f5f5f5}
- .part_goods .goods_head p {float:left; color:#888; font-size:18px; font-weight:300;}
- .part_goods .goods_head p span {margin-left:15px; color:#222; font-weight:500;}
- .part_goods .goods_head a {float:right; height:16px; padding-right:16px; color:#888; font-size:16px; font-weight:300; background:url('//image.istyle24.com/Style24/images/pc/ico_more_sm.png') no-repeat 98% 2px;}
- .part_goods .goods_cont {padding:40px;}
- .part_goods .goods_cont .goods_info {margin-top:40px; padding-top:40px; border-top:1px dashed #ddd;}
- .part_goods .goods_cont .goods_info:first-child {margin-top:0; padding-top:0; border-top:none;}
- .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:top;}
- .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {position:absolute; top:0; transform:translateY(0);}
- .part_goods .goods_foot .order_gift {display:block; position:relative; padding:30px 40px 30px 170px; border-top:1px solid #ddd}
- .goods_foot .order_gift .title {display:inline-block; position:absolute; left:57px; top:50%; transform:translateY(-50%); padding-left:25px; background:url(//image.istyle24.com/Style24/images/pc/ico_giftbox.png) no-repeat 0 0; font-size:16px; font-weight:300; line-height:20px;}
- .goods_foot .order_gift ul li {margin-top:10px; padding-left: 15px; background:url(//image.istyle24.com/Style24/images/pc/ico_bracket.png) no-repeat 0 2px; color:#222; font-size:16px; font-weight:200;}
- .goods_foot .order_gift ul li span {color:#fd4802;}
- .goods_foot .order_delivery {position:relative; padding:25px 40px; background:#f5f5f5; text-align:center; font-size:16px; font-weight:300;}
- .goods_foot .order_delivery [class^="dlvr_"] {position:relative; display:inline-block; padding:0px 18px;}
- .goods_foot .order_delivery [class^="dlvr_"]::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#ddd;}
- .goods_foot .order_delivery [class^="dlvr_"]:first-child::before {display:none;}
- .goods_foot .order_delivery .dlvr_shop {color:#666;}
- .goods_foot .order_delivery a.btn_popup_save {position:absolute; right:40px; top:25px; display:inline-block; padding-right:20px; color:#fd4802; font-size:12px; font-weight:200; line-height:14px; text-decoration:underline; background:url('//image.istyle24.com/Style24/images/pc/ico_go_save.png') no-repeat 98% 50%;}
- .goods_info {display:block; position:relative; width:100%;}
- .goods_info .price_org {position:relative; color:#888; font-weight:200;}
- .goods_info .price_org:after{content: ''; display:inline-block; width:100%; height:1px; background:rgb(204, 204, 204); position:absolute; top:50%; left:0; bottom:auto; right:auto; transform:translateY(-50%);}
- .goods_info .price_sale {color:#222; font-weight:500;}
- .goods_info .point {padding-left:22px; color:#888; font-weight:200; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%;}
- .goods_info .point strong {font-weight:300;}
- .goods_info .order_desc {display:table; width:100%; height:150px;}
- .goods_info .order_desc [class*="_box"] {display:table-cell; vertical-align:middle;}
- .goods_info .order_desc .form_box {width:40px; padding-right:20px; padding-top:65px; vertical-align:top;}
- .goods_info .order_desc .form_box .form_field input[type="checkbox"] + label {padding:0}
- .goods_info .order_desc .goods_box {padding-left:130px;}
- .goods_info .order_desc .goods_box [class^="gd_"] {max-width:550px;}
- .goods_info .order_desc .goods_box .gd_item {position:relative;}
- .goods_info .order_desc .goods_box .gd_item a {display:block;}
- .goods_info .order_desc .goods_box .gd_item p::after {content:''; display:block; clear:both;}
- .goods_info .order_desc .goods_box .gd_item .thumb {position:absolute; left:-130px; top:50%; transform:translateY(-50%); width:100px; height:150px; background:#f5f5f5;}
- .goods_info .order_desc .goods_box .gd_item .thumb img {position:relative; width:100%; top:50%; transform:translateY(-50%);}
- .goods_info .order_desc .goods_box .gd_item .buy_date {display:block; margin-bottom:16px; color:#222; font-size:16px; font-weight:300;}
- .goods_info .order_desc .goods_box .gd_item .name {float:none; display:block; display:-webkit-box; width:100%; height:auto; max-height:40px; margin-top:15px; color:#222; font-size:16px; font-weight:300; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
- .goods_info .order_desc .goods_box .gd_item .brand {float:left;margin-right:10px; color:#888; font-size:14px; font-weight:200;}
- .goods_info .order_desc .goods_box .gd_item .tag {float:left; margin-right:6px; margin-top:-5px;}
- .goods_info .order_desc .goods_box .gd_item.soldout .thumb:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 14px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 142px; z-index: 20; text-align: center;}
- .goods_info .order_desc .goods_box .gd_opt {margin-top:15px;}
- .goods_info .order_desc .goods_box .gd_opt .option_wrap {margin-top:15px;}
- .goods_info .order_desc .goods_box .gd_opt .option_wrap:first-child {margin-top:0;}
- .goods_info .order_desc .goods_box .gd_opt .option_wrap .title {margin-bottom:10px; color:#fd4802; font-size:14px; font-weight:300;}
- .goods_info .order_desc .goods_box .gd_opt .option_wrap .option {display:block; display:-webkit-box; width:100%; height:auto; max-height:40px; overflow:hidden; margin-top:5px; color:#666; font-size:14px; font-weight:200; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
- .goods_info .order_desc .goods_box .gd_calc {margin-top:15px;}
- .goods_info .order_desc .goods_box .gd_calc p {float:left; position:relative; padding:0px 12px;}
- .goods_info .order_desc .goods_box .gd_calc p::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#ddd;}
- .goods_info .order_desc .goods_box .gd_calc p:first-child {padding-left:0;}
- .goods_info .order_desc .goods_box .gd_calc p:first-child::before {display:none;}
- .goods_info .order_desc .goods_box .gd_calc p span {display:inline-block; font-size:15px;}
- .goods_info .order_desc .goods_box .gd_calc p span em {font-size:16px;}
- .goods_info .order_desc .goods_box .gd_calc p span.count {color:#666;}
- .goods_info .order_desc .goods_box .gd_calc p span.price_sale {margin-left:5px;}
- .goods_info .order_desc .goods_box .gd_exinfo,
- .goods_info .order_desc .goods_box .gd_exinfo a {color:#fd4802; font-size:14px;}
- .goods_info .order_desc .goods_box .gd_exinfo {margin-top:20px;}
- .goods_info .order_desc .goods_box .gd_exinfo p {margin-top:8px;}
- .goods_info .order_desc .goods_box .gd_exinfo p:first-child {margin-top:0;}
- .goods_info .order_desc .goods_box .gd_exinfo a {display:inline-block; padding-right:20px; color:#fd4802; font-weight:200; background:url('//image.istyle24.com/Style24/images/pc/ico_go_save.png') no-repeat 100% 50%;}
- .goods_info .order_desc .goods_box .gd_exinfo .tag {width:56px; margin-right:10px; padding-left:7px; padding-right:7px;}
- .goods_info .order_desc .status_box {width:130px; color:#222; font-size:18px; font-weight:300; text-align:center;}
- .goods_info .order_desc .status_box p {margin-top:10px;}
- .goods_info .order_desc .status_box p:first-child {margin-top:0;}
- .goods_info .order_desc .status_box .date,
- .goods_info .order_desc .status_box .time {display:block; margin-top:10px; color:#888; font-size:14px;}
- .goods_info .order_desc .status_box .date {margin-top:12px;}
- .goods_info .order_desc .status_box .restock_ready {display:inline-block; padding-left:25px; color:#222; background:url('//image.istyle24.com/Style24/images/pc/ico_restock_ready.png') no-repeat 0% 50%;}
- .goods_info .order_desc .status_box .restock_remain {display:inline-block; padding-left:25px; color:#fd4802; background:url('//image.istyle24.com/Style24/images/pc/ico_restock_remain.png') no-repeat 0% 50%;}
- .goods_info .order_desc .status_box .restock_past {display:inline-block; padding-left:25px; color:#888; background:url('//image.istyle24.com/Style24/images/pc/ico_restock_past.png') no-repeat 0% 50%;}
- .goods_info .order_desc .calc_box {width:150px; text-align:center;}
- .goods_info .order_desc .calc_box .price_org {display:inline-block; margin-bottom:10px; font-size:14px; font-weight:300;}
- .goods_info .order_desc .calc_box .price_sale {display:inline-block; font-size:20px; font-weight:500;}
- .goods_info .order_desc .calc_box .point {display:inline-block; margin-top:13px; font-size:14px; line-height:18px;}
- .goods_info .order_desc .button_box {width:220px; padding-left:90px; text-align:center;}
- .goods_info .order_desc .button_box p {margin-top:10px;}
- .goods_info .order_desc .button_box p:first-child {margin-top:0;}
- .goods_info .order_desc .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
- .goods_info .order_desc .button_box .btn.btn_primary_line:hover,
- .goods_info .order_desc .button_box .btn.btn_primary_line:focus,
- .goods_info .order_desc .button_box .btn.btn_primary_line:active{color:#fd4802; border-color:#fd4802;}
- .goods_info .order_desc .button_box .btn span {line-height:1;}
- .goods_info .order_desc .button_box .util {margin-top:12px;}
- .goods_info .order_desc .button_box .util span {position:relative; display:inline-block; margin-left:24px;}
- .goods_info .order_desc .button_box .util span::before {content:''; position:absolute; left:-13px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
- .goods_info .order_desc .button_box .util span:first-child {margin-left:0;}
- .goods_info .order_desc .button_box .util span:first-child::before {display:none;}
- .goods_info .order_desc .button_box .count_modify .txt {display:block; margin-bottom:8px; color:#222; font-size:16px; font-weight:300;}
- .goods_info .order_desc .button_box .count_modify .select_custom.select_count {margin-bottom:10px; font-size:14px; text-align:left;}
- .goods_info .order_desc .button_box .count_modify .select_custom.select_count .combo .select {padding:14px 15px; color:#666; font-size:14px;}
- .goods_info .order_desc .button_box .count_modify .select_custom.select_count .combo .list > li {padding:0 15px;}
- .goods_info .order_text {display:block; width:100%; margin-top:20px; padding:20px 30px; background-color:#fff6f2;}
- .goods_info .order_text p {margin-top:10px; padding-left:20px; color:#222; font-size:14px; font-weight:300; line-height:1; background:url('//image.istyle24.com/Style24/images/pc/ico_primary_check.png') no-repeat 0 50%;}
- .goods_info .order_text p:first-child {margin-top:0;}
- .goods_info .order_review {position:relative; padding-top:40px; margin-top:40px;}
- .goods_info .order_review::before {content:''; position:absolute; top:0; left:-40px; right:-40px; border-top:1px dashed #ddd;}
- .goods_info .order_review .review dl::after {content:''; display:block; clear:both;}
- .goods_info .order_review .review dl dt,
- .goods_info .order_review .review dl dd {float:left;}
- .goods_info .order_review .review dl > div {float:left;}
- .goods_info .order_review .review .info_box .star_score {float:left;}
- .goods_info .order_review .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#f5f5f5;}
- .goods_info .order_review .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .goods_info .order_review .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802;}
- .goods_info .order_review .review .info_box .writer {float:right;}
- .goods_info .order_review .review .info_box .writer span {position:relative; margin-left:20px; padding-left:20px; color:#888; font-size:14px; line-height: 18px;}
- .goods_info .order_review .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .goods_info .order_review .review .info_box .writer span:first-child {margin-left:0; padding-left:0;}
- .goods_info .order_review .review .info_box .writer span:first-child::after {display:none;}
- .goods_info .order_review .review .response_box {margin-top:25px;}
- .goods_info .order_review .review .response_box > div {margin-top:15px;}
- .goods_info .order_review .review .response_box > div:first-child {margin-top:0;}
- .goods_info .order_review .review .response_box > div dl div {margin-right:30px;}
- .goods_info .order_review .review .response_box > div dl div dt {color:#888;}
- .goods_info .order_review .review .response_box > div dl div dd {margin-left:12px; color:#fd4802;}
- .goods_info .order_review .review .photo_box {margin-top:20px;}
- .goods_info .order_review .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px;}
- .goods_info .order_review .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
- .goods_info .order_review .review .photo_box .photo_list > ul li .pic .thumb {position:relative; display:block; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .goods_info .order_review .review .photo_box .photo_list > ul li .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .goods_info .order_review .review .txt_review_box {margin-top:25px; line-height:24px;}
- .goods_info .order_review .review .reply_box {margin-top:30px; padding-top:15px;}
- .goods_info .order_review .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
- .goods_info .order_review .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
- .goods_info .order_review .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
- .goods_info .order_review .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
- .goods_info .order_review .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_admin.png') no-repeat 0 0;}
- .goods_info .order_review .review .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
- .goods_info .order_review .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .goods_info .order_review .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
- /* 주문내역 테이블 리스트 ver.2 */
- .area_part {border-top:1px solid #ddd;}
- .area_part .part_goods {border:none;}
- .area_part .part_goods .goods_cont {padding:40px 0;}
- .area_part .part_goods .goods_cont .order_desc .calc_box {width:190px; padding-left:20px;}
- .area_part .part_goods .goods_cont .order_desc .button_box {width:250px; padding-right:40px; padding-left:90px;}
- .area_part .part_goods .goods_cont .order_desc .goods_box .gd_item {position:static;}
- .area_part .part_goods .goods_cont .goods_info .order_desc .goods_box {position:relative; vertical-align:middle;}
- .area_part .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
- .area_part .part_goods .goods_cont .goods_info .order_desc .button_box .btn {height:34px; padding:9px; font-weight:200;}
- .area_part .part_goods .goods_cont .goods_info .order_desc .button_box .btn_default {color:#222;}
- /* 상품권 */
- .voucher {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
- .voucher div:first-child {height:160px;}
- .voucher > div {position:relative;}
- .voucher .vch_name {padding:30px 30px 0; color:#222; font-size:14px; font-weight:300;}
- .voucher .vch_price {margin-top:10px; padding:0 30px; text-align:right;}
- .voucher .vch_remain {margin-top:10px; padding:0 30px; text-align:right; color:#fd4802; font-size:20px; font-weight:700;}
- .voucher .vch_remain span {margin-left:4px; font-size:26px;}
- .voucher .vch_remain span em {font-size:32px;}
- .voucher .vch_code {margin-top:15px; padding:0 30px; text-align:right; color:#888; font-size:12px; font-weight:300;}
- .voucher .vch_date {padding:18px 0 19px; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
- .voucher.disable {background:#f5f5f5;}
- .voucher.disable * {color:#888;}
- .voucher.disable .cp_cont span {color:#888;}
- .voucher.disable .tag {border-color:#888; background:none;}
- .voucher.disable .vch_remain {font-size:28px;}
- /* 쿠폰 */
- .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
- .coupon > div:first-child {height:160px;}
- .coupon > div {position:relative;}
- .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- .coupon p {padding:0 20px;}
- .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
- .coupon .cp_cont {margin-top:10px;}
- .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
- .coupon .cp_cont span em {font-size:28px; font-weight:700;}
- .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
- .coupon .cp_condition span {display:block; margin-top:5px;}
- .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
- .coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('//image.istyle24.com/Style24/images/pc/ico_cp_down.png') no-repeat 0 0;}
- .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
- .coupon .cp_date {padding:18px 0 19px; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
- .coupon + .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
- .coupon.disable {background:#f5f5f5;}
- .coupon.disable * {color:#888;}
- .coupon.disable .cp_cont span {color:#888;}
- .coupon.disable .tag {border-color:#888; background:none;}
- /* nodata_데이터 없을시 안내 */
- .nodata {padding:80px 0; text-align:center;}
- .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
- .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 20px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .nodata .btn_box {margin-top:40px;}
- .nodata .btn_box .btn {color:#222; font-size:14px; font-weight:300;padding: 9px 23px;}
- /* page_end_point 안내*/
- .last_page {padding:30px; margin-top:120px; margin-left:70px; margin-right:70px; max-width:100%; color:#888; font-size:16px; font-weight:300; text-align:center; line-height:1.24;}
- /* sub */
- /* mb_공통 */
- .mb .wrap {padding:160px 0 220px; font-weight:200;}
- .mb .cont_head {margin-bottom:40px; text-align:center; line-height:1;}
- .mb [class^="ico_content_"]::before {margin:0px auto 22px;}
- .mb input[type="text"],
- .mb input[type="password"] {float:none; width:100%; height:52px; padding:17px 0 17px 19px; color:#222; font-size:16px; font-weight:300; line-height:1;}
- .mb .form_field {display:block;}
- .mb .form_field input[type="radio"] + label {line-height:1;}
- .mb .form_field input[type="radio"] + label:before,
- .mb .form_field input[type="radio"]:checked + label:after {top:50%; transform:translateY(-50%);}
- .mb .btn {font-size:18px; font-weight:300;}
- .mb .btn.btn_block {height:60px; line-height:1;}
- .mb .ui_row {margin-top:0px; margin-bottom:0;}
- .mb .btn_group_block {float:none; margin-top:40px;}
- .mb .btn_group_block [class^='ui_col_'] {overflow:hidden; margin-right:5px; margin-left:5px;}
- .mb .btn_group_block [class^='ui_col_']:first-child {margin-left:0;}
- .mb .btn_group_block [class^='ui_col_']:last-child {margin-right:0;}
- .mb .btn_group_block button {padding-top:15px; padding-bottom:16px;}
- .mb div::after, .mb ul::after, .mb dl::after, .mb dl div::after {content:''; display:block; clear:both;}
- .mb .cont_body {width:530px; margin: 0 auto;}
- .mb .form_wrap .form_info {text-align:center;}
- .mb .form_wrap .form_info p {color:#222; font-size:18px; font-weight:300; line-height:26px;}
- .mb .form_wrap .form_info p.t_info {margin-top:10px !important; font-size:16px; color:#888; font-weight:300;}
- .mb .form_wrap .form_field input::placeholder {color:#888; font-weight:200;}
- .mb .form_wrap .form_field {margin-top:10px;}
- .mb .form_wrap .form_field:first-child {margin-top:0px;}
- .mb .foldGroup {margin:0;}
- .mb .form_group{display:none;}
- .mb .form_group:first-of-type{display:block;}
- .mb .form_group::after {display: block; content: ''; clear: both;}
- .mb .fold_tit,
- .mb .fold_tit span {width: inherit !important;}
- .mb .fold_head .fold_tit {padding: 0 0 0 34px;}
- .mb .fold_head .fold_tit::before {content:''; display: inline-block; width:20px; height: 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('//image.istyle24.com/Style24/images/pc/ico_chk_rdi.png')no-repeat -60px 0px;}
- .mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
- .mb .fold_head.on .fold_tit::before {background-position:-80px 0;}
- .mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
- .mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
- .mb .find_result {padding:0px 0px 0px; font-weight:200;}
- .mb .find_result .help_block {text-align:left;}
- .mb .find_result input {font-size:16px;}
- .mb .find_result .form_print_bar {padding:40px 0; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:16px; font-weight:300;}
- .mb .find_result .form_print_bar ul li {margin-top: 16px;}
- .mb .find_result .form_print_bar ul li:first-child {margin-top: 0;}
- .mb .find_result .form_print_bar ul li span {display:inline-block;}
- .mb .find_result .form_print_bar ul li span.t_span {width:120px; color:#888; font-size:14px;}
- .mb .registration_nav {margin-bottom:40px;}
- .mb .registration_nav ul::after {content:''; display: block; clear:both;}
- .mb .registration_nav ul li {float: left; width:50%; text-align: center; background:#f5f5f5; box-sizing: border-box; border-bottom:1px solid #222;}
- .mb .registration_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:none;}
- .mb .registration_nav ul li a {display:inline-block; width:100%; height:60px; line-height:60px; color:#888; font-size:18px; font-weight:200;}
- .mb .registration_nav ul li.active a {color:#222; font-weight:500;}
- .mb .registration_tap .form_group > .form_field {margin-bottom:40px; text-align:center;}
- .mb .registration_tap .form_group > .form_field input[type="radio"] + label {padding-left:34px;}
- .mb .registration_tap .form_group > .form_field > div {display:inline-block; width:auto; margin-left:50px}
- .mb .registration_tap .form_group > .form_field > div:first-child {margin-left:0}
- .mb .registration_tap .registration_cont .regist_box {display:none; color:#666; font-size:16px; line-height:1.625; text-align:center;}
- .mb .registration_tap .registration_cont .regist_box.on {display:block;}
- .mb .registration_tap .foldGroup li:first-child {border-top: none;}
- .mb .registration_tap .foldGroup li .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
- .mb .registration_tap .foldGroup li .fold_head::after {background: url(//image.istyle24.com/Style24/images/pc/ico_mb_arrow.png)no-repeat; background-position: 0 100%;}
- .mb .sns_wrap {position:relative; margin-top:45px; text-align:center;}
- .mb .sns_wrap h5 {color:#222; font-size:18px; font-weight:500; margin:0 0 20px;}
- .mb .sns_wrap ul {display:inline-block;}
- .mb .sns_wrap ul::after {content:''; clear:both; display:block;}
- .mb .sns_wrap ul li {float:left; width:60px; margin-left:40px;}
- .mb .sns_wrap ul li:first-child {margin-left:0;}
- .mb .sns_wrap ul li a {display:block; text-align:center;}
- .mb .sns_wrap ul li a span {display:block; color:#222; font-size:14px; font-weight:300; margin-top:10px; line-height:1.25;}
- .mb .sns_wrap ul li a .ico_snslogin {margin-right:10px;}
- .mb .sns_wrap ul li a .ico_snslogin::before {width:60px; height:60px; background-image:url(//image.istyle24.com/Style24/images/pc/ico_sns_bg.png);}
- .mb .sns_wrap ul li a .ico_snslogin.kakao::before {background-position:-70px 0;}
- .mb .sns_wrap ul li a .ico_snslogin.naver::before {background-position:0 0;}
- .mb .sns_wrap ul li a .ico_snslogin.yes24::before {background-position:-140px 0;}
- .mb .new_benefits {padding:50px 0 70px; background: #f5f5f5; text-align: center;}
- .mb .new_benefits h5 {margin-top: 0; margin-bottom: 40px; font-size: 18px; font-weight: 300; line-height: 1.5;}
- .mb .new_benefits .benefits_list {display: inline-block;}
- .mb .new_benefits .benefits_list li {float:left; margin:0 25px;}
- .mb .new_benefits .benefits_list li p {margin-top: 14px; font-size: 14px; font-weight: 300; line-height: 1.4;}
- .mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
- .mb .t_err {position:relative; padding-left:24px; font-weight:200; font-size:14px; line-height:1;}
- .mb .t_err::before {position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-1px;}
- .mb .help_block {margin:0; text-indent:0; text-align:left;}
- .mb .help_block .t_err {margin-top:10px;}
- /* mb_login : 로그인 */
- .login .help_block {margin-top:18px; text-indent:0; text-align:left;}
- .login .help_block .t_err {line-height:20px;}
- .login .help_block .t_err::before {top:0; transform:translateY(0%); margin-top:1px;}
- .login .help_block .captcha {padding: 30px; background: #f5f5f5; text-align: left;}
- .login .help_block .captcha ul {display: flex; align-items: center;}
- .login .help_block .captcha .captcha_box {width:235px; height: 72px; border: 1px solid #ddd; background: rgb(127, 255, 0);}
- .login .help_block .captcha .captcha_btn_dual {margin: 0 18px 0 10px;}
- .login .help_block .captcha .captcha_btn_dual button {width:33px; height: 33px; display: block; border:1px solid #ddd; border-radius: 3px; text-indent: -9999px; background: url('//image.istyle24.com/Style24/images/pc/ico_captcha_btn.png')no-repeat center 9px;}
- .login .help_block .captcha .captcha_btn_dual button:first-child {margin-bottom: 8px;}
- .login .help_block .captcha .captcha_btn_dual button:last-child {background-position:center -31px;}
- .login .help_block .captcha .captcha_area {margin-bottom: -7px;}
- .login .help_block .captcha .captcha_area input {width:200px; padding: 17px 0 17px 14px;}
- .login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
- .login .login_check {margin:15px 0 0;}
- .login .login_check::after {content:''; display: block; clear:both;}
- .login .login_check .form_field {float:left; width:59%; text-align:left}
- .login .login_check .form_field input[type="checkbox"] + label {font-size:16px; font-weight:200; line-height:1;}
- .login .login_check .form_field input[type="checkbox"] + label:before,
- .login .login_check .form_field input[type="checkbox"] + label::after {top:50%; transform:translateY(-50%);}
- .login .btn_mb_wrap {margin:20px 0 0 0; text-align:center;}
- .login .btn_mb_wrap ul {display:inline-block;}
- .login .btn_mb_wrap ul::after {content:''; clear:both; display:block;}
- .login .btn_mb_wrap ul li {float:left; position:relative; margin-left:15px; padding-left:15px; font-size: 14px;}
- .login .btn_mb_wrap ul li::before {content:''; position: absolute; width:1px; height:14px; left:0px; top:50%; transform: translateY(-50%); background: #ddd;}
- .login .btn_mb_wrap ul li:first-child {margin-left: 0px; padding-left:0;}
- .login .btn_mb_wrap ul li:first-child::before {display:none;}
- .login .btn_mb_wrap ul li a {display:inline-block; color:#222; line-height:24px; font-weight:200;}
- .login .ui_row .ui_col_12 {margin: 0;}
- /* mb_join_1 : 회원가입_intro */
- .join1 .form_wrap .form_sign_up {position:relative; display:block; font-weight:500;}
- .join1 .form_wrap .form_sign_up p {color:#888; font-size:16px; font-weight:300; line-height:24px;}
- .join1 .form_wrap .form_sign_up p.c_primary {font-size:24px; font-weight:500; line-height:1;}
- /* mb_join_2 : 회원가입_회원정보 입력 */
- .join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
- .join2 .form_wrap .desc_wrap p a {margin-left: -6px; color:#666; font-weight:300;}
- .join2 .form_wrap .desc_wrap label span {line-height: 2;}
- .join2 .help_block::after {clear:both; display:block; width:100%;}
- .join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
- .join2 .help_block span[class^='c_'] {display:block;}
- .join2 .form_field .ui_row [class^='ui_col_'] {margin-left:0; margin-right:0;}
- .join2 .form_field .ui_col_9 input {width:388px;}
- .join2 .form_field .ui_col_3 .btn {width:132px; height:52px; padding:17px 0px 17px; font-weight:300; font-size:16px;}
- .join2 .form_field .ui_col_3 .btn span {line-height:1;}
- /* mb_join_3 : 회원가입_이미 가입된 회원안내 */
- .join3 .form_wrap {text-align:center;}
- .join3 .form_wrap .print_bar {padding:40px 0; background: #f5f5f5;}
- .join3 .form_wrap .print_bar p {font-size:18px;}
- .join3 .btn_group_md .btn_default {border-color:#a7a7a7;}
- /* mb_join_4 : 회원가입_완료 */
- .mb .join4 .btn_group_block.btn_group_md .btn span {position:relative; text-indent:-20px;}
- .mb .join4 .btn_group_block.btn_group_md .btn span::after {content:''; position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('//image.istyle24.com/Style24/images/pc/ico_bread_root_w.png') no-repeat 50% 50%;}
- /* mb_idInquiry_1 */
- .find h4 {margin-bottom:45px;}
- .find .find_result {padding-top:20px;}
- .find .input_wrap {position: relative; width:100%;}
- .find .input_wrap .form_control {height: inherit;}
- .find .input_wrap .btn {padding:6px 22px; border:none; position: absolute; top:50%; transform: translateY(-50%); right:10px; font-size:14px; font-weight:200;}
- .find .registration_cont .regist_box .txt {padding:20px 0;}
- .find .registration_cont .regist_box .txt p {font-weight:300;}
- .find .registration_cont .regist_box .txt + .ui_row.mt20 {margin-top:35px;}
- /* mb_idInquiry_2 */
- /* mb_idInquiry_3,mb_idInquiry_4 */
- /* mb_idInquiry_5 */
- /* mb_idInquiry_6 */
- .dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
- .dormant .form_wrap .ui_row button {position:relative; height:90px; padding:0px; border-radius:45px;}
- .dormant .form_wrap .ui_row button span {font-size: 18px; font-weight: 300;}
- .dormant .form_wrap .ui_row button span .ico {margin-right:10px;}
- .dormant .form_wrap .ui_row button span .ico::before {margin-top:-6px;}
- .dormant .form_wrap .form_summary {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
- .dormant .form_wrap .form_summary strong {font-size: 16px; font-weight:300;}
- .dormant .form_wrap .form_summary p {margin-top: 14px; color:#888; font-weight:200; line-height:1.857; word-break:keep-all;}
- /* mb_idInquiry_7 */
- /* mb_idInquiry_8 */
- .non_mb_oder .form_summary {padding-top:40px; border-top:1px solid #ddd;}
- .non_mb_oder .form_summary .txt {position:relative; margin-bottom:10px; font-size:18px; line-height:1;}
- .non_mb_oder .form_summary .txt span.c_primary {font-size:20px; font-weight:700;}
- .non_mb_oder .form_summary .btn {position:absolute; top:1px; right:145px; padding:10px 25px; color:#222; font-size:14px; font-weight:300; border-color:#a7a7a7;}
- .non_mb_oder .form_summary .t_info {display:block; color:#888; font-size:16px;}
- /* mb_campaign */
- .campaign .info_txt {padding:40px 40px; margin-top:40px; background:#f5f5f5;}
- .campaign .info_txt ul li {position:relative; padding-left:13px; margin-bottom:7px; color:#888; font-size:14px; font-weight:200; line-height:20px;}
- .campaign .info_txt ul li:last-child {margin-bottom:0;}
- .campaign .info_txt ul li:after {content:''; position:absolute; top:7px; left:0; background:#858585; width:3px; height:3px;}
- .campaign .info_txt ul li .mb_name {font-weight:300;}
- .campaign .info_txt ul li em {font-weight:300;}
- /* cs_공통 */
- .cs {line-height:1.2; padding-bottom:160px;}
- .cs .wrap .content {max-width:1460px; padding-left:0; padding-right:0;}
- .cs .foldGroup {margin-top: 60px;}
- .cs .history_wrap {width: 100%; height: 173px; padding: 50px; box-sizing: border-box; background: #f5f5f5;}
- .cs .history_wrap::after {content:''; display: block; clear:both;}
- .cs .history_wrap .hist_status {float:left;}
- .cs .history_wrap .txt {float:left; padding-left:50px; color: #666; font-size: 14px; font-weight:200; box-sizing:border-box; line-height:24px;}
- .cs .history_wrap ul li {position:relative; float:left; width:180px; text-align:center;}
- .cs .history_wrap ul li::before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); height:30px; border-left:1px solid #ddd}
- .cs .history_wrap ul li:first-child::before {display:none;}
- .cs .history_wrap .btn_area {margin-top:24px;}
- .cs .history_wrap .btn_area .btn {padding:10px 32px; border:1px solid #a1a1a1; color:#222; font-weight:300;}
- .cs .history_wrap div ul li span {display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color:#666; line-height:1;}
- .cs .history_wrap div ul li a {display:inline-block; position:relative; margin-top:15px; font-size:50px; line-height:40px; color:#222;font-weight:300;}
- .cs .history_wrap div ul li a::after {content:''; position:absolute; left:4px; right:4px; bottom:-2px; border-bottom:2px solid #222;}
- .cs .history_wrap div ul li a.doing {color:#888}
- .cs .history_wrap div ul li a.doing::after {display:none;}
- .cs .ui_row.nodata {display: inherit; padding-top: 124px; margin-bottom: 0; text-align: center;}
- .cs .ui_row.nodata .foldGroup {display:none;}
- .cs .ui_row.nodata + .ui_foot {display:none;}
- .cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('//image.istyle24.com/Style24/images/pc/ico_null.png')no-repeat;}
- .cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 25px 0 160px; font-size: 16px; font-weight: 300; color: #666;}
- /* cs_faq */
- .faq .ui_row.nodata {border:none;}
- .faq .ui_row.nodata::after, .contactUs .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
- .faq .quick_list {margin-bottom:50px;}
- .faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
- .faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
- .faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
- .faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
- .faq .quick_list ul li:nth-child(6),.faq .quick_list ul li:nth-child(7),.faq .quick_list ul li:nth-child(8),.faq .quick_list ul li:nth-child(9),.faq .quick_list ul li:nth-child(10) {border-bottom: none;}
- .faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; word-break: keep-all; overflow: hidden; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;padding: 0 15px;}
- .faq .search_wrap {margin-bottom:60px;}
- .faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
- .faq .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:50px; border-bottom:2px solid #222; box-sizing: border-box; text-align:left;}
- .faq .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:50px; padding-left:0; border:none; background:none; color:#222; font-size:30px; font-weight:200; letter-spacing:-0.025em; line-height:1;}
- .faq .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
- .faq .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:11px; width:28px; height:28px; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:1px; text-indent:-9999px; z-index:2}
- .faq .search_wrap .faq_search .t_info {width:600px; margin:15px auto 0; font-weight:200; text-align:left;}
- .faq .fold_nav {width:100%;}
- .faq .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top:-12px}
- .faq .fold_nav ul li {margin:12px 12px 0 0;}
- .faq .fold_nav ul li a {display:inline-block;padding:15px 22px;border: 1px solid #ddd;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-0.025em;}
- .faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
- .faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 13px solid #fff; border-left: 13px solid transparent;}
- .faq .foldGroup {margin-top:50px}
- .faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
- .faq .foldGroup .fold_answer .answer_head {margin-bottom:10px;}
- .faq .foldGroup .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
- /* cs_product, cs_contactUs */
- .product .history_wrap,
- .contactUs .history_wrap * {box-sizing: border-box;}
- .product .fold_head .fold_tit .prod::before {display: none;}
- .product .case1 .fold_head .fold_tit {max-width: 760px;}
- .product .case1 .fold_head .fold_tit span {width: 760px;}
- .product .ui_row.nodata,
- .contactUs .ui_row.nodata {border-top:none;}
- .contactUs .fold_cont .img_group .thumb_pic {background:#fff;}
- .contactUs .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
- /* cs_contactUs_my */
- .contactUs_my .blt_dot {position:relative; padding-left:10px;}
- .contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background:#888;}
- .contactUs_my textarea,
- .contactUs_my .select,
- .contactUs_my input[type="text"] {width:100%; padding:7px 0 7px 20px; font-weight:200; box-sizing:border-box; color:#222; font-size:14px; font-weight:300;}
- .contactUs_my input[type="text"]::placeholder,
- .contactUs_my textarea::placeholder {color:#888; font-weight:200;}
- .contactUs_my .form_wrap {padding:30px 40px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
- .contactUs_my .form_control {height:42px; color:#222; font-size:14px;}
- .contactUs_my textarea {height:200px; padding:20px;}
- .contactUs_my .input_label {line-height:42px;}
- .contactUs_my .form_field {margin-top:20px}
- .contactUs_my .form_field .push_agree > div {float: left;margin-top: 10px;margin-right: 40px;}
- .contactUs_my .form_field .push_agree:after {content: '';display: block;clear: both;}
- .contactUs_my .form_field:first-of-type {margin-top:0;}
- .contactUs_my .form_field .cellphone {display:block;}
- .contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
- .contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
- .contactUs_my .form_field .imgUpload+.imgUpload{margin-left:20px;}
- .contactUs_my .form_field .pics{position: absolute;top: 0;left: 0;z-index: 2;}
- .contactUs_my .contactus_cnt {color:#888;}
- .contactUs_my .select {height:40px; font-size:14px;}
- .contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
- .contactUs_my .select .select_dress:after {top:16px; right: 28px; border-color:#888 transparent transparent transparent;}
- .contactUs_my .select .select_dress.active:after {top:10px; border-color: transparent transparent #888 transparent;}
- .contactUs_my .select .select_options {color:#666;}
- .contactUs_my .help_block {margin-top:10px; text-indent:0;}
- .contactUs_my .ck_box {padding:10px 20px;}
- .contactUs_my .ck_box input[type="checkbox"] + label {font-size:16px; font-weight:200;}
- .contactUs_my .t_err {font-weight:200;}
- .contactUs_my .t_err::before {background-image:url('//image.istyle24.com/Style24/images/pc/ico_err2.png');}
- .contactUs_my .info_addfile {margin-top:20px; color:#666; font-size:14px; line-height:24px; font-weight:200;}
- .contactUs_my .sec_foot {margin-top:60px;}
- .contactUs_my .sec_foot .btn.btn_md {margin:0px 5px; font-weight:300; padding:15px 90px;}
- .contactUs_my .txt_cnt {text-align:right; margin-top:10px;}
- /* cs_notice */
- .cs .notice .foldGroup {margin-top: 0;}
- .cs .notice .case1 .fold_head .fold_tit::before {display:none;}
- .notice .foldGroup .critical .fold_head,
- .notice .foldGroup .critical .fold_detail,
- .notice .foldGroup .critical .fold_answer {background:#fff6f2;}
- .notice .foldGroup .critical .fold_tit span {font-weight:500;}
- .notice .foldGroup .critical .fold_category {font-weight:100;}
- .notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300;}
- .notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd;}
- .notice .sec_body.nodata {border-top: 1px solid #222;}
- .notice .ui_row.nodata::after {content:'등록된 게시글이 없습니다.';}
- /* dp_공통 */
- .dp .itemsGrp {margin:0 -10px;}
- /* 정렬타입 [ cutcut1 ~ 4 ] 추가 */
- .dp .itemsGrp.cut1 {width: 100%;margin:0 -10px;display: flex;justify-content: center;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;}
- .dp .itemsGrp.cut1 .item_prod {width: 394px;display: block;}
- .dp .itemsGrp.cut2 {width: 100%;margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((28.8% - 20px)/2);}
- .dp .itemsGrp.cut2 .item_prod {width: calc((100% - 0px)/2);}
- .dp .itemsGrp.cut3 {width: 100%;margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((28.75% - 20px)/2);}
- .dp .itemsGrp.cut3 .item_prod {width: calc((100% - 1px)/3);}
- .dp .itemsGrp.cut4 {width: 100%;margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((28.8% - 20px)/2);}
- .dp .itemsGrp.cut4 .item_prod {width: calc((100% - 0px)/4);}
- .dp .wrap {padding-bottom:160px;}
- .dp .cont_body {position:relative;}
- .container.dp {background: #ffffff;}
- .dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
- .dp h3 {margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1; text-align: center;}
- .dp h4 {margin-bottom:60px; color:#222; font-size:30px; font-weight:500; text-align:center;}
- .dp h4 a {color:#222;}
- .dp .cont_head > div {position:relative;}
- .dp .cont_head > div.item_header {padding: 80px 0 60px;}
- .dp .cont_head > div.item_header h3 {padding:20px 0 0;}
- .dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(//image.istyle24.com/Style24/images/pc/ico_sns_share.png)no-repeat;}
- .dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
- .dp .list_content.nodata .count_wrap {display:none;}
- .dp .list_content.nodata .itemsGrp {display:none;}
- .dp .list_content.nodata .list_defult {display:block;}
- .dp .list_defult {display:none; text-align:center; padding: 120px 0 160px;}
- .dp .list_defult > div:first-child {margin-bottom:40px;}
- .dp .list_defult > div:first-child p {line-height: 2; font-size: 16px; color:#666; font-weight: 300;}
- .dp .list_defult > div:first-child p::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .dp .list_defult .ui_row {justify-content: center; margin-bottom: 0;}
- .dp .list_defult .ui_row .btn {color:#222; font-size:14px; font-weight:300;padding: 9px 23px;}
- /* dp_sticky_nav_리스트 */
- .dp .sticky_nav_list {margin-top:60px;}
- .dp .sticky_nav_list .cont_head {display:block; margin-bottom:50px;}
- .dp .sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
- .dp .sticky_nav.sticky {position: fixed; width:100%; top: -1px; left: 50%; transform: translateX(-50%); z-index: 100;}
- .dp .sticky_nav.sticky > ul {max-width: 1780px; margin: 0 auto;}
- .dp .sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
- .dp .sticky_nav ul li:last-child::after {display: none;}
- .dp .sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
- .dp .sticky_nav ul li a {font-size: 16px; font-weight: 500;}
- .dp .sticky_nav ul li a.active {color:#fd4800;}
- .dp .sticky_nav_list .list_content .item_header {padding-top:50px;}
- .dp .sticky_nav_list .list_content .item_header h4 {margin-bottom:60px;}
- /* dp_category 카테고리 바로가기 */
- .dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
- .dp .dp_category h4 {margin-bottom:40px;}
- .dp .dp_category .cont_body {text-align:center;}
- .dp .dp_category .dp_cate_list {width:1370px; display:inline-block; margin-top:-10px;}
- .dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
- .dp .dp_category .dp_cate_list a {float:left; width:calc((100% - 50px) / 6); height:60px; margin-left:10px; margin-top:10px; padding:21px 25px 0; border:1px solid #ddd; border-radius:30px; color:#666; font-size:18px; font-weight:500; text-align:left; background:#fff url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat 90% 50%; line-height:1;}
- .dp .dp_category .dp_cate_list a:nth-child(6n-5) {margin-left:0;}
- /* dp_submain 상단배너 스크롤바 슬라이드 */
- .dp .dp_submain {position:relative;}
- .dp .dp_submain .swiper-container .img {position: relative;width: 100%;margin-bottom: 0;padding-top: 100%;font-size: 0px;overflow: hidden;}
- .dp .dp_submain .swiper-container .img img {position: absolute;width: 100%;height: auto; max-width:430px; top: 50%;left: 0px;transform: translateY(-50%);}
- .dp .dp_submain .swiper-container .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
- .dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
- .dp .dp_submain .swiper-controls {margin-top:60px;}
- .dp .dp_submain .swiper-scrollbar-lock {display: block !important;}
- /* dp_new_item 신상품 슬라이드 */
- .dp .new_item {margin-top: 120px;}
- .dp .new_item .cont_body {padding-left:70px; padding-right:70px;}
- .dp .new_item .item_prod {width:100%;}
- .dp .new_item .item_state {padding:0;}
- .dp .new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;}
- .dp .new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
- .dp .new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
- .dp .new_item .swiper-button-next,
- .dp .new_item .swiper-button-prev {margin-top:-150px;}
- .dp .new_item .swiper-button-next {right:0px;}
- .dp .new_item .swiper-button-prev {left:0px;}
- .dp .new_item .swiper-pagination {position:relative; margin-top:60px;}
- /* dp_new_item MD추천 아이템 슬라이드 */
- .dp .md_item {margin-top:120px}
- .dp .md_item .swiper-button-prev,
- .dp .md_item .swiper-button-next {margin-top:-140px;}
- .dp .md_item .cont_body {padding:0 70px;}
- .dp .md_item .swiper-pagination {position:relative; margin-top:60px;}
- .dp .md_item .swiper-slide .item_state {padding:0;}
- .dp .md_item .item_prod {width: 100%; margin-bottom: 0;}
- /* dp_list 카테고리별 상품리스트 */
- .dp_list .count_wrap {padding-top:40px;}
- .dp_list .item_prod {width:20%;}
- .dp_list .form_field input[type="checkbox"] + label {font-weight: 200; line-height: 1;}
- .dp_list .form_field input[type="checkbox"] + label:before,
- .dp_list .form_field input[type="checkbox"]:checked + label:after {top: -4px;}
- .dp_list .form_field input[type="checkbox"]:checked + label:before {display: none;}
- /* dp_best 베스트 상품 페이지 */
- .dp .dp_best {max-width:100%; margin-bottom:120px;}
- .dp_best .taps {margin-bottom:40px;}
- .dp_best .dp_best_live {padding-top:80px; padding-bottom:80px; padding-left:70px; padding-right:70px; position:relative; background: #f5f5f5;}
- .dp_best .dp_best_live::after {content: ''; display: block;clear: both;}
- .dp_best .dp_best_live .sec_head {float:left; position:relative; width:260px; line-height: 1.2;}
- .dp_best .dp_best_live .sec_head .displayH {margin-top:20px; text-align:left; font-size:30px; line-height:40px; font-weight:500;}
- .dp_best .dp_best_live .sec_head .displayH span {color:#fd4800;}
- .dp_best .dp_best_live .sec_head button {margin-top:20px; color:#888; font-weight: 300; padding-right: 20px; position: relative;}
- .dp_best .dp_best_live .sec_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('//image.istyle24.com/Style24/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
- .dp_best .dp_best_live .sec_body{float: left; width:calc(100% - 260px);}
- .dp_best .dp_best_live .sec_body .item_state {padding:0 0 60px;}
- .dp_best .dp_best_live .sec_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
- .dp_best .dp_best_live .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
- .dp_best .dp_best_live .item_prod .viewCount{display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
- /* dp_best 베스트TOP100 상품리스트 */
- .dp_best_top100 .cont_body {position:relative;}
- .dp_best_top100 .ui_row {position:absolute; right:0; top:-62px;}
- .dp_best_top100 .ui_row .ui_col_12 {margin: 0;}
- .dp_best_top100 .ui_row .ui_col_12 .form_field {justify-content: flex-end;}
- .dp_best_top100 .ui_row .ui_col_12 .select_custom {width:180px;}
- .dp_best_top100 .ui_row .ui_col_12 .select_custom:first-child {margin-right: 10px;}
- .dp_best_top100 .select_custom .combo .list {border-top:1px solid #ddd; z-index: 100;}
- .dp_best_top100 .select_custom .combo .list > li {padding-left:15px; padding-right:15px; font-size:14px; line-height:40px;}
- .dp_best_top100 .select_custom .combo .select {font-size: 14px; padding:14px 15px;}
- .dp_best_top100 .list_content .item_prod {width: 20%;}
- /* dp_best 베스트 상품리스트 */
- .dp .dp_best_list {margin-top:120px}
- .dp_best_list .cont_body {padding-left:70px; padding-right:70px;}
- .dp_best_list .list_content .item_prod {width: 20%;}
- /* dp_Exhibition 기획전리스트 */
- .dp_Exhibition .count_wrap {padding-top:20px;}
- .dp_Exhibition .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left:130px; height: 100%;}
- .dp_Exhibition .exhi_list {margin-bottom:80px; margin:0 -10px 80px;}
- .dp_Exhibition .exhi_list::after {content:''; clear:both; display:block;}
- .dp_Exhibition .exhi_list .exhi_item {float:left; width:calc((100% - 60px)/4); overflow: hidden; margin-bottom:60px; margin-left:20px; min-height:717px;}
- .dp_Exhibition .exhi_list .exhi_item:nth-child(4n-3) {margin-left:0;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .thumb {position: relative; width: 100%; height:0; display: block; padding-bottom: 100%;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a {position: relative; width: 100%; display: block;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape:after {height: 42px;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; padding-bottom: 0; max-height:66px; font-size:24px; line-height:1.4; word-break:keep-all; text-align:left;}
- .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px; -webkit-line-clamp: 1; height: 13px;}
- .dp_Exhibition .exhi_list .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 9; width: 88.4%; margin:-70px auto 0; min-height:356px;}
- .dp_Exhibition .exhi_list .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
- .dp_Exhibition .exhi_list .exhi_item_pr li:last-child {margin-bottom: 0;}
- .dp_Exhibition .exhi_list .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
- .dp_Exhibition .exhi_list .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0; background:#f9f9f9;}
- .dp_Exhibition .exhi_list .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
- .dp_Exhibition .exhi_list .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
- .dp_Exhibition .exhi_list .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0;}
- /* dp_기획전상세_모듈 */
- /* dp_기획전상세 : 상단 프로모션 배너 */
- .dp .dp_detail_visual {padding-bottom:60px;}
- .dp .dp_detail_visual h3 {padding-top:10px; padding-bottom:80px;}
- .dp .dp_detail_visual .cont_head > div .period {position:absolute; left:50%; bottom:40px; transform:translateX(-50%); font-size:14px; font-weight:300; color:#888; text-align:center;}
- .dp .dp_detail_visual .coner_item01 p img {max-width: 100%;}
- .dp_detail_visual .promotion_visual {position:relative; width:100%;}
- .dp_detail_visual .promotion_visual img {width: 100%; height: auto;}
- .dp_detail_visual .promotion_visual.type1 img {position:relative; left:50%; top:0; transform:translateX(-50%);}
- .dp_detail_visual .promotion_visual.type2 .swiper-button-prev {left:70px;}
- .dp_detail_visual .promotion_visual.type2 .swiper-button-next {right:70px;}
- .dp_detail_visual .promotion_visual.type2 .swiper-pagination {width:100%; bottom:40px;}
- /* dp_기획전상세 : 출석 체크 이벤트 */
- .stamp_event {position:relative;}
- .stamp_event .event_calander {padding:120px 0; background-color:#f4f3ef; background-image:url('//image.istyle24.com/Style24/images/pc/bg_check01.png'), url('//image.istyle24.com/Style24/images/pc/bg_check02.png'); background-position:0px 50%, 100% 50%; background-repeat:no-repeat;}
- .stamp_event .event_calander > div {width:1200px; margin-left:auto; margin-right:auto;}
- .stamp_event .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
- .stamp_event .event_calander .check_title > p {margin-bottom:30px; font-size: 30px; font-weight:200;}
- .stamp_event .event_calander .check_title .title {font-size:90px; font-weight:700;}
- .stamp_event .event_calander .check_title .title strong {color:#fd4802; font-weight:700;}
- .stamp_event .event_calander .check_info {position: relative; margin-top:30px; margin-bottom:20px; text-align:right;}
- .stamp_event .event_calander .check_info span {position:relative; font-size:18px; margin-left:20px; padding-left:25px; font-weight:300;}
- .stamp_event .event_calander .check_info span:after {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:18px; height:18px; border-radius:50%; box-sizing:border-box;}
- .stamp_event .event_calander .check_info span.today:after {background:#f9f2eb; border:2px solid #fd4b07;}
- .stamp_event .event_calander .check_info span.complete:after {background:#ffa27f;}
- .stamp_event .event_calander .my_attend_day {position:relative; height:74px; padding:25px 40px; overflow:hidden; background:#222;}
- .stamp_event .event_calander .my_attend_day > p {float:left; color:#fff; font-size:24px; font-weight:500;}
- .stamp_event .event_calander .my_attend_day > .day {float:right; color:#fff; font-size:24px; font-weight:300;}
- .stamp_event .event_calander .my_attend_day > .day span {color:#ff6b47; font-weight:700;}
- .stamp_event .event_calander .tbl {padding:20px 0; border:2px solid #222; border-top:none; text-align:center; background:#fff;}
- .stamp_event .event_calander .tbl th {background: #fff; padding:20px 0; color:#222; font-size:20px;font-weight:300; vertical-align:middle;}
- .stamp_event .event_calander .tbl td {position:relative; height:90px; font-size:24px; font-weight:300; vertical-align:middle;}
- .stamp_event .event_calander .tbl td .date {position:relative; color:#222; z-index:1;}
- .stamp_event .event_calander .tbl td .date.unused {color:#ddd;}
- .stamp_event .event_calander .tbl td .date::before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-2px; width:64px; height:64px; border-radius:50%; z-index:-1;}
- .stamp_event .event_calander .tbl td.today .date::before {border:2px solid #fd4802;}
- .stamp_event .event_calander .tbl td.complete .date::before {background:#ffa27f; border:none;}
- .stamp_event .event_calander .tbl td.complete .date.unused::before {opacity:0.3;}
- .stamp_event .event_calander .tbl_wrap + .btn {display:block; min-width:220px; margin:60px auto 0; height:60px; font-size:18px; font-weight:300; line-height:normal;}
- .stamp_event .event_benefit {margin-top:80px;}
- .stamp_event .event_benefit .title {color:#222; font-size:30px; font-weight:500; text-align:center;}
- .stamp_event .event_benefit .benefit_con {margin-top:40px; text-align:center;}
- .stamp_event .event_benefit .benefit_con ul{margin: -6px auto;width: 1200px;background: #f5f5f5;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
- .stamp_event .event_benefit .benefit_con li{width: 24%;height: 125px;margin:40px 0;position:relative;}
- .stamp_event .event_benefit .benefit_con li::after{content: ''; display: inline-block;width: 1px;height: 100%;padding: 0;margin: 0;background: #e4e4e4;position: absolute;right: 0;top: 0;}
- .stamp_event .event_benefit .benefit_con li:last-child::after{content: ''; display: inline-block; width:0;}
- .stamp_event .event_benefit .benefit_con li:first-child{width: 28%;padding-left: 45px;}
- .stamp_event .event_benefit .benefit_con li:last-child{width: 28%;padding-right: 70px;}
- .stamp_event .event_benefit .benefit_con li:last-child div{ padding-top: 88px;}
- .stamp_event .event_benefit .benefit_con li div{height: 124px;padding-top: 95px;font-size: 18px;font-weight: 400;line-height: 1.4;letter-spacing: -.025em;}
- .stamp_event .event_benefit .benefit_con li div .c_primary{font-weight: 700;}
- .stamp_event .event_benefit .benefit_con li .benfit_point {background: url(//image.istyle24.com/Style24/images/mo/ico_bg_point.png) no-repeat center 0px;background-size: 70px;}
- .stamp_event .event_benefit .benefit_con li .benfit_coupon {background: url(//image.istyle24.com/Style24/images/mo/ico_bg_check.png) no-repeat center 0px;background-size: 70px;}
- /* dp_기획전상세 : 할인쿠폰 */
- .dp .dp_coupon {padding-top:60px; padding-bottom:60px; overflow:hidden;}
- .dp_coupon .coupon_list {max-width:1200px; margin:auto;}
- .dp_coupon .coupon_list ul {margin-top:-60px;}
- .dp_coupon .coupon_list ul::after {content:''; display:block; clear:both;}
- .dp_coupon .coupon_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:60px;}
- .dp_coupon .coupon_list ul li:nth-child(4n-3) {margin-left:0;}
- /* dp_기획전상세 : 유의사항 */
- .dp_announce {margin-top: 80px; padding-top: 40px;}
- .dp_announce .cont_head {display:none;}
- .dp_announce.line {margin-top:20px;}
- .dp_announce.line .announce_txt {padding-top:60px;}
- .dp_announce.line .announce_txt:before {content:''; position:absolute; top:0; left:-190px; right:-190px; height: 1px; background: #ddd;}
- /* dp_기획전상세 : 버튼영역 */
- .dp .dp_btn_area {padding-bottom:20px;}
- .dp .dp_btn_area .cont_head {display:none;}
- .dp .dp_btn_area .btn_wrap {text-align:center; margin:0;}
- .dp .dp_btn_area .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:35px;}
- .dp .dp_btn_area .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('//image.istyle24.com/Style24/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
- /* dp_기획전상세 : 리얼후기 */
- .dp .dp_review {margin-top:60px; margin-bottom:60px; padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
- .dp_review .cont_body {padding-left:70px; padding-right:70px;}
- .dp_review .review_list::after {content:''; display:block; clear:both;}
- .dp_review .review_list .reviw_box {float:left; width:calc((100% - 80px)/5); margin-right:20px; margin-bottom: 20px; background:#fff;}
- .dp_review .review_list .reviw_box:nth-child(5n) {margin-right:0;}
- .dp_review .review_list .reviw_box .best_review .pic .thumb {display:block; position:relative; width:100%; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .dp_review .review_list .reviw_box .best_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .dp_review .review_list .reviw_box .best_review .star_score {height:auto; padding:30px 30px 0;}
- .dp_review .review_list .reviw_box .best_review .txt_best_review {padding:15px 30px 0;}
- .dp_review .review_list .reviw_box .best_review .txt_best_review p {height:72px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
- .dp_review .review_list .reviw_box .best_review .info_writer {padding:15px 30px 30px;}
- .dp_review .review_list .reviw_box .best_review .info_writer > span {position:relative; padding:0 20px;}
- .dp_review .review_list .reviw_box .best_review .info_writer > span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; border-left:1px solid #ddd;}
- .dp_review .review_list .reviw_box .best_review .info_writer > span:first-child {padding-left:0;}
- .dp_review .review_list .reviw_box .best_review .info_writer > span:first-child::after {display:none;}
- .dp_review .review_list .reviw_box .review_item {padding:0px 30px 20px;}
- .dp_review .review_list .reviw_box .review_item .item_prod {text-align:left; width:100%; padding-top:20px; border-top:1px solid #ddd;}
- .dp_review .review_list .reviw_box .review_item .item_prod .item_state {position:relative; padding:0;}
- .dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:inline-block; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle;}
- .dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:30px 0 0; -webkit-line-clamp:1; height:auto; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
- .dp_review .review_list .reviw_box .review_item .item_prod .itemPrice {margin:15px 0 0;}
- .dp_review .review_list .reviw_box .review_item .item_prod .itemPic {position:absolute; left:0; top:0; padding:0; width:80px; height:120px; margin:0; z-index:2;}
- /* dp_기획전상세 : 이벤트 댓글 */
- .dp .cmt {margin-top:60px;}
- .cmt .fileAdd {width:110px; height:110px; background-color:#fff;}
- .cmt_wrap {background: #f5f5f5; padding:60px 0 120px;}
- .cmt_wrap > div {width:1200px; margin-left:auto; margin-right:auto;}
- .cmt_wrap .pics {border:none; width:110px; height: 110px; background:#fff;}
- .cmt_wrap .pics .picsThumbs {max-width: 100%; max-height: 100%;}
- .cmt_wrap .cmt_write .cmt_tarea {margin-bottom: 20px;}
- .cmt_wrap .cmt_write .cmt_tarea textarea {background: #fff; padding: 20px; resize: none; width: 100%; height: 140px; font-size: 14px; line-height: 1.3;}
- .cmt_wrap .cmt_write .cmt_thumb + .btn {display:block; margin-top:40px; margin-left:auto; margin-right:auto; width:220px; height:60px; font-size:18px; font-weight:300;}
- .cmt_wrap .cmt_group {margin-top:90px;}
- .cmt_wrap .cmt_group .cmt_list_tit {padding-bottom:30px; border-bottom:1px solid #ddd;}
- .cmt_wrap .cmt_group .cmt_list_tit strong {margin-right: 10px; font-size: 26px; font-weight: 500;}
- .cmt_wrap .cmt_group .cmt_list_tit .cnt {font-size:22px; color: #666; font-weight:200;}
- .cmt_wrap .cmt_group .cmt_list li {padding: 30px 0; border-bottom: 1px solid #ddd;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_top::after {content:''; clear:both; display:block;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_top span {float:left; margin-left:20px; padding-left:20px; border-left:1px solid #ddd;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_top span:first-child {margin-left:0px; padding-left:0px; border-left:none;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_top .writer {color: #666;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_top .date {color: #888;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_cont .img_wrap {margin-top:15px;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_cont p {margin-top:20px; color: #666; font-size:14px; line-height:24px;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn {width:72px; height:34px; background:none; border-color:#a1a1a1; padding:0px; margin-top:20px; font-size:14px; color:#222; font-weight:200;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn.btn_del span {position:relative; padding-left:20px;}
- .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn.btn_del span::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-1px; width:13px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_trash.png') no-repeat 0% 50%; opacity:0.85;}
- .cmt_wrap .cmt_group .nodata {margin-top:120px;}
- .cmt_wrap .pageNav > li > a,
- .cmt_wrap .pageNav > li > span {background-color:transparent;}
- .cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
- /* dp_기획전상세 : 중간 배너 */
- .dp .dp_mid_banner {padding-top:60px; padding-bottom:60px;}
- .dp .dp_mid_banner .mid_banner {position:relative;}
- .dp .dp_mid_banner img {width:100%; height:auto;}
- .dp .dp_mid_banner .mid_banner .swiper-button-prev {left:70px;}
- .dp .dp_mid_banner .mid_banner .swiper-button-next {right:70px;}
- .dp .dp_mid_banner .mid_banner .swiper-pagination {position:relative; width:100%; margin-top:40px;}
- /* dp_기획전상세 : 대표상품 노출 */
- .dp .dp_special {padding-top:60px; padding-bottom:60px;}
- .dp .dp_special h4 {position:relative;}
- .dp .dp_special h4 a {position:relative;}
- .dp .dp_special h4 .ico_arrow {position:relative; display:inline-block; width:13px; height:24px; margin-top:2px; margin-left:5px; background:url(//image.istyle24.com/Style24/images/pc/ico_dp_arrow.png) no-repeat 0 0; vertical-align:top;}
- .dp_special .dp_listItems_cont {position:relative;}
- .dp_special .dp_listItems_cont .item_prod {width:100%;}
- .dp_special .dp_listItems_cont .item_state {padding:0;}
- .dp_special .dp_listItems_cont .swiper-pagination {position:relative; width:100%; margin-top:40px;}
- .dp_special .dp_listItems_cont.type1 {width:900px; margin:auto;}
- .dp_special .dp_listItems_cont.type1 ul li {margin-top:40px;}
- .dp_special .dp_listItems_cont.type1 ul li:first-child {margin-top:0;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems::after {content:''; display:block; clear:both;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_img {float:left; position:relative; width:394px; height:591px; margin-left:45px; overflow:hidden; background:#f5f5f5;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_img img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info {float:left; width:410px; margin-left:50px; margin-top:150px;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_brand {color:#888; font-size:20px; font-weight:300;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_name {margin-top:15px; color:#222; font-size:22px; font-weight:200; line-height:28px;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price {margin-top:20px; font-size:24px; font-weight:300;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price::after {content:''; clear:both; display:block;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price .price {float:left; color:#222;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price del {float:left; position:relative; color:#888; font-size:22px; margin-left:10px; text-decoration:none;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price del::after {content:''; position:absolute; left:0; right:0; top:50%; border-top:1px solid #888;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price .percent {float:left; color:#fd4802; margin-left:20px;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .itemComment {margin:20px 0 0; padding:0; font-size:14px;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .ui_row {margin-top:50px;}
- .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .btn_default {width:180px; border:1px solid #a7a7a7; color:#222; font-size:16px; font-weight:300;}
- .dp_special .dp_listItems_cont.type2 {max-width:950px; margin:auto; padding-left:70px; padding-right:70px;}
- .dp_special .dp_listItems_cont.type3 {padding-left:70px; padding-right:70px;}
- /* dp_기획전상세 : 다른 기획전,이벤트 보기 */
- .dp .other_promotion_slide {margin-top:160px;margin-bottom: -20px;padding:0 140px!important;}
- .dp .other_promotion_slide .cont_head {position:relative; margin-bottom:60px;}
- .dp .other_promotion_slide .cont_head h4 {position:relative; margin-bottom:0;}
- .dp .other_promotion_slide .cont_head a {position:absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat right top 1px; font-size: 18px; color:#888;}
- .dp .other_promotion_slide .cont_body {position:relative;}
- .dp .other_promotion_slide .swiper-button-next {right:-70px; margin-top:-70px;}
- .dp .other_promotion_slide .swiper-button-prev {left:-70px; margin-top:-70px;}
- .dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%; overflow:hidden;}
- .dp .other_promotion_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
- .dp .other_promotion_slide .brand {display: inline-block; margin-bottom:10px; font-size: 12px; color:#888; font-weight: 300;}
- .dp .other_promotion_slide .txt {margin:0 6px;}
- .dp .other_promotion_slide .txt .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0; min-height:50px; max-height:50px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 1.5; color: #222; font-weight: 300; word-break: keep-all;}
- /* dp_hotdeal 타임딜 리스트 */
- .dp_hotdeal .hotdeal {position: relative; width:100%; margin-bottom: 120px; overflow:hidden;}
- .dp_hotdeal .hotdeal > img {display:block; position:relative; left:50%; top:0; transform:translateX(-50%);}
- .dp_hotdeal .hotdeal #countdown{text-align: center; margin: auto; position: absolute; font-size: 0; width:auto; top:256px; left:50%; margin-left: 75px; transform: translateX(-50%);}
- .dp_hotdeal .hotdeal #countdown span{display: inline-block; position: relative; width: auto; font-size: 26px; font-weight: 300; text-align: center; color: #fff;}
- .dp_hotdeal .hotdeal #countdown span:first-child:after {content:''; position: absolute; top: 5px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
- .dp_hotdeal .hotdeal #countdown span:first-child:before {content:''; position: absolute; top: 15px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
- .dp_hotdeal .hotdeal #countdown span:nth-child(2) {margin: 0 10px;}
- .dp_hotdeal .hotdeal #countdown span:nth-child(2):after {content:''; position: absolute; top: 5px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
- .dp_hotdeal .hotdeal #countdown span:nth-child(2):before {content:''; position: absolute; top: 15px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
- .dp_hotdeal .list_content {padding-left:70px; padding-right:70px;}
- .dp_hotdeal .itemsGrp.rowtype {width:100%; margin:-20px 0 0 0;}
- .dp_hotdeal .itemsGrp.rowtype .itemSpecialPrice {display:block; margin-bottom:20px;}
- .dp_hotdeal .itemsGrp.rowtype .itemSpecialPrice span {display:inline-block; height:34px; padding:10px 18px; background:#fd4802; color:#fff; font-size:16px; font-weight:300; line-height:1; overflow:hidden; border-radius:20px;}
- /* dp_event_list 룩북 리스트 */
- .dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
- .dp .event_list .event_top:after {content:''; clear:both; display: block;}
- .dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
- .dp .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
- .dp .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
- .dp .event_list .event_top .event_btn a {display: inline-block; background: url(//image.istyle24.com/Style24/images/pc/ico_more_sm.png) no-repeat right 20px top 10px; padding: 9px 23px; padding-right: 36px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
- .dp .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
- .dp .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
- .dp .event_list .list li .rank {min-width:52px;}
- .dp .event_list .list li .ev_img {margin-bottom: 25px; position: relative; width: 100%; height: auto; padding-top: 100%;}
- .dp .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
- .dp .event_list .list li .txt .brand {color: #888; font-weight: 300;}
- .dp .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
- .dp .event_list .list .no_con {display: none;}
- .dp .event_list.no_data .list .event_con {display: none;}
- .dp .event_list.no_data .list .no_con {display: block; padding:100px 0;}
- .dp .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
- .dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
- .dp .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
- .dp .event_list .ui_row .ui_col_12 .btn_group {float: right;}
- .dp .event_list .ui_row .ui_col_12 .btn_group > .btn {padding: 12px 96px 12px 19px; line-height: 1; font-size: 14px; color: #666;}
- .dp .event_list .ui_row .ui_col_12 .btn_group > .btn .caret {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 16px; right: 19px; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .btn.on {border-color: #222;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .btn.on .caret { top: 10px; border-color: transparent transparent #888888 transparent;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu { width:720px; padding: 40px; left: inherit; top:98.5%; right: 0; margin: 0; border-color: #222; box-shadow: none;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px;border-bottom: 1px solid #ddd;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;align-items: center;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {margin-top: 22px; width: calc(100% /3 );}
- /*
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
- */
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu input {position: absolute; display: block; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row {justify-content: center; margin: 30px 0 0;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset {position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset::before {content:''; position: absolute; top:50%; left:14px; transform: translateY(-50%); width:13px; height: 13px; background: url(//image.istyle24.com/Style24/images/pc/ico_filter_reset.png)no-repeat;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
- .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
- /* dp_bulletship 총알배송 */
- .bulletship {width:100%;}
- .bulletship .bulletship_head {width:100%; overflow:hidden;}
- .bulletship .bulletship_head img {position:relative; left:50%; transform:translateX(-50%);}
- .bulletship .bulletship_body {text-align:center; padding:0px 70px;}
- .bulletship .bulletship_body .txt_result {width:720px; margin:0 auto; padding:60px 0;}
- .bulletship .bulletship_body .txt_result > p:nth-child(1) {position:relative; padding-top:40px; color:#555; font-size:20px; font-weight:300;}
- .bulletship .bulletship_body .txt_result > p:nth-child(1)::before {content:''; position:absolute; width:65px; height:32px; top:0; left:50%; transform:translateX(-50%); background:url('//image.istyle24.com/Style24/images/pc/ico_home.png') no-repeat;}
- .bulletship .bulletship_body .txt_result > p:nth-child(2) {padding-top:20px; color:#222; font-size:46px; font-weight:700; line-height:60px;}
- .bulletship .bulletship_body .txt_result > p:nth-child(2) span {color:#fd4802;}
- .bulletship .bulletship_body .bullet_able,
- .bulletship .bulletship_body .normal_able {display:block; margin-top:40px; padding:20px 110px; background:#f5f5f5; color:#666; font-size:20px; font-weight:200; line-height:30px; word-break:keep-all;}
- .bulletship .bulletship_body .txt_result > p:nth-child(2) + .bulletshop_btn {margin-top:50px;}
- .bulletship .bulletship_body .bullet_able + .bulletshop_btn,
- .bulletship .bulletship_body .normal_able + .bulletshop_btn {margin-top:30px;}
- .bulletship .bulletship_body .bulletshop_btn .btn {height:80px; border:1px solid #a7a7a7; color:#222; font-size:22px; font-weight:500;}
- .bulletship .bulletship_body .bulletshop_btn + P {margin-top:30px; padding-bottom:10px; color:#666; font-size:20px; font-weight:200;}
- .bulletship .bulletship_foot {margin-left:70px; margin-right:70px; overflow:hidden;}
- .bulletship .bulletship_foot img {position:relative; left:50%; transform:translateX(-50%);}
- /* od 공통 */
- .container.od .wrap .content {max-width:1460px; padding-left:0; padding-right:0;}
- .od .wrap {padding-top:120px; padding-bottom:160px;}
- .od div::after {clear:both; display:block; content:'';}
- .od .cont_head h2 {margin-bottom:0; color:#222; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
- .od .btn span {line-height:1;}
- .od .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
- .od .tmark_optional {color:#888; font-size:12px; font-weight:200;}
- .od .item_slide .item_gd a .price {margin-top:15px;}
- .od .info_txt {padding:20px 30px; background:#fff6f2;}
- .od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left:13px; margin-bottom: 14px;}
- .od .info_txt ul li:last-child {margin-bottom: 0;}
- .od .info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
- .od .form_field {display:block;}
- .od .form_field::after {clear:both; display:block; content:'';}
- .od .form_field input[type="radio"] + label,
- .od .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
- .od .form_field input[type="radio"] + label:before,
- .od .form_field input[type="radio"]:checked + label:after,
- .od .form_field input[type="checkbox"] + label:before,
- .od .form_field input[type="checkbox"]:checked + label:after,
- .od .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
- .od .form_field .input_wrap {display:block; width:100%; margin:0;}
- .od .form_field .input_wrap::after {clear:both; display:block;}
- .od .cont_head {margin-bottom:60px;}
- .od .cont_head .oder_steps {margin-top:35px; text-align:center;}
- .od .cont_head .oder_steps ul {display:inline-block; vertical-align:top;}
- .od .cont_head .oder_steps ul::after {content:''; clear:both; display:block;}
- .od .cont_head .oder_steps ul li {float:left; position:relative; margin-left:60px; padding:0 10px; color:#888; font-size:16px; font-weight:200;}
- .od .cont_head .oder_steps ul li.on {color:#fd4802; font-weight:300;}
- .od .cont_head .oder_steps ul li span {font-weight:300;}
- .od .cont_head .oder_steps ul li::before {content:''; position:absolute; left:-60px; top:50%; width:60px; border-bottom:1px solid #ddd;}
- .od .cont_head .oder_steps ul li:first-of-type {margin-left:0;}
- .od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
- .od .od_cont {float:left; width:calc(100% - 380px); min-height:400px;}
- .od .od_cont button span {line-height:1;}
- .od .od_cont button.btn_sm {height:34px; min-width:70px; padding:9px 13px; font-size:14px; font-weight:200;}
- .od .od_cont button.btn_dark {font-weight:200;}
- .od .od_cont button.btn_default {border-color:#a7a7a7; color:#222;}
- .od .od_cont .form_control {min-width:400px; height:42px; padding-left:18px; color:#222; font-size:14px;}
- .od .od_cont .sec_head {margin-bottom:60px;}
- .od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
- .od .od_cont .sec_head .tbl td {text-align:left;}
- .od .od_cont .sec_head .tbl td > span {position:relative; margin-left:30px; padding-left:30px; color:#222; font-size:14px}
- .od .od_cont .sec_head .tbl td > span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
- .od .od_cont .sec_head .tbl td > span:first-child {padding-left:0;}
- .od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
- .od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px; font-size:18px;}
- .od .od_cont .sec_body .foldGroup {float:none;}
- .od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
- .od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
- .od_cont .foldGroup .fold_head a {padding:0;}
- .od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:30px 0px;}
- .od_cont .foldGroup .fold_head .fold_tit span {line-height:1; font-size:24px; font-weight:500; overflow:visible;}
- .od_cont .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:16px; font-weight:200; z-index:-1;}
- .od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
- .od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
- .od_cont .foldGroup .fold_head .data span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
- .od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
- .od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
- .od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
- .od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box;}
- .od_cont .foldGroup dl {font-size:16px;}
- .od_cont .foldGroup dl .btn span {vertical-align:middle;}
- .od_cont .foldGroup dl > div {display:block; margin-top:20px; color:#222;}
- .od_cont .foldGroup dl > div:first-of-type {margin-top:0px;}
- .od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
- .od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px;}
- .od_cont .foldGroup dl > div dd {position:relative; float:left; width:calc(100% - 170px);}
- .od_cont .foldGroup dl::after,
- .od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
- .od .od_side {float:right; width:320px;}
- .od .od_side h3 {color:#222; font-size:24px; font-weight:500;}
- .od .od_side h4 {font-size:18px; font-weight:500; margin-bottom:20px;}
- .od .od_side .item_gd figure {position:relative; min-height:150px;}
- .od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
- .od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;}
- .od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px;}
- .od .od_side .item_gd figure figcaption .name {margin-top:5px;}
- .od .od_side .item_gd figure figcaption .price {position:relative; margin-top:10px; padding-right:50px; box-sizing:border-box;}
- .od .od_side .item_gd figure figcaption .price del {padding-left:0; line-height:1.2;}
- .od .od_side .item_gd figure figcaption .price .discount {position:absolute; right:0; bottom:0;}
- .od .od_side .item_gd figure figcaption .option {margin-top:5px;}
- .od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
- .od .od_side .area_order dl dt {float:left;}
- .od .od_side .area_order dl dd {float:right;}
- .od .od_side .area_order div::after,
- .od .od_side .area_order dl::after,
- .od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
- .od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
- .od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
- .od .od_side .area_order .tit_box span {float:right; display:inline; margin-top:6px; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:top;}
- .od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
- .od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
- .od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd;}
- .od .od_side .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
- .od .od_side .area_order .od_item_box .part_dlvr h4 span {margin-left:4px; color:#888; font-size:12px; font-weight:200; vertical-align:middle;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:24px;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802; font-size:14px; font-weight:200;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
- .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd.soldout .thumb:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 14px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 150px; z-index: 20; text-align: center;}
- .od .od_side .area_order .od_amount_box {padding:30px; color:#888; font-size:14px; font-weight:200;}
- .od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
- .od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px;}
- .od .od_side .area_order .od_amount_box dl dt {font-size:14px; font-weight:300;}
- .od .od_side .area_order .od_amount_box dl dd {color:#222; font-size:16px; font-weight:300;}
- .od .od_side .area_order .od_amount_box dl dd em {font-size:16px;}
- .od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
- .od .od_side .area_order .od_amount_box .t_info {margin-top:20px; text-align:right;}
- .od .od_side .area_order .od_amount_box .btn_link {display:inline-block; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
- .od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
- .od .od_side .area_order .totalprice_box {padding:0px 30px 40px;}
- .od .od_side .area_order .totalprice_box dl {padding:40px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
- .od .od_side .area_order .totalprice_box dl dt {margin-top:5px; font-size:16px; font-weight:500;}
- .od .od_side .area_order .totalprice_box dl dd {color:#fd4802; font-size:18px; font-weight:700;}
- .od .od_side .area_order .totalprice_box dl dd span {font-size:24px; vertical-align:middle;}
- .od .od_side .area_order .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
- .od .od_side .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
- .od .od_side .area_order .totalprice_box .info_extra {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:left; line-height:16px;}
- .od .od_side .area_order .btn_box {padding:0px 30px 35px;}
- .od .od_side .area_order .btn_box .btn {height:60px; font-weight:300; padding:20px;}
- .od .od_side .area_salecoupon {margin-top:35px;}
- .od .od_side .area_salecoupon input {height:42px; padding:12px 15px; color:#222; font-size:14px; font-weight:300;}
- .od .od_side .area_salecoupon .input_wrap {float:left; width:240px;}
- .od .od_side .area_salecoupon .btn {width:70px; height:42px; box-sizing:border-box; font-size:14px; font-weight:200;}
- .od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:20px;}
- .od .od_side .area_salecoupon .coupon_box .coupon {position:relative; margin-top:10px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
- .od .od_side .area_salecoupon .coupon_box .coupon:first-child {margin-top:0;}
- .od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
- .od .od_side .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- .od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:10px;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:700;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:28px;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:15px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:10px}
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:20px 0; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
- .od .od_side .area_salecoupon .coupon_box .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
- .od .od_side .area_saleitem {margin-top:40px;}
- /* od_shopping_Bag */
- .od .shopping_bag table th,
- .od .shopping_bag table td {vertical-align:middle;}
- .shopping_bag .nodata {padding-top:110px;}
- .shopping_bag .nodata .txt_box::before {background-image:url('//image.istyle24.com/Style24/images/pc/ico_cart_empty.png');}
- .shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
- .shopping_bag .sec_head table .form_field span {display:inline-block; height:22px; line-height:22px;}
- .shopping_bag .sec_head table .form_field span .tag {margin-right:5px;}
- .shopping_bag .sec_body .sec_select {margin-top:40px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #222;}
- .shopping_bag .sec_body .sec_select > div {position:relative;}
- .shopping_bag .sec_body .sec_select > div .btn {position:absolute; right:0; top:50%; transform:translateY(-50%); height:34px; padding:10px; font-size:14px; font-weight:200;}
- .shopping_bag .sec_body .sec_part {margin-bottom:60px;}
- .shopping_bag .sec_body .sec_part:last-child {margin-bottom:0;}
- .shopping_bag .sec_body .sec_part h3 {margin-bottom:30px}
- .shopping_bag .sec_body .sec_part h4 {padding-top:40px; margin-bottom:0; border-top:1px dashed #ddd; color:#222; font-size:24px; font-weight:500;}
- .shopping_bag .sec_body .sec_part h4:first-of-type {border-top:none}
- .shopping_bag .sec_body .sec_part h4 .tit_info {margin-left:10px; color:#888; font-size:16px; font-weight:300;}
- .shopping_bag .tip1 .tip_contents{width: 100%; min-width:250px; transform: translate(-61px, 14px); font-size: 12px;}
- .shopping_bag .tip1 .tip_contents:before,
- .shopping_bag .tip1 .tip_contents:after{left: 27%;}
- /* od_shopping_Bag 실시간조회상품 */
- .container .wrap .content.od_realtime {position:relative; max-width:1460px; margin-top:120px;}
- .od_realtime .swiper-container {padding:0px;}
- .od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%;}
- .od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
- .od_realtime .swiper-button-prev {left:-70px; top:275px;}
- .od_realtime .swiper-button-next {right:-70px; top:275px;}
- .od_realtime .swiper-button-prev::after,
- .od_realtime .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) no-repeat;}
- .od_realtime .swiper-button-prev::after {background-position:0 50%;}
- .od_realtime .swiper-button-next::after {background-position:100% 50%;}
- .od_realtime .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px;}
- /* od_shopping_Bag 추천상품 */
- .container .wrap .content.od_recommend {position:relative; max-width:1460px; margin-top:120px;}
- .od .od_recommend .cont_head {margin-bottom:0;}
- .od_recommend .swiper-container {padding:0px;}
- .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%;}
- .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
- .od_recommend .swiper-button-prev {left:-70px; top:275px;}
- .od_recommend .swiper-button-next {right:-70px; top:275px;}
- .od_recommend .swiper-button-prev::after,
- .od_recommend .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) no-repeat;}
- .od_recommend .swiper-button-prev::after {background-position:0 50%;}
- .od_recommend .swiper-button-next::after {background-position:100% 50%;}
- .od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px;}
- /* od_odPayment */
- .odPayment .icon_tag {display:inline-block; vertical-align:top;}
- .odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
- .odPayment .icon_tag .tag {float:left; margin-left:6px;}
- .odPayment .input_wrap > .btn.btn_dark.btn_sm {height:42px; min-width:70px; padding:13px; font-size:14px; font-weight:300;}
- .odPayment .foldGroup .fold_head .data .total_gift,
- .odPayment .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}
- .odPayment .foldGroup .fold_head .data .maxdisc_amount {padding:0; margin:0; color:#fd4802;}
- .odPayment .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
- .odPayment .foldGroup .fold_head .data .maxdisc_amount em {font-weight:500;}
- .odPayment .fold_cont .area_overseas,
- .odPayment .fold_cont .area_customitem,
- .odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
- .odPayment .fold_cont .area_selpoint input[type="text"]:read-only,
- .odPayment .fold_cont .area_selpoint input[type="text"]:disabled {background:#fff;}
- .odPayment .fold_cont .area_overseas .info_txt,
- .odPayment .fold_cont .area_customitem .info_txt {margin-top:25px;}
- .odPayment .fold_cont .area_mbinfo > dl > div {float:left; position:relative; margin-top:0; height:16px; padding:0 15px;}
- .odPayment .fold_cont .area_mbinfo > dl > div::after {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
- .odPayment .fold_cont .area_mbinfo > dl > div:first-child {padding-left:0;}
- .odPayment .fold_cont .area_mbinfo > dl > div:first-child::after {display:none;}
- .odPayment .fold_cont .area_mbinfo > dl > div dt {position:absolute;}
- .odPayment .fold_cont .area_mbinfo > dl > div dd {width:auto;}
- .odPayment .fold_cont .area_mbinfo > dl > div dd .btn {margin-top:-9px; margin-left:10px; vertical-align:top;}
- .odPayment .fold_cont .area_receiveinfo.none {padding:0 0 30px;}
- .odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; min-height:16px;}
- .odPayment .fold_cont .area_receiveinfo > dl > div:first-child {margin-top:0;}
- .odPayment .fold_cont .area_receiveinfo > dl > div:last-child {margin-top: 10px;}
- .odPayment .fold_cont .area_receiveinfo > dl > div:nth-child(3) {line-height: 1.4;}
- .odPayment .fold_cont .area_receiveinfo > dl > div dt {position:relative; padding-right:10px; margin-right:10px; font-weight:200;}
- .odPayment .fold_cont .area_receiveinfo > dl > div:last-child dt::after {content:':'; position:absolute; right:-2px; top:-1px;}
- .odPayment .fold_cont .area_receiveinfo.none > dl > div:last-child dt::after {content:'';}
- .odPayment .fold_cont .area_receiveinfo > dl > div dd {min-height:16px;}
- .odPayment .fold_cont .area_receiveinfo > dl > div dd .btn {margin-left:15px;}
- .odPayment .fold_cont .area_receiveinfo > dl > div dd .btn_underline {margin-left:12px;}
- .odPayment .fold_cont .area_receiveinfo .icon_tag {margin-top:-3px; margin-left:4px;}
- .odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px;}
- .odPayment .fold_cont .area_overseas .info_box {font-size:16px;}
- .odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:5px; font-size:14px;}
- .odPayment .fold_cont .area_overseas .info_box.overs1 {margin-top:20px; margin-right:0}
- .odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:30px; margin-right:0; color:#666}
- .odPayment .fold_cont .area_overseas .info_box .agree_overs {margin-top:15px; width:85%; word-break:keep-all;}
- .odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:24px; color:#666;}
- .odPayment .fold_cont .area_overseas .info_box .agree_overs label::before,
- .odPayment .fold_cont .area_overseas .info_box .agree_overs label::after {top:3px !important; transform:translateY(0%) !important;}
- .odPayment .fold_cont .area_customitem .agree_custom label {color:#666; font-size:16px; line-height:24px;}
- .odPayment .fold_cont .area_customitem .agree_custom label::before,
- .odPayment .fold_cont .area_customitem .agree_custom label::after {top:3px !important; transform:translateY(0%) !important;}
- .odPayment .area_selgift .form_field::after {content:''; clear:both; display:block;}
- .odPayment .area_selgift .gift_box {margin-top:20px;}
- .odPayment .area_selgift .gift_box:first-of-type {margin-top:0;}
- .odPayment .gift_box .txt {margin-bottom:28px;}
- .odPayment .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
- .odPayment .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('//image.istyle24.com/Style24/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
- .odPayment .gift_box .form_field .gift {float:left; width:calc((100% - 24px) * 0.3333); margin-left:12px; margin-bottom:20px;}
- .odPayment .gift_box .form_field .gift:after {content:''; display:block; clear:both;}
- .odPayment .gift_box .form_field .gift:first-child {margin-left:0;}
- .odPayment .gift_box .form_field .gift:nth-child(3n-2) {margin-left:0;}
- .odPayment .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
- .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
- .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:before,
- .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:after{left:14px;}
- .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
- .odPayment .gift_box .form_field .gift input[type="radio"] + label:before,
- .odPayment .gift_box .form_field .gift input[type="radio"] + label:after{left:14px;}
- .odPayment .gift_box .form_field .gift input[type="checkbox"]:checked + label::before {display:none;}
- .odPayment .gift_box .form_field .gift input[type="checkbox"]:checked + label:after {left:20px; width:10px; height:8px; background:url('//image.istyle24.com/Style24/images/pc/ico_chk_gift_required.png') no-repeat 0 0;}
- .odPayment .gift_box .form_field .gift label {display:table-cell; position:relative; width:332px; height:120px; padding:9px 20px 9px 145px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
- .odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
- .odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
- .odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
- .odPayment .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
- .odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
- .odPayment .gift_box .form_field .gift input[type="radio"]:Disabled + label {opacity:1;}
- .odPayment .gift_box .form_field .gift input[type="radio"] + label:after {top: 50%; transform: translateY(-50%);}
- .odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
- .odPayment .form_field .agree_gift .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
- .odPayment .form_field .agree_gift .btn_underline span {color:#888; font-size:12px;}
- .odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
- .odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
- .odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px;}
- .odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
- .odPayment .area_seldiscount dl > div dd {width:485px;}
- .odPayment .area_seldiscount .sale_coupon_box .btn_default {width:80px; margin-left:14px; margin-top:-13px; vertical-align:top;}
- .odPayment .area_seldiscount .sale_coupon_box .maxdisc_amount {color:#fd4802; font-weight:300;}
- .odPayment .area_seldiscount .sale_coupon_box .form_field {margin-top:18px;}
- .odPayment .area_seldiscount .dlvr_fee_box {height:90%;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom {height:90px;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:90px; padding:0;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:89px; padding:0;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:14px 18px;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
- .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
- .odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
- .odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
- .odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
- .odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
- .odPayment .area_selpoint .form_field > div {float:left; margin-right:40px;}
- .odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
- .odPayment .area_selpoint .form_field .useable_point {margin-right:10px; color:#fd4802; font-size:16px; font-weight:200; vertical-align:middle;}
- .odPayment .area_selpoint .form_field .useable_point em {font-weight:500;}
- .odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:200;}
- .odPayment .area_selpoint .form_field p {margin-top:15px; color:#888; font-size:14px;}
- .odPayment .fold_paymethod .fold_cont {margin-top:-10px;}
- .odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
- .odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
- .odPayment .area_paymethod .radio_blk .paymethod_radio {position:relative;}
- .odPayment .area_paymethod .radio_blk .paymethod_radio label {display:block; padding-top:30px; padding-bottom:30px; color:#222; font-size:16px; font-weight:300;}
- .odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr {position:absolute; left:0; top:-20px; padding:12px; background:#222; color:#fff; font-size:14px; z-index:2;}
- .odPayment .area_paymethod .radio_blk.on .paymethod_radio .quickpay_bnr {display:none;}
- .odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::before {content :""; display:block; position:absolute; left:15px; bottom:-10px; border:5px solid transparent; border-top-color:#222;}
- .odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::after {content :""; display:block; position:absolute; right:-8px; bottom:-8px; border:8px solid transparent; border-right-color:#fff; transform:rotate(225deg);}
- .odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr .btn_close_bnr {display:inline-block; width:10px; height:10px; margin-left:4px; margin-top:1px; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard {display:block; width:340px; height:214px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#222; font-size:16px; font-weight:200;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard span::before {content:''; position:absolute; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background:#fd4800 url('//image.istyle24.com/Style24/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
- .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
- .odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802;}
- .odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
- .odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
- .odPayment .card_quickpay .list_card .swiper-button-prev,
- .odPayment .card_quickpay .list_card .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); font-size:0; width:27.5px; height:50px; background:url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) no-repeat; z-index:2;}
- .odPayment .card_quickpay .list_card .swiper-button-prev {left:244px; background-position:0 50%;}
- .odPayment .card_quickpay .list_card .swiper-button-next {right:244px; background-position:100% 50%;}
- .odPayment .card_quickpay .list_card .swiper-button-prev::after,
- .odPayment .card_quickpay .list_card .swiper-button-next::after {font-size:0px;}
- .odPayment .card_quickpay .list_card .card {display:block; position:relative; height:214px; padding:70px 20px 20px; background-color:#4680ec; border-radius:10px; box-sizing:border-box; color:#fff; font-weight:200;}
- .odPayment .card_quickpay .list_card .card [class*="logo_"] {position:absolute; left:30px; top:30px; width:150px; height:20px; font-size:0; text-indent:-1000px; overflow:hidden;}
- .odPayment .card_quickpay .list_card .card .logo_samsung {background:url(//image.istyle24.com/Style24/images/pc/logo_card_samsung.png) no-repeat 0 50%;}
- .odPayment .card_quickpay .list_card .card .logo_hyundai {background:url(//image.istyle24.com/Style24/images/pc/logo_card_hyundai.png) no-repeat 0 50%;}
- .odPayment .card_quickpay .list_card .card .etc {position:absolute; right:30px; top:30px; z-index:2;}
- .odPayment .card_quickpay .list_card .card .etc::after {content:''; clear:both; display:block;}
- .odPayment .card_quickpay .list_card .card .etc button {float:left; position:relative; margin-left:22px;}
- .odPayment .card_quickpay .list_card .card .etc button::before {content:''; position:absolute; left:-12px; top:50%; height:10px; transform:translateY(-50%); border-left:1px solid #c9dbff;}
- .odPayment .card_quickpay .list_card .card .etc button:first-child::before {display:none;}
- .odPayment .card_quickpay .list_card .card .name {margin-top:10px; height:20px; text-align:center; font-size:14px; line-height:20px; color:#c9dbff;}
- .odPayment .card_quickpay .list_card .card .number {margin-top:10px; text-align:center; font-size:24px; font-weight:300;}
- .odPayment .card_quickpay .list_card .card .number span {padding:0px 5px; letter-spacing:2px;}
- .odPayment .card_quickpay .list_card .card .select {width: 100%;z-index:2;}
- .odPayment .card_quickpay .list_card .card .select .select_dress {padding:13px 20px; background:#3259a8; color:#fff; font-size:14px; border:none;}
- .odPayment .card_quickpay .list_card .card .select .select_dress:after {top:15px; border-color:#fff transparent transparent transparent;}
- .odPayment .card_quickpay .list_card .card .select .select_dress.active:after {top:9px; border-color:transparent transparent #fff transparent;}
- .odPayment .card_quickpay .list_card .card .select .select_options {border:none;}
- .odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
- .odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
- .odPayment .area_paymethod .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
- .odPayment .area_paymethod .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
- .odPayment .area_paymethod .paymethod_box .info_quick li:first-of-type {margin-top:0;}
- .odPayment .area_paymethod .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
- .odPayment .area_paymethod .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
- .odPayment .area_paymethod .paymethod_box .sel_method li {float:left; width:calc(100% / 7);}
- .odPayment .area_paymethod .paymethod_box .sel_method li label::before,
- .odPayment .area_paymethod .paymethod_box .sel_method li label::after {display:none;}
- .odPayment .area_paymethod .paymethod_box .sel_method li label span {display:inline-block; height:26px; color:#222; font-size:16px; font-weight:200; line-height:27px;}
- .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg {display:inline-block; width:66px; height:26px; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
- .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.kakao {background-image:url('//image.istyle24.com/Style24/images/pc/pay_kakao.png');}
- .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.naver {background-image:url('//image.istyle24.com/Style24/images/pc/pay_naver.png');}
- .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.payco {background-image:url('//image.istyle24.com/Style24/images/pc/pay_payco.png');}
- .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"] + label {display:block; height:64px; padding:17px 0; border:1px solid #ddd; border-right:none; text-align:center;}
- .odPayment .area_paymethod .paymethod_box .sel_method li:last-child input[type="radio"] + label {border-right:1px solid #ddd;}
- .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label {border:2px solid #fd4802;}
- .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label span {color:#fd4802; font-weight:500;}
- .odPayment .area_paymethod .agree_insurance {display:none; margin:25px 0 0;}
- .odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
- .odPayment .area_paymethod .agree_insurance p {padding:15px 30px 0px; color:#888; font-size:14px; line-height:20px;}
- .odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
- .odPayment .area_paymethod .agree_paymethod input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
- .odPayment .area_paymentinfo {margin-top:30px;}
- .odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
- .odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
- .odPayment .paymentinfo .payinfo_blk a {display:block; padding:30px 40px; color:#222; font-size:16px; font-weight:300;}
- .odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
- .odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
- .odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('//image.istyle24.com/Style24/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
- .odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#222; font-size:14px; line-height:26px; overflow-y:scroll;}
- .odPayment .paymentinfo .payinfo_blk.on {background:#f5f5f5;}
- .odPayment .paymentinfo .payinfo_blk.on a {padding-bottom:15px;}
- .odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
- .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 20px;}
- .odPayment .area_paymentinfo .agree_payment {margin:40px 0 40px; color:#222; font-size:18px; font-weight:200; text-align:center;}
- .odPayment .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
- .odPayment .area_paybtn .btn em {font-weight:500;}
- .odPayment .infotxt table {word-break:keep-all;margin-top: 10px;margin-bottom: 10px;}
- .odPayment .infotxt table th,
- .odPayment .infotxt table td {position:relative; padding:10px 40px; font-size:14px;color: #222222;letter-spacing:-0.025em;text-align:center;}
- .odPayment .infotxt table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
- .odPayment .infotxt table td:last-child {border-right: 1px solid transparent;}
- .odPayment .infotxt table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:400;text-align:center;}
- .odPayment .extra_pay {padding:0px 30px 40px; margin-bottom: 20px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
- .odPayment .extra_pay .tit_pay {padding:30px 0px; line-height:1; font-size:24px; font-weight:500;}
- .odPayment .extra_pay .area_paymethod .paymethod_box .sel_method li {width:50%;}
- /* od_completed */
- .completed .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
- .completed .tbl.type1 table td button {margin-left:10px;}
- .completed .tbl.type1 table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
- .completed .tbl.type1 {padding:20px 0;}
- .completed .tbl.type1 th,
- .completed .tbl.type1 td {padding-top:7px; padding-bottom:7px; line-height:1.625;}
- .completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2;}
- .completed .info_complete .txt_box {color:#222; font-size:24px; font-weight:500;}
- .completed .info_complete .report_box {margin-top:26px;}
- .completed .info_complete .report_box div {margin-top:15px;}
- .completed .info_complete .report_box div:first-child {margin-top:0;}
- .completed .info_complete .report_box div dt,
- .completed .info_complete .report_box div dd {display:inline-block; font-weight:300;}
- .completed .info_complete .report_box div dt {color:#666; font-size:18px;}
- .completed .info_complete .report_box div dd {margin-left:18px; color:#fd4802; font-size:20px;}
- .completed .info_complete .report_box div.closedate dt,
- .completed .info_complete .report_box div.closedate dd {margin:0; color:#888; font-size:16px; font-weight:200;}
- .completed .info_complete .report_box div.closedate dd span {font-weight:300;}
- .completed .od_cont {width:100%;}
- .completed .od_cont h3 {margin-bottom:20px; font-size:18px; font-weight:500;}
- .completed .od_cont .order_amount dl div {margin-top:20px;}
- .completed .od_cont .order_amount dl div:first-child {margin-top:0;}
- .completed .od_cont [class^='area_']{margin-top:60px;}
- .completed .od_cont .sec_foot {margin-top:60px;}
- .completed .btn_group_md {text-align:center;}
- .completed .btn_group_md .btn {margin:0px 3px; width:230px;}
- /* od_nonMBorder */
- .nonMBorder .cont_head .text_box {margin-top:27px; color:#666; font-size:16px; font-weight:200; line-height:26px; text-align:center;}
- .nonMBorder .cont_head {text-align:center;}
- .nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;}
- .nonMBorder input[type="text"] {float:none; width:100%; height:52px; padding:17px 0 17px 19px; color:#222; font-size:16px; font-weight:300;}
- .nonMBorder input[type="text"]::placeholder {color:#888; font-weight:200;}
- .nonMBorder .form_field {display:block; margin-top:10px;}
- .nonMBorder .form_field:first-of-type {margin-bottom:0px;}
- .nonMBorder .form_field .ui_col_9 input[type="text"] {width:388px;}
- .nonMBorder .form_field .ui_col_3 .btn {width:132px; height:52px; padding:17px 0px 17px; font-weight:200;}
- .nonMBorder .cont_foot {position:relative; width:530px; margin:40px auto 0; color:#888; font-size:16px; line-height:1;}
- .nonMBorder .cont_foot::after {content:''; clear:both; display:block;}
- .nonMBorder .cont_foot p span {display:block;}
- .nonMBorder .cont_foot p .jointit1 {color:#222; font-size:18px; font-weight:300;}
- .nonMBorder .cont_foot p .jointit2 {margin-top:10px; color:#888; font-size:16px; font-weight:200;}
- .nonMBorder .cont_foot a.btn_gojoin {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0px 20px; height:42px; line-height:42px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
- .nonMBorder .btn_group_md {float:none; margin-top:40px; margin-bottom:0;}
- .nonMBorder .btn_group_md .btn {padding:19px; font-weight:300; height:60px;}
- .nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7;}
- .nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px;}
- .nonMBorder .agree_nombPrivacy label span {font-size:18px;}
- .nonMBorder .agree_nombPrivacy label span .tmark_required {display:inline-block; margin-top:2px; font-size:14px; vertical-align:top;}
- .nonMBorder .agree_nomb_txt_box {margin-bottom:40px; padding:35px 40px; border:1px solid #ddd;}
- .nonMBorder .agree_nomb_txt_box > div {overflow:auto; max-height:160px; color:#888; font-size:14px; line-height:1.5; font-weight:200; padding-right: 15px;}
- .nonMBorder .agree_nomb_txt_box > div::-webkit-scrollbar {width:2px;}
- .nonMBorder .agree_nomb_txt_box > div::-webkit-scrollbar-thumb {background-color:#222222;background-clip:padding-box; width: 4px;}
- .nonMBorder .agree_nomb_txt_box > div::-webkit-scrollbar-track {background-color:#dddddd;}
- .nonMBorder .adress_area dl {padding:20px 14px 0;}
- .nonMBorder .adress_area dl div {margin-top:15px;}
- .nonMBorder .adress_area dl div:first-of-type {margin-top:0;}
- .nonMBorder .adress_area dl div dt {float:left;}
- .nonMBorder .adress_area dl div dt span {display:inline-block; width:46px; height:22px; padding:4px 0; margin-top:-4px; margin-right:10px; border:1px solid #ddd; font-size:12px; text-align:center; vertical-align:top;}
- .nonMBorder .adress_area dl div dd {padding-left:53px; color:#666; font-size:14px;}
- /* pd_상품상세 */
- /* pd_공통 */
- .container.pd .wrap .content.wide {margin-top:120px;}
- .pd,
- .pd button {line-height:1; font-weight:300;}
- .pd button span {line-height:1;}
- .pd .dot_info {position:relative; padding-left:14px;}
- .pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
- .pd .swiper-pagination {position:relative; width:100%; margin-top:50px; text-align:center;}
- .pd .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
- .pd .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
- .pd .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
- .pd .swiper-button-prev::after,
- .pd .swiper-button-next::after {content: ''; display:none;}
- .pd .swiper-button-prev,
- .pd .swiper-button-next {top:50%;margin:0;display:inline-block;width: 20px;height: 40px;border-width:2px 2px 0 0;}
- .pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px;}
- .pd .area_slider .swiper-button-prev,
- .pd .area_slider .swiper-button-next {margin-top:-90px;}
- .pd .area_slider .swiper-container .item_prod {width:100%;}
- .pd .area_slider .swiper-container .item_prod .item_state {padding:0;}
- /* pd */
- .pd .wrap {padding-top:70px; padding-bottom:160px;}
- .pd .item_picker {position:absolute; z-index:2; transform:translate(-50%,-50%);}
- .pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
- .pd_pop .select_custom .combo .list > li:hover {background:none;}
- .pd_detail .select_custom .combo .list > li:hover {background:none;}
- /* pd_detail */
- .pd_detail .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; overflow:hidden;background:#f5f5f5;background: #ffffff;border: 1px solid #f5f5f5;box-sizing: content-box;}
- .pd_detail .thumb img,
- .pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
- .pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
- /* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none; left: -83.45%;width: 185%;} */
- .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
- .pd_detail .movbox iframe[src*="youtu"] {left:0; width: 100%;}
- .pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
- .pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888;}
- .video_controls {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
- .video_controls button {display:inline-block; overflow:hidden; width:60px; height:60px; font-size:1px; text-indent:-999999px;}
- .video_controls button.btn_video_play {background:url('//image.istyle24.com/Style24/images/pc/btn_video_play.png') no-repeat 50% 50%; background-size:100% auto;}
- .video_controls button.btn_video_pause {background:url('//image.istyle24.com/Style24/images/pc/btn_video_pause.png') no-repeat 50% 50%; background-size:100% auto;}
- .pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
- .pd_detail .item_detail .area_desc {float:right; width:500px;}
- .pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb {border: 0;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:505px;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5; padding-top: 2px;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a{display:block;position: relative;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a span::before {content: ''; display:inline-block; border:1px solid #fd4802;position: absolute;top: 0px;left: 0;z-index: 5;width: 48px;height: 73px;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev,
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {left:50%; right:auto; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; background:none;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:4px; bottom:auto; transform:translateX(-50%) rotate(-45deg); -webkit-transform:translateX(-50%) rotate(-45deg);}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:4px; transform:translateX(-50%) rotate(135deg); -webkit-transform:translateX(-50%) rotate(135deg);}
- .pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
- .pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
- .pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
- .pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 6px); margin-top:10px;}
- .pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px;}
- .pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('//image.istyle24.com/Style24/images/pc/cursor_zoom.png') 0 0, zoom-in;}
- .pd_detail .area_pic .thumb_list_wrap li.on a span img {z-index:2;}
- .pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
- .pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
- .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}
- .pd_detail .area_pic.onlyitem {padding-left:0;}
- .pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
- .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
- .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
- .pd_detail .area_desc .desc_wrap {width:500px; z-index:2;}
- .pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:auto; bottom:0px;}
- .pd_detail .area_desc .desc_wrap.fixbottom {position:fixed; top: auto; bottom:0px;}
- .pd_detail .area_desc .desc_wrap .timer_box {position:relative; padding-bottom:30px;}
- .pd_detail .area_desc .desc_wrap .timer_box::after{content:''; position:absolute; right:-12px; bottom:18px; border:12px solid transparent; border-top:12px solid #fff; transform:rotate(-45deg);}
- .pd_detail .area_desc .desc_wrap .timer_box p {padding:17px 30px; background:#222; height:50px;}
- .pd_detail .area_desc .desc_wrap .timer_box p::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .timer_box p span {display:inline-block; position:relative;}
- .pd_detail .area_desc .desc_wrap .timer_box p .tit {position:relative; padding-left:28px; color:#fff; font-size:16px;}
- .pd_detail .area_desc .desc_wrap .timer_box p .tit::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('//image.istyle24.com/Style24/images/pc/ico_timer2.png') no-repeat 0 50%;}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer {color:#fff; font-size:18px; line-height:16px; font-weight:300;}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em {display:inline-block; position:relative; padding-left:6px;}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:15px;}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em#d-days::after {content:'일';}
- .pd_detail .area_desc .desc_wrap .timer_box p .timer em#d-hours::before {display:none;}
- .pd_detail .area_desc .desc_wrap .descript_box {margin-top:15px;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:16px; vertical-align:top;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand {float:left; position:relative; max-width:calc(100% - 100px); padding-right:16px; color:#222; font-size:16px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand:after {display:block; position:absolute; top:2px; right:2px; width:8px; height:8px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top .shareSet {right: 0;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {float:right; position:relative; top:7px; right:45px; width:23px; height:23px; margin-left:15px; margin-top:-3px; font-size:0px;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {background:url('//image.istyle24.com/Style24/images/pc/btn_itemLike.png') no-repeat 0% 50%;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike:hover,
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike.likeit {background-position:100% 50%;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::before,
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::after {display:none;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemShare {background:url('//image.istyle24.com/Style24/images/pc/btn_itemShare.png') no-repeat 50% 50%;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:40px; line-height:1;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .codenumber {float:right; color:#888; font-size:14px; font-weight:200; line-height:16px;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {float:left; width:calc(100% - 100px); color:#666; font-size:16px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .name {float:left; width:100%; margin-top:15px; color:#222; font-size:30px; font-weight:500; line-height:40px; word-break:keep-all;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:20px;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:16px; color:#fd4802; font-size:20px; font-weight:300;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:700;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:700;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk del.org_price {position:relative; display:inline-block; margin-left:18px; margin-top:6px; color:#888; font-size:18px; font-weight:200; text-decoration:none;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk del.org_price::after {content:''; position:absolute; left:0; right:0; top:50%; width:100%; height:1px; background:#888; z-index:2;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk del.org_price em {font-size:20px;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point {position:relative; display:block; width:100%; height:14px; margin-top:15px; padding-left:22px; color:#888; font-size:14px; font-weight:200;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:16px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_point_sm.png') no-repeat 50% 50%;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:0px; width:77px; height:34px; padding:10px; border:none; box-sizing:border-box; font-size:14px; z-index:2;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon span {font-size:14px; font-weight:200;}
- .pd_detail .area_desc .desc_wrap .descript_box .desc_status {margin-top:30px; padding:17px 20px; background:#fff6f2; color:#fd4802; font-size:16px; font-weight:300; padding-left:20px;}
- .pd_detail .area_desc .desc_wrap .benefit_box {margin-top:40px; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; font-weight:300;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl .bnf_shopping {margin-bottom:25px;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dt {float:left; width:90px; color:#666}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dd {float:left; position:relative; width:calc(100% - 90px); color:#222;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span {display:block; margin-top:10px;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span:first-child {margin-top:0px;}
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_popup {position:absolute; right:0; top:0; z-index:2;}
- /* pd_deal_상품옵션선택 영역 */
- .pd .option_box {margin-top:30px;overflow-y: auto;height: calc(100% - 35%);} /* 0126 */
- .option_box > [class^="opt_"] {padding-top:40px;}
- .option_box > [class^="opt_"]:first-of-type {padding-top:0;}
- .option_box > [class^="opt_"] .opt_header {position: relative; margin-bottom:20px;}
- .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
- .option_box > [class^="opt_"] .opt_header > span {font-size:14px;}
- .option_box > [class^="opt_"] .opt_header .title {display:inline-block; margin-right:70px; color:#222; font-weight:500;}
- .option_box > [class^="opt_"] .opt_header .color,
- .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
- .option_box > [class^="opt_"] .opt_header .btn_popup {position: absolute; top: 0; right: 0;}
- .option_box .info_restock {margin-top:20px;}
- .option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
- .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('//image.istyle24.com/Style24/images/pc/ico_bell.png') no-repeat 0 0;}
- .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
- /* pd_deal_컬러선택 */
- .pd .option_box .opt_color .title {margin-right: 16px;}
- .option_box .opt_color ul {margin-top:-8px;}
- .option_box .opt_color ul::after {content:''; clear:both; display:block;}
- .option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px;}
- .option_box .opt_color ul li:nth-child(6n-5) {margin-left:0;}
- .option_box .opt_color ul li a {position: relative; display:block; box-sizing:border-box; width:66px; height:99px; line-height: 0; font-size: 0; overflow: hidden;background: #f5f5f5; border: 1px solid #f5f5f5; box-sizing: content-box;}
- .option_box .opt_color ul li a img {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 2;}
- .option_box .opt_color ul li a.on {border:1px solid #fd4802;}
- /* pd_deal_컬러선택 폼 */
- .pd .option_box .opt_size .title {margin-right: 16px;}
- .option_box .opt_size .form_field {display:block; margin-top:-8px;}
- .option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
- .option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
- .option_box .opt_size .form_field input[type="radio"] + label {display:block; position:relative; width:66px; height:42px; padding:0;text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
- .option_box .opt_size .form_field input[type="radio"] + label::before,
- .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
- .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
- .option_box .opt_size .form_field input[type="radio"]:disabled + label {background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
- .option_box .opt_size .form_field input[type="radio"]:disabled + label span {text-decoration:line-through;}
- .option_box .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); transform:translateY(-50%); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
- .option_box .opt_size .form_field > div {float:left; width:calc((100% - 48px) / 7);}
- /* pd_deal_옵션셀렉트 폼 */
- /* .pd .option_box [class^="opt_"] .select_custom .combo .list {height:170%;} */
- .option_box [class^="opt_"] .form_field {display:block; margin-top:10px;}
- .option_box [class^="opt_"] .form_field:first-child {margin-top:0}
- .option_box [class^="opt_"] .select_custom {min-height:52px;}
- .option_box [class^="opt_"] .select_custom .select {height:auto; min-height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
- .option_box [class^="opt_"] .select_custom .select:after {right:20px;}
- .option_box [class^="opt_"] div[class*="item_set_"] .select .opt_price {display:none;}
- .option_box .opt_select div[class*="item_set_"] .select .opt_price {display:none;}
- .option_box [class^="opt_"] .select_custom .select .opt_price {padding-top: 10px;display: none;}
- .option_box [class^="opt_"] .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
- .option_box [class^="opt_"] .select_custom .combo .list {top:52px; padding:0}
- .option_box [class^="opt_"] .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666; font-size:16px; font-weight:200;}
- .option_box [class^="opt_"] .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
- .option_box [class^="opt_"] .select_custom .combo .list > li > div {margin-top:5px}
- .option_box [class^="opt_"] .select_custom .combo .list > li > div:first-child {margin-top:0;}
- .option_box [class^="opt_"] .select_custom .combo .list > li .opt_price {font-size:12px; font-weight:300;}
- .option_box [class^="opt_"] .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
- .option_box [class^="opt_"] .select_custom.deal_opt_item,
- .option_box [class^="opt_"] .select_custom.deal_opt_item .select {height:112px; background:transparent;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:72px; padding:0; margin:0}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:72px; padding-left:70px; padding-right:40px; vertical-align:middle;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:48px; height:72px; padding:0; margin:0}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:14px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0; line-height:1;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list {top:110px;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
- .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
- .option_box .opt_select .select_custom .select .opt_price {display:none;}
- .option_box .opt_set_select .set_option {margin-top:25px;}
- .option_box .opt_set_select .set_option:first-child {margin-top:0;}
- .option_box .opt_set_select .set_option .opt_header .title {font-weight:200;}
- /* pd_deal_선택된 옵션결과 폼 */
- .option_box .opt_result .result_item {position:relative; margin-top:30px; padding:0 0 30px; border-bottom:1px solid #ddd;}
- .option_box .opt_result .result_item:first-of-type {margin-top:0;}
- .option_box .opt_result .result_item .opt_header span {display:block;}
- .option_box .opt_result .result_item .opt_header .item_name {color:#222; font-size:16px; font-weight:300;}
- .option_box .opt_result .result_item .opt_header .item_option {margin-top:10px; color:#888;}
- .option_box .opt_result .result_item .item_price {position:absolute; right:0; bottom:30px; color:#222; font-size:17px; font-weight:500;}
- .option_box .opt_result .result_item .item_price em {font-size:18px;}
- .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:0; top:0px; width:14px; height:14px; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/btn_delete_item.png') no-repeat 50% 50%; image-rendering:pixelated; text-indent:-999px; z-index:2;}
- /* pd_deal_수량조절 폼 */
- .option_box .opt_count {margin-top:30px; margin-bottom: 30px; padding-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
- .option_box .number_count {display:inline-block; border:1px solid #ddd;}
- .option_box .number_count::after {content:''; clear:both; display:block;}
- .option_box .number_count span,
- .option_box .number_count input[type='text']{float:left;}
- .option_box .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
- .option_box .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:12px; height:12px; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
- .option_box .number_count span.min_val,
- .option_box .number_count span.max_val {opacity:0.2;}
- .option_box .number_count .plus::after {content:''; background-position:100% 0;}
- .option_box .number_count .minus::after {content:''; background-position:0 0;}
- .option_box .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; background:#fff;}
- /* pd_deal_가격 폼 */
- .price_box {margin-top:30px; padding-top:30px; padding-bottom:30px; border-top:1px solid #222;}
- .price_box::after {content:''; clear:both; display:block;}
- .price_box .number {float:left; color:#666; font-size:14px; font-weight:200; margin-top:8px;}
- .price_box .price {float:right; color:#222; font-size:30px; font-weight:700;}
- .price_box .price em {font-size:24px; vertical-align:middle;}
- .price_box + .btn_box .ui_row,
- .price_box + .btn_box .ui_row [class^='ui_col_'] {margin:0;}
- .price_box + .btn_box::after {content:''; clear:both; display:block;}
- .price_box + .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
- .price_box + .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
- .pd_detail .btn_box .ui_row {margin-bottom: 0;}
- .pd_detail .btn_box .ui_row [class^='ui_col_']:first-child {margin-right: 0;}
- .pd_detail .btn_box .ui_row [class^='ui_col_']:last-child {margin-left: 0;}
- .pd_detail .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
- .pd_detail .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
- .pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#f5f5f5;}
- .pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a {display:block; padding:30px 0; background:url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat 492px 50%; image-rendering:pixelated;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:500;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score {float:right; margin-right:45px; height:14px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('//image.istyle24.com/Style24/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:200;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score em {font-weight:500;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 20px; border:1px solid #eee;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a::after {content:''; clear:both; display:block; width:100%;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {float:left; width:110px; margin-right:20px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#f5f5f5;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('//image.istyle24.com/Style24/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico {margin-left:10px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico::before {vertical-align:inherit;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review {margin-top:10px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review p {height:72px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span:first-child {margin-top:0; margin-bottom:20px;}
- @media screen and (max-width:1459px) {
- .pd_detail .area_pic .thumb_nav_wrap.fixtop {position:absolute; top:0; bottom:auto;}
- .pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
- .pd_detail .area_desc .desc_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
- .pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:0; bottom:auto;}
- }
- .pd_together {padding-top: 120px;}
- .pd_together .area_slider {padding:0;}
- .pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
- .pd_together .area_slider .swiper-scrollbar {background:#ddd;}
- .pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
- .pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
- [class*="pd_descrp"] {width:1200px; padding-top:120px;}
- [class*="pd_descrp"] .cont_body {max-height:1100px; overflow:hidden;}
- [class*="pd_descrp"] .cont_body.on {max-height:none;}
- [class*="pd_descrp"] .cont_body > div {position:relative; margin-left:auto; margin-right:auto;}
- [class*="pd_descrp"] .descrp_box > div {margin-top:40px;}
- [class*="pd_descrp"] .descrp_box > div:first-child {margin-top:0;}
- [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
- [class*="pd_descrp"] .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
- [class*="pd_descrp"] .mdhtml_box {margin-top:80px;text-align: center;}
- [class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center; margin-top: 40px;}
- [class*="pd_descrp"] .mdhtml_box p{text-align: center;}
- [class*="pd_descrp"] .mdhtml_box img {max-width:100%;}
- [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
- [class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee;}
- [class*="pd_descrp"] .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2;}
- [class*="pd_descrp"] [class^="view_"] {margin-top:100px; text-align:center;}
- [class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
- [class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center;}
- [class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:200; text-align:center;}
- [class*="pd_descrp"] [class^="view_"] .view {margin-top:40px;}
- [class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:10px auto 0;}
- [class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0;}
- [class*="pd_descrp"] .view_label_box .view span {display:inline-block;}
- [class*="pd_descrp"] .view_label_box .view span::after {content:''; clear:both; display:inline-block;}
- [class*="pd_descrp"] .view_label_box .view span img {float:left; margin-top:0; margin-left:20px;}
- [class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0;}
- [class*="pd_descrp"] .brand_box {margin-top:100px; padding:40px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
- [class*="pd_descrp"] .brand_box .name {margin-bottom:25px; color:#222; font-size:24px; font-weight:300;}
- [class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #a7a7a7; color:#222; font-weight:300;}
- [class*="pd_descrp"] .required_box {margin-bottom:80px;}
- [class*="pd_descrp"] .required_box .area_detail {text-align:center;}
- [class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
- [class*="pd_descrp"] .required_box .area_infotbl {margin-top:100px;}
- [class*="pd_descrp"] .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
- [class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
- [class*="pd_descrp"] .required_box .area_kcl {display:block; position:relative; min-height:160px; margin-top:100px; padding:40px 40px 40px 160px; box-sizing:border-box; background:#f5f5f5;}
- [class*="pd_descrp"] .required_box .area_kcl.no-mark{padding-left:65px;}
- [class*="pd_descrp"] .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
- [class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
- [class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
- [class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
- [class*="pd_descrp"] .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
- [class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-200px; width:100%; height:200px; background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,1) 50%, rgba(255, 255, 255, 0) 100%); z-index:2;}
- [class*="pd_descrp"] .btn_more_box .btn {background: #fff; border-color:#fd4802; color:#fd4802;}
- [class*="pd_descrp"] .btn_more_box .btn:hover, [class*="pd_descrp"] .btn_more_box .btn:active {background-color:#fff;}
- [class*="pd_descrp"] .btn_more_box .btn span {position:relative; padding-right:35px;}
- [class*="pd_descrp"] .btn_more_box .btn span::after {content:""; position:absolute; right:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(//image.istyle24.com/Style24/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
- [class*="pd_descrp"] .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
- [class*="pd_descrp"] .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
- .pd_relate {padding-left:70px !important; padding-right:70px !important;}
- .pd_brand {padding-left:70px !important; padding-right:70px !important;}
- .pd_clickother {padding-left:70px !important; padding-right:70px !important;}
- .pd_recommend {padding-left:70px !important; padding-right:70px !important;}
- .pd_recommend .area_slider {padding-bottom:1px;}
- .pd_recommend .area_slider .page {position:relative; min-height:589px; border:1px solid #ddd; box-sizing: border-box;}
- .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
- .pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
- .pd_recommend .area_slider .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
- .pd_recommend .area_slider .page .item_wrap {position:absolute; right:0; top:0; width:50%; height:100%;}
- .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:65px 80px; box-sizing:border-box;}
- .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 30px;color:#222;font-size:20px;font-weight:500;}
- .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 140px); overflow-y:auto;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0px; background-clip: padding-box;border: 0px solid transparent;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:150px; padding-left:130px; box-sizing:border-box; vertical-align:middle;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:100px; height:0; padding-top:150px; margin-bottom:0}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod.unable {opacity:0.4;}
- .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod.unable * {color:#bbb; text-decoration:line-through;}
- .pd_recommend .item_area .itemName {height:20px;}
- .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
- .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
- .pd_recommend .area_slider .page .item_wrap .item_area .btn span {font-weight:500;}
- .pd_recommend .swiper-pagination {margin-top:40px;}
- .pd_dealitem .itemsGrp {position:relative; display:block; width:100%; margin-bottom:0;}
- .pd_dealitem .itemsGrp .item_prod {width:calc((100% - 60px)/4); margin-left:20px;}
- .pd_dealitem .itemsGrp .item_prod:nth-child(4n-3) {margin-left:0px;}
- .pd_dealitem .itemsGrp {margin-top:-60px;}
- .pd_dealitem .itemsGrp .item_prod {margin-top:60px;}
- .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
- .pd_dealitem .itemLink .itemPic::before {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 999;}
- .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('//image.istyle24.com/Style24/images/pc/btn_deal_item_more.png') no-repeat 50% 50%; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}
- .pd_dealitem .itemLink:hover .itemPic::after,
- .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
- .pd_dealitem .shape {max-height:none; padding:12px 0 10px; z-index:3;}
- .pd_dealitem .shape span {display:block; font-size:14px; font-weight:300;}
- .pd_dealitem .shape span em {display:block; margin-top:6px;}
- /* pd 딜 상세 */
- .pd.deal div::after,
- .pd.deal dl::after,
- .pd.deal ul::after {content:''; clear:both; display:block;}
- .pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
- .pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:70px; background: #ffffff; z-index:2;}
- .pd.deal .tab_detail_nav.fix ul {position:fixed; left: auto; top:80px; min-width:760px; width:calc(100% - 700px); max-width:1200px; z-index:25;} /* 0126 */
- .pd.deal .tab_detail_nav ul li {float:left; width:25%;}
- .pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
- .pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
- .pd.deal .tab_detail_nav ul li.active a em {color:#666;}
- .pd.deal .tab_detail_cont {display:none; min-height:1000px;}
- .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px;}
- .pd.deal .content.pd_desc_wrap {position:relative; margin:100px 0px 0px; box-sizing:border-box;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item {height:160px;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:160px; background:transparent; padding:20px;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .select:after {right:40px; border-width:9px;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item.on .combo .select:after {margin-top:-8px;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:120px; padding:0; margin:0;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:120px; padding-left:110px; padding-right:40px; vertical-align:middle;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin:0;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemBrand {margin:0 0 10px;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemName {width:100%; height:14px; margin:0; line-height:1; font-size:14px; -webkit-line-clamp:1;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemPostCount {width:100%; height:14px; margin-top:10px; color:#888; font-size:14px; line-height:1;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:160px; padding:0;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li {height:160px; padding:20px; border-bottom:1px solid #eee;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
- .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
- .pd.deal .pd_detail .area_desc .desc_wrap .descript_box {margin-top:3px;}
- .pd.deal .pd_detail .area_desc .desc_wrap .timer_box + .descript_box {margin-top:15px;}
- .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {width:100%;}
- .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {bottom:0;}
- .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {margin-top:30px;}
- /* pd_deal_상품소개 영역 */
- .pd_desc_wrap .item_descrp::after {content:''; clear:both; display:block;}
- .pd_desc_wrap .item_descrp .area_list {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; min-height:1200px;}
- .pd_desc_wrap .item_descrp .area_list::after {content:''; position:absolute; right:-62px; top:0; bottom:0; width:1px; height:100%; background:#ddd; z-index:2;}
- .pd_desc_wrap .item_descrp .area_option {float:right;}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap {width:500px; padding-left:60px; padding-top:30px;}
- /* 0126 */
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right: auto; left: 50%; margin-left: 380px; bottom:80px; width:500px;height: calc(100% - 11%);}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop .option_box {overflow-y: auto; height: calc(100% - 25%);}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:70px;height: calc(100% - 21%);}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixbottom {position: absolute;top: auto;bottom: 0;right: auto;left: 50%;margin-left: 380px;}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixbottom .option_box {overflow-y: auto; }
- .pd_desc_wrap .item_descrp .area_option .opt_wrap ,
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixbottom {height: 1000px;}
- /* 0126 */
- @media screen and (max-width:1459px) {
- .pd.deal .tab_detail_nav.fix ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:25;}
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop,
- .pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:relative; top:auto; bottom:auto; right:auto; left: auto; margin-left: 0;} /* 0126 */
- }
- .pd_desc_wrap .btn_box .ui_row {margin-bottom: 0;}
- .pd_desc_wrap .btn_box .ui_row [class^='ui_col_']:first-child {margin-right: 0;}
- .pd_desc_wrap .btn_box .ui_row [class^='ui_col_']:last-child {margin-left: 0;}
- .pd_desc_wrap .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
- .pd_desc_wrap .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
- /* pd_popup */
- .modal.pd_pop a.close-modal:last-child {display: none;}
- .modal.pd_pop dl div,
- .modal.pd_pop dl dt,
- .modal.pd_pop dl dd {float:left;}
- .modal.pd_pop .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .modal.pd_pop .swiper-button-prev,
- .modal.pd_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block;}
- .modal.pd_pop .swiper-button-prev {left:-70px;}
- .modal.pd_pop .swiper-button-next {right:-70px;}
- .modal.pd_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .modal.pd_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- .modal.pd_pop .modal-body .pop_cont {max-height:none; height: 280px; zoom: 1;}
- .modal.pd_pop .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
- .modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
- .modal.pd_pop .modal-body .pop_cont {line-height:1;}
- .modal.pd_pop .modal-footer {margin-top:40px;}
- .modal.pd_pop .form_field input[type="checkbox"] + label {line-height:1;}
- .modal.pd_pop .form_field input[type="checkbox"] + label:before,
- .modal.pd_pop .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
- .modal.pd_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
- .modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
- .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
- .modal.pd_pop .opt_select .form_field {margin-top:10px;}
- .modal.pd_pop .opt_select .select_custom {height:52px;}
- .modal.pd_pop .opt_select .select_custom .select {height:52px; padding:18px;}
- .modal.pd_pop .opt_select .select_custom .select:after {top:22px; right:20px}
- .modal.pd_pop .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
- .modal.pd_pop .opt_select .select_custom .combo .list {top:50px; padding:0;}
- .modal.pd_pop .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1;}
- .modal.pd_pop .opt_select .select_custom .combo .list > li > div {margin-top:5px;}
- .modal.pd_pop .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
- .modal.pd_pop .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
- .modal.pd_pop .btn_post_wrap {position:absolute; top:50%; transform:translateY(-50%); height:0; left:-70px; right:-70px; margin-top:-30px; z-index:3;}
- .modal.pd_pop .btn_post_wrap::after {content:''; clear:both; display:block;}
- .modal.pd_pop .btn_post_wrap a {display:block; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; font-size:1px; text-indent:-9999px; overflow:hidden; opacity:1;}
- .modal.pd_pop .btn_post_wrap a.no_more {opacity:0.3;}
- .modal.pd_pop .btn_post_wrap .btn_prev_post {float:left; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .modal.pd_pop .btn_post_wrap .btn_next_post {float:right; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- /* pd_popup > EP채널쿠폰 */
- .modal.pd_pop.epcoupon_pop {max-width:none; width:620px; padding:60px 60px;}
- .pd_pop.epcoupon_pop .ep_coupon {position:relative; width:300px; margin:auto; border:1px solid #ddd; background:#fff; padding:40px 0 35px; text-align:center; line-height:1;}
- .pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
- .pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:16px; font-weight:700; letter-spacing:4px;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:15px;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {margin-left:4px; font-size:62px; font-weight:700;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:32px; font-weight:700;}
- .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
- .pd_pop.epcoupon_pop .info_txt {margin-top:30px;}
- .pd_pop.epcoupon_pop .modal-footer button {width:220px;}
- /* pd_popup > 할인쿠폰 */
- .modal.pd_pop.salecoupon_pop {max-width:none; width:480px; padding:40px 60px 0;}
- .modal.pd_pop.salecoupon_pop .pop_cont {max-height:510px; margin-left:-20px; margin-right:-20px; padding:0 20px; overflow-y:auto;}
- .modal.pd_pop.salecoupon_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px;}
- .pd_pop.salecoupon_pop .coupon_list {width:360px; margin:auto; line-height:1;}
- .pd_pop.salecoupon_pop .coupon_list li {margin-bottom:30px;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:10px;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:700;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
- .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('//image.istyle24.com/Style24/images/pc/ico_cp_down.png') no-repeat 0 0;}
- .pd_pop.salecoupon_pop .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
- /* pd_popup > 쇼핑혜택, 카드혜택 */
- .modal.pd_pop[class*="bnf_"] {max-width:none; width:650px; padding:60px 60px;}
- .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:20px;}
- .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:40px;}
- .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0;}
- .modal.pd_pop[class*="bnf_"] .tbl.type1 {padding:20px 20px; font-size:14px;}
- .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
- .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {padding:10px 0px; font-size:14px; line-height:1; vertical-align:top;}
- .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th {color:#222; text-align:left;}
- .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {color:#222;}
- .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;}
- .modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td {color:#fd4802;}
- .modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td div.th {display:block; text-align:left; color:#222; font-weight:300;}
- .modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td div.td {display:block; margin-top:10px; text-align:left; color:#fd4802; font-weight:200;}
- .modal.pd_pop.bnf_card_pop .tbl.type1 {padding:0px; font-size:14px;}
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr th,
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr td {padding:25px 0px; border-top:1px solid #ddd;}
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr th {padding-left:20px;}
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child th,
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child td{border-top:none;}
- .modal.pd_pop.bnf_card_pop .tbl.type1 table tr td:last-child {padding-right:20px;}
- .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
- .modal.pd_pop.bnf_card_pop table .info_card p {margin-top:10px;}
- .modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0;}
- .modal.pd_pop.bnf_card_pop table a.btn_more {display:inline-block; position:relative; padding-right:15px; color:#888; font-size:14px;}
- .modal.pd_pop.bnf_card_pop table a.btn_more:after {content:''; display:block; position:absolute; top:1px; right:0; width:8px; height:8px; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- .modal.pd_pop.bnf_card_pop .info_txt {margin-top:20px;}
- .modal.pd_pop.bnf_card_pop .pop_cont {max-height:560px; margin-left:-20px; margin-right:-20px; padding:0 20px; overflow-y:auto;}
- /* pd_popup > 사이즈정보 */
- .modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
- .modal.pd_pop.info_size_pop .tbl.scroll_tbl{position: relative;}
- .modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t{float: left;width: 25% !important;display: block; color:#222;}
- .modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;padding-bottom: 4px;}
- .modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t::after {content: '';width: 100%;height: auto; display: block; background: #333;}
- .pd_pop.info_size_pop .pop_cont {max-height:none;}
- .pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px;}
- .pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}
- .pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:18px; font-weight:300;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box {padding-top:35px; margin-top:40px; position:relative;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box h6 {position:absolute; left:0; top:0; margin-bottom:20px;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; top:0px; color:#888; font-size:14px;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table th {color:#222;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table thead th {border-bottom:1px solid #222;}
- .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table th,
- .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table td {font-size:14px; padding: 1.5rem 1rem;}
- .pd_pop.info_size_pop .size_footer {margin-top:20px; margin-bottom: 20px;}
- .pd_pop.info_size_pop .tab_nav ul{display: flex;flex-direction: row;align-content: space-around;justify-content: space-between;}
- .pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
- .pd_pop.info_size_pop .tab_nav ul li {flex: 1; text-align:center; background:#f5f5f5; border-bottom:1px solid #222; border-top:1px solid #f5f5f5;}
- .pd_pop.info_size_pop .tab_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:1px solid #fff;}
- .pd_pop.info_size_pop .tab_nav ul li a {display:block; color:#888; font-size:18px; font-weight:200; padding:20px 0;}
- .pd_pop.info_size_pop .tab_nav ul li.active a {color:#222; font-weight:300;}
- .pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:40px;}
- .pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none;}
- .pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block;}
- .pd_pop.info_size_pop .sub_tab_nav {display:inline-block;}
- .pd_pop.info_size_pop .sub_tab_nav ul::after {content:''; clear:both; display:block;}
- .pd_pop.info_size_pop .sub_tab_nav ul li {float:left; margin-left:30px; text-align:center;}
- .pd_pop.info_size_pop .sub_tab_nav ul li:first-child {margin-left:0;}
- .pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#888; font-size:16px; font-weight:200;}
- .pd_pop.info_size_pop .sub_tab_nav ul li.active a {color:#222; font-weight:500; border-bottom:1px solid #222;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:40px;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left; border:1px solid #eee;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl {float:right; width:344px; text-align:left; margin-top:10px; font-size:14px; line-height:24px; word-break:keep-all;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {float:none; padding:0 0 20px;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {float:none; color:#222; font-weight:300;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd .info_txt ul li {line-height:inherit;}
- .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd .info_txt ul li:after {top:7px;}
- /* pd_popup > 재입고 알림 신청 */
- .modal.pd_pop.push_restock_pop {max-width:none; width:640px; padding:60px;}
- .pd_pop.push_restock_pop .pop_cont {margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
- .pd_pop.push_restock_pop .item_blk {width:510px;}
- .pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state {display:table; width:100%; padding:0;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:120px; padding-left:100px; vertical-align:middle;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin-bottom:0; z-index:2;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin-left:0;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {max-width:100%; margin-left:0; margin-bottom:13px; height:auto; max-height:40px;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
- .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPercent {position:relative;}
- .pd_pop.push_restock_pop .select_blk {width:510px; margin-top:30px;}
- .pd_pop.push_restock_pop .select_blk h6 {margin-bottom:16px;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border: 1px solid #fd4802;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
- .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
- .pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
- .pd_pop.push_restock_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
- .pd_pop.push_restock_pop .modal-footer button {width:220px;}
- /* pd_popup > 스타일링 추천 */
- .modal.pd_pop.pd_lookbook_pop {max-width:585px; min-height:390px; padding:0;}
- .pd_pop.pd_lookbook_pop .item_prod {width:100%;}
- .pd_pop.pd_lookbook_pop .modal-header {margin:0;}
- .pd_pop.pd_lookbook_pop .itemsGrp {margin-bottom:0;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod {width: 100%; overflow: hidden;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .item_state {display: table; padding-left: 310px; padding-right: 55px; padding-bottom: 0; width: 100%; min-height:390px;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 260px; height:390px; padding:0; background: #f9f9f9;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 1; text-align: center;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300; line-height: 14px;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
- .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
- /* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
- .modal[class*="reviewdetail_pop"] {max-width:none; width:1080px; padding:60px;}
- .modal[class*="reviewdetail_pop"] .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .modal[class*="reviewdetail_pop"] .swiper-button-prev,
- .modal[class*="reviewdetail_pop"] .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block;}
- .modal[class*="reviewdetail_pop"] .swiper-button-prev {left:-70px;}
- .modal[class*="reviewdetail_pop"] .swiper-button-next {right:-70px;}
- .modal[class*="reviewdetail_pop"] .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .modal[class*="reviewdetail_pop"] .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- .modal[class*="reviewdetail_pop"] .modal-body .pop_cont {height:auto;max-height:none;}
- .modal[class*="reviewdetail_pop"] .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
- .modal[class*="reviewdetail_pop"] .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
- .modal[class*="reviewdetail_pop"] .modal-body .pop_cont {line-height:1;}
- .modal[class*="reviewdetail_pop"] .modal-footer {margin-top:40px;}
- .modal[class*="reviewdetail_pop"] .detail .review {display:table; width:100%; background:#fff;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic {display:table-cell; position:relative; width:545px; height:545px; background:#f5f5f5; vertical-align:top;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic::after {display:none;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb {display:block;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb img,
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe,
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb video {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
- /* 0809 */
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe img {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb.mov iframe {width: 100%;transform:none;left: 0%;right: 0;top:0;bottom: 0;max-width: 100%;}
- /* 210827_ 영상비율 Portrait type 대응 */
- .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe {width: 100%;transform:none;left: 0%;right: 0;top:0;bottom: 0;max-width: 100%;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap [class*="_box"] {margin-top:25px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box {margin-top:0;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star_score {height:17px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star {display:inline-block; position:relative; width:102px; height:17px; background:#f5f5f5;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star .progbar {display:inline-block; height:100%; background:#fd4802;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {margin-top:13px; font-size:14px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div:first-child dl div {margin-top:0;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {float:left; width:50%;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div.full dl div {width:100%;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dt {float:left; width:60px; color:#888;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd {float:left; margin-left:20px; color:#fd4802;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd p{margin-bottom:0.4rem; width:250px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd p:last-child{margin-bottom:0;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .txt_review_box {color:#666; font-size:14px; line-height:24px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span {position:relative; margin-left:20px; padding-left:20px; color:#888; font-size:14px; line-height: 18px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child {margin-left:0; padding-left:0;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child::after {display:none;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {margin-top:30px; padding-top:15px}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply {position:relative; padding:30px; background:#f5f5f5; font-size:14px;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name {padding-left:24px; color:#222; font-weight:300;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_admin.png') no-repeat 0 0;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_txt {margin-top:20px; color:#666; line-height:24px;}
- .modal[class*="reviewdetail_pop"] .detail .review.empty_photo .review_cont .box_wrap {height:545px;}
- .modal[class*="reviewdetail_pop"] .detail .review.empty_photo .pic .thumb::before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:rgba(0,0,0,0.5);}
- .modal[class*="reviewdetail_pop"] .detail .review.empty_photo .pic .thumb::after {content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; font-size:16px;}
- .modal[class*="reviewdetail_pop"] .thumblist {position:absolute; right:0px; bottom:0px; width:365px; overflow-x:auto; white-space:nowrap; padding-bottom:10px;}
- .modal[class*="reviewdetail_pop"] .thumblist .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
- .modal[class*="reviewdetail_pop"] .thumblist .pic.active {border:2px solid #fd4802;}
- .modal[class*="reviewdetail_pop"] .thumblist .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide {width:auto;}
- .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
- .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide.swiper-slide-thumb-active .pic {border:2px solid #fd4802;}
- .modal[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar {left:0; width:100%; height:2px; background:#ddd; border-radius:0; opacity:1;}
- .modal[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar-drag {background:#222; opacity:1;}
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul {height:50px; width:max-content;}
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:block;}
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist li {float:left; margin-right:8px;}
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb img,
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb video {display:none;}
- /* pd_popup > 베스트 리뷰 자세히 보기 */
- /* pd_popup > 포토영상 리뷰 자세히 보기 */
- .pd_photoreviewdetail_pop button.btn_more {display:inline-block; height:34px; margin-left:10px; padding:0px 8px 0px 30px; border:1px solid #ddd; color:#222; font-size:14px; font-weight:200; background:url('//image.istyle24.com/Style24/images/pc/ico_thumblist.png') no-repeat 9px 9px; box-sizing:border-box;}
- /* pd_popup > 포토영상 리뷰 리스트 */
- .modal.pd_photoreviewlist_pop {max-width:none; width:1080px; padding:60px;}
- .pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
- .pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
- .pd_photoreviewlist_pop .photo_list {min-height:200px;}
- .pd_photoreviewlist_pop .photo_list ul {margin-top:-12px;}
- .pd_photoreviewlist_pop .photo_list ul li {float:left; width:150px; margin-left:12px; margin-top:12px;}
- .pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0;}
- .pd_photoreviewlist_pop .ui_row {margin-top:50px; margin-bottom:0;}
- /* pd_popup > 상품문의 이미지 팝업 슬라이드 */
- .modal.pd_pop.qna_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
- .qna_img_pop .modal-body .pop_cont {max-height:none;}
- .qna_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
- .qna_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
- .qna_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
- .qna_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
- .qna_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
- .qna_img_pop .swiper-button-prev::after,
- .qna_img_pop .swiper-button-next::after {content: '';}
- .qna_img_pop .swiper-button-prev,
- .qna_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block;}
- .qna_img_pop .swiper-button-prev {left:-70px;}
- .qna_img_pop .swiper-button-next {right:-70px;}
- .qna_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .qna_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- /* pd_pop > 상품문의 작성 */
- .modal.pd_pop.pd_qnawrite_pop {width:650px; height:auto; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
- .modal.pd_pop.pd_qnawrite_pop .info_txt ul li {line-height:24px;}
- .modal.pd_pop.pd_qnawrite_pop .info_txt ul li:after {top:10px;}
- .pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
- .pd_qnawrite_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
- .pd_qnawrite_pop .modal-footer .btn {width:220px;}
- .pd_qnawrite_pop .form_field {display:block;}
- .pd_qnawrite_pop .input_box {margin-top:35px;}
- .pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:220px; padding:20px 20px; box-sizing:border-box; color:#222; font-size:16px;}
- .pd_qnawrite_pop .input_box .txt_cnt {display:block; width:100%; margin-top:14px; font-size:14px; z-index:1;}
- .pd_qnawrite_pop .input_box .txt_cnt .itemqna_cnt em {font-weight:500;}
- .pd_qnawrite_pop .secret_box {position:absolute; left:0; bottom:0; z-index:2;}
- .pd_qnawrite_pop .form_field .secret_box input[type="checkbox"] + label {color:#222; font-size:16px; font-weight:200;}
- .pd_qnawrite_pop .push_box {margin-top:40px;}
- .pd_qnawrite_pop .push_box dl {color:#222; font-size:16px;}
- .pd_qnawrite_pop .push_box dl dt {height:24px; margin-right:40px; line-height:24px; font-weight:300;}
- .pd_qnawrite_pop .push_box dl dd .form_field > div {margin-right:30px;}
- .pd_qnawrite_pop .push_box dl dd .form_field > div input[type="radio"] + label {font-weight:200;}
- /* pd_full_popup */
- body.lock {overflow:hidden;}
- .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
- .pd_pop.full_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:15px; line-height:1;}
- .pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
- .pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
- .pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
- .pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
- .pd_pop .full_popup_wrap .full_pop_header {position:fixed; top:0; left:0; right:0; width:100%; height:160px; padding:20px 70px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:100%; padding:0;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state a.itemLink {display:table-cell; height:120px; padding:0 0 0 110px; vertical-align:middle;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin:0;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemName {height:14px; line-height:14px; margin:15px 0 0;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0;}
- .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom {width:50%; height:auto;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:120px; border:0; padding:0 200px 0 0;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list {top:139px; border-top:1px solid #222; padding:0;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li {padding:20px; border-top:1px solid #eee}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li:first-child {border-top:none;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
- .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
- .pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; padding-bottom:160px;}
- /* pd_pop > 상품썸네일 크게보기 */
- .pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
- .full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
- .full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
- .full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0;}
- .full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('//image.istyle24.com/Style24/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
- .full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
- .full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display:none;}
- /* pd_pop > 개별상품상세 설명 페이지 */
- .pd_pop.full_pop.pd_descrp_pop {height:100%; padding:0; margin:0; overflow:hidden;}
- .full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; width:69.79%; max-height:780px; background:#fff; margin-top:160px; padding-top:80px; padding-left:70px; padding-right:70px; overflow-y:auto;}
- .full_pop.pd_descrp_pop .full_pop_container .btn_more_box {display:none;}
- .full_pop.pd_descrp_pop .full_pop_container .cont_body {max-width:1345px; background:#fff; max-height:none; overflow:visible;}
- .full_pop.pd_descrp_pop .full_pop_container .cont_body > div {width:auto; max-width:1200px;}
- .full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
- .full_pop.pd_descrp_pop .full_pop_fix_r .option_box {margin-top:30px;overflow-y: auto;height: calc(100% - 43%);}
- .full_pop.pd_descrp_pop .full_pop_fix_r .btn_box {margin-bottom:30px;}
- @media screen and (max-width:1459px) {
- .full_pop.pd_descrp_pop .full_pop_fix_r {padding-left:20px; padding-right:20px;}
- }
- .full_pop.pd_descrp_pop .btn_box .ui_row {margin-bottom: 0;}
- .full_pop.pd_descrp_pop .btn_box .ui_row [class^='ui_col_']:first-child {margin-right: 0;}
- .full_pop.pd_descrp_pop .btn_box .ui_row [class^='ui_col_']:last-child {margin-left: 0;}
- .full_pop.pd_descrp_pop .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
- .full_pop.pd_descrp_pop .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
- /* pd_pop > 상품문의 페이지 */
- .pd_qnalist .info_txt {margin-top:80px;}
- .pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
- .pd_qnalist .info_txt ul {float:left;}
- .pd_qnalist .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
- .pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
- .pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
- .pd_qnalist .info_txt .btn_box {float:right;}
- .pd_qnalist .info_txt .btn_box button {height:42px; padding-left:24px; padding-right:24px; font-size:14px;}
- .pd_qnalist .info_txt .btn_box button span {display:inline-block; line-height:1;}
- .pd_qnalist .qna_list {margin-top:80px;}
- .pd_qnalist .qna_list .ui_row {margin-top:20px;}
- .pd_qnalist .qna_list .nodata {padding-top:120px; border-top:1px solid #222; text-align:center;}
- .pd_qnalist .qna_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
- .pd_qnalist .qna_list .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
- .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
- .pd_qnalist .qna_list .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
- .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline; position:relative; width:calc(100% - 373px); max-width:500px;}
- .pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
- .pd_qnalist .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
- .pd_qnalist .qna_list .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
- .pd_qnalist .qna_list .case1 .my_qna .fold_head,
- .pd_qnalist .qna_list .case1 .my_qna .fold_head.on,
- .pd_qnalist .qna_list .case1 .my_qna .fold_detail {background:#fff6f2;}
- .pd_qnalist .qna_list .fold_head .fold_tit .ico {float:left; display:inline; width:auto; height:auto; margin-left:12px;}
- .pd_qnalist .qna_list .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; width:47px; height:22px; border:1px solid #fd4802; color:#fd4802; font-size:12px; text-align:center; box-sizing:border-box; line-height:20px; margin-top:-3px;}
- .pd_qnalist .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_secret.png') no-repeat 50% 50%;}
- @media screen and (max-width:1459px) {
- .pd_qnalist .info_txt ul li {width: 350px;line-height: 1.4;}
- .pd_qnalist .qna_list .fold_head .data {right:40px}
- .pd_qnalist .qna_list .fold_head::after {right:20px; width:12px; height:6px; background-size:100% auto;}
- .pd_qnalist .qna_list .fold_head .fold_state {width:100px;}
- .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {max-width:230px;}
- .pd_qnalist .qna_list .case1 .fold_detail,
- .pd_qnalist .qna_list .case1 .fold_answer {padding-left:100px;}
- .pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {width:88px;}
- .pd_qnalist .ui_foot .pageNav > li > a {margin-left: 38px;}
- }
- /* pd_pop > 상품리뷰 페이지 */
- .pd_review .swiper-pagination {position:relative; bottom:auto !important; width:100%; margin-top:40px; text-align:center;}
- .pd_review .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
- .pd_review .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
- .pd_review .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
- .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
- .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
- .pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:1;}
- .pd_review dl div,
- .pd_review dl dt,
- .pd_review dl dd {float:left;}
- .pd_review div::after,
- .pd_review dl::after,
- .pd_review ul::after {content:''; clear:both; display:block;}
- .pd_review h6 {margin-bottom:30px; color:#222; font-size:24px;}
- .pd_review [class^="area_"] {display:block; position:relative; margin-top:80px;}
- .pd_review .area_rv_empty {margin-top:120px; text-align:center;}
- .pd_review .area_rv_empty .txt_box p {color:#222; font-size:24px; font-weight:300; line-height:34px;}
- .pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:60px; height:60px; margin:0 auto 30px; background:url('//image.istyle24.com/Style24/images/pc/ico_point4.png') no-repeat 0 0;}
- .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
- .pd_review .area_rv_empty .txt_box dl {display:block; margin-top:30px; padding:40px 0; border:1px solid #ddd;}
- .pd_review .area_rv_empty .txt_box dl div {float:none; display:inline-block; margin-left:60px; font-size:16px;}
- .pd_review .area_rv_empty .txt_box dl div:first-child {margin-left:0;}
- .pd_review .area_rv_empty .txt_box dl div dt {color:#666; font-weight:200;}
- .pd_review .area_rv_empty .txt_box dl div dd {margin-left:20px; color:#fd4802; font-weight:300;}
- .pd_review .area_rv_empty .btn_box .btn {width:237px; height:60px; margin-top:60px; font-size:18px;}
- .pd_review .area_rv_average {margin-top:60px;}
- .pd_review .area_rv_average .star_score {margin-bottom:30px; height:25px;}
- .pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
- .pd_review .area_rv_average .star_score .tit {margin-right:30px; font-size:18px; font-weight:300;}
- .pd_review .area_rv_average .star_score .score {margin-right:15px; font-size:32px; font-weight:500;}
- .pd_review .area_rv_average .star_score .star {width:152px; height:24px; background:#f5f5f5;}
- .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
- .pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .pd_review .area_rv_average .average {margin-bottom:50px;}
- .pd_review .area_rv_average .average .part_average {float:left; width:calc((100% - 180px)/4); margin-left:60px; color:#666; font-size:14px;}
- .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px;}
- .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px;}
- .pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:20px; color:#222; font-weight:300;}
- .pd_review .area_rv_average .average .part_average dl > div {margin-top:15px; width:100%;}
- .pd_review .area_rv_average .average .part_average dl > div:first-child {margin-top:0;}
- .pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
- .pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
- .pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
- .pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline;}
- .pd_review .area_rv_average .average .part_average dl dd .ratio {width:calc(100% - 40px); height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
- .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
- .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
- .pd_review .area_rv_average .average .part_average dl dd .percent {width:40px; text-align:right;}
- .pd_review .area_rv_average .average .part_average dl div.on dt,
- .pd_review .area_rv_average .average .part_average dl div.on dd {color:#222; font-weight:300;}
- .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar {background:#222;}
- .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
- .pd_review .area_rv_average .info_review {color:#222; font-size:16px; background:#fff6f2; padding:30px 60px; vertical-align:middle;}
- .pd_review .area_rv_average .info_review p {float:left; position:relative; padding-left:60px; font-weight:300;}
- .pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:40px; height:40px; margin-right:20px; background:url('//image.istyle24.com/Style24/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
- .pd_review .area_rv_average .info_review p span {font-weight:500;}
- .pd_review .area_rv_average .info_review dl {float:right; display:inline;}
- .pd_review .area_rv_average .info_review dl::after {content:''; clear:both; display:block;}
- .pd_review .area_rv_average .info_review dl div {margin-left:60px;}
- .pd_review .area_rv_average .info_review dl div:first-child {margin-left:0;}
- .pd_review .area_rv_average .info_review dl div dt {color:#666;}
- .pd_review .area_rv_average .info_review dl div dd {margin-left:20px; color:#222; font-weight:300;}
- .pd_review .area_rv_best .btn_arrow {position:absolute; right:0; top:0px; width:50px; height:24px; z-index:2;}
- .pd_review .area_rv_best .btn_arrow::after {clear:both; display:block;}
- .pd_review .area_rv_best .btn_arrow .swiper-button-prev,
- .pd_review .area_rv_best .btn_arrow .swiper-button-next {display:inline-block; position:absolute; left:auto; right:auto; top:3px; bottom:auto; width:auto; height:auto; margin:0;background:#ffffff;}
- .pd_review .area_rv_best .btn_arrow .swiper-button-prev {content:''; display:block; position:absolute; top:3px; left:4px; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .pd_review .area_rv_best .btn_arrow .swiper-button-next {content:''; display:block; position:absolute; top:3px; right:4px; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- .pd_review .area_rv_best .best_review {width:100%;}
- .pd_review .area_rv_best .best_review a {display:block;position:relative;height:222px;padding:30px 30px 30px 215px;padding: 30px;border:1px solid #eee;}
- .pd_review .area_rv_best .best_review a .pic {position: relative;float: left;width:162px;height: 162px;margin-right: 23px;}
- .pd_review .area_rv_best .best_review a .star_score {margin-top:7px; height:14px;}
- .pd_review .area_rv_best .best_review a .star_score .star {display:inline-block; position:relative; width:102px; height:17px; background:#f5f5f5;}
- .pd_review .area_rv_best .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .pd_review .area_rv_best .best_review a .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
- .pd_review .area_rv_best .best_review a .star_score .ico {margin-left:10px;}
- .pd_review .area_rv_best .best_review a .star_score .ico::before {vertical-align:inherit;}
- .pd_review .area_rv_best .best_review a .txt_best_review {margin-top:20px;}
- .pd_review .area_rv_best .best_review a .txt_best_review p {height:115px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
- .pd_review .area_rv_photo .photo_list {position:relative;}
- .pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; width:calc((100% - 66px)/7); margin-left:11px;}
- .pd_review .area_rv_photo .photo_list ul li:first-child {margin-left:0;}
- .pd_review .area_rv_photo .photo_list button {position:absolute; right:0; top:0; width:calc((100% - 66px)/7); padding-top:calc((100% - 66px)/7); background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
- .pd_review .area_rv_photo .photo_list button::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-15px; width:24%; height:24%; background:url('//image.istyle24.com/Style24/images/pc/ico_plus_white.png') no-repeat 50% 50%; background-size:100% auto; z-index:1;}
- .pd_review .area_rv_photo .photo_list button span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:25px; font-weight:200;}
- .pd_review .area_rv_all {margin-top:100px;}
- .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
- .pd_review .area_rv_all .selection {position:absolute; right:0; top:-16px; width:750px; z-index:2;}
- .pd_review .area_rv_all .selection .select_custom {height:42px; margin-left:10px;}
- .pd_review .area_rv_all .selection .select_custom:first-child {margin-left:0;}
- .pd_review .area_rv_all .selection .select_custom .combo .select {height:42px; padding:15px 20px; color:#666; font-size:14px;}
- .pd_review .area_rv_all .selection .select_custom .combo .list {top:42px; max-height:250px; overflow-y:auto;}
- /*.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar {width:2px;}
- .pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-thumb {background-color:#222; border-radius:0px; background-clip:padding-box; border:none;}
- .pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}*/
- .pd_review .area_rv_all .selection .select_custom .combo .list li {padding:0 20px; color:#666; font-size:14px; line-height:40px;}
- .pd_review .area_rv_all .selection .select_custom .star_score {display:inline-block; width:100%;}
- .pd_review .area_rv_all .selection .select_custom .star_score .score {float:left; font-size:14px; color:#666;}
- .pd_review .area_rv_all .selection .select_custom .star_score .star {float:left; margin-left:8px;}
- .pd_review .area_rv_all .selection .select_custom .star_score .star .progbar {float:left;}
- .pd_review .area_rv_all .selection .select_custom .combo .select .star_score .star {margin-top:-2px;}
- .pd_review .area_rv_all .selection .select_custom.on .combo .select {border-bottom:1px solid #ddd;}
- .pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
- .pd_review .area_rv_all .review_list > ul > li {padding:30px 0; border-bottom:1px solid #ddd;}
- .pd_review .area_rv_all .review_list .review .info_box .star_score {float:left;}
- .pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#f5f5f5; z-index:1;}
- .pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
- .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802;}
- .pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
- .pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:20px; padding-left:20px; color:#888; font-size:14px; line-height: 18px;}
- .pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0;}
- .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
- .pd_review .area_rv_all .review_list .review .response_box {margin-top:25px;}
- .pd_review .area_rv_all .review_list .review .response_box > div {margin-top:15px;}
- .pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0;}
- .pd_review .area_rv_all .review_list .review .response_box > div dl div {margin-right:30px;}
- .pd_review .area_rv_all .review_list .review .response_box > div dl div dt {color:#888;}
- .pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#fd4802;}
- .pd_review .area_rv_all .review_list .review .photo_box {margin-top:20px;}
- .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px;}
- .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
- .pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:25px; line-height:24px;}
- .pd_review .area_rv_all .review_list .review .reply_box {margin-top:30px; padding-top:15px;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('//image.istyle24.com/Style24/images/pc/ico_admin.png') no-repeat 0 0;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
- .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
- .pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
- .pd_review .area_rv_all .ui_row .pageNav {margin-top:50px;}
- @media screen and (max-width:1459px) {
- .pd_review .area_rv_best .best_review a {height:166px;}
- .pd_review .area_rv_best .best_review a .pic {width:104px; height:104px;}
- .pd_review .area_rv_best .best_review a .txt_best_review p {height:72px; -webkit-line-clamp:3;}
- .pd_review .area_rv_average .average .part_average {width:calc((100% - 90px)/4); margin-left:30px;}
- .pd_review .area_rv_average .info_review dl {float:left; padding-left:60px; margin-top:15px}
- .pd_review .area_rv_average .info_review p i.ico_point {margin-top:15px;}
- .pd_review .area_rv_all .selection {position:relative; top:0; width:100%; margin-bottom:20px;}
- }
- /* pd_popup > 배송교환반품 안내 */
- .pd_delivery h6 {margin-bottom:20px; font-size:18px;;}
- .pd_delivery .table_box {margin-top:80px;}
- .pd_delivery .tbl.type1 {padding:20px 0; font-size:14px;}
- .pd_delivery .tbl.type1 table tr th,
- .pd_delivery .tbl.type1 table tr td {font-size:16px; line-height:26px; vertical-align:top;}
- .pd_delivery .tbl.type1 table tr th {padding:10px 0px 10px 40px; color:#222; text-align:left;}
- .pd_delivery .tbl.type1 table tr td {padding:10px 0px; color:#222;}
- /* sch */
- .sch div::after,
- .sch dl::after,
- .sch ul::after {content:''; clear:both; display:block;}
- .sch .sch_result {padding-bottom:150px;}
- .sch .sch_result.brand .cont_head { margin-bottom: 50px;}
- /* sch_result */
- .sch_result .nodata {padding:60px 0 100px; text-align:center;}
- .sch_result .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
- .sch_result .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .sch_result .nodata .txt_box span {font-weight:300;}
- .sch_result .nodata .btn_box {margin-top:40px;}
- .sch_result .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
- .sch_result .area_info {width: 830px; margin: 0 auto;}
- .sch_result .area_info .info_result {color:#222; font-size:26px; font-weight:200;}
- .sch_result .area_info .info_result .keyword {font-weight:500;}
- .sch_result .area_info .info_result .number {color:#fd4802; font-size:28px; font-weight:500;}
- .sch_result .area_info .inner_search {position: relative; display: inline-block; width: 100%; border-bottom:2px solid #222; z-index:2;}
- .sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 10px; color:#222; font-size:30px;}
- .sch_result .area_info .inner_search input[type='text']::placeholder {color:#888;}
- .sch_result .area_info .inner_search button {display:inline-block; width:24px; height:24px; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
- .sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:50px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
- .sch_result .area_info .inner_search .autokeyword.active {display:block;}
- .sch_result .area_info .inner_search .autokeyword ul li a {display:block; padding:10px 15px; color:#888;}
- .sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}
- .sch_result .area_info .inner_search .autokeyword ul li a:hover,
- .sch_result .area_info .inner_search .autokeyword ul li a:active {background:#f5f5f5; color:#222;}
- .sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:15px; margin-bottom: 15px; padding:0 0 0 90px; box-sizing:border-box;}
- .sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:16px; font-weight:500;}
- .sch_result .area_info .related_keyword .title::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:17px; border-left:1px solid #ddd; display: none;}
- .sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px;}
- .sch_result .area_info .related_keyword ul li:first-of-type {margin-left:0;}
- .sch_result .area_info .related_keyword ul li a {display:inline-block; color:#666; font-size:14px; font-weight:300;}
- .sch_result .area_info .related_keyword ul li a:hover {text-decoration:underline;}
- .sch_result .taps {position:relative; margin-top:100px; margin-bottom:80px;}
- .sch_result .cont_body .sch_result_cont {display:none;}
- .sch_result .cont_body .sch_result_cont .sch_recommend h3 {margin-bottom: 40px; text-align: center;}
- .sch_result .cont_body .sch_result_cont .banner {position: relative; padding-top: 60px;}
- .sch_result .cont_body .sch_result_cont .banner .bnnbox{position:relative;}
- .sch_result .cont_body .sch_result_cont .banner .txtWrap{width: 445px; margin:0 auto; position:absolute; top:50%; left:26.35%; transform:translate(0, -50%);z-index:1; text-align:left;}
- .sch_result .cont_body .sch_result_cont .banner .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
- @media screen and (max-width:1460px) {
- .sch_result .cont_body .sch_result_cont .banner .txtWrap p {font-size:34px;}
- }
- .sch_result .cont_body .sch_result_cont .itemsGrp {margin-left:-10px; margin-right:-10px;}
- .sch_result .cont_body .sch_result_cont .itemsGrp .item_prod {width:calc(100% / 5);}
- .sch_result .cont_body .sch_result_cont .sec_head .itemsGrp {margin-top:30px;}
- .sch_result .cont_body .sch_result_cont .event_list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
- .sch_result .cont_body .sch_result_cont .event_list li:nth-child(4n) {margin: 0 0 80px 0;}
- .sch_result .cont_body .sch_result_cont .event_list li .rank {min-width:52px;}
- .sch_result .cont_body .sch_result_cont .event_list li .ev_img {margin-bottom: 27px; position: relative;}
- .sch_result .cont_body .sch_result_cont .event_list li .ev_img img {width: 100%; height: auto;}
- .sch_result .cont_body .sch_result_cont .event_list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
- /* 검색결과_기획전 */
- .sch_result .form_field input[type="checkbox"] + label:before,
- .sch_result .form_field input[type="checkbox"]:checked + label:after {top: -1px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left: 130px; height: 100%;}
- .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(5n+0) {margin-right: 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(6n+0) {margin-right: 20px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp {margin-bottom: 80px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item {float:left; width: calc((100% - 60px)/4); overflow: hidden; margin:0 20px 80px 0; min-height:717px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img {width: 100%; height: auto; overflow: hidden;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: auto; display: block; padding-bottom: 100%;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape:after {height: 42px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li:last-child {margin-bottom: 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 9; width: 88.4%; margin:-70px auto 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; background:#f9f9f9; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
- .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0; font-size: 16px;}
- /* br 공통 */
- .br {padding-bottom:160px;}
- .br div::after,
- .br dl::after,
- .br ul::after {content:''; clear:both; display:block;}
- /* br_sch_result */
- .br_sch_result h2 {margin-bottom:60px;}
- .br_sch_result .brand_banner_list ul {margin-top:-20px;}
- .br_sch_result .brand_banner_list ul li {float:left; width:calc((100% - 140.1px)/8); margin-left:20px; margin-top:20px; background:#f5f5f5;}
- .br_sch_result .brand_banner_list ul li:nth-child(8n - 7) {margin-left:0;}
- .br_sch_result .brand_banner_list ul li a {display:block; position:relative; width:100%; height:0; padding-bottom:70.244%; background-repeat:no-repeat; background-position:50% 50%; box-sizing:border-box; background-size:80%;}
- .br_sch_result .brand_banner_list ul li a span {display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background:#f5f5f5; border:1px solid #222; z-index:1;}
- .br_sch_result .brand_banner_list ul li a span em {position:absolute; top:50%; left:0%; width:100%; padding:10px; transform:translateY(-50%); color:#222; font-size:20px; font-weight:300; text-align:center; word-break:break-word; box-sizing:border-box;}
- .br_sch_result .brand_banner_list ul li a:hover span,
- .br_sch_result .brand_banner_list ul li a:focus span,
- .br_sch_result .brand_banner_list ul li a:active span {display:block;}
- .br_sch_result .area_input {text-align:center; width:100%; max-width:800px; border-bottom:2px solid #222; margin:130px auto auto;}
- .br_sch_result .area_input input[type='text'] {width:calc(100% - 30px); height:54px; border:none; padding-left:0; color:#222; font-size:30px;}
- .br_sch_result .area_input input[type='text']::placeholder {color:#888;}
- .br_sch_result .area_input button {display:inline-block; width:26px; height:26px; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
- .br_sch_result .area_result .default_box {margin-top:20px;}
- .br_sch_result .area_result .brand_list .list_blk {padding:60px 0; border-top:1px solid #ddd;}
- .br_sch_result .area_result .brand_list .list_blk:first-child {border-top:none;}
- .br_sch_result .area_result .brand_list .list_blk .title_abbr {display:block; margin-bottom:15px; color:#222; font-size:42px; font-weight:500;}
- .br_sch_result .area_result .brand_list .list_blk ul li {float:left; width:20%; padding:25px 0;}
- .br_sch_result .area_result .brand_list .list_blk ul li a{display: inline-block;}
- .br_sch_result .area_result .brand_list .list_blk ul li span {display:block; font-weight:200;}
- .br_sch_result .area_result .brand_list .list_blk ul li span.name_large {color:#222; font-size:16px;}
- .br_sch_result .area_result .brand_list .list_blk ul li span.name_small {margin-top:10px; color:#888; font-size:14px;}
- .br_sch_result .area_result .empty_box .nodata {padding:120px 0 0;}
- .br_sch_result .area_result .empty_box .nodata {padding:80px 0 100px; text-align:center;}
- .br_sch_result .area_result .empty_box .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
- .br_sch_result .area_result .empty_box .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
- .br_sch_result .area_result .empty_box .nodata .txt_box span {color:#fd4802; font-weight:500;}
- .br_sch_result .area_result .empty_box .nodata .btn_box {margin-top:40px;}
- .br_sch_result .area_result .empty_box .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
- /* br_lookbook_list */
- /* br_lookbook_view */
- .br_lookbook_view .cont_head {position:relative;}
- .br_lookbook_view .swiper-button-next,
- .br_lookbook_view .swiper-button-prev {top:50%; transform:translateY(-50%); width:auto; height:auto; margin:0; padding:0; color:transparent;}
- .br_lookbook_view .swiper-button-next {right:0px;}
- .br_lookbook_view .swiper-button-prev {left:0px;}
- .br_lookbook_view .swiper-button-next::after,
- .br_lookbook_view .swiper-button-prev::after {content:''; display:inline-block; width:26px; height:50px; background-image:url('//image.istyle24.com/Style24/images/pc/ico_arr_lg.png'); background-repeat:no-repeat;}
- .br_lookbook_view .swiper-button-next::after {background-position:100% 50%;}
- .br_lookbook_view .swiper-button-prev::after {background-position:0% 50%;}
- .content.br_lookbook_view.cont_visual {padding-bottom:80px;}
- .br_lookbook_view.cont_visual .cont_head {margin-bottom:60px;}
- .br_lookbook_view.cont_visual .cont_body .area_slider {margin-left:-70px; margin-right:-70px;}
- .br_lookbook_view.cont_visual .swiper-slide {width: auto; height: 660px;}
- .br_lookbook_view.cont_visual .swiper-slide-next img,
- .br_lookbook_view.cont_visual .swiper-slide-prev img {width: 100%; height:auto;max-height: 660px;}
- .br_lookbook_view.cont_visual .swiper-slide img {width: auto; height:100%;} /* .0506.높이기준으로 변경 */
- /* 05.07 다양한 이미지를 리사이징하기 위해 가로 기준이 생성됨 */
- .br_lookbook_view.cont_visual .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
- .br_lookbook_view.cont_visual .swiper-slide img {max-width: 990px;height: 100%;display: block;} /* 210713_ 비율수정 */
- .br_lookbook_view.cont_visual .swiper-slide .item_picker {display: none;}
- .br_lookbook_view.cont_visual .swiper-slide-active .item_picker {display: block;}
- .br_lookbook_view.cont_visual .swiper-slide-prev img,
- .br_lookbook_view.cont_visual .swiper-slide-next img {transform: translate(-50%,-50%);left: 50%;top: 50%;position: relative;}
- .br_lookbook_view.cont_visual .swiper-container {padding-top:60px;}
- .br_lookbook_view.cont_visual .swiper-slide .bt_lb_item:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
- .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item {position: relative; height: 618px; margin-top: -60px; }
- .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item:after {display:none;}
- .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker {position:absolute; transform:translate(-50%,-50%);}
- .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
- .br_lookbook_view.cont_visual .swiper-button-next {right:70px;}
- .br_lookbook_view.cont_visual .swiper-button-prev {left:70px;}
- .br_lookbook_view.cont_visual .swiper-button-next::after,
- .br_lookbook_view.cont_visual .swiper-button-prev::after {filter:invert(100%);}
- .br_lookbook_view.cont_txts {margin-bottom:120px;pointer-events: none;}
- .br_lookbook_view.cont_txts .text_cont {display: none;color:#666; font-size:16px; font-weight:200; line-height:26px; background: #ffffff; pointer-events: none;}
- .br_lookbook_view.cont_txts .text_cont.active { display:block;}
- .content.br_lookbook_view.cont_items {padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
- .br_lookbook_view.cont_items .cont_head h3 {margin-bottom:40px; color:#222; font-size:24px; font-weight:500;}
- .br_lookbook_view.cont_items .cont_head h3 span.number {margin-left:4px; color:#888; font-weight:200;}
- .br_lookbook_view.cont_items .cont_head .btn {position:absolute; right:0; bottom:0; padding:13px 24px; font-size:14px; font-weight:300; height:42px;}
- .br_lookbook_view.cont_items .cont_head .btn span {display:inline-block; line-height:1;}
- .br_lookbook_view.cont_items .ioTit {display:none;}
- .br_lookbook_view.cont_items .ioTit.active {display: block;}
- .br_lookbook_view.cont_items .items_outside {background: #f5f5f5;}
- .br_lookbook_view.cont_items .items_inside {background: #f5f5f5;}
- .br_lookbook_view.cont_items .items_outside .itemsOut {display: none;}
- .br_lookbook_view.cont_items .items_outside .itemsOut.active {display: block;}
- .br_lookbook_view.cont_items .area_slider {position:relative; width:100%; box-sizing:border-box;}
- .br_lookbook_view.cont_items .area_slider .swiper-wrapper {padding-bottom:60px;}
- .br_lookbook_view.cont_items .area_slider .swiper-container .item_prod {width:100%;}
- .br_lookbook_view.cont_items .area_slider .swiper-container .item_prod .item_state {padding:0}
- .br_lookbook_view.cont_items .area_slider .swiper-scrollbar {background:#ddd;}
- .br_lookbook_view.cont_items .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
- .br_lookbook_view.cont_items .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
- .content.br_lookbook_view.cont_others {padding-top:160px;}
- .br_lookbook_view.cont_others .cont_head {margin-left:70px; margin-right:70px;}
- .br_lookbook_view.cont_others .cont_head button {position:absolute; right:0; bottom:0; padding:0 17px 0 0; color:#888; font-size:18px; font-weight:300; background:url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat 100% 50%;}
- .br_lookbook_view.cont_others .cont_head button span {display:inline-block; line-height:1;}
- .br_lookbook_view.cont_others .cont_body {position:relative; padding-left:70px; padding-right:70px;}
- .br_lookbook_view.cont_others .swiper-slide a {display:block;}
- .br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;overflow:hidden;}
- .br_lookbook_view.cont_others .swiper-slide a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
- .br_lookbook_view.cont_others .swiper-slide a .txt {margin-top:10px; padding:0px 5px 0px;}
- .br_lookbook_view.cont_others .swiper-slide a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:56px; line-height:28px; color:#222; font-weight:500; font-size:18px; word-break:keep-all; white-space:normal;}
- /* my */
- .container.my .wrap .content {max-width:1460px; margin-bottom:160px; padding-left:0; padding-right:0;}
- .my div:after,
- .my ul::after {content:''; clear:both; display:block;}
- .my button span {line-height:1;}
- .my .form_field input[type="radio"] + label,
- .my .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
- .my .form_field input[type="radio"] + label:before,
- .my .form_field input[type="radio"]:checked + label:after,
- .my .form_field input[type="checkbox"] + label:before,
- .my .form_field input[type="checkbox"]:checked + label:after,
- .my .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
- .my .input_wrap .form_control {height:42px; font-size:14px; padding-left:18px;}
- .my .sec_head {position:relative;}
- .my .sec_foot .ui_row {margin-top:40px; margin-bottom:0;}
- .my .check_notice {display:block; width:100%; margin-top:20px; padding:20px 30px; background-color:#fff6f2;}
- .my .check_notice p {margin-top:10px; padding-left:20px; color:#222; font-size:14px; font-weight:300; line-height:1; background:url('//image.istyle24.com/Style24/images/pc/ico_primary_check.png') no-repeat 0 50%;}
- .my .check_notice p:first-child {margin-top:0;}
- .my .txt_info {margin-top:20px; color:#888; font-size:14px; font-weight:200;}
- .my .txt_info ul li {position:relative; padding-left:10px; margin-top:5px;}
- .my .txt_info ul li::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#888;}
- .my .txt_info ul li:first-child {margin-top:0;}
- .my .tbl.type1 {padding-top:20px; padding-bottom:20px;}
- .my .tbl.type1 th,
- .my .tbl.type1 td {padding-top:7px; padding-bottom:7px; line-height:1.625;}
- .my .highlight_area {margin-bottom:60px; background:#fff6f2; padding:60px; text-align:center;}
- .my .info_footer_area {padding:30px; margin-top:60px; text-align:center; background:#fff6f2; color:#222; font-size:18px; font-weight:300;}
- .my .info_footer_area > p > span {color:#fd4802;}
- .my .btn_footer_area {margin-top:60px; text-align:center;}
- .my .btn_footer_area .btn.btn_default {border-color:#a7a7a7;}
- .my .btn_footer_area .btn.btn_md {width:220px; height:60px; margin-left:10px; padding-top:21px; padding-bottom:21px;}
- .my .btn_footer_area .btn.btn_md:first-child {margin-left:0;}
- /* my_나의등급 정보*/
- .my .my_information .name_box {margin-bottom:40px; color:#666666; font-size:30px; font-weight:200;}
- .my .my_information .name_box strong {color:#000;}
- .my .my_information .property_box {display:block; padding:40px; background:#f5f5f5;}
- .my .my_information .property_box .level {float:left; position:relative; height:60px; padding-left:76px;}
- .my .my_information .property_box .level::before {content:'N'; position:absolute; left:0; top:0; width:60px; height:60px; border-radius:50%; background:#fff; color:#222; font-size:24px; font-weight:700; text-align:center; line-height:65px;}
- .my .my_information .property_box .level.lv_vip::before {content:'V'; background:#fd4802;; color:#fff;}
- .my .my_information .property_box .level.lv_gold::before {content:'G'; background:#cc9d4d; color:#fff;}
- .my .my_information .property_box .level.lv_silver::before {content:'S'; background:#888; color:#fff;}
- .my .my_information .property_box .level.lv_bronze::before {content:'B'; background:#bf966d; color:#fff;}
- .my .my_information .property_box .level.lv_welcome::before {content:'W'; background:#222; color:#fff;}
- .my .my_information .property_box .level .txt {color:#222; font-size:36px; font-weight:500;}
- .my .my_information .property_box .level .btn_level {margin-top:10px;}
- .my .my_information .property_box .level .btn_level a,
- .my .my_information .property_box .level .btn_level button {display:inline-block; margin-right:20px; padding-right:15px; background:url('//image.istyle24.com/Style24/images/pc/ico_more_sm.png') no-repeat 100% 0px; color:#888; font-size:14px; font-weight:200; line-height:1 !important;}
- .my .my_information .property_box .property {float:right; padding:5px 0 3px;}
- .my .my_information .property_box .property ul li {float:left; position:relative; padding:0px 40px;}
- .my .my_information .property_box .property ul li::before {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:46px; border-left:1px solid #ddd;}
- .my .my_information .property_box .property ul li:last-child {padding-right:0;}
- .my .my_information .property_box .property ul li:last-child::before {display:none;}
- .my .my_information .property_box .property ul li > div {min-width:120px;}
- .my .my_information .property_box .property .txt {color:#888; font-size:16px; font-weight:300;}
- .my .my_information .property_box .property .count {margin-top:14px; color:#222; font-size:21px; font-weight:500;}
- .my .my_information .property_box .property .count span {font-size:22px;}
- /* my_배송현황*/
- .my .my_order_progress {border-top:1px solid #222; border-bottom:1px solid #ddd;}
- .my .my_order_progress .txt {color:#888; font-size:16px; font-weight:300; text-align:center;}
- .my .my_order_progress .count {margin-top:14px; color:#222; font-weight:500; text-align:center;}
- .my .my_order_progress .count span {font-size:24px;}
- .my .my_order_progress .progress {float:left; width:80%; padding:40px 0;}
- .my .my_order_progress .progress ul {display:inline-block; width:100%;}
- .my .my_order_progress .progress ul li {float:left; position:relative; width:calc((100% - 60px) / 6); margin-right:12px;}
- .my .my_order_progress .progress ul li::after {content:''; position:absolute; top:50%; right:-12px; width:12px; height:23px; background:url(//image.istyle24.com/Style24/images/pc/ico_myinfo_arrow.png) no-repeat center; transform:translateY(-50%);}
- .my .my_order_progress .progress ul li:first-child {margin-left:-1px;}
- .my .my_order_progress .progress ul li:last-child {margin-right:0;}
- .my .my_order_progress .progress ul li:last-child::after {display:none;}
- .my .my_order_progress .progress ul li div {width:100%;}
- .my .my_order_progress .invalid {float:right; width:16.6666%; padding:40px 0; position:relative;}
- .my .my_order_progress .invalid::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:48px; border-left:1px solid #ddd;}
- /* my_리스트정렬필터 */
- .my .area_filter .select_month_box {float:left;}
- .my .area_filter .select_month_box .form_field input[type="radio"] + label {display:block; width:106px; height:42px; padding-left:0; padding-top:12px; border:1px solid #ddd; border-left:none; color:#222; font-size:14px; text-align:center;}
- .my .area_filter .select_month_box .form_field input[type="radio"]:checked + label {margin-left:-1px; color:#fd4802; border-color:#fd4802; border-left:1px solid #fd4802;}
- .my .area_filter .select_month_box .form_field div:first-child input[type="radio"] + label {border-left:1px solid #ddd;}
- .my .area_filter .select_month_box .form_field div:first-child input[type="radio"]:checked + label {border-left:1px solid #fd4802;}
- .my .area_filter .select_month_box .form_field input[type="radio"] + label::before,
- .my .area_filter .select_month_box .form_field input[type="radio"] + label::after,
- .my .area_filter .select_month_box .form_field input[type="radio"]:checked + label::before,
- .my .area_filter .select_month_box .form_field input[type="radio"]:checked + label::after {display:none;}
- .my .area_filter .select_period_box {float:left; margin-left:20px;}
- .my .area_filter .select_period_box .form_field {display:block; float:left; width:150px;}
- .my .area_filter .select_period_box .form_field:first-child {margin-right:23px !important;}
- .my .area_filter .select_period_box .form_field:first-child::after {content:'~'; position:absolute; right:-15px; top:50%; transform:translateY(-50%); color:#222; font-size:16px;}
- .my .area_filter .select_period_box .form_field .input_wrap {display:block; width:100%;}
- .my .area_filter .select_period_box .form_field .input_wrap .form_control {width:100%; height:42px; padding:15px 35px 15px 20px; background:url('//image.istyle24.com/Style24/images/pc/ico_calendar_selector.png') no-repeat 118px 50%; color:#222; font-size:14px; font-weight:200; line-height:1;}
- .my .area_filter .select_period_box .btn {float:left; width:70px; height:42px; margin-left:10px; text-align:center; font-size:14px;}
- .my .area_filter .select_status_box {float:right; width:180px;}
- .my .area_filter .select_status_box .select_custom {height:42px;}
- .my .area_filter .select_status_box .select_custom .combo .select {height:42px; padding:14px 20px; color:#666; font-size:14px;}
- .my .area_filter .select_status_box .select_custom .combo .list > li {padding:0 20px; color:#666; font-size:14px;}
- /* my_myOrderList : 주문,취소,교환,반품 리스트 */
- .myOrderList .sec_head {margin-bottom:80px;}
- .myOrderList .sec_body h3 {margin-bottom:40px;}
- .myOrderList .area_list {margin-top:24px;}
- .myOrderList .part_goods {margin-top:40px;}
- .myOrderList .part_goods:first-child {margin-top:0;}
- .myOrderList .my_information + .my_order_progress {border-top:none;}
- /* my_myOrderList.non : 비회원 주문,취소,교환,반품 리스트 */
- .myOrderList.non .lnb .lnb_list ul li:nth-child(n+3){display: none;}
- /* my_myOrderView : 주문,취소,교환,반품 상세보기 */
- .myOrderView .sec_head {margin-bottom:40px;}
- .myOrderView .sec_head h3 {float:left; margin-bottom:0;}
- .myOrderView .sec_head .order_number {float:left; margin-left:20px; margin-top:8px; color:#666; font-size:20px; font-weight:200;}
- .myOrderView .sec_head button {float:left; margin-left:15px; margin-top:11px; font-size:14px; color:#222;}
- .myOrderView h4.subH3 {margin-top:60px; margin-bottom:20px;}
- .myOrderView h4.subH3 .tit_info {display:inline-block; margin-left:10px; color:#888; font-size:14px; font-weight:200;}
- .myOrderView .tbl table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
- .myOrderView .tbl table td button {margin-left:10px;}
- .myOrderView .tbl table td .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
- .myOrderView .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
- .myOrderView .tbl table td .select_custom {color:#666; font-size:14px;}
- .myOrderView .tbl table td .select_custom .combo {min-width:400px; width:auto;}
- .myOrderView .tbl table td .select_custom .combo .select {height:42px; padding:14px 15px; color:#666; font-size:14px;}
- .myOrderView .tbl table td .select_custom .combo .list > li {padding:0 15px;}
- .myOrderView .tbl table td .input_wrap {width:100%;}
- .myOrderView .tbl table td .input_wrap textarea {width:100%; height:82px; padding:14px 15px; font-size:14px; color:#222;}
- .myOrderView .tbl table td .input_wrap .txt_cnt {margin-top:10px;}
- .myOrderView .tbl table td .block_line ul li:nth-of-type(3) > span {vertical-align:top; display:inline-block; max-width:calc(100% - 135px); width:auto;}
- .myOrderView .tbl.type1 table tr:nth-of-type(3) td:last-child > span {display:inline-block; width:auto; max-width:calc(100% - 135px); vertical-align:top;}
- .myOrderView .tbl.type6 {position: relative;}
- .myOrderView .tbl.type6 table + p {position: absolute;top: auto;bottom: -25px;left: 0;right: auto;}
- .myOrderView .retrieve_method .form_field > div {margin-right:30px;}
- .myOrderView .retrieve_method .form_field span {color:#222; font-size:16px; font-weight:200;}
- .myOrderView .retrieve_method .form_field span em {margin-left:5px; color:#fd4802; font-size:14px;}
- .myOrderView .retrieve_box.direct .tbl table th,
- .myOrderView .retrieve_box.direct .tbl table td {vertical-align:middle;}
- .myOrderView .retrieve_box.direct .input_wrap .form_control {width:400px; padding-left:18px;}
- /* my_restock : 재입고 알림내역 */
- .my .restock .area_list {margin-top:60px;}
- .my .restock .area_list .part_goods {border:none; border-bottom:1px solid #ddd;}
- .my .restock .area_list .part_goods:first-child {border-top:1px solid #222;}
- .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
- .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
- .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
- .my .restock .area_list .part_goods .goods_info .order_desc .status_box {width:160px;}
- /* my_myReviewList : 내 리뷰 리스트 */
- .my .myReviewList .check_notice p::after {content:''; display:block; clear:both;}
- .my .myReviewList .check_notice a {float:right; display:inline; padding-right:14px; color:#222; font-size:14px; background:url('//image.istyle24.com/Style24/images/pc/ico_ft_arrow.png') no-repeat 98% 0px;}
- .my .myReviewList .taps {margin-top:60px; margin-bottom:40px;}
- .my .myReviewList .area_list {margin-top:60px;}
- .my .myReviewList .area_list .part_goods {border:none; border-bottom:1px solid #ddd;}
- .my .myReviewList .area_list .part_goods:first-child {border-top:1px solid #222;}
- .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
- .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
- .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
- .my .myReviewList .area_list .part_goods .goods_info .order_desc .status_box {width:160px;}
- /* my_myReviewWrite : 리뷰작성 */
- .my .myReviewWrite h4 {margin-top:60px; margin-bottom:20px;}
- .my .myReviewWrite th,
- .my .myReviewWrite td {vertical-align:top;}
- .my .myReviewWrite .part_goods {border:none; border-top:1px solid #222; border-bottom:1px solid #ddd;}
- .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
- .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
- .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
- .my .myReviewWrite .input_starscore button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center;}
- .my .myReviewWrite .input_starscore button.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center;}
- .my .myReviewWrite .input_starscore span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center/cover;}
- .my .myReviewWrite .input_starscore span.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center/cover;}
- .my .myReviewWrite .input_simple_review .form_field > div {min-width:110px;}
- .my .myReviewWrite .input_txt_review {position:relative;}
- .my .myReviewWrite .input_txt_review .input_wrap {width:100%;}
- .my .myReviewWrite .input_txt_review .input_wrap textarea {width:100%; padding:20px; color:#222; font-size:14px;}
- .my .myReviewWrite .input_my_physical .form_control {min-width:220px; padding-right:50px;}
- .my .myReviewWrite .input_my_physical .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#222; font-size:14px; font-weight:200;}
- .my .myReviewWrite .fileAdd,
- .my .myReviewWrite .pics{width:86px; height:86px;}
- .my .myReviewWrite .pics .picsThumbs{max-height: 84px; max-width: 84px;}
- /* my_myAddressList : 배송지 관리 */
- .my .myAddressList h4.subH3 {margin-bottom:20px;}
- .my .myAddressList .tbl.type1 {padding:0;}
- .my .myAddressList .tbl.type1 th,
- .my .myAddressList .tbl.type1 td {vertical-align:middle;}
- .myAddressList .tbl.type1 table th,
- .myAddressList .tbl.type1 table td {padding-top:30px; padding-bottom:30px; border-top:1px solid #ddd;}
- .myAddressList .tbl.type1 table tr:first-child th,
- .myAddressList .tbl.type1 table tr:first-child td {border-top:none;}
- .myAddressList .tbl.type1 table td .block_line button {margin-left:10px;}
- .myAddressList .tbl.type1 table td .button_box p {margin-top:10px;}
- .myAddressList .tbl.type1 table td .button_box p:first-child {margin-top:0;}
- .myAddressList .tbl.type1 table td .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
- .myAddressList .tbl.type1 table td .button_box .btn span {line-height:1;}
- .myAddressList .addrs_default {background:#fff6f2;}
- .myAddressList .phone_number {font-weight:300;}
- /* my_myManageEntry : 내 정보 관리 - 비밀번호 확인 */
- .my .myManageEntry .sec_head .text {margin-top:15px; color:#222; font-size:16px; font-weight:200;}
- .my .myManageEntry input[type="text"],
- .my .myManageEntry input[type="password"] {width:400px;}
- .my .myManageEntry .tbl th,
- .my .myManageEntry .tbl td {vertical-align:middle;}
- /* my_myManageEntry : 내 정보 관리 */
- .my .myManage .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
- .my .myManage .btn.btn_sm span {vertical-align:top;}
- .my .myManage h4.subH3 {margin-bottom:20px;}
- .my .myManage h4.subH3 .tit_info {display:inline-block; margin-left:10px; color:#888; font-size:14px; font-weight:200;}
- .my .myManage .select_custom .combo .list {max-height:200px;}
- .my .myManage .modify_box {position:relative; margin-top:60px;}
- .my .myManage .modify_box:first-child {margin-top:0;}
- .my .myManage .modify_box h4.subH3 + .btn.btn_sm {position:absolute; right:0; top:0;}
- .my .myManage .modify_box .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
- .my .myManage .modify_box .btn_underline span {color:#888; font-size:12px;}
- .my .myManage .modify_box table th span {display:inline-block; padding:13px 0; line-height:1; vertical-align:top;}
- .my .myManage .modify_box table .btn {height:42px; padding-left:0; padding-right:0; text-align:center;}
- .my .myManage .modify_box table .btn.btn_primary_line {font-weight:200; width:100px;}
- .my .myManage .modify_box .form_field {max-width:400px;}
- .my .myManage .modify_box .form_field .input_wrap {display:block; width:100%;}
- .my .myManage .modify_box .form_field .input_wrap + .btn {display:table-cell; width:95px; font-weight:300; font-size:14px;}
- .my .myManage .modify_box .form_field .form_control {float:none; display:block; width:100%}
- .my .myManage .modify_box .form_field + .txt_info {margin-top:10px;}
- .my .myManage .modify_box .form_field input[type="checkbox"] + label {margin-right:40px;}
- .my .myManage .modify_box .help_block {text-indent:0;}
- .my .myManage .modify_box .help_block p span {position:relative; padding-left:20px; font-size:14px;}
- .my .myManage .modify_box .help_block p span.t_err {padding-left:22px;}
- .my .myManage .modify_box .help_block p span.t_err::before {position:absolute; top:50%; transform:translateY(-50%);}
- .my .myManage .modify_box .help_block p span .ico {position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:8px;}
- .my .myManage .modify_box .help_block p span .ico::before {vertical-align:top;}
- /* my_myMbLeave : 회원탈퇴 */
- .my .myMbLeave h4.subH3 {margin-bottom:20px;}
- .my .myMbLeave .tbl {margin-bottom:60px;}
- .my .myMbLeave .tbl th,
- .my .myMbLeave .tbl td {vertical-align:middle;}
- .my .myMbLeave .form_control {width:400px;}
- .my .myMbLeave .mb_leave_complete {text-align:center; margin-bottom:60px; color:#222; font-size:24px; font-weight:500;}
- .my .myMbLeave .mb_leave_incomplete .txt_primary {color:#fd4802; font-size:18px; font-weight:500;}
- .my .myMbLeave .mb_leave_incomplete .txt_sub {margin-top:20px; color:#666; font-size:16px;}
- .my .myMbLeave .com_info_txt .check_box {margin-top:30px; padding-top:30px; border-top:1px solid #dcdcdc;}
- .my .myMbLeave .com_info_txt .check_box span {color:#858585; font-weight:200;}
- .my .myMbLeave .hold_order .on {color:#fd4802;}
- /* my_포인트, 상품권 공통 */
- .my .have_amount .total_amount {color:#222; font-size:30px; font-weight:500;}
- .my .have_amount .total_amount span {color:#fd4802; font-weight:500;}
- .my .have_amount .total_amount span em {font-size:36px; font-weight:700;}
- .my .have_amount dl {display:inline-block; margin-top:20px; font-size:14px; font-weight:300;}
- .my .have_amount dl::after {content:''; clear:both; display:block;}
- .my .have_amount dl div {float:left; position:relative; height:14px; padding:0px 20px;}
- .my .have_amount dl div::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
- .my .have_amount dl div:first-child::before {display:none;}
- .my .have_amount dl div > * {vertical-align:middle;}
- .my .have_amount dl div dt {float:left; color:#666;}
- .my .have_amount dl div dt .tag {margin-top:-4px; margin-right:10px;}
- .my .have_amount dl div dd {float:left; margin-left:10px; color:#222;}
- .my .have_amount dl div dd:after { content: ""; display: inline-block; height: 0.8em; }
- .my .content_area {position:relative;}
- .my .content_area .taps {margin-bottom:40px;}
- .my .content_area .select_box {position:absolute; right:0; top:-10px; width:180px;}
- .my .content_area .select_box .select_custom {height:42px;}
- .my .content_area .select_box .select_custom .combo .select {height:42px; padding:14px 20px; color:#666; font-size:14px;}
- .my .content_area .select_box .select_custom .combo .list > li {padding:0 20px; color:#666; font-size:14px;}
- .my .content_area .list_box .tbl th,
- .my .content_area .list_box .tbl td {vertical-align:middle;}
- .my .content_area .list_box .tbl td .txt_content {padding-left:40px; text-align:left;}
- .my .content_area .list_box .tbl td .amount_minus {color:#222;}
- .my .content_area .list_box .tbl td .amount_plus {color:#fd4802;}
- /* my_myPoint : STYLE 포인트 */
- /* my_myVoucher : 상품권 */
- .my .myVoucher .input_area {display:block; width:605px; margin:50px auto 0;}
- .my .myVoucher .input_area .input_label {display:inline-block; width:124px; color:#222; font-size:18px; font-weight:500; line-height:1;}
- .my .myVoucher .input_area .input_label span {display:inline-block; margin-top:12px;}
- .my .myVoucher .input_area .input_wrap .form_control {width:400px;}
- .my .myVoucher .input_area .input_wrap + .btn {width:70px; height:42px; padding-left:0; padding-right:0; text-align:center; font-size:14px; font-weight:300;}
- .my .myVoucher .com_info_txt {margin-top:50px;}
- .my .myVoucher .content_area {margin-top:60px;}
- .my .myVoucher .content_area .voucher_list::after {content:''; clear:both; display:block;}
- .my .myVoucher .content_area .voucher_list ul {margin-top:-20px;}
- .my .myVoucher .content_area .voucher_list li {float:left; width:calc((100% - 40px) * 0.33333); margin-left:20px; margin-top:20px;}
- .my .myVoucher .content_area .voucher_list li:nth-child(3n-2) {margin-left:0;}
- /* my_myCoupon : 쿠폰 */
- .my .myCoupon .content_area {margin-top:60px;}
- .my .myCoupon .content_area .coupon_list::after {content:''; clear:both; display:block;}
- .my .myCoupon .content_area .coupon_list ul {margin-top:-20px;}
- .my .myCoupon .content_area .coupon_list li {float:left; width:calc(25% - 15px); margin-left:20px; margin-top:20px;}
- .my .myCoupon .content_area .coupon_list li:nth-child(4n-3) {margin-left:0;}
- /* my_myWishlist : 위시리스트 */
- .my .myWishlist .monthly_wish_wrap {margin-top:50px;}
- .my .myWishlist .monthly_wish_wrap:first-child {margin-top:0;}
- .my .myWishlist .monthly_wish_wrap .itemsGrp {margin-left:-10px; margin-right:-10px;}
- .my .myWishlist .monthly_wish_wrap .itemsGrp .item_prod {width:25%;}
- .my .myWishlist .monthly_wish_wrap .itemsGrp .item_prod .item_state {padding-bottom:50px;}
- .my .myWishlist .monthly_wish_wrap .date {display:block; position:relative; width:100%; height:0; margin-bottom:60px; border-top:1px solid #ddd;}
- .my .myWishlist .monthly_wish_wrap .date span {display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:130px; height:40px; padding:10px 0 0; background-color:#222; color:#fff; font-size:24px; font-weight:300; text-align:center; border-radius:20px; overflow:hidden;}
- /* ev_공통 */
- .ev .wrap {padding-bottom:160px;}
- .ev .cont_body {position:relative;}
- .ev div::after,
- .ev dl::after,
- .ev ul::after {content:''; clear:both; display:block;}
- .ev .inner {width: 1200px; margin:0 auto;} /* 주의 */
- .ev .icon {position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; color: #fff; border:2px solid transparent;}
- .ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); margin-top:2px; font-size: 32px; font-weight: 700; color: #fff;}
- .ev .icon + span {font-size: 16px; color: #666; font-weight:500;}
- .ev .icon.vip {background: #fd4802;}
- .ev .icon.gold {background: #cc9d4d;}
- .ev .icon.silver {background: #888;}
- .ev .icon.bronze {background: #bf966d;}
- .ev .icon.welcome {background: #222222;}
- .ev .cont_head > div {position:relative;}
- .ev .cont_head > div .period {position:absolute; left:50%; bottom:40px; transform:translateX(-50%); font-size:14px; font-weight:300; color:#888; text-align:center;}
- .ev .cont_head > div h2 {text-align:center; margin-bottom:0px; padding-bottom:60px;}
- .ev .cont_head > div h3 {text-align:center; margin-bottom:0; padding-bottom:80px; font-size:40px;}
- .ev .cont_head > div h4 {text-align:center; margin-bottom:60px; color:#222; font-size:30px; font-weight:500;}
- .ev .event_banner {position: relative; width: 100%;}
- .ev .event_banner img {position:relative; left:50%; transform:translateX(-50%);}
- .ev .btn_wrap {margin-top:60px; margin-bottom:0; text-align:center;}
- .ev .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:normal;}
- .ev .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('//image.istyle24.com/Style24/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
- .ev .form_field input[type="radio"] + label,
- .ev .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1; vertical-align: top;}
- .ev .form_field input[type="radio"] + label:before,
- .ev .form_field input[type="radio"]:checked + label:after,
- .ev .form_field input[type="checkbox"] + label:before,
- .ev .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
- /* ev 다른 이벤트 보기 슬라이드 */
- .ev .other_ev_slide {margin-top:160px; padding:0 140px!important;}
- .ev .other_ev_slide .cont_head {position:relative; margin-bottom:60px;}
- .ev .other_ev_slide .cont_head h4 {position:relative; margin-bottom:0;}
- .ev .other_ev_slide .cont_head a {position:absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url('//image.istyle24.com/Style24/images/pc/ico_more_lg.png') no-repeat right top 1px; font-size: 18px; color:#888;}
- .ev .other_ev_slide .cont_body {position:relative;}
- .ev .other_ev_slide .swiper-button-next {right:-70px; margin-top:-55px;}
- .ev .other_ev_slide .swiper-button-prev {left:-70px; margin-top:-55px;}
- .ev .other_ev_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
- .ev .other_ev_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
- .ev .other_ev_slide .brand {display: inline-block; font-size: 12px; color:#888; font-weight: 300;}
- .ev .other_ev_slide .txt {margin:0 6px;}
- .ev .other_ev_slide .txt .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0 0; min-height:50px; max-height:50px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 1.5; color: #222; font-weight: 300; word-break: keep-all;}
- /* ev_list 이벤트 리스트*/
- .ev_list .area_top_list_info .ui_right .btn {height:40px; padding:12px 20px; font-size:14px; font-weight:300; border:1px solid #a7a7a7;}
- .ev_list .area_top_list_info .ui_right .btn span {display:inline-block; padding-right:17px; vertical-align:top; line-height:1; background:url('//image.istyle24.com/Style24/images/pc/ico_more_sm.png') no-repeat 100% 50%;}
- .ev_list .ev_mem_rank {position:relative; background:#f5f5f5; padding:60px 100px; margin-top:60px; margin-bottom:100px;}
- .ev_list .ev_mem_rank .txt {float:left; display:inline;}
- .ev_list .ev_mem_rank .txt strong {display:block; font-size: 20px; font-weight: 700;}
- .ev_list .ev_mem_rank .txt p {font-size:30px; line-height:40px; color:#666; margin:10px 0 25px;}
- .ev_list .ev_mem_rank .txt .btn {width:152px; height:42px; font-size:14px; font-weight:300; padding:14px 10px 0; line-height:1;}
- .ev_list .ev_mem_rank .mem_rank_list {float:right; margin-top:30px; margin-right:60px;}
- .ev_list .ev_mem_rank .mem_rank_list ul li {float:left; text-align: center; margin-left: 40px;}
- .ev_list .ev_mem_rank .mem_rank_list ul li:first-child {margin-right:0;}
- @media screen and (max-width:1459px) {
- .ev_list .ev_mem_rank {padding-left:70px; padding-right:70px;}
- }
- /* ev_renew 설문조사 참여이벤트 preview */
- .renew .announce_txt {margin-top:80px; padding-top:60px;}
- .renew .announce_txt:before {content:''; position:absolute; top:0; left:-190px; right:-190px; height: 1px; background: #ddd;}
- /* ev_renew 설문조사 참여이벤트 write */
- .ev .survey {margin-bottom:-160px;}
- .survey .input_wrap {width:100%;}
- .survey .survey_wrap {background:#f5f5f5; padding:60px 0 160px;}
- .survey .survey_wrap .survey_con {width: 740px; margin:0 auto; padding-top:20px; padding-bottom:60px; background: #fff; border-top: 3px solid #fe7f4d; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.1);}
- .survey .survey_wrap .survey_con .survey_row {padding:60px; border-top: 1px solid #ddd;}
- .survey .survey_wrap .survey_con .survey_row:first-child {border-top:none;}
- .survey .survey_wrap .survey_con .survey_row h4 {position:relative; margin:0; padding-left:40px; padding-right:60px; font-size:18px; font-weight: 300; line-height:28px; word-break:keep-all;}
- .survey .survey_wrap .survey_con .survey_row h4 .question {position:absolute; top:0; left:0; font-weight:500;}
- .survey .survey_wrap .survey_con .survey_row .answer {margin-top:25px;}
- .survey .survey_wrap .survey_con .survey_row .answer textarea,
- .survey .survey_wrap .survey_con .survey_row .answer input[type='text'] {width:100%;}
- .survey .survey_wrap .survey_con .survey_row .answer textarea {height:220px; padding:20px;}
- .survey .survey_wrap .survey_con .survey_row .answer ul {margin-right:-60px;}
- .survey .survey_wrap .survey_con .survey_row .answer ul li {float:left; position:relative; margin-bottom:42px; margin-right:48px;}
- .survey .survey_wrap .survey_con .survey_row .answer ul li.etc {width: auto;display: inline-block;margin-bottom: 0;}
- .survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {width:calc(100% - 83px); max-width:300px !important; height:52px; opacity:0.5; background: #f9f9f9; margin-top: -20px;margin-bottom: -22px;margin-left:20px;padding-right: 10px;}
- .survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio + label + .etc_input {pointer-events: none;}
- .survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio:checked + label + .etc_input {pointer-events:auto;opacity: 1;background: #fff;}
- .survey .survey_wrap .survey_con .btn_wrap {margin-top:20px;}
- /* ev_rank 회원등급 혜택 */
- .ev_rank .inner {position: relative;margin-top: 10px;}
- .ev_rank .my_rank_info {background: #fff6f2; padding:49px 0 40px; margin-top: -5px; min-height:260px; box-sizing:border-box;}
- .ev_rank .my_rank_info .desc {float:left;}
- .ev_rank .my_rank_info .desc p {color:#666; font-size:24px; font-weight:200; line-height:34px;}
- .ev_rank .my_rank_info .desc p span.my_name {color:#222; font-weight:500;}
- .ev_rank .my_rank_info .desc p span.my_rank {color:#222; font-weight:700;}
- .ev_rank .my_rank_info .desc .btn {width:154px; height:42px; margin-top:18px; padding:0; font-size:14px; font-weight:300;}
- .ev_rank .my_rank_info .my_rank_progress {float:right; width:760px; margin-right:60px;}
- .ev_rank .my_rank_progress .pro_wrap {margin-bottom: 20px;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt {margin-bottom: 5px;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt ul {font-size: 0;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li {float:left; position:relative; width:25%; height:60px; font-size:14px; color:#444; font-weight:500; line-height:1;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li:first-child {width:0;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li .icon {display:none; position:absolute; right:0; bottom:10px; transform:translateX(50%); width:60px; height:60px; margin-bottom:0;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li .icon span {margin-top:2px; font-size:22px;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li .txt {display:block; position:absolute; right:0; bottom:10px; transform:translateX(50%); width:auto; text-align:center; word-break:initial;}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li:first-child .txt {left:0; right:auto; transform:translateX(0);}
- .ev_rank .my_rank_progress .pro_wrap .rank_txt li:last-child .txt {left:auto; right:0; transform:translateX(0);}
- .ev_rank .my_rank_progress .pro_wrap .progress_bar {position:relative; width:100%; height:4px; background:#ddd;}
- .ev_rank .my_rank_progress .pro_wrap .progress_bar .current_bar {display:block; width:auto; height:4px; background:linear-gradient(90deg,#ff9537, #fd4802);}
- .ev_rank .my_rank_progress .pro_wrap.welcome .rank_txt li .icon.welcome,
- .ev_rank .my_rank_progress .pro_wrap.bronze .rank_txt li .icon.bronze,
- .ev_rank .my_rank_progress .pro_wrap.silver .rank_txt li .icon.silver,
- .ev_rank .my_rank_progress .pro_wrap.gold .rank_txt li .icon.gold,
- .ev_rank .my_rank_progress .pro_wrap.vip .rank_txt li .icon.vip {display:block;}
- .ev_rank .my_rank_progress .pro_wrap.welcome .rank_txt li .icon.welcome + .txt,
- .ev_rank .my_rank_progress .pro_wrap.bronze .rank_txt li .icon.bronze + .txt,
- .ev_rank .my_rank_progress .pro_wrap.silver .rank_txt li .icon.silver + .txt,
- .ev_rank .my_rank_progress .pro_wrap.gold .rank_txt li .icon.gold + .txt,
- .ev_rank .my_rank_progress .pro_wrap.vip .rank_txt li .icon.vip + .txt {display:none;}
- .ev_rank .my_rank_progress .pro_wrap.welcome .progress_bar .current_bar {width: 0%;}
- .ev_rank .my_rank_progress .pro_wrap.bronze .progress_bar .current_bar {width: 25%;}
- .ev_rank .my_rank_progress .pro_wrap.silver .progress_bar .current_bar {width: 50%;}
- .ev_rank .my_rank_progress .pro_wrap.gold .progress_bar .current_bar {width: 75%;}
- .ev_rank .my_rank_progress .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
- .ev_rank .my_rank_progress .benefit_txt {background:#fff; padding:26px 0; text-align:center; font-size:18px; color: #444; font-weight: 300;}
- .ev_rank .my_rank_progress .benefit_txt strong {color:#222; font-weight:700;}
- .ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;padding: 60px 0;}
- .ev_rank .my_rank_info.no_member p {color:#222; font-size:24px; font-weight:200; letter-spacing:-1px;}
- .ev_rank .my_rank_info.no_member .login_btn {margin-top:28px; padding:10px 24px; width:85px; height:42px; font-size:14px; font-weight:300;}
- /* ev_benefit_tbl 등급 혜택 테이블 */
- .ev .ev_benefit_tbl {margin-top:100px;}
- .ev_benefit_tbl h3 {margin-bottom:46px; font-size:34px; font-weight:500; text-align:center;}
- .ev_benefit_tbl .rank_tbl_wrap {margin-bottom: 60px;}
- .ev_benefit_tbl .rank_tbl_wrap .icon {margin:0 auto 20px;}
- .ev_benefit_tbl .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td {width: 220px; padding:40px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td p {font-size: 16px; line-height: 1.4; color: #222; font-weight: 200; letter-spacing: -0.025em; margin-top: 20px;}
- .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
- /* 이용약관,개인정보취급방침,업체리스트 */
- .ps .cont_head > div h3{text-align: center;margin-bottom: 0;padding-bottom: 60px;font-size: 40px;line-height: 1;}
- .ps .cont_body {width: 1200px;margin: 0 auto;}
- .ps .ps_terms .cont_body {margin:0 auto 160px;}
- .ps .cont_foot {width: 1200px;margin: 0 auto;}
- .ps p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
- .ps {padding:0; border-top:1px solid #000;}
- .ps table {word-break:keep-all;margin-top: 30px;}
- .ps table th,
- .ps table td {position:relative; padding:20px 40px; font-size:16px;color: #222222;letter-spacing:-0.025em;}
- .ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
- .ps table td:last-child {border-right: 1px solid transparent;}
- .ps table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:500;text-align:center;}
- .modal.psptn_pop {max-width: none;width: 775px;padding: 60px 60px;}
- .ps.ptn {border: 0;}
- .ps.ptn table {margin-top:0;}
- .ps.ptn table th, .ps.ptn table td {text-align: center;padding: 16px 0;}
- .ps.ptn table th {font-size: 14px; font-weight: 500; line-height:14px;border-bottom: 1px solid #ddd;}
- .ps.ptn table td {font-size: 14px; font-weight: 200; line-height: 14px;border-right: 0px solid #ddd;}
- .ps.ptn .pager {padding-top: 40px;}
- .hookGrp{margin-top: 0px;}
- p + .hookGrp{margin-top: 40px;}
- .hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;margin-bottom: 62px;}
- .hookGrp .hook_list ul{flex-direction: column;list-style: none;flex-wrap: wrap;height: 288px;display: flex;padding: 0;margin: 0;}
- .hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
- .hookGrp .hook_list ul li{float: left;}
- .hookGrp .hook_list ul li a{display: table; color: #222222;}
- .hookGrp .hook_list ul li a span{margin: 0px 0px 18px 0;display: block;font-size: 16px;font-weight: 300;}
- .hookGrp .hook_list ul li a span::after{content: ''; display: block; box-sizing: border-box; border: 1px solid transparent;}
- .hookGrp .hook_list ul li a:hover,
- .hookGrp .hook_list ul li a:focus{color: #fd4802;}
- .hookGrp .hook_list ul li a:hover span:after,
- .hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
- .hookGrp .hook_cont {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
- .hookGrp .hook_cont div{margin-top: 62px;}
- .hookGrp .hook_cont h4 {font-size:24px;font-weight:500;color:#222222;line-height:26px;letter-spacing:-0.025em;}
- .hookGrp .hook_cont p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
- .hookGrp .hook_cont p em {font-weight: 500;}
- .hookGrp .hook_cont ol li {padding-left: 15px;}
- .ps #prvc_sel {margin-top: 62px; margin-bottom: 160px;}
- .ps #prvc_sel div {margin-top: 0; margin-bottom: 0;}
- .ps #prvc_sel .select_custom {width: 240px; height:auto;}
- .ps #prvc_sel .select_custom .combo .list {position: absolute; top: auto; bottom: 41px; max-height:367px; border-top: 1px solid #222;}
- .ps #prvc_sel .select_custom .combo .list>li {padding:0 15px;}
- /* MODAL POPUP */
- /* popup_자주 묻는 질문 팝업 */
- .modal.faq_pop {max-width: 1000px; max-height: 780px; padding:60px;}
- .modal.faq_pop .modal-header {border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 30px;}
- .modal.faq_pop .modal-header p {font-size: 14px; color:#888; font-weight: 200; margin-bottom: 16px; padding-left: 30px;}
- .modal.faq_pop .modal-header .modal-title {position: relative; padding-left: 68px; line-height: 1.62; font-weight: 300;}
- .modal.faq_pop .modal-header .modal-title::before{content: 'Q'; display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #222222; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: -2px; left: 30px;}
- .modal.faq_pop .modal-body {position: relative; padding: 40px 10px 40px 68px; background:#f5f5f5;}
- .modal.faq_pop .modal-body > span {display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #fd4800; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: 37px; left: 30px;}
- .modal.faq_pop .modal-body .pop_cont > span {display:block; margin-bottom: 26px; font-weight:300; color:#222;}
- .modal.faq_pop a.close-modal {right:30px; top:30px;}
- /* popup_로그인 정보 이용동의 팝업 */
- .modal.mbAgree_pop {width:620px; max-width:none;}
- .modal.mbAgree_pop .agree_info p {margin-bottom:30px; font-size:18px; font-weight:300; line-height:1; letter-spacing:-0.8px;}
- .modal.mbAgree_pop .info_txt {padding:25px 40px; background:#f5f5f5;}
- .modal.mbAgree_pop .info_txt ul li {position:relative; padding-left:13px; margin-bottom:7px; color:#888; font-size:14px; font-weight:200; line-height:20px;}
- .modal.mbAgree_pop .info_txt ul li:last-child {margin-bottom:0;}
- .modal.mbAgree_pop .info_txt ul li:after {content:''; position:absolute; top:7px; left:0; background:#858585; width:3px; height:3px;}
- .modal.mbAgree_pop .info_txt ul li .mb_name {font-weight:300;}
- .modal.mbAgree_pop .info_txt ul li em {font-weight:300;}
- .modal.mbAgree_pop .modal-footer {width:450px; margin:40px auto 0;}
- .modal.mbAgree_pop .modal-footer .ui_row {margin:0;}
- .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_'] {margin-left:5px; margin-right:5px;}
- .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_']:first-child {margin-left:0px;}
- .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_']:last-child {margin-right:0px;}
- /* popup_STYLE24이용약관 팝업 */
- .modal.policiesTerms_pop {width:620px; max-width:none;}
- .modal.policiesTerms_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
- .modal.policiesTerms_pop .text_wrap {padding:20px;}
- .modal.policiesTerms_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
- /* popup_개인정보 수집 및 이용 팝업 */
- .modal.policiesPrivacy_pop {width:620px; max-width:none;}
- .modal.policiesPrivacy_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
- .modal.policiesPrivacy_pop .text_wrap {padding:20px;}
- .modal.policiesPrivacy_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
- /* popup_개인정보 취급 위탁 팝업 */
- .modal.trustPrivacy_pop {width:620px; max-width:none;}
- .modal.trustPrivacy_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
- .modal.trustPrivacy_pop .text_wrap {padding:20px;}
- .modal.trustPrivacy_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
- /*
- 팝업 컨텐츠 공통
- popup_STYLE24이용약관, popup_개인정보 수집 및 이용 약관, popup_개인정보 취급 위탁
- */
- .modal.trustPrivacy_pop .hookGrp .hook_list,
- .modal.policiesTerms_pop .hookGrp .hook_list,
- .modal.policiesPrivacy_pop .hookGrp .hook_list {padding: 20px;margin-bottom: 62px;}
- .modal.trustPrivacy_pop .hookGrp .hook_list ul,
- .modal.policiesTerms_pop .hookGrp .hook_list ul,
- .modal.policiesPrivacy_pop .hookGrp .hook_list ul {width: 426px; height: auto;display: block;}
- .modal.trustPrivacy_pop .hookGrp .hook_list ul li,
- .modal.policiesTerms_pop .hookGrp .hook_list ul li,
- .modal.policiesPrivacy_pop .hookGrp .hook_list ul li {width: 100%;}
- .modal.trustPrivacy_pop .hookGrp .hook_list ul li a span,
- .modal.policiesTerms_pop .hookGrp .hook_list ul li a span,
- .modal.policiesPrivacy_pop .hookGrp .hook_list ul li a span {margin: 0px 0px 20px 0;line-height: 16px;}
- .modal.trustPrivacy_pop table,
- .modal.policiesTerms_pop table,
- .modal.policiesPrivacy_pop table {word-break:keep-all;margin-top: 30px;}
- .modal.trustPrivacy_pop table th,
- .modal.policiesTerms_pop table th,
- .modal.policiesPrivacy_pop table th,
- .modal.trustPrivacy_pop table td,
- .modal.policiesTerms_pop table td,
- .modal.policiesPrivacy_pop table td {position:relative; padding:10px 20px; font-size:14px;color: #222222;letter-spacing:-0.025em;}
- .modal.trustPrivacy_pop table td,
- .modal.policiesTerms_pop table td,
- .modal.policiesPrivacy_pop table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
- .modal.trustPrivacy_pop table td:last-child,
- .modal.policiesTerms_pop table td:last-child,
- .modal.policiesPrivacy_pop table td:last-child {border-right: 1px solid transparent;}
- .modal.trustPrivacy_pop table th,
- .modal.policiesTerms_pop table th,
- .modal.policiesPrivacy_pop table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:500;text-align:center;}
- /* popup_비밀번호 변경 팝업 */
- .modal.pswordModify_pop {width:600px; max-width:none; height:auto;}
- .modal.pswordModify_pop input {color:#222;}
- .modal.pswordModify_pop .input_label {float:left; display:inline; width:150px; margin-top:14px; line-height:1; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
- .modal.pswordModify_pop .input_wrap {float:left; width:calc(100% - 150px);}
- .modal.pswordModify_pop .form_field {display:block; margin-top:10px}
- .modal.pswordModify_pop .form_field:first-child {margin-top:0;}
- .modal.pswordModify_pop .modal-footer .ui_row {margin:0;}
- .modal.pswordModify_pop .pop_cont {max-height:510px !important; padding-top:30px; border-top:1px solid #222;}
- .modal.pswordModify_pop .help_block {text-indent:0;}
- .modal.pswordModify_pop .help_block p span {position:relative; display:block; padding-left:20px; font-size:14px; word-break:keep-all;}
- .modal.pswordModify_pop .help_block p span.t_err {padding-left:22px;}
- .modal.pswordModify_pop .help_block p span.t_err::before {position:absolute; top:50%; transform:translateY(-50%);}
- .modal.pswordModify_pop .help_block p span .ico {position:absolute; left:0; top:7px; width:10px; height:8px;}
- .modal.pswordModify_pop .help_block p span .ico::before {vertical-align:top;}
- /* popup_배송지 변경 팝업 */
- .modal.adrsChange_pop {width:600px; max-width:none; height:auto;}
- .modal.adrsChange_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px; margin-bottom:-60px;}
- .modal.adrsChange_pop .modal-body .pop_cont {max-height:510px !important; margin-left:-20px; margin-right:-20px; padding:0 20px; line-height:1;}
- .modal.adrsChange_pop .modal-body .pop_cont ul {padding-bottom: 60px;}
- .modal.adrsChange_pop .modal-body .pop_cont.nodata ul {display: none;}
- .modal.adrsChange_pop .modal-body .pop_cont.nodata .empty_txt {display: block;}
- .modal.adrsChange_pop .modal-body .pop_cont .empty_txt {display: none; padding:80px 0 140px;}
- .modal.adrsChange_pop button span {line-height:1;}
- .modal.adrsChange_pop .btn.btn_sm {min-width:70px; height:34px; padding-top:9px; font-size:14px; font-weight:300;}
- .modal.adrsChange_pop .form_field,
- .modal.adrsChange_pop .form_field > div {display:block; width:100%;}
- .modal.adrsChange_pop .pop_cont li {margin-top:30px;}
- .modal.adrsChange_pop .pop_cont li:first-child {margin-top:0;}
- .modal.adrsChange_pop .pop_cont .adrs_box {padding:30px; border:1px solid #ddd; color:#222; font-size:16px;}
- .modal.adrsChange_pop .pop_cont .adrs_box .btn {margin-top:30px;}
- .modal.adrsChange_pop .pop_cont .adrs_box .btn:first-child {float:left;}
- .modal.adrsChange_pop .pop_cont .adrs_box .btn:last-child {float:right;}
- .modal.adrsChange_pop .pop_cont .adrs_box dl > div {margin-top:15px;}
- .modal.adrsChange_pop .pop_cont .adrs_box dl > div:first-child {margin-top:0; margin-bottom:20px; height:16px;}
- .modal.adrsChange_pop .pop_cont .adrs_box dl > div dt {float:left;}
- .modal.adrsChange_pop .pop_cont .adrs_box .icon_tag {display:inline-block; margin-top:-3px; vertical-align:top;}
- /* popup_배송지 추가 팝업 */
- .modal.adrsAdd_pop {width:600px; max-width:none; height:auto;}
- .modal.adrsAdd_pop .modal-body .pop_cont {line-height:1; max-height:550px; margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
- .modal.adrsAdd_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
- .modal.adrsAdd_pop button span {line-height:1;}
- .modal.adrsAdd_pop h6 {margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #222; color:#222; font-size:18px;}
- .modal.adrsAdd_pop .form_field,
- .modal.adrsAdd_pop .form_field > div {display:block; width:100%;}
- .modal.adrsAdd_pop .area_adrsinfo h6 {margin-bottom:20px;}
- .modal.adrsAdd_pop .area_adrsinfo {position:relative;}
- .modal.adrsAdd_pop .area_adrsinfo .default_addrs {position:absolute; right:0; top:0;}
- .modal.adrsAdd_pop .area_adrsinfo > .form_field {margin-top:10px}
- .modal.adrsAdd_pop .area_adrsinfo > .form_field > div {display:table;}
- .modal.adrsAdd_pop .area_adrsinfo > .form_field > div .input_wrap {display:table-cell;}
- .modal.adrsAdd_pop .area_adrsinfo > .form_field > div .btn {display:table-cell; min-width:122px; height:42px; float:none; font-size:14px; font-weight:200;}
- .modal.adrsAdd_pop .area_request {margin-top:60px;}
- .modal.adrsAdd_pop .area_request h6 {margin-bottom:30px;}
- /* popup_배송 요청사항 수정 팝업 */
- .modal.rqstModify_pop {width:600px; max-width:none; height:auto;}
- .modal.rqstModify_pop .modal-body .pop_cont {line-height:1; max-height:none;}
- .modal.rqstModify_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
- .modal.rqstModify_pop button span {line-height:1;}
- .modal.rqstModify_pop .form_field,
- .modal.rqstModify_pop .form_field > div {display:block; width:100%;}
- .modal.rqstModify_pop .area_request {border-top:1px solid #222; padding-top:30px;}
- .modal.rqstModify_pop .btn_group_block {margin-top:60px;}
- .modal.rqstModify_pop .btn_group_block .btn.btn_block {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
- .modal .area_request .form_field > div {margin-top:35px;}
- .modal .area_request .form_field > div:first-child {margin-top:0;}
- .modal .area_request .form_field > div label {color:#222; font-size:16px; font-weight:200; line-height:1;}
- .modal .area_request .info_box .input_wrap {margin-top:15px;}
- .modal .area_request .info_box .input_wrap p {position:relative; padding-left:10px; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
- .modal .area_request .info_box .input_wrap p::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:2px; background:#888;}
- /* popup_배송지 수정 팝업 */
- .modal.adrsModify_pop {width:600px; max-width:none; height:auto;}
- .modal.adrsModify_pop .modal-body .pop_cont {line-height:1; max-height:550px; margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
- .modal.adrsModify_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
- .modal.adrsModify_pop button span {line-height:1;}
- .modal.adrsModify_pop h6 {margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #222; color:#222; font-size:18px;}
- .modal.adrsModify_pop .form_field,
- .modal.adrsModify_pop .form_field > div {display:block; width:100%;}
- .modal.adrsModify_pop .area_adrsinfo h6 {margin-bottom:20px;}
- .modal.adrsModify_pop .area_adrsinfo {position:relative;}
- .modal.adrsModify_pop .area_adrsinfo .default_addrs {position:absolute; right:0; top:0;}
- .modal.adrsModify_pop .area_adrsinfo > .form_field {margin-top:10px;}
- .modal.adrsModify_pop .area_adrsinfo > .form_field > div {display:table;}
- .modal.adrsModify_pop .area_adrsinfo > .form_field > div .input_wrap {display:table-cell;}
- .modal.adrsModify_pop .area_adrsinfo > .form_field > div .btn {display:table-cell; min-width:122px; height:42px; float:none; font-size:14px; font-weight:200;}
- .modal.adrsModify_pop .area_request {margin-top:60px;}
- .modal.adrsModify_pop .area_request h6 {margin-bottom:30px;}
- /* popup_다다익선 상품보기 / 배송비 SAVE 상품보기 팝업 */
- .modal .area_slider .swiper-container .item_prod {width:100%;}
- .modal .area_slider .swiper-container .item_prod .item_state {padding:0;}
- .modal .area_slider .swiper-container .item_prod .item_state .btn {margin-top:20px; width:100%; height:34px; padding:10px; font-size:14px; font-weight:300;}
- .modal .area_slider .swiper-container .item_prod .item_state .itemPrice {position:relative; padding-top:20px;}
- .modal .area_slider .swiper-container .item_prod .item_state .itemPrice_original {position:absolute; top:0; left:0; margin:0;}
- .modal .area_slider .swiper-container .item_prod .item_state .itemPercent {top:auto; bottom:0;}
- .modal .area_slider .swiper-scrollbar {background:#ddd;}
- .modal .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
- .modal .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; margin-top:60px; width:100%; height:2px; opacity: 1 !important;}
- /* popup_다다익선 상품보기 */
- .modal.moresale_pop {width:950px; max-width:none; height:auto;}
- .modal.moresale_pop .modal-body .pop_cont {line-height:1; max-height:none;}
- .modal.moresale_pop button span {line-height:1;}
- .modal.moresale_pop .area_benefit {margin-bottom:30px; padding-top:4px; color:#fd4802; font-size:14px;}
- .modal.moresale_pop .area_benefit::after {clear:both; display:block;}
- .modal.moresale_pop .area_benefit .tag {float:left; width:55px; margin-top:-4px;}
- .modal.moresale_pop .area_benefit p {float:left;}
- .modal.moresale_pop .area_benefit p span {float:left; position:relative; padding:0px 12px;}
- .modal.moresale_pop .area_benefit p span::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
- .modal.moresale_pop .area_benefit p span:first-child::before {display:none;}
- /* popup_배송비 SAVE 상품보기 */
- .modal.dlvrSave_pop {width:950px; max-width:none; height:auto;}
- .modal.dlvrSave_pop .modal-body .pop_cont {line-height:1; max-height:none;}
- .modal.dlvrSave_pop button span {line-height:1;}
- /* popup_장바구니 옵션변경 */
- .modal.optModify_pop {width:890px; max-width:none; height:auto; max-height:890px;}
- .modal.optModify_pop .modal-body .pop_cont {line-height:1; max-height:680px; margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
- .modal.optModify_pop .modal-header {margin-bottom:20px;}
- .modal.optModify_pop .modal-header h5.modal-title {margin-bottom:20px;}
- .modal.optModify_pop button span {line-height:1;}
- .modal.optModify_pop img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
- .modal.optModify_pop .form_field,
- .modal.optModify_pop .form_field > div {display:block; width:100%;}
- .modal.optModify_pop .opt_header {margin-bottom:18px; font-size:14px;}
- .modal.optModify_pop .opt_header > span {float:left; display:inline;}
- .modal.optModify_pop .opt_header .title {color:#222; font-weight:500;}
- .modal.optModify_pop .opt_header .color {margin-left:20px; color:#666; font-weight:200;}
- .modal.optModify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
- .modal.optModify_pop .area_pic {float:left; width:360px;}
- .modal.optModify_pop .area_pic .pic_list {margin-top:-5px;}
- .modal.optModify_pop .area_pic .pic_list .thumb {position: relative;display: block;padding-bottom: 0%;box-sizing: border-box;width: 175px;height: 261px;border: 1px solid #eee;background: #f5f5f5;}
- .modal.optModify_pop .area_pic .pic_list li {float:left; width:50%; padding-top:5px; padding-bottom:5px;}
- .modal.optModify_pop .area_pic .pic_list li:nth-child(odd) {padding-right:5px;}
- .modal.optModify_pop .area_pic .pic_list li:nth-child(even) {padding-left:5px;}
- .modal.optModify_pop .area_order {float:right; width:380px;}
- .modal.optModify_pop .area_order > div {margin-top:40px;}
- .modal.optModify_pop .area_order > div:first-child {margin-top:0;}
- .modal.optModify_pop .area_order .opt_color ul {margin-top:-6px;}
- .modal.optModify_pop .area_order .opt_color ul li {float:left; margin-left:6px; margin-top:6px;}
- .modal.optModify_pop .area_order .opt_color ul li:nth-child(5n-4) {margin-left:0;}
- .modal.optModify_pop .area_order .opt_color ul li a {display:block; position: relative; box-sizing:border-box; width:70px; height:103px;padding-bottom: 0%;border: 1px solid #eee;background: #f5f5f5;}
- .modal.optModify_pop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #f5f5f5;box-sizing: border-box;}
- .modal.optModify_pop .area_order .opt_color ul li a.on::after {display: block;content: '';border:1px solid #fd4802;}
- .modal.optModify_pop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
- .modal.optModify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
- .modal.optModify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}
- .modal.optModify_pop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;}
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label {position:relative; display:block; width:50px; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::before,
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
- .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); transform:translateY(-50%); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
- .modal.optModify_pop .area_order .opt_size .form_field > div {float:left; width:auto;}
- .modal.optModify_pop .area_order .opt_select .select_custom .combo .select {height:42px; padding:15px;}
- .modal.optModify_pop .area_order .opt_select .select_custom .combo .list > li {height:42px; padding:15px; font-size:14px; line-height:1;}
- .modal.optModify_pop .area_order .opt_count .opt_count {padding-bottom:0;}
- .modal.optModify_pop .area_order .opt_count .number_count {display:inline-block; border:1px solid #ddd;}
- .modal.optModify_pop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
- .modal.optModify_pop .area_order .opt_count .number_count span,
- .modal.optModify_pop .area_order .opt_count .number_count input[type='text']{float:left;}
- .modal.optModify_pop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
- .modal.optModify_pop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
- .modal.optModify_pop .area_order .opt_count .number_count span.min_val,
- .modal.optModify_pop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
- .modal.optModify_pop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
- .modal.optModify_pop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
- .modal.optModify_pop .area_order .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
- .modal.optModify_pop .area_order .btn_group_block .btn {height:60px; font-size:18px; font-weight:300;}
- /* popup_쿠폰변경 팝업 */
- .modal.couponModify_pop {width:630px; max-width:none; padding-bottom:0; height:auto;}
- .modal.couponModify_pop .modal-body .pop_cont {max-height:600px; line-height:1;}
- .modal.couponModify_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px;}
- .modal.couponModify_pop button span {line-height:1;}
- .modal.couponModify_pop h6 {margin-bottom:20px;}
- .modal.couponModify_pop .form_field,
- .modal.couponModify_pop .form_field > div {display:block; width:100%;}
- .modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
- .modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
- .modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {height:120px;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:80px; height:120px; padding-top:0;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {display:table-cell; padding-left:20px; width:calc(100% - 140px); height:120px; vertical-align:middle;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:10px;}
- .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:15px;}
- .modal.couponModify_pop .area_item_coupon .select_custom {height:90px;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:90px; padding:0;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:89px; padding:0;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
- .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
- .modal.couponModify_pop .area_cart_coupon {margin-bottom:40px;}
- .modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd;}
- .modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
- .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon {display:table-cell; width:100%; height:104px; padding:20px 0px; line-height:1; vertical-align:middle;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
- .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
- /* popup_사은품지급안내 */
- .modal.infoGift_pop {width:600px; max-width:none; height:auto;}
- .modal.infoGift_pop .modal-body .pop_cont {max-height:none; padding:5px; border:1px solid #ddd; font-size:14px;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box {line-height:20px; padding:15px; max-height:360px; overflow:auto;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box ul li{width: 100%; position: relative; padding-left: 10px; word-break: keep-all;margin-bottom: 5px;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box ul li::before {content: '';position: absolute;left: 0;top: 10px;margin-top: -1px;width: 2px;height: 2px;background: #888;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar {width: 2px;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
- .modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
- /* popup_쿠폰사용안내 */
- .modal.couponInfo_pop {width:600px; max-width:none; height:auto;}
- .modal.couponInfo_pop .modal-title {word-break:keep-all;}
- .modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none; overflow: visible;}
- .modal.couponInfo_pop button span {line-height:1;}
- .modal.couponInfo_pop .form_field,
- .modal.couponInfo_pop .form_field > div {display:block; width:100%;}
- .modal.couponInfo_pop dl {font-size:14px; line-height:1;}
- .modal.couponInfo_pop dl > div:first-child {margin-top:0;}
- .modal.couponInfo_pop dl > div {margin-top:20px;}
- .modal.couponInfo_pop dl > div::after {content:''; clear:both; display:block;}
- .modal.couponInfo_pop dl dt {float:left; position:relative; width:84px; padding-left:15px; color:#222; font-weight:300;}
- .modal.couponInfo_pop dl dt::before {content:''; position:absolute; left:0; top:5px; width:3px; height:3px; background:#888;}
- .modal.couponInfo_pop dl dd {padding-left:84px; color:#666; font-weight:200;}
- /* my_popup > 환불계좌등록 */
- .modal.refund_pop {width:620px; max-width:none; padding:60px;}
- .modal.refund_pop .modal-title {margin-top:0;}
- .modal.refund_pop .modal-footer {margin-top:40px;}
- .modal.refund_pop .modal-footer .btn {width:255px;}
- .modal.refund_pop .modal-body .pop_cont {overflow:visible; position: relative; max-height:none;}
- .modal.refund_pop .select_custom {color:#666; font-size:14px;}
- .modal.refund_pop .select_custom .combo {min-width:300px; width:100%;}
- .modal.refund_pop .select_custom .combo .select {padding:14px 15px; color:#666; font-size:14px;}
- .modal.refund_pop .select_custom .combo .list {max-height: 200px;}
- .modal.refund_pop .select_custom .combo .list > li {padding:0 15px;}
- .modal.refund_pop table {width:470px;}
- .modal.refund_pop table th {padding:10px 0; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
- .modal.refund_pop table th span {display:inline-block; line-height:42px;}
- .modal.refund_pop table td {padding:10px 0;}
- .modal.refund_pop .input_wrap .form_control {float:left; width:100%;}
- .modal.refund_pop .input_wrap > *:nth-last-child(2) {width:275px;}
- .modal.refund_pop .input_wrap .form_control + .btn.btn_sm {width:95px; height:42px; font-size:14px; font-weight:300;}
- .modal.refund_pop .txt_info {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
- .modal.refund_pop .txt_info ul li {position:relative; padding-left:10px; margin-top:5px;}
- .modal.refund_pop .txt_info ul li::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#888;}
- .modal.refund_pop .txt_info ul li:first-child {margin-top:0;}
- /* popup_총알배송 가능여부 팝업 */
- .modal.bulletShip_pop {width:580px; max-width:none; padding:60px;}
- .modal.bulletShip_pop .modal-header {display:none;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result {text-align:center; line-height:1;overflow: hidden;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1) {position:relative; padding-top:35px; color:#666; font-size:16px; font-weight:300;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1)::before {content:''; position:absolute; width:52px; height:24px; top:0; left:50%; transform:translateX(-50%); background:url('//image.istyle24.com/Style24/images/pc/ico_home.png') no-repeat; background-size:auto 100%;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) {margin-top:15px; color:#222; font-size:32px; font-weight:700;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) span {color:#fd4802;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result .address {display:block; margin-top:25px; padding:20px 30px; background:#f5f5f5; color:#666; font-size:16px; font-weight:200; line-height:26px; word-break:keep-all;}
- .modal.bulletShip_pop .modal-body .pop_cont .txt_result .info {margin-top:30px; color:#888; font-size:14px;}
- .modal.bulletShip_pop .modal-footer {margin-top:40px;}
- .modal.bulletShip_pop .modal-footer .btn {width:220px; font-size:16px; font-weight:300;}
- /* my_popup > 교환옵션변경 */
- .modal.exchange_pop {width:630px; max-width:none; padding:60px;}
- .modal.exchange_pop .modal-title {margin-top:0;}
- .modal.exchange_pop .modal-footer {margin-top:40px;}
- .modal.exchange_pop .modal-footer .btn {width:255px;}
- .modal.exchange_pop .pop_cont {overflow:auto; max-height:500px; margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
- .modal.exchange_pop .form_field {display:block; width:100%;}
- .modal.exchange_pop .form_field > div {display:block; width:100%; line-height:1;}
- .modal.exchange_pop .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1;}
- .modal.exchange_pop .form_field input[type="checkbox"] + label::before,
- .modal.exchange_pop .form_field input[type="checkbox"] + label::after,
- .modal.exchange_pop .form_field input[type="checkbox"]:checked + label:after {top:50%;}
- .modal.exchange_pop .select_option_area {padding-bottom:40px;}
- .modal.exchange_pop .select_option_area h6 {color:#222; font-size:16px; font-weight:500;}
- .modal.exchange_pop .select_option_area .form_field > div {margin-top:20px;}
- .modal.exchange_pop .select_custom {color:#666; font-size:14px;}
- .modal.exchange_pop .select_custom .combo {min-width:400px; width:auto;}
- .modal.exchange_pop .select_custom .combo .select {padding:14px 15px; color:#666; font-size:14px;}
- .modal.exchange_pop .select_custom .combo .list > li {padding:0 15px;}
- .modal.exchange_pop .modify_option_area {padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
- .modal.exchange_pop .modify_option_area .modify_box {margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}
- .modal.exchange_pop .modify_option_area .modify_box:first-child {margin-top:0; padding-top:0; border-top:none;}
- .modal.exchange_pop .modify_option_area .modify_box .name_blk {color:#222; font-size:14px; font-weight:500; line-height:1;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk {width:510px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio {margin-top:12px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field {display:block; margin-top:-8px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div {margin-left:8px; margin-top:8px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div:nth-child(7n-6) {margin-left:0px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"] + label::before,
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"] + label::after {display:none;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div {float:left; width:auto;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_select {margin-top:20px;}
- .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_select .select_custom .combo {width:100%;}
- .modal.exchange_pop .modify_option_area .modify_box .allcheck_blk {margin-top:20px;}
- /* popup_고객등록 이미지 팝업1 */
- .modal.contact_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
- .modal.contact_img_pop a.close-modal {right:0; top:-60px; background-image:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls02.png');}
- .modal.contact_img_pop .modal-body .pop_cont {max-height:none;}
- .modal.contact_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
- .modal.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
- .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
- .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
- .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
- .modal.contact_img_pop .swiper-button-prev::after,
- .modal.contact_img_pop .swiper-button-next::after {content: '';}
- .modal.contact_img_pop .swiper-button-prev,
- .modal.contact_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block;}
- .modal.contact_img_pop .swiper-button-prev {left:-70px;}
- .modal.contact_img_pop .swiper-button-next {right:-70px;}
- .modal.contact_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .modal.contact_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- /* popup_고객등록 이미지 팝업2 */
- .modal.thumb_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
- .modal.thumb_img_pop a.close-modal {right:0; top:-60px; background-image:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls02.png');}
- .modal.thumb_img_pop .modal-body .pop_cont {max-height:none;}
- .modal.thumb_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
- .modal.thumb_img_pop .swiper-slide .pop_img iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
- .modal.thumb_img_pop .swiper-slide .pop_img .picsThumbs {max-width:none; max-height:none; width: 100%; height: 100%;}
- .modal.thumb_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
- .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
- .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
- .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
- .modal.thumb_img_pop .swiper-button-prev::after,
- .modal.thumb_img_pop .swiper-button-next::after {content: '';}
- .modal.thumb_img_pop .swiper-button-prev,
- .modal.thumb_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block;}
- .modal.thumb_img_pop .swiper-button-prev {left:-70px;}
- .modal.thumb_img_pop .swiper-button-next {right:-70px;}
- .modal.thumb_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
- .modal.thumb_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
- /* popup_룩북 피커 팝업 */
- .modal.lookbook_item_pop {max-width:585px; min-height:390px; padding:0;}
- .modal.lookbook_item_pop .item_prod {width:100%;}
- .modal.lookbook_item_pop .modal-header {margin:0;}
- .modal.lookbook_item_pop .itemsGrp {margin-bottom:0;}
- .modal.lookbook_item_pop .itemsGrp .item_prod {width: 100%; overflow: hidden;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .item_state {display: table; padding-left: 310px; padding-right: 55px; padding-bottom: 0; width: 100%; min-height:390px;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 260px; height:390px; padding:0; background: #f9f9f9;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300; line-height: 14px;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
- .modal.lookbook_item_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
- /* popup_마이페이지 회수조회 팝업 */
- .modal.reclaim_pop {width: 1000px; max-width:1000px;}
- .modal.reclaim_pop .modal-header {margin-bottom: 0; padding-bottom: 40px;}
- .modal.reclaim_pop .modal-body .pop_cont {color:#222;}
- @media screen and (max-width:1459px) {
- .fold_head .fold_state {width: 140px;}
- .case1 .fold_head .fold_tit span, .case2 .fold_head .fold_tit span{width: 720px;}
- .cs .history_wrap .txt {padding-left: 0px;}
- .cs .history_wrap {padding: 50px 30px 50px 0;}
- }
- /* IE */
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- /* my */
- .goods_info .order_review .review .photo_box .photo_list > ul li {width:calc(10% - 9px);}
- /* od */
- /* cs */
- /* mb */
- /* pd */
- /* dp */
- /* ev */
- /* br */
- /* sch */
- }
|