@charset "utf-8"; @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); #ktplay .ctt_admin, #ktplay .ctt_admin{position:absolute;z-index:99999;top:10px;left:10px} #ktplay .ctt_admin a, #ktplay .ctt_admin a{display:block;padding:0 30px;line-height:30px;font-size:13px;text-align:center;color:#fff !important;border:0;background:#777 !important;border-radius:0} @media all and (min-width:1180px) { /**/ #gift{padding-top:30px;overflow:hidden} #gift .gift{margin:0 -10px;padding-bottom:30px;overflow:hidden} #gift .title{padding-bottom:30px;text-align:center} #gift .title em{font-size:12px;font-style:normal} #gift .title h3{margin:0;padding:0;font-size:24px;letter-spacing:-1px} #gift .list{float:left;position:relative;margin-bottom:20px;width:20%} #gift .img{display:table-cell;position:relative;left:10px;margin:0 10px;width:212px;height:212px;text-align:center;vertical-align:middle} #gift .img:before{content:"";position:absolute;top:0;left:0;width:212px;height:212px;border:1px solid #ccc} #gift .img img{width:auto;max-width:100%;height:auto} #gift .tit{margin:0 10px;padding:0 10px;line-height:40px;font-size:12px;text-align:center;border:1px solid #ccc;border-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #gift .label{position:absolute;top:-1px;left:-1px;width:50px;height:50px;line-height:50px;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff} #gift .la1{background:#de511b} #gift .la2{background:#625aaf} #gift .la3{background:#5dae86} #gift .la4{background:#ff4f4f} /**/ #alliance .section{overflow:hidden;position:relative;padding:50px 0 0 0;border-bottom:1px solid #ddd} #alliance .section:before{content:"";position:absolute;top:0;left:33.3%;width:1px;height:100%;background:#ebebeb} #alliance .section:after{content:"";position:absolute;top:0;right:33.3%;width:1px;height:100%;background:#ebebeb} #alliance .section li.alCardList {float:left;width:33.3%;height:360px;padding:0 55px 0 55px;box-sizing:border-box} #alliance .section li.alCardList .tit{margin:0 0 15px 0;font-size:20px;font-weight:bold;color:#333;line-height:28px} #alliance .section li.alCardList a img{display:block;width:100%;margin:0 0 20px 0} #alliance .section li.alCardList a p{font-size:14px;line-height:24px;letter-spacing:-1px;color:#333} #alliance .section li.alCardList .bt_group li.skyblue a{width:281px;padding:13px 0} #alliance .section li.alCardInfo p{font-size:14px;line-height:24px;letter-spacing:-1px;color:#333} #alliance .section li.alCardInfo p .eng{letter-spacing:0} #alliance .section li.alCardInfo .bt_group{margin:55px 0 0 0} #alliance .cardTip{position:relative;padding:50px 70px;background:#fafafa} #alliance .cardTip p{padding-left:112px;font-size:16px;line-height:28px;letter-spacing:-1px} #alliance .cardTip i{position:absolute;top:65px;left:70px;font-size:48px;color:#1a98d5} /**/ /**/ #content{padding:0 20px} #content .admin{position:absolute;z-index:4000;top:-1px;right:0} /**/ #sps{zoom:1} #sps ol{margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #sps li{position:relative;padding:20px 0 20px 120px;border-bottom:1px solid #e9e9e9} #sps li:after{display:block;visibility:hidden;clear:both;content:""} #sps dl{margin:5px 0;zoom:1} #sps dl:after {display:block;visibility:hidden;clear:both;content:""} #sps dt{float:left} #sps dd{float:left;margin:0 10px 0 0;color:#999} #sps dd img {position:relative;top:-2px} #sps .sps_img{position:absolute;top:10px;left:0} #sps .sps_img img{border-radius:50%} #sps .sps_img span{position:absolute;font-size:0;line-height:0;overflow:hidden} #sps .sps_section{} #sps .sps_con_btn{clear:both} #sps .sps_con_btn button{border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff} #sps .sps_con_btn button:hover{background:#6b99ee;border-color:#6b99ee;color:#fff} /**/ #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_pop .hd_pops{position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.50)} #hd_pop .hd_pops img{max-width:100%} #hd_pop .hd_wrap{position:fixed;top:45%;left:50%} #hd_pop .hd_pops_footer{position:relative;padding:0;text-align:left;color:#fff} #hd_pop .hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""} #hd_pop .hd_pops_footer button{padding:10px 0;border:0;color:#fff} #hd_pop .hd_pops_footer .hd_pops_reject{background:none} #hd_pop .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background:none} } @media all and (min-width:749px) and (max-width:1179px) { /**/ #gift{padding:10px 0;overflow:hidden} #gift .gift{margin-right:-10px;padding-bottom:20px;overflow:hidden} #gift .title{padding-bottom:20px;text-align:center} #gift .title em{font-size:12px;font-style:normal} #gift .title h3{font-size:24px;letter-spacing:-1px} #gift .list{float:left;position:relative;margin-bottom:10px;width:33.33%} #gift .img{margin-right:10px;height:204px;text-align:center;vertical-align:middle;border:1px solid #ccc} #gift .img img{width:auto;max-width:100%;height:auto} #gift .tit{margin-right:10px;line-height:40px;font-size:12px;text-align:center;border:1px solid #ccc;border-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #gift .label{position:absolute;top:-1px;left:-1px;width:50px;height:50px;line-height:50px;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff} #gift .la1{background:#de511b} #gift .la2{background:#625aaf} #gift .la3{background:#5dae86} #gift .la4{background:#ff4f4f} /**/ #alliance .section{overflow:hidden;position:relative;padding:50px 0 0 0;border-bottom:1px solid #ddd} #alliance .section:before{content:"";position:absolute;top:0;left:33.3%;width:1px;height:100%;background:#ebebeb} #alliance .section:after{content:"";position:absolute;top:0;right:33.3%;width:1px;height:100%;background:#ebebeb} #alliance .section li.alCardList {float:left;width:33.3%;height:360px;padding:0 20px;box-sizing:border-box} #alliance .section li.alCardList .tit{margin:0 0 10px 0;font-size:16px;font-weight:bold;color:#333;line-height:28px} #alliance .section li.alCardList a img{display:block;width:100%;margin:0 0 20px 0} #alliance .section li.alCardList a p{font-size:13px;line-height:24px;letter-spacing:-1px;color:#333} #alliance .section li.alCardList .bt_group li.skyblue a{width:281px;padding:13px 0} #alliance .section li.alCardInfo p{font-size:13px;line-height:24px;letter-spacing:-1px;color:#333} #alliance .section li.alCardInfo p .eng{letter-spacing:0} #alliance .section li.alCardInfo .bt_group{margin:55px 0 0 0} #alliance .cardTip{position:relative;padding:50px 70px;background:#fafafa} #alliance .cardTip p{padding-left:112px;font-size:15px;letter-spacing:-1px} #alliance .cardTip p br{display:none} #alliance .cardTip i{position:absolute;top:35%;left:70px;font-size:48px;color:#1a98d5} /**/ #article .listsort{zoom:1} #article .listsort:after{display:block;visibility:hidden;clear:both;content:""} #article .listsort .sort{zoom:1} #article .listsort .sort:after{display:block;visibility:hidden;clear:both;content:""} #article .listsort .sort h3{float:left;display:none;padding-right:50px;line-height:60px;font-weight:300} #article .listsort .sort ul{overflow:hidden} #article .listsort .sort li{float:left;position:relative} #article .listsort .sort li a{display:block;margin:20px 0;padding:0 20px;line-height:20px;border-left:1px solid #ddd} #article .listsort .sort li a:hover{color:#be334a} #article .listsort .sort li:first-child a{border:0} #article .listsort .grid{display:none} #article .listsort .grid ul{float:right;margin:0 0;padding:0;list-style:none;zoom:1} #article .listsort .grid ul:after {display:block;visibility:hidden;clear:both;content:""} #article .listsort .grid li {position:relative;float:left} #article .listsort .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px} #article .listsort .grid button.sct_lst_list {border-left:1px solid #dfdfdf} #article .listsort .grid button .icon{display:block} #article .listsort .admin{position:absolute;z-index:4000;top:-1px;right:0} #article .listsort .admin a{padding:0 20px;height:42px;line-height:42px} #article .listlocal{position:absolute;top:-40px;right:0} #article .listlocal a{float:left;display:block;font-size:13px;color:#555;transition:all 0.3s} #article .listlocal a:hover{color:#000} #article .listlocal a:before{padding:0 5px;font-size:11px} #article .listnoitem{padding:100px 0;text-align:center} /* #article .listcategory{background:#fff; display:none !important} #article .listcategory h2{display:none !important} #article .listcategory ul{border:1px solid #d7d7d7;border-top:0;overflow:hidden} #article .listcategory li{float:left} #article .listcategory li a{display:block;padding:0 7px;line-height:40px;text-align:center;color:#555;border-right:1px solid #d7d7d7;background:#f3f3f3;transition:all 0.3s} #article .listcategory li a:hover{color:#000;background:#fff} */ /**/ #content{padding:0 10px} #content .admin{position:absolute;z-index:4000;top:-1px;right:0} #ctt_himg{padding:0 10px} #ctt_himg img{width:auto;max-width:100%;height:auto} /**/ #sps{zoom:1} #sps ol{margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #sps li{position:relative;padding:20px 0 20px 120px;border-bottom:1px solid #e9e9e9} #sps li:after{display:block;visibility:hidden;clear:both;content:""} #sps dl{margin:5px 0;zoom:1} #sps dl:after {display:block;visibility:hidden;clear:both;content:""} #sps dt{float:left} #sps dd{float:left;margin:0 10px 0 0;color:#999} #sps dd img {position:relative;top:-2px} #sps .sps_img{position:absolute;top:10px;left:0} #sps .sps_img img{border-radius:50%} #sps .sps_img span{position:absolute;font-size:0;line-height:0;overflow:hidden} #sps .sps_section{} #sps .sps_con_btn{clear:both} #sps .sps_con_btn button{border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff} #sps .sps_con_btn button:hover{background:#6b99ee;border-color:#6b99ee;color:#fff} /**/ #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_pop .hd_pops{position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.50)} #hd_pop .hd_pops img{max-width:100%} #hd_pop .hd_wrap{position:fixed;top:45%;left:50%} #hd_pop .hd_pops_footer{position:relative;padding:0;text-align:left;color:#fff} #hd_pop .hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""} #hd_pop .hd_pops_footer button{padding:10px 0;border:0;color:#fff} #hd_pop .hd_pops_footer .hd_pops_reject{background:none} #hd_pop .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background:none} } @media all and (max-width:748px) { /**/ #gift{padding:10px 0;overflow:hidden} #gift .gift{margin-right:-10px;padding-bottom:20px;overflow:hidden} #gift .title{padding-bottom:20px;text-align:center} #gift .title em{font-size:12px;font-style:normal} #gift .title h3{font-size:24px;letter-spacing:-1px} #gift .list{float:left;position:relative;margin-bottom:10px;width:50%} #gift .img{margin-right:10px;height:204px;text-align:center;vertical-align:middle;border:1px solid #ccc} #gift .img img{width:auto;max-width:100%;height:auto} #gift .tit{margin-right:10px;line-height:40px;font-size:12px;text-align:center;border:1px solid #ccc;border-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #gift .label{position:absolute;top:-1px;left:-1px;width:50px;height:50px;line-height:50px;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff} #gift .la1{background:#de511b} #gift .la2{background:#625aaf} #gift .la3{background:#5dae86} #gift .la4{background:#ff4f4f} /**/ #alliance .section{overflow:hidden;position:relative;padding:0 0 20px 0;border-bottom:1px solid #ddd} #alliance .section:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#ebebeb} #alliance .section ul{overflow:hidden} #alliance .section li.alCardList{float:left;display:block;width:50%;padding:0 10px;box-sizing:border-box} #alliance .section li.alCardList .tit{margin:0 0 5px 0;font-size:14px;font-weight:700;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #alliance .section li.alCardList a img{display:block;width:100%;margin:0 0 20px 0} #alliance .section li.alCardList a p{height:100px;font-size:12px;letter-spacing:-1px;color:#333} #alliance .section li.alCardList .bt_group li.skyblue a{width:281px;padding:13px 0} #alliance .section li.alCardInfo p{font-size:12px;letter-spacing:-1px;color:#333} #alliance .section li.alCardInfo p .eng{letter-spacing:0} #alliance .section li.alCardInfo .bt_group{margin:55px 0 0 0} #alliance .cardTip{position:relative;padding:20px;background:#fafafa} #alliance .cardTip p{font-size:13px;letter-spacing:-1px} #alliance .cardTip p br{display:none} #alliance .cardTip i{padding:0 10px 0 0;font-size:24px;color:#1a98d5} /**/ #article .listsort{zoom:1} #article .listsort:after{display:block;visibility:hidden;clear:both;content:""} #article .listsort .sort{zoom:1} #article .listsort .sort:after{display:block;visibility:hidden;clear:both;content:""} #article .listsort .sort h3{float:left;display:none;padding-right:50px;line-height:60px;font-weight:300} #article .listsort .sort ul{padding:10px 0;margin:0 -10px;overflow:hidden} #article .listsort .sort li{float:left;position:relative} #article .listsort .sort li a{display:block;padding:0 10px;line-height:25px} #article .listsort .sort li a:hover{color:#be334a} #article .listsort .sort li:first-child a{border:0} #article .listsort .grid{display:none} #article .listsort .grid ul{float:right;margin:0 0;padding:0;list-style:none;zoom:1} #article .listsort .grid ul:after {display:block;visibility:hidden;clear:both;content:""} #article .listsort .grid li {position:relative;float:left} #article .listsort .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px} #article .listsort .grid button.sct_lst_list {border-left:1px solid #dfdfdf} #article .listsort .grid button .icon{display:block} #article .listsort .admin{position:absolute;z-index:4000;top:-1px;right:0} #article .listsort .admin a{padding:0 20px;height:42px;line-height:42px} #article .listlocal{position:absolute;top:-37px;right:0} #article .listlocal a{float:left;display:block;font-size:11px;color:#555;transition:all 0.3s} #article .listlocal a:hover{color:#000} #article .listlocal a:before{padding:0 5px;font-size:11px} #article .listnoitem{padding:100px 0;text-align:center} /**/ #sit_inf_open .w380{width:115px !important} /**/ #content{padding:0 0px} #content .admin{position:absolute;z-index:4000;top:-1px;right:0} #ctt_himg{padding:0 10px} #ctt_himg img{width:auto;max-width:100%;height:auto} /**/ #sps{zoom:1} #sps ol{margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #sps li{position:relative;padding:10px 0 10px 80px;border-bottom:1px solid #e9e9e9} #sps li:after{display:block;visibility:hidden;clear:both;content:""} #sps dl{margin:5px 0;zoom:1} #sps dl:after {display:block;visibility:hidden;clear:both;content:""} #sps dt{float:left} #sps dd{float:left;margin:0 10px 0 0;color:#999} #sps dd img{position:relative;top:-2px} #sps .sps_img{position:absolute;top:10px;left:0} #sps .sps_img img{width:80px;height:80px;border-radius:50%} #sps .sps_img span{position:absolute;font-size:0;line-height:0;overflow:hidden} #sps .sps_section{} #sps .sps_con_btn{clear:both} #sps .sps_con_btn button{border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff} #sps .sps_con_btn button:hover{background:#6b99ee;border-color:#6b99ee;color:#fff} /**/ #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_pop .hd_wrap{margin:0 !important;padding:10px 10px 0 10px;border-bottom:1px solid #ccc;background:#fafafa} #hd_pop .hd_wrap img{width:auto;max-width:100%;height:auto} #hd_pop .hd_pops_con{width:auto !important;height:auto !important;text-align:center} #hd_pop .hd_pops_footer{position:relative;padding:0;text-align:left;color:#fff} #hd_pop .hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""} #hd_pop .hd_pops_footer button{padding:10px 0;color:#000;border:0} #hd_pop .hd_pops_footer .hd_pops_reject{background:none} #hd_pop .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background:none} } /* 상품문의 모음 */ #sqa_sch {margin:0 0 10px} #sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#fff;color:#3059c7;font-weight:bold;border:1px solid #3059c7;text-decoration:none} #sqa_sch .sch_wr{border:1px solid #6d7892;border-radius:3px;display:inline-block} #sqa_sch:after {display:block;visibility:hidden;clear:both;content:""} #sqa_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd} #sqa_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left} #sqa_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px} /* aside:gnb #gnb {margin:0 0 5px;padding:0 0 10px;background:#333949;position:relative;min-height:425px} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb button{width:100%;border:0;border-bottom:1px solid #2b313f;background:none;text-align:left;color:#fff;padding:0 20px;height:40px;font-weight:700;font-size:1.167em} .gnb_1dli {; word-wrap: break-word} .gnb_1dli_on {color:#fff;text-decoration:none} .gnb_1da {display:block;padding:0 20px;line-height:40px;color:#ccc;font-weight:700;text-decoration:none;font-size:1.0em} .gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat} .gnb_1dli_on .gnb_1da {background-color:#2b313f;color:#fff;text-decoration:none} .gnb_1dli_on .gnb_1dam {color:#fff;text-decoration:none} .gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89;height:100%;padding:10px} .gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:215px;width:200px;background:#fff} .gnb_2da {display:none} .gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em} .gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#be334a} */ /* 오늘 본 상품 */ #stv{position:relative} #stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px} .stv_item {display:none;padding:0 9px;word-break:break-all} #up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc} #down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc} /* 이벤트 링크 #sev{margin:20px 0;text-align:center} #sev h2 {text-align:center;font-size:1.5em;margin:0 0 20px 0;display:inline-block;padding:0 0 7px;border-bottom:2px solid #000;line-height:1em} #sev ul:after {display:block;visibility:hidden;clear:both;content:""} #sev .ev_li{float:left;margin-left:17px} #sev .ev_li:first-child{margin-left:0} #sev .ev_prd{border:1px solid #ddd;text-align:center;padding:20px 0} #sev .ev_prd li{display:inline-block;text-align:left;width:110px;margin:0 8px;vertical-align: top} #sev .ev_prd .ev_prd_tit{display:block;color:#666} #sev .ev_prd .ev_prd_img{margin:0 0 5px;display:block} #sev .ev_prd .ev_prd_price{font-weight:700;display:block} */ /* 커뮤니티 링크 */ #scomm{padding:20px} #scomm h2{margin:0 0 5px} #scomm li {display:block;margin:3px} #scomm li a{line-height:25px;color:#555} #scomm li a:hover{color:#be334a} /* 메인배너 */ #index #main_bn{margin-bottom:20px;position:relative} #index #main_bn .bx-controls{position:absolute;top:50%;left:0;width:100%} #index #main_bn .bx-controls .bx-controls-direction{margin:0 auto;width:1140px;position:relative} #index #main_bn .slide-wrap{display:none} #index #main_bn .bx-prev{position:absolute;top:50%;left:0;margin-top:-35px;z-index:99;background:url(img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6} #index #main_bn .bx-prev:hover{opacity:1} #index #main_bn .bx-next{position:absolute;top:50%;right:0;margin-top:-35px;z-index:99;background:url(img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6} #index #main_bn .bx-next:hover{opacity:1} #index #main_bn #bx_pager {border-top:0px solid #cdcdcd; width:780px; margin:0 auto; top:-35px; z-index:999; position:relative;} #index #main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""} #index #main_bn #bx_pager li{float:left;border:1px solid #cdcdcd;width:120px;text-align:center;line-height:25px; background:#fff; margin-right:10px; border-radius:20px} #index #main_bn #bx_pager li:first-child{border-left:0} #index #main_bn #bx_pager li a{display:block} #index #main_bn #bx_pager li a.active{background:#000;color:#fff; border-radius:20px} @media (max-width:969px) { #index #main_bn #bx_pager {display:none} } /*장바구니*/ #sbsk .go_cart{display:block;height:40px;line-height:38px;font-weight:700;text-align:center;width:100%} #sbsk .btn_buy{height:40px;margin:5px 0;font-weight:700;text-align:center;width:100%} /* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */ /* 공통 */ .sct_wrap {position:relative;margin:0 0 30px;text-align:center;zoom:1} .sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */ .sct_wrap:after {display:block;visibility:hidden;clear:both;content:""} .sct_wrap header {margin:0 0 20px;zoom:1} .sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""} .sct_wrap h2 {text-align:center;font-size:1.5em;margin:0 0 10px 0;display:inline-block;padding:0 0 7px;border-bottom:2px solid #000;line-height:1em} .sct_wrap h2 a {text-decoration:none} .sct {clear:both;margin:0;padding:0;list-style:none;zoom:1} .sct:after {display:block;visibility:hidden;clear:both;content:""} .sct_li {position:relative} .sct_noitem {padding:100px 0;text-align:center} .sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */ .shop_icon{display:inline-block;color:#fff;background:#a8aab1;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px} .shop_icon_4{background:#ff7575} .shop_icon_soldout{display:inline-block;color:#ff0000;font-style:italic;font-weight:700;margin:2px} .shop_icon_coupon{background:#59d495} /* 재생/정지/이전/다음 버튼 */ .sctrl {margin:0;padding:0;list-style:none;zoom:1} .sctrl:after {display:block;visibility:hidden;clear:both;content:""} .sctrl li {position:relative;float:left;margin:0 0 0 -1px} .sctrl button {position:relative;margin:0;padding:0;width:21px;height:21px;border:0;cursor:pointer;overflow:hidden} .sctrl button span {position:absolute;top:0;left:0;width:19px;height:19px;border:1px solid #ccc;background:url('img/is_button.gif')} .sctrl button.sctrl_play span {background-position:-60px 0} .sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px} .sctrl button.sctrl_stop span {background-position:-90px 0} .sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px} .sctrl button.sctrl_prev span {background-position:-120px 0} .sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px} .sctrl button.sctrl_next span {background-position:-150px 0} .sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px} /* 상품 목록 스킨 10 */ .sct_10 .sct_li {position:relative;float:left;margin:0 15px 15px 0;text-align:center} .sct_10 .sct_last {margin:0 0 15px !important} .sct_10 .sct_clear {clear:both} .sct_10 .sct_img{position:relative} .sct_10 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%} .sct_10 li:hover .sct_sns{display:block} .sct_10 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)} .sct_10 .sct_sns .share-facebook:hover{background:#415b92} .sct_10 .sct_sns .share-twitter:hover{background:#35b3dc} .sct_10 .sct_sns .share-googleplus:hover{background:#d5503a} .sct_10 .sct_sns img{width:18px} .sct_10 .sct_icon {margin:10px 0} .sct_10 .sct_cost {margin:10px 0;font-size:1.167em} .sct_10 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through} .sct_10 .sct_txt{display:block;margin:10px 0;font-size:1.167em;font-weight:700} .sct_10 .sct_basic{color:#666;margin:5px 0} .sct_10 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:700} /* 상품 목록 스킨 20 */ .sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0} .sct_20 .sct_last {margin:0 0 15px !important} .sct_20 .sct_clear {clear:both} .sct_20 .sct_a {display:block;position:relative;text-decoration:none} .sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none} .sct_20 .sct_img {} .sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important} .sct_20 .sct_icon img {display:block;margin:0 0 3px} .sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9} .sct_20 .sct_txt {padding:10px;background:#f2f5f9} .sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em} .sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:700} .sct_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_20 .sct_sns {position:absolute;bottom:10px;right:10px} /* 상품 목록 스킨 30 */ .sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa} .sct_30 .sct_last {margin:0 0 15px !important} .sct_30 .sct_clear {clear:both} .sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat} .sct_30 .sct_a {text-decoration:none} .sct_30 .sct_img {position:absolute;top:0;left:0} .sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important} .sct_30 .sct_icon img {display:block;margin:0 0 3px} .sct_30 .sct_txt {display:inline-block;margin:0 0 20px} .sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em} .sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:700} .sct_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_30 .sct_sns {position:absolute;bottom:20px;right:10px} /* 상품 목록 스킨 40 */ .sct_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #dadada;background:#fff;width:475px;float:left} .sct_40 .sct_li:nth-child(2n+1){margin-right:15px} .sct_40 .sct_a {text-decoration:none} .sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none} .sct_40 .sct_img {position:absolute;top:0;left:0;height:100%} .sct_40 .sct_img a{display:block} .sct_40 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%} .sct_40 .sct_img:hover .sct_sns{display:block} .sct_40 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)} .sct_40 .sct_sns .share-facebook:hover{background:#415b92} .sct_40 .sct_sns .share-twitter:hover{background:#35b3dc} .sct_40 .sct_sns .share-googleplus:hover{background:#d5503a} .sct_40 .sct_sns img{width:18px} .sct_40 .sct_icon {} .sct_40 .sct_icon img {display:block;margin:0 0 4px} .sct_40 .sct_txt {display:block;margin:5px 0;font-size:1.167em;font-weight:700} .sct_40 .sct_basic {color:#666;margin:5px 0} .sct_40 .sct_cost {margin:10px 0;font-size:1.167em} .sct_40 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through} .sct_40 .sct_rel {position:absolute;bottom:20px;right:20px} .sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .sct_40 .sct_rel_li {float:left;margin:0 0 0 10px} .sct_40 .sct_sns {padding:10px 0 0} .sct_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:700} /* 개인결제 목록 */ .sct_pv .sct_li {position:relative;float:left;margin:0 15px 15px 0} .sct_pv .sct_last {margin:0 0 15px !important} .sct_pv .sct_clear {clear:both} .sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none} .sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none} .sct_pv .sct_img {margin:0 0 10px} .sct_pv .sct_txt {margin:0 0 5px} .sct_pv .sct_icon {margin:0 0 10px} .sct_pv .sct_id {display:block;margin:0 0 5px} .sct_pv .sct_basic {margin:0 0 10px} .sct_pv .sct_cost {display:block;margin:0 0 10px;font-weight:700} .sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_pv .sct_sns {} /* 메인 상품 목록 스킨 20 */ .smt_20 {position:relative;overflow-y:hidden} .smt_20 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none} .smt_20 .sct_ul_first {display:block;top:0} .smt_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0} .smt_20 .sct_last {margin:0 0 15px !important} .smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none} .smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none} .smt_20 .sct_img {margin:0 0 10px} .smt_20 .sct_txt {margin:0 0 5px} .smt_20 .sct_icon {margin:0 0 10px} .smt_20 .sct_id {display:block;margin:0 0 5px} .smt_20 .sct_basic {margin:0 0 10px} .smt_20 .sct_cost {display:block;margin:0 0 10px;font-weight:700} .smt_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal} .smt_20 .sct_sns {} /* 메인 상품 목록 스킨 30 */ .smt_30 {position:relative;overflow-x:hidden} .smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1} .smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""} .smt_30 .sct_ul_first {display:block;left:0} .smt_30 .sct_li {position:relative;float:left;margin-right:25px} .smt_30 .sct_a {display:inline-block;position:relative;text-decoration:none} .smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none} .smt_30 .sct_img {margin:0 0 10px} .smt_30 .sct_txt {margin:0 0 5px} .smt_30 .sct_icon {margin:0 0 10px} .smt_30 .sct_id {display:block;margin:0 0 5px} .smt_30 .sct_basic {margin:0 0 10px} .smt_30 .sct_cost {display:block;margin:0 0 10px;font-weight:700} .smt_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal} .smt_30 .sct_sns {} /* 메인 상품 목록 스킨 40 */ .smt_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #dadada;background:#fff;width:475px;float:left;text-align:left} .smt_40 .sct_li:nth-child(2n+1){margin-right:15px} .smt_40 .sct_a {text-decoration:none} .smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none} .smt_40 .sct_img {position:absolute;top:0;left:0;height:100%} .smt_40 .sct_img a{display:block} .smt_40 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%} .smt_40 .sct_img:hover .sct_sns{display:block} .smt_40 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)} .smt_40 .sct_sns .share-facebook:hover{background:#415b92} .smt_40 .sct_sns .share-twitter:hover{background:#35b3dc} .smt_40 .sct_sns .share-googleplus:hover{background:#d5503a} .smt_40 .sct_sns img{width:18px} .smt_40 .sct_icon {} .smt_40 .sct_icon img {display:block;margin:0 0 4px} .smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.167em;font-weight:700} .smt_40 .sct_basic {color:#666;margin:5px 0} .smt_40 .sct_cost {margin:10px 0;font-size:1.167em} .smt_40 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through} .smt_40 .sct_rel {position:absolute;bottom:20px;right:20px} .smt_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .smt_40 .sct_rel_li {float:left;margin:0 0 0 10px} .smt_40 .sct_sns {padding:10px 0 0} .smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:700} /* 메인 상품 목록 스킨 50 */ .smt_50 {position:relative} .smt_50 li{margin-bottom:10px;position:relative;padding-left:60px;min-height:50px} .smt_50 .sct_img{width:50px;position:absolute;top:0;left:0} .smt_50 .sct_img img{width:100%;height:auto} .smt_50 .sct_rank{position:absolute;top:0;left:0;background:#fb5861;display:block;width:20px;height:20px;line-height:20px;color:#fff;text-align:center;;z-index:10;font-weight:700} .smt_50 .sct_txt a{color:#555;display:block;margin:0 0 3px;line-height:1.4em} .smt_50 .sct_cost{font-weight:700} .smt_50 .sct_li_1 {padding:0} .smt_50 .sct_li_1 .sct_txt a{margin-top:5px} .smt_50 .sct_li_1 .sct_img{width:100%;position:relative} .smt_50 .sct_li_1 .sct_rank{width:30px;height:30px;line-height:30px} /* 관련상품 목록 스킨 10 */ #sit_rel{position:relative;margin:20px 0 40px;padding:20px;border:1px solid #cdcdcd} #sit_rel h2{font-size:1.5em;margin:10px 0 20px;text-align:center} #sit_rel .bx-wrapper{margin:0 auto} #sit_rel .bx-prev{display:inline-block;position:absolute;top:50%;left:0;width:25px;height:50px;margin-top:-25px;border:1px solid #cdcdcd;border-left:0;text-indent:-999px;overflow:hidden;background:url('img/btn_prev.png') no-repeat 50% 50%;background-size:50%} #sit_rel .bx-next{display:inline-block;position:absolute;top:50%;right:0;width:25px;height:50px;margin-top:-25px;border:1px solid #cdcdcd;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/btn_next.png') no-repeat 50% 50%;background-size:50%} .scr_10 li img{width:100%;height:auto} .scr_10 .sct_txt{margin:5px 0} .scr_10 .sct_cost{font-weight:700} /* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */ #ssch_cate{margin:10px 0} #ssch_cate ul {margin:10px 0;zoom:1} #ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_cate li {float:left;width:20%;border:1px solid #d7d7d7;margin-left:-1px;margin-top:-1px} #ssch_cate a {display:block;padding:0 10px;line-height:40px} #ssch_cate a:hover{background:#f3f3f3;color:#d50c0d} /* 상품 목록 */ #sct{} .sit_admin, .sct_admin{position:fixed;z-index:99999;top:50%;right:0} .sit_admin a, .sct_admin a{display:block;padding:50px 0;width:40px;line-height:20px;text-align:center} /* 상품 목록 현재 위치 */ #sct_location {position:absolute;top:10px;right:0} #sct_location a {display:inline-block;padding:10px 5px;text-decoration:none;letter-spacing:0 !important} .sct_here {font-weight:700} .sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat} /* 상품 목록 카테고리 목록 */ .sct_ct {margin:10px 0 20px} .sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sct_ct ul {;zoom:1} .sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""} .sct_ct a {text-decoration:none} .sct_ct_parent {font-weight:700} .sct_ct_here {color:#ff3600 !important} #sct_ct_1 li {float:left;width:20%;border:1px solid #d7d7d7;margin-left:-1px;margin-top:-1px} #sct_ct_1 li a{display:block;padding:0 10px;line-height:40px} #sct_ct_1 li a:hover{background:#f3f3f3;color:#be334a} #sct_ct_2 li {margin:0 0 10px} #sct_ct_2 a {display:inline-block;width:120px} #sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px} /* 상품 상세보기 */ #sit{} /* 상품 상세보기 - 개요 */ #sit_ov_wrap {margin:0;border-top:2px solid #000;zoom:1} #sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""} /* 상품 상세보기 - 이미지 미리보기 */ /* 상품 상세보기 - 간략정보 및 구매기능 */ #sit_ov{position:relative;float:right;padding:20px 15px 15px;width:535px;height:auto !important;height:355px;min-height:355px} #sit_ov h3{margin:0 0 10px} #sit_title{font-size:1.500em} #sit_opt_info{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_star_sns{position:relative;border:1px solid #e5e5e5;border-top:0;height:45px;padding:10px;line-height:25px } #sit_star_sns span{display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0} #sit_star_sns .sit_star{position:relative;top:-2px;margin:0 5px 0 0} #sit_star_sns a {display:inline-block;vertical-align:middle} #sit_star_sns .btn_sns_share{position:absolute;top:0;right:0;width:45px;height:45px;background:none;border:0;border-left:1px solid #e5e5e5} #sit_star_sns .sns_area{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #333;padding:10px;z-index:10} #sit_star_sns .sns_area:before{content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent} #sit_star_sns .sns_area:after{content: "";position: absolute;top: -7px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent} #sit_star_sns .sns_area a{display:inline-block;width:35px;height:35px;line-height:35px;background:#eee;text-align:center} #sit_star_sns .sns_area a img{width:24px;height:auto} #sit_star_sns .sns_area #sit_btn_rec {font-size:15px} #sit_star_sns .sns_area .share-googleplus{background:#d5503a} #sit_star_sns .sns_area .share-facebook{background:#415b92} #sit_star_sns .sns_area .share-twitter{background:#35b3dc} .sit_info{padding:10px ;border-top:1px solid #ebeff3;margin:15px 0 0;border-bottom:1px solid #ebeff3} .sit_ov_tbl {width:100%;border:0;border-collapse:collapse;color:#666} .sit_ov_tbl th {font-weight:normal;text-align:left} .sit_ov_tbl td {padding:5px 0} .sit_ov_tbl td strong{color:#000;font-size:1.25em} .sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle} .sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle} .sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle} #sit_ov_tbl button {margin:0 1px 0 0} .sit_option {padding:0 10px;border-bottom:1px solid #ebeff3;margin:10px 0 0} .sit_option label{display:block;margin:0 0 5px;color:#666} .sit_option select{width:100%;margin:0 0 10px;height:35px;border:1px solid #cdcdcd} .sit_option h3{font-size:1.083em} .sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */ .sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px} #sit_sel_option h3{position:absolute;font-size:0;line-height:0;overflow:hidden} #sit_ov_soldout{padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:700;text-align:center} #sit_ov_btn:after{display:block;visibility:hidden;clear:both;content:""} #sit_ov_btn button {width:215px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:700;font-size:1.25em} #sit_btn_buy {background:#d50c0c;color:#fff;border:0} #sit_btn_buy:hover{background:#fd0f0f} #sit_btn_cart {border:1px solid #d50c0c;background:#fff;color:#d50c0c} #sit_btn_cart:hover{background:#f3f3f3} #sit_btn_wish{display:inline-block;margin-bottom:10px;text-align:center;font-size:1.25em;float:right;width:65px;height:50px;line-height:48px;border:1px solid #b3b3b3;font-weight:700} #sit_btn_wish:hover{color:#d50c0c} #sit_btn_alm{display:inline-block;width:215px;float:left;margin-right:5px;height:50px;line-height:50px;margin-bottom:10px;font-weight:700;font-size:1.25em;background:#d50c0c;color:#fff;border:0;text-align:center} /* 상품 상세보기 - 다른 상품 보기 */ #sit_siblings {border:1px solid #e5e5e5;margin:15px 0 0;text-align:center;position:relative} #sit_siblings:after {display:block;visibility:hidden;clear:both;content:""} #sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_siblings a {display:inline-block;padding:0 12px;line-height:45px} #sit_siblings a#siblings_prev {position:absolute;top:0;left:0} #sit_siblings a#siblings_next {position:absolute;top:0;right:0} #sit_siblings a:hover{color:#be334a} #sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} /* 상품 재입고 알림 (SMS) */ #sit_sms_new {} #sit_sms_new #sms_agree {text-align:right } #sit_sms_new textarea{line-height:1.5em;color:#555} #sit_sms_new .prd_name{background:#f3f3f3;padding:15px 20px;font-weight:700;font-size:1.167em} /* 상품 상세보기 - 상품정보 */ #sit_inf{margin:0 0 40px 0} #sit_inf h2{position:absolute;font-size:0;line-height:0;content:""} #sit_inf h3{position:absolute;font-size:0;line-height:0;content:""} #sit_inf_basic{margin:0 0 20px;line-height:1.7em} #sit_inf_explan{margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */ #sit_inf_explan img{max-width:100%;height:auto} #sit_inf_open{width:100%;border:0;border-top:1px solid #777;border-collapse:collapse} #sit_inf_open th{padding: 10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left} #sit_inf_open td{padding: 10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top} /* 상품 상세보기 - 사용후기 */ #sit_use{margin:0 0 40px 0} #sit_use h2{position:absolute;font-size:0;line-height:0;content:""} #sit_use h3{position:absolute;font-size:0;line-height:0;content:""} .sit_use_top{position:relative;margin:20px 0 15px;padding:20px 40px;line-height:45px;min-height:90px;vertical-align:middle; border-bottom:solid 1px #aaa} .sit_use_top h4{display:inline-block;font-size:1.5em;margin-right:15px} .sit_use_top .st_bg{background:#666} #sit_use_wbtn {position:absolute;top:20px;right:0} #sit_use_wbtn a{padding:0 20px;line-height:35px;font-weight:700;font-size:1.167em} #sit_use_ol{margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none} .sit_use_li {position:relative;padding:10px;padding-left:150px;min-height:100px;border-bottom:1px solid #e0e0e0} .sit_use_li_title {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:10px 0;background:#fff} .sit_use_li_title:hover{background:#6b99ee;border-color:#6b99ee;color:#fff} .sit_use_tit{font-weight:700;font-size:1.167em} .sit_use_dl{margin:0;position:absolute;top:10px;left:10px;zoom:1} .sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""} .sit_use_dl dt{position:absolute;font-size:0;line-height:0;content:""} .sit_use_dl dd{color:#7f7f7f;line-height:1.5em} .sit_use_dl .sit_use_star {margin:0 0 8px} .sit_use_con{display:none} .sit_use_p {margin:0 0 10px} .sit_use_cmd {text-align:right} .sit_use_cmd a{height:30px;line-height:28px} .sit_use_reply{position:relative;border-top:1px dotted #bbb;margin:10px 0 0 ;padding:10px 0 0 40px} .use_reply_icon{position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0; width:28px;height:17px;text-indent:-999px;overflow:hidden} .use_reply_tit{font-weight:700;line-height:1.5em;padding-right:100px} .use_reply_name{font-size:0.92em;color:#777;margin:5px ;position:absolute;top:10px;right:0} .use_reply_p{padding:10px 0;background:#fff;line-height:1.5em} #sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""} #sit_use_write_star li{float:left;width:33.333%} #sit_use_write_star li img{width:100px} /* 상품 상세보기 - 상품문의 */ #sit_qa{margin:0 0 40px 0} #sit_qa h2{position:absolute;font-size:0;line-height:0;content:""} #sit_qa h3{position:absolute;font-size:0;line-height:0;content:""} #sit_qa_ol{margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none} .sit_qa_li:after{display:block;visibility:hidden;clear:both;content:""} .sit_qa_li{position:relative;border-bottom:1px solid #e0e0e0;padding:15px 10px } .sit_qa_li_title{display:block;float:left;width:80%;text-align:left;background:none;border:0;line-height:25px;font-weight:700;font-size:1.167em} .sit_qa_dl{color:#7f7f7f;margin:0;float:left;width:20%;text-align:right;line-height:25px;zoom:1} .sit_qa_dl:after{display:block;visibility:hidden;clear:both;content:""} .sit_qa_dl dt{position:absolute;font-size:0;line-height:0;content:""} .sit_qa_dl dd{display:inline-block;margin-left:10px} .sit_qaa_done{background:#ff9000;color:#fff;height:25px;line-height:25px;display:inline-block;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal} .sit_qaa_yet{background:#fff;border:1px solid #ff9000;color:#ff9000;height:25px;line-height:23px;display:inline-block;margin-right:10px;font-size:12px;padding:0 8px;font-weight:normal} .sit_qa_con{display:none;clear:both;margin:20px 0 0} .sit_qa_p{margin:10px 0 ;background:#f3f3f3;line-height:1.5em} .sit_qa_p .qa_alp{position:absolute;top:15px;left:25px;font-size:2em;color:#bbb} .sit_qa_qaa{padding:20px;padding-left:70px;position:relative;min-height:100px;border-top:1px solid #ddd} .sit_qa_qaq{padding:20px;padding-left:70px;position:relative;min-height:100px} .sit_qa_con textarea{display:none} .sit_qa_cmd{text-align:right} .sit_qa_cmd a{height:30px;line-height:28px} .sit_qa_pw{display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center} .sit_qa_pw span{display:block;margin:0 0 5px} #sit_qa_wbtn{text-align:right;margin:0 0 20px; border-bottom:solid 1x #aaa} #sit_qa_wbtn a{padding:0 20px;line-height:35px;font-weight:700;font-size:1.167em} #sit_qa_write{border-bottom:solid 1px #aaa} #sit_qa_write #iq_subject{width:100%} /* 상품 상세보기 - 배송정보 */ #sit_dvr{margin:0 0 40px 0} #sit_dvr h2{position:absolute;font-size:0;line-height:0;content:""} /* 상품 상세보기 - 교환정보 */ #sit_ex{margin:0 0 40px 0} #sit_ex h2{position:absolute;font-size:0;line-height:0;content:""} #ssch_cate{margin:10px 0 } #ssch_cate ul {margin:10px 0;zoom:1} #ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_cate li {float:left;width:20%;border:1px solid #d7d7d7;margin-left:-1px;margin-top:-1px} #ssch_cate a {display:block;padding:0 10px;line-height:40px} #ssch_cate a:hover{background:#f3f3f3;color:#d50c0d} #ssch_sort {float:left;width:80%;zoom:1} #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""} #ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1} #ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px} #ssch_sort li a{border-left:1px solid #ddd;display:block;padding:0 10px} #ssch_sort li a:hover{color:#be334a} #ssch_sort li:first-child a{border:0} /*쿠폰존 리스트*/ .couponzone_list{margin:0 0 50px;position:relative} .couponzone_list h2{margin:0 0 15px;padding-bottom:10px;font-size:1.25em;border-bottom:2px solid #000} .couponzone_list p{margin:0 0 5px;position:absolute;top:5px;right:0;color:#666} .couponzone_list ul{padding:0;margin:0;list-style:none} .couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""} .couponzone_list ul li{float:left;width:233px;border:1px solid #ddd;background:#fff;padding:15px;;margin:0 0 10px 10px;line-height:1.2em} .couponzone_list ul li:nth-child(4n+1){clear:both;margin-left:0} .couponzone_list ul li img{width:100%;height:auto} .couponzone_list ul li .coupon_img{} .couponzone_list ul li .coupon_tit{margin:10px 0 5px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .couponzone_list ul li .coupon_date{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} .couponzone_list ul li .coupon_target{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} .couponzone_list ul li .coupon_target a{color:#777;text-decoration:underline} .couponzone_list ul li .coupon_point{margin: 5px 0px;font-size:0.92em;;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} .couponzone_list ul li .coupon_btn{margin:10px 0 0;text-align:center} .couponzone_list ul li .coupon_btn .btn02{width:100%;height:35px;line-height:35px;border-color:#d50c0c;color:#d50c0c;background:#fff;font-weight:700} .couponzone_list ul li .coupon_btn .btn02:hover{background:#d50c0c;color:#fff} .couponzone_list ul li .coupon_btn .disabled {background: #ddd;border:1px;color:#999;border-color:#ddd} .couponzone_list ul li .coupon_btn .disabled:hover {background: #ddd;border:1px;color:#999;border-color:#ddd} .couponzone_list .no_coupon{padding: 100px 0;text-align:center;color:#999} /* 사용후기 모음 */ #sps_sch{margin:0 0 10px;display:none} #sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#fff;color:#3059c7;font-weight:bold;border:1px solid #3059c7;text-decoration:none} #sps_sch .sch_wr{border:1px solid #6d7892;border-radius:3px;display:inline-block} #sps_sch:after {display:block;visibility:hidden;clear:both;content:""} #sps_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd} #sps_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left} #sps_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px} #sit_pvi_thumb{text-align:center;zoom:1} #sit_pvi_thumb:after{display:block;visibility:hidden;clear:both;content:""} #sit_pvi_thumb li{display:inline-block;margin:0 5px 5px 0} #sit_pvi_thumb .li_last{margin:0 !important} #sit_pvi_thumb img{} #sit_pvi_nwbig {padding:10px 0;text-align:center} #sit_pvi_nwbig span {display:none} #sit_pvi_nwbig span.visible {display:inline} #sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none;zoom:1} #sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""} #sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px} #sit_pvi_nw li img {width:60px;height:60px} /* CEO 인사말 */ #company{padding:0 20px} #company h3{padding-bottom:20px;line-height:43px;font-size:33px;font-weight:700;color:#333;border-bottom:1px solid #ddd} #company p{line-height:25px;font-size:17px;color:#666} #company .company{margin:0 0 50px 0;padding:0 0 100px 0;line-height:45px;font-size:32px;color:#333;border-bottom:1px solid #ddd;background:url(../img/bg_ceo.jpg) no-repeat 100% 100%} #company .txt{margin:0 0 30px 0;font-size:16px;color:#333} #company .tit{margin:0 0 40px 0;line-height:40px;font-size:30px;font-weight:600;letter-spacing:-2px;color:#444;text-align:center} #company .sign strong{font-weight:700; color:#333} #company .greeting .tit{margin:0 0 25px 0;font-size:25px;line-height:33px;color:#444} #company .greeting dl{margin:0 0 40px 0} #company .greeting dl dt{margin:0 0 10px 0;font-size:20px;font-weight:600;letter-spacing:-1px;color:#333} #company .greeting dl dd{font-size:16px} #company .greeting p{font-size:16px} #company .sign{padding:5px 90px 0 0;color:#555;font-size:16px;font-weight:700;text-align:right;background:url(../img/bg_ceoSign.gif) no-repeat right top} #company .green{color:#009143} #company .blue{color:#004ea2} /*쿠폰존 리스트*/ #couponz .couponz{position:relative} #couponz .couponz h3{padding:30px 0;font-size:18px;border-top:1px solid #ccc} #couponz .couponz p{position:absolute;top:35px;right:0;font-size:14px;color:#666} #couponz .couponz ul{padding:0;margin:0;list-style:none} #couponz .couponz ul:after {display:block;visibility:hidden;clear:both;content:""} #couponz .couponz ul li{float:left;width:25%;border:1px solid #ddd;background:#fff;padding:15px;;margin:0 0 10px 10px;line-height:1.2em} #couponz .couponz ul li:nth-child(4n+1){clear:both;margin-left:0} #couponz .couponz ul li img{width:auto;max-width:100%;height:auto} #couponz .couponz .img{text-align:center} #couponz .couponz .tit{margin:10px 0 5px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} #couponz .couponz .date{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} #couponz .couponz .target{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} #couponz .couponz .target a{color:#777;text-decoration:underline} #couponz .couponz .point{margin: 5px 0px;font-size:0.92em;;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} #couponz .couponz .btn{margin:10px 0 0;text-align:center} #couponz .couponz .btn .btn02{width:100%;height:35px;line-height:35px;border-color:#d50c0c;color:#d50c0c;background:#fff;font-weight:700} #couponz .couponz .btn .btn02:hover{background:#d50c0c;color:#fff} #couponz .couponz .btn .disabled {background: #ddd;border:1px;color:#999;border-color:#ddd} #couponz .couponz .btn .disabled:hover {background: #ddd;border:1px;color:#999;border-color:#ddd} #couponz .couponz .nocoupon{padding:100px 0;text-align:center;font-size:16px;color:#999;border-top:1px solid #eee} #couponz .couponz .admin{position:absolute;z-index:4000;top:-70px;right:0} #couponz .couponz .admin a{padding:0 20px;line-height:42px} /**/ #clause{} #clause h3{padding-bottom:20px;line-height:43px;font-size:33px;font-weight:700;color:#333;border-bottom:1px solid #ddd} #clause h4{margin:0 0 20px 0;font-size:17px;font-weight:700} #clause p{padding:10px 20px 20px 20px;font-size:14px} #clause .clause dd dl{margin:0 0 22px 0} #clause .clause{padding:20px} #clause .clause dt{margin:0 0 22px 0;font-size:17px;font-weight:700} #clause .clause dd{padding:0 10px;font-size:14px} #clause .clause dd dl{margin:0 0 22px 0} #clause .clause dd dl dd ul{} #clause .clause dd dl dd ul li{padding:0 0 0 34px;text-indent:-17px} #clause .clause dd dl dd ul li ul{margin:0 0 22px 0} #clause .clause dd dl dd ul li ul li{padding:0 0 0 34px;text-indent:-17px} #clause .privacy{padding:20px} #clause .privacy dt{margin:0 0 22px 0;font-size:17px;font-weight:700} #clause .privacy dd{margin:0 0 10px 0;font-size:14px} #clause .privacy dd ul{margin:0 0 22px 0} #clause .privacy dd ul li{padding:0 0 0 17px} #clause .privacy dd ul li p{padding:0 0 0 17px} #clause .privacy table{width:100%;border:0;border-top:2px solid #4f4f4f;border-bottom:1px solid #dadada;border-collapse:collapse} #clause .privacy tr th:first-child, #clause .privacy tr td:first-child {border-left:none} #clause .privacy th{padding:10px 20px;text-align:center;color:#555;border-top:1px solid #dadada;border-left:1px solid #dadada} #clause .privacy td{padding:10px 20px;color:#555;border-top:1px solid #dadada;border-left:1px solid #dadada} #clause .privacy thead th{font-weight:700;color:#333;background:#fafafa} #clause .privacy tbody th{border:1px solid #dadada;background:#fafafa} #clause .privacy tbody td{font-weight:400} #clause .email{padding:10px 20px 5px 20px;border:1px solid #ccc;background:#fff} #clause .email p{line-height:30px;font-size:15px;letter-spacing:-1px;color:#444} #clause .email p em{font-weight:700} /**/ #article .bboard{padding-bottom:30px !important} #bbs{} #bo_btn_top{margin: 10px 0 5px} #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx {margin-bottom:5px;float:right;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} .bo_notice td {background:#f5f6fa} .bo_notice td a {font-weight:700} .td_num strong {color:#000} .bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */ .bo_tit{display:block;font-weight:700;color:#000} .td_subject .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px} .bo_current {color:#e8180c} #bbs .total{float:left;padding:0 15px;line-height:35px;font-size:14px;color:#333;background:#eee} #bbs .user{float:right;margin:0;padding:0;list-style:none} #bbs .user li{float:left;margin-left:5px} #bbs .adm{float:left} #bbs .adm li{float:left;margin-right:5px} #bbs .adm input{padding:0 10px;color:#666;vertical-align:middle;border:0;background:#d4d4d4;text-decoration:none} #bbs .list .profile_img img{border-radius:50%} #bbs .list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:700;color:#ed6478} #bbs .list .bo_tit .fa-heart{color:#fe4560} #bbs .list .bo_tit .fa-lock{color:#000} #bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:3px} #bo_sch:after {display:block;visibility:hidden;clear:both;content:""} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left} #bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px} /**/ #bbs .write li{position:relative} #bbs .write .bo_w_info:after{display:block;visibility:hidden;clear:both;content:""} #bbs .write .bo_w_info .frm_input{float:left;width:33%} #bbs .write .qa_content_wrap.smarteditor2 iframe{background:#fff} #bbs .write .bo_w_tit{position:relative} #bbs .write .bo_w_tit .frm_input{padding-right:120px} #bbs .write .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px} #bbs .write .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888} #bbs .write .bo_w_link .frm_input{padding-left:50px} #bbs .write .bo_w_flie .lb_icon{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888} #bbs .write .bo_w_flie .frm_file{padding-left:50px} #bbs .write .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} #bbs .write .bo_w_flie .frm_input{margin:10px 0 0 } #bbs .write .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d} #bbs .write .bo_w_mail{float:left;width:49%} #bbs .write .bo_w_hp{float:right;width:49%} #bbs .write .bo_w_sbj{clear:both} #bbs .write .frm_info{color: #3497d9;margin:0 0 5px;display:inline-block;font-size: 0.92em} #wr_password{margin:0 0.5%} #qa_category{padding:0 10px;height:40px;font-size:14px;border:1px solid #3497d9;border-radius:3px} /* 초기화 */ body {margin:0;padding:0;font-size:0.95em; background:#fff} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul{margin:0;padding:0;list-style:none} ol,li,dl,dt,dd{margin:0;padding:0} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-size:1em} button {cursor:pointer} textarea, select {font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} input[type=text],input[type=password], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none} input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important} .placeholdersjs{color:#aaa !important} /* 팝업레이어 #hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img{max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding: 10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject{background:#000;text-align:left} .hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0} */ /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:700;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 */ #captcha{display:inline-block;position:relative} #captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img{width:100px;height:43px;border:1px solid #e9e9e9} #captcha #captcha_mp3{position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_mp3 span{position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')} #captcha #captcha_reload{position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_reload span{position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')} #captcha #captcha_key{margin:0 10px 0 25px;padding:0 5px;width:100px;height:43px;line-height:43px;font-size:1.333em;font-weight:700;text-align:center;border:1px solid #ccc;background:#fff} #captcha #captcha_info{display:inline-block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:700} .cke_sc_def dd {width:30%} /* Mobile화면으로 */ #mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* 목록 바로가기 */ .sanchor{margin:30px 0 20px ;padding:0;zoom:1;display:none} .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li {float:left;width:20%;text-align:center;;list-style:none} .sanchor li a{display:block;position:relative;height:60px;margin-left:-1px;background-color:#f7f7f7;border:1px solid #cdcdcd;border-bottom:1px solid #000;font-size: 1.25em; color: #666;line-height: 58px;text-align: center;z-index:1} .sanchor li .sanchor_on{margin:0 0 0 -1px;border:1px solid #000;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:700} .sanchor li a .item_qa_count,.sanchor li a .item_use_count{display:inline-block;background:#aaa;padding:0 5px;line-height:23px;border-radius:15px;color:#fff;min-width:23px;font-size:12px} .sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count{background:#808080} /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:700} /* 버튼 */ a.btn,.btn{display:inline-block;padding:0 20px;line-height:37px;font-size:14px;font-weight:500;vertical-align:middle;color:#fff;text-align:center;border:0;background:#20409a;border-radius:30px} a.btn01 {display:inline-block;padding:0 7px;border:1px solid #ccc;border-bottom:1px solid #aaa;background:#fff;color:#333;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover,button.btn01:hover {text-decoration:none;background:#f3f3f3} button.btn01{display:inline-block;margin:0;padding:0 7px;border:1px solid #b3b3b3;background:#fff;color:#333;text-decoration:none} a.btn02{display:inline-block;padding:0 7px;vertical-align:middle;color:#fff;border:1px solid #d50c0c;background:#d50c0c;text-decoration:none} a.btn02:focus, .btn02:hover{text-decoration:none;background:#fd0f0f} button.btn02 {display:inline-block;margin:0;padding:0 7px;border:1px solid #d50c0c;background:#d50c0c;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {background:#d50c0c;color:#fff;border:0} .btn_submit:hover{background:#fd0f0f} .btn_address{background:#70aff2;border:1px solid #3476be;height:37px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:700} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel{color:#000;border:1px solid #ccc;background:#fafafa} button.btn_cancel{display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:37px;border:1px solid #3476be;color:#3476be;background:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} a.btn_frmline {line-height:24px} button.btn_frmline {font-size:1em} /* 선택수정 버튼 */ .btn_list {margin:0 auto;width:93%} .btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;font-weight:700;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 table{border-bottom:1px solid #d3d3d3} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head01 td:first-child{border-left:0} .tbl_head01 a {} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-bottom: 1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} .tbl_head03 {margin:0 0 10px} .tbl_head03 table{border-bottom:1px solid #d3d3d3} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head03 td:first-child{border-left:0} .tbl_head03 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal} .tbl_frm01 td {padding:5px 10px;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input,.frm_address{width:100%} .half_input{width:49.5%} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_address {margin-top:5px} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본리스트*/ .list_01 li{border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none;position:relative} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover{background:#f9f9f9} .list_02 ul:after {display:block;visibility:hidden;clear:both;content:""} .list_02 li{float:left;width:230px;margin:10px 0 15px 15px} .list_02 li:nth-child(4n+1){clear:both;margin-left:0} /*폼 리스트*/ .form_01 h2{margin:0 0 10px;font-size:1.25em} .form_01 li{margin:10px 0} .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input{float:right} .form_01 textarea{height:100px;width:100%} .form_01 .frm_label{display:inline-block;width:130px} .form_01 .form_left{float:left;width:49.5%} .form_01 .form_right{float:right;width:49.5%} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center;color:#777 !important} .empty_list ,.empty_li{padding:20px 0 !important;text-align:center;color:#777 !important} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px} .grid_2 {width:90px} .grid_3 {width:140px} .grid_4 {width:190px} .grid_5 {width:240px} .grid_6 {width:290px} .grid_7 {width:340px} .grid_8 {width:390px} .grid_9 {width:440px} .grid_10 {width:490px} .grid_11 {width:540px} .grid_12 {width:590px} .grid_13 {width:640px} .grid_14 {width:690px} .grid_15 {width:740px} .grid_16 {width:790px} .grid_17 {width:840px} .grid_18 {width:890px} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:80px;text-align:center} .td_datetime {width:110px;text-align:center} .td_default {width:60px;text-align:center} .td_dvr {width:100px;text-align:center} .td_group {width:100px;text-align:center} .td_imgsmall {width:60px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:100px;text-align:center} .td_nick {width:100px;text-align:center} .td_name {width:100px;text-align:left} .td_namesmall {width:50px;text-align:left} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_mngsmall {width:50px;text-align:center} .td_statsmall {width:50px;text-align:center} .text_left{text-align:left !important} .text_center{text-align:center !important} .text_right{text-align:right !important} /* 새창 기본 스타일 */ .new_win {position:relative} .new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {border-right:1px solid #dfe6e7} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li{float:left;background:#f3f7f7;width:33.333%;text-align:center;border-left:1px solid #dfe6e7;border-bottom:1px solid #dfe6e7;border-top:1px solid #dfe6e7} .new_win .win_ul li a{display:block;padding:10px 0} .new_win .win_ul .selected{background:#fff;border-bottom-color:#fff;border-top-color:#ae99da} .new_win .win_ul .selected a{color:#9781c5} .new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db} .new_win .frm_info{font-size:0.92em;color:#3598db} .new_win .win_total{text-align:right;margin:10px 0} .new_win .win_total span{display:inline-block;padding: 0 5px;color:#777;line-height: 26px;border: 1px solid #ddd;border-radius: 3px;font-size: 0.92em} .new_win .new_win_con{margin:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden} .new_win .btn_submit {padding:0 20px;height:40px;border-radius:3px;font-weight:700;font-size:1.083em;float:right} .new_win .win_btn{margin:10px 0} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:30px 0 ;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {} .pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page,.qa_page {background:#fdfdfd;border:1px solid #d4d4d4;color:#555;;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover{background-color:#f3f3f1} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%;padding:0} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%;padding:0} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%;padding:0} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%;padding:0} .pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:700;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx_img {margin:0 0 20px} #sidx_img img {max-width:100%;height:auto} /* 마이페이지 */ #smb_my {position:relative} #smb_my_ov {margin:0 0 20px;position:relative} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_ov .my_ov_name{display:block;background:#fff;border:1px solid #ccc;line-height:45px;padding:0 20px;font-size:1.167em} #smb_my_ov .my_ov_name img{width:20px;border-radius:50%} #smb_my_act {position:absolute;top:-35px;right:0;zoom:1} #smb_my_act:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_act ul {float:right;margin:0;padding:0;list-style:none} #smb_my_act li {float:left;margin:0 0 0 4px} #smb_my_act li a{line-height:25px;padding:0 5px} #smb_my_act li .btn_admin{height:27px} #smb_my_ov .cou_pt{position:absolute;top:0 ;right:0} #smb_my_ov .cou_pt dt{float:left;width:90px;line-height:45px} #smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 20px 0 0 ;line-height:45px} #smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:700;font-size:1.167em} #smb_my_ov .op_area{background:#f8f8f8;border:1px solid #ccc;border-top:0;padding:10px 15px;line-height:18px;color:#555} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt{float:left;width:10%;margin:3px 0;font-weight:700} #smb_my_ov .op_area dd{float:left;width:40%;;margin:3px 0} .my_ov_btn{text-align:center} .my_ov_btn button{background:#fff;border:1px solid #ccc;vertical-align:top;border-top:0;padding:0 20px;height:25px} .my_ov_btn button:hover{background:#f3f3f3} #smb_my_ovaddd{width:90%} #smb_my_ovaddt {border-bottom:0 !important} #smb_my_ovaddd {width:590px !important;border-bottom:0 !important} #smb_my_od {margin:0 0 50px;position:relative} #smb_my_od h2 {margin:0 0 10px;font-size:1.25em} #smb_my_od td{text-align:center} #smb_my_od td a{font-weight:700} #smb_my_wish{position:relative} #smb_my_wish h2 {margin:0 0 10px;font-size:1.25em;padding:0 0 10px;border-bottom:2px solid #000} .smb_my_img{margin:0 0 5px} .smb_my_tit{margin:5px 0 ; font-size:1.167em;font-weight:700} .smb_my_date{font-size:0.92em;color:#777} .smb_my_more {position:absolute;top:0;right:0} .smb_my_more a{display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} /*장바구니 주문서 공통*/ .od_prd_list .td_chk{border-left:0} .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .od_prd_list .td_prd .sod_name{min-height:80px} .od_prd_list .td_prd .prd_name{font-size:1.167em} .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em} .sod_opt {} .sod_opt ul {margin:0;padding:0;list-style:none} .sod_opt li {padding-left:10px;background:url('../img/bullet.gif') no-repeat 3px 8px;color:#777;margin:3px 0;line-height:1.3em} .sod_option_btn .mod_options {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 } .cp_btn {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 } .cp_cancel {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;margin:10px 0 0 2px} /* 장바구니 */ #sod_bsk {} .btn_cart_del{margin:10px 0} .btn_cart_del button{height:30px;padding:0 10px;border:1px solid #e2e2e2;border-bottom:1px solid #c4c4c4;background:#fff;color:#666} #sod_bsk_list {position:relative} #sod_bsk #sod_bsk_tot {background:#f4f4f4;padding:15px;margin:20px 0;zoom:1} #sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk #sod_bsk_tot li{float:left;width:33.333%;border-left:1px solid #e6e2e2;text-align:center;padding:10px 0;font-size:1.167em} #sod_bsk #sod_bsk_tot li:first-child{border:0} #sod_bsk #sod_bsk_tot li span{display:block;margin:0 0 5px} #sod_bsk #sod_bsk_tot li strong{font-size:1.25em} #sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{color: #ff006c} #sod_bsk_act {text-align:center} #sod_bsk_act .btn_submit{height:50px;padding:0 10px;width:160px;font-weight:700;font-size:1.25em} #sod_bsk_act .btn01{height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:700;font-size:1.25em} #sod_bsk_act p {margin:0 0 10px} /*장바구니 선택사항수정*/ #sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;width:540px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none; -webkit-box-shadow: 1px 2px 5px #bbb; -moz-box-shadow: 1px 2px 5px #bbb; box-shadow: 1px 2px 5px #bbb} #mod_option_frm h2{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px;margin:0 0 15px;font-size:1.25em; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee} .option_wr {background:#f3f3f3;margin:0 20px 10px;padding:15px} .option_wr h3{font-size:1.167em} .option_wr label{display:block;margin:10px 0 5px} .option_wr select{width:100%;border:1px solid #ccc;height:35px} #mod_option_frm #sit_sel_option{margin:20px} #mod_option_frm #sit_tot_price{margin:20px} #mod_option_frm #sit_opt_added {border-top:1px solid #e9e9e9} #mod_option_frm .btn_confirm{margin:20px } #mod_option_frm .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%;cursor:pointer} #mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;border-left:1px solid #cdcdcd;font-size:1.25em} #mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3} /* 배너 인덱스 출력 */ #sbn_idx {} /* 쇼핑몰 이벤트 */ #sev {} .sev_admin {margin:0 0 10px;text-align:right} .sev_admin a{line-height:35px;padding:0 10px} /*네이버페이*/ .itemform-naverpay{margin:15px 0;clear:both} .cart-naverpay{margin-top:15px}