@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url("board.css");
@import url("layout.css");
@import url("shop.css");

html{font-size:62.5%;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased}
body{font-size:12px;line-height:1.42857143;background:#fff;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased}
ol,ul{list-style:none}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block}
nav ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;color:#333;text-decoration:none;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
hr{display:none}
input, select{vertical-align:middle}
caption{display:none}
select,input,textarea,button{font-size:99%}
a,input,button{cursor:pointer}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
legend{display:none}
input, select{vertical-align:middle}
i,em{font-style:normal}
select{font-size:14px;font-size:1.4rem;border:1px solid #ccc;border-radius:0px}

i,em,address,cite{font-style:normal}
input,
select,
textarea,
button{border-radius:0}
*:focus{outline:none}
*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;font-family:'xeicon','Lato','Noto Sans KR','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'}

.sanchor,
.selthumb,
#sit_inf_basic,
#sit_rel,
#sit_inf_open,
#sit_use,
#sit_dvr,
#sit_ex{}

/**/
#side_menu{position:fixed;top:0;right:0;z-index:4000;height:100%;background:#fff}
#side_menu .side_menu_wr{display:none;width:230px;overflow-y:auto;height:100%;border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}

/**/
#ktplay .prod .shop_icon_1{background-color:#999999}
#ktplay .prod .shop_icon_2{background-color:#38a7e3}
#ktplay .prod .shop_icon_3{background-color:#5dae86}
#ktplay .prod .shop_icon_4{background-color:#566e9e}
#ktplay .prod .shop_icon_5{background-color:#625aaf}
#ktplay .prod .nocontent{min-height:300px;line-height:300px}

#main #quick{top:650px}
#main #today{top:650px}
#main #quick.fixed,
#main #today.fixed{position:fixed;top:20px}

@media \0screen{
	#preview .todays input[id="chkbox"]{display:inline-block}
	#preview .todays input[id="chkbox"] + label i{display:none}
}

/**/
#detail{padding:0 0 80px 0;background:#fff}
#detail .subject strong{font-size:15px;font-weight:400;color:#777}
#detail .subject h3{font-size:36px;font-weight:600;letter-spacing:-1px;color:#593d35}
#detail .subject p{padding-bottom:15px;font-size:18px;color:#b0805d}
#detail .commodity{}
#detail .commodity li{overflow:hidden}
#detail .commodity li label{float:left;display:block;width:150px;line-height:30px;font-size:15px;font-weight:500}
#detail .commodity li strong{float:left;display:block;line-height:30px;font-size:15px;font-weight:500}
#detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-weight:300}
#detail .commodity .price{font-size:18px;color:#888}
#detail .commodity .money{margin-bottom:20px;padding:30px 0;border-top:1px solid #efe5d5;border-bottom:1px solid #efe5d5;overflow:hidden}
#detail .commodity .money strong{float:left;display:block;width:150px;font-size:24px;color:#b0805d}
#detail .commodity .money span{float:left;display:block;line-height:30px;font-size:14px;font-weight:500}
#detail .option{padding:10px 0;border-top:1px solid #eee}
#detail .option h4{padding:5px 0 15px 0}
#detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
#detail .option div label{float:left;display:block;width:15%}
#detail .option div span{float:left;display:block;width:85%}
#detail .option select{width:100%;height:35px;border:1px solid #cdcdcd}
#detail .option h3{font-size:15px}
#detail .seloption h4{display:none}
#detail .seloption .sit_opt_list{position:relative;padding:20px 0;padding-right:220px;border-bottom:1px solid #999}
#detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
#detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
#detail .seloption .opt_count button{float:left;width:30px;height:30px;font-size:0.92em;color:#494949;border:1px solid #aaa;background:#fff}
#detail .seloption .opt_count button:hover{color:#000}
#detail .seloption .num_input{float:left;border:0;height:30px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
#detail .seloption .sit_opt_del{border:0;font-size:15px}
#detail .seloption .sit_opt_del:hover{color:#be334a}
#detail .seloption .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700}
#detail .selprice{padding:20px 0;text-align:right;font-size:24px;font-weight:700;color:#010101;overflow:hidden}
#detail .selprice span{float:left;font-size:14px;font-weight:400}
#detail .selprice strong{font-size:24px;font-weight:700;padding:20px 0}
#detail .selprice .price{font-size:24px}
#detail .selbtn{overflow:hidden}
#detail .selbtn button{float:left;margin-right:10px;line-height:45px;font-size:16px;font-weight:500;border:0;box-sizing:border-box}
#detail .selbtn a{float:right;display:block;width:15%;line-height:45px;font-size:15px;font-weight:500;text-align:center}
#detail .selbtn button i,
#detail .selbtn a i{position:relative;top:4px;font-size:24px;font-weight:200}
#detail .selbtn .btn_counsel{width:39%;color:#fff;border:1px solid #a38b78;background:#a38b78}
#detail .selbtn .btn_counsel:hover{border:1px solid #80634c;background:#80634c}
#detail .selbtn .btn_buy{width:39%;color:#fff;border:1px solid #010101;background:#010101}
#detail .selbtn .btn_buy:hover{border:1px solid #88341e;background:#88341e}
#detail .selbtn .btn_order{width:39%;color:#fff;border:1px solid #593d35;background:#593d35}
#detail .selbtn .btn_order:hover{color:#fff;border:1px solid #462b23;background:#462b23}
#detail .selbtn .btn_cart{color:#777;border:1px solid #aaa;background:#fff}
#detail .selbtn .btn_cart:hover{color:#222;border:1px solid #333;background:#fff}
#detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff}
#detail .selbtn .btn_wish:hover{color:#727272;border:1px solid #727272}
#detail .selbtn .btn_alm{color:#fff;border:0;background:#727272}
#detail .detail{*zoom:1}
#detail .detail:before,
#detail .detail:after{clear:both;display:table;content:"";line-height:0}
#detail .fl{position:relative;width:570px}
#detail .fr{width:570px}
#detail .selimage{padding:0}
#detail .selimage a{display:none}
#detail .selimage a.visible{display:block}
#detail .selimage img{display:block;width:auto;max-width:90%;height:auto}
#detail .selthumb ul{padding:30px 0}
#detail .selthumb li img{display:block}

