/* BASIC css start */
.clearfix::before, .clearfix::after {display: block; content:''; clear:both;}


/* 띠 배너 */
.promotionBanner { position:relative; overflow:hidden; width:100%; height:125px; margin: 0 auto; background: url(/design/bnb71/deetong/header/topbg.jpg) repeat-x center top; text-align:center;   }
.promotionBanner .bannerLink { display:block; }
.promotionBanner .btnClose { position:absolute; top:95px; left:50%; margin-left:670px; }


/* 로그인라인 */
#hdArea { width:100%; height:36px; background-color:#e8e8e8; overflow:hidden;}
#hdArea .box { width:1200px; height:36px; margin:0 auto; overflow:hidden;}
#hdArea .box .notice { float:left; width:300px; height:22px; border-radius:11px; margin-top:7px; background:#fff; }
#hdArea .box .notice .tx span { position:absolute; margin:3px 0 0 8px}
#hdArea .box .notice .tx div { display:block; height:17px; padding:5px 0 0 25px }
#hdArea .box .notice .tx a { font-size:11px; font-family:돋움 }

#hdArea .box .mlnk { float:right;  }
#hdArea .box .mlnk li { float:left;  padding:12px 0 0 20px; }
#hdArea .box .mlnk li a { color:#464646; font-size:11px; font-family:돋움; }
#hdArea .box .mlnk li.my { background: url(/design/bnb71/deetong/header/log_icon01.png) no-repeat 18px 15px; padding-left:30px }
#hdArea .box .mlnk li.fa { background: url(/design/bnb71/deetong/header/log_icon02.png) no-repeat 17px 12px; padding-left:30px }
#hdArea .box .mlnk .point { position: absolute; display:block; margin-left:-5px; margin-top:18px; width:52px; padding:5px 0 1px; background:rgba(30, 55, 155, 0.95); border-radius:4px; z-index:999; text-align:center; color:#fff }


/* 로고/검색창/배너 */
#header { width:1200px; height:140px; margin:0 auto; overflow:hidden;}

#header .logo { float:left; margin:30px 0 0 3px;}

#header .snsicon { float:left; margin:80px 0 0 21px;}

#header .search {margin-top: 57px; margin-left:475px; width: 245px; height: 38px; padding: 0 35px 0 7px; background:#fff; position:relative; border:2px solid #b4b6c3}
#header .search .MS_search_word,
#header .search .btn-sch { float: left; width: auto; }
#header .search .MS_search_word { width: 100%; height: 38px; line-height: 38px; border: 0px; color:#555; }
#header .search .btn-sch { position: absolute; top: 0px; right: 0px; }

#header .probn { float: right; overflow: hidden; margin-top:-80px;}
#header .probn li { float: left; margin-right: 7px; }
#header .probn li:last-child {margin-right:0;}


/* 상단좌우롤링 */
#slide_image { overflow:hidden; width:180px; height:110px; margin-top:5px}
#slide_image .image {position:relative; z-index:1; width:540px; height:100%;}
#slide_image .image a {float:left;}
#slide_image .prev,
#slide_image .next {position:absolute; top:13px; right:15px; margin-left:3px; z-index:2; width:12px; height:11px; border:1px solid #c2c2c2; border-radius:2px; text-indent:-9999px; background:#fff url('/design/bnb71/deetong/header/slide_image_prev.gif') no-repeat 50% 50%;}
#slide_image .next {right:0px; background-image:url('/design/bnb71/deetong/header/slide_image_next.gif');}
#slide_image .prev:hover {background-image:url('/design/bnb71/deetong/header/slide_image_prev_on.gif');}
#slide_image .next:hover {background-image:url('/design/bnb71/deetong/header/slide_image_next_on.gif');}


