/* BASIC css start */
#footer {clear:both; }
#footer .footerInfo {display: block;}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}


#footer .top-pt-01 {position:relative; top:0; left:0; right:0; z-index:100;}
#footer .top-pt-02 {position:relative; top:0; left:0; right:0; z-index:100;}


#footer .footerInfo .footerInfoTop1 {width:100%;  position:relative; font-size:15px; text-align:center; 
background-color:#f7faff;  border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}

#footer .footerInfo .footerInfoTop1 ul {display: inline-block; width:90%;text-align:center; margin:20px 10px;  }
#footer .footerInfo .footerInfoTop1 ul li { float:left; width:43.6%; padding:20px 10px 20px 10px; background-color:#fff; border-bottom:1px solid #e9e9e9;}
#footer .footerInfo .footerInfoTop1 ul li a:hover {font-weight:bold;}

#footer .footerInfo .footerInfoTop {border-bottom:1px solid #e9e9e9; padding:20px;background-color:#fff;  }
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {width:100%; text-align:center; } 
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size:20px; padding-bottom:13px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dd { font-size:15px; line-height:25px;  }
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dd.tel { color:#f1494d; font-weight:bold; font-size:25px; line-height:35px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dd.text {color:#f1494d; padding-top:5px;}

#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:100%; text-align:center; } 
#footer .footerInfo .footerInfoTop .footerInfoTopRight dt {font-size:20px; padding-bottom:13px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight dd  { font-size:15px;  line-height:25px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight .name { padding-top:10px;}

#footer .address { padding:15px 0; color:#606060; border-top:solid 1px #e9e9e9; text-align:center; background-color:#f7faff;}
#footer .address .agreeButton {margin:5px 0;}
#footer .address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}

#footer .footerMiddle {width:100%; background-color:#f7faff; text-align:center; border-top:solid 1px #e9e9e9; font-weight:bold;  }
#footer .footerMiddle a { color:#222; width:24.3%; line-height:30px; display:inline-block; border-left:1px solid #e9e9e9;
margin-left: -1px;}

#footer .footerlogo {padding:10px 0 100px 0; width:100%;border-top:solid 1px #e9e9e9;  }
#footer .footerlogo p {width: 25%; float: left; text-align: center; }


/*
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
*/
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}


/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height:40px; position: relative; padding-bottom:10px;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;   }
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 10px 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}

.section_fixedFooter .footerMiddle {background-color:#fff; text-align:center; padding:10px 0 5px 0; clear: both;  box-shadow: 0 -4px 6px #ddd; }
.section_fixedFooter .footerMiddle a {width:19%; display:inline-block; border-right:0px solid #e1e1e1; color:#555; margin-left: -1px; font-size:11.5px; line-height:18px;}



/* //하단 고정 메뉴 */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}

/* 카테고리 */
aside {position:fixed; width:100%; height:100%; top:0; right:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:9999; display:none;}
aside .login {width:100%; height:60px; display: block; border-bottom:1px solid #ccc; vertical-align: middle; background-color:#fff;}
aside .login .login_left {width:86%; float:left; padding-top:5px;  }
aside .login .login_right {width:13%; color:#3366cc; float:right; text-align:left; padding-top:15px; }

 
aside .icon_wrap{width:100%; height:90px;}
aside .icons {text-align:left; padding: 15px 0; width:100%; height:60px; border-bottom:10px solid #f6f6f6; vertical-align: middle;}
aside .icons a {text-align:center; width:24%; border-right:1px solid #ddd;  display:inline-block; 
                color:#666; font-size:12px; line-height:20px;}
aside .icons .noline{border-right:0px solid #ddd;  }                
aside .icons a .fa {margin-top:0; }
aside .icons a span {padding-top:10px;}



.sub_menu  {float:left; width:90%; padding:10px 0 10px 20px;}
.sub_menu h2 {font-size:16px; font-weight: 600; color: #3366cc; padding:20px 0 10px 0; }

/*dept01*/
.big_menu {width:100%; line-height: 45px;  }
.big_menu li { font-size: 15px; font-weight: 600; color: #333; cursor: pointer; border-bottom:1px solid #f6f6f6;}
.big_menu li a { text-align:center; font-size: 15px; font-weight: 600; color: #333; cursor: pointer;}
.big_menu li.personal a { text-align:center; font-size: 15px; font-weight: 600; color: #3366cc; cursor: pointer;}

/*dept02*/
.big_menu .small_menu {width:100%;  line-height: 26px;  }
.big_menu .small_menu li {float:left; width:100%; padding:5px 20px; background-color:#f6f6f6; }
.big_menu .small_menu li a{ text-align:center;  font-size: 15px;color: #333; font-weight:normal;}



/*
aside .cate_wrap{width:100%; height:90px;}
aside .cate {text-align:left; padding: 15px 0; width:100%; height:60px; border-bottom:10px solid #f6f6f6; vertical-align: middle;}
aside .cate a {text-align:center; width:24%; border-right:1px solid #ddd;  display:inline-block; 
                color:#666; font-size:12px; line-height:20px;}
aside .cate .noline{border-right:0px solid #ddd;  }                
aside .cate a .fa {margin-top:0; }
aside .cate a span {padding-top:10px;}



/********************/




/*
aside .asideTop {text-align:left; width:100%;}
aside .asideTop a {text-align:center; width:50%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color:#ab3e41; border-bottom:2px solid #ab3e41;}
aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
}


/* BASIC css end */