#detail .selctrl{position:relative;padding:10px 0;text-align:center;display:none}
#detail .selctrl h2{display:none}
#detail .selctrl a{font-size:15px}
#detail .selctrl a:hover{color:#be334a}
#detail .selctrl a span{display:none}
#detail .selctrl .btn_zoom i{font-size:24px}
#detail .selctrl .btn_zoom span{display:none}
#detail .selctrl #siblings_prev{position:absolute;top:5px;left:0;line-height:36px}
#detail .selctrl #siblings_next{position:absolute;top:5px;right:0;line-height:36px}
#detail .selsns{position:relative;line-height:30px;display:none}
#detail .selsns a{display:inline-block;vertical-align:middle}
#detail .selsns strong{padding:0 30px 0 0;font-size:15px;font-weight:400}
#detail .selsns strong span{display:none}
#detail .selsns .btn_sns{position:absolute;top:0;right:0;display:block;line-height:30px;font-size:15px;border:0;background:none}
#detail .selsns .btn_sns span{display:none}
#detail .selsns .sit_star{position:relative;top:-2px;margin:0 5px 0 0}
#detail .selsns .sns_area{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #333;padding:10px;z-index:10}
#detail .selsns .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;}
#detail .selsns .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;}
#detail .selsns .sns_area a{display:inline-block;width:35px;height:35px;line-height:35px;background:#eee;text-align:center;}
#detail .selsns .sns_area a img{width:24px;height:auto;vertical-align:middle;}
#detail .selsns .sns_area #sit_btn_rec{font-size:15px}
#detail .selsns .sns_area .share-googleplus{background:#d5503a}
#detail .selsns .sns_area .share-facebook{background:#415b92}
#detail .selsns .sns_area .share-twitter{background:#35b3dc}

