/* BASIC css start */
.he100 {height:100px }

#footer {width:100%;margin:0 auto; padding:0px; font-size:12px;letter-spacing:0px;background:#fff;border-top:1px solid #ddd;}
#footer .-w1300 {position:relative;width:1300px;margin:0 auto;*zoom:1; }
#footer .fonttit { font-family:'Roboto','Nanum Square','나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;}
#footer table .title {font-size:16px;line-height:1.5;margin:0px 0 10px;padding:0 0 10px;font-weight:600;color:#333;border-bottom:1px solid #ddd;}
#footer table .title > span{ display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;font-size:13px;line-height:1.5;font-weight:normal;color:#999;margin:0 0 0 10px;} 

#footer .footerlink {margin:0;padding:0;border-bottom:1px solid #eee; line-height:50px; height:50px; }
#footer .footerlink .left { float:left;}
#footer .footerlink .right { float:right;}

 #footer .footerlink .left > li{ position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 34px 0 0; }
 #footer .footerlink .left > li > a{display:block;color:#333;}
 #footer .footerlink .left > li:hover > a{color:#999;}
 #footer .footerlink .left > li:before{display:block;content:"";position:absolute;top:20px;left:-18px;width:1px;height:12px;background:#ddd;}
 #footer .footerlink .left > li:first-child:before{display:none;}

/* 스크랩 */
 
.right { float:right;}
.right li {position:relative;float:left; margin:12px 2px;}
.right li a{ display:block;width:25px;height:25px;line-height:27px;  border-radius:100%; background:#f2f2f2;font-size:14px; color:#333;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}
.right li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.right li a i {line-height:0px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}


.right .Facebook:hover a  {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.right .Twitter:hover a  {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.right .Instagram:hover a  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.right .Blog:hover a  {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.right .Kakao:hover a  {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}

 


#footer table{margin:50px 0;}
#footer table td{vertical-align:top;padding:0 30px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#footer table td.ft01{padding:0px 50px 0px 0;border:0;}
#footer table td.ft02{padding:0px 50px;}
#footer table td.ft03{padding:0px 0px 0px 50px;border:0;}


#footer .footer-box{margin:0;}
#footer .footer-box .f_data{margin:0;}
#footer .footer-box .f_data:first-child{margin:0 0 30px;}

 
#footer .footer-box .f_data .cs-tel {position:relative;margin:10px 0;}
#footer .footer-box .f_data .cs-tel .cs-icon {position:absolute;top:50%;left:0;margin:-14px 0 0 0;}
#footer .footer-box .f_data .cs-tel .cs-icon i{ font-size:26px; }
#footer .footer-box .f_data .cs-tel .number {padding-left:0px;}
#footer .footer-box .f_data .cs-tel .number > p {font-size:26px;line-height:1.5;font-weight:600;letter-spacing:0px;}

#footer .footer-box .f_data .cs-time{}
#footer .footer-box .f_data .cs-time > p {font-size:13px;line-height:1.8;}
#footer .footer-box .f_data .cs-time > p.cs-big {font-size:12px;line-height:1.8;}


#footer .footer-box .f_data .f-bank {display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0 30px 0 0;}
#footer .footer-box .f_data .f-bank > p {font-size:13px;line-height:1.8;}
#footer .footer-box .f_data .f-bank > p > span{font-weight:normal;}
#footer .footer-box .f_data .f-bank > p > span:first-child{font-weight:600;margin:0 10px 0 0;}

#footer .footer-box .f_data .name { display:inline-block;*display:inline;*zoom:1;vertical-align:top; }
#footer .footer-box .f_data .name > p {}

#footer .footer-box .f_data .gobank{margin:10px 0 0 0;}
#footer .footer-box .f_data select{height:28px;border:1px solid #d5d5d5; width:330px;}

#footer .footer-box .f_data .re-addr { margin:20px 0 20px;}
#footer .footer-box .f_data .re-addr i {font-size:14px; margin-right:5px;}
#footer .footer-box .f_data .re-addr p { paddding:10px 0; }


#footer .footer-box .f_data .re-turn { margin:20px 0 20px; }
#footer .footer-box .f_data .re-turn i {font-size:14px; margin-right:5px;}


.ft-icon { margin:0;width:100%; clear:both; }

.bnb {margin:15px 0  ; clear:both;}
.bnb li {float:left;margin:5px; border-radius:50%;}
.bnb li a {display:table;width:60px;height:60px;background:#fff;border:1px solid #ccc; border-radius:5%; text-align:center ;-webkit-transition:all 0.35s ease;-khtml-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease; }
.bnb li a i { display:table-cell;vertical-align:middle;font-size:28px;color:#ccc;padding-left:1px ; border-radius:5%;}
.bnb li span { display:none; color:#fff;font-size:12px;font-weight:bold }
.bnb li:hover a {border:1px solid #666;background:#666 ; -webkit-transition:all 0.35s ease;-khtml-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.bnb li:hover i{display:none }
.bnb li:hover span{display:table-cell;vertical-align:middle;line-height:13px ; border-radius:5%;}


#footer .com_addr {position:relative;width:100%;padding:30px 0;background:#fff;border-top:1px solid #ddd;}
#footer .com_addr p{line-height:1.8;}
#footer .com_addr p span:first-child{margin:0 0px 0 0;}
#footer .com_addr p span{margin:0 0px 0 15px;}
#footer .com_addr p span.-inline{margin:0;}
#footer .com_addr p,#footer .com_add p a{color:#666;}
#footer .com_addr p a:hover{text-decoration:underline;}
#footer span.btn{display:inline-block;*display:inline;*zoom:1;line-height:13px;padding:2px 5px;background:#fff;color:#666;border:1px solid #e1e1e1;cursor:pointer;border-radius:4px;margin:0 0 0 5px;}
#footer span.btn:hover{background:#f4f4f4;}


#footer .copyright {width:100%;padding:20px 0;text-align:left; background:#eee;}
#footer .copyright p .mallname{color:#666; font-weight:600;}
#footer .copyright p a {color:#666;  line-height:1.5;  vertical-align:top;}


.inst-flex  {width:100%;}
.inst-flex ul { display:flex;position:relative; margin:-1px; flex-direction:row-reverse;}
.inst-flex ul li {flex:1;border:1px solid transparent;}
.inst-flex ul li a {display:block;width:100%;background-color:#f0f0f0;}
.inst-flex ul li a img {width:100%;height:auto;}

#mask { width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5) repeat; top:0; left:0; z-index:999; display:none; }


/* BASIC css end */