/* BASIC css start */
.cut2 {width:320px;height:100%; margin:0 auto; overflow:visible; }
#mside {width:320px; position:fixed; top:0; left:0; background-color:#fff; height:100%; border-right:1px solid #eaeaea;}
#mside .mCustomScrollBox{overflow:visible !important;}
#mside .mCSB_container{ overflow:visible !important;}

.side_section1 {width:230px;margin:0 auto;}
.side_section1 .left_logo {text-align:center; padding-top:40px;}
.side_section1 .left_login {padding:40px 0px;}
.side_section1 .left_login ul {font-size:0;}
.side_section1 .left_login ul li {display:inline-block; text-align:center; position:relative;}
.side_section1 .left_login ul li a {font-size:11px; color:#555555; background:url('http://minia.img14.kr/0734dodobaby/login_area_bg.gif');background-position:0px 2px;background-repeat:no-repeat;padding:0px 8px 0px 8px; }
.side_section1 .left_login ul li a:hover {color:#a9ced7;}
.side_section1 .left_login ul li:first-child a {background:none;}
.side_section1 .left_login .scroll {position:absolute;bottom:-25px;right:5px;z-index:100;background:url("http://minia.img14.kr/0734dodobaby/icon_top.png");background-repeat:no-repeat;background-position:top center; }
.side_section1 .left_login .scroll div {background-color:#a9ced7;border-radius:4px;margin-top:3px;padding:0px;line-height:18px;height:18px;color:#fff;font-size:10px;text-align:center;width:45px;letter-spacing:-0.3px;}

/*- 전체카테고리 관련 스타일 --*/
.btn_allcate {text-align:left; width:230px; margin:0 auto; font-size:11px; color:#222; letter-spacing:0.8px; background-image:url("http://minia.img14.kr/0734dodobaby/all_cate_icon.gif"); background-position:0px 2px; background-repeat:no-repeat;
border-bottom:1px solid #e9e9e9; padding-bottom:16px; margin-bottom:32px; margin-top:16px;}
.btn_allcate a {color:#000; padding-left:12px;}

#allcategory { display:none; padding:0px;}
#allcategory .mintroClose {cursor:pointer;position:absolute;right:0px; top:1px;}
.all_cate {width:1258px; height:488px; background:#fff; text-align:center; border:1px solid #dedede; }
.all_cate #all_cate_close {cursor:pointer; right:0px; top:0px; position:absolute;}
.all_cate_area .all_cate ul {width:150px;min-height:200px;float:left; margin-left:50px;}
.all_cate_area .all_cate ul li.a_sub_title {color:#222; font-size:13px; text-align:left;}
.all_cate_area .all_cate ul li.a_sub_title a {color:#222; font-size:13px; text-align:left; border-bottom:1px solid #dedede; padding-bottom:8px; margin-bottom:8px;display:block;}
.all_cate_area .all_cate ul li.a_sub_title a:hover {background-color:#fff; border-bottom:1px solid #a9ced7;}
.all_cate_area .all_cate .a_sub_cate {position:relative;}
.all_cate_area .all_cate .a_sub_cate a {font-size:13px; line-height:24px; height:24px; color:#777; text-align:left !important; display:block;}
.all_cate_area .all_cate .a_sub_cate a.sub_mouse_hover,
.all_cate_area .all_cate .a_sub_cate a:hover {background-color:#f5f5f5; color:#222;}
.all_cate_area .all_cate .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('/design/d4-0705/0713pureskin/sub_cate_on.gif') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.all_cate_area .all_cate .a_sub_cate .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.all_cate_area .all_cate .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:100%;z-index:21;width:114px;min-height:auto;background-color:#fff;border:1px solid #777;padding:5px 10px;margin:0;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.all_cate_area .all_cate .a_sub_cate .all_cate_sub > li {height:24px;}
.all_cate_area .all_cate .a_sub_cate .all_cate_sub > li > a {font-size:12px; line-height:24px; height:24px; color:#777; text-align:left !important; display:block;}
.all_cate_area .all_cate .a_sub_cate .all_cate_sub > li > a:hover {background-color:#f5f5f5; color:#222;}

/* 카테고리 */
#left_menu {margin:0 auto;padding:0;background-color:#fff;width:230px;}
#left_menu > li {padding:0;text-align:left;position:relative; float:left;}
#left_menu > li > a {color:#555;width:230px;font-size:14px;display:block;float:left;text-align:left;line-height:26px;padding:0;font-weight:normal;}
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#a9ced7;}
#left_menu > li .sub1 {background-color:#fff;display:none; position:absolute;top:-6px;left:60%;z-index:20;width:130px;border:1px solid #e9e9e9;padding:5px 10px;margin:0 0 0 -10px;}
#left_menu > li .sub1 > li {position:relative;height:24px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('http://minia.img14.kr/0734dodobaby/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-1px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#left_menu > li .sub1 > li > a {text-align:left;display:block;line-height:26px; height:26px;font-size:13px;color:#666;padding:0 0 0 5px;margin:0;border-top:1px solid #e9e9e9;}
#left_menu > li .sub1 > li:first-child > a {border-top:0;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {color:#a9ced7;text-decoration:none;}
#left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-4px;left:100%;z-index:21;width:100px;background-color:#fff;border:1px solid #e9e9e9;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#left_menu > li .sub1 > li .sub2 > li {height:26px;}
#left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;line-height:26px; height:26px;font-size:13px;color:#555;padding:0 0 0 5px;margin:0;border-top:1px solid #e9e9e9;}
#left_menu > li .sub1 > li .sub2 > li:first-child > a {border-top:0;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {color:#a9ced7;text-decoration:none;}

.side_section2 {width:230px;margin:0 auto;}
.side_section2 .left_title {font-size:13px; color:#000; text-align:left; padding-bottom:15px; padding-top:36px; border-top:1px solid #e9e9e9; margin-top:36px; letter-spacing:0.8px;}
.side_section2 .left_comm ul li {float:left;}
.side_section2 .left_comm ul li a {display:block; width:108px; height:38px; border:1px solid #e9e9e9; font-size:13px; line-height:38px; color:#777; margin-bottom:7px; text-align:left; text-indent:14px;}
.side_section2 .left_comm ul li a:hover {border:1px solid #a9ced7; color:#a9ced7;}
.side_section2 .left_comm ul li:first-child a {margin-right:9px;}
.side_section2 .left_call {text-align:left;  color:#a9ced7; font-size:26px; line-height:26px;}
.side_section2 .left_cs_info {line-height:16px; color:#777; font-size:13px; padding-top:10px; text-align:left;}
.side_section2 .left_bank_info {line-height:16px; color:#777; font-size:13px; text-align:left; line-height:20px;}
.side_section2 .left_bank_info .colorb {color:#000;}
.side_section2 .left_brand {float:left; width:150px; margin-top:10px; margin-bottom:50px; clear:both; height:26px;  font-size:0px; position:relative; }
.side_section2 .left_brand_list {font-size:12px; height:24px; border:1px solid #dedede; width:125px; border-right:0px; text-align:left; line-height:24px; float:left; text-indent:10px; cursor:pointer; color:#777;}
.side_section2 .left_brand_btn {float:left; cursor:pointer;}
.side_section2 #banking_menu {position:absolute; z-index:5555; display:none; width:148px; height:auto; border:1px solid #dedede; border-bottom:0px; background-color:#fff; bottom:25px; left:0px;  text-align:left; text-indent:10px;}
.side_section2 #banking_menu ul li a {font-size:12px; color:#999; width:148px; height:30px; line-height:30px; border-bottom:1px solid #dedede; display:block; text-decoration:none; }
.side_section2 #banking_menu ul li a:hover {color:#000; background-color:#fafafa; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

/* BASIC css end */