/**/
#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 .listnoitem{padding:100px 0;text-align:center}
#article .listcategory{background:#fff}
#article .listcategory h2{display:none}
#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}
#article .sortnav{border-bottom:1px solid #c9c9c9;*zoom:1}
#article .sortnav:before,
#article .sortnav:after{clear:both;display:table;content:"";line-height:0}
#article .sortnav ul{position:relative;bottom:-1px}
#article .sortnav li{float:left;margin-right:3px}
#article .sortnav li:first-child a{margin:0}
#article .sortnav li *{transition:all 0.2s cubic-bezier(0.4, 0, 0.6, 1)}
#article .sortnav li a{display:inline-block;position:relative;padding:0 30px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#555;text-align:center;border:1px solid #c9c9c9;border-bottom:1px solid #fff;background:#fff}
#article .sortnav li a i{display:none}
#article .sortnav li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131}
#article .sortnav li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc}
#article .sortnav li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa}
#article .sortnav li a.sel:hover{color:#014fbb}
#article .sortnav li a.sel:hover i{margin-left:-0%;width:0%}
#article .sortnav h2{display:none}
#article .sortopt{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;overflow:hidden}
#article .sortopt .sort h3{display:none}
#article .sortopt .sort a{display:inline-block;position:relative;padding:0 30px 0 0;line-height:60px;font-size:14px;font-weight:500;color:#999}
#article .sortopt .sort a:before{content:'';position:absolute;top:25px;right:10px;width:1px;height:12px;background:#ccc}
#article .sortopt .sort a:hover{color:#333}
#article .sortopt .sort a:last-child:before{width:1px;height:12px;background:#fff}
#article .sortopt .path{position:absolute;top:0;right:0}
#article .sortopt .path a{display:inline-block;line-height:60px;font-size:14px;color:#555;transition:all 0.3s}
#article .sortopt .path a:hover{color:#000}
#article .sortopt .path a:before{padding:0 8px;color:#bbb}
#article .sortopt .grid{display:none;float:right;margin:0 0;padding:0;list-style:none;zoom:1}
#article .sortopt .grid:after{display:block;visibility:hidden;clear:both;content:""}
#article .sortopt .grid li{float:left;position:relative}
#article .sortopt .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 .sortopt .grid button.sct_lst_list{border-left:1px solid #dfdfdf}
#article .sortopt .grid button .icon{display:block}

/**/
#quick{position:absolute;z-index:900;top:220px;left:50%;margin-left:-720px;width:100px;transition:all 0.5s cubic-bezier(0.4, 0, 0.6, 1)}
#quick h3{line-height:40px;font-size:13px;letter-spacing:-1px;text-align:center;color:#fff;background:#727272}
#quick .quick div{position:relative;padding:20px 0;border-bottom:1px solid #eee}
#quick .quick div i{float:right}
#quick .quick div a{display:inline-block;color:#777}
#quick.fixed{position:fixed;top:20px}

/**/
#today{position:absolute;z-index:900;top:220px;right:50%;margin-right:-720px;width:100px;transition:all 0.5s cubic-bezier(0.4, 0, 0.6, 1)}
#today h3{line-height:40px;font-size:12px;letter-spacing:-1px;text-align:center;color:#fff;background:#727272}
#today #stv{min-height:500px;border:1px solid #ccc;border-top:0;background:#fff}
#today #stv .stv_item{padding:10px 0;text-align:center;border-bottom:1px solid #ccc}
#today #stv .prd_img{padding:0 0 5px 0}
#today #stv .prd_name{padding:0 5px;font-size:12px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#today #stv .prd_cost{padding:0 5px;font-size:11px}
#today #stv .li_empty{padding:0 5px;font-size:12px;text-align:center}
#today #stv_ul{padding:20px 0}
#today #stv_pg{position:absolute;bottom:0;left:0;width:100%;line-height:30px;background:#f3f3f3}
#today #up{z-index:10;height:30px}
#today #down{z-index:10;height:30px}
#today.fixed{position:fixed;top:20px}

