@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
body {font-family:'Noto Sans KR', sans-serif; font-size:12px; color:#000; word-break:keep-all}
input,textarea,select,button,table{font-size:12px;font-weight:normal;}
dt,dd {line-height:160%;font-weight:normal;text-align:left}
th,td {font-weight:normal;}
td div{line-height:normal; border:0}
td input, td img{vertical-align:middle}
img,fieldset{border:none}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a {color:#396a94;text-decoration:none}
a:hover,a:active,a:focus{color:#fc2c0a}
label input{margin-right:3px;margin-top:-3px;vertical-align:middle}
button {border:0px; cursor:pointer} 
ul,li{list-style:none; margin:0;}


/**** common ****/
.area{width:930px !important; margin:0 auto;}/*전체 레이아웃 사이즈 한번에 조정*/
.clearfix{*zoom:1}
.clearfix:after{display:block; clar:both; content:'';}

/************ TOP AREA ************/
/* 띠배너 */
.topBanner_wrap{width:100%; height:75px; background-color: #c5f29f; /*background-image: url();*/}


/**** header TAB****/
.digital_header{width:100%;}

/* tab영역 */
.stickyTab_menu{width:100%; height:30px; background-repeat: repeat-x;background: #f8f8f8;border-bottom: 1px solid #e9eaea;border-top: 1px solid #e9eaea;}

/*최상단 우측 메뉴 */
.sticky_ml{float:left; }
.sticky_ml > ul{*zoom:1;}
.sticky_ml > ul:after{display:block; clar:both; content:'';}
.sticky_ml > ul li{float:left;}
.sticky_ml > ul li a{display:block; width:100px; height:30px; background: url(/mall/web/images/btn_tn_img.png) no-repeat; text-indent:-999em;}
.sticky_ml > ul li a[class^="u_menu"]{border-left:1px solid #e5e5e5;}

.sticky_ml > ul li a[class^="u_menu"]:hover, 
.sticky_ml > ul li.on a[class^="u_menu"]{border-bottom:1px solid #fff}
.sticky_ml > ul li.on a[class^="u_menu"]{cursor:default}

.sticky_ml > ul li a.u_menu01{background-position:0 0;}
.sticky_ml > ul li a.u_menu02{background-position:-100px 0}
.sticky_ml > ul li a.u_menu03{background-position:-200px 0}
.sticky_ml > ul li.on a.u_menu01, .sticky_ml > ul li a.u_menu01:hover{background-position:0 -30px;}
.sticky_ml > ul li.on a.u_menu02, .sticky_ml > ul li a.u_menu02:hover{background-position:-100px -30px;}
.sticky_ml > ul li.on a.u_menu03, .sticky_ml > ul li a.u_menu03:hover{background-position:-200px -30px;}

/*최상단 우측 메뉴 */
.sticky_mr{float:right;margin-top:10px;}
.sticky_mr > ul{*zoom:1; }
.sticky_mr > ul:after{display:block; clar:both; content:'';}
.sticky_mr > ul li{float:left;border-right:1px solid #e5e5e5; line-height:10pt !important;}
.sticky_mr > ul li:last-child{border-right:0px solid #e5e5e5;}
.sticky_mr > ul li a {display:inline-block; font:normal 11px/11pt dotum; letter-spacing:-0.75px; padding:0 8px; height:11px; color:#848384;}
.sticky_mr > ul li a:hover{color:#000; text-decoration:none;}
.sticky_mr > ul li a.first {border-left:0}
.sticky_mr > ul li.last {margin-top:-3px;}
.sticky_mr > ul li.last iframe{width:85px; height:20px; }

/*장바구니*/
div.distal_cart{background:none;}
div.distal_cart a{display:inline-block; *float:left; font:600 11px/11pt dotum; letter-spacing:-0.75px; padding:0 8px; height:11px; color:#848384; text-decoration:none;}
div.distal_cart a div.headerCartCnt {display:inline-block; font-weight:bold; color:#fff; padding:3px 6px; background-color: #ff2800; border-radius:10px 10px; -ms-border-radius:10px 10px; margin-left:5px; text-align:center; height:11px; font-size: 11px !important; line-height: 10pt !important;}
div.distal_cart a div.headerCartCnt{ *float:left;/*ie7*/}



/* 로그인/검색/버튼 영역*/
.header_wrap{*zoom:1; width:100%; height: 80px; margin: 22px auto 0;  }
.header_wrap:after{display:block; clar:both; content:'';}
/*로고*/
.header_wrap .logo{float: left;}
.header_wrap .logo > a{display:block; width:175px; height:61px; background: url(/mall/web/images/top_iffice_ci.jpg) no-repeat; text-indent:-999em;}

/*검색*/
.header_wrap .top_srch {/*background:url(/mall/web/images/bg_searchbar.png) no-repeat;*/border-bottom:3px solid #ff5000; width:365px; height:33px; float:left; margin-left:40px; margin-top:10px}
.header_wrap .top_srch dl dt, .header_wrap .top_srch dd {float:left}

.header_wrap .top_srch form > input {border:0; height:30px; width:315px; /*margin-top:5px;*/ margin-left:5px; font:600 16px/25pt 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif; background-color:transparent;outline: none;}
.header_wrap .top_srch form > .dtinput_search{border:0 !important; }

/*상단 자동완성 검색창*/
.header_wrap .top_srch form > div.auto_search{position:absolute;z-index:2; margin-top:5px; }
.header_wrap .top_srch form > div.auto_search #AutoSearchSection {position:absolute; display:none; width:363px; border:1px solid #333}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table{width:100%; text-align:center; border:1px #bdbdbd; background-color:#ff4c00;border-collapse: collapse; background-color: #E9E9E9;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr th:first-child{font:600 12px/20pt 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;text-align:left; width:70%; padding-left:10px;box-sizing:content-box;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr th:last-child{text-align:right; width:30%;padding-right:10px;box-sizing:content-box;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr th:first-child a >img{vertical-align:middle; margin-left:5px;}
/*자동완성 결과리스트*/
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr td{/*background-color:#fff;*/ padding:5px 5px;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr td#autoCompleteSectionResult{background-color:#fff}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr td#autoCompleteSectionResult > table{width:100%; border:1px;border-collapse: collapse;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr td#autoCompleteSectionResult > table tr:hover{background-color:#fff5ed !important;}
.header_wrap .top_srch form > div.auto_search #AutoSearchSection > table tr td#autoCompleteSectionResult > table tr > td{padding:2px 10px !important;}

.header_wrap .top_srch .btn_dsearch{float:right; margin-top:-30px;}


/*상단 빠른버튼*/
.header_wrap .quick_btn {float:right}
.header_wrap .quick_btn ul {}
.header_wrap .quick_btn ul li {float:left; margin-top:20px; border-left:1px solid #dadada;}
.header_wrap .quick_btn ul li > a {height:13px; color:#3f3f3f; font:500 12px/11pt Noto Sans KR, sans-serif !important; padding:0px 10px; text-decoration:none; letter-spacing:-0.5px;}
.header_wrap .quick_btn ul li > a:hover{color:#000;}
.header_wrap .quick_btn ul li.first{border-left:0; padding-left:0}





/*GNB MENU*/
.gnb_wrap{width:100%;background:url(/defaultMall/images/main/gnb_bg.png) repeat-x 0 0;)border-bottom: 2px solid #565457;border-bottom: 2px solid #565457;}/*20170905 수정*/
.gnb_wrap .area {height:44px;margin:0 auto;/*border-top: 1px solid #e5e5e5;*//* border-bottom:2px solid #565457; */}
.gnb_wrap .area ul.gnb_menu{*zoom:1;}
.gnb_wrap .area ul:after{display:block; clear:both; content:'';}
.gnb_wrap .area ul.gnb_menu li {float:left}
.gnb_wrap .area ul.gnb_menu li > a{display:block; height:44px; text-indent:-999em; background:url(/defaultMall/images/main/gnb_menu.png) no-repeat; }
.gnb_wrap .area ul.gnb_menu li a.menu00 {background-position: 0 0; width:42px;}
.gnb_wrap .area ul.gnb_menu li a.menu01 {background-position:-42px 0; width:125px;}
.gnb_wrap .area ul.gnb_menu li a.menu02 {background-position:-167px 0; width:63px;}
.gnb_wrap .area ul.gnb_menu li a.menu03 {background-position:-230px 0; width:149px;}
.gnb_wrap .area ul.gnb_menu li a.menu04 {background-position:-379px 0; width:70px;}
.gnb_wrap .area ul.gnb_menu li a.menu05 {background-position:-449px 0; width:98px;}
.gnb_wrap .area ul.gnb_menu li a.menu06 {background-position:-547px 0; width:111px;}
.gnb_wrap .area ul.gnb_menu li a.menu07 {background-position:-658px 0; width:71px;}
.gnb_wrap .area ul.gnb_menu li a.menu08 {background-position:-729px 0; width:107px;}
.gnb_wrap .area ul.gnb_menu li a.menu09 {background-position:-836px 0; width:47px;}
.gnb_wrap .area ul.gnb_menu li a.menu10 {background-position:-883px 0; width:47px;}

.gnb_wrap .area ul.gnb_menu li a.menu00_on {background-position:0 -44px; width:42px; }
.gnb_wrap .area ul.gnb_menu li a.menu01:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu01 {background-position:-42px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu02:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu02 {background-position:-167px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu03:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu03 {background-position:-230px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu04:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu04 {background-position:-379px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu05:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu05 {background-position:-449px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu06:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu06 {background-position:-547px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu07:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu07 {background-position:-658px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu08:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu08 {background-position:-729px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu09:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu09 {background-position:-836px -44px;}
.gnb_wrap .area ul.gnb_menu li a.menu10:hover, .gnb_wrap .area ul.gnb_menu li.on a.menu10 {background-position:-883px -44px;}


/* depth 메뉴*/

.gnb_wrap .area .depth_m {}
.depth_m > li{/*display:none;*/ }
.depth_m > li.on {display:block;}

div.depth{z-index:1000 !important;}
div.menu_all ul.depth01 {*zoom:1;}
div.menu_all ul.depth01:after {display:block; clear:both; content:'';}
div.menu_all ul.depth01 > li{display:inline-block;  *float:left; *display:block; width:180px; *width:165px; *height:200px; margin-bottom:10px; padding:10px 10px !important;  vertical-align:top; box-sizing:border-box;}
div.menu_all ul.depth01 > li.last {border-right:0px solid #333;}
div.menu_all ul.depth01 > li a{display:block; width:170px; *width:165px; padding:10px 0; background-color:#ebebeb; text-align:center; margin-bottom:5px; font:600 12px/12pt Arial, Helvetica, sans-serif;color:#000;}
div.menu_all ul.depth01 > li a:link {text-decoration:none;}

div.menu_all ul.depth02 {}
div.menu_all ul.depth02 > li { line-height:13px; border-right:0px solid #333;}
div.menu_all ul.depth02 > li a{display:block; background-color:#fff; text-align:left; padding:0px 0; padding-left:15px; marin-bottom:3px; font:normal 11px/11pt Arial, Helvetica, sans-serif; color:#333; box-sizing:border-box;}
div.menu_all ul.depth02 > li a:link {text-decoration:none;}
div.menu_all ul.depth02 > li a:hover {color:#F30; }

div.menu_all {position: absolute; visibility:hidden; /*top:270px;*/ width:930px; *height:490px; background:#fff; /*border:2px solid #fc2c0a;  border-top:2px solid #fc2c0a;*/ border:2px solid #343235; }

[id^="dtmenu_"] > ul.depth01 {*zoom:1;}
[id^="dtmenu_"] > ul.depth01:after {display:block; clear:both; content:'';}
[id^="dtmenu_"] > ul.depth01 > li{display:inline-block;  *float:left; *display:block; width:120px; *width:105px; *height:200px; margin-bottom:10px; padding:10px 10px !important;  vertical-align:top; box-sizing:border-box;}
[id^="dtmenu_"] > ul.depth01 > li.last {border-right:0px solid #333;}
[id^="dtmenu_"] > ul.depth01 > li a{display:block; width:110px; *width:105px; padding:10px 0; background-color:#ebebeb; text-align:center; margin-bottom:5px; font:600 12px/12pt Arial, Helvetica, sans-serif;color:#000;}
[id^="dtmenu_"] > ul.depth01 > li a:link {text-decoration:none;}

[id^="dtmenu_"] > ul.depth01 > li > ul.depth02 {}
[id^="dtmenu_"] > ul.depth01 > li > ul.depth02 > li { line-height:13px; border-right:0px solid #333;}
[id^="dtmenu_"] > ul.depth01 > li > ul.depth02 > li a{display:block; background-color:#fff; text-align:left; padding:0px 0; padding-left:15px; marin-bottom:3px; font:normal 11px/11pt Arial, Helvetica, sans-serif; color:#333; box-sizing:border-box;}
[id^="dtmenu_"] > ul.depth01 > li > ul.depth02 > li a:link {text-decoration:none;}
[id^="dtmenu_"] > ul.depth01 > li > ul.depth02 > li a:hover {color:#F30; }

/**/
div.dmenu01,div.dmenu02,div.dmenu03,div.dmenu04,div.dmenu05,div.dmenu06,div.dmenu07,div.dmenu08,div.dmenu09,div.dmenu10
{z-index:1000 !important; position: absolute; visibility:hidden; /*top:271px;*/left:50%; background:#fff; border:2px solid #343235;}
div.dmenu01 {width:630px; margin-left:-430px;}
div.dmenu02 {width:500px; margin-left:-330px;}
div.dmenu03 {width:750px; margin-left:-400px;}
div.dmenu04 {width:630px; margin-left:-400px;}
div.dmenu05 {width:500px; margin-left:-400px;}
div.dmenu06 {width:150px; margin-left:70px;}
div.dmenu07 {width:150px; margin-left:150px;}
div.dmenu08 {width:150px; margin-left:250px;}
div.dmenu09 {width:150px; margin-left:311px;}
div.dmenu10 {width:380px; margin-left:81px;}



/*.gnb_wrap .area > ul li.on div.menu_all {visibility:visible}
.gnb_wrap .area > ul li:hover > [class^="dmenu"] {visibility:visible}



/*현재위치*/
.loca_wrap{*zoom:1; width:930px; margin:0 auto; margin-top:15px; }
.loca_wrap:after, .loca_right > ul:after {display:block; clear:both; content:'';}
.loca_left{float:left; margin-left:10px;}
.loca_right{float:right; margin-bottom:0px;}
.loca_right > ul {*zoom:1;}
.loca_right > ul li {float:left;}
#Subcatetab02{position:absolute; margin-left:0px; z-index:1000; display:none;}
#Subcatetab01{position:absolute; margin-left:0px; z-index:1000; display:none;}
.btn_close {position:relative; left:208px; top:14px;}
.btn_close > img{margin:5px 5px 0 0; cursor:pointer;}

#Subcatetab02 .tab_01,#Subcatetab01 .tab_02{width:226px; }
#Subcatetab02 .tab_01 > ul, #Subcatetab01 .tab_02 > ul{*zoom:1;}
#Subcatetab02 .tab_01 > ul li, #Subcatetab01 .tab_02 > ul li  {float:left;}
.tab_box{width:226px; padding-top:0px;padding-bottom:20px; background:url(/images/main/rightservice_bg01.jpg);}
.tab_box > iframe {margin-top:-2px;}


/*왼쪽 윙배너*/
.wing_leftBanner{position:absolute;left: 50%;top: 135px !important;width:0px !important;z-index:0 !important;margin-left: -280px !important;}
.wing_leftBanner > a img {margin-bottom: 5px;}

/*왼쪽 윙배너*/
.wing_rightBanner {position: absolute;top: 268px !important;left: 50%;width: 70px;z-index: 3;margin-left: 480px !important;}
.wing_rightBanner .wing_customer > a img {margin-bottom: 5px;}

/* 오른쪽 날개: 장바구니,쿠폰  */
.wing_mymenu{border: 1px solid #d3d3d5;border-top: 0px;}
.wing_mymenu > ul > li{ border-top: 1px solid #d3d3d5;}
.wing_mymenu > ul > li > p{margin:0 0;}
.li_mymenu{padding: 10px 0px;/* line-height: 20px; */text-align: center;}
.today_view{padding:10px 0;text-align: center;}

.wing_sns{border: 1px solid #d3d3d5;border-top: 0px; margin-top:5px;}
.wing_sns > ul > li{ border-top: 1px solid #d3d3d5; height: 22px; vertical-align:middle; text-align:center; }
.wing_sns > ul > li > a img{padding-top:2px;}
.btn_up{margin-top:5px; margin-left:7px;}


.td_rightwing_txt {
	padding-top:5px;
	font-family: "돋움","Verdana", "Arial";
	font-size:12px;
	color:#ff4c00;
	font-weight:bold;
}
.td_rightwing_txt>a{color:#ff4c00;}

/* 오른쪽 날개: 오늘본상품 */
.td_rightwing_1 {
	border-left:1px solid #acacac;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
	border-top:1px solid #acacac;
	background:#f5f5f5;
	font-family: "돋움","Verdana", "Arial";
	font-size:12px;
	color:#ff4c00;
	font-weight:bold;
	padding:5px 0 7px 0;
}

.td_rightwing_goods {
	border:1px solid #e5e5e5;
	background:#fff;
	width:40px;
	height:40px;
}