/* BASIC css start */
.-clear { clear:both;}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;}
colgroup { display: table-column-group;}   
tbody {     display: table-row-group;
    vertical-align: middle;
    border-color: inherit;}
tr {    display: table-row;
    vertical-align: inherit;
    border-color: inherit;}    

.section { background: rgb(248, 248, 248) none repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 100%; height: 90px; margin-top: 140px;}
.section .line-bnr { margin: 0 auto; width: 1200px; position: relative; padding-top: 20px;}
.bnr-write { margin: 0pt auto; clear: both; width: 1200px; text-align: center; font-size: 20px; color: rgb(231, 231, 231); letter-spacing: 5px; padding-top: 30px;}
.bnr-write span { color: rgb(236, 227, 208);}
.bnr-line { margin: 30px auto 0; background: rgb(235, 235, 235) none repeat scroll 0%; height: 1px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 100%;}


/* 3단 분할 하단영역 */
#footer {width:100%;margin:0 auto; padding:0px; font-size:12px;letter-spacing:0px;background:#fff;}
#footer .w_1200 {position:relative; width:1200px ;margin:0 auto; *zoom:1;}
#footer .fonttit { font-family:'Roboto','Noto Sans KR',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 auto;padding:15px 0;border-bottom:1px solid #eee;}
#footer .footerlink ul {}
#footer .footerlink ul > li{position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 34px 0 0;}
#footer .footerlink ul > li > a{display:block;color:#333;}
#footer .footerlink ul > li:hover > a{color:#999;}
#footer .footerlink ul > li:before {display:block; content:""; position:absolute; top:2px; left:-18px; width:1px; height:12px; background:#ddd;}
#footer .footerlink ul > li:first-child:before{display:none;}
 
 /* family site*/
#footer .ui_select { position:absolute; top:-3px; right:2px; width: 236px; font-size: 12px; color: #555; float: right; cursor:pointer; }
#footer .ui_select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
#footer .ui_select .myValue.selected{ }
#footer .ui_select .myValue{ height:20px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
#footer .ui_select .ctrl{ position:absolute; top:1px; right:0; width:18px; height:19px; }
#footer .ui_select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
#footer .ui_select .aList { display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */ z-index:2; }
#footer .ui_select:hover .aList { display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */}
#footer .ui_select .aList li { border-left:1px solid #bababa; border-right:1px solid #bababa; display:block; float:none; width:236px;}
#footer .ui_select .aList li:last-child { border-bottom:1px solid #bababa;}
#footer .ui_select li a{ display:block; text-indent:8px; *text-indent:6px; height:23px; line-height:23px; color:#767676; background:#fff; text-decoration:none;}
#footer .ui_select li:hover *{ background:#dedede;} 

 
/*#footer .ui_select { position:absolute; top:-3px; right:2px; width: 236px; font-size: 12px; color: #555; float: right; cursor:pointer; }
#footer .ui_select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
#footer .ui_select .myValue.selected{ }
#footer .ui_select .myValue{ height:20px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
#footer .ui_select .ctrl{ position:absolute; top:1px; right:0; width:18px; height:19px; }
#footer .ui_select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
#footer .ui_select ul{ top:23px; left:0; width:100%; list-style:none; border-right:1px solid #bababa; border-left:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
#footer .ui_select ul.aList{ display:none; z-index:3;}
#footer .ui_select li{ position:relative; overflow:hidden; white-space:nowrap; height:23px; width:236px;}
#footer .ui_select li a{ display:block; text-indent:8px; *text-indent:6px; height:23px; line-height:23px; color:#767676; background:#fff; text-decoration:none;}
#footer .ui_select li:hover *{ background:#dedede;}*/ 
 

#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 {}
#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-tel .number2 > li { font-size:13px; line-height:2; letter-spacing:0px;}
#footer .footer-box .f_data .cs-tel .number2 > li.cs_01 {line-height:1.3;}

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


#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-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:5%; border:1px solid #ccc; }
.bnb li a {display:table;width:79px;height:60px;background:#fff; 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 span { font-size:12px; display:table-cell;vertical-align:middle;line-height:13px; }
.bnb li:hover a { 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 span{display:table-cell; vertical-align:middle; line-height:13px; color:#fff;  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 a.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 a.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;}
#footer .copyright p .hosting {margin-left:15px;}

/* BASIC css end */