layout.css 291 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663
  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. /* modal popup */
  6. .modal .input_wrap .form_control {float:none; width: 100%; padding:5px 20px;}
  7. .modal .input_wrap .form_control, .modal .form_field .select {height: 42px; font-size: 14px;}
  8. .modal .select_dress {padding:11px 20px;}
  9. .modal .desc {color:#999; font-size: 14px;}
  10. .modal .input_wrap {width: 100%;}
  11. .modal .modal-body section {margin-bottom: 0px;}
  12. .modal .modal-footer {text-align: center;}
  13. .modal .modal-footer button {width: 100%; height: 60px; font-size: 18px; /*background: #222;*/}
  14. /* layout */
  15. .container {width:100%; padding:0; margin: 0 auto; position:relative; *zoom:1;}
  16. .container:after {clear:both; content:"";display:block;}
  17. .container .wrap {position:relative; width:100%; min-width: 1460px; max-width: 1920px; /*min-width: 1380px;*/ padding-left:70px; padding-right:70px; margin: 0px auto; box-sizing:border-box;}
  18. .container.main .wrap, .container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;}
  19. /* .container .wrap.wide {min-width: 100%;} */
  20. .container .wrap .content {position:relative; /*max-width: 1460px;*/ margin:0 auto; }
  21. .container.my .wrap .content {max-width:1460px;} /* 마이페이지 서브 레이아웃 */
  22. .container .wrap .content.wide{width:100%; /*max-width: 1920px;padding: 0px 0px;*/ padding-left: 0px; padding-right: 0px; margin:0 auto;}
  23. .container .wrap .content section {/*width: 100%;*/ display:block;}
  24. /* max-width: 1820px; */
  25. /* min-width: 1350px; */
  26. @media screen and (min-width:1460px) {}
  27. /* 검색 */
  28. .fs25 {font-size: 25px;}
  29. .fs18 {font-size: 18px;}
  30. .fwb {font-weight:bold; }
  31. /* breadcrumb */
  32. .breadcrumb {padding:0px 70px; margin:42px auto 62px;}
  33. .breadcrumb ul li {display: inline-block; color: #888;}
  34. .breadcrumb ul li:last-child {color:#222; font-weight: 300;}
  35. .breadcrumb ul li:first-of-type::before {content:none;}
  36. .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;}
  37. /* content */
  38. .cont_body::after {content: ''; display: block; clear: both;}
  39. @media screen and (max-width: 1620px){
  40. .container .wrap,
  41. .breadcrumb,
  42. .common_header > .area,
  43. .gnb,
  44. .common_footer,
  45. #header.minify .common_header > .area,
  46. #header.minify .common_header > .gnb,
  47. .container.dp .wrap
  48. {padding-left:70px; padding-right:70px;}
  49. }
  50. @media screen and (max-width: 1459px){
  51. /*.container .wrap,
  52. .breadcrumb,
  53. .common_header > .area,
  54. .gnb,
  55. .common_footer {padding-left:0; padding-right:0;}*/
  56. }
  57. @media (min-width:1440px){
  58. .visual > .area{height:532px;}
  59. }
  60. @media screen and (max-width: 1439px) {
  61. .visual > .area{height:445px;}
  62. }
  63. @keyframes caption_animation {
  64. from {right:30px;bottom:20px;opacity:0}
  65. to {bottom:41px;opacity:1}
  66. }
  67. @keyframes img_animation_a {
  68. from {top:30px;opacity:0}
  69. to {top:0;opacity:1}
  70. }
  71. @keyframes img_animation_b {
  72. from {left:30px;opacity:0}
  73. to {left:0;opacity:1}
  74. }
  75. .area .banner_left {top:0}
  76. .area .banner_right {top:0}
  77. /* LNB_layout */
  78. .lnb,.my_lnb {float: left;width: 17%;}
  79. .lnb + .cont,.my_cont {float: left;width: 83%;}
  80. .lnb_tit,.sec_head {margin-bottom: 60px;}
  81. .lnb_tit h2 {font-size: 36px; font-weight: 500;}
  82. .lnb_list::after {display: block; content: ''; width:160px; height: 1px; background: #ddd;}
  83. .lnb_list ul li {margin-bottom:35px; line-height:1;}
  84. .lnb_list ul li a {color:#888; font-size:19px; font-weight:200; letter-spacing:-0.025em;}
  85. .lnb_list ul li a.on {color:#222; border-bottom: 2px solid #222; font-weight:500;}
  86. .lnb_foot {padding-top:30px; line-height:1;}
  87. .lnb_foot ul li {margin-bottom:20px;}
  88. .lnb_foot ul li p {color:#222; font-weight:300; font-size:14px; line-height:1;}
  89. .lnb_foot ul li:nth-child(1) p {}
  90. .lnb_foot ul li:nth-child(2) p {font-size:28px; font-weight:800;}
  91. .lnb_foot ul li:nth-child(3) p {color:#888; line-height:20px;}
  92. /* 상품리스트 > 상품 form */
  93. .item_gd {}
  94. .item_gd figure {padding:0; margin:0}
  95. .item_gd figure a {display:block; position:relative;}
  96. .item_gd figure::after {clear:both; display:block; content:'';}
  97. .item_gd figure figcaption {display:block;}
  98. .item_gd figure figcaption a {display:block;}
  99. .item_gd figure figcaption .brand {margin-top:0; color:#888; font-size:12px; font-weight:300;}
  100. .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;}
  101. .item_gd figure figcaption .price {line-height:20px;}
  102. .item_gd figure figcaption .price::after {content:''; display:block; clear:both;}
  103. .item_gd figure figcaption .price .selling_price {float:left; color:#222; font-size:16px; font-weight:500;}
  104. .item_gd figure figcaption .price del {float:left; padding-left:10px; color:#888; font-size:14px; font-weight:300;}
  105. .item_gd figure figcaption .price .discount {color:#fd4802; font-size:16px; font-weight:300;}
  106. .item_gd figure figcaption .option {color:#888; font-size:12px; line-height:1.4;}
  107. .item_gd span.thumb {display:block; position:relative; height:0; line-height:0; padding-top:150%; background-color:#eee;}
  108. .item_gd span.thumb img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2;}
  109. /* 상품리스트 slide */
  110. .item_slide {}
  111. .item_slide .item_gd {padding:0 10px}
  112. .item_slide .item_gd figcaption {padding:0 5px}
  113. .item_slide .item_gd a .brand {margin-top:20px;}
  114. .item_slide .item_gd a .name {margin-top:15px;}
  115. .item_slide .item_gd a .price {margin-top:40px;}
  116. .item_slide .item_gd a .price .discount {float:right;}
  117. .item_slide .item_gd a .itemLike {right:20px; top:20px;}
  118. .item_slide .slick-dots {bottom:-70px;}
  119. .item_slide .slick-dots li button {background-color:#ddd;}
  120. .item_slide .slick-prev,
  121. .item_slide .slick-next {position:absolute; top:50%; transform:translateY(-50%); margin-top:-60px; font-size:0;}
  122. .item_slide .slick-prev {left:-50px;}
  123. .item_slide .slick-next {right:-50px;}
  124. .item_slide .slick-prev::after,
  125. .item_slide .slick-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
  126. .item_slide .slick-prev::after {background-position:0 50%;}
  127. .item_slide .slick-next::after {background-position:100% 50%;}
  128. /* 테이블 type1 수평 행,열별 구분선 없음 */
  129. .tbl.type1 {padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
  130. .tbl.type1 table {text-align:left; word-break:keep-all;}
  131. .tbl.type1 table th,
  132. .tbl.type1 table td {position:relative; padding:10px 40px; font-weight:200; font-size:16px; letter-spacing:-0.025em;}
  133. .tbl.type1 table th {font-weight:300;}
  134. /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
  135. .tbl.type2 {padding:0; border-top:1px solid #000;}
  136. .tbl.type2 table {word-break:keep-all;}
  137. .tbl.type2 table th,
  138. .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;}
  139. .tbl.type2 table th {font-weight:300;}
  140. /* 테이블 type3 - 결제정보 */
  141. .tbl.type3 {padding:0; border:1px solid #000;}
  142. .tbl.type3 table {word-break:keep-all;}
  143. .tbl.type3 table th,
  144. .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;}
  145. .tbl.type3 table th {font-weight:300;}
  146. .tbl.type3 table tr:last-child td {border-bottom:none;}
  147. /* 테이블 type4 - 수평 th 컬러구분 */
  148. .tbl.type4 table {border-top:1px solid #000;}
  149. .tbl.type4 table th,
  150. .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;}
  151. .tbl.type4 table th {background:#f5f5f5; color:#222; font-weight:300;}
  152. .tbl.type4 table td {position:relative; font-weight:200;}
  153. /* 안내 */
  154. .com_info_txt {padding:40px; border:1px solid #ddd; line-height:1.2;}
  155. .com_info_txt .tit {position: relative; font-size: 16px; color: #666; padding-left: 30px; margin-bottom: 30px; font-weight:300;}
  156. .com_info_txt .tit:after {content:''; position: absolute; top:50%; left:0; transform:translateY(-50%); width: 20px; height: 20px; background: url(/images/pc/ico_null02.png) no-repeat center}
  157. .com_info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px; line-height: 1.4;}
  158. .com_info_txt ul li:last-child {margin-bottom: 0;}
  159. .com_info_txt ul li:after {content:''; position: absolute; top:7px; left: 0; background: #858585; width: 3px; height: 3px;}
  160. /* 주문내역 테이블 리스트 */
  161. .part_deliver {position:relative;}
  162. .part_deliver .tbl.type2 {border-bottom:1px solid #ddd;}
  163. .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;}
  164. .part_deliver .tbl.type2 table td.merge_row {border-top:1px solid #ddd;}
  165. .part_deliver .tbl.type2 table tr.bundle_row {border-top:1px solid #ddd;}
  166. .part_deliver .tbl.type2 table tr:first-of-type {border-top:none;}
  167. .part_deliver .tbl.type2 table tr:first-of-type td.merge_row {border-top:none;}
  168. .part_deliver .tbl.type2 table td:first-child {border-left:none;}
  169. .part_deliver .tbl.type2 table tr.bundle_row td:first-child {border-top:none;}
  170. .part_deliver table .info_item {display:table; position:relative; width:900px; text-align:left; box-sizing:border-box;}
  171. .part_deliver table .info_item > div {display:table-cell; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
  172. .part_deliver table .info_item .form_box {width:40px; position:relative; height:150px; vertical-align:top;}
  173. .part_deliver table .info_item .thumb_box {width:100px; height:150px; vertical-align:top;}
  174. .part_deliver table .info_item .thumb_box a {display:block; background:#f5f5f5;}
  175. .part_deliver table .info_item .info_box {padding-left:30px; padding-right:30px;}
  176. .part_deliver table .info_item .info_box > * {line-height:1;}
  177. .part_deliver table .info_item .info_box .od_name {}
  178. .part_deliver table .info_item .info_box .od_name a {display:block;}
  179. .part_deliver table .info_item .info_box .od_name span {display:inline-block; line-height:1;}
  180. .part_deliver table .info_item .info_box .od_name .brand {color:#888; font-size:14px; font-weight:200;}
  181. .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;}
  182. .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;}
  183. .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;}
  184. .part_deliver table .info_item .info_box .od_opt {margin-top:14px; color:#666; font-size:14px;}
  185. .part_deliver table .info_item .info_box .od_opt .option {display:block;}
  186. .part_deliver table .info_item .info_box .od_opt .count {display:block; margin-top:12px;}
  187. .part_deliver table .info_item .info_box .od_opt em {position:relative; padding-left:10px; margin-left:10px;}
  188. .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}
  189. .part_deliver table .info_item .info_box .od_opt em:first-child {padding-left:0; margin-left:0;}
  190. .part_deliver table .info_item .info_box .od_opt em:first-child::before {border-left:0;}
  191. .part_deliver table .info_item .info_box .od_modify {margin-top:17px}
  192. .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;}
  193. .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;}
  194. .part_deliver table .info_item .info_box .od_moresale {position:relative; margin-top:20px; font-size:14px;}
  195. .part_deliver table .info_item .info_box .od_moresale .ico {margin-right:10px;}
  196. .part_deliver table .info_item .info_box .od_moresale .btn_moresale {display:inline-block; position:relative; padding-right:20px; color:#fd4802;}
  197. .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%;}
  198. .part_deliver table .info_item .info_box .od_moresale .btn_moresale.active::after {transform:rotate(-90deg);}
  199. .part_deliver table .info_item .info_box .od_moresale .btn_moresale span {line-height:18px;}
  200. .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;}
  201. .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;}
  202. .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;}
  203. .part_deliver table .info_item .info_box .od_moresale .li_moresale ul li:first-child {margin-top:0}
  204. .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;}
  205. .part_deliver table .info_item .info_calc {width:190px; text-align:center;}
  206. .part_deliver table .info_item .info_calc .btn {width:78px; height:34px; padding:0; font-size:14px; font-weight:200; box-sizing:border-box;}
  207. .part_deliver table .info_calc .price {}
  208. .part_deliver table .info_calc .price .selling_price {display:block; color:#222; font-size:20px; font-weight:300;}
  209. .part_deliver table .info_calc .price .selling_price.msale {color:#fd4802;}
  210. .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;}
  211. .part_deliver table .info_calc .point {margin-top:10px; margin-bottom:15px; color:#888; font-size:14px; font-weight:200;}
  212. .part_deliver table .info_calc .util {display:inline-block; margin-top:10px}
  213. .part_deliver table .info_calc .util::after {content:''; clear:both; display:block;}
  214. .part_deliver table .info_calc .util > span {float:left; display:inline-block; position:relative; margin-left:24px;}
  215. .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;}
  216. .part_deliver table .info_calc .util > span:first-child {margin-left:0;}
  217. .part_deliver table .info_calc .util > span:first-child::before {display:none;}
  218. .part_deliver table .info_calc .util button {position:relative; display:inline-block;}
  219. .part_deliver table .info_calc .util button.btn_favorite {}
  220. .part_deliver table .info_calc .util button.btn_delete {}
  221. .part_deliver table .info_dlvr {}
  222. .part_deliver table .info_dlvr .dlvr_fee {display:block; color:#222; font-size:18px; font-weight:300;}
  223. .part_deliver table .info_dlvr .dlvr_shop {display:block; margin-top:12px; color:#666; font-size:14px; font-weight:200;}
  224. .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;}
  225. .part_deliver table .info_item.unable {}
  226. .part_deliver table .info_item.unable .info_unable {display:block; padding:20px 0 0 0; color:#fd4802; font-size:14px;}
  227. .part_deliver table .info_item.unable .info_calc .btn {opacity:1; background-color:#aaa; color:#fff; border-color:#aaa;}
  228. /* 주문결제정보 */
  229. .order_amount {}
  230. .order_amount dl::after,
  231. .order_amount dl div::after {content: '';display: block;clear: both;}
  232. .order_amount dl dt {float:left}
  233. .order_amount dl dd {float:right}
  234. .order_amount dl dd.price {font-weight:500;}
  235. .order_amount dl dd.price .oder_total_price {font-size:18px; font-weight:600;}
  236. .order_amount dl div {margin-top:10px; color:#888; font-size:14px}
  237. .order_amount dl div:first-child {margin-top:0px}
  238. .order_amount dl div dd .paymethod {color:#666; font-weight:300;}
  239. .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; }
  240. .order_amount .ico_calc.minus::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:2px; background:#222;}
  241. .order_amount .ico_calc.result::before {content:''; position:absolute; top:9px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}
  242. .order_amount .ico_calc.result::after {content:''; position:absolute; top:13px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}
  243. /* sub */
  244. /* mb_공통 */
  245. .mb {padding:160px 0 220px; font-weight:200;}
  246. .mb [class^="ico_content_"]::before {margin:0px auto 25px;}
  247. .mb h4 { margin-bottom:42px; text-align:center; line-height:1;}
  248. .mb input[type="text"],
  249. .mb input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
  250. .mb input[type="text"]::placeholder{color:#999; font-weight:200;}
  251. .mb .form_field {display:block;}
  252. .mb .btn {font-size:18px; font-weight:300}
  253. .mb .ui_row {margin-top:0px; margin-bottom:0}
  254. .mb .btn_group_block {float:none; margin-top:40px}
  255. .mb .btn_group_block [class^='ui_col_'] {overflow:hidden; margin-right:5px; margin-left:5px;}
  256. .mb .btn_group_block button {padding-top:15px; padding-bottom:16px;}
  257. .mb .cont_body {width:530px; margin: 0 auto;}
  258. .mb .form_wrap .form_info {text-align:center;}
  259. .mb .form_wrap .form_info p {font-size:18px; font-weight:300; letter-spacing:-0.025em; line-height:24px;}
  260. .mb .form_wrap .form_info p.t_info {font-size: 16px; color:#888; font-weight:300; line-height:1.625;}
  261. .mb .form_wrap .form_field input::placeholder {color:#888; font-weight:200;}
  262. .mb .form_wrap .form_field {margin-top:10px;}
  263. .mb .form_wrap .form_field:first-child {margin-top:0px;}
  264. .mb .foldGroup {margin:0;}
  265. .mb .form_group{display:none;}
  266. .mb .form_group:first-of-type{display:block;}
  267. .mb .form_group::after {display: block; content: ''; clear: both;}
  268. .mb .fold_tit,
  269. .mb .fold_tit span {width: inherit !important;}
  270. .mb .fold_head .fold_tit {padding: 0 0 0 34px;}
  271. .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;}
  272. .mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
  273. .mb .fold_head.on .fold_tit::before {background-position:-80px 0;}
  274. .mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
  275. .mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
  276. .mb .find_result {padding:0px 0px 40px; font-weight:200;}
  277. .mb .find_result .help_block {text-align:left}
  278. .mb .find_result input {font-size:16px;}
  279. .mb .find_result .form_print_bar {padding:34px 0; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:16px;}
  280. .mb .find_result .form_print_bar ul li {margin-top: 16px;}
  281. .mb .find_result .form_print_bar ul li:first-child {margin-top: 0;}
  282. .mb .find_result .form_print_bar ul li span {display:inline-block;}
  283. .mb .find_result .form_print_bar ul li span.t_span {width:120px; color:#888;}
  284. .mb .registration_nav {margin-bottom:40px;}
  285. .mb .registration_nav ul::after {content:''; display: block; clear:both;}
  286. .mb .registration_nav ul li {float: left; width:50%; text-align: center; background: #f5f5f5; box-sizing: border-box;}
  287. .mb .registration_nav ul li.active {background:#fff; border-top: 2px solid #fd4802}
  288. .mb .registration_nav ul li a {display:inline-block; width:100%; height:60px; line-height:60px; color:#888; font-size:18px; font-weight:300; letter-spacing:-0.025em;}
  289. .mb .registration_nav ul li.active a {color:#fd4802; font-weight:500;}
  290. .mb .registration_tap .form_group > .form_field > div {float:left; width:auto; margin-left:108px}
  291. .mb .registration_tap .form_group > .form_field > div:first-child {margin-left:0}
  292. .mb .registration_tap .registration_cont .regist_box {display:none; padding:40px 0; color:#666; font-size:16px; line-height:1.625; text-align:center;}
  293. .mb .registration_tap .registration_cont .regist_box.on {display:block;}
  294. .mb .registration_tap .foldGroup li:first-child {border-top: none;}
  295. .mb .registration_tap .foldGroup li .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
  296. .mb .registration_tap .foldGroup li .fold_head::after {background: url(/images/pc/ico_mb_arrow.png)no-repeat; background-position: 0 100%;}
  297. .mb .sns_wrap {position:relative; margin-top:40px; text-align:center;}
  298. .mb .sns_wrap h5 {color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em; margin:0 0 15px;}
  299. .mb .sns_wrap ul {display:inline-block;}
  300. .mb .sns_wrap ul::after {content:''; clear:both; display:block;}
  301. .mb .sns_wrap ul li {float:left; width:60px; margin-left:40px}
  302. .mb .sns_wrap ul li:first-child {margin-left:0}
  303. .mb .sns_wrap ul li a {display:block; text-align:center;}
  304. .mb .sns_wrap ul li a span {display:block; color:#222; font-size:14px; font-weight:300; margin-top:10px; line-height:1.25;}
  305. .mb .sns_wrap ul li a .ico_snslogin {margin-right:10px;}
  306. .mb .sns_wrap ul li a .ico_snslogin::before {width:60px; height:60px; background-image:url(/images/pc/ico_sns_bg.png);}
  307. .mb .sns_wrap ul li a .ico_snslogin.kakao::before {background-position:-70px 0;}
  308. .mb .sns_wrap ul li a .ico_snslogin.naver::before {background-position:0 0;}
  309. .mb .sns_wrap ul li a .ico_snslogin.yes24::before {background-position:-140px 0;}
  310. .mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
  311. .mb .t_err {position:relative; padding-left:24px; font-weight:200;}
  312. .mb .t_err::before {position:absolute; left:0; top:1px;}
  313. .mb .help_block {margin:0; text-indent:0; text-align:left;}
  314. .mb .help_block .t_err {margin-top:10px;}
  315. /* mb_idInquiry_1 */
  316. .find h4 {margin-bottom:45px}
  317. .find .find_result {padding-top:40px;}
  318. .find .input_wrap {position: relative; width:100%;}
  319. .find .input_wrap .form_control {height: inherit;}
  320. .find .input_wrap .btn {padding:6px 22px; border:none; position: absolute; top:50%; transform: translateY(-50%); right:10px; font-size:14px; font-weight:200;}
  321. /* mb_idInquiry_2 */
  322. .find_complete {}
  323. /* mb_idInquiry_3,mb_idInquiry_4 */
  324. .nocontent {}
  325. /* mb_idInquiry_5 */
  326. .security_pw {}
  327. /* mb_idInquiry_6 */
  328. .dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
  329. .dormant .form_wrap .ui_row button {position:relative; padding:30px; border-radius:45px;}
  330. .dormant .form_wrap .ui_row button span {font-size: 18px; font-weight: 300;}
  331. .dormant .form_wrap .ui_row button span .ico {margin-right:10px}
  332. .dormant .form_wrap .ui_row button span .ico::before {margin-top:-6px}
  333. .dormant .form_wrap .form_summary {margin-top:40px;}
  334. .dormant .form_wrap .form_summary strong {font-size: 16px; font-weight:300;}
  335. .dormant .form_wrap .form_summary p {margin-top: 14px; color:#888; font-weight:200; line-height:1.857; word-break:keep-all;}
  336. /* mb_idInquiry_7 */
  337. .dormant_clear {}
  338. /* mb_idInquiry_8 */
  339. .non_mb_oder {}
  340. .non_mb_oder .form_summary {padding-top:40px; border-top:1px solid #ddd;}
  341. .non_mb_oder .form_summary .txt {position:relative; margin-bottom:10px; font-size:18px; line-height:1;}
  342. .non_mb_oder .form_summary .txt span.c_primary {font-size:20px;}
  343. .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;}
  344. .non_mb_oder .form_summary .t_info {display:block; color:#888; font-size:16px}
  345. /* mb_join_1 */
  346. .join1 .form_wrap .form_sign_up {position:relative; display:block; font-weight:500;}
  347. .join1 .form_wrap .form_sign_up p {color:#888; font-size:16px; font-weight:200; line-height:1.5;}
  348. .join1 .form_wrap .form_sign_up p.c_primary {font-size:24px; font-weight:300;}
  349. /* mb_join_2 */
  350. .join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
  351. .join2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
  352. .join2 .help_block::after {clear:both; display:block; width:100%;}
  353. .join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
  354. /* mb_join_3 */
  355. .join3 .form_wrap {text-align:center;}
  356. .join3 .form_wrap .print_bar {padding:34px 0; background: #f5f5f5;}
  357. .join3 .form_wrap .print_bar p {font-size:18px;}
  358. .join3 .btn_group_md .btn_default {border-color:#a7a7a7}
  359. /* mb_join_3 */
  360. /* mb_login */
  361. .mb .login {}
  362. .login .btn {border: 1px solid #222;}
  363. .login .help_block {margin-top:10px; text-indent:0; text-align:left;}
  364. .login .help_block .captcha {padding: 30px; background: #f5f5f5; text-align: left;}
  365. .login .help_block .captcha ul {display: flex; align-items: center;}
  366. .login .help_block .captcha .captcha_box {width:235px; height: 72px; border: 1px solid #ddd; background: chartreuse;}
  367. .login .help_block .captcha .captcha_btn_dual {margin: 0 18px 0 10px;}
  368. .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;}
  369. .login .help_block .captcha .captcha_btn_dual button:first-child {margin-bottom: 8px;}
  370. .login .help_block .captcha .captcha_btn_dual button:last-child {background-position:center -31px;}
  371. .login .help_block .captcha .captcha_area {margin-bottom: -7px;}
  372. .login .help_block .captcha .captcha_area input {width:200px; padding: 17px 0 17px 14px;}
  373. .login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
  374. .login .login_check {padding: 12px 0 0;}
  375. .login .login_check::after {content:''; display: block; clear:both;}
  376. .login .login_check .form_field {float:left; display:inline-block; width:59%; text-align:left}
  377. .login .login_check .form_field span {font-size: 16px;}
  378. .login .btn_mb_wrap {margin:20px 0 0 0; text-align:center;}
  379. .login .btn_mb_wrap ul {display:inline-block}
  380. .login .btn_mb_wrap ul::after {content:''; clear:both; display:block;}
  381. .login .btn_mb_wrap ul li {float:left; position:relative; margin-left:15px; padding-left:15px; font-size: 14px;}
  382. .login .btn_mb_wrap ul li::before {content:''; position: absolute; width:1px; height:14px; left:0px; top:50%; transform: translateY(-50%); background: #ddd;}
  383. .login .btn_mb_wrap ul li:first-child {margin-left: 0px; padding-left:0;}
  384. .login .btn_mb_wrap ul li:first-child::before {display:none}
  385. .login .btn_mb_wrap ul li a {display:inline-block; color:#222; line-height:24px; font-weight:200}
  386. .login .ui_row .ui_col_12 {margin: 0;}
  387. /* mb_login */
  388. /* cs_공통 */
  389. .cs {font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; line-height:1.2; padding-bottom:150px;}
  390. .cs .wrap .content {max-width:1460px;}
  391. .cs .foldGroup {margin-top: 60px;}
  392. .cs .history_wrap {width: 100%; height: 173px; padding: 50px; box-sizing: border-box; background: #f5f5f5;}
  393. .cs .history_wrap::after {content:''; display: block; clear:both;}
  394. .cs .history_wrap .hist_status {float:left;}
  395. .cs .history_wrap .txt {float:left; padding-left:50px; color: #666; font-size: 14px; font-weight:200; box-sizing:border-box; line-height:24px;}
  396. .cs .history_wrap ul li {position:relative; float:left; width:180px; text-align:center;}
  397. .cs .history_wrap ul li::before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); height:30px; border-left:1px solid #ddd}
  398. .cs .history_wrap ul li:first-child::before {display:none;}
  399. .cs .history_wrap .btn_area {margin-top:24px;}
  400. .cs .history_wrap .btn_area .btn {padding:10px 32px; border:1px solid #a1a1a1; color:#222; font-weight:300; }
  401. .cs .history_wrap div ul li span {display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color:#666; line-height:1;}
  402. .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;}
  403. .cs .history_wrap div ul li a::after {content:''; position:absolute; left:4px; right:4px; bottom:-2px; border-bottom:2px solid #222;}
  404. .cs .history_wrap div ul li a.doing {color:#888}
  405. .cs .history_wrap div ul li a.doing::after {display:none}
  406. .cs .ui_foot {}
  407. .cs .ui_row.nodata {display: inherit; padding-top: 124px; margin-bottom: 0; /*border-top: 1px solid #222222;*/ text-align: center;}
  408. .cs .ui_row.nodata .foldGroup {display:none;}
  409. .cs .ui_row.nodata + .ui_foot {display:none;}
  410. .cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('/images/pc/ico_null.png')no-repeat;}
  411. .cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 33px 0 160px; font-size: 22px; font-weight: 200; color: #888;}
  412. /* cs_faq */
  413. .cs .faq {}
  414. .faq .ui_row.nodata {border:none;}
  415. .faq .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
  416. .faq .quick_list {margin-bottom:50px;}
  417. .faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
  418. .faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
  419. .faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  420. .faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
  421. .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;}
  422. .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;}
  423. .faq .search_wrap {margin-bottom:60px;}
  424. .faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
  425. .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;}
  426. .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;}
  427. .faq .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
  428. .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}
  429. .faq .search_wrap .faq_search .t_info {width:600px; margin:15px auto 0; font-weight:200; text-align:left;}
  430. .faq .fold_nav {width:100%;}
  431. .faq .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top:-12px}
  432. .faq .fold_nav ul li {margin:12px 12px 0 0;}
  433. .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;}
  434. .faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
  435. .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;}
  436. .faq .foldGroup {margin-top:50px}
  437. .faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
  438. .faq .foldGroup .fold_answer .answer_head {margin-bottom:10px}
  439. .faq .foldGroup .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
  440. /* cs_faq_pop */
  441. .modal.faq_pop {max-width: 1000px; max-height: 780px; padding:60px;}
  442. .modal.faq_pop .modal-header {border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 30px;}
  443. .modal.faq_pop .modal-header p {font-size: 14px; color:#888; font-weight: 200; margin-bottom: 16px; padding-left: 30px;}
  444. .modal.faq_pop .modal-header .modal-title {position: relative; padding-left: 68px; line-height: 1.62; font-weight: 300;}
  445. .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;}
  446. .modal.faq_pop .modal-body {position: relative; padding: 40px 10px 40px 68px; background:#f5f5f5; }
  447. .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;}
  448. .modal.faq_pop .modal-body .pop_cont > span {display:block; margin-bottom: 26px; font-weight:300; color:#222;}
  449. .modal.faq_pop a.close-modal {right:30px; top:30px;}
  450. /* cs_product, cs_contactUs */
  451. .cs .product {}
  452. .cs .contactUs {}
  453. .product .history_wrap,
  454. .contactUs .history_wrap * {box-sizing: border-box;}
  455. .product .fold_head .fold_tit .prod::before {display: none;}
  456. .product .case1 .fold_head .fold_tit {max-width: 760px;}
  457. .product .case1 .fold_head .fold_tit span {width: 760px;}
  458. .product .ui_row.nodata,
  459. .contactUs .ui_row.nodata {border-top:none;}
  460. .contactUs .fold_cont .img_group .thumb_pic {background:#fff;}
  461. .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;}
  462. .modal.cs_pop.contact_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
  463. .modal.cs_pop.contact_img_pop .modal-body .pop_cont {max-height:none;}
  464. .modal.cs_pop.contact_img_pop .swiper-slide {}
  465. .modal.cs_pop.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;}
  466. .modal.cs_pop.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
  467. .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  468. .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  469. .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  470. .modal.cs_pop.contact_img_pop .swiper-button-prev::after,
  471. .modal.cs_pop.contact_img_pop .swiper-button-next::after {content: '';}
  472. .modal.cs_pop.contact_img_pop .swiper-button-prev,
  473. .modal.cs_pop.contact_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  474. .modal.cs_pop.contact_img_pop .swiper-button-prev {left:-70px;}
  475. .modal.cs_pop.contact_img_pop .swiper-button-next {right:-70px;}
  476. .modal.cs_pop.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);}
  477. .modal.cs_pop.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);}
  478. /* cs_contactUs_my */
  479. .cs .contactUs_my {}
  480. .contactUs_my .blt_dot {position:relative; padding-left:10px}
  481. .contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background:#888;}
  482. .contactUs_my textarea,
  483. .contactUs_my .select,
  484. .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;}
  485. .contactUs_my input[type="text"]::placeholder,
  486. .contactUs_my textarea::placeholder {color:#888; font-weight:200;}
  487. .contactUs_my .form_wrap {padding:30px 40px; border-top:1px solid #222; border-bottom:1px solid #ddd}
  488. .contactUs_my .form_control {height:42px; color:#222; font-size:14px;}
  489. .contactUs_my textarea {height:200px; padding:20px;}
  490. .contactUs_my .input_label {line-height:42px;}
  491. .contactUs_my .form_field {margin-top:20px}
  492. .contactUs_my .form_field:first-of-type {margin-top:0}
  493. .contactUs_my .form_field .cellphone {display:block;}
  494. .contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
  495. .contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
  496. .contactUs_my .form_field .imgUpload+.imgUpload{margin-left:20px;}
  497. .contactUs_my .form_field .pics{position: absolute;top: 0;left: 0;z-index: 2;}
  498. .contactUs_my .contactus_cnt {color:#888}
  499. .contactUs_my .select {height:40px; font-size:14px;}
  500. .contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
  501. .contactUs_my .select .select_dress:after {top:16px; right: 28px; border-color:#888 transparent transparent transparent;}
  502. .contactUs_my .select .select_dress.active:after {top:10px; border-color: transparent transparent #888 transparent;}
  503. .contactUs_my .select .select_options {color:#666}
  504. .contactUs_my .help_block {margin-top:10px; text-indent:0;}
  505. .contactUs_my .ck_box {padding:10px 20px}
  506. .contactUs_my .ck_box input[type="checkbox"] + label {font-size:16px; font-weight:200;}
  507. .contactUs_my .t_err {font-weight:200}
  508. .contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
  509. .contactUs_my .info_addfile {margin-top:20px; color:#666; font-size:14px; line-height:24px; font-weight:200;}
  510. .contactUs_my .sec_foot {margin-top:60px}
  511. .contactUs_my .sec_foot .btn.btn_md {margin:0px 5px; font-weight:300; padding:15px 90px;}
  512. .contactUs_my .txt_cnt {text-align:right; margin-top:10px}
  513. /* cs_notice */
  514. .cs .notice .foldGroup {margin-top: 0;}
  515. .notice .foldGroup .critical .fold_head,
  516. .notice .foldGroup .critical .fold_detail,
  517. .notice .foldGroup .critical .fold_answer {background:#fff6f2;}
  518. .notice .foldGroup .critical .fold_category {font-weight:500;}
  519. .notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300}
  520. .notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
  521. .notice .sec_body.nodata {border-top: 1px solid #222;}
  522. /* dp_list */
  523. .dp .item_state {padding: 0;}
  524. .dp .select_dress {padding:12px 15px;}
  525. .dp .dp_inner {max-width:1780px; margin: 0 auto;}
  526. .container .wrap .content.dp_list,.container .wrap .content.dp_best,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
  527. .container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}
  528. .container.dp .cont_head > div {position: relative;}
  529. .container.dp .cont_head > div.item_header {padding: 80px 0 60px;}
  530. .container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
  531. .container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
  532. .container .filter_list {padding: 20px 30px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
  533. .container .filter_list::after,.container .count_wrap::after {content:''; display: block; clear:both;}
  534. .container .filter_list .form_field {float: right; width:inherit;}
  535. .dp_list .form_field input[type="checkbox"] + label {font-weight: 200; line-height: 1;}
  536. .dp_list .form_field input[type="checkbox"] + label:before, .dp_list .form_field input[type="checkbox"]:checked + label:after {top: -4px;}
  537. .dp_list .form_field input[type="checkbox"]:checked + label:before {display: none;}
  538. .container .filter_list .form_field div:last-child {margin-left: 20px;}
  539. .container .filter_list > ul {float:left; display: flex;}
  540. .container .filter_list ul li {position: relative; margin-right: 40px;}
  541. .container .filter_list ul li a {color:#222; font-size: 16px; font-weight: 300;}
  542. .container .filter_list ul li.on a {color:#fd4802;}
  543. .container .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
  544. .container .filter_list > ul > li:first-child button span {color:#888;}
  545. .container .filter_list > ul > li:first-child button::before {
  546. display: none;
  547. content:'';
  548. position: absolute;
  549. width:12px;
  550. height: 10px;
  551. background: url(/images/pc/ico_filter.png)no-repeat;
  552. top: 44%;
  553. left: 0;
  554. transform: translateY(-50%);
  555. }
  556. .container .filter_list > ul > li:hover > a {color:#fd4802;}
  557. .container .filter_list .form_field div label span {color:#888;}
  558. .filter_content .sort {display: none; position: relative; padding: 40px 36px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
  559. .filter_content .sort .tap_close {
  560. position: absolute;
  561. bottom: 30px;
  562. right: 40px;
  563. display: block;
  564. width: 30px;
  565. height: 30px;
  566. text-indent: -9999px;
  567. background-size: contain;
  568. background-repeat: no-repeat;
  569. background-position: center center;
  570. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
  571. z-index: 98;
  572. background-image: url(/images/pc/ico_pop_cls.png);
  573. }
  574. .filter_content .sort#tap01 > ul {position: relative;}
  575. .filter_content .sort#tap01 > ul > li {width: 170px; margin-bottom: 20px;}
  576. .filter_content .sort#tap01 ul li div {position: absolute; width:170px; left:170px; top:0; padding-left: 40px; display: none;}
  577. .filter_content .sort#tap01 ul li div::before {content:''; position: absolute; top:0; left:0; width:1px; height: 270px; background: #ccc;}
  578. .filter_content .sort#tap01 ul li div ul li {margin-bottom: 20px;}
  579. .filter_content .sort#tap01 ul li a {color:#666; position: relative;}
  580. .filter_content .sort#tap01 ul li a:hover {color:#fd4802;}
  581. .filter_content .sort#tap01 ul li.noDepth.on > a {color:#fd4802;}
  582. .filter_content .sort#tap01 ul li.noDepth.on > a::after {
  583. content:'';
  584. position: absolute;
  585. top:0;
  586. right:-18px;
  587. border-style:solid;
  588. border-width:5px ;
  589. border-color:transparent transparent transparent #fd4802;
  590. }
  591. .filter_content .sort > ul {max-height: 350px; overflow-y: auto;}
  592. .filter_content .sort#tap02 ul::after {content:''; display: block; clear:both;}
  593. .filter_content .sort#tap02 ul li {float: left; width:228px; margin-bottom: 20px;}
  594. .filter_content .sort#tap03 ul li {border-bottom: 1px solid #ccc;}
  595. .filter_content .sort#tap03 ul li:first-child {padding-bottom: 30px;}
  596. .filter_content .sort#tap03 ul li:nth-child(2) {padding: 30px 0;}
  597. .filter_content .sort#tap03 ul li:last-child {padding-top: 30px; border: none;}
  598. .filter_content .sort#tap03 ul li strong {margin-right: 20px;}
  599. .filter_content .sort#tap03 ul li span {color:#666; margin-right: 20px;}
  600. .filter_content .sort#tap03 ul li .size_btn,.filter_content .sort#tap02 ul li .brand_btn,.filter_content .sort#tap06 ul li .Age_btn,.filter_content .sort#tap07 ul li .Season_btn,.filter_content .sort#tap09 ul li .Benefits_btn {cursor: pointer;}
  601. .filter_content .sort#tap03 ul li .size_btn input:checked+span,.filter_content .sort#tap02 ul li .brand_btn input:checked+span,.filter_content .sort#tap06 ul li .Age_btn input:checked+span,.filter_content .sort#tap07 ul li .Season_btn input:checked+span,.filter_content .sort#tap09 ul li .Benefits_btn input:checked+span {color:#fd4802;}
  602. .filter_content .sort#tap03 ul li .size_btn input,.filter_content .sort#tap02 ul li .brand_btn input,.filter_content .sort#tap06 ul li .Age_btn input,.filter_content .sort#tap07 ul li .Season_btn input,.filter_content .sort#tap09 ul li .Benefits_btn input{
  603. position: absolute;
  604. display: block;
  605. overflow: hidden;
  606. height: 1px;
  607. width: 1px;
  608. clip: rect(1px, 1px, 1px, 1px);
  609. }
  610. .filter_content .sort#tap04 ul {display: flex; justify-content: center; padding: 0 215px;}
  611. .filter_content .sort#tap04 ul::after {
  612. content: "";
  613. position: absolute;
  614. left: 20%;
  615. top: 46px;
  616. width: 60%;
  617. height: 2px;
  618. background: #222;
  619. z-index: -2;
  620. }
  621. .filter_content .sort#tap04 ul li {text-align: center; width:20%;}
  622. .filter_content .sort#tap04 ul li:last-child {margin-right: 0;}
  623. .filter_content .sort#tap04 ul li input {
  624. position: absolute;
  625. width: 1px;
  626. height: 1px;
  627. padding: 0;
  628. margin: -1px;
  629. overflow: hidden;
  630. clip: rect(0,0,0,0);
  631. border: 0;
  632. }
  633. .filter_content .sort#tap04 ul li input + label span:last-child {color:#666;}
  634. .filter_content .sort#tap04 ul li input:checked + label span:first-child {border-color: #fd4802;}
  635. .filter_content .sort#tap04 ul li input:checked + label span:last-child {color:#fd4802;}
  636. .filter_content .sort#tap04 ul li span {display: block; cursor: pointer;}
  637. .filter_content .sort#tap04 ul li span:first-child {
  638. position: relative;
  639. display: inline-block;
  640. width:10px;
  641. height: 10px;
  642. background: #fff;
  643. border: 2px solid #222;
  644. border-radius: 50%;
  645. }
  646. .filter_content .sort#tap04 ul li:first-child span:first-child::before {display: none;}
  647. .filter_content .sort#tap04 ul li input:checked + label span:first-child::before {
  648. content:'';
  649. position: absolute;
  650. width: 208px;
  651. height: 2px;
  652. top:2px;
  653. right:100%;
  654. background: #fd4802;
  655. z-index: -1;
  656. }
  657. .filter_content .sort#tap05 ul {display: flex; justify-content: center; padding: 0 150px;}
  658. .filter_content .sort#tap05 ul::after {
  659. content: "";
  660. position: absolute;
  661. left: 14.5%;
  662. top: 46px;
  663. width: 70.2%;
  664. height: 2px;
  665. background: #222;
  666. z-index: -2;
  667. }
  668. .filter_content .sort#tap05 ul li {text-align: center; width:10%;}
  669. .filter_content .sort#tap05 ul li:last-child {margin-right: 0;}
  670. .filter_content .sort#tap05 ul li input {
  671. position: absolute;
  672. width: 1px;
  673. height: 1px;
  674. padding: 0;
  675. margin: -1px;
  676. overflow: hidden;
  677. clip: rect(0,0,0,0);
  678. border: 0;
  679. }
  680. .filter_content .sort#tap05 ul li input + label span:last-child {color:#666;}
  681. .filter_content .sort#tap05 ul li input:checked + label span:first-child {border-color: #fd4802;}
  682. .filter_content .sort#tap05 ul li input:checked + label span:last-child {color:#fd4802;}
  683. .filter_content .sort#tap05 ul li span {display: block; cursor: pointer;}
  684. .filter_content .sort#tap05 ul li span:first-child {
  685. position: relative;
  686. display: inline-block;
  687. width:10px;
  688. height: 10px;
  689. background: #fff;
  690. border: 2px solid #222;
  691. border-radius: 50%;
  692. }
  693. .filter_content .sort#tap05 ul li:first-child span:first-child::before {display: none;}
  694. .filter_content .sort#tap05 ul li input:checked + label span:first-child::before {
  695. content:'';
  696. position: absolute;
  697. width: 135px;
  698. height: 2px;
  699. top:2px;
  700. right:100%;
  701. background: #fd4802;
  702. z-index: -1;
  703. }
  704. .filter_content .sort#tap06 ul::after,.filter_content .sort#tap07 ul::after,.filter_content .sort#tap09 ul::after {content:''; display: block; clear: both;}
  705. .filter_content .sort#tap06 ul li,.filter_content .sort#tap07 ul li,.filter_content .sort#tap09 ul li {float: left; margin-right: 48px;}
  706. .filter_content .sort#tap06 ul li:last-child,.filter_content .sort#tap07 ul li:last-child,.filter_content .sort#tap09 ul li:last-child {margin-right: 0;}
  707. #tap08 ul::after {content:''; display: block; clear:both;}
  708. #tap08 ul li {float: left; margin-left: 20px;}
  709. #tap08 ul li:first-child {margin-left: 0;}
  710. #tap08 ul li .color-check input {
  711. position: absolute;
  712. display: block;
  713. overflow: hidden;
  714. height: 1px;
  715. width: 1px;
  716. clip: rect(1px, 1px, 1px, 1px);
  717. }
  718. #tap08 ul li .color-check [class*="pdColor"] {position: relative; display: inline-block; width:26px; height: 26px; cursor: pointer;}
  719. [class*="pdColor"]:before {
  720. content: "";
  721. display: inline-block;
  722. width: 100%;
  723. height: 100%;
  724. border-radius: 50%;
  725. box-sizing: border-box;
  726. }
  727. .pdColor-color01::before {background-color: #000;}
  728. .pdColor-color02::before {background-color: #7f7f7f;}
  729. .pdColor-color03::before {background-color: #ff0306;}
  730. .pdColor-color04::before {background-color: #f98473;}
  731. .pdColor-color05::before {background-color: #ff99ec;}
  732. .pdColor-color06::before {background-color: #9c1d88;}
  733. .pdColor-color07::before {background-color: #9c5a28;}
  734. .pdColor-color08::before {background-color: #655611;}
  735. .pdColor-color09::before {background-color: #ffffaf;}
  736. .pdColor-color10::before {background-color: #ff8700;}
  737. .pdColor-color11::before {background-color: #012061;}
  738. .pdColor-color12::before {background-color: #0170c1;}
  739. .pdColor-color13::before {background-color: #bfffdd;}
  740. .pdColor-color14::before {background-color: #13b987;}
  741. .pdColor-color15::before {background-color: #5c5527;}
  742. .color-check input:checked ~ [class*="pdColor"]:after {
  743. content: "";
  744. position: absolute;
  745. top: 0;
  746. right: 0;
  747. bottom: 0;
  748. left: 0;
  749. background: rgba(0,0,0,0.2) url(/images/pc/ico_color_check.png) no-repeat 50% 50%;
  750. border-radius: 50%;
  751. z-index: 2;
  752. }
  753. .filter_content .sort.on {display: block;}
  754. .container .dp_list .fillter {display: none; padding: 9px 20px; background: #f5f5f5; border:1px solid #ddd; border-top: 0;}
  755. .container .dp_list .fillter::after {content:''; display: block; clear:both;}
  756. .container .dp_list .fillter .fillter_reset {float:right; position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
  757. .container .dp_list .fillter .fillter_reset::before {
  758. content:'';
  759. position: absolute;
  760. top:50%;
  761. left:14px;
  762. transform: translateY(-50%);
  763. width:13px;
  764. height: 13px;
  765. background: url(/images/pc/ico_filter_reset.png)no-repeat;
  766. }
  767. .container .count_wrap {padding: 60px 0 30px;}
  768. .container .count_wrap div:first-child {float: left;}
  769. .container .count_wrap div:first-child p {color:#888;}
  770. .container .count_wrap div:first-child p span {color:#fd4802;}
  771. .container .count_wrap div:last-child {float: right; }
  772. .container .count_wrap div:last-child ul {display: flex;}
  773. .container .count_wrap div:last-child ul li a {color:#888;}
  774. .container .count_wrap div:last-child ul li:first-child a {color:#222;}
  775. .container .count_wrap div:last-child ul li:nth-child(2) {position: relative; padding: 0 32px;}
  776. .container .count_wrap div:last-child ul li:nth-child(2)::before {
  777. content:'';
  778. position: absolute;
  779. width:1px;
  780. height: 13px;
  781. background: #ccc;
  782. top:50%;
  783. left: 15px;
  784. transform: translateY(-50%);
  785. }
  786. .container .count_wrap div:last-child ul li:nth-child(2)::after {
  787. content:'';
  788. position: absolute;
  789. width:1px;
  790. height: 13px;
  791. background: #ccc;
  792. top:50%;
  793. right: 15px;
  794. transform: translateY(-50%);
  795. }
  796. .dp .item_prod {width: 15.7%; margin-right: 1.12%; margin-bottom: 70px;}
  797. .dp .item_prod:nth-child(6n) {margin-right: 0;}
  798. .dp .item_prod .itemLike {right: 20px;}
  799. .dp .select_options {z-index: 4;}
  800. .dp .cont_body .list_content.nodata .count_wrap,.dp .cont_body .list_content.nodata .itemsGrp {display: none;}
  801. .list_defult {display: none; text-align: center; padding: 120px 0 160px;}
  802. .list_content.nodata .list_defult {display: block;}
  803. .list_defult > div:first-child {margin-bottom: 46px;}
  804. .list_defult > div:first-child p {line-height: 2;}
  805. .list_defult .ui_row {justify-content: center; margin-bottom: 0;}
  806. .dp .range {width:1000px; margin: 0 auto;}
  807. .dp .irs--round .irs-from, .dp .irs--round .irs-to, .dp .irs--round .irs-single {background-color: #fff; color:#222; display: none;}
  808. .dp .irs--round .irs-from:before, .dp .irs--round .irs-to:before, .dp .irs--round .irs-single:before {display: none;}
  809. .dp .irs--round .irs-line {background-color:#222; height: 2px;}
  810. .dp .irs--round .irs-bar {background-color: #fd4802; height: 2px;}
  811. .dp .irs--round .irs-handle {width:15px; height: 15px; top: 30px; border-color: #fd4802; border: 2px solid #fd4802; box-shadow: none;}
  812. .dp .irs--round .irs-grid-text {color:#222; display: block;}
  813. .dp .irs--round .irs-min, .dp .irs--round .irs-max {display: none;}
  814. .dp .irs-grid-pol.small {display: none;}
  815. .dp .irs-from, .dp .irs-to, .irs-single {top:52px;}
  816. /* dp_best */
  817. .dp_best .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
  818. .dp_best .best_nav ul::after {content:''; display: block; clear: both;}
  819. .dp_best .best_nav ul li {float: left; margin-right: 40px; }
  820. .dp_best .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
  821. .dp_best .best_nav ul li button:hover, .dp_best .best_nav ul li button.active {color: #222;}
  822. .dp_best .best_nav ul li:hover button::after, .dp_best .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
  823. .dp_best .best_nav ul li:last-child {margin-right: 0;}
  824. .dp_best .ui_row {margin-bottom: 40px;}
  825. .dp_best .ui_row .ui_col_12 {margin: 0;}
  826. .dp_best .ui_row .ui_col_12 .form_field {justify-content: flex-end;}
  827. .dp_best .ui_row .ui_col_12 .select {width:180px;}
  828. /* dp_hotdeal */
  829. .dp_hotdeal .hotdeal {position: relative; width:100%; height: 540px; margin-bottom: 120px; background: url(/images/pc/thumb/hotdeal_bg.png)no-repeat center center;}
  830. #countdown{
  831. text-align: center;
  832. margin: auto;
  833. position: absolute;
  834. width:100%;
  835. top:268px;
  836. left:50%;
  837. transform: translateX(-50%);
  838. }
  839. #countdown {position: relative; z-index: 1;}
  840. #countdown span{
  841. width: 166px;
  842. font-size: 88px;
  843. font-weight: bold;
  844. text-align: center;
  845. color: #222;
  846. /* background-color: #fff; */
  847. padding: 50px 0;
  848. display: inline-block;
  849. position: relative;
  850. }
  851. #countdown span:nth-child(2) {margin: 0 72px;}
  852. #countdown span{
  853. width: 166px;
  854. font-size: 88px;
  855. font-weight: bold;
  856. text-align: center;
  857. color: #222;
  858. /* background-color: #fff; */
  859. padding: 50px 0;
  860. display: inline-block;
  861. position: relative;
  862. }
  863. /* 핫딜 전용 아이템 리스트 */
  864. .dp .itemsGrp.rowtype .item_prod {width: 49.43%; margin-bottom: 1.12%; height: 420px; border:1px solid #ddd; overflow: hidden;}
  865. .dp .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
  866. .dp .itemsGrp.rowtype .item_prod .itemBadge, .dp .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
  867. .dp .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left: 330px; padding-right: 50px; padding-bottom: 0; height: 420px; width: 100%;}
  868. .dp .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  869. .dp .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
  870. .dp .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px; height: 420px;}
  871. .dp .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
  872. .dp .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
  873. .dp .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
  874. .dp .itemsGrp.rowtype .item_prod.sold_out .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;}
  875. .dp .itemsGrp.rowtype .item_prod .itemBrand {margin:0px 6px 65px; font-size: 16px; font-weight: 300;}
  876. .dp .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left: 340px; top: 150px; font-size: 16px; font-weight: 300; margin:0;}
  877. .dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:80px;}
  878. .dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
  879. .dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
  880. .dp .itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
  881. /* dp_Exhibition */
  882. .dp_Exhibition .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
  883. .dp_Exhibition .best_nav ul::after {content:''; display: block; clear: both;}
  884. .dp_Exhibition .best_nav ul li {float: left; margin-right: 40px; }
  885. .dp_Exhibition .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
  886. .dp_Exhibition .best_nav ul li button:hover, .dp_Exhibition .best_nav ul li button.active {color: #222;}
  887. .dp_Exhibition .best_nav ul li:hover button::after, .dp_Exhibition .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
  888. .dp_Exhibition .best_nav ul li:hover button::after {content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222;}
  889. .dp_Exhibition .best_nav ul li:last-child {margin-right: 0;}
  890. .dp_Exhibition .cont_body > .ui_row {margin-bottom: 40px;}
  891. .dp_Exhibition .ui_row .ui_col_12 {margin: 0;}
  892. .dp_Exhibition .ui_row .ui_col_12::after {content:''; display: block; clear: both;}
  893. .dp_Exhibition .ui_row .ui_col_12 .form_count {float: left; margin-top: 25px;}
  894. .dp_Exhibition .ui_row .ui_col_12 .form_count p {font-size: 16px; font-weight: 200; color:#888;}
  895. .dp_Exhibition .ui_row .ui_col_12 .form_count p span {font-weight: 500;}
  896. .dp_Exhibition .ui_row .ui_col_12 .select {width:180px; float: right;}
  897. .dp_Exhibition .ui_row .ui_col_12 .form_count p span {color:#fd4802;}
  898. .dp .ui_row .ui_col_12 .btn_group {float: right;}
  899. .dp .ui_row .ui_col_12 .btn_group > .btn {padding: 12px 96px 12px 19px; line-height: 1; font-size: 14px; color: #666;}
  900. .dp .ui_row .ui_col_12 .btn_group > .btn .caret {
  901. content: "";
  902. width: 0;
  903. height: 0;
  904. box-sizing: border-box;
  905. position: absolute;
  906. top: 16px;
  907. right: 19px;
  908. border: 6px solid transparent;
  909. border-color: #888888 transparent transparent transparent;
  910. }
  911. .dp .ui_row .ui_col_12 .btn_group .btn.on {
  912. border-color: #222;
  913. }
  914. .dp .ui_row .ui_col_12 .btn_group .btn.on .caret {
  915. top: 10px;
  916. border-color: transparent transparent #888888 transparent;
  917. }
  918. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu {
  919. width:720px;
  920. padding: 40px;
  921. left: inherit;
  922. top:98.5%;
  923. right: 0;
  924. margin: 0;
  925. border-color: #222;
  926. box-shadow: none;
  927. }
  928. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
  929. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both}
  930. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
  931. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
  932. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
  933. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
  934. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu input {
  935. position: absolute;
  936. display: block;
  937. overflow: hidden;
  938. height: 1px;
  939. width: 1px;
  940. clip: rect(1px, 1px, 1px, 1px);
  941. }
  942. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
  943. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row {justify-content: center; margin: 30px 0 0;}
  944. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset {position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
  945. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset::before {
  946. content:'';
  947. position: absolute;
  948. top:50%;
  949. left:14px;
  950. transform: translateY(-50%);
  951. width:13px;
  952. height: 13px;
  953. background: url(/images/pc/ico_filter_reset.png)no-repeat;
  954. }
  955. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
  956. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
  957. .dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
  958. .dp_Exhibition .list_content {max-width: 1780px;}
  959. .dp_Exhibition .itemPic {padding-top: 100%;}
  960. .dp_Exhibition .item_prod {width: 340px; margin-bottom: 80px;}
  961. .dp_Exhibition .item_prod .itemName {font-size: 18px; line-height: 1.5; overflow:visible; max-height: none;}
  962. .dp_Exhibition .item_prod .item_state {padding: 0;}
  963. .dp_Exhibition .item_prod .summary {display: inline-block; margin: 0px 6px 0; line-height: 1; font-size:14px; font-weight: 400; color: rgb(137, 137, 137);}
  964. .dp_Exhibition .item_prod:nth-child(5n+0) {margin-right: 0;}
  965. .dp_Exhibition .item_prod:nth-child(6n+0) {margin-right: 20px;}
  966. .dp_Exhibition .itemsGrp {margin-bottom: 80px;}
  967. .dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
  968. .dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
  969. .dp_Exhibition .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
  970. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;}
  971. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
  972. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
  973. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
  974. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
  975. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape:after {height: 42px;}
  976. .dp_Exhibition .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;}
  977. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
  978. .dp_Exhibition .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;}
  979. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
  980. .dp_Exhibition .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;}
  981. .dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
  982. .dp_Exhibition .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
  983. .dp_Exhibition .itemsGrp .exhi_item_pr li {float:left; width: 100px; margin-right: 20px;}
  984. .dp_Exhibition .itemsGrp .exhi_item_pr li:last-child {margin-right: 0;}
  985. .dp_Exhibition .itemsGrp .exhi_item_pr li .img {position: relative; background: #f5f5f5; width: 100%; height: 150px; overflow: hidden;}
  986. .dp_Exhibition .itemsGrp .exhi_item_pr li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
  987. .dp_Exhibition .itemsGrp .exhi_item_pr li .txt p {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; word-break: keep-all;}
  988. .dp_Exhibition .itemsGrp .exhi_item_pr li .txt .pr_tit {margin:20px 0; line-height: 1.4; font-size: 14px; max-height:38px;}
  989. .dp_Exhibition .itemsGrp .exhi_item_pr li .txt .price {font-size: 16px; font-weight: 300;}
  990. /* dp_Bulletship */
  991. .Bulletship {padding-bottom: 120px;}
  992. .Bulletship .Bulletship_head {width:1780px; height: 813px; background: url(/images/pc/thumb/bullet_bg1.png)no-repeat center center;}
  993. .Bulletship .Bulletship_body {text-align: center; padding: 60px 0 72px;}
  994. .Bulletship .Bulletship_body > p {margin-top: 30px;}
  995. .Bulletship .Bulletship_body > p:first-child {position: relative; margin-bottom: 26px; padding-top: 38px;}
  996. .Bulletship .Bulletship_body > p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
  997. .Bulletship .Bulletship_body > p:nth-child(2) {margin-bottom: 46px;}
  998. .Bulletship .Bulletship_body > p:nth-child(2) span {color: #fd4802;}
  999. .Bulletship .Bulletship_body > p:nth-child(3) {margin-top: 30px;}
  1000. .Bulletship .Bulletship_foot {width:1780px; height: 393px; background: url(/images/pc/thumb/bullet_bg2.png)no-repeat center center;}
  1001. .Bulletship .Bulletship_body .search {position: relative; width:720px; height: 80px; margin: 0 auto; border: 3px solid #fd4802;}
  1002. .Bulletship .Bulletship_body .search .area,.Bulletship .Bulletship_body .search form,.Bulletship .Bulletship_body .search fieldset{height: 100%;}
  1003. .Bulletship .Bulletship_body .search .ico_search:before {width:35px; height: 36px; background: url(/images/pc/ico_search_bullet.png)no-repeat;}
  1004. .Bulletship .Bulletship_body .search input {width:100%; height: 100%; border: none; padding: 22px 30px;}
  1005. .Bulletship .Bulletship_body .search button {position: absolute; top:20px; right:19px;}
  1006. .Bulletship .Bulletship_body .bullet_able,.Bulletship .Bulletship_body .normal_able {width:720px; padding: 26px 112px; margin-bottom: 30px; box-sizing: border-box; background: #f5f5f5;}
  1007. .Bulletship .Bulletship_body > div {width:720px; margin: 0 auto;}
  1008. .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;}
  1009. .container.dp .bullet_sticky_nav.sticky {position: fixed; max-width: 1780px; top: 0px;}
  1010. /* .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
  1011. .dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} */
  1012. .dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
  1013. .dp .bullet_sticky_nav ul li:last-child::after {display: none;}
  1014. .dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
  1015. .dp .bullet_sticky_nav ul li a {font-weight: 500;}
  1016. .dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
  1017. /* dp_Bulletship_pop */
  1018. .modal.ship_pop {padding: 60px; max-width:580px; height: 490px; text-align: center;}
  1019. .modal.ship_pop .modal-header {margin-bottom: 30px;}
  1020. .modal.ship_pop .modal-header p:first-child {position: relative; margin-bottom: 14px; padding-top: 38px;}
  1021. .modal.ship_pop .modal-header p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
  1022. .modal.ship_pop .modal-header p span {color:#fd4802;}
  1023. .modal.ship_pop .modal-body {background: #f5f5f5; padding: 30px 34px;}
  1024. .modal.ship_pop .modal-footer {margin-top: 30px;}
  1025. .modal.ship_pop .modal-footer p {margin-bottom: 28px;}
  1026. /* dp_Bulletship_pop */
  1027. /* dp_detail_case1 */
  1028. .dp .wide .cont_head div div {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
  1029. .dp .wide .cont_head div div a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
  1030. .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;}
  1031. .dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
  1032. .dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
  1033. .dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child p {font-size: 30px; line-height: 1;}
  1034. .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;}
  1035. .dp .wide .cont_body .coner_content .coner_visual {max-width: 1780px; margin: 0 auto;}
  1036. .dp .wide .coner_item01 .dp_listItems_cont ul > .ui_row {padding: 60px 0; margin: 0; justify-content: center;}
  1037. .dp .wide .dp_listItems_cont {display: flex; justify-content: center;}
  1038. .dp .wide .dp_listItems_cont ul li:first-child {margin-bottom: 40px;}
  1039. .dp .wide .dp_listItems_cont ul li .dp_listItems::after {content: ''; display: block; clear: both;}
  1040. .dp .wide .dp_listItems_cont ul li .dp_listItems > div {float: left;}
  1041. .dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_info { padding: 184px 0 0 50px;}
  1042. .dp .wide .dp_listItems_info .dp_listItems_brand {margin-bottom: 20px;}
  1043. .dp .wide .dp_listItems_info .dp_listItems_brand,.dp_listItems_info .dp_listItems_price del {color:#888;}
  1044. .dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_name {margin-bottom: 26px;}
  1045. .dp .wide .dp_listItems_info .dp_listItems_price {margin-bottom: 30px;}
  1046. .dp .wide .dp_listItems_info .dp_listItems_price del {margin: 0 8px;}
  1047. .dp .wide .dp_listItems_info .dp_listItems_price .percent{color:#fd4802;}
  1048. .dp .wide .dp_lookbook_case1 {position: relative;}
  1049. .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%);}
  1050. .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%);}
  1051. .dp .wide .dp_lookbook_case1 .slick-dots{position:absolute; left:0; bottom:-40px; width:100%; text-align:center; z-index:10;}
  1052. .dp .wide .dp_lookbook_case1 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  1053. .dp .wide .dp_lookbook_case1 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  1054. .dp .wide .dp_lookbook_case1 .slick-dots li.slick-active button{background:#fd4802;}
  1055. /* dp_detail_case2 */
  1056. .dp .wide .cont_body .coner_content .coner_item02 {padding-top: 120px;}
  1057. .dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child {margin-bottom: 60px; text-align: center;}
  1058. .dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
  1059. /* dp_detail_case2 쿠폰 */
  1060. .dp .coupon_list {margin-bottom: 60px;}
  1061. .dp .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0; position: relative; position: relative; overflow: hidden;}
  1062. .dp .coupon_list li:nth-child(4n) {margin-right: 0;}
  1063. .dp .coupon_list li .cp_top {position: relative; overflow: hidden;}
  1064. .dp .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
  1065. .dp .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
  1066. .dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
  1067. .dp .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  1068. .dp .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
  1069. .dp .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
  1070. .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;}
  1071. .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;}
  1072. .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;}
  1073. .dp .coupon_list li .cp_date {border:1px solid #222; background: #222; font-weight: 300; text-align: center;}
  1074. .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:13px 5px; font-size: 16px; font-weight: 300; color: #fff;}
  1075. .dp .coupon_list li .cp_date button span {background: url(/images/pc/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
  1076. .dp .coupon_list li.off .cp_date {border:1px solid #aaa; background: #aaa;}
  1077. .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
  1078. .dp .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
  1079. .dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
  1080. .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;}
  1081. .dp_coupon_list .dp_coupon_item {text-align: center;}
  1082. .dp_coupon_list .dp_coupon_item div:last-child {margin-top: 18px;}
  1083. .dp_coupon_list .dp_coupon_item div:last-child a {padding-bottom: 2px; border-bottom: 1px solid #888;}
  1084. .dp_coupon_list .dp_coupon_item:nth-child(1) {margin-bottom: 78px;}
  1085. .dp_coupon_list .dp_coupon_item:nth-child(2) {margin: 0 0 0 100px;}
  1086. .dp_coupon_list .dp_coupon_item:nth-child(3) {margin: 0 0 0 100px;}
  1087. .dp_coupon_list .dp_coupon_item:nth-child(5) {margin: 0 0 0 100px;}
  1088. .dp_coupon_list .dp_coupon_item:nth-child(6) {margin: 0 0 0 100px;}
  1089. .dp_coupon_list .dp_coupon {position: relative; width:286px; padding: 36px 40px; box-sizing: border-box; background: #f5f5f5;}
  1090. .dp_coupon_list .dp_coupon::before {
  1091. content:'';
  1092. position: absolute;
  1093. width: 0px; height: 0px;
  1094. top:-26px;
  1095. left:-26px;
  1096. border-top:26px solid transparent;
  1097. border-bottom:26px solid #fff;
  1098. border-right: 26px solid transparent;
  1099. border-left: 26px solid transparent;
  1100. transform: rotate(-45deg);
  1101. }
  1102. .dp_coupon_list .dp_coupon::after {
  1103. content:'';
  1104. position: absolute;
  1105. width: 0px; height: 0px;
  1106. bottom:-26px;
  1107. right: -26px;
  1108. border-top:26px solid transparent;
  1109. border-bottom:26px solid #fff;
  1110. border-right: 26px solid transparent;
  1111. border-left: 26px solid transparent;
  1112. transform: rotate(135deg);
  1113. }
  1114. .dp_coupon_list .dp_coupon p:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  1115. .dp_coupon_list .dp_coupon p:last-of-type {margin-top: 22px; font-size: 40px; line-height: 1; color:#fd4802;}
  1116. .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;}
  1117. .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;}
  1118. .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;}
  1119. .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
  1120. .dp_coupon_tip ul {margin-left: 90px;}
  1121. .dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
  1122. .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
  1123. .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
  1124. .dp .announce_txt {position: relative; max-width: 1580px; margin: 0 auto; padding-top: 60px;}
  1125. .dp .announce_txt:before {content:''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1580px; height: 1px; background: #ddd;}
  1126. .dp .announce_txt .note_txt {top: 60px;}
  1127. /* .dp .wide .coner_visual .dp_banner_slide {padding-bottom: 170px;} */
  1128. .dp .wide .coner_visual .dp_banner_slide .slide_head {position: relative; width:810px; margin: 0 auto; padding:120px 0 60px; text-align: center;}
  1129. .dp .wide .coner_visual .dp_banner_slide .slide_head p {font-size: 30px; line-height: 1;}
  1130. .dp .wide .coner_visual .dp_banner_slide .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;}
  1131. .dp .wide .coner_visual .dp_lookbook_case2 {width:810px; margin: 0 auto;}
  1132. .dp .wide .coner_visual .dp_lookbook_case2 .slider .slick-list {margin:0 -10px;}
  1133. .dp .wide .coner_visual .dp_lookbook_case2 .slick-slide {margin:0 10px;}
  1134. .dp .wide .dp_lookbook_case2 .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%);}
  1135. .dp .wide .dp_lookbook_case2 .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%);}
  1136. .dp .wide .dp_lookbook_case2 .slick-dots{position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:10;}
  1137. .dp .wide .dp_lookbook_case2 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  1138. .dp .wide .dp_lookbook_case2 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  1139. .dp .wide .dp_lookbook_case2 .slick-dots li.slick-active button{background:#fd4802;}
  1140. .dp .wide .dp_lookbook_case2 .itemPrice::after {content:''; display: block; clear: both;}
  1141. .dp .wide .dp_lookbook_case2 .itemPrice p:first-child,.dp .wide .dp_lookbook_case2 .itemPrice del {float: left;}
  1142. .dp .wide .dp_lookbook_case2 .itemPrice del {color:#888;}
  1143. .dp .wide .dp_lookbook_case2 .itemPrice p:last-child {float: right; color: #fd4802;}
  1144. .dp .wide .dp_lookbook_item > div:last-child {max-width: 395px; padding: 18px 0 56px;}
  1145. .foot_banner_slide {/*width:1640px;*/ margin: 0 auto;padding:0 70px;}
  1146. .foot_banner_slide > div:first-child {position: relative; text-align: center; padding: 60px 0;}
  1147. .foot_banner_slide > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
  1148. .foot_banner_slide > 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;}
  1149. .foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div {width:312px;}
  1150. .foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div:last-child {padding: 22px 0 104px;}
  1151. .foot_banner_slide .slick-slide img {width: 100%; height:auto;}
  1152. .foot_banner_slide .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;}
  1153. .foot_banner_slide .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;}
  1154. /* dp_detail_casePOPUP */
  1155. .modal.dp_coupon_pop {max-width: 600px; padding: 60px;}
  1156. .modal.dp_coupon_pop .modal-header {padding-bottom: 40px; margin-bottom: 0; border-bottom: 1px solid #222;}
  1157. .modal.dp_coupon_pop .modal-header h5 {margin: 0;}
  1158. .modal.dp_coupon_pop .modal-body {padding: 30px 20px; border-bottom: 1px solid #ddd;}
  1159. .modal.dp_coupon_pop .modal-body p {margin-bottom: 20px;}
  1160. .modal.dp_coupon_pop .modal-body p:last-child {margin-bottom: 0;}
  1161. .modal.dp_coupon_pop .modal-body p strong {margin-right: 60px; color:#222;}
  1162. .modal.dp_coupon_pop .modal-footer {margin-top: 20px;}
  1163. .modal.dp_coupon_pop .modal-footer p {position: relative; padding: 0 14px;}
  1164. .modal.dp_coupon_pop .modal-footer p::before {content:''; position: absolute; width:3px; height: 3px; top:8px; left:0; background: #888;}
  1165. .modal.dp_coupon_pop .modal-footer p:first-child {margin-bottom: 10px;}
  1166. /* dp_detail_case3 */
  1167. .dp .wide .dp_lookbook_case4 {position: relative;}
  1168. .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;}
  1169. .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;}
  1170. .dp .wide .dp_lookbook_case4 .slick-dots{position:absolute; left:0; bottom:40px; width:100%; text-align:center; z-index:10;}
  1171. .dp .wide .dp_lookbook_case4 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  1172. .dp .wide .dp_lookbook_case4 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  1173. .dp .wide .dp_lookbook_case4 .slick-dots li.slick-active button{background:#fd4802;}
  1174. .coner_item03 .slide_head {position: relative; width:1640px; margin: 0 auto; text-align: center; padding:0 0 60px;}
  1175. .coner_item03 .slide_head p {font-size: 30px;}
  1176. .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;}
  1177. .dp .wide .coner_item03 {padding-top: 120px;}
  1178. .dp .wide .coner_item03 .dp_lookbook_case5 {width:1640px; margin: 0 auto;}
  1179. .dp .wide .coner_item03 .dp_lookbook_case5 .slider .slick-list {margin:0 -10px;}
  1180. .dp .wide .coner_item03 .dp_lookbook_case5 .slick-slide {margin:0 10px;}
  1181. .dp .wide .coner_item03 .dp_lookbook_case5 .dp_lookbook_item > div:last-child {text-align: left;}
  1182. .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;}
  1183. .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;}
  1184. .dp .wide .dp_lookbook_case5 .slick-dots{position:absolute; left:0; bottom:-20px; width:100%; text-align:center; z-index:10;}
  1185. .dp .wide .dp_lookbook_case5 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
  1186. .dp .wide .dp_lookbook_case5 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
  1187. .dp .wide .dp_lookbook_case5 .slick-dots li.slick-active button{background:#fd4802;}
  1188. .dp .wide .dp_lookbook_case5 .itemPrice::after {content:''; display: block; clear: both;}
  1189. .dp .wide .dp_lookbook_case5 .itemPrice p:first-child,.dp .wide .dp_lookbook_case5 .itemPrice del {float: left;}
  1190. .dp .wide .dp_lookbook_case5 .itemPrice del {color:#888;}
  1191. .dp .wide .dp_lookbook_case5 .itemPrice p:last-child {float: right; color: #fd4802;}
  1192. .dp .wide .coner_item03 .dp_review_cont {padding: 120px 0; margin:120px 0 0; background: #f5f5f5;}
  1193. .dp .wide .coner_item03 .dp_review {max-width: 1200px; margin: 0 auto;}
  1194. .dp .wide .coner_item03 .dp_review > div {margin-bottom: 60px; text-align: center; font-weight: 500;}
  1195. .dp .wide .coner_item03 .dp_review > div p {font-size: 30px; line-height: 1;}
  1196. .dp .wide .coner_item03 .dp_review section {border-top: 1px solid #ddd; padding: 30px 0;}
  1197. .dp .wide .coner_item03 .dp_review .ui_row {justify-content: center; margin:60px 0 0;}
  1198. .dp .wide .coner_item03 .dp_review .ui_row .btn {border-color: #a1a1a1;}
  1199. .dp .wide .coner_item03 .dp_review section:last-of-type {border-bottom: 1px solid #ddd;}
  1200. .review_summary {margin-bottom: 20px;}
  1201. .review_summary div span {display: inline-block;}
  1202. .review_summary div span *,.review_summary div dl * {display:inline-block;}
  1203. .review_summary div span dt,.review_summary div dl dt {margin-right: 12px; color:#fd4802;}
  1204. .review_summary div dl dd {margin-right: 30px;}
  1205. .review_summary .review_head {margin-bottom: 20px;}
  1206. .review_summary .review_head::after {content:''; display: block; clear: both;}
  1207. .review_summary .review_head * {float: left;}
  1208. .review_summary .review_head .best {
  1209. display: inline-block;
  1210. margin: 0;
  1211. padding:0 10px;
  1212. line-height: 22px;
  1213. height: 22px;
  1214. color: #fff;
  1215. background: #fd4802;
  1216. box-sizing: border-box;
  1217. }
  1218. .review_summary .review_head .best::after {content: "BEST";}
  1219. .review_summary .review_head .date {float: right;}
  1220. .review_summary .review_head .date em:first-child {margin-right: 20px;}
  1221. .review_summary .review_head .star { width:100px; height: 22px; margin-right: 10px; background:#000;}
  1222. .review_summary .review_body {margin-bottom: 10px;}
  1223. .review_summary .review_body,.review_summary .review_foot {display: block;}
  1224. .review_content .review_photo {display: flex; justify-content: flex-start;}
  1225. .review_content .review_photo a {margin-left: 10px;}
  1226. .review_content .review_photo a:first-child {margin-left: 0;}
  1227. .review_content .review_photo a img {display: block;}
  1228. .review_content .review_text {padding: 24px 0 0;}
  1229. .review_content .review_text p {line-height:2; max-width: 1100px; overflow: hidden; word-break: break-all;}
  1230. /* 전시_서브메인 */
  1231. .container.dp .content {max-width:1780px; margin:0 auto 120px !important;}
  1232. .container.dp .content.wide {max-width: 100%;}
  1233. .dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
  1234. .dp .dp_submain .dp_sum_slide {position: relative; margin-bottom: 120px; }
  1235. .dp .dp_submain .dp_sum_slide .swiper-pagination {margin:0;}
  1236. .dp .dp_submain .dp_sum_slide .swiper-container {padding-bottom: 60px;}
  1237. .dp .dp_submain .dp_sum_slide .img img {width: 100%; height:auto;}
  1238. .dp .dp_submain .dp_sum_slide .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;}
  1239. .dp .dp_submain .dp_sum_slide .txt span {font-size: 16px; font-weight: 200; color: #222;}
  1240. .dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
  1241. .dp .dp_submain .swiper-container-horizontal>.swiper-pagination-progressbar {top:auto; bottom:0; height: 2px;}
  1242. .dp .dp_submain .swiper-pagination-progressbar {background: #ddd;}
  1243. .dp .dp_submain .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222;}
  1244. .dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {opacity: 0;}
  1245. .dp .dp_submain .swiper-button-next, .dp .dp_submain .swiper-button-prev {top: 200px; width: 50px; height: 50px; margin-top: 0;}
  1246. .dp .dp_submain .swiper-button-next:after, .dp .dp_submain .swiper-button-prev:after {display: none;}
  1247. .dp .dp_submain .swiper-button-next {right: 0; background: url(/images/pc/slide_next.png) no-repeat center;}
  1248. .dp .dp_submain .swiper-button-prev {left: 0; background: url(/images/pc/slide_prev.png) no-repeat center;}
  1249. .dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
  1250. .dp .dp_category .dp_cate_list {width: 1400px; margin:0 -5px; display: inline-block;}
  1251. .dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
  1252. .dp .dp_category .dp_cate_list a {box-sizing:border-box; float:left; background: #fff url(/images/pc/ico_more_lg.png) no-repeat right 24px center; border:1px solid #ddd; width: 220px; line-height: 58px; margin:0 5px 20px; padding:0 24px; font-size: 18px; font-weight: 500; color: #666; text-align: left;}
  1253. .dp .main_trendy {background: #fff; padding:0 70px;}
  1254. .dp .main_trendy .item_prod {margin-bottom: 0;}
  1255. .dp .main_trendy .cont_head {margin-bottom: 60px;}
  1256. .dp .main_trendy .cont_body {padding:0;}
  1257. .dp .main_trendy .slick-dots {bottom: 0;}
  1258. .dp .main_recomm {padding: 0; max-width:1640px !important;}
  1259. .dp .main_recomm .item_prod {width: 20%;}
  1260. .dp .post-recomm .post {margin: 0;}
  1261. .dp .slick-dots {bottom: 0;}
  1262. /* 전시_룩북 */
  1263. .dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
  1264. .dp .event_list .event_top:after {content:''; clear:both; display: block;}
  1265. .dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
  1266. .dp .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
  1267. .dp .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
  1268. .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;}
  1269. .dp .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
  1270. .dp .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
  1271. .dp .event_list .list li .rank {min-width:52px;}
  1272. .dp .event_list .list li .ev_img {margin-bottom: 25px; position: relative; width: 430px; height: 430px;}
  1273. .dp .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  1274. .dp .event_list .list li .txt .brand {color: #888; font-weight: 300;}
  1275. .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;}
  1276. .dp .event_list .list .no_con {display: none;}
  1277. .dp .event_list.no_data .list .event_con {display: none;}
  1278. .dp .event_list.no_data .list .no_con {display: block; padding:100px 0;}
  1279. .dp .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
  1280. .dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
  1281. .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;}
  1282. /* od 공통 */
  1283. .container.od .wrap .content {width:1460px;}
  1284. .container.od .wrap .content.wide {width:100%;}
  1285. .od {padding-top:120px; padding-bottom:150px;}
  1286. .od .cont_head h2 {margin-bottom:0; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
  1287. .od .item_slide .item_gd a .price {margin-top:15px}
  1288. .od .info_txt {padding:30px; line-height:1.2; background:#fff6f2;}
  1289. .od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px;}
  1290. .od .info_txt ul li:last-child {margin-bottom: 0;}
  1291. .od .info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
  1292. .od .form_field {display:block;}
  1293. .od .form_field::after {clear:both; display:block; content:'';}
  1294. .od .form_field input[type="radio"] + label,
  1295. .od .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
  1296. .od .form_field input[type="radio"] + label:before,
  1297. .od .form_field input[type="radio"]:checked + label:after,
  1298. .od .form_field input[type="checkbox"] + label:before,
  1299. .od .form_field input[type="checkbox"]:checked + label:after,
  1300. .od .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
  1301. .od .form_field .input_wrap {display:block; width:100%; margin:0;}
  1302. .od .form_field .input_wrap::after {clear:both; display:block;}
  1303. .od .cont_head .oder_steps {margin-top:40px; margin-bottom:60px; text-align:center;}
  1304. .od .cont_head .oder_steps ul {display:inline-block;}
  1305. .od .cont_head .oder_steps ul::after {content:''; clear:both; display:block;}
  1306. .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;}
  1307. .od .cont_head .oder_steps ul li.on {color:#fd4802; font-weight:300;}
  1308. .od .cont_head .oder_steps ul li::before {content:''; position:absolute; left:-60px; top:50%; width:60px; border-bottom:1px solid #ddd;}
  1309. .od .cont_head .oder_steps ul li:first-of-type {margin-left:0}
  1310. .od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
  1311. .od .od_cont {float:left; width:1080px; min-height:400px;}
  1312. .od .od_cont * {font-family:inherit; line-height:1; vertical-align:top;}
  1313. .od .od_cont .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
  1314. .od .od_cont .tmark_optional {color:#888; font-size:12px; font-weight:300; line-height:14px;}
  1315. .od .od_cont button span {/*vertical-align:middle;*/ line-height: inherit;}
  1316. .od .od_cont .form_control {min-width:400px; height:42px; padding-left:20px; font-size:14px;}
  1317. .od .od_cont .sec_head {margin-bottom:60px;}
  1318. .od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
  1319. .od .od_cont .sec_head .tbl td {text-align:left;}
  1320. .od .od_cont .sec_head .tbl td > span {position:relative; margin-left:30px; padding-left:30px;}
  1321. .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;}
  1322. .od .od_cont .sec_head .tbl td > span:first-child {padding-left:0}
  1323. .od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
  1324. .od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px;}
  1325. .od .od_cont .sec_body {}
  1326. .od .od_cont .sec_body .foldGroup {}
  1327. .od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
  1328. .od_cont .foldGroup .btn.btn_dark {height:42px; line-height:1; padding:10px 20px;}
  1329. .od_cont .foldGroup .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
  1330. .od_cont .foldGroup .btn_popup span {vertical-align:top;}
  1331. .od_cont .foldGroup .btn_link_popup {display:inline-block; position:absolute; left:auto; top:50%; margin-top:-12px; margin-left:10px; padding:0px; box-sizing:border-box;}
  1332. .od_cont .foldGroup .btn_link_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888;}
  1333. .od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
  1334. .od_cont .foldGroup .fold_head a {padding:0;}
  1335. .od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:35px 0px;}
  1336. .od_cont .foldGroup .fold_head .fold_tit span {font-size:24px;}
  1337. .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;}
  1338. .od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
  1339. .od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
  1340. .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;}
  1341. .od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
  1342. .od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
  1343. .od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
  1344. .od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box; overflow:hidden;}
  1345. .od_cont .foldGroup .fold_cont > div {}
  1346. .od_cont .foldGroup dl {font-size:16px;}
  1347. .od_cont .foldGroup dl .btn span {vertical-align:middle;}
  1348. .od_cont .foldGroup dl > div {display:block; margin-top:20px; color:#222;}
  1349. .od_cont .foldGroup dl > div:first-of-type {margin-top:0px}
  1350. .od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
  1351. .od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px}
  1352. .od_cont .foldGroup dl > div dd {position:relative; float:left; width:780px;}
  1353. .od_cont .foldGroup dl::after,
  1354. .od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
  1355. .od .od_side {float:right; width:320px;}
  1356. .od .od_side * {font-family:inherit; line-height:1;}
  1357. .od .od_side h3 {color:#222; font-size:24px; font-weight:300; letter-spacing:-0.025em;}
  1358. .od .od_side h4 {margin-bottom:20px; color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em;}
  1359. .od .od_side .item_gd figure {position:relative; height:150px;}
  1360. .od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
  1361. .od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;}
  1362. .od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px}
  1363. .od .od_side .item_gd figure figcaption a {}
  1364. .od .od_side .item_gd figure figcaption .name {margin-top:5px;}
  1365. .od .od_side .item_gd figure figcaption .price {}
  1366. .od .od_side .item_gd figure figcaption .price {position:relative; margin-top:10px; padding-right:50px; box-sizing:border-box}
  1367. .od .od_side .item_gd figure figcaption .price del {padding-left:0; line-height:1.2;}
  1368. .od .od_side .item_gd figure figcaption .price .discount {position:absolute; right:0; bottom:0;}
  1369. .od .od_side .item_gd figure figcaption .option {margin-top:5px;}
  1370. .od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
  1371. .od .od_side .area_order dl dt {float:left;}
  1372. .od .od_side .area_order dl dd {float:right;}
  1373. .od .od_side .area_order dl::after,
  1374. .od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
  1375. .od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
  1376. .od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
  1377. .od .od_side .area_order .tit_box span {display:inline-block; margin-top:2px; margin-left:5px; color:#888; font-size:14px; font-weight:200; vertical-align:top}
  1378. .od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
  1379. .od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
  1380. .od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
  1381. .od .od_side .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
  1382. .od .od_side .area_order .od_item_box .part_dlvr h4 span {color:#888; font-size:14px; font-weight:200; vertical-align:middle;}
  1383. .od .od_side .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
  1384. .od .od_side .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
  1385. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:25px}
  1386. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
  1387. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
  1388. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
  1389. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
  1390. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802;}
  1391. .od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px}
  1392. .od .od_side .area_order .od_amount_box {padding:35px 30px 30px; color:#888; font-size:14px; font-weight:200;}
  1393. .od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
  1394. .od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px}
  1395. .od .od_side .area_order .od_amount_box dl dd {color:#222; font-weight:300;}
  1396. .od .od_side .area_order .od_amount_box dl dd em {font-size:16px}
  1397. .od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
  1398. .od .od_side .area_order .od_amount_box .t_info {margin-top:15px;}
  1399. .od .od_side .area_order .od_amount_box .btn_link {display:inline-block; margin-top:20px; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
  1400. .od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
  1401. .od .od_side .area_order .totalprice_box {padding:0px 30px 30px}
  1402. .od .od_side .area_order .totalprice_box dl {padding:30px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
  1403. .od .od_side .area_order .totalprice_box dl dd span {font-size:24px;}
  1404. .od .od_side .area_order .totalprice_box .info_point {margin-top:25px; padding:15px 10px; background:#f5f5f5; color:#888; font-size:14px; font-weight:300; text-align:center;}
  1405. .od .od_side .area_order .totalprice_box .info_point .save_point {color:#fd4802;}
  1406. .od .od_side .area_order .btn_box {padding:0px 30px 35px;}
  1407. .od .od_side .area_salecoupon {margin-top:35px}
  1408. .od .od_side .area_salecoupon input {font-size:14px; font-weight:200;}
  1409. .od .od_side .area_salecoupon .input_wrap {float:left; width:242px}
  1410. .od .od_side .area_salecoupon .btn {padding:14px 20px; height:50px; box-sizing:border-box; font-size:14px; font-weight:200}
  1411. .od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:10px; padding:30px; background:#f5f5f5; box-sizing:border-box;}
  1412. .od .od_side .area_salecoupon .coupon_box .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  1413. .od .od_side .area_salecoupon .coupon_box .coupon .btn_close_code {position:absolute; right:14px; top:14px; z-index:2;}
  1414. .od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
  1415. .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:#f5f5f5; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
  1416. .od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
  1417. .od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  1418. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:15px;}
  1419. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:20px; font-weight:500;}
  1420. .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:24px;}
  1421. .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:10px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
  1422. .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:5px}
  1423. .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span .tag {display:inline-block; min-width:55px; height:22px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height:21px;}
  1424. .od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:13px 0; border-top:1px dashed #ddd; text-align:center; font-size:14px; font-weight:200;}
  1425. .od .od_side .area_salecoupon .coupon_box .info_coupon {text-align:center;}
  1426. .od .od_side .area_salecoupon .coupon_box .info_coupon button {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
  1427. .od .od_side .area_saleitem {margin-top:40px}
  1428. .od .od_side .area_saleitem .more_sale {margin-bottom:10px; padding:20px; box-sizing:border-box; border:1px solid #ddd}
  1429. .od .od_side .area_saleitem .more_sale .txt a {display:block; position:relative; padding-left:45px; color:#fd4802; font-size:14px; font-weight:200;}
  1430. .od .od_side .area_saleitem .more_sale .txt a span {display:block; line-height:20px;}
  1431. .od .od_side .area_saleitem .more_sale .item_gd {margin-bottom:20px;}
  1432. .od .od_side .area_saleitem .more_sale .name {-webkit-line-clamp:3; max-height:60px;}
  1433. .od .od_side .area_saleitem .more_sale .item_gd + .txt {padding-top:20px; border-top:1px dashed #ddd;}
  1434. .od .od_side .area_saleitem .more_sale .txt .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
  1435. /* od_shopping_Bag */
  1436. .od .shopping_bag {}
  1437. .od .shopping_bag.wide {padding-top:120px}
  1438. .od .shopping_bag table th,
  1439. .od .shopping_bag table td {vertical-align:middle;}
  1440. .shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
  1441. .shopping_bag .sec_head table .form_field span {display:inline-block; line-height:23px;}
  1442. .shopping_bag .sec_head table .form_field span .tag {display:inline-block; width:55px; height:22px; margin-right:8px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height: 21px;}
  1443. .shopping_bag .part_deliver {position:relative; margin-top:100px;}
  1444. .shopping_bag .part_deliver table .info_item .info_box {vertical-align:top;}
  1445. .shopping_bag .part_deliver .form_field input[type="radio"] + label:before,
  1446. .shopping_bag .part_deliver .form_field input[type="radio"]:checked + label:after,
  1447. .shopping_bag .part_deliver .form_field input[type="checkbox"] + label:before,
  1448. .shopping_bag .part_deliver .form_field input[type="checkbox"]:checked + label:after,
  1449. .shopping_bag .part_deliver .form_field input[type="checkbox"]:disabled + label:after {top:65px; transform:translateY(0%);}
  1450. .shopping_bag .part_deliver:first-of-type {margin-top:0;}
  1451. .shopping_bag .part_deliver h3.subH2 span {margin-top:3px; color:#888; font-size:16px; font-weight:200; line-height:24px;}
  1452. .shopping_bag .part_deliver .btn_area {margin-top:20px}
  1453. .shopping_bag .part_deliver .btn_area::after {content:''; clear:both; display:block;}
  1454. .shopping_bag .part_deliver .btn_area button {float:left; padding:8px 14px; margin-left:8px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
  1455. .shopping_bag .part_deliver .btn_area button:first-child {margin-left:0;}
  1456. .shopping_bag .od_recommend {position:relative;}
  1457. .shopping_bag .od_recommend .swiper-container {width:1460px; margin:auto; padding:0px; overflow:hidden; box-sizing:border-box;}
  1458. .shopping_bag .od_recommend .swiper-container .swiper-wrapper {}
  1459. .shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide {width:296px}
  1460. .shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
  1461. .shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding-bottom:0;}
  1462. .shopping_bag .od_recommend .swiper-button-prev {left:-50px; top:210px}
  1463. .shopping_bag .od_recommend .swiper-button-next {right:-50px; top:210px}
  1464. .shopping_bag .od_recommend .swiper-button-prev::after,
  1465. .shopping_bag .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;}
  1466. .shopping_bag .od_recommend .swiper-button-prev::after {background-position:0 50%;}
  1467. .shopping_bag .od_recommend .swiper-button-next::after {background-position:100% 50%;}
  1468. .shopping_bag .od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:50px}
  1469. .shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet {width:10px; height:10px; background:#ddd; opacity:1;}
  1470. .shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet-active {background: #ff8c12;}
  1471. /* od_odPayment */
  1472. .od .odPayment {}
  1473. .odPayment .icon_tag {display:inline-block; margin-top:-3px;}
  1474. .odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
  1475. .odPayment .icon_tag [class*="tag_"] {float:left; display:inline-block; height:22px; box-sizing:border-box; margin:0px 0 0 4px; padding:0 5px; border:1px solid #ddd; background: #fff; color:#888888; font-size: 11px; font-weight:300; vertical-align:top; line-height:21px;}
  1476. .odPayment .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
  1477. .odPayment .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
  1478. .odPayment .maxdisc_amount,
  1479. .odPayment .fold_head .data .total_gift,
  1480. .odPayment .fold_head .data .total_deduct {color:#fd4802; font-weight:300;}
  1481. .odPayment .fold_cont .area_overseas,
  1482. .odPayment .fold_cont .area_customitem,
  1483. .odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
  1484. .odPayment .fold_cont .area_overseas .info_txt,
  1485. .odPayment .fold_cont .area_customitem .info_txt {margin-top:30px;}
  1486. .odPayment .fold_cont .area_overseas .form_field .agree_overs {margin-top:15px;}
  1487. .odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px}
  1488. .odPayment .fold_cont .area_overseas .info_box,
  1489. .odPayment .fold_cont .area_overseas .info_box label {color:#666; font-size:16px; line-height:26px;}
  1490. .odPayment .fold_cont .area_overseas .info_box label::before,
  1491. .odPayment .fold_cont .area_overseas .info_box label::after {top:-2px !important; transform:translateY(0%) !important;}
  1492. .odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:12px; font-size:14px;}
  1493. .odPayment .fold_cont .area_overseas .info_box.overs1 {margin-top:20px;}
  1494. .odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:30px;}
  1495. .odPayment .fold_cont .area_customitem .agree_custom label {color:#666; font-size:16px; line-height:26px;}
  1496. .odPayment .fold_cont .area_customitem .agree_custom label::before,
  1497. .odPayment .fold_cont .area_customitem .agree_custom label::after {top:-2px !important; transform:translateY(0%) !important;}
  1498. .odPayment .area_selgift {}
  1499. .odPayment .area_selgift .form_field::after {content:''; clear:both; display:block;}
  1500. .odPayment .area_selgift .gift_box {margin-top:20px;}
  1501. .odPayment .area_selgift .gift_box:first-of-type {margin-top:0;}
  1502. .odPayment .gift_box .txt {margin-bottom:30px}
  1503. .odPayment .gift_box .txt span {position:relative; padding-right:20px; margin-right:15px; color:#222; font-weight:300;}
  1504. .odPayment .gift_box .txt span::after {content:'>'; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#888}
  1505. .odPayment .gift_box .form_field .gift {float:left; width:332px; margin-left:12px; margin-bottom:20px;}
  1506. .odPayment .gift_box .form_field .gift:after {content:''; display:block; clear:both;}
  1507. .odPayment .gift_box .form_field .gift:first-child {margin-left:0;}
  1508. .odPayment .gift_box .form_field .gift:nth-child(3n-2) {margin-left:0;}
  1509. .odPayment .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
  1510. .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
  1511. .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:before,
  1512. .odPayment .gift_box .form_field .gift input[type="checkbox"] + label:after{left:14px;}
  1513. .odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
  1514. .odPayment .gift_box .form_field .gift input[type="radio"] + label:before,
  1515. .odPayment .gift_box .form_field .gift input[type="radio"] + label:after{left:14px;}
  1516. .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;}
  1517. .odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
  1518. .odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
  1519. .odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
  1520. .odPayment .gift_box .form_field .gift label .name {width:160px; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
  1521. .odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
  1522. .odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
  1523. .odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
  1524. .odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
  1525. .odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px}
  1526. .odPayment .area_seldiscount {}
  1527. /*.odPayment .area_seldiscount .maxdisc {display:block; width:100%; margin-bottom:30px;}*/
  1528. .odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
  1529. .odPayment .area_seldiscount dl > div dd {width:485px;}
  1530. .odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
  1531. .odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
  1532. .odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
  1533. .odPayment .btn_coupon_toggle {display:inline-block; position:relative; padding-right:22px; color:#222; font-weight:300; }
  1534. .odPayment .btn_coupon_toggle::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;}
  1535. .odPayment .btn_coupon_toggle.on::after {top:3px; background-position:0 0;}
  1536. .odPayment .btn_coupon_toggle span {color:#fd4802}
  1537. .odPayment .coupon_list {display:none; margin-top:20px; padding-top:30px; border-top:1px solid #ddd}
  1538. .odPayment .coupon_list > ul > li {margin-top:30px}
  1539. .odPayment .coupon_list ul li:first-of-type {margin-top:0}
  1540. .odPayment .coupon_list ul li .coupon {position:relative;}
  1541. .odPayment .coupon_list ul li .coupon::after {content:''; display:block; clear:both;}
  1542. .odPayment .coupon_list ul li .coupon .form_field {display:block; width:100%;}
  1543. .odPayment .coupon_list ul li .coupon .form_field .select {display:block; width:100%; font-size:14px;}
  1544. .odPayment .coupon_list ul li .coupon .form_field label {display:block; margin-bottom:10px; font-size:16px; font-weight:300;}
  1545. .odPayment .coupon_list ul li .coupon .select_dress {line-height:24px}
  1546. .odPayment .coupon_list ul li .coupon .item_gd {position:relative; height:90px; box-sizing:border-box;}
  1547. .odPayment .coupon_list ul li .coupon .item_gd .thumb {position:absolute; left:0; top:0; width:60px; height:90px; padding-top:0;}
  1548. .odPayment .coupon_list ul li .coupon .item_gd .name {margin-top:10px; color:#666; font-size:14px;}
  1549. .odPayment .coupon_list ul li .coupon .item_gd .price {margin-top:5px;}
  1550. .odPayment .coupon_list ul li .coupon .item_gd figure {height:90px;display:table-cell;vertical-align:middle;padding-left:80px;}
  1551. .odPayment .coupon_list ul li .coupon .item_gd + .form_field {margin-top:10px;}
  1552. .odPayment .coupon_list ul li .coupon .item_gd + .form_field .select {}
  1553. .odPayment .coupon_list ul li .coupon .cp_discount {margin-top:12px;}
  1554. .odPayment .coupon_list ul li .coupon .cp_discount .cp_amount {color:#fd4802; font-size:14px; font-weight:300;}
  1555. .odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon {position:relative; display:inline-block; margin-left:4px; margin-top:2px; width:10px; height:10px; background:url('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% 100%;}
  1556. .odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon span {position:absolute; display:inline-block; width:1px; height:1px; font-size:1px; text-indent:-999px; overflow:hidden;}
  1557. .odPayment .coupon_list ul li .coupon_discount {}
  1558. .odPayment .coupon_list ul li .coupon_cart {}
  1559. .odPayment .coupon_list ul li .coupon_dlvrfee {}
  1560. .odPayment .area_selpoint {}
  1561. .odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
  1562. .odPayment .area_selpoint .form_field > div {float:left; margin-right:40px}
  1563. .odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
  1564. .odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:300;}
  1565. .odPayment .area_selpoint .form_field label + .remain_point {margin-left:10px; vertical-align:middle;}
  1566. .odPayment .area_selpoint .form_field p {margin-top:10px; color:#888; font-size:14px;}
  1567. .odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
  1568. .odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}
  1569. .odPayment .fold_paymethod .fold_cont {padding-top:20px; margin-top:-10px;}
  1570. .odPayment .area_paymethod {}
  1571. .odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
  1572. .odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
  1573. .odPayment .area_paymethod .radio_blk .paymethod_radio {position:relative}
  1574. .odPayment .area_paymethod .radio_blk .paymethod_radio label {display:block; padding-top:30px; padding-bottom:30px; color:#222; font-size:16px; font-weight:300;}
  1575. .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;}
  1576. .odPayment .area_paymethod .radio_blk.on .paymethod_radio .quickpay_bnr {display:none;}
  1577. .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;}
  1578. .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);}
  1579. .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;}
  1580. .odPayment .area_paymethod .radio_blk .paymethod_box {}
  1581. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay {}
  1582. .odPayment .area_paymethod .radio_blk .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;}
  1583. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
  1584. .odPayment .area_paymethod .radio_blk .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%;}
  1585. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
  1586. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
  1587. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
  1588. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
  1589. .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
  1590. .odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802}
  1591. .odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
  1592. .odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
  1593. .odPayment .card_quickpay .list_card .swiper-button-prev,
  1594. .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;}
  1595. .odPayment .card_quickpay .list_card .swiper-button-prev {left:244px; background-position:0 50%;}
  1596. .odPayment .card_quickpay .list_card .swiper-button-next {right:244px; background-position:100% 50%;}
  1597. .odPayment .card_quickpay .list_card .swiper-button-prev::after,
  1598. .odPayment .card_quickpay .list_card .swiper-button-next::after {font-size:0px;}
  1599. .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;}
  1600. .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;}
  1601. .odPayment .card_quickpay .list_card .card .logo_samsung {background:url(/images/pc/logo_card_samsung.png) no-repeat 0 50%;}
  1602. .odPayment .card_quickpay .list_card .card .logo_hyundai {background:url(/images/pc/logo_card_hyundai.png) no-repeat 0 50%;}
  1603. .odPayment .card_quickpay .list_card .card .etc {position:absolute; right:30px; top:30px; z-index:2;}
  1604. .odPayment .card_quickpay .list_card .card .etc::after {content:''; clear:both; display:block;}
  1605. .odPayment .card_quickpay .list_card .card .etc button {float:left; position:relative; margin-left:22px}
  1606. .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;}
  1607. .odPayment .card_quickpay .list_card .card .etc button:first-child::before {display:none;}
  1608. .odPayment .card_quickpay .list_card .card .name {margin-top:10px; height:20px; text-align:center; font-size:14px; line-height:20px; color:#c9dbff}
  1609. .odPayment .card_quickpay .list_card .card .number {margin-top:10px; text-align:center; font-size:24px; font-weight:300;}
  1610. .odPayment .card_quickpay .list_card .card .number span {padding:0px 5px; letter-spacing:2px;}
  1611. .odPayment .card_quickpay .list_card .card .select {position:absolute; left:20px; right:20px; bottom:20px; width:auto; z-index:2;}
  1612. .odPayment .card_quickpay .list_card .card .select .select_dress {padding:13px 20px; background:#3259a8; color:#fff; font-size:14px; border:none;}
  1613. .odPayment .card_quickpay .list_card .card .select .select_dress:after {top:15px; border-color:#fff transparent transparent transparent;}
  1614. .odPayment .card_quickpay .list_card .card .select .select_dress.active:after {top:9px; border-color:transparent transparent #fff transparent}
  1615. .odPayment .card_quickpay .list_card .card .select .select_options {border:none}
  1616. .odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
  1617. .odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
  1618. .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
  1619. .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
  1620. .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li:first-of-type {margin-top:0;}
  1621. .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  1622. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method {margin-bottom:30px; padding-top:30px;}
  1623. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
  1624. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li {float:left; margin-left:40px;}
  1625. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li:first-child {margin-left:0;}
  1626. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label span {display:inline-block; height:28px; color:#222; font-size:14px; line-height:28px;}
  1627. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg {display:inline-block; height:28px; background-position:0 50%; background-repeat:no-repeat;}
  1628. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.kakao {width:79px; background-image:url('/images/pc/pay_kakao.png');}
  1629. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.naver {width:68px; background-image:url('/images/pc/pay_naver.png');}
  1630. .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.payco {width:66px; background-image:url('/images/pc/pay_payco.png');}
  1631. .odPayment .area_paymethod .agree_insurance {display:none; margin:30px 0 0; padding-top:30px; border-top:1px solid #ddd;}
  1632. .odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:16px; font-weight:200;}
  1633. .odPayment .area_paymethod .agree_insurance p {padding:15px 30px 30px; color:#888; font-size:14px; line-height:20px;}
  1634. .odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
  1635. .odPayment .area_paymethod .agree_paymethod label {font-size:16px; font-weight:200;}
  1636. .odPayment .area_paymentinfo {margin-top:30px;}
  1637. .odPayment .paymentinfo {}
  1638. .odPayment .paymentinfo.on {}
  1639. .odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
  1640. .odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
  1641. .odPayment .paymentinfo .payinfo_blk a {display:block; padding:40px; color:#222; font-size:16px; font-weight:300;}
  1642. .odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
  1643. .odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
  1644. .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;}
  1645. .odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; background-position:0 0;}
  1646. .odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
  1647. .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 40px;}
  1648. .odPayment .area_paymentinfo .agree_payment {margin:40px 0 30px; color:#666; font-size:16px; font-weight:200;}
  1649. .odPayment .area_paybtn .btn {height:80px; font-size:18px; font-weight:300;}
  1650. /* od_completed */
  1651. .od .completed {}
  1652. .completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2;}
  1653. .completed .info_complete .txt_box {margin-bottom:30px; color:#222; font-size:24px; font-weight:300; letter-spacing:-1px;}
  1654. .completed .info_complete dl {}
  1655. .completed .info_complete dl div {margin-top:15px}
  1656. .completed .info_complete dl div dt,
  1657. .completed .info_complete dl div dd {display:inline-block; font-weight:300;}
  1658. .completed .info_complete dl div dt {color:#666; font-size:18px;}
  1659. .completed .info_complete dl div dd {margin-left:20px; color:#fd4802; font-size:20px;}
  1660. .completed .info_complete dl div.closedate dt,
  1661. .completed .info_complete dl div.closedate dd {color:#888; font-size:16px; font-weight:200;}
  1662. .completed .od_cont {width:100%;}
  1663. .completed .od_cont h3 {margin-bottom:20px; font-size:20px; font-weight:500; letter-spacing:-0.025em;}
  1664. .completed .od_cont .order_amount dl div {margin-top:20px;}
  1665. .completed .od_cont .order_amount dl div:first-child {margin-top:0}
  1666. .completed .od_cont [class^='area_']{margin-bottom:60px}
  1667. .completed .od_cont .area_payinfo .tbl .tit {font-weight:300; margin-right:40px}
  1668. .completed .btn_group_md {text-align:center;}
  1669. .completed .btn_group_md::after {}
  1670. .completed .btn_group_md .btn {margin:0px 5px; padding:0; width:230px; height:60px; font-weight:300;}
  1671. .completed .btn_group_md .btn_default {border-color:#a7a7a7}
  1672. .completed .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
  1673. .completed .btn_popup span {vertical-align:top;}
  1674. /* od_nonMBorder */
  1675. .od .nonMBorder {}
  1676. .nonMBorder .cont_head {margin-bottom:40px;}
  1677. .nonMBorder .btn {font-weight:300;}
  1678. .nonMBorder .btn.btn_postcode {padding:14px 28px; font-size:16px;}
  1679. .nonMBorder .btn_group_md .btn {padding:0; height:60px;}
  1680. .nonMBorder .cont_head {text-align:center;}
  1681. .nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;}
  1682. .nonMBorder input[type="text"],
  1683. .nonMBorder input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
  1684. .nonMBorder input[type="text"]::placeholder{color:#999; font-weight:200;}
  1685. .nonMBorder .form_head {margin-bottom:60px; color:#666; font-size:16px; font-weight:200; line-height:1.5; text-align:center;}
  1686. .nonMBorder .form_field {display:block; margin-bottom:10px;}
  1687. .nonMBorder .form_field:first-of-type {margin-bottom:0px;}
  1688. .nonMBorder .form_field .txt_area {margin-bottom:40px; padding:30px; overflow:auto; max-height:176px; border:1px solid #ddd; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
  1689. .nonMBorder .form_field .ui_row [class^='ui_col_'] {margin-left:0;}
  1690. .nonMBorder .form_info {margin-top:40px; color:#888; font-size:16px; line-height:1; position: relative;}
  1691. .nonMBorder .form_info::after {content:''; clear:both; display:block;}
  1692. .nonMBorder .form_info p span {display:block;}
  1693. .nonMBorder .form_info p .jointit1 {color:#222; font-size:18px; }
  1694. .nonMBorder .form_info p .jointit2 {margin-top:10px; color:#888; font-size:16px;}
  1695. .nonMBorder .form_info 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;}
  1696. .nonMBorder .btn_group_md {float:none; margin-top:40px}
  1697. .nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7}
  1698. .nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px}
  1699. .nonMBorder .agree_nombPrivacy label span {font-size:18px;}
  1700. .nonMBorder .agree_nombPrivacy label span .tmark_required {color:#fd4802; font-size:14px; font-weight:300; line-height:14px;}
  1701. .nonMBorder .adress_area {}
  1702. .nonMBorder .adress_area dl {padding:15px 10px}
  1703. .nonMBorder .adress_area dl div {margin-top:10px;}
  1704. .nonMBorder .adress_area dl div:first-of-type {margin-top:0}
  1705. .nonMBorder .adress_area dl div::after {content:''; display:block; clear:both;}
  1706. .nonMBorder .adress_area dl div dt,
  1707. .nonMBorder .adress_area dl div dd {float:left; height:24px; color:#666;}
  1708. .nonMBorder .adress_area dl div dt span {display:inline-block; width:40px; height:20px; line-height:18px; margin-right:10px; box-sizing:border-box; border:1px solid #ddd; font-size:12px; text-align:center; letter-spacing:-0.025em; vertical-align:middle;}
  1709. .nonMBorder .adress_area dl div dd {width: calc(100% - 50px); line-height:24px;}
  1710. /* od_popup */
  1711. .modal.od_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
  1712. .modal.od_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
  1713. .modal.od_pop .form_field,
  1714. .modal.od_pop .form_field > div {display:block; width:100%;}
  1715. /* od_shoppingbag_popup */
  1716. .modal.opt_modify_pop {max-width:900px; max-height:900px;}
  1717. .modal.opt_modify_pop .modal-header {margin-bottom:20px;}
  1718. .modal.opt_modify_pop .modal-header h5.modal-title {margin-bottom:40px}
  1719. .modal.opt_modify_pop .modal-body .pop_cont {max-height:680px;}
  1720. .modal.opt_modify_pop .prod_title {}
  1721. .modal.opt_modify_pop .opt_header {font-size:14px;}
  1722. .modal.opt_modify_pop .opt_header .title {color:#222; font-weight:300}
  1723. .modal.opt_modify_pop .opt_header .color {color:#666; font-weight:200;}
  1724. .modal.opt_modify_pop img {width:100%}
  1725. .modal.opt_modify_pop ul::after {content:''; clear:both; display:block; width:100%;}
  1726. .modal.opt_modify_pop .prod_info {position:relative;}
  1727. .modal.opt_modify_pop .prod_info::after {content:''; clear:both; display:block; width:100%;}
  1728. .modal.opt_modify_pop .prod_info .prod_preview .area_pic {float:left; width:360px;}
  1729. .modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list {}
  1730. .modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list li {float:left; width:50%;}
  1731. .modal.opt_modify_pop .prod_info .prod_preview .area_order {float:right; width:380px;}
  1732. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul {}
  1733. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li {float:left; margin-left:6px; margin-bottom:6px}
  1734. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
  1735. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a.on img {border:1px solid #222}
  1736. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field {}
  1737. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:41px; text-align:center; background:#f5f5f5; box-sizing:border-box;}
  1738. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::before,
  1739. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
  1740. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
  1741. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through;}
  1742. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field > div {float:left; width:auto;}
  1743. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count span {cursor:pointer; display:inline-block; width:30px; height:30px; background:#f5f5f5; text-align:center;}
  1744. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .plus::after {content:'+';}
  1745. .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .minus::after {content:'-';}
  1746. /* od_odPayment_popup */
  1747. .modal.qPayAgree_pop {}
  1748. .modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
  1749. .modal.qPayAgree_pop .area_QpayCk:first-child {margin-top:0;}
  1750. .modal.qPayAgree_pop .area_QpayCk .agr_select {position:relative; padding:13px 20px; border:1px solid #ddd}
  1751. .modal.qPayAgree_pop .area_QpayCk .agr_select button {position:absolute; right:0; top:0; bottom:0; z-index:2;}
  1752. .modal.qPayAgree_pop .area_QpayCk .info_agrQpay {display:none; padding:13px 20px; border:1px solid #ddd; border-top:none}
  1753. .modal.adrsChange_pop {}
  1754. .modal.adrsAdd_pop {}
  1755. .modal.rqstModify_pop {}
  1756. /* pd_공통 */
  1757. .pd,
  1758. .pd button {}
  1759. .pd button span {line-height:1; font-weight:300;}
  1760. .pd .dot_info {position:relative; padding-left:14px;}
  1761. .pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
  1762. .pd .swiper-pagination {position:absolute; left:0; right:0; bottom:-66px; width:100%; text-align:center;}
  1763. .pd .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  1764. .pd .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  1765. .pd .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  1766. .pd .swiper-button-prev::after,
  1767. .pd .swiper-button-next::after {content: '';}
  1768. .pd .swiper-button-prev,
  1769. .pd .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
  1770. .pd .swiper-button-prev {left:0; background-position:0 50%;}
  1771. .pd .swiper-button-next {right:0; background-position:100% 50%;}
  1772. .pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px}
  1773. .pd .area_slider .swiper-container .item_prod {width:100%;}
  1774. .pd .area_slider .swiper-container .item_prod .item_state {padding:0}
  1775. /* pd */
  1776. .pd {}
  1777. .pd .item_picker {position:absolute; z-index:2;}
  1778. .pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
  1779. /* pd_detail */
  1780. .pd_detail {}
  1781. .pd_detail .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
  1782. .pd_detail .thumb img {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
  1783. .pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
  1784. .pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
  1785. .pd_detail .item_detail {}
  1786. .pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
  1787. .pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
  1788. .pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
  1789. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:500px;}
  1790. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5;}
  1791. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on {}
  1792. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img {width:100%; box-sizing:border-box;}
  1793. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on img {border:1px solid #222;}
  1794. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev,
  1795. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {left:50%; right:auto; width:12px; height:21px; transform:translateX(-50%) translateY(0) rotate(90deg);}
  1796. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:-4px; bottom:auto;}
  1797. .pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:-4px;}
  1798. .pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
  1799. .pd_detail.hotdeal .area_pic .thumb_list_wrap {padding-left:0;}
  1800. .pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
  1801. .pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
  1802. .pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 5px); margin-top:10px;}
  1803. .pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px}
  1804. .pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('/images/pc/cursor_zoom.png') 0 0, zoom-in;}
  1805. .pd_detail .area_pic .thumb_list_wrap li.on a span img {border:2px solid #222; box-sizing:border-box; z-index:2;}
  1806. .pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
  1807. .pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
  1808. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
  1809. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
  1810. .pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}
  1811. .pd_detail .area_pic.onlyitem {padding-left:0}
  1812. .pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
  1813. .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
  1814. .pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
  1815. .pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:510px;}
  1816. .pd_detail .area_desc .desc_wrap {/*position:absolute; right:auto; top:0; background:#eee*/width:510px; z-index:2;}
  1817. .pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:auto; bottom:0px;}
  1818. .pd_detail .area_desc .desc_wrap.fixbottom {position:fixed; top:auto; bottom:0px;}
  1819. .pd_detail .area_desc .desc_wrap .timer_box {padding-bottom:30px;}
  1820. .pd_detail .area_desc .desc_wrap .timer_box p {padding:16px 30px; background:#222;}
  1821. .pd_detail .area_desc .desc_wrap .timer_box p span {display:inline-block; position:relative;}
  1822. .pd_detail .area_desc .desc_wrap .timer_box p .tit {padding-left:25px; color:#fff; font-size:16px; background:url('/images/pc/ico_timer.png') no-repeat 0 50%;}
  1823. .pd_detail .area_desc .desc_wrap .timer_box p .timer em {display:inline-block; position:relative; padding-left:15px; color:#fd4802; font-size:18px; font-weight:300;}
  1824. .pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
  1825. .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:20px;}
  1826. .pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
  1827. .pd_detail .area_desc .desc_wrap .descript_box {margin-top:10px;}
  1828. .pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:23px;}
  1829. .pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
  1830. .pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand {float:left; position:relative; margin-top:3px; padding-right:14px; color:#222; font-size:16px; font-weight:300;}
  1831. .pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand:after {display:block; position:absolute; top:2px; right:0; width:8px; height:8px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''}
  1832. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button {float:right; position:relative; top:auto; right:auto; width:23px; height:23px; margin-left:15px; font-size:0px;}
  1833. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {background:url('/images/pc/btn_itemLike.png') no-repeat 0% 50%;}
  1834. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike:hover,
  1835. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike.active {background-position:100% 50%;}
  1836. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::before,
  1837. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::after {display:none}
  1838. .pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemShare {background:url('/images/pc/btn_itemShare.png') no-repeat 50% 50%;}
  1839. .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:40px; line-height:1;}
  1840. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk::after {content:''; clear:both; display:block;}
  1841. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .codenumber {float:right; color:#888; font-size:14px; font-weight:200;}
  1842. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {float:left; color:#666; font-size:16px; font-weight:300;}
  1843. .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:1.2;}
  1844. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:30px;}
  1845. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
  1846. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left; }
  1847. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:20px; color:#fd4802; font-size:20px; font-weight:600;}
  1848. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:500;}
  1849. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:600;}
  1850. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .org_price {display:inline-block; margin-left:20px; margin-top:5px; color:#888; font-size:20px; font-weight:200;}
  1851. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point {display:block; width:100%; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
  1852. .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:33px; z-index:2;}
  1853. .pd_detail .area_desc .desc_wrap .descript_box .desc_status {margin-top:30px; padding:20px; background:#fff6f2; color:#fd4802; font-size:16px; font-weight:300; padding-left:20px;}
  1854. .pd_detail .area_desc .desc_wrap .descript_box .desc_status p {}
  1855. .pd_detail .area_desc .desc_wrap .descript_box .desc_status p::before {content:''; display:inline-block; width:17px; height:17px; margin-right:8px; background:url('/images/pc/ico_err.png') no-repeat 50% 50%; vertical-align:top;}
  1856. .pd_detail .area_desc .desc_wrap .benefit_box {margin-top:40px; padding-top:30px; border-top:1px solid #ddd; font-size:14px; font-weight:300;}
  1857. .pd_detail .area_desc .desc_wrap .benefit_box dl .bnf_shopping {margin-bottom:25px}
  1858. .pd_detail .area_desc .desc_wrap .benefit_box dl div::after {content:''; clear:both; display:block;}
  1859. .pd_detail .area_desc .desc_wrap .benefit_box dl div dt {float:left; width:90px; color:#666}
  1860. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd {float:left; position:relative; width:calc(100% - 90px); color:#222;}
  1861. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span {display:block; margin-top:10px}
  1862. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd span:first-child {margin-top:0px}
  1863. .pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_popup {position:absolute; right:0; top:0; z-index:2;}
  1864. .pd_detail .area_desc .desc_wrap .option_box {margin-top:30px; padding-top:10px; padding-bottom:30px; border-top:1px solid #ddd;}
  1865. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] {padding:20px 0;}
  1866. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
  1867. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
  1868. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header > span {display:inline-block; font-size:14px;}
  1869. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .title {margin-right:20px; color:#222; font-weight:300;}
  1870. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .color,
  1871. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
  1872. .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
  1873. .pd_detail .area_desc .desc_wrap .option_box .info_restock {padding-bottom:30px; border-bottom:1px solid #ddd;}
  1874. .pd_detail .area_desc .desc_wrap .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;}
  1875. .pd_detail .area_desc .desc_wrap .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;}
  1876. .pd_detail .area_desc .desc_wrap .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;}
  1877. .pd_detail .area_desc .desc_wrap .option_box .opt_select {}
  1878. .pd_detail .area_desc .desc_wrap .option_box .opt_select .form_field {margin-top:10px;}
  1879. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom {height:52px;}
  1880. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select {height:52px; padding:18px 40px 18px 18px;}
  1881. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select:after {top:22px; right:20px}
  1882. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
  1883. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list {top:50px; padding:0}
  1884. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1;}
  1885. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div {margin-top:5px}
  1886. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
  1887. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
  1888. /**/
  1889. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
  1890. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:110px}
  1891. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%;}
  1892. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {padding:0; margin:0}
  1893. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px}
  1894. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0;}
  1895. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:109px}
  1896. .pd.deal .tab_detail_cont .select_custom.deal_opt_item,
  1897. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:110px}
  1898. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%;}
  1899. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {padding:0; margin:0}
  1900. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px}
  1901. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0;}
  1902. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:109px}
  1903. /**/
  1904. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul {margin-top:-8px}
  1905. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul::after {content:''; clear:both; display:block;}
  1906. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
  1907. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
  1908. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a {display:block; box-sizing:border-box; width:66px; height:99px;}
  1909. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a img {width:100%;}
  1910. .pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a.on img {border:1px solid #222}
  1911. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field {display:block; margin-top:-8px;}
  1912. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
  1913. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
  1914. .pd_detail .area_desc .desc_wrap .option_box .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;}
  1915. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::before,
  1916. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
  1917. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
  1918. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
  1919. .pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div {float:left; width:auto;}
  1920. .pd_detail .area_desc .desc_wrap .option_box .opt_result {}
  1921. .pd_detail .area_desc .desc_wrap .option_box .opt_result .result_item {position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
  1922. .pd_detail .area_desc .desc_wrap .option_box .result_item .opt_header span {display:block}
  1923. .pd_detail .area_desc .desc_wrap .option_box .result_item .opt_header .item_name {color:#222; font-size:16px; font-weight:300;}
  1924. .pd_detail .area_desc .desc_wrap .option_box .result_item .opt_header .item_option {margin-top:10px; color:#888;}
  1925. .pd_detail .area_desc .desc_wrap .option_box .result_item .item_price {position:absolute; right:0; bottom:30px; color:#222; font-size:18px; font-weight:500;}
  1926. .pd_detail .area_desc .desc_wrap .option_box .result_item .btn_delete_item {position:absolute; right:0; top:30px; 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;}
  1927. .pd_detail .area_desc .desc_wrap .option_box .opt_count {padding-bottom:0;}
  1928. .pd_detail .area_desc .desc_wrap .option_box .number_count {display:inline-block; border:1px solid #ddd}
  1929. .pd_detail .area_desc .desc_wrap .option_box .number_count::after {content:''; clear:both; display:block;}
  1930. .pd_detail .area_desc .desc_wrap .option_box .number_count span,
  1931. .pd_detail .area_desc .desc_wrap .option_box .number_count input[type='text']{float:left;}
  1932. .pd_detail .area_desc .desc_wrap .option_box .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
  1933. .pd_detail .area_desc .desc_wrap .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;}
  1934. .pd_detail .area_desc .desc_wrap .option_box .number_count .plus::after {content:''; background-position:100% 0;}
  1935. .pd_detail .area_desc .desc_wrap .option_box .number_count .minus::after {content:''; background-position:0 0;}
  1936. .pd_detail .area_desc .desc_wrap .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; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif;}
  1937. .pd_detail .area_desc .desc_wrap .price_box {padding:30px 0 40px; border-top:1px solid #222;}
  1938. .pd_detail .area_desc .desc_wrap .price_box::after {content:''; clear:both; display:block;}
  1939. .pd_detail .area_desc .desc_wrap .price_box .number {float:left; color:#666; font-size:14px; font-weight:200; margin-top:8px}
  1940. .pd_detail .area_desc .desc_wrap .price_box .price {float:right; color:#222; font-size:30px; font-weight:500;}
  1941. .pd_detail .area_desc .desc_wrap .price_box .price em {font-size:24px;}
  1942. .pd_detail .area_desc .desc_wrap .btn_box .ui_row,
  1943. .pd_detail .area_desc .desc_wrap .btn_box .ui_row [class^='ui_col_'] {margin:0;}
  1944. .pd_detail .area_desc .desc_wrap .btn_box::after {content:''; clear:both; display:block;}
  1945. .pd_detail .area_desc .desc_wrap .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
  1946. .pd_detail .area_desc .desc_wrap .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
  1947. .pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#f5f5f5;}
  1948. .pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px}
  1949. .pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd}
  1950. .pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd}
  1951. .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;}
  1952. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
  1953. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:300;}
  1954. .pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
  1955. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review {}
  1956. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score {float:right; margin-right:48px; height:14px;}
  1957. .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:#ddd;}
  1958. .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;}
  1959. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#222}
  1960. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:300;}
  1961. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
  1962. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 150px; border:1px solid #eee;}
  1963. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {position:absolute; left:20px; top:20px; width:110px;}
  1964. .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;}
  1965. .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;}
  1966. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
  1967. .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:#ddd;}
  1968. .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;}
  1969. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#222}
  1970. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico {margin-left:10px}
  1971. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico::before {vertical-align:inherit;}
  1972. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review {margin-top:10px}
  1973. .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;}
  1974. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_qna {}
  1975. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
  1976. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
  1977. .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span:first-child {margin-top:0; margin-bottom:20px;}
  1978. .pd_together {padding-top:120px;}
  1979. .pd_together .area_slider {padding:0;}
  1980. .pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
  1981. .pd_together .area_slider .swiper-scrollbar {background:#ddd}
  1982. .pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
  1983. .pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
  1984. [class*="pd_descrp"] {width:1200px; margin-top:80px; padding-top:120px}
  1985. [class*="pd_descrp"] .cont_body {max-height:1100px; overflow:hidden;}
  1986. [class*="pd_descrp"] .cont_body.on {max-height:none;}
  1987. [class*="pd_descrp"] .cont_body > div {position:relative; width:1200px; margin-left:auto; margin-right:auto}
  1988. [class*="pd_descrp"] .descrp_box {}
  1989. [class*="pd_descrp"] .descrp_box > div {margin-top:40px}
  1990. [class*="pd_descrp"] .descrp_box > div:first-child {margin-top:0;}
  1991. [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
  1992. [class*="pd_descrp"] .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
  1993. [class*="pd_descrp"] .mdhtml_box {margin-top:80px}
  1994. [class*="pd_descrp"] .mdhtml_box img {max-width:100%;}
  1995. [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
  1996. [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}
  1997. [class*="pd_descrp"] .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2}
  1998. [class*="pd_descrp"] [class^="view_"] {margin-top:100px; text-align:center;}
  1999. [class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
  2000. [class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center;}
  2001. [class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:200; text-align:center;}
  2002. [class*="pd_descrp"] [class^="view_"] .view {margin-top:40px}
  2003. [class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:10px auto 0}
  2004. [class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0}
  2005. [class*="pd_descrp"] .view_label_box .view span {display:inline-block;}
  2006. [class*="pd_descrp"] .view_label_box .view span::after {content:''; clear:both; display:inline-block;}
  2007. [class*="pd_descrp"] .view_label_box .view span img {float:left; margin-top:0; margin-left:20px}
  2008. [class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0}
  2009. [class*="pd_descrp"] .view_outfit_box {}
  2010. [class*="pd_descrp"] .view_detail_box {}
  2011. [class*="pd_descrp"] .brand_box {margin-top:100px; padding:40px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
  2012. [class*="pd_descrp"] .brand_box .name {margin-bottom:25px; color:#222; font-size:24px; font-weight:300;}
  2013. [class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #a7a7a7; color:#222; font-weight:300;}
  2014. [class*="pd_descrp"] .required_box {margin-bottom:80px}
  2015. [class*="pd_descrp"] .required_box .area_detail {text-align:center;}
  2016. [class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
  2017. [class*="pd_descrp"] .required_box .area_infotbl {margin-top:100px;}
  2018. [class*="pd_descrp"] .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
  2019. [class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
  2020. [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;}
  2021. [class*="pd_descrp"] .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
  2022. [class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
  2023. [class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
  2024. [class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
  2025. [class*="pd_descrp"] .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
  2026. [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; }
  2027. [class*="pd_descrp"] .btn_more_box .btn {border-color:#fd4802; color:#fd4802;}
  2028. [class*="pd_descrp"] .btn_more_box .btn span {position:relative; padding-right:35px;}
  2029. [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%;}
  2030. [class*="pd_descrp"] .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
  2031. [class*="pd_descrp"] .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
  2032. .pd_clickother {}
  2033. .pd_clickother .area_slider {margin-bottom:190px;}
  2034. .pd_clickother .area_slider .itemName {height:32px}
  2035. .pd_recommend {}
  2036. .pd_recommend .area_slider {margin-bottom:170px; padding-bottom:1px;}
  2037. .pd_recommend .area_slider .swiper-pagination {bottom:-55px;}
  2038. .pd_recommend .area_slider .page {position:relative; min-height:670px; border:1px solid #ddd; box-sizing: border-box;}
  2039. .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
  2040. .pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
  2041. .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;}
  2042. .pd_recommend .area_slider .page .item_wrap {display:table; position:absolute; width:50%; height:100%; right:0; top:0; bottom:0; table-layout:fixed;}
  2043. .pd_recommend .area_slider .page .item_wrap .item_area {display:table-cell; width:100%; padding: 0px 10%; box-sizing:border-box; vertical-align:middle;}
  2044. .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin:0; color:#222; font-size:20px; font-weight:500;}
  2045. .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
  2046. .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:540px; margin-top:30px; overflow-y:auto;}
  2047. .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
  2048. .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;}
  2049. .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
  2050. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
  2051. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
  2052. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
  2053. .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
  2054. .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;}
  2055. .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}
  2056. .pd_recommend .item_area .itemBrand {}
  2057. .pd_recommend .item_area .itemName {}
  2058. .pd_recommend .item_area .itemPrice {}
  2059. .pd_recommend .item_area .itemPrice .itemPrice_original {}
  2060. .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
  2061. .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
  2062. .pd_relate {}
  2063. .pd_relate .area_slider {margin-bottom:230px;}
  2064. .pd_relate .area_slider .itemName {height:32px}
  2065. .pd_dealitem {}
  2066. .pd_dealitem .itemsGrp {position:relative; display:block; width:100%; margin-bottom:0;}
  2067. .pd_dealitem .itemsGrp .item_prod {width:calc((100% - 60px)/4); margin-left:20px;}
  2068. .pd_dealitem .itemsGrp .item_prod:nth-child(4n-3) {margin-left:0px;}
  2069. .pd_dealitem .itemsGrp {margin-top:-60px}
  2070. .pd_dealitem .itemsGrp .item_prod {margin-top:60px}
  2071. .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
  2072. .pd_dealitem .itemLink {}
  2073. .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;}
  2074. .pd_dealitem .itemLink:hover .itemPic::after,
  2075. .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
  2076. .pd_dealitem .rank {max-height:none; padding:12px 0 10px; z-index:3;}
  2077. .pd_dealitem .rank.detail::after {background:#fd4802}
  2078. .pd_dealitem .rank.detail span {display:block; font-size:14px; font-weight:300;}
  2079. .pd_dealitem .rank.detail span em {display:block; margin-top:6px;}
  2080. /* pd deal */
  2081. .pd.deal {}
  2082. .pd.deal div::after,
  2083. .pd.deal dl::after,
  2084. .pd.deal ul::after {content:''; clear:both; display:block;}
  2085. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
  2086. .pd.deal .pd_desc_wrap {position:relative; width:calc(100% - 560px); max-width:1200px; margin:100px 0px 0px; box-sizing:border-box;}
  2087. .pd.deal .tab_detail_nav {height:60px; padding-bottom:60px; box-sizing:initial;}
  2088. .pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
  2089. .pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; width:1200px; z-index:5;}
  2090. .pd.deal .tab_detail_nav ul li {float:left; width:25%}
  2091. .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;}
  2092. .pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
  2093. .pd.deal .tab_detail_cont {display:none; min-height:1000px;}
  2094. .container .wrap .content.wide.pd_clickother {margin-top:120px;}
  2095. /* pd_popup */
  2096. .modal.pd_pop dl div,
  2097. .modal.pd_pop dl dt,
  2098. .modal.pd_pop dl dd {float:left;}
  2099. .modal.pd_pop div::after,
  2100. .modal.pd_pop dl::after,
  2101. .modal.pd_pop ul::after {content:''; clear:both; display:block;}
  2102. .modal.pd_pop .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  2103. .modal.pd_pop .swiper-button-prev,
  2104. .modal.pd_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  2105. .modal.pd_pop .swiper-button-prev {left:-70px;}
  2106. .modal.pd_pop .swiper-button-next {right:-70px;}
  2107. .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);}
  2108. .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);}
  2109. .modal.pd_pop .modal-body .pop_cont {max-height:none;}
  2110. .modal.pd_pop .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:300;}
  2111. .modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
  2112. .modal.pd_pop .modal-body .pop_cont {line-height:1;}
  2113. .modal.pd_pop .modal-footer {margin-top:40px}
  2114. .modal.pd_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
  2115. .modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
  2116. .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  2117. .modal.pd_pop .opt_select .form_field {margin-top:10px;}
  2118. .modal.pd_pop .opt_select .select_custom {height:52px;}
  2119. .modal.pd_pop .opt_select .select_custom .select {height:52px; padding:18px;}
  2120. .modal.pd_pop .opt_select .select_custom .select:after {top:22px; right:20px}
  2121. .modal.pd_pop .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
  2122. .modal.pd_pop .opt_select .select_custom .combo .list {top:50px; padding:0}
  2123. .modal.pd_pop .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1;}
  2124. .modal.pd_pop .opt_select .select_custom .combo .list > li > div {margin-top:5px}
  2125. .modal.pd_pop .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
  2126. .modal.pd_pop .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
  2127. /* pd_popup > EP채널쿠폰 */
  2128. .modal.pd_pop.epcoupon_pop {max-width:none; width:620px; padding:60px 60px;}
  2129. .pd_pop.epcoupon_pop .ep_coupon {position:relative; width:300px; margin:auto; border:1px solid #ddd; background:#f5f5f5; padding:44px 0; text-align:center; line-height:1;}
  2130. .pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
  2131. .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;}
  2132. .pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:16px; font-weight:600; letter-spacing:4px;}
  2133. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:20px;}
  2134. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
  2135. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {font-size:62px; font-weight:600;}
  2136. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:32px; font-weight:500;}
  2137. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_won {}
  2138. .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
  2139. .pd_pop.epcoupon_pop .info_txt {margin-top:30px;}
  2140. .pd_pop.epcoupon_pop .modal-footer button {width:220px}
  2141. /* pd_popup > 할인쿠폰 */
  2142. .modal.pd_pop.salecoupon_pop {max-width:none; width:480px; padding:40px 60px;}
  2143. .pd_pop.salecoupon_pop .coupon_list {line-height:1;}
  2144. .pd_pop.salecoupon_pop .coupon_list li {margin-top:30px}
  2145. .pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
  2146. .pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  2147. .pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative;}
  2148. .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;}
  2149. .pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
  2150. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  2151. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:10px;}
  2152. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
  2153. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
  2154. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
  2155. .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
  2156. .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down {}
  2157. .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
  2158. .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;}
  2159. .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
  2160. /* pd_popup > 쇼핑혜택, 카드혜택 */
  2161. .modal.pd_pop[class*="bnf_"] {max-width:none; width:650px; padding:60px 60px;}
  2162. .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:20px}
  2163. .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:40px}
  2164. .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0}
  2165. .modal.pd_pop[class*="bnf_"] .tbl.type1 {padding:20px 0; font-size:14px;}
  2166. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
  2167. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {font-size:14px; line-height:1; vertical-align:top;}
  2168. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th {padding:10px 0px 10px 20px; color:#222; text-align:left;}
  2169. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {padding:10px 0px; color:#222;}
  2170. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {padding:10px 20px 10px 0px; text-align:right;}
  2171. .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td {color:#fd4802;}
  2172. .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
  2173. .modal.pd_pop.bnf_card_pop table .info_card p {margin-top:10px}
  2174. .modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
  2175. .modal.pd_pop.bnf_card_pop table a.btn_more {display:inline-block; position:relative; padding-right:15px; color:#888; font-size:14px;}
  2176. .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);}
  2177. .modal.pd_pop.bnf_card_pop .info_txt {margin-top:20px;}
  2178. /* pd_popup > 사이즈정보 */
  2179. .modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
  2180. .pd_pop.info_size_pop .pop_cont {max-height:none;}
  2181. .pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px}
  2182. .pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}
  2183. .pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:18px; font-weight:300;}
  2184. .pd_pop.info_size_pop .size_cont {}
  2185. .pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:40px; position:relative;}
  2186. .pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
  2187. .pd_pop.info_size_pop .size_cont .size_tbl_box h6 {margin-bottom:20px;}
  2188. .pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; top:2px; color:#888; font-size:14px;}
  2189. .pd_pop.info_size_pop .size_footer {margin-top:20px}
  2190. .pd_pop.info_size_pop .tab_nav {}
  2191. .pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
  2192. .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;}
  2193. .pd_pop.info_size_pop .tab_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:1px solid #fff}
  2194. .pd_pop.info_size_pop .tab_nav ul li a {display:block; color:#888; font-size:18px; font-weight:200; padding:20px 0;}
  2195. .pd_pop.info_size_pop .tab_nav ul li.active a {color:#222; font-weight:300;}
  2196. .pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:40px}
  2197. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none;}
  2198. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block}
  2199. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_head {}
  2200. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_cont {}
  2201. .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_footer {}
  2202. .pd_pop.info_size_pop .sub_tab_nav {display:inline-block;}
  2203. .pd_pop.info_size_pop .sub_tab_nav ul {}
  2204. .pd_pop.info_size_pop .sub_tab_nav ul::after {content:''; clear:both; display:block;}
  2205. .pd_pop.info_size_pop .sub_tab_nav ul li {float:left; margin-left:30px; text-align:center;}
  2206. .pd_pop.info_size_pop .sub_tab_nav ul li:first-child {margin-left:0}
  2207. .pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#888; font-size:16px; font-weight:200;}
  2208. .pd_pop.info_size_pop .sub_tab_nav ul li.active a {color:#222; font-weight:300; border-bottom:1px solid #222}
  2209. .pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:40px}
  2210. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
  2211. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
  2212. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block}
  2213. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left;}
  2214. .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:1.4; word-break:keep-all;}
  2215. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {padding:0 0 30px;}
  2216. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {margin-bottom:10px; color:#222; font-weight:300;}
  2217. .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
  2218. /* pd_popup > 재입고 알림 신청 */
  2219. .modal.pd_pop.push_restock_pop {max-width:none; width:630px; padding:60px;}
  2220. .pd_pop.push_restock_pop .pop_cont {overflow:initial;}
  2221. .pd_pop.push_restock_pop .item_blk {}
  2222. .pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block;}
  2223. .pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
  2224. .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;}
  2225. .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;}
  2226. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0;}
  2227. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin:0;}
  2228. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
  2229. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPrice_original {}
  2230. .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPercent {position:relative;}
  2231. .pd_pop.push_restock_pop .select_blk {margin-top:40px;}
  2232. .pd_pop.push_restock_pop .select_blk h6 {margin-bottom:20px}
  2233. .pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
  2234. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
  2235. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
  2236. .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;}
  2237. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
  2238. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
  2239. .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
  2240. .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;}
  2241. .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
  2242. .pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
  2243. .pd_pop.push_restock_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
  2244. .pd_pop.push_restock_pop .modal-footer button {width:220px;}
  2245. /* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
  2246. .modal.pd_pop[class*="reviewdetail_pop"] {max-width:none; width:1080px; padding:60px;}
  2247. .pd_pop[class*="reviewdetail_pop"] .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  2248. .pd_pop[class*="reviewdetail_pop"] .detail .review {display:table; width:100%; background:#fff;}
  2249. .pd_pop[class*="reviewdetail_pop"] .detail .review .pic {display:table-cell; position:relative; width:545px; height:545px; background:#222; vertical-align:top;}
  2250. .pd_pop[class*="reviewdetail_pop"] .detail .review .pic::after {display:none;}
  2251. .pd_pop[class*="reviewdetail_pop"] .detail .review .pic .thumb {display:block;}
  2252. .pd_pop[class*="reviewdetail_pop"] .detail .review .pic .thumb img,
  2253. .pd_pop[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;}
  2254. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
  2255. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
  2256. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap [class*="_box"] {margin-top:25px;}
  2257. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box {margin-top:0}
  2258. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star_score {height:17px;}
  2259. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star {display:inline-block; position:relative; width:102px; height:17px; background:#ddd;}
  2260. .pd_pop[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;}
  2261. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star .progbar {display:inline-block; height:100%; background:#222}
  2262. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box {}
  2263. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {margin-top:13px; font-size:14px;}
  2264. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div:first-child dl div {margin-top:0}
  2265. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {float:left; width:50%;}
  2266. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div.full dl div {width:100%}
  2267. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dt {float:left; width:60px; color:#fd4802}
  2268. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd {float:left; margin-left:20px; color:#666}
  2269. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .txt_review_box {color:#666; font-size:14px; line-height:24px;}
  2270. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box {}
  2271. .pd_pop[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;}
  2272. .pd_pop[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;}
  2273. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child {margin-left:0; padding-left:0}
  2274. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child::after {display:none;}
  2275. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {}
  2276. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {margin-top:30px; padding-top:15px}
  2277. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply {position:relative; padding:30px; background:#f5f5f5; font-size:14px;}
  2278. .pd_pop[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;}
  2279. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer {}
  2280. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  2281. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name {padding-left:24px; color:#222; font-weight:300;}
  2282. .pd_pop[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;}
  2283. .pd_pop[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;}
  2284. .pd_pop[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;}
  2285. .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_txt {margin-top:20px; color:#666; line-height:24px;}
  2286. .pd_pop[class*="reviewdetail_pop"] .thumblist {position:absolute; right:60px; bottom:60px; max-width:365px; padding-bottom:10px;}
  2287. .pd_pop[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;}
  2288. .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide {width:auto;}
  2289. .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
  2290. .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide.swiper-slide-thumb-active .pic {border:2px solid #222;}
  2291. .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar {left:0; width:100%; height:2px; background:#ddd; border-radius:0; opacity:1;}
  2292. .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar-drag {background:#222; opacity:1;}
  2293. /* pd_popup > 베스트 리뷰 자세히 보기 */
  2294. .modal.pd_pop.pd_bestreviewdetail_pop {}
  2295. /* pd_popup > 포토영상 리뷰 자세히 보기 */
  2296. .modal.pd_pop.pd_photoreviewdetail_pop {}
  2297. .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;}
  2298. /* pd_popup > 포토영상 리뷰 리스트 */
  2299. .modal.pd_pop.pd_photoreviewlist_pop {max-width:none; width:1080px; padding:60px;}
  2300. .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;}
  2301. .pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  2302. .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;}
  2303. .pd_photoreviewlist_pop .photo_list {min-height:200px;}
  2304. .pd_photoreviewlist_pop .photo_list ul {margin-top:-12px}
  2305. .pd_photoreviewlist_pop .photo_list ul li {float:left; width:150px; margin-left:12px; margin-top:12px}
  2306. .pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0}
  2307. .pd_photoreviewlist_pop .ui_row {margin-top:50px; margin-bottom:0}
  2308. /* pd_popup > 상품문의 이미지 팝업 슬라이드 */
  2309. .modal.pd_pop.qna_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
  2310. .qna_img_pop .modal-body .pop_cont {max-height:none;}
  2311. .qna_img_pop .swiper-slide {}
  2312. .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;}
  2313. .qna_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
  2314. .qna_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  2315. .qna_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  2316. .qna_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  2317. .qna_img_pop .swiper-button-prev::after,
  2318. .qna_img_pop .swiper-button-next::after {content: '';}
  2319. .qna_img_pop .swiper-button-prev,
  2320. .qna_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
  2321. .qna_img_pop .swiper-button-prev {left:-70px;}
  2322. .qna_img_pop .swiper-button-next {right:-70px;}
  2323. .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);}
  2324. .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);}
  2325. /* pd_pop > 상품문의 작성 */
  2326. .modal.pd_pop.pd_qnawrite_pop {width:650px; height:auto; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
  2327. .modal.pd_pop.pd_qnawrite_pop .info_txt ul li {line-height:24px;}
  2328. .modal.pd_pop.pd_qnawrite_pop .info_txt ul li:after {top:10px;}
  2329. .pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
  2330. .pd_qnawrite_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
  2331. .pd_qnawrite_pop .form_field {display:block;}
  2332. .pd_qnawrite_pop .input_box {margin-top:40px}
  2333. .pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:220px; padding:20px 20px; box-sizing:border-box; color:#222; font-size:16px;}
  2334. .pd_qnawrite_pop .input_box .txt_cnt {display:block; width:100%; margin-top:10px; z-index:1;}
  2335. .pd_qnawrite_pop .secret_box {position:absolute; left:0; bottom:0; z-index:2;}
  2336. .pd_qnawrite_pop .push_box {margin-top:40px}
  2337. .pd_qnawrite_pop .push_box dl {color:#222; font-size:16px;}
  2338. .pd_qnawrite_pop .push_box dl dt {height:24px; margin-right:40px; line-height:24px; font-weight:300;}
  2339. .pd_qnawrite_pop .push_box dl dd .form_field > div {margin-right:30px;}
  2340. .pd_qnawrite_pop .push_box dl dd .form_field > div input[type="radio"] + label {font-weight:200;}
  2341. /* pd_full_popup */
  2342. body.lock {overflow:hidden;}
  2343. .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow-y:auto; z-index:110; background:#fff; line-height:1;}
  2344. .pd_pop.full_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
  2345. .pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
  2346. .pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  2347. .pd_pop .full_popup_wrap {}
  2348. .pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; z-index:12; }
  2349. .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;}
  2350. .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;}
  2351. .pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
  2352. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:50%; padding:0;}
  2353. .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;}
  2354. .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}
  2355. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0}
  2356. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemName {margin:15px 0 0}
  2357. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0}
  2358. .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
  2359. .pd_pop .full_popup_wrap .full_pop_header .select_custom {width:50%; height:auto;}
  2360. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:auto; border:0; padding:0 200px 0 0}
  2361. .pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list {top:120px}
  2362. .pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; padding-top:160px; padding-bottom:160px}
  2363. /* pd_pop > 개별상품상세 설명 페이지 */
  2364. .pd_pop.full_pop.pd_descrp_pop {padding:0; margin:0; background:none;}
  2365. .pd_pop.full_pop.pd_descrp_pop .full_popup_wrap {padding:0 70px}
  2366. .pd_pop.full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; width:calc(100% - 560px); min-width:1200px; background:#fff;}
  2367. .pd_pop.full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; width:580px; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
  2368. .pd_descrp_pop .full_pop_container .cont_body {padding-top:80px; background:#fff;}
  2369. /* pd_pop > 상품문의 페이지 */
  2370. .pd_qnalist_pop {}
  2371. .pd_qnalist_pop .pd_qnalist {}
  2372. .pd_qnalist .info_txt {margin-top:80px}
  2373. .pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
  2374. .pd_qnalist .info_txt ul {float:left;}
  2375. .pd_qnalist .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
  2376. .pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
  2377. .pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
  2378. .pd_qnalist .info_txt .btn_box {float:right;}
  2379. .qna_list {margin-top:80px}
  2380. .qna_list .ui_row {margin-top:20px}
  2381. .qna_list .nodata {padding-top:120px; border-top:1px solid #222; text-align:center;}
  2382. .qna_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  2383. .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;}
  2384. .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
  2385. .qna_list .form_field input[type="checkbox"] + label:before,
  2386. .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%);}
  2387. .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline-block; position:relative; width:auto; max-width:600px;}
  2388. .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
  2389. .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
  2390. .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;}
  2391. .qna_list .case1 .my_qna .fold_head,
  2392. .qna_list .case1 .my_qna .fold_head.on,
  2393. .qna_list .case1 .my_qna .fold_detail {background:#fff6f2;}
  2394. .qna_list .fold_head .fold_tit .ico {float:left; display:inline-block; width:auto; height:auto; margin-left:12px;}
  2395. .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}
  2396. .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%;}
  2397. /* pd_pop > 상품리뷰 페이지 */
  2398. .pd_review_pop {}
  2399. .pd_review_pop .pd_review {}
  2400. .pd_review .swiper-pagination {position:relative; bottom:auto !important; width:100%; margin-top:40px; text-align:center;}
  2401. .pd_review .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
  2402. .pd_review .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
  2403. .pd_review .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
  2404. .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
  2405. .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  2406. .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:2;}
  2407. .pd_review dl div,
  2408. .pd_review dl dt,
  2409. .pd_review dl dd {float:left;}
  2410. .pd_review div::after,
  2411. .pd_review dl::after,
  2412. .pd_review ul::after {content:''; clear:both; display:block;}
  2413. .pd_review h6 {margin-bottom:30px; color:#222; font-size:24px;}
  2414. .pd_review [class^="area_"] {display:block; position:relative; margin-top:80px}
  2415. .pd_review .area_rv_empty {margin-top:120px; text-align:center;}
  2416. .pd_review .area_rv_empty .txt_box p {color:#222; font-size:24px; font-weight:300; line-height:34px;}
  2417. .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;}
  2418. .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
  2419. .pd_review .area_rv_empty .txt_box dl {display:block; margin-top:30px; padding:40px 0; border:1px solid #ddd;}
  2420. .pd_review .area_rv_empty .txt_box dl div {float:none; display:inline-block; margin-left:60px; font-size:16px}
  2421. .pd_review .area_rv_empty .txt_box dl div:first-child {margin-left:0}
  2422. .pd_review .area_rv_empty .txt_box dl div dt {color:#666; font-weight:200;}
  2423. .pd_review .area_rv_empty .txt_box dl div dd {margin-left:20px; color:#fd4802; font-weight:300;}
  2424. .pd_review .area_rv_empty .btn_box .btn {width:237px; height:60px; margin-top:60px; font-size:18px;}
  2425. .pd_review .area_rv_average {}
  2426. .pd_review .area_rv_average .star_score {margin-bottom:30px}
  2427. .pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
  2428. .pd_review .area_rv_average .star_score .tit {margin-right:30px; font-size:18px; font-weight:300;}
  2429. .pd_review .area_rv_average .star_score .score {margin-right:15px; font-size:32px; font-weight:500;}
  2430. .pd_review .area_rv_average .star_score .star {width:152px; height:24px; background:#ddd;}
  2431. .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
  2432. .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;}
  2433. .pd_review .area_rv_average .average {margin-bottom:50px;}
  2434. .pd_review .area_rv_average .average .part_average {float:left; width:255px; width:calc((100% - 180px)/4); margin-left:60px; color:#666; font-size:14px;}
  2435. .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
  2436. .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
  2437. .pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:25px; color:#222; font-weight:300;}
  2438. .pd_review .area_rv_average .average .part_average dl > div {margin-top:15px;}
  2439. .pd_review .area_rv_average .average .part_average dl > div:first-child {margin-top:0;}
  2440. .pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
  2441. .pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
  2442. .pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
  2443. .pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
  2444. .pd_review .area_rv_average .average .part_average dl dd .ratio {width:145px; height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
  2445. .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#888; vertical-align:top; margin-left:0}
  2446. .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 #888; border-bottom-color:transparent;border-right-color:transparent;}
  2447. .pd_review .area_rv_average .average .part_average dl dd .percent {margin-left:15px}
  2448. .pd_review .area_rv_average .average .part_average dl div.on dt,
  2449. .pd_review .area_rv_average .average .part_average dl div.on dd {color:#222; font-weight:300;}
  2450. .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar {background:#222;}
  2451. .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;}
  2452. .pd_review .area_rv_average .info_review {color:#222; font-size:16px; background:#f5f5f5; padding:30px 60px; vertical-align:middle;}
  2453. .pd_review .area_rv_average .info_review p {float:left; position:relative; padding-left:60px;}
  2454. .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%;}
  2455. .pd_review .area_rv_average .info_review p span {font-weight:300;}
  2456. .pd_review .area_rv_average .info_review dl {float:right; display:inline-block;}
  2457. .pd_review .area_rv_average .info_review dl::after {content:''; clear:both; display:block;}
  2458. .pd_review .area_rv_average .info_review dl div {margin-left:60px}
  2459. .pd_review .area_rv_average .info_review dl div:first-child {margin-left:0}
  2460. .pd_review .area_rv_average .info_review dl div dt {color:#666;}
  2461. .pd_review .area_rv_average .info_review dl div dd {margin-left:20px; color:#222; font-weight:300;}
  2462. .pd_review .area_rv_best .btn_arrow {position:absolute; right:0; top:0px; width:50px; height:24px; z-index:2;}
  2463. .pd_review .area_rv_best .btn_arrow::after {clear:both; display:block;}
  2464. .pd_review .area_rv_best .btn_arrow .swiper-button-prev,
  2465. .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}
  2466. .pd_review .area_rv_best .btn_arrow .swiper-button-prev {left:3px}
  2467. .pd_review .area_rv_best .btn_arrow .swiper-button-next {right:3px}
  2468. .pd_review .area_rv_best .btn_arrow .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
  2469. .pd_review .area_rv_best .btn_arrow .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  2470. .pd_review .area_rv_best .best_review {width:100%;}
  2471. .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;}
  2472. .pd_review .area_rv_best .best_review a .pic {position: relative;float: left;width:162px;height: 162px;margin-right: 23px;}
  2473. .pd_review .area_rv_best .best_review a .star_score {margin-top:7px; height:14px;}
  2474. .pd_review .area_rv_best .best_review a .star_score .star {display:inline-block; position:relative; width:102px; height:17px; background:#ddd;}
  2475. .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;}
  2476. .pd_review .area_rv_best .best_review a .star_score .star .progbar {display:inline-block; height:100%; background:#222}
  2477. .pd_review .area_rv_best .best_review a .star_score .ico {margin-left:10px}
  2478. .pd_review .area_rv_best .best_review a .star_score .ico::before {vertical-align:inherit;}
  2479. .pd_review .area_rv_best .best_review a .txt_best_review {margin-top:20px}
  2480. .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;}
  2481. .pd_review .area_rv_photo {}
  2482. .pd_review .area_rv_photo .photo_list {position:relative;}
  2483. .pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; width:162px; height:162px; margin-left:11px}
  2484. .pd_review .area_rv_photo .photo_list ul li:first-child {margin-left:0;}
  2485. .pd_review .area_rv_photo .photo_list button {position:absolute; right:0; top:0; width:162px; height:162px; padding-top:60px; 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;}
  2486. .pd_review .area_rv_photo .photo_list button::after {content:''; position:absolute; top:45px; left:50%; transform:translateX(-50%); width:40px; height:40px; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
  2487. .pd_review .area_rv_all {margin-top:100px}
  2488. .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
  2489. .pd_review .area_rv_all .selection {position:absolute; right:0; top:-16px; width:800px; z-index:2;}
  2490. .pd_review .area_rv_all .selection .select_dress {padding:0px 15px; color:#666; font-size:14px; line-height:40px;}
  2491. .pd_review .area_rv_all .selection .select_options {max-height:250px; overflow-y:auto;}
  2492. .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar {width:2px;}
  2493. .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar-thumb {background-color:#222; border-radius:0px; background-clip:padding-box; border:none;}
  2494. .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}
  2495. .pd_review .area_rv_all .selection .select_options li {padding:0; color:#666; font-size:14px; line-height:40px;}
  2496. .pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
  2497. .pd_review .area_rv_all .review_list > ul > li {padding:30px 0; border-bottom:1px solid #ddd; }
  2498. .pd_review .area_rv_all .review_list > ul > li .review {}
  2499. .pd_review .area_rv_all .review_list .review .info_box {}
  2500. .pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
  2501. .pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#ddd;}
  2502. .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;}
  2503. .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#222}
  2504. .pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
  2505. .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;}
  2506. .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;}
  2507. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
  2508. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
  2509. .pd_review .area_rv_all .review_list .review .response_box {margin-top:25px}
  2510. .pd_review .area_rv_all .review_list .review .response_box > div {margin-top:15px;}
  2511. .pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0}
  2512. .pd_review .area_rv_all .review_list .review .response_box > div dl div {margin-right:30px}
  2513. .pd_review .area_rv_all .review_list .review .response_box > div dl div dt {color:#fd4802}
  2514. .pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#666}
  2515. .pd_review .area_rv_all .review_list .review .photo_box {margin-top:20px}
  2516. .pd_review .area_rv_all .review_list .review .photo_box .photo_list {}
  2517. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px}
  2518. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
  2519. .pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:25px; line-height:24px;}
  2520. .pd_review .area_rv_all .review_list .review .reply_box {margin-top:30px; padding-top:15px}
  2521. .pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
  2522. .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;}
  2523. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
  2524. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  2525. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
  2526. .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;}
  2527. .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;}
  2528. .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;}
  2529. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
  2530. .pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
  2531. .pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
  2532. .pd_review .area_rv_all .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;}
  2533. .pd_review .area_rv_all .nodata .btn_box {margin-top:40px;}
  2534. .pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
  2535. .pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
  2536. /* pd_popup > 배송교환반품 안내 */
  2537. .pd_pop.full_pop.pd_delivery_pop {}
  2538. .pd_delivery_pop .pd_delivery {}
  2539. .pd_delivery h6 {margin-bottom:20px; font-size:18px;}
  2540. .pd_delivery .table_box {margin-top:80px}
  2541. .pd_delivery .tbl.type1 {padding:20px 0; font-size:14px;}
  2542. .pd_delivery .tbl.type1 table tr th,
  2543. .pd_delivery .tbl.type1 table tr td {font-size:16px; line-height:26px; vertical-align:top;}
  2544. .pd_delivery .tbl.type1 table tr th {padding:10px 0px 10px 40px; color:#222; text-align:left;}
  2545. .pd_delivery .tbl.type1 table tr td {padding:10px 0px; color:#222;}
  2546. /* sch */
  2547. .sch {}
  2548. .sch div::after,
  2549. .sch dl::after,
  2550. .sch ul::after {content:''; clear:both; display:block;}
  2551. .sch .sch_result {padding-bottom:150px}
  2552. .sch_result .cont_head {}
  2553. .sch_result .area_info {}
  2554. .sch_result .area_info .info_result {color:#222; font-size:26px; font-weight:200;}
  2555. .sch_result .area_info .info_result .keyword {font-weight:300;}
  2556. .sch_result .area_info .info_result .number {color:#fd4802; font-size:28px; font-weight:300;}
  2557. .sch_result .area_info .inner_search {position:absolute; right:0; top:-8px; border-bottom:2px solid #222; z-index:2;}
  2558. .sch_result .area_info .inner_search input[type='text'] {width:305px; border:none; padding:2px 0px 5px; color:#222; font-size:18px;}
  2559. .sch_result .area_info .inner_search input[type='text']::placeholder {color:#888}
  2560. .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;}
  2561. .sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:40px; padding:15px 30px 15px 150px; border:1px solid #eee; box-sizing:border-box;}
  2562. .sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:30px; top:20px; padding-right:20px; color:#222; font-size:18px; font-weight:300;}
  2563. .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;}
  2564. .sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px}
  2565. .sch_result .area_info .related_keyword ul li:first-of-type {margin-left:0}
  2566. .sch_result .area_info .related_keyword ul li a {display:inline-block; color:#666; font-size:14px; font-weight:300;}
  2567. .sch_result .area_info .related_keyword ul li a:hover {text-decoration:underline;}
  2568. .sch_result .area_taps {position:relative; margin-top:100px; margin-bottom:80px}
  2569. .sch_result .area_taps div::after {content:''; position:absolute; left:0; right:0; bottom:0px; border-bottom:1px solid #222; z-index:-1;}
  2570. .sch_result .area_taps div ul li {float:left;}
  2571. .sch_result .area_taps div ul li a {display:block; width:300px; height:60px; padding:20px 0; color:#888; font-size:18px; font-weight:200; background:#f5f5f5; text-align:center; border:1px solid #f5f5f5; border-bottom-color:#222;}
  2572. .sch_result .area_taps div ul li.active a {color:#222; font-weight:300; background:#fff; border:1px solid #222; border-bottom-color:#fff;}
  2573. .sch_result .cont_body {}
  2574. .sch_result .cont_body .sch_result_cont {display:none;}
  2575. /* my */
  2576. .container.my .wrap .content .cont_body {margin-bottom: 150px;}
  2577. .my .lnb_list::after {display: none;}
  2578. .my .subH2 {margin-bottom: 25px; font-size: 26px;}
  2579. .my .cont .sec_head h3,
  2580. .my .my_cont .sec_head h3 {display: inline-block; font-size:32px; font-weight:500;}
  2581. .my .btn.btn_sm {font-size: 14px;}
  2582. .my .select {font-size: 14px;}
  2583. .my .select_dress {padding:12px 20px;}
  2584. .my .select_dress:after {right: 20px;}
  2585. .my .select_options li {padding:12px 20px; text-indent: 0;}
  2586. .my .alert_t {font-size: 14px; color:#888; margin-top: 25px;}
  2587. .my .alert_t02 {font-size: 14px; color:#999; margin-top: 15px;}
  2588. .my .radio_field input[type="radio"] + label:before {background-position: 0 0;}
  2589. .my .radio_field input[type="radio"]:checked + label:after {background-position: -20px 0;}
  2590. .my .sec_head {position: relative; font-size: 0;}
  2591. .my .sec_head h3 {display: inline-block; font-size:30px; font-weight:500; margin-bottom: 0; vertical-align: middle;}
  2592. .my .sec_head .mem_name {margin-bottom: 30px; font-weight: 200; color: #898989;}
  2593. .my .sec_head .mem_name strong {color: #000; font-weight: 500;}
  2594. .my .sec_head .od_detail {display: inline-block; margin:0 10px; font-size: 24px; font-weight: 200; color:#888; vertical-align: middle;}
  2595. .my .sec_head .od_del_btn {padding:6px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; vertical-align: middle;}
  2596. .my .mem_rank {position: relative; padding-left: 73px; float:left;}
  2597. .my .mem_rank .rank_icon {width: 60px; height: 60px; line-height: 64px; position: absolute; left: 0; top: 0; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900;}
  2598. .my .mem_rank .rank_txt01 {font-size: 34px; height: 25px; line-height: 27px; color: #fd4802; margin-bottom: 14px; font-weight: 500;}
  2599. .my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}
  2600. .my .mem_info {background: #f5f5f5; padding: 50px;}
  2601. .my .mem_info .mem_box {float:right;}
  2602. .my .mem_info .mem_box > div {float:left; position: relative; margin-right: 70px; font-size: 16px;}
  2603. .my .mem_info .mem_box > .mem_coupon .coupon_txt02 {font-size: 16px; font-weight: 500;}
  2604. .my .mem_info .mem_box > .mem_coupon .coupon_txt02 span {font-size: 18px;}
  2605. .my .mem_info .mem_box > div:last-child {margin-right: 55px;}
  2606. .my .mem_info .mem_box > div:after {content:''; position: absolute; top: 7px; right: -30px; width: 1px; height: 50px; background: #dcdcdc;}
  2607. .my .mem_info .mem_box > div:last-child:after {display: none;}
  2608. .my .mem_info .mem_box > div a, .my .mem_info .mem_box > div .coupon_txt01 {font-size: 16px; color: #000; font-weight: 500;}
  2609. .my .mem_info .mem_box > div .tit {font-size: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
  2610. .my .mem_info .mem_box > div .big_txt {display: inline-block; font-size: 22px; padding-right: 3px; font-weight: 500;}
  2611. .my .order_info {background: #fff; padding: 50px; padding-right: 60px; margin-bottom: 60px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
  2612. .my .order_info > ul {float:left; position: relative;}
  2613. .my .order_info > ul:after {content:''; position: absolute; top: 5px; right: -70px; width: 1px; height: 46px; background: #aaa;}
  2614. .my .order_info > ul > li {float:left; text-align: center; margin-right: 100px; position: relative;}
  2615. .my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -60px; width: 17px; height: 31px; background: url(/images/pc/ico_myinfo_arrow.png) no-repeat center; transform:translateY(-50%);}
  2616. .my .order_info > ul > li:last-child {margin-right: 0;}
  2617. .my .order_info > ul > li:last-child:after {display: none;}
  2618. .my .order_info .or_p {font-size: 15px; color: #666; margin-bottom: 13px; font-weight: 300;}
  2619. .my .order_info .count span {display: inline-block; font-size: 24px; font-weight: 500;}
  2620. .my .order_info .count.zero span {color: #888;}
  2621. .my .order_info .order_right {float:right; text-align: center;}
  2622. .my .order_info .order_right .count span {color: #fd4802; }
  2623. .my .order_sch_filter {position: relative; padding: 20px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  2624. .my .order_sch_filter .sch_radio_tab {float:left;}
  2625. .my .order_sch_filter .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden;}
  2626. .my .order_sch_filter .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 107px; padding:14px 0; text-align: center; cursor:pointer; float:left; border:1px solid transparent; font-weight: 200; margin-right: 8px;}
  2627. .my .order_sch_filter .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
  2628. .my .order_sch_filter .sch_right {float:right;}
  2629. .my .order_sch_filter .sch_right * {float:left;}
  2630. .my .order_sch_filter .sch_right .sch_datepicker {position: relative;}
  2631. .my .order_sch_filter .sch_right .sch_datepicker.sb {margin-right: 27px;}
  2632. .my .order_sch_filter .sch_right .sch_datepicker.sb:after {content:'~'; position: absolute; top: 14px; right: -18px;}
  2633. .my .order_sch_filter .sch_right .sch_datepicker input[type='text'] {width: 160px; height: 42px; padding:0 20px; border:1px solid #ddd; background: url(/images/pc/ico_calender02.png) no-repeat right 17px center; font-size: 14px; color: #222; font-weight: 200;}
  2634. .my .order_sch_filter .sch_right .sch_datepicker input[type='text']::placeholder {font-size: 14px; color: #222; font-weight: 200;}
  2635. .my .order_sch_filter .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
  2636. .my .order_sch_filter .form_wrap {position: absolute; top: -60px; right: 0; width: 180px;}
  2637. .my .order_row {margin-top: 60px;}
  2638. .my .tbl.type2 {border-top: 1px solid #ddd; margin-top: -1px;}
  2639. .my .tbl .cnt_sel .cnt_t {display: block; margin-bottom: 10px; font-size: 16px; font-weight: 300;}
  2640. .my .tbl .cnt_sel .select {display: block; width: 100px; margin:0 auto; text-align: left;}
  2641. .my .tbl .cnt_sel .select + button {width: 100px; margin-top: 4px;}
  2642. .my .tbl_tit {position: relative; padding-bottom: 15px; border-bottom: 1px solid #000; font-size: 0;}
  2643. .my .tbl_tit h3 {margin-bottom: 0;}
  2644. .my .tbl_tit span {display: inline-block; vertical-align: middle;}
  2645. .my .tbl_tit .start_t, .my .tbl_tit .gift_t, .my .tbl_tit .order_date {font-size: 18px; font-weight: 500;}
  2646. .my .tbl_tit .order_date {margin:0 10px 0 9px;}
  2647. .my .tbl_tit .detail_btn {position: absolute; top: 6px; right: 0; font-size: 14px; color: #8d8d8d; padding-right: 14px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 1px;}
  2648. .my .order_label01 {font-size: 11px; color: #888; font-weight: 300; border:1px solid #ddd; padding:5px 8px; margin-right: 8px;}
  2649. .my .order_label02 {font-size: 11px; color: #fd4802; font-weight: 300; border:1px solid #fd4802; padding:5px 8px; margin-right: 8px;}
  2650. .my .order_row .order_table {border-top: 1px solid #010101; }
  2651. .my .order_row .order_table td {text-align: center; border-right:1px solid #ddd; height: 210px; border-bottom: 1px solid #ddd;}
  2652. .my .order_row .order_table td.product {text-align: left;}
  2653. .my .order_row .order_table td.order_img, .order_row .order_table td.state {border-right:0;}
  2654. .my .order_row .order_table td.order_img img {width: 100px; height: auto;}
  2655. .my .order_row .order_table td.state li {margin-bottom: 4px;}
  2656. .my .order_row .order_table td.state li:last-child {margin-bottom: 0;}
  2657. .my .order_table td.state li a, .order_confirm .btn {width: 100px; line-height: 34px !important; padding: 0; font-size: 12px;}
  2658. .my .order_confirm {padding: 20px 40px; text-align: right; background: #f5f5f5; }
  2659. .my .order_confirm .cf_txt {display: inline-block; font-weight: 300;}
  2660. .my .order_confirm span {display: inline-block; vertical-align: middle;}
  2661. .my .order_confirm span.cf_desc {color:#fd4802; font-weight: 300;}
  2662. .my .order_confirm button {margin-left: 20px;}
  2663. .my .part_deliver {position:relative; margin-top: 60px;}
  2664. .my .part_deliver h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
  2665. .my .part_deliver .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
  2666. .my .part_deliver .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
  2667. .my .part_deliver button.btn.btn_sm {width: 100px; padding:6px 14px;}
  2668. .my .part_deliver .tbl_btn_wrap button {display: block; width: 100px; margin:0 auto 4px; text-align: center;}
  2669. .my .part_deliver table th,
  2670. .my .part_deliver table td {padding-top:0px; padding-bottom:0px;}
  2671. .my .part_deliver table td:first-child {padding-left: 30px;}
  2672. .my .part_deliver table .info_item {/*width:810px;*/ width:100%}
  2673. .my .part_deliver table .info_item.w1000 {width: 1000px;}
  2674. .my .part_deliver table .info_item .info_box .od_freebies {margin-top:15px; color:#666; font-size:14px;}
  2675. .my .part_deliver table .info_item > div {padding-top:40px; padding-bottom:40px;}
  2676. .my .part_deliver table .info_item .cart_btn {margin-top: 12px; padding:6px 13px; font-size: 14px;}
  2677. .my .part_deliver table .info_item .info_calc {width: 180px;}
  2678. .my .part_deliver table .info_item .info_calc .point {margin-bottom:0; text-transform: uppercase;}
  2679. .my .part_deliver table .delivery {margin-bottom:15px;}
  2680. .my .part_deliver table .delivery .dlvr_staus {font-size: 18px; line-height: 1.4; font-weight: 300; margin-bottom: 5px;}
  2681. .my .part_deliver table .delivery .dlvr_desc {font-size: 14px; line-height: 1.4; color: #888; font-weight: 300;}
  2682. .my .part_deliver table .tbl_btn_wrap li {margin-bottom: 4px;}
  2683. .my .part_deliver table .tbl_btn_wrap li:last-child {margin-bottom: 0;}
  2684. .my .part_deliver table .tbl_btn_wrap li button {width: 100px;}
  2685. .my .part_deliver .oder_gift {padding:40px 30px; border-bottom: 1px solid #ddd;}
  2686. .my .part_deliver .oder_gift > div {display:table-cell; vertical-align:middle;}
  2687. .my .part_deliver .oder_gift .title {width:100px; text-align:center; font-size: 16px; font-weight: 300;}
  2688. .my .part_deliver .oder_gift .li_gift {padding-left:30px;}
  2689. .my .part_deliver .oder_gift .li_gift li {padding-left: 15px; background: url(/images/pc/ico_bracket.png) no-repeat left top; font-size: 16px; margin-bottom: 13px;}
  2690. .my .part_deliver .oder_gift .li_gift li:last-child {margin-bottom: 0;}
  2691. .my .part_deliver .oder_gift .li_gift .deduct_p {color: #fd4802;}
  2692. .my .part_deliver .tbl_group .tbl.type2:first-of-type {border-top: 0;}
  2693. .my .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
  2694. .my .btn_popup02 {display:inline-block; margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
  2695. .my .btn_popup span {vertical-align:top;}
  2696. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  2697. .my .btn_popup, .my .btn_popup02 {margin-left: 0;}
  2698. }
  2699. .my .order_amount dl div {color:#666; font-weight: 300;}
  2700. .my .order_amount dl dd.price {font-size: 20px;}
  2701. .my .order_amount dl dd.price .oder_total_price {font-size: 24px;}
  2702. .my .order_amount dl div:first-child {margin-top: 0;}
  2703. .my .order_amount dl div {margin-top: 20px;}
  2704. .my .order_amount dl div .btn {font-size: 14px; padding:6px 10px;}
  2705. .my .tbl.row_tbl {padding:25px 0;}
  2706. .my .tbl.row_tbl div {float:left; border-right:1px solid #ddd; margin-right: 20px; padding-right: 20px;}
  2707. .my .tbl.row_tbl div:last-child {border-right:0;}
  2708. .my .tbl.row_tbl .tit {margin-right: 5px;}
  2709. .my .tbl.row_tbl .tit.c_primary {font-size: 14px;}
  2710. .my .tbl.row_tbl .td_pt td {padding: 20px 40px;}
  2711. .my .ex_option {margin-top: 14px;}
  2712. .my .ex_option .option {margin-bottom: 15px;}
  2713. .my .ex_option .option:last-child {margin-bottom: 0;}
  2714. .my .ex_option dl:after {content:''; clear: both; display: block;}
  2715. .my .ex_option dt {margin-right: 10px;}
  2716. .my .ex_option dt, .ex_option dd {float:left; font-size: 14px;}
  2717. .my .ex_option em {position:relative; padding-left:10px; margin-left:10px;}
  2718. .my .ex_option em::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; border-left:1px solid #ddd}
  2719. .my .ex_option em:first-child {padding-left:0; margin-left:0;}
  2720. .my .ex_option em:first-child::before {border-left:0;}
  2721. .my .radio_field div {margin-right: 40px;}
  2722. .my .radio_field input[type="radio"] + label {line-height: 1.8; font-weight: 200;}
  2723. .my .radio_field label b {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 200; margin-left: 5px;}
  2724. .my .order_tit .subH3 + .del_t {display: inline-block; margin-left: 10px; font-size: 14px; color:#888;}
  2725. .my .ship_fee {background: #fff6f2; padding: 50px; text-align: center;}
  2726. .my .ship_fee p {font-size: 18px; font-weight: 300;}
  2727. .my .com_info_txt .chk_box {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dcdcdc;}
  2728. .my .com_info_txt .chk_box span {color:#858585; font-weight: 200;}
  2729. .my .part_deliver .tbl.stock_tbl {border-top: 1px solid #000;}
  2730. .my .part_deliver .tbl.stock_tbl table .alarm {line-height: 1.4; font-weight: 300;}
  2731. .my .part_deliver .tbl.stock_tbl table .type1 p {color: #fd4802;}
  2732. .my .part_deliver .tbl.stock_tbl table .type2 p {color: #222;}
  2733. .my .part_deliver .tbl.stock_tbl table .type3 p {color: #888; font-weight: 200;}
  2734. .my .part_deliver .tbl.stock_tbl table td {border-top: 1px solid #ddd;}
  2735. .my .my_tab {position: relative; text-align: center; margin-top: 60px;}
  2736. .my .my_tab .form_field {position: absolute; width: 200px; top: -10px; right: 0; text-align: left;}
  2737. .my .my_tab > ul {display: inline-block;}
  2738. .my .my_tab > ul:after {content:''; clear:both; display: block;}
  2739. .my .my_tab > ul li {float:left; margin:0 20px}
  2740. .my .my_tab > ul li a {display: inline-block; font-size: 20px; padding-bottom: 5px; font-weight: 200;}
  2741. .my .my_tab > ul li a.on {color: #000; border-bottom: 2px solid #000; font-weight: 500;}
  2742. .my .save_area {background: #fff6f1; text-align: center; padding: 60px 0;}
  2743. .my .save_area p {font-size: 30px; font-weight: 500; margin-bottom: 30px;}
  2744. .my .save_area p strong {color: #fd4802 !important; margin-left: 8px; font-size: 36px;}
  2745. .my .save_area ul {display: inline-block;}
  2746. .my .save_area ul:after {content:''; clear:both; display: block;}
  2747. .my .save_area ul li {float:left; position: relative; color: #666;}
  2748. .my .save_area ul li:first-child {margin-right: 40px;}
  2749. .my .save_area ul li:first-child:after {content:''; position: absolute; top: -2px; right: -20px; width: 1px; height: 15px; background: #dcdcdc;}
  2750. .my .save_area ul li span {margin-left: 5px; font-weight: 500; color: #000;}
  2751. .my .order_tit {position: relative; margin-bottom: 20px;}
  2752. .my .order_tit .subH3 {display: inline-block; margin-bottom: 0;}
  2753. .my .order_tit .ship_btn {display: inline-block; font-size: 12px; color: #888; border-bottom: 1px solid #888; line-height: 1 !important; font-weight: 200; vertical-align: top;padding-bottom: 2px; margin-left: 10px;}
  2754. .my .order_tit .btn_popup {right: 0;}
  2755. .my .order_tit .desc {display: inline-block; font-size: 14px; color: #888; line-height: 1 !important; font-weight: 200; vertical-align: top; margin-left: 10px;}
  2756. .my .tbl.type1 {margin-top: -1px;}
  2757. .my .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
  2758. .my .tbl.type1 th.ver_top02 {vertical-align: top;}
  2759. .my .tbl.type1 td textarea {width: 100%; resize:none; height: 82px; padding: 15px; font-size: 14px; color: #868686;}
  2760. .my .tbl.review_tbl td {padding-left: 0;}
  2761. .my .tbl.review_tbl td textarea {height: 200px;}
  2762. .my .tbl.type1 td .select {width: 400px;}
  2763. .my .tbl.type1 td .txt_cnt {text-align: right; margin-top: 10px;}
  2764. .my .tbl.type1 td .rev_height, .my .tbl.type1 td .rev_weight {width: 250px; border:1px solid #ddd; position: relative;}
  2765. .my .tbl.type1 td .rev_height input, .my .tbl.type1 td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
  2766. .my .tbl.type1 td .rev_height span, .my .tbl.type1 td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}
  2767. .my .btn_wrap {margin:60px auto 0}
  2768. .my .btn_wrap:after {content:''; clear:both; display: block;}
  2769. .my .btn_wrap button {width: 49.3%; float:left; padding:18px 41px; font-weight: 300;}
  2770. .my .btn_wrap button:first-child {margin-right: 15px;}
  2771. .my .btn_wrap.half {font-size: 0; text-align: center;}
  2772. .my .btn_wrap:after {content:''; clear:both; display: block;}
  2773. .my .btn_wrap.half button:first-child {margin-right: 15px;}
  2774. .my .btn_wrap.half button {width: 220px; display: inline-block; float:none;}
  2775. .my .re_info_tbl {padding: 40px;}
  2776. .my .re_info_tbl:after {content:''; clear:both; display: block;}
  2777. .my .re_info_tbl > div {float:left; width: 50%;}
  2778. .my .re_info_tbl .r_left {border-right:1px dashed #ddd; padding-right: 40px;}
  2779. .my .re_info_tbl .r_left span.big_t {font-size: 24px; font-weight: bold;}
  2780. .my .re_info_tbl .r_left span.big_t strong {color: #fd4802;}
  2781. .my .re_info_tbl .r_right {float:right; padding-left: 40px;}
  2782. .my .re_info_tbl dl {margin-bottom: 20px; height: 18px;}
  2783. .my .re_info_tbl dl:after {content:''; clear: both; display: block;}
  2784. .my .re_info_tbl dl:last-child {margin-bottom: 0;}
  2785. .my .re_info_tbl dt, .my .re_info_tbl dd {float:left; width: 50%; font-size: 16px;}
  2786. .my .re_info_tbl dt {font-weight: 300;}
  2787. .my .re_info_tbl dd {text-align: right;}
  2788. .my .review_radio .radio_li {width: 110px;}
  2789. .my .review_radio .radio_li input[type="radio"] + label {line-height: 1.7;}
  2790. .my .review_radio .radio_li input[type="radio"]:checked + label:after {background-position:-20px 0;}
  2791. .my .review_radio .radio_li span {display: inline-block; font-weight: 200;}
  2792. .my .review_tbl .pics, .my .review_tbl .fileAdd {width: 105px; height: 105px;}
  2793. .my .review_tbl .picsThumbs {max-width:105px; max-height:105px;}
  2794. .my .review_desc {margin-top: 20px; font-size: 14px; font-weight: 200; color: #666;}
  2795. .my .tbl.review_tbl {padding: 20px 0;}
  2796. .my .gift_sea_wrap {display: inline-block;}
  2797. .my .gift_sea_wrap * {float:left;}
  2798. .my .gift_search {margin:60px 0; text-align: center;}
  2799. .my .gift_search label[for='gift_input'] {font-size: 18px; margin-right: 40px; font-weight: 500; margin-top: 13px;}
  2800. .my .gift_search #gift_input {width: 400px; height: 42px;}
  2801. .my .gift_search .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
  2802. .my .gift_list {border-top: 1px solid #000; margin-top: 40px; padding-top: 30px;}
  2803. .my .gift_list li {position: relative; width: 387px; box-sizing: border-box; overflow: hidden; z-index: 8; float:left; margin: 0 20px 20px 0;}
  2804. .my .gift_list li:last-child {margin:0 0 20px 0;}
  2805. .my .gift_list li .gift_shape {background: #fff; border:1px solid #ddd; border-bottom: 0; padding: 30px; padding-bottom: 24px; overflow: hidden; text-align: right;}
  2806. .my .gift_list li .gift_shape strong {display: block; color: #222; font-weight: 300; font-size: 14px; text-align: left; margin-bottom: 7px;}
  2807. .my .gift_list li .gift_shape .gift_price01 {display: inline-block; padding:5px 8px; font-size: 11px; background: #fff6f2; border:1px solid #fd4802; color: #fd4802; font-weight: 300;}
  2808. .my .gift_list li .gift_shape .gift_price02 {margin:10px 0 12px; color: #fd4802; font-weight: 600; font-size: 20px;}
  2809. .my .gift_list li .gift_shape .gift_price02 .pr_t {font-size: 20px;}
  2810. .my .gift_list li .gift_shape .gift_price02 .pr_num {font-size: 32px; font-weight: 600; padding-left: 5px;}
  2811. .my .gift_list li .gift_shape .gift_price03 {font-weight: 300; font-size: 12px; color:#888;}
  2812. .my .gift_list li .gift_date {padding:20px; border:1px solid #ddd; border-top:1px dashed #ddd; text-align: center;}
  2813. .my .gift_list li .gift_date span {font-size: 14px; color: #222;}
  2814. .my .gift_list li.off .gift_shape {background: #f5f5f5; border:none;}
  2815. .my .gift_list li.off .gift_shape strong {color: #888;}
  2816. .my .gift_list li.off .gift_shape .gift_price01 {border:1px solid #888; background: transparent;}
  2817. .my .gift_list li.off .gift_shape .gift_price01 {color: #888; font-weight: 500;}
  2818. .my .gift_list li.off .gift_shape .gift_price02 {color: #888;}
  2819. .my .gift_list li.off .gift_date {background: #f5f5f5; border:none; border-top:1px dashed #ddd;}
  2820. .my .gift_con {margin-top: 15px;}
  2821. .my .gift_con dl {margin-bottom: 5px;}
  2822. .my .gift_con dt, .my .gift_con dd {float:left;}
  2823. .my .gift_con dt {width: 85px; color:#888;}
  2824. /* my_delivery */
  2825. .my .tbl.deli_tbl {padding:0; border-bottom:0;}
  2826. .my .tbl.deli_tbl table {font-size: 30px; }
  2827. .my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {padding:20px 30px;}
  2828. .my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {border-bottom: 1px solid #ddd;}
  2829. .my .tbl.deli_tbl table td.edit {text-align: center;}
  2830. .my .tbl.deli_tbl table td.edit button {display: block; width: 100px; padding:6px 14px; margin:0 auto 4px;}
  2831. .my .tbl.deli_tbl table dl {padding:10px 0;}
  2832. .my .tbl.deli_tbl table dt, .my .tbl.deli_tbl table dd {float:left; position: relative; font-size: 16px; letter-spacing:-0.025em;}
  2833. .my .tbl.deli_tbl table dt {font-weight: 300;}
  2834. .my .tbl.deli_tbl table dt {width: 200px;}
  2835. .my .tbl.deli_tbl .basic_deli {margin-top: 20px;}
  2836. .my .tbl.deli_tbl .basic_deli .form_field {}
  2837. .my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label {font-weight: 200;}
  2838. .my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label:before, .basic_deli .form_field input[type="checkbox"]:checked + label:after {top: 0;}
  2839. .my .tbl.deli_tbl .sr-only {text-indent: -999em;}
  2840. .my .tbl.deli_tbl .deli_name {margin-right: 10px;}
  2841. .my .tbl.deli_type {border-bottom: 1px solid #ddd; padding:20px 0;}
  2842. .my .tbl.deli_type table th, .my .tbl.deli_type table td {padding: 10px 40px; border:none; text-align: left;}
  2843. .my .tbl.deli_type input[type="text"], .my .tbl.deli_type input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#888;}
  2844. .my .tbl.deli_type .search button {width: 122px; height: 42px; padding:10px; font-size: 14px; margin-left: 6px;}
  2845. .my .tbl.deli_tbl .tit {margin-right: 35px;}
  2846. .my .tbl.deli_req_type {padding:40px 40px;}
  2847. .my .tbl.deli_req_type li {margin-bottom: 30px;}
  2848. .my .tbl.deli_req_type li:last-child {margin-bottom: 0;}
  2849. .my .tbl.deli_req_type li .form_text {margin-top: 17px;}
  2850. .my .tbl.deli_req_type li .form_text input {width: 100%; height: 42px; padding:7px 0 7px 20px;}
  2851. .my .tbl.deli_req_type li .form_text p {margin-top: 14px; padding-left: 5px; font-size: 14px; color: #999;}
  2852. /* my_coupon */
  2853. .my .coupon .order_row {margin-top: 30px;}
  2854. .my .coupon_list {margin-top: 60px; padding-top: 40px; border-top: 1px solid #000;}
  2855. .my .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0; position: relative; position: relative; overflow: hidden;}
  2856. .my .coupon_list li:nth-child(4n) {margin-right: 0;}
  2857. .my .coupon_list li .cp_top {position: relative; overflow: hidden;}
  2858. .my .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
  2859. .my .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;}
  2860. .my .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
  2861. .my .coupon_list li.off .cp_detail .tit {color:#888;}
  2862. .my .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
  2863. .my .coupon_list li.off .cp_detail .sale_t {color:#888;}
  2864. .my .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  2865. .my .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
  2866. .my .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
  2867. .my .coupon_list li .cp_detail .cp_cont {font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
  2868. .my .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;}
  2869. .my .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;}
  2870. .my .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;}
  2871. .my .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
  2872. .my .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;}
  2873. .my .coupon_list li .cp_date .cp_off {display: none; color: #888;}
  2874. .my .coupon_list li.off .cp_date span {display: none;}
  2875. .my .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
  2876. .my .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
  2877. .my .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
  2878. .my .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
  2879. /* my_review */
  2880. .my .review_list .tbl.type2 {border-top: 1px solid #000;}
  2881. .my .review_list .part_deliver .tbl.type2 table td {border-top: 1px solid #ddd;}
  2882. .my .review_list .part_deliver .tbl.type2 table .alarm {font-size: 16px; line-height: 1.4; font-weight: 300;}
  2883. .my .review_list .my_write {margin-bottom: 30px; margin-right: 30px; text-align: left; font-size: 14px; line-height: 1.7; color: #666;}
  2884. .my .review_list .admin_write {position: relative; background: #f5f5f5; margin-top: 45px; margin-bottom: 40px; margin-right: 30px; padding: 30px; text-align: left;}
  2885. .my .review_list .admin_write:before {content:''; position: absolute; top: -15px; left: 0; display: block; width: 15px; height: 15px; border-left:15px solid #f5f5f5; border-top:15px solid transparent;}
  2886. .my .review_list .admin_write p {font-size: 14px; line-height: 1.7; color: #666;}
  2887. .my .review_list .admin_write .admin_info {margin-bottom: 20px; font-size: 14px; font-weight: 300;}
  2888. .my .review_list .admin_write .admin_info img {display: inline-block; vertical-align: bottom; margin-right: 5px;}
  2889. .my .review_list .my_write_multi {margin-bottom: 40px; text-align: left; font-size: 0;}
  2890. .my .review_list .my_write_multi button {display: inline-block; position: relative; margin-right: 10px; width: 87px; height: 87px;}
  2891. .my .review_list .my_write_multi button.video:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
  2892. .my .review_list .my_write_multi button.video:before {content:''; position: absolute; top: 50%; left: 55%; transform:translate(-50%, -50%); border-left:15px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; z-index: 8;}
  2893. .my .review_list .my_write_multi button img {width: 100%; height:100%;}
  2894. /* my_review_3 */
  2895. .my .review_score {margin-top: 14px;}
  2896. .my .review_list #star_grade button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
  2897. .my .review_list #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;}
  2898. .my .review_list #star_grade span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
  2899. .my .review_list #star_grade span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;}
  2900. .my .tbl.review_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;}
  2901. /* my_mypage */
  2902. .my .tbl.info_tbl .certi_btn02 {margin-left: 14px; font-size: 12px; color: #888; border-bottom: 1px solid #888;}
  2903. .my .tbl.info_tbl .password_btn button {width: 100px; height: 42px; padding: 0; font-size: 16px; font-weight: 200;}
  2904. .my .tbl.info_tbl input[type="text"], .my .tbl.info_tbl input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#222;}
  2905. .my .tbl.info_tbl input[type="text"]:read-only {background: #f5f5f5;}
  2906. .my .tbl.info_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;}
  2907. /* my_leave */
  2908. .com_info_txt .form_field input[type="checkbox"] + label {line-height: 2;}
  2909. .my .leave_tit {margin-bottom: 35px; text-align: center; font-size: 24px; font-weight: 500;}
  2910. .my .leave_no {background: #fff6f2; margin-top: 60px; padding: 60px; text-align: center;}
  2911. .my .leave_no h4 {font-size: 18px; font-weight: 500; color:#fd4802; margin-bottom: 20px;}
  2912. .my .leave_no p {font-size: 16px; color:#666; font-weight: 200;}
  2913. .my .tbl.track_tbl {border-top: 1px solid #000;}
  2914. .my .tbl.track_tbl {border-top: 0;}
  2915. .my .tbl.track_tbl th {border-top: 1px solid #000; border-bottom: 1px solid #000;}
  2916. .my .tbl.track_tbl .pl40 {padding-left: 40px;}
  2917. /* my_wishlist */
  2918. .my .wish {}
  2919. .my .wish .month_tit {position: relative; margin-bottom: 30px;}
  2920. .my .wish .month_tit:after {content:''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd;}
  2921. .my .wish .month_tit .shape {position: relative; width: 80px; max-width: 80px;}
  2922. .my .wish .month_tit .shape span {width: 80px; font-size: 18px; font-weight: 300;}
  2923. .my .wish .item_prod {width: 23.3333%; margin:0 26px 50px 0;}
  2924. .my .wish .item_prod:nth-child(4n) {margin:0 0 50px 0;}
  2925. .my .wish .item_prod .itemcolorchip, .my .wish .item_prod .itemComment {margin:15px 6px 0px;}
  2926. .my .wish .itemBadge {margin:0 4px; margin-top: 14px;}
  2927. .my .wish .itemBadge [class*="badge"] {margin:0 2px;}
  2928. .my .wish .item_state {padding:0;}
  2929. /* my_return_1_exchangePOP, my_return_1_returnPOP */
  2930. .modal.info_popup {max-width:840px; padding:60px;}
  2931. .modal.info_popup .modal-header {margin-bottom: 30px;}
  2932. .modal.info_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
  2933. .modal.info_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
  2934. /* my_return_2_returnPOP */
  2935. .modal.account_popup {max-width:670px; padding:60px;}
  2936. .modal.account_popup .modal-header {margin-bottom: 30px;}
  2937. .modal.account_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
  2938. .modal.account_popup .modal-body section {margin-bottom: 40px;}
  2939. .modal.account_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
  2940. .modal.account_popup .tbl.type1 table th, .modal.account_popup .tbl.type1 table td {padding: 10px 30px;}
  2941. .modal.account_popup .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
  2942. /* my_exchange_1_optionPOP */
  2943. .modal.option_popup {max-width:640px; padding:60px;}
  2944. .modal.option_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
  2945. .modal.option_popup .sch_radio_tab {text-align: center;}
  2946. .modal.option_popup .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden; position: absolute;}
  2947. .modal.option_popup .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 68px; padding:10px 0; text-align: center; cursor:pointer; border:1px solid transparent; font-weight: 300; margin-right: 8px;}
  2948. .modal.option_popup .sch_radio_tab input + label:last-of-type {margin-right: 0;}
  2949. .modal.option_popup .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
  2950. .modal.option_popup .sch_radio_tab input:disabled + label {color: #999; text-decoration: line-through;}
  2951. /* my_coupon_1_couponPOP */
  2952. .modal.coupon_popup {max-width:640px;}
  2953. .modal.coupon_popup .modal-footer button.half {width: 220px;}
  2954. .modal.coupon_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
  2955. .modal.coupon_popup dl {margin-bottom: 15px;}
  2956. .modal.coupon_popup dl:last-child {margin-bottom: 0;}
  2957. .modal.coupon_popup dl dt, .modal.coupon_popup dl dd {float:left;}
  2958. .modal.coupon_popup dl dt {width: 80px; padding-left: 12px; position: relative; font-weight: 300;}
  2959. .modal.coupon_popup dl dt:after {content:''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #888;}
  2960. .modal.coupon_popup dl dd {color:#666;}
  2961. .modal.coupon_popup .modal-footer {margin-top: 40px;}
  2962. /* ev_공통 */
  2963. .container.ev .wrap .content .cont_body {margin-bottom: 150px;}
  2964. .container.ev .cont_head > div {position: relative;}
  2965. .container.ev .cont_head > div .share_btn {position: absolute; top: 0; right: 70px; }
  2966. .container.ev .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
  2967. .inner {width: 1200px; margin:0 auto;}
  2968. /* ev_list */
  2969. .ev .ev_mem_rank {position: relative; background: #f5f5f5; padding: 60px 100px; margin-bottom: 100px;}
  2970. .ev .ev_mem_rank .txt {display: inline-block;}
  2971. .ev .ev_mem_rank .txt strong {display: block; font-size: 20px; font-weight: 600;}
  2972. .ev .ev_mem_rank .txt p {font-size: 32px; line-height: 1.3; color: #666; margin: 20px 0 30px; letter-spacing: -0.025em;}
  2973. .ev .ev_mem_rank .txt .btn {display: inline-block; padding: 14px 24px; letter-spacing: -0.025em;}
  2974. .ev .ev_mem_rank .mem_rank_list {position: absolute; top: 50%; right: 160px; transform:translateY(-50%);}
  2975. .ev .ev_mem_rank .mem_rank_list ul li {float:left; text-align: center; margin-right: 40px;}
  2976. .ev .ev_mem_rank .mem_rank_list ul li:last-child {margin-right: 0;}
  2977. .ev .icon {position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; color: #fff; border:2px solid transparent;}
  2978. .ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 32px; font-weight: 600; color: #fff;}
  2979. .ev .icon + span {font-size: 16px; color: #666; font-weight: 500;}
  2980. .ev .icon.vip {background: #fd4802;}
  2981. .ev .icon.gold {background: #222;}
  2982. .ev .icon.silver {background: #666;}
  2983. .ev .icon.bronze {background: #aaa;}
  2984. .ev .icon.welcome {background: #fff; border:2px solid #222;}
  2985. .ev .icon.welcome span {color: #222;}
  2986. .ev .event_list {}
  2987. .ev .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
  2988. .ev .event_list .event_top .count {font-size: 16px; font-weight: 200; color: #888; display: inline-block; margin-top: 20px;}
  2989. .ev .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
  2990. .ev .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
  2991. .ev .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;}
  2992. .ev .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
  2993. .ev .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
  2994. .ev .event_list .list li .rank {min-width:52px;}
  2995. .ev .event_list .list li .ev_img {margin-bottom: 27px; position: relative;}
  2996. .ev .event_list .list li .ev_img img {width: 100%; height: auto;}
  2997. .ev .event_list .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;}
  2998. .ev .event_list .list .no_con {display: none;}
  2999. .ev .event_list.no_data .list .event_con {display: none;}
  3000. .ev .event_list.no_data .list .no_con {display: block; padding:100px 0;}
  3001. .ev .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
  3002. .ev .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
  3003. .ev .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;}
  3004. /* ev_rank */
  3005. .container.ev .wrap {max-width:100%; min-width:1200px; padding-right: 0; padding-left: 0;}
  3006. .container.ev .wrap .ev_list {padding:0 70px;}
  3007. .ev_rank .inner {position: relative;}
  3008. .ev_rank .my_rank_info {background: #fff6f2; padding:53px 0; min-height:260px; box-sizing: border-box; margin-bottom: 100px; }
  3009. .ev_rank .my_rank_info .desc p {font-size: 24px; line-height: 1.4; font-weight: 200; color: #666;}
  3010. .ev_rank .my_rank_info .desc p span {color: #222; font-weight: 600;}
  3011. .ev_rank .my_rank_info .desc p span.my_name {font-weight: 500;}
  3012. .ev_rank .my_rank_info .desc button {margin-top: 20px; font-weight: 300; padding: 10px 23px;}
  3013. .ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;}
  3014. .ev_rank .my_rank_info.no_member p {font-size: 24px; font-weight: 200; color: #222; margin-bottom: 28px;}
  3015. .ev_rank .my_rank_info.no_member .login_btn {font-size: 14px; padding:10px 24px; letter-spacing: -0.025em;}
  3016. .ev_rank .my_rank_progress {position: absolute; bottom: 0; right: 0; width: 760px;}
  3017. .ev_rank .pro_wrap {margin-bottom: 20px;}
  3018. .ev_rank .pro_wrap .rank_txt {margin-bottom: 5px;}
  3019. .ev_rank .pro_wrap .rank_txt ul {font-size: 0;}
  3020. .ev_rank .pro_wrap .rank_txt li {display: inline-block; font-size: 14px; color: #444; font-weight: 500; line-height: 1;}
  3021. .ev_rank .pro_wrap .rank_txt li:first-child {width: 16.66667%;}
  3022. .ev_rank .pro_wrap .rank_txt li:nth-child(2) {width: 22.2222%;}
  3023. .ev_rank .pro_wrap .rank_txt li:nth-child(3) {width: 22.2222%;}
  3024. .ev_rank .pro_wrap .rank_txt li:nth-child(4n) {width: 22.2222%;}
  3025. .ev_rank .pro_wrap .rank_txt li:last-child {width: 16.66667%;}
  3026. .ev_rank .pro_wrap .rank_txt li:after {content:''; display: block; clear:both;}
  3027. .ev_rank .pro_wrap .rank_txt li .icon {text-align: center; width: 60px; height: 60px; margin:0 auto; opacity: 0;}
  3028. .ev_rank .pro_wrap .rank_txt li .welcome {float:left; margin-left: -30px;}
  3029. .ev_rank .pro_wrap .rank_txt li .vip {float:right; margin-right: -30px;}
  3030. .ev_rank .pro_wrap .rank_txt li .icon > span {font-size: 22px;}
  3031. .ev_rank .pro_wrap.welcome .rank_txt li .icon.welcome {opacity: 1;}
  3032. .ev_rank .pro_wrap.bronze .rank_txt li .icon.bronze {opacity: 1;}
  3033. .ev_rank .pro_wrap.silver .rank_txt li .icon.silver {opacity: 1;}
  3034. .ev_rank .pro_wrap.gold .rank_txt li .icon.gold {opacity: 1;}
  3035. .ev_rank .pro_wrap.vip .rank_txt li .icon.vip {opacity: 1;}
  3036. .ev_rank .pro_wrap .rank_txt li .txt {clear:both;}
  3037. .ev_rank .pro_wrap .rank_txt li .txt span {display: block; text-align: center;}
  3038. .ev_rank .pro_wrap.welcome .rank_txt .welcome + .txt {display: none;}
  3039. .ev_rank .pro_wrap.bronze .rank_txt .bronze + .txt {display: none;}
  3040. .ev_rank .pro_wrap.silver .rank_txt .silver + .txt {display: none;}
  3041. .ev_rank .pro_wrap.gold .rank_txt .gold + .txt {display: none;}
  3042. .ev_rank .pro_wrap.vip .rank_txt .vip + .txt {display: none;}
  3043. .ev_rank .pro_wrap .rank_txt li:first-child .txt span {text-align: left;}
  3044. .ev_rank .pro_wrap .rank_txt li:last-child .txt span {text-align: right;}
  3045. .ev_rank .pro_wrap .progress_bar {width: 100%; height: 4px; background: #ddd; position: relative;}
  3046. .ev_rank .pro_wrap .progress_bar .current_bar {background: #fd4802; position: absolute; top: 0; left: 0; width: 0%; height: 4px;}
  3047. .ev_rank .pro_wrap.bronze .progress_bar .current_bar {width: 28%;}
  3048. .ev_rank .pro_wrap.silver .progress_bar .current_bar {width: 50%;}
  3049. .ev_rank .pro_wrap.gold .progress_bar .current_bar {width: 72.5%;}
  3050. .ev_rank .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
  3051. .ev_rank .my_rank_progress .benefit_txt {background: #fff; padding:26px 0; text-align: center; font-size: 18px; color: #444; font-weight: 300;}
  3052. /* .er .my_rank_progress .benefit_txt span {color: #fd4802; font-weight: 600;} */
  3053. .ev_rank .my_rank_progress .benefit_txt strong {color: #222; font-weight: 600;}
  3054. /* ev_rank 등급 혜택 테이블 */
  3055. .ev_rank .rank_tbl_wrap {margin-bottom: 60px;}
  3056. .ev_rank .rank_tbl_wrap h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
  3057. .ev_rank .rank_tbl_wrap .icon {margin:0 auto 20px;}
  3058. .ev_rank .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
  3059. .ev_rank .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
  3060. .ev_rank .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
  3061. .ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
  3062. .ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
  3063. .ev_rank .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;}
  3064. .ev_rank .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
  3065. .ev_rank .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;}
  3066. .ev_rank .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
  3067. /* ev 안내사항_공통 */
  3068. .announce_txt {position: relative; padding-left: 125px; box-sizing: border-box; letter-spacing: -0.025em;}
  3069. .announce_txt .note_txt {position: absolute; left: 0; top: 0; text-align: center;}
  3070. .announce_txt .note_txt p {font-size: 18px; font-weight: 300; color: #888; margin-top: 20px;}
  3071. .announce_txt .announce_list .tit {font-size: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
  3072. .announce_txt .announce_list ul {margin-bottom: 40px;}
  3073. .announce_txt .announce_list ul:last-of-type {margin-bottom: 0;}
  3074. .announce_txt .announce_list ul li {position: relative; padding-left: 12px; font-size: 16px; font-weight: 200; color: #888; margin-bottom: 15px;}
  3075. .announce_txt .announce_list ul li:before {content:''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #888; margin-top: -2px;}
  3076. .announce_txt .announce_list ul li:last-child {margin-bottom: 0;}
  3077. /* ev_check, ev_renew 출석 체크 이벤트 */
  3078. .container.ev .cont_head > .renew_check_tit {position: relative;}
  3079. .container.ev .cont_head > .renew_check_tit h3 {padding-bottom: 80px;}
  3080. .container .wrap .content.renew * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
  3081. .ev .renew_check_tit .period {position: absolute; bottom: 40px; left: 50%; transform:translateX(-50%); color: #888;}
  3082. .ev .attend_banner {width: 100%; height: 779px; background: url(/images/pc/thumb/attend_banner.jpg) no-repeat center; margin-bottom: 120px;}
  3083. .ev .event_calander {position: relative;}
  3084. .ev .event_calander:after {content:''; position: absolute; bottom: 60px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
  3085. .ev .event_calander .my_attend_day {margin-bottom: 30px;}
  3086. .ev .event_calander .my_attend_day p {font-size: 40px; font-weight: 300; text-align: center; color: #000; }
  3087. .ev .event_calander .my_attend_day p span {font-size: 62px; color: #fd4802; font-weight: 600;}
  3088. .ev .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
  3089. .ev .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
  3090. .ev .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
  3091. .ev .event_calander table {box-sizing: border-box;}
  3092. .ev .event_calander table th {background: #222; padding:15px 0; font-size: 18px; color: #fff; font-weight: 300; border:1px solid #222; box-sizing: border-box;}
  3093. .ev .event_calander table th.sun {color: #fd4802;}
  3094. .ev .event_calander table th.sat {color: #3158ea;}
  3095. .ev .event_calander table td {padding: 20px; border:1px solid #ddd; height: 100px; vertical-align: top; box-sizing: border-box;}
  3096. .ev .event_calander table td .date {font-size: 20px; font-weight: 300;}
  3097. .ev .event_calander table td.today {background: url(/images/pc/ico_cal_today.png) no-repeat top 20px right 26px;}
  3098. .ev .event_calander table td.complete {background: url(/images/pc/ico_cal_check.png) no-repeat top 20px right 26px;}
  3099. .ev .event_calander .btn_wrap {margin:60px 0 0; padding-bottom: 140px; text-align: center;}
  3100. .ev .event_calander .btn_wrap button {padding:20px 75px; font-size: 18px; font-weight: 300;}
  3101. /* ev_renew 이벤트 */
  3102. .container .wrap .content.survey * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
  3103. .ev .renew_banner {position: relative; width: 100%; height: 597px; background: url(/images/pc/thumb/renewal_banner.jpg) no-repeat center;}
  3104. .ev .renew_banner:after {content:''; position: absolute; bottom: -185px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
  3105. .ev .renew .btn_wrap {margin:60px 0 140px; text-align: center;}
  3106. .ev .renew .btn_wrap a.btn {padding:22px 65px 22px 50px; font-size: 18px; color: #222; font-weight: 300; border:1px solid #a7a7a7; background: url(/images/pc/ico_more_lg.png) no-repeat right 41px top 23px;}
  3107. .container.ev .wrap .content.survey .cont_body {margin-bottom: 0;}
  3108. .ev .survey_wrap {background: #f5f5f5; padding:60px 0 160px}
  3109. .ev .survey_wrap .survey_con {width: 740px; margin:0 auto; background: #fff; border-top: 3px solid #fe7f4d; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.1);}
  3110. .ev .survey_wrap .survey_con .survey_row {padding: 60px 55px; border-bottom: 1px solid #ddd;}
  3111. .ev .survey_wrap .survey_con .survey_row:last-child {border-bottom: 0;}
  3112. .ev .survey_wrap .survey_con .survey_row h4 {margin-bottom: 0; font-size: 17px; line-height: 1.5; font-weight: 300; position: relative; padding-left: 42px;}
  3113. .ev .survey_wrap .survey_con .survey_row h4:before {position: absolute; top: 0; left: 0;}
  3114. .ev .survey_wrap .survey_con .survey_row.q1 h4:before {content:'Q1.'}
  3115. .ev .survey_wrap .survey_con .survey_row.q2 h4:before {content:'Q2.'}
  3116. .ev .survey_wrap .survey_con .survey_row.q3 h4:before {content:'Q3.'}
  3117. .ev .survey_wrap .survey_con .survey_row.q4 h4:before {content:'Q4.'}
  3118. .ev .survey_wrap .survey_con .survey_row ul li {float:left; margin-top: 30px; margin-right: 50px; position: relative;}
  3119. .ev .survey_wrap .survey_con .survey_row ul li:last-child textarea {display: none; padding: 10px; width: 300px; height: 52px; font-size: 16px; line-height: 1.5; color: #222; resize:none; position: absolute; top: 50%; left: 80px; transform:translateY(-50%);}
  3120. .ev .survey_wrap .survey_con .survey_row .form_field input + label {font-weight: 200; font-size: 16px; line-height: 1.7;}
  3121. .ev .survey_wrap .survey_con .survey_row .form_field input:checked + label {line-height: 1.7;}
  3122. .ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + textarea {display: inline-block;}
  3123. .ev .survey_wrap .survey_con .survey_row.q1 ul li:nth-child(5n) {margin-right: 0;}
  3124. .ev .survey_wrap .survey_con .survey_row.q1 ul li:last-child {width: 100%;}
  3125. .ev .survey_wrap .survey_con .survey_row.q2 ul li:nth-child(4n) {margin-right: 0;}
  3126. .ev .survey_wrap .survey_con .survey_row.q3 .doc_ans {width: 100%; height: 220px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200; resize:none; margin-top: 30px;}
  3127. .ev .survey_wrap .survey_con .survey_row.q4 {border-bottom: 0;}
  3128. .ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {height: 220px; resize:none; margin-top: 30px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200;}
  3129. .ev .survey_wrap .survey_con .btn_wrap {padding: 20px 0 60px; text-align: center;}
  3130. .ev .survey_wrap .survey_con .btn_wrap button.btn {padding:15px 80px; font-size: 18px; font-weight: 300;}
  3131. /* ev_comment 사이트 리뉴얼 댓글 이벤트 */
  3132. .ev .comment_banner {position: relative; width: 100%; height: 1046px; background: url(/images/pc/thumb/comment_banner.jpg) no-repeat center;}
  3133. .ev .wrap .content.cmt * {letter-spacing: -0.025em;}
  3134. .ev .wrap .content.cmt .cont_body {margin-bottom: 0;}
  3135. .ev .cmt .announce_txt {margin:60px auto;}
  3136. .ev .cmt_wrap {background: #f5f5f5; padding:60px 0 125px;}
  3137. .ev .cmt_wrap .cmt_write .cmt_tarea {margin-bottom: 20px;}
  3138. .ev .cmt_wrap .cmt_write .cmt_tarea textarea {box-sizing: border-box; background: #fff; padding: 20px; resize: none; width: 100%; height: 140px; font-size: 14px; line-height: 1.3; color: #888;}
  3139. .ev .cmt_wrap .pics {width: 110px; height: 110px;}
  3140. .ev .cmt_wrap .pics .picsThumbs {max-width: 100%; max-height: 100%;}
  3141. .ev .cmt_wrap .imgUpload .pics:last-of-type {display: none !important; margin-right: 0;}
  3142. .ev .cmt_wrap .cmt_write .btn_wrap {margin:60px 0 100px; text-align: center;}
  3143. .ev .cmt_wrap .cmt_write .btn_wrap > div {display: inline-block;}
  3144. .ev .cmt_wrap .cmt_write .btn_wrap button, .ev .cmt_wrap .cmt_write .btn_wrap label {float:left; padding:0 !important; width: 220px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; font-weight: 300;}
  3145. .ev .cmt_wrap .cmt_write .btn_wrap label {background: #fff;}
  3146. .ev .cmt_wrap .cmt_write .btn_wrap .file_btn {margin-right: 10px; border:1px solid #a1a1a1;}
  3147. /* .ev .cmt_wrap .cmt_write .btn_wrap .file_btn:hover {background:transparent;} */
  3148. .ev .cmt_wrap .cmt_write .btn_wrap .file_btn label {cursor:pointer; display: block; height: 60px; line-height: 60px;}
  3149. .ev .cmt_wrap .cmt_group .cmt_list_tit {padding-bottom: 32px; border-bottom: 1px solid #ddd;}
  3150. .ev .cmt_wrap .cmt_group .cmt_list_tit strong {margin-right: 10px; font-size: 26px; font-weight: 500;}
  3151. .ev .cmt_wrap .cmt_group .cmt_list_tit span {font-size: 24px; color: #666; font-weight: 200;}
  3152. .ev .cmt_wrap .cmt_group .cmt_list li {padding: 30px 0; border-bottom: 1px solid #ddd;}
  3153. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_top {margin-bottom: 25px;}
  3154. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .writer {float:left; color: #666; margin-right: 20px; padding-right: 20px; border-right:1px solid #ddd;}
  3155. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .date {color: #888;}
  3156. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .img_wrap {margin-bottom: 20px;}
  3157. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7;}
  3158. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del {display: block; background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center; padding:7px 14px; padding-left: 33px; margin-top: 20px; font-size: 14px; color: #222; font-weight: 200;}
  3159. .ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del:hover {background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center;}
  3160. .ev .cmt_wrap .pageNav > li {display: inline-block; vertical-align: top;}
  3161. .ev .cmt_wrap .pageNav > li > a, .ev .cmt_wrap .pageNav > li > span, .pageNav > .disabled > a {background: transparent; height: 34px;}
  3162. .ev .cmt_wrap .pageNav .prev a, .ev .cmt_wrap .pageNav > li:first-child a {background:url('/images/pc/ico_paging.png') no-repeat 0 11px; width: 8px; text-indent: -999em;}
  3163. .ev .cmt_wrap .pageNav .prev a {background-position: -23px 11px;}
  3164. .ev .cmt_wrap .pageNav .next a, .ev .cmt_wrap .pageNav > li:last-child a {background: url('/images/pc/ico_paging.png') no-repeat -64px 11px; width: 8px;}
  3165. .ev .cmt_wrap .pageNav > li:last-child a, .ev .cmt_wrap .pageNav > li:first-child a {width: 15px;}
  3166. .ev .cmt_wrap .pageNav .next a {background-position: -47px 11px;}
  3167. .ev .cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
  3168. .ev .cmt_wrap.no_data .cmt_list, .ev .cmt_wrap.no_data .paging_wrap {display: none;}
  3169. .ev .cmt_wrap.no_data .no_con {display: block;}
  3170. .ev .cmt_wrap.no_data .no_con li {text-align: center; border-bottom: 0; padding:120px 0 35px;}
  3171. .ev .cmt_wrap.no_data .no_con li span {display: block; margin-top: 25px; font-size: 16px; color:#666; font-weight: 300;}
  3172. /* ev_comment 댓글 이미지 팝업 */
  3173. .modal.cmt_popup {display: none; position: fixed; top: 50%; left: 50%; z-index: 9999; width: 100%; height: 100%; transform:translate(-50%, -50%); background: transparent; box-shadow: none;}
  3174. .modal.cmt_popup a.close-modal {display: none;}
  3175. .modal.cmt_popup .inner {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 700px; height: 700px;}
  3176. .modal.cmt_popup .pop_close_btn {position: absolute; top: -60px; right: 0; width: 24px; height: 24px; background: url(/images/pc/ico_pop_cls02.png) no-repeat center; cursor:pointer; text-indent:-999em;}
  3177. .modal.cmt_popup .swiper-container {height: 700px; background: #fff;}
  3178. .modal.cmt_popup .swiper-container .swiper-slide {display: table; height: 700px; text-align: center;}
  3179. .modal.cmt_popup .swiper-container .swiper-slide .pop_img {display: table-cell; width: 100%; height:700px; vertical-align: middle; }
  3180. .modal.cmt_popup .swiper-container .swiper-slide img {width: auto; height:auto; max-width:100%; max-height:100%; overflow: hidden;}
  3181. .modal.cmt_popup .swiper-button-prev:after, .modal.cmt_popup .swiper-button-next:after {content:'';}
  3182. .modal.cmt_popup .swiper-button-prev {left: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_prev.png) no-repeat center; margin-top: -40px;}
  3183. .modal.cmt_popup .swiper-button-next {right: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_next.png) no-repeat center; margin-top: -40px;}
  3184. .modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
  3185. .modal.cmt_popup .swiper-pagination-bullet {width: 10px; height: 10px; opacity: 1; background: #ddd;}
  3186. .modal.cmt_popup .swiper-pagination-bullet-active {background: #fd4802;}
  3187. .modal.cmt_popup .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 40px;}
  3188. /* ev 다른 이벤트 보기 슬라이드 */
  3189. .ev .other_ev_slide {position: relative; margin:150px 0 120px; padding:0 140px;}
  3190. .ev .other_ev_slide .tit {position: relative; margin-bottom: 60px; text-align: center;}
  3191. .ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
  3192. .ev .other_ev_slide .tit 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;}
  3193. .ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
  3194. .ev .other_ev_slide .swiper-slide .txt {}
  3195. .ev .other_ev_slide .swiper-slide .txt .subject {margin:20px 0 0; padding:0 7px; font-size: 18px; line-height: 1.5; font-weight: 300; color:#222; min-height:55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
  3196. .ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
  3197. .ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
  3198. .ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
  3199. /* 헤더 */
  3200. .black_screen {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 88; display: none;}
  3201. /* GNB_depth */
  3202. .depth_menu {position: absolute; top:58px; left:0; width:100%; background: #fff; color: #222; z-index:150; display: none;}
  3203. .depth_menu::after {content:''; display: block; clear:both;}
  3204. .depth_menu .head_category {position: relative; float:left; width: 68.75%; padding:50px 70px;}
  3205. .depth_menu .head_category .tit, .bundle li .depth_menu .head_category .menu {float:left;}
  3206. .depth_menu .head_category .tit {width: 170px;}
  3207. .depth_menu .head_category .tit p {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
  3208. .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;}
  3209. .depth_menu .head_category .tit a:after {display: none;}
  3210. .depth_menu .head_banner {float:left; width: 31.25%; background: #f5f5f5; padding:50px 70px;}
  3211. .depth_menu .head_banner .tit p {font-size: 24px; font-weight: 500; margin-bottom: 20px; }
  3212. .depth_menu .head_banner li {float:left; width: 222px;}
  3213. .depth_menu .head_banner li:first-child {margin-right: 10px;}
  3214. .depth_menu .head_banner li .ev_img {position: relative; padding-top: 100%;}
  3215. .depth_menu .head_banner li img {width: 100%; height:auto; position: absolute; left: 0; top: 0;}
  3216. .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;}
  3217. #header.minify .depth_menu {top:80px;}
  3218. ul.maintabs{width: 250px; padding: ; border-left: 1px solid #ddd; min-height: 320px;}
  3219. ul.maintabs li {padding:9px 40px;}
  3220. ul.maintabs li a {display: inline-block; font-size: 16px; color: #666; position: relative;}
  3221. ul.maintabs a:after {content:''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background: #fd4801; display: none;}
  3222. ul.maintabs 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;}
  3223. ul.maintabs > li:hover > a,
  3224. ul.maintabs > li:focus > a,
  3225. ul.maintabs .box_depth2 > li:hover > a,
  3226. ul.maintabs .box_depth3 > li:hover > a,
  3227. ul.maintabs .box_depth4 > li:hover > a {color: #fd4801; font-weight: 300;}
  3228. ul.maintabs > li:hover > a:after,
  3229. ul.maintabs .box_depth2 > li:hover > a:after,
  3230. ul.maintabs .box_depth3 > li:hover > a:after,
  3231. ul.maintabs .box_depth4 > li:hover > a:after {display: block;}
  3232. ul.maintabs > li:hover > a:before,
  3233. ul.maintabs .box_depth2 > li:hover > a:before,
  3234. ul.maintabs .box_depth3 > li:hover > a:before,
  3235. ul.maintabs .box_depth4 > li:hover > a:before {display: block;}
  3236. ul.maintabs .box_depth2 {position: absolute; left: 490px; top:50px; width: 250px; display:none; border-left: 1px solid #ddd; min-height: 320px;}
  3237. ul.maintabs .box_depth3 {position: absolute; left: 245px; top:0; border-left: 1px solid #ddd; width: 250px; min-height: 320px; display:none;}
  3238. ul.maintabs .box_depth4 {position: absolute; left: 245px; top:0; border-left: 1px solid #ddd; width: 250px; min-height: 320px; display:none;}
  3239. /* brand_depth */
  3240. .depth_menu.brand {}
  3241. .depth_menu.brand .head_category {width: 100%;}
  3242. .depth_menu.brand .head_category .menu {width: 90%; border-left: 1px solid #ddd; padding-left: 40px;}
  3243. .depth_menu.brand .head_category .menu .row {width: 100%; border-bottom: 1px solid #ddd; padding:30px 0;}
  3244. .depth_menu.brand .head_category .menu .row:first-child {padding-top: 0;}
  3245. .depth_menu.brand .head_category .menu .row p {font-size: 18px; font-weight: 500; margin-bottom: 25px;}
  3246. .depth_menu.brand .head_category .menu .row ul {}
  3247. .depth_menu.brand .head_category .menu .row ul:after {content:''; display: block; clear:both;}
  3248. .depth_menu.brand .head_category .menu .row ul li {float:left; width: 182px; height: 80px;}
  3249. .depth_menu.brand .head_category .menu .row ul li a {display: block; width: 100%; height: 100%; position: relative;}
  3250. .depth_menu.brand .head_category .menu .row ul li a img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
  3251. .depth_menu.brand .head_category .brand_list .swiper-slide {width: 180px;}
  3252. #footer {position: relative;}
  3253. /* 퀵메뉴 */
  3254. #quick_menu {position:fixed; bottom:0; right:-363px;z-index:120; padding-left: 60px; transition:all 0.3s;}
  3255. #quick_menu.active {right: 0;}
  3256. #quick_menu:before {content:''; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: none;}
  3257. #quick_menu.active:before {display: block;}
  3258. #quick_menu .quick_btn {background: #222; position: absolute; left: 0; bottom: 0;}
  3259. #quick_menu .quick_btn li {width: 60px; height: 60px; text-align: center;}
  3260. #quick_menu .quick_btn li button {display: block; width: 60px; height: 60px;}
  3261. #quick_menu .quick_btn .count {display: block; margin-top: 6px; font-size: 12px; color: #fd4802;}
  3262. #quick_menu .tabs_con {position: relative;}
  3263. #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;}
  3264. #quick_menu .quick_con {position:relative;width:363px;height:100%;background:#fff;height:800px;}
  3265. #quick_menu .quick_con .quick_head {position: relative; padding: 30px; padding-bottom: 40px;}
  3266. #quick_menu .quick_con .quick_head h3 {font-size: 24px; font-weight: 500; margin-bottom: 0;}
  3267. #quick_menu .quick_con .quick_head h3 a {color: #222; position: relative; display: inline-block; padding-right: 22px;}
  3268. #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%;}
  3269. #quick_menu .quick_con .quick_body {padding: 30px; padding-top: 0; overflow-y:auto; height: 705px; overflow-x: hidden;}
  3270. #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
  3271. #quick_menu .quick_con .product_count span {font-weight: 500;}
  3272. #quick_menu.on {position: absolute; bottom: 539px; width: 60px; height: 539px;}
  3273. /* 퀵메뉴_최근 본 상품 */
  3274. #quick_menu .history .itemsGrp {margin:0 -7px;}
  3275. #quick_menu .history .item_prod {width: 50%;}
  3276. #quick_menu .history .item_state {padding:0 7px 14px;}
  3277. #quick_menu .history .itemPic {margin-bottom: 0;}
  3278. #quick_menu .history .no_item {display: none;}
  3279. #quick_menu .history .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
  3280. #quick_menu .history .quick_body.nodata .item_prod {display: none;}
  3281. #quick_menu .history .quick_body.nodata .no_item {display: block; line-height: 700px; text-align: center; font-size: 16px; color: #888;}
  3282. /* 퀵메뉴_쇼핑백 */
  3283. .itemsGrp {margin-bottom:0;}
  3284. #quick_menu .shopingbag .quick_body {height: 655px;}
  3285. #quick_menu .shopingbag .quick_body.nodata {height: 708px;}
  3286. #quick_menu .shopingbag .quick_body .itemsGrp.empty {display: none;}
  3287. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.existence {display: none;}
  3288. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty {display: block;}
  3289. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .desc {font-size: 16px; line-height: 1.6; color: #888; text-align: center;}
  3290. #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .item_prod:last-child {border-bottom: 0; padding-bottom: 0;}
  3291. #quick_menu .shopingbag .quick_body.nodata .purchase_btn {display: none;}
  3292. #quick_menu .shopingbag .itemsGrp .item_prod {width: 100%; overflow: hidden; padding:30px 0; border-bottom: 1px solid #ddd;}
  3293. #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;}
  3294. #quick_menu .shopingbag .itemsGrp .item_prod:first-child .delete_btn {top: 0;}
  3295. #quick_menu .shopingbag .itemsGrp .item_prod:first-child {padding-top: 0;}
  3296. #quick_menu .shopingbag .itemsGrp .item_prod:last-child {border-bottom: 0;}
  3297. #quick_menu .shopingbag .itemsGrp .item_prod .itemBadge, #quick_menu .shopingbag .itemsGrp .item_prod .itemcolorchip {display: none;}
  3298. #quick_menu .shopingbag .itemsGrp .item_prod .item_state {display: table; padding-left: 150px; padding-right: 0; padding-bottom: 0; width: 100%; min-height:210px;}
  3299. #quick_menu .shopingbag .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  3300. #quick_menu .shopingbag .itemsGrp .item_prod .itemLike {z-index: 99;}
  3301. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 120px; padding-top: 70%;}
  3302. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .shape {z-index: 89;}
  3303. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
  3304. #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .pd_img {z-index: 88;}
  3305. #quick_menu .shopingbag .itemsGrp .item_prod.sold_out .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;}
  3306. #quick_menu .shopingbag .itemsGrp .item_prod .itemBrand {margin:0px 0 15px; font-size: 14px; font-weight: 300;}
  3307. #quick_menu .shopingbag .itemsGrp .item_prod .itemComment {}
  3308. #quick_menu .shopingbag .itemsGrp .item_prod .itemName {margin:0px 0 13px; font-size: 14px; font-weight: 300; lin e-height: 1.5; max-height:44px; overflow:hidden;}
  3309. #quick_menu .shopingbag .itemsGrp .item_prod .itemSize {font-size: 12px; margin-bottom: 20px; color: #888;}
  3310. #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice {font-size: 16px; line-height: 1; font-weight: 500; margin:0 0 10px}
  3311. #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice_original {display: inline-block; font-size: 14px; font-weight: 200;}
  3312. #quick_menu .shopingbag .itemsGrp .item_prod .itemLink .purchase_btn {width: 100%; border:1px solid #a7a7a7; font-weight:300;}
  3313. #quick_menu .shopingbag .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0; margin-top: 10px;}
  3314. #quick_menu .shopingbag .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;}
  3315. #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;}
  3316. #quick_menu .shopingbag .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
  3317. #quick_menu .shopingbag .shape:after {height: 18px; border-left:10px solid #fd4802;}
  3318. #quick_menu .shopingbag .shape span {width: 100%; font-size: 13px; font-weight: 300;}
  3319. /* 퀵메뉴_위시리스트 */
  3320. #quick_menu .wishlist .itemsGrp {margin:0 -7px;}
  3321. #quick_menu .wishlist .item_prod {width: 50%;}
  3322. #quick_menu .wishlist .item_state {margin:0 7px 14px; padding: 0;}
  3323. #quick_menu .wishlist .itemPic {margin-bottom: 0;}
  3324. #quick_menu .wishlist .no_item {display: none;}
  3325. #quick_menu .wishlist .quick_body.nodata .item_prod, #quick_menu .quick_con .quick_body.nodata .product_count {display: none;}
  3326. #quick_menu .wishlist .quick_body.nodata .item_prod {display: none;}
  3327. #quick_menu .wishlist .quick_body.nodata .no_item {display: block; line-height: 675px; text-align: center; font-size: 16px; color: #888;}
  3328. #quick_menu .wishlist .quick_body.need_login .product_count {display: none;}
  3329. #quick_menu .wishlist .quick_body.need_login .itemsGrp {display: none;}
  3330. #quick_menu .wishlist .quick_body.need_login .login_con {display: block;}
  3331. #quick_menu .login_con {position: relative; height: 675px; display: none;}
  3332. #quick_menu .login_con > div {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
  3333. #quick_menu .login_con p {font-size: 16px; color: #888; margin-bottom: 30px;}
  3334. #quick_menu .login_con .btn {width: 85px; padding: 10px 14px; font-size: 14px; border:1px solid #a7a7a7; font-weight: 300;}
  3335. #quick_menu .wishlist .shape {z-index: 90; width: 78px; max-width:78px; min-height:28px; background: #fd4802;}
  3336. #quick_menu .wishlist .shape:after {height: 18px; border-left:10px solid #fd4802;}
  3337. #quick_menu .wishlist .shape span {width: 100%; font-size: 13px; font-weight: 300;}
  3338. #quick_menu .wishlist .itemLike {top: 10px;}
  3339. #quick_menu .wishlist .hover_con {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none;}
  3340. #quick_menu .wishlist .hover_con .cart_btn {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
  3341. #quick_menu .wishlist .item_prod:hover .hover_con {display: block;}
  3342. #quick_menu .wishlist .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0;}
  3343. #quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;}
  3344. /* 퀵메뉴_나의 쿠폰_발급 가능 쿠폰 */
  3345. #quick_menu .coupon .quick_body {height: 634px;}
  3346. #quick_menu .coupon .quick_body.need_login {height: 100%;}
  3347. #quick_menu .coupon .quick_body .login_con {display: none;}
  3348. #quick_menu .coupon .quick_body.need_login .login_con {display: block;}
  3349. #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;}
  3350. #quick_menu .coupon .coupon_tab {margin-bottom: 30px;}
  3351. #quick_menu .coupon .coupon_tab a {position: relative; font-size: 16px; color: #888;}
  3352. #quick_menu .coupon .coupon_tab a:first-child {margin-right: 25px;}
  3353. #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
  3354. #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
  3355. #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;}
  3356. #quick_menu .coupon #coupon_type01 .coupon_list {line-height:1;}
  3357. #quick_menu .coupon #coupon_type01 .coupon_list li {margin-top:30px}
  3358. #quick_menu .coupon #coupon_type01 .coupon_list li:first-child {margin-top:0}
  3359. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
  3360. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon > div {position:relative;}
  3361. #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;}
  3362. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon p {padding:0 20px;}
  3363. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
  3364. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont {margin-top:10px;}
  3365. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
  3366. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
  3367. #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;}
  3368. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
  3369. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down {}
  3370. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
  3371. #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;}
  3372. #quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
  3373. /* 퀵메뉴_나의 쿠폰_보유 쿠폰 */
  3374. #quick_menu .coupon #coupon_type02 .coupon_list li {float:left; width: 100%; margin:0 0 30px 0; position: relative; position: relative; overflow: hidden;}
  3375. #quick_menu .coupon #coupon_type02 .coupon_list li:nth-child(4n) {margin-right: 0;}
  3376. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_top {position: relative; overflow: hidden;}
  3377. #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;}
  3378. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;}
  3379. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .tit {margin-bottom: 10px; font-size: 14px;}
  3380. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .tit {color:#888;}
  3381. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
  3382. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .sale_t {color:#888;}
  3383. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  3384. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
  3385. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t span {font-size: 28px;}
  3386. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont {font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
  3387. #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;}
  3388. #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;}
  3389. #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;}
  3390. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
  3391. #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;}
  3392. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_date .cp_off {display: none; color: #888;}
  3393. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date span {display: none;}
  3394. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
  3395. #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
  3396. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
  3397. #quick_menu .coupon #coupon_type02 .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
  3398. /* 퀵메뉴_카테고리 */
  3399. #quick_menu .category .quick_body {padding: 0;}
  3400. #quick_menu .category .quick_cate_wrap > li > ul {display: none; background: #f5f5f5;}
  3401. #quick_menu .category .quick_cate_wrap > li:first-child > a {padding-top: 0;}
  3402. #quick_menu .category .quick_cate_wrap > li > a {display: block; padding:20px 30px; font-size: 18px; font-weight: 300;}
  3403. #quick_menu .category .quick_cate_wrap > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
  3404. #quick_menu .category .quick_cate_wrap > li.has_children > a {background: url('/images/pc/ico_quick_cate.png') no-repeat right 30px center;}
  3405. #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;}
  3406. #quick_menu .category .quick_cate_wrap > li.has_children.active > a span {border-bottom: 1px solid #fd4802;}
  3407. #quick_menu .category .quick_cate_wrap > li.has_children > ul {padding: 15px 0;}
  3408. #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a {display: block; font-size: 16px; color: #888; padding:15px 40px;}
  3409. #quick_menu .category .quick_cate_wrap > li.has_children > ul > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
  3410. #quick_menu .category .quick_cate_txt {border-top: 1px solid #ddd; padding:30px;}
  3411. #quick_menu .category .quick_cate_txt a {display: inline-block; position: relative; font-size: 14px; color: #888; margin-right: 20px;}
  3412. #quick_menu .category .quick_cate_txt a:after {content:''; position: absolute; top: 2px; right: -12px; width: 1px; height: 8px; background: #ddd;}
  3413. #quick_menu .category .quick_cate_txt a:last-child:after {display: none;}