/**/
#poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}
#poplayer .poplayer{position:absolute;z-index:5000;top:5%;left:50%;margin:0 0 0 -300px;padding:30px;width:600px;border:10px solid #4f535d;background:#fff}
#poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center}
#poplayer .product{padding-bottom:5px;border-top:2px solid #ccc}
#poplayer .product table{width:100%;border-collapse:collapse}
#poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa}
#poplayer .product thead{display:none}
#poplayer .product a strong{display:block}
#poplayer .product a span{display:block;font-size:12px}
#poplayer .policy{padding-bottom:5px}
#poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
#poplayer .policy ul{padding-bottom:5px}
#poplayer .policy ul li{font-size:12px}
#poplayer .policy ul ul{padding:0 0 5px 10px}
#poplayer .policy .agree{line-height:30px;text-align:center}
#poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px}
#poplayer .policy .agree label{padding-right:10px;font-size:12px}
#poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll}
#poplayer .form .overflow{overflow:hidden}
#poplayer .form .overflow .input{float:left;width:50%}
#poplayer .form .input{position:relative;padding:0 0 5px 13%}
#poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px}
#poplayer .form .input label strong{display:none}
#poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
#poplayer .form .input input,
#poplayer .form .input textarea{width:100%;border:1px solid #eee}
#poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
#poplayer .form .input .t_area{padding:5px;height:80px}
#poplayer .button{padding-top:10px;text-align:center}
#poplayer .button button{padding:0 20px}
#poplayer .button .btn_submit{color:#fff;background:#003e9e}

#group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0}
#group .txt h2{padding:90px 0 5px 0;font-size:36px;font-weight:500;color:#fff}
#group .txt p{font-size:20px;font-weight:300;color:#fff}
#group .wrap{padding:40px 0;border-top:1px solid #aaa}
#group .group{float:left;width:50%}
#group .group:nth-of-type(odd) .latest{margin:0 0 0 30px}
#group .group:nth-of-type(even) .latest{margin:0 30px 0 0}
#group .latest{position:relative;min-height:300px}
#group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee}
#group .latest li a{display:block;padding:10px;font-size:14px;border-bottom:1px solid #eee}
#group .latest .nocontent{padding:100px 0}
#group .latest .more{position:absolute;top:20px;right:10px}
#group .latest .more i{font-size:15px;font-weight:100;color:#999}

/**/
#content{padding:0 20px}
#content .admin{position:absolute;z-index:4000;top:-1px;right:0}

/**/
#gift{padding:40px 20px;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:204px;height:204px;text-align:center;vertical-align:middle}
#gift .img:before{content:"";position:absolute;top:0;left:0;width:204px;height:204px;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}

