@charset "utf-8";
/* 띠배너 */
.bar_banner { position: relative; width: 1280px; overflow: hidden; cursor: pointer; }
.bar_banner .effect { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; }
.bar_banner .effect p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.bar_banner .effect::before, .bar_banner .effect::after, .bar_banner .effect p::before, .bar_banner .effect p::after { content: ''; position: absolute; width: auto; height: auto; background: #fff; opacity: 0.8; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; z-index: 3; }
.bar_banner .effect::before, .bar_banner .effect::after { width: 0; height: 1px; }
.bar_banner .effect::before { top: 0; left: 0; }
.bar_banner .effect::after { right: 0; bottom: 0; }
.bar_banner .effect p::before, .bar_banner .effect p::after { width: 1px; height: 0; }
.bar_banner .effect p::before { top: 0; right: 0; }
.bar_banner .effect p::after { bottom: 0; left: 0; }
.bar_banner:hover .effect::before, .bar_banner:hover .effect::after { width: 100%; }
.bar_banner:hover .effect p::before, .bar_banner:hover .effect p::after { height: 100%; }
.bar_banner .effect .more { position: absolute; right: 20px; bottom: 15px; display: inline-block; padding: 5px 10px; font-size: 20px; font-weight: bold; color: #fff; text-shadow: rgb(0 0 0 / 40%) 2px 2px 1px; background-color: rgba(0,0,0,0.2); transform: scale(1,0); opacity: 0; transition: transform 0.3s, opacity 0.3s; z-index: 10; }
.bar_banner:hover .effect .more { transform: scale(1,1); opacity: 1; }
/* .bar_banner a { display: block; cursor: pointer; } */
/* .bar_banner a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0); transition: background-color 0.3s; z-index: 1; } */
/* .bar_banner a:hover::before { background-color: rgba(255,255,255,0.1); } */


/**** sub common ****/

/* sub header */
.sub {min-height:1200px; padding-bottom:120px; }
.sub .tit_wrap{text-align:center;}
.sub .top_tit{font-size:40px; line-height:50px; font-weight:400;}
.sub .top_tit_text{margin-top:10px; color:#666; font-size:16px; line-height:26px; font-weight:400;}
.sub .area_tit{font-size:24px; line-height:30px; font-weight:500;}
.sub .area_tit > span{color:#05824b;}
.sub .area_tit > small{color:#999; font-size:15px; line-height:20px;}
.sub .tit_line{padding-bottom:10px; border-bottom:1px solid #222;}
/* sub header end */

/* location */
.linemap { display: block; width: 1280px; margin: 0 auto 5px; }
.sub .location{ height: 19px; margin-top:30px; }
.sub .location > li{position:relative; display: inline-block; line-height: 14px; vertical-align: top; padding-left:45px;}
.sub .location > li:first-child{padding-left:0;}
.sub .location > li:before{content:''; position:absolute; top:2px; left:24px; width:6px; height:10px; margin-left:-3px; background:url('../images/common/location_arrow.png') no-repeat 0 0 / 6px;}
.sub .location > li:first-child:before{display:none;}
.sub .location > li .home{position:relative; padding-left:15px;}
.sub .location > li .home:before{content:''; position:absolute; top:50%; left:0; width:12px; height:13px; margin-top: -6.5px; background:url('../images/common/location_home.png') no-repeat 0 0 / 12px;}
.sub .location > li a{vertical-align: top;color:#444; font-size:14px; line-height:14px;}
.sub .location > li strong{color:#222; font-weight:400; line-height:14px;}
.sub .location > li .selected2{position:relative; padding-right:20px;padding-bottom: 10px;}
.sub .location > li .selected2:after{content:''; position:absolute; top:3px; right:0; width:12px; height:12px; background:url('../images/common/location_arrow_down.jpg') no-repeat 0 0 / 12px;}

.sub .select_sub2{position:absolute; top:20px; right:-50px; padding:12px 16px; background-color:#fff; border:1px solid #222; z-index: 20;}
.sub .select_sub2 li{margin-top:5px;}
.sub .select_sub2 li:first-child{margin-top:0;}
/* location end */

/* button */
.btn_wrap{text-align:center; font-size:0;}
.btn_right_wrap{text-align:right; font-size:0;}
.bt_ty01{position:relative; display:inline-block; vertical-align:top; width:180px; height:60px; margin:0 5px; text-align:center; font-size:16px; line-height:60px; box-sizing:border-box;}
.bt_ty02{position:relative; display:inline-block; vertical-align:top; width:120px; height:50px; margin-left:10px; text-align:center; font-size:16px; line-height:50px; box-sizing:border-box;}
.bt_ty03{position:relative; display:inline-block; vertical-align:top; width:160px; height:50px; margin-left:10px; text-align:center; font-size:16px; line-height:50px; box-sizing:border-box;}
.bt_ty04{position:relative; display:inline-block; vertical-align:middle; width:120px; height:50px; margin:0; text-align:center; font-size:16px; line-height:50px; box-sizing:border-box;}
.bt_ty05{position:relative; display:inline-block; vertical-align:middle; width:54px; height:25px; margin-left:5px; text-align:center; font-size:11px; line-height:23px; box-sizing:border-box;}
.bt_ty06{position:relative; display:inline-block; vertical-align:top; width:100%; height:60px; text-align:center; font-size:16px; line-height:58px; box-sizing:border-box;}
.bt_ty07{position:relative; display:inline-block; vertical-align:top; width:100px; height:40px; text-align:center; font-size:15px; line-height:40px; box-sizing:border-box;}
.bt_ty08{position:relative; display:inline-block; vertical-align:top; min-width:100px; height:40px; padding:0 20px; margin-left:10px; text-align:center; font-size:15px; line-height:40px; box-sizing:border-box;}
.bt_ty09{position:relative; display:inline-block; vertical-align:top; width:200px; height:60px; margin:0 5px; text-align:center; font-size:16px; line-height:60px; box-sizing:border-box;}
.bt_ty10{position:relative; display:inline-block; vertical-align:top; width:200px; height:60px; margin:0 5px; text-align:center; font-size:16px; line-height:60px; box-sizing:border-box;}
.bt_ty11{position:relative; display:inline-block; vertical-align:top; width:230px; height:60px; text-align:center; font-size:16px; line-height:60px; box-sizing:border-box;}
.bt_ty12{position:relative; display:inline-block; vertical-align:top; width:160px; height:50px; text-align:center; font-size:16px; line-height:48px; box-sizing:border-box;}
.bt_ty13{position:relative; display:inline-block; vertical-align:top; width:195px; height:60px; text-align:center; font-size:18px; line-height:58px; box-sizing:border-box;}
.bt_ty14{position:relative; display:inline-block; vertical-align:top; width:100%; height:70px; text-align:center; font-size:20px; line-height:70px; box-sizing:border-box;}
.bt_ty15{position:relative; display:inline-block; vertical-align:middle; width:auto; height:27px; margin-left:5px; padding: 0 10px; text-align:center; font-size:12px; line-height:25px; box-sizing:border-box;}
.bt_ty16 { position: relative; display: inline-block; width: 266px; height: 72px; font-size: 20px; font-weight: 300; vertical-align: middle; line-height: 72px; }
.bt_ty17{position:relative; display:inline-block; vertical-align:top; padding: 0 10px; width:auto; height:40px; text-align:center; font-size:15px; line-height:40px; box-sizing:border-box;}
.bt_ty18{position:relative; display:inline-block; vertical-align:top; padding: 0 14px; min-width: 60px; height:40px; text-align:center; font-size:15px; font-weight: 600; line-height:40px; box-sizing:border-box;}

.bt_st01{background-color:#fff; border:1px solid #222; color:#222; }
.bt_st02{background-color:#222 ; border:1px solid #222; color:#fff; }
.bt_st03{background-color: #fff; border: 1px solid #bfbfbf; color: #666;}
.bt_st04{background-color:#444; border:1px solid #444; color:#fff; }
.bt_st05{background-color:#05814b; border:1px solid #05814b; color:#fff; }
.bt_st06{background-color:#666; border:1px solid #666; color:#fff; }
.bt_st07{background-color:#fff; border:1px solid #666; color:#666; }
.bt_st08{background-color:#05824b; border:1px solid #05824b; color:#fff; }
.bt_st09{background-color:#ff4800; border:1px solid #ff4800; color:#fff; }
.bt_st10{background-color:#fff; border:1px solid #ccc; color:#666; }
.bt_st11{background-color:#fff; border:1px solid #222; color:#222;
    -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
.bt_st11:hover{background-color:#222; border:1px solid #222; color:#fff;}
.bt_st12{background-color:#fff; border:1px solid #ff4800; color:#ff4800;}
.bt_st13{background-color:#ff4800; border:1px solid #ff4800; color:#fff;}
.bt_st14{background-color:#3fc910; border:1px solid #3fc910; color:#fff;}
.bt_st14 img{display: inline-block; vertical-align: middle;}
.bt_st14 span{display: inline-block; vertical-align: middle; line-height:58px;}
.bt_st15 { background-color: #303030; border: 1px solid #303030; color: #fffefe; }
/* button end */

/* size */
.sub .w615{width:615px;}
/* size end*/

/* input */
.input_wrap{font-size:0;}
.sub .text_input{/*display:inline-block;*/ vertical-align:top; height:50px; padding:0 10px; border:1px solid #ccc; color:#666; font-size:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sub .text_input:focus{border:1px solid #222;}
.sub .text_input.w85{width:90px;}
.sub .text_input.w90{width:90px;}
.sub .text_input.w120{width:120px;}
.sub .text_input.w140{width:120px;}
.sub .text_input.w180{width:180px;}
.sub .text_input.w200{width:200px;}
.sub .text_input.w310{width:310px;}
.sub .text_input.w380{width:380px;}
.sub .text_input.w400{width:400px;}
.sub .text_input.w600{width:600px;}
.sub .text_input.wfull{width:100%;}
.middle_text{display:inline-block; vertical-align:top; min-width:10px; height:50px; padding:0 5px; text-align:center; color:#666; font-size:15px; line-height:50px; }

.check_input{position:relative; display:inline-block; vertical-align:top; width:18px; height:18px; margin:0; padding:0; background:#fff url('../images/common/checkbox_off.png') no-repeat 0 0; -webkit-appearance: none; outline:none; }
.check_input:checked{position:relative; width:18px; height:18px; margin:0; padding:0; background:#fff url('../images/common/checkbox_on.png') no-repeat 0 0; -webkit-appearance: none; outline:none; }
.check_input + label{display:inline-block; vertical-align:top; margin-left:10px; font-size:18px; line-height:18px;}

.radio_input{position:relative; display:inline-block; vertical-align:top; width:20px; height:20px; margin:0; padding:0; background:#fff url('../images/common/radio_off.png') no-repeat 0 0; -webkit-appearance: none; outline:none; }
.radio_input:checked{position:relative; width:20px; height:20px; margin:0; padding:0; background:#fff url('../images/common/radio_on.png') no-repeat 0 0; -webkit-appearance: none; outline:none; }
.radio_input + label{display:inline-block; vertical-align:top; margin-left:10px; font-size:15px; line-height:18px;}

.select_box{color:#666; font-size:15px; line-height:50px; }
.select_box.w140{width:140px; height:50px;}
.select_box.w160{width:160px; height:50px;}
.select_box.w200{width:200px; height:50px;}

.text_area{width:100%; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* input end */

/* table */
.sub .table_ty01{width:100%; border-top:1px solid #222;}
.sub .table_ty01 tr th, .sub .table_ty01 tr td{border-bottom:1px solid #eee;}
.sub .table_ty01 th.bg_gray, .sub .table_ty01 td.bg_gray{background-color:#f9f9f9;}
.sub .table_ty01 tr th{padding:20px 10px; color:#222; text-align:left; font-size:14px; line-height:20px; }
.sub .table_ty01 tr td{padding:20px; color:#333; font-size:15px; font-weight:500; line-height:18px;}
.sub .table_ty01 tr th.nomal{font-weight:400;}
.sub .table_ty01 tr th.bd_none, .sub .table_ty01 tr td.bd_none{border-bottom:0;}
.sub .table_ty01 tr th.bd_top_none, .sub .table_ty01 tr td.bd_top_none{border-top:0;}
.sub .table_ty01 .item_sslist2 a { display: inline-block; margin-right: 10px; color: #666; font-size: 13px; line-height: 20px; }
.sub .table_ty01 .item_sslist2 a:first-child { margin-left: 10px; }
.sub .table_ty01 .item_sslist2 a.brand_here { color:#05824b; }

.sub .table_ty02{width:100%;}
.sub .table_ty02 tr td{padding:20px 0; border-bottom:1px solid #eee; text-align:center; color:#666; font-size:15px; font-weight:400; line-height:20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.sub .table_ty02 tr td.tit{padding:20px 10px; text-align:left; color:#222; }
.sub .table_ty02 tr td.tit .label_new { padding-right: 5px; color: #ec4242; text-align: center; font-size: 11px; line-height: 20px; }
.sub .table_ty02 tr td.tit a:hover, .sub .table_ty02 tr td a:focus, .sub .table_commu tr td a:active { color: #107239; text-decoration: underline; }
.sub .table_ty02 tr td a:visited { color: #b6b6b6; }


.sub .table_ty03{width:100%; border-top:1px solid #222;}
.sub .table_ty03 tr th, .sub .table_ty03 tr td{border-bottom:1px solid #eee;}
.sub .table_ty03 tr th{padding:20px 0px; color:#222; text-align:center; font-size:15px; font-weight:400; line-height:20px; }
.sub .table_ty03 tr td{padding:20px 0px; color:#666; text-align:center; font-size:15px; font-weight:400; line-height:20px; }
.sub .table_ty03 tr td.tit{padding:20px; text-align:left; -ms-word-break: keep-all; word-break: keep-all;}
.sub .table_ty03 tr td.tit > a{display:inline-block;}
.sub .table_ty03 tr td.tit > a > .locked{position:relative; top:-2px; }
.sub .table_ty03 tr td.tit > a > span.label_new{display: inline-block; height: 16px; padding: 0 5px; background-color: #0591e1; text-align:center; color: #fff; font-size:10px; line-height:16px; }

.sub .table_ty03 th.accent, .sub .table_ty03 td.accent{color:#222;}
.sub .table_ty03 th .accent, .sub .table_ty03 td .accent{color:#222;}
.sub .table_ty03 th.bg_gray, .sub .table_ty03 td.bg_gray{background-color:#f9f9f9;}

.sub .table_ty03 tr td > a.accordion{position:relative; display:block;}
.sub .table_ty03 tr td > a.accordion:after{content:''; position:absolute; top:50%; right:0; width:14px; height:9px; margin-top:-4.5px; background:url('../images/cscenter/arrow_cscenter_down.png') no-repeat 0 0 / 14px;}
.sub .table_ty03 tr td > a.accordion.open:after{content:''; position:absolute; top:50%; right:0; width:14px; height:9px; margin-top:-4.5px; background:url('../images/cscenter/arrow_cscenter_up.png') no-repeat 0 0 / 14px;}

.sub .table_ty04{width:100%; border-top:1px solid #222;}
.sub .table_ty04 tr th, .sub .table_ty04 tr td{border-bottom:1px solid #eee;}
.sub .table_ty04 tr th{padding:15px 0; background-color:#f9f9f9; color:#222; text-align:center; font-size:15px; font-weight:400; line-height:22px; }
.sub .table_ty04 tr td{padding:15px 0 15px 20px; color:#666; font-size:15px; font-weight:400; line-height:22px;}
.sub .table_ty04 tr td.bg_white{background-color:#fff;}
.sub .table_ty04 tr th.bg_lightgray{background-color:#eee;}

.sub .table_ty05{width:100%; border-top:1px solid #222;}
.sub .table_ty05 tr th{padding:20px; border-bottom:1px solid #eee; color:#222; text-align:left; font-size:15px; line-height:20px;}
.sub .table_ty05 tr td{padding:20px; border-bottom:1px solid #eee; color:#666; font-size:15px; font-weight:400; line-height:18px;}

.sub .table_ty06{width:100%; border-top:1px solid #222;}
.sub .table_ty06 tr td{padding:40px 0; border-bottom:1px solid #eee; text-align:right; color:#666; font-size:15px; font-weight:400; line-height:18px;}

.sub .table_ty07{width:100%; border-top:1px solid #222;}
.sub .table_ty07 tr th{padding:20px 0; border-bottom:1px solid #ccc; color:#222; text-align:left; font-size:15px; font-weight:400; line-height:20px;}
.sub .table_ty07 tr td{padding:20px 0; border-bottom:1px solid #ccc; color:#666; font-size:15px; font-weight:400; line-height:20px;}

.sub .table_ty08{width:100%; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.sub .table_ty08 tr th{padding:20px 0px; color:#222; text-align:center; font-size:15px; font-weight:400; line-height:20px; }
.sub .table_ty08 tr td{padding:20px 0px; border-top:1px solid #ccc; color:#666; text-align:center; font-size:15px; font-weight:400; line-height:20px;}
.sub .table_ty08 tr td.tit{padding:20px; text-align:left;}
.sub .table_ty08 tr td.tit > a{display:inline-block;}
.sub .table_ty08 tr td.tit > a > span.label_new{display: inline-block; height: 16px; padding: 0 5px; background-color: #0591e1; text-align:center; color: #fff; font-size:10px; line-height:16px; }
.sub .table_ty08 tr.no_bd th, .sub .table_ty08 tr.no_bd td{border-top:0;}
.sub .table_ty08 tr.reply_bd th, .sub .table_ty08 tr.reply_bd td{border-top:1px solid #eee;}
.sub .table_ty08 tr td.nodata{padding:80px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; color:#999; font-size:15px; line-height:22px; }
.sub .table_ty08 tr td.wb_bw { -ms-word-break: keep-all; word-break: keep-all; }

.sub .table_ty09{width:100%; border-top:1px solid #222;}
.sub .table_ty09 tr th, .sub .table_ty09 tr td{border-bottom:1px solid #ccc;}
.sub .table_ty09 tr th{vertical-align:top; padding:20px; color:#222; text-align:left; font-size:15px; font-weight:700; line-height:20px; }
.sub .table_ty09 tr td{padding:20px; color:#666; color: #666; font-size: 15px; font-weight:400; line-height: 22px;}
/* table end */

/* list */
.sub .list_ty01{}
.sub .list_ty01 > li{position:relative; margin-top:5px; padding-left:15px; color:#666; font-size:15px; line-height:22px; }
.sub .list_ty01 > li:first-child{margin-top:0; }
.sub .list_ty01 > li:before{content:'- '; color:#666; margin-left:-10px; }

.sub .list_ty02{}
.sub .list_ty02 > li{position:relative; margin-top:5px; color:#666; font-size:15px; line-height:22px; }
.sub .list_ty02 > li:first-child{margin-top:0; }
.sub .list_ty02 > li:before{content:'· '; color:#666;}
/* list */

/* etc */
.sub.user_detail_area{padding:0; border-top:0; background-color:#f9f9f9;}
.sub .table_ty05 tr td.user_detail_area img { max-width: 930px; }

.sub .question{padding-left:28px; color:#666; font-size:15px; line-height:22px; }
.sub .question:before{content:'Q.'; display:inline-block; vertical-align:top; width:28px; margin-left:-28px; color:#222; font-size:16px; font-weight:700; line-height:13px; }
.sub .question > p{display:inline-block; vertical-align:top;}

.sub .reply{padding-left:28px; color:#666; font-size:15px; line-height:22px; }
.sub .reply:before{content:'A.'; display:inline-block; width:28px; margin-left:-28px; color:#222; font-size:16px; font-weight:700; line-height:13px; }
.sub .reply > p{display:inline-block; vertical-align:top;}
/* etc end */

/* sub common end*/

/* company */
.sub .tab_intro li{float:left; width:25%; height:50px; text-align:center; color:#666; font-size:15px; line-height:48px; border:1px solid #ccc; border-left:0; box-sizing:border-box;}
.sub .tab_intro li:first-child{border-left:1px solid #ccc;}
.sub .tab_intro li.on{background-color:#222;  border:1px solid #222; color:#fff;}
.sub .tab_intro li > a{display:block;}

.sub.company .embed-container { position: relative; padding-bottom: 400px; height: 0; overflow: hidden; max-width: 100%; }
.sub.company .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sub.company .embed-container2 { position: relative; padding-bottom: 400px; height: 0; overflow: hidden; max-width: 100%; }
.sub.company .embed-container2 iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sub.company .bg_gray{background-color:#eee;}

.sub.company .location_list{text-align:center;font-size:0;}
.sub.company .location_list li{position:relative; display:inline-block; vertical-align:middle; width:640px;}
.sub.company .location_list li:before{content:''; position:absolute; top:0; left:0; width:1px; height:50px; background-color:#ccc;}
.sub.company .location_list li:first-child:before{display:none;}
.sub.company .location_list li dl{font-size:0;}
.sub.company .location_list li dl dt{display:inline-block; vertical-align:middle; }
.sub.company .location_list li dl dd{display:inline-block; vertical-align:middle; margin-left:10px; color:#999; font-size:15px; line-height:50px; }
.sub.company .location_list li dl dd > span{color:#999;}

.sub.company .logo{display:table; width:100%; text-align:center;}
.sub.company .logo > span{display:table-cell; vertical-align:middle; }

.sub.company .agreement{padding:60px; border:1px solid #ccc; color:#666; font-size:15px; line-height:22px; }
.sub.company .agreement h3{color:#05824b; font-size:24px; font-weight:400; line-height:30px; }
.sub.company .agreement h4{color:#222; font-size:20px; font-weight:700; line-height:26px; }
.sub.company .agreement span{color:#999;}
.sub.company .agreement strong{color:#222; font-weight:400; }

.sub.company .agreement ol{margin-left:20px;}
.sub.company .agreement ol li{margin-bottom:5px; list-style: inherit;}
/* company end*/

/* member step01 */
.sub .members_step{text-align:center; font-size:0;}
.sub .members_step li{position:relative; display:inline-block; min-width:120px; padding-left:50px}
.sub .members_step li:first-child{padding-left:0;}
.sub .members_step li:before{content:''; position:absolute; top:50%; left:0; width:50px; height:1px; background:#eee;}
.sub .members_step li:first-child:before{display:none;}
.sub .members_step li dl{margin-top:10px;}
.sub .members_step li dl dt{color:#999;font-size:13px; font-weight:700; line-height:18px;}
.sub .members_step li dl dd{color:#999; font-size:15px; font-weight:400; line-height:26px;}
.sub .members_step li.on dl dt{color:#222;}
.sub .members_step li.on dl dd{color:#666;}
/* member step01 end */

/* member step 01-01 */
.sub .agree_wrap{border-top:1px solid #222;}
.sub .drugbox{width:100%; height:200px; padding:30px; border:1px solid #ccc; color:#666; font-size:13px; line-height:20px; overflow-y:scroll; box-sizing:border-box;}
.sub .drugbox .org_03{color:#05824b;}
/* member step 01-01 end */

/* member step 02 */
.sub .join_form .area_tit small .img_pilsu{vertical-align:middle;}
.sub .join_form .pilsu{position:relative; padding-left:20px; }
.sub .join_form .pilsu:before{content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6.5px; background:url('../images/member/icon_pilsu.png') no-repeat 0 0 / 13px;}
/* member step 02 end */

/* member step 03 */
.sub .join_ok{padding:90px 0; text-align:center; border:1px solid #ccc;}
.sub .join_ok .join_tit{color:#01824a; font-size:40px; font-weight:400; line-height:50px; }
.sub .join_ok .join_sub_tit{color:#000; font-size:24px; font-weight:400; line-height:34px; }
.sub .join_ok .join_text_ty01{color:#000; font-size:16px; line-height:26px; }
.sub .join_ok .join_text_ty02{color:#666; font-size:15px; line-height:25px; }
/* member step 02 end */

/* 회원가입 주소검색 팝업 */
.layer_type_01 .post_search { width: 300px; height: 38px; border: 1px solid #ccc; }
.layer_type_01 .post_data { height: 118px; overflow-y: auto; border: 1px solid #e5e5e5; }
/* 회원가입 주소검색 팝업 end */

/* search */
.sub .search .brand_here{display:inline-block;  padding:5px 0; color:#05824b;}
.sub .search .table_ty01 tr td a {display:inline-block; color:#666;}

.sub .search .table_ty01 tr td span.brand{display:inline-block; padding:5px 0;}
.sub .search .table_ty01 tr td a.more{position:absolute; top:50%; right:0; width:14px; height:9px; margin-top:-4.5px; background:url('../images/common/arrow_down_w14_darkgray.png') no-repeat 0 0 / 14px;}
.sub .search .table_ty01 tr td a.more.on{background:url('../images/common/arrow_up_w14_darkgray.png') no-repeat 0 0 / 14px;}
.sub .search .table_ty01 tr td .price_text{display:inline-block; vertical-align:top; height:50px; padding:0 10px; text-align:center; color:#999; font-size:15px; line-height:50px;}

.sub .search_option h2{color:#666;font-size:15px; font-weight:400; line-height:18px; }
.sub .search_option h2 > span{color:#05824b; font-weight:700;}
.sub .search_option .goods_list_amount{display:inline-block; vertical-align:middle; width:150px; height:40px; padding:0 20px; background: url('../images/common/arrow_down_w14_gray.png') no-repeat right 15px center; border:1px solid #ccc; color:#666; font-size:15px; font-weight:300; line-height:40px; box-sizing:border-box; -webkit-appearance:none; outline: none;}
.sub .search_option .select{position:relative; display:inline-block; vertical-align:top; width:150px; height:40px; box-sizing:border-box;}
.sub .search_option .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 20px; box-sizing:border-box; line-height:40px; background:#fff; border:1px solid #ccc;}
.sub .search_option .select > .choice_box > em{display:block; position:absolute; right:20px; top:50%; width:14px; height:9px; margin-top:-4.5px; background:url('../images/common/arrow_down_w14_gray.png') no-repeat 0 0;}
.sub .search_option .select > .choice_box.on > em{background:url('../images/common/arrow_down_w14_gray.png') no-repeat 0 0;}
.sub .search_option .select .placeholder{display:block; color:#666; font-size:15px; line-height:38px; font-weight:400;}
.sub .search_option .select .select_slide{display:none;position:absolute; top:39px; left:0px; width:100%; padding:10px 20px; box-sizing:border-box; border:1px solid #ccc; background:#fff; z-index:1;}
.sub .search_option .select .select_slide li{margin-top:10px;}
.sub .search_option .select .select_slide li:first-child{margin-top:0px;}
.sub .search_option .select .select_slide li a{display:block;width:100%; padding:5px 0; font-size:15px; color:#666; font-weight:300;}

.sub .search_option .select > .select_box{position:relative; display:block; width:100%; height:100%; box-sizing:border-box; line-height:40px; background:#fff; border:1px solid #ccc;}
.sub .search_option .select > .select_box span { padding-left: 20px; }
.sub .search_option .select > .select_box > em{display:block; position:absolute; right:20px; top:50%; width:14px; height:9px; margin-top:-4.5px; }
.sub .search_option .select > .select_box > em { background:url('/front/netpx_v3/skin/images/common/arrow_down_w14_gray.png') no-repeat 0 0; }
.sub .search_option .select .select_ul{display:none;position:absolute; top:39px; left:0px; width:100%; padding:10px 20px; box-sizing:border-box; border:1px solid #ccc; background:#fff; z-index:1;}
.sub .search_option .select .select_ul li{margin-top:10px;}
.sub .search_option .select .select_ul li:first-child{margin-top:0px;}
.sub .search_option .select .select_ul li a{display:block;width:100%; padding:5px 0; font-size:15px; color:#666; font-weight:300;}
.sub .search_option .select select { height: 40px; line-height: 38px; color: #666; font-size: 15px; font-weight: 400; }

.sub .search_option .goods_list_benefit{display:inline-block; vertical-align:middle; margin-right:45px; }
.sub .search_option .goods_list_kind{display:inline-block; vertical-align:middle; font-size:0;}
.sub .search_option .goods_list_kind a{display:inline-block; vertical-align:top;}

/* 신상품 */
.sub .search_option .align_list { display: inline-block; }
.sub .search_option .align_list li { display: inline-block; margin-right: 10px; }
.sub .search_option .align_list li a { font-size: 15px; font-weight: 300; line-height: 40px; color: #666; }
.sub .search_option .align_list li a.selected { font-weight: 700; color: #05824b; }

.sub .search_wrap{position:relative; margin:0 auto; width:510px; font-size:0;}
.sub .search_wrap > select{position:absolute;; top:0; left:0; width:100px; height:40px; padding:0 15px; font-size:15px; line-height:40px; }
.sub .search_wrap > .search_box{display:inline-block; height:40px; margin-left: 110px; padding-right:45px; border:1px solid #ccc; font-size:15px; line-height:40px; box-sizing:border-box;}
.sub .search_wrap > .search_box input{display:inline-block; vertical-align:top;width:340px; height:37px; margin-left:10px; font-size:15px; line-height:40px;}
.sub .search_wrap > .search_box input.w450{width:450px;}
.sub .search_wrap > .search_box a{position: absolute; top:1px; right:4px; width: 50px; height: 38px; border: 0; border-left: none; box-sizing: border-box; background: url('../images/cscenter/btn_search.png') no-repeat center center / 50px; text-indent:-9999px;}
/* search end */

/* product list small */

.sub .wishlist{padding:0; padding-left:10px; color:#666; font-size:13px; line-height:18px; }
.sub .wishlist > a.wish_heart{display:inline-block; vertical-align:middle; width:16px; height:13px; background:url('../images/list/heart_off.png') no-repeat 0 0;text-indent:-9999px;}
.sub .wishlist > a.wish_heart.on{background:url('../images/list/heart_on.png') no-repeat 0 0;}
.sub .wishlist > span{display:inline-block; vertical-align:middle; color:#666; font-size:13px; line-height:13px; }


.product_wrap tr td .thumnail_img { position: relative; display: block; width: 240px; height: 240px; margin: auto; overflow: hidden; }
.product_wrap tr td .thumnail_img::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; background-color: rgba(150,150,150,0.1); }
.product_wrap tr td .thumnail_img > img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transform: scale(1); transition: transform 0.3s; display:block; margin:0 auto;}
.product_wrap tr td .thumnail_img:hover img { transform: scale(1.07); }

.product_wrap{position:relative; width:1300px; display: block; margin-left: -10px; }
.product_wrap tr td{ position: relative; width:260px; height: auto; padding-bottom:60px; vertical-align: top;}
.product_wrap tr td .thumnail {position:relative; display:block; width:240px; height: 240px; margin:0 auto;}
.product_wrap tr td .thumnail span.ranking_flag{position:absolute; top:0; left:10px; width:44px; height:45px; background:url('../images/main/bg_ranking_flag.png') no-repeat 0 0; text-align:center; color:#fff; font-size:20px; font-weight:700; line-height:45px; white-space:nowrap; z-index: 1;}
.product_wrap tr td .thumnail a{position:relative; width: 100%; height: 100%; overflow: hidden; display:block;}
.product_wrap tr td .thumnail a > img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transform: scale(1); transition: transform 0.3s; display:block; margin:0 auto;}
.product_wrap tr td .thumnail a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; background-color: rgba(150,150,150,0.1); }
.product_wrap tr td .thumnail a:hover img { transform: scale(1.07); }
.product_wrap tr td.soldout_product .thumnail a:hover img { transform: scale(1); }
.product_wrap tr td .sti_area {display:block; width:236px; margin:0 auto;}

.product_wrap tr > td .select{position:relative; display:inline-block; vertical-align:top; width:130px; height:30px; box-sizing:border-box; cursor: pointer;}
.product_wrap tr > td .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:30px; background:#fff; border:1px solid #ccc;z-index:2;}
.product_wrap tr > td .select > .choice_box > em{display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.product_wrap tr > td .select > .choice_box.on{border: 1px solid #ccc;}
.product_wrap tr > td .select > .choice_box.on > em{background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.product_wrap tr > td .select .placeholder{display:block; color:#666; font-size:13px; line-height:28px; font-weight:400;}
/*.product_wrap tr > td .select .select_slide{display:none;position:absolute; top:29px; left:0px; width:220px; padding:10px 20px; box-sizing:border-box; border:1px solid #222; background:#fff; z-index:1;}
.product_wrap tr > td .select .select_slide li{margin-top:5px;}
.product_wrap tr > td .select .select_slide li:first-child{margin-top:0px;}
.product_wrap tr > td .select .select_slide li a{display:block;width:100%; padding:0; font-size:13px; color:#666; font-weight:300;}
*/
.product_wrap tr > td .select > .choice_box .size_view { cursor: auto;}
.product_wrap tr > td .select > .choice_box .size_view .so_layer { position: absolute; top: 0; bottom: 0; left:-1px; margin: auto; width: 220px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #222; background: #fff; user-select: none; display: table; }
.product_wrap tr > td .select > .choice_box .size_view .so_layer li { padding-left: 20px; font-size: 13px; line-height: 22px; color: #666; font-weight: 300; }
.product_wrap tr > td .select > .choice_box .size_view .so_layer li:first-child { padding-top: 10px; }
.product_wrap tr > td .select > .choice_box .size_view .so_layer li:last-child { padding-bottom: 10px; }

.product_wrap tr > td a.product_plus{display:inline-block; width:28px; height:28px; margin-right:-1px; background:#fff url('../images/list/btn_plus.png') no-repeat 0 0 / 28px; border:1px solid #ccc; text-indent:-9999px; }
.product_wrap tr > td a.product_detail{display:inline-block; width:28px; height:28px; background:#fff url('../images/list/btn_window.png') no-repeat 0 0 / 28px; border:1px solid #ccc;  text-indent:-9999px; }
.product_wrap tr > td a.product_plus:hover{background:#222 url('../images/list/btn_plus_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}
.product_wrap tr > td a.product_detail:hover{background:#222 url('../images/list/btn_window_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}

.product_wrap tr > td h3.tit{ height: 22px; color:#333; font-size:13px; font-weight: 500; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.product_wrap tr > td p.tit_desc{ height: 38px; }
.product_wrap tr > td p.tit_desc > a{display: -webkit-box; height:34px; color:#222; font-size:14px; font-weight:600; line-height:16px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; -ms-word-break: keep-all; }

.product_wrap tr > td .price{margin-top:5px;margin-bottom:5px;}
.product_wrap tr > td .price > strong{font-size:20px; line-height:24px;}
.product_wrap tr > td .price > strong + span{color:#666;}
.product_wrap tr > td .price > del{margin-left:5px; color:#999; font-size:15px; }
.product_wrap tr > td .price > del + span{color:#999;}
.product_wrap tr > td .price .price_coupon { display: block; font-size: 13px; font-weight: 600; color: #004478; }

.product_wrap tr > td .info_wrap{padding:0 8px; margin-bottom: 0 !important;}
.product_wrap tr > td .review_wrap{ position: absolute; bottom: 30px; right: 15px; left: 20px; margin: auto; }
.product_wrap tr > td .review_wrap > dl > dt{position:relative; float:left; height:14px; padding-right:10px;}
.product_wrap tr > td .review_wrap > dl > dt:after{content:''; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#ccc; display: none;}
.product_wrap tr > td .review_wrap > dl > dt > .review_score{font-size:0;}
.product_wrap tr > td .review_wrap > dl > dt > .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; vertical-align: top;}
.product_wrap tr > td .review_wrap > dl > dt > .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}
.product_wrap tr > td .review_wrap .avg_est { font-size: 13px; vertical-align: top; }
.product_wrap tr > td .review_wrap .avg_est i { display: inline-block; margin-right: 3px; color:#05824b; }
.product_wrap tr > td .review_wrap .review,
.product_wrap tr > td .review_wrap .qa { padding-left: 5px; font-size: 13px; line-height: 16px; color: #888; }

.product_wrap tr > td .review_wrap > dl > dd{float:right; height:14px; padding-left:10px; }
.product_wrap tr > td .review_wrap > dl > dd .review_count{color:#222; font-size:13px;line-height:14px;}
.product_wrap tr > td .review_wrap > .wishlist{position:absolute; top:13px; right:0;}
.product_wrap tr > td .review_wrap > .wishlist > a.wish_heart{display:inline-block; vertical-align: middle; width: 16px; height: 13px; background:url('../images/list/heart_off.png') no-repeat 0 0; text-indent: -9999em;}
.product_wrap tr > td .review_wrap > .wishlist > a.wish_heart.on{background:url('../images/list/heart_on.png') no-repeat 0 0;}

.product_wrap tr > td .review_wrap .review_coment{color:#666; font-size:13px; line-height:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.product_wrap tr > td.soldout_product{opacity:0.45;}

.label_wrap.inline-block{display:inline-block;}
.label_wrap > span{display:inline-block; height:17px; margin-right:5px; margin-bottom:5px; padding:0 5px; color:#fff; text-align:center; font-size:11px; line-height: 18px; vertical-align: top;}
.label_wrap > span.label_soldout{background-color:#666;}
.label_wrap > span.label_sale{background-color:#bf2a2a;}
.label_wrap > span.label_coupon{background-color:#004478;}
.label_wrap > span.label_new{background-color:#0591e1;}
.label_wrap > span.label_best{background-color:#05824b;}
.label_wrap > span.label_hot{background-color:#bf2a2a;}
.label_wrap > span.label_gift{background-color:#05824b;}
.label_wrap > span.label_new_gray{background-color: #c0c0c0;}
/* product list small end* /

/* paging */
.sub .paging{text-align:center; font-size:0; }
.sub .paging > a{display:inline-block; vertical-align:top; min-width:30px; height:30px; margin:0 2.5px; padding:0 5px; color:#666; text-align:center; font-size:15px; line-height:30px; box-sizing:border-box;}
.sub .paging > a.now{background-color:#222; color:#fff; text-align:center; font-size:15px; line-height:30px; }
.sub .paging > a.start{margin:0; background:url('../images/common/paging_start.png') no-repeat 0 0 / 30px; text-indent:-9999px; }
.sub .paging > a.prev{margin:0; background:url('../images/common/paging_prev.png') no-repeat 0 0 / 30px; text-indent:-9999px; }
.sub .paging > a.next{margin:0; background:url('../images/common/paging_next.png') no-repeat 0 0 / 30px; text-indent:-9999px; }
.sub .paging > a.end{margin:0; background:url('../images/common/paging_end.png') no-repeat 0 0 / 30px; text-indent:-9999px; }


/* paging end */

/*qna coment */
span.answer.complete{display:inline-block; height:25px; margin-right:5px; padding:0 5px; background-color:#05824b; color:#fff; text-align:center; font-size:13px; line-height:25px;}
span.answer.waiting{display:inline-block; height:25px; margin-right:5px; padding:0 5px; background-color:#999; color:#fff; text-align:center; font-size:13px; line-height:25px;}
/*qna coment end */

/* community */
.sub .comu_left{float:left; width:130px;padding-right:70px; }
.sub .comu_left .comu_list li{position:relative; display:block; padding-left:10px; color:#222; font-size:15px; line-height:28px; }
.sub .comu_left .comu_list li > a{display:block;}
.sub .comu_left .comu_list li > a.bbs_nav_sel{font-weight: bold;}
.sub .comu_left .comu_list li:before{content:''; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background-color:#8a8a8a;}
.sub .comu_left .comu_list li.img_bn{padding-left:0px;}
.sub .comu_left .comu_list li.img_bn:before{display:none;}
.sub .comu_left .comu_list .label_new { padding-right: 5px; color: #ec4242; text-align:center; font-size:11px; line-height:20px; }

.sub .comu_left > h2{font-size:24px; font-weight:400; line-height:30px; white-space:nowrap;}
.sub .comu_left .list_mbbs li{margin-top:15px; }
.sub .comu_left .list_mbbs li > a{display:block; font-size:15px; line-height:20px; white-space: nowrap;}

.sub .comu_wrap{float:left; width:1080px;}

.sub .comu_wrap .more{position:relative; top:8px; left:0; padding-right:20px; font-size:15px; line-height:19px;}
.sub .comu_wrap .more em{position:absolute; top:50%; right:0; width:12px; height:12px; margin-top:-6px; background:url('../images/community/icon_more.png') no-repeat 0 0;}
.sub .comu_wrap .gallery_boad{padding-top:20px; border-top:1px solid #222; border-bottom:1px solid #ccc;}

.sub .comu_wrap .sti_table{width:100%;}
.sub .comu_wrap .sti_table a{display:inline-block; margin-bottom:20px; font-size:0;}
.sub .comu_wrap .sti_table .photo_list_thumb{display:inline-block; vertical-align:middle; width:240px; height:240px; background-color:#f9f9f9; overflow:hidden;}
.sub .comu_wrap .sti_table .photo_list_thumb > .thumb{display:table; width:100%;height:100%; overflow:hidden;}
.sub .comu_wrap .sti_table .photo_list_thumb > .thumb > span{display:table-cell; vertical-align:middle; width:100%;}
.sub .comu_wrap .sti_table .photo_list_thumb > .thumb > span > img{width:100%;height: 100%; object-fit: cover;}

/* 커뮤니티 포토상품평 리뉴얼 220901 송 */
.comm_photo_list { font-size: 0; }
.comm_photo_list li { display: inline-block; width: 250px; margin-right: 26px; vertical-align: top; }
.comm_photo_list li a .thumbnails { width: 250px; height: 250px; }
.comm_photo_list li a .thumbnails img {  width: 100%; height: 100%; object-fit: cover;}
.comm_photo_list li a .photo_info { margin-top: 12px; font-size: 13px; color: #666; }
.comm_photo_list li a .photo_info .goods_nm { height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.comm_photo_list li a .photo_info .goods_nm .label_best { display: inline-block; height: 16px; margin-right: 5px; padding: 0 5px; font-size: 10px; line-height: 16px; color: #fff; text-align: center; vertical-align: middle; background-color: #05824b; }
.comm_photo_list li a .photo_info .goods_ttl { margin-top: 7px; height: 20px; font-size: 14px; font-weight: 600; line-height: 18px; color: #000; overflow: hidden; }
.comm_photo_list li a .photo_info .user_info { margin-top: 10px; font-size: 14px; font-weight: 400; color: #636363; line-height: 25px; }
.comm_photo_list li.all_view { width: 250px; height: 250px; margin-right: 0; background-color: #f4f5f6; }
.comm_photo_list li.all_view a { display: table; width: 100%; height: 100%; }
.comm_photo_list li.all_view a .txt { display: table-cell; font-size: 17px; font-weight: 600; color: #000; text-align: center; vertical-align: middle; }
.comm_photo_list li.all_view a .txt .view { display: block; width: 30px; height: 30px; margin: 12px auto 0; background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/community/icon_more.png') center center no-repeat #fff; box-shadow: rgb(0 0 0 / 20%) 3px 3px 1px; transition: box-shadow 0.3s; }
.comm_photo_list li.all_view a:hover .txt .view {  box-shadow: rgb(0 0 0 / 30%) 0px 0px 6px; }
/* 커뮤니티 포토상품평 리뉴얼 220901 end 송 */

/* 상품평 게시판 리뉴얼 220905 송 */
.con_photoList td { background-color: #f8f8f8; }
.con_photoList td .bul_best { display: inline-block; width: 42px; height: 20px; font-size: 12px; font-weight: 600; color: #fff; line-height: 20px; text-align: center; }
.con_photoList td.tit .review_score{font-size:0;}
.con_photoList td.tit .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; background:url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/star_on.png') no-repeat 0 0 / 12px; vertical-align: top;}
.con_photoList td.tit .review_score > span.star_empty{background:url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/star_off.png') no-repeat 0 0 / 12px;}
.con_photoList td.tit .goods_nm { font-size: 14px; color: #848484; }
.con_photoList td.tit .goods_text { font-size: 13px; color: #636363; line-height: 18px; }
/* 상품평 게시판 리뉴얼 220905 end 송 */

/* 커뮤니티 하우 투 택티컬 & 리로드 매거진 */
/* 하우 투 택티컬 */
.comm_photo_usertip { font-size: 0; }
.comm_photo_usertip li:last-child { margin-right: 0; }
.comm_photo_usertip li { display: inline-block; width: 250px; margin-right: 15px; vertical-align: top; }
.comm_photo_usertip li a .thumbnails { width: 250px; height: 250px; background-color: #f9f9f9; }
.comm_photo_usertip li a .thumbnails img {  width: 100%; height: 100%; object-fit: cover;}
.comm_photo_usertip li a .photo_info { margin-top: 12px; font-size: 13px; color: #666; }
.comm_photo_usertip li a .photo_info .goods_nm { height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.comm_photo_usertip li a .photo_info .goods_nm .label_best { display: inline-block; height: 16px; margin-right: 5px; padding: 0 5px; font-size: 10px; line-height: 16px; color: #fff; text-align: center; vertical-align: middle; background-color: #05824b; }
.comm_photo_usertip li a .photo_info .goods_ttl { display: -webkit-box; margin-top: 7px; height: 42px; font-size: 15px; font-weight: 500; line-height: 20px; color: #000; text-overflow: ellipsis; word-wrap: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -ms-word-break: keep-all; overflow: hidden; }
.comm_photo_usertip li a .photo_info .user_info { margin-top: 13px; font-size: 14px; font-weight: 400; color: #ccc; line-height: 18px; }
.comm_photo_usertip li a .photo_info .user_info .user { color: #666; }
.comm_photo_usertip li a .photo_info .user_info .date { color: #999; }
/* 리로드 매거진 */
.comm_photo_reload { font-size: 0; width: 100%; vertical-align: top; }
.comm_photo_reload a .thumbnails { display: inline-block; width: 250px; height: 250px; background-color: #f9f9f9; vertical-align: top; }
.comm_photo_reload a .thumbnails img {  width: 100%; height: 100%; object-fit: cover;}
.comm_photo_reload a .reload_info { display: inline-block; width: calc(100% - 250px); height: 250px; padding: 50px 25px; font-size: 13px; color: #666; vertical-align: top; box-sizing: border-box; }
.comm_photo_reload a .reload_info .ttl { display: -webkit-box; font-size: 22px; line-height: 26px; color: #000; text-overflow: ellipsis; word-wrap: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -ms-word-break: keep-all; overflow: hidden; }
.comm_photo_reload a .reload_info .user_info { margin-top: 40px; font-size: 14px; font-weight: 400; color: #ccc; line-height: 18px; }
.comm_photo_reload a .reload_info .user_info > .user { color: #666; }
.comm_photo_reload a .reload_info .user_info > .date { color: #999; }
.comm_photo_reload a .reload_txt { position: relative; display: block; width: 100%; height: 120px; padding: 18px; font-size: 15px; color: #222; background-color: #f2f2f2; box-sizing: border-box; overflow: hidden; }
.comm_photo_reload a .reload_txt .text_more { position: absolute; bottom: 13px; right: 20px; font-weight: bold; color: #000; }
/* 커뮤니티 하우 투 택티컬 & 리로드 매거진 end */

.sub .comu_wrap .sti_table .photo_list_info{position:relative; display:inline-block; vertical-align:middle; width:289px; height:240px; padding:35px 30px; background-color:#f9f9f9; box-sizing:border-box;}
.sub .comu_wrap .sti_table .photo_list_info > .tit{font-size:16px; font-weight: 500; line-height:22px; }
.sub .comu_wrap .sti_table .photo_list_info .writer_info{position:absolute; left:30px; bottom:35px;}
.sub .comu_wrap .sti_table .photo_list_info .writer{ color:#ccc; font-size:15px; font-weight:300;}
.sub .comu_wrap .sti_table .photo_list_info .writer > .user{color:#666; }
.sub .comu_wrap .sti_table .photo_list_info .writer > .date{color:#999; }
.sub .comu_wrap .sti_table .photo_list_info .writer .user_name { line-height: 25px;  }
.sub .comu_wrap .sti_table .photo_list_info .bd_info{color:#999; }
.sub .comu_wrap .sti_table .photo_list_info .tit .label_new { padding-right: 5px; color: #ec4242; text-align:center; font-size:11px; line-height:20px; }

.sub .comu_wrap .board_text{ position: relative;color:#999; font-size:15px; font-weight:400; line-height:20px;}
.sub .comu_wrap .board_text > strong{color:#222; font-weight:400;}
.sub .comu_wrap .board_text .add_review { position: absolute; top: 0; right: 0; margin: auto; }
.sub .comu_wrap .list_info > div{position:relative; top:2px; color:#ccc;}
.sub .comu_wrap .list_info > div > a{color:#222;}

.sub .comu_wrap .product_info{ padding:20px 50px 20px 20px; background-color:#f9f9f9; box-sizing:border-box;}
.sub .comu_wrap .product_info .product_info_img{position:absolute; top:0; left:0; }
.sub .comu_wrap .product_info .product_info_img a{display:block;}
.sub .comu_wrap .product_info .product_info_list{display:table;width:55%;height:120px; padding-left:120px; padding-right:350px;}
.sub .comu_wrap .product_info .product_info_list > ul{display:table-cell; vertical-align:middle; padding-left:30px; }
.sub .comu_wrap .product_info .product_info_list > ul > li{margin-top:10px;}
.sub .comu_wrap .product_info .product_info_list > ul > li:first-child{margin-top:0;}
.sub .comu_wrap .product_info .product_info_list > ul > li > .tit{width:85px;}
.sub .comu_wrap .product_info .product_info_list > ul > li > .txt{width:calc(100% - 95px);}
.sub .comu_wrap .product_info .product_info_list > ul > li > .option{color:#999;}

.sub .comu_wrap .product_info dl.product_info_score{display:inline-block; vertical-align:middle; margin-right:40px;}
.sub .comu_wrap .product_info dl.product_info_score > dt{display:inline-block; vertical-align:middle; margin-right:20px; font-size:16px; line-height:20px;}
.sub .comu_wrap .product_info dl.product_info_score > dd{display:inline-block; vertical-align:middle}
.sub .comu_wrap .product_info dl.product_info_score > dd > .review_score{font-size:0;}
.sub .comu_wrap .product_info dl.product_info_score > dd > .review_score > span{display:inline-block; vertical-align:middle; width:16px; height:16px; margin-left:5px; background:url('../images/community/star_on.png') no-repeat 0 0 / 16px; }
.sub .comu_wrap .product_info dl.product_info_score > dd > .review_score > span.star_empty{background:url('../images/community/star_off.png') no-repeat 0 0 / 16px;}

.sub .comu_wrap .product_info .product_info_link{position:absolute; top:50%; right:0; margin-top:-25px;}
.sub .comu_wrap .table_ty03 .border_button { display: inline-block; width: 42px; height: 25px; border: 1px solid #666; color: #666; font-size: 11px; line-height: 25px; }

.sub .view_tit{padding: 25px; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.sub .view_tit > h2{margin-bottom:10px; font-size:20px;  font-weight:400; line-height:26px;}
.sub .view_tit > p{color:#999; font-size:15px; line-height:25px;}
.sub .view_tit > p > strong{color:#666;  font-weight:300;}
.sub .view_tit > p > span{font-weight:100;}

.sub .board_view{ border-bottom:1px solid #ccc;}
.sub .board_view > *{font-size:15px; line-height:22px;}
.sub .board_view .view_inner{padding:30px; box-sizing: border-box;}
.sub .board_view .view_inner img{margin:0 auto; max-width:100%;}

.sub .board_view .view_inner .qna{}
.sub .board_view .view_inner .qna.que{position:relative; padding-left:30px; padding-bottom:30px;}
.sub .board_view .view_inner .qna.anw{position:relative; padding-left:30px; padding-top:30px; border-top:1px solid #eee; }

.sub .board_view .view_inner .qna.que:before{content:'Q.'; position:absolute; top:0; left:0; font-weight:700;}
.sub .board_view .view_inner .qna.anw:before{content:'A.'; position:absolute; top:30px; left:0; font-weight:700;}

.sub .reply_wrap{padding:40px 30px; background-color:#f9f9f9; text-align:left; }
.sub .reply_wrap .reply_info{ padding-bottom: 4px; color:#999; font-size:14px; font-weight:400; line-height:25px; }
.sub .reply_wrap .reply_info strong{color:#222; font-weight:400; }
.sub .reply_wrap .reply_info a.reply_delete{display:block;}
.sub .reply_wrap .reply_text{text-align:left; color:#666; font-size:14px; font-weight:400; line-height:22px; }

.sub .reply_wrap .comment_form{position:relative; }
.sub .reply_wrap .comment_form .textarea_wrap{padding-right:130px; }
.sub .reply_wrap .comment_form .textarea_wrap textarea{width:100%; height:50px; padding:5px; background:#fff; border:1px solid #ccc; box-sizing:border-box; resize:none;}
.sub .reply_wrap .comment_form a.submit{position:absolute; top:0; right:0;}
.sub .reply_wrap .del_btn{position:absolute; top:20px; right:0;}

.sub .boardlist dl{position:relative; padding:20px 0; border-bottom:1px solid #ccc;}
.sub .boardlist dl dt{position:absolute;top:20px; left:0; width:130px; text-align:center; color:#666; font-size:15px; line-height:20px; }
.sub .boardlist dl dt p{position:relative; padding-right:30px;}
.sub .boardlist dl dt.prev em{position:absolute; top:50%; right:0; width:13px; height:7px; margin-top:-3.5px; background:url('../images/community/boardllist_prev.png') no-repeat 0 0 / 13px;}
.sub .boardlist dl dt.next em{position:absolute; top:50%; right:0; width:13px; height:7px; margin-top:-3.5px; background:url('../images/community/boardllist_next.png') no-repeat 0 0 / 13px;}
.sub .boardlist dl dd{padding-left:160px;}
.sub .boardlist dl dd a{display:block; color:#666; font-size:15px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.sub .boardlist dl dd p{display:block; color:#666; font-size:15px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
/* community end */

/* CS center */
/* CS center main */
.sub .cs_quick{text-align:center; font-size:0; }
.sub .cs_quick li{display:inline-block; width:280px; margin:0 10px; text-align:center;}
.sub .cs_quick li > .cs_icon{display:block; margin:0 auto;}
.sub .cs_quick li > .cs_text{margin-top:25px; margin-bottom:20px; text-align:center;}
.sub .cs_quick li > .cs_text > dt{margin-bottom:5px; color:#222; font-size:20px; font-weight:700; line-height:26px; }
.sub .cs_quick li > .cs_text > dd{color:#666; font-size:15px; font-weight:400; line-height:22px; }
.sub .cs_quick li > .cs_link{position:relative; padding-right:26px; color:#222; text-align:center;font-size:15px; line-height:20px; }
.sub .cs_quick li > .cs_link:after{content:'';position:absolute; top:50%; right:0; margin-top:-6px; width:8px; height:12px; background:url('../images/cscenter/arrow_cscenter_link.png') no-repeat 0 0 / 8px;}

.sub .faq_menu > ul > li{float:left; width:141px; height:50px; }
.sub .faq_menu > ul > li:first-child{border-left:1px solid #ccc;}
.sub .faq_menu > ul > li > a{display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; color:#666; font-size:15px; line-height:48px; }
.sub .faq_menu > ul > li > a:hover{background-color:#222; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #222; color:#fff; }
.sub .faq_menu > ul > li > a.on{background-color:#222; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #222; color:#fff; }

.sub .cs_contents .w220{width:220px; }
.sub .cs_contents .w480{width:480px; }
.sub .cs_contents .w617{width:617px; }

.sub .cs_contents .tit_line .more{position:relative; top:8px; left:0; padding-right:20px; font-size:15px; line-height:19px;}
.sub .cs_contents .tit_line .more em{position:absolute; top:50%; right:0; width:12px; height:12px; margin-top:-6px; background:url('../images/community/icon_more.png') no-repeat 0 0;}

.sub .qna_nodata{padding:50px 0; border-top:1px solid #222; border-bottom:1px solid #ccc; text-align:center; }
.sub .qna_nodata dl > dt{margin-bottom:5px; font-size:20px; font-weight:400; line-height:30px;}
.sub .qna_nodata dl > dd{font-size:16px; font-weight:300; line-height:22px;}

.sub .table_ty03 tr td span.answer_mark{display:inline-block; width:25px; height:25px; background:#01824a; border-radius:50%; color:#fff; text-align:center; font-size:13px; font-weight:700; line-height:25px; }

.sub .caution{padding:22px 30px; background-color:#f9f9f9;}
.sub .caution .caution_icon{position:absolute; top:0; left:0;}
.sub .caution .caution_text{padding-left:54px; color:#666; font-size:15px; line-height:22px; }
.sub .caution h3{color:#05824b; font-size:20px; font-weight:700; line-height:24px; }
.sub .caution .txt{font-size:15px; font-weight:400; line-height:20px; }
.sub .caution .txt > span{color:#05824b;}
.sub .caution .caution_list li{color:#666; font-size:14px; line-height:25px;}
.sub .caution .caution_list li:before{content:'- '; }

.sub .cs_bottom_link > li{float:left; width:33.33%;padding:22px 0;}
.sub .cs_bottom_link > li > a{position:relative; display:block; width:230px; margin:0 auto;}
.sub .cs_bottom_link > li > a > img{position:absolute; top:-5px; left:0; }
.sub .cs_bottom_link > li > a > dl{padding-left:65px;}
.sub .cs_bottom_link > li > a > dl > dt{margin-top:5px; font-size:16px; font-weight:700; line-height:22px; }
.sub .cs_bottom_link > li > a > dl > dd{margin-top:2px; color:#666; font-size:13px; font-weight:400;line-height:16px; }

.sub .cs_quick_link > li{margin-bottom:20px;}
.sub .cs_quick_link > li > a{font-size:15px; line-height:20px; }

.sub .cs_customer_guide{text-align:center;}
.sub .cs_customer_guide > div{color:#666;}
.sub .cs_customer_guide dl{margin:0 auto; width:170px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.sub .cs_customer_guide dl > dt{color:#01824a; font-size:16px; line-height:22px; }
.sub .cs_customer_guide dl > dd > img{ display:inline-block; vertical-align:middle;}
.sub .cs_customer_guide dl > dd > span{ display:inline-block; vertical-align:middle; color:#01824a; font-size:28px; font-weight:700; line-height:34px; }
/*cs center main end */

/*cs center counsel end */

.sub #faq_list .faq_tab {margin-top:5px; font-size:0; text-align:right; width:660px;}
.sub #faq_list .faq_tab li{position:relative; display:inline-block; padding:0 15px;}
.sub #faq_list .faq_tab li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px;background-color:#ccc;}
.sub #faq_list .faq_tab li.first{padding-left:0;}
.sub #faq_list .faq_tab li.first:before{display:none;}
.sub #faq_list .faq_tab li.last{padding-right:0;}
.sub #faq_list .faq_tab li a{color:#666; font-size:15px; line-height:22px; }
.sub #faq_list .faq_tab li a.on{color:#222; font-size:15px; line-height:22px; }

/* CS center end */

/* login */
.sub .login_wrap .login_box{width:840px; margin:0 auto; padding-top:60px; border-top:5px solid #222;}
.sub .login_wrap .login_box > .clearfix > div{width:50%;}
.sub .login_wrap .login_box > div .login_box_inner{width:300px; margin:0 auto;}
.sub .login_wrap .login_box > div .login_box_inner > h2{font-weight:400;}
.sub .login_wrap .login_box > div .login_box_inner .utility_link{text-align:center;}
.sub .login_wrap .login_box > div .login_box_inner .utility_link a{margin:0 20px; color:#666; font-size:15px; line-height:20px; }
.sub .login_wrap .login_box > div .login_box_inner .utility_link span{color:#ccc; font-size:15px; line-height:20px; font-weight:200;}

.sub .login_wrap .login_box > div .login_box_inner ul{margin-bottom:15px; }
.sub .login_wrap .login_box > div .login_box_inner ul li{margin-bottom:5px; padding-left:10px; color:#999; font-size:13px; line-height:18px; }
.sub .login_wrap .login_box > div .login_box_inner ul li:before{content:'-';font-size:12px; line-height:18px; margin-left:-8px;}
.sub .login_wrap .login_box > div .login_box_inner input[type="submit"] { cursor: pointer; }

.sub .login_wrap .login_box .member_benefit{padding:40px; background-color:#f9f9f9}
.sub .login_wrap .login_box .member_benefit h2{position:relative; margin-bottom:10px; padding-left:35px; color:#05824b; font-size:20px; line-height:28px; }
.sub .login_wrap .login_box .member_benefit h2:before{content:''; position:absolute; top:0; left:0; width:30px; height:30px; background:url('../images/member/icon_login_px.png') no-repeat 0 0;}
.sub .login_wrap .login_box .member_benefit ul li{margin-bottom:5px; padding-left:8px; color:#666; font-size:14px; line-height:20px; }
.sub .login_wrap .login_box .member_benefit ul li:before{content:'- ';font-size:13px; line-height:20px; margin-left:-8px;}

.sub .login_wrap .login_box .login_ban{width:720px; margin:0 auto;}
.sub .login_wrap .login_box .login_ban img{width:100%;}
/* 비회원구매 로그인 */
.sub .login_wrap .nomember_login { position: relative; width: 720px; margin: 80px auto 0; background-color: #f9f9f9; padding: 40px; box-sizing: border-box; color: #666; font-size: 13px; line-height: 20px; }
.sub .login_wrap .nomember_login h2 { font-weight: 400; }
.sub .login_wrap .nomember_login strong { color: #05824b; }
.sub .login_wrap .nomember_login .btn_wrap { position: absolute; top: 0; bottom: 0; right: 40px; margin: auto; width: 150px; height: 60px; }
/* login end */

/* cart n order */
.sub .cart_top{padding:60px; background-color:#f9f9f9;}
.sub .cart_top .cart_tit{}
.sub .cart_top .cart_tit dt{margin-bottom:10px; font-size:40px; line-height:40px;}
.sub .cart_top .cart_tit dd{font-size:16px; line-height:22px;}

.sub .cart_top .cart_benefit{position:relative; top:15px;}
.sub .cart_top .cart_benefit ul li{position:relative; float:left; padding:0 30px;}
.sub .cart_top .cart_benefit ul li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:46px; margin-top:-23px; background-color:#ccc;}
.sub .cart_top .cart_benefit ul li:first-child:before{display:none;}

.sub .cart_top .cart_benefit ul li .cart_info{position:relative;}
.sub .cart_top .cart_benefit ul li .cart_info > dt{position:absolute; top:0; left:0;}
.sub .cart_top .cart_benefit ul li .cart_info > dd{ padding-left:55px; }
.sub .cart_top .cart_benefit ul li .cart_info > dd {color:#666; font-size:15px; font-weight:400; line-height:20px; }
.sub .cart_top .cart_benefit ul li .cart_info > dd  > strong{color:#05824b; font-size:20px; font-weight:700; line-height:26px; }

.sub .order_step{text-align:center; font-size:0;}
.sub .order_step li{position:relative; display:inline-block; min-width:120px; padding-left:50px}
.sub .order_step li:first-child{padding-left:0;}
.sub .order_step li:before{content:''; position:absolute; top:50%; left:0; width:50px; height:1px; background:#eee;}
.sub .order_step li:first-child:before{display:none;}
.sub .order_step li dl{margin-top:10px;}
.sub .order_step li dl dt{color:#999;font-size:13px; font-weight:700; line-height:18px;}
.sub .order_step li dl dd{color:#999; font-size:15px; font-weight:400; line-height:26px;}
.sub .order_step li.on dl dt{color:#222;}
.sub .order_step li.on dl dd{color:#666;}

.sub .order_wrap .empty_cart{padding:75px 0; border-top:1px solid #222; border-bottom:1px solid #ccc; text-align:center;}
.sub .order_wrap .empty_cart .tit{margin-bottom:5px; color:#999; font-size:15px; line-height:20px; }
.sub .order_wrap .empty_cart .txt{color:#999; font-size:13px; line-height:18px; }
.sub .order_wrap .empty_cart .txt > strong{color:#666;}

.sub .order_wrap .table_order{width:100%; border-top:1px solid #222;}
.sub .order_wrap .table_order tr th, .sub .table_ty03 tr td{border-bottom:1px solid #eee;}
.sub .order_wrap .table_order tr th{padding:10px 0px; color:#222; text-align:center; font-size:13px; font-weight:500; line-height:20px; border-bottom: 1px solid #ccc;}
.sub .order_wrap .table_order tr td{padding:20px 10px; border-bottom:1px solid #ccc; color:#222; text-align:center; font-size:15px; font-weight:400; line-height:20px;}
.sub .order_wrap .table_order tr td .fc_gray{color:#222;}
.sub .order_wrap .table_order tr td.mid_tit{padding:10px 0 10px 20px; background-color:#f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:left; color:#222; font-size:15px; font-weight:700; line-height:18px;}
.sub .order_wrap .table_order tr td.mid_tit.bdr { border-right: 1px solid #ccc; }
.sub .order_wrap .table_order tr td.mid_tit.bdl { border-left: 1px solid #ccc; }
.sub .order_wrap .table_order tr td.goods_tit{text-align:left;}
.sub .order_wrap .table_order tr td.goods_tit .goods_name{font-size:16px; font-weight:400; line-height:20px;}
.sub .order_wrap .table_order tr td.goods_tit .goods_desc{margin-top:5px; color:#666; font-size:13px; font-weight:400; line-height:16px; }
.sub .order_wrap .table_order tr td.goods_tit .goods_option{margin-top:10px; color:#666; font-size:15px; font-weight:400; line-height:18px; }

.sub .order_wrap .table_order tr td.goods_tit .box_info_gift{margin-top:5px; }
.sub .order_wrap .table_order tr td.goods_tit .box_info_gift li{color:#666; font-size:13px; line-height:18px; }
.sub .order_wrap .table_order tr td.goods_tit .box_info_gift li > a{color:#222; font-weight:700;}

.sub .order_wrap .table_order tr td.goods_tit span.blue{color:#eb0000;}
.sub .order_wrap .table_order tr td.goods_tit span.red{color:#0016eb;}

.sub .order_wrap .table_order tr td .amount_wrap{text-align:center; font-size:0;}
.sub .order_wrap .table_order tr td .amount_wrap .input_amount{display:inline-block; vertical-align:top; width:36px; height:33px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center;}
.sub .order_wrap .table_order tr td .amount_wrap .amount_button{display:inline-block; vertical-align:top;}
.sub .order_wrap .table_order tr td .amount_wrap .amount_button a{display:block;}
.sub .order_wrap .table_order tr td .cart_button {display:inline-block; width:53px; height:25px; border:1px solid #666; color:#666; font-size:11px; line-height:25px; text-align: center; }
.sub .order_wrap .table_order tr td .limited_label { display: inline-block; font-size: 12px; background: #333; color: #fff; width: 55px; height: 20px; line-height: 20px; }
.sub .order_wrap .table_order tr.table_order_line th { padding: 10px 0; font-size: 13px;  }
.sub .order_wrap .table_order tr.table_order_line td:first-child,
.sub .order_wrap .table_order tr.table_order_line th:first-child { border-left: 1px solid #ccc; }
.sub .order_wrap .table_order tr.table_order_line td:last-child,
.sub .order_wrap .table_order tr.table_order_line th:last-child { border-right: 1px solid #ccc; }
.sub .order_wrap .table_order tr td .circle_info { display: inline-block; width: 12px; height: 12px; line-height: 12px; border: 1px solid #8e8e8e; border-radius: 100%; text-align: center; }

.sub .order_wrap .table_order .all_check_box { position: relative; padding: 20px 0 0 0; font-size: 18px; font-weight: bold; text-align: left; border-bottom: none; }
.sub .order_wrap .table_order .all_check_box .check_input + label { margin-left: 5px; }
.sub .order_wrap .table_order .all_check_box .btn { position: absolute; top: 16px; right: 0; }
.sub .order_wrap .table_order .all_check_box .btn .btn_delete { display: inline-block; height: 25px; padding: 0 7px; font-size: 13px; font-weight: 400; line-height: 25px; text-align: center; border: 1px solid #666; color: #666;; }

.sub .order_wrap .table_order .del_check_box .check_input + label { margin-left: 5px; font-size: 15px; }

.sub .order_wrap .table_order tr td .cart_like_button { display: inline-block; width: 22px; height: 22px; vertical-align: top; background-image: url('//img.netpx.co.kr/images/netpx/common/cart_heart.jpg'); background-position: center center; background-repeat: no-repeat; }
.sub .order_wrap .table_order tr td .cart_like_button.is-active { background-image: url('//img.netpx.co.kr/images/netpx/common/cart_heart_full.jpg'); }

.sub .order_wrap .table_order tr td .cart_delete_button { font-size: 18px; vertical-align: top; }

.sub .order_wrap .cart_caution > li{position:relative; margin-bottom:3px; padding-left:18px; color:#999; font-size:13px; line-height:18px; }
.sub .order_wrap .cart_caution > li:before{content:''; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:url('../images/pay/icon_order_caution.png') no-repeat 0 0 / 12px;}

.sub .order_wrap .cart_total {font-size:0;}
.sub .order_wrap .cart_total > p {display:inline-block; font-size:16px; line-height:22px;}
.sub .order_wrap .cart_total > p.mid {padding:0 14px; color:#ccc;}
.sub .order_wrap .cart_total > p .pay_amt {position:relative; top:3px; color:#ff4800; font-size:40px; font-weight:700; line-height:40px; }

.sub .order_wrap .order_caution{padding:30px; background-color:#f9f9f9;}
.sub .order_wrap .order_caution > li{position:relative; margin-bottom:3px; padding-left:18px; color:#666; font-size:13px; line-height:18px; }
.sub .order_wrap .order_caution > li:before{content:''; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:url('../images/pay/icon_order_caution_ty2.png') no-repeat 0 0 / 12px;}
.sub .order_wrap .order_caution > li:last-child { margin-bottom: 0; }

.sub .order_wrap .order_benefit ul li{position:relative; float:left; padding:0 30px;}
.sub .order_wrap .order_benefit ul li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:46px; margin-top:-23px; background-color:#ccc;}
.sub .order_wrap .order_benefit ul li:first-child:before{display:none;}

.sub .order_wrap .order_benefit ul li .benefit_info{position:relative;}
.sub .order_wrap .order_benefit ul li .benefit_info > dt{position:absolute; top:50%; left:0; margin-top:-20px;}
.sub .order_wrap .order_benefit ul li .benefit_info > dd{ padding-left:55px; }
.sub .order_wrap .order_benefit ul li .benefit_info > dd {color:#666; font-size:15px; font-weight:400; line-height:20px; }
.sub .order_wrap .order_benefit ul li .benefit_info > dd strong{color:#05824b; font-size:20px; font-weight:700; line-height:26px; }
.sub .order_wrap .order_benefit ul li .benefit_info > dd .point_select{width:150px; height:40px; font-size:15px; line-height:40px; }
.sub .order_wrap .order_benefit ul li .benefit_info > dd p { line-height: 40px; }
.sub .order_wrap .order_benefit ul li .benefit_info .all_point_use { position: absolute; right: 21px; top: -26px; }
.sub .order_wrap .order_benefit ul li .benefit_info .all_point_use .check_input + label { margin-left: 5px; }

.sub .order_wrap .pay_menu { padding-top: 10px; border-top:1px solid #222; border-bottom:1px solid #eee;}
.sub .order_wrap .pay_menu dl{position:relative; }
.sub .order_wrap .pay_menu dl dt{position:absolute; top:0; left:0; width:110px; padding:30px 0; text-align:center; font-size:15px; line-height:20px; }
.sub .order_wrap .pay_menu dl dd{padding-left:110px; padding-top:30px; padding-bottom:30px;}
.sub .order_wrap .pay_menu dl dd > ul {padding:0 30px; width: 64%; }
.sub .order_wrap .pay_menu dl dd > ul > li {float:left; width: 140px; margin-left:40px; margin-bottom: 10px;}

.sub .order_wrap .pay_detail{padding-left:140px; padding-bottom:90px; border-bottom:1px solid #eee;}
.sub .order_wrap .pay_detail > .pay_detail_box{padding:35px 70px; }
.sub .order_wrap .pay_detail > .pay_detail_box h3.pay_tit{color:#05824b; font-size:20px; line-height:28px; }
.sub .order_wrap .pay_detail > .pay_detail_box p.pay_txt{font-size:15px; line-height:25px; }
.sub .order_wrap .pay_detail > .pay_detail_box p.pay_txt > span{color:#666;font-size:13px; line-height:20px; }

.sub .order_wrap .pay_detail > .pay_detail_box .bank_choice{padding:5px 0;}
.sub .order_wrap .pay_detail > .pay_detail_box .bank_choice > dt{display:inline-block; vertical-align:middle; width:98px; color:#666; font-size:15px; line-height:20px; }
.sub .order_wrap .pay_detail > .pay_detail_box .bank_choice > dd{display:inline-block; vertical-align:middle; width:330px; font-size:15px; line-height:20px; }

.sub .order_wrap .pay_detail > .pay_detail_box .desc > li{padding-left:10px; color:#666; font-size:13px; line-height:23px; }
.sub .order_wrap .pay_detail > .pay_detail_box .desc > li:before{content:'-'; display:inline-block; margin-left:-10px; width:10px; }

.sub .order_wrap .pay_detail > .pay_detail_box .bank_info{padding-top:10px; border-top:1px solid #eee;}
.sub .order_wrap .pay_detail > .pay_detail_box .bank_info table{width:100%;}
.sub .order_wrap .pay_detail > .pay_detail_box em.star{color:#ff4800 !important;}
.sub .order_wrap .pay_detail > .pay_detail_box .bank_info table th{text-align:left; padding:5px 0; }
.sub .order_wrap .pay_detail > .pay_detail_box .bank_info table td{text-align:left; padding:5px 0; color:#666;}

.sub .order_wrap .price > strong{color:#222;}
.sub .order_wrap .price > strong.fc_green{color:#05824b;}
.price > span { display: block; font-size: 13px; font-weight: 600; color: #004478; }
.price > strong + span { display: inline-block; }
.price > del + span { display: inline-block; }

.sub .order_wrap .delivery_text{text-align:right; color:#999; font-size:13px; line-height:18px; }

.sub .order_wrap .ordcmp{padding:90px 0; border:1px solid #ccc;}
.sub .order_wrap .ordcmp h2{color:#01824a; font-size:40px; font-weight:400; line-height:50px; }
.sub .order_wrap .ordcmp p.text01{color:#000; font-size:16px; font-weight:400; line-height:26px; }
.sub .order_wrap .ordcmp p.text02{color:#666; font-size:15px; font-weight:400; line-height:25px; }

.sub .coupon_use { position: relative; width: 130px; height: 45px; padding-left: 55px; line-height: 45px; background-color: #f1f1f1; border-radius: 50px; box-sizing: border-box; }
.sub .coupon_use img { position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; }
.sub .coupon_use_txt { line-height: 45px; }
/* order end */

/* 상품 품절시 처리 방법 */
.sub .table_soldout tr th { font-weight: 500; }
.sub .table_soldout tr td { padding: 20px; font-size: 14px; font-weight: 500; line-height: 22px; text-align: left; border-right: 1px solid #eee; }
.sub .table_soldout tr td.bdrn { border-right: none !important; }

/* my pages */
.sub .mp_top{padding:60px; background-color:#f9f9f9;}
.sub .mp_top .mp_kr_tit{display:block; margin-bottom:3px; color:#05824b; font-size:20px; font-weight:700; line-height:30px; }

.sub .mp_top .mp_tit dt{margin-bottom:10px; font-size:40px; line-height:40px;}
.sub .mp_top .mp_tit dd{font-size:16px; line-height:22px;}

.sub .mp_top .mp_benefit > a.group_benefit{float:left; display:block; padding:14px 16px; background-color:#ff4800; color:#fff; font-size:16px; line-height:22px; }
.sub .mp_top .mp_benefit > a.planning{float:left; display:block; padding:13px 16px; background-color:#2f2f2f;  color:#fff; font-size:14px; line-height:17px; }
.sub .mp_top .mp_benefit > p {float:left; color:#222; font-size:16px; line-height:20px; }
.sub .mp_top .mp_benefit > p > strong{margin-top:10px; font-size:30px; font-weight:bold; line-height:40px; }

.sub .mp_top .mem_info_list{position:relative; top:20px;}
.sub .mp_top .mem_info_list li{position:relative; float:left; padding:0 30px;}
.sub .mp_top .mem_info_list li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:46px; margin-top:-23px; background-color:#ccc;}
.sub .mp_top .mem_info_list li:first-child:before{display:none;}

.sub .mp_top .mem_info_list li .cart_info{position:relative;}
.sub .mp_top .mem_info_list li .cart_info > dt{position:absolute; top:0; left:0;}
.sub .mp_top .mem_info_list li .cart_info > dd{ padding-left:55px; }
.sub .mp_top .mem_info_list li .cart_info > dd {color:#666; font-size:15px; font-weight:400; line-height:18px; }
.sub .mp_top .mem_info_list li .cart_info > dd  > strong{color:#05824b; font-size:20px; font-weight:700; line-height:24px; }

.sub .mp_top .mem_info_list li .cart_info{position:relative;}
.sub .mp_top .mem_info_list li .cart_info > dt{position:absolute; top:0; left:0;}
.sub .mp_top .mem_info_list li .cart_info > dd{ padding-left:55px; }
.sub .mp_top .mem_info_list li .cart_info > dd {color:#666; font-size:15px; font-weight:400; line-height:18px; }
.sub .mp_top .mem_info_list li .cart_info > dd  > strong{color:#05824b; font-size:20px; font-weight:700; line-height:24px; }

.sub .mp_top .mp_benefit > a > dl{font-size:0;}
.sub .mp_top .mp_benefit > a > dl > dt{display:inline-block; vertical-align:middle; }
.sub .mp_top .mp_benefit > a > dl > dd{display:inline-block; vertical-align:middle; }
.sub .mp_top .mp_benefit > a.group_benefit > dl > dd{color:#fff; font-size:16px; line-height:22px;}
.sub .mp_top .mp_benefit > a.planning > dl > dd{color:#fff; font-size:14px; line-height:17px; }

.sub .mp_top .mid_line{margin:25px 0; background-color:#ccc; width:100%; height:1px; }
.sub .mp_top > .mem_info dl{position:relative; }
.sub .mp_top > .mem_info dl dt{position:absolute; top:0; left:0; }
.sub .mp_top > .mem_info dl dd{padding-left:80px; }
.sub .mp_top > .mem_info dl dd > p{margin-bottom:5px; font-size:20px; line-height:30px;  }
.sub .mp_top > .mem_info dl dd > p > strong{font-weight:700;}
.sub .mp_top .point_user{position: relative; top:30px;}

.sub .mpt_area{float:left; width:200px; }
.sub .mpt_area .mp_list h2{margin-bottom:15px; font-size:16px; line-height:24px; font-weight:400; }
.sub .mpt_area .mp_list .mp_list_sub {margin-bottom:35px;}
.sub .mpt_area .mp_list .mp_list_sub li{margin-bottom:10px; padding-left:10px;}
.sub .mpt_area .mp_list .mp_list_sub li a{color:#666; font-size:15px; font-weight:500; line-height:20px; }
.sub .mpt_area .mp_list .mp_list_sub li.on a{color:#05824b; font-weight:bold;}
.sub .mpt_area .mp_list .mp_list_sub li:before{content:'·'; margin-left:-10px; }

.sub .mp_wrap{float:left; width:1080px; }
.sub .mp_wrap .mp_desc{color:#666; font-size:15px; line-height:20px; }
.sub .mp_wrap .mp_desc > span{color:#666;}
.sub .mp_wrap .mp_desc.ty2{color: #999; font-size:13px; line-height:18px;}

.sub .mp_wrap .more{position:relative; top:8px; left:0; padding-right:20px; font-size:15px; line-height:19px;}
.sub .mp_wrap .more em{position:absolute; top:50%; right:0; width:12px; height:12px; margin-top:-6px; background:url('../images/community/icon_more.png') no-repeat 0 0;}

.sub .mp_wrap .user_info{position:relative; }
.sub .mp_wrap .user_info > dt{position:absolute; top:0; left:0; }
.sub .mp_wrap .user_info > dd{padding-left:115px; }
.sub .mp_wrap .user_info > dd > ul > li{color:#666; font-size:15px; font-weight:300; line-height:22px; }
.sub .mp_wrap .user_info > dd > a{position:relative; padding-right:26px; color:#222; font-size:15px; font-weight:300; line-height:22px; }
.sub .mp_wrap .user_info > dd > a:before{content:'';position:absolute; top:50%; right:0; width:7px; height:12px; margin-top:-3.5px; background:url('../images/mypage/arrow_user_info.png') no-repeat 0 0;}

.sub .mp_wrap .user_board .mr_txt{width: 245px; padding:25px; background-color:#f9f9f9;}
.sub .mp_wrap .user_board .mr_txt > a{position:relative; display:block;}
.sub .mp_wrap .user_board .mr_txt dl > dt{position:absolute; top:0; left:0;}
.sub .mp_wrap .user_board .mr_txt dl > dd{padding-top:3px; padding-left:70px; font-size:15px; line-height:22px; }
.sub .mp_wrap .user_board .mr_txt dl > dd > strong{color:#05824b;}
.sub .mp_wrap .user_board .mr_txt dl > dd > span{color:#05824b;}

.sub .mp_wrap .mp_goods{position: relative; width: auto;}
.sub .mp_wrap .mp_goods tr td{width:200px; padding:0 10px; text-align:center; }
.sub .mp_wrap .mp_goods .cart_img{display:block; margin:0 auto;}
.sub .mp_wrap .mp_goods .txt_wrap{padding:20px 10px;}
.sub .mp_wrap .mp_goods .txt_wrap > p.goods_tit{margin-bottom:10px; font-size:16px; line-height:22px; }
.sub .mp_wrap .mp_goods .txt_wrap > p.goods_price{font-size:13px; line-height:18px; }
.sub .mp_wrap .mp_goods .txt_wrap > p.goods_price strong{font-size:20px; font-weight:700;}

.sub .mp_wrap .nodata{padding:80px 0; border-top:1px solid #222; border-bottom:1px solid #ccc; text-align:center; color:#999; font-size:15px; line-height:22px; }
.sub .mp_wrap .nodata > span.fc_green{color:#05824b;}
.sub .mp_wrap .mp_goods tr td.nodata{width:1080px; padding:80px 0; border-top:1px solid #222; border-bottom:1px solid #ccc; text-align:center; color:#999; font-size:15px; line-height:22px; }

.sub .mp_wrap .mp_coupon li{position:relative; float:left; width:175px; padding:0 25px; }
.sub .mp_wrap .mp_coupon li:first-child{padding-left:0;}
.sub .mp_wrap .mp_coupon li:last-child{padding-right:0;}
.sub .mp_wrap .mp_coupon li img{width:100%;}
.sub .mp_wrap .mp_coupon li:before{content:''; position:absolute; top:0; left:0; width:1px; height:90px; background:url('../images/common/dot.jpg') repeat-y 0 0;}
.sub .mp_wrap .mp_coupon li:first-child:before{display:none;}

.sub .mp_wrap .mp_coupon li .coupon_img{position:relative;}
.sub .mp_wrap .mp_coupon li .coupon_img > .coupon_img_text{position:absolute; top:0; left:0; display:table; width:145px; height:90px; padding-left:30px; }
.sub .mp_wrap .mp_coupon li .coupon_img > .coupon_img_text > div{display:table-cell; vertical-align:middle; text-align:center;}
.sub .mp_wrap .mp_coupon li .coupon_img > .coupon_img_text > div > .tit{font-size:13px; line-height:18px; }
.sub .mp_wrap .mp_coupon li .coupon_img > .coupon_img_text > div > .discount{color:#666; font-size:15px; line-height:30px;}
.sub .mp_wrap .mp_coupon li .coupon_img > .coupon_img_text > div > .discount > strong{color:#05824b; font-size:30px; line-height:30px;}


.sub .mp_wrap .delivery_step li{position:relative; float:left;width:240px; }
.sub .mp_wrap .delivery_step li .icon_box{margin-bottom:15px; }
.sub .mp_wrap .delivery_step li .icon_box {margin-bottom:15px; }
.sub .mp_wrap .delivery_step li dl dt{margin-bottom:10px; color:#222; font-size:15px; line-height:22px; }
.sub .mp_wrap .delivery_step li dl dd{color:#666; font-size:13px; line-height:20px; }
.sub .mp_wrap .delivery_step li:after{content:''; position:absolute; top:19px; right:56px; width:14px; height:22px; background:url('../images/mypage/mypage_icon.png') no-repeat 0 0 / 14px;}
.sub .mp_wrap .delivery_step li.last:after{display:none;}

.sub .delivery_info .delivery_img { padding: 40px 30px 40px 80px; background: url('/front/netpx_v3/skin/images/detail/delivery_img.jpg') 700px 30px no-repeat; background-color: #f2f2f2; border-radius: 30px; }
.sub .delivery_info .delivery_img h2 { font-size: 26px; font-weight: bold; }
.sub .delivery_info .delivery_img h2 span { display: inline-block; padding: 0 2px; background-color: #222; color: #fff;}
.sub .delivery_info .delivery_img ul li { position: relative; margin-bottom: 6px; padding-left: 12px; }
.sub .delivery_info .delivery_img ul li::before { content: '■'; position: absolute; top: 0; left: 0; font-size: 6px; }
.sub .delivery_info .delivery_img { background-color: #f2f2f2; }

.sub .mp_wrap .table_ty03 .mid_tit{ padding: 10px 0 10px 20px; background-color:#f5f5f5; border-bottom: 0; text-align: left; color: #222; font-size: 15px; font-weight: 700; line-height: 22px;}

/* 위시리스트 옵션 */
.mp_wrap .table_ty03 tr > td .select { position: relative; display: inline-block; vertical-align: top; width: 130px; height: 30px; box-sizing: border-box; }
.mp_wrap .table_ty03 tr > td .select > .choice_box { position: relative; display: block; width: 100%; height: 100%; padding: 0 15px; box-sizing: border-box; background: #fff; border: 1px solid #ccc; cursor: pointer; font-size: 13px; color: #666; }
.mp_wrap .table_ty03 tr > td .select > .choice_box .size_view { cursor: auto;}
.mp_wrap .table_ty03 tr > td .select > .choice_box .size_view .so_layer { position: absolute; top: 28px; left:-1px; width: 220px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #222; background: #fff; user-select: none; z-index: 1; }
.mp_wrap .table_ty03 tr > td .select > .choice_box .size_view .so_layer li { padding: 0; font-size: 13px; line-height: 22px; color: #666; font-weight: 300; }
.mp_wrap .table_ty03 tr > td .select .placeholder { display: block; color: #666; font-size: 13px; line-height: 28px; font-weight: 400; }
.mp_wrap .table_ty03 tr > td .select > .choice_box > em{ display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('/front/netpx_v3/skin/images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.mp_wrap input.text_input::placeholder { font-size: 14px; font-weight: bold; color: #999; }

.sub .mp_wrap .order_caution > li{position:relative; margin-bottom:3px; padding-left:18px; color:#999; font-size:13px; line-height:18px; }
.sub .mp_wrap .order_caution > li:before{content:''; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:url('../images/pay/icon_order_caution.png') no-repeat 0 0 / 12px;}
.sub .mp_wrap .price > strong.fc_green {color: #05824b;}
.sub .mp_wrap .order_total {font-size:0;}
.sub .mp_wrap .order_total > p {display:inline-block; font-size:16px; line-height:22px;}
.sub .mp_wrap .order_total > p.mid {padding:0 14px; color:#ccc; font-weight:300;}
.sub .mp_wrap .order_total > p > .pay_amt {position:relative; top:3px; color:#ff4800; font-size:40px; font-weight:700; line-height:40px; }

.sub .save_money{position:relative; padding-left:22px; color:#666; font-size:13px; line-height:18px;}
.sub .save_money:before{content:'적'; position:absolute; top:0; left:0; width:18px; height:18px; text-align:center; color:#fff; font-size:12px; line-height:18px; background-color:#ff4900; }

.sub .coupon_price{position:relative; padding-left:22px; color:#666; font-size:13px; line-height:18px;}
.sub .coupon_price:before{content:'쿠폰'; position:absolute; top:0; left:0; width:18px; height:18px; text-align:center; color:#fff; font-size:12px; line-height:18px; background-color:#ff4900; display: none; }

.sub .mp_wrap a.product_plus{display:inline-block; width:28px; height:28px; margin-right:-1px; background:#fff url('../images/list/btn_plus.png') no-repeat 0 0 / 28px; border:1px solid #ccc; text-indent:-9999px; }
.sub .mp_wrap a.product_detail{display:inline-block; width:28px; height:28px; background:#fff url('../images/list/btn_window.png') no-repeat 0 0 / 28px; border:1px solid #ccc;  text-indent:-9999px; }
.sub .mp_wrap a.product_plus:hover{background:#222 url('../images/list/btn_plus_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}
.sub .mp_wrap a.product_detail:hover{background:#222 url('../images/list/btn_window_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}

.sub .mp_wrap .small_btn{display:inline-block; width: 53px; height: 25px; border: 1px solid #666; color: #666; font-size: 13px; line-height: 25px;}

.sub .mp_wrap .coupon_tab li{float:left; width:50%; height:50px; border:1px solid #ccc; text-align:center; font-size:15px; line-height:50px; box-sizing:border-box;}
.sub .mp_wrap .coupon_tab li.on{background-color:#222; border:1px solid #222; color:#fff; font-weight:700; }
.sub .mp_wrap .coupon_tab li a{display:block}

.sub .mp_wrap .offcp_input{position:relative; top:10px;}
.sub .mp_wrap .offcp_text{color:#666; font-size:15px; line-height:20px;}
.sub .mp_wrap .offcp_step li{position:relative; float:left; width:216px; height:140px; }
.sub .mp_wrap .offcp_step li:after{content:''; position:absolute; top:5px; right:30px; width:14px; height:22px; background: url(../images/mypage/mypage_icon.png) no-repeat 0 0 / 14px;}
.sub .mp_wrap .offcp_step li.arrow_none:after{display:none;}
.sub .mp_wrap .offcp_step li dl dt{color:#05824b; font-size:15px; font-weight:500; line-height:20px;}
.sub .mp_wrap .offcp_step li dl dt p.step{color:#222; font-size:13px; font-weight:700; line-height:18px; }
.sub .mp_wrap .offcp_step li dl dd{margin-top:10px; color:#666; font-size:13px; font-weight:500; line-height:18px; }

.sub .mp_wrap .mp_grade_icon{display:inline-block; vertical-align:middle; height:25px; margin-right:5px;}
.sub .mp_wrap .mp_grade_text{display:inline-block; vertical-align:middle; height:29px; font-size:15px; line-height:29px; }

.sub .planning #md_comment { position:absolute; display:inline; margin-top:17px; margin-left:270px; z-index:9999; line-height:130%; font-size:16px; color: #efefef; font-weight:normal; }
.sub .planning map, area {display:block !important;}

.sub .qna_state > span{display:inline-block; width:70px; height:25px; text-align:center; color:#fff; font-size:13px; line-height:25px; }
.sub .qna_state > span.fin{background-color:#05824b;}
.sub .qna_state > span.wait{background-color:#999;}

.sub .mp_wrap .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; }
.sub .mp_wrap .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}

.sub .mp_wrap .user_detail_area .review_wrap{max-width: 1080px; padding:40px 0; background-color:#fff;}
/* my pages end */

/* gift */
.sub.gift .product_wrap tr td{ padding-bottom: 20px; }
.sub.gift .product_wrap tr > td p.text{color:#666;}
.sub.gift .product_wrap tr > td p.text > strong{color:#000; font-size:20px; font-weight:bold;}

.sub .gift_top {position:relative; padding:60px; background-color:#f9f9f9; font-size:0;}
.sub .gift_top .gift_img{display:inline-block; vertical-align:middle; }
.sub .gift_top .gift_table{display:inline-block; vertical-align:middle; margin-left:60px; width:860px;}
.sub .gift_top .gift_table > .table_ty04 tr th, .sub .gift_top .gift_table > .table_ty04 tr td{border-bottom:1px solid #ccc;}

.sub .gift_top .gift_table a.scroll_link{color:#222; font-weight:700;}
.sub .gift_top .gift_table span.fc_green{color:#05824b;}
.sub .gift_top .gift_table button.gift_count{padding-right:10px; background:transparent; border:0; outline:0; font-size:15px;}

.sub .gifts_link{font-size:0; text-align:center}
.sub .gifts_link li{display:inline-block; vertical-align:top; width:50%; border-bottom:1px solid #ccc; }
.sub .gifts_link li{}
.sub .gifts_link li a{ position:relative; display:block; font-size:20px; line-height:60px;}
.sub .gifts_link li.on a{font-weight:bold;}
.sub .gifts_link li.on a:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:5px; background-color:#222; }
/* gift */

/* theme shop */
.theme_best_content { display: flex; flex-direction: column; }
.theme_menu_fixed { display: flex; flex-wrap: wrap; gap: 10px; }
.theme_best_item { position: relative; display: flex; flex: 1; justify-content: center; border: 1px solid #c8c8c8; background-color: #f9f9f9; font-size: 14px; font-weight: 500; color: #000; white-space: nowrap; overflow: hidden; transition: all .1s; }
.theme_best_item a { display: flex; height: 80px; align-items: center; flex-direction: column; justify-content: center; }
.theme_best_item a p { font-size: 16px; font-weight: 700; }
.theme_best_item:hover { border-color: #666;background-size: 300% 300%; cursor: pointer; backdrop-filter: blur(1rem); animation: gradient_301 5s ease infinite; border: double 1px transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(137.48deg, #ffdb3b 10%, #fe53bb 45%, #8f51ea 67%, #0044ff 87%); background-origin: border-box; background-clip: content-box, border-box; transition: all 0.3s; box-shadow: 0 0 2px #fe53bb; background-origin: border-box; }
@keyframes gradient_301 {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.themeCircle { font-size: 0; }
.themeCircle a { position: relative; display: inline-block; width: 160px; letter-spacing: -.8px; text-align: center; vertical-align: top; }
.mainCircle a .icon_sale { position: absolute; top: -6px; right: 18px; width: 50px; height: 33px; font-size: 16px; font-weight: 700; font-style: italic; letter-spacing: -1px; line-height: 25px; color: #fff; background-image: url('//img.netpx.co.kr/images/netpx/main/circle/icon_sale.png'); background-position: 0 0; background-repeat: no-repeat; }
.mainCircle a .icon_sale.green { background-image: url('//img.netpx.co.kr/images/netpx/main/circle/icon_sale_green.png'); }
.themeCircle a .txt { margin-top: 15px; font-size: 16px; color: #767676; transition: color 0.3s; }
.themeCircle a:hover .txt { color: #12a74f; }
.themeCircle a .ttl { font-size: 17px; font-weight: 600; line-height: 22px; color: #0f0e0e; transition: color 0.3s; }
.themeCircle a:hover .ttl { color: #107239; }

.sub .page_top{padding:60px; background-color:#f9f9f9;}
.sub .page_top .page_tit {margin-bottom: 10px; font-size: 40px; font-weight:400; line-height: 40px; }
.sub .page_top .page_kr_tit {display: block; margin-bottom: 3px; color: #05824b; font-size: 20px; font-weight: 700; line-height: 30px; }

.sub .page_top .category li{position:relative; display:inline-block; margin-top:10px; padding-left:15px; padding-right:15px;}
.sub .page_top .category li:after{content:''; position:absolute; top:0; right:0;width:1px; height:14px; background-color:#ccc;}
.sub .page_top .category li.bd_none:after{display:none;}
.sub .page_top .category li a{display:block; color:#666; font-size:16px; line-height:16px; }

.sub .color_bar{ margin-left:-20px;}
.sub .color_bar li{float:left; width:60px; margin-left:20px; text-align:center;}
.sub .color_bar li a{display:block;}
.sub .color_bar li .color_name{margin-top:5px; color:#666; font-size:15px; line-height:20px; }

.sub .special_list{margin-left:-20px;}
.sub .special_list li{float:left; width:413px; margin-left:20px;}

.sub .mos_list{margin-left:-20px;}
.sub .mos_list li{float:left; width:196px; margin-left:20px; }
.sub .mos_list li > a {display:block;}
.sub .mos_list li > a > p{margin-top:10px; margin-bottom:10px; text-align:center; color:#666; font-size:16px; line-height:22px; }

.sub .training_list{margin-left:-20px;}
.sub .training_list li{float:left; width:191px; margin-left:20px; padding:32px 30px; background-color:#f9f9f9; box-sizing:border-box;}
.sub .training_list li .desc dt{color:#222; font-size:16px; font-weight:700; line-height:20px}
.sub .training_list li .desc dd{color:#666; font-size:13px; font-weight:400; line-height:20px}
.sub .training_list li .icon img{display:block; margin:0 auto;}

.sub .training_list_img .training_tit { margin-top: 10px; font-size: 16px; line-height: 22px; color: #666; text-align: center; }

.sub .outdoor_list{margin-left:-20px;}
.sub .outdoor_list li{float:left; width:196px; margin-left:20px; }
.sub .outdoor_list li > a {display:block;}
.sub .outdoor_list li > a > p{margin-top:10px; margin-bottom:10px; text-align:center; color:#666; font-size:16px; line-height:22px; }
/* theme shop end */

/* brand */
.sub .best_new{margin-left:-20px; }
.sub .best_new li{float:left; width:413px; margin-left:20px;}
.sub .best_new li a{display:block; padding:30px 40px; background-color:#eee;}
.sub .best_new li a > dl{position:relative; height:95px; }
.sub .best_new li a > dl > dt{position:absolute; top:0; left:0;}
.sub .best_new li a > dl > dd{padding-left:115px; }
.sub .best_new li a > dl > dd p.tit{font-size:20px; line-height:24px;}
.sub .best_new li a > dl > dd p.desc{color:#666; font-size:15px; line-height:20px;}

.sub .brand_01{margin-left:-20px;}
.sub .brand_01 li{float:left; width:196px; margin-left:20px; margin-bottom:20px; background-color:#f9f9f9;}
.sub .brand_01 li a{display:block; padding:30px; text-align:center;}
.sub .brand_01 li a .brand_logo{display:inline-block; background-color:#fff;}
.sub .brand_01 li a > p{margin-top:10px; color:#333; font-size:15px; font-weight:500; line-height:22px; }

.sub .tab_brand_01 li{float:left; width:50%; height:50px; text-align:center; color:#666; font-size:15px; line-height:48px; border:1px solid #ccc; border-left:0; box-sizing:border-box;}
.sub .tab_brand_01 li:first-child{border-left:1px solid #ccc;}
.sub .tab_brand_01 li > a{display:block;}
.sub .tab_brand_01 li.on{background-color:#222;  border:1px solid #222;}
.sub .tab_brand_01 li.on > a{color:#fff;}

.sub .tab_brand_02 li{float:left; width:33.33%; height:50px; text-align:center; color:#666; font-size:15px; line-height:48px; border:1px solid #ccc; border-left:0; box-sizing:border-box;}
.sub .tab_brand_02 li:first-child{border-left:1px solid #ccc;}
.sub .tab_brand_02 li > a{display:block;}
.sub .tab_brand_02 li.on{background-color:#222;  border:1px solid #222;}
.sub .tab_brand_02 li.on > a{color:#fff;}

.sub .lang_list{text-align:center; font-size:0;}
.sub .lang_list li{position:relative; display:inline-block; padding:0 15px;}
.sub .lang_list li:before{content:''; position:absolute; top:1px; left:0; width:1px; height:14px; background-color:#ccc;}
.sub .lang_list li:first-child:before{display:none;}
.sub .lang_list li a{display:block; color:#666; font-size:15px; line-height:15px; }

.sub.brand .all_brand a.brand_name{display:inline-block; margin-right:20px; font-size:15px; line-height:22px; }
.sub .table_ty01 tr td.brand_name { -ms-word-break: keep-all; word-break: keep-all; }
.sub .table_ty01 tr td.brand_name .label_wrap span { margin-bottom: 0; } /* 라벨 mb 제거 */
.sub .table_ty01 tr td.brand_name a { display: inline-block; margin-right: 10px; } /* 간격 추가 */
.all_brand .table_ty01 .anchor { display: block; height: 100px; margin-top: -100px; visibility: hidden; }
/* brand end */

/* coupon */
.coupon_anchor { display: block; height: 130px; margin-top: -130px; visibility: hidden; }
.sub.coupon .tab_coupon_01 li{float:left; width:33.3%; height:50px; text-align:center; color:#666; font-size:15px; line-height:48px; border:1px solid #ccc; border-left:0; box-sizing:border-box;}
.sub.coupon .tab_coupon_01 li:first-child{border-left:1px solid #ccc;}
.sub.coupon .tab_coupon_01 li > a{display:block;}
.sub.coupon .tab_coupon_01 li.on{background-color:#222;  border:1px solid #222;}
.sub.coupon .tab_coupon_01 li.on > a{color:#fff;}

.sub.coupon .online_coupon_list{margin-left:-20px; padding:0 20px; }
.sub.coupon .online_coupon_list li{float:left; width:400px; margin-left:20px; margin-bottom:20px; background-color:#f9f9f9; }
.sub.coupon .online_coupon_list li > .coupon_box{ padding:40px; }
.sub.coupon .online_coupon_list .nodata{float:none; width:1240px; padding:80px 0; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; color:#999; font-size:15px; line-height:22px;}

.sub.coupon .online_coupon_list .coupon_img{position:relative;}
.sub.coupon .online_coupon_list .coupon_img > .coupon_img_text{position:absolute; top:0; left:0; display:table; width:256px; height:164px; padding-left:64px; }
.sub.coupon .online_coupon_list .coupon_img > .coupon_img_text > div{display:table-cell; vertical-align:middle; text-align:center;}
.sub.coupon .online_coupon_list .coupon_img > .coupon_img_text > div > .tit{margin-bottom:5px; font-size:20px; line-height:30px; }
.sub.coupon .online_coupon_list .coupon_img > .coupon_img_text > div > .discount{font-size:24px; line-height:50px;}
.sub.coupon .online_coupon_list .coupon_img > .coupon_img_text > div > .discount > strong{color:#05824b; font-size:50px; line-height:50px;}

.sub.coupon .online_coupon_list .coupon_desc{position:relative; margin-top:20px;}
.sub.coupon .online_coupon_list .coupon_desc > .tit{font-size:16px; line-height:20px;}
.sub.coupon .online_coupon_list .coupon_desc > .date{color:#666; font-size:15px; line-height:18px; }
.sub.coupon .online_coupon_list .coupon_desc > .discount{color:#666; font-size:13px; line-height:20px;}
.sub.coupon .online_coupon_list .coupon_desc > .discount > strong{color:#222; font-size:20px; line-height:20px;}
.sub.coupon .online_coupon_list .coupon_desc > .link > a{position:relative; padding-right:15px; font-size:15px; line-height:20px; }
.sub.coupon .online_coupon_list .coupon_desc > .link > a:after{content:''; position:absolute; top:50%; right:0; width:7px; height:11px; margin-top:-3.5px; background:url('../images/coupon/arrow_coupon_link.png') no-repeat 0 0;}

.sub.coupon .online_coupon_list .coupon_button{position:absolute; bottom:0; right:0; }

.sub.coupon .single_coupon{position:relative; padding:60px; background:url('../images/coupon/bg_month_coupon.jpg') no-repeat 0 0;}
.sub.coupon .single_coupon > h3{color:#222; font-size:40px; font-weight:400; line-height:50px; }
.sub.coupon .single_coupon > p{color:#666; font-size:16px; font-weight:400; line-height:22px; }
.sub.coupon .single_coupon ul li{color:#666; font-size:14px; line-height:25px;}
.sub.coupon .single_coupon ul li > span{color:#05824b;}
.sub.coupon .single_coupon ul li:before{content:'- '; }

.sub.coupon .single_coupon .coupon_info{position:absolute; bottom:60px; right:60px; text-align:right;}
.sub.coupon .single_coupon .coupon_info > h4{margin-bottom:20px; color:#999; font-size:24px; font-weight:300; line-height:30px; letter-spacing:0.1em;}
.sub.coupon .single_coupon .coupon_info > dl > dt {margin-bottom:5px; color:#05824b; font-size:30px; font-weight:400; line-height:34px;}
.sub.coupon .single_coupon .coupon_info > dl > dd{font-size:16px; font-weight:400; line-height:22px; }

.sub.coupon .off_coupon .offcp_input{position:relative; top:10px;}
.sub.coupon .off_coupon .offcp_text{color:#666; font-size:15px; line-height:20px;}
.sub.coupon .off_coupon .offcp_step li{position:relative; float:left; width:20%; height:140px; }
.sub.coupon .off_coupon .offcp_step li:after{content:''; position:absolute; top:5px; right:50px; width:14px; height:22px; background: url('../images/mypage/mypage_icon.png') no-repeat 0 0 / 14px;}
.sub.coupon .off_coupon .offcp_step li.arrow_none:after{display:none;}
.sub.coupon .off_coupon .offcp_step li dl dt{color:#05824b; font-size:15px; font-weight:500; line-height:20px;}
.sub.coupon .off_coupon .offcp_step li dl dt p.step{color:#222; font-size:13px; font-weight:700; line-height:18px; }
.sub.coupon .off_coupon .offcp_step li dl dd{margin-top:10px; color:#666; font-size:14px; font-weight:500; line-height:18px; }

.sub.coupon_view .coupon_top{position:relative; padding:70px 100px; background-color:#f9f9f9; font-size:0;}
.sub.coupon_view .coupon_top > .coupon_info{display:inline-block; vertical-align:middle; width: 320px; }
.sub.coupon_view .coupon_top > .coupon_table{display:inline-block; vertical-align:middle; margin-left:100px; width:660px;}
.sub.coupon_view .coupon_img{position:relative;}
.sub.coupon_view .coupon_img > .coupon_img_text{position:absolute; top:0; left:0; display:table; width:256px; height:164px; padding-left:64px; }
.sub.coupon_view .coupon_img > .coupon_img_text > div{display:table-cell; vertical-align:middle; text-align:center;}
.sub.coupon_view .coupon_img > .coupon_img_text > div > .tit{margin-bottom:5px; font-size:20px; line-height:30px; }
.sub.coupon_view .coupon_img > .coupon_img_text > div > .discount{font-size:24px; line-height:50px;}
.sub.coupon_view .coupon_img > .coupon_img_text > div > .discount > strong{color:#05824b; font-size:50px; line-height:50px;}


/* coupon end */

.sub .category_top{padding:25px 40px; background:#eee url('../images/contents/bg_category.jpg') no-repeat center right / contain;}
.sub .category_top dl{font-size:0;}
.sub .category_top dl dt{position:relative; display:inline-block; padding-left:60px; padding-right:30px;font-size:24px; font-weight:700; line-height:45px; }
.sub .category_top dl dt.discount:before{content:''; position:absolute; top:0; left:0; width:46px; height:46px; background:url('../images/contents/icon_category_sale.png') no-repeat 0 0;}
.sub .category_top dl dt.date:before{content:''; position:absolute; top:0; left:0; width:46px; height:46px; background:url('../images/contents/icon_category_new.png') no-repeat 0 0;}
.sub .category_top dl dd{position:relative; display:inline-block; padding-left:30px; font-size:20px; line-height:45px; }
.sub .category_top dl dd:before{content:''; position:absolute; top:0; left:0; width:1px; height:45px; background-color:#ccc;}
.sub .category_top .fr > p{color:#fff; font-size:24px; font-weight:400; line-height:45px; }

.sub .new_contents_arrival { display: block; overflow: hidden; }
.sub .new_contents_arrival.new_contents_arrival_slide { height: 456px; overflow: visible; }
.sub .new_contents_arrival .new_section { display: inline-block; width: calc(50% - 10px); }
.sub .new_contents_arrival .new_section .new_contents { position: relative; margin-left: 0; padding: 40px; font-size: 0; background-color: #eee; box-sizing: border-box; }
.sub .new_contents_arrival .new_contents .pick_product { width: auto; margin: 0; padding: 0; }
.sub .new_contents_arrival .new_section .new_brand { position: relative; }
.sub .new_contents_arrival .button_wrap { position: absolute; top: -55px; right: 0; width: 60px; height: 30px; display:inline-block; vertical-align:middle; font-size:0; cursor:pointer; z-index: 1;}
.sub .new_contents_arrival .button_wrap > * { display: inline-block; width: 28px; height: 28px;  text-indent:-9999px; border: 1px solid #ccc; }
.sub .new_contents_arrival .button_wrap > .product_prev { background:url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/product_prev.jpg') no-repeat center; border-right: 0; }
.sub .new_contents_arrival .button_wrap > .product_next{ background:url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/product_next.jpg') no-repeat center;  }
.sub .new_contents_arrival .button_wrap > .product_prev:hover{ position: relative; z-index: 1; margin-right: -1px; background:url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/product_prev_on.jpg') no-repeat center; border:1px solid #222; }
.sub .new_contents_arrival .button_wrap > .product_next:hover{ position: relative; z-index: 1; background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/product_next_on.jpg') no-repeat center; border: 1px solid #222; }

.sub .new_contents{margin-left:-20px; }
.sub .new_contents .pick_product{float:left; width:630px; margin-left:20px; padding:40px; background-color:#eee; box-sizing:border-box; font-size:0;}
.sub .new_contents .pick_product .left{display:inline-block; vertical-align:middle; width:240px;  }
.sub .new_contents .pick_product .right{display:inline-block; vertical-align:middle; width:280px; margin-left:30px;}

.sub .new_contents .pick_product .left .sti_area{padding:10px; }
.sub .new_contents .pick_product .left .select{position:relative; display:inline-block; vertical-align:top; width:130px; height:30px; box-sizing:border-box;}
.sub .new_contents .pick_product .left .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:30px; background:#fff; border:1px solid #ccc;z-index:2;cursor: pointer;}
.sub .new_contents .pick_product .left .select > .choice_box > em{display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.sub .new_contents .pick_product .left .select > .choice_box.on{border:1px solid #ccc;}
.sub .new_contents .pick_product .left .select > .choice_box.on > em{background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.sub .new_contents .pick_product .left .select .placeholder{display:block; color:#666; font-size:13px; line-height:28px; font-weight:400;}
.sub .new_contents .pick_product .left .select > .choice_box .size_view .so_layer { position: absolute; top: 28px; left:-1px; width: 220px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #222; background: #fff; z-index: -1; user-select: none;}
.sub .new_contents .pick_product .left .select > .choice_box .size_view .so_layer li { padding: 0; font-size: 13px; line-height: 22px; color: #666; font-weight: 300; }
/*
.sub .new_contents .pick_product .left .select .select_slide{display:none;position:absolute; top:29px; left:0px; width:220px; padding:10px 20px; box-sizing:border-box; border:1px solid #222; background:#fff; z-index:1;}
.sub .new_contents .pick_product .left .select .select_slide li{margin-top:5px;}
.sub .new_contents .pick_product .left .select .select_slide li:first-child{margin-top:0px;}
.sub .new_contents .pick_product .left .select .select_slide li a{display:block;width:100%; padding:0; font-size:13px; color:#666; font-weight:300;}
*/

.sub .new_contents .pick_product .left a.product_plus{display:inline-block; width:28px; height:28px; margin-right:-1px; background:#fff url('../images/list/btn_plus.png') no-repeat 0 0 / 28px; border:1px solid #ccc; text-indent:-9999px; }
.sub .new_contents .pick_product .left a.product_detail{display:inline-block; width:28px; height:28px; background:#fff url('../images/list/btn_window.png') no-repeat 0 0 / 28px; border:1px solid #ccc;  text-indent:-9999px; }
.sub .new_contents .pick_product .left a.product_plus:hover{background:#222 url('../images/list/btn_plus_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}
.sub .new_contents .pick_product .left a.product_detail:hover{background:#222 url('../images/list/btn_window_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}

.sub .new_contents .pick_product .right h3.tit{ height: 22px; color:#222; font-size:13px; font-weight: normal; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.sub .new_contents .pick_product .right p.tit_desc{height: 38px; }
.sub .new_contents .pick_product .right p.tit_desc > a{display: -webkit-box; height:34px; color:#222; font-size:14px; font-weight:700; line-height:16px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.sub .new_contents .pick_product .right .price{margin-top:5px;margin-bottom:5px;}
.sub .new_contents .pick_product .right .price > strong{font-size:20px; line-height:24px;}
.sub .new_contents .pick_product .right .price > strong + span{color:#666;}
.sub .new_contents .pick_product .right .price > del{margin-left:5px; color:#999; font-size:15px; }
.sub .new_contents .pick_product .right .price > del + span{color:#999;}

.sub .new_contents .pick_product .right .info_wrap{}
.sub .new_contents .pick_product .right .review_wrap{padding-top:15px; border-top:1px solid #ccc}
.sub .new_contents .pick_product .right .review_wrap .avg_est { font-size: 13px; }
.sub .new_contents .pick_product .right .review_wrap .avg_est i { display: inline-block; margin-right: 3px; color:#05824b;  }
.sub .new_contents .pick_product .right .review_wrap .review { padding-left: 5px; font-size: 13px; line-height: 16px; color: #888; }
.sub .new_contents .pick_product .right .review_wrap > dl > dt{position:relative; float:left; height:14px; padding-right:10px;}
.sub .new_contents .pick_product .right .review_wrap > dl > dt:after{content:''; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#ccc; display: none;}
.sub .new_contents .pick_product .right .review_wrap > dl > dt > .review_score{font-size:0;}
.sub .new_contents .pick_product .right .review_wrap > dl > dt > .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; vertical-align: top; }
.sub .new_contents .pick_product .right .review_wrap > dl > dt > .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}
.sub .new_contents .pick_product .right .review_wrap > dl > dd{float:right; height:14px; padding-left:10px; }
.sub .new_contents .pick_product .right .review_wrap > dl > dd .review_count{color:#222; font-size:13px;line-height:14px;}
.sub .new_contents .pick_product .right .review_wrap .review_coment{color:#666; font-size:13px; line-height:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}

.sub .brand_info{position:relative; padding:30px; }
.sub .brand_info dl dt{display:inline-block; vertical-align:middle; padding:10px; }
.sub .brand_info dl dd{display:inline-block; vertical-align:middle; padding-left:30px; color:#666; font-size:16px; line-height:26px; }

.sub .item_sslist1 a{display:inline-block; padding: 0 12px; margin-right:6px; color:#666; font-size:14px; line-height:30px; }
.sub .item_sslist1 a.brand_here{ position: relative; background-color: transparent; color: #05824B;  font-weight: normal; border-radius: 4px; padding: 0 8px; border: 1px solid #05824B; }

.sub .table_ty04.table_ty04_item tr th { padding: 6px 0; }
.sub .table_ty04.table_ty04_item tr td { padding: 10px 15px; font-size: 14px; }
.sub .table_ty04.table_ty04_item a .select_icon { display: inline-block; margin-right: 4px; background-color: #e3e3e3; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; font-size: 12px; vertical-align: middle; text-align: center; }
.sub .table_ty04.table_ty04_item a .select_icon i { line-height: 20px; }

.sub .item_sslist1_small > div:first-child { margin-left: 6px; }
.sub .item_sslist1_small a { display: inline-block; margin-right: 6px;padding: 0 8px; font-size: 13px; line-height: 25px; color: #05824b; border-radius: 4px; }
.sub .item_sslist1_small a.brand_here { background-color: #05824B; color: #fff; border: 1px solid #cce3d9; }

.sub .date_tab {font-size:0; text-align:center; background-color: #222;}
.sub .date_tab li { display: inline-block; width: 211px; height: 50px; background-color: #333; border: 1px solid #333; color: #fff; font-size: 15px; line-height: 50px; }
.sub .date_tab li.on { background-color: #000; border: 1px solid #000; }
.sub .date_tab li.off{width: 211px; }
.sub .date_tab li > a{display:block; color:#fff; }

/* product list */
.sub .tab_list{}
.sub .tab_list li{float: left; width: 50%; height: 50px; text-align: center; color: #666; font-size: 15px; line-height: 48px; border: 1px solid #ccc; border-left: 0; box-sizing: border-box;}
.sub .tab_list li > a{display:block; width:100%; }
.sub .tab_list li:first-child{border-left: 1px solid #ccc;}
.sub .tab_list li.on{background-color:#222; border: 1px solid #222;}
.sub .tab_list li.on a{color:#fff;}

.sub .item_slist a{display:inline-block; padding: 0 8px; margin-right:6px; color:#666; font-size:14px; line-height:30px; font-size: 14px; margin-right: 6px;}
.sub .item_slist a strong { position: relative; color: #05824B; font-weight: normal; border-radius: 4px; padding: 0 8px; border: 1px solid #05824B; display: inline-block; }
.sub .item_slist a.brand_here{color:#05824b;}
.sub .item_slist2 a{display:inline-block; margin-right:25px; color:#666; font-size:14px; line-height:20px; }
.sub .item_slist2 a.brand_here{color:#05824b;}

.sub .recommend_list{margin-left:-20px; }
.sub .recommend_list li{float:left; width:413px; padding:30px; margin-left:20px; background-color:#eee; font-size:0; box-sizing:border-box; }
.sub .recommend_list li > .thumnail{display:inline-block; vertical-align:middle; width:120px;}
.sub .recommend_list li > .product_info{display:inline-block; vertical-align:middle; width:210px; margin-left:20px; }
.sub .recommend_list li > .product_info .tit a{font-size:16px; font-weight:500; line-height:22px; }

.sub .recommend_list li > .product_info .price{margin-top:5px;margin-bottom:5px;}
.sub .recommend_list li > .product_info .price > strong{font-size:20px; line-height:24px;}
.sub .recommend_list li > .product_info .price > strong + span{color:#666;}
.sub .recommend_list li > .product_info .price > del{margin-left:5px; color:#999; font-size:15px; }
.sub .recommend_list li > .product_info .price > del + span{color:#999;}

.sub .product_list{width:100%; border-top:1px solid #222; border-bottom:1px solid #ccc;}

.sub .product_list tr td{padding:20px 10px; border-bottom:1px solid #ccc; color:#666; font-size:15px; font-weight:400; line-height:20px;}
.sub .product_list tr.soldout_product{opacity:0.5;}

.sub .product_list tr td.wishlist{padding:0; padding-left:10px; color:#666; font-size:13px; line-height:18px; }
.sub .product_list tr td.wishlist > a.wish_heart{display:inline-block; vertical-align:middle; width:16px; height:13px; background:url('../images/list/heart_off.png') no-repeat 0 0;text-indent:-9999px;}
.sub .product_list tr td.wishlist > a.wish_heart.on{background:url('../images/list/heart_on.png') no-repeat 0 0;}
.sub .product_list tr td.wishlist > span{display:inline-block; vertical-align:middle; color:#666; font-size:13px; line-height:13px; }
.sub .product_list tr td.product_info{}

.sub .product_list tr td.product_info .desc{margin-bottom:5px; color:#222; font-size:13px; font-weight:400; line-height:20px; }
.sub .product_list tr td.product_info .name{margin-bottom:5px; color:#666; font-size:14px; font-weight: 600; line-height:18px; }

.sub .product_list tr td .select{position:relative; display:inline-block; vertical-align:top; width:130px; height:30px; box-sizing:border-box;}
.sub .product_list tr td .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:30px; background:#fff; border:1px solid #ccc;z-index:2;cursor:pointer;}
.sub .product_list tr td .select > .choice_box > em{display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.sub .product_list tr td .select > .choice_box.on{border:1px solid #ccc;}
.sub .product_list tr td .select > .choice_box.on > em{background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.sub .product_list tr td .select .placeholder{display:block; color:#666; font-size:13px; line-height:28px; font-weight:400;}
.sub .product_list tr td .select > .choice_box .size_view { cursor: auto;}
.sub .product_list tr td .select > .choice_box .size_view .so_layer { position: absolute; top: 28px; left:-1px; width: 220px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #222; background: #fff; z-index: -1; user-select: none;}
.sub .product_list tr td .select > .choice_box .size_view .so_layer li { padding: 0; font-size: 13px; line-height: 22px; color: #666; font-weight: 300; }
/*
.sub .product_list tr td .select .select_slide{display:none;position:absolute; top:29px; left:0px; width:220px; padding:10px 20px; box-sizing:border-box; border:1px solid #222; background:#fff; z-index:1;}
.sub .product_list tr td .select .select_slide li{margin-top:5px;}
.sub .product_list tr td .select .select_slide li:first-child{margin-top:0px;}
.sub .product_list tr td .select .select_slide li a{display:block;width:100%; padding:0; font-size:13px; color:#666; font-weight:300;}
*/
.sub .product_list tr td a.product_plus{display:inline-block; width:28px; height:28px; margin-right:-1px; background:#fff url('../images/list/btn_plus.png') no-repeat 0 0 / 28px; border:1px solid #ccc; text-indent:-9999px; }
.sub .product_list tr td a.product_detail{display:inline-block; width:28px; height:28px; background:#fff url('../images/list/btn_window.png') no-repeat 0 0 / 28px; border:1px solid #ccc;  text-indent:-9999px; }
.sub .product_list tr td a.product_plus:hover{background:#222 url('../images/list/btn_plus_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}
.sub .product_list tr td a.product_detail:hover{background:#222 url('../images/list/btn_window_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}

.sub .product_list tr td.product_price{padding-right:20px; padding-left:0; text-align:right;}
.sub .product_list tr td.product_price > strong{color:#000;}

.sub .product_list tr td.product_detail .utill {margin-bottom:5px; }
.sub .product_list tr td.product_detail .utill > span{position:relative; display:inline-block; vertical-align:middle; margin-left:10px; padding-left:10px; height:20px; color:#222;  font-size:13px; line-height:20px; }
.sub .product_list tr td.product_detail .utill > span:before{content:''; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6.5px; background-color:#ccc;}
.sub .product_list tr td.product_detail .utill .review_score{display:inline-block; vertical-align:middle; font-size:0;}
.sub .product_list tr td.product_detail .utill .review_score .avg_est { font-size: 13px; }
.sub .product_list tr td.product_detail .utill .review_score .avg_est i { display: inline-block; margin-right: 3px; color: #05824b; }
.sub .product_list tr td.product_detail .utill .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; }
.sub .product_list tr td.product_detail .utill .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}

.sub .product_list tr td.cart {}
/* product list end */

.delivery_notice{padding:40px; background-color:#fff; border:1px solid #ccc;}
.delivery_notice > h1{color:#222; font-size:20px; line-height:25px; }
.delivery_notice .layer_close{position:absolute; top:30px; right:30px;}

.delivery_notice dl{margin-top:15px; }
.delivery_notice dl > dt{font-size:15px; line-height:25px;}
.delivery_notice dl > dd{color:#666; font-size:13px; line-height:20px; }

.delivery_notice .list_ty01{}
.delivery_notice .list_ty01 > li{position:relative; margin-top:5px; padding-left:15px; color:#666; font-size:13px; line-height:20px; }
.delivery_notice .list_ty01 > li:first-child{margin-top:0; }
.delivery_notice .list_ty01 > li:before{content:'- '; color:#666; margin-left:-10px; }

.delivery_notice .list_ty02{}
.delivery_notice .list_ty02 > li{position:relative; margin-top:5px; padding-left:15px;  color:#666; font-size:13px; line-height:20px; }
.delivery_notice .list_ty02 > li:first-child{margin-top:0; }
.delivery_notice .list_ty02 > li:before{content:'· '; color:#666;  margin-left:-10px;}

/* popup end*/

.sub .table_ty10{width:100%; padding-bottom:10px;}
.sub .table_ty10 tr th, .sub .table_ty10 tr td{padding:10px 0;}
.sub .table_ty10 tr th{text-align:left; font-size:16px; font-weight:400; line-height:20px; }
.sub .table_ty10 tr td{text-align:left; color:#666; font-size:16px; font-weight:400; line-height:20px;}
.sub .table_ty10 tr td  > del{color:#999;}

.sub .table_ty10 tr td .fc_green{color:#05824b;}
.sub .table_ty10 tr td .fc_black{color:#222;}
.sub .table_ty10 tr td .fc_lightgray{color:#999;}

/* 상세 옵션선택 202011 추가 */
.product_detail_option_wrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.detail_select { background-color: #f7f7f7; border-top: 1px solid #eee;  }
.detail_select .option_box { padding: 20px; border-bottom: 1px solid #ddd; }
.detail_select .option_box .input_box { position: relative; padding: 0 28px; background-color: #fff; border: 1px solid #ccc; }
.detail_select .option_box .input_box > input { width: 40px; height: 28px; text-align: center; }
.detail_select .option_box .input_box > .plus { position: absolute; top: 0; right: 0; }
.detail_select .option_box .input_box > .minus { position: absolute; top: 0; left: 0; }
.detail_select .option_box .price { position: relative; top: 5px; padding-right: 20px; color: #666; }
.detail_select .option_box .price > .delete { position: absolute; top: 3px; right: 0; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 5px; text-indent: -9999px;  background:url('/front/netpx_v3/skin/images/detail/btn_delete.png'); }
.detail_total_price { font-size: 18px; color: #666; text-align: right; }
/* 상세 옵션선택 end */


.detail_img_thumb { position: relative; background-position: 0 0; background-repeat: no-repeat; background-size: cover; overflow: visible; cursor: pointer; }
.detail_img_thumb img { opacity: 1; transition: opacity 0.3s; }
.detail_img_thumb:hover img { opacity: 0; }
.goods_view .product_option .line{margin:10px 0; border-bottom:1px solid #eee;}

/* 상세페이지 썸네일 */
.goods_view .product_img .img_gallery_wrap { position: relative; width: 600px; margin-bottom: 50px; }
.goods_view .product_img .img_gallery_wrap .gallery-top { position: relative; width: 600px; overflow: visible; }
.product_img .gallery-thumbs {z-index: 0;}
.product_img .gallery-thumbs .swiper-wrapper { justify-content: center; }
.product_img .gallery-thumbs .swiper-slide { position: relative; display: inline-block; width: 70px; height: 70px; margin: 0 5px; cursor: pointer; }
.product_img .gallery-thumbs .swiper-slide::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #ddd; }
.product_img .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after { border: 3px solid #999; }

/* 상세페이지 썸네일 돋보기 */
.target, .target_extra { display: block; width: 100%; }
.magnifier { opacity: 0; position: absolute; width: 220px; height: 220px; border-radius: 100%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 2px 2px rgba(0, 0, 0, 0.2); }

/* 상세페이지 네이버페이 */
.naverPay_wrap { display: inline-block; width: 290px; height: 195px; margin-right: 10px; vertical-align: top; }

/* 상세페이지 고객 추천 사이즈 */
.sizeTip_wrap { background-color: #f9f9f9; border: 1px solid #ccc; display: inline-block; width: 290px; height: 195px; padding: 10px; vertical-align: top; box-sizing: border-box; }
.sizeTip_wrap .ttl { font-size: 15px; font-weight: 600; }
.sizeTip_wrap .txt { margin-top: 4px; font-size: 13px; line-height: 16px; }
.sizeTip_wrap .sizeTip_list { margin-top: 10px; padding: 10px; height: 84px; background-color: #fff; border: 1px solid #ccc; }
.sizeTip_wrap .sizeTip_list ul li { padding: 5px 0; border-top: 1px solid #ccc;  }
.sizeTip_wrap .sizeTip_list ul li:first-child { padding-top: 0; border-top: none; }
.sizeTip_wrap .sizeTip_list ul li .date { padding-right: 5px; font-size: 12px; line-height: 12px; color: #666; text-align: right; }

/* 상세페이지 상품더보기 & 접기 */
.section_capture { max-width: 800px; max-height: 1200px; overflow: hidden; transition: max-height 0.5s ease; }
.section_capture.expanded { max-height: 999999px; }
.section_capture .detail_capture { max-width: 800px; }
.prd_more_wrap { position: relative; margin-top: 20px; background-color: #fff; text-align: center; z-index: 1; }
.prd_more_wrap .btn_prd_more { display: flex; width: 220px; height: 55px; margin: auto; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; letter-spacing: 0.15em; color: #33703f; border: 2px solid #33703f; cursor: pointer; }
.prd_more_wrap .btn_prd_more span { flex: 1; }
.prd_more_wrap .btn_prd_more i { flex: 0 0 40px; }

.goods_view .product_img{width:600px;}
.goods_view .product_option{width:600px;}

.goods_view .product_img .hashtag_wrap{margin-top:20px; text-align:center; }
.goods_view .product_img .hashtag_wrap a{display:inline-block; margin:0 3px; margin-bottom:10px; padding:0 15px; height:35px; border:1px solid #ccc; border-radius:17px; color:#666; font-size:14px; line-height:35px; }
.goods_view .product_img .hot_brand{position:relative; margin-top:45px; }
.goods_view .product_img .swiper-pagination{top:5px; right:0; left:auto; bottom:auto; z-index: 0; }
.goods_view .product_img .swiper-pagination .swiper-pagination-bullet{opacity: 0.2; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; margin:0 2.5px; }
.goods_view .product_img .swiper-pagination .swiper-pagination-bullet-active{background-color:#666;opacity: 1;}

.goods_view .product_option .brand_name{display:inline-block; font-size:15px; font-weight:700; line-height:25px; }
.goods_view .product_option .brand_name img{margin-left:10px;}

.goods_view .product_option .product_code {color:#999; font-size:15px; line-height:25px; }
.goods_view .product_option h2.tit{margin-bottom:5px; font-size:30px; font-weight:400; line-height:40px; }
.goods_view .product_option h3.desc{color:#666; font-size:16px; font-weight:400; line-height:26px; }

.goods_view .product_option .discount{color:#999; font-size:16px; line-height:26px;}

.goods_view .product_option .btn_popup{color:#999; font-size:14px; line-height:15px; color: #666; border-bottom:1px solid #999;}

.goods_view .product_option .color_list li{position: relative;float:left; margin-right:5px;}
.goods_view .product_option .color_list li.active::before{content: '';position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border:1px solid #222;}
.goods_view .product_option .color_list li > a{display:block;}

.goods_view .product_option .size_select{width:290px; height:40px; font-size:15px; line-height:40px; }
.goods_view .product_option .amount{position:relative; width:212px; padding:0 38px; border:1px solid #ccc;}
.goods_view .product_option .amount > input{width:213px; text-align:center; }
.goods_view .product_option .amount > .btn_up{position: absolute; top:1px; right:1px;}
.goods_view .product_option .amount > .btn_down{position: absolute; top:1px; left:1px;}

.goods_view .product_option .review_score{position:relative; display:inline-block; vertical-align:top; }
.goods_view .product_option .review_score > span{display: inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px;}
.goods_view .product_option .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}

.goods_view .product_option .btn_wrap { text-align: left; }
.goods_view .product_option .btn_wrap .bt_ty11 { width: 150px; height: 50px; line-height: 50px; }
.goods_view .product_option .wishlist{display:inline-block; padding:12px 30px; }
.goods_view .product_option .wishlist > .heart{display:inline-block; width:30px; height:25px; background:url('../images/detail/heart_off.png') no-repeat 0 0 / 30px; text-indent:-9999px; }
.goods_view .product_option .wishlist > .heart.is-active{background:url('../images/detail/heart_on.png') no-repeat 0 0 / 30px;}
.goods_view .product_option .wishlist > span{display:inline-block; padding-left:10px; font-size:16px; line-height:25px; }
.goods_view .product_option .btn_wrap .btn_kakaochat { position: relative; display: inline-block; width: 330px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; background: url('//img.netpx.co.kr/images/netpx/m/detail/detail_kakao.png') no-repeat center #fae100; border: 1px solid #fae100; box-sizing: border-box; vertical-align: top; transition: background-color .3s; }
.goods_view .product_option .btn_wrap .btn_kakaochat:hover { background-color: #fff; border: 1px solid #371d1e; }

.goods_view .gift_wrap{padding:23px 40px; background-color:#eee;}

.goods_view .gift_wrap dt.tit{position:relative; display:inline-block; vertical-align:middle; padding-left:60px; padding-right:30px; font-size:20px; line-height:50px; }
.goods_view .gift_wrap dt.tit:before{content:''; position:absolute; top:0; left:0 ;width:50px; height:50px; background:url('../images/detail/icon_gift.png') no-repeat 0 0;}
.goods_view .gift_wrap dd.desc{position:relative; display:inline-block; vertical-align:middle; padding-left:30px; font-size:20px; line-height:50px; }
.goods_view .gift_wrap dd.desc:before{content:''; position:absolute; top:0; bottom: 0; left:0; margin: auto; width:1px; height:45px; background-color:#ccc;}
.goods_view .gift_wrap dd.desc .fc_green{color:#05824b;}
.goods_view .gift_wrap dd.desc .thumbnails { display: inline-block; vertical-align: top; }
.goods_view .gift_wrap dd.desc .info_txt { display: inline-block; font-size: 16px; line-height: 40px; vertical-align: top; }
.goods_view .gift_wrap dd.desc .info_txt .info_txt_apply { line-height: 20px; }
.goods_view .gift_wrap dd.desc .info_txt .bul_all { border: 1px solid #5a5b34; background-color: #797f4f; color: #fff; font-size: 11px; padding: 2px 4px; vertical-align: top; }
.goods_view .gift_wrap dd.desc .info_txt .bul_kind { border: 1px solid #733d14; background-color: #9c531c; color: #fff; font-size: 11px; padding: 2px 4px; vertical-align: top; }

.goods_view h3.product_info_tit{font-size:20px; font-weight:400; line-height:24px; }

.goods_view .goods_link {border-bottom:1px solid #ccc;}
.goods_view .goods_link li{float:left; width:25%; height:60px;}
.goods_view .goods_link li a{position:relative; display:block; width:100%; height:60px; color:#666; text-align:center; font-size:20px; line-height:60px;}
.goods_view .goods_link li a > span{font-size:16px;}
.goods_view .goods_link li.on a{color:#222; font-weight:700;}
.goods_view .goods_link li.on a:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:5px; background-color:#222;}

.goods_view .goods_detail .detail{width:930px;}
.goods_view .goods_detail .detail > .goods_detail_info{ position: relative; width:800px; margin:0 auto;}
.goods_view .goods_detail .detail > .goods_detail_info img { max-width: 100%; }
.goods_view .goods_detail .option{width:350px; background-color:#fff; border:1px solid #ccc; -webekt-box-sizing:border-box; box-sizing:border-box;}
.goods_view .goods_detail .option.fix{position:fixed; left:50%; top:110px; margin-left:290px; z-index:1; }
.goods_view .goods_detail .option .option_select {padding:30px; }
.goods_view .goods_detail .option .option_select > h2{margin-bottom:30px; color:#222; font-size:20px; line-height:24px;}

.goods_view .goods_detail .option .option_select > p{margin-bottom:10px; font-size:16px; line-height:22px;}
.goods_view .goods_detail .option .option_select > select{height:40px; color:#666; font-size:15px; line-height:40px;}

.goods_view .goods_detail .option .option_box_wrap{height:140px; overflow-y:scroll;}
.goods_view .goods_detail .option .option_box{padding:30px 20px; background-color:#f9f9f9;}
.goods_view .goods_detail .option .option_box > p{color:#666; font-size:15px; line-height: 22px;}

.goods_view .goods_detail .option .option_box .input_box{position:relative; padding:0 28px; background-color:#fff; border:1px solid #ccc;}
.goods_view .goods_detail .option .option_box .input_box > input{width:40px; height:28px; text-align: center;}
.goods_view .goods_detail .option .option_box .input_box > .plus{position:absolute; top:0; right:0;}
.goods_view .goods_detail .option .option_box .input_box > .minus{position:absolute; top:0; left:0;}

.goods_view .goods_detail .option .option_box .price{position:relative; top:5px; padding-right: 20px; color:#666;}
.goods_view .goods_detail .option .option_box .price > .delete{ position: absolute; top: 3px; right: 0; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-left:5px; text-indent:-9999px; background:url('../images/detail/btn_delete.png')}

.goods_view .goods_detail .option .total_price{font-size:16px; line-height:22px;}
.goods_view .goods_detail .option .total_price .won{position:relative; top:-2px; color:#666;}
.goods_view .goods_detail .option .btn_wrap{padding:30px; }

.goods_detail .detail_del_notice { margin: 0 auto 25px; padding: 20px 15px 15px; text-align: center; background-color: #3398cc; box-sizing: border-box; user-select: none; }
.goods_detail .detail_del_notice .ttl { padding-bottom: 20px; font-size: 30px; font-weight: 700; color: #fff; }
.goods_detail .detail_del_notice .ttl i { font-size: 34px; }
.goods_detail .detail_del_notice .info { padding: 20px; font-size: 20px; font-weight: 600; line-height: 26px; background-color: #fff; }
.goods_detail .detail_del_notice .info .point { position: relative; display: inline-block; }
.goods_detail .detail_del_notice .info .point::after { content: ''; position: absolute; bottom: 1px; right: 0; left: 0; margin: auto; width: auto; height: 5px; background-color: rgba(0,132,255,0.3); }
.goods_detail .detail_del_notice .info .date { display: inline-block; margin-top: 15px; padding: 0 20px; height: 34px; line-height: 34px; letter-spacing: -0.05em; color: #fff600; background-color: #474747; border-radius: 20px; }
.goods_detail .detail_del_notice .notice { padding: 10px; font-size: 15px; color: #666; background-color: #f0f0f0; }


.goods_view .small_btn{display:inline-block; width:53px; height: 25px; border:1px solid #666; color:#666; font-size:11px; line-height:25px;}

.goods_view .delivery_info .delivery_step li{position:relative; float:left;width:25%; }
.goods_view .delivery_info .delivery_step li .icon_box{margin-bottom:15px; }
.goods_view .delivery_info .delivery_step li .icon_box {margin-bottom:15px; }
.goods_view .delivery_info .delivery_step li dl dt{margin-bottom:10px; color:#222; font-size:15px; font-weight: 500; line-height:22px; }
.goods_view .delivery_info .delivery_step li dl dd{color:#666; font-size:14px; line-height:20px; }
.goods_view .delivery_info .delivery_step li:after{content:''; position:absolute; top:19px; right:100px; width:14px; height:22px; background:url('../images/mypage/mypage_icon.png') no-repeat 0 0 / 14px;}
.goods_view .delivery_info .delivery_step li.last:after{display:none;}

.goods_view .related_order{padding:30px 230px; background-color:#f9f9f9; text-align:center; font-size:0;}
.goods_view .related_order > div{display:inline-block; vertical-align:middle; }
.goods_view .related_order > div > span.fs16{color:#666;}

.goods_view .review_top{padding:13px 20px;; background-color:#eee;}
.goods_view .review_top p{height:50px; font-size:16px; line-height:50px; }

.goods_view .photo_list li{float:left; width:150px; margin-right:10px; }
.goods_view .photo_list li a{position:relative;display:block; }
.goods_view .photo_list li a > span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) no-repeat center center; opacity:0;}
.goods_view .photo_list li a:hover > span{ opacity:1;}

.photo_list_wrap { clear: both; position: relative; width: 100%; }
.photo_list_wrap .photo_estimate_view { position: absolute; top: 0; right: 0;  display: inline-block; width: 160px; height: 150px; line-height: 150px; font-size: 20px; text-align: center; border: 1px solid #ccc; box-sizing: border-box;}

.goods_view .photo_tit {margin-top:20px; }
.goods_view .photo_tit dt{color:#222; font-size:20px; line-height:28px;}
.goods_view .photo_tit dd{color:#666; font-size:16px; line-height:20px; }

.goods_view .appraisal_wrap .review_score{display:inline-block; vertical-align:middle; font-size:0;}
.goods_view .appraisal_wrap .review_score > span{display:inline-block; vertical-align:middle; width:30px; height:30px; margin-left: 3px; background:url('../images/detail/star_large_on.png') no-repeat 0 0 / 30px;}
.goods_view .appraisal_wrap .review_score > span.star_empty{background: url('../images/detail/star_large_off.png') no-repeat 0 0 / 30px;}

.goods_view .appraisal_wrap .average_scroe{position:relative; top:3px; display:inline-block; vertical-align:middle; margin-left:40px; color:#999; font-size:30px; line-height:40px;}
.goods_view .appraisal_wrap .average_scroe > strong{color:#222; font-size:40px; line-height:40px;}
.goods_view .appraisal_wrap .average_scroe > .slash{position:relative; top:-2px; color:#ccc; font-size:20px; line-height:20px; }

.goods_view .goods_review .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; }
.goods_view .goods_review .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}

.goods_view .goods_review .review_tit .tit{color:#222; font-size:16px; line-height:22px; }
.goods_view .goods_review .review_tit .camera{display:inline-block; vertical-align:middle; margin-right:3px; margin-bottom: 4px; }

/**************************** 세트상품 ****************************/
.goods_view .set_product_wrap { position: relative; font-size: 0; }
.goods_view .set_product_wrap .title { position: relative; font-size: 22px; font-weight: 700; }
.goods_view .set_product_wrap .left_con { position: relative; vertical-align: top; }
.goods_view .set_product_wrap .tb_set_product { width: 100%; table-layout: fixed; }
.goods_view .set_product_wrap .tb_set_product { text-align: center; }
.goods_view .set_product_wrap .tb_set_product thead tr { height: 32px; font-size: 13px; color: #fff; background-color: #444; }
.goods_view .set_product_wrap .tb_set_product thead tr th { font-weight: 600; }
.goods_view .set_product_wrap .tb_set_product tbody tr { height: 32px; font-size: 13px; line-height: 17px; border-bottom: 1px solid #e8e8e8; }
.goods_view .set_product_wrap .tb_set_product tbody tr th { font-size: 13px; font-weight: 700; color: #333; background-color: #f0f0f0; }
.goods_view .set_product_wrap .tb_set_product tbody tr.set_choose { background-color: #D9EAD3; }
.goods_view .set_product_wrap .tb_set_product tbody tr.set_remove { background-color: #ffebf0; }
.goods_view .set_product_wrap .tb_set_product tbody tr.set_soldout { background-color: #f8f8f8; }
.goods_view .set_product_wrap .tb_set_product tbody tr.set_soldout .pd_name { opacity: 0.6; }
.goods_view .set_product_wrap .tb_set_product tbody tr.set_soldout .btn_set { opacity: 0.6; }
.goods_view .set_product_wrap .tb_set_product tbody tr .pd_category { background-color: #f0f0f0; }
.goods_view .set_product_wrap .tb_set_product tbody tr .pd_name { position: relative; padding: 0 25px 0 37px; text-align: left; }
.goods_view .set_product_wrap .tb_set_product tbody tr .pd_name a { display: block; }
.goods_view .set_product_wrap .tb_set_product tbody tr .pd_name a img { position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; width: 26px; }
.goods_view .set_product_wrap .tb_set_product tbody tr .pd_name .btn_set_delete { position: absolute; top: 0; right: 4px; bottom: 0; width: 20px; height: auto; background: url('//img.netpx.co.kr/images/netpx/m/common/popup_close_red.png') no-repeat center / 12px #fff; z-index: 1; }
.set_product_wrap .tb_set_select { width: 100%; font-size: 11px; table-layout: fixed; }
.goods_view .set_product_wrap .tb_set_product tbody tr .btn_set { position: relative; display: inline-block; width: 100%; height: 23px; font-size: 11px; font-weight: 500; line-height: 22px; color: #666;  text-align: center; background-color: #fff; border: 1px solid #999; vertical-align: top; box-sizing: border-box; }
.goods_view .set_product_wrap .tb_set_product tbody tr .btn_set.SEL { color: #c72828; border: 1px solid #c72828;  }

.goods_view .set_product_wrap .right_con { vertical-align: top; }
/* 변경 상품 선택 */
.goods_view .set_product_wrap .tb_set_choose_wrap { display: none; position: absolute; top: 34px; left: 0; padding: 5px; border: 1px solid #b2b2b2; background-color: #fff; box-shadow: 0 0 0 10000px rgba(0,0,0,.3); z-index: 10; }
.goods_view .set_product_wrap .tb_set_choose_wrap.SEL { display: block; }
.goods_view .set_product_wrap .tb_set_choose { width: 100%; font-size: 13px; background-color: #fff; table-layout: fixed; }
.goods_view .set_product_wrap .tb_set_choose thead tr { height: 32px; font-size: 13px; color: #fff; background-color: #000; }
.goods_view .set_product_wrap .tb_set_choose thead tr th:nth-child(4) { padding-right: 10px; text-align: right; }
.goods_view .set_product_wrap .tb_set_choose thead tr th .pop_choose_close { display: inline-block; width: 12px; height: 12px; background: url("//img.netpx.co.kr/images/netpx/m/common/popup_close_white.png") no-repeat center / 12px; }
.goods_view .set_product_wrap .tb_set_choose tbody tr { height: 32px; font-size: 13px; border-top: 1px solid #e8e8e8; }
.goods_view .set_product_wrap .tb_set_choose tbody tr .pd_name { position: relative; padding: 0 5px 0 37px; text-align: left; cursor: pointer; }
.goods_view .set_product_wrap .tb_set_choose tbody tr .pd_name img { position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; width: 26px; }
.goods_view .set_product_wrap .tb_set_choose tbody tr .pd_name .pop_area { display: block; padding: 5px 0; }
.goods_view .set_product_wrap .tb_set_choose tbody tr td:nth-child(2),
.goods_view .set_product_wrap .tb_set_choose tbody tr td:nth-child(3) { text-align: center; }
.goods_view .set_product_wrap .tb_set_choose tbody tr td .btn_set_choose { position: relative; display: inline-block; width: 100%; height: 23px; font-size: 11px; font-weight: 500; line-height: 22px; color: #666;  text-align: center; background-color: #fff; border: 1px solid #999; vertical-align: top; box-sizing: border-box;  }
.goods_view .set_product_wrap .tb_set_choose tbody tr td .btn_set_choose.remove { color: red; border: 1px solid red; }

/* 상품 정보 */
.goods_view .set_product_wrap .layer_set_product { display: none; position: absolute; top: 0; left: 0; width: 600px; border: 1px solid #ccc; box-sizinG: border-box; z-index: 2; }
.goods_view .set_product_wrap .layer_set_product.SEL { display: block; }
.goods_view .set_product_wrap .layer_set_product .set_product { width: 100%; background-color: #fff; }
.goods_view .set_product_wrap .layer_set_product .set_product .ttl { position: relative; padding: 5px 8px; font-size: 14px; font-weight: 600; background-color: #f3f3f3; }
.goods_view .set_product_wrap .layer_set_product .set_product .ttl .pop_set_product_close { position: absolute; top: 8px; right: 10px; width: 14px; height: 14px; background: url("//img.netpx.co.kr/front/mobile_netpx_v3/skin/images/popup_close_black.png") no-repeat center / 14px; z-index: 1; }
.goods_view .set_product_wrap .layer_set_product .info { position: relative; display: block; padding: 14px 10px; background-color: #fff; box-sizing: border-box; }
.goods_view .set_product_wrap .layer_set_product .info .img { display: inline-block; width: 270px; vertical-align: top; }
.goods_view .set_product_wrap .layer_set_product .info .img img { max-width: 100%; }
.goods_view .set_product_wrap .layer_set_product .info .product { display: inline-block; width: 295px; margin-left: 10px; font-size: 14px; vertical-align: top; }
.goods_view .set_product_wrap .layer_set_product .info .product .brand_nm { display: inline-block; margin-right: 5px; font-weight: 600; color: #000; }
.goods_view .set_product_wrap .layer_set_product .info .product .style_no { float: right; font-size: 11px; color: #aaa; }
.goods_view .set_product_wrap .layer_set_product .info .product .product_nm { font-size: 16px; font-weight: 700; }
.goods_view .set_product_wrap .layer_set_product .info .product .product_nm_eng { font-size: 13px; color: #999; }
.goods_view .set_product_wrap .layer_set_product .info .product .product_price { font-size: 15px; }
.goods_view .set_product_wrap .layer_set_product .info .product .btn_pd_more { display: inline-block; width: 150px; height: 40px; line-height: 38px; font-size: 14px; text-align: center; border: 1px solid #222; box-sizing: border-box; vertical-align: top; }
.goods_view .set_product_wrap .layer_set_product .info .product_soldout { font-size: 14px; text-align: center; }
.goods_view .set_product_wrap .layer_set_product .btn_product { display: inline-block; width: 220px; height: 45px; font-size: 15px; line-height: 45px; border: 1px solid #222; color: #222; text-align: center; }


/* 세트상품 선택완료 */
.tb_set_select_wrap { position: relative; width: 100%; box-sizing: border-box; }
.tb_set_select_wrap.SEL { display: block; }
.tb_set_select_wrap .ttl { padding-bottom: 6px; font-size: 22px; font-weight: 700; }
.tb_set_select_wrap .tb_set_select { width: 100%; font-size: 13px; table-layout: fixed; }
.tb_set_select_wrap .tb_set_select tbody tr { height: 30px; }
.tb_set_select_wrap .tb_set_select tbody tr th { text-align: left; }
.tb_set_select_wrap .tb_set_select tbody tr td { text-align: left; word-break: break-all; }
.tb_set_select_wrap .tb_set_select tbody tr td:nth-of-type(2) { font-size: 13px; letter-spacing: -0.08em; text-align: center; }
.tb_set_select_wrap .tb_set_select tbody tr td:nth-of-type(3) { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.tb_set_select_wrap .set_total { font-size: 15px; font-weight: 700; color: #111; }
.tb_set_select_wrap .set_total .discount { color: #ff4800; }
.tb_set_select_wrap .set_total .title_info { font-size: 16px; font-weight: 600; font-style: italic; color: red; }

.tb_set_select_wrap .btn_set_total { display: inline-block; margin: 5px auto 0; width: 200px; height: 40px; font-size: 14px; font-weight: 500; color: #fff; line-height: 38px; background-color: #333; text-align: center; }
.tb_set_select_wrap .btn_set_cart { display: inline-block; margin: 5px auto 0; width: 200px; height: 40px; font-size: 14px; font-weight: 500; color: #333; line-height: 38px; background-color: #fff; border: 1px solid #333; text-align: center; }


/* 장바구니 & 결제 */
.sub .order_wrap .table_order tr td.goods_tit .cart_set_list li { margin-bottom: 6px; font-size: 14px; line-height: 16px; }

/**************************** 세트상품 end ****************************/



#rel_product{position:relative; }
.relative_product {padding-bottom:50px;}
#rel_product .swiper-button-prev{left:-35px; color:#ccc; font-weight:300; width: 27px; height: 44px;font-size: 40px; margin-top: -20px;}
#rel_product .swiper-button-next{right:-35px; color:#ccc; font-weight:300; width: 27px; height: 44px;font-size: 40px; margin-top: -20px;}

.relative_product_box.soldout_product{opacity:0.5;}
.relative_product_box{width:240px; height:460px; margin-bottom: 100px; padding-bottom:35px; vertical-align: top;}
.relative_product_box:first-child{margin-left:0;}
.relative_product_box .thumnail {position:relative; display:block; width:240px; height: 240px; margin:0 auto;}
.relative_product_box .thumnail span.check{position:absolute; top:10px; left:10px; z-index:100;}
.relative_product_box .thumnail a{position: relative; width: 100%; height: 100%; overflow: hidden;display:block;}
.relative_product_box .thumnail a::after { content: ''; position:absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; background-color: rgba(150,150,150,0.1); }
.relative_product_box .thumnail a > img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transform: scale(1); transition: transform 0.3s;display:block; margin:0 auto;}
.relative_product_box .thumnail a:hover img { transform: scale(1.07); }

.relative_product_box .sti_area{padding:0 20px;}
/*
.relative_product_box .select{position:relative; display:inline-block; vertical-align:top; width:100%; height:40px; box-sizing:border-box;}
.relative_product_box .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:40px; background:#fff; border:1px solid #ccc;z-index:2;}
.relative_product_box .select > .choice_box > em{display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.relative_product_box .select > .choice_box.on{border-top:1px solid #222;border-left:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #ccc;}
.relative_product_box .select > .choice_box.on > em{background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.relative_product_box .select .placeholder{display:block; color:#666; font-size:13px; line-height:38px; font-weight:400;}
*/
.relative_product_box .select{position:relative; display:inline-block; vertical-align:top; width:130px; height:30px; box-sizing:border-box;}
.relative_product_box .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:30px; background:#fff; border:1px solid #ccc;z-index:2;}
.relative_product_box .select > .choice_box > em{display:block; position:absolute; right:15px; top:50%; width:11px; height:8px; margin-top:-4px; background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
/*.relative_product_box .select > .choice_box.on{border-top:1px solid #222;border-left:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #ccc;}*/
.relative_product_box .select > .choice_box.on > em{background:url('../images/common/arrow_down_w11_gray.png') no-repeat 0 0;}
.relative_product_box .select > .choice_box{position:relative; display:block; width:100%; height:100%; padding:0 15px; box-sizing:border-box; line-height:30px; background:#fff; border:1px solid #ccc;z-index:2;}
.relative_product_box .select > .choice_box .size_view { cursor: auto;}
.relative_product_box .select > .choice_box .size_view .so_layer { position: absolute; top: 0; bottom: 0; margin: auto; left:-1px; width: 220px; box-sizing: border-box; border: 1px solid #222; background: #fff; user-select: none; display: table;}
.relative_product_box .select > .choice_box .size_view .so_layer li { padding-left: 20px; font-size: 13px; line-height: 22px; color: #666; font-weight: 300; }
.relative_product_box .select > .choice_box .size_view .so_layer li:first-child { padding-top: 10px; }
.relative_product_box .select > .choice_box .size_view .so_layer li:last-child { padding-bottom: 10px; }

.relative_product_box .select .select .placeholder{display:block; color:#666; font-size:13px; line-height:28px; font-weight:400;}

.relative_product_box .select .select_slide{display:none;position:absolute; top:29px; left:0px; width:100%; padding:10px 20px; box-sizing:border-box; border:1px solid #222; background:#fff; z-index:1;}
.relative_product_box .select .select_slide li{margin-top:5px;}
.relative_product_box .select .select_slide li:first-child{margin-top:0px;}
.relative_product_box .select .select_slide li a{display:block;width:100%; padding:0; font-size:13px; color:#666; font-weight:300;}

.relative_product_box a.product_plus{display:inline-block; width:28px; height:28px; margin-right:-1px; background:#fff url('../images/list/btn_plus.png') no-repeat 0 0 / 28px; border:1px solid #ccc; text-indent:-9999px; }
.relative_product_box a.product_detail{display:inline-block; width:28px; height:28px; background:#fff url('../images/list/btn_window.png') no-repeat 0 0 / 28px; border:1px solid #ccc;  text-indent:-9999px; }
.relative_product_box a.product_plus:hover{background:#222 url('../images/list/btn_plus_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}
.relative_product_box a.product_detail:hover{background:#222 url('../images/list/btn_window_on.png') no-repeat 0 0 / 28px; border:1px solid #222;}

.relative_product_box h3.tit{color:#222; height: 22px; font-size:12px; line-height:22px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.relative_product_box p.tit_desc{ height: 38px; }
.relative_product_box p.tit_desc > a{display: -webkit-box; height:38px; color:#222; font-size:14px; font-weight:700; line-height:16px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; -ms-word-break: keep-all; word-break: keep-all;}

.relative_product_box .price{margin-top:5px;margin-bottom:5px;}
.relative_product_box .price > strong{font-size:20px; line-height:24px;}
.relative_product_box .price > strong + span{color:#666;}
.relative_product_box .price > del{margin-left:5px; color:#999; font-size:15px; }
.relative_product_box .price > del + span{color:#999;}

.relative_product_box .review_wrap{ position: absolute; bottom: 10px; right: 15px; left: 15px; margin: auto; }
.relative_product_box .review_wrap > dl > dt{position:relative; float:left; height:14px; padding-right:10px;}
.relative_product_box .review_wrap > dl > dt:after{content:''; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#ccc; display: none;}
.relative_product_box .review_wrap > dl > dt > .review_score{font-size:0;}
.relative_product_box .review_wrap > dl > dt > .review_score > span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:3px; background:url('../images/list/star_on.png') no-repeat 0 0 / 12px; vertical-align: top;}
.relative_product_box .review_wrap > dl > dt > .review_score > span.star_empty{background:url('../images/list/star_off.png') no-repeat 0 0 / 12px;}
.relative_product_box .review_wrap > dl > dd{float:right; height:14px; padding-left:10px;}
.relative_product_box .review_wrap > dl > dd .review_count{color:#222; font-size:13px;line-height:14px;}
.relative_product_box .review_wrap .avg_est{
    font-size: 13px;
    vertical-align: top;
}

.relative_product_box .review_wrap .avg_est i {
    display: inline-block;
    margin-right: 3px;
    color: #05824b;
}

.relative_product_box .review_wrap .review{
    padding-left: 5px;
    font-size: 13px;
    line-height: 16px;
    color: #888;
}


.relative_product_box .review_coment{color:#666; font-size:13px; line-height:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.relative_product_box .select > .choice_box.on { border: 1px solid #ccc; cursor: pointer;}

.relative_product_box .label_wrap { height: 20px; }

.relative_product_box .amount{position:relative; height:40px;}
.relative_product_box .amount > .input_amount{width:100%; height:40px; padding:0 38px; border:1px solid #ccc; text-align:center; box-sizing:border-box;}
.relative_product_box .amount > .btn_up{position:absolute; top:1px; right:1px; }
.relative_product_box .amount > .btn_down{position:absolute; top:1px; left:1px; }

/* popup write */
.layer_type_01{position:relative; width:790px; padding:50px; box-sizing:border-box; background:#fff;z-index: 20; overflow-x: hidden;}
.layer_type_01 .text_input{display:inline-block; vertical-align:top; height:50px; padding:0 10px; border:1px solid #ccc; color:#666; font-size:15px; box-sizing:border-box;}
.layer_type_01 .text_input:focus{border:1px solid #222;}
.layer_type_01 .text_input.w85{width:85px;}
.layer_type_01 .text_input.w90{width:90px;}
.layer_type_01 .text_input.w180{width:180px;}
.layer_type_01 .text_input.w200{width:200px;}
.layer_type_01 .text_input.w400{width:400px;}
.layer_type_01 .text_input.wfull{width:100%;}

.layer_type_01 .ly_tit{text-align:center; font-size:30px; font-weight:400; line-height:36px;  }
.layer_type_01 .ly_close{position:absolute; top:20px; right:40px; font-size:28px; font-weight:300;}

.layer_type_01 .lyt_line{padding-bottom:20px; border-bottom:1px solid #222;}
.layer_type_01 .ly_sub_tit{text-align:center; font-size:20px; font-weight:400; line-height:26px;  }
.layer_type_01 .ly_sub_desc{text-align:center; color:#666; font-size:15px; font-weight:400; line-height:26px;  }

.layer_type_01 .table_lyc{width:100%; border-top:1px solid #222;}
.layer_type_01 .table_lyc.bt_none{border-top:0;}
.layer_type_01 .table_lyc tr th{padding:20px 0px; color:#222; text-align:left; font-size:15px; font-weight:400; line-height:20px; }
.layer_type_01 .table_lyc tr td{padding:20px 0px; background-color:#fff; color:#666; text-align:left; font-size:15px; font-weight:400; line-height:20px;}
.layer_type_01 .table_lyc tr td.caution{border-top:1px solid #eee;}
.layer_type_01 .table_lyc tr td.caution .caution_icon{position:absolute; top:0; left:0;}
.layer_type_01 .table_lyc tr td.caution .caution_text{padding-left:54px;}
.layer_type_01 .qna_link_wrap{padding:30px; background-color:#f9f9f9;}
.layer_type_01 .qna_link_wrap .qna_link_text{color:#666; font-size:15px; line-height:22px; }
.layer_type_01 .qna_link_wrap .qna_link_text > span{color:#05824b;}
.layer_type_01 .qna_link_wrap .qna_link_btn{position:absolute; top:0; right:0;}

.layer_type_01 .table_lyc.ty02 tr th{padding:5px 0px; color:#222; text-align:left; font-size:15px; font-weight:400; line-height:20px; }
.layer_type_01 .table_lyc.ty02 tr td{padding:5px 0px; background-color:#fff; color:#666; text-align:left; font-size:15px; font-weight:400; line-height:20px;}

.layer_type_01 .table_ty01{width:100%;}
.layer_type_01 .table_ty01 tr th, .layer_type_01 .table_ty01 tr td{padding:5px 0;}
.layer_type_01 .table_ty01 tr th{text-align:center; font-size:15px; font-weight:400; line-height:20px; }
.layer_type_01 .table_ty01 tr td{font-size:15px; font-weight:400; line-height:20px; }

.layer_type_01 .table_ty02{width:100%; border-top:1px solid #222;}
.layer_type_01 .table_ty02 tr th, .layer_type_01 .table_ty02 tr td{border-bottom: 1px solid #ccc;}
.layer_type_01 .table_ty02 tr th{text-align:center; padding:20px 0; font-size:15px; font-weight:400; line-height:20px; }
.layer_type_01 .table_ty02 tr td{text-align:center; padding:20px 0; font-size:15px; font-weight:400; line-height:20px; }
.layer_type_01 .table_ty02 tr td.tit{text-align:left; padding-left:10px; }
.layer_type_01 .table_ty02 tr td .coupon_button{display:block; width:53px; height:25px; margin:0 auto; border:1px solid #666; color:#666; font-size:11px; line-height:25px;}

.layer_type_01 .table_ty03{width:100%; padding-bottom:10px;}
.layer_type_01 .table_ty03 tr th, .layer_type_01 .table_ty03 tr td{padding:10px 0;}
.layer_type_01 .table_ty03 tr th{text-align:left; color:#222; font-size:16px; font-weight:400; line-height:20px; }
.layer_type_01 .table_ty03 tr td{text-align:left; color:#666; font-size:16px; font-weight:400; line-height:20px;}
.layer_type_01 .table_ty03 tr td  > del{color:#999;}

.layer_type_01 .table_ty03 tr td .fc_green{color:#05824b;}
.layer_type_01 .table_ty03 tr td .fc_black{color:#222;}
.layer_type_01 .table_ty03 tr td .fc_lightgray{color:#999;}

.layer_type_01 .caution{padding:30px; background:#f9f9f9;}
.layer_type_01 .caution > h3{font-size:15px; line-height:20px; }
.layer_type_01 .caution > .caution_list li{color:#666; font-size:13px; line-height:18px; }

.layer_type_01 .product_info{height:160px; padding:20px 50px 20px 20px; background-color:#f9f9f9; box-sizing:border-box;}
.layer_type_01 .product_info .product_info_img{display:inline-block; vertical-align:middle;}
.layer_type_01 .product_info .product_info_txt {display:inline-block; vertical-align:middle; margin-left:30px; }

.layer_type_01 .product_info .product_info_txt .desc{margin-bottom:5px; color:#666;}
.layer_type_01 .product_info .product_info_txt .tit{margin-bottom:10px; color:#222;}
.layer_type_01 .product_info .product_info_txt .option{margin-bottom:10px; color:#999;}
.layer_type_01 .product_info .product_info_txt .price{color:#222;}

.layer_type_01 .product_size_tip { padding: 20px; background-color: #f9f9f9; border: 1px solid #ccc; }
.layer_type_01 .product_size_tip .ttl { font-size: 18px; font-weight: bold; }
.layer_type_01 .product_size_tip .ttl .tip { display: inline-block; margin-left: 4px; font-size: 16px; font-weight: 600; line-height: 21px; color: #05824b; }
.layer_type_01 .product_size_tip .txt { margin-top: 5px; color: #666; }
.layer_type_01 .product_size_tip .txt span { font-weight: 500; color: #000; text-decoration: underline; }
.layer_type_01 .product_size_tip .table_size { width: 100%; text-align: center; background-color: #fff; border: 1px solid #aaa; }
.layer_type_01 .product_size_tip .table_size th, .layer_type_01 .product_size_tip .table_size td { font-weight: 500; border-right: 1px solid #aaa; }
.layer_type_01 .product_size_tip .table_size th { padding: 4px 0; font-weight: 600; color: #000; background-color: #f1f1f1; border-bottom: 1px solid #aaa; }
.layer_type_01 .product_size_tip .table_size td { padding: 8px 0; }
.layer_type_01 .product_size_tip .table_size .bdrn { border-right: none; }
.layer_type_01 .product_size_tip .text_input { display: inline-block; vertical-align: top; height: 30px; padding: 0 10px; border: 1px solid #ccc; color: #666; font-size: 15px; box-sizing: border-box; }
.layer_type_01 .product_size_tip .lh30 { margin-left: 4px; line-height: 30px; vertical-align: top; }
.layer_type_01 .product_size_tip .radio_input + label { margin-left: 4px; }

.layer_type_01 .product_text .text{color:#999; font-size:15px; line-height:20px; letter-spacing: -0.02em;}
.layer_type_01 .product_text .text > span{color:#222; font-weight:500;}
.layer_type_01 .product_text .list > li{padding-left:10px; color:#666; font-size:13px; line-height:20px; }
.layer_type_01 .product_text .list > li:before{content:'- '; margin-left:-10px;}

.layer_type_01 .select_est{width:200px; color:#05824b;}
.layer_type_01 .bt_line{border-top:1px solid #222;}


.layer_type_01 .login_util{font-size:0; text-align:center; }
.layer_type_01 .login_util > li{position:relative; padding:0 20px; display:inline-block;}
.layer_type_01 .login_util > li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-7.5px; background-color:#ccc;}
.layer_type_01 .login_util > li:first-child:before{display:none;}
.layer_type_01 .login_util > li > a{display:block; color:#666; font-size:15px; line-height:20px; }

.layer_type_01 .fc_green{text-align:center; color:#05824b; font-size:15px; font-weight:400; line-height:20px; }
/* popup write end*/

/* */
.layer_type_01 .product_img{position:relative; width:520px; }
.layer_type_01 .product_img .relative{position:absolute; top:15px; left:15px; width:70px; height:70px; text-align:center; color:#fff; font-size:20px; font-weight:700; line-height:70px; background-color:#01824a;}

.layer_type_01 .product_option{width:470px;}
.layer_type_01 .product_option .product_code{color:#999; font-size:15px; line-height:26px; }
.layer_type_01 .product_option h2.tit{font-size:30px; font-weight:300; line-height:35px; }
.layer_type_01 .product_option h3.desc{color:#666; font-size:16px; line-height:26px; }
.layer_type_01 .product_option .line{margin:10px 0; border-bottom:1px solid #eee;}

.layer_type_01 .product_option .btn_popup{color: #999; font-size: 13px; line-height: 15px; border-bottom: 1px solid #999;}

.layer_type_01 .product_option select{height:40px; color:#666; font-size:15px; line-height:38px; }
.layer_type_01 .product_option .amount{position:relative; width:287px; padding:0 38px; border:1px solid #ccc;}
.layer_type_01 .product_option .amount > input{width:287px; text-align:center; }
.layer_type_01 .product_option .amount > .btn_up{position: absolute; top:1px; right:1px;}
.layer_type_01 .product_option .amount > .btn_down{position: absolute; top:1px; left:1px;}
.layer_type_01 .product_option .wishlist{display: inline-block; padding:17px; }
.layer_type_01 .product_option .wishlist .heart {display:inline-block; width:30px; height:25px; background:url('../images/detail/heart_off.png') no-repeat 0 0 / 30px; text-indent: -9999px; }
.layer_type_01 .product_option .wishlist .heart.on {display:inline-block; width:30px; height:25px; background:url('../images/detail/heart_on.png') no-repeat 0 0 / 30px; text-indent: -9999px; }
.layer_type_01 .layer_close{position:absolute; top:30px; right:30px;}

.layer_type_01 .coupon_product{font-size:0; padding:20px; background-color:#f9f9f9; overflow: hidden;}
.layer_type_01 .coupon_product > .product_img{display:inline-block; vertical-align:middle; width:120px;}
.layer_type_01 .coupon_product > .product_img > img{width:100%;}
.layer_type_01 .coupon_product > .product_info{display:inline-block; vertical-align:middle; margin-left:30px;}
.layer_type_01 .coupon_product > .product_info > h2{font-size:16px; line-height:22px; }
.layer_type_01 .coupon_product > .product_info > p{font-size:16px; line-height:22px; }
.layer_type_01 .coupon_product .coupon_img { float: left; }
.layer_type_01 .coupon_product .coupon_info { float: left; margin-left: 20px; font-size: 13px; }

.layer_type_01 .coupon_desc{color:#666; font-size:15px; line-height:22px; }

.layer_type_01 .caution_list > li{position:relative; margin-bottom:3px; padding-left:18px; color:#999; font-size:13px; line-height:18px; }
.layer_type_01 .caution_list > li:before{content:''; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:url('../images/pay/icon_order_caution.png') no-repeat 0 0 / 12px;}
.layer_type_01 .caution_list > li > span{color:#222; }

.layer_style_01{position: fixed; top:0; left:0; right:0; bottom:0; display:none; height:100%; z-index:99;}
.layer_style_01 .layer_inner{position: absolute; top:100px; left:100px; width:600px; padding:50px; z-index: 11; background-color:#fff; box-sizing: border-box;}
.layer_style_01 .close_layer{ position:absolute; top:-40px; right:0px; display:block;}
.layer_style_01 .layer_bg{position:absolute; top:0; left:0; right:0; width:100%; height: 100vh; background-color:rgba(0,0,0,0.5); z-index:10;}
.layer_style_01 .layer_inner_couponlist { padding: 0; }
.layer_style_01 .layer_inner_couponlist .lyc_01 { height: 440px; padding: 30px; overflow-y: scroll; border: 1px solid #ccc; }

/* 팝업-장바구니 쿠폰다운 */
#coupon_down_pop { position: fixed; top: 300px; left: 50%; transform: translateX(-50%); display: block; z-index: 10; }
#down_ok .layer_inner { position: relative; height: 260px; padding: 40px; border:1px solid #ccc; }
#down_ok.layer_style_01 .lyt_line { padding-bottom: 20px; border-bottom: 1px solid #222; }
#down_ok.layer_style_01 .ly_tit { text-align: center; font-size: 30px; font-weight: 400; line-height: 36px; }
#down_ok.layer_style_01 .close_layer { top: 30px; right: 30px; }

/* 상세 쿠폰다운받기 팝업 */
#coupon_down_l { box-shadow: 10px 0px 10px rgba(0,0,0,0.3); }

/* 간편장바구니 */
#slide_cart_content{position:absolute; top:0; left:-449px; padding:0; z-index:9999; text-align:left; overflow: hidden;}
#slide_cart_content h1.tit{color:#222; font-size:20px; font-weight:400; line-height:25px; }
#slide_cart_content p.desc{color:#666; font-size:13px; font-weight:400; line-height:18px; }
#slide_cart_content .layer_inner{position:relative;  padding:40px; border:1px solid #ccc; }

#slide_cart_content .layer_inner .cart_close{position:absolute; top:20px; right:20px; }
#slide_cart_content .cart_list{margin-top:25px; height:240px; overflow-y:scroll;}
#slide_cart_content .cart_list::-webkit-scrollbar {width:2px;}
#slide_cart_content .cart_list::-webkit-scrollbar-track{background: transparent;}
#slide_cart_content .cart_list::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);}
#slide_cart_content .cart_list::-webkit-scrollbar-thumb:hover{background: transparent;}

#slide_cart_content .cart_list > li{position:relative; margin-right: 4px; padding:15px 0; border-bottom:1px solid #eee; font-size:0;}
#slide_cart_content .cart_list > li.nodata{padding:80px 0; background-color:#f8f8f8; border-bottom:0; text-align:center; color:#999; font-size:16px; line-height:16px; }
#slide_cart_content .cart_list > li > .thumnail{display:inline-block; vertical-align:middle;}
#slide_cart_content .cart_list > li > .info{display:inline-block; vertical-align:middle; width:220px; margin-left:20px; }
#slide_cart_content .cart_list > li > .info > .tit{font-size:16px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#slide_cart_content .cart_list > li > .info > a.delete_cart{position:absolute; top:50%; right:10px; margin-top:-7px; }

#slide_cart_content .cart_list > li > .info > .option_list > li{position:relative; float:left; padding:0 15px;}
#slide_cart_content .cart_list > li > .info > .option_list > li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#ccc;}
#slide_cart_content .cart_list > li > .info > .option_list > li:first-child{padding-left:0;}
#slide_cart_content .cart_list > li > .info > .option_list > li:first-child:before{display:none;}
#slide_cart_content .all_delete{color:#666; font-size:16px; line-height:40px; }

#layer_timesale{position:absolute; top:70px; left:50%; width:740px; margin-left:-370px; background-color:#fff; z-index:100; border:1px solid #ccc;}
#layer_timesale .sale_tit{padding:30px 40px; background:#eee url('../images/common/bg_sale_tit.jpg') no-repeat center right;}
#layer_timesale .sale_tit > h1{color:#222; font-size:30px; font-weight:700; line-height:35px; }
#layer_timesale .sale_tit > h1 > small{color:#666; font-size:15px; line-height:20px;}
#layer_timesale .sale_wrap{padding:50px; }
#layer_timesale .sale_wrap > h2{text-align:center; font-size:30px; font-weight:400; line-height:35px; }

#layer_timesale .sale_wrap > .sale_product{padding:40px; border-top:1px solid #222; border-bottom:1px solid #ccc;}
#layer_timesale .sale_wrap > .sale_product > li{float:left; width:240px; margin:0 20px;}

#layer_timesale .sale_wrap .sti_area{padding:0 10px;}
#layer_timesale .sale_wrap .info_wrap .tit{font-size:16px; font-weight:700; line-height:22px; }
#layer_timesale .sale_wrap .info_wrap .tit_desc a{color:#666; font-size:13px; font-weight:400; line-height:18px; }
#layer_timesale .sale_wrap .info_wrap .price{color:#666;}
#layer_timesale .sale_wrap .info_wrap .price > strong{color:#000;}
#layer_timesale .sale_wrap .info_wrap .price > del{color:#999;}

#layer_timesale .time_count {text-align:center; font-size:0;}
#layer_timesale .time_count > span{display:inline-block; vertical-align:top; height:60px; }
#layer_timesale .time_count > span.left_text{width:150px; color:#222; font-size:24px; line-height:60px;}
#layer_timesale .time_count > span.count_num{width:60px; border:1px solid #999; text-align:center; color:222; font-size:30px; line-height:60px; }
#layer_timesale .time_count > span.count_text{padding:0 20px 0 10px; color:#666; font-size:24px; line-height:60px;}

/* 출석체크 */
.sub .attend_check .double_event { position: absolute; top: 284px; left: 160px; }
.sub .attend_check .double_event_btn { position: absolute; top: 176px; right: 166px; }
.sub .chulcheck { position: relative; width: 1280px; height: 1273px; margin: 0 auto; background: url('/front/netpx_v3/skin/images/event/attend_check_03.jpg?23022001') no-repeat; }
.sub .chulcheck .month{ width:1280px; text-align:center; /*이동시제거*/ height: auto;}
.sub .chulcheck .month .this_month{padding-top:80px; text-align:center; font-size:100px; line-height:100px;}
.sub .chulcheck .month .month_year{margin-top:15px; color:#ccc; font-size:30px; line-height:34px; letter-spacing:0.2em;}
.sub .chulcheck .month_arr{margin:30px 220px 0 220px; -ms-word-break: keep-all;word-break: keep-all;}
.sub .chulcheck .month_arr > a > .txt{margin:0 15px; color:#666 !important; font-size:16px; line-height:30px; }
.sub .chulcheck .month_arr > a > .txt.fc_black { color: #222 !important; }
.sub .chulcheck .chulcheck_total{margin-top:35px; text-align:center; color:#222; font-size:20px; line-height:24px; }
.sub .chulcheck .num {font-weight:700;}
.sub .table_chulcheck {width:920px; table-layout:fixed; margin:0 auto; margin-top:36px; }
.sub .table_chulcheck th {height:32px; text-align:center; color:#222; font-size:24px; font-weight:bold; line-height:24px; vertical-align:top; /*이동시제거*/ font-family: 'Montserrat','Nanum Barun Gothic', Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;}
.sub .table_chulcheck td {position: relative; height:131px; vertical-align:top; border:1px solid #ccc; color:#6f6f6f; font-size:20px; }
.sub .table_chulcheck .date { padding:20px 0 0 20px; height:16px; color:#222; font-size:20px; font-weight:bold; line-height:24px;}
.sub .table_chulcheck .dojang { height: 61px; margin-top: 15px; padding: 0; text-align: center; }
.sub .table_chulcheck .bpTxt { margin-right: 20px; padding: 0; font-size: 12px; font-weight: bold; color: #ff4800; text-align: right; }
.sub .table_chulcheck .sunday { color:#ff4800; }
.sub .table_chulcheck .saturday { color:#222; }
/* 출석체크 end */

/* 기존팝업 */
#pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 610px; height: 750px; padding-bottom: 30px; border: 1px solid #000; z-index: 100; visibility: visible;}
#pop .back { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background-color: #fff; }
#pop .event_1 { position: absolute; }
#pop #check { position: absolute; bottom: 12px; right: 52px; }
#pop #check input { border: 1px solid #ccc; -webkit-appearance: checkbox; appearance: checkbox; }
#pop #check .close_text { font-size: 13px; color: #000; }
#pop #close2 a { position: absolute; right: 13px; bottom: 13px; }
#pop #close2 a img { width: 22px; opacity: 0.8; }
#pop .close2 .btn_close { position: absolute; bottom: 6px; left: 14px; }
#pop .close2 .btn_closeWeek { position: absolute; bottom: 6px; right: 14px; }
/* 기존팝업 end */

/* 타임세일 */
#noticelayer { display: block; position: absolute; top: 70px; right: auto; bottom: auto; left: -870px; }
#noticelayer .today_close { position: absolute; bottom: 20px; left: 20px; }
#layer_timesale { position: absolute; top: auto; left: auto; margin-left: 0; }
#layer_timesale .sale_wrap > .sale_product { text-align: center; }
#layer_timesale .sale_wrap > .sale_product > li { float: none; display: inline-block; width: 230px; vertical-align: top; text-align: left; }
#layer_timesale .sale_wrap .info_wrap .tit .soldout { display: inline-block; padding: 0 3px; font-size: 12px; font-weight: 500; background-color: #fe5e3c; color: #fff; text-transform: uppercase; }
/* 타임세일 end */

/* 배송지 관리 */
.table_ty03.delivery_form tr th { text-align: left; }
.table_ty03.delivery_form tr td { text-align: left; }
.table_ty03.delivery_form tr td .mid_text { margin: 0 5px; font-size: 15px; line-height: 50px; }
.sub .new_dlv_form .new_dlv_pd p.list { line-height: 22px; }

.new_baesong { display: none; }
/* 배송지 관리 end */

/* 상품 상세페이지 상단 품절표기 */
.table_ty10 .soldout_box { position: relative; }
.table_ty10 .soldout_box img { opacity: 0.5; }
.table_ty10 .soldout_box .soldout_txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; font-size: 13px; font-weight: bold; }
/* 상품 상세페이지 상단 품절표기 end */

/* 상세페이지 탭 */
.goods_info_tab_wrap { border-bottom: 1px solid #ccc; }
.goods_info_tab_wrap.FIXED { position: fixed; top: 70px; right: 0; left: 0; margin: auto; width: 100%; background-color: #fff; z-index: 6; }
.goods_info_tab { width: 900px; margin: auto; font-size: 0; }
.goods_info_tab a { position: relative; display: inline-block; width: 25%; height: 43px; font-size: 16px; font-weight: 600; line-height: 46px; color: #222; text-align: center; cursor: pointer; }
.goods_info_tab a:hover,
.goods_info_tab a.tab_point { color: #222; font-weight: 700; }
.goods_info_tab a.tab_point::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 5px; background-color: #222; }
.goods_title { position: relative; padding-bottom: 30px; }
.goods_title::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: 40px; height: 1px; background-color: #222; }
/* 상세페이지 탭 end */


/* 상세페이지 배송안내 팝업 */
.baesong_pop { position: absolute; border: 1px solid #ccc; z-index: 9; }
.baesong_pop .lyc_dl_txt dl { margin-bottom: 18px; }
.baesong_pop .lyc_dl_txt dt { margin-bottom: 8px; font-size: 16px; }
.baesong_pop .lyc_dl_txt dd { position: relative; margin-bottom: 5px; padding-left: 14px; font-size: 14px; }
.baesong_pop .lyc_dl_txt dd::before { content: '-'; position: absolute; top: 0; left: 6px;}
.baesong_pop .lyc_dl_txt dd p { color: #666; font-weight: bold;}
.c_green { color: #05824b; }
.baesong_pop .naverpay_baesong { background-color: #f5f5f5; padding: 20px;}
/* 상세페이지 배송안내 팝업 end */

/* 상세페이지 재입고알림 팝업 */
#restock_info .restock_pd { margin: 10px 0; padding: 10px; font-size: 0; background-color: #f9f9f9; box-sizing: border-box; }
#restock_info .restock_pd .thumb { display: inline-block; width: 100px; vertical-align: top; }
#restock_info .restock_pd .info { display: inline-block; width: calc(100% - 120px); margin-left: 20px; padding: 10px 0; font-size: 16px; vertical-align: top; }
#restock_info .restock_pd .info dl { display: flex; margin-top: 10px; }
#restock_info .restock_pd .info dl:first-child { margin-top: 0; }
#restock_info .restock_pd .info dl dt { width: 80px; font-weight: 600; }
#restock_info .restock_pd .info dl dd { flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#restock_info .restock_num { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222; }
#restock_info .restock_num .ttl { display: inline-block; margin: 0 25px 0 15px; font-size: 18px; font-weight: 700; line-height: 50px; vertical-align: top; }
#restock_info .restock_num .input_wrap { display: inline-block; vertical-align: top; }
#restock_info .personal_data .ttl { margin-bottom: 5px; padding-left: 5px; font-size: 16px; font-weight: 600; }
#restock_info .personal_data .txt { height: 82px; padding: 10px; font-size: 13px; line-height: 18px; border: 1px solid #ccc; box-sizing: border-box; overflow: hidden; overflow-y: scroll; }
#restock_info .personal_data .txt::-webkit-scrollbar { width: 5px; }
#restock_info .personal_data .txt::-webkit-scrollbar-thumb { background-color: #aaa; }
#restock_info .personal_data .txt::-webkit-scrollbar-track { background-color: #eee; }
#restock_info .radio_input + label { margin-left: 3px; }
#restock_info .button_wrap { text-align: center; }
/* 상세페이지 재입고알림 팝업 end */

/* 상품디테일 20200330 추가 */
.detail_all { margin-bottom: 60px; }
.detail_wrap { position: relative; max-width: 800px; margin: auto; }
.detail_wrap .detail_top { display: table; padding: 20px 0; background-color: #fbfbfb; font-size: 0; }
.detail_wrap .detail_top .left_img { display: table-cell; width: 50%; vertical-align: top; }
.detail_wrap .detail_top .left_img img { max-width: 100%; }
.detail_wrap .detail_top .right_info { display: table-cell; width: 50%; padding: 0 3%; vertical-align: middle; }
.detail_wrap .detail_top .right_info dl { display: block; margin-bottom: 30px; }
.detail_wrap .detail_top .right_info dl:last-child { margin-bottom: 0; }
.detail_wrap .detail_top .right_info dl dt { display: block; padding-left: 10px; font-size: 14px; font-weight: bold; line-height: 28px; color: #333; text-align: left; background-color: #eee; border-bottom: 1px solid #03824b; }
.detail_wrap .detail_top .right_info dl dd { margin-top: 8px; font-size: 12px; color: #444; -ms-word-break: keep-all; word-break: keep-all; }
.detail_wrap .detail_size { position: relative; margin-top: 20px; }
.detail_wrap .detail_size .tb_size { table-layout: fixed; width: 100%; margin-bottom: 40px; border-top: 1px solid #bbb; }
.detail_wrap .detail_size .tb_size thead { font-size: 14px; color: #222; }
.detail_wrap .detail_size .tb_size thead tr th { background-color: #fafafa; text-align: center; }
.detail_wrap .detail_size .tb_size thead tr > * { padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
.detail_wrap .detail_size .tb_size tbody tr { font-size: 14px; color: #666; text-align: center; }
.detail_wrap .detail_size .tb_size tbody tr:hover { background-color:#f5f5f5; }
.detail_wrap .detail_size .tb_size tbody tr th { font-weight: 600; color: #222; background-color: #fafafa; text-transform: uppercase; }
.detail_wrap .detail_size .tb_size tbody tr > * { padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
.detail_wrap .detail_size .size_tip .ttl { margin-bottom: 14px; font-size: 18px; font-weight: bold; color: #333; text-transform: uppercase; text-align: center; }
.detail_wrap .detail_size .size_tip ul li { font-size: 13px; color: #666; line-height: 1.4; }
.detail_wrap .detail_point { margin: 40px 0; }
.detail_wrap .detail_point table { table-layout: fixed; width: 100%; font-size: 14px; border-bottom: 1px solid #e8e8e8; text-align: center; }
.detail_wrap .detail_point table tr.line > * { border-top: 1px solid #e8e8e8; }
.detail_wrap .detail_point table tr th { padding: 10px 0; color: #333; background-color: #fafafa; width: 20%; }
.detail_wrap .detail_point table tr td { padding: 10px 0; color: #444; width: 20%; }
.detail_wrap .detail_point table tr td > span { padding-right: 3px; font-size: 13px; }
.detail_all .color_tip { margin-bottom: 40px; text-align: center; }
.detail_all .color_tip p { font-size: 14px; color: #444; }
.detail_all .color_tip .color_bar { margin-top: 10px; text-align: center; }

/* 기존 상세 테이블 css 추가 */
.goods_detail_info { text-align: center; }
.goods_detail_info table { border-collapse: separate; text-align: left; margin: auto;width: 100%; -ms-word-break: keep-all; word-break: keep-all;  }
.goods_detail_info table tr td { padding: 0; }
.capturing_section img { max-width: 100% !important; }
.capturing_section .description_eng { font-family: 'Montserrat','Nanum Barun Gothic'; font-size: 16px; }

/* 사은품 상세 테이블 css 추가 */
.product_contents table { border-collapse: separate; text-align: left; }

/* 상세페이지 상품정보고시 */
.goods_basis_info { max-width: 800px; margin: auto; }
.goods_basis_info .basis_info_txt { color: #666; }

/*상세시스템 CSS - 최차장*/
.inner_table { padding:10px; }
.inner_data_title { min-width:180px;text-align:center;background: #efefef; padding:10px;  }
.wholesale_title { font-weight:bold; color:#686963; font-size:18pt; line-height:200%; color:#fff;}
.wholesale_detail { color:#fff; font-size:13pt; line-height:140%; padding-bottom:10px;  }
.wholesale_detail_desc { color:#666; font-size:12pt; line-height:160%; margin: 20px; }
.wholesale_detail_title { color:#000; font-size:14pt; line-height:140%; padding-bottom:20px; margin-left:10px; font-weight:bold; }
.inner_subtitle { font-family: 'Patua One', cursive; color:#fff; font-size:20pt; line-height:160%; padding:10px; letter-spacing:2px; }
/* .description_eng { font-family: 'Patua One', cursive; font-size:12pt; line-height:120%; letter-spacing:2px; } */
.description_kor { font-size:12pt; font-weight:bold; line-height:120%; margin-left:-10px; padding:10px; letter-spacing:2px; }
.inner_bigtitle { font-weight:bold; color:#686963; font-size:18pt; line-height:200%; color:#fff;}
.inner_title { font-weight:bold; color:#686963; font-size:18pt; line-height:130%; color:#333;}
.inner_title_medium { font-weight:bold; color:#686963; font-size:15pt; line-height:140%; color:#333;}
.inner_detail { color:#686963; font-size:12pt; line-height:140%;  }
.inner_detail_medium { color:#686963; font-size:12pt; line-height:140%;  }
.inner_notice { color:#ffffff; font-size:14pt; line-height:140%; text-align:center;  }
.inner_detail_title { color:#686963; font-size:12pt; line-height:140%; letter-spacing:5px;  }
.inner_spec { color:red; font-size:12pt; line-height:160%; }

/* 물류센터 지도 */
.embed-container { max-width: 980px !important; margin: auto; }

/* 기획전 상세 내 카테고리 EUN */
.sub .area_tit.ext_ctg2 { max-width: 980px; margin: auto; padding: 10px 20px; box-sizing: border-box; }
.sub .area_tit.ext_ctg2 a { position: relative; display: inline-block; margin-right: 20px; padding-left: 12px; font-size: 13px; color: #333; }
.sub .area_tit.ext_ctg2 a::before { content: '■'; position: absolute; top: 0; left: 0; font-size: 6px; }
.sub .planning .anchor { display: block; height: 130px; margin-top: -130px; visibility: hidden; }

/* 상세 도매팝업 EUN */
.wholesale_pop { position: absolute; background-color: #fff; border: 5px solid #333; -ms-word-break: keep-all; word-break: keep-all; z-index: 30; }
.btn_wholesale { display: inline-block; width: 110px; height: 30px; line-height: 30px; background-color: #fff; font-size: 14px; font-weight: bold; color: #333; box-shadow:0 1px 1px rgba(34,75,188,0.5); text-align: center; }

.testImg img {width: 100%;}

/* 마이페이지  EUN */
.leave_txt { font-size: 14px; line-height: 20px; }
.certify_btn { padding: 5px 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 0; color: #666; outline: none; }

.cart_newmember_wrap { position: relative; }
.cart_newmember_ttl { padding: 60px 0 40px; font-size: 15px; color: #666; border-top: 2px solid #222; }
.cart_newmember_ttl p { font-size: 30px; color: #111; }
.cart_newmember_txt { display: block; margin-top: 10px; font-size: 12px; color: #777; }

.mp_wrap.profile_modify .profile_img_wrap { display: flex; gap: 20px; align-items: center; }
.mp_wrap.profile_modify .profile_img { position: relative; width: 100px; height: 100px; border: 1px solid #ccc; border-radius: 100%; overflow: hidden; }
.mp_wrap.profile_modify .profile_img img { width: 100px; height: 100px; aspect-ratio: auto 100 / 100; object-fit: cover; }
.mp_wrap.profile_modify .profile_upload_btn { display: flex; gap: 10px; align-items: center; }
.mp_wrap.profile_modify .profile_upload_btn > .btn { display: flex;; flex: 0 0 60px; height: 30px; font-size: 12px; text-align: center; border: 1px solid #ccc; align-items: center;  justify-content: center; background-color: #fff; }
.mp_wrap.profile_modify .profile_input { display: flex; gap: 5px; padding: 0 13px; height: 40px; align-items: center; justify-content: center; border: 1px solid #ddd; background-color: #f9f9f9; }
.mp_wrap.profile_modify .profile_input label { flex: 0 0 30px; color: #777; }
.mp_wrap.profile_modify .profile_input input { flex: 1; border: none; background-color: transparent; font-weight: 500; color: #222; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap;  }
.mp_wrap.profile_modify .profile_input button { width: 60px; height: 30px; font-size: 12px; background-color: #fff; border: 1px solid #ccc; color: #333; outline: none; }
.mp_wrap.profile_modify .check_nickname { margin-top: 5px; font-size: 12px; color: red; }
.mp_wrap.profile_modify .info_nickname,
.mp_wrap.profile_modify .info_profile { margin-top: 5px; padding-left: 13px; font-size: 12px; }


/* 상세페이지 옵션선택  EUN */
#product_detail_option_sub.option_pop { top: 0; }
.option_pop { position: absolute; top: 10px; left: -12px; border: 1px solid #ccc; z-index: 9; }
.product_option_select { display: inline-block; width: 290px; height: 40px; font-size: 15px; line-height: 40px; border: 1px solid #ccc; padding: 0 25px 0 15px; color: #333; font-weight: 300; background: url('../images/common/arrow_down_w14_gray.png') no-repeat right 15px center; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product_option_select_sub { display: inline-block; width: 290px; height: 40px; font-size: 15px; line-height: 40px; border: 1px solid #ccc; padding: 0 15px; color: #333; font-weight: 300; background: url('../images/common/arrow_down_w14_gray.png') no-repeat right 15px center; box-sizing: border-box; }
.product_detail_layer { padding: 30px 10px 10px 10px; }
.product_detail_layer .layer_close { top: 4px; right: 4px; padding: 10px; opacity: 0.5; }
.product_detail_layer .layer_close img { width: 14px; }
.product_detail_layer .lyc_01 { margin-top: 10px; font-size: 14px; line-height: 24px; }
.product_detail_layer .option_list { position: relative; display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 5px; box-sizing: border-box; }
.product_detail_layer .option_list:hover { color: #fff; background-color: #01824a;}
.product_detail_layer .option_list.soldout { color: #999; cursor: default; }
.product_detail_layer .option_list.soldout:hover { background-color: transparent; color: #999; }
.product_detail_layer .option_list .product_option_nm { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product_detail_layer .option_list .product_option_nm.option_restock { display: inline-block; width: calc(100% - 75px); }
.product_detail_layer .option_list .btn_restock { width: 68px; padding: 0; cursor: pointer; }
.product_detail_layer .option_list .btn_restock:hover { background-color: #222; color: #fff; }



/* 옥에티 불릿  EUN */
.bul_ref { position: absolute; top: 0; right: 0; background-color: red; color: #fff; font-weight: bold; text-align: center; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bul_ref::before { content: ''; position: absolute; top: 0; right: 0; left: 0; margin: auto; background-color: #666; }
.bul_ref p { color: yellow; line-height: 1; }
.bul_ref span { color: #fff; line-height: 1.3; }
/* 상세 옥의티상품 기존 css추가  EUN */
.product_img .bul_ref { width: 150px; height: 160px; padding-top: 30px; border-radius: 0 0 100px 100px; }
.product_img .bul_ref::before { height: 8px; }
.product_img .bul_ref p { font-size: 50px;}
.product_img .bul_ref span { font-size: 30px; color: #fff; }
.ok_pricesection { display: inline-block; margin-top: 10px; text-align: left; }
.ok_pricesection .ok_orgprice { display: inline-block; margin-left: 10px; font-size: 17px; }
.ok_pricesection .ok_saleprice { display: inline-block; margin-top: 10px; margin-left: 10px; font-size: 20px; font-weight: bold; }
.ok_circle { display: inline-block; width: 50px; height: 50px; margin-left: 20px; border-radius: 100%; background-color: red; color: yellow; font-size: 20px; font-weight: bold; line-height: 50px; letter-spacing: -0.1em; text-align: center; }
/* 상세 옥의티상품 리뉴얼 css -- 20210402  EUN */
.goods_view .goods_detail .detail > .goods_detail_info .refur_top_img img { width: 100%; max-width: 800px; }
.goods_detail_info .table_refur { margin-top: 2px; width: 100%; }
.goods_detail_info .table_refur * { box-sizing: border-box; }
.goods_detail_info .table_refur tr th, .table_refur tr td { border-bottom: 1px solid #ccc; text-align: center; }
.goods_detail_info .table_refur tr th { width: 130px; padding: 15px 0; font-size: 15px; color: #fff;background-color: #444; }
.goods_detail_info .table_refur tr td { padding: 10px; font-size: 14px; }
.goods_view .goods_detail .detail > .goods_detail_info .table_refur tr td.refur_img img { width: 100%; max-width: 650px; }
.goods_detail_info .table_refur tr td.refur_detail_txt { padding: 15px 10px 10px; font-size: 18px; font-weight: bold; line-height: 25px; -ms-word-break: keep-all; word-break: keep-all; }
.goods_detail_info .table_refur tr td.refur_detail_txt p { margin-bottom: 5px; }

.goods_detail_info .table_refur .price_info_tb { padding: 0; }
.goods_detail_info .table_refur .price_info_tb tr th { color: #333; border-right: 1px solid #ccc; background-color: #fff; }
.goods_detail_info .table_refur .price_info_tb tr td { letter-spacing: 0.1em; border-right: 1px solid #ccc; border-bottom: none; }
.goods_detail_info .table_refur .price_info_tb tr th:last-child, .goods_detail_info .table_refur .price_info_tb tr td:last-child { border-right: none;}
.goods_detail_info .table_refur .price_info_tb tr td .refurPrice { font-size: 20px; color: red; }
.goods_detail_info .table_refur .price_info_tb tr td .bul_per { display: inline-block; width: 54px; height: 54px; border-radius: 100%; font-size: 24px; font-weight: bold; color: yellow; letter-spacing: -0.1em; line-height: 54px; background-color: red; vertical-align: top; }
.goods_detail_info .table_refur tr td.netpx { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #000; }
.refur_table_btxt { margin: 35px 0; color: red; }
/* 상품리스트 옥의티상품 EUN */
.goods_list_small_thumb { position: relative; }
.goods_list_small_thumb .bul_ref { width: 55px; height: 55px; padding-top: 10px; border-radius: 0 0 50px 50px; }
.goods_list_small_thumb .bul_ref::before { height: 2px; }
.goods_list_small_thumb .bul_ref p { font-size: 14px; }
.goods_list_small_thumb .bul_ref span { font-size: 12px; }
/* 상품상세리스트 옥의티상품 EUN */
.goods_list_detail .img a { position: relative; display: inline-block; }
.goods_list_detail .img a::after { content: ''; position:absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; background-color: rgba(150,150,150,0.1); }
.goods_list_detail .img a .bul_ref { width: 45px; height: 45px; padding-top: 7px; border-radius: 0 0 40px 40px; }
.goods_list_detail .bul_ref::before { height: 2px; }
.goods_list_detail .bul_ref p { font-size: 13px; }
.goods_list_detail .bul_ref span { font-size: 11px; letter-spacing: -0.1em; }
/* 간편장바구니 옥의티상품 EUN */
.product_history a .bul_ref { padding: 2px 1px; /*background-color: rgba(255,0,0,0.3);*/background-color: #ff0000; }
.product_history a .bul_ref span { font-size: 10px; font-weight: normal; line-height: 1; }
/* 메인 특가세일 옥의티상품 EUN */
.thumbnail_ref { position: relative; }
.thumbnail_ref .bul_ref { width: 60px; height: 60px; padding-top: 10px; border-radius: 0 0 60px 60px; }
.thumbnail_ref .bul_ref::before { height: 3px; }
.thumbnail_ref .bul_ref p { font-size: 16px; }
.thumbnail_ref .bul_ref span { font-size: 12px; }
/* 특가세일 상단 EUN */
.pick_product .bul_ref { right: 2px; width: 60px; height: 62px; padding-top: 14px; border-radius: 0 0 50px 50px; }
.pick_product .bul_ref::before { height: 2px; }
.pick_product .bul_ref p { font-size: 16px; }
.pick_product .bul_ref span { font-size: 12px; }

/* 넷피엑스 이벤트모음 EUN */
.banner_event_all { display: flex !important; width: 100%; margin-bottom: 20px; font-size: 0; border-left: 1px solid #ccc; }
.banner_event_all a { flex: 1; display: flex; height: 50px; font-size: 15px; color: #666; text-align: center; border: 1px solid #ccc; border-left: 0; box-sizing: border-box; vertical-align: middle; transition: background-color 0.2s, border-color 0.2s; align-items: center; justify-content: center; }
.banner_event_all a:hover { background-color: #222; border: 1px solid #222; color: #fff; }

/* 회원가입 간소화 202012 EUN */
.mt3 { margin-top: 3px; }
.join_simplify { max-width: 550px; margin: auto; }
.simplify_form input { background-color: #fcfcfc;}
/* 회원가입 간소화 202012 EUN end */

/* 상세 타임세일 210305 EUN */
.detail_timesale_wrap { position: relative; width: 800px; margin: auto; box-sizing: border-box; font-size: 0; text-align: left; user-select: none; }
.detail_timesale_wrap .detail_timesale { padding: 10px; background-color: #ff6600 }
.detail_timesale h3 { height: 108px; font-size: 57px; font-weight: 800; letter-spacing: 0.1em; line-height: 98px; color: #fff; text-align: center; }
.detail_timesale h3 > span { position: relative; display: inline-block; padding-left: 100px; }
.detail_timesale h3 > span::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 70px; height: 73px; margin: auto; background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/product/timesale_clock.png') 0 0 no-repeat; }
.detail_timesale .content { padding: 25px 18px; background-color: #fff; }
.detail_timesale .content .info { display: inline-block; width: 396px; vertical-align: top; }
.detail_timesale .content .info .info_txt { padding: 20px 0 4px 0; background-color: #f3f3f3; letter-spacing: 0.05em; text-align: center; }
.detail_timesale .content .info .info_txt > dt { margin-bottom: 20px; font-size: 33px; font-weight: 800; color: #000; line-height: 1; }
.detail_timesale .content .info .info_txt > dd { margin-bottom: 12px; font-size: 23px; font-weight: 600; line-height: 30px; color: #333; }
.detail_timesale .content .info .info_txt > dd > strong { font-size: 28px; font-weight: 800; color: #ff6600; }

.detail_timesale .content .info .info_price { position: relative; display: inline-block; width: 100%; padding-top: 18px; text-align: center; }
.detail_timesale .content .info .info_price .price { position: relative; display: inline-block; padding-left: 114px; line-height: 1; }
.detail_timesale .content .info .info_price .price .sale_rate { position: absolute; top: 0; left: 0; display: inline-block; width: 99px; height: 99px; font-family: 'Helvetica'; font-size: 50px; font-weight: 600; color: #fff; line-height: 99px; letter-spacing: -0.05em; border-radius: 100%; background-color: #ff0000; text-align: center; vertical-align: top; }
.detail_timesale .content .info .info_price .price .sale_rate > span { display: inline-block; margin-left: 3px; font-size: 30px; font-weight: 600; }
.detail_timesale .content .info .info_price .price .normal_price { position: relative; display: inline-block; padding-right: 35px; font-size: 36px; font-weight: 600; color: #999; }
.detail_timesale .content .info .info_price .price .normal_price > span { font-weight: 400; }
.detail_timesale .content .info .info_price .price .normal_price::before { content: ''; position: absolute; top: 0; bottom: 0; right: 25px; left: 0; margin: auto; width: auto; height: 1px; background-color: #999; }
.detail_timesale .content .info .info_price .price .normal_price::after { content: ''; position: absolute; top: 6px; right: 0; bottom: 0; width: 23px; height: 25px; margin: auto; background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/product/timesale_arrow.jpg') 0 0 no-repeat; }
.detail_timesale .content .info .info_price .price .sale_price { margin-top: 10px; font-size: 46px; font-weight: 800; }
.detail_timesale .content .info .info_price .price .sale_price > span { font-weight: 400; }
.detail_timesale .content .info .info_price .info_dt { display: inline-block; width: 372px; height: 58px; margin: 26px auto 0; font-size: 26px; font-weight: 600; color: #fcff00; line-height: 58px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: #b8b8b8; border-radius: 30px; }

.detail_timesale .content .product_img { display: inline-block; width: 331px; margin-left: 17px; }
.detail_timesale .content .product_img .img_box { width: 329px; height: 329px; border: 1px solid #000; box-shadow: 0px 5px 5px rgba(0,0,0,0.2); }
.detail_timesale .content .product_img .product_nm { margin-top: 20px; font-size: 32px; font-weight: 800; line-height: 41px; color: #000; -ms-word-break: keep-all; word-break: keep-all; }

.detail_timesale_wrap .detail_timesale_ft { padding: 20px 0 ; color: #fff; background-color: #666; text-align: center; }
.detail_timesale_wrap .detail_timesale_ft > span { display: inline-block; padding: 8px 18px; font-size: 20px; letter-spacing: -0.04em; line-height: 22px; background-color: #454545; border-radius: 22px; }
.detail_timesale_wrap .detail_timesale_ft > p { margin-top: 25px; font-size: 40px; line-height: 1; font-weight: 500; text-shadow: 1px 1px 1px rgba(0,0,0,0.26); }
/* 상세 타임세일 210305 EUN end */

/* 브랜드페이지 리뉴얼 210413 EUN */
.brand_renewal .swiper-button-next, .brand_renewal .swiper-button-prev { height: 44px; margin-top: -22px; background: rgba(0,0,0,0.4); }
.brand_top { width: 1280px; margin: 0 auto 80px; font-size: 0; }
.brand_top .left_con { display: inline-block; width: 455px; vertical-align: top; }
.brand_top .left_con .ttl { position: relative; line-height: 1; }
.brand_top .left_con .deco_txt { display: block; margin-top: 10px; user-select: none; height: 22px; padding: 0 5px; font-family: 'Teko', sans-serif; font-size: 19px; color: #fff; line-height: 25px; letter-spacing: 0.05em; text-transform: uppercase;  }
.brand_top .left_con .txt_wrap { font-size: 15px; line-height: 26px; color: #222; word-break: keep-all; }
.brand_top .right_con { display: inline-block; width: 710px; height: 450px; margin-left: 115px; }
.brand_fixed { position: relative; height: 560px; margin-bottom: 120px; background-attachment: fixed; overflow: hidden; }
.brand_fixed .fixed_hidden { clip: rect(0, auto, auto, 0); position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; text-align: center; background-color: #000; }
.brand_fixed .fixed_hidden .bg { position: fixed; top: 0;right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; background-repeat: no-repeat; }
.brand_fixed .fixed_hidden .bg-dark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background-position: 0 0; background-repeat: no-repeat; }
.brand_fixed .fixed_logo { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); margin: auto; text-align: center; }
.brand_current_page { position: relative; width: 1280px; height: 260px; margin: auto; }
.brand_current_page .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-repeat: no-repeat; }
.brand_current_page .bg-dark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background-position: 0 0; background-repeat: no-repeat; }
.brand_current_page .logo { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); margin: auto; text-align: center; }
/* 브랜드페이지 리뉴얼 210413 EUN end */

/* 넷또 댓글창 개선 210514 EUN */
.input_netto_wrap { padding: 20px; background-color: #333; font-size: 0; }
.input_netto_wrap input { margin-right: 5px; width: 65px; height: 40px; padding: 5px 15px; font-size: 20px; font-weight: normal; letter-spacing: 0.2em; color: #000; text-align: center; box-sizing: border-box; }
.input_netto_wrap input:focus { background: #fff; }
.input_netto_wrap input::placeholder { font-size: 14px; letter-spacing: 0; color: #aaa; }
.input_netto_wrap input.netto_txt { margin-left: 5px; width: calc(100% - 530px); font-size: 16px; letter-spacing: 0; text-align: left; }
.input_netto_wrap .btn_netto { position:relative; display:inline-block; vertical-align:top; width: 165px; height: 40px; text-align:center; margin-left: 5px; font-size:18px; font-weight: 600; line-height: 40px; color: #111; box-sizing:border-box; background-color: #f7dd00; }
.input_netto_wrap .btn_netto:hover i { animation: rotate_y 1s linear infinite; }
@keyframes rotate_y { 50% {-webkit-transform: rotateY(180deg); }}
@-webkit-keyframes rotate_y { 50% {-webkit-transform: rotateY(180deg); }}
/* 넷또 댓글창 개선 210514 EUN end */

/* 원단 지식 정보 툴팁 추가 221228 EUN */
.btnFabricInfo { position: fixed; bottom: 68px; left: calc(50% + 580px); text-align: center; z-index: 100; width: 60px; height: 40px; color: #fff; text-align: center; background-color: #111; border-color: #13be2f; background-image: linear-gradient(45deg, #b9ff10 50%, transparent 50%); background-position: 100%; background-size: 400%; transition: all 0.4s ease-in-out; }
.btnFabricInfo:hover {  background-position: 0; color: #1f1600; }
.btnFabricInfo i { font-size: 20px; line-height: 40px; }
.btnFabricInfo .tooltip { position: absolute; top: 7px; left: -80px; margin: auto; padding: 5px 7px; background-color: rgba(0,0,0,0.7); box-shadow: 0px 0px 1px 1px rgba(185,255,16,0.8); font-size: 12px; letter-spacing: -0.04em; line-height: 16px; color: #fff; user-select: none; opacity: 0; visibility: hidden; transition: left 0.4s, opacity 0.4s, visibility 0.4s ease-in-out; }
.btnFabricInfo .tooltip::after { content: ''; position: absolute; top: 0; right: -5px; bottom: 0; margin: auto; width: 0px; height: 0px; border-left: 5px solid rgba(0,0,0,0.8); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid none; }
.btnFabricInfo:hover .tooltip { left: -86px; opacity: 1; visibility: visible; }
/* 원단 지식 정보 툴팁 추가 221228 EUN end */


/* 상세페이지 v3.0 PC용 CSS 210602 EUN */
.mpage { color: #000; }

.mpage * { box-sizing: border-box; }
.mpage .img { display: block; }
.mpage .mpage_bigImg .thumbnails .loader::after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: transparent; transition: background 0.3s; }
.mpage .mpage_bigImg .thumbnails:hover .loader::after { background: rgba(0,0,0,0.6); }
.mpage .mpage_bigImg .thumbnails .loader { transition: transform 0.3s; }
.mpage .mpage_bigImg .thumbnails:hover .loader { transform: scale(1.1) !important; }
.mpage .mpage_bigImg .thumbnails:hover .loader .txt { opacity: 1 !important; visibility: visible !important; }
.mpage .mpage_icon .icon { max-width: 90px !important; }
.mpage .mpage_size .tb_size tbody tr:hover { background-color:#f5f5f5; }
.mpage .mpage_size .tb_size_point tbody td > img { vertical-align: middle; margin-bottom: 0; }

/* MCW */
.mpage .mpage_mcw_size { overflow: hidden !important;}
.mpage .mpage_sizeFile .app_txt { display: none; }

/* 상세페이지 적립금/배송 관련 정보 수정 220422 */
.layer_type_01 .table_ty11 { width: 100%; border-bottom: 1px solid #ccc; text-align: center; }
.layer_type_01 .table_ty11 tr th { padding: 5px 0; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid #222; background-color: #f6f6f6; }
.layer_type_01 .table_ty11 tr td { padding: 5px 0; font-size: 14px; color: #666; line-height: 20px; border-top: 1px solid #ccc; }
.layer_type_01 .table_ty11 tr:nth-child(2n) td { background-color: #fafafa; }

.product_option .bul_detail { display: inline-block; padding: 5px 8px; font-size: 14px; text-align: center; }
.product_option .bul_detail.bd_green { color: #05824b; border: 1px solid #05824b; }
.product_option .bul_detail.bd_blue { color: #0064B9; border: 1px solid #0064B9; }

/* 인재모집 210705 EUN: */
.recruit_info_list { font-size: 15px; font-weight: 400; color: #666; line-height: 26px; }
.recruit_info_list li { position: relative; padding-left: 16px; }
.recruit_info_list li::before { content: '- '; }
/* 인재모집 210705 EUN eun */


/********************** 기획전 **********************/
/* 블랙프라이데이 2020 */
.black_friday { background: url(//img.netpx.co.kr/images/plan_top_img/black_friday_bg.jpg) 0 0 repeat-y; background-attachment: fixed; color: #eee; margin-top: -30px; padding-top: 30px; }
.black_friday .location > li strong { color: #fff; }
.black_friday .product_wrap { margin-bottom: 40px; background-color: #fff; color: #222; }
.black_friday .product_wrap .thumnail_img img { margin-top: 40px; }
.black_friday .area_tit.ext_ctg2 { background-color: #fff; margin-bottom: 20px; }
.black_friday .area_tit.ext_ctg2 a { font-size: 18px; font-weight: bold; transition: color 0.3s; }
.black_friday .area_tit.ext_ctg2 a:hover { color: #01824a; }
.black_friday .planning div > h1 > a { display: inline-block;  font-size: 16px; font-weight: 400; color: #fff; padding-bottom: 10px; text-align: center; }

.bf_txt_wrap { text-align: center; }
.bf_txt_wrap li { position: relative; font-size: 18px; line-height: 32px; }
.bf_txt_wrap li::before { content: '- '; }

/* 블랙프라이데이 2021 */
.black_friday_2021 { background: url(//img.netpx.co.kr/images/plan_top_img/black_friday_2021.jpg) 0 0 repeat-y; background-size: cover; background-attachment: fixed; }

/* 블랙프라이데이 2022 */
.black_friday_2022 { background: url('//img.netpx.co.kr/images/prd_img/image/2022/event/blackfriday/bg.jpg?22111601') 0 0 repeat-y; background-attachment: fixed; background-size: cover; }
.cyber_monday_2022 { background: url('//img.netpx.co.kr/images/prd_img/image/2022/event/blackfriday/cyber/bg_blue.jpg') 0 0 repeat-y; background-attachment: fixed; background-size: cover; }

/* 블랙프라이데이 2023 */
.black_friday_2023 { background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/blackfriday/bg.jpg') 0 0 repeat-y; background-attachment: fixed; background-size: cover; }
.cyber_monday_2023 { background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/blackfriday/cyber/bg.jpg') 0 0 repeat-y; background-attachment: fixed; background-size: cover; }

/* 방문구매 안내 613 */
.offlineShop .rel_add { position: relative; background-color: #131313; }
.offlineShop .rel_add > img { position: absolute; top: -20px; right: 0; left: 0; margin: auto; }
.offlineShop #addButton { background-color: transparent; border: 0; cursor: pointer; }
.offlineShop #addButton img { left: 0; }
.offlineShop .modal { display: none; position: absolute; top: 120px; right: 0; left: 0; margin: auto; width: 327px; height: 45px; line-height: 45px; font-size: 20px; font-weight: bold; color: #07a846; background: #000; border: 2px solid #07a846; text-align: center; z-index: 1; }

/* 특별혜택 상품권 813 */
.special_coupon_202204 { position: absolute; top: 0; bottom: 0; right: 100px; left: 100px; margin: auto; padding-left: 60px; background-color: #fff; text-align: left; box-sizing: border-box; }
.special_coupon_202204 .num { font-size: 72px; font-weight: bold; color: #000; line-height: 149px; }
.special_coupon_202204 button { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; background-color: transparent; border: 0; cursor: pointer; }
.copyNpaste .modal { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 270px; height: 45px; line-height: 45px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.9); border-radius: 5px; text-align: center; z-index: 20; }
.copyNpaste .modal span { color: #f9f9f9; }

/* 봄 스타일링 가이드북 */
.style_rolling_wrap { position: relative; max-width: 1280px; margin: auto; text-align: center; }
.style_rolling_wrap .swiper-button-prev, .style_rolling_wrap .swiper-button-next { width: 139px; height: 224px; margin-top: -112px; }
.style_rolling_wrap .swiper-button-prev::after, .style_rolling_wrap .swiper-button-next::after { display: none; }
.style_rolling_wrap .swiper-pagination { max-width: 710px; right: 0; margin: auto; padding-right: 20px; color: rgba(255,255,255,0.9); font-weight: 300; text-align: right; text-shadow: rgb(0 0 0 / 70%) 1px 0px 1px; box-sizing: border-box; }
.style_rolling_wrap .swiper-pagination .swiper-pagination-current { font-weight: bold; }
.style_rolling_wrap .style_rolling { height: 800px; }
.style_rolling_wrap .style_button { position: relative; }
.style_rolling_wrap .style_button a { position: relative; display: block; }
.style_rolling_wrap .style_button a .link_cursor { position: absolute; top: 78px; right: 375px; transition: transform 0.4s; }
.style_rolling_wrap .style_button a:hover .link_cursor { transform: rotate(-20deg); }

/* 221215 골든벨 기획전 */
.plan_goldenbell .bell_img { position: absolute; top: -80px; right: -110px; z-index: 1; }
.plan_goldenbell .goldenbell_txt { position: absolute; top: 127px; right: 150px; left: 70px; margin: auto; font-size: 35px; font-weight: 500; line-height: 45px; letter-spacing: -0.06em; color: #fff; text-align: center; word-break: keep-all; }
.plan_goldenbell .goldenbell_txt.goldenbell_txt_sm { font-size: 32px; line-height: 40px; }

/* 추천 인플루언서 */
.main_influencer { position: relative; display: inline-block; width: 450px; margin-left: 65px; padding-top: 80px; vertical-align: top; overflow: hidden; }
.main_influencer .netpx_influencer a { width: 108px; }
.main_influencer .netpx_influencer a .thumbnails { width: 108px; height: 108px; margin: auto; border-radius: 50%; overflow: hidden; }
.main_influencer .netpx_influencer a .thumbnails img { width: 100%; }
.main_influencer .netpx_influencer a .channel { margin-top: 10px; font-size: 16px; font-weight: 700; color: #222; }
.main_influencer .netpx_influencer a .channel_info { margin-top: 3px; font-size: 14px; line-height: 16px; color: #909090; }
.main_influencer .netpx_influencer a .btn_ytb { position: relative; display: inline-block; margin-top: 6px; width: 82px; height: 30px; font-size: 14px; line-height: 30px; color: #fff; background-color: #ca1617; transition: background-color 0.3s; }
.main_influencer .netpx_influencer a:hover .btn_ytb { background-color: #222; }

/* 스타일 넷피엑스 */
.main_style_netpx a { width: 246px; }
.main_style_netpx a .loader { position: relative; width: 246px; height: 256px; overflow: hidden; }
.main_style_netpx a .loader img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; transition: transform 0.3s; }
.main_style_netpx a:hover .loader img { transform: scale(1.05); }
.main_style_netpx a .info { margin-top: 14px; letter-spacing: -0.05em; text-align: center; }
.main_style_netpx a .info .ttl { font-size: 25px; font-weight: bold; color: #222; }
.main_style_netpx a .info .txt { margin-top: 10px; font-size: 15px; font-weight: 300; color: #a8a8a8; }
.main_style_netpx a .info .btn_more { position: relative; display: inline-block; margin-top: 10px; font-size: 15px; font-weight: 500; color: #027639; }
.main_style_netpx a .info .btn_more::before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; width: 0; height: 1px; background-color: #027639; transition: width 0.3s; }
.main_style_netpx a:hover .info .btn_more::before { width: 100%; }

/* 부자재 상세 */
.sub .tab_material { display: flex; flex-direction: row; }
.sub .tab_material li{ flex: 1; height:50px; text-align:center; color:#666; font-size: 15px; font-weight: 500; line-height: 48px; border:1px solid #ccc; border-left: 0; box-sizing: border-box;}
.sub .tab_material li:first-child { border-left: 1px solid #ccc;}
.sub .tab_material li.on{background-color:#222;  border:1px solid #222; color:#fff;}
.sub .tab_material li.on > a { color: #fff; }
.sub .tab_material li > a { display: block; color: #222; }

.sub .table_material { width:100%; border-top:1px solid #222; }
.sub .table_material tr th,
.sub .table_material tr td{ padding: 30px 0px; font-size: 15px; line-height: 22px; text-align: center; border-bottom: 1px solid #eee; }
.sub .table_material tr th { font-weight: 500; color: #222; }
.sub .table_material tr td { font-weight: 400; color: #555; -ms-word-break: keep-all; word-break: keep-all; }
.sub .table_material tr td:last-child { min-height: 120px; border-left: 1px solid #eee;  }
.sub .table_material tr td.tit{ padding: 30px; text-align: left; -ms-word-break: keep-all; word-break: keep-all; }
.sub .table_material tr td.tit > a{display:inline-block;}
.sub .table_material tr td.tit > a > .locked{position:relative; top:-2px; }
.sub .table_material tr td.tit > a > span.label_new{display: inline-block; height: 16px; padding: 0 5px; background-color: #0591e1; text-align:center; color: #fff; font-size:10px; line-height:16px; }

.sub .table_material tr td.tit p > a.btn_fabric { position: relative; font-weight: 500; color: #107239; }
.sub .table_material tr td.tit p > a.btn_fabric::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background-color: #107239; transition: width 0.3s; }
.sub .table_material tr td.tit p > a:hover.btn_fabric::after { content: ''; width: 100%; }

.sub .table_material th.bg_gray { background-color: #f9f9f9; }


/* 독립군 펀딩 프로젝트 230118 */
.dokrip_fund_wrap { position: relative; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/bg.jpg') 0 0 no-repeat; font-size: 0; }
.dokrip_fund_wrap .netpx { position: absolute; top: 60px; right: 60px; }
.dokrip_fund_wrap .top { position: relative; padding: 198px 146px 80px 180px;  }
.dokrip_fund_wrap .top .deco_flower { position: absolute; top: 0; left: 0; width: 425px; height: 622px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/deco_flower.png?23011702') 0 0 no-repeat; }
.dokrip_fund_wrap .top .title { display: inline-block; width: 266px; height: 202px; vertical-align: top; }
.dokrip_fund_wrap .top .text { display: inline-block; margin-top: 10px; margin-left: 35px; font-size: 22px; letter-spacing: -2px; line-height: 36px; text-shadow: rgb(0 0 0 / 20%) 0px 0px 7px; vertical-align: top; }
.dokrip_fund_wrap .content { width: 900px; margin: auto; }
.dokrip_fund_wrap .content .all_donation { position: relative; width: 100%; text-align: center;}
.dokrip_fund_wrap .content .all_donation .title { font-size: 70px; font-weight: 900; line-height: 1; letter-spacing: 2px; color: #1c1d1d; }
.dokrip_fund_wrap .content .all_donation .total { position: relative; margin-top: 18px; height: 394px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/deco.png') center center no-repeat; }
.dokrip_fund_wrap .content .all_donation .total .counter { position: absolute; top: 150px; right: 0; left: 0; margin: auto; font-family: 'Dokrip'; width: 380px; height: 95px; padding: 0 50px; background-color: #1c1d1d; font-size: 58px; line-height: 95px; color: #fff; }
.dokrip_fund_wrap .content .all_donation .total .counter::after { content: '원'; }
.dokrip_fund_wrap .content .donation_info { color: #1c1d1d; text-shadow: rgb(0 0 0 / 20%) 0px 0px 7px; }
.dokrip_fund_wrap .content .donation_info table { margin: 25px auto 0; font-size: 30px; line-height: 45px; text-align: right; }
.dokrip_fund_wrap .content .donation_info table th { color: #1e387b; font-weight: 700; }
.dokrip_fund_wrap .content .donation_info table td { padding-right: 10px; }
.dokrip_fund_wrap .content .donation_info .text { width: 726px; margin: 16px auto 0; padding-top: 25px; font-size: 28px; font-weight: 500; letter-spacing: -2px; text-align: center; border-top: 1px solid #b1b1b1; }
.dokrip_fund_wrap .content .donation_info .text strong { position: relative; padding-bottom: 2px; font-size: 36px; font-weight: 700;color: #1e387b; }
.dokrip_fund_wrap .content .donation_info .text strong::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; height: 3px; background-color: #2e498e; box-shadow: rgb(0 0 0 / 20%) 0px 0px 7px; }
.dokrip_fund_wrap .content .donation_member { position: relative; margin: 70px auto 0; }
.dokrip_fund_wrap .content .donation_member .title { height: 67px; font-size: 30px; font-weight: 700; letter-spacing: 1px; line-height: 67px; color: #fff; box-shadow: rgb(0 0 0 / 20%) 0px 0px 7px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/member_ttl.jpg') 0 0 no-repeat; text-align: center; }
.dokrip_fund_wrap .content .donation_member .member_list { position: relative; margin-top: 2px; padding-top: 15px; height: 220px; font-family: 'Dokrip'; color: #fff; text-align: left; background-color: #1c1d1d; box-sizing: border-box; overflow: hidden; overflow-y: scroll; }
.dokrip_fund_wrap .content .donation_member .member_list .animation { position: absolute; right: 0; left: 0; margin: auto; white-space: nowrap; will-change: transform; animation-name: memberrolling; animation-duration: 10s; animation-timing-function:  cubic-bezier(0.42, 0, 0.9, 1); animation-delay: 1s; animation-fill-mode: backwards; animation-play-state: paused; }
@keyframes memberrolling {
    from { transform: translateX(0); }
    to { transform: translateY(-100%); }
}
.dokrip_fund_wrap .content .donation_member .member_list ul { position: relative; width: 100%; }
.dokrip_fund_wrap .content .donation_member .member_list li { display: inline-block; width: 20%; padding: 15px 0; font-size: 22px; line-height: 38px; text-align: center; vertical-align: top; }
.dokrip_fund_wrap .content .donation_member .arrow { height: 44px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/arrow.png') center 8px no-repeat #1c1d1d; }
.dokrip_fund_wrap .content .donation_member .member_list::-webkit-scrollbar { width: 6px; }
.dokrip_fund_wrap .content .donation_member .member_list::-webkit-scrollbar-thumb { background-color: #383c3c; }
.dokrip_fund_wrap .content .donation_member .member_list::-webkit-scrollbar-track { background-color: #1c1d1d; }
.dokrip_fund_wrap .content .donation_img .img_top { width: 900px; margin: 2px 0; }
.dokrip_fund_wrap .content .donation_img .img_top .half { display: inline-block; vertical-align: top; }
.dokrip_fund_wrap .content .donation_img .img_top .half:nth-child(2) { margin-left: 2px; }
.dokrip_fund_wrap .content .donation_img .img_bottom .img { display: inline-block; vertical-align: top; }
.dokrip_fund_wrap .content .donation_img .img_bottom .more { position: relative; margin-left: 2px; display: inline-block; width: 182px; height: 280px; font-size: 28px; font-weight: 900; line-height: 280px; text-align: center; vertical-align: top; background-color: #1c364f; z-index: 1; }
.dokrip_fund_wrap .content .donation_img .img_bottom .more a { display: block; color: #fff; }
.dokrip_fund_wrap .bottom { position: relative; padding-bottom: 88px; }
.dokrip_fund_wrap .bottom .text{ position: relative; margin-top: 80px; padding-left: 190px; font-size: 21px; line-height: 35px; color: #1c1d1d; }
.dokrip_fund_wrap .bottom .text::before { content: ''; position: absolute; top: 8px; left: 63px; width: 77px; height: 76px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/ft_icon.png') 0 0 no-repeat; }
.dokrip_fund_wrap .bottom .text a { position: relative; color: #1c344e; text-shadow: rgb(0 0 0 / 20%) 0px 0px 7px; }
.dokrip_fund_wrap .bottom .text a::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; height: 1px; background-color: #1c344e; }
.dokrip_fund_wrap .bottom .deco_flower { position: absolute; right: 0; bottom: 0; width: 559px; height: 585px; background: url('//img.netpx.co.kr/images/prd_img/image/2023/event/dokrip_fund/deco_flower_bottom.png') 0 0 no-repeat; }

/* 230427 후기 개선 */
.estimate_tit { font-size: 20px; line-height: 28px; color: #222; }
.photo_list_wrap { font-size: 0; }
.like_button { display: inline-block; height: 35px; padding: 0 10px; font-size: 16px; line-height: 35px; color: #000; border: 1px solid #ccc; background-color: transparent; border-radius: 30px; cursor: pointer; user-select: none; }
.like_button i { margin-left: 1px; color: #d10606; }
.like_button span { margin-left: 1px; user-select: none; }
.like_button.is-active { color: #fff; background-color: #d10606; border: 1px solid #d10606; }
.like_button.is-active i { color: #fff; }

/* 포토상품평 모아보기 */
.photo_estimate_thumb { font-size: 0; margin-bottom: 10px; }
.photo_estimate_thumb li { position: relative; display: inline-block; width: 150px; margin-right: 10px; vertical-align: top; }
.photo_estimate_thumb li a { position: relative; display: block; }
.photo_estimate_thumb li a:hover::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.3); }
.photo_estimate_thumb li a > img { width: 150px; height: 150px; aspect-ratio: auto 150 / 150; object-fit: cover; }
.photo_estimate_thumb li a .img_count { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; font-size: 13px; line-height: 30px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4); }
.photo_estimate_thumb li.last { margin-right: 0; }
.photo_estimate_thumb li.last a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.3); }
.photo_estimate_thumb li.last a:hover::after { background-color: rgba(0,0,0,0.6); }
.photo_estimate_thumb li.last a .all_img_count { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 16px; line-height: 150px; color: #fff; text-align: center; }
.photo_estimate_thumb li.last a .all_img_count span { position: relative; z-index: 1; }

.photo_estimate_thumb #all_img_count_btn { cursor: pointer; }

#all_img_view_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.7); z-index: 120; }
#all_img_view_wrap .all_img_view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 41px; width: 1020px; height: 600px }
#all_img_view_wrap .all_img_view .btn_close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; }
#all_img_view_wrap .all_img_view .btn_close .line { display: block; width: 45px; height: 3px; background-color: #fff;}
#all_img_view_wrap .all_img_view .btn_close .line:nth-child(1) { transform: translateY(18px) rotate(45deg); }
#all_img_view_wrap .all_img_view .btn_close .line:nth-child(2) { transform: translateY(15px) rotate(-45deg); }
#all_img_view_wrap .all_img_view .pop_title { position: absolute; top: 8px; left: 0; font-size: 25px; color: #fff; }
#all_img_view_wrap .all_img_view .all_img_thumb { height: 560px; padding: 25px; font-size: 0; background-color: #fff; overflow-y: scroll; }
#all_img_view_wrap .all_img_view .all_img_thumb li { position: relative; display: inline-block; width: 150px; margin-right: 10px; margin-bottom: 10px; vertical-align: top; }
#all_img_view_wrap .all_img_view .all_img_thumb li:nth-child(6n) { margin-right: 0; }
#all_img_view_wrap .all_img_view .all_img_thumb li a { position: relative; display: block; }
#all_img_view_wrap .all_img_view .all_img_thumb li a:hover::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.3); }
#all_img_view_wrap .all_img_view .all_img_thumb li a .img_count { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; font-size: 13px; line-height: 30px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4); }

/* 상품평 팝업 */
#estimate_img_view_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.7); z-index: 120; }
#estimate_img_view_wrap .estimate_img_view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 41px; width: 1020px; height: 600px }
#estimate_img_view_wrap .estimate_img_view .btn_close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; }
#estimate_img_view_wrap .estimate_img_view .btn_close .line { display: block; width: 45px; height: 3px; background-color: #fff;}
#estimate_img_view_wrap .estimate_img_view .btn_close .line:nth-child(1) { transform: translateY(18px) rotate(45deg); }
#estimate_img_view_wrap .estimate_img_view .btn_close .line:nth-child(2) { transform: translateY(15px) rotate(-45deg); }
#estimate_img_view_wrap .estimate_img_view .pop_title { position: absolute; top: 8px; left: 0; font-size: 25px; color: #fff; }
#estimate_img_view_wrap .estimate_img_view .btn_arrow { position: absolute; top: 0; bottom: 0; margin: auto; height: 58px; font-size: 58px; color: #fff; cursor: pointer; }
#estimate_img_view_wrap .estimate_img_view .btn_arrow#btn_left { left: -58px; }
#estimate_img_view_wrap .estimate_img_view .btn_arrow#btn_right { right: -58px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap { height: 610px; background-color: #fff; overflow: hidden; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .left_img { position: relative; display: inline-block; width: 590px; height: 100%; background-color: #000; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .left_img img { position: absolute; top: -100%; right: -100%; bottom: -100%; left: -100%; margin: auto; width: auto; height: auto; max-height: 100%; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info { position: relative; display: inline-block; width: 420px; height: 100%; padding: 20px; vertical-align: top; box-sizing: border-box; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .score > span { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-left: 3px; background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/star_on.png') no-repeat 0 0 / 12px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .score > span.star_empty { background: url('//img.netpx.co.kr/front/netpx_v3/skin/images/list/star_on.png') no-repeat 0 0 / 12px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .date { display: inline-block; margin-left: 10px; color: #999; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .title { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sub .table_ty05 tr td.estimate_user_info .like_button { position: absolute; top: 0; right: 0; margin: 10px auto 0; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt_height { position: relative; margin-top: 20px; height: 380px; box-sizing: border-box; overflow: hidden; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt { height: 100%; padding-right: 10px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt::-webkit-scrollbar { width: 5px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt::-webkit-scrollbar-thumb { background-color: #aaa; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt::-webkit-scrollbar-track { background-color: #eee; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt p img { display: none; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .txt img { max-width: 100%; margin-bottom: 5px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .like_button { margin: 10px auto 0; height: 30px; font-size: 14px; line-height: 30px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img { position: absolute; right: 20px; bottom: 20px; left: 20px; margin: auto; padding-top: 4px; font-size: 0; border-top: 1px solid #ccc; background-color: #fff; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img::-webkit-scrollbar { height: 5px; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img::-webkit-scrollbar-thumb { background-color: #aaa; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img::-webkit-scrollbar-track { background-color: #eee; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img a { position: relative; display: inline-block; width: 36px; height: 36px; margin: 2px 2px 0 0; vertical-align: top; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img a img { width: 100%; height: 100%; opacity: 0.6; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img a:hover img,
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img a.SEL img { opacity: 1; }
#estimate_img_view_wrap .estimate_img_view .review_wrap .right_info .thumb_img a.SEL::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border: 2px solid #000; }
/* 고객 작성후기 리스트 */
#estimate_write_list_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0,0,0,0.7); z-index: 120; }
#estimate_write_list_wrap .estimate_write_list { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 41px; width: 1020px; height: 610px }
#estimate_write_list_wrap .estimate_write_list .btn_close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; }
#estimate_write_list_wrap .estimate_write_list .btn_close .line { display: block; width: 45px; height: 3px; background-color: #fff;}
#estimate_write_list_wrap .estimate_write_list .btn_close .line:nth-child(1) { transform: translateY(18px) rotate(45deg); }
#estimate_write_list_wrap .estimate_write_list .btn_close .line:nth-child(2) { transform: translateY(15px) rotate(-45deg); }
#estimate_write_list_wrap .estimate_write_list .estimate_list { position: relative; width: 100%; height: 100%; padding: 20px; background-color: #fff; box-sizing: border-box; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_id { font-size: 16px; color: #000; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_id strong { font-size: 19px; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_info { font-size: 0; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_info span { position: relative; margin-right: 10px; padding-right: 10px; font-size: 14px; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_info span::after { content: ''; position: absolute; top: 0;right: 0; bottom: 0; width: 1px; background-color: #ccc; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .user_info span:last-child::after { display: none; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .review_score > span { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-left: 3px; background: url('../images/list/star_on.png') no-repeat 0 0 / 12px; }
#estimate_write_list_wrap .estimate_write_list .estimate_list .review_score > span.star_empty { background: url('../images/list/star_off.png') no-repeat 0 0 / 12px; }

/* 상품평 뷰 */
.sub #estimate_list { border-top: 1px solid #222; }
.sub #estimate_list .detail_estimate_option { position: relative; padding-top: 10px; padding-bottom: 10px; text-align: right; }
.sub #estimate_list .detail_estimate_option .estimate_tit { position: absolute; top: 3px; left: 0; }
.sub #estimate_list .table_ty05 { border-top: none; /* border-top: 1px solid #eee; */ }
.sub #estimate_list .estimate_sort { font-size: 0; }
.sub #estimate_list .estimate_sort .sort_option { display: inline-block; vertical-align: top; }
.sub #estimate_list .estimate_sort .sort_option li { position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; }
.sub #estimate_list .estimate_sort .sort_option li::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 10px; background-color: #ccc; }
.sub #estimate_list .estimate_sort .sort_option li a { position: relative; font-size: 15px; line-height: 15px; color: #666; }
.sub #estimate_list .estimate_sort .sort_option li a#score_btn { cursor: pointer; }
.sub #estimate_list .estimate_sort .sort_option li a.SEL { color: #000; font-weight: bold; }
.sub #estimate_list .estimate_sort .sort_option li a:hover::after { content: ''; position: absolute; right: 0; bottom: 1px; left: 0; margin: auto; width: auto; height: 1px; background-color: #aaa; }
.sub #estimate_list .estimate_sort .sort_option li:last-child::after { display: none; }
.sub #estimate_list .estimate_sort .estimate_type { display: inline-block; }
.sub #estimate_list .estimate_sort .estimate_type input[type="checkbox"]:checked { width: 15px; height: 15px; background-size: 15px; }
.sub #estimate_list .estimate_sort .estimate_type .check_input + label { margin-left: 5px; font-size: 15px; line-height: 15px; }
.sub #estimate_list .estimate_sort .score_view ul { display: flex; flex-wrap: nowrap; }
.sub #estimate_list .estimate_sort .score_view ul li { flex: auto; display: inline-block; margin: 0 5px; text-align: center; border: 1px solid #ccc; }
.sub #estimate_list .estimate_sort .score_view ul li a { display: block; height: 40px; font-size: 15px; line-height: 40px; cursor: pointer; }
.sub #estimate_list .estimate_sort .score_view ul li.SEL { border: 1px solid #d10606; }
.sub #estimate_list .estimate_sort .score_view ul li.SEL a { font-weight: 600; color: #d10606; }

.sub .table_ty05 tr td.estimate_user_info { padding: 0; padding-left: 5px; border-bottom: none; }
.sub .table_ty05 tr td.estimate_user_info .user_id { font-size: 16px; color: #000; }
.sub .table_ty05 tr td.estimate_user_info .user_id strong { font-size: 19px; }
.sub .table_ty05 tr td.estimate_user_info .user_id a { display: inline-block; margin-left: 4px; font-weight: 600; color: #107239; }
.sub .table_ty05 tr td.estimate_user_info .user_info { color: #000; }
.sub .table_ty05 tr td.estimate_user_info .user_info span { position: relative; margin-right: 10px; padding-right: 10px; }
.sub .table_ty05 tr td.estimate_user_info .user_info span::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 10px; background-color: #ccc; }
.sub .table_ty05 tr td.estimate_user_info .user_info span:last-child::after { display: none; }
.sub .table_ty05 tr td.estimate_user_info .like_button { position: absolute; top: 0; right: 0; margin: 10px auto 0; }

/* 상품평 게시판 */
.comu_contents #estimate_user_write { position: absolute; right: 25px; bottom: 25px; }

/* 상세페이지 상품평 탭 별점 정보 추가 */
.detail_estimate_option .estimate_info { display: inline-block; color: #777; }
.detail_estimate_option .estimate_info i { font-size: 16px; line-height: 27px; color: #05824b; vertical-align: top; }
.detail_estimate_option .estimate_info strong { color: #222; }
.detail_estimate_option .estimate_info .slash { color: #bbb; }

/* 상용품전시관 */
.pd_data_wrap { margin: 60px auto 80px; padding: 20px 15px 15px; background: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); text-align: center; box-sizing: border-box; }
.pd_data_wrap .ttl { padding-bottom: 20px; font-size: 30px; font-weight: 700; color: #fff; }
.pd_data_wrap .ttl p { display: inline-block; margin-right: 10px; font-size: 26px; font-weight: bold; }
.pd_data_wrap .info { padding: 20px; background-color: #fff; box-sizing: border-box; }
.pd_data_wrap .info ul li { margin-bottom: 3px; font-size: 18px; line-height: 22px; }
.pd_data_wrap .info .notice { margin-top: 10px; font-size: 15px; font-weight: 500; color: red; }
.pd_data_wrap .info a.btn { display: inline-block; width: 160px; height: 40px; font-size: 16px; font-weight: 500; color: #fff; line-height: 40px; border-radius: 20px; background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 2px 6px 0 rgba(116, 79, 168, 0.75); background-size: 300% 100%; transition: all .4s ease-in-out; }
.pd_data_wrap .info a.btn:hover { background-position: 100% 0; }
.commercial_banner a { position: relative; display: inline-block; }
.commercial_banner a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid #FFF100; border-radius: 13px; transition: border 0.2s, background-color 0.2s; }
.commercial_banner a:hover::after { border: 3px solid #FFF100; background-color: rgba(255,255,255,0.2); }


/* 커뮤니티형 리스트 */
.sub .table_commu{width:100%; border-top:1px solid #222;}
.sub .table_commu tr th{padding:10px 0px; color:#222; text-align:center; font-size:14px; font-weight:500; line-height:20px; background-color: #f1f1f1; }
.sub .table_commu tr td{padding:8px 0px; color:#666; text-align:center; font-size:14px; font-weight:400; line-height:20px; border-bottom:1px solid #eee;}
.sub .table_commu tr:hover { background-color: #f9f9f9; }
.sub .table_commu tr td.tit{ padding: 0 20px 0; text-align:left; -ms-word-break: keep-all; word-break: keep-all;}
.sub .table_commu tr td.tit a{display:inline-block;}
.sub .table_commu tr td.tit a > .locked{position:relative; top:-2px; }
.sub .table_commu tr td.tit span.label_new{ padding-right: 5px; color: #ec4242; text-align:center; font-size:11px; line-height:20px; }

.sub .table_commu th.accent, .sub .table_commu td.accent{color:#222;}
.sub .table_commu th .accent, .sub .table_commu td .accent{color:#222;}
.sub .table_commu th.bg_gray, .sub .table_commu td.bg_gray{background-color:#f9f9f9;}

.sub .table_commu tr td a:hover, .sub .table_commu tr td a:focus, .sub .table_commu tr td a:active { color: #107239; text-decoration: underline; }
.sub .table_commu tr td a:visited { color: #999; }
.sub .table_commu tr td .user_name { line-height: 25px; }
.sub .table_commu tr td a:hover .user_name, .sub .table_commu tr td a:focus,
.sub .table_commu tr td a:active, .sub .table_commu tr td a:visited .user_name { color: #222; text-decoration: none; }
.commu_comment { display: inline-block; font-size: 12px; font-weight: 600; line-height: 15px; text-align: center; color: #36af8a; }
.commu_like_cnt { color: #15a075; }
.commu_like_cnt.cnt_zero { color: #ccc; }
.btn_commu_write { position: relative; display: inline-block; vertical-align: middle; width: 54px; height: 26px; text-align: center; font-size: 12px; line-height: 24px; box-sizing: border-box; background-color: #fff; border: 1px solid #666; color: #666; }
.btn_commu_write:hover { background-color: #15a075; border: 1px solid #15a075; color: #fff; }

/* 커뮤니티형 뷰 */
.board_name_commu { font-size: 17px; font-weight: 600; }
.sub .view_commu_tit { position: relative; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.sub .view_commu_tit > h2 { margin-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 32px; }
.sub .view_commu_tit > p { color: #999; font-size: 15px; line-height: 25px; }
.sub .view_commu_tit > p > strong { color: #666; font-weight: 300; }
.sub .view_commu_tit > p > span { font-weight: 100; }
.sub .board_commu_view .view_inner { padding: 10px 0 30px; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.sub .board_commu_view .view_inner #view_content { padding-top: 20px; }
.sub .board_commu_view .view_inner img { margin: 0 auto; max-width: 100%; }
    /* 작성자 프로필 */
.comu_wrap .post_profile { display: flex; margin: 15px 20px 10px 20px; gap: 10px; align-items: center; }
.comu_wrap .post_profile .profile_img { position: relative; width: 70px; height: 70px; }
.comu_wrap .post_profile .profile_img .thumb { display: inline-block; width: 70px; height: 70px; background-size: cover; background-position: center; border-radius: 100%; border: 1px solid #f1f1f1; }
.comu_wrap .post_profile .post_information { flex: 1; display: flex; flex-direction:column; gap: 2px; padding: 0 10px; }
.comu_wrap .post_profile .post_information .nickname a { display: inline-flex; gap: 5px; align-items: center; }
.comu_wrap .post_profile .post_information .nickname img { width: 25px; height: 25px; }
.comu_wrap .post_profile .post_information .nickname .nick { font-size: 15px; font-weight: 700; color: #333; }
.comu_wrap .post_profile .post_information .intro { font-size: 13px; line-height: 18px; color: #777; }
.comu_wrap .post_profile .post_information .date { display: flex; gap: 10px; font-size: 14px; color: #666; }
    /* 커뮤니티 추천/비추천 버튼 추가 240705 송 */
.like_dislike_wrap { position: relative; margin-top: 50px; font-size: 0 !important; }
.like_dislike { display: flex; flex-direction: row; flex-wrap: nowrap; width: 200px; margin: auto; /*border: 1px solid #ccc; */}
.like_dislike .like_dislike_box { position: relative; display: inline-block; }
.like_dislike .like_dislike_box .count { display: block; width: 100px; height: 20px; font-size: 18px; font-weight: bold;line-height: 20px; text-align: center; }
.like_dislike .like_dislike_box.like_box .count { color: #107239; }
.like_dislike .like_dislike_box.dislike_box .count { color: #011607; }
.like_dislike .like_dislike_box button { display: inline-block; width: 100px; height: 110px; background-color: #fff; border: none; outline: none;  vertical-align: top; box-sizing: border-box; }
.like_dislike .like_dislike_box button .btn_icon { display: inline-block; width: 60px; height: 60px; font-size: 26px; line-height: 60px; color: #333; background-color: #ddd; border-radius: 100%; }
.like_dislike .like_dislike_box button .btn_icon i { line-height: 60px; user-select: none; }
/*.like_dislike .like_dislike_box .btn_like .btn_icon { background-color: #107239; }*/
.like_dislike .like_dislike_box .btn_like .btn_icon i { color: #fff; }
.like_dislike .like_dislike_box .btn_like.SEL .btn_icon i { color: #fff; animation: likeAnimation .5s 1 alternate; }
@keyframes likeAnimation {
    0% {transform: scale(1);}
    40% {transform: scale(1.7) rotate(-30deg); }
    70% {transform: scale(0.9) rotate(-15deg);}
    100% {transform: scale(1);}
}
.like_dislike .like_dislike_box .btn_like.SEL .btn_icon { background-color: #107239; }
.like_dislike .like_dislike_box .btn_like .btn_icon i { color: #011607;}
.like_dislike .like_dislike_box .btn_dislike.SEL .btn_icon { background-color: #107239; }
.like_dislike .like_dislike_box .btn_dislike.SEL .btn_icon i { color: #fff; transform: scale(-1, 1); animation: DislikeAnimation .5s 1 alternate; }
@keyframes DislikeAnimation {
    0% {transform: scale(-1, 1);}
    40% {transform: scale(-1, 1.7) rotate(30deg); }
    70% {transform: scale(-1, 0.9) rotate(15deg);}
    100% {transform: scale(-1, 1);}
}
.like_dislike .like_dislike_box .btn_dislike .btn_icon i { color: #011607; transform: scale(-1, 1); }
.like_dislike .like_dislike_box .btn_txt { margin-top: 6px; font-size: 13px; font-weight: 600; line-height: 20px; color: #666; }
.like_dislike_wrap .box { font-size: 12px; font-weight: bold; color: red; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; line-height: 40px; }

.like_dislike_area { position: absolute; right: 0; bottom: 0; }
.like_dislike_btn { padding: 3px 8px 3px 10px; line-height: 1; color: #555; font-size: 13px; border: 1px solid #aaa; border-radius: 3px; background-color: transparent; }
.like_dislike_btn.active { color: #ff4800; border-color: #ff4800; }
.like_dislike_btn.dislike.active { color: #0000ff; border-color: #0000ff; }
.like_dislike_btn i { font-size: 11px; color: #333; }
.like_dislike_btn.active i { color: #ff4800; }
.like_dislike_btn.dislike.active i { color: #0000ff; }

.comu_wrap .btn_right_wrap { position: relative; text-align: right; }
.comu_wrap .btn_right_wrap .btn_list_view { position: absolute; top: 0; left: 0; }
.cmt_cnt { width: 100%; padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 43px; box-sizing: border-box; }


.commu_comment_form { position: relative; }
.commu_comment_form .textarea_wrap { max-width: 1060px; margin: auto; }
.commu_comment_form .textarea_wrap textarea { width: 100%; height: 50px; padding: 5px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; resize: none; }
.commu_comment_form .comment_post { max-width: 1060px; margin: auto; font-size: 0; }
.commu_comment_form .comment_post input.check_input { width: 15px; height: 15px; background-size: 15px; }
.commu_comment_form .comment_post input.check_input + label { margin-left: 6px; font-size: 14px; line-height: 15px; }

.comment_sort_box { max-width: 1060px; margin: 40px auto 0; font-size: 13px; }
.comment_sort_box .active {  color: #222 !important; font-weight: bold !important; }
.comment_sort_box .inactive { color: #888 !important; }

.board_commu_view .reply_wrap { max-width: 1060px; margin: 10px auto 0; padding: 10px 20px 12px; box-sizing: border-box; }
.board_commu_view .reply_wrap #comments .brbn_e5e5e5:last-child { border-bottom: none; }

.board_commu_view .btn_report { border-color: #b0b0b0; }

.comu_wrap .boardlist.commu_boardlist { border-top: 1px solid #ccc; }
.sub .comu_wrap .boardlist.commu_boardlist dl { padding: 10px 0; }
.sub .comu_wrap .boardlist.commu_boardlist dl dt { top: 12px; font-size: 13px; }
.sub .comu_wrap .boardlist.commu_boardlist dl dd a,
.sub .comu_wrap .boardlist.commu_boardlist dl dd p { font-size: 13px; }

/* 커뮤니티 동영상 업로드 */
.video_upload_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; }
.video_upload_wrap .video_upload { flex-grow: 1; }
.video_upload_wrap .btn_upload { flex-basis: 100px; width: 100px; height: 116px; }

/* 중고장터 */
.sub .table_commu tr td.tit .label_status { display: inline-block; text-align: center; }
.sub .table_commu tr td.tit .label_status span { padding: 2px 3px; font-size: 11px; font-weight: 600; cursor: default; }
.sub .table_commu tr td.tit .label_status span.buy { color: #50d07d; border: 1px solid #50d07d; }
.sub .table_commu tr td.tit .label_status span.sell { color: #f15166; border: 1px solid #f15166; }
.sub .table_commu tr td.tit .label_status span.ing { color: #50abd0; border: 1px solid #50abd0; }
.sub .table_commu tr td.tit .label_status span.complete { color: #999; border: 1px solid #999; }
.sub .table_commu tr td .prd_file_thumb { width: 45px; height: 45px; margin: auto; }
.sub .table_commu tr td .prd_file_thumb img { width: 100%; height: 100%; object-fit: cover; }

.view_market .market_select_status { text-align: right; }
.view_market .market_select_status .select_status { width: 110px; height: 34px; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 34px; }
.view_market .market_select_status .select_status + .btn_save { width: 34px; height: 34px; font-size: 13px; border: transparent; background-color: #666; color: #fff; vertical-align: top; }

.view_market .post_market_content { display: flex; justify-content: space-around; gap: 80px; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px dotted #999; }
.view_market .post_market_img { position: relative; width: 480px; }
.view_market .post_market_img .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.view_market .post_market_img .overlay .status { position: absolute; top: 0; left: 0; width: 90px; font-size: 15px; font-weight: bold; line-height: 45px; text-align: center; z-index: 1; }
.view_market .post_market_img .overlay.sell .status { color: #fff; background-color: #f15166; border: 1px solid #f15166; }
.view_market .post_market_img .overlay.ing .status { color: #fff; background-color: #50abd0; border: 1px solid #50abd0; }
.view_market .post_market_img .overlay.end { background-color: rgba(255,255,255,0.5); }
.view_market .post_market_img .overlay.end .status { color: #333; background-color: #ddd; border: 1px solid #ccc; }
.view_market .market_prd_info { display: flex; flex: 1; font-size: 16px; }
.view_market .market_prd_info .info_list { display: flex; flex-direction: column; gap: 35px; }
.view_market .market_prd_info .info_list li { display: flex; gap: 30px; }
.view_market .market_prd_info .info_list li .tit { flex: 0 0 100px; color: #666; letter-spacing: -0.06em; }
.view_market .market_prd_info .info_list li .txt_desc { display: flex; flex-wrap: wrap; flex-direction: row; gap: 8px; flex: 1; line-height: 19px; }
.view_market .market_prd_info .info_list li .txt_desc input:disabled { opacity: 0.5; }

.sub .table_market_write tr td { font-size: 15px; font-weight: 500; color: #333; }
.sub .table_market_write .middle_text { padding: 0 2px; }

.rules_toggle_btn { display: block; text-align: right; height: 24px; }
.rules_toggle_btn .btn { position: relative; font-size: 14px; font-weight: 600; color: #000; background-color: #fbfbfb; border: 1px solid #ccc; padding: 6px 8px; }
/* .rules_toggle_btn .btn::after { content: ''; position: absolute; bottom: -4px; right: 0; left: 0; margin: auto; width: auto; height: 1px; background-color: #666; } */

.commu_write_rules { display: none; margin-bottom: 20px; padding: 28px 30px; font-size: 13px; line-height: 20px; background-color: #fbfbfb; border: 1px solid #ccc; cursor: default; }
.commu_write_rules .ttl { font-size: 15px; font-weight: 700; }
.commu_write_rules ul li { position: relative; margin-left: 10px; padding-left: 10px; }
.commu_write_rules ul li::before { content: '-'; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.commu_write_rules ul.ul_disc li { margin-left: 0; }
.commu_write_rules ul.ul_disc li::before { content: '·'; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

/* 회원 프로필 및 게시글&댓글페이지 */
.user_profile { display: flex; margin: 15px 0 20px; padding: 10px 30px; gap: 10px; align-items: center; border: 1px solid #ccc; border-radius: 30px; }
.user_profile .level_icon { width: 170px; }
.user_profile .profile_img { position: relative; width: 60px; height: 60px; }
.user_profile .profile_img .thumb { display: inline-block; width: 60px; height: 60px; background-size: cover; background-position: center; border-radius: 100%; border: 1px solid #f1f1f1; }
.user_profile .user_profile_information { flex: 1; display: flex; flex-direction:column; gap: 2px; padding: 0 10px; }
.user_profile .user_profile_information .nickname .txt { display: flex; gap: 2px; font-size: 26px; font-weight: bold; align-items: center; }
.user_profile .user_profile_information .nickname img { width: 17px; height: 17px; }
.user_profile .user_profile_information .nickname.txt .nick { font-size: 13px; font-weight: 700; color: #666; }
.user_profile .user_profile_information .intro { margin-top: 10px; font-size: 14px; line-height: 18px; color: #777; }
.user_profile .user_profile_information .exp { margin-top: 10px; }
.user_profile .user_profile_information .exp .exp_bar { position: relative; height: 20px; font-size: 11px; line-height: 20px; color: #fff; background-color: rgba(0,0,0,0.1); border-radius: 2px; overflow: hidden; }
.user_profile .user_profile_information .exp .exp_bar * { transition: all 0.5s ease; }
.user_profile .user_profile_information .exp .exp_bar div { position: relative; width: 0; background-color: #076f38; border-radius: 2px; box-sizing: border-box; }
.user_profile .user_profile_information .exp .exp_txt { display: flex; margin-top: 2px; justify-content: space-between; align-items: center; }
.user_profile .user_profile_information .exp .exp_point { font-size: 14px; font-weight: bold; }
.user_profile .user_profile_information .exp .exp_info { font-size: 12px; color: #999; }

.myboard_wrap { width: 100%; overflow: hidden; }
.myboard_wrap .tab_myboard { padding-top: 8px; height: 50px; font-size: 18px; color: #666; line-height: 50px; text-align: center; }
.myboard_wrap .tab_myboard .swiper-slide { position: relative; }
.myboard_wrap .tab_myboard .swiper-slide::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: auto; height: 1px; background-color: #efefef; transition: background-color 0.3s; }
.myboard_wrap .tab_myboard .swiper-slide.swiper-slide-thumb-active { color: #222; font-weight: 700; }
.myboard_wrap .tab_myboard .swiper-slide.swiper-slide-thumb-active::after { background-color: #000; height: 3px; }

.commu_list_wrap { border-top: 1px solid #ccc; }
.commu_list_wrap li.commu_list { border-bottom: 1px solid #ccc; }
.commu_list_wrap li.commu_list .list { display: flex; width: 100%; padding: 10px 20px; box-sizing: border-box; }
.commu_list_wrap li.commu_list .list .list_post { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
.commu_list_wrap li.commu_list .list .list_post .post_tit { line-height: 18px; word-break: break-all; }
.commu_list_wrap li.commu_list .list .list_post a:active .post_tit { text-decoration: underline; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_new { padding-right: 5px; color: #ec4242; text-align:center; font-size:11px; line-height:24px; }
.commu_list_wrap li.commu_list .list .list_post .post_tit img { width: 13px; margin-top: 3px; vertical-align: top; }
.commu_list_wrap li.commu_list .list .list_post .post_info > li {display: inline-block; margin-right: 8px; font-size: 13px; color: #787878; line-height: 22px; vertical-align: top; }
.commu_list_wrap li.commu_list .list .list_post .post_info > li img { display: inline-block; margin-right: 3px; width: 22px; vertical-align: top; }
.commu_list_wrap li.commu_list .list .list_post .post_info > li svg { margin-top: 4px; vertical-align: top; }
.commu_list_wrap li.commu_list .list .list_post .post_info .user_id { display: inline-block; font-size: 13px; vertical-align: top; }
.commu_list_wrap li.commu_list .list .commu_comment { flex-shrink: 0; width: 50px; display: flex; justify-content: center; align-items: center; }
.commu_list_wrap li.commu_list .list .commu_comment span { display: inline-block; padding: 0 4px; min-width: 20px; height: 20px; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #64baa0; border-radius: 3px; box-sizing: border-box; }
.commu_list_wrap li.commu_list .list .commu_file_thumb { display: flex; flex: 0 0 45px; height: 45px; align-items: center; }
.commu_list_wrap li.commu_list .list .commu_file_thumb img { width: 100%; height: 100%; object-fit: cover; }
.commu_list_wrap li.nodata { padding: 75px 0; text-align: center; color: #666; font-size: 16px; line-height: 24px; }

.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status { display: inline-block; text-align: center; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status span { padding: 2px 4px; color: #fff; font-size: 12px; border-radius: 2px; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status span.buy { background-color: #50d07d; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status span.sell { background-color: #1d48d7; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status span.ing { background-color: #92d050; }
.commu_list_wrap li.commu_list .list .list_post .post_tit .label_status span.complete { background-color: #D05950; }

.commu_list_wrap li.commu_list .list .search_highlight { background-color: #fff77d; }
.commu_list_wrap li.commu_list .list.now { background-color: #f1f1f1; }
.commu_list_wrap li.commu_list .comment_cnt { font-size: 12px; font-weight: 600; line-height: 18px; text-align: center; color: #36af8a; vertical-align: top; }

.sub .reply_wrap .comment_form a.submit { position: absolute; top: 0; right: 0; }

.board_commu_view .reply_wrap .del_btn { position: absolute; top: 5px; right: 0; }
.sub .boardlist dl { position: relative; padding: 20px 0; border-bottom: 1px solid #ccc; }
.sub .boardlist dl dt { position: absolute; top: 20px; left: 0; width: 130px; text-align: center; color: #666; font-size: 15px; line-height: 20px; }
.sub .boardlist dl dt p { position: relative; padding-right: 30px; }
.sub .boardlist dl dt.prev em { position: absolute; top: 50%; right: 0; width: 13px; height: 7px; margin-top: -3.5px; background: url('../images/community/boardllist_prev.png') no-repeat 0 0 / 13px; }
.sub .boardlist dl dt.next em { position: absolute; top: 50%; right: 0; width: 13px; height: 7px; margin-top: -3.5px;background: url('../images/community/boardllist_next.png') no-repeat 0 0 / 13px; }
.sub .boardlist dl dd { padding-left: 160px; }
.sub .boardlist dl dd a { display: block; color: #666; font-size: 15px; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.sub .boardlist dl dd p { display: block; color: #666; font-size: 15px; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

/* 상세페이지 상품평 댓글 */
.detail_reply_area { max-width: 1060px; margin: 20px auto; }

/* 용도카테고리 브랜드배너 */
.items_lists_brand .swiper-slide img { width: 350px;}
.items_lists_brand .swiper-slide { position: relative; width: 350px; height: 350px; opacity: 0.6; transition: 0.1s; overflow: hidden; margin: 0 5px; }
.items_lists_brand .swiper-slide.swiper-slide-prev,
.items_lists_brand .swiper-slide.swiper-slide-active,
.items_lists_brand .swiper-slide.swiper-slide-next { opacity: 1; }
.items_lists_brand .swiper-slide.swiper-slide-prev .slide_info,
.items_lists_brand .swiper-slide.swiper-slide-active .slide_info,
.items_lists_brand .swiper-slide.swiper-slide-next .slide_info { opacity: 1; }
.items_lists_brand .swiper-slide img { max-width: 100%; object-fit: cover; }
.items_lists_brand .swiper-slide .slide_info { position: absolute; bottom: 30px; left: 20px; color: #fff; display: flex; flex-direction: column; gap: 8px; line-height: 1; opacity: 0; }
.items_lists_brand .swiper-slide .slide_info .ttl { font-size: 16px; font-weight: 700;}
.items_lists_brand .swiper-slide .slide_info .txt { font-size: 20px; line-height: 1.4; }
.items_lists_brand .custom-pagination { position: relative; width: 1280px; height: 24px; margin: 20px auto 10px; display: flex; align-items: center; justify-content: space-between; }
.items_lists_brand .custom-pagination .progress_bar { position:relative; width: 1246px; height: 2px; background-color:#e2e2e2; }
.items_lists_brand .custom-pagination .progress_fill { position:absolute; inset: 0; display: block; height: 100%; background-color: #000; }
.items_lists_brand .custom-pagination .btn_toggle { width: 24px; height: 24px; margin-left: 10px; border: none; background: transparent; cursor: pointer; }
.items_lists_brand .swiper-button { position: absolute; top: calc(50% - 54px); right: 0; left: 0; width: 1280px; margin: auto; font-size: 40px; font-weight: 100; }
.items_lists_brand .swiper-button .button_np { position: absolute; width: 54px; padding: 11px 0; background-color: rgba(0,0,0,0.4); pointer-events: auto; text-align: center; line-height: 54px; z-index: 1; cursor: pointer; }
.items_lists_brand .swiper-button .button_prev { left: 0; }
.items_lists_brand .swiper-button .button_next { right: 0; }
.items_lists_brand .swiper-button .button_np.button_prev svg { transform: scaleX(-1); }
.items_lists_brand .swiper-button .button_np svg { width: 32px; color: #fff; }
.items_lists_brand .custom-pagination .btn_toggle.pause::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url('//img.netpx.co.kr/images/netpx/common/pause.png') center no-repeat; }
.items_lists_brand .custom-pagination .btn_toggle.play::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url('//img.netpx.co.kr/images/netpx/common/play.png') center no-repeat; }
.items_lists_brand .custom-pagination .paging { flex: 0 0 40px; font-size: 13px; text-align: right; }

/* 용도카테고리 분류 */
.items_lists_m { display: flex; gap: 10px; flex-direction: row; justify-content: center; }
.items_lists_m a { display: flex; gap: 4px; width: 130px; height: 100px; line-height: 1; flex-direction: column; border: 1px solid #dbdbdb; border-radius: 3px; text-align: center; justify-content: center; align-items: center; }
.items_lists_m a .cate_img { width: 42px; height: 42px; }
.items_lists_m a .cate_nm { font-size: 13px; font-weight: 500; color: #000; letter-spacing: -.07em; }
.items_lists_m a .goods_cnt { font-size: 12px; font-weight: 500; color: #717171; letter-spacing: -.03em; }
.items_lists_m a.brand_here { background-color: #000; border-color: #000; }
.items_lists_m a.brand_here .cate_nm { color: #f8f8f8; }
.items_lists_m a.brand_here .goods_cnt { color: #ccc; }
.items_lists_s { display: flex; padding: 10px 0; gap: 4px; flex-flow: wrap; align-items: center; justify-content: center; }
.items_lists_s a { position: relative; display: flex; height: 26px; padding: 0 8px; font-size: 13px; color: #000; letter-spacing: -.06em; align-items: center; }
.items_lists_s a.brand_here { font-weight: 600; background-color: #f0f0f0; border: 1px solid #d1d1d1; border-radius: 3px; }

/* 상세페이지 공유 팝업 */
.share-popup-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 999; }
.share-popup { max-width: 300px; width: 100%; background-color: white; border: 1px solid #ccc; padding: 30px 20px 20px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position: relative; margin-top: 20px; }
.share-popup input[type="text"] { width: calc(100% - 40px); height: 17px; margin-bottom: 10px; margin-top: 10px; padding: 11px; border: 1px solid #ccc; background-color: rgba(240, 240, 240, 0.8); color: #666; }
.share-popup .url-copy-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.share-popup .url-copy-container button { width: 100px; height: 40px; background-color: white; color: #333; border: 1px solid #ccc; cursor: pointer; margin-left: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); }
.share-popup .url-copy-container button:hover { background-color: #f0f0f0; }
.share-popup .close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #666; }
.share-popup .social-buttons { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.share-popup .social-buttons button { width: 47%; height: 75px; background-color: white; color: #333; border: 1px solid #ccc; cursor: pointer; margin-bottom: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.share-popup .social-buttons button:hover { background-color: #f0f0f0; }
.share-popup .social-buttons button i { font-size: 24px; }
.share-popup .social-buttons button span { margin-top: 5px; font-size: 12px; }
.share-popup p { margin-bottom: 10px; text-align: center; font-size:16px; }
.share-icon { margin-top:-5px; cursor: pointer; }

/* 상세페이지 배송예상 */
.delivery-estimate-box { max-width: 268px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 13px; line-height: 1.5; color: #333; }
.delivery-estimate-box .estimate-main { font-weight: 500; font-size: 14px; margin-bottom: 4px; color: #222; display: flex; flex-wrap: wrap; align-items: center; }
.delivery-estimate-box .estimate-main .ratio { color: #0071e3; margin-left: 5px; }
.delivery-estimate-box .estimate-sub { font-size: 12px; color: #666; }
.delivery-estimate-box .dot { display: inline-block; margin: 0 6px; color: #ccc; font-weight: bold; }
.delivery-estimate-box .is-hidden { display: none; }
.delivery-estimate-box .loading-text { opacity: .8; }
.delivery-estimate-box .cutoff-countdown { font-weight: 600; white-space: nowrap; }