@charset "utf-8";
/*color*/
.c-gold{color:#d8a056 !important;}
.c-dblue{color:#303c94 !important;}
.c-dblue02{color:#151647 !important;}
.c-blue{color:#0066ff !important;}
.c-blue02{color:#0075d8 !important;}
.c-red{color:#ff0000 !important;}
.c-black3{color:#333 !important;}
.c-black6{color:#666 !important;}
.c-black8{color:#888 !important;}
.c-white{color:#fff !important;}

/*width*/
.w100{width:100%;}
.w120{width:120px;}
.w200{width:200px;}
.w220{width:220px;}
.w250{width:250px;}
.w300{width:300px;}
.w490{width:490px;}
.w500{width:500px;}
.w530{width:530px;}
.w390{width:390px;}
.selectric-w400{width:400px;}

/*font*/
.f-24{font-size:24px;}
.f-14{font-size:14px;}

/* layout*/
body,
.div-goldPrices,
.div-header,
.div-header,
.div-gnb,
#footer{min-width:1020px;}
.wrap-goldPrices,
.wrap-header,
.wrap-gnb,
#content,
.wrap-footer,
.etc-content,
.sub-main .wrap-content{width:1020px;margin:0 auto;}

.wrap-lnbCont:after{content:'';display:block;clear:both;}
.wrap-lnbCont>.lnb{width:160px;}
.wrap-lnbCont>.fr{width:820px;}
.wrap-lnbCont>.fr .h2-wrap-tit{margin:0 0 30px;}

/* header */
#header{position:fixed;left:0;top:0;background-color:#fff;z-index:5;width:100%;}
.div-goldPrices{background:#151647;color:#fff;}
.dl_goldPrices{font-size:14px;line-height:20px;cursor:pointer;}
.dl_goldPrices:after{content:'';display:block;clear:both;}
.dl_goldPrices dt{float:left;font-size:12px;}
.dl_goldPrices dt strong{font-size:16px;vertical-align:top;}
.dl_goldPrices dd{float:right;}
.dl_goldPrices dt,
.dl_goldPrices dd{padding:12px 0;}
.dl_goldPrices dd>p,
.dl_goldPrices dd>button{float:left;}
.dl_goldPrices dd>p:before{content:'';display:inline-block;width:1px;height:11px;margin:5px 10px 0 10px;background:#fff;vertical-align:top;}
.dl_goldPrices dd>p:first-child:before{display:none;}
.dl_goldPrices dd>p span{display:inline-block;color:#f2d61b;}
.dl_goldPrices dd>p em{font-style:normal;}

.div-header,
.div-gnb{border-bottom:1px solid #ddd;}
.wrap-header{
	display: flex;justify-content: space-between;
	padding:20px 0;}

.wrap-header h1{}
.wrap-header .header_user{
	display: flex;
}
.wrap-header .header_user>li{margin-left:12px;line-height:1;}
.wrap-header .header_user>li:before{content:'';display:inline-block;width:1px;height:9px;margin:3px 12px 0 0;background-color:#e5e5e5;vertical-align:top;}
.wrap-header .header_user>li:first-child:before{display:none;}
.wrap-header .header_user a{font-size:14px;color:#222;line-height:1;display:inline-block;vertical-align:top;}

.div-gnb{height:58px;}
.wrap-gnb:after{content:'';display:block;clear:both;}
.wrap-gnb:before{content:'';opacity:0;position:fixed;left:0;top:194px;background:rgba(0,0,0,0.5);transition:all 0.3s;z-index:-1;}
.wrap-gnb.on:before{width:100%;height:100%;opacity:1;}
.lst-gnb{float:left;}
.lst-gnb>li{float:left;width:164px;position:relative;text-align:center;padding-left:5px;}
.lst-gnb>li:first-child{margin-left:-53px;}
.lst-gnb>li>a{display:block;font-size:18px;line-height:1;color:#222;font-weight:700;}
.lst-gnb>li>a>span{display:inline-block; padding:20px 0;vertical-align:top;}
.lst-gnb>li.on>a,
.lst-gnb>li>a:hover{color:#0075d8;}

.lst-dep02{display:none;position:absolute;background:#fff;width:calc(100% - 5px);top:58px;left:5px;padding: 5px 20px 15px;text-align:left;box-sizing:border-box;}
.lst-dep02>li{margin-top:5px;white-space:nowrap;}
.lst-dep02>li>a{color:#333;padding:5px 0;display:block;font-weight:700;}
.lst-dep02>li>a:hover{color:#0075d8;}
.lst-dep02>li:last-child .lst-dep03{padding-bottom:5px;}

.lst-dep03{padding-bottom:10px;}
.lst-dep03>li>a{display:block;font-size:14px;line-height:22px;color:#999;padding-left:8px;position:relative;}
.lst-dep03>li>a:after {content:"-"; position:absolute; top:0; left:0;}
.lst-dep03>li>a:hover{color:#0075d8;}

.wrap-gnb>.fr{border-right:1px solid #ddd;}
.wrap-gnb .btn-sch,
.wrap-gnb .btn-category{float:left;}
.wrap-gnb .btn-sch,
.box-qna .btn-sch{font-size:0;text-indent:-9999px;background:url('https://cdn.hwadong.com/new/common/img/common/btn-sch.png') 50% 50% no-repeat;}
.wrap-gnb .btn-sch{display:block;width:58px;height:58px;border:1px solid #ddd;border-width:0 1px;}
.btn-category{position:relative;width:25px;height:3px;padding:28px 17px 27px;}
.btn-category span{display:block;}
.btn-category span,
.btn-category span:before,
.btn-category span:after{display:block;font-size:0;width:25px;height:2px;background-color:#333;transition:all 0.3s;backface-visibility:hidden;border-radius:2px;}
.btn-category span:before,
.btn-category span:after{content:'';display:block;position:absolute;}
.btn-category span:before{left:17px;top:18px;}
.btn-category span:after{left:17px;bottom:17px;}

.div-gnb.pop-category{position:relative;background:#fff;overflow:hidden;}
.div-gnb.pop-category .wrap-gnb{position:relative;}
.div-gnb.pop-category:before{content:'';display:block;position:absolute;left:0;top:58px;width:100%;border-bottom:1px solid #ddd;z-index:1;}
.div-gnb:after{content:'';opacity:0;position:fixed;left:0;top:190px;background:rgba(0,0,0,0.5);transition:all 0.3s;z-index:-1;}
.div-gnb.pop-category:after{width:100%;height:100%;opacity:1;}
.div-gnb.pop-category .lst-dep02{position:static;display:block;padding-top:15px;}
.div-gnb.pop-category .lst-dep02>li{margin-top:4px;}
.div-gnb.pop-category .lst-dep02>li>a{padding:3px 0;}
.div-gnb.pop-category .lst-dep03{padding-bottom:5px;}
.wrap-category{display:none;}
.div-gnb.pop-category .wrap-category{display:block;position:absolute;right:0;top:85px;}
.div-gnb.pop-category .wrap-category>ul{overflow:hidden;width:334px;border:1px solid #ddd;box-sizing:border-box;}
.div-gnb.pop-category .wrap-category>ul>li{float:left;width:33.33%;border:1px solid #ddd;border-width:1px 0 0 1px;margin:0 0 0 -1px;}
.div-gnb.pop-category .wrap-category>ul>li:first-child{width:100%;border-top:none;}
.div-gnb.pop-category .wrap-category>ul>li>a{position:relative;display:block;font-size:14px;font-weight:700;color:#333;text-align:center;line-height:1;padding:61px 0 12px;}
.div-gnb.pop-category .wrap-category>ul>li:first-child>a{height:110px;padding:34px 0 0 100px;box-sizing:border-box;}
.div-gnb.pop-category .wrap-category>ul>li:first-child>a *{display:block;text-align:left;line-height:1;}
.div-gnb.pop-category .wrap-category>ul>li:first-child>a>span{margin-bottom:5px;}
.div-gnb.pop-category .wrap-category>ul>li:first-child>a>strong{font-size:30px;font-weight:700;color:#343560;}
.div-gnb.pop-category .wrap-category>ul>li>a:after{content:'';position:absolute;left:50%;top:0;background:url('https://cdn.hwadong.com/new/common/img/gnb/ico-gnb_01.png') 0 0 no-repeat;}
.div-gnb.pop-category .wrap-category>ul>li:first-child>a:after{top:31px;left:33px;width:48px;height:55px;background-position:0 0;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(2)>a:after{top:17px;margin-left:-14px;width:28px;height:28px;background-position:-48px 0;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(3)>a:after{top:18px;margin-left:-12px;width:24px;height:30px;background-position:-76px 0;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(4)>a:after{top:18px;margin-left:-15px;width:31px;height:30px;background-position:-100px 0;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(5)>a:after{top:19px;margin-left:-13px;width:26px;height:29px;background-position:-131px 0;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(6)>a:after{top:17px;margin-left:-24px;width:48px;height:29px;background-position:-48px -30px;}
.div-gnb.pop-category .wrap-category>ul>li:nth-child(7)>a:after{top:19px;margin-left:-15px;width:30px;height:30px;background-position:-95px -30px;}
.div-gnb.pop-category .btn-category span{background-color:transparent;}
.div-gnb.pop-category .btn-category span:before{transform:rotate(45deg) translate(8px, 7px);}
.div-gnb.pop-category .btn-category span:after{transform:rotate(-45deg) translate(7px, -7px);}
.div-gnb.pop-category .lst-gnb>li>a>span{position:relative;}
.div-gnb.pop-category .lst-gnb>li>a>span:after{content:'';width:0;height:3px;background:#0075d8;position:absolute;left:0;bottom:-1px;z-index:2;transition:all 0.3s;}
.div-gnb.pop-category .lst-gnb>li.on>a>span:after{width:100%;}

/* lnb*/
.lnb{float:left;margin-top:50px;}
.lnb .tit-lnb{height:73px;padding:35px 15px 0 15px;background:#151647;}
.lnb .tit-lnb>*{line-height:1;margin-top:8px;}
.lnb .tit-lnb>*:first-child{margin-top:0;}
.lnb .tit-lnb h2,
.lnb .tit-lnb .user{font-size:20px;color:#fff;}
.lnb .tit-lnb p{color:#fff;}
.lnb .lnb-dep01{margin-top:10px;}
.lnb .lnb-dep01 a,
.lnb .lnb-dep01 button{display:block;width:100%;padding:0 15px;font-size:14px;box-sizing:border-box;text-align:left;}
.lnb .lnb-dep01>li>button{position:relative;line-height:25px;margin-top:10px;color:#333;font-weight:700;}
.lnb .lnb-dep01>li>button:after{content:'';display:block;position:absolute;right:17px;top:50%;width:9px;height:9px;border-top:1px solid #333;border-right:1px solid #333;margin-top:-2px;transform:rotate(-45deg);transition:all 0.3s;}
.lnb .lnb-dep01>li>button.show:after{margin-top:-8px;transform:rotate(135deg);}
.lnb .lnb-dep01 .on{color:#0075d8;}
.lnb .lnb-dep02>li>a{line-height:25px;}
.lnb .lnb-dep02>li>a:before{content:'-';display:inline-block;margin-right:4px;}

/* footer */
#footer{background:#f4f4f4;font-size:13px;line-height:20px;transform:skew(-0.001deg);}
.wrap-footer{padding:30px 0;}
.wrap-footer:after{content:'';display:block;clear:both;}
.f-logo,
.add-info,
.call-info{float:left;box-sizing:border-box;}
.f-logo{width:160px;padding-left:10px;}
.add-info{position:relative;width:620px;padding:0 130px 0 20px;border:1px solid #ddd;border-width:0 1px;}
.add-info .f-menu{margin-bottom:15px;}
.add-info .f-menu:after{content:'';display:block;clear:both;}
.add-info .f-menu li{float:left;line-height:1;}
.add-info .f-menu li:before{content:'';display:inline-block;width:1px;height:9px;margin:3px 10px 0;background:#cfcfcf;vertical-align:top;}
.add-info .f-menu li:first-child:before{display:none;}
.add-info .f-menu li a{display:inline-block;color:#222;font-weight:700;vertical-align:top;}
.add-info .f-menu li a:hover{color:#303c94;}
.add-info .cont-address{margin-bottom:20px;}
.add-info .cont-address strong{display:inline-block;margin-right:24px;color:#222;}
.add-info .cont-address>p span{display:inline-block;margin-right:10px;}
.add-info>dl{margin-bottom:25px;}
.add-info>dl dt{font-weight:700;color:#222;}
.copyright{color:#aaa;}

.call-info{width:240px;padding-left:20px;}
.call-info>dl{color:#303c94;font-weight:700;line-height:1;}
.call-info>dl dt{font-size:15px;}
.call-info>dl dd{font-size:24px;}
.call-info>p{margin-top:10px;}
.call-info img{margin-left:10px;}
.call-info img:first-child{margin-left:0;}

/* content */
#content{margin:190px auto 100px;}
.location{font-size:12px;font-family:Dotum,'돋움';color:#888;padding-top:17px;}
.location a{color:#888;}
.location a:last-child{font-weight:700;color:#666;}
.h2-tit{margin-top:38px;font-size:38px;font-weight:700;color:#222;line-height:1.2;text-align:center;} /* 19.07.27 Modify */
.tit-sText{font-size:18px;color:#888;line-height:26px;margin-top:18px;text-align:center;} /* 19.07.27 Modify */

.h3-tit{font-size:20px;line-height:1;color:#333;font-weight:700;margin:50px 0 20px;}
.wrap-tit{margin:50px 0 20px;position:relative;}
.wrap-tit:after{content:'';display:block;clear:both;}
.wrap-tit .h3-tit{float:left;margin:0;}
.wrap-tit .bth-more{position:relative;float:right;font-size:14px;line-height:20px;padding-right:14px;color:#333;}
.wrap-tit .bth-more:after{content:'';position:absolute;right:3px;top:7px;width:7px;height:7px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);}
.wrap-tit .prd-mumber{position:absolute;left:0;top:50%;margin-top:-10px;color:#333;}
.wrap-tit .prd-mumber:not(.fr):last-child{position:static;margin:0;}
.wrap-tit .prd-mumber.fr{left:auto;right:0;}
.wrap-tit .h3-txt,
.wrap-sTxt .h3-txt{float:right;font-size:14px;color:#333;line-height:1;margin-top:5px;}
.wrap-sTxt .h3-txt{margin-top:0;}
.wrap-sTxt .all-check{line-height:22px;color:#333;float:left;}
.wrap-sTxt .all-check input{margin-top:4px;}
.wrap-sTxt{overflow:hidden;margin-bottom:20px;}

.h3-tit02{position:relative;margin-bottom:39px;font-size:20px;line-height:1;color:#333;text-align:center;}
.h3-tit02>strong{position:relative;display:inline-block;padding:0 20px;background:#fff;z-index:1;}
.h3-tit02:after{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:100%;height:1px;background:#ddd;}

.h3-tit03{font-size:18px;color:#333;font-weight:700;margin:50px 0 20px;}
.h3-tit03+p.sCont-txt{margin-top:-15px;}

.wrap-tit02{overflow:hidden;width:100%;margin:50px 0 20px;}
.wrap-tit02 .h3-tit{float:left;margin:16px 0 0 0;line-height:1;vertical-align:bottom;}
.wrap-tit02 a{float:right;}

.wrap-content{margin-top:50px;}

/* sub-main */
.sub-main{height:542px;margin-top:190px;background:url('https://cdn.hwadong.com/new/common/img/product/sub-main.jpg') 50% 0 repeat-x;}
.sub-main+#content{margin-top:0;}
.sub-main .wrap-content>ul{margin-top:45px;}
.sub-main .wrap-content>ul:after{content:'';display:block;clear:both;}
.sub-main .wrap-content>ul>li{float:left;margin-left:30px;position:relative;}
.sub-main .wrap-content>ul>li:first-child{margin-left:0;}
.sub-main .wrap-content>ul>li a{display:block;}
.sub-main .wrap-content>ul>li.coming:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;left:0;top:0;z-index:2;}
.sub-main .wrap-content>ul>li.coming:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url('https://cdn.hwadong.com/new/common/img/common/bg-coming.png') 50% 50% no-repeat;z-index:2;}

/* text */
.box-infoText{padding:15px;margin-top:50px;font-family:Dotum,'돋움';color:#0066ff;font-size:12px;text-align:center;border:1px solid #0066ff;}

/*ico*/
/*.ico-s-txt{padding:5px 5px 2px;font-family:Dotum,'돋움';display:inline-block;font-size:12px;line-height:1;height:21px;background:#bc912e;color:#fff;box-sizing:border-box;background:#151647;color:#fff;border:1px solid transparent;}*/
.ico-s-txt,
.ico-b-txt{padding:3px 10px 5px;margin-left:8px;display:inline-block;font-size:16px;line-height:1;height:26px;box-sizing:border-box;background:#151647;color:#fff;border:1px solid transparent;}
.ico-s-txt{margin-left:0;left:0;}
.ico-gold{padding:6px 5px 3px;font-family:Dotum,'돋움';display:inline-block;font-size:12px;line-height:1;background:#bc912e;color:#fff;}
.ico-navy{padding:6px 5px 3px;font-family:Dotum,'돋움';display:inline-block;font-size:12px;line-height:1;background:#151647;color:#fff;}
.ico-bLine{padding:0 5px;margin-left:8px;display:inline-block;font-size:14px;line-height:18px;border:1px solid #0075d8;color:#0075d8;}
.ico-big-navy{padding:0 10px;margin-left:8px;display:inline-block;font-size:16px;line-height:26px;background:#151647;color:#fff;}
.ico-big-gold{padding:0 10px;margin-left:8px;display:inline-block;font-size:16px;line-height:26px;background:#bc912e;color:#fff;}
.ico-big-red{padding:0 10px;margin-left:8px;display:inline-block;font-size:16px;line-height:26px;background:#ff0000;color:#fff;}
.ico-big-gray{padding:0 10px;margin-left:8px;display:inline-block;font-size:16px;line-height:26px;background:#888;color:#fff;}

.no-data{text-align:center;padding-top:115px;margin-top:50px;font-size:20px;color:#333;line-height:28px;background:url('https://cdn.hwadong.com/new/common/img/common/no-data.png') 50% 0 no-repeat;}

/* button */
.wrap-btn{margin-top:50px;text-align:center;}
.wrap-btn.line{padding-top:50px;border-top:1px solid #ddd;}
.wrap-btn>*{margin-left:10px;}
.wrap-btn>*:first-child{margin-left:0;}
.wrap-btn>.w100:first-child{margin-top:0;}
.wrap-btn>.w100{margin:10px 0 0 0;}
*[class*='btn-b-']{display:inline-block;padding:17px 30px 19px;height:54px;line-height:1;vertical-align:top;font-size:18px;box-sizing:border-box;text-align:center;text-decoration:none !important;}
*[class*='btn-m-']{display:inline-block;height:50px;padding:16px 30px 18px;line-height:1;vertical-align:top;box-sizing:border-box;text-align:center;text-decoration:none !important;}
*[class*='btn-s-']{display:inline-block;height:40px;padding:11px 19px 13px;font-size:16px;line-height:1;vertical-align:top;box-sizing:border-box;text-align:center;text-decoration:none !important;}
.btn-s-dBlue,
.btn-m-dBlue,
.btn-b-dBlue{border:1px solid #151647;background:#151647;color:#fff;}
.btn-s-dBlue02,
.btn-m-dBlue02,
.btn-b-dBlue02{border:1px solid #151647;color:#151647;background:#fff;}
.btn-s-gray,
.btn-b-gray{background:#666;color:#666;border:none;color:#fff;}
.btn-s-gray02,
.btn-b-gray02{border:1px solid #666;color:#666;background:#fff;}
.btn-s-black,
.btn-b-black{background:#333;color:#333;border:none;color:#fff;}
.btn-s-black02,
.btn-b-black02{border:1px solid #333;color:#333;background:#fff;}
.btn-s-red,
.btn-b-red{background:#ff0000;color:#fff;border:none;}
.btn-s-red02,
.btn-b-red02{border:1px solid #ff0000;color:#ff0000;background:#fff;}
button.btn-s-dBlue02,
button.btn-b-dBlue02{padding:7px 20px 11px;}
.btn-filter{display:block;width:36px;height:28px;background:url('https://cdn.hwadong.com/new/common/img/common/ico-filter.png') 0 0 no-repeat;text-indent:-9999px;}

.btn-like{text-indent:-9999px;font-size:0;}
.btn-like:after{content:'';display:block;width:27px;height:24px;background:url('https://cdn.hwadong.com/new/common/img/common/btn-like.png') -24px 0 no-repeat;transition:all 0.3s;}
.btn-like.on:after{background-position:-24px -24px;}

/* box-bLine */
.box-bLine{width:520px;padding:40px;border:2px solid #151647;}
.box-bLine.w406{width:406px;}
.box-bLine.w406 .wrap-btn{margin-top:40px;}
.box-bLine .h3-tit{margin-top:0;font-size:18px;text-align:center;}

/* input */
.input-ty1{margin-top:24px;}
.input-ty1 input{width:100%;padding:0;background:transparent;color:#666;border-width:0 0 1px;}
.input-ty1 .selectric{border-width:0 0 1px;padding:0;}
.input-ty1 .selectric .button{background-position:calc(100% - 5px) 50%;}

.input-ty1.discrepancies,
.input-ty1.discrepancies>div{position:relative;}
.input-ty1.discrepancies .txt-warning{margin-top:0;position:absolute;left:0;bottom:-24px;}
.input-ty1.discrepancies .box-tel .txt-warning{position:static;margin-top:6px}

.box-i-password{position:relative;}
.box-i-password input{width:100%;}
.box-i-password .btn-number{position:absolute;right:1px;top:1px;width:39px;height:34px;background:url('https://cdn.hwadong.com/new/common/img/common/btn-number.png') 50% 50% no-repeat #fff;border:none;text-indent:-9999px;}
.box-i-password.input-ty1 .btn-number{right:0}

.wrap-input{margin-top:20px;}
.wrap-input label{position:relative;display:inline-block;font-family:Dotum,'돋움';font-size:12px;margin-left:15px;color:#888;padding-left:18px;}
.wrap-input label>input{position:absolute;left:0;top:50%;margin:-8px 0 0 0;}
.wrap-input label:first-child{margin-left:0;}

.wrap-input02{position:relative;padding-right:55px;}
.wrap-input02 span{position:absolute;right:0;top:50%;margin-top:-9px;font-family:Dotum,'돋움';font-size:12px;color:#888;}

/*input 수량*/
.prd-amount{overflow:hidden;width:100%;}
.prd-amount>*{float:left;}
.prd-amount>a{position:relative;width:34px;height:34px;border:1px solid #151647;font-size:0;}
.prd-amount>a:before{content:'';position:absolute;left:50%;top:50%;margin:-1px 0 0 -7px;display:inline-block;width:14px;height:2px;background:#151647;}
.prd-amount>.btn-plus:after{content:'';position:absolute;left:50%;top:50%;margin:-7px 0 0 -1px;display:inline-block;width:2px;height:14px;background:#151647;}
.prd-amount>.prd-inpbx{display:inline-block;margin:0 5px;line-height:36px;}
.prd-amount>.prd-inpbx input{width:58px;vertical-align:top;text-align:center;}
.prd-amount.Sold-Out a{background:#f4f4f4;}
.prd-amount.Sold-Out a:after,
.prd-amount.Sold-Out a:before{background:#888;}

/*input check - 경고문구*/
.txt-warning{display:none;margin:7px 0 0 0;font-size:12px;line-height:24px;color:#ff0000;font-family:Dotum,'돋움';vertical-align:top;}
.discrepancies .txt-warning{display:inline-block;}
.discrepancies .txt-warning span[class*='ico']{display:inline-block;line-height:1;padding:7px 0 5px;vertical-align:top;color:#fff;width:67px;text-align:center;}
.discrepancies .txt-warning .ico-red{background:#ff0000;}
.discrepancies .txt-warning .ico-yellow{background:#e8ba01;}
.discrepancies .txt-warning .ico-green{background:#01a829;}
.discrepancies input,
.discrepancies .selectric,
.discrepancies a[class*='btn-s-02'],
.discrepancies button[class*='btn-s-02'],
.discrepancies textarea{border-color:#ff0000;} 
.complete .txt-warning{display:inline-block;color:#0066ff;}

/* 날짜 */
.box-date{display:inline-block;position:relative;}
.box-date input{padding-right:38px;width:250px;}
.box-date input[type=text]::-ms-clear{display:none;}
.box-date label{position:absolute;right:10px;top:7px;text-indent:-9999px;width:18px;height:20px;background:url('https://cdn.hwadong.com/new/common/img/common/ico-date.png') 100% 50% no-repeat;}
/*.datepicker{padding-right:38px;background:url('https://cdn.hwadong.com/new/common/img/common/ico-date.png') calc(100% - 10px) 50% no-repeat;}*/

/* box-textarea */
.box-textarea{position:relative;}
.box-textarea textarea{display:inline-block;width:100%;height:199px;box-sizing:border-box;vertical-align:top;font-size:12pt;}
.box-textarea>span{position:absolute;right:25px;bottom:10px;display:inline-block;font-family:Dotum,'돋움';vertical-align:top;font-size:12px;color:#888;}

.box-textarea.ty02{padding-right:90px;}
.box-textarea.ty02>span{right:0;top:8px;bottom:0;}

/* box-file */
.box-file input{display:none;}
.box-file span{display:inline-block;font-family:Dotum,'돋움';vertical-align:top;font-size:12px;color:#0066ff;margin-top:9px;}
.box-file .file-next,
.box-file.on .file-prev{display:none;}
.box-file.on .file-next{display:block;}
.box-file>p>*:last-child{margin-left:10px;}

/* box-tel */
.box-tel:after{content:'';display:block;clear:both;}
.box-tel input,
.box-tel .selectric-wrapper{width:29.33%;float:left;}
.box-tel>span{position:relative;float:left;width:6%;height:36px;line-height:36px;vertical-align:top;text-indent:-9999px;font-size:0;}
.box-tel>span:before{content:'';display:block;width:calc(100% - 14px);height:1px;background:#333;position:absolute;left:7px;top:50%;}

/* box-email */
.box-email>*{float:left;}
.box-email input[title="아이디"]{width:250px;}
.box-email .selectric-wrapper{width:200px;margin-left:10px;}
.box-email input[title="도메인"]{width:188px;}
.box-email>span{margin:0 10px;height:36px;line-height:36px;vertical-align:top;}

/* dl-form */
.dl-form:after{content:'';display:block;clear:both;}
.dl-form dt,
.dl-form dd{float:left;font-size:16px;}
.dl-form dt{width:105px;margin:30px 0 6px;color:#333;}
.dl-form dt label{display:block;color:#333;}
.dl-form dd{width:calc(100% - 105px);}
.dl-form dd input{font-size:16px;}
.dl-form dd.line{line-height:1;margin-top:36px;padding-bottom:9px;border-bottom:1px solid #ddd;}

.dl-form.ty2 dt{width:130px;}
.dl-form.ty2 dd{width:calc(100% - 130px);}

.dl-form.ty3 dt{width:100px;}
.dl-form.ty3 dd{width:calc(100% - 100px);}

/* box-complete, box-complete  */
.box-complete,
.box-fail{padding:150px 0 0;}
.box-complete{background:url('https://cdn.hwadong.com/new/common/img/common/bg-complete.png') 50% 0 no-repeat;text-align:center;}
.box-fail{background:url('https://cdn.hwadong.com/new/common/img/common/bg-fail.png') 50% 0 no-repeat;text-align:center;}
.box-complete dt,
.box-fail dt{margin-bottom:15px;font-size:30px;font-weight:700;color:#333;line-height:36px}
.box-fail+.lst-bul{padding-top:30px;border-top:1px solid #ddd;}

/* table */
.tb-info{border-top:2px solid #151647;table-layout:fixed;word-break:break-all;}
.tb-info th,
.tb-info td{height:55px;line-height:22px;padding:9px 20px;border-bottom:1px solid #ddd;vertical-align:middle;box-sizing:border-box;}
.tb-info th{padding:16px 20px;color:#333;background:#f4f4f4;text-align:left;font-weight:400;vertical-align:top;}
.tb-info td input+a{margin:0 10px;}
.tb-info td label{float:left;}
.tb-info td label+label,
.tb-info td label+a[class*='btn-s-']{margin-left:20px;vertical-align:middle;}
.tb-info td label>input:first-child{margin-right:10px;vertical-align:top;}
.tb-info td .wrap-label{display:inline-block;vertical-align:middle;}
.tb-info td.line,
.tb-info th.line{border-left:1px solid #ddd;}
.tb-info .box-i-password{display:inline-block;margin-right:10px;}
.tb-info input+.txt-warning{margin-left:10px;}
.tb-info td .box-tel{width:400px;display:inline-block;vertical-align:middle;}
.tb-info td .box-tel+.txt-warning{margin-left:10px;}
.tb-info *[class*='btn-s-']{height:36px;padding:9px 19px 10px;margin-left:10px;vertical-align:middle;}
.tb-info *[class*='btn-s-']:first-child{margin-left:0;}
.tb-info+.lst-bul{margin-top:20px;}
.tb-info .prd-amount{display:inline-block;width:80px;vertical-align:top;}
.tb-info .prd-amount>a{width:23px;height:24px;border-color:#ddd;}
.tb-info .prd-amount>a:before{width:9px;height:1px;margin:0 0 0 -5px;}
.tb-info .prd-amount>a:after{height:9px;width:1px;margin:-4px 0 0 -1px;}
.tb-info .prd-amount .prd-inpbx,
.tb-info .prd-amount .prd-inpbx input{font-size:14px;padding:0;margin:0;width:30px;height:26px;line-height:24px;box-sizing:border-box;border-width:1px 0;}
.tb-info span[title="필수입력"]{display:inline-block;}
.tb-info span[title="필수입력"]:before{content:'*';display:inline-block;width:15px;margin-right:5px;color:#ff0000;}

.tb-info.ty02 th{padding-left:36px;}
.tb-info.ty02 th[title="필수입력"]:before{content:'*';display:inline-block;width:15px;margin-left:-15px;color:#ff0000;position:relative;top:-2px;}

.tb-info.ty03 th,
.tb-info.ty03 td{height:39px;padding:9px 20px;line-height:18px;}
.tb-info.ty03 th{padding-right:0;}

.tb-info.ty04 th,
.tb-info.ty04 td{text-align:center;border-left:1px solid #ddd;padding-right:20px;padding-left:20px;}
.tb-info.ty04 th:first-child,
.tb-info.ty04 td:first-child{border-left:none;}
.tb-info.ty04 td.line{border-left:1px solid #ddd;}
.tb-info.ty04 .me{color:#ff0000;}
.tb-info.ty04 .me.successful-bid{font-weight:700;text-decoration:underline;}
.tb-info.ty04.ty04-2 td{padding-top:15px;padding-bottom:15px;}
.tb-info.ty04 .bg-white{background:#fff;vertical-align:middle;}
.tb-info.ty04.ty04-3 th{vertical-align:middle;}
.tb-info.ty04 td a:hover,
.tb-info.ty05 td a:hover{text-decoration:underline;}

.tb-info.ty05 th,
.tb-info.ty05 td{padding:9px 10px;vertical-align:middle;text-align:center;}
.tb-info.ty05 td.sl{padding:9px 10px;vertical-align:middle;text-align:right;}
.tb-info.ty05 th:first-child,
.tb-info.ty05 td:first-child,
.tb-info.ty05 .total td:nth-child(2){padding-left:20px;}
.tb-info.ty05 th:last-child,
.tb-info.ty05 td:last-child{padding-right:20px;}
.tb-info.ty05,
.tb-info.ty05 a:not([class*="btn-"]){color:#333;}
.tb-info.ty05 .img-box{display:table;width:98px;height:98px;border:1px solid #ddd;}
.tb-info.ty05 .img-box>span{display:table-cell;vertical-align:middle;}
.tb-info.ty05 .img-box>span img{max-width:98px;max-height:98px;}
.tb-info.ty05 .ico-navy{display:inline-block;vertical-align:top;margin-bottom:5px;}
.tb-info.ty05 a.clamp-1{/*display:block;*/}
.tb-info.ty05 tfoot td{height:50px;}
.tb-info.ty05 tfoot .wish td{height:75px;}
.tb-info.ty05 tfoot .total td:first-child{font-size:24px;font-weight:700;}
.tb-info.ty05 tfoot .total~tr:last-child td:first-child{font-weight:700;}
.tb-info.ty05 tfoot .ar.f-14{font-size:14px;color:#666;padding-right:0;}
.tb-info.ty05 tfoot .ar strong{color:#151647;font-weight:700;}
.tb-info.ty05 tfoot td strong{color:#333;}
.tb-info.ty05 .mt05[class*='btn-s-']{margin-left:0;}
.tb-info.ty05 .tfoot td{height:50px;}
.tb-info.ty05 .tfoot.total td:first-child{font-size:24px;font-weight:700;}
.tb-info.ty05 .tfoot.total~tr:last-child td:first-child{font-weight:700;}
.tb-info.ty05 .tfoot td strong{color:#333;}
.tb-info.ty05 .tfoot.total td:first-child{font-size:24px;font-weight:700;}


.tb-info.ty05.ty05-2 th,
.tb-info.ty05.ty05-2 td{text-align:center;border-left:1px solid #ddd;padding:9px 20px;}
.tb-info.ty05.ty05-2 th:first-child,
.tb-info.ty05.ty05-2 td:first-child{border-left:none;}

.tb-qna a{display:block;text-align:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#333;}
.tb-qna tr.on{background:#f2f7fe;}
.tb-qna .qna_view{display:none;}
.tb-qna .qna_view.on{display:table-row;background:transparent;}
.tb-qna .qna_view td{padding:0;height:0;}
.tb-qna .qna_view td>div{display:none;text-align:left;padding:0 20px;}
.tb-qna .qna_view td>div>p:first-child{padding-top:20px;}
.tb-qna .qna_view td>div>p.title{font-size:20px;font-weight:700;color:#151647;}
.tb-qna .qna_view td>div>p.title:before{content:'Q.';display:inline-block;font-size:20px;color:#151647;margin:0 4px 3px 0;vertical-align:top;}
.tb-qna .qna_view td>div>p.contents{padding-bottom:15px;}
.tb-qna .btn-accordion .read_lock{padding-right:20px;background:url('https://cdn.hwadong.com/new/common/img/common/ico-lock.png') 100% 50% no-repeat;}

.box-answer{position:relative;padding:19px 19px 19px 68px;margin:0 0 20px;background:#fafafa;border:1px solid #ddd;}
.box-answer:first-child{margin:0;}
.box-answer:before{content:'A.';display:inline-block;position:absolute;left:19px;top:19px;font-size:30px;line-height:1;font-weight:700;color:#151647;}
.box-answer .date{color:#888;margin-top:15px;}
.box-answer>* {
	width: 100% !important;
}
.box-answer>*>* {
	width: 100% !important;
	height: 100% !important;
}

.tb-view{margin-top:50px; border-top:2px solid #151647;table-layout:fixed;}
.tb-view thead td{padding:14px 10px 14px 20px;color:#333;background:#f4f4f4;text-align:left;font-size:16px;}
.tb-view td{padding:8px 20px;border-bottom:1px solid #ddd;font-size:14px;}
.tb-view td.body{padding:20px;height:360px;}
/* .tb-view tbody img {width:100% !important;} */
/* .tb-view tbody table {width:100% !important;} */
.tb-view tbody td p>span{display:inline-block;margin-right:5px;}
.tb-view tfoot a{display:block;color:#888;}
.tb-view tfoot a:hover{text-decoration:underline;}
.tb-view tfoot .prev-list,
.tb-view tfoot .next-list{color:#333;}
.tb-view tfoot .prev-list:before,
.tb-view tfoot .next-list:before{content:'';display:inline-block;width:8px;height:8px;border:2px solid #333;border-width:1px 1px 0 0;transform:rotate(-45deg);margin-right:10px;top:2px;position:relative;}
.tb-view tfoot .next-list:before{transform:rotate(135deg);top:-3px;}

.tb-inner{border:1px solid #ddd;border-width:1px 0 0 1px;}
.tb-inner thead th{background:#8a8aa3;color:#fff;text-align:center;vertical-align:middle;}
.tb-inner thead th{height:auto;padding:9px 20px;}
.tb-inner th,
.tb-inner td{height:39px;padding:9px 20px;line-height:20px;vertical-align:middle;text-align:center;border:1px solid #ddd;border-width:0 1px 1px 0;background:#fff;}

/* pageing */
.pageing{margin-top:20px;text-align:center;}
.pageing a{display:inline-block;height:29px;line-height:29px;margin:0 5px;color:#333;box-sizing:border-box;vertical-align:top;}
.pageing a.on{color:#0066ff;font-weight:700;}
.pageing .btn-first,
.pageing .btn-prev,
.pageing .btn-next,
.pageing .btn-last{position:relative;width:29px;font-size:0;border:1px solid #ddd;margin:0 2px;}
.pageing .btn-first:before,
.pageing .btn-prev:before,
.pageing .btn-next:before,
.pageing .btn-last:before{content:'';position:absolute;left:50%;top:50%;margin:-4.5px 0 0 -6px;display:block;width:12px;height:9px;background:url('https://cdn.hwadong.com/new/common/img/common/bg-page.png') 0 0 no-repeat;}
.pageing .btn-prev:before{background-position:2px -9px;}
.pageing .btn-next:before{transform:rotate(180deg);}
.pageing .btn-last:before{background-position:2px -9px;transform:rotate(180deg);}

/* text bul */
.ico-reference{font-size:14px;line-height:20px;margin-top:10px;}
dl.ico-reference>dt,
ul.ico-reference>li,
p[class*="ico-reference"]{position:relative;padding-left:18px;}
dl[class*="ico-reference"]>dd{padding-left:18px;}
dl[class*="ico-reference"]>dt:before,
ul[class*="ico-reference"]>li:before,
p[class*="ico-reference"]:before{content:'※';display:block;position:absolute;left:0;}
.ico-reference.ty02{color:#0066ff;font-size:16px;/*font-family:Dotum,'돋움';*/}

p.lst-bul,
.lst-bul{margin-top:35px;}
.lst-bul>li,
p.lst-bul{position:relative;padding-left:10px;font-size:16px;/*font-family:Dotum,'돋움';*/color:#0066ff;line-height:24px;}
.lst-bul>li:before,
p.lst-bul:before{content:'*';display:inline-block;position:absolute;left:0;top:0;}

.lst-sCont-txt{margin:14px 0;}
.lst-sCont-txt li{font-size:14px;line-height:22px;}
.lst-sCont-txt.ty02 li{margin-top:22px;}
.lst-sCont-txt.ty02 li:first-child{margin-top:0;}

.s-txt{font-size:12px;font-family:Dotum,'돋움';line-height:16px;}
.mCont-txt{font-size:16px;color:#333;line-height:24px;margin-bottom:45px;}
.sCont-txt{font-size:14px;line-height:22px;color:#333;} /* 19.07.27 Modify */
ul.sCont-txt li{padding-left:17px;text-indent:-17px;}
.lst-number{margin-top:20px;}
.lst-number li{padding-left:20px;text-indent:-20px;margin-top:15px;}

.box-txt{margin-top:50px;padding:20px;background:#f4f4f4;}
.box-txt dt{font-weight:700;color:#333;margin-bottom:15px;}
.box-txt dd{padding-left:30px;text-indent:-10px;}

/* tab */
ul[class*='lst-tab01']{position:relative;/*width:604px;margin:0 auto -2px;*/}
ul[class*='lst-tab01']:after{content:'';display:block;clear:both;}
ul[class*='lst-tab01']:before{content:'';display:block;width:100%;height:2px;background:#151647;position:absolute;left:0;bottom:0;z-index:1;}
ul[class*='lst-tab01']>li{position:relative;float:left;width:calc(50% + 1px);text-align:center;margin-left:-1px;z-index:0;}
ul[class*='lst-tab01']>li:first-child{width:50%;margin-left:0;}
ul[class*='lst-tab01']>li>a{display:block;font-size:18px;line-height:1;padding:15px 30px 14px;border:1px solid #ddd;background:#f9f9f9;color:#666;}
ul[class*='lst-tab01']>li.on{z-index:2;}
ul[class*='lst-tab01']>li.on>a{padding:14px 29px 16px;color:#151647;border:2px solid #151647;border-bottom:none;background:#fff;font-weight:700;}
ul[class*='lst-tab01'].ty02>li,
ul[class*='lst-tab01'].ty02>li:first-child{width:auto;}
ul[class*='lst-tab01'].col04>li{width:calc(25% + 1px);}
ul[class*='lst-tab01'].col04>li:first-child{width:25%;}
ul[class*='lst-tab01'].col04>li a{padding-left:10px;padding-right:10px;}
ul[class*='lst-tab02']{overflow:hidden;margin:-10px 0 0 -10px;}
ul[class*='lst-tab02']>li{float:left;width:50%;padding-left:10px;margin-top:10px;box-sizing:border-box;}
ul[class*='lst-tab02']>li a{display:block;text-align:center;border:1px solid #ddd;line-height:48px;font-size:18px;}
ul[class*='lst-tab02']>li.on a{background:#151647;border-color:#151647;color:#fff;}
ul[class*='lst-tab02']>li.line2{display:table;width:100%;height:48px;}
ul[class*='lst-tab02']>li.line2 a{display:table-cell;vertical-align:middle;line-height:20px;font-size:16px;}
ul[class*='lst-tab02'].col03>li{width:33.33%;}
ul[class*='lst-tab02'].col04>li{width:25%;}
ul[class*='lst-tab02'].col05>li{width:20%;}
ul[class*='lst-tab02'].col06>li{width:16.65%;}
ul[class*='lst-tab03']{width:100%;margin-top:20px;}
ul[class*='lst-tab03']:after{content:'';display:block;clear:both;}
ul[class*='lst-tab03']>li{position:relative;float:left;width:calc(20% + 1px);height:55px;border:1px solid #ddd;margin:-1px 0 0 -1px;line-height:55px;box-sizing:border-box;}
ul[class*='lst-tab03']>li:nth-child(5n+1){width:20%;margin-left:0;}
ul[class*='lst-tab03']>li.on,
ul[class*='lst-tab03']>li.on a{color:#0075d8;border-color:#0075d8;z-index:1;}
ul[class*='lst-tab03']>li a{display:block;text-align:center;line-height:55px;color:#666;}
.lst-tab02+ul[class*='lst-tab03']{margin-top:50px;}
.tab-cont{margin-top:50px;}

/* ellipsis 처리 */
.clamp {display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; display:-ms-flexbox;}
.clamp-1 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all;  display:-ms-flexbox; line-height:1.4em; max-height:2.8em;}
.clamp-2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; word-break:break-all;  display:-ms-flexbox; line-height:1.4em; max-height:4em;}
.clamp-4 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; word-break:break-all; display:-ms-flexbox; line-height:1.4em; max-height:5.5em;}

/* cont-agree */
.cont-agree{max-height:670px;overflow-y:scroll;padding:17px 20px;margin-top:9px;background:#fafafa;border:1px solid #ddd;font-size:12px;font-family:Dotum,'돋움';color:#888;}
.cont-agree:first-child{margin-top:0;}
.cont-agree.h45{height:45px;}
.cont-agree02{padding:0 10px 20px 10px;}
.cont-agree.ty02{overflow-y:auto;margin-top:20px;border:none;padding:20px;background:none;border:1px solid #ddd;}

/* lst-accordion */
.lst-accordion{border-top:2px solid #151647;}
.lst-accordion>li{border-bottom:1px solid #ddd;}
.lst-accordion>li>.btn-accordion{position:relative;display:block;line-height:34px;}
.lst-accordion>li>.btn-accordion>a{display:block;padding:10px;box-sizing:border-box;color:#333;}
.lst-accordion>li>.btn-accordion:after{content:'';position:absolute;left:calc(100% - 20px);top:50%;margin-top:-7px;transform:rotate(45deg);display:block;width:8px;height:8px;border:2px solid #333;border-width:0 2px 2px 0;transition:all 0.5s;}
.lst-accordion>li.on>.btn-accordion:after{top:calc(calc(50% + 4px));transform:rotate(-135deg);}
.lst-accordion>li>.cont-accordion{padding:10px;border-top:1px solid #ddd;}

/* lst-accordion2 - 2023.01.02 추가 소스 */
.lst-accordion2{}
.lst-accordion2>li{border:1px solid #ddd; box-sizing: border-box;margin-bottom: 10px;}
.lst-accordion2>li:last-child{margin-bottom: 0;}
.lst-accordion2>li>.btn-accordion{position:relative;display:block;line-height:32px;}
.lst-accordion2>li>.btn-accordion>p{display:block;padding:10px 10px 10px 33px;box-sizing:border-box;color:#333; transition: color .3s;}
.lst-accordion2>li.on>.btn-accordion>p{color:#21227a;}
.lst-accordion2>li>.btn-accordion:after{content:'';position:absolute;left:calc(100% - 40px);top:50%;margin-top:-12px;display:block;width:24px;height:24px;background: url(https://cdn.hwadong.com/new/common/img/common/ico-arr-guide.png) no-repeat center 8px;/* 이미지 주소 수정 필요. */ border: 1px solid #dddddd; border-radius: 50%; transition: transform .3s, border .3s;}
.lst-accordion2>li.on>.btn-accordion:after{transform:rotate(-180deg); border: 1px solid #21227a;}
.lst-accordion2>li>.btn-accordion:before{content:'';position:absolute;left:19px;top:50%;margin-top:-2px;display:block;width:4px;height:4px;background: #151647;border-radius: 50%;}
.lst-accordion2>li>.cont-accordion{padding: 40px 0px 50px;}
.lst-accordion2>li>.cont-accordion img{width: 100%; box-sizing: border-box;}


/* lst-agree */
.lst-agree .btn-accordion{position:relative;}
.lst-agree>li label{position:relative;display:inline-block;padding:16px 10px 16px 32px;line-height:22px;color:#333;}
.lst-agree>li label input{position:absolute;left:10px;top:20px;margin:0;}
.lst-agree .btn-accordion>label{position:relative;display:inline-block;line-height:22px;color:#333;z-index:3;}
.lst-agree .btn-accordion>.more{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;font-size:0;text-indent:-9999px;}
.lst-agree>li>label[title="필수체크"]:after,
.lst-agree>li>.btn-accordion>label[title="필수체크"]:after{content:'*';position:relative;display:inline-block;width:15px;margin-left:5px;color:#ff0000;z-index:1;}

/* lst-prd */
.lst-tab02+.lst-prd{margin-top:50px;}
.lst-prd{margin:0 0 50px 0;}
.lst-prd:after{content:'';display:block;clear:both;}
.lst-prd>li{position:relative;float:left;width:310px;margin:50px 0 0 45px;z-index:0;}
.lst-prd:not([class*="ty"])>li:nth-child(3n+1){margin-left:0;}
.lst-prd:not([class*="ty"])>li:nth-child(1),
.lst-prd:not([class*="ty"])>li:nth-child(2),
.lst-prd:not([class*="ty"])>li:nth-child(3){margin-top:0}
.lst-prd>li span[class*='ico-']{position:absolute;left:0;top:0;z-index:1;}
.lst-prd>li .btn-like{position:absolute;left:0;bottom:0;}
.lst-prd>li .btn-img{display:table;position:relative;}
.lst-prd>li .btn-img span{display:table-cell;width:288px;height:288px;padding:10px;border:1px solid #ddd;vertical-align:middle;text-align:center;}
.lst-prd>li .btn-img span img{display:inline-block;max-width:284px;max-height:284px;}
.lst-prd>li .btn-img.no-img{background:#ddd;}

.lst-prd>li .cont-hover{display:none;position:absolute;left:0;top:0;width:100%;height:310px;background:rgba(0,0,0,0.3);z-index:1;}
.lst-prd>li .cont-hover a{position:absolute;text-indent:-9999px;}
.lst-prd>li .img-box{position:relative;}
.lst-prd>li .img-box:hover>.cont-hover{display:block;z-index:2;}
.lst-prd>li .cont-hover .btn-more{left:0;top:0;width:100%;height:100%;background:url('https://cdn.hwadong.com/new/common/img/product/ico-prd-lst01.png') calc(100% - 30px) 30px no-repeat;}
.lst-prd>li .cont-hover .btn-purchase{left:70px;bottom:30px;width:80px;height:80px;border-radius:50%;background:url('https://cdn.hwadong.com/new/common/img/product/ico-prd-lst02.png') 50% 50% no-repeat #151647;}
.lst-prd>li .cont-hover .btn-cart{right:70px;bottom:30px;width:80px;height:80px;border-radius:50%;background:url('https://cdn.hwadong.com/new/common/img/product/ico-prd-lst03.png') 50% 50% no-repeat #151647;}

.lst-prd>li .prd-txt{display:block;position:relative;cursor: default;}
.lst-prd>li .prd-txt .tit{height:115px;}
.lst-prd>li .prd-txt .tit dt{max-height:47px;padding-top:18px;margin:0 0 5px;font-size:18px;line-height:24px;color:#333;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all; overflow:hidden;}
.lst-prd>li .prd-txt .tit dd{max-height:35px;margin:0 0 7px;font-size:14px;line-height:18px;color:#888;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.lst-prd>li .prd-txt>p{font-size:14px;line-height:18px;color:#0075d8;position:absolute;left:0;top:115px;}

.lst-prd>li .box-price{position:relative;margin-top:25px;padding-top:20px;text-align:right;}
.lst-prd>li .box-price{font-size:14px;line-height:18px;}
.lst-prd>li .box-price .price{color:#888;position:absolute;right:0;top:0;}
.lst-prd>li .box-price .price span{text-decoration:line-through;}
.lst-prd>li .box-price .payment{color:#333;margin-top:2px;}
.lst-prd>li .box-price .payment span{display:inline-block;font-weight:700;font-size:24px;line-height:1;letter-spacing:-1px;}

/* .lst-prd>li.sold-out:before{content:'';display:block;position:absolute;left:40px;top:35px;width:224px;height:224px;border:4px solid #ffb200;border-radius:50%;z-index:3;}
.lst-prd>li.sold-out:after{content:'SOLD OUT';display:block;position:absolute;left:0;top:140px;width:100%;font-size:30px;line-height:1;text-align:center;font-weight:700;color:#ffb200;z-index:3;}*/
.lst-prd>li.sold-out .btn-img:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:2;}
/*.lst-prd>li.sold-out .prd-txt .tit dt,
.lst-prd>li.sold-out .box-price .payment,
.lst-prd>li.sold-out .prd-txt>p{color:#888;}
.lst-prd>li.sold-out .prd-txt .tit dd{color:#ff0000;}*/
.lst-prd>li.sold-out .cont-hover{display:none;}
.lst-prd>li.sold-out .img-box:hover>.cont-hover{display:none;}
.lst-prd>li.sold-out .ico-s-txt{z-index:3;}

.lst-prd.ty02>li{float:none;margin:0 0 30px 0;padding-bottom:30px;border-bottom:1px solid #ddd;}
.lst-prd.ty02>li{overflow:hidden;width:100%;}
.lst-prd.ty02>li:last-child{margin-bottom:0;}
.lst-prd.ty02>li.sold-out .btn-img:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;z-index:2;}
.lst-prd.ty02>li.sold-out:after{content:'마감';background-color:#ff0000;border-color:#ff0000;color:#fff;padding:3px 15px 5px;display:inline-block;font-size:16px;line-height:1;height:26px;box-sizing:border-box;color:#fff;border:1px solid transparent;position:absolute;left:0;top:0;z-index:3;}
.lst-prd.ty02>li .btn-img{float:left;}
.lst-prd.ty02>li .btn-img span{width:146px;height:146px;}
.lst-prd.ty02>li .btn-img span img{max-width:146px;max-height:146px;}
.lst-prd.ty02>li .btn-img:hover span{border-color:#151647;}
.lst-prd.ty02>li .prd-txt{float:right;width:calc(100% - 190px);}
.lst-prd.ty02>li .prd-txt:hover dt,
.lst-prd.ty02>li .prd-txt:hover dd{text-decoration:underline;}
.lst-prd.ty02>li .prd-txt .tit{max-height:55px;padding-right:30px;}
.lst-prd.ty02>li .prd-txt .tit dt{padding-top:0;padding-top:0; display:block;color:#333;max-height:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lst-prd.ty02>li .prd-txt .tit dd{display:block;color:#666;max-height:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lst-prd.ty02>li .prd-txt>p{position:static;}
.lst-prd.ty02>li .box-price{float:right;margin-top:20px;padding:0;}
.lst-prd.ty02>li .box-price>*{float:left;}
.lst-prd.ty02>li .box-price .price{position:static;margin:26px 30px 0 0;color:#333;font-size:18px;} /* 19.07.27 Modify */
.lst-prd.ty02>li .box-price .price span{text-decoration:none;font-weight:700;}
.lst-prd.ty02>li .box-price .payment{margin:20px 0 -13px 0;color:#ff0000;font-size:18px;}
.lst-prd.ty02>li .box-price .payment span{font-size:26px;} /* 19.07.27 Modify */
.lst-prd.ty02>li .box-price .btn-b-dBlue{margin-left:30px;}
.lst-prd.ty02>li .btn-like{left:auto;bottom:auto;top:0;right:0;}

/* 윈도우 팝업 + 레이어팝업 */
.body_wPopContainer{min-width:100%;}
#wPopContainer{border-top:5px solid #8a8aa3;}
#wPopContainer.w700{width:700px;height:489px;margin:0 auto;}
#wPopContainer .h1-tit,
.pop-layer .h1-tit{position:relative;font-size:30px;line-height:1;color:#222;text-align:center;font-weight:700;margin-top:75px;padding-top:35px;}
#wPopContainer .h1-tit:before,
.pop-layer .h1-tit:before{content:'';width:50px;height:4px;background:#151647;position:absolute;left:50%;top:0;margin-left:-25px;}
#wPopContainer .h1-tit + .cont-wPop{margin-top:50px;}

.pop-layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;}
.pop-layer.on{display:table;}
.pop-layer .wrap-layer{display:table-cell;vertical-align:middle;text-align:center;}
.pop-layer .tb-layer{position:relative;width:1010px;border:5px solid #8a8aa3;margin:0 auto;background:#fff;}
.pop-layer .cont-layer{margin-top:50px;}
.pop-layer .btn-close{position:absolute;right:30px;top:30px;width:40px;height:40px;text-indent:-9999px;font-size:0;transform:rotate(45deg);}
.pop-layer .btn-close:before,
.pop-layer .btn-close:after{content:'';display:block;background:#151647;position:absolute;}
.pop-layer .btn-close:before{width:40px;height:4px;left:0;top:50%;margin-top:-2px;}
.pop-layer .btn-close:after{width:4px;height:40px;left:50%;top:0;margin-left:-2px}

/* 이미지 슬라이드 */
.wrap-prd-img{position:relative;width:500px;margin:0 auto;}
.wrap-prd-img .lst-prd-img{padding-top:520px;width:390px;margin:0 auto;overflow:hidden;}
.wrap-prd-img .lst-prd-img img{max-width:450px;max-height:450px;}
.wrap-prd-img .lst-prd-img>ul .img-big+a>span img{max-width:55px;max-height:55px;}
.wrap-prd-img .lst-prd-img>ul{overflow:hidden;}
.wrap-prd-img .lst-prd-img a{display:table;width:70px;height:70px;text-align:center;}
.wrap-prd-img .lst-prd-img a>span{display:table-cell;table-layout:fixed;overflow:hidden;vertical-align:middle;position:relative;border:1px solid #ddd;box-sizing:border-box;}
.wrap-prd-img .lst-prd-img>ul ul .img-big{display:none;position:absolute;left:0;top:0;width:100%;height:500px;cursor:url('/new/common/img/common/icon_zoomin.ico'), auto;}
.wrap-prd-img .lst-prd-img>ul ul .on .img-big{display:table;}
.wrap-prd-img .lst-prd-img>ul ul .on .img-big span:after{display:none;}
.wrap-prd-img .lst-prd-img>ul ul .on .img-big+a>span{border-color:#151647;}
.wrap-prd-img .lst-prd-img>ul ul .img-big+a>span{max-width:70px;}
.wrap-prd-img .lst-prd-img>ul ul .on span:after{content:'';position:absolute;left:0;top:0;width:68px;height:68px;border:1px solid #151647;box-sizing:border-box;}
.wrap-prd-img .lst-prd-img>ul>li,
.wrap-prd-img .lst-prd-img>ul ul{float:left;width:390px;text-align:center;}
.wrap-prd-img .lst-prd-img>ul>li{padding-left:5px;}
.wrap-prd-img .lst-prd-img>ul ul li{display:inline-block;padding-left:5px;vertical-align:top;}
.wrap-prd-img .lst-prd-img>ul ul li.img-no a{background-color:#ddd;}
.wrap-prd-img .lst-prd-img>ul>li:first-child,
.wrap-prd-img .lst-prd-img>ul ul li:first-child{margin-left:-5px;}
div[class*="wrap-prd-img"] .btn-prev,
div[class*="wrap-prd-img"] .btn-next{position:absolute;bottom:25px;padding:0;background:transparent;font-size:0;width:24px;height:24px;border-top:1px solid #151647;border-right:1px solid #151647;transform:rotate(-135deg);}
div[class*="wrap-prd-img"] .btn-prev{left:7px;}
div[class*="wrap-prd-img"] .btn-next{transform:rotate(45deg);right:7px;}

/*화동옥션 sub main*/


/* 로그인 */
.login-container .box-bLine{margin:0 auto;}
.login-container .box-bLine.w406{width:406px;height:290px;}
.login-container .box-bLine.w406 .wrap-btn{margin-top:40px;}
.login-container .option-id{margin:17px 0 0 105px;display:inline-block;font-size:14px;color:#888;}
.login-container .option-id input{margin-top:3px;}
.login-container .lg_find{text-align:center;margin:36px 0 33px;}
.login-container .lg_find:after{content:'';display:block;clear:both;}
.login-container .lg_find li{display:inline-block;}
.login-container .lg_find li:before{content:'';display:inline-block;width:1px;height:10px;margin:7px 10px 0 10px;background:#ddd;vertical-align:top;}
.login-container .lg_find li:first-child:before{display:none;}
.login-container .lg_find li a{display:inline-block;font-size:14px;color:#333;}
.login-container .lg_simple dt{position:relative;font-size:18px;color:#333; text-align:center;}
.login-container .lg_simple dt strong{position:relative;display:inline-block;padding:0 20px;background:#fff;z-index:1;}
.login-container .lg_simple dt:before{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:100%;height:1px;background:#ddd;}
.login-container .lg_simple dd a,
.wPop-login .wrap-btn a{display:block;height:auto;text-align:center;padding:17px 0;margin-top:10px;line-height:20px;color:#fff;font-size:18px;}
.login-container .lg_simple dd a:before,
.wPop-login .wrap-btn a:before{content:'';display:inline-block;vertical-align:top;background:url('https://cdn.hwadong.com/new/common/img/common/ico-shear.png') 0 0 no-repeat;}
.login-container .lg_simple dd a:first-child,
.wPop-login .wrap-btn a:first-child{margin-top:24px;}
.login-container .lg_simple dd .btn-naver{background:#20bc01;border:1px solid #20bc01;}
.login-container .lg_simple dd .btn-naver:before{width:16px;height:16px;margin:1px 10px 0 0;}
.login-container .lg_simple dd .btn-cacao{background:#fae100;color:#32192c;border:1px solid #fae100;}
.login-container .lg_simple dd .btn-cacao:before{width:22px;height:20px;background-position:0 -17px;margin:0 8px 0 0;}
.login-container .lg_simple dd .btn-face{background:#5370ac;border:1px solid #5370ac;}
.login-container .lg_simple dd .btn-face:before{width:11px;height:18px;background-position:0 -38px;margin:0 10px 0 0;}
.login-container .dl-form .wrap-authentication{margin-top:20px;}
.login-container .dl-form .wrap-authentication .sText{display:inline-block;font-size:12px;font-family:Dotum,'돋움';line-height:24px;margin:6px 0 0 15px;}
.login-container .txt-find{padding-top:155px;text-align:center;color:#333;background:url('https://cdn.hwadong.com/new/common/img/member/bg-find.png') 50% 0 no-repeat;}

.login-container .lst-stepJoin{padding:0 40px;margin-bottom:50px;}
.login-container .lst-stepJoin>li{position:relative;float:left;width:276px;box-sizing:border-box;}
.login-container .lst-stepJoin>li:before{content:'';position:absolute;left:0;top:calc(50% - 18px);transform:rotate(-405deg);display:block;width:32px;height:32px;border:2px solid #151647;border-width:0 2px 2px 0;}
.login-container .lst-stepJoin>li:first-child:before{display:none;}
.login-container .lst-stepJoin>li:nth-child(2){width:362px;padding-left:84px;}
.login-container .lst-stepJoin>li:nth-child(3){width:302px;padding-left:84px;}
.login-container .lst-stepJoin>li>span{position:relative;display:block;padding:30px 0 79px; font-size:24px;color:#999;line-height:1;text-align:center;}
.login-container .lst-stepJoin>li>span:after{content:'';display:block;width:71px;height:54px;margin-left:-35px;position:absolute;left:50%;top:77px;background:url('https://cdn.hwadong.com/new/common/img/member/ico-step.png') 0 0 no-repeat;}
.login-container .lst-stepJoin>li:nth-child(2)>span:after{width:50px;height:53px;margin-left:-25px;background-position:0 -54px;}
.login-container .lst-stepJoin>li:nth-child(3)>span:after{width:68px;height:56px;margin-left:-34px;background-position:0 -107px;}
.login-container .lst-stepJoin>li.on span{color:#151647;font-weight:700;}
.login-container .lst-stepJoin>li.on:nth-child(1)>span:after{background-position:-71px 0;}
.login-container .lst-stepJoin>li.on:nth-child(2)>span:after{background-position:-71px -54px;}
.login-container .lst-stepJoin>li.on:nth-child(3)>span:after{background-position:-71px -107px;}

.login-container .lst-stepJoin>li:after{content:'';display:block;position:absolute;left:84px;top:-5px;z-index:-1;width:calc(100% - 84px);font-size:70px;font-weight:700;line-height:1;color:#eee;text-align:center;}
.login-container .lst-stepJoin>li:nth-child(1):after{content:'STEP1';width:100%;left:0;}
.login-container .lst-stepJoin>li:nth-child(2):after{content:'STEP2';}
.login-container .lst-stepJoin>li:nth-child(3):after{content:'STEP3';}

.login-container .lst-stepJoin:after{content:'';display:block;clear:both;}
.login-container .lst-btnJoin{margin-bottom:37px;}
.login-container .lst-btnJoin:after{content:'';display:block;clear:both;}
.login-container .lst-btnJoin .lg_simple{width:490px;}

.login-container .lg_simple dd .ico-phone:before,
.wPop-login .wrap-btn .ico-phone:before{width:21px;height:31px;background-position:0 -56px;margin:-5px 19px -6px 0;}
.login-container .lg_simple dd .ico-pin:before,
.wPop-login .wrap-btn .ico-pin:before{width:31px;height:26px;background-position:0 -87px;margin:-3px 20px -3px 0;}
.login-container .lg_simple dd .ico-company:before{width:24px;height:30px;background-position:0 -113px;margin:-6px 21px -5px 0;}

.login-container ul[class*='lst-tab01']{width:604px;margin:0 auto -2px;}

.login-container .box-member{width:518px;margin:50px auto 0;}

/*로그인 - 팝업*/
.wPop-login .cont-wPop{text-align:center;padding:0 105px;}
.wPop-login .wrap-btn{margin:50px 0;}
.wPop-login .wrap-btn a{margin-left:0;}
.wPop-login .ico-reference{display:inline-block;margin:0;}

/* 기타 */
.etc-container .h2-tit{position:relative;padding-top:200px;}
.etc-container .h2-tit:before{position:absolute;left:50%;top:0;content:'';display:block;width:161px;height:150px;margin-left:-80px;background:url('https://cdn.hwadong.com/new/common/img/etc/tit-etc.png') 0 0 no-repeat;}
.etc-container .h2-tit.ico-error:before{background-position:-161px 0;width:176px;margin-left:-88px;}
.etc-container .wrap-btn{width:518px;margin:46px auto 0;}
.etc-container .etc-content{margin:74px auto 20px;}
.etc-container .etc-content h2{margin-top:174px;}
.etc-container .etc-content .copyright{padding-top:30px;font-size:14px;text-align:center;}

/* 상품상세 */
.product-container .prd_row_top{margin-bottom:60px;}
.product-container .prd_row_top:after,
.product-container .prd_row_top .prd-info:after{content:'';display:block;clear:both;}
.product-container .prd_row_top .wrap-prd-img{float:left;width:500px;}
.product-container .prd_row_top .prd-right{float:right;width:470px;}
.product-container .prd_row_top .tit-box{margin-bottom:28px;}
.product-container .prd_row_top .tit-box>*[class*='ico-b']:first-child{margin-left:0;}
.product-container .prd_row_top .tit-box .state{float:right;line-height:26px;color:#0075d8;letter-spacing:-0.5px;}
.product-container .prd_row_top .tit-box .state:first-child{float:none;text-align:right;}
.product-container .prd_row_top .tit-box .c-blue:after{content:'';display:block;clear:both;}
.product-container .prd_row_top .tit-box h2{font-size:24px;line-height:28px;color:#333;margin:20px 0;word-break:break-all;}
.product-container .prd_row_top .tit-box h2+p{line-height:20px;}
.product-container .prd_row_top .prd-info{padding:15px 0;border:1px solid #ddd;border-width:1px 0;line-height:46px;}
.product-container .prd_row_top .prd-info dt{float:left;width:calc(100% - 362px);color:#333;}
.product-container .prd_row_top .prd-info dd{float:right;width:312px;}
.product-container .prd_row_top .prd-info .price{text-decoration:line-through;}
.product-container .prd_row_top .prd-info .payment{color:#ff0000;}
.product-container .prd_row_top .prd-info .payment>strong{display:inline-block;margin-right:1px;vertical-align:top;font-size:24px;font-weight:700;letter-spacing:-1px;}
.product-container .prd_row_top .prd-info dd .prd-amount{margin:5px 0;}
.product-container .prd_row_top .prd-info.ty02 dd{width:362px;text-align:right;}
.product-container .prd_row_top .prd-info.ty02+.prd-info.ty02{margin-top:-1px;}
.product-container .prd_row_top .wrap-btn{position:relative;margin:30px 0 20px 0;padding-left:52px;overflow:hidden;}
.product-container .prd_row_top .wrap-btn>div{margin:0;}
.product-container .prd_row_top .wrap-btn>div:after{content:'';display:block;clear:both;}
.product-container .prd_row_top .wrap-btn>div a{display:block;width:calc(100% - 10px);margin-left:10px;}
.product-container .prd_row_top .wrap-btn .ico-cart,
.product-container .prd_row_top .wrap-btn .ico-purchase{float:left;width:calc(50% - 10px);margin:0 0 0 10px;}
.product-container .prd_row_top .wrap-btn .ico-cart:before{content:'';display:inline-block;width:22px;height:20px;margin:-1px 5px 0 0;background:url('https://cdn.hwadong.com/new/common/img/product/ico-prd-lst03-2.png') 50% 50% no-repeat;vertical-align:top;}
.product-container .prd_row_top .wrap-btn .ico-purchase:before{content:'';display:inline-block;width:20px;height:20px;margin:-2px 5px 0 0;background:url('https://cdn.hwadong.com/new/common/img/product/ico-prd-lst02-2.png') 50% 50% no-repeat;vertical-align:top;}
.product-container .prd_row_top .wrap-btn .btn-like{position:absolute;left:0;top:0;padding:15px 13px;border:1px solid #ddd;}
.product-container .prd_row_top .wrap-btn .btn-like:after{width:24px;height:22px;background-position:0 0;}
.product-container .prd_row_top .wrap-btn .btn-like.on:after{background-position:0 -24px;}
.product-container .prd_row_top .box-sns{margin-top:20px;overflow:hidden;width:100%;}
.product-container .prd_row_top .box-sns .fl{color:#333;line-height:50px;}
.product-container .prd_row_top .box-sns a{position:relative;float:left;width:50px;height:50px;border-radius:50%;font-size:0;margin-left:5px;}
.product-container .prd_row_top .box-sns a:after{content:'';position:absolute;left:50%;top:50%;margin:-9px 0 0 -5px;width:11px;height:18px;background:url('https://cdn.hwadong.com/new/common/img/common/ico-shear.png') 0 0 no-repeat;background-position:0 -38px;}
.product-container .prd_row_top .box-sns .btn-face{background:#5370ac;}
.product-container .prd_row_top .box-sns .btn-link{background:#aaa;}
.product-container .prd_row_top .box-sns .btn-link:after{width:22px;height:22px;margin:-11px 0 0 -11px;background-position:0 -143px;}

.product-container .prd_cont-wrap ul[class*='lst-tab01']>li{width:auto;}
.product-container .prd_cont-wrap .wrap-fix{height:50px;}
.product-container .prd_cont-wrap .wrap-fix.fixed .lst-tab01{position:fixed;left:50%;top:190px;width:1020px;padding-top:10px;margin-left:-510px;background:#fff;z-index:3;}
.product-container .prd_cont-wrap .wrap-fix ~ .tab-cont:last-child>.no-data{margin:130px 0;}
.product-container .prd-detail{min-height:350px;}
.product-container .prd-detail .wrap-prd-img{width:100%;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img,
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul>li,
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul ul{width:540px;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img a{width:100px;height:100px;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul ul li .img-big{width:100%;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul ul li .img-big span{height:498px;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul ul li .img-big span img{max-width:100%;max-height:430px;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul ul .on span:after{width:98px;height:98px;}
.product-container .prd-detail .wrap-prd-img .lst-prd-img>ul .img-big+a>span img{max-width:80px;max-height:80px;}
.product-container .prd-detail .wrap-prd-img .btn-prev{left:192px;bottom:38px;}
.product-container .prd-detail .wrap-prd-img .btn-next{right:192px;bottom:38px;}
.product-container .prd-detail .wrap-prd-img .btn-prev.ty02{width:48px;height:48px;left:30px;top:216px;bottom:0;z-index:2;}
.product-container .prd-detail .wrap-prd-img .btn-next.ty02{width:48px;height:48px;right:30px;top:216px;bottom:0;z-index:2;}
.product-container .prd-detail .cont-detail{margin-top:50px;}

/* 연관상품 */
.wrap-prd-img02{position:relative;padding-top:40px;border-top:2px solid #151647;}
.wrap-prd-img02 .lst-prd-img{width:860px;margin:0 auto;overflow:hidden;}
.wrap-prd-img02 .lst-prd-img>ul{overflow:hidden;position:relative;}
.wrap-prd-img02 .lst-prd-img>ul>li{float:left;width:860px;text-align:center;}
.wrap-prd-img02 .lst-prd{margin:0;text-align:center;display:inline-block;width:auto;}
.wrap-prd-img02 .lst-prd>li{width:270px;margin:0 0 0 25px;text-align:left;}
.wrap-prd-img02 .lst-prd>li .btn-img span{width:268px;height:268px;}
.wrap-prd-img02 .lst-prd>li .btn-img span img{max-width:248px;max-height:248px;}
.wrap-prd-img02 .lst-prd>li .img-box:hover>.cont-hover{width:270px;height:290px;}
.wrap-prd-img02 .btn-prev,
.wrap-prd-img02 .btn-next{width:58px;height:58px;border-width:2px 2px 0 0;}
.wrap-prd-img02 .btn-prev{left:13px;top:143px;}
.wrap-prd-img02 .btn-next{right:13px;bottom:auto;top:143px;}
.wrap-prd-img02 .lst-prd-img .cont-hover .btn-purchase{left:50px;}
.wrap-prd-img02 .lst-prd-img .cont-hover .btn-cart{right:50px;}

/* 화동 오프라인 옥션 */
.product-container .wrap-offac:after{content:'';display:block;clear:both;}
.product-container .wrap-offac>.fl{width:305px}
.product-container .wrap-offac>.fl a{display:block;}
.product-container .wrap-offac>.fr>ul>li a:hover .img{border-color:#151647;}
/*.product-container .wrap-offac>.fl a .img,
.product-container .wrap-offac>.fr>ul>li a .img {display:table;width:100%;margin-bottom:20px;border:1px solid #151647;box-sizing:border-box;}*/
.product-container .wrap-offac>.fl a .img,
.product-container .wrap-offac>.fr>ul>li a .img {padding:10px; box-sizing:border-box; border:1px solid #ddd; margin-bottom:20px; height:305px; display:flex; text-align:center; justify-content:center; align-items:center;}
/*.product-container .wrap-offac>.fl a .img>span,
.product-container .wrap-offac>.fr>ul>li a .img>span{display:table-cell;width:100%;height:398px;text-align:center;vertical-align:middle;}*/
.product-container .wrap-offac>.fl a .img img,
.product-container .wrap-offac>.fr>ul>li a .img img{max-width:100%; max-height:100%; width:auto; height:auto;}
.product-container .wrap-offac>.fl a .number *,
.product-container .wrap-offac>.fr>ul>li a .number *{display:block;text-align:center;line-height:1.3;}
.product-container .wrap-offac>.fl a .number>strong,
.product-container .wrap-offac>.fr>ul>li a .number>strong{font-size:20px;color:#333;}
.product-container .wrap-offac>.fr{width:665px;}
.product-container .wrap-offac>.fr .wrap-tit{margin-top:0;}
.product-container .wrap-offac>.fr>ul{margin:20px 0 50px -40px;}
.product-container .wrap-offac>.fr>ul:after{content:'';display:block;clear:both;}
.product-container .wrap-offac>.fr>ul>li{float:left;width:33.33%;box-sizing:border-box;padding-left:40px;margin-top:50px;}
.product-container .wrap-offac>.fr>ul>li:nth-child(1),
.product-container .wrap-offac>.fr>ul>li:nth-child(2),
.product-container .wrap-offac>.fr>ul>li:nth-child(3){margin-top:0;}
.product-container .wrap-offac>.fr>ul>li a{display:block;}
.product-container .wrap-offac>.fr>ul>li a .img{border-color:#ddd; padding:10px; box-sizing:border-box; height:218px; display:flex; text-align:center; justify-content:center; align-items:center;}
.product-container .wrap-offac>.fr>ul>li a .img>span{height:218px;}

/*이미지 확대보기 레이어 팝업*/
#pop-photo.pop-layer .wrap-prd-img{width:800px;margin-bottom:80px;}
#pop-photo.pop-layer .wrap-prd-img .btn-prev{left:80px;bottom:35px;}
#pop-photo.pop-layer .wrap-prd-img .btn-next{right:80px;bottom:35px;}
#pop-photo.pop-layer .wrap-prd-img .btn-prev.ty02,
#pop-photo.pop-layer .wrap-prd-img .btn-next.ty02{width:58px;height:58px;border-width:2px 2px 0 0;bottom:auto;top:200px;}
#pop-photo.pop-layer .wrap-prd-img .btn-prev.ty02{left:-63px;}
#pop-photo.pop-layer .wrap-prd-img .btn-next.ty02{right:-63px;}
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img,
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img ul ul,
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img>ul>li{width:537px;}
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img li li a:last-child{width:100px;height:100px;}
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img>ul ul .on span:after{width:98px;height:98px;}
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img img{max-width:750px;max-height:450px;}
#pop-photo.pop-layer .wrap-prd-img .lst-prd-img>ul .img-big+a>span img{max-width:80px;max-height:80px;}

#pop-photo-list.pop-layer .wrap-prd-img{width:800px;margin-bottom:80px;}
#pop-photo-list.pop-layer .wrap-prd-img .btn-prev{left:80px;bottom:35px;}
#pop-photo-list.pop-layer .wrap-prd-img .btn-next{right:80px;bottom:35px;}
#pop-photo-list.pop-layer .wrap-prd-img .btn-prev.ty02,
#pop-photo-list.pop-layer .wrap-prd-img .btn-next.ty02{width:58px;height:58px;border-width:2px 2px 0 0;bottom:auto;top:200px;}
#pop-photo-list.pop-layer .wrap-prd-img .btn-prev.ty02{left:-63px;}
#pop-photo-list.pop-layer .wrap-prd-img .btn-next.ty02{right:-63px;}
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img,
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img ul ul,
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img>ul>li{width:537px;}
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img li li a:last-child{width:100px;height:100px;}
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img>ul ul .on span:after{width:98px;height:98px;}
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img img{max-width:750px;max-height:450px;}
#pop-photo-list.pop-layer .wrap-prd-img .lst-prd-img>ul .img-big+a>span img{max-width:80px;max-height:80px;}

#pop-photo-detail.pop-layer .wrap-prd-img{width:800px;margin-bottom:80px;}
#pop-photo-detail.pop-layer .wrap-prd-img .btn-prev{left:80px;bottom:35px;}
#pop-photo-detail.pop-layer .wrap-prd-img .btn-next{right:80px;bottom:35px;}
#pop-photo-detail.pop-layer .wrap-prd-img .btn-prev.ty02,
#pop-photo-detail.pop-layer .wrap-prd-img .btn-next.ty02{width:58px;height:58px;border-width:2px 2px 0 0;bottom:auto;top:200px;}
#pop-photo-detail.pop-layer .wrap-prd-img .btn-prev.ty02{left:-63px;}
#pop-photo-detail.pop-layer .wrap-prd-img .btn-next.ty02{right:-63px;}
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img,
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img ul ul,
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img>ul>li{width:537px;}
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img li li a:last-child{width:100px;height:100px;}
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img>ul ul .on span:after{width:98px;height:98px;}
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img img{max-width:750px;max-height:450px;}
#pop-photo-detail.pop-layer .wrap-prd-img .lst-prd-img>ul .img-big+a>span img{max-width:80px;max-height:80px;}


/* filter */
#pop-filter .tb-layer{width:690px;}
#pop-filter .cont-layer{padding:0 30px 80px 30px;}
#pop-filter .cont-layer .tb-info td{text-align:left;}

/* 고객센터 팝업*/
.wPop-cs{width:400px;height:272px;margin:0 auto;}
.wPop-cs .cont-wPop{margin:50px 77PX 0 77PX;text-align:center;}
.wPop-cs .cont-wPop .txt-cs{font-size:18px;color:#222;margin-bottom:15px;}
.wPop-cs .cont-wPop .txt-cs:before{content:'';display:inline-block;width:30px;height:33px;margin:-5px 10px 0 0;vertical-align:top;background:url('https://cdn.hwadong.com/new/common/img/common/ico-call.png') 0 0 no-repeat;}
.wPop-cs .cont-wPop .txt-cs+p{font-size:30px;font-weight:700;color:#151647;line-height:34px;}
.wPop-cs .cont-wPop .wrap-btn{margin-top:30px;}

/* qna 팝업 */
.wPop-qna{width:1020px;height:888px;margin:0 auto;}
.wPop-qna .wrap-sTxt{margin-top:50px;}
.wPop-qna .cont-wPop{padding:0 30px;}
.wPop-qna .selectric-wrapper{width:200px;}

/* 장바구니 */
.h2-wrap-tit{margin-top:42px;}
.h2-wrap-tit:after{content:'';display:block;clear:both;}
.h2-wrap-tit .h2-tit{float:left;margin-top:0;}
.h2-wrap-tit .lst-step{float:right;overflow:hidden;margin-top:26px;}
.h2-wrap-tit .lst-step>li{position:relative;float:left;padding-right:20px;line-height:1;}
.h2-wrap-tit .lst-step>li:after{content:"";position:absolute;right:8px;top:50%;margin-top:-2.5px;display:inline-block;width:4px;height:5px;background:url('https://cdn.hwadong.com/new/common/img/cart/bg-lstStep.png') 0 -5px no-repeat;}
.h2-wrap-tit .lst-step>li.on{color:#0066ff;}
.h2-wrap-tit .lst-step>li.on:after{background-position:0 0;}
.h2-wrap-tit .lst-step>li:last-child{padding-right:0;}
.h2-wrap-tit .lst-step>li:last-child:after{display:none;}

.cart-container .no-data,
.no-data.line{margin-top:20px;padding:165px 0 50px;background-position:50% 50px;border-top:2px solid #151647;border-bottom:1px solid #ddd;}


/* 검색 팝업 */
#pop-search .h1-tit{margin:45px 0 0 0;padding:0;}
#pop-search .h1-tit:before{display:none;}
#pop-search .cont-layer .link-lst-tab01{margin:0 30px;}
#pop-search .cont-layer .link-lst-tab01>li{width:calc(25% + 1px);}
#pop-search .cont-layer .link-lst-tab01>li:first-child{width:25%;}
#pop-search .cont-layer .tab-cont{text-align:left;padding:0 80px;margin:50px 0;height:610px;overflow-y:scroll;}
#pop-search .cont-layer .tab-cont>*:not(.box-search){width:850px;}
#pop-search .cont-layer .tab-search-cont{text-align:left;padding:0 80px;margin:50px 0;height:610px;overflow-y:scroll;}
#pop-search .cont-layer .tab-search-cont>*:not(.box-search){width:850px;}
#pop-search .cont-layer .box-prd-search{margin-top:30px;}
#pop-search .cont-layer .box-prd-search>dl{overflow:hidden;width:100%;text-align:left;margin-top:50px;}
#pop-search .cont-layer .box-prd-search>dl:first-child{margin-top:0;}
#pop-search .cont-layer .box-prd-search>dl>dt{float:left;width:100px;font-size:20px;color:#333;line-height:22px;}
#pop-search .cont-layer .box-prd-search>dl>dd{float:right;width:calc(100% - 100px);}
#pop-search .cont-layer .box-prd-search .multiple-sel>dl,
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box{float:left;width:280px}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box{width:114px;height:375px;display:table;padding:0 38px;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span{display:table-cell;vertical-align:middle;padding-top:34px;text-align:center;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span a{display:block;text-align:center;line-height:28px;border:1px solid #151647;color:#fff;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span .btn-add{background:#151647;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span .btn-add:after{content:'';display:inline-block;width:6px;height:6px;border-top:1px solid #fff;border-left:1px solid #fff;transform:rotate(135deg);vertical-align:top;margin:11px 0 0 3px;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span .btn-del{margin-top:10px;color:#151647;}
#pop-search .cont-layer .box-prd-search .multiple-sel .btn-box>span .btn-del:before{content:'';display:inline-block;width:6px;height:6px;border-top:1px solid #151647;border-left:1px solid #151647;transform:rotate(-45deg);vertical-align:top;margin:11px 3px 0 0;}

#pop-search .cont-layer .box-prd-search .multiple-sel dt{margin-bottom:10px;text-align:center;font-weight:700;color:#151647;}
#pop-search .cont-layer .box-prd-search .multiple-sel dd input{width:100%;height:40px;line-height:40px}
#pop-search .cont-layer .box-prd-search .multiple-sel dd input:-ms-input-placeholder{color:#999;height:40px; line-height:16px; padding:9px 10px 15px;}
#pop-search .cont-layer .box-prd-search .multiple-sel dd>ul{height:300px;overflow-y:scroll;border:1px solid #ddd;border-width:0 1px 1px 1px;}
#pop-search .cont-layer .box-prd-search .multiple-sel dd>ul a{display:block;padding:0 10px;line-height:30px;}
#pop-search .cont-layer .box-prd-search .multiple-sel dd>ul .on>a{background:#f2f7fe;}

#pop-search .cont-layer .box-prd-search>dl>dd>ul{overflow:hidden;margin-top:-10px;}
#pop-search .cont-layer .box-prd-search>dl>dd>ul>li{float:left;margin-top:10px;}
#pop-search .cont-layer .box-prd-search>dl>dd>ul>li label{display:inline-block;line-height:1;}
#pop-search .cont-layer .box-prd-search>dl>dd>ul>li input{vertical-align:top;margin-top:1px;}
#pop-search .cont-layer .lst-period li{width:33.33%;}
#pop-search .cont-layer .lst-whereabout li{width:20%;}
#pop-search .cont-layer .lst-topic li{width:20%;}

#pop-search .cont-layer .wrap-tit:after{content:'';display:block;clear:both;}
#pop-search .cont-layer .wrap-tit:first-child{margin-top:0;overflow:visible;}
#pop-search .cont-layer .wrap-tit .h3-tit{float:left;}
#pop-search .cont-layer .wrap-tit.ty02{margin-bottom:0;}
#pop-search .cont-layer .wrap-tit.ty02 .h3-tit{margin-top:15px;}
#pop-search .cont-layer .wrap-tit.ty02 .selectric-wrapper{float:right;width:200px;}

#pop-search .cont-layer .tab-cont .lst-megazine{overflow:hidden;margin:0 0 0 -40px;width:890px;}
#pop-search .cont-layer .lst-megazine li{float:left;width:33.33%;padding-left:40px;margin-top:48px;box-sizing:border-box;}
#pop-search .cont-layer .lst-megazine li:nth-child(1),
#pop-search .cont-layer .lst-megazine li:nth-child(2),
#pop-search .cont-layer .lst-megazine li:nth-child(3){margin-top:30px;}
#pop-search .cont-layer .lst-megazine li>a{display:block;}
#pop-search .cont-layer .lst-megazine li p:first-child{ width:100%; height:200px; border:1px solid #ddd; box-sizing:border-box; padding:10px; display:-webkit-box; display:-ms-flexbox; display:flex; text-align:center; justify-content:center; align-items:center;}
#pop-search .cont-layer .lst-megazine li p:first-child span{display:table-cell;vertical-align:middle;text-align:center;}
#pop-search .cont-layer .lst-megazine li a:hover p{border-color:#151647;}
#pop-search .cont-layer .lst-megazine li p img{max-width:100% !important; max-height:100% !important; width:auto; height:auto;}
#pop-search .cont-layer .lst-megazine li p:last-child span{display:block;color:#333;text-align:center;line-height:20px}
#pop-search .cont-layer .lst-megazine li p:last-child span:first-child{margin-top:13px;}
 
#pop-search .cont-layer .tb-info.ty04 td{color:#333;}
#pop-search .cont-layer .tb-info.ty04 td a{display:block;text-align:left;}
#pop-search .cont-layer .data-domestic,
#pop-search .cont-layer .data-foreign,
#pop-search .cont-layer .data-etc,
#pop-search .cont-layer .data-news{display:block;padding-top:55px;}
#pop-search .cont-layer .tb-info.ty04 td > span{position:relative;}
#pop-search .cont-layer .tb-info.ty04 td > span:before{content:'';display:block;position:absolute;left:50%;top:0;background:url('https://cdn.hwadong.com/new/common/img/search/ico-data.png') 0 0 no-repeat;}
#pop-search .cont-layer .tb-info.ty04 td > .data-domestic:before{width:50px;height:50px;margin-left:-25px;background-position:0 0;}
#pop-search .cont-layer .tb-info.ty04 td > .data-foreign:before{width:50px;height:50px;margin-left:-25px;background-position:-50px 0;}
#pop-search .cont-layer .tb-info.ty04 td > .data-etc:before{width:53px;height:50px;margin-left:-26px;background-position:-100px 0;}
#pop-search .cont-layer .tb-info.ty04 td > .data-news:before{width:47px;height:50px;margin-left:-23px;background-position:-153px 0;}

#pop-search .cont-layer .box-search{width:950px;margin-left:-50px;box-sizing:border-box;}
#pop-search .btn-b-dBlue, #pop-search .btn-b-gray {min-width:200px;}
#pop-search .sch-more {position:relative; display:block; width:100%; font-size:0; padding:30px 0;}
#pop-search .sch-more:after {content:""; position:absolute; left:50%; top:50%; margin-left:-13px; transform:rotate(45deg); display:block; width:16px; height:16px; border:2px solid #333; border-width:0 2px 2px 0; transition:all 0.5s;}
#pop-search .sch-more.on:after {top:calc(calc(50% + 4px));transform:rotate(-135deg);}

/*검색box*/
.box-search{padding:34px 150px;background:#f5f5f5;}
.box-search .input-box{position:relative;}
.box-search .input-box input{width:100%;height:50px;padding-right:30px;line-height:50px;border-color:#151647;}
.box-search .input-box input[type="text"]:-ms-input-placeholder{height:50px; line-height:16px; padding:13px 10px 14px;}
.box-search .input-box input[type=text]::-ms-clear{display:none;}
.box-search .input-box .btn-del{display:none;position:absolute;right:10px;top:calc(50% - 10px);width:20px;height:20px;transform:rotate(45deg);font-size:0;}
.box-search .input-box .btn-del:before,
.box-search .input-box .btn-del:after{content:'';display:block;background:#333;position:absolute;}
.box-search .input-box .btn-del:before{width:20px;height:2px;left:0;top:calc(50% - 1px);}
.box-search .input-box .btn-del:after{width:2px;height:20px;left:calc(50% - 1px);;top:0;}
.box-search .input-box.on .btn-del{display:block;}

.box-textarea .btn-del{display:none;position:absolute;right:100px;top:calc(50% - 10px);width:20px;height:20px;transform:rotate(45deg);font-size:0;}
.box-textarea .btn-del:before,
.box-textarea .btn-del:after{content:'';display:block;background:#333;position:absolute;}
.box-textarea .btn-del:before{width:20px;height:2px;left:0;top:calc(50% - 1px);}
.box-textarea .btn-del:after{width:2px;height:20px;left:calc(50% - 1px);;top:0;}
.box-textarea.on .btn-del{display:block;}

.box-search.ty02:after{content:'';display:block;clear:both;}
.box-search.ty02 .selectric-wrapper{position:relative;float:left;width:160px;height:50px;}
.box-search.ty02 .selectric-wrapper:after{content:'';position:absolute;right:0;top:50%;margin-top:-18px;display:inline-block;width:1px;height:36px;background:#151647;}
.box-search.ty02 .selectric-wrapper .selectric{height:50px;line-height:48px;border-right:none;border-color:#151647;}
.box-search.ty02 .selectric-wrapper .selectric .label{line-height:48px;text-align:left;}
.box-search.ty02 .selectric-wrapper .selectric-items li{text-align:left;}
.box-search.ty02 .input-box{float:left;width:390px;}
.box-search.ty02 .input-box input{border-left:none;}
.box-search.ty02 .btn-m-dBlue{float:right;}

.box-search02{border:1px solid #151647;font-size:14px;}
.box-search02:after{content:'';display:block;clear:both;}
.box-search02>*{float:left;}
.box-search02 .selectric-wrapper{width:74px;position:relative;}
.box-search02 .selectric-wrapper:after{content:'';width:1px;height:30px;background:#151647;position:absolute;right:0;top:50%;margin-top:-15px;}
.box-search02 .selectric-wrapper .selectric{border-color:transparent;}
.box-search02 .selectric-wrapper .selectric-items{top:calc(100% + 2px);}
.box-search02>input{width:210px;border-color:transparent;font-size:14px;}
.box-search02 .btn-search{width:32px;height:36px;text-indent:-9999px;font-size:0;background:url('https://cdn.hwadong.com/new/common/img/common/btn-sch02.png') 0 50% no-repeat;}

.box-search.ty03:after{content:'';display:block;clear:both;}
.box-search.ty03 .input-box{float:left;width:calc(100% - 100px);}
.box-search.ty03 .btn-m-dBlue{float:right}

/* 배송지 관리, 등록, 수정 */
.wPop-delivery{width:1200px;height:985px;margin:0 auto;}
.wPop-delivery.ty02{width:1020px;height:915px}
.wPop-delivery .cont-wPop{padding:0 35px;}
.wPop-delivery .tb-info.ty03 th{text-align:center;padding:20px 0;}
.wPop-delivery .tb-info.ty03 td{text-align:center;padding:20px 10px;color:#333;line-height:20px;}
.wPop-delivery .tb-info.ty03 td:last-child a{margin-top:10px;}
.wPop-delivery .tb-info.ty03 td:last-child a:first-child{margin-top:0;}
.wPop-delivery .tb-info.ty03 td a{margin-left:0;}
.wPop-delivery .tb-info.ty02 .box-tel{display:inline-block;}
.wPop-delivery .tb-info.ty02 .box-tel+.txt-warning{margin-left:10px;}

/* 주문 결제 */
.cart-container .wrap-tit .ico-check:before{content:'';display:inline-block;width:12px;height:12px;margin:1px 5px 0 0;vertical-align:top;background:url('https://cdn.hwadong.com/new/common/img/cart/bg-check.png') 50% 50% no-repeat;}

.tb-payInfo{border-top:2px solid #151647;}
.tb-payInfo td{text-align:center;vertical-align:middle;padding:15px 20px;border:1px solid #ddd;border-width:0 0 1px 1px;}
.tb-payInfo td:first-child{border-left:none;}

.tb-payInfo tr:first-child{background:#f4f4f4;}
.tb-payInfo tr:first-child td{color:#333;position:relative;}
.tb-payInfo tr:first-child td>*{display:block;}
.tb-payInfo tr:first-child td>p{margin-top:5px;}
.tb-payInfo tr:first-child td>p span{font-weight:700;font-size:24px;letter-spacing:-1px;margin-right:3px;}
.tb-payInfo tr:first-child td img{position:absolute;right:-15px;top:50%;margin-top:-15px;}
.tb-payInfo tr:first-child td:last-child{color:#ff0000;}
.tb-payInfo tr:last-child td{vertical-align:top;}
.tb-payInfo tr:last-child td p{overflow:hidden;line-height:30px;}
.tb-payInfo tr:last-child td p span:first-child{float:left;}
.tb-payInfo tr:last-child td p span:last-child{float:right;}

/* 온라인 옥션상품 - 응찰하기 */
.cart-container .box-prd-name{padding:21px 17px 24px;margin-bottom:50px;border:2px solid #151647;}
.cart-container .box-prd-name dt{font-size:20px;line-height:28px;font-weight:700;color:#333;}
.cart-container .box-prd-name dd{line-height:23px;}

/* 주문확인서 팝업 */
.wPop-order{width:1020px;height:917px;margin:0 auto;}
.wPop-order .cont-wPop{padding:0 35px;}
.wPop-order .cont-order div{overflow:hidden;margin-bottom:30px;}
.wPop-order .cont-order div .fl{width:320px}
.wPop-order .cont-order div .fl h2{font-size:30px;font-weight:700;color:#333;margin-bottom:25px;}
.wPop-order .cont-order div .fl p{font-size:18px;color:#333;line-height:25px;}
.wPop-order .cont-order div .fl p strong{display:block;color:#0066ff;}
.wPop-order .cont-order div .fr{width:630px}
.wPop-order .cont-order div .tb-info.ty05 th{padding:9px 20px;}
.wPop-order .cont-order div .tb-info.ty05 td{text-align:left;padding-right:20px;padding-left:20px;}
.wPop-order .cont-order .tb-info .total{background:#f4f4f4;}

/*고객센터+마이페이지 공통*/
.lnb+.wrap-content .h2-wrap-tit .h2-tit{font-size:30px;}
.lnb+.wrap-content .mCont-txt{font-size:14px;line-height:22px;}
.lnb+.wrap-content .mCont-txt02{font-size:16px;line-height:24px;color:#333;}
.lnb+.wrap-content .mCont-txt02+.mCont-txt02{margin-top:20px;}
/*.lnb+.wrap-content .wrap-tit .prd-mumber{margin-top:8px;}*/
.lnb+.wrap-content .wrap-tit .fr a{margin-left:10px;}
/*
.lnb+.wrap-content table{font-size:14px;height:auto;}
.lnb+.wrap-content table a[class*="btn-"]{font-size:14px;padding:11px 19px 8px;}
.lnb+.wrap-content table .clamp-1{line-height:1.3;}
.lnb+.wrap-content table th,
.lnb+.wrap-content table td{height:auto;line-height:1.3;}
*/
.lnb+.wrap-content .h2-wrap-tit+.wrap-tit{margin-top:20px;}
.lnb+.wrap-content .h4-tit{margin:50px 0 20px;color:#333;}
.lnb+.wrap-content .h3-tit03+.h4-tit{margin-top:30px;}
.lnb+.wrap-content .tab-cont .h3-tit03+.img-box,
.lnb+.wrap-content .tab-cont .h4-tit04+.img-box{margin-top:-5px;}
.lnb+.wrap-content .pageing a:not[class*="btn-"]{font-size:14px;}
.lnb+.wrap-content .lst-tab01{margin-top:45px;}

/*고객센터*/
.customer-container .box-qna{width:575px;margin:0 auto;}
.customer-container .box-qna dl{padding-bottom:10px;border-bottom:3px solid #151647;}
.customer-container .box-qna dl:after{content:'';display:block;clear:both;}
.customer-container .box-qna dt,
.customer-container .box-qna dd{float:left;line-height:1;}
.customer-container .box-qna dt{width:86px;font-size:30px;line-height:36px;font-weight:700;color:#151647;}
.customer-container .box-qna dd{width:calc(100% - 86px);}
.customer-container .box-qna dd>*{float:left;}
.customer-container .box-qna dd input{width:calc(100% - 30px);border:none;padding-right:30px;}
.customer-container .box-qna dd .s-box+input{width:calc(100% - 230px);padding-right:0;}
.customer-container .box-qna dd button{width:30px;height:36px;background-position:100% 50%;font-size:0;text-indent:-9999px;}
.customer-container .box-qna dd .btn-del{position:relative;}
.customer-container .box-qna dd .btn-del:before,
.customer-container .box-qna dd .btn-del:after{content:'';display:block;width:4px;height:40px;background:#151647;position:absolute;right:14px;top:0;transform:rotate(45deg);}
.customer-container .box-qna dd .btn-del:after{transform:rotate(-45deg);}
.customer-container .box-qna .s-box{float:left;}
.customer-container .box-qna .s-box:after{content:'';display:block;clear:both;}
.customer-container .box-qna .s-box .selectric-wrapper{width:100px;float:left;position:relative;}
.customer-container .box-qna .s-box .selectric-wrapper:first-child .selectric{padding-left:0;}
.customer-container .box-qna .s-box .selectric-wrapper:after{content:'';display:block;width:1px;height:13px;background:#ddd;position:absolute;right:0;top:50%;margin-top:-6px;}
.customer-container .box-qna .s-box .selectric-wrapper:last-child:after{display:none;}
.customer-container .box-qna .s-box .selectric{border-color:transparent;}
.customer-container .box-qna .s-box .selectric .label{font-size:14px;}
.customer-container .lst-faq{text-align:center;}
.customer-container .lst-faq>li{position:relative;display:inline-block;margin-top:15px;}
.customer-container .lst-faq>li:after{content:'';position:absolute;right:0;top:50%;margin-top:-5px;display:block;width:1px;height:13px;background:#ddd;}
.customer-container .lst-faq>li a{position:relative;font-size:14px;color:#888;padding:0 10px 0 5px;}
.customer-container .lst-faq>li a:hover{color:#333;}
.customer-container .lst-faq>li:first-child a{padding-left:0;}
.customer-container .lst-faq>li:last-child:after{display:none;}

.customer-container .tab-cont .img-box{overflow:hidden;width:100%;margin:30px 0; text-align: center;}
.customer-container .tab-cont .img-box:last-child{margin-bottom:0;}
.customer-container .tab-cont .img-box>.fl,
.customer-container .tab-cont .img-box>.fr{width:400px;}
.customer-container .tab-cont .img-box.col03>.fl,
.customer-container .tab-cont .img-box.col03>.fr{width:254px;margin-right:29px}
.customer-container .tab-cont .img-box.col03>.fr{margin-right:0;}
.customer-container .tab-cont .img-box>p span{display:block;text-align:center;font-size:14px;margin-top:10px;}

.customer-container .lst-ac-info{margin:0 0 50px -25px;text-align:center;}
.customer-container .lst-ac-info:after{content:'';display:block;clear:both;}
.customer-container .lst-ac-info>li{position:relative;float:left;width:23%;padding:0 0 0 25px;box-sizing:border-box;font-size:14px;}
.customer-container .lst-ac-info>li:nth-child(2){width:31%;}
.customer-container .lst-ac-info>li>strong{display:block;padding-top:100px;color:#333;}
.customer-container .lst-ac-info>li:nth-child(1)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab01-01.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info>li:nth-child(2)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab01-02.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info>li:nth-child(3)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab01-03.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info>li:nth-child(4)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab01-04.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info>li:before{content:'';display:block;width:25px;height:40px;position:absolute;left:0;top:19px;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-arrow.png') 0 0 no-repeat;}
.customer-container .lst-ac-info>li:nth-child(1):before{display:none;}

.customer-container .lst-ac-info.ty02>li{width:20%;}
.customer-container .lst-ac-info.ty02>li:nth-child(1)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab03-01.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty02>li:nth-child(2)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab03-02.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty02>li:nth-child(3)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab03-03.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty02>li:nth-child(4)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab03-04.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty02>li:nth-child(5)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-tab03-05.png') 50% 0 no-repeat;}

.customer-container .sCont-txt+.lst-ac-info{margin-top:30px;}

.customer-container .dl-ac-center{margin-top:80px;padding:20px 0 0 90px;height:120px;box-sizing:border-box;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-ac-center.png') 90px 50% no-repeat #f4f4f4;}
.customer-container .dl-ac-center:after{content:'';display:block;clear:both;}
.customer-container .dl-ac-center>*{float:left;box-sizing:border-box;}
.customer-container .dl-ac-center dt{width:320px;height:80px;line-height:80px;padding-left:75px;font-size:24px;font-weight:700;color:#151647;border-right:2px solid #ddd;}
.customer-container .dl-ac-center dd{width:calc(100% - 320px);padding-left:45px;line-height:24px;color:#333;font-size:14px;}
.customer-container .dl-ac-center dd a{color:#333;}
.customer-container .dl-ac-center dt+dd{margin-top:2px;}

.customer-container .dl-ac-center.ty02{padding:25px 0 25px 195px;height:auto;}
.customer-container .dl-ac-center.ty02>*{float:none;padding-left:0;}
.customer-container .dl-ac-center.ty02>dt{height:auto;line-height:1;border:none;margin-bottom:10px;}
.customer-container .dl-ac-center.ty02>dd{display:inline-block;width:auto;}
.customer-container .dl-ac-center.ty02>dd:before{content:'';display:inline-block;margin:6px 7px 0 5px;width:1px;height:13px;background:#ddd;vertical-align:top;}
.customer-container .dl-ac-center.ty02>dt+dd:before,
.customer-container .dl-ac-center.ty02>dd:last-child:before{display:none;}
.customer-container .dl-ac-center.ty02>dd:last-child{display:block;}

.customer-container .lst-down{overflow:hidden;width:100%;height:auto;}
.customer-container .lst-down>li{float:left;width:33.33%;text-align:center;border-left:1px solid #ddd;box-sizing:border-box;}
.customer-container .lst-down>li:first-child{border-left:none;}
.customer-container .lst-down>li>a{margin-top:20px;}
.customer-container .lst-down>li>p>img{height: 60px;}

.customer-container .lst-ac-info.ty03>li:nth-child(1)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-pmg01.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty03>li:nth-child(2)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-pmg02.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty03>li:nth-child(3)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-pmg03.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty03>li:nth-child(4)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-pmg04.png') 50% 0 no-repeat;}


.customer-container .sel-box:after{content:'';display:block;clear:both;}
.customer-container .sel-box>div{float:right;width:160px;font-size:14px;}

.customer-container .purchase01{padding:20px 0 20px 180px;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-purchase01.png') 53px 50% no-repeat #f4f4f4;}
.customer-container .purchase02{padding:20px 0 20px 180px;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-purchase02.png') 44px 50% no-repeat #f4f4f4;}
.customer-container .purchase03{padding:20px 0 20px 180px;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-purchase03.png') 50px 50% no-repeat #f4f4f4;}
.customer-container .purchase04{padding:20px 0 20px 180px;background:url('https://cdn.hwadong.com/new/common/img/customer/bg-purchase04.png') 40px 50% no-repeat #f4f4f4;}

.customer-container .lst-ac-info.ty04>li{width:20%;}
.customer-container .lst-ac-info.ty04>li:before{display:none;}
.customer-container .lst-ac-info.ty04>li:nth-child(1)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-member01.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty04>li:nth-child(2)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-member02.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty04>li:nth-child(3)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-member03.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty04>li:nth-child(4)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-member04.png') 50% 0 no-repeat;}
.customer-container .lst-ac-info.ty04>li:nth-child(5)>strong{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-member05.png') 50% 0 no-repeat;}

.customer-container .tb-notice td,
.customer-container .tb-notice a{color:#333;line-height:22px;}
.customer-container .tb-notice a:hover{text-decoration:underline;}

.customer-container .lst-customer{margin:50px 0 0 -19px;}
.customer-container .lst-customer:after{content:'';display:block;clear:both;}
.customer-container .lst-customer li{float:left;width:25%;padding-left:19px;box-sizing:border-box;}
.customer-container .lst-customer li a{position:relative;display:block;height:125px;padding:25px 0 0 20px;font-weight:700;color:#333;}
.customer-container .lst-customer li a:after{content:'';display:block;position:absolute;}
.customer-container .lst-customer li:nth-child(1) a{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-customer01.png') calc(100% - 20px) calc(100% - 20px) no-repeat #fafafa;}
.customer-container .lst-customer li:nth-child(2) a{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-customer02.png') calc(100% - 20px) calc(100% - 20px) no-repeat #fafafa;}
.customer-container .lst-customer li:nth-child(3) a{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-customer03.png') calc(100% - 20px) calc(100% - 20px) no-repeat #fafafa;}
.customer-container .lst-customer li:nth-child(4) a{background:url('https://cdn.hwadong.com/new/common/img/customer/bg-customer04.png') calc(100% - 20px) calc(100% - 20px) no-repeat #fafafa;}

/* 마이페이지 */
.mypage-container .lnb-lst-my a{display:block;padding:13px;border:1px solid #ddd;margin-top:-1px;font-size:14px;}
.mypage-container .lnb-lst-my a strong{display:block;color:#151647;line-height:1;}
.mypage-container .lnb-lst-my a span{display:block;text-align:right;line-height:1;color:#333;}
.mypage-container .lnb-lst-my a span:after{content:'';display:inline-block;width:8px;height:8px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);}
.mypage-container .lnb-lst-my02{overflow:hidden;width:100%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;margin:10px 0 30px;}
.mypage-container .lnb-lst-my02>li{float:left;width:50%;border-top:1px solid #ddd;border-right:1px solid #ddd;;box-sizing:border-box;}
.mypage-container .lnb-lst-my02>li>a{display:block;text-align:center;font-size:14px;color:#333;line-height:1;padding:54px 0 10px;}
.mypage-container .lnb-lst-my02>li:nth-child(1) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb01.png') 50% 11px no-repeat;}
.mypage-container .lnb-lst-my02>li:nth-child(2) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb02.png') 50% 7px no-repeat;}
.mypage-container .lnb-lst-my02>li:nth-child(3) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb03.png') 50% 7px no-repeat;}
.mypage-container .lnb-lst-my02>li:nth-child(4) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb04.png') 50% 12px no-repeat;}
.mypage-container .lnb-lst-my02>li:nth-child(5) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb05.png') 50% 11px no-repeat;}
.mypage-container .lnb-lst-my02>li:nth-child(6) a{background:url('https://cdn.hwadong.com/new/common/img/mypage/bg-lnb06.png') 50% 13px no-repeat;}
.mypage-container .tb-info.ty05 .c-blue .clamp-1{color:#0066ff;}
.mypage-container .lst-prd:not([class*="ty"]){margin-left:-50px;}
.mypage-container .lst-prd:not([class*="ty"])>li{width: 33.33%;padding-left: 50px;box-sizing: border-box;overflow: hidden;margin-left: 0;}
.mypage-container .lst-prd:not([class*="ty"])>li:nth-child(3n+1){margin-left:0;}
.mypage-container .lst-prd:not([class*="ty"])>li .btn-img span{width: 232px;height:238px;}
.mypage-container .lst-prd:not([class*="ty"])>li .btn-img span img{max-width: 215px;max-height:215px;}
.mypage-container .lst-prd:not([class*="ty"])>li.sold-out:before{width:180px;height:180px;left:25px;top:25px;}
.mypage-container .lst-prd:not([class*="ty"])>li.sold-out:after{top:105px;}
.mypage-container .lst-prd:not([class*="ty"])>li .cont-hover{width:239px;height:260px;}
.mypage-container .lst-prd:not([class*="ty"])>li .cont-hover .btn-purchase{left:35px;}
.mypage-container .lst-prd:not([class*="ty"])>li .cont-hover .btn-cart{right:35px;}
.mypage-container .lst-prd:not([class*="ty"]) .btn-like{left:50px;}
.mypage-container .box-navy-line{display:table;width:100%;box-sizing:border-box;padding:15px 20px;}
.mypage-container .box-navy-line:after,
.mypage-container .box-navy-line>div>dl:after{content:'';display:block;clear:both;}
.mypage-container .box-navy-line>div{display:table-cell;vertical-align:middle;}
.mypage-container .box-navy-line>div:first-child{width:35%;}
.mypage-container .box-navy-line>div:nth-child(2){width:30%;}
.mypage-container .box-navy-line>div:nth-child(3){width:35%;}
.mypage-container .box-navy-line>div>dl{margin-top:6px;}
.mypage-container .box-navy-line>div>dl:first-child{margin-top:0;}
.mypage-container .box-navy-line>div>dl dt,
.mypage-container .box-navy-line>div>dl dd{float:left;}
.mypage-container .box-navy-line>div>dl dt{color:#151647;font-weight:700;margin-right:15px;}
.mypage-container .box-navy-line>div>dl dd{color:#333;}
.mypage-container .box-navy-line>div .wrap-btn{margin-top:0;text-align:right;}
.mypage-container .box-password{padding:50px 210px;margin-top:50px;text-align:center;background:#f4f4f4;}
.mypage-container .box-password label{display:inline-block;line-height:1;font-size:20px;font-weight:700;color:#333;margin-bottom:20px;}

.mypage-container .box-save{border:1px solid #151647;}
.mypage-container .box-save:after,
.mypage-container .box-save.col02 dl:after{content:'';display:block;clear:both;}
.mypage-container .box-save dl{position:relative;}
.mypage-container .box-save dt,
.mypage-container .box-save dd{float:left;width:50%;padding:20px;box-sizing:border-box;line-height:1;}
.mypage-container .box-save dt{color:#333;}
.mypage-container .box-save dd{text-align:right;}
.mypage-container .box-save.col02 dl{float:left;width:50%;box-sizing:border-box;}
.mypage-container .box-save.col02 dl:last-child{border-left:1px solid #151647;}
.mypage-container .box-save .tooltip{display:inline-block;vertical-align:top;line-height:1;color:red;margin:-3px 0 -2px 5px;width:22px;height:22px;font-size:0;background:url('https://cdn.hwadong.com/new/common/img/mypage/ico-tooltip.png') 0 0 no-repeat;}
.mypage-container .box-save .tooltip:hover+.txt-tooltip{display:inline-block;}
.mypage-container .box-save .txt-tooltip{display:none;position:absolute;left: 130px;top: 46px;padding:9px 10px 11px;font-size:14px;line-height:18px;color:#fff;background:#151647;border-radius:5px;width: auto;width: 200px;}
.mypage-container .box-save .txt-tooltip:before{content:'';display:block;height:11px;background:url('https://cdn.hwadong.com/new/common/img/mypage/ico-arrow.png') 0 0 no-repeat;position: absolute;left: 9px;top: -8px;width: 12px;}

/* 화폐정보 */
.content-container .lst-img{margin:0 0 50px -45px;}
.content-container .lst-img:after{content:'';display:block;clear:both;}
.content-container .lst-img>li{float:left;width:33.333%;padding-left:45px;margin:50px 0 0 0;box-sizing:border-box;}
.content-container .lst-img>li:nth-child(1),
.content-container .lst-img>li:nth-child(2),
.content-container .lst-img>li:nth-child(3){margin-top:0;}
.content-container .lst-img>li a{display:block;}
.content-container .lst-img>li .img{display:table;table-layout:fixed;width:100%;height:300px;margin-bottom:20px;border:1px solid #ddd;box-sizing:border-box;border: 1px solid #ddd;box-sizing: border-box;padding: 20px;}
.content-container .lst-img>li a:hover .img{border-color:#151647;}
.content-container .lst-img>li .no-img{background:#ddd;}
.content-container .lst-img>li .img img{max-width:277px;max-height:277px;max-width: 240px;max-height: 240px;}
.content-container .lst-img>li .img span{display:table-cell;vertical-align:middle;text-align:center;}
.content-container .lst-img>li .number{text-align:center;line-height:1.3;color:#333;}
.content-container .lst-img>li .number span{display:block;}
.content-container .lst-img>li .thema{line-height:1.3;font-size:14px;color:#888;height:36px;overflow:hidden;word-break: break-all;text-align: center;}
.content-container .lst-thema{margin-top:50px;}
.content-container .lst-thema>li .img{height:165px;}
.content-container .lst-thema>li .img img{max-width:100%;max-height:100%;}
.content-container .wrap-content .wrap-fix{height:50px;width:100%;}
.content-container .wrap-content .wrap-fix .lst-tab01{height:50px;}
.content-container .wrap-content .wrap-fix .lst-tab02,
.content-container .wrap-content .wrap-fix .lst-tab02 li{margin-top:0;}
.content-container .wrap-content .wrap-fix.fixed .lst-tab01{position:fixed;left:50%;top:190px;width:1020px;padding-top:10px;margin-left:-510px;background:#fff;z-index:3;}
.content-container .wrap-content .wrap-fix.fixed .lst-tab02{position:fixed;left:50%;top:190px;width:1030px;padding-top:10px;margin-left:-520px;background:#fff;z-index:3;}
.content-container .wrap-content .wrap-fix ~ .tab-cont:last-child>.no-data{margin:130px 0;}
.content-container .wrap-content .wrap-fix ~ .tab-cont:last-child{min-height:350px;}
.content-container .cont-magazine{padding:20px;border:1px solid #ddd;}
.content-container .cont-thema-info{padding:20px;border:1px solid #ddd;}
/* .content-container .cont-thema-info p>*{width:100% !important;} 이미지까지 강제로 늘어나는 문제가 있어서 비활성화 처리 */
.content-container .cont-collection{position:relative;}
.content-container .cont-collection .txt,
.footer-container .tab-cont .txt{line-height:24px;margin-top:24px;}
.content-container .cont-collection .txt:first-child,
.footer-container .tab-cont .txt:first-child{margin-top:0;}
.content-container #tab01.cont-collection .img,
.footer-container #tab01 .img{position:absolute;right:0;top:40px;}
.content-container #tab02.cont-collection .fl{width:340px;}
.content-container #tab02.cont-collection .fr{width:640px;}
.content-container #tab03.cont-collection .lst-collection{margin-top:30px;}
.content-container .cont-collection .lst-collection:after{content:'';display:block;clear:both;}
.content-container #tab03.cont-collection .lst-collection li{float:left;width:50%;padding:40px 30px 0 40px;height:172px;border:1px solid #fff;box-sizing:border-box;}
.content-container #tab03.cont-collection .lst-collection li strong{display:block;font-weight:400;color:#0075d8;}
.content-container #tab03.cont-collection .lst-collection li:nth-child(1){background:url('https://cdn.hwadong.com/new/common/img/content/bg-collection01.png') 100% 100% no-repeat #f4f4f4;}
.content-container #tab03.cont-collection .lst-collection li:nth-child(2){background:url('https://cdn.hwadong.com/new/common/img/content/bg-collection02.png') 100% 100% no-repeat #f4f4f4;}
.content-container #tab03.cont-collection .lst-collection li:nth-child(3){background:url('https://cdn.hwadong.com/new/common/img/content/bg-collection03.png') 100% 100% no-repeat #f4f4f4;}
.content-container #tab03.cont-collection .lst-collection li:nth-child(4){background:url('https://cdn.hwadong.com/new/common/img/content/bg-collection04.png') 100% 100% no-repeat #f4f4f4;}
.content-container #tab03.cont-collection .lst-collection li:nth-child(5){background:url('https://cdn.hwadong.com/new/common/img/content/bg-collection05.png') 100% 100% no-repeat #f4f4f4;}
.content-container #tab04.cont-collection .lst-collection{margin-top:30px;}
.content-container #tab04.cont-collection .lst-collection li{padding-left:270px;line-height:24px;margin-bottom:10px;min-height:230px;}
.content-container #tab04.cont-collection .lst-collection li:nth-child(1){background:url('https://cdn.hwadong.com/new/common/img/content/lst-collection01.jpg') 0 0 no-repeat;}
.content-container #tab04.cont-collection .lst-collection li:nth-child(2){background:url('https://cdn.hwadong.com/new/common/img/content/lst-collection02.jpg') 0 0 no-repeat;}
.content-container #tab04.cont-collection .lst-collection li:nth-child(3){background:url('https://cdn.hwadong.com/new/common/img/content/lst-collection03.jpg') 0 0 no-repeat;}
.content-container #tab04.cont-collection .lst-collection li strong{color:#0075d8;font-weight:400;margin-bottom:5px;display:block;}
.content-container #tab05.cont-collection .fl{width:640px}
.content-container #tab05.cont-collection .fr{width:340px;}

/* 기간조회 */
.box-inquiry,
.box-navy-line{padding:20px;border:1px solid #151647;}
.h2-tit+.box-inquiry,
.h2-tit+.box-navy-line{margin-top:50px;}
.box-inquiry:after{content:'';display:block;clear:both;}
.box-inquiry.col02>*:first-child{float:left;width:50%;padding-right:30px;box-sizing:border-box;}
.box-inquiry.col02>*:last-child{float:right;width:50%;padding-left:30px;box-sizing:border-box;}
.box-inquiry.col03>*{float:left;width:30%;padding-left:60px;box-sizing:border-box;}
.box-inquiry.col02>*:last-child,
.box-inquiry.col03>*:last-child{float:right}
.box-inquiry.col03>.box-period{width:40%;padding-left:0;}
.box-inquiry.col03>.box-period dt:after,
.box-inquiry.col03>.box-period dd:after,
.box-inquiry.col02>.box-period dt:after,
.box-inquiry.col02>.box-period dd:after{content:'';display:block;clear:both;}
.box-inquiry.col03>.box-period dd>*{float:left;}
.box-inquiry.col02>.box-period dd .box-date,
.box-inquiry.col03>.box-period dd .box-date{float:left;width:47%}
.box-inquiry.col02>.box-period dd>span,
.box-inquiry.col03>.box-period dd>span{float:left;width:6%;line-height:36px;text-align:center;}
.box-inquiry dt,
.box-inquiry dt label{color:#333;}
.box-inquiry dt{margin-bottom:10px;}
.box-period input{width:100%;}
.box-inquiry .btn-date{padding:2px 10px 3px;font-size:14px;line-height:15px;border:1px solid #151647;color:#fff;background:#151647;margin-left:5px;vertical-align:top;}
.box-inquiry .btn-date.line{color:#151647;background:#fff;border-color:#151647;}

/* footer 회사소개 */
.footer-container #tab01{position:relative;}
.footer-container #tab01 .img{top:0;}
.footer-container #tab03{margin-top:20px;}
.footer-container #tab03 .wrap-fix .lst-history{padding-top:20px;}
.footer-container #tab03 .wrap-fix.fixed .lst-history{position:fixed;left:50%;top:190px;width:1020px;margin-left:-510px;background:#fff;z-index:3;}
/* 19.07.02 Disabled .footer-container #tab04 .img{border:1px solid #ddd;}*/
.footer-container .img-company{overflow:hidden;margin-left:-20px;}
.footer-container .img-company li{float:left;width:33.33%;padding-left:20px;box-sizing:border-box;}
/*.footer-container .img-company li img,
.footer-container #tab04 img{width:100%;}*/
.footer-container #tab05{overflow:hidden;}
.footer-container #tab05 .fl{width:448px;height:291px;border:1px solid #ddd;}
.footer-container #tab05 .fr{width:530px;}
.footer-container #tab05 .tb-info th{text-align:center;vertical-align:middle;}
.footer-container .lst-history{overflow:hidden;}
.footer-container .lst-history li{float:left;width:25%;}
.footer-container .lst-history li a{display:block;text-align:center;line-height:1;padding-bottom:15px;border-bottom:1px solid #ddd;font-size:16px;}
.footer-container .lst-history li.on a{font-weight:800;color:#151647;padding-bottom:14px;border-bottom:2px solid #151647;}
.footer-container .tab-history{padding-left:449px;}
.footer-container .tab-history dl{padding-left:40px;border-left:1px solid #ddd;}
.footer-container .tab-history dl dt{font-size:24px;font-weight:700;color:#222;line-height:24px;padding-top:45px;margin-bottom:10px;}
.footer-container .tab-history dl dd{line-height:24px;margin-bottom:6px;padding-left:44px;text-indent:-14px;}
.footer-container .tab-history dl dd strong{color:#222;display:inline-block;margin-right:10px;}

/* 재무정보 추가 (24.5.17) */
.footer-container .lst-money{overflow:hidden;}
.footer-container .lst-money li{float:left;width:20%;}
.footer-container .lst-money li a{display:block;text-align:center;line-height:1;padding-bottom:15px;border-bottom:1px solid #ddd;font-size:16px;}
.footer-container .lst-money li.on a{font-weight:800;color:#151647;padding-bottom:14px;border-bottom:2px solid #151647;}

/*메인*/
#content.main{width:100%;min-width:1020px;margin-left:0;margin-right:0;margin-bottom:50px;}
.wrap-banner .swiper-slide{height:480px;background-position:50% 0;}
.wrap-banner .swiper-slide a{display:block;width:1020px;height:480px;margin:0 auto;text-indent:-9999px;}
.wrap-banner .wrap-navi{position:absolute;left:0;top:30px;width:100%;z-index:3;}
.wrap-banner .cont-navi{width:1020px;margin:0 auto;text-align:right;}
.wrap-banner .cont-navi .swiper-pagination{position:static;}
.wrap-banner .cont-navi>*{display:inline-block;}
.swiper-pagination-bullet{width:15px;height:15px;border:1px solid #fff;background:transparent;opacity:1;margin-right:10px}
.swiper-pagination-bullet-active{background:#fff;}
.wrap-banner .btn-stop,
.wrap-banner .btn-play{cursor:pointer;display:none;width:14px;height:16px;margin-top:1px;text-indent:-9999px;background:url('https://cdn.hwadong.com/new/common/img/main/btn_play.png') no-repeat 0 0;font-size:0;vertical-align:top;}
.wrap-banner .btn-play{background-position:-14px 0;}
.wrap-banner .btn-stop.on{display:inline-block;}
.wrap-banner .btn-play.on{display:inline-block;}
.cont-main{padding:50px 0;}
.cont-main .w1020{width:1020px;margin:0 auto;}
.cont-main .w1240{width:1240px;margin:0 auto;}
.cont-main .h2-main{text-align:center;color:#151647;font-size:36px;height:46px;line-height:44px;font-weight:600;margin-bottom:15px;}
.cont-main .h2-main a{font-size:36px;height:46px;line-height:44px;color:#151647;font-weight:600;text-align:center;box-sizing:border-box;}
.cont-main .h2-main a:hover{display:inline-block;border-bottom:2px solid #151647;}
.cont-main .h2-main+p{color:#999;text-align:center;margin-bottom:50px;font-size:18px;}
.cont-main.shopping,
.cont-main.service{background:#eaeaea;}
.cont-main.shopping .lst-tab{width:100%;height:100%;overflow:hidden;text-align:center;margin-bottom:50px;}
.cont-main.shopping .lst-tab li{display:inline-block;margin-left:5px;}
.cont-main.shopping .lst-tab li:first-child{margin-left:0;}
.cont-main.shopping .lst-tab li a{font-size:18px;color:#666;padding:12px 30px;background:#fff;border:1px solid #ddd;border-radius:24px;}
.cont-main.shopping .lst-tab li.on a{background:#151647;border-color:#151647;color:#fff;}
.cont-main.shopping .wrap-prd-lst{background:#fff;overflow:hidden;}
.cont-main.shopping .wrap-prd-lst .swiper-container{width:1020px;overflow:visible;}
.cont-main.shopping .wrap-prd-lst .swiper-container .swiper-slide:after{content:'';display:block;width:100%;height:400px;background:rgba(255,255,255,.8);position:absolute;left:0;top:0;}
.cont-main.shopping .wrap-prd-lst .swiper-container .swiper-slide-prev:after,
.cont-main.shopping .wrap-prd-lst .swiper-container .swiper-slide-next:after,
.cont-main.shopping .wrap-prd-lst .swiper-container .swiper-slide-active:after{display:none;}
.cont-main.shopping .wrap-prd-lst .lst-prd,
.cont-main.shopping .wrap-prd-lst .lst-prd>li{margin:0;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li{border:1px solid #ddd;border-width:1px 1px 1px 0;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .btn-img{width:100%;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .btn-img span{border:none;width:340px;height:250px;padding-top:30px;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li.sold-out:before {content:"";width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:2}
.cont-main.shopping .wrap-prd-lst .lst-prd>li.sold-out .btn-img:before{display:none;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .prd-txt{padding:0 20px;text-align:center;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .prd-txt .tit{height:auto;padding:0 0 40px 0;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .btn-img span img{max-width:190px;max-height:190px;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .prd-txt .tit dt{padding-top:0;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .prd-txt .tit dd{color:#333;margin-top:10px;font-size:18px;line-height:1.2;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .prd-txt .tit dd span{font-size:24px;font-weight:600;display:inline-block;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .cont-hover{height:425px;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .cont-hover .btn-purchase{left:84px;bottom:50px;}
.cont-main.shopping .wrap-prd-lst .lst-prd>li .cont-hover .btn-cart{right:84px;bottom:50px;}
.cont-main.shopping .wrap-prd-lst .swiper-button-next,
.cont-main.shopping .wrap-prd-lst .swiper-button-prev{z-index:3;width:14px;height:24px;background:url('https://cdn.hwadong.com/new/common/img/main/btn_swiper.png') no-repeat 0 0;}
.cont-main.shopping .wrap-prd-lst .swiper-button-prev{transform:rotate(180deg);}

.cont-main.auction{padding:0;height:300px;background:url('https://cdn.hwadong.com/new/common/img/main/bg_auction.png') no-repeat 50% 0;}
.cont-main.auction .w1020{overflow:hidden;}
.cont-main.auction .w1020 li{float:left;width:50%;}
.cont-main.auction .w1020 li a{color:#fff;display:block;height:300px;}
.cont-main.auction .w1020 li a strong{display:block;margin-top:75px;font-size:42px;}
.cont-main.auction .w1020 li a strong:before{content:'';display:block;width:23px;height:3px;background:#fff;margin-bottom:20px;}
.cont-main.auction .w1020 li a span{display:block;font-size:26px;}
.cont-main.auction .w1020 li a .ico-more{position:relative;display:inline-block;font-size:16px;padding-right:12px;margin-top:25px;}
.cont-main.auction .w1020 li a .ico-more:after{content:'';position:absolute;right:0;top:50%;margin-top:-3px;display:block;width:6px;height:7px;background:url('https://cdn.hwadong.com/new/common/img/main/bg_more.png') no-repeat 0 0;}
.cont-main.auction .w1020 li:last-child a{margin-left:127px;}

.cont-main.event{background:#505050;padding:0;}
.cont-main.event a{display:block;}

.cont-main.service .lst-service{overflow:hidden;width:100%;}
.cont-main.service .lst-service li{float:left;width:20%;text-align:center;}
.cont-main.service .lst-service li a{position:relative;display:inline-block;width:172px;padding-top:172px;overflow:hidden;}
.cont-main.service .lst-service li a>span{display:block;font-size:16px;color:#2c2d59;padding-top:20px;background:#eaeaea;z-index:2;position:relative;}
.cont-main.service .lst-service li a>strong{position:absolute;left:0;top:0;width:172px;height:344px;overflow:hidden;transition:all 0.3s;}
.cont-main.service .lst-service li a:hover>strong{top:-172px;}
.cont-main.service .lst-service li a>strong span{display:block;width:172px;height:172px;}
.cont-main.service .lst-service li a>strong .txt{display:table;}
.cont-main.service .lst-service li a>strong .txt em{display:table-cell;background:rgba(44,45,89,1);color:#fff;vertical-align:middle;font-size:20px;font-style:normal;border-radius:50%;}

.cont-main.list{padding-bottom:0;}
.cont-main.list>div{overflow:hidden;}
.cont-main.list>div .fl{position:relative;width:50%;padding-right:20px;box-sizing:border-box;}
.cont-main.list>div .fr{position:relative;width:50%;padding-left:20px;box-sizing:border-box;}
.cont-main.list .h2-main{font-size:20px;text-align:left;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.cont-main.list .lst-notice li a{display:block;position:relative;margin-top:10px;padding-right:105px;color:#999;}
.cont-main.list .lst-notice li a:hover{text-decoration:underline;}
.cont-main.list .lst-notice li:first-child a{margin-top:0;}
.cont-main.list .lst-notice li a>span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cont-main.list .lst-notice li a>span>strong{color:#2c2d59;display:inline-block;margin-right:5px;}
.cont-main.list .lst-notice li a>em{position:absolute;right:0;top:0;font-style:normal;}
.cont-main.list .btn-more{position:absolute;top:5px;color:#333;font-size:14px;}
.cont-main.list .btn-more:after{content:'';display:inline-block;width:6px;height:7px;background:url('https://cdn.hwadong.com/new/common/img/main/bg_more.png') no-repeat -6px 0;vertical-align:top;margin:5px 0 0 5px;}
.cont-main.list>div .fl .btn-more{right:20px;}
.cont-main.list>div .fr .btn-more{right:0;}

.cont-main.magazine .swiper-container{width:100%;-webkit-perspective:600px;perspective:600px;}
.cont-main.magazine .swiper-slide{background-position:center;background-size:cover;width:268px;height:367px;border: 1px solid #ddd;box-sizing: border-box;}
.cont-main.magazine .swiper-slide.prev,
.cont-main.magazine .swiper-slide.swiper-slide-next+div{background-color: #fff;}
.cont-main.magazine .swiper-slide a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;text-indent:-9999px;}
.cont-main.magazine .swiper-container-3d .swiper-slide-shadow-left,
.cont-main.magazine .swiper-container-3d .swiper-slide-shadow-right{background-image:none;}

.quick{position:fixed;top:200px;right:0;width:80px;background:#fff;z-index:10;transition:all 0.3s;}
.quick.top{top:0;}
.quick .quick_cont{border:1px solid #222;padding:10px 0;margin-top:-1px;}
.quick .quick_cont .tit{font-size:14px;color:#151647;text-align:center;}
.quick .quick_cont .tit a{display:inline-block;}
.quick .quick_cont .tit a:hover{text-decoration:underline;}
.quick .quick_cont ul{position:relative;margin:0 2px;height:158px;overflow:hidden;}
.quick .quick_cont ul li{position:absolute;left:74px;top:0;width:74px;display:table;background:#fff;}
.quick .quick_cont ul li a{border:1px solid #ddd;display:block;margin-top:5px;}
.quick .quick_cont ul li a span{width:72px;height:72px;display:table-cell;vertical-align:middle;text-align:center;}
.quick .quick_cont ul li a img{max-width:65px;max-height:65px;}
.quick .quick_cont.no_line{border:none;padding:0;}
.quick .quick_cont.no_line img{width:80px;}
.quick .quick_cont.bg-gold a,
.quick .quick_cont.bg-dbule a{width:78px;display:table-cell;vertical-align:middle;color:#fff;text-align:center;font-size:14px;}
.quick .quick_cont .f-16{display:block;font-size:16px;padding-bottom:10px;}
.quick .quick_cont .f-20{display:block;font-size:20px;padding-bottom:5px;}
.quick .quick_cont.bg-dbule{background:#151647;}
.quick .quick_cont .wrap_btn{overflow:hidden;margin-top:5px;}
.quick .quick_cont .btn-next,
.quick .quick_cont .btn-prev{float:right;vertical-align:top;font-size:0;text-indent:-9999px;z-index:3;width:14px;height:24px;background:url('https://cdn.hwadong.com/new/common/img/main/btn_swiper.png') no-repeat 0 0;}
.quick .quick_cont .btn-prev{float:left;transform:rotate(180deg);margin-left:18px;}
.quick .quick_cont .btn-next{margin-right:18px;}
.btn-top{display:block;padding:30px 0 20px;background:#21227a;color:#fff;font-size:20px;font-weight:bold;text-align:center;position:relative;}
.btn-top:after{content:'';position:absolute;left:50%;top:20px;margin-top:-3px;display:block;width:6px;height:7px;background:url('https://cdn.hwadong.com/new/common/img/main/bg_more.png') no-repeat 0 0;transform:rotate(-90deg);margin-left:-3px;}

/* 매거진 */
#content:first-child{margin-top:0;}
.wrap-magazine .cont-magazine{padding:0;border:none;position:relative;}
.cont-magazine .h2-tit{margin-top:0;font-size:30px;}
.bb-custom-wrapper{width:903px;height:644px;margin:50px auto 0;}
.bb-custom-side p{padding:0;border:1px solid #ddd;}
.bb-custom-side{width:451px;}
.wrap-book{padding-bottom:105px;background:url('https://cdn.hwadong.com/new/common/img/magazine/bg-magazine.png') no-repeat 50% 0;}
.bb-custom-wrapper > nav{position: static;text-align:center;margin:30px 0 60px;}
.bb-custom-wrapper > nav a,
.booklet .b-tab-next,
.booklet .b-tab-prev{font-size:16px;color:#ddd;background:none;width:auto;height:auto;margin:0;vertical-align:top;}
.booklet .b-tab-next,
.booklet .b-tab-prev{color:#333;}
.booklet .b-tab:hover{background-color:transparent;}
.bb-custom-icon-arrow-left,
.bb-custom-icon-arrow-right{padding:0 15px;position:relative;}
.booklet .b-tab-prev:before,
.bb-custom-icon-arrow-left:before{position:absolute;left:0;top:50%;content:'';display:inline-block;width:8px;height:12px;margin-top:-6px;background:url('https://cdn.hwadong.com/new/common/img/magazine/ico_arrow.png') no-repeat 0 50%;transform: rotate(0deg);}
.bb-custom-icon-arrow-left:after{position:absolute;right:-1px;top:50%;content:'';display:inline-block;width:1px;height:12px;background:#ddd;margin-top: -6px;}
.bb-custom-icon-arrow-right:before{display:none;}
.bb-custom-icon-arrow-right:after,
.booklet .b-tab-next:after{position:absolute;right:0;top:50%;content:'';display:inline-block;width:8px;height:12px;margin-top:-6px;background:url('https://cdn.hwadong.com/new/common/img/magazine/ico_arrow.png') no-repeat 0 50%;transform: rotate(180deg);}
.wrap-layer .bb-custom-icon-arrow-right:after,
.wrap-layer .bb-custom-icon-arrow-left:before{background-image:url(https://cdn.hwadong.com/new/common/img/magazine/ico_arrow.png);}
.wrap-layer .bb-custom-icon-arrow-right.on:after,
.wrap-layer .bb-custom-icon-arrow-left.on:before{background-image:url(https://cdn.hwadong.com/new/common/img/magazine/ico_arrow02.png);}
.wrap-layer .bb-custom-icon-arrow-right,
.wrap-layer .bb-custom-icon-arrow-left{color:#333;}
.wrap-layer .bb-custom-icon-arrow-right.on,
.wrap-layer .bb-custom-icon-arrow-left.on{color:#ddd;}
.bb-custom-icon-arrow-right:after,
.bb-custom-icon-arrow-left:before{background-image:url(https://cdn.hwadong.com/new/common/img/magazine/ico_arrow02.png);}
.pop_magazine{z-index:100;position: absolute;background:none;}
.pop_magazine:before{content:'';display:block;position:fixed;left:0;top:0;background: rgba(0,0,0,0.5);width:100%;height:100%;}
.pop_magazine .wrap-layer{width:1020px;margin:0 auto;display:block;margin-top: 50px;}
.pop_magazine .cont-layer{margin-top:80px;padding:0 34px;}
.pop_magazine .cont-layer img{width:940px;max-height:1333px;border:1px solid #ddd;}
.pop_magazine .cont-layer ul{display:table;width:100%;padding-bottom:20px;}
.pop_magazine .cont-layer ul li{display:none;vertical-align:middle;}
.pop_magazine .cont-layer ul li.on{display:table-cell;}
.pop_magazine .wrap-layer nav{text-align:left;padding:0 0 35px 0;text-align:center;}
.pop_magazine .wrap-layer nav.top{position:absolute;left:0;top:30px;width:100%;}
.cont-magazine .btn-close{position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999px;font-size:0;transform:rotate(45deg);}
.cont-magazine .btn-close:before,
.cont-magazine .btn-close:after{content:'';display:block;background:#151647;position:absolute;}
.cont-magazine .btn-close:before{width:40px;height:4px;left:0;top:50%;margin-top:-2px;}
.cont-magazine .btn-close:after{width:4px;height:40px;left:50%;top:0;margin-left:-2px}

.booklet .b-page{border:1px solid #ddd;}
.booklet .b-page .page,
.booklet .b-page a{display:block;width:100%;height:642px;}

.booklet .b-tab-next{right:calc(50% - 60px);bottom:-50px;top:auto !important;padding-top: 0;}
.booklet .b-tab-prev{left:calc(50% - 60px);bottom:-50px;top:auto !important;padding-top: 0;}
.booklet .b-wrap-right .b-counter,
.booklet .b-wrap-left .b-counter{display:none;}
.wrap-book nav{text-align:center;margin-top:28px;}

.main-pop .w800{position:relative;}
.main-pop .swiper-container .swiper-button-prev,
.main-pop .swiper-container .swiper-button-next{border-top: 1px solid #151647;border-right: 1px solid #151647;width:58px;height:58px;right:35px;border-width:2px 2px 0 0;bottom:auto;top:200px;margin:0;background:none;transform: rotate(45deg);}
.main-pop .swiper-container .swiper-button-prev{left:35px;transform: rotate(-135deg);}
.main-pop .swiper-container {width:800px;margin: 0 auto;overflow: hidden;position: relative;}
.main-pop .swiper-container .swiper-slide a{display:table;width:800px;height:500px;margin:0 auto;}
.main-pop .swiper-container .swiper-slide a>span{display:table-cell;vertical-align:middle;background:#ddd;}
.main-pop .bottom_pop{padding:20px 105px 80px;overflow:hidden;}
.main-pop .bottom_pop input{vertical-align:top;margin:12px 5px 0;}
.main-pop .bottom_pop label{display:inline-block;font-size:12px;font-family:Dotum,'돋움';margin-top:13px;}
.main-pop .swiper-pagination-bullet{width:20px;height:20px;background:#fff;border:none;}
.main-pop .swiper-pagination-bullet-active{background:#151647;}
.main-pop .swiper-pagination{bottom:30px;}

#wPopContainer.wPop-main{width:500px;height:560px;margin:0 auto;border:none;}
.wPop-main .w500{width:500px;margin: 0 auto;overflow: hidden;position: relative;}
.wPop-main .swiper-container,
.wPop-main .swiper-wrapper,
.wPop-main .swiper-container .swiper-slide{width:500px;}
.wPop-main .swiper-container .swiper-slide a{width:500px;margin:0;}
.wPop-main .bottom_pop{padding:10px 20px;}
.wPop-main .swiper-container .swiper-button-prev,
.wPop-main .swiper-container .swiper-button-next{width:30px;height:30px;top:285px;}

.img-label {background-color:#151647; color:#fff; padding:3px 15px 5px; display:inline-block; font-size:16px; line-height:1; height:26px; box-sizing:border-box; color:#fff; border:1px solid transparent; position:absolute; left:0; top:0; z-index:3; font-style:normal;}

.editTxt {line-height:1.6 !important;}
/* 2023-01-17 tab 생성 */
.eventTab {
	display: flex;
	width: 100%;
	margin-top: 60px;
}

.eventTab li{
	position: relative;
	width: 50%;
	margin-left: -1px;
}

.eventTab li:first-child{
	margin-left: 0;
}

.eventTab li:last-child{
	width: calc(50% + 1px);
}

.eventTab a {
	display: block;
    text-align: center;
	height: 65px;
    line-height: 65px;
	font-size: 24px;
}

.eventTab__btn a {
	color: #151647;
	border: 2px solid #151647;
	border-bottom: none;
	font-weight: 500;
}

.eventTab__btn a {
	color: #666;
    border: 1px solid #bbb;
}

.eventTab__btn--active {
	z-index: 1;
}
.eventTab__btn--active a {
	color: #151647;
	line-height: 63px;
	border: 2px solid #151647;
	border-bottom: none;
	
}
/* //2023-01-17 tab 생성 */

/* 2023-01-17 sub */
.widthful{width: 100% !important;}
/* //2023-01-17 주문상세내역 */


/* 2023-10-17 배너 슬라이드  */

.quick.open{
	right: -80px;
}

.quick .toggle-banner {
	position: absolute;
	left:-32px;
	top:-1px;
	width:32px;
	height: 32px;
	
	background:url('https://cdn.hwadong.com/new/common/img/main/quick_close.png') no-repeat 0 0;
/* 	background-color: #000; */
	cursor: pointer;
	text-indent: -9999px
}

.quick.open .toggle-banner{
	background:url('https://cdn.hwadong.com/new/common/img/main/quick_open.png') no-repeat 0 0;
}


.quick .toggle-button{
		width:100%;
		height: 100%;

} 


/* 2023-12-26 GNB수정  */
.gnb__blog{
    overflow: hidden;
    width: 334px;
	height: 53px;
    border: 1px solid #ddd;
	border-bottom: 0;
	box-sizing: border-box;
	margin-top: 20px;
}
.gnb__link{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
    font-weight: 400;
	color: #222;
}
.gnb__link::before{
	content: "";
	display: block;
	width: 36px;
	height: 34px;
	background: url("https://cdn.hwadong.com/new/common/img/main/blog_icon.png") no-repeat 0 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}
.gnb__link::after{
	content: "";
	display: block;
	width: 8px;
	height: 14px;
	background: url("https://cdn.hwadong.com/new/common/img/main/blog_arrow.png") no-repeat 0 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10px;
}

.header__blog{
	margin-bottom: 16px;
}

.header__link{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
    font-weight: 400;
	color: #222;
}

.header__link::before{
	content: "";
	display: block;
	width: 21px;
	height: 19px;
	background-image: url("https://cdn.hwadong.com/new/common/img/main/blog_icon.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 6px;
}
.header__link::after{
	content: "";
	display: block;
	width: 8px;
	height: 12px;
	background-image: url("https://cdn.hwadong.com/new/common/img/main/blog_arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
}

.header__right{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	justify-content: flex-end;
}

.blog__wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blog__wrap{
	margin-top: 38px;
}
.blog__wrap .h2-tit{
	width: 33.3%;
	margin-top: 0;
}
.blog__wrap::before{
	content: "";
	display: block;
	width: 33.3%;
}
.blog__wrap-blog{
	width: 33.3%;
	height: 56px;
	background-image: url("https://cdn.hwadong.com/new/common/img/main/blog_big.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 198px 56px;
	text-indent: -9999px;
}


/* 2023-12-26 GNB수정  */