@charset "utf-8";/* CSS Document */
#wrap { min-width:1260px; } 
.gnb, .header_top_cont, .header_search_cont, .main_goods_cont, .sub_content, .content_info, .foot_list ul, .foot_cont, .foot_certify { width:calc(100% - 80px); max-width:calc(1260px); margin-left:auto !important; margin-right:auto !important; } 
.location_wrap .location_cont { width:100%; } 
#container { border-top:0; margin-top:0; } 
.nxn { font-family: 'NEXON Lv1 Gothic'; } 
* { box-sizing:border-box; } 

#trxHdr { } 
#trxHdr > div { width:calc(100% - 80px); max-width:1600px; margin:0 auto; padding:30px 0 0; } 
#trxHdrTop { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; } 
#trxLgo { width:100px; } 
#trxLgo > img { width:100%; } 
#trxSvc { display:inline-flex; align-items:center; } 
#trxSvc > li { display:inline-flex; align-items:center; position:relative; } 
#trxSvc > li::before { width:2px; height:2px; background-color:#c5c5c5; display:block; content:" "; } 
#trxSvc > li:first-child::before { display:none; } 
#trxSvc > li > a { display:inline-flex; padding:0 15px; color:#666666; font-size:12px; align-items:center; line-height:20px; height:36px; } 

#trxSvc > li > a > .join_mile_add { width:66px; height: 20px; line-height: 19px; background-color: #000000; text-align: center; font-size: 11px; color: #fff; letter-spacing: -0.02em; font-weight: 500; position: absolute; left: 50%; top: -18px; transform: translateX(-50%); border-radius: 20px; } 
#trxSvc > li > a > .join_mile_add::after { content: ""; display: block; width: 0px; height: 0px; border-top: 6px solid #000000; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } 

#trxSvc > li:hover > a { color:#000000; font-weight:500; } 
#trxSvc > li:last-child > a { padding: 0 0 0 15px; } 
#trxSvc > li > a > span { min-width:20px; height:20px; line-height: 1.62em; padding:0 6px 0 6px; border-radius:10px; text-align:center; font-size:12px; color:#fff; font-weight:700; background-color:#000000; margin-left:8px; } 
#trxSvc > li > a > i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #666666; margin-left:10px; } 
#trxHdrBtm { display:flex; justify-content:space-between; align-items:center; min-height:39px; position:relative; } 
#trxSvc > li:hover .depth02 { display: block; } 

#trxSvc .depth02 { display:none; width:150px; padding:10px 0; border-radius:6px; overflow:hidden; background-color:#000000; text-align:center; position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:200; box-shadow:0 30px 15px rgba(0,0,0,0.3); } 
#trxSvc .depth02 > li > a { min-height:36px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 100%; color:#89869f; } 
#trxSvc .depth02 > li > a:hover { color:#fff; font-weight:500; } 

.dropMWrap {display:ineline-block;}
#dropM .depth02 { display:none; width:150px; padding:10px 0; border-radius:6px; overflow:hidden; background-color:#000000; text-align:center; position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:200; box-shadow:0 30px 15px rgba(0,0,0,0.3); } 
#dropM .depth02 > li > a { min-height:36px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 100%; color:#89869f; } 
#dropM .depth02 > li > a:hover { color:#fff; font-weight:500; } 


#trxHdrNav { } 
#trxHdrNav > .trxHdrNavDpt01 { display:flex; align-items:center; } 
#trxHdrNav > .trxHdrNavDpt01 > ul { display:inline-flex; align-items:center; } 
#trxHdrNav > .trxHdrNavDpt01 > ul:nth-child(2)::before { width:1px; height:10px; background-color:#b3b3b3; content:" "; margin-right:45px; margin-top:-15px; } 
#trxHdrNav > .trxHdrNavDpt01 > ul > li { margin-right:45px; } 
#trxHdrNav > .trxHdrNavDpt01 > ul > li > a { color:#666666; font-size:16px; line-height:16px; display:block; position:relative; transition:color 0.5s; padding:22px 0 40px; } 
#trxHdrNav > .trxHdrNavDpt01 > ul > li:hover > a { color:#000000; } 
#trxHdrNav > .trxHdrNavDpt01 > ul > li > a::after { width:0; height:3px; border-radius:1.5px; background-color:#000000; content:" "; position:absolute; top:56px; left:50%; transform:translateX(-50%); transition:width 0.5s; } 
#trxHdrNav > .trxHdrNavDpt01 > ul > li:hover > a::after,
#trxHdrNav > .trxHdrNavDpt01 > ul > li.active > a::after { width:100%; } 

#trxHdrNav > .trxHdrNavDpt01 > ul:nth-child(2) > li > a { color: #999999; } 


#trxHdrNav > .trxHdrNavDpt01 > ul > li:hover .trxHdrNavDpt02 { opacity:1; pointer-events:auto; } 

