layout.css 422 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957
  1. @charset "utf-8";
  2. body {min-width:1460px; overflow-x:auto;}
  3. .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);}
  4. .blind:before {display: block;width: 0;height: 0;font-size: 0;content: '\00a0';}
  5. /* header */
  6. header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
  7. header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; background:inherit;}
  8. header .common_header {}
  9. .common_header{position:relative; background:#222222;color:#ffffff;min-width:1460px; box-sizing:border-box;}
  10. .common_header > * {color:#ffffff;}
  11. /*.common_header::before {content:''; position:absolute; left:0; right:0; bottom:-100px; width:100%; height:100px; background:inherit; z-index:1;}*/
  12. .common_header .hd_top_banner {text-align:center;}
  13. .common_header .hd_top_banner .close_bnr_area {position:absolute; right:50px; top:15px; z-index:9;}
  14. .common_header .hd_top_banner .close_bnr_area::after {content:''; clear:both; display:block;}
  15. .common_header .hd_top_banner .close_bnr_area .form_wrap {float:left; display:inline-block;}
  16. .common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label:before {top:50%; transform:translateY(-50%); background:url('/images/pc/chk_top_banner.png'); background-position:0 0;}
  17. .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('/images/pc/chk_top_banner.png'); background-position:100% 0;}
  18. .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;}
  19. .common_header .hd_top_banner .close_bnr_area .btn_close {float:left; width:20px; height:20px; margin-left:15px; background:url('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto; font-size:1px; text-indent:-999px; overflow:hidden;}
  20. .common_header .hd_top_banner > div {position:relative;}
  21. .common_header .hd_top_banner > div a {position:relative; display:block; width:100%; overflow:hidden;}
  22. .common_header .hd_top_banner > div a > div,
  23. .common_header .hd_top_banner > div a > img {display:inline-block; text-align:center; max-width:1120px;}
  24. .common_header .hd_top_banner .bnrtype_text {min-height:50px;}
  25. .common_header .hd_top_banner .bnrtype_text a {padding-top:15px; padding-bottom:15px;}
  26. .common_header .hd_top_banner .bnrtype_img {}
  27. .common_header .hd_top_banner .bnrtype_open {z-index:1;}
  28. .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('/images/pc/btn_open_bnr.png') no-repeat; background-position:50% 100%; font-size:1px; text-indent:-999px; overflow:hidden; z-index:10;}
  29. .common_header .hd_top_banner .bnrtype_open a .open_bnr_area {display:none; width:100%; max-width:2000px;}
  30. .common_header .hd_top_banner .bnrtype_open a .open_bnr_area img {position:relative; left:50%; transform:translateX(-50%); margin-left:-20px;}
  31. .common_header .hd_top_banner .bnrtype_open.fixed {position:fixed; display:block; top:0; left:0; right:0; width:100%; z-index:9;}
  32. .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);}
  33. .common_header .hd_top_banner .bnrtype_open.fixed a > img {display:none}
  34. .common_header .hd_top_banner .bnrtype_open.fixed .open_bnr_area {display:block;}
  35. .common_header .hd_top_banner .bnrtype_open.fixed .btn_toggle_bnr {background-position:50% 0%;}
  36. .common_header > .area{/*max-width: 1780px; margin:0 auto;*/height: 98px;padding:0 70px;position: relative;}
  37. .common_header > .area:after{content: ''; display: block; clear: both;}
  38. .common_header > .area .logo {}
  39. .common_header .logo {float:left; margin-top:35px;}
  40. .common_header .logo h1 {margin:0; font-size:0;}
  41. .common_header .logo .ico_logo:before {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
  42. .common_header > .area .util_group{}
  43. .common_header .util_group{overflow:hidden; float:right; margin-top:42px}
  44. .common_header .util_group span{float:left; position:relative; padding:0px 5px;}
  45. .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%);}
  46. .common_header .util_group span:last-child{padding-right:0;}
  47. .common_header .util_group span:last-child::after{content:''; display:none;}
  48. .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; /*-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;*/}
  49. .common_header .gnb {}
  50. .gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative;min-width: 1460px;box-sizing:border-box;}
  51. .gnb::after {content: ''; display: block; clear: both;}
  52. .gnb .nav {float:left; margin-left:-24px;}
  53. .gnb .nav .bundle {float:left; display:inline-block; padding:0 10px;}
  54. .gnb .nav .bundle.btn_home {}
  55. .gnb .nav .bundle > li {float:left; padding:0px 14px;}
  56. .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;}
  57. .gnb .nav .bundle > li > a:hover,
  58. .gnb .nav .bundle > li > a:focus,
  59. .gnb .nav .bundle > li > a:active,
  60. .gnb .nav .bundle > li > a.active {color:#fd4802; border-bottom:1px solid #fd4802;}
  61. .gnb .nav .bundle > li > a {position: relative;}
  62. .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%);}
  63. .gnb .nav .bundle:last-child > li > a::after{content: ''; display: none;}
  64. .gnb .nav .bundle > li > .depth_menu {}
  65. .depth_menu {position:absolute; top:80px; left:0; width:100%; background:#fff; color:#222; z-index:150; display:none;}
  66. .depth_menu::after {content:''; display: block; clear:both;}
  67. .depth_menu .head_category {position:relative; float:left; width: 68.75%;padding:50px 70px;padding: 50px 70px 50px 240px;}
  68. .depth_menu .head_category .tit {position:absolute; width:170px; left:70px;}
  69. .depth_menu .head_category .tit p {font-size: 24px; font-weight:500; margin-bottom:20px;}
  70. .depth_menu .head_category .tit a {font-size: 16px; color: #888; padding-right: 14px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 2px;}
  71. .depth_menu .head_category .tit a:after {display:none;}
  72. .depth_menu .head_category .menu {}
  73. .depth_menu .head_category .menu ul.maintabs {position:relative; width:25%; border-left: 1px solid #ddd;min-height: 320px;}
  74. ul.maintabs li {padding-left:40px; padding-top:20px;}
  75. ul.maintabs li:first-child {padding-top:0}
  76. ul.maintabs li a {display: inline-block; font-size: 16px; color: #666; position: relative;}
  77. ul.maintabs li a:after {content:''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background: #fd4801; display: none;}
  78. 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;}
  79. ul.maintabs li:hover > a,
  80. ul.maintabs li:focus > a {color:#fd4801; font-weight:300;}
  81. ul.maintabs li:hover > a::before,
  82. ul.maintabs li:focus > a::before,
  83. ul.maintabs li:hover > a::after,
  84. ul.maintabs li:focus > a::after {display:block;}
  85. ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%; top:0px; width:100%; border-left:1px solid #ddd; min-height:320px;}
  86. .more_category {float:left; position:relative; margin-left:20px}
  87. .more_category a.btn_more_cate {position:relative; display:inline-block; padding-right:16px; color:#888; font-size:16px; font-weight:300; z-index:8;}
  88. .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:''}
  89. .more_category.on a.btn_more_cate:after {top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:''}
  90. .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:2;}
  91. .more_category .cate_list ul li {margin-top:14px}
  92. .more_category .cate_list ul li:first-child {margin-top:0}
  93. .more_category .cate_list ul li a {display:block; padding:5px; color:#fff; font-size:19px;}
  94. .more_category .cate_list ul li a:hover {color:#fd4801; text-decoration:underline;}
  95. .depth_menu .head_banner {float:left; width: 31.25%; background: #f5f5f5; padding:50px 70px;}
  96. .depth_menu .head_banner .tit p {font-size: 24px; font-weight: 500; margin-bottom: 20px; }
  97. .depth_menu .head_banner li {float:left; width:49%;}
  98. .depth_menu .head_banner li:first-child {margin-right:2%;}
  99. .depth_menu .head_banner li .ev_img {position: relative; padding-top: 100%;}
  100. .depth_menu .head_banner li img {width: 100%; height:auto; position: absolute; left: 0; top: 0;}
  101. .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;}
  102. .depth_menu.brand .head_category {width: 100%;}
  103. .depth_menu.brand .head_category .menu {width:100%; border-left: 1px solid #ddd; padding-left: 40px;}
  104. .depth_menu.brand .head_category .menu .row {width: 100%; border-bottom: 1px solid #ddd; padding:30px 0;}
  105. .depth_menu.brand .head_category .menu .row:first-child {padding-top: 0;}
  106. .depth_menu.brand .head_category .menu .row p {font-size: 18px; font-weight: 500; margin-bottom: 25px;}
  107. .depth_menu.brand .head_category .menu .row ul {}
  108. .depth_menu.brand .head_category .menu .row ul:after {content:''; display: block; clear:both;}
  109. .depth_menu.brand .head_category .menu .row ul li {margin-left:4px; width:182px;}
  110. .depth_menu.brand .head_category .menu .row ul li:first-child {margin-left:0}
  111. .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;}
  112. .depth_menu.brand .head_category .menu .row ul li a img {display:inline-block; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
  113. .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;}
  114. .depth_menu.brand .head_category .menu .row ul li a span em {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
  115. .depth_menu.brand .head_category .menu .row ul li a:hover span,
  116. .depth_menu.brand .head_category .menu .row ul li a:focus span,
  117. .depth_menu.brand .head_category .menu .row ul li a:active span {display:block;}
  118. .depth_menu.brand .head_category .menu .row ul li a:hover img,
  119. .depth_menu.brand .head_category .menu .row ul li a:focus img,
  120. .depth_menu.brand .head_category .menu .row ul li a:active img {display:none;}
  121. .gnb .nav .bundle > li.more{float:right;position:relative;width:47px;height:47px}
  122. .gnb .nav .bundle > li.more button{position:absolute;top:-1px;right:0}
  123. .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}
  124. .gnb .nav li.more.on > ul{display:block}
  125. .gnb .nav li.more > ul li{padding:2px 19px 3px}
  126. .gnb .nav li.more > ul a{font-size:15px;color:#191919}
  127. .common_header .search {float:right; margin-top:-14px; /*margin-right:20px;*/}
  128. .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;}
  129. .common_header .search .ico_search:before {width:23px; height:23px;}
  130. .common_header .search .promotion_search {float:left; width:calc(100% - 30px); padding:0px; border:0;outline:none;font-size:18px;color: #bcbcbc;font-weight:200; line-height:34px; cursor:pointer;}
  131. .common_header .search button{float:right; margin:4px 0 0 0}
  132. .common_header .search .btn_open_search {display:none; float:left; margin-right:20px; margin-top:5px}
  133. .common_header .search .btn_cart {margin-top:4px}
  134. .common_header .search .circle_count{display:inline-block;width:23px;height:23px;margin-left:5px; font-size:7px;text-align:center;line-height:2.5;color:#fff;background:#fd4802;border-radius:50%; position:absolute; top:-10px; right:-18px; bottom:auto; left:auto;}
  135. .common_header .search .circle_count.red{background:#fd4802}
  136. .common_header .nav > ul.btn_home {display:none;}
  137. .common_header .black_screen {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 88; display:none;}
  138. .minify .common_header .search .ico_search:before {width:25px; height:25px;}
  139. .minify .common_header .util_group {margin-top:2px}
  140. .minify .common_header .nav > ul.btn_home {display:inline-block;}
  141. .minify .common_header .nav > ul > li > a {font-size:17px}
  142. .minify .common_header .search {margin-top:-5px}
  143. .minify .common_header .search > .area {display:none;}
  144. .minify .common_header .search .btn_open_search {display:block;}
  145. .minify .common_header .util_group span a {padding:0px 3px;}
  146. .minify .common_header .gnb .nav .bundle > li > .depth_menu {top:80px;}
  147. @media screen and (max-width:1620px) {
  148. .common_header .search > .area {display:none;}
  149. .common_header .search .btn_open_search {display:block;}
  150. }
  151. /* 상단비쥬얼 페이지경로 겹칠때*/
  152. .omitt {}
  153. .omitt .breadcrumb{position: relative;z-index: 10; max-width:1920px;}
  154. .omitt .breadcrumb ul li,.omitt .breadcrumb ul li a{color: #ffffff !important;}
  155. .omitt .breadcrumb ul li::before{background: url(/images/pc/ico_bread_root_w.png)no-repeat center center;}
  156. .omitt .cont_head{display: none;}
  157. .omitt .dp_hotdeal,
  158. .omitt .dp_Bulletship {top: -118px;}
  159. /* Brand HEADER */
  160. .common_header.br_header .util_group span::after {background:#fff; opacity:0.2;}
  161. .common_header.br_header .util_group span a {color:#ffffff; opacity:0.3; font-weight:200;}
  162. .common_header.br_header .util_group span:first-child a {opacity:1; font-weight:300;}
  163. .common_header.br_header .search .ico_search:before {width:25px; height:25px;}
  164. .common_header.br_header .search .btn_open_search {display:block;}
  165. .common_header.br_header .logo {margin-top:40px}
  166. .common_header.br_header .logo h1 {font-size: 28px;letter-spacing: -0.07em;color: #ffffff;font-weight: 400;}
  167. .common_header.br_header .depth_menu .head_category { width: 68%; padding:50px 70px 50px 20px;}
  168. .common_header.br_header .depth_menu .head_category .menu ul.maintabs {border-left:0}
  169. .common_header.br_header .depth_menu .head_banner {background: #ffffff; width:32%;}
  170. .common_header.br_header .depth_menu .head_banner li { width: 33.333%;}
  171. .common_header.br_header .depth_menu .head_banner li img{top: 50%;left: 0px;}
  172. .common_header.br_header .depth_menu .head_banner li:first-child {margin-right:0;}
  173. .common_header.br_header .depth_menu .item_prod {width: 100%;}
  174. .common_header.br_header > .area {height:90px;}
  175. .common_header.br_header .nav > ul > li.home {display:none;}
  176. .minify .common_header.br_header .nav > ul > li.home{display:block;}
  177. /* common_search */
  178. .common_search {display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:200; }
  179. .common_search.active {display:block;}
  180. .common_search div::after,
  181. .common_search ul::after {content:''; clear:both; display:block;}
  182. .common_search .btn_close_search {position:fixed; right:50px; top:50px; width:30px; height:30px; text-indent:-9999px; overflow:hidden; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
  183. .common_search .cont_search {position:relative; width:830px; top:50%; transform:translateY(-50%); margin:auto; }
  184. .common_search .cont_search .area_input {border-bottom:2px solid #222;}
  185. .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;}
  186. .common_search .cont_search .area_input .ico_search:before {width:26px; height:26px; background-image:url('/images/pc/ico_search_faq.png');}
  187. .common_search .cont_search .area_result {}
  188. .common_search .cont_search .area_result .empty_box {margin-top:80px;}
  189. .common_search .empty_box .nodata {color:#666; font-size:16px; font-weight:300; line-height:26px; text-align:center;}
  190. .common_search .empty_box .nodata::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  191. .common_search .empty_box .nodata .keyword {color:#fd4802; font-weight:500;}
  192. .common_search .empty_box .pd_list.recommend {margin-top:120px}
  193. .common_search .pd_list {float:left; width:100%;}
  194. .common_search .pd_list h3 {color:#222; font-size:20px; font-weight:500;}
  195. .common_search .pd_list .itemsGrp {margin:30px -10px 0;}
  196. .common_search .pd_list .itemsGrp .item_prod {width:calc(100% / 5);}
  197. .common_search .cont_search .area_result .default_box {margin-top:30px;}
  198. .common_search .cont_search .area_result .default_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500;}
  199. .common_search .default_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
  200. .common_search .default_box .recent_blk,
  201. .common_search .default_box .popular_blk {color:#666; font-size:14px; font-weight:300;}
  202. .common_search .default_box .recent_blk ul li,
  203. .common_search .default_box .popular_blk ul li {float:left; position:relative; margin-right:20px; margin-bottom:10px;}
  204. .common_search .default_box .recent_blk ul li a,
  205. .common_search .default_box .popular_blk ul li a {display:inline-block;}
  206. .common_search .default_box .recent_blk ul li a:hover,
  207. .common_search .default_box .recent_blk ul li a:active,
  208. .common_search .default_box .popular_blk ul li a:hover,
  209. .common_search .default_box .popular_blk ul li a:active {color:#fd4802;}
  210. .common_search .default_box .recent_blk .btn_underline {position:absolute; right:0; top:0;}
  211. .common_search .default_box .recent_blk ul li {padding-right:18px;}
  212. .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('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% auto;}
  213. .common_search .default_box .popular_blk ul li a::before {content:'#';}
  214. .common_search .default_box .realtime_blk {width:100%; margin-top:50px; margin-right:0px; padding-top:50px; padding-bottom:50px;}
  215. .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;}
  216. .common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
  217. .common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px; }
  218. .common_search .default_box .realtime_blk .modify_timer button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
  219. .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px;}
  220. .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;}
  221. .common_search .cont_search .area_result .searching_box {margin-top:30px;}
  222. .common_search .cont_search .area_result .searching_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500}
  223. .common_search .cont_search .area_result .searching_box .find_brand h3 {border-bottom: 1px solid #ddd;}
  224. .common_search .searching_box .pd_list.relate {margin-top:30px;}
  225. .common_search .searching_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
  226. .common_search .searching_box .autokeyword_blk ul li a em,
  227. .common_search .searching_box .exfind_blk .find_brand h3 a em,
  228. .common_search .searching_box .exfind_blk .find_category a em {color:#fd4802;}
  229. .common_search .searching_box .autokeyword_blk ul li {margin-bottom:10px; color:#666; font-size:14px; font-weight:300; float:left; margin-right: 20px;}
  230. .common_search .searching_box .exfind_blk .find_category ul li a:last-child::after {display:none;}
  231. .common_search .itemPrice.cols .itemPrice_original {display: table-cell;width: 100%;}
  232. .common_search .itemPrice.cols .itemPercent{top: auto;bottom: 0;}
  233. /* 브랜드검색 */
  234. .common_search.schBrand .default_box .recent_blk {width: 100%; margin-right: 0;}
  235. .common_search.schBrand .default_box .popular_blk {display: none;}
  236. .common_search.schBrand .searching_box [class*="_blk"] {width: 100%; margin-right: 0;}
  237. /* footer */
  238. #footer {position:relative;}
  239. .common_footer {position:relative; width:100%; min-width:1380px; box-sizing:border-box; padding:60px 70px; background-color:#f1f1f1;}
  240. .common_footer > div {padding-right:170px; box-sizing:border-box;}
  241. .common_footer .service_support {position: relative;margin: 0 auto; border-top: 0 none !important; zoom: 1;}
  242. .common_footer .service_support h2 {margin:0;}
  243. .common_footer .service_support .support_txt {display:block; padding-top:40px;}
  244. .common_footer .service_support .support_txt::after {content:''; clear:both; display:block;}
  245. .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;}
  246. .common_footer .service_support .support_txt li a span em {line-height: 10px;}
  247. .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;}
  248. .common_footer .service_support .support_txt li:first-child {margin-left:0; padding-left:0;}
  249. .common_footer .service_support .support_txt li:first-child::before {display:none;}
  250. .common_footer .service_support .family_link {position:absolute; z-index: 99; right:0; top:0px; width:170px;}
  251. .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; }
  252. .common_footer .service_support .family_link h2 a:hover{background-color: rgb(255 255 255);}
  253. .common_footer .service_support .family_link h2 a:focus{background-color: rgb(255 255 255); border: 1px solid #222222; border-top: 1px solid transparent;}
  254. .common_footer .service_support .family_link h2 a .ico {position:absolute; top:10px; right:15px; margin-right:0;}
  255. .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;}
  256. .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;}
  257. .common_footer .service_support .family_link dl dd {text-indent: 12px;}
  258. .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;}
  259. .common_footer .service_support .family_link dl dd a:hover {background:#efefef;}
  260. .common_footer .service_support .connect {position:absolute; top:76px; right:0px; text-align:left; width:170px; line-height:1.2; z-index:2;}
  261. .common_footer .service_support .connect .cs_box .clickable {color:#222; font-size:16px; font-weight:300;letter-spacing: -.025em;}
  262. .common_footer .service_support .connect .cs_box .clickable .ico_ft_arrow_r:before {vertical-align:top; margin-top:2px;}
  263. .common_footer .service_support .connect .cs_box span {display:inline-block; color:#666;}
  264. .common_footer .service_support .connect .cs_box span.time {font-size:14px; line-height: 22px;}
  265. .common_footer .service_support .connect .cs_box span.tel {font-size:18px;font-weight: 300;}
  266. .common_footer .service_support .connect .cs_box span.fax,
  267. .common_footer .service_support .connect .cs_box span.mail {color:#888; font-size:14px;font-weight: 200;}
  268. .common_footer .service_support .connect .sns_box {}
  269. .common_footer .service_support .connect .sns_box a {display:inline-block; width:20px; height:20px; background:no-repeat url('/images/pc/ico_ft_sns.png');}
  270. .common_footer .service_support .connect .sns_box a.fbook {background-position:0 0;}
  271. .common_footer .service_support .connect .sns_box a.insta {background-position:-20px 0;}
  272. .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;}
  273. .common_footer .service_support .connect .isms_box p {padding:5px 0 5px 60px; background:no-repeat url('/images/pc/ico_ft_isms.png') 5px 3px;}
  274. .common_footer .corporation_info {position:relative; min-height:30px; color:#888; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
  275. .common_footer .corporation_info .ft_cpinfo {margin-top:35px;}
  276. .common_footer .corporation_info .ft_cpinfo dl {}
  277. .common_footer .corporation_info .ft_cpinfo dl dt {font-weight:500;}
  278. .common_footer .corporation_info .ft_cpinfo dl dd {font-weight:200;}
  279. .common_footer .corporation_info .ft_cpinfo dl dd span {margin-right:10px;}
  280. .common_footer .corporation_info .ft_cpinfo dl .clickable {padding-bottom:2px; border-bottom:1px solid #888; color:#888; font-size:12px;}
  281. .common_footer .copyright {min-height:30px; margin-top:45px; color:#888; font-weight: 200;font-size:14px; line-height:1.5; letter-spacing:-0.5px; }
  282. .common_footer .cmfooter_corp_wrap {min-height:30px; font-size:14px; line-height:26px; letter-spacing:-0.5px; color:#888;}
  283. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in {position: relative;margin: 0 auto;zoom: 1;}
  284. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in:after {display: block;clear: both;content: "";}
  285. .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;}
  286. .common_footer .cmfooter_corp_wrap .cmfooter_corp_info {float: left; }
  287. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl {margin-top:40px;}
  288. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dt {font-weight:500;}
  289. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dd {font-weight:200;}
  290. .common_footer .cmfooter_corp_wrap .cmfooter_corp_in dl dd span {margin-right: 10px;}
  291. .common_footer .cmfooter_corp_wrap .cmfooter_corp_rgt {position: absolute; top:3px; right:0px; text-align:left; width:150px;}
  292. .common_footer .cmfooter_corp_wrap .cmfooter_corp_hosting {margin-top:50px; font-weight:300;}
  293. .common_footer .cmfooter_corp_wrap .cmfooter_mark {position: relative;margin-left: 44px;}
  294. .common_footer .cmfooter_corp_wrap .cmfooter_corp_copy {display: block;width: 164px;height: 41px;margin: 0 auto;background-position: -200px 0;}
  295. .common_footer .sp_cmfooter,
  296. .common_footer .cmfooter_corp_wrap .cmfooter_corp_cs .cmfooter_cs_tel:before {display: inline-block;vertical-align: top;}
  297. .partners_pop {max-width: 600px;padding: 60px;}
  298. .partners_pop .modal-body p{color: #666;font-size: 16px;line-height: 26px;letter-spacing: -0.04em;padding-bottom: 30px;}
  299. .partners_pop .tbl.type2 table th, .partners_pop .tbl.type2 table td{font-size: 14px;}
  300. /* 퀵메뉴 */
  301. #quick_menu {position:fixed; bottom:0; right:0; z-index:100; /*padding-left: 60px;*/}
  302. #quick_menu.active {right: 0;}
  303. #quick_menu:before {content:''; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: none;}
  304. #quick_menu.active:before {display: block;}
  305. #quick_menu .quick_btn {background: #222;position: absolute; left:-60px; width:60px; bottom:0;}
  306. #quick_menu .quick_btn li {width: 60px; height: 60px; text-align: center;}
  307. #quick_menu .quick_btn li button {display: block; width: 60px; height: 60px;}
  308. #quick_menu .quick_btn .count {display: block; margin-top: 6px; font-size: 12px; color: #fd4802;}
  309. #quick_menu .tabs_con {display:none; position: relative; margin-right:-363px; /*display:none;right:-363px; padding-left: 60px;*/ transition:all 0.3s;}
  310. #quick_menu.active .tabs_con {display:block; margin-right:0px;}
  311. #quick_menu .quick_close_btn {position: absolute; right:30px; top: 30px; width: 22px; height: 22px; background: url('/images/pc/ico_quick_close.png') no-repeat center/100%; z-index: 8;}
  312. #quick_menu .quick_con {position:relative;width:363px;height:100%;background:#fff;height:800px; display:none;}
  313. #quick_menu .quick_con .quick_head {position: relative; height:94px; padding: 30px; padding-bottom: 40px;}
  314. #quick_menu .quick_con .quick_head::after {display:none;}
  315. #quick_menu .quick_con .quick_head h3 {font-size: 24px; font-weight: 500; margin-bottom: 0;}
  316. #quick_menu .quick_con .quick_head h3 a {color: #222; position: relative; display: inline-block; padding-right: 22px;}
  317. #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('/images/pc/ico_dp_arrow.png') no-repeat center/100%;}
  318. #quick_menu .quick_con .quick_body {padding:0 30px 30px; height: 705px; overflow-y:scroll;}
  319. #quick_menu .quick_con .quick_body::after {display:none;}
  320. #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
  321. #quick_menu .quick_con .product_count span {font-weight: 500;}
  322. #quick_menu .quick_body::-webkit-scrollbar {width:4px;}
  323. #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;}
  324. #quick_menu .quick_body::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
  325. #quick_menu.on {position: absolute; bottom: 539px; width: 60px; height: 539px;}
  326. /* 퀵메뉴_최근 본 상품 */
  327. #quick_menu .history .itemsGrp {margin:0 -7px;}
  328. #quick_menu .history .item_prod {width: 50%;}
  329. #quick_menu .history .item_state {padding:0 7px 14px;}
  330. #quick_menu .history .itemPic {margin-bottom: 0;}
  331. #quick_menu .history .no_item {display: none;}
  332. #quick_menu .history .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
  333. #quick_menu .history .quick_body.nodata .item_prod {display: none;}
  334. #quick_menu .history .quick_body.nodata .no_item {display: block; line-height: 700px; text-align: center; font-size: 16px; color: #888;}
  335. /* 퀵메뉴_쇼핑백 */
  336. .itemsGrp {margin-bottom:0;}
  337. #quick_menu .shopingbag .quick_body {height: 655px; overflow-y:scroll;}
  338. #quick_menu .shopingbag .quick_body.nodata {height: 708px;}
  339. #quick_menu .shopingbag .quick_body .itemsGrp.empty {display: none;}
  340. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.existence {display: none;}
  341. #quick_menu .shopingbag .quick_body.nodata .itemsGrp .item_prod:first-child{padding-top: 20px;}
  342. #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;}
  343. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty {display:block; text-align:left;}
  344. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .desc {font-size: 16px; line-height: 1.6; color: #888; text-align: center;padding-bottom: 40px;}
  345. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .item_prod:last-child {border-bottom: 0; padding-bottom: 0;}
  346. #quick_menu .shopingbag .quick_body.nodata .purchase_btn {display: none;}
  347. #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}
  348. #quick_menu .shopingbag .itemsGrp .item_prod {width: 100%; overflow: hidden; padding:30px 0; border-bottom: 1px solid #ddd;}
  349. #quick_menu .shopingbag .itemsGrp .item_prod .delete_btn {position: absolute; top: 30px; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_close1.png') no-repeat center;}
  350. #quick_menu .shopingbag .itemsGrp .item_prod:first-child .delete_btn {top: 0;}
  351. #quick_menu .shopingbag .itemsGrp .item_prod:first-child {padding-top: 0;}
  352. #quick_menu .shopingbag .itemsGrp .item_prod:last-child {border-bottom: 0;}
  353. #quick_menu .shopingbag .itemsGrp .item_prod .itemBadge, #quick_menu .shopingbag .itemsGrp .item_prod .itemcolorchip {display: none;}
  354. #quick_menu .shopingbag .itemsGrp .item_prod .item_state {display: table; padding-left: 150px; padding-right: 0; padding-bottom: 0; width: 100%; min-height:210px;}
  355. #quick_menu .shopingbag .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  356. #quick_menu .shopingbag .itemsGrp .item_prod .itemLike {z-index: 99;}
  357. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 120px; padding-top: 70%;}
  358. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .shape {z-index: 89;}
  359. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
  360. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .pd_img {z-index: 88;}
  361. #quick_menu .shopingbag .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;}
  362. #quick_menu .shopingbag .itemsGrp .item_prod .itemBrand {margin:0px 0 15px; font-size: 14px; line-height:14px; font-weight: 300;}
  363. #quick_menu .shopingbag .itemsGrp .item_prod .itemComment {}
  364. #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;}
  365. #quick_menu .shopingbag .itemsGrp .item_prod .itemSize {font-size: 12px; margin-bottom: 20px; color: #888;}
  366. #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice {font-size: 16px; line-height: 1; font-weight: 500; margin:0 0 10px}
  367. #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice_original {display: inline-block; font-size: 14px; font-weight: 200;}
  368. #quick_menu .shopingbag .itemsGrp .item_prod .itemLink .purchase_btn {width: 100%; border:1px solid #a7a7a7; font-weight:300;}
  369. /* #quick_menu .shopingbag .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0; margin-top: 10px;} */
  370. /* #quick_menu .shopingbag .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;} */
  371. #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;}
  372. #quick_menu .shopingbag .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
  373. #quick_menu .shopingbag .shape:after {height: 18px; border-left:10px solid #fd4802;}
  374. #quick_menu .shopingbag .shape span {width: 100%; font-size: 13px; font-weight: 300;}
  375. /* 퀵메뉴_위시리스트 */
  376. #quick_menu .wishlist .itemsGrp {margin:0 -7px;}
  377. #quick_menu .wishlist .item_prod {width: 50%;}
  378. #quick_menu .wishlist .item_state {margin:0 7px 14px; padding: 0;}
  379. #quick_menu .wishlist .itemPic {margin-bottom: 0;}
  380. #quick_menu .wishlist .no_item {display: none;}
  381. #quick_menu .wishlist .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
  382. #quick_menu .wishlist .quick_body.nodata .item_prod {display: none;}
  383. #quick_menu .wishlist .quick_body.nodata .no_item {display: block; line-height: 675px; text-align: center; font-size: 16px; color: #888;}
  384. #quick_menu .wishlist .quick_body.need_login .product_count {display: none;}
  385. #quick_menu .wishlist .quick_body.need_login .itemsGrp {display: none;}
  386. #quick_menu .wishlist .quick_body.need_login .login_con {display: block;}
  387. #quick_menu .login_con {position: relative; height: 675px; display: none;}
  388. #quick_menu .login_con > div {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
  389. #quick_menu .login_con p {font-size: 16px; color: #888; margin-bottom: 30px;}
  390. #quick_menu .login_con .btn {width: 85px; padding: 10px 14px; font-size: 14px; border:1px solid #a7a7a7; font-weight: 300;}
  391. #quick_menu .wishlist .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
  392. #quick_menu .wishlist .shape:after {height: 18px; border-left:10px solid #fd4802;}
  393. #quick_menu .wishlist .shape span {width: 100%; font-size: 13px; font-weight: 300;}
  394. #quick_menu .wishlist .itemLike {top: 10px;}
  395. #quick_menu .wishlist .hover_con {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none;}
  396. #quick_menu .wishlist .hover_con .cart_btn {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
  397. #quick_menu .wishlist .item_prod:hover .hover_con {display: block;}
  398. #quick_menu .wishlist .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0;}
  399. #quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;}
  400. /* 퀵메뉴_나의 쿠폰_발급 가능 쿠폰 */
  401. #quick_menu .coupon .quick_body {overflow:hidden;}
  402. #quick_menu .coupon .quick_body.need_login {height: 100%;}
  403. #quick_menu .coupon .quick_body .login_con {display: none;}
  404. #quick_menu .coupon .quick_body.need_login .login_con {display: block;}
  405. #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;}
  406. #quick_menu .coupon .coupon_tab {margin-bottom: 30px;}
  407. #quick_menu .coupon .coupon_tab a {position: relative; font-size: 16px; color: #888;}
  408. #quick_menu .coupon .coupon_tab a:first-child {margin-right: 25px;}
  409. #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
  410. #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
  411. #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('/images/pc/ico_more_sm.png') no-repeat left 177px center;}
  412. #quick_menu .coupon .coupon_area {height:552px; overflow-y:auto;}
  413. #quick_menu .coupon .coupon_area::-webkit-scrollbar {width:4px;}
  414. #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;}
  415. #quick_menu .coupon .coupon_area::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
  416. #quick_menu .coupon #coupon_type01 .coupon_list {line-height:1;}
  417. #quick_menu .coupon #coupon_type01 .coupon_list li {margin-top:30px}
  418. #quick_menu .coupon #coupon_type01 .coupon_list li:first-child {margin-top:0}
  419. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  420. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon > div {position:relative;}
  421. #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;}
  422. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon p {padding:0 20px;}
  423. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  424. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont {margin-top:10px;}
  425. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
  426. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
  427. #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;}
  428. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
  429. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down {}
  430. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
  431. #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('/images/pc/ico_cp_down.png') no-repeat 0 0;}
  432. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
  433. /* 퀵메뉴_나의 쿠폰_보유 쿠폰 */
  434. #quick_menu .coupon #coupon_type02 .coupon_list li {float:left; width: 100%; margin:0 0 30px 0; position: relative; position: relative; overflow: hidden;}
  435. #quick_menu .coupon #coupon_type02 .coupon_list li:nth-child(4n) {margin-right: 0;}
  436. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_top {position: relative; overflow: hidden;}
  437. #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;}
  438. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;}
  439. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .tit {padding:0; margin-bottom: 10px; font-size: 14px;}
  440. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .tit {color:#888;}
  441. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
  442. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .sale_t {color:#888;}
  443. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  444. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
  445. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t span {font-size: 28px;}
  446. #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;}
  447. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont span {font-size: 12px; font-weight: 300; color: #888;}
  448. #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;}
  449. #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;}
  450. #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;}
  451. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
  452. #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;}
  453. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_date .cp_off {display: none; color: #888;}
  454. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date span {display: none;}
  455. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
  456. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
  457. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
  458. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
  459. /* 퀵메뉴_카테고리 */
  460. #quick_menu .category .quick_body {padding: 0;}
  461. #quick_menu .category .quick_cate_wrap > li > ul {display: none; background: #f5f5f5;}
  462. #quick_menu .category .quick_cate_wrap > li:first-child > a {padding-top: 0;}
  463. #quick_menu .category .quick_cate_wrap > li > a {display: block; padding:20px 30px; font-size: 18px; font-weight: 300;}
  464. #quick_menu .category .quick_cate_wrap > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
  465. #quick_menu .category .quick_cate_wrap > li.has_children > a {background: url('/images/pc/ico_quick_cate.png') no-repeat right 30px center;}
  466. #quick_menu .category .quick_cate_wrap > li.has_children.active > a {background: url('/images/pc/ico_quick_cate_on.png') no-repeat right 30px center; font-size: 18px; color: #fd4802;}
  467. #quick_menu .category .quick_cate_wrap > li.has_children.active > a span {border-bottom: 1px solid #fd4802;}
  468. #quick_menu .category .quick_cate_wrap > li.has_children > ul {padding: 15px 0;}
  469. #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a {display: block; font-size: 16px; color: #888; padding:15px 40px;}
  470. #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
  471. #quick_menu .category .quick_cate_txt {border-top: 1px solid #ddd; padding:30px;}
  472. #quick_menu .category .quick_cate_txt a {display: inline-block; position: relative; font-size: 14px; color: #888; margin-right: 20px;}
  473. #quick_menu .category .quick_cate_txt a:after {content:''; position: absolute; top: 2px; right: -12px; width: 1px; height: 8px; background: #ddd;}
  474. #quick_menu .category .quick_cate_txt a:last-child:after {display: none;}
  475. /* 상품리스트 정렬, 상품수 표기 영역 */
  476. .container .count_wrap::after {content:''; display: block; clear:both;}
  477. .container .count_wrap {padding:60px 0 20px;}
  478. .container .count_wrap div:nth-child(1) {float: left;}
  479. .container .count_wrap div:nth-child(1) p {color:#888;}
  480. .container .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:300;}
  481. .container .count_wrap div:nth-child(2) {float:right;}
  482. .container .count_wrap div:nth-child(2) ul {}
  483. .container .count_wrap div:nth-child(2) ul::after {content:''; clear:both; display:block;}
  484. .container .count_wrap div:nth-child(2) ul li {float:left; position:relative; padding-left:32px;}
  485. .container .count_wrap div:nth-child(2) ul li a {color:#888; font-size:14px; font-weight:200;}
  486. .container .count_wrap div:nth-child(2) ul li a.on {color:#222; font-weight:300;}
  487. .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%);}
  488. .container .count_wrap div:nth-child(2) ul li:first-child::before {display:none;}
  489. /********** 검색필터 : START **********/
  490. .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(/images/pc/ico_color_check.png) no-repeat 50% 50%; border-radius: 50%; z-index: 2;}
  491. .pdColor-color01::before {background-color: #000;}
  492. .pdColor-color02::before {background-color: #7f7f7f;}
  493. .pdColor-color03::before {background-color: #ff0306;}
  494. .pdColor-color04::before {background-color: #f98473;}
  495. .pdColor-color05::before {background-color: #ff99ec;}
  496. .pdColor-color06::before {background-color: #9c1d88;}
  497. .pdColor-color07::before {background-color: #9c5a28;}
  498. .pdColor-color08::before {background-color: #655611;}
  499. .pdColor-color09::before {background-color: #ffffaf;}
  500. .pdColor-color10::before {background-color: #ff8700;}
  501. .pdColor-color11::before {background-color: #012061;}
  502. .pdColor-color12::before {background-color: #0170c1;}
  503. .pdColor-color13::before {background-color: #bfffdd;}
  504. .pdColor-color14::before {background-color: #13b987;}
  505. .pdColor-color15::before {background-color: #5c5527;}
  506. .filter_list {background: url('/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;}
  507. .filter_list::after {content:''; display: block; clear:both;}
  508. .filter_list .form_field {float: right; width:inherit;}
  509. .filter_list .form_field div:last-child {margin-left: 20px;}
  510. .filter_list > ul {float:left; display: flex;}
  511. .filter_list ul li {position: relative; margin-right: 40px;}
  512. .filter_list ul li a {color:#222; font-size: 16px; font-weight: 300;}
  513. .filter_list ul li.on a {color:#fd4802; font-weight:500;}
  514. .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
  515. .filter_list > ul > li:first-child button span {color:#888;}
  516. .filter_list > ul > li:first-child button::before {display:none; content:''; position: absolute; width:12px; height:10px; background: url(/images/pc/ico_filter.png)no-repeat; top:44%; left: 0; transform:translateY(-50%);}
  517. .filter_list > ul > li:hover > a {color:#fd4802;}
  518. .filter_list .form_field div label span {color:#666;}
  519. .filter_content .sort {display:none; position: relative; padding: 40px 35px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
  520. .filter_content .sort.on {display:block;}
  521. .filter_content .sort .tap_close {position: absolute; bottom: 30px; right: 40px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(/images/pc/ico_pop_cls.png); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 98;}
  522. .filter_content .sort > ul {max-height: 350px; overflow-y: auto;}
  523. .filter_content .sort label span {color:#666; font-size:14px; font-weight:300;}
  524. .filter_content .sort label input:checked + span {color:#fd4802; font-weight:500;}
  525. .filter_content .sort.tap01 > ul {position: relative;}
  526. .filter_content .sort.tap01 > ul > li {width: 170px; margin-bottom: 20px;}
  527. .filter_content .sort.tap01 ul li div {position: absolute; width:170px; left:170px; top:0; padding-left: 40px; display: none;}
  528. .filter_content .sort.tap01 ul li div::before {content:''; position: absolute; top:0; left:0; width:1px; height: 270px; background: #ccc;}
  529. .filter_content .sort.tap01 ul li div ul li {margin-bottom: 20px;}
  530. .filter_content .sort.tap01 ul li a {color:#666; position: relative;}
  531. .filter_content .sort.tap01 ul li a:hover {color:#fd4802;}
  532. .filter_content .sort.tap01 ul li.noDepth.on > a {color:#fd4802;}
  533. .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;}
  534. .filter_content .sort.tap02 {padding-left:0; padding-right:0;}
  535. .filter_content .sort.tap02 ul::after {content:''; display: block; clear:both;}
  536. .filter_content .sort.tap02 ul li {float:left; padding-left:40px; padding-right:40px; margin-bottom:20px;}
  537. .filter_content .sort.tap03 ul li {border-bottom: 1px solid #ccc;}
  538. .filter_content .sort.tap03 ul li:first-child {padding-bottom: 30px;}
  539. .filter_content .sort.tap03 ul li:nth-child(2) {padding: 30px 0;}
  540. .filter_content .sort.tap03 ul li:last-child {padding-top: 30px; border: none;}
  541. .filter_content .sort.tap03 ul li strong {margin-right:40px; color:#222; font-weight:300;}
  542. .filter_content .sort.tap03 ul li label {color:#666; margin-right:40px; word-break:keep-all;}
  543. .filter_content .sort.tap03 ul li label:last-child {margin-right:0}
  544. .filter_content .sort.tap03 ul li label span {}
  545. .filter_content .sort.tap03 ul li .size_btn,
  546. .filter_content .sort.tap02 ul li .brand_btn,
  547. .filter_content .sort.tap06 ul li .Age_btn,
  548. .filter_content .sort.tap07 ul li .Season_btn,
  549. .filter_content .sort.tap09 ul li .Benefits_btn {cursor: pointer;}
  550. .filter_content .sort.tap03 ul li .size_btn input:checked+span,
  551. .filter_content .sort.tap02 ul li .brand_btn input:checked+span,
  552. .filter_content .sort.tap06 ul li .Age_btn input:checked+span,
  553. .filter_content .sort.tap07 ul li .Season_btn input:checked+span,
  554. .filter_content .sort.tap09 ul li .Benefits_btn input:checked+span {color:#fd4802;}
  555. .filter_content .sort.tap03 ul li .size_btn input,
  556. .filter_content .sort.tap02 ul li .brand_btn input,
  557. .filter_content .sort.tap06 ul li .Age_btn input,
  558. .filter_content .sort.tap07 ul li .Season_btn input,
  559. .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);}
  560. .filter_content .sort.tap04 ul {display: flex; justify-content: center; padding: 0 215px;}
  561. .filter_content .sort.tap04 ul::after {content: ""; position: absolute; left: 20%; top: 46px; width: 60%; height: 2px; background: #222; z-index: -2;}
  562. .filter_content .sort.tap04 ul li {text-align: center; width:20%;}
  563. .filter_content .sort.tap04 ul li:last-child {margin-right: 0;}
  564. .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; }
  565. .filter_content .sort.tap04 ul li input + label span:last-child {color:#666;}
  566. .filter_content .sort.tap04 ul li input:checked + label span:first-child {border-color: #fd4802;}
  567. .filter_content .sort.tap04 ul li input:checked + label span:last-child {color:#fd4802;}
  568. .filter_content .sort.tap04 ul li span {display: block; cursor: pointer;}
  569. .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%; }
  570. .filter_content .sort.tap04 ul li:first-child span:first-child::before {display: none;}
  571. .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; }
  572. .filter_content .sort.tap04 .range {width:1000px; margin: 0 auto;}
  573. .filter_content .irs {font-family: 'LATO', 'Noto Sans kr', sans-serif;}
  574. .range .irs--round.irs-with-grid {}
  575. .range .irs--round .irs-from,
  576. .range .irs--round .irs-to,
  577. .range .irs--round .irs-single {background-color: #fff; color:#222; display: none;}
  578. .range .irs--round .irs-from:before,
  579. .range .irs--round .irs-to:before,
  580. .range .irs--round .irs-single:before {display: none;}
  581. .range .irs--round .irs-line {background-color:#222; height:2px; overflow:visible;}
  582. .range .irs--round .irs-line::before,
  583. .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;}
  584. .range .irs--round .irs-line::before {left:0;}
  585. .range .irs--round .irs-line::after {right:0;}
  586. .range .irs--round .irs-bar {background-color: #fd4802; height: 2px;}
  587. .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;}
  588. .range .irs--round .irs-grid {/*bottom:-5px;*/ z-index:-1;}
  589. .range .irs--round .irs-grid-text {display:block; color:#666; font-size:14px; font-weight:300;}
  590. .range .irs--round .irs-min,
  591. .range .irs--round .irs-max {display: none;}
  592. .range .irs-grid-pol.small {display: none;}
  593. .range .irs-from,
  594. .range .irs-to,
  595. .range .irs-single {top:52px;}
  596. .range .irs-grid-pol {margin-left:1px}
  597. .filter_content .sort.tap05 ul {display: flex; justify-content: center; padding: 0 150px;}
  598. .filter_content .sort.tap05 ul::after {content: ""; position: absolute; left: 14.5%; top: 46px; width: 70.2%; height: 2px; background: #222; z-index: -2;}
  599. .filter_content .sort.tap05 ul li {text-align: center; width:10%;}
  600. .filter_content .sort.tap05 ul li:last-child {margin-right: 0;}
  601. .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;}
  602. .filter_content .sort.tap05 ul li input + label span:last-child {color:#666;}
  603. .filter_content .sort.tap05 ul li input:checked + label span:first-child {border-color: #fd4802;}
  604. .filter_content .sort.tap05 ul li input:checked + label span:last-child {color:#fd4802;}
  605. .filter_content .sort.tap05 ul li span {display: block; cursor: pointer;}
  606. .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%;}
  607. .filter_content .sort.tap05 ul li:first-child span:first-child::before {display: none;}
  608. .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;}
  609. .filter_content .sort.tap06 ul::after,
  610. .filter_content .sort.tap07 ul::after,
  611. .filter_content .sort.tap09 ul::after {content:''; display: block; clear: both;}
  612. .filter_content .sort.tap06 ul li,
  613. .filter_content .sort.tap07 ul li,
  614. .filter_content .sort.tap09 ul li {float: left; margin-right: 48px;}
  615. .filter_content .sort.tap06 ul li:last-child,
  616. .filter_content .sort.tap07 ul li:last-child,
  617. .filter_content .sort.tap09 ul li:last-child {margin-right: 0;}
  618. .filter_content .sort.tap08 ul::after {content:''; display: block; clear:both;}
  619. .filter_content .sort.tap08 ul li {float: left; margin-left: 20px;}
  620. .filter_content .sort.tap08 ul li:first-child {margin-left: 0;}
  621. .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);}
  622. .filter_content .sort.tap08 ul li .color-check [class*="pdColor"],
  623. .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:26px; height: 26px; cursor: pointer;border-radius: 50%;box-sizing: border-box;}
  624. .filter_content .sort.tap08 ul li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; }
  625. .fillter {display: none; position: relative; padding: 25px 20px; padding-bottom: 10px; padding-right: 115px; background: #f5f5f5; border:1px solid #ddd; border-top: 0;}
  626. .fillter::after,
  627. .fillter .fillter_box::after {content:''; display: block; clear:both;}
  628. .fillter .fillter_box > span {float:left; display:inline-block; 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;}
  629. .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;}
  630. .fillter .fillter_box [class*="pdColor"]:before { content: ""; display: inline-block; width: 13px; height: 13px; border-radius: 50%; box-sizing: border-box; }
  631. .fillter .fillter_box [class*="pdColor"] + .filter_delete {top:1px}
  632. .fillter .fillter_box .filter_delete {position:absolute; top:-1px; right: 0; background: url('/images/pc/ico_filter_close.png') no-repeat 50% 50%; width:14px; height:14px;}
  633. .fillter .fillter_reset {position: absolute; top:50%; right:10px; transform:translateY(-50%); padding:10px 10px 10px 20px; background: #f5f5f5; line-height:1 !important;}
  634. .fillter .fillter_reset::before {content:''; position: absolute; top:50%; left:0px; transform: translateY(-50%); width:11px; height: 9px; background: url(/images/pc/ico_filter_reset.png)no-repeat;}
  635. .fillter .fillter_reset span {color:#222; font-size:14px; font-weight:300;}
  636. /********** 검색필터 : END **********/
  637. /* modal popup */
  638. .modal .input_wrap .form_control {float:none; width: 100%; padding:5px 20px;}
  639. .modal .input_wrap .form_control,
  640. .modal .form_field .select {height: 42px; font-size: 14px;}
  641. .modal .select_dress {padding:11px 20px;}
  642. .modal .desc {color:#999; font-size: 14px;}
  643. .modal .input_wrap {width: 100%;}
  644. .modal .modal-body section {margin-bottom: 0px;}
  645. .modal .modal-footer {text-align: center;}
  646. .modal .modal-footer button.btn {width: 100%; height: 60px; font-size: 18px; font-weight:300;/*background: #222;*/}
  647. .modal div::after,
  648. .modal ul::after,
  649. .modal dl::after {content:''; clear:both; display:block;}
  650. .modal .form_field input[type="radio"] + label {padding-left:30px;}
  651. .modal .form_field input[type="radio"] + label:before,
  652. .modal .form_field input[type="radio"]:checked + label:after,
  653. .modal .form_field input[type="checkbox"] + label:before,
  654. .modal .form_field input[type="checkbox"]:checked + label:after,
  655. .modal .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
  656. /* layout */
  657. .container {width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; *zoom:1;}
  658. .container:after {clear:both; content:"";display:block;}
  659. .container .wrap {position:relative; width:100%; min-width:1460px; max-width:1920px; /*min-width: 1380px;*/ margin:0px auto; box-sizing:border-box;}
  660. .container .wrap .content {position:relative; margin-left:auto; margin-right:auto; padding-left:70px; padding-right:70px;}
  661. .container .wrap .content:after {content:''; clear:both; display:block;}
  662. .container .wrap .content.wide {width:100%; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
  663. .container .wrap .content section {display:block;}
  664. /* max-width: 1820px; */
  665. /* min-width: 1350px; */
  666. @media screen and (max-width:1459px) {}
  667. /* 검색 */
  668. .fs25 {font-size: 25px;}
  669. .fs18 {font-size: 18px;}
  670. .fwb {font-weight:bold; }
  671. /* breadcrumb */
  672. .breadcrumb {padding:0px 70px; margin:40px auto 60px;}
  673. .breadcrumb ul li {display: inline-block; color: #888;}
  674. .breadcrumb ul li:last-child {color:#222; font-weight: 300;}
  675. .breadcrumb ul li:first-of-type::before {content:none;}
  676. .breadcrumb ul li::before {content:''; display: inline-block; width:6px; height: 11px; padding: 0 12px; background: url('/images/pc/ico_bread_root.png')no-repeat center center;}
  677. .area_top_list_info {position:relative; width:100%; margin:60px auto 30px}
  678. .area_top_list_info .total_count {font-size:16px; color:#888; font-weight:200;}
  679. .area_top_list_info .total_count span {color:#fd4802; font-weight:300;}
  680. .area_top_list_info .ui_right {position:absolute; right:0; top:50%; transform:translateY(-50%);}
  681. .area_thumb_list {}
  682. .area_thumb_list .thumb_list {}
  683. .area_thumb_list .thumb_list ul {}
  684. .area_thumb_list .thumb_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:70px}
  685. .area_thumb_list .thumb_list ul li:nth-child(4n-3){margin-left:0}
  686. .area_thumb_list .thumb_list ul li:nth-child(-n+4) {margin-top:0}
  687. .area_thumb_list .thumb_list ul li a {display:block; position:relative;}
  688. .area_thumb_list .thumb_list ul li a .rank {z-index:2;}
  689. .area_thumb_list .thumb_list ul li a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
  690. .area_thumb_list .thumb_list ul li a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
  691. .area_thumb_list .thumb_list ul li a .txt {margin-top:15px; padding:0px 5px 0px}
  692. .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;}
  693. .area_thumb_list .thumb_list ul li a .txt .date {display:block; margin-top:15px; color:#888; font-size:14px; font-weight:300;}
  694. .area_thumb_list .nodata {padding:80px 0 100px; text-align:center;}
  695. .area_thumb_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  696. .area_thumb_list .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  697. .area_thumb_list .nodata .txt_box span {color:#fd4802; font-weight:500;}
  698. .area_thumb_list .nodata .btn_box {margin-top:40px;}
  699. .area_thumb_list .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
  700. /* swiper_nav_style */
  701. .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;}
  702. .content .swiper-pagination-bullet-active{background-color:#fd4802 !important;}
  703. .content .swiper-pagination-progressbar {background: #dddddd !important;}
  704. .content .swiper-pagination-progressbar-fill {background: #222222 !important;}
  705. .content .swiper-scrollbar {background:#ddd; height:2px; opacity: 1 !important;}
  706. .content .swiper-scrollbar-drag {border-radius:0; background:#222;}
  707. .content .swiper-button-prev,
  708. .content .swiper-button-next {display:inline-block; width:26px; height:50px; background-image:url('/images/pc/ico_slide_arrow.png'); background-repeat:no-repeat; background-size:auto 100%;}
  709. .content .swiper-button-prev {background-position:0 50%;}
  710. .content .swiper-button-next {background-position:100% 50%;}
  711. .content .swiper-button-prev::after,
  712. .content .swiper-button-next::after {display:none; color:transparent;}
  713. .content .swiper-button-prev.white,
  714. .content .swiper-button-next.white {background-image:url('/images/pc/ico_slide_arrow_white.png');}
  715. /* content */
  716. .cont_body::after {content: ''; display: block; clear: both;}
  717. @media screen and (max-width: 1620px){
  718. /*.container .wrap,*/
  719. .breadcrumb,
  720. .common_header > .area,
  721. .gnb,
  722. .common_footer,
  723. #header.minify .common_header > .area,
  724. #header.minify .common_header > .gnb,
  725. #br_header.minify .common_header > .area,
  726. #br_header.minify .common_header > .gnb {padding-left:70px; padding-right:70px;}
  727. /*.container.dp .wrap {padding-left:70px; padding-right:70px;}*/
  728. .container .wrap {}
  729. .container.dp.omitt .wrap {padding: 0;}
  730. .container.dp.omitt .list_content {padding: 0 70px;}
  731. }
  732. @media screen and (max-width: 1459px){
  733. /*.container .wrap,
  734. .breadcrumb,
  735. .common_header > .area,
  736. .gnb,
  737. .common_footer {padding-left:0; padding-right:0;}*/
  738. }
  739. @media (min-width:1440px){
  740. .visual > .area{height:532px;}
  741. }
  742. @media screen and (max-width: 1439px) {
  743. .visual > .area{height:445px;}
  744. }
  745. @keyframes caption_animation {
  746. from {right:30px;bottom:20px;opacity:0}
  747. to {bottom:41px;opacity:1}
  748. }
  749. @keyframes img_animation_a {
  750. from {top:30px;opacity:0}
  751. to {top:0;opacity:1}
  752. }
  753. @keyframes img_animation_b {
  754. from {left:30px;opacity:0}
  755. to {left:0;opacity:1}
  756. }
  757. .area .banner_left {top:0}
  758. .area .banner_right {top:0}
  759. /* LNB_layout */
  760. .lnb,.my_lnb {float: left; /*width: 17%;*/ width:17.80822%;}
  761. .lnb + .cont,.my_cont {float: left; /*width: 83%;*/ width:82.191780%;}
  762. .lnb + .cont {float:right;}
  763. .lnb_tit,.sec_head {margin-bottom: 60px;}
  764. .lnb_tit h2 {font-size: 36px; font-weight: 500;}
  765. .lnb_list ul li {margin-bottom:35px; line-height:1;}
  766. .lnb_list ul li a {color:#888; font-size:19px; font-weight:200; letter-spacing:-0.025em;}
  767. .lnb_list ul li a.on {color:#222; border-bottom: 2px solid #222; font-weight:500;}
  768. .lnb .lnb_category {padding-bottom:30px; border-bottom:1px solid #ddd; line-height:1;}
  769. .lnb .lnb_category .category > li > a.on,
  770. .lnb .lnb_category .sub_cate ul > li > a.on {color:#fd4800; /*border-bottom:1px solid #fd4800;*/ font-weight:300;}
  771. .lnb .lnb_category .category > li > a.on::before,
  772. .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;}
  773. .lnb .lnb_category .category > li {margin-top:20px}
  774. .lnb .lnb_category .category > li:first-child {margin-top:0;}
  775. .lnb .lnb_category .category > li a {display:inline-block; position:relative; color:#222; font-size:20px; font-weight:300;}
  776. .lnb .lnb_category .sub_cate {display:none; padding-bottom:10px;}
  777. .lnb .lnb_category .sub_cate > ul > li {margin-top:16px}
  778. .lnb .lnb_category .sub_cate > ul > li > .sub_cate {padding-left:15px;}
  779. .lnb .lnb_category .sub_cate > ul > li > a {color:#888; font-weight:200;}
  780. .lnb .lnb_category .category > li > .sub_cate > ul > li > a {font-size:18px}
  781. .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > a {font-size:16px}
  782. .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a {font-size:16px}
  783. .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('/images/pc/ico_bracket.png') no-repeat 50% 50%; background-size:100% 100%;}
  784. .lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a.on::after {background-image:url('/images/pc/ico_bracket_primary.png');}
  785. .lnb_foot {padding-top:30px; line-height:1;}
  786. .lnb_foot ul li {margin-bottom:20px;}
  787. .lnb_foot ul li p {color:#222; font-weight:300; font-size:14px; line-height:1;}
  788. .lnb_foot ul li:nth-child(1) p {}
  789. .lnb_foot ul li:nth-child(2) p {font-size:28px; font-weight:800;}
  790. .lnb_foot ul li:nth-child(3) p {color:#888; line-height:20px;}
  791. .dp .lnb, .sch_result .lnb {width:230px;}
  792. .dp .lnb_tit, .sch_result .lnb_tit {margin-bottom:30px;}
  793. .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('/images/pc/ico_lnb_category.png') no-repeat 2px 50%; text-align:left;}
  794. .dp .lnb_tit h3, .sch_result .lnb_tit h3 {font-size: 18px;}
  795. /* 상품리스트 > 상품 form */
  796. .item_gd {}
  797. .item_gd figure {padding:0; margin:0}
  798. .item_gd figure a {display:block; position:relative;}
  799. .item_gd figure::after {clear:both; display:block; content:'';}
  800. .item_gd figure figcaption {display:block;}
  801. .item_gd figure figcaption a {display:block;}
  802. .item_gd figure figcaption .brand {margin-top:0; color:#888; font-size:12px; font-weight:300;}
  803. .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;}
  804. .item_gd figure figcaption .price {line-height:20px;}
  805. .item_gd figure figcaption .price::after {content:''; display:block; clear:both;}
  806. .item_gd figure figcaption .price .selling_price {float:left; color:#222; font-size:16px; font-weight:500;}
  807. .item_gd figure figcaption .price del {float:left; padding-left:10px; color:#888; font-size:14px; font-weight:300;}
  808. .item_gd figure figcaption .price .discount {color:#fd4802; font-size:16px; font-weight:300;}
  809. .item_gd figure figcaption .option {color:#888; font-size:12px; line-height:1.4;}
  810. .item_gd span.thumb {display:block; position:relative; height:0; line-height:0; padding-top:150%; background-color:#eee;}
  811. .item_gd span.thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); bottom:0; width:100%; z-index:2;}
  812. /* 상품리스트 slide */
  813. .item_slide {}
  814. .item_slide .item_gd {padding:0 10px}
  815. .item_slide .item_gd figcaption {padding:0 5px}
  816. .item_slide .item_gd a .brand {margin-top:20px;}
  817. .item_slide .item_gd a .name {margin-top:15px;}
  818. .item_slide .item_gd a .price {margin-top:40px;}
  819. .item_slide .item_gd a .price .discount {float:right;}
  820. .item_slide .item_gd a .itemLike {right:20px; top:20px;}
  821. .item_slide .slick-dots {bottom:-70px;}
  822. .item_slide .slick-dots li button {background-color:#ddd;}
  823. .item_slide .slick-prev,
  824. .item_slide .slick-next {position:absolute; top:50%; transform:translateY(-50%); margin-top:-60px; font-size:0;}
  825. .item_slide .slick-prev {left:-50px;}
  826. .item_slide .slick-next {right:-50px;}
  827. .item_slide .slick-prev::after,
  828. .item_slide .slick-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
  829. .item_slide .slick-prev::after {background-position:0 50%;}
  830. .item_slide .slick-next::after {background-position:100% 50%;}
  831. /* 테이블 type1 수평 행,열별 구분선 없음 */
  832. .tbl.type1 {padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
  833. .tbl.type1 table {text-align:left; word-break:keep-all;}
  834. .tbl.type1 table th,
  835. .tbl.type1 table td {position:relative; /*padding:10px 40px;*/ font-weight:200; font-size:16px; letter-spacing:-0.025em;}
  836. .tbl.type1 table th {padding:10px 0px 10px 40px; font-weight:500;}
  837. .tbl.type1 table td {padding:10px 40px 10px 0px;}
  838. .tbl.type1 table tr td:first-child {padding-left:40px}
  839. .tbl.type1 table tr td:last-child {padding-right:40px}
  840. /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
  841. .tbl.type2 {padding:0; border-top:1px solid #000;}
  842. .tbl.type2 table {word-break:keep-all;}
  843. .tbl.type2 table th,
  844. .tbl.type2 table td {position:relative; padding:20px 0; border-bottom:1px solid #ddd; font-weight:200; font-size:16px; letter-spacing:-0.025em; text-align:center;}
  845. .tbl.type2 table th {font-weight:500;}
  846. /* 테이블 type3 - 결제정보 (구 버전) */
  847. .tbl.type3 {padding:0; border:1px solid #000;}
  848. .tbl.type3 table {word-break:keep-all;}
  849. .tbl.type3 table th,
  850. .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;}
  851. .tbl.type3 table th {font-weight:300;}
  852. .tbl.type3 table tr:last-child td {border-bottom:none;}
  853. /* 테이블 type4 - 수평 th 컬러구분 */
  854. .tbl.type4 table {border-top:1px solid #000;}
  855. .tbl.type4 table th,
  856. .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;}
  857. .tbl.type4 table th {background:#f5f5f5; color:#222; font-weight:500;}
  858. .tbl.type4 table td {position:relative; font-weight:200;}
  859. /* 테이블 type5 - 수직형 행,열별, th구분선 있음 */
  860. .tbl.type5 {padding:0; border-top:1px solid #000;}
  861. .tbl.type5 table {word-break:keep-all;}
  862. .tbl.type5 table th,
  863. .tbl.type5 table td {position:relative; padding:20px 0; font-size:16px; letter-spacing:-0.025em; text-align:center;}
  864. .tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:200;}
  865. .tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;}
  866. /* 테이블 type6 - 결제정보 (신 버전) */
  867. .tbl.type6 {padding:35px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
  868. .tbl.type6 table {text-align:left; word-break:keep-all;}
  869. .tbl.type6 table th,
  870. .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;}
  871. .tbl.type6 table th {font-weight:500;}
  872. .tbl.type6 table tr td:first-child {border-left:none}
  873. .tbl.type6 table tr td dl::after,
  874. .tbl.type6 table tr td dl > div::after {content: '';display: block;clear: both;}
  875. .tbl.type6 table tr td > dl {margin-top:20px}
  876. .tbl.type6 table tr td > dl:first-child {margin-top:0px}
  877. .tbl.type6 table td dl dt {float:left; font-size:16px; font-weight:300; color:#222}
  878. .tbl.type6 table td dl dd {float:right; font-size:15px; font-weight:200; color:#222}
  879. .tbl.type6 table td dl dd em {font-size:16px;}
  880. .tbl.type6 table td dl dd .btn.btn_sm {height:34px; margin-top:-8px; margin-left:10px; padding:10px 14px; font-size:14px;}
  881. .tbl.type6 table td dl dd .btn.btn_sm:first-child {margin-left:0;}
  882. .tbl.type6 table td dl dd .btn.btn_sm span {vertical-align:top; font-weight:200; line-height:1;}
  883. .tbl.type6 table td dl dd .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
  884. .tbl.type6 table td dl .price {font-size:22px; font-weight:700;}
  885. .tbl.type6 table td dl .price em {font-size:24px;}
  886. .tbl.type6 table td dl .price .oder_total_price {color:#222}
  887. .tbl.type6 table td dl .price .pay_total_price {color:#fd4802}
  888. .tbl.type6 table td dl .price .return_total_price {color:#fd4802}
  889. .tbl.type6 table td dl .save_point {position:relative; padding-left:22px;}
  890. .tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
  891. .tbl.type6 table td dl > div {margin-top:20px;}
  892. .tbl.type6 table td dl > div:first-child {margin-top:0px}
  893. .tbl.type6 table td dl > div.include_item {}
  894. .tbl.type6 table td dl > div.include_item dt {padding-left:15px; background:url('/images/pc/ico_bracket2.png') no-repeat 0 50%;}
  895. /* 테이블 내용 나열 폼 */
  896. .tbl th,
  897. .tbl td {vertical-align:top;}
  898. .tbl td .single_line::after {content:''; clear:both; display:block;}
  899. .tbl td .single_line ul li {float:left; position:relative; padding:0px 15px; margin:0}
  900. .tbl td .single_line ul li::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
  901. .tbl td .single_line ul li:first-child {padding-left:0}
  902. .tbl td .single_line ul li:first-child::before {display:none;}
  903. .tbl td .single_line ul li > span {margin-right:0}
  904. .tbl td .block_line {position:relative;}
  905. .tbl td .block_line ul li {margin-top:5px; height:1.625em; /*line-height:1;*/}
  906. .tbl td .block_line ul li:first-child {margin-top:0}
  907. .tbl td .block_line ul li > span {vertical-align:top;}
  908. .tbl td .block_line ul li .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
  909. .tbl td .block_line ul li .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
  910. /* 별점노출 */
  911. .star_score {position:relative; height:14px;}
  912. .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
  913. .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  914. .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
  915. .star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
  916. .star_score .score em {font-weight:500;}
  917. /* 배송관련 아이콘 */
  918. .tag {display:inline-block; height:22px; padding:5px 8px; /*background:#fff;*/ border:1px solid #ddd; color:#666; font-size:11px; font-weight:300; text-align:center; line-height:1;}
  919. .tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
  920. .tag.deepgray {background:#aaa; border-color:#aaa; color:#fff;}
  921. .tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
  922. .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;}
  923. /* 밑줄 탭 스타일 */
  924. .taps {text-align:center;}
  925. .taps > div {display:inline-block;}
  926. .taps > div > ul::after {content:''; clear:both; display:block;}
  927. .taps > div > ul li {float:left; padding:0px 20px;}
  928. .taps > div > ul li a {display:block; border-bottom:2px solid #fff; color:#888; font-size:20px; font-weight:200;}
  929. .taps > div > ul li.active a {border-color:#222; color:#222; font-weight:500;}
  930. .taps > div > ul li a > span {display:inline-block;}
  931. /* 안내1 */
  932. .com_info_txt {padding:40px 40px 35px; border:1px solid #ddd;}
  933. .com_info_txt .tit {position: relative; font-size: 16px; color: #666; padding-left:30px; font-weight:300; line-height:1;}
  934. .com_info_txt .tit:after {content:''; position: absolute; top:50%; left:0; transform:translateY(-50%); width: 20px; height: 20px; margin-top:-1px; background: url(/images/pc/ico_null02.png) no-repeat center}
  935. .com_info_txt ul {margin-top:15px}
  936. .com_info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-top:5px; line-height:24px; font-weight:200;}
  937. .com_info_txt ul li:first-child {margin-top:0;}
  938. .com_info_txt ul li:after {content:''; position: absolute; top:9px; left: 0; background: #858585; width: 3px; height: 3px;}
  939. /* 안내2 */
  940. .announce_txt {position:relative; max-width:1200px; margin:auto;}
  941. .announce_txt::after {content:''; clear:both; display:block;}
  942. .announce_txt .note_txt {float:left; width:65px; margin-top:2px; margin-right:60px; text-align:center;}
  943. .announce_txt .note_txt p {color:#888; font-size:18px; font-weight:300; margin-top:20px;}
  944. .announce_txt .announce_list {float:left; width:calc(100% - 125px);}
  945. .announce_txt .announce_list .tit {color:#888; font-size:16px; font-weight:300; margin-bottom:20px;}
  946. .announce_txt .announce_list ul {margin-bottom:40px;}
  947. .announce_txt .announce_list ul:last-of-type {margin-bottom:0px;}
  948. .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;}
  949. .announce_txt .announce_list ul li:before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#888;}
  950. .announce_txt .announce_list ul li:first-child {margin-top:0;}
  951. /* 주문내역 테이블 리스트 */
  952. .part_deliver {position:relative;}
  953. .part_deliver .tbl.type2 {border-bottom:1px solid #ddd;}
  954. .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;}
  955. .part_deliver .tbl.type2 table td.merge_row {border-top:1px solid #ddd;}
  956. .part_deliver .tbl.type2 table tr.bundle_row {border-top:1px solid #ddd;}
  957. .part_deliver .tbl.type2 table tr:first-of-type {border-top:none;}
  958. .part_deliver .tbl.type2 table tr:first-of-type td.merge_row {border-top:none;}
  959. .part_deliver .tbl.type2 table td:first-child {border-left:none;}
  960. .part_deliver .tbl.type2 table tr.bundle_row td:first-child {border-top:none;}
  961. .part_deliver table .info_item {display:table; position:relative; width:900px; text-align:left; box-sizing:border-box;}
  962. .part_deliver table .info_item > div {display:table-cell; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
  963. .part_deliver table .info_item .form_box {width:40px; position:relative; height:150px; vertical-align:top;}
  964. .part_deliver table .info_item .thumb_box {width:100px; height:150px; vertical-align:top;}
  965. .part_deliver table .info_item .thumb_box a {display:block; background:#f5f5f5;}
  966. .part_deliver table .info_item .info_box {padding-left:30px; padding-right:30px;}
  967. .part_deliver table .info_item .info_box > * {line-height:1;}
  968. .part_deliver table .info_item .info_box .od_name {}
  969. .part_deliver table .info_item .info_box .od_name a {display:block;}
  970. .part_deliver table .info_item .info_box .od_name span {display:inline-block; line-height:1;}
  971. .part_deliver table .info_item .info_box .od_name .brand {color:#888; font-size:14px; font-weight:200;}
  972. .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;}
  973. .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;}
  974. .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;}
  975. .part_deliver table .info_item .info_box .od_opt {margin-top:14px; color:#666; font-size:14px;}
  976. .part_deliver table .info_item .info_box .od_opt .option {display:block;}
  977. .part_deliver table .info_item .info_box .od_opt .count {display:block; margin-top:12px;}
  978. .part_deliver table .info_item .info_box .od_opt em {position:relative; padding-left:10px; margin-left:10px;}
  979. .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}
  980. .part_deliver table .info_item .info_box .od_opt em:first-child {padding-left:0; margin-left:0;}
  981. .part_deliver table .info_item .info_box .od_opt em:first-child::before {border-left:0;}
  982. .part_deliver table .info_item .info_box .od_modify {margin-top:17px}
  983. .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;}
  984. .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;}
  985. .part_deliver table .info_item .info_box .od_moresale {position:relative; margin-top:20px; font-size:14px;}
  986. .part_deliver table .info_item .info_box .od_moresale .ico {margin-right:10px;}
  987. .part_deliver table .info_item .info_box .od_moresale .btn_moresale {display:inline-block; position:relative; padding-right:20px; color:#fd4802;}
  988. .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(/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
  989. .part_deliver table .info_item .info_box .od_moresale .btn_moresale.active::after {transform:rotate(-90deg);}
  990. .part_deliver table .info_item .info_box .od_moresale .btn_moresale span {line-height:18px;}
  991. .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;}
  992. .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;}
  993. .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;}
  994. .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li:first-child {margin-top:0}
  995. .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li a {margin-left:20px; padding-right:15px; background:url(/images/pc/ico_mb_arrow2.png) no-repeat 100% 0%; color:#fd4802; font-weight:200; line-height:inherit;}
  996. .part_deliver table .info_item .info_calc {width:190px; text-align:center;}
  997. .part_deliver table .info_item .info_calc .btn {width:78px; height:34px; padding:0; font-size:14px; font-weight:200; box-sizing:border-box;}
  998. .part_deliver table .info_calc .price {}
  999. .part_deliver table .info_calc .price .selling_price {display:block; color:#222; font-size:20px; font-weight:300;}
  1000. .part_deliver table .info_calc .price .selling_price.msale {color:#fd4802;}
  1001. .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;}
  1002. .part_deliver table .info_calc .point {margin-top:10px; margin-bottom:15px; color:#888; font-size:14px; font-weight:200;}
  1003. .part_deliver table .info_calc .util {display:inline-block; margin-top:10px}
  1004. .part_deliver table .info_calc .util::after {content:''; clear:both; display:block;}
  1005. .part_deliver table .info_calc .util > span {float:left; display:inline-block; position:relative; margin-left:24px;}
  1006. .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;}
  1007. .part_deliver table .info_calc .util > span:first-child {margin-left:0;}
  1008. .part_deliver table .info_calc .util > span:first-child::before {display:none;}
  1009. .part_deliver table .info_calc .util button {position:relative; display:inline-block;}
  1010. .part_deliver table .info_calc .util button.btn_favorite {}
  1011. .part_deliver table .info_calc .util button.btn_delete {}
  1012. .part_deliver table .info_dlvr {}
  1013. .part_deliver table .info_dlvr .dlvr_fee {display:block; color:#222; font-size:18px; font-weight:300;}
  1014. .part_deliver table .info_dlvr .dlvr_shop {display:block; margin-top:12px; color:#666; font-size:14px; font-weight:200;}
  1015. .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;}
  1016. .part_deliver table .info_item.unable {}
  1017. .part_deliver table .info_item.unable .info_unable {display:block; padding:20px 0 0 0; color:#fd4802; font-size:14px;}
  1018. .part_deliver table .info_item.unable .info_calc .btn {opacity:1; background-color:#aaa; color:#fff; border-color:#aaa;}
  1019. /* 주문내역 테이블 리스트 ver.1 */
  1020. .part_goods {display:block; position:relative; border:1px solid #ddd;}
  1021. .part_goods::after,
  1022. .part_goods div::after {content:''; display:block; clear:both;}
  1023. .part_goods .goods_head {padding:20px 40px; background:#f5f5f5}
  1024. .part_goods .goods_head p {float:left; color:#888; font-size:18px; font-weight:300;}
  1025. .part_goods .goods_head p span {margin-left:15px; color:#222; font-weight:500;}
  1026. .part_goods .goods_head a {float:right; height:16px; padding-right:16px; color:#888; font-size:16px; font-weight:300; background:url('/images/pc/ico_more_sm.png') no-repeat 98% 2px;}
  1027. .part_goods .goods_cont {padding:40px;}
  1028. .part_goods .goods_cont .goods_info {margin-top:40px; padding-top:40px; border-top:1px dashed #ddd}
  1029. .part_goods .goods_cont .goods_info:first-child {margin-top:0; padding-top:0; border-top:none}
  1030. .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:top;}
  1031. .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {position:absolute; top:0; transform:translateY(0);}
  1032. .part_goods .goods_foot {}
  1033. .part_goods .goods_foot .order_gift {display:block; position:relative; padding:30px 40px 30px 170px; border-top:1px solid #ddd}
  1034. .goods_foot .order_gift .title {display:inline-block; position:absolute; left:57px; top:50%; transform:translateY(-50%); padding-left:25px; background:url(/images/pc/ico_giftbox.png) no-repeat 0 0; font-size:16px; font-weight:300; line-height:20px;}
  1035. .goods_foot .order_gift ul li {margin-top:10px; padding-left: 15px; background:url(/images/pc/ico_bracket.png) no-repeat 0 2px; color:#222; font-size:16px; font-weight:200;}
  1036. .goods_foot .order_gift ul li span {color:#fd4802}
  1037. .goods_foot .order_delivery {position:relative; padding:25px 40px; background:#f5f5f5; text-align:center; font-size:16px; font-weight:300;}
  1038. .goods_foot .order_delivery [class^="dlvr_"] {position:relative; display:inline-block; padding:0px 18px;}
  1039. .goods_foot .order_delivery [class^="dlvr_"]::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#ddd;}
  1040. .goods_foot .order_delivery [class^="dlvr_"]:first-child::before {display:none;}
  1041. .goods_foot .order_delivery .dlvr_fee {}
  1042. .goods_foot .order_delivery .dlvr_shop {color:#666;}
  1043. .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('/images/pc/ico_go_save.png') no-repeat 98% 50%;}
  1044. .goods_info {display:block; position:relative; width:100%;}
  1045. .goods_info .price_org {position:relative; color:#888; font-weight:200;}
  1046. .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%);}
  1047. .goods_info .price_sale {color:#222; font-weight:500;}
  1048. .goods_info .point {padding-left:22px; color:#888; font-weight:200; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
  1049. .goods_info .point strong {font-weight:300;}
  1050. .goods_info .order_desc {display:table; width:100%; height:150px;}
  1051. .goods_info .order_desc [class*="_box"] {display:table-cell; vertical-align:middle;}
  1052. .goods_info .order_desc .form_box {width:40px; padding-right:20px; padding-top:65px; vertical-align:top;}
  1053. .goods_info .order_desc .form_box .form_field input[type="checkbox"] + label {padding:0}
  1054. .goods_info .order_desc .goods_box {padding-left:130px;}
  1055. .goods_info .order_desc .goods_box [class^="gd_"] {max-width:550px;}
  1056. .goods_info .order_desc .goods_box .gd_date {}
  1057. .goods_info .order_desc .goods_box .gd_item {position:relative;}
  1058. .goods_info .order_desc .goods_box .gd_item a {display:block;}
  1059. .goods_info .order_desc .goods_box .gd_item p::after {content:''; display:block; clear:both;}
  1060. .goods_info .order_desc .goods_box .gd_item .thumb {position:absolute; left:-130px; top:50%; transform:translateY(-50%); width:100px; height:150px; background:#f5f5f5;}
  1061. .goods_info .order_desc .goods_box .gd_item .thumb img {position:relative; width:100%; top:50%; transform:translateY(-50%);}
  1062. .goods_info .order_desc .goods_box .gd_item .buy_date {display:block; margin-bottom:16px; color:#222; font-size:16px; font-weight:300;}
  1063. .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;}
  1064. .goods_info .order_desc .goods_box .gd_item .brand {float:left; display:inline-block; margin-right:10px; color:#888; font-size:14px; font-weight:200;}
  1065. .goods_info .order_desc .goods_box .gd_item .tag {float:left; margin-right:6px; margin-top:-5px;}
  1066. .goods_info .order_desc .goods_box .gd_opt {margin-top:15px;}
  1067. .goods_info .order_desc .goods_box .gd_opt .option_wrap {margin-top:15px}
  1068. .goods_info .order_desc .goods_box .gd_opt .option_wrap:first-child {margin-top:0;}
  1069. .goods_info .order_desc .goods_box .gd_opt .option_wrap .title {margin-bottom:10px; color:#fd4802; font-size:14px; font-weight:300;}
  1070. .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;}
  1071. .goods_info .order_desc .goods_box .gd_calc {margin-top:15px}
  1072. .goods_info .order_desc .goods_box .gd_calc p {float:left; position:relative; padding:0px 12px}
  1073. .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;}
  1074. .goods_info .order_desc .goods_box .gd_calc p:first-child {padding-left:0;}
  1075. .goods_info .order_desc .goods_box .gd_calc p:first-child::before {display:none;}
  1076. .goods_info .order_desc .goods_box .gd_calc p span {display:inline-block; font-size:15px;}
  1077. .goods_info .order_desc .goods_box .gd_calc p span em {font-size:16px;}
  1078. .goods_info .order_desc .goods_box .gd_calc p span.count {color:#666}
  1079. .goods_info .order_desc .goods_box .gd_calc p span.price_sale {margin-left:5px}
  1080. .goods_info .order_desc .goods_box .gd_exinfo,
  1081. .goods_info .order_desc .goods_box .gd_exinfo a {color:#fd4802; font-size:14px;}
  1082. .goods_info .order_desc .goods_box .gd_exinfo {margin-top:20px}
  1083. .goods_info .order_desc .goods_box .gd_exinfo p {margin-top:8px;}
  1084. .goods_info .order_desc .goods_box .gd_exinfo p:first-child {margin-top:0;}
  1085. .goods_info .order_desc .goods_box .gd_exinfo a {display:inline-block; padding-right:20px; color:#fd4802; font-weight:200; background:url('/images/pc/ico_go_save.png') no-repeat 100% 50%;}
  1086. .goods_info .order_desc .goods_box .gd_exinfo .tag {width:56px; margin-right:10px; padding-left:7px; padding-right:7px;}
  1087. .goods_info .order_desc .status_box {width:130px; color:#222; font-size:18px; font-weight:300; text-align:center;}
  1088. .goods_info .order_desc .status_box p {margin-top:10px;}
  1089. .goods_info .order_desc .status_box p:first-child {margin-top:0}
  1090. .goods_info .order_desc .status_box .date,
  1091. .goods_info .order_desc .status_box .time {display:block; margin-top:10px; color:#888; font-size:14px;}
  1092. .goods_info .order_desc .status_box .date {margin-top:12px;}
  1093. .goods_info .order_desc .status_box .restock_ready {display:inline-block; padding-left:25px; color:#222; background:url('/images/pc/ico_restock_ready.png') no-repeat 0% 50%;}
  1094. .goods_info .order_desc .status_box .restock_remain {display:inline-block; padding-left:25px; color:#fd4802; background:url('/images/pc/ico_restock_remain.png') no-repeat 0% 50%;}
  1095. .goods_info .order_desc .status_box .restock_past {display:inline-block; padding-left:25px; color:#888; background:url('/images/pc/ico_restock_past.png') no-repeat 0% 50%;}
  1096. .goods_info .order_desc .calc_box {width:150px; text-align:center;}
  1097. .goods_info .order_desc .calc_box .price_org {display:inline-block; margin-bottom:10px; font-size:14px; font-weight:300;}
  1098. .goods_info .order_desc .calc_box .price_sale {display:inline-block; font-size:20px; font-weight:500;}
  1099. .goods_info .order_desc .calc_box .point {display:inline-block; margin-top:13px; font-size:14px; line-height:18px;}
  1100. .goods_info .order_desc .button_box {width:220px; padding-left:90px; text-align:center;}
  1101. .goods_info .order_desc .button_box p {margin-top:10px;}
  1102. .goods_info .order_desc .button_box p:first-child {margin-top:0}
  1103. .goods_info .order_desc .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
  1104. .goods_info .order_desc .button_box .btn span {line-height:1}
  1105. .goods_info .order_desc .button_box .util {margin-top:12px}
  1106. .goods_info .order_desc .button_box .util span {position:relative; display:inline-block; margin-left:24px;}
  1107. .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;}
  1108. .goods_info .order_desc .button_box .util span:first-child {margin-left:0;}
  1109. .goods_info .order_desc .button_box .util span:first-child::before {display:none;}
  1110. .goods_info .order_desc .button_box .count_modify {}
  1111. .goods_info .order_desc .button_box .count_modify .txt {display:block; margin-bottom:8px; color:#222; font-size:16px; font-weight:300;}
  1112. .goods_info .order_desc .button_box .count_modify .select_custom.select_count {margin-bottom:10px; font-size:14px; text-align:left;}
  1113. .goods_info .order_desc .button_box .count_modify .select_custom.select_count .combo .select {padding:14px 15px; color:#666; font-size:14px;}
  1114. .goods_info .order_desc .button_box .count_modify .select_custom.select_count .combo .list > li {padding:0 15px;}
  1115. .goods_info .order_text {display:block; width:100%; margin-top:20px; padding:20px 30px; background-color:#fff6f2;}
  1116. .goods_info .order_text p {margin-top:10px; padding-left:20px; color:#222; font-size:14px; font-weight:300; line-height:1; background:url('/images/pc/ico_primary_check.png') no-repeat 0 50%;}
  1117. .goods_info .order_text p:first-child {margin-top:0}
  1118. .goods_info .order_review {position:relative; padding-top:40px; margin-top:40px;}
  1119. .goods_info .order_review::before {content:''; position:absolute; top:0; left:-40px; right:-40px; border-top:1px dashed #ddd;}
  1120. .goods_info .order_review .review {}
  1121. .goods_info .order_review .review dl::after {content:''; display:block; clear:both;}
  1122. .goods_info .order_review .review dl dt,
  1123. .goods_info .order_review .review dl dd {float:left;}
  1124. .goods_info .order_review .review dl > div {float:left;}
  1125. .goods_info .order_review .review .info_box {}
  1126. .goods_info .order_review .review .info_box .star_score {float:left}
  1127. .goods_info .order_review .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#f5f5f5;}
  1128. .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('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  1129. .goods_info .order_review .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
  1130. .goods_info .order_review .review .info_box .writer {float:right;}
  1131. .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;}
  1132. .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;}
  1133. .goods_info .order_review .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
  1134. .goods_info .order_review .review .info_box .writer span:first-child::after {display:none;}
  1135. .goods_info .order_review .review .response_box {margin-top:25px}
  1136. .goods_info .order_review .review .response_box > div {margin-top:15px;}
  1137. .goods_info .order_review .review .response_box > div:first-child {margin-top:0}
  1138. .goods_info .order_review .review .response_box > div dl div {margin-right:30px}
  1139. .goods_info .order_review .review .response_box > div dl div dt {color:#888}
  1140. .goods_info .order_review .review .response_box > div dl div dd {margin-left:12px; color:#fd4802}
  1141. .goods_info .order_review .review .photo_box {margin-top:20px}
  1142. .goods_info .order_review .review .photo_box .photo_list {}
  1143. .goods_info .order_review .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px}
  1144. .goods_info .order_review .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
  1145. .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;}
  1146. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  1147. .goods_info .order_review .review .txt_review_box {margin-top:25px; line-height:24px;}
  1148. .goods_info .order_review .review .reply_box {margin-top:30px; padding-top:15px}
  1149. .goods_info .order_review .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
  1150. .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;}
  1151. .goods_info .order_review .review .reply_box .reply .reply_writer {}
  1152. .goods_info .order_review .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  1153. .goods_info .order_review .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
  1154. .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('/images/pc/ico_admin.png') no-repeat 0 0;}
  1155. .goods_info .order_review .review .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
  1156. .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;}
  1157. .goods_info .order_review .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
  1158. /* 주문내역 테이블 리스트 ver.2 */
  1159. .area_part {border-top:1px solid #ddd}
  1160. .area_part .part_goods {border:none}
  1161. .area_part .part_goods .goods_cont {padding:40px 0}
  1162. .area_part .part_goods .goods_cont .order_desc .calc_box {width:190px; padding-left:20px;}
  1163. .area_part .part_goods .goods_cont .order_desc .button_box {width:250px; padding-right:40px; padding-left:90px;}
  1164. .area_part .part_goods .goods_cont .order_desc .goods_box .gd_item {position:static;}
  1165. .area_part .part_goods .goods_cont .goods_info .order_desc .goods_box {position:relative; vertical-align:middle;}
  1166. .area_part .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0}
  1167. .area_part .part_goods .goods_cont .goods_info .order_desc .button_box .btn {height:34px; padding:9px; font-weight:200;}
  1168. .area_part .part_goods .goods_cont .goods_info .order_desc .button_box .btn_default {color:#222;}
  1169. .area_part .part_goods .goods_foot {}
  1170. /* 상품권 */
  1171. .voucher {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  1172. .voucher div:first-child {height:160px;}
  1173. .voucher > div {position:relative;}
  1174. .voucher .vch_name {padding:30px 30px 0; color:#222; font-size:14px; font-weight:300;}
  1175. .voucher .vch_price {margin-top:10px; padding:0 30px; text-align:right;}
  1176. .voucher .vch_remain {margin-top:10px; padding:0 30px; text-align:right; color:#fd4802; font-size:20px; font-weight:700;}
  1177. .voucher .vch_remain span {margin-left:4px; font-size:26px;}
  1178. .voucher .vch_remain span em {font-size:32px;}
  1179. .voucher .vch_code {margin-top:15px; padding:0 30px; text-align:right; color:#888; font-size:12px; font-weight:300;}
  1180. .voucher .vch_date {padding:18px 0 19px; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
  1181. .voucher.disable {background:#f5f5f5}
  1182. .voucher.disable * {color:#888}
  1183. .voucher.disable .cp_cont span {color:#888}
  1184. .voucher.disable .tag {border-color:#888; background:none;}
  1185. .voucher.disable .vch_remain {font-size:28px}
  1186. /* 쿠폰 */
  1187. .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  1188. .coupon > div:first-child {height:160px;}
  1189. .coupon > div {position:relative;}
  1190. .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;}
  1191. .coupon p {padding:0 20px;}
  1192. .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  1193. .coupon .cp_cont {margin-top:10px;}
  1194. .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
  1195. .coupon .cp_cont span em {font-size:28px; font-weight:700;}
  1196. .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
  1197. .coupon .cp_condition span {display:block; margin-top:5px}
  1198. .coupon .btn_coupon_down {}
  1199. .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
  1200. .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('/images/pc/ico_cp_down.png') no-repeat 0 0;}
  1201. .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
  1202. .coupon .cp_date {padding:18px 0 19px; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
  1203. .coupon + .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
  1204. .coupon.disable {background:#f5f5f5}
  1205. .coupon.disable * {color:#888}
  1206. .coupon.disable .cp_cont span {color:#888}
  1207. .coupon.disable .tag {border-color:#888; background:none;}
  1208. /* nodata_데이터 없을시 안내 */
  1209. .nodata {padding:80px 0; text-align:center;}
  1210. .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  1211. .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 20px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  1212. .nodata .btn_box {margin-top:40px;}
  1213. .nodata .btn_box .btn {color:#222; font-size:14px; font-weight:300;}
  1214. /* page_end_point 안내*/
  1215. .last_page {padding:30px; margin-top:120px; margin-left:70px; margin-right:70px; max-width:100%; /*background:#f5f5f5;*/ color:#888; font-size:16px; font-weight:300; text-align:center; line-height:1.24;}
  1216. /* sub */
  1217. /* mb_공통 */
  1218. .mb .wrap {padding:160px 0 220px; font-weight:200;}
  1219. .mb .cont_head {margin-bottom:40px; text-align:center; line-height:1;}
  1220. .mb [class^="ico_content_"]::before {margin:0px auto 22px;}
  1221. .mb input[type="text"],
  1222. .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;}
  1223. .mb .form_field {display:block;}
  1224. .mb .form_field input[type="radio"] + label {line-height:1;}
  1225. .mb .form_field input[type="radio"] + label:before,
  1226. .mb .form_field input[type="radio"]:checked + label:after {top:50%; transform:translateY(-50%);}
  1227. .mb .btn {font-size:18px; font-weight:300}
  1228. .mb .btn.btn_block {height:60px; line-height:1;}
  1229. .mb .ui_row {margin-top:0px; margin-bottom:0}
  1230. .mb .btn_group_block {float:none; margin-top:40px}
  1231. .mb .btn_group_block [class^='ui_col_'] {overflow:hidden; margin-right:5px; margin-left:5px;}
  1232. .mb .btn_group_block [class^='ui_col_']:first-child {margin-left:0}
  1233. .mb .btn_group_block [class^='ui_col_']:last-child {margin-right:0}
  1234. .mb .btn_group_block button {padding-top:15px; padding-bottom:16px;}
  1235. .mb div::after,
  1236. .mb ul::after,
  1237. .mb dl::after,
  1238. .mb dl div::after {content:''; display:block; clear:both;}
  1239. .mb .cont_body {width:530px; margin: 0 auto;}
  1240. .mb .form_wrap .form_info {text-align:center;}
  1241. .mb .form_wrap .form_info p {color:#222; font-size:18px; font-weight:300; line-height:26px;}
  1242. .mb .form_wrap .form_info p.t_info {margin-top:10px !important; font-size:16px; color:#888; font-weight:300;}
  1243. .mb .form_wrap .form_field input::placeholder {color:#888; font-weight:200;}
  1244. .mb .form_wrap .form_field {margin-top:10px;}
  1245. .mb .form_wrap .form_field:first-child {margin-top:0px;}
  1246. .mb .foldGroup {margin:0;}
  1247. .mb .form_group{display:none;}
  1248. .mb .form_group:first-of-type{display:block;}
  1249. .mb .form_group::after {display: block; content: ''; clear: both;}
  1250. .mb .fold_tit,
  1251. .mb .fold_tit span {width: inherit !important;}
  1252. .mb .fold_head .fold_tit {padding: 0 0 0 34px;}
  1253. .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('/images/pc/ico_chk_rdi.png')no-repeat -60px 0px;}
  1254. .mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
  1255. .mb .fold_head.on .fold_tit::before {background-position:-80px 0;}
  1256. .mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
  1257. .mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
  1258. .mb .find_result {padding:0px 0px 0px; font-weight:200;}
  1259. .mb .find_result .help_block {text-align:left}
  1260. .mb .find_result input {font-size:16px;}
  1261. .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;}
  1262. .mb .find_result .form_print_bar ul li {margin-top: 16px;}
  1263. .mb .find_result .form_print_bar ul li:first-child {margin-top: 0;}
  1264. .mb .find_result .form_print_bar ul li span {display:inline-block;}
  1265. .mb .find_result .form_print_bar ul li span.t_span {width:120px; color:#888; font-size:14px;}
  1266. .mb .registration_nav {margin-bottom:40px;}
  1267. .mb .registration_nav ul::after {content:''; display: block; clear:both;}
  1268. .mb .registration_nav ul li {float: left; width:50%; text-align: center; background:#f5f5f5; box-sizing: border-box; border-bottom:1px solid #222;}
  1269. .mb .registration_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:none;}
  1270. .mb .registration_nav ul li a {display:inline-block; width:100%; height:60px; line-height:60px; color:#888; font-size:18px; font-weight:200 }
  1271. .mb .registration_nav ul li.active a {color:#222; font-weight:500;}
  1272. .mb .registration_tap .form_group > .form_field {margin-bottom:40px; text-align:center;}
  1273. .mb .registration_tap .form_group > .form_field input[type="radio"] + label {padding-left:34px;}
  1274. .mb .registration_tap .form_group > .form_field > div {display:inline-block; width:auto; margin-left:50px}
  1275. .mb .registration_tap .form_group > .form_field > div:first-child {margin-left:0}
  1276. .mb .registration_tap .registration_cont {}
  1277. .mb .registration_tap .registration_cont .regist_box {display:none; /*padding:40px 0;*/ color:#666; font-size:16px; line-height:1.625; text-align:center;}
  1278. .mb .registration_tap .registration_cont .regist_box.on {display:block;}
  1279. .mb .registration_tap .foldGroup li:first-child {border-top: none;}
  1280. .mb .registration_tap .foldGroup li .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
  1281. .mb .registration_tap .foldGroup li .fold_head::after {background: url(/images/pc/ico_mb_arrow.png)no-repeat; background-position: 0 100%;}
  1282. .mb .sns_wrap {position:relative; margin-top:45px; text-align:center;}
  1283. .mb .sns_wrap h5 {color:#222; font-size:18px; font-weight:500; margin:0 0 20px;}
  1284. .mb .sns_wrap ul {display:inline-block;}
  1285. .mb .sns_wrap ul::after {content:''; clear:both; display:block;}
  1286. .mb .sns_wrap ul li {float:left; width:60px; margin-left:40px}
  1287. .mb .sns_wrap ul li:first-child {margin-left:0}
  1288. .mb .sns_wrap ul li a {display:block; text-align:center;}
  1289. .mb .sns_wrap ul li a span {display:block; color:#222; font-size:14px; font-weight:300; margin-top:10px; line-height:1.25;}
  1290. .mb .sns_wrap ul li a .ico_snslogin {margin-right:10px;}
  1291. .mb .sns_wrap ul li a .ico_snslogin::before {width:60px; height:60px; background-image:url(/images/pc/ico_sns_bg.png);}
  1292. .mb .sns_wrap ul li a .ico_snslogin.kakao::before {background-position:-70px 0;}
  1293. .mb .sns_wrap ul li a .ico_snslogin.naver::before {background-position:0 0;}
  1294. .mb .sns_wrap ul li a .ico_snslogin.yes24::before {background-position:-140px 0;}
  1295. .mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
  1296. .mb .t_err {position:relative; padding-left:24px; font-weight:200; font-size:14px; line-height:1;}
  1297. .mb .t_err::before {position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-1px;}
  1298. .mb .help_block {margin:0; text-indent:0; text-align:left;}
  1299. .mb .help_block .t_err {margin-top:10px;}
  1300. /* mb_login : 로그인 */
  1301. .mb .login {}
  1302. .login .help_block {margin-top:18px; text-indent:0; text-align:left;}
  1303. .login .help_block .t_err {line-height:20px;}
  1304. .login .help_block .t_err::before {top:0; transform:translateY(0%); margin-top:1px;}
  1305. .login .help_block .captcha {padding: 30px; background: #f5f5f5; text-align: left;}
  1306. .login .help_block .captcha ul {display: flex; align-items: center;}
  1307. .login .help_block .captcha .captcha_box {width:235px; height: 72px; border: 1px solid #ddd; background: chartreuse;}
  1308. .login .help_block .captcha .captcha_btn_dual {margin: 0 18px 0 10px;}
  1309. .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('/images/pc/ico_captcha_btn.png')no-repeat center 9px;}
  1310. .login .help_block .captcha .captcha_btn_dual button:first-child {margin-bottom: 8px;}
  1311. .login .help_block .captcha .captcha_btn_dual button:last-child {background-position:center -31px;}
  1312. .login .help_block .captcha .captcha_area {margin-bottom: -7px;}
  1313. .login .help_block .captcha .captcha_area input {width:200px; padding: 17px 0 17px 14px;}
  1314. .login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
  1315. .login .login_check {margin:15px 0 0;}
  1316. .login .login_check::after {content:''; display: block; clear:both;}
  1317. .login .login_check .form_field {float:left; display:inline-block; width:59%; text-align:left}
  1318. .login .login_check .form_field input[type="checkbox"] + label {font-size:16px; font-weight:200; line-height:1;}
  1319. .login .login_check .form_field input[type="checkbox"] + label:before,
  1320. .login .login_check .form_field input[type="checkbox"] + label::after {top:50%; transform:translateY(-50%);}
  1321. .login .btn_mb_wrap {margin:20px 0 0 0; text-align:center;}
  1322. .login .btn_mb_wrap ul {display:inline-block}
  1323. .login .btn_mb_wrap ul::after {content:''; clear:both; display:block;}
  1324. .login .btn_mb_wrap ul li {float:left; position:relative; margin-left:15px; padding-left:15px; font-size: 14px;}
  1325. .login .btn_mb_wrap ul li::before {content:''; position: absolute; width:1px; height:14px; left:0px; top:50%; transform: translateY(-50%); background: #ddd;}
  1326. .login .btn_mb_wrap ul li:first-child {margin-left: 0px; padding-left:0;}
  1327. .login .btn_mb_wrap ul li:first-child::before {display:none}
  1328. .login .btn_mb_wrap ul li a {display:inline-block; color:#222; line-height:24px; font-weight:200}
  1329. .login .ui_row .ui_col_12 {margin: 0;}
  1330. /* mb_join_1 : 회원가입_intro */
  1331. .mb .join1 {}
  1332. .join1 .form_wrap .form_sign_up {position:relative; display:block; font-weight:500;}
  1333. .join1 .form_wrap .form_sign_up p {color:#888; font-size:16px; font-weight:300; line-height:24px;}
  1334. .join1 .form_wrap .form_sign_up p.c_primary {font-size:24px; font-weight:500; line-height:1;}
  1335. /* mb_join_2 : 회원가입_회원정보 입력 */
  1336. .mb .join2 {}
  1337. .join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
  1338. .join2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
  1339. .join2 .help_block::after {clear:both; display:block; width:100%;}
  1340. .join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
  1341. .join2 .help_block span[class^='c_'] {display:block;}
  1342. .join2 .form_field .ui_row [class^='ui_col_'] {margin-left:0; margin-right:0;}
  1343. .join2 .form_field .ui_col_9 input {width:388px;}
  1344. .join2 .form_field .ui_col_3 .btn {width:132px; height:52px; padding:17px 0px 17px; font-weight:300; font-size:16px;}
  1345. .join2 .form_field .ui_col_3 .btn span {line-height:1;}
  1346. /* mb_join_3 : 회원가입_이미 가입된 회원안내 */
  1347. .mb .join3 {}
  1348. .join3 .form_wrap {text-align:center;}
  1349. .join3 .form_wrap .print_bar {padding:40px 0; background: #f5f5f5;}
  1350. .join3 .form_wrap .print_bar p {font-size:18px;}
  1351. .join3 .btn_group_md .btn_default {border-color:#a7a7a7}
  1352. /* mb_join_4 : 회원가입_완료 */
  1353. .mb .join4 {}
  1354. .mb .join4 .btn_group_block.btn_group_md .btn span {position:relative; text-indent:-20px;}
  1355. .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('/images/pc/ico_bread_root_w.png') no-repeat 50% 50%;}
  1356. /* mb_idInquiry_1 */
  1357. .find h4 {margin-bottom:45px}
  1358. .find .find_result {padding-top:20px;}
  1359. .find .input_wrap {position: relative; width:100%;}
  1360. .find .input_wrap .form_control {height: inherit;}
  1361. .find .input_wrap .btn {padding:6px 22px; border:none; position: absolute; top:50%; transform: translateY(-50%); right:10px; font-size:14px; font-weight:200;}
  1362. .find .registration_cont .regist_box .txt {padding:20px 0;}
  1363. .find .registration_cont .regist_box .txt p {font-weight:300;}
  1364. .find .registration_cont .regist_box .txt + .ui_row.mt20 {margin-top:35px}
  1365. /* mb_idInquiry_2 */
  1366. .find_complete {}
  1367. /* mb_idInquiry_3,mb_idInquiry_4 */
  1368. .nocontent {}
  1369. /* mb_idInquiry_5 */
  1370. .security_pw {}
  1371. /* mb_idInquiry_6 */
  1372. .dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
  1373. .dormant .form_wrap .ui_row button {position:relative; height:90px; padding:0px; border-radius:45px;}
  1374. .dormant .form_wrap .ui_row button span {font-size: 18px; font-weight: 300;}
  1375. .dormant .form_wrap .ui_row button span .ico {margin-right:10px}
  1376. .dormant .form_wrap .ui_row button span .ico::before {margin-top:-6px}
  1377. .dormant .form_wrap .form_summary {margin-top:40px; padding-top:40px; border-top:1px solid #ddd}
  1378. .dormant .form_wrap .form_summary strong {font-size: 16px; font-weight:300;}
  1379. .dormant .form_wrap .form_summary p {margin-top: 14px; color:#888; font-weight:200; line-height:1.857; word-break:keep-all;}
  1380. /* mb_idInquiry_7 */
  1381. .dormant_clear {}
  1382. /* mb_idInquiry_8 */
  1383. .non_mb_oder {}
  1384. .non_mb_oder .form_summary {padding-top:40px; border-top:1px solid #ddd;}
  1385. .non_mb_oder .form_summary .txt {position:relative; margin-bottom:10px; font-size:18px; line-height:1;}
  1386. .non_mb_oder .form_summary .txt span.c_primary {font-size:20px; font-weight:700;}
  1387. .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;}
  1388. .non_mb_oder .form_summary .t_info {display:block; color:#888; font-size:16px}
  1389. /* mb_campaign */
  1390. .campaign .info_txt {padding:40px 40px; margin-top:40px; background:#f5f5f5;}
  1391. .campaign .info_txt ul li {position:relative; padding-left:13px; margin-bottom:7px; color:#888; font-size:14px; font-weight:200; line-height:20px;}
  1392. .campaign .info_txt ul li:last-child {margin-bottom:0;}
  1393. .campaign .info_txt ul li:after {content:''; position:absolute; top:7px; left:0; background:#858585; width:3px; height:3px;}
  1394. .campaign .info_txt ul li .mb_name {font-weight:300;}
  1395. .campaign .info_txt ul li em {font-weight:300;}
  1396. /* cs_공통 */
  1397. .cs {line-height:1.2; padding-bottom:160px;}
  1398. .cs .wrap .content {max-width:1460px; padding-left:0; padding-right:0;}
  1399. .cs .foldGroup {margin-top: 60px;}
  1400. .cs .history_wrap {width: 100%; height: 173px; padding: 50px; box-sizing: border-box; background: #f5f5f5;}
  1401. .cs .history_wrap::after {content:''; display: block; clear:both;}
  1402. .cs .history_wrap .hist_status {float:left;}
  1403. .cs .history_wrap .txt {float:left; padding-left:50px; color: #666; font-size: 14px; font-weight:200; box-sizing:border-box; line-height:24px;}
  1404. .cs .history_wrap ul li {position:relative; float:left; width:180px; text-align:center;}
  1405. .cs .history_wrap ul li::before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); height:30px; border-left:1px solid #ddd}
  1406. .cs .history_wrap ul li:first-child::before {display:none;}
  1407. .cs .history_wrap .btn_area {margin-top:24px;}
  1408. .cs .history_wrap .btn_area .btn {padding:10px 32px; border:1px solid #a1a1a1; color:#222; font-weight:300; }
  1409. .cs .history_wrap div ul li span {display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color:#666; line-height:1;}
  1410. .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;}
  1411. .cs .history_wrap div ul li a::after {content:''; position:absolute; left:4px; right:4px; bottom:-2px; border-bottom:2px solid #222;}
  1412. .cs .history_wrap div ul li a.doing {color:#888}
  1413. .cs .history_wrap div ul li a.doing::after {display:none}
  1414. .cs .ui_foot {}
  1415. .cs .ui_row.nodata {display: inherit; padding-top: 124px; margin-bottom: 0; /*border-top: 1px solid #222222;*/ text-align: center;}
  1416. .cs .ui_row.nodata .foldGroup {display:none;}
  1417. .cs .ui_row.nodata + .ui_foot {display:none;}
  1418. .cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('/images/pc/ico_null.png')no-repeat;}
  1419. .cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 33px 0 160px; font-size: 22px; font-weight: 200; color: #888;}
  1420. /* cs_faq */
  1421. .cs .faq {}
  1422. .faq .ui_row.nodata {border:none;}
  1423. .faq .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
  1424. .faq .quick_list {margin-bottom:50px;}
  1425. .faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
  1426. .faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
  1427. .faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  1428. .faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
  1429. .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;}
  1430. .faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
  1431. .faq .search_wrap {margin-bottom:60px;}
  1432. .faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
  1433. .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;}
  1434. .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;}
  1435. .faq .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
  1436. .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('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:1px; text-indent:-9999px; z-index:2}
  1437. .faq .search_wrap .faq_search .t_info {width:600px; margin:15px auto 0; font-weight:200; text-align:left;}
  1438. .faq .fold_nav {width:100%;}
  1439. .faq .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top:-12px}
  1440. .faq .fold_nav ul li {margin:12px 12px 0 0;}
  1441. .faq .fold_nav ul li a {display:inline-block;padding:15px 22px 13px;border: 1px solid #ddd;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-0.025em;}
  1442. .faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
  1443. .faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 9px solid #fff; border-left: 9px solid transparent;}
  1444. .faq .foldGroup {margin-top:50px}
  1445. .faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
  1446. .faq .foldGroup .fold_answer .answer_head {margin-bottom:10px}
  1447. .faq .foldGroup .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
  1448. /* cs_product, cs_contactUs */
  1449. .cs .product {}
  1450. .cs .contactUs {}
  1451. .product .history_wrap,
  1452. .contactUs .history_wrap * {box-sizing: border-box;}
  1453. .product .fold_head .fold_tit .prod::before {display: none;}
  1454. .product .case1 .fold_head .fold_tit {max-width: 760px;}
  1455. .product .case1 .fold_head .fold_tit span {width: 760px;}
  1456. .product .ui_row.nodata,
  1457. .contactUs .ui_row.nodata {border-top:none;}
  1458. .contactUs .fold_cont .img_group .thumb_pic {background:#fff;}
  1459. .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;}
  1460. /* cs_contactUs_my */
  1461. .cs .contactUs_my {}
  1462. .contactUs_my .blt_dot {position:relative; padding-left:10px}
  1463. .contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background:#888;}
  1464. .contactUs_my textarea,
  1465. .contactUs_my .select,
  1466. .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;}
  1467. .contactUs_my input[type="text"]::placeholder,
  1468. .contactUs_my textarea::placeholder {color:#888; font-weight:200;}
  1469. .contactUs_my .form_wrap {padding:30px 40px; border-top:1px solid #222; border-bottom:1px solid #ddd}
  1470. .contactUs_my .form_control {height:42px; color:#222; font-size:14px;}
  1471. .contactUs_my textarea {height:200px; padding:20px;}
  1472. .contactUs_my .input_label {line-height:42px;}
  1473. .contactUs_my .form_field {margin-top:20px}
  1474. .contactUs_my .form_field .push_agree > div {float: left;margin-top: 10px;margin-right: 40px;}
  1475. .contactUs_my .form_field .push_agree:after {content: '';display: block;clear: both;}
  1476. .contactUs_my .form_field:first-of-type {margin-top:0}
  1477. .contactUs_my .form_field .cellphone {display:block;}
  1478. .contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
  1479. .contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
  1480. .contactUs_my .form_field .imgUpload+.imgUpload{margin-left:20px;}
  1481. .contactUs_my .form_field .pics{position: absolute;top: 0;left: 0;z-index: 2;}
  1482. .contactUs_my .contactus_cnt {color:#888}
  1483. .contactUs_my .select {height:40px; font-size:14px;}
  1484. .contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
  1485. .contactUs_my .select .select_dress:after {top:16px; right: 28px; border-color:#888 transparent transparent transparent;}
  1486. .contactUs_my .select .select_dress.active:after {top:10px; border-color: transparent transparent #888 transparent;}
  1487. .contactUs_my .select .select_options {color:#666}
  1488. .contactUs_my .help_block {margin-top:10px; text-indent:0;}
  1489. .contactUs_my .ck_box {padding:10px 20px}
  1490. .contactUs_my .ck_box input[type="checkbox"] + label {font-size:16px; font-weight:200;}
  1491. .contactUs_my .t_err {font-weight:200}
  1492. .contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
  1493. .contactUs_my .info_addfile {margin-top:20px; color:#666; font-size:14px; line-height:24px; font-weight:200;}
  1494. .contactUs_my .sec_foot {margin-top:60px}
  1495. .contactUs_my .sec_foot .btn.btn_md {margin:0px 5px; font-weight:300; padding:15px 90px;}
  1496. .contactUs_my .txt_cnt {text-align:right; margin-top:10px}
  1497. /* cs_notice */
  1498. .cs .notice .foldGroup {margin-top: 0;}
  1499. .notice .foldGroup .critical .fold_head,
  1500. .notice .foldGroup .critical .fold_detail,
  1501. .notice .foldGroup .critical .fold_answer {background:#fff6f2;}
  1502. .notice .foldGroup .critical .fold_category {font-weight:500;}
  1503. .notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300}
  1504. .notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
  1505. .notice .sec_body.nodata {border-top: 1px solid #222;}
  1506. /* dp_공통 */
  1507. /*.container .wrap .content.dp_list,.container .wrap .content.dp_hotdeal,
  1508. .container .wrap .content.dp_Exhibition,
  1509. .container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
  1510. .container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}*/
  1511. .dp .itemsGrp {margin:0 -10px;}
  1512. .dp .wrap {padding-bottom:160px;}
  1513. .dp .cont_body {position:relative;}
  1514. .container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;}
  1515. .container.dp .content {}
  1516. .container.dp .content.wide {}
  1517. .dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
  1518. .dp h3 {margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1; text-align: center;}
  1519. .dp h4 {margin-bottom:60px; color:#222; font-size:30px; font-weight:500; text-align:center;}
  1520. .dp h4 a {color:#222;}
  1521. .dp .cont_head > div {position:relative;}
  1522. .dp .cont_head > div.item_header {padding: 80px 0 60px;}
  1523. .dp .cont_head > div.item_header h3 {padding:20px 0 0;}
  1524. .dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
  1525. .dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
  1526. .dp .list_content.nodata .count_wrap {display:none;}
  1527. .dp .list_content.nodata .itemsGrp {display:none;}
  1528. .dp .list_content.nodata .list_defult {display:block;}
  1529. .dp .list_defult {display:none; text-align:center; padding: 120px 0 160px;}
  1530. .dp .list_defult > div:first-child {margin-bottom:46px;}
  1531. .dp .list_defult > div:first-child p {line-height: 2;}
  1532. .dp .list_defult .ui_row {justify-content: center; margin-bottom: 0;}
  1533. /* dp_sticky_nav_리스트 */
  1534. .dp .sticky_nav_list {margin-top:60px}
  1535. .dp .sticky_nav_list .sticky_nav {}
  1536. .dp .sticky_nav_list .cont_head {display:block; margin-bottom:50px}
  1537. .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;}
  1538. .dp .sticky_nav.sticky {position: fixed; width:100%; top: -1px; left: 50%; transform: translateX(-50%); z-index: 100;}
  1539. .dp .sticky_nav.sticky > ul {max-width: 1780px; margin: 0 auto;}
  1540. .dp .sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
  1541. .dp .sticky_nav ul li:last-child::after {display: none;}
  1542. .dp .sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
  1543. .dp .sticky_nav ul li a {font-weight: 500;}
  1544. .dp .sticky_nav ul li a.active {color:#fd4800;}
  1545. .dp .sticky_nav_list .list_content {}
  1546. .dp .sticky_nav_list .list_content .item_header {padding-top:50px;}
  1547. .dp .sticky_nav_list .list_content .item_header h4 {margin-bottom:60px}
  1548. /* dp_category 카테고리 바로가기 */
  1549. .dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
  1550. .dp .dp_category h4 {margin-bottom:40px}
  1551. .dp .dp_category .cont_body {text-align:center;}
  1552. .dp .dp_category .dp_cate_list {width:1370px; display:inline-block; margin-top:-10px}
  1553. .dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
  1554. .dp .dp_category .dp_cate_list a {float:left; display:inline-block; 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('/images/pc/ico_more_lg.png') no-repeat 90% 50%; line-height:1;}
  1555. .dp .dp_category .dp_cate_list a:nth-child(6n-5) {margin-left:0;}
  1556. /* dp_submain 상단배너 스크롤바 슬라이드 */
  1557. .dp .dp_submain {position:relative;}
  1558. .dp .dp_submain .swiper-container .img img {width: 100%; height:auto;}
  1559. .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;}
  1560. .dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222;}
  1561. .dp .dp_submain .swiper-controls {margin-top:60px}
  1562. /* dp_new_item 신상품 슬라이드 */
  1563. .dp .new_item {}
  1564. .dp .new_item .cont_body {padding-left:70px; padding-right:70px;}
  1565. .dp .new_item .item_prod {width:100%;}
  1566. .dp .new_item .item_state {padding:0;}
  1567. .dp .new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;}
  1568. .dp .new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
  1569. .dp .new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)}
  1570. .dp .new_item .swiper-button-next,
  1571. .dp .new_item .swiper-button-prev {margin-top:-150px}
  1572. .dp .new_item .swiper-button-next {right:0px;}
  1573. .dp .new_item .swiper-button-prev {left:0px;}
  1574. .dp .new_item .swiper-pagination {position:relative; margin-top:60px;}
  1575. /* dp_new_item MD추천 아이템 슬라이드 */
  1576. .dp .md_item {margin-top:120px}
  1577. .dp .md_item .swiper-button-prev,
  1578. .dp .md_item .swiper-button-next {margin-top:-140px}
  1579. .dp .md_item .cont_body {padding:0 70px;}
  1580. .dp .md_item .swiper-pagination {position:relative; margin-top:60px}
  1581. .dp .md_item .swiper-slide .item_state {padding:0;}
  1582. .dp .md_item .item_prod {width: 100%; margin-bottom: 0;}
  1583. /* dp_list 카테고리별 상품리스트 */
  1584. .dp .dp_list {}
  1585. .dp_list .count_wrap {padding-top:40px;}
  1586. .dp_list .item_prod {width:20%;}
  1587. .dp_list .form_field input[type="checkbox"] + label {font-weight: 200; line-height: 1;}
  1588. .dp_list .form_field input[type="checkbox"] + label:before,
  1589. .dp_list .form_field input[type="checkbox"]:checked + label:after {top: -4px;}
  1590. .dp_list .form_field input[type="checkbox"]:checked + label:before {display: none;}
  1591. /* dp_best 베스트 상품 페이지 */
  1592. .dp .dp_best {max-width:100%; margin-bottom:120px;}
  1593. .dp_best .taps {margin-bottom:40px;}
  1594. .dp_best .dp_best_live {padding-top:80px; padding-bottom:80px; padding-left:70px; padding-right:70px; position:relative; background: #f5f5f5;}
  1595. .dp_best .dp_best_live::after {content: ''; display: block;clear: both;}
  1596. .dp_best .dp_best_live .sec_head {float:left; position:relative; width:260px; line-height: 1.2;}
  1597. .dp_best .dp_best_live .sec_head .displayH {margin-top:20px; text-align:left; font-size:30px; line-height:40px; font-weight:500;}
  1598. .dp_best .dp_best_live .sec_head .displayH span {color:#fd4800}
  1599. .dp_best .dp_best_live .sec_head button {margin-top:20px; color:#888; font-weight: 300; padding-right: 20px; position: relative;}
  1600. .dp_best .dp_best_live .sec_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
  1601. .dp_best .dp_best_live .sec_body{float: left; width:calc(100% - 260px);}
  1602. .dp_best .dp_best_live .sec_body .item_state {padding:0 0 60px;}
  1603. .dp_best .dp_best_live .sec_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
  1604. .dp_best .dp_best_live .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
  1605. .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;}
  1606. /* dp_best 베스트TOP100 상품리스트 */
  1607. .dp .dp_best_top100 {}
  1608. .dp_best_top100 .cont_body {position:relative;}
  1609. .dp_best_top100 .ui_row {position:absolute; right:0; top:-62px;}
  1610. .dp_best_top100 .ui_row .ui_col_12 {margin: 0;}
  1611. .dp_best_top100 .ui_row .ui_col_12 .form_field {justify-content: flex-end;}
  1612. .dp_best_top100 .ui_row .ui_col_12 .select_custom {width:180px;}
  1613. .dp_best_top100 .ui_row .ui_col_12 .select_custom:first-child {margin-right: 10px;}
  1614. .dp_best_top100 .select_custom .combo .list {border-top:1px solid #ddd;}
  1615. .dp_best_top100 .select_custom .combo .list > li {padding-left:15px; padding-right:15px; font-size:14px; line-height:40px;}
  1616. .dp_best_top100 .select_custom .combo .select {font-size: 14px; padding:14px 15px;}
  1617. .dp_best_top100 .list_content .item_prod {width: 20%;}
  1618. /* dp_best 베스트 상품리스트 */
  1619. .dp .dp_best_list {margin-top:120px}
  1620. .dp_best_list .cont_body {padding-left:70px; padding-right:70px;}
  1621. .dp_best_list .list_content .item_prod {width: 20%;}
  1622. /* dp_Exhibition 기획전리스트 */
  1623. .dp .dp_Exhibition {}
  1624. .dp_Exhibition .count_wrap {padding-top:20px}
  1625. .dp_Exhibition .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left:130px; height: 100%;}
  1626. .dp_Exhibition .exhi_list {margin-bottom:80px;}
  1627. .dp_Exhibition .exhi_list::after {content:''; clear:both; display:block;}
  1628. .dp_Exhibition .exhi_list .exhi_item {float:left; width:calc((100% - 60px)/4); overflow: hidden; margin-bottom:60px; margin-left:20px;}
  1629. .dp_Exhibition .exhi_list .exhi_item:nth-child(4n-3) {margin-left:0;}
  1630. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .thumb {position: relative; width: 100%; height:0; display: block; padding-bottom: 100%;}
  1631. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
  1632. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a {position: relative; width: 100%; display: block;}
  1633. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
  1634. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
  1635. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img a .shape:after {height: 42px;}
  1636. .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;}
  1637. .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;}
  1638. .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;}
  1639. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
  1640. .dp_Exhibition .exhi_list .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; text-align:left;}
  1641. .dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
  1642. .dp_Exhibition .exhi_list .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
  1643. .dp_Exhibition .exhi_list .exhi_item_pr li:last-child {margin-bottom: 0;}
  1644. .dp_Exhibition .exhi_list .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
  1645. .dp_Exhibition .exhi_list .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
  1646. .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:#f5f5f5;}
  1647. .dp_Exhibition .exhi_list .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
  1648. .dp_Exhibition .exhi_list .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
  1649. .dp_Exhibition .exhi_list .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0;}
  1650. /********** dp_기획전상세_모듈 **********/
  1651. /* dp_기획전상세 : 상단 프로모션 배너 */
  1652. .dp .dp_detail_visual {padding-bottom:60px;}
  1653. .dp .dp_detail_visual h3 {padding-top:10px; padding-bottom:80px;}
  1654. .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;}
  1655. .dp_detail_visual .promotion_visual {position:relative; width:100%;}
  1656. .dp_detail_visual .promotion_visual img {}
  1657. .dp_detail_visual .promotion_visual.type1 {}
  1658. .dp_detail_visual .promotion_visual.type1 img {position:relative; left:50%; top:0; transform:translateX(-50%);}
  1659. .dp_detail_visual .promotion_visual.type2 {}
  1660. .dp_detail_visual .promotion_visual.type2 .swiper-button-prev {left:70px}
  1661. .dp_detail_visual .promotion_visual.type2 .swiper-button-next {right:70px;}
  1662. .dp_detail_visual .promotion_visual.type2 .swiper-pagination {width:100%; bottom:40px;}
  1663. /* dp_기획전상세 : 출석 체크 이벤트 */
  1664. .dp .dp_detail_visual .stamp_event {}
  1665. .stamp_event {position:relative; }
  1666. .stamp_event .event_calander {padding:120px 0; background-color:#f4f3ef; background-image:url('/images/pc/bg_check01.png'), url('/images/pc/bg_check02.png'); background-position:0px 50%, 100% 50%; background-repeat:no-repeat;}
  1667. .stamp_event .event_calander > div {width:1200px; margin-left:auto; margin-right:auto;}
  1668. .stamp_event .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
  1669. .stamp_event .event_calander .check_title > p {margin-bottom:30px; font-size: 30px; font-weight:200;}
  1670. .stamp_event .event_calander .check_title .title {font-size:90px; font-weight:700;}
  1671. .stamp_event .event_calander .check_title .title strong {color:#fd4802; font-weight:700;}
  1672. .stamp_event .event_calander .check_info {position: relative; margin-top:30px; margin-bottom:20px; text-align:right;}
  1673. .stamp_event .event_calander .check_info span {position:relative; font-size:18px; margin-left:20px; padding-left:25px; font-weight:300;}
  1674. .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;}
  1675. .stamp_event .event_calander .check_info span.today:after {background:#f9f2eb; border:2px solid #fd4b07;}
  1676. .stamp_event .event_calander .check_info span.complete:after {background:#ffa27f;}
  1677. .stamp_event .event_calander .my_attend_day {position:relative; height:74px; padding:25px 40px; overflow:hidden; background:#222;}
  1678. .stamp_event .event_calander .my_attend_day > p {float:left; color:#fff; font-size:24px; font-weight:500;}
  1679. .stamp_event .event_calander .my_attend_day > .day {float:right; color:#fff; font-size:24px; font-weight:300;}
  1680. .stamp_event .event_calander .my_attend_day > .day span {color:#ff6b47; font-weight:700;}
  1681. .stamp_event .event_calander .tbl {padding:20px 0; border:2px solid #222; border-top:none; text-align:center; background:#fff;}
  1682. .stamp_event .event_calander .tbl th {background: #fff; padding:20px 0; color:#222; font-size:20px;font-weight:300; vertical-align:middle;}
  1683. .stamp_event .event_calander .tbl td {position:relative; height:90px; font-size:24px; font-weight:300; vertical-align:middle;}
  1684. .stamp_event .event_calander .tbl td .date {position:relative; color:#222; z-index:1;}
  1685. .stamp_event .event_calander .tbl td .date.unused {color:#ddd}
  1686. .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;}
  1687. .stamp_event .event_calander .tbl td.today .date::before {border:2px solid #fd4802;}
  1688. .stamp_event .event_calander .tbl td.complete .date::before {background:#ffa27f; border:none}
  1689. .stamp_event .event_calander .tbl td.complete .date.unused::before {opacity:0.3;}
  1690. .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;}
  1691. .stamp_event .event_benefit {margin-top:80px;}
  1692. .stamp_event .event_benefit .title {color:#222; font-size:30px; font-weight:500; text-align:center;}
  1693. .stamp_event .event_benefit .benefit_con {margin-top:40px; text-align:center;}
  1694. /* dp_기획전상세 : 할인쿠폰 */
  1695. .dp .dp_coupon {padding-top:60px; padding-bottom:60px; overflow:hidden;}
  1696. .dp_coupon .coupon_list {max-width:1200px; margin:auto;}
  1697. .dp_coupon .coupon_list ul {margin-top:-60px}
  1698. .dp_coupon .coupon_list ul::after {content:''; display:block; clear:both;}
  1699. .dp_coupon .coupon_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:60px}
  1700. .dp_coupon .coupon_list ul li:nth-child(4n-3) {margin-left:0}
  1701. /* dp_기획전상세 : 유의사항 */
  1702. .dp_announce {}
  1703. .dp_announce .cont_head {display:none;}
  1704. .dp_announce.line {margin-top:20px;}
  1705. .dp_announce.line .announce_txt {padding-top:60px;}
  1706. .dp_announce.line .announce_txt:before {content:''; position:absolute; top:0; left:-190px; right:-190px; height: 1px; background: #ddd;}
  1707. /* dp_기획전상세 : 버튼영역 */
  1708. .dp .dp_btn_area {padding-bottom:20px;}
  1709. .dp .dp_btn_area .cont_head {display:none;}
  1710. .dp .dp_btn_area .btn_wrap {text-align:center; margin:0;}
  1711. .dp .dp_btn_area .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:normal;}
  1712. .dp .dp_btn_area .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
  1713. /* dp_기획전상세 : 리얼후기 */
  1714. .dp .dp_review {margin-top:60px; margin-bottom:60px; padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
  1715. .dp_review .cont_body {padding-left:70px; padding-right:70px;}
  1716. .dp_review .review_list {}
  1717. .dp_review .review_list::after {content:''; display:block; clear:both;}
  1718. .dp_review .review_list .reviw_box {float:left; width:calc((100% - 80px)/5); margin-left:20px; background:#fff; }
  1719. .dp_review .review_list .reviw_box:first-child {margin-left:0}
  1720. .dp_review .review_list .reviw_box .best_review {}
  1721. .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;}
  1722. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  1723. .dp_review .review_list .reviw_box .best_review .star_score {height:auto; padding:30px 30px 0;}
  1724. .dp_review .review_list .reviw_box .best_review .star_score .star {}
  1725. .dp_review .review_list .reviw_box .best_review .star_score .ico {}
  1726. .dp_review .review_list .reviw_box .best_review .txt_best_review {padding:15px 30px 0;}
  1727. .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;}
  1728. .dp_review .review_list .reviw_box .best_review .info_writer {padding:15px 30px 30px;}
  1729. .dp_review .review_list .reviw_box .best_review .info_writer > span {position:relative; padding:0 20px}
  1730. .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;}
  1731. .dp_review .review_list .reviw_box .best_review .info_writer > span:first-child {padding-left:0;}
  1732. .dp_review .review_list .reviw_box .best_review .info_writer > span:first-child::after {display:none;}
  1733. .dp_review .review_list .reviw_box .review_item {padding:0px 30px 20px}
  1734. .dp_review .review_list .reviw_box .review_item .item_prod {text-align:left; width:100%; padding-top:20px; border-top:1px solid #ddd;}
  1735. .dp_review .review_list .reviw_box .review_item .item_prod .item_state {position:relative; padding:0; }
  1736. .dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:table-cell; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle; }
  1737. .dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:0}
  1738. .dp_review .review_list .reviw_box .review_item .item_prod .itemPrice {margin:15px 0 0}
  1739. .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;}
  1740. /* dp_기획전상세 : 이벤트 댓글 */
  1741. .dp .cmt {margin-top:60px}
  1742. .cmt .fileAdd {width:110px; height:110px; background-color:#fff;}
  1743. .cmt_wrap {background: #f5f5f5; padding:60px 0 120px;}
  1744. .cmt_wrap > div {width:1200px; margin-left:auto; margin-right:auto;}
  1745. .cmt_wrap .pics {border:none; width:110px; height: 110px; background:#fff;}
  1746. .cmt_wrap .pics .picsThumbs {max-width: 100%; max-height: 100%;}
  1747. .cmt_wrap .cmt_write .cmt_tarea {margin-bottom: 20px;}
  1748. .cmt_wrap .cmt_write .cmt_tarea textarea {background: #fff; padding: 20px; resize: none; width: 100%; height: 140px; font-size: 14px; line-height: 1.3;}
  1749. .cmt_wrap .cmt_write .cmt_thumb + .btn {display:block; margin-top:40px; margin-left:auto; margin-right:auto; width:220px; height:60px; font-size:13px; font-weight:300;}
  1750. .cmt_wrap .cmt_group {margin-top:90px}
  1751. .cmt_wrap .cmt_group .cmt_list_tit {padding-bottom:30px; border-bottom:1px solid #ddd;}
  1752. .cmt_wrap .cmt_group .cmt_list_tit strong {margin-right: 10px; font-size: 26px; font-weight: 500;}
  1753. .cmt_wrap .cmt_group .cmt_list_tit .cnt {font-size:22px; color: #666; font-weight:200;}
  1754. .cmt_wrap .cmt_group .cmt_list li {padding: 30px 0; border-bottom: 1px solid #ddd;}
  1755. .cmt_wrap .cmt_group .cmt_list li .cmt_top::after {content:''; clear:both; display:block;}
  1756. .cmt_wrap .cmt_group .cmt_list li .cmt_top span {float:left; margin-left:20px; padding-left:20px; border-left:1px solid #ddd;}
  1757. .cmt_wrap .cmt_group .cmt_list li .cmt_top span:first-child {margin-left:0px; padding-left:0px; border-left:none;}
  1758. .cmt_wrap .cmt_group .cmt_list li .cmt_top .writer {color: #666;}
  1759. .cmt_wrap .cmt_group .cmt_list li .cmt_top .date {color: #888;}
  1760. .cmt_wrap .cmt_group .cmt_list li .cmt_cont .img_wrap {margin-top:15px;}
  1761. .cmt_wrap .cmt_group .cmt_list li .cmt_cont p {margin-top:20px; color: #666; font-size:14px; line-height:24px;}
  1762. .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;}
  1763. .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn.btn_del span {position:relative; padding-left:20px;}
  1764. .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('/images/pc/ico_trash.png') no-repeat 0% 50%; opacity:0.85;}
  1765. .cmt_wrap .cmt_group .nodata {margin-top:120px}
  1766. .cmt_wrap .pageNav > li > a,
  1767. .cmt_wrap .pageNav > li > span {background-color:transparent;}
  1768. .cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
  1769. /* dp_기획전상세 : 중간 배너 */
  1770. .dp .dp_mid_banner {padding-top:60px; padding-bottom:60px;}
  1771. .dp .dp_mid_banner .mid_banner {position:relative;}
  1772. .dp .dp_mid_banner .mid_banner .swiper-button-prev {left:70px}
  1773. .dp .dp_mid_banner .mid_banner .swiper-button-next {right:70px}
  1774. .dp .dp_mid_banner .mid_banner .swiper-pagination {position:relative; width:100%; margin-top:40px;}
  1775. /* dp_기획전상세 : 대표상품 노출 */
  1776. .dp .dp_special {padding-top:60px; padding-bottom:60px;}
  1777. .dp .dp_special h4 {position:relative;}
  1778. .dp .dp_special h4 a {position:relative;}
  1779. .dp .dp_special h4 .ico_arrow {position:relative; display:inline-block; width:13px; height:24px; margin-top:2px; margin-left:5px; background:url(/images/pc/ico_dp_arrow.png) no-repeat 0 0; vertical-align:top;}
  1780. .dp_special .dp_listItems_cont {position:relative;}
  1781. .dp_special .dp_listItems_cont .item_prod {width:100%;}
  1782. .dp_special .dp_listItems_cont .item_state {padding:0;}
  1783. .dp_special .dp_listItems_cont .swiper-pagination {position:relative; width:100%; margin-top:40px;}
  1784. .dp_special .dp_listItems_cont.type1 {width:900px; margin:auto;}
  1785. .dp_special .dp_listItems_cont.type1 ul li {margin-top:40px;}
  1786. .dp_special .dp_listItems_cont.type1 ul li:first-child {margin-top:0}
  1787. .dp_special .dp_listItems_cont.type1 .dp_listItems::after {content:''; display:block; clear:both;}
  1788. .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;}
  1789. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_img img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
  1790. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info {float:left; width:410px; margin-left:50px; margin-top:150px}
  1791. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_brand {color:#888; font-size:20px; font-weight:300;}
  1792. .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;}
  1793. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price {margin-top:20px; font-size:24px; font-weight:300;}
  1794. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price::after {content:''; clear:both; display:block;}
  1795. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price .price {float:left; color:#222;}
  1796. .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;}
  1797. .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;}
  1798. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .dp_listItems_price .percent {float:left; color:#fd4802; margin-left:20px}
  1799. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .itemComment {margin:20px 0 0; padding:0; font-size:14px;}
  1800. .dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info .ui_row {margin-top:50px;}
  1801. .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;}
  1802. .dp_special .dp_listItems_cont.type2 {max-width:950px; margin:auto; padding-left:70px; padding-right:70px;}
  1803. .dp_special .dp_listItems_cont.type3 {padding-left:70px; padding-right:70px;}
  1804. /* dp_기획전상세 : 다른 기획전,이벤트 보기 */
  1805. .dp .other_promotion_slide {margin-top:160px; padding:0 140px!important;}
  1806. .dp .other_promotion_slide .cont_head {position:relative; margin-bottom:60px;}
  1807. .dp .other_promotion_slide .cont_head h4 {position:relative; margin-bottom:0;}
  1808. .dp .other_promotion_slide .cont_head a {position:absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url('/images/pc/ico_more_lg.png') no-repeat right top 1px; font-size: 18px; color:#888;}
  1809. .dp .other_promotion_slide .cont_body {position:relative;}
  1810. .dp .other_promotion_slide .swiper-button-next {right:-70px; margin-top:-70px;}
  1811. .dp .other_promotion_slide .swiper-button-prev {left:-70px; margin-top:-70px;}
  1812. .dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
  1813. .dp .other_promotion_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  1814. .dp .other_promotion_slide .brand {display: inline-block; margin-bottom:10px; font-size: 12px; color:#888; font-weight: 300;}
  1815. .dp .other_promotion_slide .txt {margin:0 6px;}
  1816. .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;}
  1817. /* dp_hotdeal 타임딜 리스트 */
  1818. .dp .dp_hotdeal {}
  1819. .dp_hotdeal .hotdeal {position: relative; width:100%; margin-bottom: 120px; overflow:hidden; /*height: 378px; background: url(/images/pc/thumb/hotdeal_bg2.jpg)no-repeat center center;*/}
  1820. .dp_hotdeal .hotdeal > img {display:block; position:relative; left:50%; top:0; transform:translateX(-50%);}
  1821. .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%);}
  1822. .dp_hotdeal .hotdeal #countdown span{display: inline-block; position: relative; width: auto; font-size: 26px; font-weight: 300; text-align: center; color: #fff;}
  1823. .dp_hotdeal .hotdeal #countdown span:first-child:after {content:''; position: absolute; top: 5px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
  1824. .dp_hotdeal .hotdeal #countdown span:first-child:before {content:''; position: absolute; top: 15px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
  1825. .dp_hotdeal .hotdeal #countdown span:nth-child(2) {margin: 0 10px;}
  1826. .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%;}
  1827. .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%;}
  1828. .dp_hotdeal .list_content {padding-left:70px; padding-right:70px;}
  1829. .dp_hotdeal .itemsGrp.rowtype {width:100%; margin:-20px 0 0 0;}
  1830. .dp_hotdeal .itemsGrp.rowtype .itemSpecialPrice {display:block; margin-bottom:20px;}
  1831. .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;}
  1832. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {}
  1833. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {}
  1834. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {}
  1835. /* dp_event_list 룩북 리스트 */
  1836. .dp .event_list {}
  1837. .dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
  1838. .dp .event_list .event_top:after {content:''; clear:both; display: block;}
  1839. .dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
  1840. .dp .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
  1841. .dp .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
  1842. .dp .event_list .event_top .event_btn a {display: inline-block; background: url(/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;}
  1843. .dp .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
  1844. .dp .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
  1845. .dp .event_list .list li .rank {min-width:52px;}
  1846. .dp .event_list .list li .ev_img {margin-bottom: 25px; position: relative; width: 100%; height: auto; padding-top: 100%;}
  1847. .dp .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  1848. .dp .event_list .list li .txt .brand {color: #888; font-weight: 300;}
  1849. .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;}
  1850. .dp .event_list .list .no_con {display: none;}
  1851. .dp .event_list.no_data .list .event_con {display: none;}
  1852. .dp .event_list.no_data .list .no_con {display: block; padding:100px 0;}
  1853. .dp .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
  1854. .dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
  1855. .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;}
  1856. .dp .event_list .ui_row .ui_col_12 .btn_group {float: right;}
  1857. .dp .event_list .ui_row .ui_col_12 .btn_group > .btn {padding: 12px 96px 12px 19px; line-height: 1; font-size: 14px; color: #666;}
  1858. .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;}
  1859. .dp .event_list .ui_row .ui_col_12 .btn_group .btn.on {border-color: #222;}
  1860. .dp .event_list .ui_row .ui_col_12 .btn_group .btn.on .caret { top: 10px; border-color: transparent transparent #888888 transparent;}
  1861. .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;}
  1862. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
  1863. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both}
  1864. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
  1865. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
  1866. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,
  1867. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),
  1868. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
  1869. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
  1870. .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);}
  1871. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
  1872. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row {justify-content: center; margin: 30px 0 0;}
  1873. .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;}
  1874. .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(/images/pc/ico_filter_reset.png)no-repeat;}
  1875. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
  1876. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
  1877. .dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
  1878. /* dp_bulletship 총알배송 */
  1879. .dp .dp_Bulletship {}
  1880. .dp_Bulletship .bulletship {}
  1881. .bulletship {width:100%;}
  1882. .bulletship .bulletship_head {width:100%; overflow:hidden;}
  1883. .bulletship .bulletship_head img {position:relative; left:50%; transform:translateX(-50%);}
  1884. .bulletship .bulletship_body {text-align:center; padding:0px 70px;}
  1885. .bulletship .bulletship_body .txt_result {width:720px; margin:0 auto; padding:60px 0;}
  1886. .bulletship .bulletship_body .txt_result > p:nth-child(1) {position:relative; padding-top:40px; color:#555; font-size:20px; font-weight:300;}
  1887. .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('/images/pc/ico_home.png') no-repeat;}
  1888. .bulletship .bulletship_body .txt_result > p:nth-child(2) {padding-top:20px; color:#222; font-size:46px; font-weight:700; line-height:60px;}
  1889. .bulletship .bulletship_body .txt_result > p:nth-child(2) span {color:#fd4802;}
  1890. .bulletship .bulletship_body .bullet_able,
  1891. .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;}
  1892. .bulletship .bulletship_body .bulletshop_btn {}
  1893. .bulletship .bulletship_body .txt_result > p:nth-child(2) + .bulletshop_btn {margin-top:50px}
  1894. .bulletship .bulletship_body .bullet_able + .bulletshop_btn,
  1895. .bulletship .bulletship_body .normal_able + .bulletshop_btn {margin-top:30px}
  1896. .bulletship .bulletship_body .bulletshop_btn .btn {height:80px; border:1px solid #a7a7a7; color:#222; font-size:22px; font-weight:500;}
  1897. .bulletship .bulletship_body .bulletshop_btn + P {margin-top:30px; padding-bottom:10px; color:#666; font-size:20px; font-weight:200;}
  1898. .bulletship .bulletship_foot {margin-left:70px; margin-right:70px; overflow:hidden;}
  1899. .bulletship .bulletship_foot img {position:relative; left:50%; transform:translateX(-50%);}
  1900. /* od 공통 */
  1901. .container.od .wrap .content {max-width:1460px; padding-left:0; padding-right:0;}
  1902. .od {}
  1903. .od .wrap {padding-top:120px; padding-bottom:160px;}
  1904. .od div::after {clear:both; display:block; content:'';}
  1905. .od .cont_head h2 {margin-bottom:0; color:#222; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
  1906. .od .btn span {line-height:1;}
  1907. .od .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
  1908. .od .tmark_optional {color:#888; font-size:12px; font-weight:200;}
  1909. .od .item_slide .item_gd a .price {margin-top:15px}
  1910. .od .info_txt {padding:20px 30px; background:#fff6f2;}
  1911. .od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left:13px; margin-bottom: 14px;}
  1912. .od .info_txt ul li:last-child {margin-bottom: 0;}
  1913. .od .info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
  1914. .od .form_field {display:block;}
  1915. .od .form_field::after {clear:both; display:block; content:'';}
  1916. .od .form_field input[type="radio"] + label,
  1917. .od .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
  1918. .od .form_field input[type="radio"] + label:before,
  1919. .od .form_field input[type="radio"]:checked + label:after,
  1920. .od .form_field input[type="checkbox"] + label:before,
  1921. .od .form_field input[type="checkbox"]:checked + label:after,
  1922. .od .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
  1923. .od .form_field .input_wrap {display:block; width:100%; margin:0;}
  1924. .od .form_field .input_wrap::after {clear:both; display:block;}
  1925. .od .cont_head {margin-bottom:60px;}
  1926. .od .cont_head .oder_steps {margin-top:35px; text-align:center;}
  1927. .od .cont_head .oder_steps ul {display:inline-block; vertical-align:top;}
  1928. .od .cont_head .oder_steps ul::after {content:''; clear:both; display:block;}
  1929. .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;}
  1930. .od .cont_head .oder_steps ul li.on {color:#fd4802; font-weight:300;}
  1931. .od .cont_head .oder_steps ul li span {font-weight:300;}
  1932. .od .cont_head .oder_steps ul li::before {content:''; position:absolute; left:-60px; top:50%; width:60px; border-bottom:1px solid #ddd;}
  1933. .od .cont_head .oder_steps ul li:first-of-type {margin-left:0}
  1934. .od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
  1935. .od .od_cont {float:left; width:calc(100% - 380px); min-height:400px;}
  1936. .od .od_cont button span {/*vertical-align:middle;*/ line-height:1;}
  1937. .od .od_cont button.btn_sm {height:34px; min-width:70px; padding:9px 13px; font-size:14px; font-weight:200;}
  1938. .od .od_cont button.btn_dark {font-weight:200;}
  1939. .od .od_cont button.btn_default {border-color:#a7a7a7; color:#222;}
  1940. .od .od_cont .form_control {min-width:400px; height:42px; padding-left:18px; color:#222; font-size:14px;}
  1941. .od .od_cont .sec_head {margin-bottom:60px;}
  1942. .od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
  1943. .od .od_cont .sec_head .tbl td {text-align:left;}
  1944. .od .od_cont .sec_head .tbl td > span {position:relative; margin-left:30px; padding-left:30px; color:#222; font-size:14px}
  1945. .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;}
  1946. .od .od_cont .sec_head .tbl td > span:first-child {padding-left:0}
  1947. .od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
  1948. .od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px; font-size:18px;}
  1949. .od .od_cont .sec_body {}
  1950. .od .od_cont .sec_body .foldGroup {float:none;}
  1951. .od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
  1952. .od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
  1953. .od_cont .foldGroup .fold_head a {padding:0;}
  1954. .od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:30px 0px;}
  1955. .od_cont .foldGroup .fold_head .fold_tit span {line-height:1; font-size:24px; font-weight:500; overflow:visible;}
  1956. .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;}
  1957. .od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
  1958. .od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
  1959. .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;}
  1960. .od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
  1961. .od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
  1962. .od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
  1963. .od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box;}
  1964. .od_cont .foldGroup .fold_cont > div {}
  1965. .od_cont .foldGroup dl {font-size:16px;}
  1966. .od_cont .foldGroup dl .btn span {vertical-align:middle;}
  1967. .od_cont .foldGroup dl > div {display:block; margin-top:20px; color:#222;}
  1968. .od_cont .foldGroup dl > div:first-of-type {margin-top:0px}
  1969. .od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
  1970. .od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px}
  1971. .od_cont .foldGroup dl > div dd {position:relative; float:left; width:calc(100% - 170px);}
  1972. .od_cont .foldGroup dl::after,
  1973. .od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
  1974. .od .od_side {float:right; width:320px;}
  1975. .od .od_side h3 {color:#222; font-size:24px; font-weight:500;}
  1976. .od .od_side h4 {font-size:18px; font-weight:500; margin-bottom:20px;}
  1977. .od .od_side .item_gd figure {position:relative; min-height:150px;}
  1978. .od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
  1979. .od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;}
  1980. .od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px}
  1981. .od .od_side .item_gd figure figcaption a {}
  1982. .od .od_side .item_gd figure figcaption .name {margin-top:5px;}
  1983. .od .od_side .item_gd figure figcaption .price {}
  1984. .od .od_side .item_gd figure figcaption .price {position:relative; margin-top:10px; padding-right:50px; box-sizing:border-box}
  1985. .od .od_side .item_gd figure figcaption .price del {padding-left:0; line-height:1.2;}
  1986. .od .od_side .item_gd figure figcaption .price .discount {position:absolute; right:0; bottom:0;}
  1987. .od .od_side .item_gd figure figcaption .option {margin-top:5px;}
  1988. .od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
  1989. .od .od_side .area_order dl dt {float:left;}
  1990. .od .od_side .area_order dl dd {float:right;}
  1991. .od .od_side .area_order div::after,
  1992. .od .od_side .area_order dl::after,
  1993. .od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
  1994. .od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
  1995. .od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
  1996. .od .od_side .area_order .tit_box span {float:right; display:inline-block; margin-top:6px; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:top}
  1997. .od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
  1998. .od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
  1999. .od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
  2000. .od .od_side .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
  2001. .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;}
  2002. .od .od_side .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
  2003. .od .od_side .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
  2004. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:24px}
  2005. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
  2006. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
  2007. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
  2008. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
  2009. .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;}
  2010. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
  2011. .od .od_side .area_order .od_amount_box {padding:30px; color:#888; font-size:14px; font-weight:200;}
  2012. .od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
  2013. .od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px}
  2014. .od .od_side .area_order .od_amount_box dl dt {font-size:14px; font-weight:300;}
  2015. .od .od_side .area_order .od_amount_box dl dd {color:#222; font-size:16px; font-weight:300;}
  2016. .od .od_side .area_order .od_amount_box dl dd em {font-size:16px}
  2017. .od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
  2018. .od .od_side .area_order .od_amount_box .t_info {margin-top:20px; text-align:right;}
  2019. .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;}
  2020. .od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
  2021. .od .od_side .area_order .totalprice_box {padding:0px 30px 40px}
  2022. .od .od_side .area_order .totalprice_box dl {padding:40px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
  2023. .od .od_side .area_order .totalprice_box dl dt {margin-top:5px; font-size:16px; font-weight:500;}
  2024. .od .od_side .area_order .totalprice_box dl dd {color:#fd4802; font-size:18px; font-weight:700;}
  2025. .od .od_side .area_order .totalprice_box dl dd span {font-size:24px; vertical-align:middle;}
  2026. .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;}
  2027. .od .od_side .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
  2028. .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;}
  2029. .od .od_side .area_order .btn_box {padding:0px 30px 35px;}
  2030. .od .od_side .area_order .btn_box .btn {height:60px; font-weight:300; padding:20px}
  2031. .od .od_side .area_salecoupon {margin-top:35px}
  2032. .od .od_side .area_salecoupon input {height:42px; padding:12px 15px; color:#222; font-size:14px; font-weight:300;}
  2033. .od .od_side .area_salecoupon .input_wrap {float:left; width:240px}
  2034. .od .od_side .area_salecoupon .btn {width:70px; height:42px; box-sizing:border-box; font-size:14px; font-weight:200}
  2035. .od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:20px;}
  2036. .od .od_side .area_salecoupon .coupon_box .coupon {position:relative; margin-top:10px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  2037. .od .od_side .area_salecoupon .coupon_box .coupon:first-child {margin-top:0}
  2038. .od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
  2039. .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;}
  2040. .od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
  2041. .od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  2042. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:10px;}
  2043. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:700;}
  2044. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:28px;}
  2045. .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;}
  2046. .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:10px}
  2047. .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;}
  2048. .od .od_side .area_salecoupon .coupon_box .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
  2049. .od .od_side .area_saleitem {margin-top:40px}
  2050. /* od_shopping_Bag */
  2051. .od .shopping_bag {}
  2052. .od .shopping_bag table th,
  2053. .od .shopping_bag table td {vertical-align:middle;}
  2054. .shopping_bag .nodata {padding-top:110px;}
  2055. .shopping_bag .nodata .txt_box::before {background-image:url('/images/pc/ico_cart_empty.png');}
  2056. .shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
  2057. .shopping_bag .sec_head table .form_field span {display:inline-block; height:22px; line-height:22px;}
  2058. .shopping_bag .sec_head table .form_field span .tag {margin-right:5px}
  2059. .shopping_bag .sec_body .sec_select {margin-top:40px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #222;}
  2060. .shopping_bag .sec_body .sec_select > div {position:relative; }
  2061. .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;}
  2062. .shopping_bag .sec_body .sec_part {margin-bottom:60px;}
  2063. .shopping_bag .sec_body .sec_part:last-child {margin-bottom:0;}
  2064. .shopping_bag .sec_body .sec_part h3 {margin-bottom:30px}
  2065. .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;}
  2066. .shopping_bag .sec_body .sec_part h4:first-of-type {border-top:none}
  2067. .shopping_bag .sec_body .sec_part h4 .tit_info {margin-left:10px; color:#888; font-size:16px; font-weight:300;}
  2068. /*.shopping_bag .sec_body .sec_part h3{padding-bottom: 30px;border-bottom: 1px solid #ddd;}*/
  2069. /*.shopping_bag .area_part {border-top: 0;}
  2070. .shopping_bag .area_part {padding-top: 40px;}
  2071. .shopping_bag .area_part + .area_part{margin-top: 0px;padding-top: 0px;}
  2072. .shopping_bag .area_part + .area_part h4{padding-top: 0px;}
  2073. .shopping_bag .area_part + .area_part .part_goods .goods_cont:last-child{padding-bottom: 0px;}
  2074. .shopping_bag .area_part + .area_part .part_goods .goods_cont .goods_info:last-child {padding-bottom:0px;}
  2075. .shopping_bag .area_part + .area_part .part_goods .goods_cont .goods_info:last-child{border-bottom: 0px;}
  2076. .shopping_bag .part_goods .goods_cont .goods_info:last-child{margin-bottom: 0px;padding-bottom: 40px;border-bottom: 1px dashed #ddd;}*/
  2077. /* od_shopping_Bag 실시간조회상품 */
  2078. .container .wrap .content.od_realtime {position:relative; max-width:1460px; margin-top:120px;}
  2079. .od .od_realtime {}
  2080. .od_realtime .swiper-container {padding:0px;}
  2081. .od_realtime .swiper-container .swiper-wrapper {}
  2082. .od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
  2083. .od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
  2084. .od_realtime .swiper-button-prev {left:-70px; top:275px}
  2085. .od_realtime .swiper-button-next {right:-70px; top:275px}
  2086. .od_realtime .swiper-button-prev::after,
  2087. .od_realtime .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
  2088. .od_realtime .swiper-button-prev::after {background-position:0 50%;}
  2089. .od_realtime .swiper-button-next::after {background-position:100% 50%;}
  2090. .od_realtime .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px}
  2091. @media screen and (max-width:1459px) {}
  2092. /* od_shopping_Bag 추천상품 */
  2093. .container .wrap .content.od_recommend {position:relative; max-width:1460px; margin-top:120px;}
  2094. .od .od_recommend {}
  2095. .od .od_recommend .cont_head {margin-bottom:0}
  2096. .od_recommend .swiper-container {padding:0px;}
  2097. .od_recommend .swiper-container .swiper-wrapper {}
  2098. .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
  2099. .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
  2100. .od_recommend .swiper-button-prev {left:-70px; top:275px}
  2101. .od_recommend .swiper-button-next {right:-70px; top:275px}
  2102. .od_recommend .swiper-button-prev::after,
  2103. .od_recommend .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
  2104. .od_recommend .swiper-button-prev::after {background-position:0 50%;}
  2105. .od_recommend .swiper-button-next::after {background-position:100% 50%;}
  2106. .od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px}
  2107. @media screen and (max-width:1459px) {}
  2108. /* od_odPayment */
  2109. .od .odPayment {}
  2110. .odPayment .icon_tag {display:inline-block; vertical-align:top;}
  2111. .odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
  2112. .odPayment .icon_tag .tag {float:left; margin-left:6px}
  2113. .odPayment .input_wrap > .btn.btn_dark.btn_sm {height:42px; min-width:70px; padding:13px; font-size:14px; font-weight:300;}
  2114. .odPayment .foldGroup .fold_head .data .total_gift,
  2115. .odPayment .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}
  2116. .odPayment .foldGroup .fold_head .data .maxdisc_amount {padding:0; margin:0; color:#fd4802;}
  2117. .odPayment .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
  2118. .odPayment .foldGroup .fold_head .data .maxdisc_amount em {font-weight:500;}
  2119. .odPayment .fold_cont .area_overseas,
  2120. .odPayment .fold_cont .area_customitem,
  2121. .odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
  2122. .odPayment .fold_cont .area_selpoint input[type="text"]:read-only,
  2123. .odPayment .fold_cont .area_selpoint input[type="text"]:disabled {background:#fff;}
  2124. .odPayment .fold_cont .area_overseas .info_txt,
  2125. .odPayment .fold_cont .area_customitem .info_txt {margin-top:25px;}
  2126. .odPayment .fold_cont .area_mbinfo {}
  2127. .odPayment .fold_cont .area_mbinfo > dl > div {float:left; position:relative; margin-top:0; height:16px; padding:0 15px;}
  2128. .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;}
  2129. .odPayment .fold_cont .area_mbinfo > dl > div:first-child {padding-left:0;}
  2130. .odPayment .fold_cont .area_mbinfo > dl > div:first-child::after {display:none;}
  2131. .odPayment .fold_cont .area_mbinfo > dl > div dt {position:absolute; }
  2132. .odPayment .fold_cont .area_mbinfo > dl > div dd {width:auto;}
  2133. .odPayment .fold_cont .area_mbinfo > dl > div dd .btn {margin-top:-9px; margin-left:10px; vertical-align:top;}
  2134. .odPayment .fold_cont .area_receiveinfo {}
  2135. .odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; height:16px}
  2136. .odPayment .fold_cont .area_receiveinfo > dl > div:first-child {margin-top:0}
  2137. .odPayment .fold_cont .area_receiveinfo > dl > div dt {position:relative; padding-right:10px; margin-right:10px; font-weight:200;}
  2138. .odPayment .fold_cont .area_receiveinfo > dl > div dt::after {content:':'; position:absolute; right:-2px; top:-1px;}
  2139. .odPayment .fold_cont .area_receiveinfo > dl > div dd {height:16px}
  2140. .odPayment .fold_cont .area_receiveinfo > dl > div dd .btn {vertical-align:top; margin-top:-9px; margin-left:15px}
  2141. .odPayment .fold_cont .area_receiveinfo > dl > div dd .btn_underline {margin-left:12px}
  2142. .odPayment .fold_cont .area_receiveinfo .icon_tag {margin-top:-3px; margin-left:4px}
  2143. .odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px}
  2144. .odPayment .fold_cont .area_overseas .info_box {font-size:16px;}
  2145. .odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:5px; font-size:14px;}
  2146. .odPayment .fold_cont .area_overseas .info_box.overs1 {margin-top:20px; margin-right:0}
  2147. .odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:30px; margin-right:0; color:#666}
  2148. .odPayment .fold_cont .area_overseas .info_box .agree_overs {margin-top:15px; width:85%; word-break:keep-all;}
  2149. .odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:24px; color:#666;}
  2150. .odPayment .fold_cont .area_overseas .info_box .agree_overs label::before,
  2151. .odPayment .fold_cont .area_overseas .info_box .agree_overs label::after {top:3px !important; transform:translateY(0%) !important;}
  2152. .odPayment .fold_cont .area_customitem .agree_custom label {color:#666; font-size:16px; line-height:24px;}
  2153. .odPayment .fold_cont .area_customitem .agree_custom label::before,
  2154. .odPayment .fold_cont .area_customitem .agree_custom label::after {top:3px !important; transform:translateY(0%) !important;}
  2155. .odPayment .area_selgift {}
  2156. .odPayment .area_selgift .form_field::after {content:''; clear:both; display:block;}
  2157. .odPayment .area_selgift .gift_box {margin-top:20px;}
  2158. .odPayment .area_selgift .gift_box:first-of-type {margin-top:0;}
  2159. .odPayment .gift_box .txt {margin-bottom:28px}
  2160. .odPayment .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
  2161. .odPayment .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
  2162. .odPayment .gift_box .form_field .gift {float:left; width:calc((100% - 24px) * 0.3333); margin-left:12px; margin-bottom:20px;}
  2163. .odPayment .gift_box .form_field .gift:after {content:''; display:block; clear:both;}
  2164. .odPayment .gift_box .form_field .gift:first-child {margin-left:0;}
  2165. .odPayment .gift_box .form_field .gift:nth-child(3n-2) {margin-left:0;}
  2166. .odPayment .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
  2167. .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
  2168. .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:before,
  2169. .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:after{left:14px;}
  2170. .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
  2171. .odPayment .gift_box .form_field .gift input[type="radio"] + label:before,
  2172. .odPayment .gift_box .form_field .gift input[type="radio"] + label:after{left:14px;}
  2173. .odPayment .gift_box .form_field .gift input[type="checkbox"]:checked + label::before {display:none;}
  2174. .odPayment .gift_box .form_field .gift input[type="checkbox"]:checked + label:after {left:20px; width:10px; height:8px; background:url('/images/pc/ico_chk_gift_required.png') no-repeat 0 0;}
  2175. .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;}
  2176. .odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
  2177. .odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
  2178. .odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
  2179. .odPayment .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
  2180. .odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
  2181. .odPayment .gift_box .form_field .gift input[type="radio"]:Disabled + label {opacity:1;}
  2182. .odPayment .gift_box .form_field .gift input[type="radio"] + label:after {top: 50%; transform: translateY(-50%);}
  2183. .odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
  2184. .odPayment .form_field .agree_gift .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
  2185. .odPayment .form_field .agree_gift .btn_underline span {color:#888; font-size:12px}
  2186. .odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
  2187. .odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
  2188. .odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px}
  2189. .odPayment .area_seldiscount {}
  2190. .odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
  2191. .odPayment .area_seldiscount dl > div dd {width:485px;}
  2192. .odPayment .area_seldiscount .sale_coupon_box {}
  2193. .odPayment .area_seldiscount .sale_coupon_box .btn_default {width:80px; margin-left:14px; margin-top:-13px; vertical-align:top;}
  2194. .odPayment .area_seldiscount .sale_coupon_box .maxdisc_amount {color:#fd4802; font-weight:300;}
  2195. .odPayment .area_seldiscount .sale_coupon_box .form_field {margin-top:18px}
  2196. .odPayment .area_seldiscount .dlvr_fee_box {height:90%;}
  2197. .odPayment .area_seldiscount .dlvr_fee_box .select_custom {height:90px;}
  2198. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:90px; padding:0;}
  2199. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
  2200. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:89px; padding:0;}
  2201. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
  2202. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:14px 18px;}
  2203. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
  2204. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
  2205. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
  2206. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
  2207. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
  2208. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
  2209. .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
  2210. .odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
  2211. .odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
  2212. .odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
  2213. .odPayment .area_selpoint {}
  2214. .odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
  2215. .odPayment .area_selpoint .form_field > div {float:left; margin-right:40px}
  2216. .odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
  2217. .odPayment .area_selpoint .form_field .useable_point {margin-right:10px; color:#fd4802; font-size:16px; font-weight:200; vertical-align:middle;}
  2218. .odPayment .area_selpoint .form_field .useable_point em {font-weight:500;}
  2219. .odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:200;}
  2220. .odPayment .area_selpoint .form_field p {margin-top:15px; color:#888; font-size:14px;}
  2221. /*.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
  2222. .odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}*/
  2223. .odPayment .fold_paymethod .fold_cont {margin-top:-10px;}
  2224. .odPayment .area_paymethod {}
  2225. .odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
  2226. .odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
  2227. .odPayment .area_paymethod .radio_blk .paymethod_radio {position:relative}
  2228. .odPayment .area_paymethod .radio_blk .paymethod_radio label {display:block; padding-top:30px; padding-bottom:30px; color:#222; font-size:16px; font-weight:300;}
  2229. .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;}
  2230. .odPayment .area_paymethod .radio_blk.on .paymethod_radio .quickpay_bnr {display:none;}
  2231. .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;}
  2232. .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);}
  2233. .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('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto;}
  2234. .odPayment .area_paymethod .paymethod_box {}
  2235. .odPayment .area_paymethod .paymethod_box .card_quickpay {}
  2236. .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;}
  2237. .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
  2238. .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('/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
  2239. .odPayment .area_paymethod .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
  2240. .odPayment .area_paymethod .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
  2241. .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
  2242. .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;}
  2243. .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;}
  2244. .odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802}
  2245. .odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
  2246. .odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
  2247. .odPayment .card_quickpay .list_card .swiper-button-prev,
  2248. .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(/images/pc/ico_arr_lg.png) no-repeat; z-index:2;}
  2249. .odPayment .card_quickpay .list_card .swiper-button-prev {left:244px; background-position:0 50%;}
  2250. .odPayment .card_quickpay .list_card .swiper-button-next {right:244px; background-position:100% 50%;}
  2251. .odPayment .card_quickpay .list_card .swiper-button-prev::after,
  2252. .odPayment .card_quickpay .list_card .swiper-button-next::after {font-size:0px;}
  2253. .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;}
  2254. .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;}
  2255. .odPayment .card_quickpay .list_card .card .logo_samsung {background:url(/images/pc/logo_card_samsung.png) no-repeat 0 50%;}
  2256. .odPayment .card_quickpay .list_card .card .logo_hyundai {background:url(/images/pc/logo_card_hyundai.png) no-repeat 0 50%;}
  2257. .odPayment .card_quickpay .list_card .card .etc {position:absolute; right:30px; top:30px; z-index:2;}
  2258. .odPayment .card_quickpay .list_card .card .etc::after {content:''; clear:both; display:block;}
  2259. .odPayment .card_quickpay .list_card .card .etc button {float:left; position:relative; margin-left:22px}
  2260. .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;}
  2261. .odPayment .card_quickpay .list_card .card .etc button:first-child::before {display:none;}
  2262. .odPayment .card_quickpay .list_card .card .name {margin-top:10px; height:20px; text-align:center; font-size:14px; line-height:20px; color:#c9dbff}
  2263. .odPayment .card_quickpay .list_card .card .number {margin-top:10px; text-align:center; font-size:24px; font-weight:300;}
  2264. .odPayment .card_quickpay .list_card .card .number span {padding:0px 5px; letter-spacing:2px;}
  2265. .odPayment .card_quickpay .list_card .card .select {/* position:absolute; *//* left:20px; *//* right:20px; *//* bottom:20px; */width: 100%;z-index:2;}
  2266. .odPayment .card_quickpay .list_card .card .select .select_dress {padding:13px 20px; background:#3259a8; color:#fff; font-size:14px; border:none;}
  2267. .odPayment .card_quickpay .list_card .card .select .select_dress:after {top:15px; border-color:#fff transparent transparent transparent;}
  2268. .odPayment .card_quickpay .list_card .card .select .select_dress.active:after {top:9px; border-color:transparent transparent #fff transparent}
  2269. .odPayment .card_quickpay .list_card .card .select .select_options {border:none}
  2270. .odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
  2271. .odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
  2272. .odPayment .area_paymethod .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
  2273. .odPayment .area_paymethod .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
  2274. .odPayment .area_paymethod .paymethod_box .info_quick li:first-of-type {margin-top:0;}
  2275. .odPayment .area_paymethod .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  2276. .odPayment .area_paymethod .paymethod_box .sel_method {}
  2277. .odPayment .area_paymethod .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
  2278. .odPayment .area_paymethod .paymethod_box .sel_method li {float:left; width:calc(100% / 7);}
  2279. .odPayment .area_paymethod .paymethod_box .sel_method li label::before,
  2280. .odPayment .area_paymethod .paymethod_box .sel_method li label::after {display:none;}
  2281. .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;}
  2282. .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%;}
  2283. .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/pc/pay_kakao.png');}
  2284. .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/pc/pay_naver.png');}
  2285. .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/pc/pay_payco.png');}
  2286. .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;}
  2287. .odPayment .area_paymethod .paymethod_box .sel_method li:last-child input[type="radio"] + label {border-right:1px solid #ddd;}
  2288. .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label {border:2px solid #fd4802;}
  2289. .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label span {color:#fd4802; font-weight:500;}
  2290. .odPayment .area_paymethod .agree_insurance {display:none; margin:25px 0 0;}
  2291. .odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
  2292. .odPayment .area_paymethod .agree_insurance p {padding:15px 30px 0px; color:#888; font-size:14px; line-height:20px;}
  2293. .odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
  2294. .odPayment .area_paymethod .agree_paymethod input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
  2295. .odPayment .area_paymentinfo {margin-top:30px;}
  2296. .odPayment .paymentinfo {}
  2297. .odPayment .paymentinfo.on {}
  2298. .odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
  2299. .odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
  2300. .odPayment .paymentinfo .payinfo_blk a {display:block; padding:30px 40px; color:#222; font-size:16px; font-weight:300;}
  2301. .odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
  2302. .odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
  2303. .odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
  2304. .odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
  2305. .odPayment .paymentinfo .payinfo_blk.on {background:#f5f5f5;}
  2306. .odPayment .paymentinfo .payinfo_blk.on a {padding-bottom:15px;}
  2307. .odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
  2308. .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 20px;}
  2309. .odPayment .area_paymentinfo .agree_payment {margin:40px 0 40px; color:#222; font-size:18px; font-weight:200; text-align:center;}
  2310. .odPayment .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
  2311. .odPayment .area_paybtn .btn em {font-weight:500;}
  2312. .odPayment .extra_pay {padding:0px 30px 40px; margin-bottom: 20px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
  2313. .odPayment .extra_pay .tit_pay {padding:30px 0px; line-height:1; font-size:24px; font-weight:500;}
  2314. .odPayment .extra_pay .area_paymethod {}
  2315. .odPayment .extra_pay .area_paymethod .paymethod_box .sel_method li {width:50%;}
  2316. /* od_completed */
  2317. .od .completed {}
  2318. .completed .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
  2319. .completed .tbl.type1 table td button {margin-left:10px}
  2320. .completed .tbl.type1 table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
  2321. .completed .tbl.type1 {padding:20px 0}
  2322. .completed .tbl.type1 th,
  2323. .completed .tbl.type1 td {padding-top:7px; padding-bottom:7px; line-height:1.625;}
  2324. .completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2;}
  2325. .completed .info_complete .txt_box {color:#222; font-size:24px; font-weight:500;}
  2326. .completed .info_complete .report_box {margin-top:26px}
  2327. .completed .info_complete .report_box div {margin-top:15px}
  2328. .completed .info_complete .report_box div:first-child {margin-top:0;}
  2329. .completed .info_complete .report_box div dt,
  2330. .completed .info_complete .report_box div dd {display:inline-block; font-weight:300;}
  2331. .completed .info_complete .report_box div dt {color:#666; font-size:18px;}
  2332. .completed .info_complete .report_box div dd {margin-left:18px; color:#fd4802; font-size:20px;}
  2333. .completed .info_complete .report_box div.closedate dt,
  2334. .completed .info_complete .report_box div.closedate dd {margin:0; color:#888; font-size:16px; font-weight:200;}
  2335. .completed .info_complete .report_box div.closedate dd span {font-weight:300;}
  2336. .completed .od_cont {width:100%;}
  2337. .completed .od_cont h3 {margin-bottom:20px; font-size:18px; font-weight:500;}
  2338. .completed .od_cont .order_amount dl div {margin-top:20px;}
  2339. .completed .od_cont .order_amount dl div:first-child {margin-top:0}
  2340. .completed .od_cont [class^='area_']{margin-top:60px}
  2341. .completed .od_cont .sec_foot {margin-top:60px}
  2342. .completed .btn_group_md {text-align:center;}
  2343. .completed .btn_group_md::after {}
  2344. .completed .btn_group_md .btn {margin:0px 3px; width:230px;}
  2345. /* od_nonMBorder */
  2346. .od .nonMBorder {}
  2347. .nonMBorder .cont_head .text_box {margin-top:27px; color:#666; font-size:16px; font-weight:200; line-height:26px; text-align:center;}
  2348. .nonMBorder .cont_head {text-align:center;}
  2349. .nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;}
  2350. .nonMBorder input[type="text"] {float:none; width:100%; height:52px; padding:17px 0 17px 19px; color:#222; font-size:16px; font-weight:300;}
  2351. .nonMBorder input[type="text"]::placeholder {color:#888; font-weight:200;}
  2352. .nonMBorder .form_field {display:block; margin-top:10px;}
  2353. .nonMBorder .form_field:first-of-type {margin-bottom:0px;}
  2354. .nonMBorder .form_field .ui_col_9 input[type="text"] {width:388px;}
  2355. .nonMBorder .form_field .ui_col_3 .btn {width:132px; height:52px; padding:17px 0px 17px; font-weight:200;}
  2356. .nonMBorder .cont_foot {position:relative; width:530px; margin:40px auto 0; color:#888; font-size:16px; line-height:1;}
  2357. .nonMBorder .cont_foot::after {content:''; clear:both; display:block;}
  2358. .nonMBorder .cont_foot p span {display:block;}
  2359. .nonMBorder .cont_foot p .jointit1 {color:#222; font-size:18px; font-weight:300;}
  2360. .nonMBorder .cont_foot p .jointit2 {margin-top:10px; color:#888; font-size:16px; font-weight:200;}
  2361. .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;}
  2362. .nonMBorder .btn_group_md {float:none; margin-top:40px; margin-bottom:0;}
  2363. .nonMBorder .btn_group_md .btn {padding:19px; font-weight:300; height:60px;}
  2364. .nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7;}
  2365. .nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px}
  2366. .nonMBorder .agree_nombPrivacy label span {font-size:18px;}
  2367. .nonMBorder .agree_nombPrivacy label span .tmark_required {display:inline-block; margin-top:2px; font-size:14px; vertical-align:top;}
  2368. .nonMBorder .agree_nomb_txt_box {margin-bottom:40px; padding:35px 40px; border:1px solid #ddd;}
  2369. .nonMBorder .agree_nomb_txt_box > div {overflow:auto; max-height:160px; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
  2370. .nonMBorder .adress_area {}
  2371. .nonMBorder .adress_area dl {padding:20px 14px 0}
  2372. .nonMBorder .adress_area dl div {margin-top:15px;}
  2373. .nonMBorder .adress_area dl div:first-of-type {margin-top:0}
  2374. .nonMBorder .adress_area dl div dt {float:left;}
  2375. .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;}
  2376. .nonMBorder .adress_area dl div dd {padding-left:53px; color:#666; font-size:14px;}
  2377. /********** pd_상품상세 **********/
  2378. /**** pd_공통 ****/
  2379. .container.pd .wrap .content.wide {margin-top:120px;}
  2380. .pd,
  2381. .pd button {line-height:1; font-weight:300;}
  2382. .pd button span {line-height:1;}
  2383. .pd .dot_info {position:relative; padding-left:14px;}
  2384. .pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
  2385. .pd .swiper-pagination {position:relative; width:100%; margin-top:50px; text-align:center;}
  2386. .pd .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  2387. .pd .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  2388. .pd .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  2389. .pd .swiper-button-prev::after,
  2390. .pd .swiper-button-next::after {content: ''; display:none;}
  2391. .pd .swiper-button-prev,
  2392. .pd .swiper-button-next {top:50%;margin:0;display:inline-block;width: 20px;height: 40px;/* border:2px solid #a7a7a7; */border-width:2px 2px 0 0;}
  2393. .pd .swiper-button-prev {/* transform:translateY(-50%) rotate(225deg); *//* -webkit-transform:translateY(-50%) rotate(225deg); */}
  2394. .pd .swiper-button-next {/* transform:translateY(-50%) rotate(45deg); *//* -webkit-transform:translateY(-50%) rotate(45deg); */}
  2395. .pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px}
  2396. .pd .area_slider .swiper-button-prev,
  2397. .pd .area_slider .swiper-button-next {margin-top:-90px}
  2398. .pd .area_slider .swiper-container .item_prod {width:100%;}
  2399. .pd .area_slider .swiper-container .item_prod .item_state {padding:0}
  2400. /* pd */
  2401. .pd .wrap {padding-top:70px; padding-bottom:160px;}
  2402. .pd .item_picker {position:absolute; z-index:2; transform:translate(-50%,-50%);}
  2403. .pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
  2404. .pd_pop .select_custom .combo .list > li:hover {background:none;}
  2405. .pd_detail .select_custom .combo .list > li:hover {background:none;}
  2406. /***** pd_detail *****/
  2407. .pd_detail {}
  2408. .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;}
  2409. .pd_detail .thumb img,
  2410. .pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
  2411. .pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
  2412. .pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
  2413. .video_controls {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
  2414. .video_controls button {display:inline-block; overflow:hidden; width:60px; height:60px; font-size:1px; text-indent:-999999px;}
  2415. .video_controls button.btn_video_play {background:url('/images/pc/btn_video_play.png') no-repeat 50% 50%; background-size:100% auto;}
  2416. .video_controls button.btn_video_pause {background:url('/images/pc/btn_video_pause.png') no-repeat 50% 50%; background-size:100% auto;}
  2417. .pd_detail .item_detail {}
  2418. .pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
  2419. .pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:500px;}
  2420. .pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
  2421. .pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
  2422. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  2423. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:500px;}
  2424. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5;}
  2425. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on {}
  2426. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
  2427. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
  2428. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a {display:block; border:1px solid #fd4802;}
  2429. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev,
  2430. .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;}
  2431. .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);}
  2432. .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);}
  2433. .pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
  2434. .pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
  2435. .pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
  2436. .pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 5px); margin-top:10px;}
  2437. .pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px}
  2438. .pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('/images/pc/cursor_zoom.png') 0 0, zoom-in;}
  2439. .pd_detail .area_pic .thumb_list_wrap li.on a span img {z-index:2;}
  2440. .pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
  2441. .pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
  2442. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
  2443. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
  2444. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}
  2445. .pd_detail .area_pic.onlyitem {padding-left:0}
  2446. .pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
  2447. .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
  2448. .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
  2449. .pd_detail .area_desc .desc_wrap {/*position:absolute; right:auto; top:0; background:#eee*/width:500px; z-index:2;}
  2450. .pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:auto; bottom:0px;}
  2451. .pd_detail .area_desc .desc_wrap.fixbottom {position:fixed; top:auto; bottom:0px;}
  2452. .pd_detail .area_desc .desc_wrap .timer_box {position:relative; padding-bottom:30px;}
  2453. .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);}
  2454. .pd_detail .area_desc .desc_wrap .timer_box p {padding:17px 30px; background:#222; height:50px;}
  2455. .pd_detail .area_desc .desc_wrap .timer_box p::after {content:''; clear:both; display:block;}
  2456. .pd_detail .area_desc .desc_wrap .timer_box p span {display:inline-block; position:relative; }
  2457. .pd_detail .area_desc .desc_wrap .timer_box p .tit {position:relative; padding-left:28px; color:#fff; font-size:16px;}
  2458. .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('/images/pc/ico_timer2.png') no-repeat 0 50%;}
  2459. .pd_detail .area_desc .desc_wrap .timer_box p .timer {color:#fff; font-size:18px; line-height:16px; font-weight:300;}
  2460. .pd_detail .area_desc .desc_wrap .timer_box p .timer em {display:inline-block; position:relative; padding-left:6px;}
  2461. .pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
  2462. .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:15px;}
  2463. .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
  2464. .pd_detail .area_desc .desc_wrap .descript_box {margin-top:15px;}
  2465. .pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:16px; vertical-align:top;}
  2466. .pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
  2467. .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;}
  2468. .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:''}
  2469. .pd_detail .area_desc .desc_wrap .descript_box .desc_top .shareSet {right: 0;}
  2470. .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;}
  2471. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {background:url('/images/pc/btn_itemLike.png') no-repeat 0% 50%;}
  2472. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike:hover,
  2473. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike.likeit {background-position:100% 50%;}
  2474. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::before,
  2475. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::after {display:none}
  2476. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemShare {background:url('/images/pc/btn_itemShare.png') no-repeat 50% 50%;}
  2477. .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:40px; line-height:1;}
  2478. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk::after {content:''; clear:both; display:block;}
  2479. .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;}
  2480. .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;}
  2481. .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;}
  2482. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:20px;}
  2483. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
  2484. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left; }
  2485. .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;}
  2486. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:700;}
  2487. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:700;}
  2488. .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;}
  2489. .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;}
  2490. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk del.org_price em {font-size:20px;}
  2491. .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;}
  2492. .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('/images/pc/ico_point_sm.png') no-repeat 50% 50%;}
  2493. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:32px; width:77px; height:34px; padding:10px; border:none; box-sizing:border-box; font-size:14px; z-index:2;}
  2494. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon span {font-size:14px; font-weight:200;}
  2495. .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;}
  2496. .pd_detail .area_desc .desc_wrap .descript_box .desc_status p {}
  2497. .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;}
  2498. .pd_detail .area_desc .desc_wrap .benefit_box dl .bnf_shopping {margin-bottom:25px}
  2499. .pd_detail .area_desc .desc_wrap .benefit_box dl div::after {content:''; clear:both; display:block;}
  2500. .pd_detail .area_desc .desc_wrap .benefit_box dl div dt {float:left; width:90px; color:#666}
  2501. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd {float:left; position:relative; width:calc(100% - 90px); color:#222;}
  2502. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span {display:block; margin-top:10px}
  2503. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span:first-child {margin-top:0px}
  2504. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_popup {position:absolute; right:0; top:0; z-index:2;}
  2505. /* pd_deal_상품옵션선택 영역 */
  2506. .pd .option_box {margin-top:30px;}
  2507. .option_box > [class^="opt_"] {padding-top:40px}
  2508. .option_box > [class^="opt_"]:first-of-type {padding-top:0}
  2509. .option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
  2510. .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
  2511. .option_box > [class^="opt_"] .opt_header > span {font-size:14px;}
  2512. .option_box > [class^="opt_"] .opt_header .title {display:inline-block; margin-right:20px; color:#222; font-weight:500;}
  2513. .option_box > [class^="opt_"] .opt_header .color,
  2514. .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
  2515. .option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
  2516. .option_box .info_restock {margin-top:20px}
  2517. .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;}
  2518. .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
  2519. .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
  2520. /* pd_deal_컬러선택 */
  2521. .pd .option_box .opt_color {}
  2522. .option_box .opt_color ul {margin-top:-8px}
  2523. .option_box .opt_color ul::after {content:''; clear:both; display:block;}
  2524. .option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
  2525. .option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
  2526. .option_box .opt_color ul li a {display:block; box-sizing:border-box; width:66px; height:99px;}
  2527. .option_box .opt_color ul li a img {width:100%;}
  2528. .option_box .opt_color ul li a.on img {border:1px solid #fd4802;}
  2529. /* pd_deal_컬러선택 폼 */
  2530. .pd .option_box .opt_size {}
  2531. .option_box .opt_size .form_field {display:block; margin-top:-8px;}
  2532. .option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
  2533. .option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
  2534. .option_box .opt_size .form_field input[type="radio"] + label {display:block; position:relative; 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;}
  2535. .option_box .opt_size .form_field input[type="radio"] + label::before,
  2536. .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
  2537. .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
  2538. .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
  2539. .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;}
  2540. .option_box .opt_size .form_field > div {float:left; /* width:auto; */ width:calc((100% - 48px) / 7);}
  2541. /* pd_deal_옵션셀렉트 폼 */
  2542. .pd .option_box [class^="opt_"] {}
  2543. .option_box [class^="opt_"] .form_field {margin-top:10px;}
  2544. .option_box [class^="opt_"] .form_field:first-child {margin-top:0}
  2545. .option_box [class^="opt_"] .select_custom {height:52px;}
  2546. .option_box [class^="opt_"] .select_custom .select {height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
  2547. .option_box [class^="opt_"] .select_custom .select:after {right:20px;}
  2548. .option_box [class^="opt_"] .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
  2549. .option_box [class^="opt_"] .select_custom .combo .list {top:52px; padding:0}
  2550. .option_box [class^="opt_"] .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666; font-size:16px; font-weight:200;}
  2551. .option_box [class^="opt_"] .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
  2552. .option_box [class^="opt_"] .select_custom .combo .list > li > div {margin-top:5px}
  2553. .option_box [class^="opt_"] .select_custom .combo .list > li > div:first-child {margin-top:0;}
  2554. .option_box [class^="opt_"] .select_custom .combo .list > li .opt_name {}
  2555. .option_box [class^="opt_"] .select_custom .combo .list > li .opt_price {font-size:12px; font-weight:300;}
  2556. .option_box [class^="opt_"] .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
  2557. .option_box [class^="opt_"] .select_custom.deal_opt_item,
  2558. .option_box [class^="opt_"] .select_custom.deal_opt_item .select {height:112px; background:transparent;}
  2559. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
  2560. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:72px; padding:0; margin:0}
  2561. .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;}
  2562. .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}
  2563. .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;}
  2564. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
  2565. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
  2566. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
  2567. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
  2568. .option_box [class^="opt_"] .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
  2569. .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;}
  2570. .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list {top:110px}
  2571. .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
  2572. .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
  2573. .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
  2574. .option_box [class^="opt_"] .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
  2575. .option_box .opt_select {}
  2576. .option_box .opt_set_select {}
  2577. .option_box .opt_set_select .set_option {margin-top:25px;}
  2578. .option_box .opt_set_select .set_option:first-child {margin-top:0}
  2579. .option_box .opt_set_select .set_option .opt_header .title {font-weight:200;}
  2580. /* pd_deal_선택된 옵션결과 폼 */
  2581. .pd .option_box .opt_result {}
  2582. .option_box .opt_result .result_item {position:relative; margin-top:30px; padding:0 0 30px; border-bottom:1px solid #ddd;}
  2583. .option_box .opt_result .result_item:first-of-type {margin-top:0}
  2584. .option_box .opt_result .result_item .opt_header span {display:block}
  2585. .option_box .opt_result .result_item .opt_header .item_name {color:#222; font-size:16px; font-weight:300;}
  2586. .option_box .opt_result .result_item .opt_header .item_option {margin-top:10px; color:#888;}
  2587. .option_box .opt_result .result_item .item_price {position:absolute; right:0; bottom:30px; color:#222; font-size:17px; font-weight:500;}
  2588. .option_box .opt_result .result_item .item_price em {font-size:18px;}
  2589. .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:0; top:0px; width:14px; height:14px; overflow:hidden; background:url('/images/pc/btn_delete_item.png') no-repeat 50% 50%; image-rendering:pixelated; text-indent:-999px; z-index:2;}
  2590. /* pd_deal_수량조절 폼 */
  2591. .option_box .opt_count {margin-top:30px; padding-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
  2592. .option_box .number_count {display:inline-block; border:1px solid #ddd}
  2593. .option_box .number_count::after {content:''; clear:both; display:block;}
  2594. .option_box .number_count span,
  2595. .option_box .number_count input[type='text']{float:left;}
  2596. .option_box .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
  2597. .option_box .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
  2598. .option_box .number_count span.min_val,
  2599. .option_box .number_count span.max_val {opacity:0.2;}
  2600. .option_box .number_count .plus::after {content:''; background-position:100% 0;}
  2601. .option_box .number_count .minus::after {content:''; background-position:0 0;}
  2602. .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;}
  2603. /* pd_deal_가격 폼 */
  2604. .pd .price_box {}
  2605. .price_box {margin-top:30px; padding-top:30px; padding-bottom:30px; border-top:1px solid #222;}
  2606. .price_box::after {content:''; clear:both; display:block;}
  2607. .price_box .number {float:left; color:#666; font-size:14px; font-weight:200; margin-top:8px}
  2608. .price_box .price {float:right; color:#222; font-size:30px; font-weight:700;}
  2609. .price_box .price em {font-size:24px; vertical-align:middle;}
  2610. .price_box + .btn_box {}
  2611. .price_box + .btn_box .ui_row,
  2612. .price_box + .btn_box .ui_row [class^='ui_col_'] {margin:0;}
  2613. .price_box + .btn_box::after {content:''; clear:both; display:block;}
  2614. .price_box + .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
  2615. .price_box + .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
  2616. .pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#f5f5f5;}
  2617. .pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px}
  2618. .pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd}
  2619. .pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd}
  2620. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a {display:block; padding:30px 0; background:url('/images/pc/ico_more_lg.png') no-repeat 492px 50%; image-rendering:pixelated;}
  2621. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
  2622. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:500;}
  2623. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
  2624. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review {}
  2625. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score {float:right; margin-right:45px; height:14px;}
  2626. .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;}
  2627. .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('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  2628. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
  2629. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:200;}
  2630. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score em {font-weight:500;}
  2631. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
  2632. .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;}
  2633. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a::after {content:''; clear:both; display:block; width:100%}
  2634. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {float:left; width:110px; margin-right:20px;}
  2635. .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;}
  2636. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  2637. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
  2638. .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;}
  2639. .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('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  2640. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
  2641. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico {margin-left:10px}
  2642. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico::before {vertical-align:inherit;}
  2643. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review {margin-top:10px}
  2644. .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;}
  2645. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_qna {}
  2646. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
  2647. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
  2648. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span:first-child {margin-top:0; margin-bottom:20px;}
  2649. @media screen and (max-width:1459px) {
  2650. .pd_detail .area_pic .thumb_nav_wrap.fixtop {position:absolute; top:0; bottom:auto;}
  2651. .pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
  2652. .pd_detail .area_desc .desc_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
  2653. .pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:0; bottom:auto;}
  2654. }
  2655. .pd_together {}
  2656. .pd_together .area_slider {padding:0;}
  2657. .pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
  2658. .pd_together .area_slider .swiper-scrollbar {background:#ddd}
  2659. .pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
  2660. .pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
  2661. [class*="pd_descrp"] {width:1200px; margin-top:80px; padding-top:120px}
  2662. [class*="pd_descrp"] .cont_body {max-height:1100px; overflow:hidden;}
  2663. [class*="pd_descrp"] .cont_body.on {max-height:none;}
  2664. [class*="pd_descrp"] .cont_body > div {position:relative; width:1200px; margin-left:auto; margin-right:auto}
  2665. [class*="pd_descrp"] .descrp_box {}
  2666. [class*="pd_descrp"] .descrp_box > div {margin-top:40px}
  2667. [class*="pd_descrp"] .descrp_box > div:first-child {margin-top:0;}
  2668. [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
  2669. [class*="pd_descrp"] .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
  2670. [class*="pd_descrp"] .mdhtml_box {margin-top:80px}
  2671. [class*="pd_descrp"] .mdhtml_box img {max-width:100%;}
  2672. [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
  2673. [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}
  2674. [class*="pd_descrp"] .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2}
  2675. [class*="pd_descrp"] [class^="view_"] {margin-top:100px; text-align:center;}
  2676. [class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
  2677. [class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center;}
  2678. [class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:200; text-align:center;}
  2679. [class*="pd_descrp"] [class^="view_"] .view {margin-top:40px}
  2680. [class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:10px auto 0}
  2681. [class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0}
  2682. [class*="pd_descrp"] .view_label_box .view span {display:inline-block;}
  2683. [class*="pd_descrp"] .view_label_box .view span::after {content:''; clear:both; display:inline-block;}
  2684. [class*="pd_descrp"] .view_label_box .view span img {float:left; margin-top:0; margin-left:20px}
  2685. [class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0}
  2686. [class*="pd_descrp"] .view_outfit_box {}
  2687. [class*="pd_descrp"] .view_detail_box {}
  2688. [class*="pd_descrp"] .brand_box {margin-top:100px; padding:40px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
  2689. [class*="pd_descrp"] .brand_box .name {margin-bottom:25px; color:#222; font-size:24px; font-weight:300;}
  2690. [class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #a7a7a7; color:#222; font-weight:300;}
  2691. [class*="pd_descrp"] .required_box {margin-bottom:80px}
  2692. [class*="pd_descrp"] .required_box .area_detail {text-align:center;}
  2693. [class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
  2694. [class*="pd_descrp"] .required_box .area_infotbl {margin-top:100px;}
  2695. [class*="pd_descrp"] .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
  2696. [class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
  2697. [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;}
  2698. [class*="pd_descrp"] .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
  2699. [class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
  2700. [class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
  2701. [class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
  2702. [class*="pd_descrp"] .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
  2703. [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; }
  2704. [class*="pd_descrp"] .btn_more_box .btn {border-color:#fd4802; color:#fd4802;}
  2705. [class*="pd_descrp"] .btn_more_box .btn span {position:relative; padding-right:35px;}
  2706. [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(/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
  2707. [class*="pd_descrp"] .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
  2708. [class*="pd_descrp"] .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
  2709. .pd_relate {padding-left:70px !important; padding-right:70px !important;}
  2710. .pd_brand {padding-left:70px !important; padding-right:70px !important;}
  2711. .pd_clickother {padding-left:70px !important; padding-right:70px !important;}
  2712. .pd_recommend {padding-left:70px !important; padding-right:70px !important;}
  2713. .pd_recommend .area_slider {padding-bottom:1px;}
  2714. .pd_recommend .area_slider .page {position:relative; min-height:589px; border:1px solid #ddd; box-sizing: border-box;}
  2715. .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
  2716. .pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
  2717. .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;}
  2718. .pd_recommend .area_slider .page .item_wrap {position:absolute; right:0; top:0; width:50%; height:100%;}
  2719. .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:65px 80px; box-sizing:border-box; vertical-align:middle;}
  2720. .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 30px;color:#222;font-size:20px;font-weight:500;}
  2721. .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
  2722. .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 140px); overflow-y:auto;}
  2723. .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
  2724. .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;}
  2725. .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
  2726. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
  2727. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
  2728. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
  2729. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
  2730. .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;}
  2731. .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}
  2732. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod.unable {opacity:0.4}
  2733. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod.unable * {color:#bbb; text-decoration:line-through;}
  2734. .pd_recommend .item_area .itemBrand {}
  2735. .pd_recommend .item_area .itemName {height:20px;}
  2736. .pd_recommend .item_area .itemPrice {}
  2737. .pd_recommend .item_area .itemPrice .itemPrice_original {}
  2738. .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
  2739. .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
  2740. .pd_recommend .area_slider .page .item_wrap .item_area .btn span {font-weight:500;}
  2741. .pd_recommend .swiper-pagination {margin-top:40px}
  2742. .pd_relate {}
  2743. .pd_relate .area_slider {}
  2744. .pd_relate .area_slider .itemName {}
  2745. .pd_dealitem {}
  2746. .pd_dealitem .itemsGrp {position:relative; display:block; width:100%; margin-bottom:0;}
  2747. .pd_dealitem .itemsGrp .item_prod {width:calc((100% - 60px)/4); margin-left:20px;}
  2748. .pd_dealitem .itemsGrp .item_prod:nth-child(4n-3) {margin-left:0px;}
  2749. .pd_dealitem .itemsGrp {margin-top:-60px}
  2750. .pd_dealitem .itemsGrp .item_prod {margin-top:60px}
  2751. .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
  2752. .pd_dealitem .itemLink {}
  2753. .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/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;}
  2754. .pd_dealitem .itemLink:hover .itemPic::after,
  2755. .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
  2756. .pd_dealitem .shape {max-height:none; padding:12px 0 10px; z-index:3;}
  2757. .pd_dealitem .shape span {display:block; font-size:14px; font-weight:300;}
  2758. .pd_dealitem .shape span em {display:block; margin-top:6px;}
  2759. /* pd 딜 상세 */
  2760. .pd.deal {}
  2761. .pd.deal div::after,
  2762. .pd.deal dl::after,
  2763. .pd.deal ul::after {content:''; clear:both; display:block;}
  2764. .pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
  2765. .pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
  2766. .pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); max-width:1200px; z-index:5;}
  2767. .pd.deal .tab_detail_nav ul li {float:left; width:25%}
  2768. .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;}
  2769. .pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
  2770. .pd.deal .tab_detail_nav ul li.active a em {color:#666;}
  2771. .pd.deal .tab_detail_cont {display:none; min-height:1000px;}
  2772. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
  2773. .pd.deal .content.pd_desc_wrap {position:relative; margin:100px 0px 0px; box-sizing:border-box;}
  2774. .pd.deal .tab_detail_cont .select_custom.deal_opt_item {height:160px;}
  2775. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:160px; background:transparent; padding:20px;}
  2776. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .select:after {right:40px; border-width:9px;}
  2777. .pd.deal .tab_detail_cont .select_custom.deal_opt_item.on .combo .select:after {margin-top:-8px}
  2778. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
  2779. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:120px; padding:0; margin:0}
  2780. .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;}
  2781. .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}
  2782. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemBrand {margin:0 0 10px}
  2783. .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;}
  2784. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
  2785. .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;}
  2786. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:160px; padding:0}
  2787. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li {height:160px; padding:20px; border-bottom:1px solid #eee;}
  2788. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
  2789. .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;}
  2790. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
  2791. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box {margin-top:3px;}
  2792. .pd.deal .pd_detail .area_desc .desc_wrap .timer_box + .descript_box {margin-top:15px}
  2793. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {width:100%;}
  2794. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {bottom:0;}
  2795. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {margin-top:30px}
  2796. /* pd_deal_상품소개 영역 */
  2797. .pd_desc_wrap {}
  2798. .pd_desc_wrap .item_descrp::after {content:''; clear:both; display:block;}
  2799. .pd_desc_wrap .item_descrp .area_list {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; min-height:1200px;}
  2800. .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;}
  2801. .pd_desc_wrap .item_descrp .area_option {float:right;}
  2802. .pd_desc_wrap .item_descrp .area_option .opt_wrap {width:500px; padding-left:60px; padding-top:30px;}
  2803. .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right:70px; top:80px; width:500px}
  2804. .pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:70px;}
  2805. @media screen and (max-width:1459px) {
  2806. .pd.deal .tab_detail_nav.fix ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
  2807. .pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop,
  2808. .pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:relative; top:auto; bottom:auto; right:auto;}
  2809. }
  2810. /* pd_popup */
  2811. .modal.pd_pop a.close-modal:last-child {display: none;}
  2812. .modal.pd_pop dl div,
  2813. .modal.pd_pop dl dt,
  2814. .modal.pd_pop dl dd {float:left;}
  2815. .modal.pd_pop .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  2816. .modal.pd_pop .swiper-button-prev,
  2817. .modal.pd_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  2818. .modal.pd_pop .swiper-button-prev {left:-70px;}
  2819. .modal.pd_pop .swiper-button-next {right:-70px;}
  2820. .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);}
  2821. .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);}
  2822. .modal.pd_pop .modal-body .pop_cont {max-height:none;}
  2823. .modal.pd_pop .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
  2824. .modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
  2825. .modal.pd_pop .modal-body .pop_cont {line-height:1;}
  2826. .modal.pd_pop .modal-footer {margin-top:40px}
  2827. .modal.pd_pop .form_field input[type="checkbox"] + label {line-height:1;}
  2828. .modal.pd_pop .form_field input[type="checkbox"] + label:before,
  2829. .modal.pd_pop .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
  2830. .modal.pd_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
  2831. .modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
  2832. .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  2833. .modal.pd_pop .opt_select .form_field {margin-top:10px;}
  2834. .modal.pd_pop .opt_select .select_custom {height:52px;}
  2835. .modal.pd_pop .opt_select .select_custom .select {height:52px; padding:18px;}
  2836. .modal.pd_pop .opt_select .select_custom .select:after {top:22px; right:20px}
  2837. .modal.pd_pop .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
  2838. .modal.pd_pop .opt_select .select_custom .combo .list {top:50px; padding:0}
  2839. .modal.pd_pop .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1;}
  2840. .modal.pd_pop .opt_select .select_custom .combo .list > li > div {margin-top:5px}
  2841. .modal.pd_pop .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
  2842. .modal.pd_pop .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
  2843. .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;}
  2844. .modal.pd_pop .btn_post_wrap::after {content:''; clear:both; display:block;}
  2845. .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;}
  2846. .modal.pd_pop .btn_post_wrap a.no_more {opacity:0.3;}
  2847. .modal.pd_pop .btn_post_wrap .btn_prev_post {float:left; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
  2848. .modal.pd_pop .btn_post_wrap .btn_next_post {float:right; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  2849. /* pd_popup > EP채널쿠폰 */
  2850. .modal.pd_pop.epcoupon_pop {max-width:none; width:620px; padding:60px 60px;}
  2851. .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;}
  2852. .pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
  2853. .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;}
  2854. .pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:16px; font-weight:700; letter-spacing:4px;}
  2855. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:15px;}
  2856. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
  2857. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {margin-left:4px; font-size:62px; font-weight:700;}
  2858. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:32px; font-weight:700;}
  2859. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_won {}
  2860. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
  2861. .pd_pop.epcoupon_pop .info_txt {margin-top:30px;}
  2862. .pd_pop.epcoupon_pop .modal-footer button {width:220px}
  2863. /* pd_popup > 할인쿠폰 */
  2864. .modal.pd_pop.salecoupon_pop {max-width:none; width:480px; padding:40px 60px 0;}
  2865. .modal.pd_pop.salecoupon_pop .pop_cont {max-height:510px; margin-left:-20px; margin-right:-20px; padding:0 20px; overflow-y:auto;}
  2866. .modal.pd_pop.salecoupon_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px;}
  2867. .pd_pop.salecoupon_pop .coupon_list {width:360px; margin:auto; line-height:1;}
  2868. .pd_pop.salecoupon_pop .coupon_list li {margin-bottom:30px}
  2869. .pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  2870. .pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative;}
  2871. .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;}
  2872. .pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
  2873. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  2874. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:10px;}
  2875. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
  2876. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:700;}
  2877. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
  2878. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
  2879. .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down {}
  2880. .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
  2881. .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('/images/pc/ico_cp_down.png') no-repeat 0 0;}
  2882. .pd_pop.salecoupon_pop .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
  2883. /* pd_popup > 쇼핑혜택, 카드혜택 */
  2884. .modal.pd_pop[class*="bnf_"] {max-width:none; width:650px; padding:60px 60px;}
  2885. .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:20px}
  2886. .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:40px}
  2887. .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0}
  2888. .modal.pd_pop[class*="bnf_"] .tbl.type1 {padding:20px 20px; font-size:14px;}
  2889. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
  2890. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {padding:10px 0px; font-size:14px; line-height:1; vertical-align:top;}
  2891. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th {color:#222; text-align:left;}
  2892. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {color:#222;}
  2893. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;}
  2894. .modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td {color:#fd4802;}
  2895. .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;}
  2896. .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;}
  2897. .modal.pd_pop.bnf_card_pop .tbl.type1 {padding:0px; font-size:14px;}
  2898. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr th,
  2899. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr td {padding:25px 0px; border-top:1px solid #ddd;}
  2900. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr th {padding-left:20px;}
  2901. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child th,
  2902. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child td{border-top:none;}
  2903. .modal.pd_pop.bnf_card_pop .tbl.type1 table tr td:last-child {padding-right:20px;}
  2904. .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
  2905. .modal.pd_pop.bnf_card_pop table .info_card p {margin-top:10px}
  2906. .modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
  2907. .modal.pd_pop.bnf_card_pop table a.btn_more {display:inline-block; position:relative; padding-right:15px; color:#888; font-size:14px;}
  2908. .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);}
  2909. .modal.pd_pop.bnf_card_pop .info_txt {margin-top:20px;}
  2910. .modal.pd_pop.bnf_card_pop .pop_cont {max-height:560px; margin-left:-20px; margin-right:-20px; padding:0 20px; overflow-y:auto;}
  2911. /* pd_popup > 사이즈정보 */
  2912. .modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
  2913. .pd_pop.info_size_pop .pop_cont {max-height:none;}
  2914. .pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px}
  2915. .pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}
  2916. .pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:18px; font-weight:300;}
  2917. .pd_pop.info_size_pop .size_cont {}
  2918. .pd_pop.info_size_pop .size_cont .size_tbl_box {padding-top:35px; margin-top:40px; position:relative;}
  2919. .pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
  2920. .pd_pop.info_size_pop .size_cont .size_tbl_box h6 {position:absolute; left:0; top:0; margin-bottom:20px;}
  2921. .pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; top:0px; color:#888; font-size:14px;}
  2922. .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table th {color:#222;}
  2923. .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table thead th {border-bottom:1px solid #222;}
  2924. .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table th,
  2925. .pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table td {font-size:14px;}
  2926. .pd_pop.info_size_pop .size_footer {margin-top:20px}
  2927. .pd_pop.info_size_pop .tab_nav {}
  2928. .pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
  2929. .pd_pop.info_size_pop .tab_nav ul li {float:left; width:calc((100% - 2px) * 1/3); text-align:center; background:#f5f5f5; border-bottom:1px solid #222; border-top:1px solid #f5f5f5;}
  2930. .pd_pop.info_size_pop .tab_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:1px solid #fff}
  2931. .pd_pop.info_size_pop .tab_nav ul li a {display:block; color:#888; font-size:18px; font-weight:200; padding:20px 0;}
  2932. .pd_pop.info_size_pop .tab_nav ul li.active a {color:#222; font-weight:300;}
  2933. .pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:40px}
  2934. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none;}
  2935. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block}
  2936. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_head {}
  2937. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_cont {}
  2938. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_footer {}
  2939. .pd_pop.info_size_pop .sub_tab_nav {display:inline-block;}
  2940. .pd_pop.info_size_pop .sub_tab_nav ul {}
  2941. .pd_pop.info_size_pop .sub_tab_nav ul::after {content:''; clear:both; display:block;}
  2942. .pd_pop.info_size_pop .sub_tab_nav ul li {float:left; margin-left:30px; text-align:center;}
  2943. .pd_pop.info_size_pop .sub_tab_nav ul li:first-child {margin-left:0}
  2944. .pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#888; font-size:16px; font-weight:200;}
  2945. .pd_pop.info_size_pop .sub_tab_nav ul li.active a {color:#222; font-weight:500; border-bottom:1px solid #222}
  2946. .pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:40px}
  2947. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
  2948. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
  2949. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block}
  2950. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left;}
  2951. .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;}
  2952. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {float:none; padding:0 0 20px;}
  2953. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {float:none; color:#222; font-weight:300;}
  2954. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
  2955. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd .info_txt ul li {line-height:inherit;}
  2956. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd .info_txt ul li:after {top:7px}
  2957. /* pd_popup > 재입고 알림 신청 */
  2958. .modal.pd_pop.push_restock_pop {max-width:none; width:630px; padding:60px;}
  2959. .pd_pop.push_restock_pop .pop_cont {margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
  2960. .pd_pop.push_restock_pop .item_blk {width:510px;}
  2961. .pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block;}
  2962. .pd_pop.push_restock_pop .item_blk .item_prod .item_state {display:table; width:100%; padding:0;}
  2963. .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;}
  2964. .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;}
  2965. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin-left:0;}
  2966. .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;}
  2967. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
  2968. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPrice_original {}
  2969. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPercent {position:relative;}
  2970. .pd_pop.push_restock_pop .select_blk {width:510px; margin-top:40px;}
  2971. .pd_pop.push_restock_pop .select_blk h6 {margin-bottom:20px}
  2972. .pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
  2973. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
  2974. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
  2975. .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;}
  2976. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
  2977. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
  2978. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border: 1px solid #fd4802;}
  2979. .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;}
  2980. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
  2981. .pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
  2982. .pd_pop.push_restock_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
  2983. .pd_pop.push_restock_pop .modal-footer button {width:220px;}
  2984. /* pd_popup > 스타일링 추천 */
  2985. .modal.pd_pop.pd_lookbook_pop {max-width:585px; min-height:390px; padding:0;}
  2986. .pd_pop.pd_lookbook_pop .item_prod {width:100%;}
  2987. .pd_pop.pd_lookbook_pop .modal-header {margin:0;}
  2988. .pd_pop.pd_lookbook_pop .itemsGrp {margin-bottom:0;}
  2989. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod {width: 100%; overflow: hidden;}
  2990. .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;}
  2991. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  2992. .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: #f5f5f5;}
  2993. .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;}
  2994. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300;}
  2995. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
  2996. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
  2997. .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;}
  2998. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
  2999. .pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
  3000. /* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
  3001. .modal[class*="reviewdetail_pop"] {max-width:none; width:1080px; padding:60px;}
  3002. .modal[class*="reviewdetail_pop"] .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  3003. .modal[class*="reviewdetail_pop"] .swiper-button-prev,
  3004. .modal[class*="reviewdetail_pop"] .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  3005. .modal[class*="reviewdetail_pop"] .swiper-button-prev {left:-70px;}
  3006. .modal[class*="reviewdetail_pop"] .swiper-button-next {right:-70px;}
  3007. .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);}
  3008. .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);}
  3009. .modal[class*="reviewdetail_pop"] .modal-body .pop_cont {max-height:none;}
  3010. .modal[class*="reviewdetail_pop"] .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
  3011. .modal[class*="reviewdetail_pop"] .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
  3012. .modal[class*="reviewdetail_pop"] .modal-body .pop_cont {line-height:1;}
  3013. .modal[class*="reviewdetail_pop"] .modal-footer {margin-top:40px}
  3014. .modal[class*="reviewdetail_pop"] .detail .review {display:table; width:100%; background:#fff;}
  3015. .modal[class*="reviewdetail_pop"] .detail .review .pic {display:table-cell; position:relative; width:545px; height:545px; background:#f5f5f5; vertical-align:top;}
  3016. .modal[class*="reviewdetail_pop"] .detail .review .pic::after {display:none;}
  3017. .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb {display:block;}
  3018. .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb img,
  3019. .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb video {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;}
  3020. .modal[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
  3021. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
  3022. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap [class*="_box"] {margin-top:25px;}
  3023. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box {margin-top:0}
  3024. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star_score {height:17px;}
  3025. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star {display:inline-block; position:relative; width:102px; height:17px; background:#f5f5f5;}
  3026. .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('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  3027. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star .progbar {display:inline-block; height:100%; background:#fd4802}
  3028. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box {}
  3029. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {margin-top:13px; font-size:14px;}
  3030. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div:first-child dl div {margin-top:0}
  3031. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {float:left; width:50%;}
  3032. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div.full dl div {width:100%}
  3033. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dt {float:left; width:60px; color:#888}
  3034. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd {float:left; margin-left:20px; color:#fd4802}
  3035. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .txt_review_box {color:#666; font-size:14px; line-height:24px;}
  3036. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box {}
  3037. .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;}
  3038. .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;}
  3039. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child {margin-left:0; padding-left:0}
  3040. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child::after {display:none;}
  3041. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {}
  3042. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {margin-top:30px; padding-top:15px}
  3043. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply {position:relative; padding:30px; background:#f5f5f5; font-size:14px;}
  3044. .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;}
  3045. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer {}
  3046. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  3047. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name {padding-left:24px; color:#222; font-weight:300;}
  3048. .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('/images/pc/ico_admin.png') no-repeat 0 0;}
  3049. .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;}
  3050. .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;}
  3051. .modal[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_txt {margin-top:20px; color:#666; line-height:24px;}
  3052. .modal[class*="reviewdetail_pop"] .detail .review.empty_photo {}
  3053. .modal[class*="reviewdetail_pop"] .detail .review.empty_photo .review_cont .box_wrap {height:545px;}
  3054. .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);}
  3055. .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;}
  3056. .modal[class*="reviewdetail_pop"] .thumblist {position:absolute; right:0px; bottom:0px; width:365px; overflow-x:auto; white-space:nowrap; padding-bottom:10px;}
  3057. .modal[class*="reviewdetail_pop"] .thumblist .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
  3058. .modal[class*="reviewdetail_pop"] .thumblist .pic.active {border:2px solid #fd4802;}
  3059. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  3060. .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide {width:auto;}
  3061. .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
  3062. .modal[class*="reviewdetail_pop"] .thumblist .swiper-slide.swiper-slide-thumb-active .pic {border:2px solid #fd4802;}
  3063. .modal[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar {left:0; width:100%; height:2px; background:#ddd; border-radius:0; opacity:1;}
  3064. .modal[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar-drag {background:#222; opacity:1;}
  3065. .modal[class*="reviewdetail_pop"] .detail .review .thumblist {}
  3066. .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul {height:50px; width:max-content;}
  3067. .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:;}
  3068. .modal[class*="reviewdetail_pop"] .detail .review .thumblist li {float:left; margin-right:8px;}
  3069. .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
  3070. .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb img,
  3071. .modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb video {display:none;}
  3072. /* pd_popup > 베스트 리뷰 자세히 보기 */
  3073. .modal.pd_pop.pd_bestreviewdetail_pop {}
  3074. /* pd_popup > 포토영상 리뷰 자세히 보기 */
  3075. .modal.pd_pop.pd_photoreviewdetail_pop {}
  3076. .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('/images/pc/ico_thumblist.png') no-repeat 9px 9px; box-sizing:border-box;}
  3077. /* pd_popup > 포토영상 리뷰 리스트 */
  3078. .modal.pd_photoreviewlist_pop {max-width:none; width:1080px; padding:60px;}
  3079. .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;}
  3080. .pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  3081. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  3082. .pd_photoreviewlist_pop .photo_list {min-height:200px;}
  3083. .pd_photoreviewlist_pop .photo_list ul {margin-top:-12px}
  3084. .pd_photoreviewlist_pop .photo_list ul li {float:left; width:150px; margin-left:12px; margin-top:12px}
  3085. .pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0}
  3086. .pd_photoreviewlist_pop .ui_row {margin-top:50px; margin-bottom:0}
  3087. /* pd_popup > 상품문의 이미지 팝업 슬라이드 */
  3088. .modal.pd_pop.qna_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
  3089. .qna_img_pop .modal-body .pop_cont {max-height:none;}
  3090. .qna_img_pop .swiper-slide {}
  3091. .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;}
  3092. .qna_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
  3093. .qna_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  3094. .qna_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  3095. .qna_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  3096. .qna_img_pop .swiper-button-prev::after,
  3097. .qna_img_pop .swiper-button-next::after {content: '';}
  3098. .qna_img_pop .swiper-button-prev,
  3099. .qna_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  3100. .qna_img_pop .swiper-button-prev {left:-70px;}
  3101. .qna_img_pop .swiper-button-next {right:-70px;}
  3102. .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);}
  3103. .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);}
  3104. /* pd_pop > 상품문의 작성 */
  3105. .modal.pd_pop.pd_qnawrite_pop {width:650px; height:auto; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
  3106. .modal.pd_pop.pd_qnawrite_pop .info_txt ul li {line-height:24px;}
  3107. .modal.pd_pop.pd_qnawrite_pop .info_txt ul li:after {top:10px;}
  3108. .pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
  3109. .pd_qnawrite_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
  3110. .pd_qnawrite_pop .modal-footer .btn {width:220px;}
  3111. .pd_qnawrite_pop .form_field {display:block;}
  3112. .pd_qnawrite_pop .input_box {margin-top:35px}
  3113. .pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:220px; padding:20px 20px; box-sizing:border-box; color:#222; font-size:16px;}
  3114. .pd_qnawrite_pop .input_box .txt_cnt {display:block; width:100%; margin-top:14px; font-size:14px; z-index:1;}
  3115. .pd_qnawrite_pop .input_box .txt_cnt .itemqna_cnt em {font-weight:500;}
  3116. .pd_qnawrite_pop .secret_box {position:absolute; left:0; bottom:0; z-index:2;}
  3117. .pd_qnawrite_pop .form_field .secret_box input[type="checkbox"] + label {color:#222; font-size:16px; font-weight:200;}
  3118. .pd_qnawrite_pop .push_box {margin-top:40px}
  3119. .pd_qnawrite_pop .push_box dl {color:#222; font-size:16px;}
  3120. .pd_qnawrite_pop .push_box dl dt {height:24px; margin-right:40px; line-height:24px; font-weight:300;}
  3121. .pd_qnawrite_pop .push_box dl dd .form_field > div {margin-right:30px;}
  3122. .pd_qnawrite_pop .push_box dl dd .form_field > div input[type="radio"] + label {font-weight:200;}
  3123. /* pd_full_popup */
  3124. body.lock {overflow:hidden;}
  3125. .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;}
  3126. .pd_pop.full_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:15px; line-height:1;}
  3127. .pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
  3128. .pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  3129. .pd_pop .full_popup_wrap {}
  3130. .pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
  3131. .pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
  3132. .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;}
  3133. .pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
  3134. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:100%; padding:0;}
  3135. .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;}
  3136. .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}
  3137. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0}
  3138. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemName {height:14px; line-height:14px; margin:15px 0 0}
  3139. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0}
  3140. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
  3141. .pd_pop .full_popup_wrap .full_pop_header .select_custom {width:50%; height:auto;}
  3142. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:120px; border:0; padding:0 200px 0 0}
  3143. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list {top:139px; border-top:1px solid #222; padding:0;}
  3144. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li {padding:20px; border-top:1px solid #eee}
  3145. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li:first-child {border-top:none}
  3146. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
  3147. .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;}
  3148. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
  3149. .pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; /*padding-top:160px;*/ padding-bottom:160px}
  3150. /* pd_pop > 상품썸네일 크게보기 */
  3151. .pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
  3152. .full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
  3153. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
  3154. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
  3155. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
  3156. /* pd_pop > 개별상품상세 설명 페이지 */
  3157. .pd_pop.full_pop.pd_descrp_pop {height:100%; padding:0; margin:0; /*background:none;*/ overflow:hidden;}
  3158. .full_pop.pd_descrp_pop .full_popup_wrap {}
  3159. .full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; /*width:calc(100% - 560px); min-width:1200px;*/ width:69.79%; max-height:780px; background:#fff; margin-top:160px; padding-top:80px; padding-left:70px; padding-right:70px; overflow-y:auto;}
  3160. .full_pop.pd_descrp_pop .full_pop_container .btn_more_box {display:none;}
  3161. .full_pop.pd_descrp_pop .full_pop_container .cont_body {max-width:1345px; background:#fff; max-height:none; overflow:visible;}
  3162. .full_pop.pd_descrp_pop .full_pop_container .cont_body > div {width:auto; max-width:1200px;}
  3163. .full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; /*width:570px;*/ width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff; overflow-y:auto;}
  3164. .full_pop.pd_descrp_pop .full_pop_fix_r .option_box {margin-top:30px}
  3165. .full_pop.pd_descrp_pop .full_pop_fix_r .btn_box {margin-bottom:30px}
  3166. @media screen and (max-width:1459px) {
  3167. .full_pop.pd_descrp_pop .full_pop_fix_r {padding-left:20px; padding-right:20px;}
  3168. }
  3169. /* pd_pop > 상품문의 페이지 */
  3170. .pd_qnalist_pop {}
  3171. .pd_qnalist_pop .pd_qnalist {}
  3172. .pd_qnalist .info_txt {margin-top:80px}
  3173. .pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
  3174. .pd_qnalist .info_txt ul {float:left;}
  3175. .pd_qnalist .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
  3176. .pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
  3177. .pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  3178. .pd_qnalist .info_txt .btn_box {float:right;}
  3179. .pd_qnalist .info_txt .btn_box button {height:42px; padding-left:24px; padding-right:24px; font-size:14px;}
  3180. .pd_qnalist .info_txt .btn_box button span {display:inline-block; line-height:1;}
  3181. .pd_qnalist .qna_list {margin-top:80px}
  3182. .pd_qnalist .qna_list .ui_row {margin-top:20px}
  3183. .pd_qnalist .qna_list .nodata {padding-top:120px; border-top:1px solid #222; text-align:center;}
  3184. .pd_qnalist .qna_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  3185. .pd_qnalist .qna_list .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  3186. .pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
  3187. .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
  3188. .pd_qnalist .qna_list .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
  3189. .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline-block; position:relative; width:auto; max-width:600px;}
  3190. .pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
  3191. .pd_qnalist .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
  3192. .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;}
  3193. .pd_qnalist .qna_list .case1 .my_qna .fold_head,
  3194. .pd_qnalist .qna_list .case1 .my_qna .fold_head.on,
  3195. .pd_qnalist .qna_list .case1 .my_qna .fold_detail {background:#fff6f2;}
  3196. .pd_qnalist .qna_list .fold_head .fold_tit .ico {float:left; display:inline-block; width:auto; height:auto; margin-left:12px;}
  3197. .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}
  3198. .pd_qnalist .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%;}
  3199. @media screen and (max-width:1459px) {
  3200. .pd_qnalist .qna_list .fold_head .data {right:40px}
  3201. .pd_qnalist .qna_list .fold_head::after {right:20px; width:12px; height:6px; background-size:100% auto;}
  3202. .pd_qnalist .qna_list .fold_head .fold_state {width:100px;}
  3203. .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {max-width:350px;}
  3204. .pd_qnalist .qna_list .case1 .fold_detail,
  3205. .pd_qnalist .qna_list .case1 .fold_answer {padding-left:100px;}
  3206. .pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {width:88px;}
  3207. }
  3208. /* pd_pop > 상품리뷰 페이지 */
  3209. .pd_review_pop {}
  3210. .pd_review_pop .pd_review {}
  3211. .pd_review .swiper-pagination {position:relative; bottom:auto !important; width:100%; margin-top:40px; text-align:center;}
  3212. .pd_review .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  3213. .pd_review .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  3214. .pd_review .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  3215. .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
  3216. .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  3217. .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('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:1;}
  3218. .pd_review dl div,
  3219. .pd_review dl dt,
  3220. .pd_review dl dd {float:left;}
  3221. .pd_review div::after,
  3222. .pd_review dl::after,
  3223. .pd_review ul::after {content:''; clear:both; display:block;}
  3224. .pd_review h6 {margin-bottom:30px; color:#222; font-size:24px;}
  3225. .pd_review [class^="area_"] {display:block; position:relative; margin-top:80px}
  3226. .pd_review .area_rv_empty {margin-top:120px; text-align:center;}
  3227. .pd_review .area_rv_empty .txt_box p {color:#222; font-size:24px; font-weight:300; line-height:34px;}
  3228. .pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:60px; height:60px; margin:0 auto 30px; background:url('/images/pc/ico_point4.png') no-repeat 0 0;}
  3229. .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
  3230. .pd_review .area_rv_empty .txt_box dl {display:block; margin-top:30px; padding:40px 0; border:1px solid #ddd;}
  3231. .pd_review .area_rv_empty .txt_box dl div {float:none; display:inline-block; margin-left:60px; font-size:16px}
  3232. .pd_review .area_rv_empty .txt_box dl div:first-child {margin-left:0}
  3233. .pd_review .area_rv_empty .txt_box dl div dt {color:#666; font-weight:200;}
  3234. .pd_review .area_rv_empty .txt_box dl div dd {margin-left:20px; color:#fd4802; font-weight:300;}
  3235. .pd_review .area_rv_empty .btn_box .btn {width:237px; height:60px; margin-top:60px; font-size:18px;}
  3236. .pd_review .area_rv_average {margin-top:60px}
  3237. .pd_review .area_rv_average .star_score {margin-bottom:30px; height:25px;}
  3238. .pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
  3239. .pd_review .area_rv_average .star_score .tit {margin-right:30px; font-size:18px; font-weight:300;}
  3240. .pd_review .area_rv_average .star_score .score {margin-right:15px; font-size:32px; font-weight:500;}
  3241. .pd_review .area_rv_average .star_score .star {width:152px; height:24px; background:#f5f5f5;}
  3242. .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
  3243. .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('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  3244. .pd_review .area_rv_average .average {margin-bottom:50px;}
  3245. .pd_review .area_rv_average .average .part_average {float:left; width:calc((100% - 180px)/4); margin-left:60px; color:#666; font-size:14px;}
  3246. .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
  3247. .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
  3248. .pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:20px; color:#222; font-weight:300;}
  3249. .pd_review .area_rv_average .average .part_average dl > div {margin-top:15px; width:100%;}
  3250. .pd_review .area_rv_average .average .part_average dl > div:first-child {margin-top:0;}
  3251. .pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
  3252. .pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
  3253. .pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
  3254. .pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
  3255. .pd_review .area_rv_average .average .part_average dl dd .ratio {width:calc(100% - 40px); height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
  3256. .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}
  3257. .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;}
  3258. .pd_review .area_rv_average .average .part_average dl dd .percent {width:40px; text-align:right;}
  3259. .pd_review .area_rv_average .average .part_average dl div.on dt,
  3260. .pd_review .area_rv_average .average .part_average dl div.on dd {color:#222; font-weight:300;}
  3261. .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar {background:#222;}
  3262. .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;}
  3263. .pd_review .area_rv_average .info_review {color:#222; font-size:16px; background:#fff6f2; padding:30px 60px; vertical-align:middle;}
  3264. .pd_review .area_rv_average .info_review p {float:left; position:relative; padding-left:60px; font-weight:300;}
  3265. .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('/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
  3266. .pd_review .area_rv_average .info_review p span {font-weight:500;}
  3267. .pd_review .area_rv_average .info_review dl {float:right; display:inline-block;}
  3268. .pd_review .area_rv_average .info_review dl::after {content:''; clear:both; display:block;}
  3269. .pd_review .area_rv_average .info_review dl div {margin-left:60px}
  3270. .pd_review .area_rv_average .info_review dl div:first-child {margin-left:0}
  3271. .pd_review .area_rv_average .info_review dl div dt {color:#666;}
  3272. .pd_review .area_rv_average .info_review dl div dd {margin-left:20px; color:#222; font-weight:300;}
  3273. .pd_review .area_rv_best .btn_arrow {position:absolute; right:0; top:0px; width:50px; height:24px; z-index:2;}
  3274. .pd_review .area_rv_best .btn_arrow::after {clear:both; display:block;}
  3275. .pd_review .area_rv_best .btn_arrow .swiper-button-prev,
  3276. .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}
  3277. .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);}
  3278. .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);}
  3279. .pd_review .area_rv_best .best_review {width:100%;}
  3280. .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;}
  3281. .pd_review .area_rv_best .best_review a .pic {position: relative;float: left;width:162px;height: 162px;margin-right: 23px;}
  3282. .pd_review .area_rv_best .best_review a .star_score {margin-top:7px; height:14px;}
  3283. .pd_review .area_rv_best .best_review a .star_score .star {display:inline-block; position:relative; width:102px; height:17px; background:#f5f5f5;}
  3284. .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('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  3285. .pd_review .area_rv_best .best_review a .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
  3286. .pd_review .area_rv_best .best_review a .star_score .ico {margin-left:10px}
  3287. .pd_review .area_rv_best .best_review a .star_score .ico::before {vertical-align:inherit;}
  3288. .pd_review .area_rv_best .best_review a .txt_best_review {margin-top:20px}
  3289. .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;}
  3290. .pd_review .area_rv_photo {}
  3291. .pd_review .area_rv_photo .photo_list {position:relative;}
  3292. .pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; /*width:162px; height:162px;*/ width:calc((100% - 66px)/7); margin-left:11px; }
  3293. .pd_review .area_rv_photo .photo_list ul li:first-child {margin-left:0;}
  3294. .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;}
  3295. .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('/images/pc/ico_plus_white.png') no-repeat 50% 50%; background-size:100% auto; z-index:1;}
  3296. .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;}
  3297. .pd_review .area_rv_all {margin-top:100px}
  3298. .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
  3299. .pd_review .area_rv_all .selection {position:absolute; right:0; top:-16px; width:750px; z-index:2;}
  3300. .pd_review .area_rv_all .selection .select_custom {height:42px; margin-left:10px;}
  3301. .pd_review .area_rv_all .selection .select_custom:first-child {margin-left:0;}
  3302. .pd_review .area_rv_all .selection .select_custom .combo .select {height:42px; padding:15px 20px; color:#666; font-size:14px;}
  3303. .pd_review .area_rv_all .selection .select_custom .combo .list {top:42px; max-height:250px; overflow-y:auto;}
  3304. /*.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar {width:2px;}
  3305. .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;}
  3306. .pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}*/
  3307. .pd_review .area_rv_all .selection .select_custom .combo .list li {padding:0 20px; color:#666; font-size:14px; line-height:40px;}
  3308. .pd_review .area_rv_all .selection .select_custom .star_score {display:inline-block; width:100%;}
  3309. .pd_review .area_rv_all .selection .select_custom .star_score .score {float:left; font-size:14px; color:#666;}
  3310. .pd_review .area_rv_all .selection .select_custom .star_score .star {float:left; margin-left:8px;}
  3311. .pd_review .area_rv_all .selection .select_custom .star_score .star .progbar {float:left;}
  3312. .pd_review .area_rv_all .selection .select_custom .combo .select .star_score .star {margin-top:-2px;}
  3313. .pd_review .area_rv_all .selection .select_custom.on .combo .select {border-bottom:1px solid #ddd}
  3314. .pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
  3315. .pd_review .area_rv_all .review_list > ul > li {padding:30px 0; border-bottom:1px solid #ddd; }
  3316. .pd_review .area_rv_all .review_list > ul > li .review {}
  3317. .pd_review .area_rv_all .review_list .review .info_box {}
  3318. .pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
  3319. .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;}
  3320. .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('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  3321. .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
  3322. .pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
  3323. .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;}
  3324. .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;}
  3325. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
  3326. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
  3327. .pd_review .area_rv_all .review_list .review .response_box {margin-top:25px}
  3328. .pd_review .area_rv_all .review_list .review .response_box > div {margin-top:15px;}
  3329. .pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0}
  3330. .pd_review .area_rv_all .review_list .review .response_box > div dl div {margin-right:30px}
  3331. .pd_review .area_rv_all .review_list .review .response_box > div dl div dt {color:#888}
  3332. .pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#fd4802}
  3333. .pd_review .area_rv_all .review_list .review .photo_box {margin-top:20px}
  3334. .pd_review .area_rv_all .review_list .review .photo_box .photo_list {}
  3335. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px}
  3336. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
  3337. .pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:25px; line-height:24px;}
  3338. .pd_review .area_rv_all .review_list .review .reply_box {margin-top:30px; padding-top:15px}
  3339. .pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
  3340. .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;}
  3341. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
  3342. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  3343. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
  3344. .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('/images/pc/ico_admin.png') no-repeat 0 0;}
  3345. .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;}
  3346. .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;}
  3347. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
  3348. .pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
  3349. .pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
  3350. @media screen and (max-width:1459px) {
  3351. .pd_review .area_rv_best .best_review a {height:166px;}
  3352. .pd_review .area_rv_best .best_review a .pic {width:104px; height:104px;}
  3353. .pd_review .area_rv_best .best_review a .txt_best_review p {height:72px; -webkit-line-clamp:3;}
  3354. .pd_review .area_rv_average .average .part_average {width:calc((100% - 90px)/4); margin-left:30px;}
  3355. .pd_review .area_rv_average .info_review dl {float:left; padding-left:60px; margin-top:15px}
  3356. .pd_review .area_rv_average .info_review p i.ico_point {margin-top:15px;}
  3357. .pd_review .area_rv_all .selection {position:relative; top:0; width:100%; margin-bottom:20px;}
  3358. }
  3359. /* pd_popup > 배송교환반품 안내 */
  3360. .pd_pop.full_pop.pd_delivery_pop {}
  3361. .pd_delivery_pop .pd_delivery {}
  3362. .pd_delivery h6 {margin-bottom:20px; font-size:18px;}
  3363. .pd_delivery .table_box {margin-top:80px}
  3364. .pd_delivery .tbl.type1 {padding:20px 0; font-size:14px;}
  3365. .pd_delivery .tbl.type1 table tr th,
  3366. .pd_delivery .tbl.type1 table tr td {font-size:16px; line-height:26px; vertical-align:top;}
  3367. .pd_delivery .tbl.type1 table tr th {padding:10px 0px 10px 40px; color:#222; text-align:left;}
  3368. .pd_delivery .tbl.type1 table tr td {padding:10px 0px; color:#222;}
  3369. /* sch */
  3370. .sch {}
  3371. .sch div::after,
  3372. .sch dl::after,
  3373. .sch ul::after {content:''; clear:both; display:block;}
  3374. .sch .sch_result {padding-bottom:150px}
  3375. /* sch_result */
  3376. .sch_result .nodata {padding:50px 0 100px; text-align:center;}
  3377. .sch_result .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  3378. .sch_result .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  3379. .sch_result .nodata .txt_box span {color:#fd4802; font-weight:500;}
  3380. .sch_result .nodata .btn_box {margin-top:40px;}
  3381. .sch_result .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
  3382. .sch_result .cont_head {}
  3383. .sch_result .area_info {width: 830px; margin: 0 auto;}
  3384. .sch_result .area_info .info_result {color:#222; font-size:26px; font-weight:200;}
  3385. .sch_result .area_info .info_result .keyword {font-weight:500;}
  3386. .sch_result .area_info .info_result .number {color:#fd4802; font-size:28px; font-weight:500;}
  3387. .sch_result .area_info .inner_search {position: relative; display: inline-block; width: 100%; border-bottom:2px solid #222; z-index:2;}
  3388. .sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 5px; color:#222; font-size:18px;}
  3389. .sch_result .area_info .inner_search input[type='text']::placeholder {color:#888}
  3390. .sch_result .area_info .inner_search button {display:inline-block; width:24px; height:24px; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
  3391. .sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:34px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
  3392. .sch_result .area_info .inner_search .autokeyword.active {display:block;}
  3393. .sch_result .area_info .inner_search .autokeyword ul li a {display:block; padding:10px 15px; color:#888;}
  3394. .sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}
  3395. .sch_result .area_info .inner_search .autokeyword ul li a:hover,
  3396. .sch_result .area_info .inner_search .autokeyword ul li a:active {background:#f5f5f5; color:#222}
  3397. .sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:40px; padding:0 0 0 103px; box-sizing:border-box;}
  3398. .sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:18px; font-weight:500;}
  3399. .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;}
  3400. .sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px}
  3401. .sch_result .area_info .related_keyword ul li:first-of-type {margin-left:0}
  3402. .sch_result .area_info .related_keyword ul li a {display:inline-block; color:#666; font-size:14px; font-weight:300;}
  3403. .sch_result .area_info .related_keyword ul li a:hover {text-decoration:underline;}
  3404. .sch_result .taps {position:relative; margin-top:100px; margin-bottom:80px}
  3405. .sch_result .cont_body {}
  3406. .sch_result .cont_body .sch_result_cont {display:none;}
  3407. .sch_result .cont_body .sch_result_cont .banner {margin-bottom:40px;}
  3408. .sch_result .cont_body .sch_result_cont .itemsGrp {margin-left:-10px; margin-right:-10px;}
  3409. .sch_result .cont_body .sch_result_cont .itemsGrp .item_prod {width:calc(100% / 5);}
  3410. .sch_result .cont_body .sch_result_cont .sec_head .itemsGrp {margin-top:30px}
  3411. .sch_result .cont_body .sch_result_cont .event_list {}
  3412. .sch_result .cont_body .sch_result_cont .event_list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
  3413. .sch_result .cont_body .sch_result_cont .event_list li:nth-child(4n) {margin: 0 0 80px 0;}
  3414. .sch_result .cont_body .sch_result_cont .event_list li .rank {min-width:52px;}
  3415. .sch_result .cont_body .sch_result_cont .event_list li .ev_img {margin-bottom: 27px; position: relative;}
  3416. .sch_result .cont_body .sch_result_cont .event_list li .ev_img img {width: 100%; height: auto;}
  3417. .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;}
  3418. /* 검색결과_기획전 */
  3419. .sch_result .form_field input[type="checkbox"] + label:before,
  3420. .sch_result .form_field input[type="checkbox"]:checked + label:after {top: -1px;}
  3421. .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%;}
  3422. .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(5n+0) {margin-right: 0;}
  3423. .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(6n+0) {margin-right: 20px;}
  3424. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp {margin-bottom: 80px;}
  3425. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 80px 0;}
  3426. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
  3427. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;}
  3428. .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;}
  3429. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
  3430. .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;}
  3431. .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;}
  3432. .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;}
  3433. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
  3434. .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;}
  3435. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
  3436. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
  3437. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li:last-child {margin-bottom: 0;}
  3438. .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;}
  3439. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
  3440. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
  3441. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
  3442. .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;}
  3443. .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0; font-size: 16px;}
  3444. /* br 공통 */
  3445. .br {padding-bottom:160px;}
  3446. .br div::after,
  3447. .br dl::after,
  3448. .br ul::after {content:''; clear:both; display:block;}
  3449. /* br_sch_result */
  3450. .br_sch_result {}
  3451. .br_sch_result h2 {margin-bottom:60px;}
  3452. .br_sch_result .brand_banner_list {}
  3453. .br_sch_result .brand_banner_list ul {margin-top:-20px;}
  3454. .br_sch_result .brand_banner_list ul li {float:left; width:calc((100% - 140.1px)/8); margin-left:20px; margin-top:20px; background:#f5f5f5;}
  3455. .br_sch_result .brand_banner_list ul li:nth-child(8n - 7) {margin-left:0;}
  3456. .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;}
  3457. .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;}
  3458. .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;}
  3459. .br_sch_result .brand_banner_list ul li a:hover span,
  3460. .br_sch_result .brand_banner_list ul li a:focus span,
  3461. .br_sch_result .brand_banner_list ul li a:active span {display:block;}
  3462. .br_sch_result .area_input {text-align:center; width:100%; max-width:800px; border-bottom:2px solid #222; margin:130px auto auto;}
  3463. .br_sch_result .area_input input[type='text'] {width:calc(100% - 30px); height:54px; border:none; padding-left:0; color:#222; font-size:30px;}
  3464. .br_sch_result .area_input input[type='text']::placeholder {color:#888}
  3465. .br_sch_result .area_input button {display:inline-block; width:26px; height:26px; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
  3466. .br_sch_result .area_result {}
  3467. .br_sch_result .area_result .default_box {margin-top:20px}
  3468. .br_sch_result .area_result .default_box .brand_list{}
  3469. .br_sch_result .area_result .result_box {}
  3470. .br_sch_result .area_result .result_box .brand_list{}
  3471. .br_sch_result .area_result .brand_list {}
  3472. .br_sch_result .area_result .brand_list .list_blk {padding:60px 0; border-top:1px solid #ddd}
  3473. .br_sch_result .area_result .brand_list .list_blk:first-child {border-top:none;}
  3474. .br_sch_result .area_result .brand_list .list_blk .title_abbr {display:block; margin-bottom:15px; color:#222; font-size:42px; font-weight:500;}
  3475. .br_sch_result .area_result .brand_list .list_blk ul {}
  3476. .br_sch_result .area_result .brand_list .list_blk ul li {float:left; width:20%; padding:25px 0;}
  3477. .br_sch_result .area_result .brand_list .list_blk ul li a{display: inline-block;}
  3478. .br_sch_result .area_result .brand_list .list_blk ul li span {display:block; font-weight:200;}
  3479. .br_sch_result .area_result .brand_list .list_blk ul li span.name_large {color:#222; font-size:16px;}
  3480. .br_sch_result .area_result .brand_list .list_blk ul li span.name_small {margin-top:10px; color:#888; font-size:14px;}
  3481. .br_sch_result .area_result .empty_box{}
  3482. .br_sch_result .area_result .empty_box .nodata {padding:120px 0 0;}
  3483. .br_sch_result .area_result .empty_box .nodata {padding:80px 0 100px; text-align:center;}
  3484. .br_sch_result .area_result .empty_box .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  3485. .br_sch_result .area_result .empty_box .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
  3486. .br_sch_result .area_result .empty_box .nodata .txt_box span {color:#fd4802; font-weight:500;}
  3487. .br_sch_result .area_result .empty_box .nodata .btn_box {margin-top:40px;}
  3488. .br_sch_result .area_result .empty_box .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
  3489. /* br_lookbook_list */
  3490. .br_lookbook_list {}
  3491. /* br_lookbook_view */
  3492. .br_lookbook_view {}
  3493. .br_lookbook_view .cont_head {position:relative;}
  3494. .br_lookbook_view .swiper-button-next,
  3495. .br_lookbook_view .swiper-button-prev {top:50%; transform:translateY(-50%); width:auto; height:auto; margin:0; padding:0; color:transparent;}
  3496. .br_lookbook_view .swiper-button-next {right:0px;}
  3497. .br_lookbook_view .swiper-button-prev {left:0px;}
  3498. .br_lookbook_view .swiper-button-next::after,
  3499. .br_lookbook_view .swiper-button-prev::after {content:''; display:inline-block; width:26px; height:50px; background-image:url('/images/pc/ico_arr_lg.png'); background-repeat:no-repeat;}
  3500. .br_lookbook_view .swiper-button-next::after {background-position:100% 50%;}
  3501. .br_lookbook_view .swiper-button-prev::after {background-position:0% 50%;}
  3502. .content.br_lookbook_view.cont_visual {padding-bottom:120px;}
  3503. .br_lookbook_view.cont_visual .cont_head {margin-bottom:60px}
  3504. .br_lookbook_view.cont_visual .cont_body .area_slider {margin-left:-70px; margin-right:-70px;}
  3505. .br_lookbook_view.cont_visual .swiper-slide {width: auto; height: 660px;}
  3506. .br_lookbook_view.cont_visual .swiper-slide img {width: 100%; height:auto;}
  3507. .br_lookbook_view.cont_visual .bt_lb_item {}
  3508. .br_lookbook_view.cont_visual .swiper-container {padding-top:60px;}
  3509. .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);}
  3510. .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item {position: relative; height: 618px; margin-top: -60px; transition: all 200ms ease;}
  3511. .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item:after {display:none;}
  3512. .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker {position:absolute; transform:translate(-50%,-50%);}
  3513. .br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
  3514. .br_lookbook_view.cont_visual .swiper-button-next {right:70px;}
  3515. .br_lookbook_view.cont_visual .swiper-button-prev {left:70px;}
  3516. .br_lookbook_view.cont_visual .swiper-button-next::after,
  3517. .br_lookbook_view.cont_visual .swiper-button-prev::after {filter:invert(100%);}
  3518. .br_lookbook_view.cont_visual .text_cont {margin-top:80px; color:#666; font-size:16px; font-weight:200; line-height:26px;}
  3519. .content.br_lookbook_view.cont_items {padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
  3520. .br_lookbook_view.cont_items .cont_head h3 {margin-bottom:40px; color:#222; font-size:24px; font-weight:500;}
  3521. .br_lookbook_view.cont_items .cont_head h3 span.number {margin-left:4px; color:#888; font-weight:200;}
  3522. .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;}
  3523. .br_lookbook_view.cont_items .cont_head .btn span {display:inline-block; line-height:1;}
  3524. .br_lookbook_view.cont_items .area_slider {position:relative; width:100%; box-sizing:border-box;}
  3525. .br_lookbook_view.cont_items .area_slider .swiper-wrapper {padding-bottom:60px;}
  3526. .br_lookbook_view.cont_items .area_slider .swiper-container .item_prod {width:100%;}
  3527. .br_lookbook_view.cont_items .area_slider .swiper-container .item_prod .item_state {padding:0}
  3528. .br_lookbook_view.cont_items .area_slider .swiper-scrollbar {background:#ddd}
  3529. .br_lookbook_view.cont_items .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
  3530. .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;}
  3531. .content.br_lookbook_view.cont_others {padding-top:160px;}
  3532. .br_lookbook_view.cont_others .cont_head {margin-left:70px; margin-right:70px;}
  3533. .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('/images/pc/ico_more_lg.png') no-repeat 100% 50%;}
  3534. .br_lookbook_view.cont_others .cont_head button span {display:inline-block; line-height:1;}
  3535. .br_lookbook_view.cont_others .cont_body {position:relative; padding-left:70px; padding-right:70px;}
  3536. .br_lookbook_view.cont_others .area_slider {}
  3537. .br_lookbook_view.cont_others .swiper-slide {}
  3538. .br_lookbook_view.cont_others .swiper-slide a {display:block;}
  3539. .br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
  3540. .br_lookbook_view.cont_others .swiper-slide a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
  3541. .br_lookbook_view.cont_others .swiper-slide a .txt {margin-top:10px; padding:0px 5px 0px}
  3542. .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;}
  3543. /* my */
  3544. .container.my .wrap .content {max-width:1460px; margin-bottom:160px; padding-left:0; padding-right:0;}
  3545. .my div:after,
  3546. .my ul::after {content:''; clear:both; display:block;}
  3547. .my button span {line-height:1;}
  3548. .my .form_field input[type="radio"] + label,
  3549. .my .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
  3550. .my .form_field input[type="radio"] + label:before,
  3551. .my .form_field input[type="radio"]:checked + label:after,
  3552. .my .form_field input[type="checkbox"] + label:before,
  3553. .my .form_field input[type="checkbox"]:checked + label:after,
  3554. .my .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
  3555. .my .input_wrap .form_control {height:42px; font-size:14px; padding-left:18px}
  3556. .my .sec_head {position:relative;}
  3557. .my .sec_foot .ui_row {margin-top:40px; margin-bottom:0;}
  3558. .my .check_notice {display:block; width:100%; margin-top:20px; padding:20px 30px; background-color:#fff6f2;}
  3559. .my .check_notice p {margin-top:10px; padding-left:20px; color:#222; font-size:14px; font-weight:300; line-height:1; background:url('/images/pc/ico_primary_check.png') no-repeat 0 50%;}
  3560. .my .check_notice p:first-child {margin-top:0}
  3561. .my .txt_info {margin-top:20px; color:#888; font-size:14px; font-weight:200;}
  3562. .my .txt_info ul li {position:relative; padding-left:10px; margin-top:5px}
  3563. .my .txt_info ul li::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#888;}
  3564. .my .txt_info ul li:first-child {margin-top:0}
  3565. .my .tbl.type1 {padding-top:20px; padding-bottom:20px;}
  3566. .my .tbl.type1 th,
  3567. .my .tbl.type1 td {padding-top:7px; padding-bottom:7px; line-height:1.625;}
  3568. .my .highlight_area {margin-bottom:60px; background:#fff6f2; padding:60px; text-align:center;}
  3569. .my .info_footer_area {padding:30px; margin-top:60px; text-align:center; background:#fff6f2; color:#222; font-size:18px; font-weight:300;}
  3570. .my .info_footer_area > p > span {color:#fd4802}
  3571. .my .btn_footer_area {margin-top:60px; text-align:center;}
  3572. .my .btn_footer_area .btn.btn_default {border-color:#a7a7a7;}
  3573. .my .btn_footer_area .btn.btn_md {width:220px; height:60px; margin-left:10px; padding-top:21px; padding-bottom:21px;}
  3574. .my .btn_footer_area .btn.btn_md:first-child {margin-left:0;}
  3575. /* my_나의등급 정보*/
  3576. .my .my_information {}
  3577. .my .my_information .name_box {margin-bottom:40px; color:#666666; font-size:30px; font-weight:200;}
  3578. .my .my_information .name_box strong {color:#000}
  3579. .my .my_information .property_box {display:block; padding:40px; background:#f5f5f5;}
  3580. .my .my_information .property_box .level {float:left; position:relative; height:60px; padding-left:76px;}
  3581. .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;}
  3582. .my .my_information .property_box .level.lv_vip::before {content:'V'; background:#fd4802;; color:#fff;}
  3583. .my .my_information .property_box .level.lv_gold::before {content:'G'; background:#cc9d4d; color:#fff;}
  3584. .my .my_information .property_box .level.lv_sliver::before {content:'S'; background:#888; color:#fff;}
  3585. .my .my_information .property_box .level.lv_bronze::before {content:'B'; background:#bf966d; color:#fff;}
  3586. .my .my_information .property_box .level.lv_welcome::before {content:'W'; background:#222; color:#fff;}
  3587. .my .my_information .property_box .level .txt {color:#222; font-size:36px; font-weight:500;}
  3588. .my .my_information .property_box .level .btn_level {margin-top:10px}
  3589. .my .my_information .property_box .level .btn_level a,
  3590. .my .my_information .property_box .level .btn_level button {display:inline-block; margin-right:20px; padding-right:15px; background:url('/images/pc/ico_more_sm.png') no-repeat 100% 0px; color:#888; font-size:14px; font-weight:200; line-height:1 !important;}
  3591. .my .my_information .property_box .property {float:right; padding:5px 0 3px}
  3592. .my .my_information .property_box .property ul li {float:left; position:relative; padding:0px 40px;}
  3593. .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}
  3594. .my .my_information .property_box .property ul li:last-child {padding-right:0;}
  3595. .my .my_information .property_box .property ul li:last-child::before {display:none;}
  3596. .my .my_information .property_box .property ul li > div {min-width:120px;}
  3597. .my .my_information .property_box .property .txt {color:#888; font-size:16px; font-weight:300;}
  3598. .my .my_information .property_box .property .count {margin-top:14px; color:#222; font-size:21px; font-weight:500;}
  3599. .my .my_information .property_box .property .count span {font-size:22px;}
  3600. /* my_배송현황*/
  3601. .my .my_order_progress {border-top:1px solid #222; border-bottom:1px solid #ddd}
  3602. .my .my_order_progress .txt {color:#888; font-size:16px; font-weight:300; text-align:center;}
  3603. .my .my_order_progress .count {margin-top:14px; color:#222; font-weight:500; text-align:center;}
  3604. .my .my_order_progress .count span {font-size:24px}
  3605. .my .my_order_progress .progress {float:left; width:80%; padding:40px 0;}
  3606. .my .my_order_progress .progress ul {display:inline-block; width:100%;}
  3607. .my .my_order_progress .progress ul li {float:left; position:relative; width:calc((100% - 60px) / 6); margin-right:12px;}
  3608. .my .my_order_progress .progress ul li::after {content:''; position:absolute; top:50%; right:-12px; width:12px; height:23px; background:url(/images/pc/ico_myinfo_arrow.png) no-repeat center; transform:translateY(-50%);}
  3609. .my .my_order_progress .progress ul li:first-child {margin-left:-1px}
  3610. .my .my_order_progress .progress ul li:last-child {margin-right:0;}
  3611. .my .my_order_progress .progress ul li:last-child::after {display:none;}
  3612. .my .my_order_progress .progress ul li div {width:100%;}
  3613. .my .my_order_progress .invalid {float:right; width:16.6666%; padding:40px 0; position:relative;}
  3614. .my .my_order_progress .invalid::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:48px; border-left:1px solid #ddd}
  3615. /* my_리스트정렬필터 */
  3616. .my .area_filter {}
  3617. .my .area_filter .select_month_box {float:left;}
  3618. .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;}
  3619. .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;}
  3620. .my .area_filter .select_month_box .form_field div:first-child input[type="radio"] + label {border-left:1px solid #ddd}
  3621. .my .area_filter .select_month_box .form_field div:first-child input[type="radio"]:checked + label {border-left:1px solid #fd4802}
  3622. .my .area_filter .select_month_box .form_field input[type="radio"] + label::before,
  3623. .my .area_filter .select_month_box .form_field input[type="radio"] + label::after,
  3624. .my .area_filter .select_month_box .form_field input[type="radio"]:checked + label::before,
  3625. .my .area_filter .select_month_box .form_field input[type="radio"]:checked + label::after {display:none;}
  3626. .my .area_filter .select_period_box {float:left; margin-left:20px}
  3627. .my .area_filter .select_period_box .form_field {display:block; float:left; width:150px}
  3628. .my .area_filter .select_period_box .form_field:first-child {margin-right:23px !important;}
  3629. .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;}
  3630. .my .area_filter .select_period_box .form_field .input_wrap {display:block; width:100%;}
  3631. .my .area_filter .select_period_box .form_field .input_wrap .form_control {width:100%; height:42px; padding:15px 35px 15px 20px; background:url('/images/pc/ico_calendar_selector.png') no-repeat 118px 50%; color:#222; font-size:14px; font-weight:200; line-height:1;}
  3632. .my .area_filter .select_period_box .btn {float:left; width:70px; height:42px; margin-left:10px; text-align:center; font-size:14px;}
  3633. .my .area_filter .select_status_box {float:right; width:180px;}
  3634. .my .area_filter .select_status_box .select_custom {height:42px}
  3635. .my .area_filter .select_status_box .select_custom .combo .select {height:42px; padding:14px 20px; color:#666; font-size:14px;}
  3636. .my .area_filter .select_status_box .select_custom .combo .list > li {padding:0 20px; color:#666; font-size:14px;}
  3637. /* my_myOrderList : 주문,취소,교환,반품 리스트 */
  3638. .my .myOrderList {}
  3639. .myOrderList .sec_head {margin-bottom:80px;}
  3640. .myOrderList .sec_body h3 {margin-bottom:40px}
  3641. .myOrderList .area_list {margin-top:24px;}
  3642. .myOrderList .part_goods {margin-top:40px}
  3643. .myOrderList .part_goods:first-child {margin-top:0}
  3644. .myOrderList .my_information + .my_order_progress {border-top:none}
  3645. /* my_myOrderList.non : 비회원 주문,취소,교환,반품 리스트 */
  3646. .myOrderList.non .lnb .lnb_list ul li:nth-child(n+3){display: none;}
  3647. /* my_myOrderView : 주문,취소,교환,반품 상세보기 */
  3648. .my .myOrderView {}
  3649. .myOrderView .sec_head {margin-bottom:40px;}
  3650. .myOrderView .sec_head h3 {float:left; margin-bottom:0;}
  3651. .myOrderView .sec_head .order_number {float:left; margin-left:20px; margin-top:8px; color:#666; font-size:20px; font-weight:200;}
  3652. .myOrderView .sec_head button {float:left; margin-left:15px; margin-top:11px; font-size:14px; color:#222;}
  3653. .myOrderView h4.subH3 {margin-top:60px; margin-bottom:20px;}
  3654. .myOrderView h4.subH3 .tit_info {display:inline-block; margin-left:10px; color:#888; font-size:14px; font-weight:200;}
  3655. .myOrderView .tbl table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
  3656. .myOrderView .tbl table td button {margin-left:10px;}
  3657. .myOrderView .tbl table td .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
  3658. .myOrderView .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
  3659. .myOrderView .tbl table td .select_custom {color:#666; font-size:14px;}
  3660. .myOrderView .tbl table td .select_custom .combo {min-width:400px; width:auto;}
  3661. .myOrderView .tbl table td .select_custom .combo .select {height:42px; padding:14px 15px; color:#666; font-size:14px;}
  3662. .myOrderView .tbl table td .select_custom .combo .list > li {padding:0 15px;}
  3663. .myOrderView .tbl table td .input_wrap {width:100%;}
  3664. .myOrderView .tbl table td .input_wrap textarea {width:100%; height:82px; padding:14px 15px; font-size:14px; color:#222;}
  3665. .myOrderView .tbl table td .input_wrap .txt_cnt {margin-top:10px;}
  3666. .myOrderView .tbl.type6 {position: relative;}
  3667. .myOrderView .tbl.type6 table + p {position: absolute;top: auto;bottom: -25px;left: 0;right: auto;}
  3668. .myOrderView .retrieve_method .form_field > div {margin-right:30px}
  3669. .myOrderView .retrieve_method .form_field span {color:#222; font-size:16px; font-weight:200;}
  3670. .myOrderView .retrieve_method .form_field span em {margin-left:5px; color:#fd4802; font-size:14px;}
  3671. .myOrderView .retrieve_box.direct .tbl table th,
  3672. .myOrderView .retrieve_box.direct .tbl table td {vertical-align:middle;}
  3673. .myOrderView .retrieve_box.direct .input_wrap .form_control {width:400px; padding-left:18px}
  3674. /* my_restock : 재입고 알림내역 */
  3675. .my .restock {}
  3676. .my .restock .area_list {margin-top:60px}
  3677. .my .restock .area_list .part_goods {border:none; border-bottom:1px solid #ddd}
  3678. .my .restock .area_list .part_goods:first-child {border-top:1px solid #222}
  3679. .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
  3680. .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
  3681. .my .restock .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
  3682. .my .restock .area_list .part_goods .goods_info .order_desc .status_box {width:160px;}
  3683. /* my_myReviewList : 내 리뷰 리스트 */
  3684. .my .myReviewList {}
  3685. .my .myReviewList .check_notice {}
  3686. .my .myReviewList .check_notice p::after {content:''; display:block; clear:both;}
  3687. .my .myReviewList .check_notice a {float:right; display:inline-block; padding-right:14px; color:#222; font-size:14px; background:url('/images/pc/ico_ft_arrow.png') no-repeat 98% 0px;}
  3688. .my .myReviewList .taps {margin-top:60px; margin-bottom:40px}
  3689. .my .myReviewList .area_list {margin-top:60px}
  3690. .my .myReviewList .area_list .part_goods {border:none; border-bottom:1px solid #ddd}
  3691. .my .myReviewList .area_list .part_goods:first-child {border-top:1px solid #222}
  3692. .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
  3693. .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
  3694. .my .myReviewList .area_list .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
  3695. .my .myReviewList .area_list .part_goods .goods_info .order_desc .status_box {width:160px;}
  3696. /* my_myReviewWrite : 리뷰작성 */
  3697. .my .myReviewWrite {}
  3698. .my .myReviewWrite h4 {margin-top:60px; margin-bottom:20px;}
  3699. .my .myReviewWrite th,
  3700. .my .myReviewWrite td {vertical-align:top;}
  3701. .my .myReviewWrite .part_goods {border:none; border-top:1px solid #222; border-bottom:1px solid #ddd}
  3702. .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box {vertical-align:middle;}
  3703. .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item {position:static;}
  3704. .my .myReviewWrite .part_goods .goods_cont .goods_info .order_desc .goods_box .gd_item .thumb {left:0;}
  3705. .my .myReviewWrite .input_starscore button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
  3706. .my .myReviewWrite .input_starscore button.on {background: url(/images/pc/ico_star02.png) no-repeat center;}
  3707. .my .myReviewWrite .input_starscore span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
  3708. .my .myReviewWrite .input_starscore span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;}
  3709. .my .myReviewWrite .input_simple_review {}
  3710. .my .myReviewWrite .input_simple_review .form_field > div {min-width:110px}
  3711. .my .myReviewWrite .input_txt_review {position:relative;}
  3712. .my .myReviewWrite .input_txt_review .input_wrap {width:100%}
  3713. .my .myReviewWrite .input_txt_review .input_wrap textarea {width:100%; padding:20px; color:#222; font-size:14px;}
  3714. .my .myReviewWrite .input_my_physical .form_control {min-width:220px; padding-right:50px;}
  3715. .my .myReviewWrite .input_my_physical .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#222; font-size:14px; font-weight:200;}
  3716. /* my_myAddressList : 배송지 관리 */
  3717. .my .myAddressList {}
  3718. .my .myAddressList h4.subH3 {margin-bottom:20px;}
  3719. .my .myAddressList .tbl.type1 {padding:0}
  3720. .my .myAddressList .tbl.type1 th,
  3721. .my .myAddressList .tbl.type1 td {vertical-align:middle;}
  3722. .myAddressList .tbl.type1 table th,
  3723. .myAddressList .tbl.type1 table td {padding-top:30px; padding-bottom:30px; border-top:1px solid #ddd}
  3724. .myAddressList .tbl.type1 table tr:first-child th,
  3725. .myAddressList .tbl.type1 table tr:first-child td {border-top:none}
  3726. .myAddressList .tbl.type1 table td .block_line button {margin-left:10px}
  3727. .myAddressList .tbl.type1 table td .button_box p {margin-top:10px}
  3728. .myAddressList .tbl.type1 table td .button_box p:first-child {margin-top:0}
  3729. .myAddressList .tbl.type1 table td .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
  3730. .myAddressList .tbl.type1 table td .button_box .btn span {line-height:1}
  3731. .myAddressList .addrs_default {background:#fff6f2;}
  3732. .myAddressList .phone_number {font-weight:300;}
  3733. /* my_myManageEntry : 내 정보 관리 - 비밀번호 확인 */
  3734. .my .myManageEntry {}
  3735. .my .myManageEntry .sec_head .text {margin-top:15px; color:#222; font-size:16px; font-weight:200;}
  3736. .my .myManageEntry input[type="text"],
  3737. .my .myManageEntry input[type="password"] {width:400px}
  3738. .my .myManageEntry .tbl th,
  3739. .my .myManageEntry .tbl td {vertical-align:middle;}
  3740. /* my_myManageEntry : 내 정보 관리 */
  3741. .my .myManage {}
  3742. .my .myManage .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
  3743. .my .myManage .btn.btn_sm span {vertical-align:top;}
  3744. .my .myManage h4.subH3 {margin-bottom:20px;}
  3745. .my .myManage h4.subH3 .tit_info {display:inline-block; margin-left:10px; color:#888; font-size:14px; font-weight:200;}
  3746. .my .myManage .select_custom .combo .list {max-height:200px;}
  3747. .my .myManage .modify_box {position:relative; margin-top:60px;}
  3748. .my .myManage .modify_box:first-child {margin-top:0;}
  3749. .my .myManage .modify_box h4.subH3 + .btn.btn_sm {position:absolute; right:0; top:0;}
  3750. .my .myManage .modify_box .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
  3751. .my .myManage .modify_box .btn_underline span {color:#888; font-size:12px}
  3752. .my .myManage .modify_box table th span {display:inline-block; padding:13px 0; line-height:1; vertical-align:top;}
  3753. .my .myManage .modify_box table .btn {height:42px; padding-left:0; padding-right:0; text-align:center;}
  3754. .my .myManage .modify_box table .btn.btn_primary_line {font-weight:200; width:100px;}
  3755. .my .myManage .modify_box .form_field {max-width:400px;}
  3756. .my .myManage .modify_box .form_field .input_wrap {display:table-cell; width:100%;}
  3757. .my .myManage .modify_box .form_field .input_wrap + .btn {display:table-cell; width:95px; font-weight:300; font-size:14px}
  3758. .my .myManage .modify_box .form_field .form_control {float:none; display:block; width:100%}
  3759. .my .myManage .modify_box .form_field + .txt_info {margin-top:10px}
  3760. .my .myManage .modify_box .form_field input[type="checkbox"] + label {margin-right:40px;}
  3761. .my .myManage .modify_box .help_block {text-indent:0;}
  3762. .my .myManage .modify_box .help_block p span {position:relative; padding-left:20px; font-size:14px;}
  3763. .my .myManage .modify_box .help_block p span.t_err {padding-left:22px;}
  3764. .my .myManage .modify_box .help_block p span.t_err::before {position:absolute; top:50%; transform:translateY(-50%);}
  3765. .my .myManage .modify_box .help_block p span .ico {position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:8px;}
  3766. .my .myManage .modify_box .help_block p span .ico::before {vertical-align:top;}
  3767. /* my_myMbLeave : 회원탈퇴 */
  3768. .my .myMbLeave {}
  3769. .my .myMbLeave h4.subH3 {margin-bottom:20px;}
  3770. .my .myMbLeave .tbl {margin-bottom:60px}
  3771. .my .myMbLeave .tbl th,
  3772. .my .myMbLeave .tbl td {vertical-align:middle;}
  3773. .my .myMbLeave .form_control {width:400px;}
  3774. .my .myMbLeave .mb_leave_complete {text-align:center; margin-bottom:60px; color:#222; font-size:24px; font-weight:500;}
  3775. .my .myMbLeave .mb_leave_incomplete {}
  3776. .my .myMbLeave .mb_leave_incomplete .txt_primary {color:#fd4802; font-size:18px; font-weight:500;}
  3777. .my .myMbLeave .mb_leave_incomplete .txt_sub {margin-top:20px; color:#666; font-size:16px;}
  3778. .my .myMbLeave .com_info_txt {}
  3779. .my .myMbLeave .com_info_txt .check_box {margin-top:30px; padding-top:30px; border-top:1px solid #dcdcdc;}
  3780. .my .myMbLeave .com_info_txt .check_box span {color:#858585; font-weight:200;}
  3781. .my .myMbLeave .hold_order .on,
  3782. .my .myMbLeave .hold_point,
  3783. .my .myMbLeave .hold_voucher,
  3784. .my .myMbLeave .hold_coupon {color:#fd4802}
  3785. /* my_포인트, 상품권 공통 */
  3786. .my .have_amount {}
  3787. .my .have_amount .total_amount {color:#222; font-size:30px; font-weight:500;}
  3788. .my .have_amount .total_amount span {color:#fd4802; font-weight:500;}
  3789. .my .have_amount .total_amount span em {font-size:36px; font-weight:700;}
  3790. .my .have_amount dl {display:inline-block; margin-top:20px; font-size:14px; font-weight:300;}
  3791. .my .have_amount dl::after {content:''; clear:both; display:block;}
  3792. .my .have_amount dl div {float:left; position:relative; height:14px; padding:0px 20px;}
  3793. .my .have_amount dl div::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
  3794. .my .have_amount dl div:first-child::before {display:none;}
  3795. .my .have_amount dl div > * {vertical-align:top;}
  3796. .my .have_amount dl div dt {float:left; color:#666;}
  3797. .my .have_amount dl div dt .tag {margin-top:-4px; margin-right:10px;}
  3798. .my .have_amount dl div dd {float:left; margin-left:10px; color:#222;}
  3799. .my .content_area {position:relative;}
  3800. .my .content_area .taps {margin-bottom:40px;}
  3801. .my .content_area .select_box {position:absolute; right:0; top:-10px; width:180px;}
  3802. .my .content_area .select_box .select_custom {height:42px}
  3803. .my .content_area .select_box .select_custom .combo .select {height:42px; padding:14px 20px; color:#666; font-size:14px;}
  3804. .my .content_area .select_box .select_custom .combo .list > li {padding:0 20px; color:#666; font-size:14px;}
  3805. .my .content_area .list_box {}
  3806. .my .content_area .list_box .tbl th,
  3807. .my .content_area .list_box .tbl td {vertical-align:middle;}
  3808. .my .content_area .list_box .tbl td .txt_content {padding-left:40px; text-align:left;}
  3809. .my .content_area .list_box .tbl td .amount_minus {color:#222;}
  3810. .my .content_area .list_box .tbl td .amount_plus {color:#fd4802;}
  3811. /* my_myPoint : STYLE 포인트 */
  3812. .my .myPoint {}
  3813. /* my_myVoucher : 상품권 */
  3814. .my .myVoucher {}
  3815. .my .myVoucher .input_area {display:block; width:605px; margin:50px auto 0}
  3816. .my .myVoucher .input_area .input_label {display:inline-block; width:124px; color:#222; font-size:18px; font-weight:500; line-height:1;}
  3817. .my .myVoucher .input_area .input_label span {display:inline-block; margin-top:12px;}
  3818. .my .myVoucher .input_area .input_wrap .form_control {width:400px;}
  3819. .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;}
  3820. .my .myVoucher .com_info_txt {margin-top:50px}
  3821. .my .myVoucher .content_area {margin-top:60px}
  3822. .my .myVoucher .content_area .voucher_list::after {content:''; clear:both; display:block;}
  3823. .my .myVoucher .content_area .voucher_list ul {margin-top:-20px}
  3824. .my .myVoucher .content_area .voucher_list li {float:left; width:calc((100% - 40px) * 0.33333); margin-left:20px; margin-top:20px;}
  3825. .my .myVoucher .content_area .voucher_list li:nth-child(3n-2) {margin-left:0}
  3826. /* my_myCoupon : 쿠폰 */
  3827. .my .myCoupon {}
  3828. .my .myCoupon .content_area {margin-top:60px}
  3829. .my .myCoupon .content_area .coupon_list::after {content:''; clear:both; display:block;}
  3830. .my .myCoupon .content_area .coupon_list ul {margin-top:-20px}
  3831. .my .myCoupon .content_area .coupon_list li {float:left; width:calc((100% - 60px) * 0.25); margin-left:20px; margin-top:20px;}
  3832. .my .myCoupon .content_area .coupon_list li:nth-child(4n-3) {margin-left:0}
  3833. /* my_myWishlist : 위시리스트 */
  3834. .my .myWishlist {}
  3835. .my .myWishlist .monthly_wish_wrap {margin-top:50px;}
  3836. .my .myWishlist .monthly_wish_wrap:first-child {margin-top:0}
  3837. .my .myWishlist .monthly_wish_wrap .itemsGrp {margin-left:-10px; margin-right:-10px;}
  3838. .my .myWishlist .monthly_wish_wrap .itemsGrp .item_prod {width:25%;}
  3839. .my .myWishlist .monthly_wish_wrap .itemsGrp .item_prod .item_state {padding-bottom:50px}
  3840. .my .myWishlist .monthly_wish_wrap .date {display:block; position:relative; width:100%; height:0; margin-bottom:60px; border-top:1px solid #ddd;}
  3841. .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;}
  3842. /* ev_공통 */
  3843. .ev .wrap {padding-bottom:160px;}
  3844. .ev .cont_body {position:relative;}
  3845. .ev div::after,
  3846. .ev dl::after,
  3847. .ev ul::after {content:''; clear:both; display:block;}
  3848. .ev .inner {width: 1200px; margin:0 auto;} /* 주의 */
  3849. .ev .icon {position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; color: #fff; border:2px solid transparent;}
  3850. .ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); margin-top:2px; font-size: 32px; font-weight: 700; color: #fff;}
  3851. .ev .icon + span {font-size: 16px; color: #666; font-weight:500;}
  3852. .ev .icon.vip {background: #fd4802;}
  3853. .ev .icon.gold {background: #cc9d4d;}
  3854. .ev .icon.silver {background: #888;}
  3855. .ev .icon.bronze {background: #bf966d;}
  3856. .ev .icon.welcome {background: #222222;}
  3857. .ev .cont_head > div {position:relative;}
  3858. .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;}
  3859. .ev .cont_head > div h2 {text-align:center; margin-bottom:0px; padding-bottom:60px;}
  3860. .ev .cont_head > div h3 {text-align:center; margin-bottom:0; padding-bottom:80px; font-size:40px;}
  3861. .ev .cont_head > div h4 {text-align:center; margin-bottom:60px; color:#222; font-size:30px; font-weight:500;}
  3862. .ev .event_banner {position: relative; width: 100%;}
  3863. .ev .event_banner img {position:relative; left:50%; transform:translateX(-50%);}
  3864. .ev .btn_wrap {margin-top:60px; margin-bottom:0; text-align:center;}
  3865. .ev .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:normal;}
  3866. .ev .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
  3867. .ev .form_field input[type="radio"] + label,
  3868. .ev .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1;}
  3869. .ev .form_field input[type="radio"] + label:before,
  3870. .ev .form_field input[type="radio"]:checked + label:after,
  3871. .ev .form_field input[type="checkbox"] + label:before,
  3872. .ev .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
  3873. /* ev 다른 이벤트 보기 슬라이드 */
  3874. .ev .other_ev_slide {margin-top:160px; padding:0 140px!important;}
  3875. .ev .other_ev_slide .cont_head {position:relative; margin-bottom:60px;}
  3876. .ev .other_ev_slide .cont_head h4 {position:relative; margin-bottom:0;}
  3877. .ev .other_ev_slide .cont_head a {position:absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url('/images/pc/ico_more_lg.png') no-repeat right top 1px; font-size: 18px; color:#888;}
  3878. .ev .other_ev_slide .cont_body {position:relative;}
  3879. .ev .other_ev_slide .swiper-button-next {right:-70px; margin-top:-55px;}
  3880. .ev .other_ev_slide .swiper-button-prev {left:-70px; margin-top:-55px;}
  3881. .ev .other_ev_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
  3882. .ev .other_ev_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  3883. .ev .other_ev_slide .brand {display: inline-block; font-size: 12px; color:#888; font-weight: 300;}
  3884. .ev .other_ev_slide .txt {margin:0 6px;}
  3885. .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;}
  3886. /* ev_list 이벤트 리스트*/
  3887. .ev .ev_list {}
  3888. .ev_list .area_top_list_info .ui_right {}
  3889. .ev_list .area_top_list_info .ui_right .btn {height:40px; padding:12px 20px; font-size:14px; font-weight:300; border:1px solid #a7a7a7;}
  3890. .ev_list .area_top_list_info .ui_right .btn span {display:inline-block; padding-right:17px; vertical-align:top; line-height:1; background:url('/images/pc/ico_more_sm.png') no-repeat 100% 50%;}
  3891. .ev_list .ev_mem_rank {position:relative; background:#f5f5f5; padding:60px 100px; margin-top:60px; margin-bottom:100px;}
  3892. .ev_list .ev_mem_rank .txt {float:left; display:inline-block;}
  3893. .ev_list .ev_mem_rank .txt strong {display:block; font-size: 20px; font-weight: 700;}
  3894. .ev_list .ev_mem_rank .txt p {font-size:30px; line-height:40px; color:#666; margin:10px 0 25px;}
  3895. .ev_list .ev_mem_rank .txt .btn {width:152px; height:42px; font-size:14px; font-weight:300; padding:14px 10px 0; line-height:1;}
  3896. .ev_list .ev_mem_rank .mem_rank_list {float:right; margin-top:30px; margin-right:60px;/*position: absolute; top: 50%; right: 160px; transform:translateY(-50%);*/}
  3897. .ev_list .ev_mem_rank .mem_rank_list ul li {float:left; text-align: center; margin-left: 40px;}
  3898. .ev_list .ev_mem_rank .mem_rank_list ul li:first-child {margin-right:0;}
  3899. @media screen and (max-width:1459px) {
  3900. .ev_list .ev_mem_rank {padding-left:70px; padding-right:70px;}
  3901. }
  3902. /* ev_renew 설문조사 참여이벤트 preview */
  3903. .ev .renew {}
  3904. .renew .announce_txt {margin-top:80px; padding-top:60px;}
  3905. .renew .announce_txt:before {content:''; position:absolute; top:0; left:-190px; right:-190px; height: 1px; background: #ddd;}
  3906. /* ev_renew 설문조사 참여이벤트 write */
  3907. .ev .survey {margin-bottom:-160px}
  3908. .survey .input_wrap {width:100%;}
  3909. .survey .survey_wrap {background:#f5f5f5; padding:60px 0 160px}
  3910. .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);}
  3911. .survey .survey_wrap .survey_con .survey_row {padding:60px; border-top: 1px solid #ddd;}
  3912. .survey .survey_wrap .survey_con .survey_row:first-child {border-top:none;}
  3913. .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;}
  3914. .survey .survey_wrap .survey_con .survey_row h4 .question {position:absolute; top:0; left:0; font-weight:500;}
  3915. .survey .survey_wrap .survey_con .survey_row .answer {margin-top:25px}
  3916. .survey .survey_wrap .survey_con .survey_row .answer textarea,
  3917. .survey .survey_wrap .survey_con .survey_row .answer input[type='text'] {width:100%;}
  3918. .survey .survey_wrap .survey_con .survey_row .answer textarea {height:220px; padding:20px;}
  3919. .survey .survey_wrap .survey_con .survey_row .answer ul {margin-top:-30px; margin-right:-60px}
  3920. .survey .survey_wrap .survey_con .survey_row .answer ul li {float:left; position:relative; margin-top:30px; margin-right:48px;}
  3921. .survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {margin-left:20px; width:300px !important; max-width:300px !important; height:52px;}
  3922. .survey .survey_wrap .survey_con .btn_wrap {margin-top:20px}
  3923. /* ev_rank 회원등급 혜택 */
  3924. .ev .ev_rank {}
  3925. .ev_rank .inner {position: relative;}
  3926. .ev_rank .my_rank_info {background: #fff6f2; padding:53px 0; min-height:260px; box-sizing:border-box;}
  3927. .ev_rank .my_rank_info .desc {float:left;}
  3928. .ev_rank .my_rank_info .desc p {color:#666; font-size:24px; font-weight:200; line-height:34px;}
  3929. .ev_rank .my_rank_info .desc p span.my_name {color:#222; font-weight:500;}
  3930. .ev_rank .my_rank_info .desc p span.my_rank {color:#222; font-weight:700;}
  3931. .ev_rank .my_rank_info .desc .btn {width:154px; height:42px; margin-top:18px; padding:0; font-size:14px; font-weight:300;}
  3932. .ev_rank .my_rank_info .my_rank_progress {float:right; width:760px; margin-right:60px;}
  3933. .ev_rank .my_rank_progress .pro_wrap {margin-bottom: 20px;}
  3934. .ev_rank .my_rank_progress .pro_wrap .rank_txt {margin-bottom: 5px;}
  3935. .ev_rank .my_rank_progress .pro_wrap .rank_txt ul {font-size: 0;}
  3936. .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;}
  3937. .ev_rank .my_rank_progress .pro_wrap .rank_txt li:first-child {width:0;}
  3938. .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;}
  3939. .ev_rank .my_rank_progress .pro_wrap .rank_txt li .icon span {margin-top:2px; font-size:22px;}
  3940. .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;}
  3941. .ev_rank .my_rank_progress .pro_wrap .rank_txt li:first-child .txt {left:0; right:auto; transform:translateX(0);}
  3942. .ev_rank .my_rank_progress .pro_wrap .rank_txt li:last-child .txt {left:auto; right:0; transform:translateX(0);}
  3943. .ev_rank .my_rank_progress .pro_wrap .progress_bar {position:relative; width:100%; height:4px; background:#ddd; }
  3944. .ev_rank .my_rank_progress .pro_wrap .progress_bar .current_bar {display:block; width:auto; height:4px; background:linear-gradient(90deg,#ff9537, #fd4802); }
  3945. .ev_rank .my_rank_progress .pro_wrap.welcome .rank_txt li .icon.welcome,
  3946. .ev_rank .my_rank_progress .pro_wrap.bronze .rank_txt li .icon.bronze,
  3947. .ev_rank .my_rank_progress .pro_wrap.silver .rank_txt li .icon.silver,
  3948. .ev_rank .my_rank_progress .pro_wrap.gold .rank_txt li .icon.gold,
  3949. .ev_rank .my_rank_progress .pro_wrap.vip .rank_txt li .icon.vip {display:block;}
  3950. .ev_rank .my_rank_progress .pro_wrap.welcome .rank_txt li .icon.welcome + .txt,
  3951. .ev_rank .my_rank_progress .pro_wrap.bronze .rank_txt li .icon.bronze + .txt,
  3952. .ev_rank .my_rank_progress .pro_wrap.silver .rank_txt li .icon.silver + .txt,
  3953. .ev_rank .my_rank_progress .pro_wrap.gold .rank_txt li .icon.gold + .txt,
  3954. .ev_rank .my_rank_progress .pro_wrap.vip .rank_txt li .icon.vip + .txt {display:none;}
  3955. .ev_rank .my_rank_progress .pro_wrap.welcome .progress_bar .current_bar {width: 0%;}
  3956. .ev_rank .my_rank_progress .pro_wrap.bronze .progress_bar .current_bar {width: 25%;}
  3957. .ev_rank .my_rank_progress .pro_wrap.silver .progress_bar .current_bar {width: 50%;}
  3958. .ev_rank .my_rank_progress .pro_wrap.gold .progress_bar .current_bar {width: 75%;}
  3959. .ev_rank .my_rank_progress .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
  3960. .ev_rank .my_rank_progress .benefit_txt {background:#fff; padding:26px 0; text-align:center; font-size:18px; color: #444; font-weight: 300;}
  3961. .ev_rank .my_rank_progress .benefit_txt strong {color:#222; font-weight:700;}
  3962. .ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;}
  3963. .ev_rank .my_rank_info.no_member p {color:#222; font-size:24px; font-weight:200; letter-spacing:-1px;}
  3964. .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;}
  3965. /* ev_benefit_tbl 등급 혜택 테이블 */
  3966. .ev .ev_benefit_tbl {margin-top:100px}
  3967. .ev_benefit_tbl h3 {margin-bottom:50px; font-size:34px; font-weight:500; text-align:center;}
  3968. .ev_benefit_tbl .rank_tbl_wrap {margin-bottom: 60px;}
  3969. .ev_benefit_tbl .rank_tbl_wrap .icon {margin:0 auto 20px;}
  3970. .ev_benefit_tbl .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
  3971. .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
  3972. .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;}
  3973. .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
  3974. .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
  3975. .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;}
  3976. .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
  3977. .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;}
  3978. .ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
  3979. /* 이용약관,개인정보취급방침 */
  3980. .ps .cont_head > div h3{text-align: center;margin-bottom: 0;padding-bottom: 60px;font-size: 40px;line-height: 1;}
  3981. .ps .cont_body {width: 1200px;margin: 0 auto;}
  3982. .ps p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
  3983. .ps {padding:0; border-top:1px solid #000;}
  3984. .ps table {word-break:keep-all;margin-top: 30px;}
  3985. .ps table th,
  3986. .ps table td {position:relative; padding:20px 40px; font-size:16px;color: #222222;letter-spacing:-0.025em;}
  3987. .ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
  3988. .ps table td:last-child {border-right: 1px solid transparent;}
  3989. .ps table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:500;text-align:center;}
  3990. .hookGrp{margin-top: 40px;}
  3991. .hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;}
  3992. .hookGrp .hook_list ul{}
  3993. .hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
  3994. .hookGrp .hook_list ul li{float: left;width: 33.333%;}
  3995. .hookGrp .hook_list ul li a{display: table; color: #222222;}
  3996. .hookGrp .hook_list ul li a span{margin: 0px 0px 18px 0;display: block;font-size: 16px;font-weight: 300;}
  3997. .hookGrp .hook_list ul li a span::after{content: ''; display: block; box-sizing: border-box; border: 1px solid transparent;}
  3998. .hookGrp .hook_list ul li a:hover,
  3999. .hookGrp .hook_list ul li a:focus{color: #fd4802;}
  4000. .hookGrp .hook_list ul li a:hover span:after,
  4001. .hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
  4002. .hookGrp .hook_cont {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
  4003. .hookGrp .hook_cont div{margin-top: 62px;}
  4004. .hookGrp .hook_cont div:last-child{margin-bottom: 160px;}
  4005. .hookGrp .hook_cont h4 {font-size:24px;font-weight:500;color:#222222;line-height:26px;letter-spacing:-0.025em;}
  4006. .hookGrp .hook_cont p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
  4007. .hookGrp .hook_cont ol li {padding-left: 15px;}
  4008. /********** MODAL POPUP **********/
  4009. /* popup_자주 묻는 질문 팝업 */
  4010. .modal.faq_pop {max-width: 1000px; max-height: 780px; padding:60px;}
  4011. .modal.faq_pop .modal-header {border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 30px;}
  4012. .modal.faq_pop .modal-header p {font-size: 14px; color:#888; font-weight: 200; margin-bottom: 16px; padding-left: 30px;}
  4013. .modal.faq_pop .modal-header .modal-title {position: relative; padding-left: 68px; line-height: 1.62; font-weight: 300;}
  4014. .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;}
  4015. .modal.faq_pop .modal-body {position: relative; padding: 40px 10px 40px 68px; background:#f5f5f5; }
  4016. .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;}
  4017. .modal.faq_pop .modal-body .pop_cont > span {display:block; margin-bottom: 26px; font-weight:300; color:#222;}
  4018. .modal.faq_pop a.close-modal {right:30px; top:30px;}
  4019. /* popup_로그인 정보 이용동의 팝업 */
  4020. .modal.mbAgree_pop {width:620px; max-width:none;}
  4021. .modal.mbAgree_pop .agree_info {}
  4022. .modal.mbAgree_pop .agree_info p {margin-bottom:30px; font-size:18px; font-weight:300; line-height:1; letter-spacing:-0.8px;}
  4023. .modal.mbAgree_pop .info_txt {padding:25px 40px; background:#f5f5f5;}
  4024. .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;}
  4025. .modal.mbAgree_pop .info_txt ul li:last-child {margin-bottom:0;}
  4026. .modal.mbAgree_pop .info_txt ul li:after {content:''; position:absolute; top:7px; left:0; background:#858585; width:3px; height:3px;}
  4027. .modal.mbAgree_pop .info_txt ul li .mb_name {font-weight:300;}
  4028. .modal.mbAgree_pop .info_txt ul li em {font-weight:300;}
  4029. .modal.mbAgree_pop .modal-footer {width:450px; margin:40px auto 0;}
  4030. .modal.mbAgree_pop .modal-footer .ui_row {margin:0;}
  4031. .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_'] {margin-left:5px; margin-right:5px;}
  4032. .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_']:first-child {margin-left:0px}
  4033. .modal.mbAgree_pop .modal-footer .ui_row [class^='ui_col_']:last-child {margin-right:0px}
  4034. /* popup_STYLE24이용약관 팝업 */
  4035. .modal.policiesTerms_pop {width:620px; max-width:none;}
  4036. .modal.policiesTerms_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
  4037. .modal.policiesTerms_pop .text_wrap {padding:20px}
  4038. .modal.policiesTerms_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
  4039. /* popup_개인정보 수집 및 이용 팝업 */
  4040. .modal.policiesPrivacy_pop {width:620px; max-width:none;}
  4041. .modal.policiesPrivacy_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
  4042. .modal.policiesPrivacy_pop .text_wrap {padding:20px}
  4043. .modal.policiesPrivacy_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
  4044. /* popup_개인정보 취급 위탁 팝업 */
  4045. .modal.trustPrivacy_pop {width:620px; max-width:none;}
  4046. .modal.trustPrivacy_pop .pop_cont {max-height:320px; border:1px solid #ddd;}
  4047. .modal.trustPrivacy_pop .text_wrap {padding:20px}
  4048. .modal.trustPrivacy_pop .modal-footer .btn {width:220px; border-color:#a7a7a7;}
  4049. /* popup_비밀번호 변경 팝업 */
  4050. .modal.pswordModify_pop {width:600px; max-width:none; height:auto;}
  4051. .modal.pswordModify_pop input {color:#222;}
  4052. .modal.pswordModify_pop .input_label {float:left; display:inline-block; width:150px; margin-top:14px; line-height:1; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
  4053. .modal.pswordModify_pop .input_wrap {float:left; width:calc(100% - 150px);}
  4054. .modal.pswordModify_pop .form_field {display:block; margin-top:10px}
  4055. .modal.pswordModify_pop .form_field:first-child {margin-top:0;}
  4056. .modal.pswordModify_pop .modal-footer .ui_row {margin:0;}
  4057. .modal.pswordModify_pop .pop_cont {max-height:510px !important; padding-top:30px; border-top:1px solid #222;}
  4058. .modal.pswordModify_pop .help_block {text-indent:0;}
  4059. .modal.pswordModify_pop .help_block p span {position:relative; display:block; padding-left:20px; font-size:14px; word-break:keep-all;}
  4060. .modal.pswordModify_pop .help_block p span.t_err {padding-left:22px;}
  4061. .modal.pswordModify_pop .help_block p span.t_err::before {position:absolute; top:50%; transform:translateY(-50%);}
  4062. .modal.pswordModify_pop .help_block p span .ico {position:absolute; left:0; top:7px; width:10px; height:8px;}
  4063. .modal.pswordModify_pop .help_block p span .ico::before {vertical-align:top;}
  4064. /* popup_배송지 변경 팝업 */
  4065. .modal.adrsChange_pop {width:600px; max-width:none; height:auto;}
  4066. .modal.adrsChange_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px; margin-bottom:-60px;}
  4067. .modal.adrsChange_pop .modal-body .pop_cont {max-height:510px !important; margin-left:-20px; margin-right:-20px; padding:0 20px 60px; line-height:1;}
  4068. .modal.adrsChange_pop button span {line-height:1;}
  4069. .modal.adrsChange_pop .btn.btn_sm {min-width:70px; height:34px; padding-top:9px; font-size:14px; font-weight:300;}
  4070. .modal.adrsChange_pop .form_field,
  4071. .modal.adrsChange_pop .form_field > div {display:block; width:100%;}
  4072. .modal.adrsChange_pop .pop_cont li {margin-top:30px;}
  4073. .modal.adrsChange_pop .pop_cont li:first-child {margin-top:0}
  4074. .modal.adrsChange_pop .pop_cont .adrs_box {padding:30px; border:1px solid #ddd; color:#222; font-size:16px;}
  4075. .modal.adrsChange_pop .pop_cont .adrs_box .btn {margin-top:30px;}
  4076. .modal.adrsChange_pop .pop_cont .adrs_box .btn:first-child {float:left;}
  4077. .modal.adrsChange_pop .pop_cont .adrs_box .btn:last-child {float:right;}
  4078. .modal.adrsChange_pop .pop_cont .adrs_box dl > div {margin-top:15px}
  4079. .modal.adrsChange_pop .pop_cont .adrs_box dl > div:first-child {margin-top:0; margin-bottom:20px; height:16px;}
  4080. .modal.adrsChange_pop .pop_cont .adrs_box dl > div dt {float:left;}
  4081. .modal.adrsChange_pop .pop_cont .adrs_box .icon_tag {display:inline-block; margin-top:-3px; vertical-align:top;}
  4082. /* popup_배송지 추가 팝업 */
  4083. .modal.adrsAdd_pop {width:600px; max-width:none; height:auto;}
  4084. .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}
  4085. .modal.adrsAdd_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
  4086. .modal.adrsAdd_pop button span {line-height:1;}
  4087. .modal.adrsAdd_pop h6 {margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #222; color:#222; font-size:18px}
  4088. .modal.adrsAdd_pop .form_field,
  4089. .modal.adrsAdd_pop .form_field > div {display:block; width:100%;}
  4090. .modal.adrsAdd_pop .area_adrsinfo h6 {margin-bottom:20px}
  4091. .modal.adrsAdd_pop .area_adrsinfo {position:relative;}
  4092. .modal.adrsAdd_pop .area_adrsinfo .default_addrs {position:absolute; right:0; top:0;}
  4093. .modal.adrsAdd_pop .area_adrsinfo > .form_field {}
  4094. .modal.adrsAdd_pop .area_adrsinfo > .form_field {margin-top:10px}
  4095. .modal.adrsAdd_pop .area_adrsinfo > .form_field > div {display:table;}
  4096. .modal.adrsAdd_pop .area_adrsinfo > .form_field > div .input_wrap {display:table-cell;}
  4097. .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;}
  4098. .modal.adrsAdd_pop .area_request {margin-top:60px}
  4099. .modal.adrsAdd_pop .area_request h6 {margin-bottom:30px}
  4100. /* popup_배송 요청사항 수정 팝업 */
  4101. .modal.rqstModify_pop {width:600px; max-width:none; height:auto;}
  4102. .modal.rqstModify_pop .modal-body .pop_cont {line-height:1; max-height:none;}
  4103. .modal.rqstModify_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
  4104. .modal.rqstModify_pop button span {line-height:1;}
  4105. .modal.rqstModify_pop .form_field,
  4106. .modal.rqstModify_pop .form_field > div {display:block; width:100%;}
  4107. .modal.rqstModify_pop .area_request {border-top:1px solid #222; padding-top:30px}
  4108. .modal.rqstModify_pop .btn_group_block {margin-top:60px;}
  4109. .modal.rqstModify_pop .btn_group_block .btn.btn_block {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
  4110. .modal .area_request .form_field > div {margin-top:35px;}
  4111. .modal .area_request .form_field > div:first-child {margin-top:0;}
  4112. .modal .area_request .form_field > div label {color:#222; font-size:16px; font-weight:200; line-height:1;}
  4113. .modal .area_request .info_box .input_wrap {margin-top:15px;}
  4114. .modal .area_request .info_box .input_wrap p {position:relative; padding-left:10px; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
  4115. .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;}
  4116. /* popup_배송지 수정 팝업 */
  4117. .modal.adrsModify_pop {width:600px; max-width:none; height:auto;}
  4118. .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}
  4119. .modal.adrsModify_pop .modal-footer button.btn {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
  4120. .modal.adrsModify_pop button span {line-height:1;}
  4121. .modal.adrsModify_pop h6 {margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #222; color:#222; font-size:18px}
  4122. .modal.adrsModify_pop .form_field,
  4123. .modal.adrsModify_pop .form_field > div {display:block; width:100%;}
  4124. .modal.adrsModify_pop .area_adrsinfo h6 {margin-bottom:20px}
  4125. .modal.adrsModify_pop .area_adrsinfo {position:relative;}
  4126. .modal.adrsModify_pop .area_adrsinfo .default_addrs {position:absolute; right:0; top:0;}
  4127. .modal.adrsModify_pop .area_adrsinfo > .form_field {}
  4128. .modal.adrsModify_pop .area_adrsinfo > .form_field {margin-top:10px}
  4129. .modal.adrsModify_pop .area_adrsinfo > .form_field > div {display:table;}
  4130. .modal.adrsModify_pop .area_adrsinfo > .form_field > div .input_wrap {display:table-cell;}
  4131. .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;}
  4132. .modal.adrsModify_pop .area_request {margin-top:60px}
  4133. .modal.adrsModify_pop .area_request h6 {margin-bottom:30px}
  4134. /* popup_다다익선 상품보기 / 배송비 SAVE 상품보기 팝업 */
  4135. .modal .area_slider .swiper-container .item_prod {width:100%;}
  4136. .modal .area_slider .swiper-container .item_prod .item_state {padding:0}
  4137. .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;}
  4138. .modal .area_slider .swiper-container .item_prod .item_state .itemPrice {position:relative; padding-top:20px;}
  4139. .modal .area_slider .swiper-container .item_prod .item_state .itemPrice_original {position:absolute; top:0; left:0; margin:0;}
  4140. .modal .area_slider .swiper-container .item_prod .item_state .itemPercent {top:auto; bottom:0;}
  4141. .modal .area_slider .swiper-scrollbar {background:#ddd}
  4142. .modal .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
  4143. .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;}
  4144. /* popup_다다익선 상품보기 */
  4145. .modal.moresale_pop {width:950px; max-width:none; height:auto;}
  4146. .modal.moresale_pop .modal-body .pop_cont {line-height:1; max-height:none;}
  4147. .modal.moresale_pop button span {line-height:1;}
  4148. .modal.moresale_pop .area_benefit {margin-bottom:30px; padding-top:4px; color:#fd4802; font-size:14px;}
  4149. .modal.moresale_pop .area_benefit::after {clear:both; display:block;}
  4150. .modal.moresale_pop .area_benefit .tag {float:left; width:55px; margin-top:-4px;}
  4151. .modal.moresale_pop .area_benefit p {float:left;}
  4152. .modal.moresale_pop .area_benefit p span {float:left; position:relative; padding:0px 12px;}
  4153. .modal.moresale_pop .area_benefit p span::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
  4154. .modal.moresale_pop .area_benefit p span:first-child::before {display:none;}
  4155. /* popup_배송비 SAVE 상품보기 */
  4156. .modal.dlvrSave_pop {width:950px; max-width:none; height:auto;}
  4157. .modal.dlvrSave_pop .modal-body .pop_cont {line-height:1; max-height:none;}
  4158. .modal.dlvrSave_pop button span {line-height:1;}
  4159. /* popup_장바구니 옵션변경 */
  4160. .modal.optModify_pop {width:890px; max-width:none; height:auto; max-height:890px;}
  4161. .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;}
  4162. .modal.optModify_pop .modal-header {margin-bottom:20px;}
  4163. .modal.optModify_pop .modal-header h5.modal-title {margin-bottom:20px}
  4164. .modal.optModify_pop button span {line-height:1;}
  4165. .modal.optModify_pop img {width:100%}
  4166. .modal.optModify_pop .form_field,
  4167. .modal.optModify_pop .form_field > div {display:block; width:100%;}
  4168. .modal.optModify_pop .opt_header {margin-bottom:18px; font-size:14px;}
  4169. .modal.optModify_pop .opt_header > span {float:left; display:inline-block;}
  4170. .modal.optModify_pop .opt_header .title {color:#222; font-weight:500}
  4171. .modal.optModify_pop .opt_header .color {margin-left:20px; color:#666; font-weight:200;}
  4172. .modal.optModify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
  4173. .modal.optModify_pop .area_pic {float:left; width:360px;}
  4174. .modal.optModify_pop .area_pic .pic_list {margin-top:-5px}
  4175. .modal.optModify_pop .area_pic .pic_list li {float:left; width:50%; padding-top:5px; padding-bottom:5px;}
  4176. .modal.optModify_pop .area_pic .pic_list li:nth-child(odd) {padding-right:5px;}
  4177. .modal.optModify_pop .area_pic .pic_list li:nth-child(even) {padding-left:5px;}
  4178. .modal.optModify_pop .area_order {float:right; width:380px;}
  4179. .modal.optModify_pop .area_order > div {margin-top:40px}
  4180. .modal.optModify_pop .area_order > div:first-child {margin-top:0}
  4181. .modal.optModify_pop .area_order .opt_color ul {margin-top:-6px;}
  4182. .modal.optModify_pop .area_order .opt_color ul li {float:left; margin-left:6px; margin-top:6px}
  4183. .modal.optModify_pop .area_order .opt_color ul li:nth-child(5n-4) {margin-left:0}
  4184. .modal.optModify_pop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
  4185. .modal.optModify_pop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
  4186. .modal.optModify_pop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
  4187. .modal.optModify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
  4188. .modal.optModify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}
  4189. .modal.optModify_pop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;}
  4190. .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;}
  4191. .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::before,
  4192. .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
  4193. .modal.optModify_pop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
  4194. .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;}
  4195. .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;}
  4196. .modal.optModify_pop .area_order .opt_size .form_field > div {float:left; width:auto;}
  4197. .modal.optModify_pop .area_order .opt_select .select_custom .combo .select {height:42px; padding:15px;}
  4198. .modal.optModify_pop .area_order .opt_select .select_custom .combo .list > li {height:42px; padding:15px; font-size:14px; line-height:1;}
  4199. .modal.optModify_pop .area_order .opt_count .opt_count {padding-bottom:0;}
  4200. .modal.optModify_pop .area_order .opt_count .number_count {display:inline-block; border:1px solid #ddd}
  4201. .modal.optModify_pop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
  4202. .modal.optModify_pop .area_order .opt_count .number_count span,
  4203. .modal.optModify_pop .area_order .opt_count .number_count input[type='text']{float:left;}
  4204. .modal.optModify_pop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
  4205. .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('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
  4206. .modal.optModify_pop .area_order .opt_count .number_count span.min_val,
  4207. .modal.optModify_pop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
  4208. .modal.optModify_pop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
  4209. .modal.optModify_pop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
  4210. .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;}
  4211. .modal.optModify_pop .area_order .btn_group_block .btn {height:60px; font-size:18px; font-weight:300;}
  4212. /* popup_쿠폰변경 팝업 */
  4213. .modal.couponModify_pop {width:630px; max-width:none; padding-bottom:0; height:auto;}
  4214. .modal.couponModify_pop .modal-body .pop_cont {max-height:600px; line-height:1;}
  4215. .modal.couponModify_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px;}
  4216. .modal.couponModify_pop button span {line-height:1;}
  4217. .modal.couponModify_pop h6 {margin-bottom:20px;}
  4218. .modal.couponModify_pop .form_field,
  4219. .modal.couponModify_pop .form_field > div {display:block; width:100%;}
  4220. .modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
  4221. .modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
  4222. .modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0}
  4223. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
  4224. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {height:120px;}
  4225. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
  4226. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:80px; height:120px; padding-top:0;}
  4227. .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;}
  4228. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:10px}
  4229. .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:15px}
  4230. .modal.couponModify_pop .area_item_coupon .select_custom {height:90px;}
  4231. .modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:90px; padding:0;}
  4232. .modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
  4233. .modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:89px; padding:0;}
  4234. .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
  4235. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
  4236. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
  4237. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
  4238. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
  4239. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
  4240. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
  4241. .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
  4242. .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
  4243. .modal.couponModify_pop .area_cart_coupon {margin-bottom:40px;}
  4244. .modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
  4245. .modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
  4246. .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%;}
  4247. .modal.couponModify_pop .area_cart_coupon .cart_coupon {display:table-cell; width:100%; height:104px; padding:20px 0px; line-height:1; vertical-align:middle;}
  4248. .modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
  4249. .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
  4250. .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
  4251. .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
  4252. .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
  4253. /* popup_사은품지급안내 */
  4254. .modal.infoGift_pop {width:600px; max-width:none; height:auto;}
  4255. .modal.infoGift_pop .modal-body .pop_cont {max-height:none; padding:5px; border:1px solid #ddd; font-size:14px;}
  4256. .modal.infoGift_pop .modal-body .pop_cont .cont_box {line-height:20px; padding:15px; max-height:360px; overflow:auto;}
  4257. .modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar {width: 2px;}
  4258. .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;}
  4259. .modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
  4260. /* popup_쿠폰사용안내 */
  4261. .modal.couponInfo_pop {width:600px; max-width:none; height:auto;}
  4262. .modal.couponInfo_pop .modal-title {word-break:keep-all;}
  4263. .modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none;}
  4264. .modal.couponInfo_pop button span {line-height:1;}
  4265. .modal.couponInfo_pop .form_field,
  4266. .modal.couponInfo_pop .form_field > div {display:block; width:100%;}
  4267. .modal.couponInfo_pop dl {font-size:14px; line-height:1;}
  4268. .modal.couponInfo_pop dl > div:first-child {margin-top:0}
  4269. .modal.couponInfo_pop dl > div {margin-top:20px}
  4270. .modal.couponInfo_pop dl > div::after {content:''; clear:both; display:block;}
  4271. .modal.couponInfo_pop dl dt {float:left; position:relative; width:84px; padding-left:15px; color:#222; font-weight:300;}
  4272. .modal.couponInfo_pop dl dt::before {content:''; position:absolute; left:0; top:5px; width:3px; height:3px; background:#888}
  4273. .modal.couponInfo_pop dl dd {padding-left:84px; color:#666; font-weight:200;}
  4274. /* my_popup > 환불계좌등록 */
  4275. .modal.refund_pop {width:620px; max-width:none; padding:60px;}
  4276. .modal.refund_pop .modal-title {margin-top:0;}
  4277. .modal.refund_pop .modal-footer {margin-top:40px}
  4278. .modal.refund_pop .modal-footer .btn {width:255px}
  4279. .modal.refund_pop .modal-body .pop_cont {overflow:visible; position: relative; max-height:none;}
  4280. .modal.refund_pop .select_custom {color:#666; font-size:14px;}
  4281. .modal.refund_pop .select_custom .combo {min-width:300px; width:100%;}
  4282. .modal.refund_pop .select_custom .combo .select {padding:14px 15px; color:#666; font-size:14px;}
  4283. .modal.refund_pop .select_custom .combo .list {max-height: 200px;}
  4284. .modal.refund_pop .select_custom .combo .list > li {padding:0 15px;}
  4285. .modal.refund_pop table {width:470px;}
  4286. .modal.refund_pop table th {padding:10px 0; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
  4287. .modal.refund_pop table th span {display:inline-block; line-height:42px;}
  4288. .modal.refund_pop table td {padding:10px 0;}
  4289. .modal.refund_pop .input_wrap .form_control {float:left; width:100%;}
  4290. .modal.refund_pop .input_wrap .form_control:disabled {}
  4291. .modal.refund_pop .input_wrap > *:nth-last-child(2) {width:275px;}
  4292. .modal.refund_pop .input_wrap .form_control + .btn.btn_sm {width:95px; height:42px; font-size:14px; font-weight:300;}
  4293. .modal.refund_pop .txt_info {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
  4294. .modal.refund_pop .txt_info ul li {position:relative; padding-left:10px; margin-top:5px}
  4295. .modal.refund_pop .txt_info ul li::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#888;}
  4296. .modal.refund_pop .txt_info ul li:first-child {margin-top:0}
  4297. /* popup_총알배송 가능여부 팝업 */
  4298. .modal.bulletShip_pop {width:580px; max-width:none; padding:60px;}
  4299. .modal.bulletShip_pop .modal-header {display:none;}
  4300. .modal.bulletShip_pop .modal-body {}
  4301. .modal.bulletShip_pop .modal-body .pop_cont {}
  4302. .modal.bulletShip_pop .modal-body .pop_cont .txt_result {text-align:center; line-height:1;}
  4303. .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;}
  4304. .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('/images/pc/ico_home.png') no-repeat; background-size:auto 100%;}
  4305. .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) {margin-top:15px; color:#222; font-size:32px; font-weight:700;}
  4306. .modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) span {color:#fd4802;}
  4307. .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;}
  4308. .modal.bulletShip_pop .modal-body .pop_cont .txt_result .info {margin-top:30px; color:#888; font-size:14px;}
  4309. .modal.bulletShip_pop .modal-footer {margin-top:40px}
  4310. .modal.bulletShip_pop .modal-footer .btn {width:220px; font-size:16px; font-weight:300;}
  4311. /* my_popup > 교환옵션변경 */
  4312. .modal.exchange_pop {width:630px; max-width:none; padding:60px;}
  4313. .modal.exchange_pop .modal-title {margin-top:0;}
  4314. .modal.exchange_pop .modal-footer {margin-top:40px}
  4315. .modal.exchange_pop .modal-footer .btn {width:255px}
  4316. .modal.exchange_pop .pop_cont {overflow:auto; max-height:500px; margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
  4317. .modal.exchange_pop .pop_cont .select_option_area {}
  4318. .modal.exchange_pop .form_field {display:block; width:100%;}
  4319. .modal.exchange_pop .form_field > div {display:block; width:100%; line-height:1;}
  4320. .modal.exchange_pop .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1;}
  4321. .modal.exchange_pop .form_field input[type="checkbox"] + label::before,
  4322. .modal.exchange_pop .form_field input[type="checkbox"] + label::after,
  4323. .modal.exchange_pop .form_field input[type="checkbox"]:checked + label:after {top:50%; }
  4324. .modal.exchange_pop .select_option_area {padding-bottom:40px;}
  4325. .modal.exchange_pop .select_option_area h6 {color:#222; font-size:16px; font-weight:500;}
  4326. .modal.exchange_pop .select_option_area .form_field > div {margin-top:20px;}
  4327. .modal.exchange_pop .select_custom {color:#666; font-size:14px;}
  4328. .modal.exchange_pop .select_custom .combo {min-width:400px; width:auto;}
  4329. .modal.exchange_pop .select_custom .combo .select {padding:14px 15px; color:#666; font-size:14px;}
  4330. .modal.exchange_pop .select_custom .combo .list > li {padding:0 15px;}
  4331. .modal.exchange_pop .modify_option_area {padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
  4332. .modal.exchange_pop .modify_option_area .modify_box {margin-top:30px; padding-top:30px; border-top:1px dashed #ddd}
  4333. .modal.exchange_pop .modify_option_area .modify_box:first-child {margin-top:0; padding-top:0; border-top:none;}
  4334. .modal.exchange_pop .modify_option_area .modify_box .name_blk {color:#222; font-size:14px; font-weight:500; line-height:1;}
  4335. .modal.exchange_pop .modify_option_area .modify_box .select_blk {width:510px;}
  4336. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio {margin-top:12px;}
  4337. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field {display:block; margin-top:-8px;}
  4338. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div {margin-left:8px; margin-top:8px;}
  4339. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div:nth-child(7n-6) {margin-left:0px;}
  4340. .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;}
  4341. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"] + label::before,
  4342. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"] + label::after {display:none;}
  4343. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
  4344. .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;}
  4345. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_radio .form_field > div {float:left; width:auto;}
  4346. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_select {margin-top:20px;}
  4347. .modal.exchange_pop .modify_option_area .modify_box .select_blk .sel_select .select_custom .combo {width:100%}
  4348. .modal.exchange_pop .modify_option_area .modify_box .allcheck_blk {margin-top:20px}
  4349. /* popup_고객등록 이미지 팝업1 */
  4350. .modal.contact_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
  4351. .modal.contact_img_pop a.close-modal {right:0; top:-60px; background-image:url('/images/pc/ico_pop_cls02.png');}
  4352. .modal.contact_img_pop .modal-body .pop_cont {max-height:none;}
  4353. .modal.contact_img_pop .swiper-slide {}
  4354. .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;}
  4355. .modal.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
  4356. .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  4357. .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  4358. .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  4359. .modal.contact_img_pop .swiper-button-prev::after,
  4360. .modal.contact_img_pop .swiper-button-next::after {content: '';}
  4361. .modal.contact_img_pop .swiper-button-prev,
  4362. .modal.contact_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  4363. .modal.contact_img_pop .swiper-button-prev {left:-70px;}
  4364. .modal.contact_img_pop .swiper-button-next {right:-70px;}
  4365. .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);}
  4366. .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);}
  4367. /* popup_고객등록 이미지 팝업2 */
  4368. .modal.thumb_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
  4369. .modal.thumb_img_pop a.close-modal {right:0; top:-60px; background-image:url('/images/pc/ico_pop_cls02.png');}
  4370. .modal.thumb_img_pop .modal-body .pop_cont {max-height:none;}
  4371. .modal.thumb_img_pop .swiper-slide {}
  4372. .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;}
  4373. .modal.thumb_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
  4374. .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  4375. .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  4376. .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  4377. .modal.thumb_img_pop .swiper-button-prev::after,
  4378. .modal.thumb_img_pop .swiper-button-next::after {content: '';}
  4379. .modal.thumb_img_pop .swiper-button-prev,
  4380. .modal.thumb_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  4381. .modal.thumb_img_pop .swiper-button-prev {left:-70px;}
  4382. .modal.thumb_img_pop .swiper-button-next {right:-70px;}
  4383. .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);}
  4384. .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);}
  4385. /* popup_룩북 피커 팝업 */
  4386. .modal.lookbook_item_pop {max-width:585px; min-height:390px; padding:0;}
  4387. .modal.lookbook_item_pop .item_prod {width:100%;}
  4388. .modal.lookbook_item_pop .modal-header {margin:0;}
  4389. .modal.lookbook_item_pop .itemsGrp {margin-bottom:0;}
  4390. .modal.lookbook_item_pop .itemsGrp .item_prod {width: 100%; overflow: hidden;}
  4391. .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;}
  4392. .modal.lookbook_item_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  4393. .modal.lookbook_item_pop .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 260px; height:390px; padding:0; background: #f5f5f5;}
  4394. .modal.lookbook_item_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;}
  4395. .modal.lookbook_item_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300;}
  4396. .modal.lookbook_item_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
  4397. .modal.lookbook_item_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
  4398. .modal.lookbook_item_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
  4399. .modal.lookbook_item_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
  4400. .modal.lookbook_item_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
  4401. /******* 지울예정 *******/
  4402. /* 핫딜 전용 아이템 리스트 */
  4403. /*.dp .itemsGrp.rowtype .item_prod {width: 49.43%; margin-bottom: 1.12%; height: 420px; border:1px solid #ddd; overflow: hidden;}
  4404. .dp .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
  4405. .dp .itemsGrp.rowtype .item_prod:nth-child(5n) {margin-right: 1.12%;}
  4406. .dp .itemsGrp.rowtype .item_prod .itemBadge, .dp .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
  4407. .dp .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left: 330px; padding-right: 50px; padding-bottom: 0; height: 420px; width: 100%;}
  4408. .dp .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  4409. .dp .itemsGrp.rowtype .item_prod .itemLink > * {margin:0;}
  4410. .dp .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
  4411. .dp .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px; height: 420px;}
  4412. .dp .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
  4413. .dp .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
  4414. .dp .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
  4415. .dp .itemsGrp.rowtype .item_prod.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: 99; text-align: center;}
  4416. .dp .itemsGrp.rowtype .item_prod .itemBrand {margin:0px 6px 65px; font-size: 16px; font-weight: 300;}
  4417. .dp .itemsGrp.rowtype .item_prod .itemComment {position: static; left: 340px; top: 150px; font-size: 16px; font-weight: 300; margin:0;}
  4418. .dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:70px; height: 70px;}
  4419. .dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
  4420. .dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
  4421. .dp .itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
  4422. .dp .itemSpecialPrice {font-size: 14px;}*/
  4423. /* dp_detail_casePOPUP */
  4424. /*.modal.dp_coupon_pop {max-width: 600px; padding: 60px;}
  4425. .modal.dp_coupon_pop .modal-header {padding-bottom: 40px; margin-bottom: 0; border-bottom: 1px solid #222;}
  4426. .modal.dp_coupon_pop .modal-header h5 {margin: 0;}
  4427. .modal.dp_coupon_pop .modal-body {padding: 30px 20px; border-bottom: 1px solid #ddd;}
  4428. .modal.dp_coupon_pop .modal-body p {margin-bottom: 20px;}
  4429. .modal.dp_coupon_pop .modal-body p:last-child {margin-bottom: 0;}
  4430. .modal.dp_coupon_pop .modal-body p strong {margin-right: 60px; color:#222;}
  4431. .modal.dp_coupon_pop .modal-footer {margin-top: 20px;}
  4432. .modal.dp_coupon_pop .modal-footer p {position: relative; padding: 0 14px;}
  4433. .modal.dp_coupon_pop .modal-footer p::before {content:''; position: absolute; width:3px; height: 3px; top:8px; left:0; background: #888;}
  4434. .modal.dp_coupon_pop .modal-footer p:first-child {margin-bottom: 10px;}*/
  4435. /*.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
  4436. .dp .bulletship_list {max-width:1780px; margin:0 auto;}
  4437. .dp .bulletship_list .cont_head {display: block;}*/
  4438. /*.dp .bullet_sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
  4439. .container.dp .bullet_sticky_nav.sticky {position: fixed; width:100%; top: -1px; left: 50%; transform: translateX(-50%); z-index: 100;}
  4440. .container.dp .bullet_sticky_nav.sticky > ul {max-width: 1780px; margin: 0 auto;}
  4441. .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
  4442. .dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;}
  4443. .dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
  4444. .dp .bullet_sticky_nav ul li:last-child::after {display: none;}
  4445. .dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
  4446. .dp .bullet_sticky_nav ul li a {font-weight: 500;}
  4447. .dp .bullet_sticky_nav ul li a.active {color:#fd4800;}*/
  4448. /* dp_detail_case1 */
  4449. /*.dp .wide .cont_body .coner_content .coner_front .big_banner {width:100%; height: 1378px; background: url(/images/pc/thumb/detail_case_bg.png)no-repeat; background-size:100%;}
  4450. .dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
  4451. .dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
  4452. .dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child p {font-size: 30px; line-height: 1;}
  4453. .dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
  4454. .dp .wide .coner_item01 .dp_listItems_cont ul > .ui_row {padding: 60px 0; margin: 0; justify-content: center;}
  4455. .dp .wide .dp_listItems_cont {display: flex; justify-content: center;}
  4456. .dp .wide .dp_listItems_cont ul li:first-child {margin-bottom: 40px;}
  4457. .dp .wide .dp_listItems_cont ul li .dp_listItems::after {content: ''; display: block; clear: both;}
  4458. .dp .wide .dp_listItems_cont ul li .dp_listItems > div {float: left;}
  4459. .dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_info { padding: 184px 0 0 50px;}
  4460. .dp .wide .dp_listItems_info .dp_listItems_brand {margin-bottom: 20px;}
  4461. .dp .wide .dp_listItems_info .dp_listItems_brand,.dp_listItems_info .dp_listItems_price del {color:#888;}
  4462. .dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_name {margin-bottom: 26px;}
  4463. .dp .wide .dp_listItems_info .dp_listItems_price {margin-bottom: 30px;}
  4464. .dp .wide .dp_listItems_info .dp_listItems_price del {margin: 0 8px;}
  4465. .dp .wide .dp_listItems_info .dp_listItems_price .percent{color:#fd4802;}
  4466. .dp .wide .dp_lookbook_case1 {position: relative;}
  4467. .dp .wide .dp_lookbook_case1 .slick-prev{display:block; position:absolute; left:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
  4468. .dp .wide .dp_lookbook_case1 .slick-next{display:block; position:absolute; right:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
  4469. .dp .wide .dp_lookbook_case1 .slick-dots{position:absolute; left:0; bottom:-40px; width:100%; text-align:center; z-index:10;}
  4470. .dp .wide .dp_lookbook_case1 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  4471. .dp .wide .dp_lookbook_case1 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  4472. .dp .wide .dp_lookbook_case1 .slick-dots li.slick-active button{background:#fd4802;}*/
  4473. /* dp_detail_case2 */
  4474. /*.dp .wide .cont_body .coner_content .coner_item02 {padding-top: 120px;}
  4475. .dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child {margin-bottom: 60px; text-align: center;}
  4476. .dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}*/
  4477. /* dp_detail_case2 쿠폰 */
  4478. /*.dp .coupon_list {margin:0 auto 60px; max-width:1200px;}
  4479. .dp .coupon_list ul {margin:0 -10px;}
  4480. .dp .coupon_list li {float:left; width: 285px; margin:0 10px 60px; position: relative; position: relative; overflow: hidden;}
  4481. .dp .coupon_list li .cp_top {position: relative; overflow: hidden;}
  4482. .dp .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
  4483. .dp .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
  4484. .dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
  4485. .dp .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  4486. .dp .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
  4487. .dp .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
  4488. .dp .coupon_list li .cp_detail .cp_cont {margin-bottom: 0; font-weight: 300; color: #888; font-size: 12px; line-height: 1.5; height: 36px; word-break: keep-all;}
  4489. .dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
  4490. .dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -13px; z-index: 101; width: 26px; height: 26px; margin-top: -13px; border:1px solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
  4491. .dp .coupon_list li .cp_date {border:1px solid #222; background: #222; font-weight: 300; text-align: center;}
  4492. .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:13px 5px; font-size: 16px; font-weight: 300; color: #fff;}
  4493. .dp .coupon_list li .cp_date button span {background: url(/images/pc/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
  4494. .dp .coupon_list li.off .cp_date {border:1px solid #aaa; background: #aaa;}
  4495. .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
  4496. .dp .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
  4497. .dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}*/
  4498. /*.dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
  4499. .dp_coupon_list .dp_coupon_item {text-align: center;}
  4500. .dp_coupon_list .dp_coupon_item div:last-child {margin-top: 18px;}
  4501. .dp_coupon_list .dp_coupon_item div:last-child a {padding-bottom: 2px; border-bottom: 1px solid #888;}
  4502. .dp_coupon_list .dp_coupon_item:nth-child(1) {margin-bottom: 78px;}
  4503. .dp_coupon_list .dp_coupon_item:nth-child(2) {margin: 0 0 0 100px;}
  4504. .dp_coupon_list .dp_coupon_item:nth-child(3) {margin: 0 0 0 100px;}
  4505. .dp_coupon_list .dp_coupon_item:nth-child(5) {margin: 0 0 0 100px;}
  4506. .dp_coupon_list .dp_coupon_item:nth-child(6) {margin: 0 0 0 100px;}
  4507. .dp_coupon_list .dp_coupon {position: relative; width:286px; padding: 36px 40px; box-sizing: border-box; background: #f5f5f5;}
  4508. .dp_coupon_list .dp_coupon::before {content:''; position: absolute; width: 0px; height: 0px; top:-26px; left:-26px; border-top:26px solid transparent; border-bottom:26px solid #fff; border-right: 26px solid transparent; border-left: 26px solid transparent; transform: rotate(-45deg);}
  4509. .dp_coupon_list .dp_coupon::after {content:''; position: absolute; width: 0px; height: 0px; bottom:-26px; right: -26px; border-top:26px solid transparent; border-bottom:26px solid #fff; border-right: 26px solid transparent; border-left: 26px solid transparent; transform: rotate(135deg);}
  4510. .dp_coupon_list .dp_coupon p:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  4511. .dp_coupon_list .dp_coupon p:last-of-type {margin-top: 22px; font-size: 40px; line-height: 1; color:#fd4802;}
  4512. .dp_coupon_list .dp_coupon button {position: absolute; width:50px; height: 50px; top:-16px; right: -16px; background: url(/images/pc/ico_down_btn.png)no-repeat;}*/
  4513. /*.dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 60px 60px 0 60px; box-sizing: border-box; display: flex; border-top: 1px solid #ddd;}
  4514. .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:36px; height: 46px; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
  4515. .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
  4516. .dp_coupon_tip ul {margin-left: 90px;}
  4517. .dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
  4518. .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
  4519. .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
  4520. .dp .wide .coner_visual .dp_banner_slide {padding-bottom: 170px;}
  4521. .dp .coner_visual .dp_banner_slide .slide_head {position: relative; width:810px; margin: 0 auto; padding:120px 0 60px; text-align: center;}
  4522. .dp .coner_visual .dp_banner_slide .slide_head p {font-size: 30px; line-height: 1;}
  4523. .dp .coner_visual .dp_banner_slide .slide_head a {padding-right: 27px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
  4524. .dp .coner_visual .dp_lookbook_case2 {width:810px; margin: 0 auto;}
  4525. .dp .coner_visual .dp_lookbook_case2 .item_prod {width: 100%;}
  4526. .dp .coner_visual {position: relative; padding-bottom: 60px; margin:0 auto 120px; max-width: 1780px;}
  4527. .dp .coner_visual img {width: 100%; height:auto;}
  4528. .dp .coner_visual .swiper-pagination {width: 100%; bottom: 0;}
  4529. .dp .coner_visual .swiper-button-prev {display:block; position:absolute; left:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); margin-top: 0;}
  4530. .dp .coner_visual .swiper-button-next {display:block; position:absolute; right:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); margin-top: 0;}
  4531. .dp .dp_recommend_item .slide_head {position: relative; padding:120px 0 60px; text-align: center;}
  4532. .dp .dp_recommend_item .slide_head a {padding-right: 27px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
  4533. .dp .dp_recommend_item {width: 810px;}
  4534. .dp .dp_recommend_item .dp_banner_slide {margin:0 -10px;}
  4535. .dp .dp_recommend_item .dp_banner_slide .item_state {padding-bottom: 0;}
  4536. .dp .dp_recommend_item .swiper-button-prev {display:block; position:absolute; left:-70px; top:50%; width:26px; height:50px; background:url(/images/pc/ico_arr_md.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); margin-top: 0;}
  4537. .dp .dp_recommend_item .swiper-button-next {display:block; position:absolute; right:-70px; top:50%; width:26px; height:50px; background:url(/images/pc/ico_arr_md.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); margin-top: 0;}
  4538. .dp .dp_lookbook_case2 .itemPrice::after {content:''; display: block; clear: both;}
  4539. .dp .dp_lookbook_case2 .itemPrice p:first-child,.dp .wide .dp_lookbook_case2 .itemPrice del {float: left;}
  4540. .dp .dp_lookbook_case2 .itemPrice del {color:#888;}
  4541. .dp .dp_lookbook_case2 .itemPrice p:last-child {float: right; color: #fd4802;}
  4542. .dp .dp_lookbook_item > div:last-child {max-width: 395px; padding: 18px 0 56px;}*/
  4543. /*.dp .dp_foot_banner {margin: 0 auto 100px;padding:0 70px;}
  4544. .dp .dp_foot_banner > div:first-child {position: relative; text-align: center; padding: 60px 0;}
  4545. .dp .dp_foot_banner > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
  4546. .dp .dp_foot_banner > div:first-child a {position: absolute; top:50%; right:0; transform: translateY(-50%); padding-right: 16px; color:#888; background: url(/images/pc/ico_bread_root.png)no-repeat right top;}
  4547. .dp .dp_foot_banner .dp_lookbook_case3 .dp_lookbook_item > div {width:312px;}
  4548. .dp .dp_foot_banner .dp_lookbook_case3 .dp_lookbook_item > div:last-child {padding: 22px 0 104px;}
  4549. .dp .dp_foot_banner .slick-slide img {width: 100%; height:auto;}
  4550. .dp .dp_foot_banner .dp_lookbook_case3 .slick-prev{display:block; position:absolute; left:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4551. .dp .dp_foot_banner .dp_lookbook_case3 .slick-next{display:block; position:absolute; right:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4552. .dp .dp_foot_banner .foot_banner_slide {position: relative; margin-bottom: 120px;}
  4553. .dp .dp_foot_banner .swiper-button-prev {display:block; position:absolute; left:-70px; top:130px; width:26px; height:50px; background:url(/images/pc/ico_arr_md.png) no-repeat left; text-indent:-9999px; z-index:10; margin-top: 0;}
  4554. .dp .dp_foot_banner .swiper-button-next {display:block; position:absolute; right:-70px; top:130px; width:26px; height:50px; background:url(/images/pc/ico_arr_md.png) no-repeat right; text-indent:-9999px; z-index:10; margin-top: 0;}
  4555. .dp .dp_foot_banner .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
  4556. .dp .dp_foot_banner .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  4557. .dp .dp_foot_banner .brand {display: inline-block; font-size: 12px; color:#888; font-weight: 300;}
  4558. .dp .dp_foot_banner .txt {margin:0 6px;}
  4559. .dp .dp_foot_banner .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;}*/
  4560. /* dp_detail_case3 */
  4561. /*.dp .dp_banner_slide03 .coner_visual {max-width:1920px; padding-bottom: 0;}
  4562. .dp .dp_banner_slide03 .coner_visual .swiper-button-prev {left: 70px;}
  4563. .dp .dp_banner_slide03 .coner_visual .swiper-button-next {right: 70px;}
  4564. .dp .dp_banner_slide03 .coner_visual .swiper-pagination {bottom: 40px;}
  4565. .dp .wide .dp_lookbook_case4 {position: relative;}
  4566. .dp .wide .dp_lookbook_case4 .slick-prev{display:block; position:absolute; left:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4567. .dp .wide .dp_lookbook_case4 .slick-next{display:block; position:absolute; right:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4568. .dp .wide .dp_lookbook_case4 .slick-dots{position:absolute; left:0; bottom:40px; width:100%; text-align:center; z-index:10;}
  4569. .dp .wide .dp_lookbook_case4 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  4570. .dp .wide .dp_lookbook_case4 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  4571. .dp .wide .dp_lookbook_case4 .slick-dots li.slick-active button{background:#fd4802;}
  4572. .dp .coner_item03 .slide_head {position: relative; width:1640px; margin: 0 auto; text-align: center; padding:0 0 60px;}
  4573. .dp .coner_item03 .slide_head p {font-size: 30px;}
  4574. .dp .coner_item03 .slide_head a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
  4575. .dp .wide .coner_item03 {padding-top: 120px;}
  4576. .dp .wide .coner_item03 .dp_lookbook_case5 {width:1640px; margin: 0 auto;}
  4577. .dp .wide .coner_item03 .dp_lookbook_case5 .slider .slick-list {margin:0 -10px;}
  4578. .dp .wide .coner_item03 .dp_lookbook_case5 .slick-slide {margin:0 10px;}
  4579. .dp .wide .coner_item03 .dp_lookbook_case5 .dp_lookbook_item > div:last-child {text-align: left;}
  4580. .dp .wide .dp_lookbook_case5 .slick-prev{display:block; position:absolute; left:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4581. .dp .wide .dp_lookbook_case5 .slick-next{display:block; position:absolute; right:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
  4582. .dp .wide .dp_lookbook_case5 .slick-dots{position:absolute; left:0; bottom:-20px; width:100%; text-align:center; z-index:10;}
  4583. .dp .wide .dp_lookbook_case5 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  4584. .dp .wide .dp_lookbook_case5 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  4585. .dp .wide .dp_lookbook_case5 .slick-dots li.slick-active button{background:#fd4802;}
  4586. .dp .wide .dp_lookbook_case5 .itemPrice::after {content:''; display: block; clear: both;}
  4587. .dp .wide .dp_lookbook_case5 .itemPrice p:first-child,.dp .wide .dp_lookbook_case5 .itemPrice del {float: left;}
  4588. .dp .wide .dp_lookbook_case5 .itemPrice del {color:#888;}
  4589. .dp .wide .dp_lookbook_case5 .itemPrice p:last-child {float: right; color: #fd4802;}
  4590. .dp .dp_review_cont {padding: 120px 0; margin:120px 0 0; background: #f5f5f5;}
  4591. .dp .dp_banner_slide03 .dp_recommend_item {width: 1640px; margin:0 auto; position: relative;}
  4592. .dp .dp_banner_slide03 .dp_recommend_item .item_prod {width: 100%;}
  4593. .dp .dp_banner_slide03 .swiper-pagination {width: 100%;}*/
  4594. /* 기획전리뷰 */
  4595. /*.dp .dp_review {text-align:center; max-width: 1780px; margin: 0 auto;}*/
  4596. /*.dp .dp_exhibition .review .swiper-container{overflow: initial;}
  4597. .riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
  4598. .riview_box .area_slider{text-align:center;}
  4599. .dp .dp_exhibition .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
  4600. .dp .review_list:after {content:''; clear:both; display:block;}
  4601. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
  4602. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
  4603. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item03{overflow: initial;}
  4604. .dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
  4605. .dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
  4606. .dp .dp_exhibition .dp_listItems_wrap .btn{width:100%;}
  4607. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod{width: 48.75%; float: left; margin-right: 2.5%; margin-bottom: 4rem;}
  4608. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod:nth-child(3n){margin-right: 2.5%;}
  4609. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
  4610. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
  4611. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
  4612. .dp .dp_exhibition .dp_listItems_slide .swiper-container.item03{overflow: initial;}
  4613. .dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
  4614. .dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
  4615. .dp .dp_exhibition .dp_listItems_wrap .btn{width:100%;}
  4616. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod{width: 48.75%; float: left; margin-right: 2.5%; margin-bottom: 4rem;}
  4617. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod:nth-child(3n){margin-right: 2.5%;}
  4618. .dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
  4619. .dp .main_trendy {background: #fff; padding:0 70px;}
  4620. .dp .main_trendy .item_prod {margin-bottom: 0; width: 100%;}
  4621. .dp .main_trendy .cont_head {margin-bottom: 60px;}
  4622. .dp .main_trendy .cont_body {padding:0;}
  4623. .dp .main_trendy .slick-dots {bottom: 0;}
  4624. .dp .main_recomm {padding: 0; max-width:1640px !important;}*/
  4625. /* 간편결제 팝업 지울것
  4626. .modal.qPayAgree_pop {}
  4627. .modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
  4628. .modal.qPayAgree_pop .area_QpayCk:first-child {margin-top:0;}
  4629. .modal.qPayAgree_pop .area_QpayCk .agr_select {position:relative; padding:13px 20px; border:1px solid #ddd}
  4630. .modal.qPayAgree_pop .area_QpayCk .agr_select button {position:absolute; right:0; top:0; bottom:0; z-index:2;}
  4631. .modal.qPayAgree_pop .area_QpayCk .info_agrQpay {display:none; padding:13px 20px; border:1px solid #ddd; border-top:none} */
  4632. /* 주문결제정보 지울것
  4633. .order_amount {}
  4634. .order_amount dl::after,
  4635. .order_amount dl div::after {content: '';display: block;clear: both;}
  4636. .order_amount dl dt {float:left}
  4637. .order_amount dl dd {float:right}
  4638. .order_amount dl dd.price {font-weight:500;}
  4639. .order_amount dl dd.price .oder_total_price {font-size:18px; font-weight:600;}
  4640. .order_amount dl div {margin-top:10px; color:#888; font-size:14px}
  4641. .order_amount dl div:first-child {margin-top:0px}
  4642. .order_amount dl div dd .paymethod {color:#666; font-weight:300;}
  4643. .order_amount .ico_calc {position:absolute; top:50%; right:-13px; transform:translateY(-50%); width:26px; height:26px; background:#fff; border-radius:50%; border:1px solid #ddd; box-sizing:border-box; z-index:1; }
  4644. .order_amount .ico_calc.minus::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:2px; background:#222;}
  4645. .order_amount .ico_calc.result::before {content:''; position:absolute; top:9px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}
  4646. .order_amount .ico_calc.result::after {content:''; position:absolute; top:13px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}*/