/**/
#card{padding:0 20px}
#card h3{padding-bottom:20px;line-height:43px;font-size:33px;font-weight:700;color:#333;border-bottom:1px solid #ddd}
#card .cardback{padding:30px 0;background:url("../img/bg_card.jpg") no-repeat 100% 100%}
#card .cardback dl{padding-bottom:30px}
#card .cardback dt{padding-bottom:30px;line-height:40px;font-size:30px;font-weight:600;letter-spacing:-2px;color:#444}
#card .cardback dt span{font-weight:700}
#card .cardback dt strong{display:block;color:#222}
#card .cardback dd{padding-bottom:30px;line-height:25px;font-size:17px;color:#666}
#card .cardback p{padding:0 0 0 24px; font-size:15px; color:#333; background:url("../img/ico_point.png") no-repeat 0 2px}
#card .cardbox{margin-bottom:50px;padding:15px 20px;border:1px solid #eee}
#card .cardbox dl{padding:20px 20px 20px 110px;background:url(../img/bg_point.png) no-repeat 20px 50%}
#card .cardbox dt{font-size:16px;font-weight:700;color:#004ea2}
#card .cardbox dd{color:#555}
#card .cardinfo{position:relative;padding:0 0 100px 330px}
#card .cardinfo h4{margin:0 0 15px 0;padding:0 0 15px 0;font-size:19px;font-weight:700;color:#004ea2;border-bottom:1px solid #ccc;background:none}
#card .cardinfo h4 span{padding:0 10px;font-size:13px;font-weight:500;color:#777}
#card .cardinfo h4 img{position:absolute;left:0;top:2px}
#card .cardinfo h5{padding:0 0 10px 0;font-size:16px;font-weight:700;letter-spacing:-1px;color:#333}
#card .cardinfo ul{padding:0 0 20px 0}
#card .cardinfo ul li{font-size:13px}
#card .cardinfo table{margin:0 0 16px;width:100%;border:0;border-top:2px solid #4f4f4f;border-bottom:1px solid #dadada;border-collapse:collapse}
#card .cardinfo table caption{display:none}
#card .cardinfo table tr th:first-child,
#card .cardinfo table tr td:first-child{border-left:none}
#card .cardinfo table th,
#card .cardinfo table td{padding:10px 20px 11px 20px;text-align:center;color:#555; border-top:1px solid #dadada;border-left:1px solid #dadada}
#card .cardinfo table th.bor_r{border-right:1px solid #dadada !important}
#card .cardinfo table thead th{color:#333; font-weight:700; background:#fafafa}
#card .cardinfo table tbody th.rowgroup{font-size:16px; color:#004ea2; font-weight:700}
#card .cardinfo table tbody th{border:1px solid #dadada; background:#fafafa}
#card .cardinfo table tbody td{font-weight:400}
#card .cardinfo table tfoot th, #card .cardinfo table tfoot td{background:#fafafa}
#card .cardinfo table tfoot th{color:#004ea2}
#card .cardinfo table tbody.th_fn th{font-weight:400}
#card .cardinfo table .td_price td{color:#cd1212; font-weight:700}
#card .cardinfo table .order_info{text-align:left}
#card .cardinfo table .order_info dt{margin:0 0 4px; color:#222; font-weight:700}
#card .cardinfo table .order_info dt a{color:#222}
#card .cardinfo table .order_info dd{}
#card .cardinfo table.t_order td a{text-decoration:underline; font-weight:700; color:#222}
#card .cardinfo table tbody td.lineL{border-left:1px solid #dadada !important}  
#card .cardinfo table tbody td.lineR{border-right:1px solid #dadada !important}
#card .cardinfo .button{position:absolute;left:50px;top:220px;display:block}
#card .cardinfo .button span{display:block;width:200px;line-height:35px;font-size:13px;font-weight:600;text-align:center;color:#2b60a2;border:1px solid #c2d2e6}
#card .ars h4{margin:0 0 15px 0;padding:0 0 15px 0;font-size:19px;font-weight:700;color:#004ea2;background:none}
#card .ars table{margin:0 0 16px;width:100%;border:0;border-top:2px solid #4f4f4f;border-bottom:1px solid #dadada;border-collapse:collapse}
#card .ars table caption{display:none}
#card .ars table tr th:first-child,
#card .ars table tr td:first-child{border-left:none}
#card .ars table th,
#card .ars table td{padding:10px 20px 11px 20px;text-align:center;color:#555; border-top:1px solid #dadada;border-left:1px solid #dadada}
#card .ars table th.bor_r{border-right:1px solid #dadada !important}
#card .ars table thead th{color:#333; font-weight:700; background:#fafafa}
#card .ars table tbody th.rowgroup{font-size:16px; color:#004ea2; font-weight:700}
#card .ars table tbody th{border:1px solid #dadada; background:#fafafa}
#card .ars table tbody td{font-weight:400}
#card .ars table tfoot th, #card .ars table tfoot td{background:#fafafa}
#card .ars table tfoot th{color:#004ea2}
#card .ars table tbody.th_fn th{font-weight:400}
#card .ars table .td_price td{color:#cd1212; font-weight:700}
#card .ars table .order_info{text-align:left}
#card .ars table .order_info dt{margin:0 0 4px; color:#222; font-weight:700}
#card .ars table .order_info dt a{color:#222}
#card .ars table .order_info dd{}
#card .ars table.t_order td a{text-decoration:underline; font-weight:700; color:#222}
#card .ars table tbody td.lineL{border-left:1px solid #dadada !important}  
#card .ars table tbody td.lineR{border-right:1px solid #dadada !important}

/**/
#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{position:fixed;z-index:5000;top:0;left:0}
#hd_pop h2{display:none}
#hd_pop .popss{background:rgba(0,0,0,0.50)}
#hd_pop .hd_pops{}
#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 20px;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:20px;background:none}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;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:14px;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:14px;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;font-size:13px;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 {}
.empty_table{line-height:100px !important;text-align:center}