.trxHdrNavDpt02 { min-width: 1260px; width:calc(100vw - 17px); position:absolute; top:calc(100%); left:50%; transform:translateX(-50%); z-index:50; background:#fff; border-top:1px #e7e7e7 solid; opacity:0; pointer-events:none; transition: pointer-events 0.3s, opacity 0.3s; } 
.trxHdrNavDp02Lst { width:calc(100% - 80px); max-width: 1600px; margin:-20px auto 0; display:flex; flex-wrap:wrap; padding:30px 0; } 
.trxHdrNavDp02Lst > li { margin-top:20px; margin-right:40px; } 
.trxHdrNavDp02Lst > li > a { font-size:14px; color:#999; line-height:1em; position:relative; } 
.trxHdrNavDp02Lst > li:hover > a { color:#000000; } 
.trxHdrNavDp02Lst > li > a::after { width:0; height:3px; border-radius:1.5px; background-color:#000000; content:" "; position:absolute; top:26px; left:50%; transform:translateX(-50%); transition:width 0.5s; } 
.trxHdrNavDp02Lst > li:hover > a::after { width:100%; } 
#trxHdrSch { padding:0 10px 10px 10px; border-bottom:1px #666666 solid; position:absolute; right:0; top:0; z-index:100; } 
#trxHdrSch legend { display:none; } 
#trxHdrSch input[type="text"] { z-index: 1; position: relative; font-size:16px; width:100%; padding:0; border:0; background: transparent; } 
#trxHdrSch input[type="text"]::placeholder { color:#b2b2b2; } 
#trxHdrSch input[type="text"]:focus { outline:0; } 
#trxHdrSch .btn_top_search { z-index: 2; position: absolute; right: 0; width:28px; height:28px; background:url("/design/wonderl/img/btn_sch.png") no-repeat; background-size:100% auto; border:0; pointer-events:all; } 
#trxHdrSch .search_cont { display:none; } 



/* active */
#trxHdrSch.active { width:440px; padding:0; background-color:#fff; box-shadow:0 15px 30px rgba(0,0,0,0.3); border-radius:6px; overflow:hidden; z-index: 150; } 
#trxHdrSch.active .top_text_cont { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #666; } 
#trxHdrSch.active input[type="text"] { /* width: calc(100% - 35px); */ text-indent: 30px; width: 100%; height:54px; } 
#trxHdrSch.active .btn_top_search { right: 30px; } 
#trxHdrSch .search_cont { padding: 0 35px; } 
#trxHdrSch .search_recent_wrap { width:calc(100% + 20px); padding:48px 0 30px; border-bottom: 1px solid #cccccc; } 
#trxHdrSch .search_recent_wrap dt, #trxHdrSch .recom_keyword_wrap dt { font-size: 16px; font-weight:500; line-height:1em; margin-bottom:10px; } 
#trxHdrSch .search_recent_list { display:flex; flex-wrap:wrap; } 
#trxHdrSch .search_recent_list > li { display:flex; flex-wrap:wrap; align-items:center; margin-top:10px; margin-right:20px; } 
#trxHdrSch .search_recent_list > li > a { font-size:14px; color:#777777; } 
#trxHdrSch .search_recent_list > li > .btn_top_search_del { width:19px; height:19px; margin-left:8px; background:url('/design/wonderl/img/serch_btn_del.png') no-repeat center; background-size:contain; text-indent:-9999px; } 
#trxHdrSch .recom_keyword_wrap { padding:31px 0 65px; } 
#trxHdrSch .recom_keyword_list { display:flex; flex-wrap:wrap; width:calc(100% + 5px); } 
#trxHdrSch .recom_keyword_list > li { margin-top:10px; margin-right:5px; } 
#trxHdrSch .recom_keyword_list > li > a { display:block; padding:10px 16px; border-radius:40px; background-color:#f5f4f9; font-size:14px; line-height:1em; color:#000080; transition:all 0.3s; } 
#trxHdrSch .recom_keyword_list > li > a:hover { background-color:#000000; color:#ffffff; } 


.trxSldBll { display:flex; align-items:center; height:12px; } 
.trxSldBll > span { width:6px; height:6px; background-color:#cccccc; margin:0 6px; border-radius:3px; transition:all 0.5s; opacity:1; } 
.trxSldBll > span.swiper-pagination-bullet-active { width:12px; height:12px; background-color:#000000; border-radius:6px; margin:0 3px; } 

.moving_banner_style .slick-dots { position: static; display:flex; align-items:center; justify-content:center; height:12px; margin-top: 30px; } 
.moving_banner_style .slick-dots > li { margin:0 6px; } 
.moving_banner_style .slick-dots > li > button { display:block; width:6px!important; height:6px!important; background-color:#cccccc !important; border-radius:3px; transition:all 0.5s; opacity:1; display:flex; align-items:center; border:0; padding:0; } 
.moving_banner_style .slick-dots > li.slick-active > button { width:12px!important; height:12px!important; background-color:#000000 !important; border-radius:6px; } 


#trxIdx01 { margin-bottom:180px; } 
#trxIdx01Sld { position:relative; margin-bottom:35px; /*padding-top:40px; */ } 
#trxIdx01Sld > span { position:absolute; width:100%; height:calc(100% + 40px); top:0px; left:0; } 
#trxIdx01Sld > span > span { position:absolute; top:0; left:0; width:100%; height:100%; } 
#trxIdx01Sld > div { position:relative; } 
.trxIdx01Itm { display:flex; align-items:center; justify-content:space-between; width:100%; margin:0 auto; } 
.trxIdx01Itm > a { position: relative; display: block; width:100%; min-width:694px; /*max-height: 600px; height: 600px; */ } 
.trxIdx01Itm > a > img { width: 100%; } 
.trxIdx01Itm > div { margin:0; width:38.75%; max-width:620px; min-width:456px; display:flex; flex-direction:column; justify-content:flex-start; position:relative; } 
.trxIdx01Itm > div > span { font-size:18px; color:#ffffff; opacity:0.4; line-height:15px; height:15px; margin-bottom:25px; } 
.trxIdx01Itm > div > strong { font-size:68px; font-weight:500; color:#ffffff; line-height:63px; margin-bottom:40px; } 
.trxIdx01Itm > div > p { font-weight:350; color:#cccccc; font-size:18px; line-height:30px; } 
.trxIdx01Itm > div > i { position:absolute; bottom:40px; left:75px; font-weight:300; color:#fff; opacity:0.04; font-size:68px; line-height:60px; font-style:normal; font-family:'Gmarket Sans'; } 
.trxIdx01Itm > div > a { width:160px; height:60px; border:2px #fff solid; border-radius:5px; display:flex; color:#ffffff; font-size:18px; justify-content:center; align-items:center; letter-spacing:-0.05em; margin-top:134px; } 
#trxIdx01Ctl { display:flex; justify-content:space-between; width:calc(100% - 80px); max-width:1600px; margin:0 auto; position: relative; } 
#trxIdx01CtlPgr { display:flex; align-items:center; height:40px; } 
#trxIdx01CtlPgr > span { font-size:16px; } 
#trxIdx01CtlPgr > span:first-child { color:#000000; } 
#trxIdx01CtlPgr > div { width:140px; margin:0 15px; height:4px; border-radius:2px; background-color:#e6e6e6; position:relative; } 
#trxIdx01CtlPgr > div > span { height:4px; background-color:#000000; position:absolute; top:0; left:0; border-radius:2px; transition:width 0.5s; } 
#trxIdx01CtlPgr > span:last-child { color:#cccccc; } 
#trxIdx01CtlTol { display:flex; align-items:center; } 
#trxIdx01CtlTol > a { padding:6px; margin:0 24px; } 
#trxIdx01CtlTol > a > s { display:block; width:8px; height:14px; transition:all 0.5s; } 
.trxSldPrv > s { background:url("/design/wonderl/img/btn_sldPrvOff.png") no-repeat; background-size:8px auto; background-position:center center; } 
.trxSldNxt > s { background:url("/design/wonderl/img/btn_sldNxtOff.png") no-repeat; background-size:8px auto; background-position:center center; } 
.trxSldPrv:hover > s { background:url("/design/wonderl/img/btn_sldPrvOnn.png") no-repeat; background-size:8px auto; background-position:center center; } 
.trxSldNxt:hover > s { background:url("/design/wonderl/img/btn_sldNxtOnn.png") no-repeat; background-size:8px auto; background-position:center center; } 
.trxSldPau > s { background:url("/design/wonderl/img/btn_sldPas.png") no-repeat; background-size:8px auto; background-position:center center; } 
.trxSldPly { display:none; } 
.trxSldPly > s { background:url("/design/wonderl/img/btn_sldPly.png") no-repeat; background-size:8px auto; background-position:center center; } 
#trxIdx01CtlPgn { display:flex; } 
#trxIdx01CtlPgn > a { margin:0 12px; height:40px; display:flex; align-items:center; padding:0 8px; color:#b2b2b2; font-weight:400; font-size:14px; position:relative; transition:all 0.5s; letter-spacing: -0.5em; } 
#trxIdx01CtlPgn > a::after { width:0%; height:3px; content:" "; background-color:#b3b3b3; position:absolute; left:50%; transform:translateX(-50%); bottom:0; transition:all 0.5s; } 
#trxIdx01CtlPgn > a:hover,
#trxIdx01CtlPgn > a.on { color:#000000; } 
#trxIdx01CtlPgn > a:hover::after,
#trxIdx01CtlPgn > a.on::after { width:100%; height:3px; border-radius:2px; background-color:#000000; } 
#trxIdx01CtlPgn > a > span { letter-spacing: -0.05em; line-height: 1.2em; } 

#trxIdx01Sub { margin-bottom:180px; position:relative; overflow:hidden; } 
#trxIdx01SldSub { width:calc(100% - 80px); max-width:1600px; margin:0 auto; margin-bottom:50px; } 
#trxIdx01SldSub .swiper-container { overflow:visible !important; } 
#trxIdx01SldSub .swiper-slide { overflow:hidden; } 
.trxIdx01ItmSub { position:relative; /*height:540px; */ } 
.trxIdx01ItmSub > a > img { width:100%; /*height:100%; object-fit:cover; */ } 
.trxIdx01ItmSub > div { position:absolute; top:50%; transform:translateY(-50%); left:150px; display:flex; flex-direction:column; } 
.trxIdx01ItmSub > div > span { font-weight:300; color:#333333; line-height:30px; font-size:36px; margin-bottom:20px; } 
.trxIdx01ItmSub > div > strong { font-weight:500; color:#333333; line-height:42px; font-size:46px; margin-bottom:35px; } 
.trxIdx01ItmSub > div > p { line-height:30px; font-size:18px; color:#808080; font-weight:400; } 
.trxIdx01ItmSub > div > a { margin-top:120px; display:flex; width:160px; height:60px; justify-content:center; align-items:center; border-radius:5px; background-color:#000000; font-size:18px; color:#ffffff; } 
#trxIdx01Sub .trxSldPrv { margin:0; position:absolute; top:260px; left:190px; z-index: 10; } 
#trxIdx01Sub .trxSldNxt { margin:0; position:absolute; top:260px; right:190px; z-index: 10; } 
#trxIdx01Sub #trxIdx01CtlTol { margin-right:auto; margin-left:15px; } 
#trxIdx01Sub #trxIdx01CtlTol > .trxSldPrv > s { width:12px; height:22px; background-size:100% auto; } 
#trxIdx01Sub #trxIdx01CtlTol > .trxSldNxt > s { width:12px; height:22px; background-size:100% auto; } 

#trxIdx02 { width:calc(100% - 80px); max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; margin-bottom:210px; } 
.trxIdx02Lst { width:18.75%; min-width: 240px; max-width: 300px; } 
.trxIdx02Lst > span { font-size:36px; line-height:33px; font-weight:300; color:#333333; margin-bottom:35px; display:block; } 
.trxIdx02Lst > span > b { display:block; margin-top:15px; line-height:35px; font-weight:400; color:#000000; } 
.trxIdx02Lst > ul > li > a { line-height:60px; display:flex; align-items:center; font-weight:400; color:#333333; font-size:16px; transition:all 0.5s; position:relative; } 
.trxIdx02Lst > ul > li > a > span { color:#999999; margin-right:10px; transition:all 0.5s; font-family: 'NEXON Lv1 Gothic'; } 
.trxIdx02Lst > ul > li > a.on,
.trxIdx02Lst > ul > li > a:hover { background-color:#000000; color:#fff; padding:0 20px; border-radius:5px; } 
.trxIdx02Lst > ul > li > a.on > span,
.trxIdx02Lst > ul > li > a:hover > span { color:#fff; } 
.trxIdx02Lst > ul > li > a::after { width:11px; height:20px; position:absolute; content:" "; top:50%; transform:translateY(-50%); right:20px; background:url("/design/wonderl/img/img_lnk.png") no-repeat; background-size:100% auto; } 
.trxIdx02ItmWrp { width:74.375%; min-width:930px; max-width:1190px; } 
.trxIdx02ItmWrp > div > div { display:flex; justify-content:space-between; } 
.trxIdx02ItmWrp > div > div > img { width:35.294%; min-width:336px; max-width:420px; max-height:615px; height:auto; object-fit:cover; border-radius: 6px; } 
.trxIdx02ItmWrp > div > div > div { width:60.504%; min-width:572px; max-width:720px; display:flex; flex-direction:column; } 
.trxIdx02ItmWrp > div > div > div > strong { display:flex; font-weight:400; color:#333333; font-size:26px; height:24px; align-items:center; margin-bottom:25px; } 
.trxIdx02ItmWrp > div > div > div > strong > b { color:#000000; font-weight:500; } 
.trxIdx02ItmWrp > div > div > div > span { display:flex; height:15px; color:#666666; font-size:16px; font-weight:300; margin-bottom:50px; } 
.trxIdx02ItmWrp > div > div > div > span > span { margin-right:15px; } 
.trxIdx02Itm > a { display:flex; flex-direction:column; } 
/* .trxIdx02Itm > a img { width:230px; height:280px; margin-bottom:20px; } */
.trxIdx02Itm > a > span { font-size:14px; font-weight:400; color:#555555; line-height:14px; margin-bottom:14px; } 
.trxIdx02Itm > a > div { display:flex; flex-wrap:wrap; min-height:20px; align-items:flex-end; padding-bottom:5px; } 
.trxIdx02Itm > a > div > strong { font-size:14px; font-weight:400; color:#333333; margin-right:8px; line-height:18px; } 
.trxIdx02Itm > a > div > strong > span { font-size: 18px; } 
.trxIdx02Itm > a > div > s { font-size:14px; color:#aaaaaa; margin-right:12px; line-height:14px; } 
.trxIdx02Itm > a > div > i { font-size:14px; color:#ef6313; font-style:normal; line-height:14px; } 

.trxIdx02Itm .main_price_flex { display: flex; flex-wrap: wrap; /*margin-bottom: 20px; */ } 
.trxIdx02Itm .item_money_box .main_sale_price { order: -1; display: block; width: 100%; margin-bottom: 6px; } 
.trxIdx02Itm .item_money_box .main_product_price { margin: 0; } 
.trxIdx02Itm .item_money_box .main_sale { margin: 0 0 0 10px; } 
.trxIdx02Itm .item_btn_box button { top: auto; bottom: -5px; margin: 0; } 



.trxIdx02Sld { } 
.trxIdx02Sld .trxIdx02Itm { padding: 0; } 
.trxIdx02Sld .main_price_flex { padding-right: 0; } 
.trxIdx02Sld .item_info_cont { display: block; } 
.trxIdx02Sld .like_icon_box { display:none!important; } 
.trxIdx02SldCtl { display:flex; align-items:center; margin-top:auto; } 
.trxIdx02SldCtl > div { margin-right:30px; } 
.trxIdx02SldCtl > a { padding:0px 12px; } 
.trxIdx02SldCtl > a > s { display:block; width: 8px; height: 14px; transition: all 0.5s; } 
/* #trxIdx02Sld { width:calc(100% + 30px); margin-left:-15px; } 
#trxIdx02Sld .main_price_flex { padding-right: 0; } 
#trxIdx02Sld .item_info_cont { display: block; } 
#trxIdx02Sld .like_icon_box { display:none!important; } 
#trxIdx02SldCtl { display:flex; align-items:center; margin-top:auto; } 
#trxIdx02SldCtl > div { margin-right:30px; } 
#trxIdx02SldCtl > a { padding:0px 12px; } 
#trxIdx02SldCtl > a > s { display:block; width: 8px; height: 14px; transition: all 0.5s; } */

#trxIdx03 { width:calc(100% - 80px); max-width:1600px; margin:0 auto; margin-bottom:210px; } 
.trxIdxCmnTtl { line-height:33px; font-weight:300; color:#333333; font-size:36px; margin-bottom:45px; } 
.trxIdxCmnTtl > a img { width: 30px; } 
.trxIdxCmnTtl strong { font-size:36px; color:#000000; font-weight:500; } 
.trxIdxCmnTab { height:30px; display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; } 
.trxIdxCmnTab > div { display:flex; flex-wrap:wrap; } 
.trxIdxCmnTab > div > a { margin-right:46px; padding:0 2px; font-size:16px; color:#999999; font-weight:400; transition:color 0.5s; position:relative; } 
.trxIdxCmnTab > div > a.on,
.trxIdxCmnTab > div > a:hover { color:#000000; } 
.trxIdxCmnTab > div > a::after { opacity:0; width:0; height:3px; border-radius:2px; background-color:#000000; position:absolute; left:50%; transform:translateX(-50%); bottom:-10px; content:" "; transition:all 0.5s; } 
.trxIdxCmnTab > div > a.on::after,
.trxIdxCmnTab > div > a:hover::after { opacity:1; width:100%; } 
.trxIdxCmnTab > a img { width:30px; } 


#trxIdx04 { margin-top: -180px; margin-bottom:150px; } 
#trxIdx04 .swiper-container { width: 100%; } 
#trxIdx04 .swiper-slide { overflow:hidden; } 
#trxIdx04 .swiper-slide img { position:relative; left:50%; transform:translateX(-50%); } 

#trxIdx04 .trxSldBll { justify-content: center; } 


#trxIdx05 { width:calc(100% - 80px); max-width:1600px; margin:0 auto; margin-bottom:210px; } 

#trxIdx06 { /*padding:140px 0; background:url("/design/wonderl/img/main/bg_hotTme.png") no-repeat; background-position:top center; */margin-bottom:160px; overflow:hidden; } 
#trxIdx06 > div { width:calc(100% - 80px); max-width:1600px; margin:0 auto; } 
#trxIdx06 > div > span { font-weight:300; color:#333; font-size:36px; display:flex; /*justify-content:center; align-items:center; */height:33px; margin-bottom:45px; letter-spacing: -0.035em; } 
#trxIdx06 > div > span > strong { margin-left:10px; font-size:36px; color:#000000; font-weight: 500; } 
.trxIdxCmnTabWht { height:30px; display:flex; align-items:center; justify-content:center; margin-bottom:30px; position:relative; } 
.trxIdxCmnTabWht > div { display:flex; flex-wrap:wrap; } 
.trxIdxCmnTabWht > div > a { margin-right:46px; padding:0 2px; font-size:16px; color:#7d7995; font-weight:400; transition:color 0.5s; position:relative; } 
.trxIdxCmnTabWht > div > a.on,
.trxIdxCmnTabWht > div > a:hover { color:#ffffff; } 
.trxIdxCmnTabWht > div > a::after { opacity:0; width:0; height:3px; border-radius:2px; background-color:#ffffff; position:absolute; left:50%; transform:translateX(-50%); bottom:-10px; content:" "; transition:all 0.5s; } 
.trxIdxCmnTabWht > div > a.on::after,
.trxIdxCmnTabWht > div > a:hover::after { opacity:1; width:100%; } 
.trxIdxCmnTabWht > a { position:absolute; top:0; right:0; } 
.trxIdxCmnTabWht > a img { width:30px; } 
#trxIdx06Sld { height:602px; /*background:url("/design/wonderl/img/main/img_hotTme.png") no-repeat; background-position:center center; */position:relative; } 
#trxIdx06Sld::after { content:""; display:block; width:1600px; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); /*border:1px solid #514a7a; */border-radius:6px; background-color: #f6f5f9; } 
#trxIdx06Sld > div { overflow:visible !important; width:1250px; margin:0 auto; } 
.trxIdx06Itm > div { display:flex; align-items:center; margin-top:50px; } 
.trxIdx06Itm > div > img { transition:transform 0.25s; width: 400px; border-radius: 6px; } 
.trxIdx06Itm > div > div { padding-left:120px; display:flex; flex-direction:column; transition:opacity 0.25s; } 
.trxIdx06Itm > div > div > span { font-size:40px; font-weight:300; color:#222; line-height:40px; margin-bottom:25px; } 
.trxIdx06Itm > div > div > span > strong { font-weight:500; } 
.trxIdx06Itm > div > div > p { line-height:26px; font-weight:300; color:#888; font-size:16px; margin-bottom:65px; } 
.trxIdx06Itm > div > div > div { display:flex; height:40px; align-items:center; font-size:30px; color:#222; line-height:32px; margin-bottom:120px; } 
.trxIdx06Itm > div > div > div > i { line-height:40px; border-radius:20px; padding:0 20px; background-color:#ef6313; font-weight:500; color:#fff; font-size:15px; font-style:normal; margin-right:25px; } 
.trxIdx06Itm > div > div > div > em { font-size:40px; color:#ef6313; line-height:32px; padding-left:15px; } 
.trxIdx06Itm > div > div > a { display:flex; width:160px; height:60px; border:2px #000000 solid; background-color:#000000; border-radius:5px; justify-content:center; align-items:center; font-size:18px; color:#ffffff; } 
.trxIdx06Itm.swiper-slide-prev { } 
.trxIdx06Itm.swiper-slide-prev > div > img { transform:translateX(850px); } 
.trxIdx06Itm.swiper-slide-prev > div > div { opacity:0 } 
#trxIdx06SldCtl { margin-top:50px; display:flex; justify-content:center; position:relative; } 
#trxIdx06SldCtl .trxSldBll > span { background-color:#736f88; } 
#trxIdx06SldCtl .trxSldBll > span.swiper-pagination-bullet-active { background-color:#000000; } 
#trxIdx06SldCtl > a { position:absolute; top:-370px; z-index: 10; } 
#trxIdx06SldCtl .trxSldPrv { right:230px; } 
#trxIdx06SldCtl .trxSldNxt { right:160px; } 
#trxIdx06SldCtl .trxSldPrv > s { width:21px; height:40px; display:block; background:url("/design/wonderl/img/btn_sldPrv.png") no-repeat; background-size:100% auto; opacity:0.25; transition:opacity 0.5s; } 
#trxIdx06SldCtl .trxSldNxt > s { width:21px; height:40px; display:block; background:url("/design/wonderl/img/btn_sldNxt.png") no-repeat; background-size:100% auto; opacity:0.25; transition:opacity 0.5s; } 
#trxIdx06SldCtl .trxSldPrv:hover > s { opacity:1; } 
#trxIdx06SldCtl .trxSldNxt:hover > s { opacity:1; } 

#trxIdx07 { width:calc(100% - 80px); max-width:1600px; margin:0 auto; margin-bottom:105px; display:flex; justify-content:space-between; } 
#trxIdx07Ttl { width:28.625%; max-width:470px; min-width:280px; } 
#trxIdx07Ttl > span { display:block; line-height:20px; font-size:18px; font-weight:400; color:#333333; margin-bottom: 15px; } 
#trxIdx07Ttl > strong { display:flex; flex-wrap:wrap; align-items:flex-end; color:#333333; font-weight:300; /*height:55px; */font-size:36px; line-height:50px; } 
#trxIdx07Ttl > strong > span { margin-right: 10px; } 
#trxIdx07Ttl > strong > b { font-size:46px; font-weight:400; color:#000000; /*line-height:29px; margin-left:10px; */display:inline-block; } 
#trxIdx07SldCtl { display:flex; margin-top:100px; } 
#trxIdx07SldCtl > div { margin-right:35px; } 
#trxIdx07SldCtl > a { padding:0 13px; } 
#trxIdx07SldCtl > a > s { display: block; width: 8px; height: 14px; transition: all 0.5s; } 
#trxIdx07Sld { width:68.75%; max-width:1130px; min-width:896px } 

.trxIdx07Itm { display:flex; align-items:center; } 
.trxIdx07Itm > a { display: block; width: calc(100% - 230px); } 
.trxIdx07Itm > a > img { width: 100%; } 
.trxIdx07Itm > div { width:210px; margin-left:20px; display:flex; flex-direction:column; } 
.trxIdx07Itm > div > span { font-size:14px; color:#777777; line-height:14px; margin-bottom:20px; } 
.trxIdx07Itm > div > p { font-size:18px; color:#333333; line-height:26px; margin-bottom:45px; } 
.trxIdx07Itm > div > div { display:flex; flex-wrap:wrap; align-items:center; height:20px; } 
.trxIdx07Itm > div > div > strong { font-size:20px; color:#333333; line-height:24px; margin-right:7px; } 
.trxIdx07Itm > div > div > strong > em { font-size:16px; } 
.trxIdx07Itm > div > div > s { width:100%; color:#999999; font-size:14px; margin-right:7px; } 
.trxIdx07Itm > div > div > i { font-size:16px; color:#ef6313; font-style:normal; } 
/* 540 */

#trxIdx08 { width:calc(100% - 80px); max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; } 
#trxIdx08 > a { padding:35px 145px 35px 35px; position:relative; width:calc((100% / 3) - (20px * 2 / 3)); border:1px #e6e6e6 solid; border-radius:5px; transition:all 0.5s; } 
#trxIdx08 > a:hover { background-color:#000000; border-color:#000000; } 
#trxIdx08 > a > strong { display:block; font-weight:400; color:#000000; font-size:20px; line-height:20px; margin-bottom:15px; transition:all 0.5s; } 
#trxIdx08 > a:hover > strong { color:#fff; } 
#trxIdx08 > a > span { display:block; font-weight:300; color:#4c4c4c; word-break:keep-all; font-size:14px; line-height:20px; transition:all 0.5s; } 
#trxIdx08 > a:hover > span { color:#fff; } 
#trxIdx08 > a > s { width:77px; position:absolute; top:50%; transform:translateY(-50%); right:40px; background-color:#f7f7f7; border-radius:100%; } 
#trxIdx08 > a > s > img { width:100%; } 

.trxMinGdsDpsWrp { margin-bottom:-90px; position:relative; } 
.trxMinGdsDps { position:absolute; top:0; left:0; width:100%; opacity:0; pointer-events:none; transition:opacity 0.5s; } 
/* .trxMinGdsDps:first-child { position:static !important; } */
.trxMinGdsDps.on { position:static; opacity:1; pointer-events:all; } 
.trxMinGdsDps > div > ul { display:flex; flex-wrap:wrap; } 
.trxMinGdsDps > div > ul > li { width:calc(100% / 5 - (20px * 4 / 5)) !important; margin-right: 20px; margin-bottom:90px; } 
.trxMinGdsDps > div > ul > li:nth-child(5n) { margin-right: 0; } 
.trxMinGdsDps .item_cont { padding:0; } 

#trxIdx03 .trxMinGdsDps .main_item_wr > ul { margin-bottom: 0; } 
#trxIdx05 .trxMinGdsDps .main_item_wr > ul { margin-bottom: 0; } 
.trxMinGdsDps .main_item_wr > ul { display:flex; flex-wrap:wrap; margin-bottom: -90px; } 
.trxMinGdsDps .main_item_wr > ul > li { width:calc(100% / 5 - (20px * 4 / 5)) !important; margin-right: 20px; margin-bottom:50px; margin-top:0; } 
.trxMinGdsDps .main_item_wr > ul > li:nth-child(5n) { margin-right: 0; } 


.addIdxpy { width: calc(100% - 80px); max-width: 1600px; margin: 0 auto; margin-bottom: 140px; } 
.add_py_wrap { display: flex; } 
.add_py_wrap .add_py_item { width: calc(33.333% - 20px * 2 / 3); margin-right: 20px; } 
.add_py_wrap .add_py_item:nth-child(3n) { margin-right: 0; } 
.add_py_wrap .add_py_item img { width: 100%; } 


.addIdxOrigin { width: calc(100% - 80px); max-width: 1600px; margin: 0 auto; margin-bottom: 150px; } 
.origin_cont { width: 100%; display: flex; justify-content: space-between; } 
.origin_cont .origin_cont_left { width: 50.062%; } 
.origin_cont .origin_cont_left > .img_rate { width: 100%; height: 520px; max-width: 801px; border-radius: 6px; overflow: hidden; } 
.origin_cont .origin_cont_left > .img_rate > img { width: 100%; height: 100%; object-fit: cover; } 
.origin_cont .origin_cont_right { width: 46.25%; } 
.origin_cont .goods_list_cont { float: none; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.origin_cont .goods_list_cont .item_cont { margin: 15px 20px 0 0; width: calc(50% - 20px) !important; } 
.origin_cont .goods_list_cont .item_cont:nth-of-type(1),
.origin_cont .goods_list_cont .item_cont:nth-of-type(2) { margin-top: 0; } 
.origin_cont .goods_list_cont .item_cont:nth-of-type(2n) { margin-right: 0; } 
.origin_cont .goods_list_cont .item_cont { display: flex; justify-content: space-between; align-items: center; padding: 0; } 
.origin_cont .goods_list_cont .item_cont .item_photo_box { flex-shrink: 0; padding:0; width: 125px; /* height: 165px; */ } 
.origin_cont .goods_list_cont .item_cont .item_info_cont { width: calc(100% - 135px); padding: 0 0 0 20px; } 
/* .origin_cont .goods_list_cont .item_cont .item_icon_box { display: none; } */
.origin_cont .goods_list_cont .item_cont .item_tit_box { width:100%; line-height: 24px; height: calc(24px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.origin_cont .goods_list_cont .item_cont .main_price_flex { margin: 15px 0 0; padding: 0; align-items: flex-start; } 
.origin_cont .goods_list_cont .item_cont .main_price_flex .main_sale_price { display: block; width: 100%; order: -1; } 
.origin_cont .goods_list_cont .item_cont .main_price_flex .main_product_price { font-size: 16px; } 
.origin_cont .goods_list_cont .item_cont .main_price_flex .main_product_price .nxn { font-size: 16px; } 
.origin_cont .goods_list_cont .item_cont .like_icon_box { } 

.goods_list_cont:after { display: none; } 

.sub_review_sec { padding: 120px 0 120px; background-color: #fafafc; } 
.sub_review_sec .trxIdxCmnTtl { position:relative; padding-right: 50px; } 
.sub_review_sec .trxIdxCmnTtl > a { display:block; width: 30px; position:absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.sub_review_sec .trxIdxCmnTtl > a > img { max-width: 100%; } 
.sub_review_cont { display: flex; flex-wrap: wrap; margin: -40px -10px 0 -10px; } 
.sub_review_cont > .sub_review_item { width: 33.333%; padding: 0 10px; margin-top: 40px; } 
.sub_review_cont > .sub_review_item a { display: block; } 
.sub_review_cont > .sub_review_item a > img { display: block; max-width: 100%; } 



#trxFtr { } 
#trxFtr > div { width:calc(100% - 80px); max-width:1600px; margin:0 auto; padding:40px 0 0; } 
#trxRle { display:flex; padding-bottom:30px; justify-content:space-between; align-items:center; } 
#trxRle > ul { display:inline-flex; align-items:center; } 
#trxRle > ul > li { display:inline-flex; align-items:center; } 
#trxRle > ul > li::before { width:2px; height:2px; background-color:#c5c5c5; display:block; content:" "; } 
#trxRle > ul > li:first-child::before { display:none; } 
#trxRle > ul > li > a { display:inline-flex; padding:0 20px; color:#999; font-size:16px; align-items:center; line-height:16px; height:16px; } 
#trxRle > ul > li:first-child > a { padding-left:0; } 
#trxRle > ul > li > a > b { color:#000000; } 
#trxRle > div { display:inline-flex; align-items:center; } 
#trxRle > div > a { margin-left:35px; } 
#trxRle > div > a > img { height:23px; } 
#trxInf { padding:50px 0; border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; display:flex; justify-content: space-between; } 
#trxInf > div { width:400px; min-width:260px; padding-right:30px; flex-shrink:2; } 
#trxInf > div:nth-child(1) { width:340px; } 
#trxInf > div:nth-child(2) { width:390px; } 
#trxInf > div:nth-child(3) { width:480px; } 
#trxInf > div:nth-child(4) { width:380px; min-width:380px; padding-right:0; flex-shrink:1; } 
#trxInf > div:nth-child(4) span { display:none; } 
#trxInf > div > strong { font-size:16px; font-weight:400; display:block; color:#000000; line-height:14px; padding-bottom:20px; text-transform:uppercase; } 
#trxInf > div > b { font-size:26px; font-weight:normal; color:#666666; display:block; padding-bottom:15px; line-height:20px; } 
#trxInf > div > ul { } 
#trxInf > div > ul > li { display:flex; color:#999999; font-size:14px; min-height:30px; align-items:center; } 
#trxInf > div > ul > li > span { width:70px; } 
#trxInf > div > ul > li > i { font-style: normal; } 
#trxInf > div > ul > li > a { color:#999999; } 
#trxCpr { padding:20px 0; color:#b2b2b2; font-size:14px; line-height:40px; display:flex; justify-content: space-between; align-items:center; letter-spacing: 0.02em; } 
#trxCpr > div { width: 40px; } 
#trxCpr > div > img { width: 100%; } 
.content_info_wrap { display:none; } 
#footer_wrap { border-top:0; } 


#contents { border-top:1px #e7e7e7 solid; padding-bottom:120px; } 
.sub_content { padding-top:100px; } 
#contents .sub_content { display:flex; flex-wrap:wrap; } 
#contents .sub_content > .side_cont { float:none; } 
#contents .sub_content > .content { float:inherit; width:100%; padding:0; } 
#contents .sub_content > .side_cont + .content { width:calc(100% - 200px); } 
.board_zone_tit { margin:0; padding:0; padding-bottom:50px; } 
.board_zone_tit h2 { font-size:36px; color:#222222; font-weight:500; text-align:center; line-height:34px; letter-spacing:-0.01em; } 
.board_zone_tit p { font-size:18px; color:#222222; font-weight:400; text-align:center; line-height:30px; padding-top:15px; letter-spacing:-0.01em; margin-bottom:-5px; } 



#scroll_right { right:0; position:fixed; } 

.trxTab { display:flex; justify-content:space-between; align-items: center; margin-bottom:55px; } 
.trxTab > a { border-bottom:1px #222222 solid; display:flex; justify-content:center; align-items:center; border-radius:5px 5px 0 0; height:60px; font-weight:400; color:#222222; font-size:18px; letter-spacing:-0.01em; text-align:center; word-break: keep-all; } 
.trxTab > a.on { border:1px #222222 solid; border-bottom:1px #fff solid; font-weight: 500; } 
.trxTabFre { border-top:1px #222222 solid; border-bottom:1px #e5e5e5 solid; background:#fff; height:90px; margin-bottom:70px; text-align:center; position:sticky; top: 0; left:0; z-index:10; } 
.trxTabFre > div { width:100%; text-align:center; } 
.trxTabFre > div > a { display:inline-block; margin:0 25px; color:#999999; font-size:16px; font-weight:400; position:relative; } 
.trxTabFre > div > a:hover,
.trxTabFre > div > a.on { color:#000000; font-weight:600; } 

.trxTabFre > div > a::after { width:0; height:3px; border-radius:1.5px; background-color:#000000; content:" "; position:absolute; top:24px; left:50%; transform:translateX(-50%); transition:width 0.5s; } 
.trxTabFre > div > a.on::after,
.trxTabFre > div > a:hover::after { width:100%; } 

.trxTabDbl > a { width:calc(100% / 2); } 
.trxTabTrp > a { width:calc(100% / 3); } 
.trxTabQuad > a { width:calc(100% / 4); } 
.trxTabPnt > a { width:calc(100% / 5); } 


/* .trxThmLstWrp > ul { display:grid; row-gap:60px; column-gap:40px; grid-template-columns:1fr 1fr 1fr 1fr; } */
.trxThmLstWrp > ul { display: flex; flex-wrap: wrap; margin-top: -60px; } 
.trxThmLstWrp > ul > li { width:calc(25% - 40px * 3 / 4 ); margin-right: 40px; margin-top: 60px; } 
.trxThmLstWrp > ul > li.trxNotDta { width:100%; margin-top:0; margin-right:0; } 
.trxThmLstWrp > ul > li:nth-child(4n) { margin-right:0; } 
.trxThmLstWrp .board_img a { display:block; border-radius:5px; overflow:hidden; } 
.trxThmLstWrp .board_img a img { width:100%; height:100%; object-fit:cover; display:block; } 
.trxThmLstWrp .event_info_cont .board_tit { display:block; margin:0; padding-top:25px; } 
.trxThmLstWrp .event_info_cont .board_tit strong { display:block; font-size:18px; font-weight:500; color:#222222; } 
.trxThmLstWrp .board_event_day { margin:5px 0 0 0; font-size:14px; color:#999999; display:flex; justify-content:space-between; align-items: center; } 
.trxThmLstWrp .board_event_day b { font-size:16px; color:#f07133; font-weight:normal; } 

.trxPgr { padding-top:65px; } 
.trxPgr > div { margin:0; } 
.trxPgr > div > ul { padding:0; display:flex; justify-content:center; } 
.trxPgr > div > ul > li > a { width:45px; height:45px; font-size:16px; color:#999999; display:flex; justify-content:center; align-items:center; } 
.trxPgr > div > ul > li.on > span { width:45px; height:45px; font-size:16px; color:#ffffff; display:flex; justify-content:center; align-items:center; background-color:#000000; border-radius:5px; } 

.trxGdsPgr { padding-top:65px; } 
.trxGdsPgr > div { margin:0; } 
.trxGdsPgr > div > ul { padding:0; display:flex; justify-content:center; } 
.trxGdsPgr > div > ul > li > a { width:45px; height:45px; font-size:16px; color:#999999; display:flex; justify-content:center; align-items:center; } 
.trxGdsPgr > div > ul > li.on > span { width:45px; height:45px; font-size:16px; color:#ffffff; display:flex; justify-content:center; align-items:center; background-color:#000000; border-radius:6px; } 


.trxVewWrp { border-top:1px #222222 solid; } 
.trxVewHdr { padding:30px 20px; border-bottom:1px #e5e5e5 solid; border-top: 1px solid #222; position:relative; } 
.trxVewHdr > div { display:flex; align-items:center; } 
.trxVewHdr > div:nth-child(1) { justify-content:space-between; padding-bottom:15px; } 
.trxVewHdr > div > strong { font-weight:500; color:#222222; font-size:24px; line-height:24px; } 
.trxVewHdr > div > a > img { width:17px; } 


.board_share_pop { width:300px; background-color:#fff; border:1px solid #7f7f7f; border-radius:6px; overflow:hidden; box-shadow: 0 5px 15px 5px rgba(0,0,0,0.1); position:absolute; right:20px; top:70px; } 
.board_share_pop .board_share_header { padding: 40px 35px 15px; position:relative; } 
.board_share_pop .board_share_tit { font-size:20px; line-height:1em; color:#222; } 
.board_share_pop .btn_close_share { background: url('/design/wonderl/img/btn_layer_close.png') no-repeat center; background-size:25px 25px; width:25px; height:25px; box-sizing:content-box; padding:25px 30px; position:absolute; right:0; top:0; } 
.board_share_cont { padding:0 35px 40px; } 
.board_share_pop .share_icon_list { display: flex; flex-wrap:wrap; justify-content: center; } 
.board_share_pop .share_icon_item { margin: 0 24px; position:relative; } 
.board_share_pop .share_icon_item::after { content:""; display:block; width:1px; height:50px; position:absolute; right:-24px; top:4px; background-color:#e5e5e5; } 
.board_share_pop .share_icon_item:last-child::after { display:none; } 
.board_share_pop .share_icon_item > a { display:block; position:relative; padding-bottom:30px; } 
.board_share_pop .share_icon_item > a > img { display:block; width:60px; height:60px; border-radius:50%; } 
.board_share_pop .share_icon_item > a > .txt { font-size:14px; line-height:1em; color:#222; position:absolute; left:50%; transform:translateX(-50%); bottom:0; min-width:100px; text-align:center; } 



.trxVewHdr > div > b { font-size:14px; height:32px; border:1px #000000 solid; min-width:70px; padding:0 15px; font-weight:400; color:#000000; margin-right:20px; display:inline-flex; align-items:center; border-radius:3px; } 
.trxVewHdr > div > i { font-style:normal; font-size:16px; color:#222222; margin-right:10px; } 
.trxVewHdr > div > span { display:inline-flex; align-items:center; font-size:14px; color:#999999; padding-top: 2px; } 
.trxVewHdr > div > span::before { width:1px; height:14px; background-color:#e5e5e5; content:" "; margin-right:10px; } 
.trxVewCnt { padding:60px 0; border-bottom:1px #f0f0f0 solid; margin-bottom:60px; } 

.trxBtnWrp { display:flex; flex-wrap:wrap; } 
.trxBtnCnt { justify-content:center; } 


.trxBtnFst { display:inline-flex; justify-content:center; align-items:center; border:1px #000000 solid; border-radius:5px; color:#000000; letter-spacing:-0.035em; transition: all 0.3s; } 
.trxBtnFst + .trxBtnFst { margin-left:6px; } 
.trxBtnFstFll { background-color:#000000; color:#fff; } 
.trxBtnFstNon { border-color:#fff; } 
.trxBtnFsz18 { font-size:18px; } 
.trxBtnWdt195 { width:100%; max-width:195px; } 
.trxBtnWdt220 { width:100%; max-width:220px; } 
.trxBtnWdt450 { width:100%; max-width:450px; } 
.trxBtnWdtFll { width:100%; } 
.trxBtnHgt70 { height:70px; } 
.trxBtnHgt55 { height:55px; } 

.trxBtnFst:not(.trxBtnFstNon):hover { color:#fff; background-color:#000; } 


.trxBrdInf { display:flex; justify-content:space-between; align-items: center; padding-bottom:35px; } 
.trxBrdInf > div > span { color:#222222; font-size:16px; font-weight:400; } 
.trxBrdInf > div > span > b { color:#000000; font-weight:700; } 

.trxFkeSlc01 { display:inline-flex; } 
.trxFkeSlc01 > div { min-width:110px; position:relative; z-index:10; } 
.trxFkeSlc01 > div > div { display:flex; justify-content:space-between; align-items:center; cursor:pointer; } 
.trxFkeSlc01 > div > div > span { color:#222222; font-size:14px; font-weight:400; } 
.trxFkeSlc01 > div > div > s { width:10px; height:6px; background:url("/design/wonderl/img/btn_drpDwn.png") no-repeat; background-size:100% auto; display:block; } 
.trxFkeSlc01 > div > ul { padding:15px; border:1px #c5c5c5 solid; border-radius:5px; position:absolute; top:calc(100% + 10px); right:0; background-color:#fff; width:100%; } 
.trxFkeSlc01 > div > ul > li > a { font-size:12px; color:#222222; line-height:28px; } 


.trxHrzLne { display:block; border:0; margin:0; border-bottom:1px #222222 solid; } 
.trxHrzLne.trxHrzLneMgr { margin-bottom:50px; } 
.trxHrzLne02 { display:block; border:0; margin:0; border-bottom:1px #e5e5e5 solid; } 
.trxHrzLne02.trxHrzLneMgr { margin:60px auto; } 

.trxVewPlnLmt { background-color:#fef5f0; border-radius:10px; height:115px; display:flex; justify-content:center; align-items:center; color:#ef6313; font-weight:700; font-size:36px; margin-bottom:50px; } 
.trxVewPlnWrn { background-color:#f9f9f9; border-radius:10px; padding:40px; margin-top:35px; } 
.trxVewPlnWrn > strong { display:block; font-size:18px; font-weight:600; color:#555555; line-height:18px; padding-bottom:15px; } 
.trxVewPlnWrn > p { font-size:16px; font-weight:400; color:#888888; line-height:24px; } 


.trxJonWrp { width:100%; max-width:1260px; margin:0 auto; } 
.trxJonWrp450 { max-width:450px; } 
.trxJonTyp > a { display:flex; padding:40px; height:180px; justify-content:space-between; align-items:center; border:1px #e5e5e5 solid; border-radius:5px; margin-bottom:5px; } 
.trxJonTyp > a > span { font-weight:400; color:#888888; font-size:16px; letter-spacing:-0.035em; } 
.trxJonTyp > a > span > b { font-weight:400; color:#222222; font-size:20px; letter-spacing:-0.035em; padding-bottom:10px; display:block; } 
.trxJonTyp > a > s { width:90px; height:84px; } 
.trxJonTyp > a:nth-child(1) > s { background:url("/design/wonderl/img/img_jonTyp01.png") no-repeat; background-size:100% auto; } 
.trxJonTyp > a:nth-child(2) > s { background:url("/design/wonderl/img/img_jonTyp02.png") no-repeat; background-size:100% auto; } 

.trxIssMmb { padding-bottom: 100px; } 
.trxIssMmb > b { font-size:18px; line-height:18px; color:#000000; font-weight:600; letter-spacing:-0.05em; padding-bottom:15px; display:block; text-align:center; } 
.trxIssMmb > span { font-size:16px; line-height:16px; color:#888888; font-weight:400; letter-spacing:-0.01em; padding-bottom:20px; display:block; text-align:center; } 

.trxCmeMmb { margin-top:-20px; } 
.trxCmeMmb > img { width:140px; display:block; margin:0 auto 15px auto; } 
.trxCmeMmb > b { display:block; text-align:center; color:#222222; font-weight:400; letter-spacing:-0.01em; font-size:18px; line-height:30px; padding-bottom:35px; } 

.trxJonSns { } 
.trxJonSns > a { margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; height:70px; border-radius:5px; padding:0 20px; border:0; text-indent:-20px; } 
.trxJonSns > a.trxJonSns01 { background-color:#fee500; } 
.trxJonSns > a.trxJonSns02 { background-color: #03c75a; } 
.trxJonSns > a.trxJonSns03 { background-color: #1877f2; } 
.trxJonSns > a > s { width:40px; height:40px; } 
.trxJonSns > a.trxJonSns01 > span { color:#222222; } 
.trxJonSns > a > span { width:calc(100% - 40px); text-align:center; color:#fff; font-weight:400; font-size:18px; letter-spacing:-0.01em; } 
/* .trxJonSns > a.trxJonSns01 > s { background:url("/design/wonderl/img/img_jonSns01.png") no-repeat; background-size:100% auto; } */
.trxJonSns > a.trxJonSns01 > s { background:url("/design/wonderl/img/sns_icon_kakaosync.png") no-repeat; background-size:100% auto; } 
.trxJonSns > a.trxJonSns02 > s { background:url("/design/wonderl/img/sns_icon_naver.png") no-repeat; background-size:100% auto; } 
.trxJonSns > a.trxJonSns03 > s { background:url("/design/wonderl/img/sns_icon_facebook.png") no-repeat; background-size:100% auto; } 

.trxAth { padding:30px 0; border-top:1px #111111 solid; border-bottom:1px #e5e5e5 solid; } 
.trxAth > img { width:140px; display:block; margin:0 auto 20px auto; } 
.trxAth > b { display:block; text-align:center; color:#222222; font-weight:400; letter-spacing:-0.01em; font-size:18px; line-height:18px; margin-bottom:20px; } 

.trxJonFrmWrp { width:100%; max-width:600px; margin:0 auto; padding-top:60px; } 
.trxJonFrmTtl { font-weight:400; color:#000000; font-size:18px; display:block; padding-bottom:15px; line-height:18px; } 
.trxJonFrm { padding:30px 40px; border-top:1px #111111 solid; border-bottom:1px #e5e5e5 solid; margin-bottom:45px; } 
.trxJonFrm > ul > li { display:flex; align-items:flex-start; margin-top:20px; } 
.trxJonFrm > ul > li:first-child { margin-top:0; } 
.trxJonFrm > ul > li > div:nth-child(1) { width:150px; height:40px; display:flex; align-items:center; } 
.trxJonFrm > ul > li > div:nth-child(1) > span { color:#999999; font-size:16px; font-weight:400; position:relative; line-height:16px; display:inline-block; } 
.trxJonFrm > ul > li > div:nth-child(1) > span.trxJonFrmRqq::after { width:4px; height:4px; background-color:#000000; border-radius:2px; content:" "; position:absolute; top:0; right:-10px; } 
.trxJonFrm > ul > li > div:nth-child(2) { width:calc(100% - 150px); min-height:40px; } 
.trxJonFrm .form_element { margin-top:10px; } 
.trxIptWrp { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } 
.trxIptWrp > input { width:100%; padding:0 20px; border:1px #cccccc solid; border-radius:5px; font-weight:400; color:#222222; font-size:16px; height:40px; } 
.trxIptWrp > input:first-child:last-child { width:100%; } 
.trxIptWrpTrp > select { width:calc((100% - 10px) / 3); border:1px solid #ccc; border-radius:5px; color: #222; height: 40px; padding: 0 20px; font-size: 16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } 
.trxIptWrpTrp > input { width:calc((100% - 10px) / 3); } 
.trxIptWrpEml > input { width:calc(100% - 155px); } 
.trxIptWrpEml > select { width:150px; padding:0 20px; border:1px #cccccc solid; border-radius:5px; font-weight:400; color:#222222; font-size:16px; height:40px; -webkit-appearance: none; -moz-appearance: none; background:url("/design/wonderl/img/img_slcOff.png") no-repeat; background-size:15px auto; background-position:center right 20px; letter-spacing:-0.01em; } 
.trxIptWrpEml > select:focus { background:url("/design/wonderl/img/img_slcOnn.png") no-repeat; background-size:15px auto; background-position:center right 20px; } 
.trxIptWrpEml > select::-ms-expand { display: none; } 

.trxJonFrmAgg { border-bottom:1px #e5e5e5 solid; margin-bottom:60px; } 
.trxJonFrmAgg .form_element { font-size:16px; font-weight:400; color:#999999; font-size:16px; margin-bottom:40px; } 
.trxJonFrmAgg .form_element:first-child { margin-bottom:20px; } 
.trxJonFrmAggTxt { border:1px #e5e5e5 solid; border-radius:10px; padding:20px 10px 20px 20px; margin-bottom:20px; } 
.trxJonFrmAggTxt > div { height:160px; overflow-y:scroll; overflow-x:hidden; font-weight:400; color:#888888; font-size:14px; letter-spacing:-0.02em; line-height:24px; padding-right:20px; } 


.trxAccSlp { padding-bottom:50px; } 
.trxAccSlp > div { background-color:#f4f5f9; padding:35px 0; border-radius:5px; margin-bottom:30px; } 
.trxAccSlp > div > ul { width:250px; margin:0 auto; } 
.trxAccSlp > div > ul > li { display:flex; justify-content: space-between; align-items:center; height:30px; } 
.trxAccSlp > div > ul > li > span { font-size:16px; color:#999999; letter-spacing:-0.01em; font-weight:400; } 
.trxAccSlp > div > ul > li:last-child > span { color:#000000; } 
.trxAccSlp > p { color:#999999; font-size:16px; font-weight:400; text-align:center; letter-spacing:-0.01em; line-height:30px; padding-bottom:5px; } 
.trxAccSlp > b { display:block; text-align:center; color:#000000; font-size:16px; font-weight:400; letter-spacing:-0.01em; line-height:30px; } 

#wrap .text_warning { font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 5px; letter-spacing: -0.01em; color: #ef4d4d; } 
#wrap .text_pass { font-size: 14px; font-weight: 500; line-height: 24px; margin-top: 5px; letter-spacing: -0.01em; color: #4d95ef; } 


.trxIptFrm01 { } 
.trxIptFrm01 > li { margin-top:10px; } 
.trxIptFrm01 > li:first-child { margin-top:0; } 

.trxIptFrm01 + .js_caution_msg1 { font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 5px; letter-spacing: -0.01em; color: #ef4d4d; } 

*.trxIpt01 { border:1px #cccccc solid; padding:0 20px; color:#999999; font-size:16px; font-weight:400; border-radius:5px; } 
*.trxIpt01 + *.trxIpt01 { margin-left:6px; } 
*.trxIpt01::placeholder { color:#999999; font-size:16px; font-weight:400; } 
*.trxIptFll { width:100%; } 
*.trxIptHlf { width:calc((100% / 2) - (6px * 1 / 2)); } 
*.trxIptHgt55 { height:55px; } 
.trxIptTip { font-size:14px; font-weight:400; color:#888888; line-height:35px; } 

select.trxIpt01 { -webkit-appearance: none; -moz-appearance: none; background: url(/design/wonderl/img/img_slcOff.png) no-repeat; background-size: 15px auto; background-position: center right 20px; } 
select.trxIpt01:focus { background:url("/design/wonderl/img/img_slcOnn.png") no-repeat; background-size:15px auto; background-position:center right 20px; } 
select.trxIpt01::-ms-expand { display: none; } 

.trxFndRst { height:220px; justify-content:center; align-items:center; display:flex; } 
.trxFndRst p { font-size:26px; line-height:40px; font-weight:400; color:#222222; text-align:center; letter-spacing:-0.01em; } 
.trxFndRst p strong { color:#000000; font-weight:700; } 


.trxJonTxt { color:#888888; font-size:16px; font-weight:400; line-height:16px; text-align:center; padding-bottom:40px; } 
.trxJonTxt > b { display:block; text-align:center; font-size:26px; color:#000000; font-weight:500; padding-bottom:15px; line-height:26px; } 

.trxAthWay { border-radius:5px; background-color:#f4f5f9; padding:30px; margin-bottom:20px; } 
.trxAthWay li { margin-top:10px; font-weight:400; color:#222222; font-size:16px; } 
.trxAthWay li:first-child { margin-top:0; } 

.trxTmeLmt { height:35px; margin-bottom:10px; display:flex; align-items:center; color:#222222 !important; border:0 !important; background-color:transparent !important; width:auto !important; font-weight:500 !important; font-size:14px !important; } 
.trxTmeLmt * { color:#222222 !important; border:0 !important; background-color:transparent !important; width:auto !important; font-weight:400 !important; font-size:14px !important; margin-left:5px; } 



.find_id_box .find_id_sec > p { color:inherit; font-size:16px; text-align:center; } 




.trxSchRst { height:40px; display:flex; align-items:center; font-weight:400; color:#222222; font-size:36px; margin-bottom:50px; letter-spacing:-0.04em; } 
.trxSchRst strong { color:#000000; font-weight:500; margin-right:8px; } 
.trxSchInn { display:flex; box-shadow: 0px 20px 22.5px 2.5px rgba(0, 0, 0, 0.1); border-radius:10px; overflow:hidden; margin-bottom:80px; } 
.trxSchInn + .trxTab { margin-bottom:40px; } 
.trxSchInnEng { width:calc(62.5%); display:flex; align-items:center; padding:60px 100px; background-color:#000000; } 
.trxSchInnEng form { display:block; width:100%; } 
.trxSchInnEngIpt { position:relative; margin-bottom:40px; } 
.trxSchInnEngIpt > input { width:100%; display:block; background:transparent; height:70px; border:0; border-bottom:2px #000 solid; font-weight:400; color:#000; font-size:28px; letter-spacing:-0.01em; } 
.trxSchInnEngIpt > input:focus { outline:0; } 
.trxSchInnEngIpt > a { width:70px; height:70px; position:absolute; top:50%; transform:translateY(-50%); right:30px; display:flex; justify-content:center; align-items:center; } 
.trxSchInnEngIpt > button { width:70px; height:70px; position:absolute; top:50%; transform:translateY(-50%); right:-20px; display:flex; justify-content:center; align-items:center; } 
.trxSchInnEngIpt > * > img { width:30px; filter: invert(1);} 
.trxSchInnEngRcm { } 
.trxSchInnEngRcm > strong { display:flex; font-size:18px; align-items:center; height:20px; color:#000; font-weight:400; letter-spacing:-0.01em; } 
.trxSchInnEngRcm > ul { display:flex; flex-wrap:wrap; margin-top:10px; } 
.trxSchInnEngRcm > ul > li { padding-top:10px; margin-right:10px; } 
.trxSchInnEngRcm > ul > li > a { display:flex; align-items:center; height:36px; font-size:14px; color:#ffffff; padding:0 15px; background-color:#000; border-radius:18px; transition:all 0.5s; } 
.trxSchInnEngRcm > ul > li > a:hover { background-color:#ffffff; color:#000000; } 
.trxSchInnHot { width:calc(37.5%); padding:60px 40px 60px 80px; flex-wrap:wrap; } 
.trxSchInnHot > strong { display:flex; font-size:18px; font-weight:400; color:#222222; letter-spacing:-0.01em; width:100%; } 
.trxSchInnHot > ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-width: 50%; -webkit-column-width: 50%; column-width: 50%; } 
.trxSchInnHot > ul > li { padding-top:15px; } 
.trxSchInnHot > ul > li > a { display:flex; align-items:center; color:#555555; font-weight:400; font-size:14px; } 
.trxSchInnHot > ul > li > a > i { font-weight:bold; color:#000000; width:30px; } 
.trxSchInnHot > ul > li:last-child > a > i { position:relative; left:-6px; } 

.trxNotDta { height:300px; display:flex; justify-content:center; align-items:center; font-weight:400; color:#222222; font-size:18px; letter-spacing:-0.01em; border-bottom:1px #cccccc solid; margin-bottom:100px; } 
.trxNotDta span { color:#000000; } 
.goods_search_cont { } 
.goods_search_cont .trxThmLstWrp > ul { margin-top:0; } 
.trxSchCtl { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:10; margin-bottom:20px; } 
.trxSchNum { color:#555555; font-size:16px; font-weight:400; letter-spacing:-0.01em; } 
.trxSchNum > span { color:#000000; font-weight:700; } 
.trxSchOrd { display:flex; } 
.trxSchOrd > .trxFkeSlcRdo01 { margin-left:10px; } 

.trxFkeSlcRdo01 { width:120px; height:40px; } 
.trxFkeSlcRdo01 > div { position:relative; z-index:1; border:1px transparent solid; border-radius:5px; overflow:hidden; height:40px; transition:height 0.3s, border-color 0.3s; } 
.trxFkeSlcRdo01 > div.on { height:288px; } 
.trxFkeSlcRdo01 > div > a { display:block; position:relative; height:40px; z-index:50; } 
.trxFkeSlcRdo01 > div > a > s { width: 10px; height: 6px; background: url("/design/wonderl/img/btn_drpDwn.png") no-repeat; background-size: 100% auto; position:absolute; top:50%; transform:translateY(-50%); right:10px; } 
.trxFkeSlcRdo01 > div > a::after { position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#222222; content:" "; } 
.trxFkeSlcRdo01 > div > ul { padding:12px 0; background-color:#fff; } 
.trxFkeSlcRdo01 > div > ul > li { overflow:hidden; display:flex; } 
.trxFkeSlcRdo01 > div > ul > li > input { width:0; height:0; } 
.trxFkeSlcRdo01 > div > ul > li > label { height:37px; display:flex; padding:0 8px; align-items:center; font-size:14px; color:#999999; letter-spacing:-0.01em; width:100%; cursor:pointer; } 
.trxFkeSlcRdo01 > div > ul > li > input:checked + label { color:#222222; } 

.trxFkeSlcRdo01 > div > ul > li > input:checked::after { position:absolute; top:0; left:0; content:attr(title); width:100%; height:40px; display:flex; align-items:center; padding:0 8px; font-size:14px; letter-spacing:-0.01em; color:#222222; font-weight:400; } 

.trxPgn { display:flex; justify-content:center; align-items:center; } 
.trxPgn > a { width:45px; height:45px; position:relative; margin:0 2.5px; border:1px #e5e5e5 solid; border-radius:8px; } 
.trxPgn > a > s { width:44px; height:44px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); position:absolute; } 
.trxPgnLst > s { background:url("/design/wonderl/img/btn_pgnLst.png") no-repeat; background-size:100% auto; } 
.trxPgnPrv > s { background:url("/design/wonderl/img/btn_pgnPrv.png") no-repeat; background-size:100% auto; } 
.trxPgnNxt > s { background:url("/design/wonderl/img/btn_pgnNxt.png") no-repeat; background-size:100% auto; } 
.trxPgnFst > s { background:url("/design/wonderl/img/btn_pgnFst.png") no-repeat; background-size:100% auto; } 
.trxPgn > div { display:flex; align-items:center; } 
.trxPgn > div > a { width:45px; height:45px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#999999; border-radius:8px; transition:all 0.5s; margin:0 2.5px; } 
.trxPgn > div > a:hover,
.trxPgn > div > a.on { color:#fff; background-color:#000000; } 


.trxGdsFlt { display:flex; flex-direction:column; } 
.trxGdsFlt > strong { font-size:36px; font-weight:500; color:#222222; line-height:35px; margin-bottom:50px; } 
.trxGdsFlt > ul { } 
.trxGdsFlt > ul > li { border-top:1px #222222 solid; } 
.trxGdsFlt > ul > li > a { display:block; line-height:70px; font-size:18px; font-weight:500; color:#222222; position:relative; } 
.trxGdsFlt > ul > li > a > s { width:16px; height:16px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url("/design/wonderl/img/img_fltCls.png") no-repeat; background-size:100% auto; } 
.trxGdsFlt > ul > li > a.on > s { background:url("/design/wonderl/img/img_fltOpn.png") no-repeat; background-size:100% auto; } 
.trxGdsFlt > ul > li > ul > li { position: relative; } 
.trxGdsFlt > ul > li > ul > li:first-child { border-top:1px #e5e5e5 solid; padding-top:15px; } 
.trxGdsFlt > ul > li > ul > li:last-child { margin-bottom:45px; } 
.trxGdsFlt > ul > li > ul > li > a { font-weight:400; color:#222222; font-size:15px; line-height:40px; } 
.trxGdsFlt > ul > li > ul > li > span { font-weight:500; color:#222222; font-size:16px; line-height:40px; } 
.trxGdsFlt > ul > li > ul > li > label { padding:10px 0; display:flex; cursor:pointer; align-items:center; position:relative; overflow:hidden; } 
.trxGdsFlt > ul > li > ul > li > hr { border:0; border-bottom:1px #e5e5e5 solid; margin:20px 0; } 
.trxGdsFlt > ul > li > ul > li > label > input { position:absolute; left:-30px; } 
.trxGdsFlt > ul > li > ul > li > label > strong { font-size:15px; color:#999999; font-weight:400; display:flex; align-items:center; } 
.trxGdsFlt > ul > li > ul > li > label > strong::before { width:20px; height:20px; content:" "; background:url("/design/wonderl/img/bg_chkFls.png") no-repeat; background-size:100% auto; display:inline-block; margin-right:10px; margin-top:1px; } 
.trxGdsFlt > ul > li > ul > li > label > input:checked ~ strong { color:#000000; } 
.trxGdsFlt > ul > li > ul > li > label > input:checked ~ strong::before { background:url("/design/wonderl/img/bg_chkTru.png") no-repeat; background-size:100% auto; } 


.trxOpnDth04 { display: flex; align-items: center; justify-content: right; width: 21px; height:21px; position: absolute; right: 0; top: 9px; } 
.trxOpnDth04 i { display: block; width: 12px; height: 7px; background: url('/design/wonderl/img/icon_prd_dep04_open.png') no-repeat center; background-size: contain; } 
.trxOpnDth04.open i { width: 13px; height: 8px; background: url('/design/wonderl/img/icon_prd_dep04_fold.png') no-repeat center; background-size: contain; } 
.trxGdsFlt > ul > li > ul > li:first-child .trxOpnDth04 { top: 22px; } 
.trxGdsFltDth04 { display: none; padding: 13px 20px; border-radius: 5px; background-color: #f7f7f7; margin-bottom: 15px; } 
.trxGdsFlt > ul > li > ul > li:last-child .trxGdsFltDth04 { margin-bottom: 0; } 
.trxGdsFltDth04 > li > a { display: inline-block; font-size: 13px; color: #777777; line-height: 26px; border-bottom: 2px solid transparent; } 
.trxGdsFltDth04 > li > a.on { color: #232323; font-weight: 700; border-color: #222222; margin-bottom: 7px; } 
.trxGdsFltDth04 > li { margin-bottom: 7px; } 
.trxGdsFltDth04 > li:last-child { margin-bottom: 0; } 
.trxGdsFltDth04 > li:last-child a.on { margin-bottom: 0; } 



.location_wrap { display:none; } 
#trxFltRst { padding:10px 10px 10px 40px; border-radius:5px; background-color:#f7f7f7; display:flex; justify-content:space-between; margin-bottom:30px; } 
#trxFltRst > ul { display:flex; } 
#trxFltRst > ul > li { display:inline-flex; align-items:center; margin-right:30px; } 
#trxFltRst > ul > li > span { font-size:14px; font-weight:400; color:#222222; margin-right:10px; } 
#trxFltRst > ul > li > a { min-width: 19px; width:19px; height:19px; background-color:#e1e1e1; border-radius:5px; display:inline-flex; justify-content:center; align-items:center; } 
#trxFltRst > ul > li > a > img { width:9px; } 
#trxFltRst > a { height:34px; width:88px; border:1px #e7e7e7 solid; border-radius:5px; background-color:#fff; display:flex; justify-content:center; align-items:center; color:#222222; font-size:14px; } 
#trxFltRst > a > s { width:15px; height:13px; background:url("/design/wonderl/img/btn_fltRst.png") no-repeat; background-size:100% auto; margin-right:5px; } 




.trxLgnTab { display:flex; height:60px; margin-bottom:60px; } 
.trxLgnTab a { width:50%; border-bottom:1px #222 solid; border-top:1px #fff solid; display:flex; font-size:18px; color:#222222; justify-content:center; align-items:center; } 
.trxLgnTab a:first-child { border-left:1px #fff solid; } 
.trxLgnTab a:last-child { width:calc(50% - 1px); border-right:1px #fff solid; } 
.trxLgnTab a.on { border:1px solid #222; border-bottom-color:#fff; border-radius: 5px 5px 0 0; font-weight:500; } 
/* .trxLgnTab a:first-child.on { border-left-color:#222; } 
.trxLgnTab a:last-child.on { border-right-color:#222; } */
.trxLgnTab span { width:1px; background-color:#222222; } 

.login_info_box { padding:25px 30px 30px; background-color:#f7f7f7; border-radius:6px; margin-bottom:10px; font-size: 16px; font-weight: 400; color: #555; word-break: keep-all; text-align:center; } 
.login_info_box > strong { color: #333; } 
.login_info_box > p { margin-top:10px; } 
.login_info_box > p:first-child { margin-top:0; } 
.login_info_box > p > b { color:#000000; font-weight:500; } 
.login_info_box > p .bluBdg { display: inline-block; padding: 2px 15px 4px; color: #fff; border-radius: 6px; background: #000000; } 

.trxLgnFrm { max-width:450px; margin:0 auto; margin-bottom:60px; } 
.trxLgnFrm input[type="text"],
.trxLgnFrm input[type="password"] { display:block; width:100%; height:55px; padding:0 20px; border:1px #cccccc solid; font-size:16px; font-weight:400; margin-bottom:10px; border-radius: 6px; } 
.trxLgnFrm input[type="text"]::placeholder,
.trxLgnFrm input[type="password"]::placeholder { color:#999999; } 
.trxLgnFrm button[type="submit"] { display:block; height:70px; background-color:#000000; text-align:center; font-size:18px; font-weight:400; color:#ffffff; width:100%; transition: background-color 0.3s, color 0.3s; } 
.trxLgnFrm button[type="submit"]:hover { color:#fff; background-color:#000; } 
.trxLgnFrm .js_caution_msg2 { text-align:center; display:flex; justify-content:center; align-items:center; height:53px; font-size:14px; color:#999999; font-weight:400; } 

.trxLgnOpt { display:flex; justify-content:space-between; margin-top:20px; } 
.trxLgnOpt > div { display:flex; } 
.trxLgnOpt > div > span { font-size:16px; font-weight:400; color:#999999; display:inline-flex; height:20px; align-items:center; cursor: pointer; } 
.trxLgnOpt > div > span:first-child { margin-right:15px; } 
.trxLgnOpt > div > span:first-child::after { width:1px; background-color:#e5e5e5; height:12px; content:" "; display:block; margin-left:15px; margin-top:2px; } 

/* #btnJoinMember { display:block; height:70px; background-color:#000000; text-align:center; font-size:18px; font-weight:400; color:#ffffff; width:100%; margin-top:20px; } */

.trxLgnBnf { margin-left:auto; margin-right:auto; max-width:600px; padding-top:25px; } 
.trxLgnBnf > span { display:flex; height:20px; align-items:flex-start; font-size:18px; font-weight:400; color:#222222; margin-bottom:17px; line-height:20px; } 
.trxLgnBnf > span > a { margin-left:10px; margin-top:2px; font-size:16px; height:20px; font-weight:500; color:#000000; border-bottom:1px #000000 solid; padding-bottom:3px; line-height:16px; } 
.trxLgnBnf > div { border:1px #222222 solid; border-radius:6px; padding:40px; position:relative; } 
.trxLgnBnf > div::after { width:122px; height:84px; position:absolute; top:-60px; right:0; content:" "; background:url("/design/wonderl/img/img_dco.png") no-repeat; background-size:100% auto; } 
.trxLgnBnf > div > strong { font-size:18px; color:#222222; font-weight:400; margin-bottom:25px; display:block; } 
.trxLgnBnf > div > ul { margin-top:-25px; display:flex; justify-content:space-between; flex-wrap:wrap; } 
.trxLgnBnf > div > ul > li { padding-top:25px; display:flex; width:50%; } 
.trxLgnBnf > div > ul > li > img { width:26px; margin-right:11px; } 
.trxLgnBnf > div > ul > li > span { line-height:20px; color:#555555; font-size:14px; } 
.trxLgnBnf > div > hr { border:0; border-bottom:1px #e5e5e5 dashed; margin:40px auto; } 

.trxLgnBnf { max-width:1260px; } 
.trxLgnBnf > div { display:flex; padding:30px; } 
.trxLgnBnf > div > strong { width:237px; flex-shrink:0; line-height:1em; } 
.trxLgnBnf > div::after { width:126px; height:88px; left:70px; top:auto; bottom:-2px; background-image:url("/design/wonderl/img/img_dco02.png"); background-size:contain; } 
.trxLgnBnf > div > ul { display:grid; grid-template-columns:110px 170px 220px 200px 125px; row-gap:35px; width:100%; margin-top:0; } 
.trxLgnBnf > div > ul > li { width:auto; padding-top:0; } 




.trxChkCmn { display:flex; cursor:pointer; align-items:center; position:relative; overflow:hidden; } 
.trxChkCmn > input { position:absolute; left:-30px; } 
.trxChkCmn > strong { font-size:15px; color:#999999; font-weight:400; display:flex; align-items:center; } 
.trxChkCmn > strong::before { width:20px; height:20px; content:" "; background:url("/design/wonderl/img/bg_chkFls.png") no-repeat; background-size:100% auto; display:inline-block; margin-right:10px; } 
.trxChkCmn > input:checked ~ strong { color:#000000; } 
.trxChkCmn > input:checked ~ strong::before { background:url("/design/wonderl/img/bg_chkTru.png") no-repeat; background-size:100% auto; } 



.trxOrdEnd { max-width:1260px; margin-left:auto; margin-right:auto; } 
.trxOrdEndTtl { display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:50px; } 
.trxOrdEndTtl > img { width:181px; margin-bottom:30px; } 
.trxOrdEndTtl > span { font-size:36px; font-weight:400; color:#222222; line-height:35px; } 
.trxOrdEndTtl > span > b { font-weight:600; } 

.trxOrdEnd > strong { margin-top:60px; display:block; line-height:17px; font-size:18px; font-weight:400; margin-bottom:20px; color:#000000; } 
.trxOrdEnd > .order_details { margin-top: 0; } 
.trxOrdDtl { border-top:1px #222222 solid; border-bottom:1px solid #e8e8e8; padding:20px 40px; } 
.trxOrdDtl > ul { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.trxOrdDtl > ul > li { padding:10px 0; width:50%; display:flex; } 
.trxOrdDtl > ul > li > span { width:100px; font-size:16px; line-height:16px; color:#999999; font-weight:400; } 
.trxOrdDtl > ul > li > div { font-size:16px; line-height:16px; color:#222222; font-weight:400; } 
.trxOrdTtl { border-top:1px #222222 solid; padding:30px 40px; display:flex; justify-content:space-between; border-bottom:1px #e8e8e8 solid; margin-bottom:60px; } 
.trxOrdTtl > ul { width:calc(50% - 25px); } 
.trxOrdTtl > ul > li { padding:5px 0; display:flex; flex-wrap:wrap; } 
.trxOrdTtl > ul > li > span { width:125px; font-size:16px; line-height:26px; color:#999999; font-weight:400; } 
.trxOrdTtl > ul > li > div { font-size:16px; line-height:26px; color:#222222; font-weight:400; } 
.trxOrdTtl > ul > li > div > em { color:#f07133; font-style:normal; } 
.trxOrdTtl > ul > li > div > b { font-weight:500; } 
.trxOrdTtl > ul > li > div > i { font-style:normal; padding-left:20px; position:relative; } 
.trxOrdTtl > ul > li > div > i::before { width:1px; left:10px; top:50%; height:14px; background-color:#e5e5e5; content:" "; position:absolute; transform:translateY(-50%); } 
.trxOrdTtl > ul > li > div > button { color:#bbbbbb; font-size:14px; letter-spacing:-0.035em; width:120px; height:30px; display:inline-flex; justify-content:center; align-items:center; border:1px #dddddd solid; border-radius:2px; } 
.trxOrdTtl > ul > li > s { width:100%; display:block; height:0; border-bottom:1px #e5e5e5 dashed; margin-bottom:10px; } 
/* .trxOrdTtl > ul > li:last-child > span { color:#222222; } */
.trxOrdTtl > ul > li:last-child > div { color:#000000; font-size:16px; font-weight:500; } 
.trxOrdTtl > ul > li:last-child > div > b { font-size:26px; font-weight:700; } 
.trxOrdTtl > ul:last-child > li > div { width:calc(100% - 125px); text-align:right; } 
.trxOrdTtl > ul:last-child { border-left:1px #e5e5e5 solid; padding-left:70px; width:calc(50% + 25px); } 
.trxOrdTtlBnf { background-color:#f9f9f9; padding:15px 25px; display:flex; justify-content: space-between; flex-wrap:wrap; margin-top:15px; margin-bottom:15px; } 
.trxOrdTtlBnf > span { width:50%; line-height:30px; font-weight:400; color:#222222; font-size:14px; } 
.trxOrdTtlBnf > span:nth-child(2n+1) { text-align:left; } 
.trxOrdTtlBnf > span:nth-child(2n) { text-align:right; } 

.trxOrdTtlSbc { background-color:#f9f9f9; padding:15px 25px; display:flex; justify-content: space-between; flex-wrap:wrap; margin-top:15px; margin-bottom:15px; } 
.trxOrdTtlSbc > span { width:50%; line-height:30px; font-weight:400; color:#999999; font-size:14px; } 
.trxOrdTtlSbc > span:nth-child(2n+1) { text-align:left; } 
.trxOrdTtlSbc > span:nth-child(2n) { text-align:right; } 
.trxOrdTtlSbc > span:nth-last-child(1),
.trxOrdTtlSbc > span:nth-last-child(2) { color:#222222; } 

.trxBtnWrp { display:flex; flex-wrap:wrap; justify-content:center; width:100%; } 
.trxBtn { font-size:18px; display:flex; justify-content:center; align-items:center; margin:0 5px; } 
.trxBtn01 { height:70px; } 
.trxBtn220 { width:220px; } 
.trxBtnNvy { color:#000000; border:1px #000000 solid; } 
.trxBtnNvyFll { color:#fff; border:1px #000000 solid; background-color:#000000; } 


.delivery_add_list_layer .layer_wrap_cont { width:800px; } 


.trxPopTbl table { border-top:1px #222222 solid; border-collapse: collapse; width:100%; } 
.trxPopTbl table thead th { height:55px; font-size:16px; color:#222222; font-weight:400; background-color:#f7f7f7; border-bottom:1px #e5e5e5 solid; } 
.trxPopTbl table tbody td { font-size:14px; color:#222222; text-align:center; border-bottom:1px #e5e5e5 solid; padding:10px; } 
.trxPopTbl table tbody td > span { display:block; } 
.trxPopTbl table tbody td .js_shipping_address { width:75px; height:30px; display:inline-flex; align-items:center; justify-content:center; font-weight:400; color:#000000; font-size:14px; border:1px #000000 solid; } 
.trxPopTbl table tbody td .btn_gray_list a { width:75px; height:30px; display:inline-flex; align-items:center; justify-content:center; font-weight:400; color:#999999; font-size:14px; border:1px #cccccc solid; border-radius:6px; padding:0; background:#fff !important; margin:2px 0; } 
.trxPopTbl table tbody td .btn_gray_list a span { padding:0; } 
.trxPopTbl table tbody td .btn_gray_list a.js_shipping_address { border-color:#000000; color:#000000; } 
.trxPopBtn { display:flex; justify-content:flex-end; margin-top:20px; } 
.trxPopBtn > a { display:inline-flex; width:110px; height:40px; justify-content:center; align-items:center; color:#222222; font-size:14px; font-weight:400; border:1px #cccccc solid; border-radius:6px; } 
.trxPopPgn { margin-top:20px; } 

.trxPopRst { } 
.trxPopRst > ul { border-top:1px #222222 solid; } 
.trxPopRst > ul > li { display:flex; margin-top:20px; } 
.trxPopRst > ul > li:first-child { margin-top:30px; } 
.trxPopRst > ul > li > span { width:140px; /*padding-left:40px; */font-size:16px; line-height:37px; font-weight:400; color:#999999; } 
.trxPopRst > ul > li > div { width:calc(100% - 140px); position:relative; } 
.trxPopRst > ul > li > div > input[type="text"] { border:1px #cccccc solid; border-radius:6px; height:40px; padding:0 20px; width:100%; margin-bottom:10px; font-size:16px; } 
.trxPopRst > ul > li > div > input[type="text"]:last-child { margin-bottom:0; } 
.trxPopRst > ul > li > div > input[type="text"]:focus { outline:0; } 
.trxPopRst > ul > li > div > button { position:absolute; top:0; right:0; width:100px; height:40px; display:flex; justify-content:center; align-items:center; color:#fff; background-color:#000000; border-radius:6px; font-size:16px; } 
.trxPopRst > hr { margin-top:30px; border:0; border-bottom:1px #e5e5e5 solid; } 


.option_chosen dl { /*display:flex; align-items:center; */padding:0; margin-bottom:5px; position: relative; } 
.option_chosen dt { /*position:absolute; left:0; top:17px; z-index:1; width:90px; padding-left:15px; */font-size:14px; color:#555555; font-weight:500; margin-bottom: 5px; } 
.option_chosen dd { width:100%; } 
.option_chosen dd .chosen-container { width:100% !important; } 
.option_chosen dd .chosen-single { padding-left:15px !important; /* 90px -> 15px ���� */min-height:55px !important; height: auto !important; border-radius:6px; padding-top: 10px !important; padding-bottom: 10px !important; } 
.option_chosen dd .chosen-single > span { display:flex; width:calc(100% - 40px); font-size:14px !important; line-height:22px !important; } 
.option_chosen dd .chose-image-small { margin:0 10px 0 0; border-radius: 3px; object-fit: cover; } 
.option_chosen dd .chosen-results li { padding-left:15px !important; /* 90px -> 15px ���� */ } 


.trxPopSubTtl { line-height:34px; display:block; font-size:14px; color:#222222; font-weight:500; padding-top:10px; } 

.option_list .item_choice_divide .item_choice_photo + span { width:auto !important; } 

.trxPopSbm { margin-top:50px; } 
.trxPopSbm > button { display:flex; width:100%; height:70px; background-color:#000000; border-radius:6px; color:#fff; font-weight:400; font-size:18px; justify-content:center; align-items:center; } 
.trxSbcTrm { display:flex; border:1px #cccccc solid; border-radius:6px; } 
.trxSbcTrm > li { width:25%; } 
.trxSbcTrm > li > a { display:flex; height:53px; align-items:center; justify-content:center; font-size:14px; color:#555555; font-weight:400; position:relative; transition:all 0.5s; } 
.trxSbcTrm > li > a::after { width:100%; height:100%; border:1px transparent solid; position:absolute; top:-1px; left:-1px; content:" "; } 
.trxSbcTrm > li > a.on { color:#000000; } 
.trxSbcTrm > li > a.on::after { border-color:#000000; border-radius:6px; } 
.trxOptLst { margin:30px 0 0; border-top:1px solid #222222; padding-top:15px; } 
.trxOptLst .option_display_area, .trxOptLst .option_display_area tbody, .trxOptLst .option_display_area td, .trxOptLst .option_display_area th { display:block; } 
.trxOptLst .option_display_area tr { width: 100%; display: flex; align-items: center; margin-top: 2px; background: #f7f7f7; padding: 15px; border-radius: 6px; } 
.trxOptLst td:first-child { width:calc(100% - 220px); } 
.trxOptLst td:nth-child(2) { width:80px; } 
.trxOptLst td:nth-child(3) { width:120px } 
.trxOptLst td:nth-child(4) { width:20px; } 
.trxOptLst .cart_tit_box { font-size: 14px; color: #555555; line-height: 1.2em; } 
.trxOptLst .cart_tit_box strong { font-weight:400; } 
.trxOptLst td.item_choice_price { text-align: right; font-size: 14px; padding-right: 15px; } 
.trxOptLst td.item_choice_price > strong { font-weight: 400; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; margin-right: 2px; } 
.trxOptLst .delete_goods, .trxOptLst .delete_add_goods { display: block; width: 20px; height: 20px; border-radius: 6px; overflow: hidden; text-indent: -9999px; background: url(/design/wonderl/img/btn_opt_del.png) no-repeat center; background-size: contain; } 


.trxClcTxt { font-size:14px; font-weight:400; color:#999999; line-height:22px; } 
.trxClcFrm { margin-top:20px; padding-top:30px; border-top:1px #222222 solid; } 
.trxClcFrm > ul > li { display:flex; margin-top:20px; } 
.trxClcFrm > ul > li:first-child { margin-top:0; } 
.trxClcFrm > ul > li > span { width:140px; color:#999999; font-size:16px; font-weight:400; line-height:40px; } 
.trxClcFrm > ul > li > div { width:calc(100% - 140px); display:flex; } 
.trxClcIpt { position:relative; } 
.trxClcIpt > input { width:100%; border:1px #cccccc solid; border-radius:6px; width:100%; height:40px; padding:0 35px 0 15px; font-size:16px; font-weight:400; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } 
.trxClcIpt > input::placeholder { color:#999999; } 
.trxClcIpt > input:focus, .trxClcIpt > input:active { outline:0; border-color:#222; box-shadow:0px 5px 9.5px 0.5px rgb(32 29 53 / 10%); } 
.trxClcIpt > span { position:absolute; top:50%; transform:translateY(-50%); right:15px; font-size:14px; color:#999999; font-weight:400; } 

.trxClcIpt:first-child:last-child { width:100%; } 
.trxClcIpt:first-child:nth-last-child(3),
.trxClcIpt:last-child:nth-child(3) { width:calc(50% - 15px); } 
.trxClcIptDco:nth-child(2) { width:30px; display:flex; height:40px; justify-content:center; align-items:center; font-size:14px; color:#999999; font-weight:400; font-style:normal; } 

.trxClcRcm { border:1px #222222 solid; border-radius:6px; display:flex; justify-content:space-between; height:50px; align-items:center; box-shadow: 0px 5px 9.5px 0.5px rgba(32, 29, 53, 0.1); padding:0 20px; margin-top:30px; } 
.trxClcRcm > span { font-size:16px; font-weight:400; color:#222222; } 


.trxClcFrmChkList > li { margin-bottom: 10px; } 
.trxClcFrmChkList > li:last-child { margin-bottom: 0; } 

.trxClcFtr { } 
.trxClcFtr > ul { padding-top:20px; } 
.trxClcFtr > ul > li { display:flex; justify-content:space-between; margin-top:5px; align-items:center; } 
.trxClcFtr > ul > li > span { font-size:16px; font-weight:400; color:#222222; } 
.trxClcFtr > ul > li > b { font-size:16px; color:#000000; font-weight:400; } 
.trxClcFtr > ul > li > b > strong { font-size:20px; font-weight:700; font-family: 'NEXON Lv1 Gothic'; } 

.trxClcWrn { margin-top:20px; padding:20px; background-color:#f7f7f7; color:#999999; font-size:14px; line-height:22px; font-weight:400; } 

.trxClcHrz { border:0; border-bottom:1px #e5e5e5 solid; margin:30px 0; } 

.trxGdeStp > ul > li { display:flex; flex-wrap:wrap; margin-top:30px; padding-top:30px; border-top:1px #e5e5e5 solid; } 
.trxGdeStp > ul > li:first-child { border-top:0; margin-top:0; padding-top:0; } 
.trxGdeStp > ul > li > span { width:35px; color:#000000; font-size:16px; font-family: 'NEXON Lv1 Gothic'; line-height:22px; font-weight:700; } 
.trxGdeStp > ul > li > div { width:calc(100% - 35px); display:flex; flex-direction:column; } 
.trxGdeStp > ul > li > i { display:block; width:100%; color:#999999; font-weight:400; font-size:14px; line-height:14px; margin-bottom:10px; font-style:normal; } 
.trxGdeStp > ul > li > div > strong { font-size:16px; color:#000000; font-weight:500; line-height:16px; margin-bottom:10px; } 
.trxGdeStp > ul > li > div > p { font-weight:400; color:#555555; font-size:14px; line-height:24px; margin-bottom:10px; word-break: keep-all; } 
.trxGdeStp > ul > li > div > p:last-child { margin-bottom:0; } 
.trxGdeStp > ul > li > div > i { color:#999999; font-weight:400; font-size:14px; line-height:14px; margin-bottom:14px; font-style:normal; } 
.trxGdeStp > ul > li > div > span { font-weight:400; color:#f07133; font-size:14px; line-height:14px; } 
.trxGdeStp > ul > li > div > span > b { font-weight:500; margin-right:15px; } 
.trxGdeStp > ul > li:last-child { padding-bottom:30px; } 

.trxGdeLst > ul > li { display:flex; margin-top:40px; } 
.trxGdeLst > ul > li:first-child { margin-top:0; } 
.trxGdeLst > ul > li > span { width:35px; color:#000000; font-size:20px; line-height:22px; font-family: 'NEXON Lv1 Gothic'; font-weight:700; } 
.trxGdeLst > ul > li > div { width:calc(100% - 35px); display:flex; flex-direction:column; } 
.trxGdeLst > ul > li > div > strong { font-size:20px; color:#000000; font-weight:500; line-height:20px; margin-bottom:10px; } 
.trxGdeLst > ul > li > div > p { margin-top:10px; font-size:14px; color:#555555; font-weight:400; } 

.trxGdePdr { margin-top:10px; padding:15px; border:1px #e5e5e5 solid; border-radius: 6px; } 
.trxGdePdr > ul > li { margin-top:15px; padding-top:15px; border-top:1px #e5e5e5 solid; display:flex; } 
.trxGdePdr > ul > li:first-child { margin-top:0; padding-top:0; border-top:0; } 
.trxGdePdr > ul > li > s { width:120px; height:120px; border:1px #e5e5e5 solid; margin-right:20px; flex-shrink:0; } 
.trxGdePdr > ul > li > del { width:120px; height:120px; margin-right:20px; flex-shrink:0; } 
.trxGdePdr > ul > li > em { width:300px; height:120px; margin-right:20px; flex-shrink:0; } 
.trxGdePdr > ul > li > s > img,.trxGdePdr > ul > li > del > img,.trxGdePdr > ul > li > em > img { width: 100%; height:100%; object-fit:cover; } 
.trxGdePdr > ul > li > div { padding-top:15px; width:100%; flex-shrink:1; } 
.trxGdePdr > ul > li > div > strong { color:#222222; font-size:16px; display:block; line-height:16px; font-weight:500; margin-bottom:10px; } 
.trxGdePdr > ul > li > div > ul > li { padding-left:12px; font-size:14px; line-height:400; color:#555555; line-height:24px; position:relative; } 
.trxGdePdr > ul > li > div > ul > li::before { width:4px; height:4px; border-radius:2px; background-color:#cccccc; content:" "; position:absolute; left:0; top:10px; } 
.trxGdePdr > ul > li > div > p { font-size:14px; line-height:400; color:#555555; line-height:24px; word-break:break-all; } 
.trxGdePdr > i { font-size:14px; color:#999999; font-weight:400; font-style:normal; display:block; margin:20px 0 15px; } 

.trxGdeGrp01 > strong { color: #222222; font-size: 16px; display: block; line-height: 16px; font-weight: 500; margin-bottom: 15px; } 
.trxGdeGrp01 > div { display:flex; justify-content:space-between; background-color:#000000; align-items:center; height:40px; padding:0 20px; margin-bottom:20px; border-radius: 6px; } 
.trxGdeGrp01 > div > span { color:#fff; font-size:14px; } 
.trxGdeGrp01 > div > span > b { font-weight:500; padding-right:20px; position:relative; } 
.trxGdeGrp01 > div > span > b::after { width:1px; height:12px; background-color:#43368e; content:" "; position:absolute; top:55%; transform:translateY(-50%); right:10px; } 
.trxGdeGrp01 > div > span > span { word-spacing:10px; } 
.trxGdeGrp01 > ul { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.trxGdeGrp01 > ul > li { width:calc(50% - 3px); margin-bottom:20px; } 
.trxGdeGrp01 > ul > li > div { background-color:#f5f5f5; padding:20px; } 
.trxGdeGrp01 > ul > li > div > strong { display:block; font-size:14px; color:#222222; line-height:14px; margin-bottom:20px; } 
.trxGdeGrp01 > ul > li > div > ul > li { margin-bottom:20px; display:flex; align-items:center; } 
.trxGdeGrp01 > ul > li > div > ul > li > b { width:70px; color:#555555; font-size:14px; font-weight:normal; } 
.trxGdeGrp01 > ul > li > div > ul > li > span { width:calc(100% - 120px); height:8px; border-radius:4px; background-color:#e4e4e4; position:relative; margin-right:10px; } 
.trxGdeGrp01 > ul > li > div > ul > li > span > span { position:absolute; top:0; left:0; height:8px; border-radius:4px; } 
.trxGdeGrp01 > ul > li > div > ul > li > i { width:60px; font-size:12px; color:#999999; font-style:normal; } 
.trxGdeGrp01 > ul > li > i { margin-top:10px; display:block; font-size:14px; color:#999999; line-height:14px; font-style:normal; text-align:right; } 


.trxGdeGrp02 > ul { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.trxGdeGrp02 > ul > li { width:calc(50% - 8px); margin-bottom:25px; } 
.trxGdeGrp02 > ul > li > div { border:1px #e5e5e5 solid; border-radius:6px; width:100%; height:290px; position:relative; margin-bottom:20px; overflow: hidden; } 
.trxGdeGrp02 > ul > li > div > img { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:100%; object-fit:cover; } 
.trxGdeGrp02 > ul > li > strong { font-size:16px; color:#222222; line-height:16px; display:block; margin-bottom:10px; } 
.trxGdeGrp02 > ul > li > ul > li { margin-bottom:10px; font-size:14px; line-height:14px; color:#555555; font-weight:400; padding-left:10px; position:relative; } 
.trxGdeGrp02 > ul > li > ul > li::before { width:4px; height:4px; border-radius:2px; background-color:#cccccc; content:" "; position:absolute; top:calc(50% - 2px); left:0; } 
.trxGdeGrp02 > ul > li > ul > li > b { font-weight:normal; color:#222222; } 
.trxGdeGrp02 > ul > li > p { font-size:14px; line-height:14px; color:#555555; font-weight:400; } 
.trxGdeGrp02 > i { display:block; font-size:14px; line-height:14px; color:#f07133; font-style:normal; font-weight:400; } 


.trxTypGde01 { } 
.trxTypGde01 > ul > li { margin-top:10px; } 
.trxTypGde01 > ul > li:first-child { margin-top:0; } 
.trxTypGde01 > ul > li > strong { color:#ffffff; font-size:16px; display:block; padding:0 20px; line-height:36px; background-color:#000000; font-weight:500; border-radius:6px; } 
.trxTypGde01 > ul > li > strong > b { font-weight:700; margin-right:7px; font-family: 'NEXON Lv1 Gothic'; } 
.trxTypGde01 > ul > li > div { padding:30px 20px; } 
.trxTypGde01 > ul > li > div > span { font-size:14px; color:#000000; font-weight:500; line-height:14px; display:block; } 
.trxTypGde01 > ul > li > div > ul { margin-top:15px; } 
.trxTypGde01 > ul > li > div > ul > li { color:#222222; font-weight:normal; font-size:14px; line-height:24px; padding-left:10px; position:relative; margin-top:10px; line-height:14px; } 
.trxTypGde01 > ul > li > div > ul > li::before { width:4px; height:4px; border-radius:2px; background-color:#cccccc; position:absolute; top:calc(50% - 2px); left:0; content:" "; } 
.trxTypGde01 > ul > li > div > ul > li:first-child { margin-top:0; } 

.trxGdeImg { display:flex; justify-content:space-between; margin-top:15px; } 
.trxGdeImg > img { border:1px #e5e5e5 solid; border-radius:6px; width:calc(50% - 7px); } 
.trxGdeImg > img:first-child:last-child { width:100%; } 

.trxGdeDtlStp { margin-top:15px; } 
.trxGdeDtlStp > div { border:1px #e5e5e5 solid; border-radius:6px; padding:30px 0; } 
.trxGdeDtlStp > div > div { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; } 
.trxGdeDtlStp > div > div > img { width:140px; margin:0 13px; } 
.trxGdeDtlStp > div > div > span { width:30px; height:30px; background:url("/design/wonderl/img/img_stp01_sgn.png") no-repeat; background-size:100% auto; margin:0 13px; } 
.trxGdeDtlStp > i { display:block; text-align:right; font-size:14px; color:#999999; line-height:14px; margin-top:10px; font-style:normal; } 

.trxGdeDsc { margin-top:15px; } 
.trxGdeDsc > strong { display:block; background-color:#000000; padding:0 20px; color:#fff; font-size:16px; font-weight:500; line-height:36px; border-radius:6px; } 
.trxGdeDsc > div { padding:25px 20px 15px 20px; border:1px #e5e5e5 solid; border-top:0; margin-bottom:20px; border-radius:0 0 6px 6px; } 
.trxGdeDsc > div > b { font-size:14px; font-weight:500; display:block; line-height:24px; color:#000000; } 
.trxGdeDsc > div > hr { border:0; border-bottom:1px #e5e5e5 solid; margin:20px 0; } 
.trxGdeDsc > div > dl { display:flex; flex-wrap:wrap; } 
.trxGdeDsc > div > dl > dt { width:50px; padding-left:10px; color:#000000; font-size:14px; line-height:24px; margin-bottom:10px; position:relative; } 
.trxGdeDsc > div > dl > dt::before { width:4px; height:4px; border-radius:2px; background-color:#cccccc; position:absolute; top:calc(12px - 2px); left:0; content:" "; } 
.trxGdeDsc > div > dl > dd { width:calc(100% - 50px); margin-bottom:10px; } 
.trxGdeDsc > div > dl > dd > ul > li { color:#222222; font-size:14px; line-height:24px; } 

.trxGdeSvc { margin-bottom:40px; } 
.trxGdeSvc > dl { display:flex; flex-wrap:wrap; justify-content: space-between; } 
.trxGdeSvc > dl > dt { width:115px; margin-bottom:25px; } 
.trxGdeSvc > dl > dt > img { width:100px; } 
.trxGdeSvc > dl > dd { width:calc(100% - 115px); margin-bottom:25px; padding-top:10px; } 
.trxGdeSvc > dl > dd > strong { display:block; font-weight:500; color:#000000; font-size:16px; line-height:16px; margin-bottom:10px; } 
.trxGdeSvc > dl > dd > p { font-size: 14px; color: #555555; font-weight: 400; line-height:24px; margin-bottom:10px; } 
.trxGdeSvc > dl > dd > i { display:block; font-weight:400; color:#f07133; font-size:14px; line-height:14px; font-style:normal; } 
.trxGdeSvc > dl > dd > i > b { font-weight:500; margin-right:10px; } 

.trxGdePrc { } 
.trxGdePrc > strong { display:block; font-weight:500; font-size:20px; color:#222222; line-height:20px; margin-bottom:15px; } 
.trxGdePrc > span { display:block; font-weight:400; font-size:16px; color:#555555; line-height:20px; margin-bottom:10px; } 
.trxGdePrc > div { padding:40px 30px; border:1px #e5e5e5 solid; border-radius:6px; } 
.trxGdePrc > div > ul { position:relative; padding-left:80px; } 
.trxGdePrc > div > ul::before { width:2px; height:calc(100% - 40px); top:10px; left:55px; content:" "; background-color:#eeeeee; position:absolute; } 
.trxGdePrc > div > ul > li { position:relative; margin-top:30px; } 
.trxGdePrc > div > ul > li:first-child { margin-top:0; } 
.trxGdePrc > div > ul > li::before { width:4px; height:4px; border-radius:4px; background-color:#fff; border:2px #77a3e8 solid; top:5px; left:-28px; position:absolute; content:" "; } 
.trxGdePrc > div > ul > li > img { position:absolute; top:-8px; left:-80px; width:32px; } 
.trxGdePrc > div > ul > li > strong { font-size:16px; color:#222222; line-height:16px; display:block; margin-bottom:10px; } 
.trxGdePrc > div > ul > li > span { font-size:14px; color:#555555; line-height:14px; display:block; } 

.trxGdeOrd { margin-top:30px; } 
.trxGdeOrd > ul { padding:30px 20px; border:1px #e5e5e5 solid; border-radius:6px; } 
.trxGdeOrd > ul > li { display:flex; flex-wrap:wrap; margin-top:30px; padding-top:30px; border-top:1px #e5e5e5 solid; } 
.trxGdeOrd > ul > li:first-child { margin-top:0; padding-top:0; border-top:0; } 
.trxGdeOrd > ul > li > span { width:35px; font-size:16px; line-height:22px; color:#000000; font-family: 'NEXON Lv1 Gothic'; font-weight:700; } 
.trxGdeOrd > ul > li > div { width:calc(100% - 35px); } 
.trxGdeOrd > ul > li > div > strong { display:block; font-size:16px; line-height:16px; color:#000000; font-weight:500; margin-bottom:10px; } 
.trxGdeOrd > ul > li > div > p { font-weight:400; color:#555555; font-size:14px; line-height:24px; padding-left:17px; text-indent:-17px; } 
.trxGdeOrd > ul > li > div > p.caution { padding-left:23px; } 
.trxGdeOrd > ul > li > div > p > span { color:#f07133; } 
.trxGdeOrd > ul > li > i { width:100%; font-style:normal; font-size:14px; color:#999999; line-height:14px; margin-bottom:10px; } 


/* .trxGdsLst { display:grid; row-gap:50px; column-gap:20px; grid-template-columns:1fr 1fr 1fr 1fr; } */
.trxGdsLst { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.trxGdsLst .item_cont { width: calc(25% - 20px * 3 / 4); margin-right: 20px; } 
.trxGdsLst .item_cont:nth-child(4n) { margin-right: 0; } 
.trxGdsLst .trxIdx02Itm { padding:0; } 
/* .trxGdsLst .trxIdx02Itm > a img { width:100%; height:auto; } */

.trxGdsLstCut { position:relative; display:flex; justify-content:center; margin-top:20px; } 
.trxGdsLstCut > hr { position:absolute; top:50%; left:0; width:100%; border:0; border-top:1px #eeeeee solid; margin:0; } 
.trxGdsLstCut > span { padding:0 30px; background-color:#fff; font-size:16px; color:#999999; font-weight:400; position:relative; }