/* 상단메뉴 */
.gnbArea { width:100%; height: 42px; background-color:#122334; border-bottom:1px solid #ddd; overflow: hidden; z-index:99999999; }
.gnbArea .gnb { width:1200px; height: 49px; margin:0 auto; }
.gnbArea .gnb> li> a { float: left; padding:8px 35px 0; height: 37px; font-family:나눔고딕OTF; font-size:17px; color:#fff }
.gnbArea .gnb li.first a { float: left; padding:8px 40px 0 55px; height: 36px; font-family:나눔고딕OTF; font-size:18px; font-weight:bold; color:#fff; background:#014abd url(/design/bnb71/deetong/header/navi_all.png) no-repeat 30px 20px; cursor:pointer;}
.gnbArea .gnb li.left a { padding:8px 27px 0 55px; }
.gnbArea .gnb li.last a { padding:8px 0px 0 30px;}

/* 상단메뉴 - 중분류 */
.menubox1 { background-color:#fff; border:1px solid #ddd; border-top:0px; overflow: hidden; width:130px}
.menubox1 li { border-top:1px solid #ddd; }
.menubox1 li.tit { float: left; padding-top:10px; padding-left:12px; width:38px; }
.menubox1 li.tit a { font-family:나눔고딕; font-size:13px; font-weight:bold; color:#013d9c }
.menubox1 li.tx { float: left; padding-top:9px; padding-bottom:20px; }
.menubox1 li.tx div { padding-left:10px; width:70px; display:block }
.menubox1 li.tx div:hover { background:#eee }
.menubox1 li.tx a { font-family:나눔고딕OTF; font-size:13px; color:#555; line-height:20px }
.menubox1 li.tx a:hover { color:#000; }

.menubox2 { background-color:#fff; border:1px solid #ddd; border-top:0px; overflow: hidden; width:150px}
.menubox2 li { border-top:1px solid #ddd; }
.menubox2 li.tit { float: left; padding-top:10px; padding-left:10px; width:38px; }
.menubox2 li.tit a { font-family:나눔고딕; font-size:13px; font-weight:bold; color:#013d9c }
.menubox2 li.tx { float: left; padding-top:9px; padding-bottom:10px; }
.menubox2 li.tx div { padding-left:7px; width:90px; display:block }
.menubox2 li.tx div:hover { background:#eee }
.menubox2 li.tx a { font-family:나눔고딕OTF; font-size:13px; color:#555; line-height:20px }
.menubox2 li.tx a:hover { color:#000; }

.menubox3 { background-color:#fff; solid #ddd; border-top:0px; overflow: hidden; width:150px}
.menubox3 div { border-top:1px solid #ddd; padding:10px 0 10px 12px; }
.menubox3 div a { font-family:나눔고딕OTF; font-size:13px; font-weight:bold; color:#013d9c }
.menubox3 div:hover { background:#eee }

.menubox4 { background-color:#fff; border:1px solid #ddd; border-top:0px; overflow: hidden; width:100px}
.menubox4 div { text-align: center; border-top:1px solid #ddd; padding:12px 0 12px 0px; }
.menubox4 div a { center; font-family:나눔고딕OTF; font-size:14px; font-weight:bold; color:#013d9c }
.menubox4 div:hover { background:#eee }


#p01 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:145px; }
#p02 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:240px; }
#p03 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:335px; }
#p04 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:458px; }
#p05 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:600px; }
#p06 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:740px; }
#p07 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:873px; }
#p08 { position:absolute; z-index:99999; visibility: hidden; margin-top:42px; margin-left:1023px;}


/* 카테고리전체보기 */
#viewallcate { position:absolute; display:none; z-index:99999; background:#fff; margin-top:42px; border:5px solid #014abd; width:1190px;}
#viewallcate .allcate { float:left; width:111px; border-right:1px dotted #a7a7a7; padding:10px 10px 0px 10px ; }
#viewallcate .allcate1 { float:left; width:111px; border-right:1px dotted #a7a7a7; padding:10px 10px 10px 10px ; }
#viewallcate li a { padding:0 0 0 0; margin:0 0 0 0 }
#viewallcate .last { border-right:none; }

#viewallcate .allcate_1dep a { font-family:나눔고딕OTF; font-size:14px; display:block; width:111px; background:#014abd; text-align:center; padding:3px 0; color:#FFF; height:17px; text-align:center; }
#viewallcate .allcate_img { display:block; width:111px; height:100px; text-align:center; padding:10px 0; margin:0 auto;  }
#viewallcate .allcate_img img { margin:10px 5px 10px }
#viewallcate .close_all_menu { position:absolute; right:10px; bottom:8px; }


/*상단고정*/
#mini {  }
.fixed_buy { position:fixed; display:block !important; top:0px; width:100%; z-index:999; background:#061320 }

/* BASIC css end */