layout_m.css 253 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604
  1. @charset "UTF-8";
  2. /* 고객센터 */
  3. /* cs 공통 */
  4. .cs .pnb ul{padding-left:1rem;}
  5. .cs .search_wrap{position: relative;}
  6. .cs .search_wrap::after{content: '';display:block;width: 100%;height:0.2rem;background-color: #000000; position: relative; top:-2.58rem; left:0;}
  7. .cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
  8. .cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url('//image.istyle24.com/Style24/images/mo/cs_search_btn.png') center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
  9. .cs .search_wrap button.btn_x {visibility: hidden; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.8rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
  10. .cs .inner{background:#fff;}
  11. .cs .inner > p{margin-top:1rem;}
  12. .cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
  13. .cs .inner.none p{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
  14. .cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:600; position:relative; margin:2rem 0 0 0;}
  15. .cs .see_more > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
  16. .cs .ui_row.nodata .foldGroup { display: none;}
  17. .cs .ui_row.nodata + .ui_foot { display: none;}
  18. .cs .ui_row.nodata {display: inherit; padding: 12.4rem 0; margin-bottom: 0; text-align: center;}
  19. .cs .ui_row.nodata {border:none;}
  20. .cs .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
  21. .cs .ui_foot{padding:0 2rem;}
  22. .cs .form_field .radio_wrap {width: 100%; display: flex; font-size: 1.4rem; font-weight: 600; padding: 0 0 6rem;}
  23. .cs .form_field .radio_wrap p { width: 40%; line-height: 2.4rem;}
  24. .cs .form_field .radio_wrap .ui_col_4 {width: 25%;}
  25. .cs .quick_list {margin-bottom:5rem;}
  26. .cs .quick_list ul,
  27. .cs .faq .quick_list ul li {box-sizing: border-box;}
  28. .cs .quick_list ul {width:100%; height: 26rem; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:0.2rem solid #000; align-items: center;}
  29. .cs .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 0.1rem solid #ddd; border-bottom: 0.1rem solid #ddd;}
  30. .cs .quick_list ul li:nth-child(1),
  31. .cs .faq .quick_list ul li:nth-child(6) {border-left:none;}
  32. .cs .quick_list ul li:nth-child(6),
  33. .cs .faq .quick_list ul li:nth-child(7),
  34. .cs .faq .quick_list ul li:nth-child(8),
  35. .cs .faq .quick_list ul li:nth-child(9),
  36. .cs .faq .quick_list ul li:nth-child(10) {border-bottom: none;}
  37. .cs .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:2.6rem; font-size:1.6rem; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
  38. .cs .search_wrap .faq_search {height:19rem; background:#f5f5f5; padding:5rem; box-sizing:border-box; text-align:center;}
  39. .cs .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:60.0rem; padding-right:5rem; border-bottom:0.2rem solid #222; box-sizing: border-box; text-align:left;}
  40. .cs .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:5rem; padding-left:0; border:none; background:none; color:#222; font-size:3rem; font-weight:200; letter-spacing:-0.025em; line-height:1;}
  41. .cs .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
  42. .cs .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:1.1rem; width:2.8rem; height:2.8rem; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:0.1rem; text-indent:-999.9rem; z-index:2}
  43. .cs .search_wrap .faq_search .t_info {width:60rem; margin:1.5rem auto 0; font-weight:200; text-align:left;}
  44. .cs .search_wrap p{margin-top:0.8rem; font-size:1.2rem; color:#666666;}
  45. .cs .fold_nav {width:100%;}
  46. .cs .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap;}
  47. .cs .fold_nav ul li {margin:0.4rem 0.4rem 0 0;}
  48. .cs .fold_nav ul li a {display:inline-block;padding:1rem 1.6rem;border: 0.1rem solid #ddd;font-size:1.2rem;font-weight: 300;line-height: 1; letter-spacing:-0.025em; border-radius:5rem;}
  49. .cs .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 0.1rem solid #222;}
  50. .cs .foldGroup .fold_head {font-family:'Noto Sans kr', sans-serif;}
  51. .cs .foldGroup .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
  52. .cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
  53. .cs .foldGroup .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1.1rem;}
  54. .cs .foldGroup .fold_head .fold_tit .lap2 span{font-weight:500;width:100%;text-decoration: none;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;} /* 0809 *//* 0819 */
  55. .cs .foldGroup .fold_head .fold_state{padding:0.2rem 0.3rem;}
  56. .cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd;}
  57. .cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem;}
  58. .cs ul.inquiry_box{display:flex; margin:-0.6rem 0;}
  59. .cs ul.inquiry_box > li{width:33.3%; border-right:0.2rem solid #e4e4e4;}
  60. .cs ul.inquiry_box > li:nth-last-child(1){border-right:0 none;}
  61. .cs ul.inquiry_box > li > p{text-align:center;}
  62. .cs ul.inquiry_box > li > p:nth-of-type(1){color:#000000; font-size:1.8rem; font-weight:600;}
  63. .cs ul.inquiry_box > li > p:nth-of-type(2){margin-top:0.5rem; color:#696969; font-size:1.3rem; font-weight:500;}
  64. /* cs_faq_1 */
  65. .cs .cs_faq_1{background-color:#f5f5f5;}
  66. .cs .cs_faq_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
  67. .cs .cs_faq_1 .inner:last-child{padding-top:0; margin-bottom:0;}
  68. .cs .cs_faq_1 .select_list {margin-top:2.3rem}
  69. .cs .cs_faq_1 .select_list > li{display:inline;}
  70. .cs .cs_faq_1 .select_list > li > button{font-size:1.5rem; border:0.1rem solid #e4e4e4; padding:1rem 1.5rem; border-radius:2rem; margin-bottom:0.6rem;}
  71. .cs .cs_faq_1 .select_list > li > button.on{background-color:#000; color:#fff;}
  72. .cs .cs_faq_1 .qna_list{transition:0.4s;}
  73. .cs .cs_faq_1 .qna_list > li{display:flex; justify-content:space-between; padding:2.6rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; position:relative; margin:0 -2.0rem;}
  74. .cs .cs_faq_1 .qna_list > li > div.title{width:90%;}
  75. .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem;}
  76. .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600; font-weight:500;}
  77. .cs .cs_faq_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
  78. .cs .cs_faq_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
  79. .cs .cs_faq_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
  80. .cs .cs_faq_1 .qna_list > div.answer > p{font-size:1.5rem; width:90%; line-height:2.4rem;}
  81. .cs .cs_faq_1 .fold_nav{margin-top:2rem;}
  82. .cs .cs_faq_1 .ui_row.nodata::after {content: '검색어 조건에 맞는 항목이 없습니다.';}
  83. .cs .cs_faq_1 .ui_foot .btn{width:100%; height: 4rem;}
  84. /* cs_contactUs_1 */
  85. .cs .cs_contactUs_1{background-color:#f5f5f5}
  86. .cs .cs_contactUs_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
  87. .cs .cs_contactUs_1 .inner:last-child{padding-top:0; margin-bottom:0;}
  88. .cs .cs_contactUs_1 .fold_head::after{transform: translateY(120%);}
  89. .cs .cs_contactUs_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
  90. .cs .cs_contactUs_1 .qna_list{transition:0.4s;}
  91. .cs .cs_contactUs_1 .qna_list > li{display:flex; justify-content:space-between; padding:2.6rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; position:relative; margin:0 -2.0rem;}
  92. .cs .cs_contactUs_1 .qna_list > li > div.title{width:90%; overflow:hidden;}
  93. .cs .cs_contactUs_1 .qna_list > li > div.title > span{display:inline-block; background-color:#a4a4a4; color:#fff; padding:0.1rem 0.4rem 0; bottom:1rem; margin-bottom:1rem; line-height:2.4rem; margin-right:0.6rem}
  94. .cs .cs_contactUs_1 .qna_list > li > div.title > span.on{background-color:#fd4802;}
  95. .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem; display:inline-block; font-weight:500;}
  96. .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600;}
  97. .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(3){margin-top:0.4rem; color:#828282; font-weight:600;}
  98. .cs .cs_contactUs_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
  99. .cs .cs_contactUs_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
  100. .cs .cs_contactUs_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
  101. .cs .cs_contactUs_1 .qna_list > div.answer > p{font-size:1.5rem; width:100%; line-height:2.4rem;}
  102. .cs .cs_contactUs_1 .qna_list > div.answer .form_wrap{margin-top:1.6rem;}
  103. .cs .cs_contactUs_1 .qna_list > div.answer .form_wrap .fileAdd{width:10rem; height:10rem;}
  104. .cs .cs_contactUs_1 .qna_list > div.answer .form_wrap .pics{width:10rem; height:10rem;}
  105. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer{margin-top:2rem;}
  106. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > p{font-size:1.5rem; line-height:2.4rem; width:100%;}
  107. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > p > span{color:#fd4802;}
  108. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div{display:flex; justify-content:space-between; margin-top:0.6rem; color:#828282;}
  109. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div > p{font-size:1.5rem;}
  110. .cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div > p:nth-of-type(2){border-bottom:0.1rem solid #828282; height:1.7rem;}
  111. .cs .cs_contactUs_1 .ui_row.nodata::after {content: '등록된 문의가 없습니다.';}
  112. .pop_cont .cs_contactUs_my .tt { font-size: 1.4rem; line-height: 3.1rem;}
  113. .modal#thumb_pic .modal-header{border-bottom:0;}
  114. .modal#thumb_pic .modal-body{margin-top: 5rem; padding:0;}
  115. .modal#thumb_pic .swiper-container.cs_pop{height:100%; width:100%;}
  116. .modal#thumb_pic .swiper-container.cs_pop .swiper-wrapper .swiper-slide img{position:absolute; top:50%; transform:translate(0, -50%);}
  117. .modal#thumb_pic .swiper-container.cs_pop .pop_img{position: relative; width: 100%; padding-bottom: 150%; background-size:contain; background-position: center center; background-repeat: no-repeat;}
  118. .modal#thumb_pic .swiper-container.cs_pop .swiper-pagination{position:relative; margin-top:1rem; margin-bottom:1rem; bottom:0;}
  119. .modal#thumb_pic .swiper-container.cs_pop .swiper-pagination-bullet{height:1rem; width:1rem;}
  120. .modal#thumb_pic .swiper-container.cs_pop .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff4701;}
  121. /* cs_contactUs_my */
  122. .cs_contactUs_my {padding-bottom: 7rem;}
  123. .cs_contactUs_my .header { height: 2rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: 600; margin: 1.6rem 0;}
  124. .cs_contactUs_my .header .close{position: relative; height:5.2rem;}
  125. .cs_contactUs_my .header .close span{position:absolute; left:50%; margin-left:-0.05rem; display:inline-block; width:0.1rem; height:1.8rem; background-color:#000; transform:rotate(45deg);}
  126. .cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
  127. .cs_contactUs_my .header .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
  128. .cs_contactUs_my .inner { padding-bottom: 0;}
  129. .cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url('//image.istyle24.com/Style24/images/mo/ico_star02.png') no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
  130. .cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; line-height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
  131. .cs_contactUs_my textarea { width: 100%; box-sizing: border-box; padding: 1.5rem 0.5rem; font-size: 1.4rem; height:20rem;}
  132. .cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
  133. .cs_contactUs_my .form_field { margin: 0 0 1.2rem;}
  134. .cs_contactUs_my .form_field {margin-top:1rem;}
  135. .cs_contactUs_my .form_field:first-of-type {margin:0 0 -0.5rem 0;}
  136. .cs_contactUs_my .form_field .cellphone {display:block;}
  137. .cs_contactUs_my .form_field .cellphone input[type="text"]{width:40rem;}
  138. .cs_contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
  139. .cs_contactUs_my .imgUpload{margin-left:0.6rem;}
  140. .cs_contactUs_my .imgUpload:first-child{margin: 0;}
  141. .cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
  142. /* .cs_contactUs_my_footer { width: 100%; background: #222; color: #fff; text-align: center; font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 100;} */
  143. .tabbar-btn { width: 100%; background: #222; color: #fff; text-align: center; font-size: 1.6rem; line-height: 5.7rem; z-index: 100;}
  144. .cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
  145. .cs_contactUs_my .blt_dot {position:relative; padding-left:1rem;}
  146. .cs_contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.2rem; width:0.3rem; height:0.3rem; background:#888;}
  147. .cs_contactUs_my textarea,
  148. .cs_contactUs_my .select,
  149. .cs_contactUs_my input[type="text"] {width:100%; font-weight:200; box-sizing:border-box; color:#222; font-size:1.2rem; font-weight:300;}
  150. .cs_contactUs_my input[type="text"]::placeholder,
  151. .cs_contactUs_my .form_control {height:4.2rem; color:#222; font-size:1.4rem; line-height: 4.5rem;}
  152. .cs_contactUs_my .input_label {line-height:4.2rem;}
  153. .cs_contactUs_my .contactus_cnt {color:#888;}
  154. .cs_contactUs_my .select {height:4.2rem; font-size:1.2rem;}
  155. .cs_contactUs_my .select .select_dress {color:#222; font-weight:200;}
  156. .cs_contactUs_my .select .select_dress:after {top:1.6rem; right:1.5rem; border-color:#888 transparent transparent transparent;}
  157. .cs_contactUs_my .select .select_dress.active:after {top:1rem; border-color: transparent transparent #888 transparent;}
  158. .cs_contactUs_my .select .select_options {color:#666;}
  159. .cs_contactUs_my .help_block {margin-top:1rem; text-indent:0;}
  160. .cs_contactUs_my .ck_box {padding:0.3rem 0;}
  161. .cs_contactUs_my .ck_box input[type="checkbox"] + label {font-size:1.6rem; font-weight:200;}
  162. .cs_contactUs_my .ck_box:first-child{margin-right:2rem;}
  163. .cs_contactUs_my .t_err {font-weight:200;}
  164. .cs_contactUs_my .t_err::before {background-image:url('//image.istyle24.com/Style24/images/pc/ico_err2.png');}
  165. .cs_contactUs_my .info_addfile > ul > li{position:relative; padding-left:0.8rem;}
  166. .cs_contactUs_my .info_addfile > ul > li:before{display:inline-block; content:"·"; position:absolute; left:0;}
  167. .cs_contactUs_my .info_addfile {margin-top:2rem; color:#666; font-size:1.2rem; font-weight:200;}
  168. .cs_contactUs_my .sec_foot {margin-top:6rem;}
  169. .cs_contactUs_my .sec_foot .btn.btn_md {margin:0 0.5rem; font-weight:300; padding:1.5rem 9rem;}
  170. .cs_contactUs_my .txt_cnt {position:absolute; right:1.5rem; bottom:1.5rem; text-align:right; font-size:1.4rem; font-weight: 300; background-color: #ffffff;}
  171. .cs_contactUs_my .cellphone .input_wrap{display:flex; flex-wrap:wrap;}
  172. .cs_contactUs_my .cellphone .input_wrap .tt{padding:0.3rem 0; margin-right:3rem; font-weight:600;}
  173. .cs_contactUs_my .img_group .thumb_pic {position:relative; display:inline-block; width:7.4rem; height:7.4rem; border:0.1rem solid #ddd; margin-right:0.4rem; box-sizing:border-box; overflow:hidden;}
  174. .cs_contactUs_my .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
  175. .cs_contactUs_my .form_wrap .form_field:nth-of-type(3) .input_wrap{padding:0 1rem; padding-bottom:2.5rem; border: 0.1rem solid #d7d7d7;}
  176. .cs_contactUs_my .form_wrap .form_field:nth-of-type(3) .input_wrap textarea{border:0 none; outline:none;}
  177. .cs_contactUs_my .form_wrap .form_field:nth-of-type(3) .input_wrap .txt_cnt{bottom:0.1rem;}
  178. .cs_contactUs_1 .ui_foot .btn{width:100%; height: 4rem;}
  179. /* cs_product_1 */
  180. .cs .cs_product_1{background-color:#f5f5f5}
  181. .cs .cs_product_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
  182. .cs .cs_product_1 .inner:last-child{padding-top:0; margin-bottom:0;}
  183. .cs .cs_product_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
  184. .cs .cs_product_1 .ui_row.nodata::after {content: '등록된 문의가 없습니다.';}
  185. .cs .cs_product_1 .ui_foot .btn{width:100%; height: 4rem;}
  186. /* cs_notice_1 */
  187. .cs .cs_notice_1{background-color:#f5f5f5;}
  188. .cs .cs_notice_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
  189. .cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:11.0rem;}
  190. .cs .cs_notice_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
  191. .cs .cs_notice_1 .blockLyout > .block:first-child{padding-top:0;}
  192. .cs .cs_notice_1 .ui_row.nodata::after {content: '등록된 공지가 없습니다.';}
  193. .cs .cs_notice_1 .ui_foot .btn{width:100%; height: 4rem;}
  194. /* 회원가입 */
  195. /* mb공통*/
  196. .mb+footer {display: none;}
  197. .mb .form_control {height: 4.5rem;}
  198. .mb h2.title {text-align: center; padding-bottom: 1.7rem; font-size: 2rem; font-weight: 500;}
  199. .mb .close{position: relative; height:5.2rem; margin-bottom: -1.2rem;}
  200. .mb .close span{position:absolute; left:50%; margin-left:-0.05rem; display:inline-block; width:0.1rem; height:1.8rem; background-color:#000; transform:rotate(45deg);}
  201. .mb .close span:first-child{transform:rotate(-45deg);}
  202. .mb .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
  203. .mb .cont_head h2{margin-bottom:3rem; text-align:center; font-size:1.8rem; font-weight:700;}
  204. .mb .form_wrap .form_field{margin-top:1rem;}
  205. .mb .ui_row{margin-bottom:0;}
  206. .mb input[type="text"], .mb input[type="password"] {float: none;}
  207. .mb .sns_wrap{margin-top:3rem;}
  208. .mb .sns_wrap > h5 {font-size: 1.4rem;}
  209. .mb .sns_wrap .login_utill{display:inline-block; font-size:0; margin-top: 2rem;}
  210. .mb .sns_wrap .login_utill > li{display:inline-block; margin-left:3.5rem;}
  211. .mb .sns_wrap .login_utill > li:first-child{margin-left:0;}
  212. .mb .sns_wrap .login_utill > li a{font-size:1.2rem;}
  213. .mb .sns_wrap .login_utill > li a .ico{position:relative; display:block; margin-bottom:0.7rem; width:5rem; height:5rem; background-color:#ccc; border-radius:50%;}
  214. .mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url('//image.istyle24.com/Style24/images/mo/ico_snslogin.png'); transform:translate(-50%, -50%);}
  215. .mb .sns_wrap .login_utill > li.lu_kakao a .ico{background:#ffe500;}
  216. .mb .sns_wrap .login_utill > li.lu_kakao a .ico:before{width:2rem; height:2.2rem; background-position:0 0;}
  217. .mb .sns_wrap .login_utill > li.lu_naver a .ico{background:#69c441;}
  218. .mb .sns_wrap .login_utill > li.lu_naver a .ico:before{width:1.6rem; height:2.2rem; background-position: -2rem 0;}
  219. .mb .sns_wrap .login_utill > li.lu_yes24 a .ico{background:#f5f5f5;}
  220. .mb .sns_wrap .login_utill > li.lu_yes24 a .ico:before{width:3.4rem; height:2.2rem; background-position: -3.6rem 0;}
  221. .mb .help_block{margin-top:1rem; font-size:1.2rem;}
  222. .mb .btn_nonMb {display: inline-block; color: #888; font-size:1.2rem; font-weight: 200; border-bottom: 0.1rem solid #888;}
  223. .mb .tab_btn{margin:0 -2.0rem 4rem -2.0rem; overflow:hidden;}
  224. .mb .tab_btn > li{position:relative; float:left; width:50%; height:4.5rem; line-height:4.5rem; background-color:#f5f5f5; color:#888; text-align:center;}
  225. .mb .tab_btn > li a{width: 100%; height:auto; display:block;}
  226. .mb .tab_btn > li.active{background-color:#fff; color:#fd4802; font-weight:600;}
  227. .mb .tab_btn > li:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:0.2rem; background:#fd4802;}
  228. .mb .tab_btn > li.active:after{width:100%;}
  229. .mb .radio_tab{margin-bottom:2rem;}
  230. .mb .radio_nav{margin-bottom:2.4rem;}
  231. .mb .form_sign_up p:last-child {color:#888; margin-top: 1rem;}
  232. .mb .form_sign_up .c_primary{font-size:1.6rem; font-weight:500;}
  233. .mb .form_wrap .form_info {text-align:center;}
  234. .mb .form_wrap .form_info p {font-size:1.4rem; font-weight:300; letter-spacing:-0.025em; line-height:1.6;}
  235. .mb .form_wrap .form_info p.t_info {font-size:1.2rem; color:#888; font-weight:300; line-height:1.625;}
  236. .mb .find_result {padding:0 0 4.0rem; font-weight:200;}
  237. .mb .find_result .help_block {text-align:left;}
  238. .mb .find_result input {font-size:1.2rem;}
  239. .mb .find_result .form_print_bar {padding:3.4rem 0; margin-top:2.5rem; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:1.2rem;}
  240. .mb .find_result .form_print_bar ul li {margin-top: 1.2rem;}
  241. .mb .find_result .form_print_bar ul li:first-child {margin-top: 0;}
  242. .mb .find_result .form_print_bar ul li span {display:inline-block;}
  243. .mb .find_result .form_print_bar ul li span.t_span {width:7.5rem; color:#888;}
  244. .mb .btn_group_block {float:none; margin-top:3rem; display:flex;}
  245. .mb [class^="ico_content_"]::before {margin: 0 auto 1.5rem;}
  246. .ico_content_find::before {width:3.6rem; height:4.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_find.png') no-repeat 50% 50%;}
  247. .mb .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  248. /* mb_login */
  249. .mb .mb_login .login_check{font-size:1.2rem; line-height:1.8rem;}
  250. .mb .mb_login .login_check .form_field{margin:0;}
  251. .mb .mb_login .login_check:after{content:''; display:block; clear:both;}
  252. .mb .mb_login .login_check .left{float:left;}
  253. .mb .mb_login .login_check .right{float:right;}
  254. .mb .mb_login .login_check .right ul{overflow:hidden;}
  255. .mb .mb_login .login_check .right ul > li{position:relative; float:left; margin-left:1rem; padding-left:1rem;}
  256. .mb .mb_login .login_check .right ul > li:first-child{margin-left:0rem; padding-left:0rem;}
  257. .mb .mb_login .login_check .right ul > li::before{content: ''; position:absolute; width:0.1rem; height:1rem; left:0; top:50%; transform:translateY(-50%); background:#ddd;}
  258. .mb .mb_login .login_check .right ul > li:first-child::before{display:none;}
  259. .mb .mb_login .captcha {margin-top:2rem; text-align: left;}
  260. .mb .mb_login .captcha .lap{display: flex; align-items: center;}
  261. .mb .mb_login .captcha .captcha_box {width:100%; height:6.6rem; border: 0.1rem solid #ddd; background: rgb(128, 255, 0);}
  262. .mb .mb_login .captcha .captcha_btn_dual {margin-left:0.6rem;}
  263. .mb .mb_login .captcha .captcha_btn_dual button {width:9rem; height:3rem; display: block; border:0.1rem solid #ddd; border-radius: 0.3rem; background-color:#f5f5f5;}
  264. .mb .mb_login .captcha .captcha_btn_dual button:before{content:''; display:inline-block; margin-right:0.4rem; width:1.4rem; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_captcha_btn.png') no-repeat center 0; vertical-align:middle;}
  265. .mb .mb_login .captcha .captcha_btn_dual button:last-child:before {background-position:center -4rem;}
  266. .mb .mb_login .captcha .captcha_btn_dual button:first-child {margin-bottom:0.6rem;}
  267. .mb .mb_login .captcha .captcha_btn_dual button:last-child {background-position:center -3.1rem;}
  268. .mb .mb_login .captcha .captcha_area {margin-top:0.6rem;}
  269. .mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 1.5rem 1.3rem;}
  270. .mb .mb_login .captcha .captcha_area label { display: block; width: 100%; margin:-0.8rem 0 0.4rem 0;}
  271. .mb .btn_mb_wrap {text-align: center; margin:2rem 0 -3rem 0;}
  272. .mb .btn_mb_wrap ul {display: inline-block;}
  273. .mb .btn_mb_wrap ul:after {content:''; display: block; clear:both;}
  274. .mb .btn_mb_wrap ul > li{position:relative; float:left; margin-left:1rem; padding-left:1rem; line-height: 1;}
  275. .mb .btn_mb_wrap ul > li:first-child{margin-left:0rem; padding-left:0rem;}
  276. .mb .btn_mb_wrap ul > li::before{content: ''; position:absolute; width:0.1rem; height:1rem; left:0; top:50%; transform:translateY(-50%); background:#ddd;}
  277. .mb .btn_mb_wrap ul > li:first-child::before{display:none;}
  278. .mb .mb_login .btn{width:100%; height:4.5rem;}
  279. /* mb_idInquiry_1 */
  280. .mb_idInquiry_1 .radio_nav{margin-left:-0.5rem; margin-right:-0.5rem;}
  281. .mb_idInquiry_1 .form_field{flex-flow:row wrap; justify-content: space-between;}
  282. .mb_idInquiry_1 .form_field .ui_col_4{padding:0.5rem; width:auto; box-sizing:border-box;}
  283. .mb_idInquiry_1 .txt{margin:4rem 0; text-align:center; color:#888888;}
  284. .mb_idInquiry_1 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  285. /* mb_idInquiry_2 */
  286. .mb_idInquiry_2 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  287. /* mb_idInquiry_3 */
  288. .mb_idInquiry_3 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  289. /* mb_idInquiry_4 */
  290. .mb_idInquiry_4 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  291. /* mb_idInquiry_5 */
  292. .mb_idInquiry_5 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  293. /* mb_idInquiry_6 */
  294. .dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
  295. .dormant .form_wrap .ui_row button {position:relative; border-radius:2.5rem;}
  296. .dormant .form_wrap .ui_row button span {font-size:1.4rem; font-weight: 300;}
  297. .dormant .form_wrap .ui_row button span .ico {margin-right:1rem;}
  298. .dormant .form_wrap .ui_row button span .ico::before {margin-top:-0.6rem;}
  299. .dormant .form_wrap .form_summary {margin-top:3rem;}
  300. .dormant .form_wrap .form_summary strong {font-size:1.4rem; font-weight:300;}
  301. .dormant .form_wrap .form_summary p {margin-top:0.5rem; font-size:1.2rem; color:#888; font-weight:200; line-height:1.6; word-break:keep-all;}
  302. .mb_idInquiry_6 .btn{width:100%; height:5.2rem;}
  303. /* mb_idInquiry_7 */
  304. .mb_idInquiry_7 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  305. /* mb_idInquiry_8 */
  306. .mb_idInquiry_8 .form_summary {padding-top:3rem; border-top: 0.1rem solid #ddd;}
  307. .mb_idInquiry_8 .form_summary .txt {position:relative; margin-bottom:0.8rem; font-size:1.3rem; line-height:1;}
  308. .mb_idInquiry_8 .form_summary .txt span.c_primary {font-size:1.2rem; font-weight:700;}
  309. .mb_idInquiry_8 .form_summary .btn {position:absolute; top:0.1rem; right:0; font-size:1.2rem; font-weight:300; border-color:#a7a7a7;}
  310. .mb_idInquiry_8 .form_summary .t_info {display:block; color:#888; font-size:1.1rem}
  311. .mb_idInquiry_8 .form_summary .t_info:nth-of-type(4){padding-right:8rem;}
  312. .mb_idInquiry_8 .btn_group_flex {margin-bottom: 3rem;}
  313. .mb_idInquiry_8 .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
  314. /* mb_join_1 */
  315. .mb_join_1 .btn_group_flex > div > .btn {width:100%; height:4.5rem;}
  316. /* mb_join_1 popup_로그인 정보 이용동의 팝업 */
  317. .modal.mbAgree_pop .modal-body {margin-top: 5.2rem;}
  318. .modal.mbAgree_pop .agree_info h5 {font-size: 2rem; text-align: center;}
  319. .modal.mbAgree_pop .agree_info p {text-align: center; margin:3rem 0; font-size:1.4rem; font-weight:300; line-height:1.3; letter-spacing:-0.08rem;}
  320. .modal.mbAgree_pop .info_txt {padding:1.8rem; background:#f5f5f5;}
  321. .modal.mbAgree_pop .info_txt ul li {position:relative; padding-left:0.8rem; margin-bottom:0.8rem; color:#888; font-size:1.1rem; font-weight:200; line-height:1.4;}
  322. .modal.mbAgree_pop .info_txt ul li:last-child {margin-bottom:0;}
  323. .modal.mbAgree_pop .info_txt ul li:after {content:''; position:absolute; top:0.6rem; left:0; background:#888; width:0.2rem; height:0.2rem;}
  324. .modal.mbAgree_pop .info_txt ul li .mb_name {font-weight:300;}
  325. .modal.mbAgree_pop .info_txt ul li em {font-weight:300;}
  326. .modal.mbAgree_pop .modal-footer .btn_group_flex {padding:0 2rem;}
  327. /* mb_join_2 */
  328. .mb .mb_join_2 .form_field{display:block;}
  329. .mb .mb_join_2 .form_wrap .desc_wrap p {font-size:1.2rem; line-height:1.75; font-weight:200; color:#888;}
  330. .mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;margin-left: -0.6rem;}
  331. .mb .mb_join_2 .form_wrap .desc_wrap label span {line-height: 2.5;}
  332. .mb .mb_join_2 .help_block::after {clear:both; display:block; width:100%;}
  333. .mb .mb_join_2 .help_block .btn.btn_sm {float:left; margin-right:0.4rem; border-color:#222; font-size:1.2rem;}
  334. .mb .mb_join_2 .btn_primary{width:100%; height:4.5rem;}
  335. /* mb_join_3 */
  336. .mb .mb_join_3 .form_wrap .print_bar{padding:3.4rem 0; background: #f5f5f5; text-align:center;}
  337. .mb .mb_join_3 .btn{width:100%; height:4.5rem;}
  338. /* mb_campaign */
  339. .mb .campaign .form_wrap .form_info p {line-height: 1.4;}
  340. .mb .campaign .form_wrap .form_info p.t_info {color:#666 !important; margin-top: 1rem;}
  341. .campaign .info_txt {padding:1.8rem; margin-top:3rem; background:#f5f5f5;}
  342. .campaign .info_txt ul li {position:relative; padding-left:0.8rem; margin-bottom:0.8rem; color:#888; font-size:1.1rem; font-weight:200; line-height:1.4;}
  343. .campaign .info_txt ul li:last-child {margin-bottom:0;}
  344. .campaign .info_txt ul li:after {content:''; position:absolute; top:0.7rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
  345. .campaign .info_txt ul li .mb_name {font-weight:300;}
  346. .campaign .info_txt ul li em {font-weight:300;}
  347. .campaign .btn_group_flex > div > .btn.btn_primary {border:0.1rem solid #fd4802;}
  348. .btn_group_flex > div > .btn.btn_primary {border:0.1rem solid #fd4802;}
  349. .mb_join_2 .input_wrap .btn_hp_certi {position: absolute; top: 0; right: 0; height: 4.5rem; margin-left: 0; font-size: 1.4rem; font-weight: 300;}
  350. .mb .t_err {position: relative; padding-left: 2.1rem;}
  351. .mb .t_err::before {position: absolute; top: 0.1rem; left: 0; margin: 0;}
  352. /* 제품 관련 */
  353. .pb0{padding-bottom:0!important;}
  354. .ico_besttag{height:1.5rem; vertical-align:middle;}
  355. .ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_besttag.png') no-repeat 50% 50%; background-size: cover;}
  356. /* button*/
  357. .pd_detail .btn_coupon,
  358. .pd_detail .btn_shoppingBag{border:0.1rem solid #fd4802; color:#fd4802;}
  359. .pd_detail .btn_coupon{margin-top:1.7rem;}
  360. .pd_detail .btn_shoppingBag{margin-top:3rem;}
  361. .pd_detail .btn_brandHome{border-color:#a7a7a7;}
  362. /* 슬라이드아이템*/
  363. .item_prod {display: inline-block;width: 100%;font-size: 0;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.025em;}
  364. .item_prod .item_state {position: relative; padding:0; box-sizing: border-box;}
  365. .item_state.soldout .itemPic:after {content: 'SOLD OUT';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height: auto;font-size: 1.5rem;font-weight: 500;color: #fff;z-index: 30;text-align: center; opacity: 1; background: transparent;}
  366. .item_prod .item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;opacity: 1;}
  367. .item_prod .item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
  368. .item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 99;width: 2.0rem;height: 2.0rem; background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
  369. .item_prod .itemLike::before,
  370. .item_prod .itemLike::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
  371. .item_prod .itemLike::before {background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.82rem;background-position:-1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
  372. .item_prod .itemLike::after {background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.82rem;background-position: -1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
  373. .itemLike.likeit::before {opacity: 1;}
  374. .item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
  375. .item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0;overflow: hidden; background: #fff;background-size: cover !important;}
  376. .item_prod .itemPic::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;}
  377. .item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
  378. .item_prod .itemPic .pd_mov {position: absolute;width: 100%;height: 100%;top: 50%;left: 0;transform: translateY(-50%);z-index: 1;border: 0;}
  379. .item_prod .itemBrand {display: inline-block; margin: 0 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:10rem;overflow:hidden;}
  380. .item_prod .itemComment{margin: 0.8rem 0.5rem 0.4rem; height: 1.3rem; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  381. .item_prod .itemName {margin: 0 0.5rem 0.8rem; font-size: 1.1rem; font-weight:300; color: rgb(31, 31, 31); height: 3rem; max-height: 3rem; position: relative; overflow: hidden; white-space: normal; overflow-wrap: break-word; display: block; letter-spacing: -0.025rem;}
  382. .item_prod .itemName .tit_option{font-weight:500;}
  383. .item_prod .itemPrice {position: relative; line-height: 1;font-size: 1.5rem; font-weight: 300; color:#222; margin: 0 0.5rem; margin-top: 2.3rem;text-align: left;}
  384. .item_prod .itemPrice_original {position: relative; margin-top: -1.5rem; margin-bottom:0.5rem; display:block; line-height:1; font-size: 1rem; font-weight: 300; color: rgb(204, 204, 204); text-decoration:line-through;}
  385. .item_prod .itemText{margin-top:0.5rem; font-size:1.1rem; color:#888888; font-weight:300;}
  386. .item_prod .itemPercent {position: absolute;top: auto;right: 0;bottom: 0;left: auto;margin-left: 1.5rem;line-height:1;font-size: 1.5rem;font-weight: 300;color: #fd4802;}
  387. .rank {position: absolute; z-index: 1; font-size: 1.4rem; color: #ffffff; top: 0; left: 0; width: auto; height: auto; min-width: 4.0rem; max-height: 4.0rem; text-align: center; line-height: 0.9; padding: 1.4rem 0;}
  388. .rank::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background: #222222; clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
  389. /* pd 상품상세 공통 */
  390. .pd .tit{margin-bottom:1.5rem; font-size:1.5rem; font-weight:500; color:#222;}
  391. .pd .ptok{padding-top:3rem!important;}
  392. .pd .ptok2{padding-top:4rem!important; padding-bottom:4rem!important;}
  393. .pd .item_prod{display:block;}
  394. .pd .itemBrand{width:calc(100% - 10%);}
  395. .pd .area_slider{text-align:left;}
  396. .pd .swiper-container{overflow:visible;}
  397. .pd .thumb_box .thumb_list .swiper-slide span{display: block;width: 100%;height: 5.5rem;background-color: #ffffff;opacity: 0.5;position: absolute;top: 0;left: 0;z-index: 3;}
  398. .pd .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
  399. .pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
  400. .pd .select_custom .combo .list{border:0.1rem solid #000; border-top:0;max-height:100%;}
  401. .pd .select_custom.on .combo .select{border:0.1rem solid #000;}
  402. /* pd_detail */
  403. .pd .pd_detail .pd_info{ position: relative;z-index: 0;}
  404. .pd .pd_detail .pd_info:before {content: "";display: block;width: 100%;height: 142vw;}
  405. .pd .pd_detail .pd_info .pd_info1{position: absolute;position: fixed;top: 0;left: 0;right: 0;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
  406. .pd .pd_detail .inner{background: #ffffff;}
  407. .pd .pd_detail .size{color:#666666;}
  408. .pd .pd_detail .pd_info .inner:nth-of-type(2){background:linear-gradient(to bottom,rgba(255, 255, 255, 0.93) 1%,rgba(255, 255, 255, 1) 25%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%)}
  409. .pd .pd_detail .btPopAuto_body .opt_count .number_count span.min_val,
  410. .pd .pd_detail .btPopAuto_body .opt_count .number_count span.max_val {opacity:0.2;}
  411. .pd .pd_detail .btPopAuto_body .opt_result .number_count span.min_val,
  412. .pd .pd_detail .btPopAuto_body .opt_result .number_count span.max_val {opacity:0.2;}
  413. .pd .pd_detail .btPopAuto_body .size{color:#666666;}
  414. .pd .pd_detail .Purchase_pop{transition:none;}
  415. .pd .pd_detail .Purchase_pop .btPop_foot{width: 100%; background: #fff;}
  416. .pd .pd_detail .Purchase_pop .item_prod .itemPercent{left:10.2rem;}
  417. .pd .pd_detail .Purchase_pop .item_prod .itemPrice_original{margin-left:0.5rem;}
  418. .pd .pd_detail .Purchase_pop .select_custom.on .combo .select{border-bottom:0.1rem solid #dcdcdc;}
  419. .pd .pd_detail .Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
  420. .pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem;}
  421. .pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888;}
  422. .pd .pd_detail .Purchase_pop .deal_opt_item .select{padding-bottom:0;}
  423. .pd .pd_detail .Purchase_pop .deal_opt_item .select .item_prod{top:-0.2rem;}
  424. .pd .pd_detail .Purchase_pop .btn_box{display:flex;}
  425. .pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
  426. .pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
  427. .pd_detail .pd_info > .inner:last-child {margin-bottom: 1.2rem;padding-bottom: 3rem;}
  428. .pd_detail .pd_desc_wrap .tab_detail_cont.pd_review {margin-bottom:-1.2rem;}
  429. /* 1 */
  430. .pd_detail{background-color:#f5f5f5;}
  431. .pd_detail .pd_info > .inner,
  432. .pd_detail > .inner{margin-bottom:1.2rem; padding-bottom:3rem; background-color:#fff;}
  433. .pd_detail > .inner:first-child{margin-bottom:0;}
  434. .pd .pd_detail > .inner:nth-of-type(6){margin-bottom:0;}
  435. .pd.deal .pd_detail > .inner:nth-of-type(3){margin-bottom:0;}
  436. .pd_detail .pd_info > .inner.wide,
  437. .pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
  438. .pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.35%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
  439. .pd_detail .movbox #prodMovBtn{background: rgb(246 55 55 / 0%); position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
  440. /* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;} */
  441. /* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 300%;height: 100%;z-index: 1;left:-100%} */
  442. .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;} /* 210827_ 영상비율 Portrait type 대응 */
  443. .pd_detail .thumb_box{position: relative;}
  444. .pd_detail .thumb_box .thumb_list{position:relative;}
  445. .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
  446. .pd_detail .thumb_box .thumb_list .thumb img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
  447. .pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%;z-index: 2;}
  448. .pd_detail .thumb_box .thumb_paging{position:absolute; left:50%; bottom:6.5rem; padding:0.2rem 0; width:6rem; height:2rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#222; border-radius:3rem; box-sizing: border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}
  449. .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
  450. .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
  451. .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
  452. .pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
  453. .pd_detail .thumb_box .swiper-button-next {right: 2rem;}
  454. .pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
  455. .pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  456. .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
  457. .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
  458. .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
  459. .pd_detail .descript_box .price_blk > span{margin-left:1rem;}
  460. .pd_detail .descript_box .price_blk > span:first-child{margin-left:0;}
  461. .pd_detail .descript_box .price_blk .sale_price{font-size:1.7rem; font-weight:700; color:#222222;}
  462. .pd_detail .descript_box .price_blk .sale_price em{font-size:2rem; font-weight:600; color:#222222;}
  463. .pd_detail .descript_box .price_blk .org_price{font-size:1.4rem; font-weight:400; color:#888888;}
  464. .pd_detail .descript_box .price_blk .org_price em{font-size:1.6rem;}
  465. .pd_detail .descript_box .price_blk .sale_percent{font-size:1.6rem; font-size:1.6rem; font-weight:500; color:#fd4802;}
  466. .pd_detail .descript_box .save_point{margin-top:1.2rem; font-size:1.3rem; font-weight:300; color:#888888;}
  467. .pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point.png') center center no-repeat; background-size:cover;}
  468. .pd_detail .descript_box .btn_group_flex{margin-top:1.7rem;}
  469. .pd_detail .descript_box .btn_group_flex button{border:0.1rem solid #fd4802; color:#fd4802; background: #fff;}
  470. /* 2 */
  471. .pd_detail .desc_status{padding:1.5rem 2rem; margin-bottom:-1.2rem; color: #fd4802; border-bottom:0.1rem solid #dddddd;}
  472. .pd_detail .timer_box{position: absolute;width: 30rem;top:-2.4rem;left: 50%;transform: translateX(-50%);z-index: 2;}
  473. .pd_detail .timer_box::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 3rem;background-color: rgba(255,255,255,.95);z-index: -1;}
  474. .pd_detail .timer_box p{padding: 0;text-align: center;background: #222;height: 3.6rem;}
  475. .pd_detail .timer_box p::after {content:''; clear:both; display:block;}
  476. .pd_detail .timer_box p span {display:inline-block; position:relative;}
  477. .pd_detail .timer_box p .tt {position:relative; padding-left:2.8rem; color:#fff; font-size:1.3rem; line-height: 3.8rem;}
  478. .pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.8rem; height:1.8rem; background:url('//image.istyle24.com/Style24/images/mo/ico_timer2.png') no-repeat 0 50%;}
  479. .pd_detail .timer_box p .timer {color:#fff; font-size:1.4rem; font-weight:300;}
  480. .pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:0.6rem;}
  481. .pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-0.1rem; top:50%; transform:translateY(-50%);}
  482. .pd_detail .timer_box p .timer em:first-of-type {padding-left:0.8rem;}
  483. .pd_detail .timer_box p .timer em:first-of-type::before {display:none;}
  484. .pd_detail .timer_box p .timer em#d-days::after {content:'일';}
  485. .pd_detail .timer_box p .timer em#d-hours::before {display:none;}
  486. .pd_detail .descript_box {padding-top: 2.4rem;}
  487. .pd_detail .option_box .opt_color{padding:3rem 0;}
  488. .pd_detail .option_box .opt_color ul {margin:0 -2rem; padding-left:2rem; overflow-x:auto; font-size:0; white-space:nowrap;}
  489. .pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:0.1rem;}
  490. .pd_detail .option_box .opt_color ul li {margin-right:0.5rem; display:inline-block; width:5rem;height: 7.5rem;}
  491. .pd_detail .option_box .opt_color ul li:last-child {margin-right:0;}
  492. .pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.4rem;background: #f5f5f5;;}
  493. .pd_detail .option_box .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%); }
  494. .pd_detail .option_box .opt_color ul li a.on:after{display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:0.1rem solid #fd4802; box-sizing:border-box;}
  495. .pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}
  496. .pd_detail .option_box > [class^="opt_"] .opt_header .title {margin-right:1rem; font-weight:500; color:#222;}
  497. .pd_detail .option_box > [class^="opt_"] .opt_header .color {color:#666666; font-weight:300;}
  498. .pd_detail .option_box .opt_size .form_field {display:block; margin-left: -0.8rem !important;}
  499. .pd_detail .option_box .opt_size .form_field .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
  500. .pd_detail .option_box .opt_size .form_field .lap > div {margin:0.25rem; float:left; width:auto;}
  501. .pd_detail .option_box .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
  502. .pd_detail .option_box .opt_size .form_field input[type="radio"] + label.on{border:0.1rem solid #fd4802}
  503. .pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label{border: 0.1rem solid red;}
  504. .pd_detail .option_box .opt_size .form_field input[type="radio"] + label::before,
  505. .pd_detail .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
  506. .pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
  507. .pd_detail .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
  508. .option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px; float:left; width:auto;}
  509. .option_box .opt_size .form_field2 {display:block;}
  510. .option_box .opt_size .form_field2 .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
  511. .option_box .opt_size .form_field2 .lap > div {margin:0.25rem; float:left; width:auto;}
  512. .option_box .opt_size .form_field2 label > span{position:relative; display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; color:#222; font-weight:200; font-size:1.2rem; border:0.1rem solid #ddd; cursor: pointer;}
  513. .option_box .opt_size .form_field2 label input[type="radio"]{position:absolute; width:0; height:0; visibility:hidden;}
  514. .option_box .opt_size .form_field2 label input[type="radio"]:checked + span{border:0.1rem solid #fd4802;}
  515. .option_box .opt_size .form_field2 label input[type="radio"]:disabled + span{text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
  516. .pd_detail .option_box .opt_count {padding-bottom:0;}
  517. .pd_detail .option_box .opt_result .result_item {position:relative; margin-bottom:1rem; padding:2rem; background-color:#f5f5f5;}
  518. .pd_detail .option_box .opt_result .result_item:last-child{margin-bottom:0;}
  519. .pd_detail .option_box .opt_result .result_item .opt_header{padding-bottom:0; padding-right:1.5rem;}
  520. .pd_detail .option_box .opt_result .result_item .opt_header span {display:block;}
  521. .pd_detail .option_box .opt_result .result_item .opt_header .bundle{margin-bottom:1.5rem;}
  522. .pd_detail .option_box .opt_result .result_item .opt_header .bundle:last-child{margin-bottom:0;}
  523. .pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_name {margin-bottom:0.5rem; color:#222; font-size:1.3rem; font-weight:300;}
  524. .pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_option {font-size:1.1rem; color:#666; white-space:normal;word-wrap:break-word;width:26rem;overflow:hidden;}
  525. .pd_detail .option_box .opt_result .result_item .item_price {position:absolute; right:2rem; bottom:3.2rem; color:#222; font-size:1.5rem; font-weight:500;}
  526. .pd_detail .option_box .opt_result .result_item .item_price em{font-weight:600;}
  527. .pd_detail .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:2rem; top:2rem; width:1.3rem; height:1.3rem; font-size:0; overflow:hidden; background:url('//image.istyle24.com/Style24/images/mo/btn_delete_item.png') no-repeat 50% 50%;}
  528. .pd_detail .option_box .opt_result .result_item .number_count {margin-top:2rem; display:inline-block; border:0.1rem solid #ddd; background-color:#fff;}
  529. .pd_detail .option_box .opt_result .result_item .number_count::after {content:''; clear:both; display:block;}
  530. .pd_detail .option_box .opt_result .result_item .number_count span,
  531. .pd_detail .option_box .opt_result .result_item .number_count input[type='text']{float:left;}
  532. .pd_detail .option_box .opt_result .result_item .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
  533. .pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
  534. .pd_detail .option_box .opt_result .result_item .number_count .plus::after {content:''; background-position:100% 0;}
  535. .pd_detail .option_box .opt_result .result_item .number_count .minus::after {content:''; background-position:0 0;}
  536. .pd_detail .option_box .opt_result .result_item .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.3rem; font-weight:300; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; background:#fff;}
  537. .pd_detail .option_box .info_restock{margin-top:1rem;}
  538. .pd_detail .option_box .info_restock a.btn_popup {position:relative; padding-left:1.9rem; padding-right:1.2rem; color:#666; font-size:1.3rem; font-weight:300; border:none;}
  539. .pd_detail .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:1.3rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_bell.png') no-repeat 0 0;}
  540. .pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:0.5rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
  541. .pd_detail .option_box .opt_count {padding-bottom:0; margin-top:2.8rem; overflow:hidden;}
  542. .pd_detail .option_box .opt_count .number_count {display:inline-block; border:0.1rem solid #ddd;}
  543. .pd_detail .option_box .opt_count .number_count::after {content:''; clear:both; display:block;}
  544. .pd_detail .option_box .opt_count .number_count span,
  545. .pd_detail .option_box .opt_count .number_count input[type='text']{float:left;}
  546. .pd_detail .option_box .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
  547. .pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
  548. .pd_detail .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
  549. .pd_detail .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
  550. .pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif; background:#fff;}
  551. .pd_detail .price_box {background-color: #fff; padding:1rem 2rem; border-top:0.1rem solid #222; display: block; width: 100%; height: 4.2rem; position: absolute; bottom: 5.8rem; left: 0;}
  552. .pd_detail .price_box::after {content:''; clear:both; display:block;}
  553. .pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:0.3rem;}
  554. .pd_detail .price_box .price {float:right; color:#222; font-size:1.5rem; font-weight:500;}
  555. .pd_detail .price_box .price em {font-size:1.5rem;}
  556. /* 재확인 */
  557. .form_field.mb20{margin-bottom:2rem !important;}
  558. .opt_name {margin-bottom:0.4rem;}
  559. .pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
  560. .select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important;}
  561. /* popup_box */
  562. .dp .popup_box .button_list.clear button{width:100% !important;}
  563. .dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem;}
  564. .dp .dp_lookbook ~ .popup_box.nodata .popup_con{margin-bottom:0;}
  565. /* 3 */
  566. .pd_detail .benefit_box {font-size:1.4rem; font-weight:300;}
  567. .pd_detail .benefit_box dl.bnf_card{margin-top:1.8rem;}
  568. .pd_detail .benefit_box dl{position:relative;}
  569. .pd_detail .benefit_box dl::after {content:''; clear:both; display:block;}
  570. .pd_detail .benefit_box dl dt {font-size:1.4rem; font-weight:500; color:#222;}
  571. .pd_detail .benefit_box dl dd {margin-top:0.7rem; color:#222222;}
  572. .pd_detail .benefit_box dl dd em{color:#fd4802;}
  573. .pd_detail .benefit_box dl dd span {display:block;}
  574. .pd_detail .benefit_box dl dd .btn_popup {position:absolute; right:0; top:0; line-height:1.4!important; font-size:1.3rem; color:#666666; z-index:2;}
  575. .pd_detail .benefit_box dl dd .btn_popup > span{position: relative;}
  576. .pd_detail .benefit_box dl dd .btn_popup > span:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#666;}
  577. /* 4 */
  578. .pd_detail .benefit_box{padding-top:3rem;}
  579. /* 5 */
  580. .pd_detail .pd_together{padding-top:3rem;}
  581. .pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;min-height: 3rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
  582. .pd_detail .brand_home{margin-bottom:-1.2rem;}
  583. .pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:0.1rem solid #eee;}
  584. .pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url('//image.istyle24.com/Style24/images/mo/ico_branb_home.png') center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
  585. .pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle;}
  586. .pd_detail .content.pd_descrp{padding-top:3rem;}
  587. .pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
  588. [class*="pd_descrp"] .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background: #fff;}
  589. [class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
  590. [class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png') no-repeat 0 0; background-size:auto 100%;}
  591. [class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
  592. [class*="pd_descrp"] {width:100%;}
  593. [class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
  594. [class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;}
  595. [class*="pd_descrp"] .cont_body > div {position:relative; width:100%; padding:0 2.0rem 1.3rem 2.0rem;}
  596. [class*="pd_descrp"] .descrp_box > div {margin-top:2.4rem;}
  597. [class*="pd_descrp"] .descrp_box > div:first-child {margin-top:0;}
  598. [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
  599. [class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
  600. [class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
  601. [class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
  602. [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
  603. [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
  604. [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;}
  605. [class*="pd_descrp"] .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2;}
  606. [class*="pd_descrp"] .mdhtml_box.bnnoti p{display:block; margin:0 -2rem; padding-top: 26%; overflow: hidden; position: relative;}
  607. [class*="pd_descrp"] .mdhtml_box.bnnoti img {/*width:100%;*/max-width: none;width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
  608. [class*="pd_descrp"] [class^="view_"] {margin-top:6rem; text-align:center;}
  609. [class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
  610. [class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center;}
  611. [class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:1rem; color:#666; font-size:1.2rem; font-weight:200; text-align:center;}
  612. [class*="pd_descrp"] [class^="view_"] .view {margin-top:2rem; margin:0 -2rem;}
  613. [class*="pd_descrp"] .view_label_box .view{margin:0;}
  614. [class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:0.5rem auto 0;}
  615. [class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0;}
  616. [class*="pd_descrp"] .view_label_box .view span {display:block; margin:0 -0.5rem; overflow:hidden; text-align: center; font-size: 0;}
  617. [class*="pd_descrp"] .view_label_box .view span img {display: inline-block; width:50%; margin-top:0; padding:0 0.5rem; box-sizing:border-box;}
  618. [class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0;}
  619. [class*="pd_descrp"] .brand_box {padding:3rem 2rem !important; margin:6rem -2rem 0; width:auto!important; border-top:0.1rem solid #ddd; border-bottom:0.1rem solid #ddd; text-align:center; box-sizing:border-box;}
  620. [class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:600;}
  621. [class*="pd_descrp"] .brand_box a {display:inline-block; border:0.1rem solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 92%;}
  622. [class*="pd_descrp"] .required_box {margin-bottom:4.0rem;}
  623. [class*="pd_descrp"] .required_box .area_detail {text-align:center;}
  624. [class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
  625. [class*="pd_descrp"] .required_box .area_infotbl {margin-top:4rem;}
  626. [class*="pd_descrp"] .required_box .area_infotbl .title {display:block; margin-bottom:1rem; font-size:1.4rem; font-weight:500; letter-spacing:-0.025em;}
  627. [class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:auto; font-weight:300;}
  628. [class*="pd_descrp"] .required_box .area_kcl {position:relative; display:table; width:100%; min-height:8rem; margin-top:4rem; padding:2.5rem; box-sizing:border-box; background:#f5f5f5;}
  629. [class*="pd_descrp"] .required_box .area_kcl > div{display:table-cell; vertical-align:middle;}
  630. [class*="pd_descrp"] .required_box .area_kcl > div:first-child{width:4.5rem;}
  631. [class*="pd_descrp"] .required_box .area_kcl p {color:#222; font-size:1.3rem; letter-spacing:-0.025em;}
  632. [class*="pd_descrp"] .required_box .area_kcl p a{position:relative; color:#666; cursor: pointer;}
  633. [class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background:#666666;}
  634. [class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem;}
  635. [class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:2.0rem; color:#888; font-weight:200; text-decoration:none !important;}
  636. [class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:relative;}
  637. [class*="pd_descrp"] .required_box .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
  638. [class*="pd_descrp"] .required_box .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
  639. [class*="pd_descrp"] .required_box .tbl.type1 table th,
  640. [class*="pd_descrp"] .required_box .tbl.type1 table td {position:relative; padding:0.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em; word-break: break-all;}
  641. [class*="pd_descrp"] .required_box .tbl.type1 table th {font-weight:400; width:8rem;}
  642. [class*="pd_descrp"] .required_box .tbl.type1 table td {color:#666666}
  643. [class*="pd_descrp"] .required_box .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
  644. [class*="pd_descrp"] .required_box .tbl.type2 table {width:100%; word-break:keep-all;}
  645. [class*="pd_descrp"] .required_box .tbl.type2 table th,
  646. [class*="pd_descrp"] .required_box .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
  647. [class*="pd_descrp"] .required_box .tbl.type2 table th {font-weight:300; color:#222;}
  648. [class*="pd_descrp"] .required_box .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
  649. [class*="pd_descrp"] .required_box .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
  650. [class*="pd_descrp"] .btn_more_box {position:relative; width:100%; background:#fff; text-align:center; z-index:2;}
  651. [class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-8rem; width:100%; height:8rem; 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; }
  652. [class*="pd_descrp"] .btn_more_box .btnL {border:0.1rem solid #fd4802; color:#fd4802;}
  653. [class*="pd_descrp"] .btn_more_box .btnL span {position:relative; padding-right:3.5rem;}
  654. [class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:2.0rem; margin-right:0;}
  655. /* 6 */
  656. .riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
  657. .riview_box .area_slider{margin-bottom:1.5rem; text-align:center;}
  658. .riview_box .ex_review {padding:1.8rem 0;}
  659. .riview_box .ex_review a:after{content:''; clear:both; display:block;}
  660. .riview_box .ex_review .tit{float:left; margin-bottom:0;}
  661. .riview_box .ex_review .tit .number{color:#888; font-weight:300;}
  662. .riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:1.4rem; margin-bottom:0.7rem; vertical-align: middle; background:url('//image.istyle24.com/Style24/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
  663. .riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:9.5rem; height:1.4rem; background:#ddd;}
  664. .riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  665. .riview_box .ex_review .star_score .star .progbar {display:inline-block;vertical-align: top; height:1.4rem; background:#fd4802}
  666. .riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:300;}
  667. .riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
  668. .riview_box .best_review a {display:block; position:relative; padding:2rem; border:0.1rem solid #eee;}
  669. .riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:9.3rem; height:1.4rem; background:#ddd;}
  670. .riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  671. .riview_box .best_review a .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
  672. .riview_box .best_review a .star_score .ico {margin-left:1.0rem;}
  673. .riview_box .best_review a .star_score .ico::before {vertical-align:inherit;}
  674. .riview_box .best_review a .lap{display:table; width:100%;}
  675. .riview_box .best_review a .lap > div{display:table-cell; vertical-align:middle;}
  676. .riview_box .best_review a .lap > div.pic{position:relative; width:7.2rem;}
  677. .riview_box .best_review a .lap > div.pic.none{display: none;}
  678. .riview_box .best_review a .lap > .pic.none + div.txt_best_review{padding-left:0;}
  679. .riview_box .best_review a .lap > .pic + div.txt_best_review{padding-left:1.6rem;}
  680. .riview_box .best_review a .lap > div.txt_best_review p{height:6.4rem; margin-top: 0.8rem; overflow:hidden; line-height:2.1333rem; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
  681. .riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; image-rendering:pixelated;}
  682. .riview_box .best_review a .star_score .star{vertical-align:middle;}
  683. .riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  684. .riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
  685. .riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
  686. .riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
  687. .pd_detail .riview_box [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
  688. .pd_detail .riview_box [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
  689. .pd_detail .exinfo_box {margin:0 -2rem 0;}
  690. .pd_detail .exinfo_box ul {border-top:0.1rem solid #ddd;}
  691. .pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:0.1rem solid #ddd;}
  692. .pd_detail .exinfo_box ul li:last-child {border-bottom:0;}
  693. .pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('//image.istyle24.com/Style24/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
  694. .pd_detail .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
  695. .pd_detail .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
  696. .pd_detail .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
  697. .pd_detail .exinfo_box ul li .ex_shipping {color:#666; font-size:1.4rem; font-weight:200;}
  698. .pd_detail .exinfo_box ul li .ex_shipping span {display:block;}
  699. .pd_detail .exinfo_box ul li .ex_shipping .a{margin-bottom:0.9rem;}
  700. /* 7 */
  701. .pd_detail .recommendedArea{padding-top:3rem;}
  702. .pd_detail .recommendedArea > div[class*="pd_"]{margin-top:6rem;}
  703. .pd_detail .recommendedArea > div[class*="pd_"]:first-child{margin-top:0;}
  704. .pd_detail .recommendedArea > div[class*="pd_"] .tit{text-align:center;}
  705. .pd_detail .pd_clickother .item_prod .itemName{display: block;max-height: 3.3rem;min-height:3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
  706. .pd_detail .pd_recommend .area_slider .swiper-pagination {display:inline-block; width:auto; margin:0; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);position:absolute; left:50%; bottom:2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  707. .pd_detail .pd_recommend .area_slider .page {position:relative; box-sizing: border-box;}
  708. .pd_detail .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
  709. .pd_detail .pd_recommend .area_slider .page .pic {position:relative;}
  710. .pd_detail .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;}
  711. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:1.0rem; box-sizing:border-box;}
  712. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 3.0rem;color:#222;font-size:2.0rem;font-weight:500;}
  713. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
  714. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 14.0rem); overflow-y:auto;}
  715. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 0.2rem;}
  716. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0; background-clip: padding-box;border: 0 solid transparent;}
  717. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0;}
  718. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:15.0rem; margin-top:2.0rem;}
  719. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
  720. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
  721. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
  722. .pd_detail .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:15.0rem; padding-left:13.0rem; box-sizing:border-box; vertical-align:middle;}
  723. .pd_detail .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:10.0rem; height:0; padding-top:15.0rem; margin-bottom:0}
  724. .pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
  725. .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:3.0rem; border-color:#fd4802; color:#fd4802;}
  726. .pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
  727. .pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
  728. .pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  729. .pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
  730. .pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
  731. .pd_detail .pd_recommend .pic_list .item_prod .itemName{display: block; min-height:3rem; max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
  732. .pd_detail .pd_recommend .pic_list .btn_group_flex{margin-top:3rem;}
  733. .pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background-color:#fff;}
  734. .pd_detail .pd_relate .area_slider .itemName {height:3.2rem;}
  735. /* 플롯팅 메뉴 > 구매하기 */
  736. .product_floormenu{position:fixed; bottom:0; left:0; width:100%; z-index:100;}
  737. .product_floormenu > div{float:left; color:#fff; text-align:center;}
  738. .product_floormenu > div:nth-child(1){width:37%;}
  739. .product_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
  740. .product_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
  741. .product_floormenu .share_like{overflow:hidden;}
  742. .product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-99999.9rem;}
  743. .product_floormenu .share_like > button.share{background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png') center center no-repeat; background-size:1.6rem;}
  744. .product_floormenu .share_like > button.itemLike {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
  745. .product_floormenu .share_like > button.itemLike.likeit {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
  746. .product_floormenu .share_like > button.itemLike::before,
  747. .product_floormenu .share_like > button.itemLike::after {display:none;}
  748. .product_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
  749. .product_floormenu .prd_buy > .cantbuying{display:none;}
  750. .product_floormenu.soldout .prd_buy > .buying{display:none;}
  751. .product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
  752. .product_floormenu.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
  753. /* 토스트팝업 > 구매하기 */
  754. .container.btPop_full.pd_open::after,
  755. .container.btPop_open.pd::after{position:fixed; z-index: 100;}
  756. /* 재확인 */
  757. .pd_pop.Purchase_pop .btPop_body{height: calc(100% - 5.95rem);}
  758. .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem;}
  759. .container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
  760. .container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png');}
  761. /* 재확인 */
  762. .pd_pop.Purchase_pop .header{padding:0; font-size:0;}
  763. .pd_pop.Purchase_pop .option_box .opt_color{padding-top:0;}
  764. .pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
  765. .pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:0.1rem solid #ddd; box-sizing:border-box;}
  766. .pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url('//image.istyle24.com/Style24/images/mo/ico_present_purchase.png') center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
  767. .pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
  768. .pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
  769. .pd_pop.Purchase_pop .btn_box button.gift > span > span{background: #ff7800;background: -moz-linear-gradient(-45deg, #ff7800 0%, #fd4b02 100%);background: -webkit-linear-gradient(-45deg, #ff7800 0%,#fd4b02 100%);background: linear-gradient(135deg, #ff7800 0%,#fd4b02 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#fd4b02',GradientType=1 );}
  770. .pd_pop.Purchase_pop .btn_box button.gift > span > span:after{content:''; display:block; position:absolute; bottom:-1rem; left:0.4rem; border:0.5rem solid transparent; border-bottom-color:#ff7800; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
  771. .pd_pop.Purchase_pop .btn_box button.cart{background-color:#222222;}
  772. .pd_pop.Purchase_pop .btn_box button.buyNow{background-color:#fd4801;}
  773. .pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:0.2rem solid #222; height:7.4rem;}
  774. .pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
  775. /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
  776. .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select{min-height: 4.5rem;}
  777. .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 100%;height: 0;position: absolute;left: 1rem; color:#333333}
  778. .pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
  779. .pd.deal .pd_detail .option_box .select_custom .combo .select{padding-left:1.5rem; color: #333333;}
  780. .pd.deal .pd_detail .form_field:nth-child(1) .select_custom .combo .select::before{content: '상품';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333;}
  781. .pd.deal .pd_detail .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
  782. .pd.deal .pd_detail .form_field:nth-child(2) .select_custom .combo .select::before{content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
  783. .pd.deal .pd_detail .form_field:nth-child(3) .select_custom .combo .select::before{content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
  784. .pd.deal .pd_detail .select_custom .select .item_prod .item_state .itemLink .itemName{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; color:#777; height:auto; top:-0.2rem}
  785. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;padding-left: 5rem;}
  786. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333;}
  787. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_name{pointer-events: none;}
  788. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_price{pointer-events: none;display: none;}
  789. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
  790. .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
  791. /* pd_popup 공통 */
  792. .modal.pd_pop .opt_select .form_field {margin-top:0.5rem;}
  793. .modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.3rem;}
  794. .modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
  795. .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; display:inline-block; top:0.6rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
  796. /* 상품상세 및 상품상세딜_옵션선택팝업 */
  797. .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
  798. .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
  799. .pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
  800. .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
  801. .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
  802. .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
  803. .pd .pd_detail .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
  804. .pd .pd_detail .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
  805. .pd .pd_detail .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
  806. .pd .pd_detail .pop_option_select .form_wrap .form_field{display: block; margin-bottom:1rem;}
  807. .pd .pd_detail .pop_option_select .form_wrap .form_field > p {margin-bottom: 1rem;}
  808. .pd .pd_detail .pop_option_select .form_wrap .form_field .select:before{color:#333333}
  809. .pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_name{pointer-events: none;}
  810. .pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_price{pointer-events: none;display: none;}
  811. .pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
  812. .pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
  813. .pd .pd_detail .pop_option_select .select_custom .deal_opt_item .select .item_prod {top:-0.1rem;}
  814. .pd .pd_detail .pop_option_select .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem; padding-bottom:0; font-size:1.4rem;}
  815. .pd .pd_detail .pop_option_select .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem;}
  816. .pd .pd_detail .pop_option_select .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
  817. .pd .pd_detail .pop_option_select .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem;}
  818. .pd .pd_detail .pop_option_select .select_custom .combo .list>li .item_prod {padding-right: 0;}
  819. /* 쇼핑백담음 팝업 */
  820. #shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
  821. #shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}
  822. #shoppingBagModal .shoppingBag_box::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background:rgba(34,34,34,.9); clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
  823. #shoppingBagModal .shoppingBag_box p{font-size:1.3rem; color:#fff;}
  824. #shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:0.1rem solid #656565; font-size:1.1rem; color:#fff;}
  825. /* pd_pop > 상품썸네일 크게보기 */
  826. .lock {overflow:hidden;}
  827. .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:16.0rem; width:100%; height:calc(100% - 16.0rem); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
  828. .pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
  829. .pd_pop .full_popup_wrap .btn_close {position:fixed; right:3.0rem; top:3.0rem; display:inline-block; z-index:130; cursor:pointer;}
  830. .pd_pop .full_popup_wrap .btn_close a {display:block; width:2.5rem; height:2.5rem; text-indent:-999.9rem; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
  831. .full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0;}
  832. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:4.0rem; z-index:1;}
  833. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0;}
  834. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
  835. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
  836. .full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('//image.istyle24.com/Style24/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
  837. /* pd_popup > 할인쿠폰 */
  838. .salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0;}
  839. .salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
  840. .salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png') !important;}
  841. .modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
  842. .modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem;}
  843. .modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0;}
  844. .modal.pd_pop.salecoupon_pop .coupon_list li:last-child{margin-bottom:6rem;}
  845. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:0.1rem solid #ddd; box-sizing:border-box; background:#fff;}
  846. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative; padding:3rem 0;}
  847. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-0.1rem; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:0.1rem solid #ddd; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
  848. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 2.0rem;}
  849. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {color:#222; font-size:1.4rem; font-weight:300;}
  850. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:0.7rem;}
  851. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:1.8rem; font-weight:500;}
  852. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:1.8rem; font-weight:600;}
  853. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:1rem; color:#888; font-size:1.2rem; font-weight:300; line-height:1.3;}
  854. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:0.5rem;}
  855. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex{margin-top:0; padding:0;}
  856. .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex::after{display:none;}
  857. .modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:2.4rem;}
  858. .modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_cp_down.png') no-repeat 0 0;}
  859. .modal.pd_pop.salecoupon_pop button span:nth-child(1){display:inline-block;}
  860. .modal.pd_pop.salecoupon_pop button span:nth-child(2){display:none;}
  861. .modal.pd_pop.salecoupon_pop button:disabled span:nth-child(1){display:none;}
  862. .modal.pd_pop.salecoupon_pop button:disabled span:nth-child(2){display:block;}
  863. .modal.pd_pop.salecoupon_pop button:disabled{background:#aaa!important; border-color:#aaa!important; opacity:1;}
  864. .modal.pd_pop.salecoupon_pop .modal-footer button{color: #ffffff; background-color: #fd4802; border-color: #fd4802; position:absolute; bottom:0; z-index:999;}
  865. .modal.pd_pop.salecoupon_pop .modal-footer button > span{padding:0;}
  866. .modal.pd_pop.salecoupon_pop .modal-footer button > span::after{background:none;}
  867. /* pd_popup > EP채널쿠폰 */
  868. .modal.pd_pop.epcoupon_pop .modal-body{padding:0rem 2rem;}
  869. .modal.pd_pop.epcoupon_pop .ep_coupon {position:relative; max-width:60rem; margin:auto; border:0.1rem solid #222; background:#fff; padding:4rem 0; text-align:center; line-height:1;}
  870. .modal.pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
  871. .modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-0.1rem; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:0.1rem solid #222; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
  872. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:1.2rem; font-weight:600; letter-spacing:0.4rem;}
  873. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:1rem;}
  874. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
  875. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {font-size:3rem; font-weight:600;}
  876. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:2.4rem; font-weight:500;}
  877. .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:1.6rem; font-weight:500;}
  878. .modal.pd_pop.epcoupon_pop .info_txt {margin-top:1.5rem; font-size:1.2rem;}
  879. .modal.pd_pop.epcoupon_pop .info_txt ul li{position:relative; padding-left:1rem;}
  880. .modal.pd_pop.epcoupon_pop .info_txt ul li:before{content:'·'; display:inline-block; position:absolute; left:0; top:0; font-weight:600;}
  881. .modal.pd_pop.epcoupon_pop button span:nth-child(1){display:inline-block;}
  882. .modal.pd_pop.epcoupon_pop button span:nth-child(2){display:none;}
  883. .modal.pd_pop.epcoupon_pop button:disabled span:nth-child(1){display:none;}
  884. .modal.pd_pop.epcoupon_pop button:disabled span:nth-child(2){display:block;}
  885. .modal.pd_pop.epcoupon_pop button:disabled{background:#aaa!important; border-color:#aaa!important; opacity:1;}
  886. .modal.pd_pop.epcoupon_pop .modal-footer button{color: #ffffff; background-color: #fd4802; border-color: #fd4802;}
  887. /* pd_popup > 쇼핑혜택, 카드혜택 */
  888. .modal.pd_pop[class*="bnf_"] .modal-header{border-bottom:0;}
  889. .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:1.6rem; font-size:1.4rem; font-weight:500;}
  890. .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:3rem;}
  891. .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0;}
  892. .modal.pd_pop[class*="bnf_"] .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;padding:0;}
  893. .modal.pd_pop[class*="bnf_"] .tbl.type1 table {width:100%; text-align:left; word-break:break-all;}
  894. .modal.pd_pop[class*="bnf_"] .tbl.type1 table th,
  895. .modal.pd_pop[class*="bnf_"] .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
  896. .modal.pd_pop[class*="bnf_"] .tbl.type1 table th {font-weight:400;}
  897. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;}
  898. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th{vertical-align:top; color:#222; width:28%;}
  899. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
  900. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {border-top:0.1rem solid #eeeeee;}
  901. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child th,
  902. .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child td {border-top:none;}
  903. .modal.pd_pop[class*="bnf_"] .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
  904. .modal.pd_pop[class*="bnf_"] .tbl.type2 table {width:100%; word-break:keep-all;}
  905. .modal.pd_pop[class*="bnf_"] .tbl.type2 table th,
  906. .modal.pd_pop[class*="bnf_"] .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
  907. .modal.pd_pop[class*="bnf_"] .tbl.type2 table th {font-weight:300; color:#222;}
  908. .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td p,
  909. .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr th p {color:#fd4802;}
  910. .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
  911. .modal.pd_pop.bnf_card_pop table .info_card p {margin-top:0;}
  912. .modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0;}
  913. .modal.pd_pop.bnf_card_pop table tr td {color:#666;}
  914. .modal.pd_pop.bnf_card_pop table a.link {display:inline-block; position:relative; margin-top:1rem; padding-right:1.2rem; color:#888;}
  915. .modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:0.6rem; right:0; width:0.5rem; height:0.5rem; border:0.1rem solid #888; border-width:0.1rem 0.1rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  916. .modal.pd_pop.bnf_card_pop .info_txt {margin-top:2rem;}
  917. /* pd_popup > 사이즈정보 */
  918. .modal.pd_pop.info_size_pop .modal-header{border-bottom:0;}
  919. .modal.pd_pop.info_size_pop .modal-body .pop_cont {max-height:none; overflow: visible; overflow-x:visible!important; padding-bottom:2rem;}
  920. .modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:0.1rem solid #eee;box-sizing: border-box;}
  921. .modal.pd_pop.info_size_pop .tab_nav ul{display: flex;flex-direction: row;align-content: space-around;justify-content: space-between;}
  922. .modal.pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
  923. .modal.pd_pop.info_size_pop .tab_nav ul li {flex: 1; text-align:center; background:#fff; box-sizing:border-box;}
  924. .modal.pd_pop.info_size_pop .tab_nav ul li.active {background:#fff;}
  925. .modal.pd_pop.info_size_pop .tab_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.2rem 0;}
  926. .modal.pd_pop.info_size_pop .tab_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:0.3rem; background-color:#fd4802;}
  927. .modal.pd_pop.info_size_pop .tab_nav ul li.active a {color:#fd4802; font-weight:500;}
  928. .modal.pd_pop.info_size_pop .tab_nav ul li.active a:after {width:100%;}
  929. .modal.pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:3rem}
  930. .modal.pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none; background: #fff;}
  931. .modal.pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block;}
  932. .modal.pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:3rem;}
  933. .modal.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:0.6rem; font-size:1.4rem; font-weight:300; color:#000;}
  934. .modal.pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:1.4rem; font-weight:500; margin-bottom:3.8rem;}
  935. .modal.pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:4.0rem; position:relative;}
  936. .modal.pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
  937. .modal.pd_pop.info_size_pop .size_cont .size_tbl_box h6 {margin-bottom:1.6rem; font-size:1.4rem; color:#222; font-weight:500;}
  938. .modal.pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; color:#000; font-size:1.2rem; -webkit-transform: translateY(-2.5rem); transform: translateY(-2.5rem);}
  939. .modal.pd_pop.info_size_pop .size_footer {margin-top:1.5rem;}
  940. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:3rem;}
  941. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
  942. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
  943. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block;}
  944. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {display:block; text-align:center; border:0.1rem solid #eeeeee; padding:3rem 3rem;}
  945. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl {text-align:left; margin-top:3rem; font-size:1.3rem; word-break:keep-all;}
  946. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {padding:0 0 2rem;}
  947. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {margin-bottom:0.5rem; color:#222; font-weight:300;}
  948. .modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
  949. .modal.pd_pop.info_size_pop .sub_tab_nav {padding:0 2rem;}
  950. .modal.pd_pop.info_size_pop .sub_tab_nav ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
  951. .modal.pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
  952. .modal.pd_pop.info_size_pop .sub_tab_nav ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
  953. .modal.pd_pop.info_size_pop .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 0.1rem solid #dddddd; box-sizing: border-box;}
  954. .modal.pd_pop.info_size_pop .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
  955. .modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
  956. .modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
  957. .modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
  958. .modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
  959. .modal.pd_pop.info_size_pop .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
  960. .modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
  961. .modal.pd_pop.info_size_pop .tbl.type1 table th,
  962. .modal.pd_pop.info_size_pop .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
  963. .modal.pd_pop.info_size_pop .tbl.type1 table th {font-weight:400;}
  964. .modal.pd_pop.info_size_pop .tbl.type1 table tr td:last-child {text-align:right;}
  965. .modal.pd_pop.info_size_pop .tbl.type1 table tr th{vertical-align:top; color:#222;}
  966. .modal.pd_pop.info_size_pop .tbl.type1 table tr th,
  967. .modal.pd_pop.info_size_pop .tbl.type1 table tr td {border-top:0.1rem solid #eeeeee;}
  968. .modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child th,
  969. .modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child td {border-top:none;}
  970. .modal.pd_pop.info_size_pop .tbl.type2 {width: 100%;overflow: auto;}
  971. .modal.pd_pop.info_size_pop .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
  972. .modal.pd_pop.info_size_pop .tbl.type2 table {width:100%; word-break:keep-all;}
  973. .modal.pd_pop.info_size_pop .tbl.type2 table th,
  974. .modal.pd_pop.info_size_pop .tbl.type2 table td {position:relative; padding:1.5rem 1rem; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.4rem; letter-spacing:-0.025em; text-align:center;}
  975. .modal.pd_pop.info_size_pop .tbl.type2 table th {font-weight:400; color:#222;}
  976. .modal.pd_pop.info_size_pop .tbl.type2 table td{color:#000; font-weight:300; font-size:1.3rem;}
  977. .modal.pd_pop.info_size_pop .tbl.type2 table thead tr{background:#f5f5f5;}
  978. .modal.pd_pop.info_size_pop .tbl.scroll_tbl {position: relative;}
  979. .modal.pd_pop.info_size_pop .tbl.scroll_tbl::before {content:''; position: absolute; top: 0; right: 0; width: 2rem; height: 100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 1%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,1) 100%); z-index: 5;}
  980. .modal.pd_pop.info_size_pop .tbl.scroll_tbl::after {content:''; clear:both; display: block;}
  981. .modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t {float:left; width: 25% !important; display: block;}
  982. .modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t td {font-size: 1.4rem; font-weight: 400;}
  983. .modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t {float:left; width: 75% !important; display: block; white-space: nowrap; overflow-x: auto;}
  984. .modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t td {font-size: 1.4rem;}
  985. /* pd_popup > 재입고 알림 신청 */
  986. .modal.pd_pop.push_restock_pop {max-width:none;}
  987. .modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
  988. .modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
  989. .modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('//image.istyle24.com/Style24/images/mo/pd_btn.png') no-repeat right center; background-size:1.2rem; background-position-x:97%;}
  990. .modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
  991. .modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
  992. .modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:0.1rem solid #dddddd;}
  993. .modal.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block; line-height: 1.4;}
  994. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
  995. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle; max-width:20rem;}
  996. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:7.0rem; height:10.5rem; padding:0; margin-bottom:0; z-index:2;}
  997. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0; width : calc(100% - 10%);}
  998. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width : calc(100% - 5%)}
  999. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap{position: relative;}
  1000. .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap .itemPercent {position:relative;}
  1001. .modal.pd_pop.push_restock_pop .select_blk {margin-top:3rem;}
  1002. .modal.pd_pop.push_restock_pop .select_blk h6 {margin-bottom:1rem; font-size:1.4rem; font-weight:500;}
  1003. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-0.8rem; margin-left:-0.8rem !important;}
  1004. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:0.8rem; margin-top:0.8rem;}
  1005. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0.8rem;}
  1006. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
  1007. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
  1008. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
  1009. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
  1010. .modal.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;}
  1011. .modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
  1012. .modal.pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:30.0rem; overflow-y:scroll;}
  1013. .modal.pd_pop.push_restock_pop .modal-footer {position:fixed; width:100%; bottom:0; margin-top:0;}
  1014. .modal.pd_pop.push_restock_pop .btn_group_flex > div > .btn{height:5.3rem;}
  1015. /* pd_pop > 상품문의 페이지 */
  1016. .modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
  1017. .modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
  1018. .modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 0 0 -1.3rem!important; width:auto;}
  1019. .modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
  1020. .modal.pd_pop.pd_qnalist_pop .btn_group_flex > div > .btn{height:5.3rem;}
  1021. .pd_qnalist_pop .foldGroup > ul > li{border-bottom:0 none;}
  1022. .pd_qnalist_pop .fold_head::after{transform: translateY(90%);}
  1023. .pd_qnalist_pop .fold_cont .fold_answer{border-top:0 none;}
  1024. .pd_qnalist_pop .fold_cont > div:first-of-type{border-bottom:0 none;}
  1025. .pd_qnalist_pop .ui_foot{padding:0 2rem;}
  1026. .pd_qnalist_pop .ui_foot .btn{width:100%; height:4rem;}
  1027. .pd_qnalist .fold_head::after{transform: translateY(60%);}
  1028. .pd_qnalist .fold_cont .fold_answer{border-top:0 none;}
  1029. .pd_qnalist .ui_foot{padding:0 2rem;}
  1030. .pd_qnalist .ui_foot .btn{width:100%; height:4rem;}
  1031. .pd_qnalist .qna_list .foldGroup {margin-bottom:2rem;}
  1032. .pd_qnalist .qna_list {margin-top:3rem;}
  1033. .pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
  1034. .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
  1035. .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
  1036. .pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 3rem; border-bottom:0.1rem solid #E5E5E5;}
  1037. .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
  1038. .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
  1039. .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
  1040. .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
  1041. .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .lap2 span{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 2.3rem;overflow: hidden;white-space: normal;overflow-wrap: break-word;}
  1042. .pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
  1043. .pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
  1044. .pd_qnalist .qna_list .foldGroup > ul > li:first-child {border-top: 0.1rem solid #e5e5e5;}
  1045. .pd_qnalist .qna_list .check_secret{padding: 0 1.33rem; margin-bottom:1.5rem;}
  1046. .pd_qnalist .btnIcon_more{margin-bottom: 2rem;}
  1047. .pd_qnalist .qna_list .nodata {padding:14rem 0 17rem; text-align:center;}
  1048. .pd_qnalist .qna_list .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300; color:#888;}
  1049. .pd_qnalist .info_txt{padding:0 1.33rem; margin-top:3rem;}
  1050. .pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
  1051. .pd_qnalist .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.5rem;}
  1052. .pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
  1053. .pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:0.5rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
  1054. .pd_qnalist .info_txt .btn_group_flex{margin-top:2rem;}
  1055. .pd_qnalist .info_txt .btn_group_flex button{font-size:1.3rem; color:#222; border:0.1rem solid #a7a7a7;}
  1056. .pd_qnalist > .btn_group_flex{margin-top:0;}
  1057. /* pd_pop > 상품문의 작성 */
  1058. .modal.pd_pop.pd_qnawrite_pop .modal-header{border-bottom:0 none;}
  1059. .modal.pd_pop.pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
  1060. .modal.pd_pop.pd_qnawrite_pop .form_field {display:block;}
  1061. .modal.pd_pop.pd_qnawrite_pop .form_field .lap{position:relative;}
  1062. .modal.pd_pop.pd_qnawrite_pop .input_box {margin-top:3rem;}
  1063. .modal.pd_pop.pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:20rem; padding:0 1rem 0; color:#222; font-size: 1.2rem; font-weight: 300; box-sizing: border-box; border:0 none; outline: none;}
  1064. .modal.pd_pop.pd_qnawrite_pop .input_box .txt_cnt {position: absolute;right: 1.5rem;bottom: 0.1rem;text-align: right;font-size: 1.4rem;font-weight: 300;background-color: #ffffff;}
  1065. .modal.pd_pop.pd_qnawrite_pop .input_box .input_wrap{width:100%; padding:1.5rem; padding-bottom:2.5rem; border: 0.1rem solid #d7d7d7;}
  1066. .modal.pd_pop.pd_qnawrite_pop .secret_box {margin-top:1rem;}
  1067. .modal.pd_pop.pd_qnawrite_pop .push_box {margin-top:3rem;}
  1068. .modal.pd_pop.pd_qnawrite_pop .push_box dl {display:flex; flex-wrap: wrap; align-items: center; color:#222; font-size:1.3rem;}
  1069. .modal.pd_pop.pd_qnawrite_pop .push_box dl dt {margin-right:3rem; font-size: 1.4rem; font-weight:500; font-weight:500;}
  1070. .modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div {display:inline-block; margin-right:2rem;}
  1071. .modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div:last-child {margin-right:0;}
  1072. .modal.pd_pop.pd_qnawrite_pop .modal-footer {position:fixed; width: 100%; bottom: 0; margin-top: 0;}
  1073. .modal.pd_pop.pd_qnawrite_pop .modal-footer button{height:5.3rem; color: #ffffff; background-color: #222222; border-color: #222222;}
  1074. /* pd_popup > 배송/반품/교환 */
  1075. .modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
  1076. .modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
  1077. .modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url('//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg') no-repeat center; background-size: 4rem 6rem;}
  1078. .modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
  1079. .modal.pd_pop.pd_delivery_pop .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
  1080. .modal.pd_pop.pd_delivery_pop .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
  1081. .modal.pd_pop.pd_delivery_pop .modal-body{margin-top:9.3rem; padding: 0;}
  1082. .modal.pd_pop.pd_delivery_pop .modal-body .pd_delivery .change { margin: 0; padding: 4rem 0 6rem;}
  1083. .pd_delivery .inner {padding-bottom: 0;}
  1084. .pd_delivery .delivery {padding: 3rem 0 4rem;}
  1085. .pd_delivery h2 { font-size: 1.6rem;}
  1086. .pd_delivery h3 { padding: 2rem 0 0.6rem; font-size: 1.3rem; font-weight: 500;}
  1087. .pd_delivery p.dot { position: relative; padding-left: 0.8rem;min-height: 1.6rem; font-size: 1.2rem; font-weight: 200; color: #666;}
  1088. .pd_delivery p.dot:after{ content:""; position: absolute; top: 0.7rem; left: 0; width:0.2rem; height:0.2rem; background-color:#858585;}
  1089. .pd_delivery .pop_board {height:1.2rem; background-color:#f5f5f5;}
  1090. .pd_delivery .change { margin: 0; padding: 4rem 0 0;}
  1091. .pd_delivery .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222;}
  1092. .pd_delivery .change .pop_table tr th,
  1093. .pd_delivery .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 0.1rem solid #eeeeee;}
  1094. .pd_delivery .change .pop_table tr th {width: 10rem; padding: 0 0 0 1.2rem; color:#222; font-weight:500; background: #f5f5f5; text-align:left; word-break: break-all;}
  1095. /* pd_pop > 상품리뷰 페이지 */
  1096. .modal.pd_pop.pd_review_pop {overflow-x: hidden;overflow-y: auto;}
  1097. .modal.pd_pop.pd_review_pop .modal-header{border-bottom:0.1rem solid #eee !important;}
  1098. .modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0;}
  1099. .modal.pd_pop.pd_review_pop .modal-header{height:auto;}
  1100. .modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
  1101. .modal.pd_pop.pd_review_pop .riview_box .area_slider{margin-bottom:0;}
  1102. .pd_review .btn_group_flex > div > .btn{height:5.3rem;}
  1103. .pd_review{background:#f5f5f5;overflow-x: hidden;}
  1104. .pd_review.best,
  1105. .pd_review.photo{background:#fff; position:relative; bottom:0; z-index:999; max-height:35rem;}
  1106. .pd_review [class^="area_rv"]{padding:4rem 1.33rem; margin-bottom:1.2rem; background:#fff; line-height: 1.4;}
  1107. .pd_review .thumb {display:block; position:relative; width:100%; height:0; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
  1108. .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  1109. .pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
  1110. .pd_review div::after,
  1111. .pd_review dl::after,
  1112. .pd_review ul::after {content:''; clear:both; display:block;}
  1113. .pd_review h6 {margin-bottom:2rem; color:#222; font-size:1.6rem; font-weight:500;}
  1114. .pd_review [class^="area_"] {display:block; position:relative;}
  1115. .pd_review .rv_empty {display: none;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
  1116. .tab_detail_cont .area_rv_empty + .rv_empty {display:block;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
  1117. .pd_review .area_rv_empty + .rv_empty {display:block;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
  1118. .pd_review .area_rv_empty {margin-bottom:0!important; text-align:center;}
  1119. .pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
  1120. .pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
  1121. .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
  1122. .pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:0.1rem solid #ddd;}
  1123. .pd_review .area_rv_empty .txt_box div dl {margin-left:12vw; font-size:1.5rem;}
  1124. @media screen and (max-width:360px) {
  1125. .pd_review .area_rv_empty .txt_box div dl {margin-left:5vw;}
  1126. }
  1127. .pd_review .area_rv_empty .txt_box div dl:first-child {margin-left:0;}
  1128. .pd_review .area_rv_empty .txt_box div dl dt {color:#666; font-weight:200; line-height:1.4; font-size:1.3rem;}
  1129. .pd_review .area_rv_empty .txt_box div dl dd {color:#000; font-weight:300;font-size:1.7rem;}
  1130. .pd_review .area_rv_empty .btn_box .review_go{margin-top:3rem;}
  1131. .pd_review .area_rv_average {margin-bottom:0!important; padding-bottom:0!important; text-align:center;}
  1132. .pd_review .area_rv_average .star_score {margin-bottom:2rem;}
  1133. .pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
  1134. .pd_review .area_rv_average .star_score .tit {display:block; font-size:1.4rem; font-weight:300;}
  1135. .pd_review .area_rv_average .star_score .score {margin-right:1rem; font-size:2.1rem; font-weight:500;}
  1136. .pd_review .area_rv_average .star_score .star {width:12.0rem; height:1.9rem; background:#ddd; text-align:left;}
  1137. .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
  1138. .pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  1139. .pd_review .area_rv_average .average {margin-bottom:3rem;}
  1140. .pd_review .area_rv_average .average .part_average {margin-top:1rem; text-align:left;}
  1141. .pd_review .area_rv_average .average .part_average .pa_head{position:relative; height:2.4rem; line-height:2.4rem; padding-left:7.2rem;}
  1142. .pd_review .area_rv_average .average .part_average .pa_head .tit{position:absolute; left:0; display:block; padding-top:0.5rem; width:6rem; height:2.4rem; border:0.1rem solid #fd4802; font-size: 1.3rem; color:#fd4802; font-weight:300; line-height:1; border-radius:2.2rem; text-align:center;}
  1143. .pd_review .area_rv_average .average .part_average .pa_head dl dt {padding-left:0; width:5.2rem; font-size:1.5rem; font-weight:300; color:#222;}
  1144. .pd_review .area_rv_average .average .part_average .pa_head dl dd {width:calc(100% - 5.2rem);}
  1145. .pd_review .area_rv_average .average .part_average .pa_head dl dd .percent{font-size:1.5rem; font-weight:500; color:#222;}
  1146. .pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
  1147. .pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
  1148. .pd_review .area_rv_average .average .btn_group_flex button{border:0.1rem solid #a7a7a7; color:#222;}
  1149. .pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain; vertical-align:middle;}
  1150. .pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
  1151. .pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기';}
  1152. .pd_review .area_rv_average .average .btn_group_flex button.active span:after{transform:rotate(180deg);}
  1153. .pd_review .area_rv_average .average .part_average dl{margin-bottom:0.5rem;}
  1154. .pd_review .area_rv_average .average .part_average dl:last-child{margin-bottom:1rem;}
  1155. .pd_review .area_rv_average .average .part_average:last-child dl:last-child{margin-bottom:0;}
  1156. .pd_review .area_rv_average .average .part_average dl dt {float:left; padding-left:0.7rem; width:7.2rem; font-size:1.2rem; box-sizing:border-box;}
  1157. .pd_review .area_rv_average .average .part_average dl dd {position:relative; float:left; width:calc(100% - 7.2rem); padding-right:4.7rem; box-sizing:border-box;}
  1158. .pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
  1159. .pd_review .area_rv_average .average .part_average dl dd span {float:left; /*display:inline-block;*/}
  1160. .pd_review .area_rv_average .average .part_average dl dd .ratio {width:100%; height:5px; margin-top:6px; background:#f5f5f5; overflow:hidden;}
  1161. .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
  1162. .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
  1163. .pd_review .area_rv_average .average .part_average dl dd .percent {position:absolute; right:0; font-size:1.4rem;}
  1164. .pd_review .area_rv_average .average .part_average dl dd .line {width:100%; height:0; margin-top:1.0rem; border-top:2px dashed #ddd;}
  1165. .pd_review .area_rv_average .average .part_average dl.on dt,
  1166. .pd_review .area_rv_average .average .part_average dl.on dd {color:#222; font-weight:300;}
  1167. .pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar {background:#222;}
  1168. .pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
  1169. .pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle; margin: 0 -1.4rem;}
  1170. .pd_review .area_rv_average .info_review p {position:relative; text-align:left; padding-left:2rem; font-weight:300; display: inline-block;}
  1171. .pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
  1172. .pd_review .area_rv_average .info_review p span {font-weight:500;}
  1173. .pd_review .area_rv_average .info_review > div {margin-top:1rem; display:flex; justify-content:center;}
  1174. .pd_review .area_rv_average .info_review > div::after {content:''; clear:both; display:block;}
  1175. .pd_review .area_rv_average .info_review > div dl {flex:1; -ms-flex: 1;}
  1176. .pd_review .area_rv_average .info_review > div dl:first-child {margin-left:0;}
  1177. .pd_review .area_rv_average .info_review > div dl dt {color:#666; font-weight:300; font-size:1.1rem;}
  1178. .pd_review .area_rv_average .info_review > div dl dd {color:#222; font-weight:300; font-size:1.5rem;}
  1179. .pd_review .area_rv_best .riview_box .best_review a .star_score{background-image:none;}
  1180. .pd_review .area_rv_photo .photo_list {position:relative; margin:0 -0.4rem;}
  1181. .pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; padding:0.4rem; width:25%; box-sizing:border-box;}
  1182. .pd_review .area_rv_photo .photo_list > div{position:absolute; right:0; bottom:0; width:25%; padding:0.4rem; box-sizing:border-box;}
  1183. .pd_review .area_rv_photo .photo_list > div > div{position:relative; width:100%; padding-bottom:100%;}
  1184. .pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:1.4rem; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
  1185. .pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
  1186. .pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1.2rem; position:relative; top:0.6rem;}
  1187. .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
  1188. .pd_review .area_rv_all .review_list {border-top:0.1rem solid #ddd;}
  1189. .pd_review .area_rv_all .review_list > ul > li {padding:3rem 0; border-bottom:0.1rem solid #ddd;}
  1190. .pd_review .area_rv_all .review_list .review .info_box .star_score {float:left;}
  1191. .pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
  1192. .pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
  1193. .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
  1194. .pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
  1195. .pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
  1196. .pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:0.1rem; background:#ddd;}
  1197. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0;}
  1198. .pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
  1199. .pd_review .area_rv_all .review_list .review .response_box {margin-top:1.4rem;}
  1200. .pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0;}
  1201. .pd_review .area_rv_all .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem;}
  1202. .pd_review .area_rv_all .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888;}
  1203. .pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802;}
  1204. .pd_review .area_rv_all .review_list .review .response_box2 {margin-top:1.4rem;}
  1205. .pd_review .area_rv_all .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
  1206. .pd_review .area_rv_all .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
  1207. .pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888;}
  1208. .pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
  1209. .pd_review .area_rv_all .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222;}
  1210. .pd_review .area_rv_all .review_list .review .info_box{line-height:1;}
  1211. .pd_review .area_rv_all .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
  1212. .pd_review .area_rv_all .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
  1213. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
  1214. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
  1215. .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
  1216. .pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000;}
  1217. .pd_review .area_rv_all .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
  1218. .pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
  1219. .pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0; top:-1.5rem; width:0; height:0; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
  1220. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  1221. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
  1222. .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:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
  1223. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
  1224. .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:1.2rem; width:0.1rem; background:#ddd;}
  1225. .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
  1226. .pd_review .area_rv_all .review_last{padding:2.5rem 0; font-size:1.1rem; color:#888888; font-weight:300; text-align:center;}
  1227. .pd_review .area_rv_all .nodata {padding:10rem 0; border-top:0.1rem solid #ddd; text-align:center;}
  1228. .pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300;}
  1229. .pd_review .area_rv_all .nodata .btn_box {margin-top:1.5rem;}
  1230. .pd_review .area_rv_all .nodata .btn_group_flex button{margin:0 auto; padding:0; width:10.8rem; height:3rem !important; line-height:3rem!important; font-size:1.1rem; border:0.1rem solid #ddd;}
  1231. .pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:1.4rem; font-weight:300;}
  1232. .pd_review .category_open {position:relative; margin:-1.2rem -1.33rem -1px; border-bottom: 0.1rem solid #ddd; overflow-x:auto;}
  1233. .pd_review .category_open {font-size:0; white-space:nowrap;}
  1234. .pd_review .category_open > li {position:relative; display:inline-block; padding:0 2rem; font-size:1.1rem; color:#222; line-height: 4.5rem; max-width:10rem;}
  1235. .pd_review .category_open > li:after{content:''; display:block; position:absolute; top:50%; margin-top:-0.5rem; right:0; width:0.1rem; height:1rem; background-color:#ddd;}
  1236. .pd_review .category_open > li:last-child:after{display:none;}
  1237. .pd_review .category_open > li > span{position:relative; padding-right:1.5rem;}
  1238. .pd_review .category_open > li > span:after{display:block; content:''; position:absolute; right:0; top:50%; margin-top:-2px; border:5px solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
  1239. .review_cate_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:1000;}
  1240. .review_cate_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
  1241. .review_cate_box .category_list{max-height:40rem; overflow-y:auto;}
  1242. .review_cate_box .category_list .category {display:none; padding:0 1.33rem;}
  1243. .review_cate_box .category_list .category ul {margin:0 -0.6rem;}
  1244. .review_cate_box .category_list .category ul li { padding:0.4rem 0.6rem; background:#fff; text-align:center;}
  1245. .review_cate_box .category_list .category ul li a {display:block; padding:0.9rem 1rem; color:#666; font-size:1.3rem; font-weight:300; color:inherit; border:0.1rem solid #eee; border-radius:4rem;}
  1246. .review_cate_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
  1247. .review_cate_box .category_list .category ul.n1 li{width:100%;}
  1248. .review_cate_box .category_list .category ul.n2 li{float:left; width:50%;}
  1249. .review_cate_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
  1250. /* pd_popup > 포토영상 리뷰 리스트 */
  1251. .modal.pd_pop.pd_photoreviewlist_pop .modal-header {border-bottom:0;}
  1252. .pd_photoreviewlist_pop .ui_foot .btn{width:100%; height:4rem; margin-top:2rem;}
  1253. .pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
  1254. .pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  1255. .pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
  1256. .pd_photoreviewlist_pop .photo_list {overflow: hidden;}
  1257. .pd_photoreviewlist_pop .photo_list ul {margin:-0.8rem -0.4rem 0; overflow: hidden;}
  1258. .pd_photoreviewlist_pop .photo_list ul li {float:left; padding:0.8rem 0.4rem 0; width:33.33%; box-sizing:border-box;}
  1259. .pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0;}
  1260. .pd_photoreviewlist_pop .review_last {padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center;}
  1261. /* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
  1262. .modal.pd_pop[class*="reviewdetail_pop"] .modal-header{border-bottom:0;}
  1263. .modal.pd_pop[class*="reviewdetail_pop"] .modal-body{margin-top:5.2rem; padding:0 0;}
  1264. .modal.pd_pop[class*="reviewdetail_pop"] .modal-body .pd_review .area_rv_all .review_list{border-top:0;}
  1265. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; width:100%; height:100%; min-height:45.6rem;}
  1266. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb img,
  1267. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .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;}
  1268. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; background-color:#ddd; /*background-position:center center; background-repeat:no-repeat; background-size:contain;*/}
  1269. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1;}
  1270. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:after{display:block; content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; top:50%; left:50%; width:90%; font-size:1.2rem; color:#fff; text-align:center; z-index:2; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
  1271. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination {display: inline-block; width: auto; padding: 0.2rem 1rem; border-radius: 2rem; font-size: 1.2rem; color: #fff; background-color: rgba(34,34,34,.5);}
  1272. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination::before {content: '';display: block;height: 2.0rem;margin-top: -2.0rem;visibility: hidden;}
  1273. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2.5rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
  1274. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.mov {position: relative;}
  1275. .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .btn_play{background: rgb(246 55 55 / 0%); position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
  1276. .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
  1277. .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
  1278. .modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png') center center no-repeat; background-size:3rem 1rem;}
  1279. .modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png');}
  1280. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .txt_review_box{height:1.8rem; overflow:hidden;}
  1281. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .response_box2{display:none;}
  1282. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .reply_box{display:none;}
  1283. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active {bottom:0; z-index:999; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
  1284. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .txt_review_box{height:auto; overflow:hidden;}
  1285. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
  1286. .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
  1287. .modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_thumblist.png') center center no-repeat; background-size:contain; vertical-align:middle;}
  1288. .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; padding-bottom: 18rem; height:100%;}
  1289. .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
  1290. .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
  1291. .modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{height:calc(var(--vh, 1vh) * 100); padding-top:0; padding-bottom: 18rem;}
  1292. .modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider{height: 100%;overflow: hidden;}
  1293. .modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
  1294. .modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0 none;}
  1295. .modal.photo_comment_popup.pd_photoreviewdetail_pop .pop_detail .review_list{border:0 none;}
  1296. .modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
  1297. .modal.photo_comment_popup .swiper-button-next {top: 35%; margin-top: 0; right: 2rem;}
  1298. .modal.photo_comment_popup .swiper-button-prev {top: 35%; margin-top: 0; left: 2rem;}
  1299. .modal.photo_comment_popup .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
  1300. .modal.photo_comment_popup .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  1301. /* 리뷰 리스트 */
  1302. .pop_detail .review_list {border-top:0.1rem solid #ddd;}
  1303. .pop_detail .review_list > ul > li {padding:0;}
  1304. .pop_detail .review_list .review .info_box .star_score {float:left;}
  1305. .pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:8.3rem; height:1.3rem; background:#ddd;}
  1306. .pop_detail .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
  1307. .pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
  1308. .pop_detail .review_list .review .info_box .writer {float:right;}
  1309. .pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
  1310. .pop_detail .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:0.1rem; background:#ddd;}
  1311. .pop_detail .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0;}
  1312. .pop_detail .review_list .review .info_box .writer span:first-child::after {display:none;}
  1313. .pop_detail .review_list .review .response_box {margin-top:1.4rem;}
  1314. .pop_detail .review_list .review .response_box > div:first-child {margin-top:0;}
  1315. .pop_detail .review_list .review .response_box > div dl{padding-top:2.3rem;}
  1316. .pop_detail .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem; width:100%;}
  1317. .pop_detail .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888;}
  1318. .pop_detail .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802;}
  1319. .pop_detail .review_list .review .response_box2 {margin-top:1.4rem;}
  1320. .pop_detail .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
  1321. .pop_detail .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
  1322. .pop_detail .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
  1323. .pop_detail .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
  1324. .pop_detail .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
  1325. .pop_detail .review_list .review .info_box{line-height:1;}
  1326. .pop_detail .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
  1327. .pop_detail .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
  1328. .pop_detail .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
  1329. .pop_detail .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
  1330. .pop_detail .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
  1331. .pop_detail .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000;word-break: break-all;}
  1332. .pop_detail .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
  1333. .pop_detail .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
  1334. .pop_detail .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0; top:-1.5rem; width:0; height:0; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
  1335. .pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
  1336. .pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
  1337. .pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
  1338. .pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
  1339. .pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
  1340. .pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
  1341. /* 딜상세 */
  1342. /* pd deal 공통 */
  1343. .pd.deal div::after,
  1344. .pd.deal dl::after,
  1345. .pd.deal ul::after {content:''; clear:both; display:block;}
  1346. .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px;}
  1347. .pd.deal .pd_detail .foldGroup > ul > li{border-bottom:0 none;}
  1348. .pd.deal .tab_detail_nav {position:absolute; width:100%; top:0; left:0; border-bottom:0.1rem solid #eee; z-index:1;}
  1349. .pd.deal .tab_detail_nav.fix{position:fixed; top:5.5rem; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
  1350. .pd.deal .tab_detail_nav ul::after {content:''; clear:both; display:block;}
  1351. .pd.deal .tab_detail_nav ul li {float:left; width:25%; text-align:center; background:#fff; box-sizing:border-box;}
  1352. .pd.deal .tab_detail_nav ul li.active {background:#fff;}
  1353. .pd.deal .tab_detail_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.4rem 0;color: rgb(31, 31, 31);}
  1354. .pd.deal .tab_detail_nav ul li a em{font-size:1rem; color: rgb(137, 137, 137);}
  1355. .pd.deal .tab_detail_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fd4802;}
  1356. .pd.deal .tab_detail_nav ul li.active a {color:#fd4802; font-weight:500;}
  1357. .pd.deal .tab_detail_nav ul li.active a:after {width:100%;}
  1358. .pd.deal .tab_detail_cont{padding-top: 4rem; display:none;}
  1359. .pd.deal .tab_detail_cont .cont_head{padding:2.2rem 2rem 1.5rem; background-color:#fff; border-bottom:0.1rem solid #eeeeee;}
  1360. /* 상품상세정보 */
  1361. .pd.deal .pd_review [class^="area_rv"]{padding:3rem 2rem;}
  1362. .pd.deal .pd_dealitem{padding:5rem 2rem 1rem;}
  1363. .pd.deal .pd_dealitem .itemsGrp {position:relative; display:block; margin:0 -0.4rem; overflow:hidden;}
  1364. .pd.deal .pd_dealitem .itemsGrp .item_prod {float:left; width:50%; padding:2rem 0.4rem 0; box-sizing:border-box;}
  1365. .pd.deal .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
  1366. .pd.deal .pd_dealitem .itemsGrp .item_prod .item_state .btn{margin-top:1.5rem; width:100%; font-size:1.1rem; height:3rem; font-weight:300;}
  1367. .pd.deal .pd_dealitem .item_prod .itemName{min-height:3rem; max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
  1368. .pd.deal .pd_dealitem .itemLink:hover .itemPic::after,
  1369. .pd.deal .pd_dealitem .itemLink:active .itemPic::after {content:'';}
  1370. .pd.deal .pd_dealitem .rank {max-height:none; padding:1rem 0 1rem; z-index:3;}
  1371. .pd.deal .pd_dealitem .rank.detail::after {background:#fd4802}
  1372. .pd.deal .pd_dealitem .rank.detail span {display:block; font-size:1.1rem; font-weight:500;}
  1373. .pd.deal .pd_dealitem .rank.detail span em {display:block; margin-top:6px;}
  1374. .pd.deal .pd_dealitem .rank.detail::after {background: #fd4802;}
  1375. /* 상품문의 */
  1376. .pd.deal .pd_qnalist .info_txt,
  1377. .pd.deal .pd_qnalist .qna_list .check_secret{padding: 0 2rem;}
  1378. .pd.deal .pd_review .item_prod::after,
  1379. .pd.deal .pd_qnalist .item_prod::after,
  1380. .pd.deal .pd_delivery .item_prod::after{content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.6rem;right: 0rem;border: 0.6rem solid transparent;border-color: #888888 transparent transparent transparent;}
  1381. /* 옵션셀렉트 */
  1382. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
  1383. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:11.0rem; background:transparent;}
  1384. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
  1385. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
  1386. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
  1387. .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; margin:0}
  1388. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0; line-height:20px; font-size:1.4rem; -webkit-line-clamp:1;}
  1389. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
  1390. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:1.3rem}
  1391. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
  1392. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
  1393. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
  1394. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;}
  1395. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:11.0rem;}
  1396. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:0.1rem solid #eee;}
  1397. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
  1398. .pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
  1399. .pd.deal .tab_detail_cont .select_custom.deal_opt_item,
  1400. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:11.0rem;}
  1401. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%;}
  1402. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {padding:0; margin:0;}
  1403. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px;}
  1404. .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;}
  1405. .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:109px;}
  1406. .pd.deal .select_custom.deal_opt_item .item_prod .itemPercent{left:9.6rem;}
  1407. /* 리스트팝업 */
  1408. .pd_pop.list_pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(34,34,34,.7); z-index:1000;}
  1409. /* 딜리스트셀렉팝업(리뷰,문의,배송) */
  1410. .pd_pop[class*="pd_list"]{display:none;}
  1411. .pd_pop[class*="pd_list"] .modal_content{position:absolute; bottom:0; width:100%; background:#fff;}
  1412. .pd_pop[class*="pd_list"] .modal_content .listpop_body{padding:1.5rem 1.33rem; min-height:43.2rem; max-height:40rem; box-sizing:border-box; overflow:auto;background:#fff;}
  1413. .pd_pop[class*="pd_list"] .close {opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
  1414. .pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
  1415. .pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content{top:0; background-color:rgba(0,0,0,0.5);}
  1416. .pd_listDescrp_pop .deal_list_select .list li{border-bottom:0 none;}
  1417. .deal_list_select .select {cursor: pointer;display: inline-block; position: relative;font-size: 1.6rem;color: #333333;width: 100%; height:6.6rem;}
  1418. .deal_list_select .list{background-color:#fff;}
  1419. .deal_list_select .list li{position: relative; border-bottom:0.1rem solid #eeeeee; display:table; width:100%; box-sizing: border-box; z-index:1;}
  1420. .deal_list_select .list li:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box; z-index:2;}
  1421. .deal_list_select .list li:first-child{margin-top:0;}
  1422. .deal_list_select .list li.selected:after{border:0.1rem solid #fd4802;}
  1423. .deal_list_select .list>li[aria-disabled="true"] {text-decoration: line-through;background: #fff;color: #bbb;pointer-events: none;}
  1424. .deal_list_select .list>li[data-soldout="true"] {pointer-events: none;}
  1425. .deal_list_select .list>li[data-soldout="true"]::after {content: '품절';display: inline-block;font-size: 1.2rem;color: #bbbbbb;position: absolute;right: 1.5rem;top: 0;bottom: 0;}
  1426. .deal_list_select .list .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:10.2rem; padding-left:8.8rem; padding-right:1rem; box-sizing:border-box; vertical-align: middle;}
  1427. .deal_list_select .list .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding:0; margin-bottom:0; width:6.8rem; height:10.2rem; z-index:2;}
  1428. .deal_list_select .list .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
  1429. .deal_list_select .list .item_prod .item_state .itemLink .itemName {display:block; margin:0.5rem 0 0.8rem; font-size:1.3rem; height:3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
  1430. .deal_list_select .list .item_prod .item_state .itemLink .itemText{margin-top:0.5rem; font-size:1.1rem; color:#888888; font-weight:300;}
  1431. .deal_list_select .list .item_prod .item_state .itemLink .itemPrice{margin-right:0; margin-left:0;}
  1432. .deal_list_select .list .item_prod .item_state.active:after{border-color:#fd4802;}
  1433. .deal_list_select .list .item_prod .item_state:hover:after{border-color:#fd4802;}
  1434. .deal_list_select .list .item_prod .item_state.active,
  1435. .deal_list_select .list .item_prod .item_state:hover{z-index:2;}
  1436. /* 딜상세설명 팝업 */
  1437. .modal.pd_descrp_pop .pop_cont{margin-top:3rem;}
  1438. .modal.pd_descrp_pop .modal-body .item_blk{margin:0 -1.33rem; padding:0 1.33rem 1.33rem; border-bottom: 0.1rem solid #eeeeee;}
  1439. .modal.pd_descrp_pop .modal-body .item_blk .item_prod{border-bottom:0;}
  1440. .modal.pd_descrp_pop .modal-body{padding-bottom:5rem;}
  1441. .modal.pd_descrp_pop .mdhtml_box a{margin:0 -2rem; display:block;}
  1442. .modal.pd_descrp_pop .item_prod{padding-right:1.5rem; border-top:0; padding-right:0; border-bottom: 0.1rem solid #eeeeee;}
  1443. .modal.pd_descrp_pop .item_blk .item_prod .item_state .itemLink .itemPic {width:6.8rem; height:10.2rem;}
  1444. .modal.pd_descrp_pop .item_prod .itemLink{height: 10.2rem; padding-left: 8.8rem; padding-right: 1rem;}
  1445. .modal.pd_descrp_pop .item_prod .itemPrice_original{display:inline-block;margin-left:0.6rem; margin-right:-0.6rem;}
  1446. .modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
  1447. .modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
  1448. .modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
  1449. .modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png') top center no-repeat; background-size:cover;}
  1450. .modal.pd_descrp_pop .deal_listDescrp_open.active:after{background-position:center -0.73rem;}
  1451. /*item_blk > item_prod*/
  1452. .item_blk .item_prod {width:100%;}
  1453. .item_blk .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
  1454. .item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:6.0rem; padding-left:5.6rem; vertical-align: middle;}
  1455. .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:4.0rem; height:6.0rem; z-index:2;}
  1456. .item_blk .item_prod .item_state .itemLink .itemBrand {min-width:88%;}
  1457. .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:calc(100% - 5%);}
  1458. .item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
  1459. /*select_custom > item_prod*/
  1460. .select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;pointer-events: none;}
  1461. .select_custom .select .item_prod .item_state{display:block;}
  1462. .select_custom .select .item_prod .itemLink{padding-left:0; display:block; height:auto;}
  1463. .select_custom .select .item_prod .item_state .itemLink .itemPic{display:none;}
  1464. .select_custom .select .item_prod .item_state .itemLink .itemPrice{display:none;}
  1465. .select_custom .select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; font-size:1.3rem; padding-right:1rem;}
  1466. .select_custom .item_prod {margin:1.5rem 0; padding-right:4rem; line-height: 1.4;}
  1467. .select_custom .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
  1468. .select_custom .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:59px; vertical-align: middle;}
  1469. .select_custom .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; margin-bottom:0; width:44px; height:66px; z-index:2;}
  1470. .select_custom .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
  1471. .select_custom .item_prod .item_state .itemLink .itemName {max-height:none; margin:0; font-weight: 300;}
  1472. .select_custom .item_prod .item_state .itemLink .itemName .tit_option{font-weight:500;}
  1473. .select_custom .item_prod .item_state .itemLink .itemPrice{margin:0; margin-top:1.16rem;}
  1474. .select_custom .item_prod .item_state .itemLink .itemPrice .itemPrice_original{margin-bottom:0; display:inline-block;}
  1475. .select_custom.active .combo .list{display:block;}
  1476. .select_custom.deal_opt_item .combo .list>li{border-bottom:0.1rem solid #eee;}
  1477. .select_custom.deal_opt_item .combo .list>li[data-soldout="true"]::after{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1478. .select_custom.deal_opt_item .combo .list{position:relative; top:0;}
  1479. .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
  1480. .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
  1481. /* tab_detail_cont > item_prod*/
  1482. .tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
  1483. .tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemName{/*-webkit-line-clamp:1;*/ padding-right:0; margin:0;}
  1484. /* deal_list_select > item_prod*/
  1485. .deal_list_select .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
  1486. .deal_list_select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}
  1487. .odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:19.0rem; margin-top:2.0rem; color:#888; font-size:1.4rem; line-height:2.6rem; overflow-y:scroll;}
  1488. .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0 4.0rem 4.0rem;}
  1489. .odPayment .area_paymentinfo .agree_payment {margin:4.0rem 0 3.0rem; color:#666; font-size:1.6rem; font-weight:200;}
  1490. .odPayment .area_paybtn .btn {height:8.0rem; font-size:1.8rem; font-weight:300;}
  1491. /* 전시 */
  1492. /* 전시공통 (타이틀,정렬,필터,네비,마지막리스트)*/
  1493. .dp .dp_subtitle{margin-bottom: 2.4rem; font-size:2rem; font-weight:500; text-align:center;}
  1494. .dp .dp_subtitle > a{position:relative; padding-right:2rem;}
  1495. .dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1496. .dp .category_nav {margin:0 0 -1.2rem; justify-content: center; border-bottom:0.1rem solid #eeeeee;}
  1497. .dp .category_nav ul{padding:0 2rem; display:flex; white-space: nowrap; overflow-x:auto;}
  1498. .dp .category_nav ul::after {content:''; display: block; clear: both;}
  1499. .dp .category_nav ul li {margin-right:2rem;}
  1500. .dp .category_nav ul li button {position: relative; padding:1.5rem 0; font-size:1.4rem; font-weight:300; color:#222;}
  1501. .dp .category_nav ul li button:hover,
  1502. .dp .category_nav ul li button.active {color: #fd4802; font-weight:500;}
  1503. .dp .category_nav ul li:hover button::after,
  1504. .dp .category_nav ul li button.active::after{content:''; position: absolute; bottom:0; left:0; width:100%; height:2px; background: #fd4802;}
  1505. .dp .category_nav ul li:last-child {margin-right: 0;}
  1506. .dp .open_categori {background-color:#fff;}
  1507. .dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
  1508. .dp .dp_util{display:block; float:right; text-align:right; font-size: 0;}
  1509. .dp .dp_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
  1510. .dp .dp_util li:first-child{margin-left:0;}
  1511. .dp .dp_util li a{font-size:1.2rem; color:#222!important;}
  1512. .dp .dp_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
  1513. .dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
  1514. .dp .dp_util li a.refresh{color:#888!important;}
  1515. .dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
  1516. .dp .count_wrap {padding:2rem 0;}
  1517. .dp .count_wrap.fixed {position: fixed; top: 5.5rem; left: 0; width: 100%; padding: 2rem; background: #fff; z-index: 100;}
  1518. .dp .count_wrap:after{display:block; content:''; clear:both;}
  1519. .dp .count_wrap div:nth-child(1) {float:left;}
  1520. .dp .count_wrap div:nth-child(1) p {font-size:1.2rem; color:#888;}
  1521. .dp .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:600;}
  1522. .dp .count_wrap div::nth-child(2) {float: right;}
  1523. .dp .count_wrap div::nth-child(2) ul {display: flex;}
  1524. .dp .count_wrap div::nth-child(2) ul li {margin-left:2rem;}
  1525. .dp .count_wrap div::nth-child(2) ul li:first-child{margin-left:0;}
  1526. .dp .count_wrap div::nth-child(2) ul li a {color:#888;}
  1527. .dp .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:0.1rem solid #f5f5f5;}
  1528. /* 전시상품리스트 공통(default) */
  1529. .dp .dp_list .sub_category{margin-bottom: -1.2rem; padding:0.8rem 0;}
  1530. .dp .dp_list .sub_category .cate_wrap{white-space:nowrap; overflow-x:auto; -ms-overflow-style: none;}
  1531. .dp .dp_list .sub_category .cate_wrap::-webkit-scrollbar{display:none;}
  1532. .dp .dp_list .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0;}
  1533. .dp .dp_list .sub_category .cate_wrap a:first-child{margin-left:2rem;}
  1534. .dp .dp_list .sub_category .cate_wrap a:last-child{margin-right:2rem;}
  1535. .dp .dp_list .sub_category .cate_wrap a.on{border:0.1rem solid #fe4904; color:#fe4904;}
  1536. .dp .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
  1537. .dp .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;}
  1538. .dp .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
  1539. .dp .list_content .list_last{padding: 2.5rem 0 6rem; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:0.1rem solid #f5f5f5;}
  1540. .dp .list_content.nodata .lookbookGrp,
  1541. .dp .list_content.nodata .itemsGrp,
  1542. .dp .list_content.nodata .list_item,
  1543. .dp .list_content.nodata .list_last{display:none;}
  1544. .dp .list_content.nodata .list_defult{display:block;}
  1545. .dp .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
  1546. .dp .itemsGrp .item_prod:nth-last-child(1),
  1547. .dp .itemsGrp .item_prod:nth-last-child(2) {padding-bottom: 1.0rem; margin-bottom: 0 !important;}
  1548. .dp .itemsGrp .item_prod {width: 48.75%; float: left; margin-right: 2.5%; margin-bottom: 4rem;}
  1549. .dp .itemsGrp:after{display:block; content:''; clear:both;}
  1550. /* 아울렛 서브메인 - dp_outlets */
  1551. .dp .dp_outlets .outlets_visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
  1552. .dp .dp_outlets .outlets_visual img {width: 100%;}
  1553. .dp .dp_outlets .outlets_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
  1554. .dp .dp_outlets .outlets_visual .swiper-pagination-current {font-weight: 600;}
  1555. .dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #222; z-index:1;}
  1556. .dp .dp_outlets .outlets_visual .txtWrap.w {color: #fff;}
  1557. .dp .dp_outlets .outlets_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
  1558. .dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
  1559. .dp .dp_outlets .dp_cate_list {padding: 1.2rem 0; margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
  1560. .dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
  1561. .dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png') no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
  1562. .dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:0.1rem solid #ddd;}
  1563. .dp .dp_outlets .md_item {margin:0 0 -1.2rem 0;}
  1564. .dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
  1565. .dp .dp_outlets .md_item .swiper-container {padding:0 2rem; margin:0 -2rem;}
  1566. .dp .dp_outlets .best_item {padding-bottom: 2rem;}
  1567. .dp .dp_outlets .best_item .itemsGrp:after {content:''; display: block; clear:both;}
  1568. .dp .dp_outlets .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%;}
  1569. .dp .dp_outlets .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
  1570. .dp .dp_outlets .md_item .dp_subtitle,
  1571. .dp .dp_outlets .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem; font-size: 2rem; padding-top: 6rem;}
  1572. /* 룩북 - dp_lookbook */
  1573. .dp .dp_lookbook .count_wrap {padding: 1.5rem 0 2rem;}
  1574. .dp .dp_lookbook .swiper_filter.brand{position:relative; margin-bottom:2rem;}
  1575. .dp .dp_lookbook .swiper_filter.brand .cate_wrap{white-space:nowrap; overflow-x:auto; background-color:#fff; font-size:0; -ms-overflow-style: none;}
  1576. .dp .dp_lookbook .swiper_filter.brand .cate_wrap::-webkit-scrollbar{display:none;}
  1577. .dp .dp_lookbook .swiper_filter.brand .cate_wrap a {position:relative; display:inline-block; background: #fff; margin-left:0.5rem; padding:0.8em 3.4rem 0.8rem 1.2rem; font-size: 1.2rem; color: #222; border-radius:2rem; line-height: 1; border:0.1rem solid #dddddd;}
  1578. .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_remove.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1579. .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:first-child{margin-left:0;}
  1580. .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:last-child{margin-right:6.5rem;}
  1581. .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:active{border:0.1rem solid #333; color:#000;}
  1582. .dp .dp_lookbook .swiper_filter.brand .btnbox{
  1583. position:absolute; right:0; top:0; width:6rem; height:100%; background-color:#fff; text-align:right; font-size:0;
  1584. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 100%);
  1585. background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%);
  1586. background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%);
  1587. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  1588. }
  1589. .dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png') center center no-repeat; background-size:50%;}
  1590. .dp .dp_lookbook .swiper_filter.brand .btnbox .reset:active{background-color:#ddd;}
  1591. .dp .dp_lookbook .event_con li {position: relative; padding-bottom:4rem;}
  1592. .dp .dp_lookbook .event_con li:first-child {margin-top:0;}
  1593. .dp .dp_lookbook .event_con li .ev_img {position: relative; padding-bottom:100%; margin-bottom:2rem;}
  1594. .dp .dp_lookbook .event_con li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
  1595. .dp .dp_lookbook .event_con li .ev_txt .brand {margin-bottom:0.5rem; font-size:1.1rem; color: #888; font-weight: 300;}
  1596. .dp .dp_lookbook .event_con li .ev_txt .tit {font-size:1.4rem; color: #000; font-weight: 500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
  1597. .dp .dp_lookbook_item img{width:100%;}
  1598. .dp .dp_lookbook_item .txt .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:1.5rem 0 0;min-height: 3.3rem;max-height: 3.3rem;overflow: hidden;text-overflow: ellipsis;font-size:1.2rem;line-height: 1.4;color: #222;font-weight: 300;word-break: keep-all;}
  1599. /* 베스트 - dp_best */
  1600. .dp .dp_best .count_wrap{padding-top:0;}
  1601. .dp .dp_best .view_item .dp_subtitle{text-align:left; font-size:1.6rem; margin-bottom: 2rem;}
  1602. .dp .dp_best .view_item .dp_subtitle span{color:#fd4802;}
  1603. .dp .dp_best .view_item {padding:3rem 0 0;}
  1604. .dp .dp_best .view_item .swiper-slide {width: 43.75%;}
  1605. .dp .dp_best .view_item .swiper-container {padding: 0 2rem; margin:0 -2rem;}
  1606. .dp .dp_best .view_item .count_wrap div:first-child p{font-size:1.6rem; color:#222;}
  1607. .dp .dp_best .view_item .count_wrap div:first-child p span{font-weight:500;}
  1608. .dp .dp_best .best_item {margin:4rem 0 0; padding-bottom: 2rem;}
  1609. .dp .dp_best .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
  1610. .dp .dp_best .best_item .itemsGrp:after {content:''; display: block; clear:both;}
  1611. .dp .dp_best .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
  1612. .dp .dp_best .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
  1613. /* 핫딜 - dp_hotdeal */
  1614. .dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url('//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png')no-repeat center center; background-size:cover;}
  1615. .dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
  1616. .dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:0.1rem solid #fff; white-space:nowrap; display:inline-block; text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
  1617. .dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url('//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png') center center no-repeat; background-size:contain; vertical-align:middle;}
  1618. .dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
  1619. .dp_hotdeal .hotdeal #countdown span:first-child{margin-right:1.8vw;}
  1620. .dp_hotdeal .hotdeal .list_content .itemsGrp .item_prod{margin-bottom:3rem; margin-right:0;}
  1621. .dp_hotdeal .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
  1622. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBadge,
  1623. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
  1624. .dp_hotdeal .itemsGrp.rowtype .item_prod .item_state {display: table; padding-bottom: 0; height:23.4rem; width: 100%;}
  1625. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: top; padding-top: 1.8rem; padding-left:17.6rem;}
  1626. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {left:11.7rem; z-index: 99;}
  1627. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:15.6rem; height:23.4rem;}
  1628. .dp_hotdeal .itemsGrp.rowtype .item_prod .shape {padding:0.3rem 1rem; width:auto; height:auto; max-width:4rem; min-height:auto; border-radius:2rem;}
  1629. .dp_hotdeal .itemsGrp.rowtype .item_prod .shape span{position:relative; width:auto; left:0; top:0; text-indent:0; transform:translate(0);}
  1630. .dp_hotdeal .itemsGrp.rowtype .item_prod .shape:after{display:none;}
  1631. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 7;}
  1632. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 8;}
  1633. .dp_hotdeal .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size:1.4rem; color:#fff; font-weight:600; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height:23.4rem;; z-index: 98; text-align: center;}
  1634. .dp_hotdeal .itemsGrp.rowtype .item_prod .shape{position:relative;}
  1635. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {margin:1.5rem 0 0.5rem;}
  1636. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {position: relative; top:-6rem; margin:0;}
  1637. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {margin:0 0 4rem;}
  1638. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice {margin:0;}
  1639. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice_original {margin:0 0 0.7rem;}
  1640. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPercent {margin:0; font-size:1.8rem; font-weight:600;}
  1641. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
  1642. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
  1643. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
  1644. .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_shopbag.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1645. .itemsGrp.rowtype .item_prod .shopBag {width: calc(100% - 17.6rem); margin-top: 0;position: absolute;bottom: 1.8rem;left: 17.6rem; z-index: 5;}
  1646. .itemsGrp.rowtype .item_prod .shopBag .btn {width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
  1647. .itemsGrp.rowtype .item_prod .shopBag .btn span {position:relative; padding-left:25px; line-height:1;}
  1648. .itemsGrp.rowtype .item_prod .shopBag .btn span::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.8rem; background: url('//image.istyle24.com/Style24/images/pc/ico_shopbag.png') no-repeat 50% 50%;}
  1649. /* 기획전 - dp_exhibition */
  1650. .dp .dp_exhibition .list_content .itemsGrp{padding-top: 4rem;}
  1651. .dp .dp_exhibition .list_content .itemsGrp.n3{margin-bottom:0; padding-bottom:0;}
  1652. .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod {width: 31.666%; float: left; margin-right: 2.5%; margin-top:0;}
  1653. .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod:nth-child(2n) {margin-right: 2.5%;}
  1654. .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod:nth-child(3n) {margin-right:0;}
  1655. .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
  1656. .dp .dp_exhibition .list_content .list_item > div{padding-bottom:6rem;}
  1657. .dp .dp_exhibition .list_content .list_item .visual{position:relative; margin-bottom:-2rem;}
  1658. .dp .dp_exhibition .list_content .list_item .visual a {position: relative; display: block;}
  1659. .dp .dp_exhibition .list_content .list_item .visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
  1660. .dp .dp_exhibition .list_content .list_item .visual img {width: 100%; position: relative;}
  1661. .dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 0; bottom: 2rem; z-index:1; padding: 2rem; color: #fff; width: 100%;}
  1662. .dp .dp_exhibition .list_content .list_item .visual .txtWrap p:first-child {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
  1663. .dp .dp_exhibition .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  1664. /* 기획전 - dp_detail-case */
  1665. .dp .dp_subtitle{padding-top:4rem;}
  1666. .dp .mid_banner{margin-top:-6rem;padding-bottom:3rem;}
  1667. .dp .mid_banner .swiper-container.dp_lookbook_case1{margin-top:6rem;}
  1668. .dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-slide a div{position: relative;overflow: hidden;padding-top: 35%;}
  1669. .dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-slide a div img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: none;width: auto;height: 100%;}
  1670. .dp .dp_detail_visual .fileAdd{margin-right:1rem;}
  1671. .dp .dp_detail_visual .pics{margin-bottom:1rem;}
  1672. .dp .items_option{margin:0 -2.1rem;}
  1673. .dp .items_option.fix{position:fixed; top:0; z-index:999; width:100%; left:0; margin:0; box-shadow:rgb(0 0 0 / 30%) 0 3px 15px 0;}
  1674. .dp .items_option #filter{height:4.5rem; border:0.1rem solid #dddddd; font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
  1675. .dp .dp_listItems_wrap{padding-bottom:2rem;}
  1676. .dp .dp_listItems_wrap.typeSelector{padding-bottom:3rem;margin-bottom: -1.2rem;}
  1677. .dp .dp_listItems_wrap.type1 .dp_subtitle{margin-top: -4rem;}
  1678. .dp .dp_listItems_wrap .items_option{padding-top:0;}
  1679. .dp .dp_listItems_wrap .items_option .select{display:block;}.dp .dp_listItems_wrap .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
  1680. .dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:0;}
  1681. .dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
  1682. .dp .dp_listItems_wrap .btn_default{margin-top:0;}
  1683. .dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain;}
  1684. .dp .dp_listItems_cont .item_prod {width: 100%;}
  1685. .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%;}
  1686. .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
  1687. .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
  1688. .dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
  1689. .dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url('//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png') center center no-repeat; background-size: cover;}
  1690. .dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
  1691. .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
  1692. .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
  1693. .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
  1694. .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
  1695. .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url('//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1696. .dp .promotion_visual.type2{padding-bottom:3.8rem;}
  1697. .dp .big_banner_slide .swiper-slide img{width:100%;}
  1698. .dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
  1699. .dp .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
  1700. .dp .other_promotion_slide .dp_subtitle {padding-top: 0; font-size: 1.6rem;}
  1701. .dp .other_promotion_slide .swiper-container{padding:0 2rem; margin:0 -2rem;}
  1702. /* dp_detail-case - 쿠폰 */
  1703. .dp .coupon_list {padding-bottom:3rem;}
  1704. .dp .coupon_list li {position: relative; position: relative; margin-top:3rem; overflow: hidden;}
  1705. .dp .coupon_list li:first-child{margin-top:0;}
  1706. .dp .coupon_list li .cp_top {position: relative; overflow: hidden;}
  1707. .dp .coupon_list li .cp_detail { z-index: 99; border:0.1rem solid #ddd; border-bottom: 0; padding: 2.4rem 2.2rem;}
  1708. .dp .coupon_list li .cp_detail .tit {margin-bottom:0.2rem; font-size:1.3rem;}
  1709. .dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 3.0rem; margin-bottom:1rem;}
  1710. .dp .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
  1711. .dp .coupon_list li .cp_detail .sale_t.won_t {font-size:2.1rem; line-height: 1;}
  1712. .dp .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
  1713. .dp .coupon_list li .cp_detail .cp_cont {margin-bottom: 0; font-weight: 300; color: #888; font-size:1.2rem; line-height: 1.5; min-height: 3.6rem; word-break: keep-all;}
  1714. .dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; margin-top:0.5rem; padding:5px 8px; border:0.1rem solid #fd4802; font-size: 1.0rem; color: #fd4802 !important; font-weight: 500;}
  1715. .dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -1.3rem; z-index: 101; width: 26px; height: 26px; margin-top: -1.3rem; border:0.1rem solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
  1716. .dp .coupon_list li .cp_date {border:0.1rem solid #222; background: #222; font-weight: 300; text-align: center;}
  1717. .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
  1718. .dp .coupon_list li .cp_date button span {background: url('//image.istyle24.com/Style24/images/mo/ico_cp_down.png') no-repeat right top; padding-right: 28px;}
  1719. .dp .coupon_list li.off .cp_date {border:0.1rem solid #aaa; background: #aaa;}
  1720. .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
  1721. .dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
  1722. .dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 0.1rem solid #888; font-size:1.1rem; color: #888;}
  1723. .dp .dp_coupon .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 158.0rem; min-width: 158.0rem; padding: 0 26.0rem 12.0rem; margin: 0 auto; box-sizing: border-box;}
  1724. .dp .dp_coupon .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 6.0rem 6.0rem 0 6.0rem; box-sizing: border-box; display: flex; border-top: 0.1rem solid #ddd;}
  1725. .dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url('//image.istyle24.com/Style24/images/pc/ico_null.png')no-repeat;}
  1726. .dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 2.0rem; color:#888;}
  1727. .dp .dp_coupon .dp_coupon_tip ul {margin-left: 90px;}
  1728. .dp .dp_coupon .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
  1729. .dp .dp_coupon .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
  1730. .dp .dp_coupon .dp_coupon_tip ul li::before {content:''; position: absolute; width:0.2rem; height: 0.2rem; top:46%; left:0; transform: scaleY(-50%); background: #888;}
  1731. .dp .dp_coupon .announce_txt {position: relative; margin: 0 auto; padding-top: 3.0rem; border-top:0.1rem solid #dddddd;}
  1732. .dp .dp_coupon .announce_txt .note_txt p{color:#666;}
  1733. .dp .dp_coupon .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
  1734. /* dp_detail-case - 리뷰 */
  1735. .dp .dp_review_cont{padding-bottom:4rem;}
  1736. .dp .dp_review_cont .dp_review{text-align:center;}
  1737. .dp .dp_listItems_wrap .btn{width:100%;}
  1738. .dp .dp_listItems_cont.type1{padding-bottom:3rem;}
  1739. .dp .dp_listItems_cont.type2{padding-bottom:3rem;}
  1740. .dp .dp_listItems_cont.type2 .swiper-container{padding:0 2rem; margin:0 -2rem;}
  1741. .dp .dp_listItems_cont.type2 .swiper-wrapper{width:43%}
  1742. .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
  1743. .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
  1744. .dp .dp_listItems_cont.type1 .swiper-container.item02{padding:0 2rem; margin:0 -2rem;}
  1745. .dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
  1746. .dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
  1747. .dp .dp_review_cont .review .swiper-container{padding:0 2rem; margin:0 -2rem;}
  1748. .dp .dp_review_cont .review .swiper-container .swiper-slide > div{border:0.1rem solid #eee;}
  1749. .dp .dp_review_cont .review .best_review {position:relative; text-align:center;}
  1750. .dp .dp_review_cont .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:0.1rem; background-color:#eee;}
  1751. .dp .dp_review_cont .review .best_review a {display:block; position:relative; background-color:#fff;}
  1752. .dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3rem; background:#ddd;}
  1753. .dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
  1754. .dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.3rem; background:#fd4802; vertical-align:top;}
  1755. .dp .dp_review_cont .review .best_review a .info .star_score .ico {margin-left:1.0rem;}
  1756. .dp .dp_review_cont .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
  1757. .dp .dp_review_cont .review .best_review a .info .star_score{margin-bottom:1rem;}
  1758. .dp .dp_review_cont .review .best_review a .info .star_score .star{vertical-align:middle;}
  1759. .dp .dp_review_cont .review .best_review a .info .txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
  1760. .dp .dp_review_cont .review .best_review a .info .txt_best_review p{font-size:1.2rem; color:#666; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
  1761. .dp .dp_review_cont .review .best_review a .pic{position:relative;}
  1762. .dp .dp_review_cont .review .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
  1763. .dp .dp_review_cont .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
  1764. .dp .dp_review_cont .review .best_review a .info{padding:2rem; text-align:left;}
  1765. .dp .dp_review_cont .review .best_review a .info .writer {margin-top:1.3rem;}
  1766. .dp .dp_review_cont .review .best_review a .info .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
  1767. .dp .dp_review_cont .review .best_review a .info .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:0.8rem; width:0.1rem; background:#ddd;}
  1768. .dp .dp_review_cont .review .best_review a .info .writer span:first-child {margin-left:0; padding-left:0;}
  1769. .dp .dp_review_cont .review .best_review a .info .writer span:first-child::after {display:none;}
  1770. .dp .dp_review_cont .review .product_view{padding:2rem; background-color:#fff;}
  1771. .dp .dp_review_cont .review .product_view .item_prod {text-align:left;}
  1772. .dp .dp_review_cont .review .product_view .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
  1773. .dp .dp_review_cont .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:6.0rem; padding-left:5.6rem; vertical-align: middle;}
  1774. .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:4.0rem; height:6.0rem; z-index:2;}
  1775. .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
  1776. .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.5rem; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
  1777. .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
  1778. .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
  1779. .dp .dp_review_cont .review .swiper-container .swiper-slide{width: 72%; box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
  1780. .dp .dp_review_cont .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
  1781. .dp .dp_review_cont .review .swiper-container .swiper-pagination-current {font-weight: 600;}
  1782. /* .dp > .dp_util > select 커스텀 (전시공통) */
  1783. .dp .dp_util .select {cursor: pointer;display: inline-block;position: relative;top:-0.1rem; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
  1784. .dp .dp_util .select+.select{margin-left: 1.0rem;}
  1785. .dp .dp_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}
  1786. .dp .dp_util .select_dress {
  1787. position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 1.5rem 0 0.3rem;
  1788. background-color: #ffffff;border: 0.1rem solid #fff;box-sizing: border-box;
  1789. -moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
  1790. -webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
  1791. }
  1792. .dp .dp_util .select_dress:after {
  1793. content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:0.5rem;right:0;
  1794. border: 0.5rem solid transparent; border-color: #222222 transparent transparent transparent;
  1795. }
  1796. .dp .dp_util .select_options {
  1797. display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
  1798. margin: 0;padding: 0;list-style: none;background-color: #ffffff;
  1799. box-sizing: border-box;border:0;border-top: 0 solid #222222;
  1800. }
  1801. .dp .dp_util .select_options li {
  1802. margin: 0;padding:0.3rem 0.3rem;text-indent:0; display:block; text-align:left;
  1803. -moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
  1804. -webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
  1805. }
  1806. .dp .dp_util .select_options li:hover{background-color: #dddddd;}
  1807. .dp .dp_util .select_options li[rel="hide"] {display: none;}
  1808. .dp .dp_util .select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb;}
  1809. .dp .dp_util .select_options li.disabled:hover,
  1810. .dp .dp_util .select_options li.disabled:active {cursor:default;}
  1811. .dp .dp_util .select_dress:active:after, .dp .dp_util .select_dress.active:after {top:0;border-color: transparent transparent #222 transparent;}
  1812. /* 전시제품메뉴 공통 */
  1813. .dp .nav_box{position:fixed; width:100%; height:100%; top:5.5rem; left:0; background:rgba(0,0,0,.5); z-index:600;}
  1814. .dp .nav_box.active{visibility:visible;}
  1815. .dp .nav_box .lap{position:absolute; top:0; left:0; padding:0 2rem 0; width:100%; background:#fff;}
  1816. .dp .nav_box .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
  1817. .dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  1818. .dp .nav_box .nav_list {padding:0;}
  1819. .dp .nav_box .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
  1820. .dp .nav_box .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;position: relative;}
  1821. .dp .nav_box .nav ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
  1822. .dp .nav_box .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
  1823. /* 전시 카테고리 공통 */
  1824. .dp .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 0.1rem solid #dddddd; box-sizing: border-box;}
  1825. .dp .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
  1826. .dp .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
  1827. .dp .category_box.active{visibility:visible;}
  1828. .dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
  1829. .dp .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
  1830. .dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  1831. .dp .category_box .selcet_list {padding:0 2rem;}
  1832. .dp .category_box .selcet_list ul {padding-bottom:2rem;}
  1833. .dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
  1834. .dp .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
  1835. .dp .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
  1836. /* 브랜드옵션팝 */
  1837. .dp .category_box.brand .lap{padding-bottom:0;}
  1838. .dp .category_box.brand .lap .category_list{padding-bottom:3rem;}
  1839. /* 룩북옵션팝 */
  1840. .dp .category_box.lookbook .lap{padding-bottom:0;}
  1841. .dp .category_box.lookbook .category_list{max-height:30rem;}
  1842. .dp .category_box .category_list .selcet_list{padding-bottom:2rem;}
  1843. .dp .category_box.lookbook .lap .category_list{padding-bottom: 6rem;}
  1844. /* 플롯팅 메뉴 > 구매하기 */
  1845. .dp .category_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
  1846. .dp .category_floormenu > div{float:left; color:#fff; text-align:center;}
  1847. .dp .category_floormenu > div:nth-child(1){width:37%; background:#000;}
  1848. .dp .category_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
  1849. .dp .category_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
  1850. .dp .category_floormenu > div:nth-child(1){overflow:hidden;}
  1851. .dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
  1852. .dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png') center center no-repeat; background-size:contain;}
  1853. /* 플롯팅 메뉴 > 구매하기 */
  1854. .brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
  1855. .brand_floormenu > div{float:left; color:#fff; text-align:center;}
  1856. .brand_floormenu > div:nth-child(1){width:37%;}
  1857. .brand_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
  1858. .brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
  1859. .brand_floormenu .share_like{overflow:hidden;}
  1860. .brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
  1861. .brand_floormenu .share_like > button.refresh{background:#000 url('//image.istyle24.com/Style24/images/mo/dp_refresh.png') center center no-repeat; background-color:#222222;}
  1862. .brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
  1863. .brand_floormenu .prd_buy > .cantbuying{display:none;}
  1864. .brand_floormenu.soldout .prd_buy > .buying{display:none;}
  1865. .brand_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
  1866. /* 필터기능 네비(전시공통) */
  1867. .filter_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1000; visibility:hidden;}
  1868. .filter_box.active{visibility:visible;}
  1869. .filter_box.active .filter_list{right:0;}
  1870. .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
  1871. .filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-72%; width:72%; height:100%; transition:right 0.4s;}
  1872. .filter_list::after{content:''; display: block; clear:both;}
  1873. .filter_list .form_field{display:block;}
  1874. .filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0; text-align: left;}
  1875. .filter_list .form_field div label span{color:#222!important;}
  1876. .filter_list .form_field input[type="checkbox"] + label:before{left:auto; right:0;}
  1877. .filter_list .form_field input[type="checkbox"]:checked + label:after{left:auto; right:0;}
  1878. .filter_top{position: absolute; left:0; top:0; width:100%; padding:0 2rem; height:5rem; line-height:5rem; z-index:10000;}
  1879. .filter_top:after{content:''; display:block; clear:both;}
  1880. .filter_top > div:nth-child(1){float:left;}
  1881. .filter_top > div:nth-child(2){float:right;}
  1882. .filter_top .fillter_reset {position:relative; padding-left:1.5rem; vertical-align:middle;}
  1883. .filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png')no-repeat; background-size:contain;}
  1884. .filter_top .tt{font-size:1.6rem; font-weight:500; color:#222;}
  1885. .filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
  1886. .filter_con{position:absolute; top:5rem; left:0; width:100%; height:calc(100% - 5rem); overflow-y:auto;}
  1887. /* 남녀공용,신상품만보기*/
  1888. .filter_header .form_field{padding:0 2rem; border-bottom:0.1rem solid #eeeeee;}
  1889. .filter_header .form_field > div label{padding:1.2rem 0;}
  1890. /* 메뉴부분 */
  1891. .filter_body > ul li a{position:relative; padding:1.4rem 2rem; display:block; color:#222; font-size:1.4rem; font-weight: 300;}
  1892. .filter_body > ul > li{border-bottom:0.1rem solid #eeeeee;}
  1893. .filter_body > ul > li > a{display:block; padding:2rem 2rem;}
  1894. .filter_body > ul > li .daps1{position:relative; background-color:#fff;}
  1895. .filter_body > ul > li .daps2{display:none; background-color:#f5f5f5; border-top:0.1rem solid #eeeeee;}
  1896. .filter_body > ul > li .daps3{display:none; text-indent:1rem;}
  1897. .filter_body > ul > li .daps4{display:none; text-indent:2rem;}
  1898. .filter_body > ul > li .daps5{display:none; text-indent:3rem;}
  1899. .filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url('//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png') 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1900. .filter_body > ul > li .daps1.on:after{background-position:0 -0.733rem;}
  1901. .filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1902. .filter_body > ul > li .daps5 a{background:url('//image.istyle24.com/Style24/images/mo/ico_bracket2.png') 4rem 40% no-repeat;}
  1903. .filter_body > ul > li a.on{color:#222;}
  1904. .filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 0.1rem solid #ddd;}
  1905. .filter_body > ul > li.categori .daps2 > li > a.on:after,
  1906. .filter_body > ul > li.categori .daps3 > li > a.on:after,
  1907. .filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_cate_close.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  1908. /* 필터세부사항(사이즈..) */
  1909. .filter_body > ul > li .sizebox{padding-top:3rem;}
  1910. .filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
  1911. .filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:3% 0 0 3% ; width:31%; height:3.4rem; line-height:3.4rem; text-align:center; background-color:#fff;}
  1912. .filter_body > ul > li .sizebox > li label input{position:absolute; top:0; right:0; opacity:0; width:0; height:0;}
  1913. .filter_body > ul > li .sizebox > li label span{position:absolute; top:0; bottom:0; left:0; right:0; color:#222; border:0.1rem solid #dddddd; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis;}
  1914. .filter_body > ul > li .sizebox > li label input:checked + span{border-color:#222;}
  1915. .filter_body > ul > li .sizebox > li label:nth-of-type(3n+1){margin-left:0;}
  1916. .filter_body > ul > li .sizebox strong{display:block; font-weight: 300;}
  1917. /* 필터세부사항(컬러) */
  1918. .filter_body > ul > li .colorbox{padding:2rem 1rem; display:flex; flex-wrap: wrap;}
  1919. .filter_body > ul > li .colorbox li {margin:0.5rem 0.5rem; position:relative;}
  1920. .filter_body > ul > li .colorbox li .color-check input {position: absolute; display: block;overflow: hidden; height: 0.1rem; width: 0.1rem; clip: rect(1px, 1px, 1px, 1px);}
  1921. .filter_body > ul > li .colorbox li .color-check [class*="pdColor"],
  1922. .filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block;width: 2.4rem;height: 2.4rem;font-size: 0;vertical-align: middle;margin: 0 0 0 2px;border-radius: 50%;box-sizing: border-box;}
  1923. .filter_body > ul > li .colorbox li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
  1924. .filter_body > ul > li.color .daps1 span [class*="pdColor"]{position:relative; display:inline-block; margin-left:0.5rem; width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden;}
  1925. .filter_body > ul > li.color .daps1 span [class*="pdColor"]:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor: pointer;}
  1926. .pdColor-color01::before {background-color: #000;}
  1927. .pdColor-color02::before {background-color: #7f7f7f;}
  1928. .pdColor-color03::before {background-color: #ff0306;}
  1929. .pdColor-color04::before {background-color: #f98473;}
  1930. .pdColor-color05::before {background-color: #ff99ec;}
  1931. .pdColor-color06::before {background-color: #9c1d88;}
  1932. .pdColor-color07::before {background-color: #9c5a28;}
  1933. .pdColor-color08::before {background-color: #655611;}
  1934. .pdColor-color09::before {background-color: #ffffaf;}
  1935. .pdColor-color10::before {background-color: #ff8700;}
  1936. .pdColor-color11::before {background-color: #012061;}
  1937. .pdColor-color12::before {background-color: #0170c1;}
  1938. .pdColor-color13::before {background-color: #bfffdd;}
  1939. .pdColor-color14::before {background-color: #13b987;}
  1940. .pdColor-color15::before {background-color: #5c5527;}
  1941. .color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url('//image.istyle24.com/Style24/images/pc/ico_color_check.png') no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
  1942. /* 총알배송 */
  1943. .modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
  1944. .modal.dp_pop.bulletShip_pop .ico-area{text-align:center;}
  1945. .modal.dp_pop.bulletShip_pop .ico-area img {width: 4rem;}
  1946. .modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
  1947. /* dp_Bulletship .Bulletship_body */
  1948. .Bulletship_head{margin-top: 5.5rem;padding-top: 5.5rem;}
  1949. .Bulletship_head img{width:100%;}
  1950. .Bulletship_body{padding:0 2rem;}
  1951. .bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
  1952. .bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
  1953. .bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
  1954. .bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:600;}
  1955. .bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
  1956. /* popup */
  1957. .bulletship-possible {display:block; z-index:100; top:0; left:0; width:100%; background-color:#fff;}
  1958. .bulletship-possible.no {display:block; z-index:100;}
  1959. .input-address {width:100%; padding:2rem 0; border:none; text-align:center; background-color:#f5f5f5; color:#666666; font-size:1.3rem;}
  1960. .bulletShip_pop .input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; padding:2rem 0; border:none; text-align:center; background-color:#f5f5f5; color:#666666; font-size:1.3rem;}
  1961. .dim-area {display:block; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .5); filter:blur(.5);}
  1962. .dim-area .my-inner {position:fixed; top:25%; /* top:50%; */ left:50%; transform:translate(-50%, -50%); width:32rem; height:36.5rem; padding:0 2rem; box-sizing:border-box; background-color:#fff;}
  1963. .dim-area .my-inner .ico-area {margin-bottom:.8rem;}
  1964. .bulletShip_pop .modal-body {padding:0 2rem}
  1965. .bulletShip_pop .bulltetship-check {margin:0 0 2rem; font-size:2.4rem; font-weight:600; color: #222;}
  1966. .bulletShip_pop .possible-popup {text-align:center;}
  1967. .bulletShip_pop .possible-popup.disp-on {display:block;}
  1968. .bulletShip_pop .possible-popup > p:first-child {font-size: 1.3rem; color: #555;}
  1969. .bulletShip_pop .impossible-popup.disp-on {display:block;}
  1970. .bulletShip_pop .impossible-popup > p:first-child {font-size: 1.3rem; color: #555;}
  1971. .bullet-pop-btn {position:absolute; top:2.6rem; right:2rem; width:1.6rem; height:1.6rem; border:0; background-color:transparent;}
  1972. .bullet-pop-btn::before {content:''; display:block; position:absolute; transform:rotate(45deg); width:100%; height:0.1rem; background-color:#000;}
  1973. .bullet-pop-btn::after {content:''; display:block; position:absolute; transform:rotate(-45deg); width:100%; height:0.1rem; background-color:#000;}
  1974. .possible-notice {padding-top:2rem; font-size:1.1rem;}
  1975. .continue-shopping {display:block; position:absolute; left:0; bottom:0; width:100%; height:4.5rem; background-color:#000; color:#fff; text-align:center; line-height:4.5rem;}
  1976. .list-popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:3rem 2rem; box-sizing:border-box; background-color:#fff;}
  1977. .list-popup .bullet-pop-btn {position:absolute; top:-2rem; left:50%; transform:translateX(-50%);}
  1978. .list-popup .bullet-pop-btn::before {background-color:#fff;}
  1979. .list-popup .bullet-pop-btn::after {background-color:#fff;}
  1980. .mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:3.0rem; font-size:1.4rem; text-align:center;}
  1981. .mo-list-btn:last-child {margin-bottom:0;}
  1982. .mo-list-btn:active,
  1983. .mo-list-btn:checked,
  1984. .mo-list-btn:hover {border-color:#fd4802; color:#fd4802;}
  1985. .bulletship .Bulletship_foot {background-color:#f5f5f5;padding:0 2rem;}
  1986. .bulletship .Bulletship_foot .clear{background:#f5f5f5; margin:4rem -2rem; padding:4rem 0 0rem 2rem;}
  1987. .bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
  1988. .bulletship .Bulletship_foot ul li {display:flex;}
  1989. .bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
  1990. .bulletship .Bulletship_foot .img-box {margin-right:2rem;}
  1991. .bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
  1992. .bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
  1993. .bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:500;}
  1994. .bulletship .Bulletship_foot .disc {font-size:1.2rem; color: #666;}
  1995. .mo-only {display:none;}
  1996. @media (max-width:320px) {
  1997. .mo-only {display:block;}
  1998. }
  1999. .dp .bullet-styicky_nav {margin:4rem 0;}
  2000. .dp .item_header {text-align:center;}
  2001. .dp .item_header h4 {font-size:1.6rem; font-weight:900;}
  2002. .dp .itemGrp {display:flex;}
  2003. .dp .itemGrp .mo-item_prod {margin-bottom:4rem;}
  2004. .dp .itemGrp .itemName {text-transform:uppercase;}
  2005. .dp .itemGrp .itemPrice {font-size:1rem; text-decoration:line-through}
  2006. .dp .itemGrp .salePrice {display:flex; justify-content:space-between; align-content:center; margin:0 .5rem; font-size:1.5rem; font-weight:900;}
  2007. .dp .itemGrp .itemBadge {display:flex; align-items:center;}
  2008. .dp .itemGrp .itemBadge .badge13 {font-size:.9rem;}
  2009. .dp .itemGrp .itemBadge .badge13 + .badge13 {margin:0 .4rem;}
  2010. .dp .itemGrp .itemcolorchip {max-width:100%; margin:1rem 0 2rem;}
  2011. .bulletship .items_option{padding-top:4rem;}
  2012. .bulletship .items_option .select{display:block;}
  2013. /* 아이템컬러칩 */
  2014. .itemcolorchip {margin:1.5rem 0.5rem 0; max-width: 20.8rem;}
  2015. .itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width:1rem; height:1rem; font-size: 0; vertical-align: middle; margin:0 0 0 2px;border-radius: 50%;box-sizing: border-box;}
  2016. .itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
  2017. .itemcolorchip [class*="chip_"]:first-child {margin-left:0}
  2018. .chip_color40::before {background-color: #ffffff;border: 0.1rem solid #ddd;}
  2019. .chip_color54::before {background-color: #000000;}
  2020. .chip_color35::before {background-color: #cbaf6f;}
  2021. /* 상품아이콘*/
  2022. .itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0; overflow:hidden;}
  2023. .itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.2rem 0 0; padding:0 0.5rem; background: #fff; color:#888888; font-size: 0.9rem; font-weight: 300; line-height: 2.2rem;}
  2024. .itemBadge [class*="badge"] {display:none;}
  2025. .itemBadge [class*="badge"]:first-child {margin-left:-0.5rem;}
  2026. .itemBadge [class*="badge"]:nth-child(1) {display:inline-block;}
  2027. .itemBadge [class*="badge"]:nth-child(2) {display:inline-block;}
  2028. .itemBadge [class*="badge"]:nth-child(3) {display:inline-block;}
  2029. .itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
  2030. /* 상품코멘트*/
  2031. .viewComment{padding:0 0.7rem; display:inline-block; height:1.8rem; line-height:1.8rem; font-size:1rem; text-align:center; white-space: nowrap; border:0.1rem solid #fd4802; color:#fd4802; border-radius:1.8rem;}
  2032. /* 브랜드 */
  2033. /* 픽커모달 */
  2034. .recoPop .blocker{background-color:rgba(255,255,255,0);}
  2035. .modal#reco_pop a.close-modal{top:1rem; right:1.33rem;}
  2036. .modal#reco_pop .modal-header{padding:1rem 1.33rem 2.0rem; font-size:0;}
  2037. .modal#reco_pop .modal-title{font-size:0;}
  2038. .modal#reco_pop .modal-body{padding-bottom:1.33rem;}
  2039. .modal#reco_pop .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
  2040. .modal#reco_pop .itemsGrp.rowtype .item_prod:nth-child(2){padding-top:2rem; margin-top:2rem; border-top:0.1rem solid #eee;}
  2041. .modal#reco_pop .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
  2042. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemPercent{position: relative;}
  2043. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemBadge,
  2044. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
  2045. .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
  2046. .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url('//image.istyle24.com/Style24/images/mo/br_pop_arrow.png') no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
  2047. .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state.soldout::before {font-size: 1.0rem;line-height: 12rem;width: 7rem;top: 20%;left: 3.5rem;}
  2048. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
  2049. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
  2050. .modal#reco_pop .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:7rem; height:10.5rem;}
  2051. /* 룩북픽커 공통 */
  2052. .br .br_main .br_lookbook .recommendedArea{margin-top:0;}
  2053. .br .br_lookbook .recommendedArea{margin-top:-1.2rem;}
  2054. .br .recommendedArea .area_slider {position:relative;}
  2055. .br .recommendedArea .area_slider.pic_img .page {position:relative; box-sizing: border-box;}
  2056. .br .recommendedArea .area_slider.pic_img .page::after {content:''; clear:both; display:block;}
  2057. .br .recommendedArea .area_slider.pic_img .page .pic {position:relative;}
  2058. .br .recommendedArea .area_slider.pic_img .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;}
  2059. .br .recommendedArea .area_slider.pic_img .page .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
  2060. .br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
  2061. .br .recommendedArea .area_slider.pic_img .page .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  2062. .br .recommendedArea .area_slider.pic_img .page .item_picker > div .pick_descr{display:none;}
  2063. .br .recommendedArea .area_slider.pic_img .swiper-pagination{position:absolute; left:50%; bottom:2rem; margin:0; width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; color:#fff; background-color:rgba(0, 0, 0, 0.3); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  2064. /* br 공통*/
  2065. .br .br_main .inner{padding-bottom:4rem;}
  2066. .br .br_main .inner:last-child{padding-bottom:6rem;}
  2067. .br .br_subtitle{margin-bottom: 2.4rem; padding-top: 2rem; font-size: 2.1rem; font-weight: 500; text-align: center;}
  2068. .br .br_main .item_prod {width:100%;}
  2069. .br .br_main .itemsGrp{font-size:0;}
  2070. .br .br_main .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
  2071. .br .br_main .itemsGrp .item_prod {width: 48.75%; margin-right: 2.5%; margin-top: 4rem;}
  2072. .br .br_main .itemsGrp .item_prod:nth-child(1),
  2073. .br .br_main .itemsGrp .item_prod:nth-child(2){margin-top:0rem;}
  2074. .br .br_main .itemsGrp:after{display:block; content:''; clear:both;}
  2075. .br .br_main .swiper-pagination{margin:0; bottom:auto;}
  2076. .br .pnb_mo{position:relative; display: none;}
  2077. .br .pnb_mo > ul{display:flex; padding:0 0.8rem; height:5rem; line-height:5rem; background-color:#222222;}
  2078. .br .pnb_mo > ul > li > a{font-size:1.6rem; color:#686868; font-weight:500; padding:0 1.2rem;}
  2079. .br .pnb_mo > ul > li > a.on{color:#fff}
  2080. .br .pnb_mo > button{background:url('//image.istyle24.com/Style24/images/mo/ico_btn_expand.png') center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
  2081. .pnb_mo.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0); position:fixed; top:0; width:100%; z-index:79;}
  2082. .br_main{background-color:#fff;}
  2083. /* br_main */
  2084. /* br_main - 메인배너&info */
  2085. .br .br_main .submain_visual img {width: 100%;}
  2086. .br .br_main .submain_visual .swiper-pagination-fraction {position:absolute; bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
  2087. .br .br_main .submain_visual .swiper-pagination-current {font-weight: 600;}
  2088. .br .br_main .submain_visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
  2089. .br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; right: 2rem; bottom: 9rem; color: #222; z-index:1;}
  2090. .br .br_main .submain_visual .txtWrap.w {color: #fff;}
  2091. .br .br_main .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
  2092. .br .br_main .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
  2093. .br .br_main .br_top_info{position:relative; margin-top:-1rem; padding-top: 0;}
  2094. .br .br_main .br_top_info .br_subtitle{text-align:left; padding-top: 0;}
  2095. .br .br_main .br_top_info > p{word-break: break-all;}
  2096. .br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
  2097. .br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
  2098. .br .br_main .br_top_info > p:last-of-type {font-size: 1.2rem; font-weight: 100;}
  2099. .br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url('//image.istyle24.com/Style24/images/mo/br_site.png') no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
  2100. /* br_main - new_item */
  2101. .br .br_main .new_item .swiper-slide{font-size:0;}
  2102. .br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
  2103. .br .br_main .new_item .swiper-slide .item_prod {width: 48.75%; margin-right: 2.5%; margin-top: 4rem;}
  2104. .br .br_main .new_item .swiper-slide .item_prod:nth-child(1),
  2105. .br .br_main .new_item .swiper-slide .item_prod:nth-child(2){margin-top:0rem;}
  2106. .br .br_main .new_item .swiper-slide:after{display:block; content:''; clear:both;}
  2107. .br .br_main .new_item .area_slider .swiper-pagination{position: relative; bottom:auto; margin-top:4rem;}
  2108. /* br_main - BEST ITEMS ,MD's PICK*/
  2109. .br .br_main .best_item .swiper-container,
  2110. .br .br_main .md_item .swiper-container{overflow:visible;}
  2111. /* br_main - SPECIAL SHOP */
  2112. .br .br_main .special_shop .swiper-container{overflow:visible;}
  2113. .br .br_main .special_shop .swiper-slide .sp_item .sp_img{position:relative; margin-bottom:1.9rem;}
  2114. .br .br_main .special_shop .swiper-slide .sp_item .sp_img a{display: block;}
  2115. .br .br_main .special_shop .swiper-slide .sp_item .sp_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
  2116. .br .br_main .special_shop .swiper-slide .sp_item .sp_img img{width:100%;}
  2117. .br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text{position:absolute; bottom:4rem; padding:0 2rem; left:0; width:100%; box-sizing:border-box; z-index:1;}
  2118. .br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text p{font-size:2.3rem; font-weight:500;; color:#fff; font-weight:300;}
  2119. .br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text p:nth-of-type(2){font-size:1.2rem; font-weight:100; margin-top:0.8rem}
  2120. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
  2121. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod:nth-child(2){padding-top:2rem; margin-top:2rem; border-top:0.1rem solid #eee;}
  2122. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
  2123. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemPercent{position: relative;}
  2124. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemBadge,
  2125. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
  2126. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
  2127. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
  2128. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
  2129. .br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:7rem; height:10.5rem;}
  2130. /* br_main - 룩북 */
  2131. .br .br_main .br_lookbook{background-color:#fff;}
  2132. /* br_main - 유튜브 */
  2133. .br .br_main .youtube{position:relative; padding:4rem 2rem; margin:0 auto; background-color:#444444; }
  2134. .br .br_main .youtube .br_subtitle{color:#fff;}
  2135. .br .br_main .br_youtube_slide .movbox{position:relative; padding-bottom:57%;}
  2136. .br .br_main .br_youtube_slide .movbox iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
  2137. .br .br_main .br_youtube_slide .swiper-pagination{position:relative; margin-top:3rem;}
  2138. /* br_main - brand_product */
  2139. .br .br_main .brand_product .swiper-container{overflow:visible;}
  2140. .br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png');}
  2141. /* 브랜드 - 룩북 */
  2142. .htop.br_lookbook { overflow: hidden; border: none !important;}
  2143. .htop.br_lookbook .btn_back span i { background: #fff;}
  2144. .htop.br_lookbook h1 { color: #fff !important; margin: 1rem 0 0 2rem;}
  2145. .htop.br_lookbook .btn_back { margin: 1.4rem 0 0 0;}
  2146. .htop.br_lookbook .btn_back img { width: 1.5rem; height: 1rem;}
  2147. .htop.br_lookbook .button_wrap {height: 5.5rem; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
  2148. .htop.br_lookbook .button_wrap .br_search { margin: 0 2.5rem 0 0; width: 2.3rem; height: 2.4rem;}
  2149. .htop.br_lookbook .button_wrap .br_store img:nth-child(1) { width: 1.8rem; height: 2.2rem; }
  2150. .htop.br_lookbook .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
  2151. .br_lookbook .title {font-size: 1.2rem;}
  2152. .br_lookbook .title span { color: #fd4802; font-weight: 800;}
  2153. .br_lookbook .collection {margin-bottom:4rem;}
  2154. .br_lookbook .collection figure {position:relative; display:block; margin: 0 auto; width: 100%; padding-bottom:100%; margin: 0 0 2rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
  2155. .br_lookbook .collection figure img {position:absolute; left:0; top:0; width: 100%; height: auto; }
  2156. .br_lookbook .collection p {font-size: 1.4rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
  2157. .br .last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 0.1rem solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
  2158. .br .last_page.mt50{padding-top:2rem;}
  2159. .br_lookbook .inner:last-child {padding-bottom: 0;}
  2160. .br_lookbook .no_lb_wrap { text-align: center; padding: 12rem 0 14rem;}
  2161. .br_lookbook .no_lb_wrap p { text-align: center; font-size: 1.2rem; color: #a7a7a7; margin: 0 0 2.4rem;}
  2162. .br_lookbook .no_lb_wrap .btn { font-size: 1.2rem; height: 3rem;}
  2163. /* 브랜드 - 룩북 detail */
  2164. .br .br_lookbook{background-color:#f5f5f5;}
  2165. .br .br_lookbook .inner{background-color:#fff;}
  2166. .br .br_lookbook .collection_title{ font-size: 1.4rem; font-weight: 500; color:#222; padding-top: 1.6rem; margin-top: -3rem;}
  2167. .br .br_lookbook .title { font-size: 1.3rem; font-weight: 300; color:#888; margin-bottom:2rem;}
  2168. .br .br_lookbook .title em{color:#222; font-weight:500; margin-right: 0.4rem;}
  2169. .br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
  2170. .br .br_lookbook .inner .lb_text {padding:2rem 2rem 1rem;}
  2171. .br .br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
  2172. .br .br_lookbook .inner .lb_text .text_cont{display:none; height: auto;overflow: hidden; overflow: hidden; margin: 0 0 2rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
  2173. .br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
  2174. .br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; margin-bottom: 0; font-size: 1.2rem; border:0 none;}
  2175. .br .br_lookbook .inner .lb_text .btn > p{display:inline;}
  2176. .br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/br_arrow_down.png'); margin-left:0.5rem; margin-bottom:0.1rem}
  2177. .br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
  2178. .br .br_inlookbook .swiper-container{overflow:visible;}
  2179. .br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
  2180. .br .br_inlookbook .ioTit{display:none; font-size: 1.4rem;}
  2181. .br .br_inlookbook .ioTit.active{display:block;}
  2182. .br .br_inlookbook .ioBtn{display:none;}
  2183. .br .br_inlookbook .ioBtn.active{display:block;}
  2184. .br .br_inlookbook .itemsOut{display:none;}
  2185. .br .br_inlookbook .itemsOut.active{display:block;}
  2186. .br .br_otherbrand .swiper-container{overflow:visible;}
  2187. .br .br_otherbrand {margin-top:1.2rem;}
  2188. .br .br_otherbrand .br_subtitle {font-size: 1.6rem;}
  2189. .br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
  2190. .br .br_otherbrand .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
  2191. .br .br_otherbrand .txt {margin-top:1rem; padding:0 0.5rem 0;}
  2192. .br .br_otherbrand .txt .tt {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#222; font-weight:500; font-size:1.3rem; word-break:keep-all; white-space:normal;}
  2193. .br .br_otherbrand .txt .date {display:block; margin-top:1.5rem; color:#888; font-size:1.4rem; font-weight:300;}
  2194. /* 브랜드 - br_search */
  2195. .br .brand_si{margin-top:0.1rem;}
  2196. .br .brand_si .swiper-wrapper{height:0;}
  2197. .br_search_wrap {margin-top: 5.5rem;}
  2198. .br_search_wrap .swiper-pagination{margin:0;}
  2199. .br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; border-top:0.1rem solid #eeeeee;}
  2200. .br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: -0.1rem;}
  2201. .br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
  2202. .br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee;}
  2203. .br_search_wrap .swiper-slide > div { width: 12.6rem; margin: 0; box-sizing: border-box; padding:0.6rem;}
  2204. .br_search_wrap .swiper-pagination-bullet-active { background: #fd4802;}
  2205. .br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}
  2206. .br_search_wrap .hmenu .brand_si .swiper-pagination-bullet{margin-right:0.8rem;}
  2207. .br_search_wrap .hmenu .brand_si .swiper-pagination-bullet:last-child{margin-right:0;}
  2208. .br_search_wrap .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
  2209. .br_search_wrap .brand_title input { width: calc(100% - 4.0rem); height: 4.3rem; float: left; border: none; padding: 0; font-size: 1.6rem; font-weight: 100; color: #000; border-bottom:2px solid #000; margin-bottom:1.6rem;}
  2210. .br_search_wrap .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5rem; }
  2211. .br_search_wrap .brand_title button { width: 4rem; height: 4rem;}
  2212. .br_search_wrap .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2.2rem;}
  2213. .br_search_wrap .inner .result {padding-bottom:3rem; margin: 1.5rem 0 1rem; border-bottom:0.1rem solid #dddddd;}
  2214. .br_search_wrap .inner:last-child .result {border:0 none;}
  2215. .br_search_wrap .inner .result .title_abbr { font-size: 1.6rem; font-weight: 700; margin-bottom:0.6rem;}
  2216. .br_search_wrap .brand a {display:block; padding: 2rem 0 0; font-size: 1.3rem;}
  2217. .br_search_wrap .brand a span { display: block; font-size: 1.2rem; color: #888;}
  2218. /* 브랜드 - br_search_nodata */
  2219. .br_search_wrap .nodata { width: 100%; height: 100%; margin: 14rem 0; padding: 0;}
  2220. .br_search_wrap .inner.nodata:last-child {margin-bottom: 14rem;}
  2221. .br_search_wrap .brand.nodata { text-align: center;}
  2222. .br_search_wrap .brand.nodata p { padding: 0 0 2.4rem; font-size: 1.4rem; color: #666;}
  2223. .br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
  2224. /* 브랜드 - br_search */
  2225. .htop.br { overflow: hidden;}
  2226. .htop.br .button_wrap {height: 5.5rem;float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
  2227. .htop.br .button_wrap .br_search { margin: 0 2.5rem 0 0;}
  2228. .htop.br .button_wrap .br_store img:nth-child(1) { height: 2rem;}
  2229. .htop.br .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
  2230. /* 검색 */
  2231. .modal.pop_full.sch {overflow-x:hidden;}
  2232. .modal.pop_full.sch .modal-header {border-bottom: 0;}
  2233. .modal.pop_full.sch .modal-body {padding:0;}
  2234. .sch {font-size: 1.4rem;}
  2235. .sch .sch_result{background-color:#f5f5f5; margin-top: 5.5rem;}
  2236. .sch .sch_result .inner{background-color:#fff; margin-bottom: 1.2rem; padding:1.3rem 2.0rem;}
  2237. .sch .sch_result .inner.wide {padding:1.3rem 0;}
  2238. .sch .sch_result .sch_title { width: 100%; height: 4.3rem; margin: 0 0; border-bottom: 0.2rem solid black; position: relative;}
  2239. .sch .sch_result .sch_title input[type="text"] { width: 100%; height: 4.3rem; float: left; border: none; padding: 0; font-size: 1.6rem; font-weight: 300; color: #222; border-bottom:0.1rem solid #000; margin-bottom:0rem; padding-right: 4rem;}
  2240. .sch .sch_result .sch_title input::placeholder {color:#888; font-weight: 200;}
  2241. .sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
  2242. .sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
  2243. .sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
  2244. .sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; border-bottom: 0.1rem solid #ddd;}
  2245. .sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
  2246. .sch .sch_result .related_keyword {margin: 0 -2rem 0;}
  2247. .sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide > a{display:inline-block; background-color:#f5f5f5; padding:0.8rem 1.3rem; border-radius:2rem;}
  2248. .sch .sch_result .related_keyword + .now_view {padding-top: 2rem;}
  2249. .sch .sch_result .tabWrap{margin:0 -2rem;}
  2250. .sch .sch_result .tabIndex li a {padding:1.5rem 2vw 1rem;}
  2251. .sch .sch_result .tabWrap > ul > li > a > span{font-size:0.8rem; color:#888888; margin-left:0.2rem}
  2252. .sch .sch_result .store_product .swiper-container{overflow:visible;}
  2253. .sch .sch_result .store_product .swiper-slide{display:flex;}
  2254. .sch .sch_result .store_product .itemPrice_original{width:3rem;}
  2255. .sch .sch_result .store_product .item_prod .s-text{margin-top:1.5rem;}
  2256. .sch .sch_result .store_product > h3{padding:4rem 0 2rem; font-size:1.5rem;}
  2257. .sch .sch_result .store_product.no-slide .filter-list{margin:4rem 0 0;}
  2258. .sch .sch_result .store_product.no-slide > h1{font-size:1.8rem; margin-bottom:2.3rem; font-weight:600;}
  2259. .sch .sch_result .store_product .product-slide {font-size: 0;}
  2260. .sch .sch_result .store_product.no-slide .item_prod{width: 48.75%;margin-right: 2.5%;margin-bottom: 4rem;}
  2261. .sch .sch_result .store_product.no-slide .item_prod:nth-of-type(even){margin-right: 0;}
  2262. .sch .sch_result .store_product.no-slide .item_prod .s-text{margin-top:1.5rem;}
  2263. .sch .sch_result .recommand_product {margin-top: 1.1rem; padding-bottom: 4.7rem;}
  2264. .sch .sch_result .recommand_product h3{padding:0 0 2rem; font-size:1.6rem; font-weight: 500;}
  2265. .sch .sch_result .banner{margin:-1.4rem -2rem;}
  2266. .sch .sch_result .banner .bnnbox{position: relative; overflow:hidden; padding-top: 35%;}
  2267. .sch .sch_result .banner .txtWrap{width: 18.5rem; margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
  2268. .sch .sch_result .banner .txtWrap p{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1.2;color: #222222;padding-bottom:1.0rem;}
  2269. .sch .sch_result .banner .txtWrap p:last-child {padding-bottom:0;}
  2270. .sch .sch_result .banner img {position: absolute; top: 50%; left:50%; transform:translate(-58%, -50%); max-width:none; width:auto; height:100%;}
  2271. .sch .sch_result .btPop_full{margin-top:59rem;}
  2272. .sch .sch_result .btPop_full .btPop_body > ul{padding-top:1.6rem;}
  2273. .sch .sch_result .btPop_full .btPop_body > ul > li > a{display:block; border:0.1rem solid #eeeeee; text-align:center; padding:1.4rem 0; font-weight:600; border-radius:3rem; margin-bottom:0.8rem; color:#686868}
  2274. .sch .sch_result .btPop_full .btPop_body > ul > li > a.on{border:0.1rem solid #fd4802; color:#fd4802;}
  2275. .sch .sch_result .store-list {padding-bottom: 1.4rem; border-bottom: 0.1rem solid #eee;}
  2276. .filter-list{display:flex; justify-content:space-between; font-size:1.2rem; margin-top: 1.8rem;}
  2277. .filter-list .f_left h3 {font-size: 1.6rem; font-weight: 500;}
  2278. .filter-list .f_left > span{color:#fd4802; font-weight:600;}
  2279. .filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888; font-weight: 300;}
  2280. .filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_detail.png') no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
  2281. .filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url('//image.istyle24.com/Style24/images/mo/shc_arrow.png'); position:relative; top:-0.2rem; margin-left:0.5rem}
  2282. .filter-list .f_right > a:nth-of-type(2){margin-left:1rem;}
  2283. .filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url('//image.istyle24.com/Style24/images/mo/shc_filter.png'); position:relative; top:0.1rem; margin-left:0.5rem}
  2284. /* sch_result nodata */
  2285. .sch .sch_result .nodata { width: 100%; height: 100%; margin:0; padding:14rem 0;}
  2286. .sch .sch_result .list_content .brand{display:none;}
  2287. .sch .sch_result .list_content.nodata .brand{display:block;}
  2288. .sch .sch_result .inner.nodata:last-child {margin-bottom: 14rem;}
  2289. .sch .sch_result .nodata { text-align: center;}
  2290. .sch .sch_result .nodata p { padding: 0 0; font-size: 1.4rem; color: #666;}
  2291. .sch .sch_result .nodata .btn {margin-top: 1rem; font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
  2292. .sch .sch_result .store_product.no-slide .product-wrapper{overflow:hidden;}
  2293. .sch .sch_result .store_product.no-slide.upline{margin-top:1.2rem;}
  2294. /* sch_result 이벤트 */
  2295. .sch .area_thumb_list .thumb_list ul li {width:100%;margin-top:3.0rem;}
  2296. .sch .area_thumb_list .thumb_list ul li a {display:block; position:relative;}
  2297. .sch .area_thumb_list .thumb_list ul li a .rank {z-index:2;}
  2298. .sch .area_thumb_list .thumb_list ul li a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
  2299. .sch .area_thumb_list .thumb_list ul li a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
  2300. .sch .area_thumb_list .thumb_list ul li a .txt {margin-top:1.5rem; padding:0 0.5rem 0;}
  2301. .sch .area_thumb_list .thumb_list ul li a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:auto; line-height:2.2rem; color:#222; font-weight:500; font-size:1.4rem; word-break:keep-all; white-space:normal;}
  2302. .sch .area_thumb_list .thumb_list ul li a .txt .date {display:block; margin-top:1.5rem; color:#888; font-size:1.4rem; font-weight:300;}
  2303. .sch .area_thumb_list .nodata {padding:8.0rem 0 10.0rem; text-align:center;}
  2304. .sch .area_thumb_list .nodata .txt_box {color:#666; font-size:1.6rem; font-weight:300; line-height:2.6rem;}
  2305. .sch .area_thumb_list .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_none.png') no-repeat;}
  2306. .sch .area_thumb_list .nodata .txt_box span {color:#fd4802; font-weight:500;}
  2307. .sch .area_thumb_list .nodata .btn_box {margin-top:4.0rem;}
  2308. .sch .area_thumb_list .nodata .btn_box .btn span {color:#222; font-size:1.4rem; font-weight:300;}
  2309. .sch .sch_result .item_prod{width:100%;}
  2310. .sch .sch_result .item_prod .rank::after{background-color:#fd4802;}
  2311. .sch .sch_result .item_prod .rank > span{font-size:0.9rem;}
  2312. .sch .sch_result .item_prod .itemPic.ver{padding-top:99%; margin-top:3rem;}
  2313. .sch .sch_result .item_prod .itemPlan{display:flex;}
  2314. .sch .sch_result .item_prod .itemPlan > div{margin-right:0.6rem;}
  2315. .sch .sch_result .item_prod .itemPlan > div:last-child{margin-right:0;}
  2316. .sch .sch_result .item_prod .itemEvent{width:100%;}
  2317. .sch .sch_result .item_prod .itemEvent p:nth-of-type(1){font-size:1.4rem;}
  2318. .sch .sch_result .item_prod .itemEvent p:nth-of-type(2){font-size:0.9rem; color:#8b8b8b;}
  2319. .sch .sch_result .now_view{padding-bottom: 4.7rem;}
  2320. .sch .sch_result .search-list{margin:0 -2rem; padding:0 2rem; max-height:41rem; overflow:hidden;}
  2321. .sch .sch_result .search-list.nodata {margin: 0;}
  2322. .sch .sch_result .search-list.nodata > ul {display: none;}
  2323. .sch .sch_result .search-list.nodata .nodata_txt {display: block;}
  2324. .sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:9rem 0;}
  2325. .sch .sch_result .search-list > ul{margin-top:1rem; margin-bottom:5rem;}
  2326. .sch .sch_result .search-list > ul > li {position: relative;}
  2327. .sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_cls.png') no-repeat right center; background-size:0.9rem;}
  2328. .sch .sch_result .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
  2329. .sch .sch_result .search-list > ul > li > a > p{position:relative;}
  2330. .sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
  2331. .sch .sch_result .search-list > ul > li > a > span{color:#8d8d8d;}
  2332. .sch .sch_result .allresult-tit{display:flex; justify-content:space-between;}
  2333. .sch .sch_result .allresult-tit > h3{font-size:1.5rem; padding-top:1.1rem; padding-bottom:2rem;}
  2334. .sch .sch_result .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
  2335. .sch .sch_result .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
  2336. .sch .sch_result .allresult-tit > button.btn_refresh {height: 3rem; padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
  2337. .sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_brand.png') no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
  2338. .sch .sch_result .itemTag{border:0.1rem solid #fd4802; display:inline-block; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; font-size:0.6rem; color:#fd4802;}
  2339. .sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:hidden;}
  2340. .sch .sch_result .relative-list .nodata_txt {display: none;}
  2341. .sch .sch_result .relative-list.nodata {margin: 0;}
  2342. .sch .sch_result .relative-list.nodata ul {display: none;}
  2343. .sch .sch_result .relative-list.nodata .nodata_txt {display: block; width: 100%; height: 100%; margin:0; padding:14rem 0;}
  2344. .sch .sch_result .relative-list > ul{padding-top:1.4rem;}
  2345. .sch .sch_result .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
  2346. .sch .sch_result .relative-list > ul > li > a > p{font-weight:500;}
  2347. .sch .sch_result .relative-list > ul > li > a > p > span{color:#fd4802;}
  2348. .sch .sch_result .sch_category{padding-bottom: 4.7rem; margin-top: 1.1rem;}
  2349. .sch .sch_result .sch_category > h3{font-size:1.6rem;}
  2350. .sch .sch_result .sch_category > ul{margin-top:2rem;}
  2351. .sch .sch_result .sch_category > ul > li {width: 100%; font-size: 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 1.5rem;}
  2352. .sch .sch_result .sch_category > ul > li:last-child {margin-bottom: 0;}
  2353. .sch .sch_result .sch_category > ul > li span {position: relative; display: inline-block; font-size: 1.2rem; color: #888; padding-right: 2.5rem; line-height: 1;}
  2354. .sch .sch_result .sch_category > ul > li span:before {content:''; background: url('//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png') no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
  2355. .sch .sch_result .sch_category > ul > li span:last-child {padding-right: 0;}
  2356. .sch .sch_result .sch_category > ul > li span:last-child:before {display: none;}
  2357. .sch .sch_result .sch_category > ul > li span > em {color: #222;}
  2358. .sch .sch_result .sch_category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
  2359. .sch .sch_result .sch_category > ul > li > p > span{color:#222222;}
  2360. .sch .sch_result .brand.nodata > p > span{color:#fd4802;}
  2361. .sch .sch_result .store_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
  2362. .sch .sch_result.brand_all .search-list{margin:0 -2rem; padding:0 2rem; max-height:41rem; overflow:auto;}
  2363. .sch .sch_result.brand_all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
  2364. .sch .sch_result.brand_all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
  2365. .sch .sch_result.brand_all .search-list > ul > li > a > p{position:relative;}
  2366. .sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
  2367. .sch .sch_result.brand_all .search-list > ul > li > a > span{color:#8d8d8d; display:inline-block; width:2rem; text-align:right;}
  2368. .sch .sch_result.brand_all .allresult-tit{display:flex; justify-content:space-between;}
  2369. .sch .sch_result.brand_all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem;}
  2370. .sch .sch_result.brand_all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
  2371. .sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
  2372. .sch .sch_result.brand_all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888;}
  2373. .sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
  2374. .sch .sch_result.brand_all .itemTag{display:inline; padding:0.3rem 0; position:relative; top:1rem; font-size:0.6rem; color:#fd4802;}
  2375. .sch .sch_result.brand_all .itemTag.circle{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem;}
  2376. .sch .sch_result.brand_all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
  2377. .sch .sch_result.brand_all .relative-list > ul{padding-top:1.4rem;}
  2378. .sch .sch_result.brand_all .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
  2379. .sch .sch_result.brand_all .relative-list > ul > li > a > p{font-weight:500;}
  2380. .sch .sch_result.brand_all .relative-list > ul > li > a > p > span{color:#fd4802;}
  2381. .sch .sch_result.brand_all .category{margin-top:1.2rem;}
  2382. .sch .sch_result.brand_all .category > h2{font-size:1.5rem; padding-top:2.4rem;}
  2383. .sch .sch_result.brand_all .category > ul{margin-top:1.2rem;}
  2384. .sch .sch_result.brand_all .category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
  2385. .sch .sch_result.brand_all .category > ul > li > p > span{color:#222222;}
  2386. .sch .sch_result.brand_all .nodata > p > span{color:#fd4802;}
  2387. .sch .sch_result.brand_all .store_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
  2388. .sch .sch_result.brand_all .filter-list{margin-bottom:0 !important; border-bottom: 0;}
  2389. .sch .sch_result.brand_all .related_keyword{border-bottom:0.1rem solid #eeeeee; margin:-1.3rem -2rem 0; padding:0 2rem 1.3rem;}
  2390. .sch .sub_category{padding:0 0; position:relative;}
  2391. .sch .sub_category:after {content:''; position: absolute; top: 0; right: 0; height: 100%; width: 6rem; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%); background: -webkit-linear-gradient(360deg, rgba(255,255,255,0) 0%, #fff 100%);}
  2392. .sch .sub_category .cate_wrap {position: relative; width: 100%; white-space:nowrap; overflow-x:scroll;padding: 0 2rem 1.1rem;}
  2393. .sch .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0; background: #f5f5f5; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #000; border-radius:2rem; line-height: 1;}
  2394. /* 기획전 - dp_exhibition */
  2395. .sch .sch_result .list_content .itemsGrp.n3{margin-bottom:0; font-size:0;}
  2396. .sch .sch_result .list_content .itemsGrp.n3 .item_prod {width: 31.666%; margin-right: 2.5%; margin-top:0;}
  2397. .sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(2n) {margin-right: 2.5%;}
  2398. .sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(3n) {margin-right:0;}
  2399. .sch .sch_result .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
  2400. .sch .sch_result .list_content .list_item{padding-top:3rem;}
  2401. .sch .sch_result .list_content .list_item > div{margin-bottom:6rem;}
  2402. .sch .sch_result .list_content .list_item .visual{position:relative; margin-bottom:2rem;}
  2403. .sch .sch_result .list_content .list_item .visual img {width: 100%;}
  2404. .sch .sch_result .list_content .list_item .visual .txtWrap {position: absolute; left: 2rem; bottom: 4rem; color: fff;}
  2405. .sch .sch_result .list_content .list_item .visual .txtWrap p {color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
  2406. .sch .sch_result .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300;}
  2407. .sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
  2408. .sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;}
  2409. .sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
  2410. .sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
  2411. .sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;}
  2412. .sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
  2413. .sch .sch_result .list_content.nodata .lookbookGrp,
  2414. .sch .sch_result .list_content.nodata .itemsGrp,
  2415. .sch .sch_result .list_content.nodata .list_item,
  2416. .sch .sch_result .list_content.nodata .list_last{display:none;}
  2417. .sch .sch_result .list_content.nodata .list_defult{display:block;}
  2418. .sch .sch_result .list_item.pro .itemName{font-size:1.1rem; color:#000; width:20rem;}
  2419. .sch .sch_result .list_item.pro .itemPrice .itemPrice_sale{font-size:0.9rem; color:#888888;}
  2420. .sch .sch_result .list_last{ padding: 2.5rem 0;margin-top: 5rem; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:0.1rem solid #f5f5f5;}
  2421. .sch .tab_cont{background-color:#f5f5f5;}
  2422. .sch .tab_cont > div{padding:0 2rem; background-color:#fff;}
  2423. /* 검색공통 */
  2424. .sch .count_wrap {padding:2rem 0;}
  2425. .sch .count_wrap.fixed {position: fixed; top: 5.5rem;left: 0; width: 100%;padding: 2rem;background: #fff;z-index: 100;}
  2426. .sch .count_wrap:after{display:block; content:''; clear:both;}
  2427. .sch .count_wrap > div:nth-child(1) {float:left;}
  2428. .sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
  2429. .sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:600;}
  2430. .sch .count_wrap > div:nth-child(2) {float: right;}
  2431. .sch .sch_util{display:block; float:right; text-align:right; font-size: 0;}
  2432. .sch .sch_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
  2433. .sch .sch_util li:first-child{margin-left:0;}
  2434. .sch .sch_util li a{font-size:1.2rem; color:#222!important;}
  2435. .sch .sch_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
  2436. .sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
  2437. .sch .sch_util li a.refresh{color:#888!important;}
  2438. .sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
  2439. /* select 커스텀 (필터용) */
  2440. .sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
  2441. .sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-0.1rem; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
  2442. .sch .sch_util .select+.select{margin-left: 1.0rem;}
  2443. .sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}
  2444. .sch .sch_util .select_dress {
  2445. position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 1.5rem 0 0.3rem;
  2446. background-color: #ffffff;border: 0.1rem solid #fff;box-sizing: border-box;
  2447. -moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
  2448. -webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
  2449. }
  2450. .sch .sch_util .select_dress:after {
  2451. content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:0.5rem;right:0;
  2452. border: 0.5rem solid transparent; border-color: #222222 transparent transparent transparent;
  2453. }
  2454. .sch .sch_util .select_options {
  2455. display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
  2456. margin: 0;padding: 0;list-style: none;background-color: #ffffff;
  2457. box-sizing: border-box;border:0;border-top: 0 solid #222222;
  2458. }
  2459. .sch .sch_util .select_options li {
  2460. margin: 0;padding:0.3rem 0.3rem;text-indent:0; display:block; text-align:left;
  2461. -moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
  2462. -webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
  2463. }
  2464. .sch .sch_util .select_options li:hover{background-color: #dddddd;}
  2465. .sch .sch_util .select_options li[rel="hide"] {display: none;}
  2466. .sch .sch_util .select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb;}
  2467. .sch .sch_util .select_options li.disabled:hover,
  2468. .sch .sch_util .select_options li.disabled:active {cursor:default;}
  2469. .sch .sch_util .select_dress:active:after, .dp .dp_util .select_dress.active:after {top:0;border-color: transparent transparent #222 transparent;}
  2470. /* 전시 카테고리 공통 */
  2471. .sch .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 0.1rem solid #dddddd; box-sizing: border-box;}
  2472. .sch .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
  2473. .sch .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
  2474. .sch .category_box.active{visibility:visible;}
  2475. .sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
  2476. .sch .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
  2477. .sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  2478. .sch .category_box .selcet_list {padding:0 2rem;}
  2479. .sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
  2480. .sch .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
  2481. .sch .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
  2482. .sch .last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 0.1rem solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
  2483. .sch .last_page.mt50{padding-top:2rem;}
  2484. /* Other Requests */
  2485. header .htop .btn_back span i.gl1, header .htop .btn_back span i.gl2, header .htop .btn_back span i.gl3 {height: 0.13rem;}
  2486. .btn_group_flex > div > .btn {padding:1.5rem;}
  2487. .itemBadge {padding: 0.4rem; font-size: 1rem;}
  2488. /* .item_prod .itemPic {padding-top: 135%;} */
  2489. .item_prod .itemName {font-size: 1.2rem;}
  2490. .item_prod .itemPrice, .item_prod .itemPercent {font-weight: 400;}
  2491. .itemcolorchip {margin: 1.0rem 0.5rem 0;}
  2492. .item_prod .itemComment {margin: 0rem 0.4rem 0.4rem;}
  2493. .pd .tit {font-size: 1.7rem;}
  2494. .pd_qnalist .info_txt .btn_group_flex button {font-size:1.4rem;}
  2495. .filter_top .tt {font-size: 1.8rem; font-weight: 500;}
  2496. .filter_list .form_field input[type="checkbox"] + label {font-size: 1.25rem;}
  2497. .mb .close a {background: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
  2498. .mb .close span {display: none;}
  2499. .br_search_wrap .inner .result .title_abbr {font-size: 3.0rem;font-weight: 600;}
  2500. .br_search_wrap .brand a {font-size: 1.4rem;}
  2501. .br_search_wrap .brand a span {font-size: 1.2rem;}