@font-face {
 font-family: 'NanumSquare';
 src: url(font/NanumSquare.eot);
 src: url(font/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(font/NanumSquare.woff) format('woff'),
      url(font/NanumSquare.ttf) format('truetype');
}

.popup_drag {z-index:9999 !important; } /*솔루션 팝업 z-index*/
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}

/* ---------- 레이아웃 ----------*/
.inner {position:relative; margin:0 auto; width:1043px;}
.inner1 {margin-left:20px; }
#wrap {width:100%; min-width:1043px;}
#header {height:176px;}
#container {}
#aside {float:left; width:198px; position:relative; top:-47px; }
#contents {float:right; width:845px; position: relative;}
#footer {margin-top:56px;}

/*--------------가이드---------------*/
.fLoat { float:left; }

/* ---------- 해더 ----------*/
.util_area {height:33px; background:#182b45;}
.util_area dl {float:left; padding-top:11px;}
.util_area dl dd {float:left; margin-right:26px;}
.util_area dl dd a {color:#fefefe; font-size:11px;  }
.util_area dl dd a img { vertical-align: middle; }
.util_area dl dd a > strong { color:#15b6d9;}
.util_area .outlogin {float:right;}
.util_area .outlogin dl dd { margin:0; padding-left:10px;  }
.util_area .outlogin dl dd span {padding-left:10px; color:#757f8c;  }

/*탑영역*/
.top_area {position: relative; height:143px;}
.top_area > .inner {height:143px;}
.top_area h1 {padding-top:21px;}

.top_area .search_area {position:absolute;top:35px;left:50%;margin-left:-140px; width:335px;}
.top_area .search_area .search_input input {vertical-align:middle;}
.top_area .search_area .search_input input[type=text]{padding-left:14px; width:298px; height:34px; line-height:34px; border:2px solid #182b45; box-sizing:border-box;}
.top_area .search_area .search_input input[type=image] {background: #182b45; width:37px; height:34px; padding: 7px 8px; box-sizing: border-box;}

.top_area .search_area .popular_search {margin-top:8px; width:335px; overflow:hidden;}
.top_area .search_area .popular_search h3 {float:left; margin: 0 15px; height:40px;font:bold 12px/13px '맑은 고딕',dotum,sans-serif; color:#15b6d9; letter-spacing:-1px;}
.top_area .search_area .popular_search p {font:12px dotum,sans-serif;}
.top_area .search_area .popular_search p a {padding: 0 10px; color:#666666}
.top_area .search_area .popular_search p span {color:#dcdcdc; }

.top_area .top_slider {position:absolute; top:28px; right:19px; width:211px; height:49px;}
.top_area .top_slider .bx-controls-direction {position:absolute; bottom:-8px; right:-19px; height:16px;}
.top_area .top_slider .bx-controls-direction a {display:inline-block; width:16px; height:16px; text-indent:-9999px;}
.top_area .top_slider .bx-controls-direction a.bx-prev {background:url(../images/ico_arrow.png) no-repeat;}
.top_area .top_slider .bx-controls-direction a.bx-next {background:url(../images/ico_arrow.png) -45px no-repeat;}

.top_area .gnb_area {overflow:hidden;position:absolute; bottom:0; left:0; width:100%; height:47px; border-top: 1px solid #dcdcdc; border-bottom:2px solid #182b45; box-sizing:border-box; }
.top_area .gnb_area ul {position:relative; float:right; width:845px; height:47px;}
.top_area .gnb_area ul li {float:left; font-size:15px; font-weight:bold; line-height:47px; letter-spacing:-1.3px;}
.top_area .gnb_area ul li:first-child { padding-left:76px; padding-right:76px;}
.top_area .gnb_area ul li:nth-child(2),.top_area .gnb_area ul li:nth-child(3) { padding-right:77px; }
.top_area .gnb_area ul li:nth-child(4) { padding-right: 76px; border-right:1px solid #dcdcdc;  }
.top_area .gnb_area ul li a {display:block; /* width:150px; */ height:44px; color:#000000; text-align:center;}
.top_area .gnb_area ul li:nth-child(5), .top_area .gnb_area ul li:nth-child(6),.top_area .gnb_area ul li:nth-child(7) { border-right: 1px solid #dcdcdc; }
.top_area .gnb_area ul li:nth-child(5) a {width:130px; color: #0b63a7; padding-left:18px; background: url('../images/ico_best.png') 18px no-repeat; box-sizing:border-box;  }
.top_area .gnb_area ul li:nth-child(6) a {width:131px; color: #60ce24; padding-left:20px; background: url('../images/ico_shopping.png') 20px no-repeat; box-sizing:border-box;}
.top_area .gnb_area ul li:nth-child(7) a {width:126px; padding-left:18px; background: url('../images/ico_tv.png') 14px no-repeat; box-sizing:border-box; }

/*카테고리 메뉴*/
#aside h3 {display: block; width:100%; height:46px; background: #182b45 url(../images/btn_ub.png) 158px 15px no-repeat; color:#fff; letter-spacing:-1px; padding:7px 0 8px; box-sizing:border-box;}
/* #aside h3 a {display: block; width:100%; height:46px; background: #0b63a7 url(../images/btn_ub.png) 153px 24px no-repeat; text-align:center; color:#fff; letter-spacing:-1px; padding:7px 0 8px; box-sizing:border-box;  } */
#aside h3 .text_s  { font-size:10px;  color:#fff;}
#aside h3 .text_L  { font-size:22px; font-weight:bold; padding-top: 3px; padding-left: 30px; display: inline-block;  color:#fff;}



.nav_wrap.toggle {height:0;overflow:hidden;}
.nav_wrap.toggle.down {height:auto;}

#aside ul.nav {width:198px; border:1px solid #182b45; box-sizing:border-box; }
#aside ul.nav li { position: relative; height:30px; line-height:30px; border-bottom:1px solid #eeeeee; padding-left:10px; padding-right:15px; }
#aside ul.nav li:hover { background:#cde1e5;  }
#aside ul.nav li a {color:#333333; display:block; font-size:12px; }

#aside ul.nav.lnb li {padding-left:5px; height:30px; font:13px/30px dotum,sans-serif; border-bottom:1px dashed #cfcfcf; background:none;}
#aside ul.nav.lnb li.last {border-bottom:0 none}
#aside ul.nav li a {color:#555555;     font-family: '맑은 고딕','dotum',sans-serif;}

#aside dl {margin-top:19px; border:1px solid #182b45; }
#aside dl dd {width:100%; height:24px; border-bottom:1px solid #ebebeb; padding-left:10px; box-sizing:border-box; line-height:24px; font-size:12px; color:#000;  }
#aside dl .first { height:28px; border-bottom:none; color:#fff; font-size:14px; font-weight:bold; background:#182b45; line-height:28px; text-transform: capitalize;}
#aside dl dd:last-child { border-bottom:none; }

/**/
/* #aside ul.nav li .sub {
	position: absolute;
    width: 214px;
	top:-30px;
    right: -180px;
    border: 2px solid #0b63a7;
	border-left:none;
    z-index: 1;
    background: #fff url('../images/nav_arrow.jpg') left no-repeat;
	padding-left:12px;
} */
#aside ul.nav li .sub {
	display:none;
	position: absolute;
	background: #fff;
	border: 2px solid #182b45;
	width: 204px;
	top:-15px;
	right:-198px;
	z-index:1;
}

#aside ul.nav li .sub:after, #aside ul.nav li .sub:before {
	right: 100%;
	top: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}



#aside ul.nav li .sub:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -30px;
}
#aside ul.nav li .sub:before {
	border-color: rgba(11, 99, 167, 0);
	border-right-color: #182b45;
	border-width: 12px;
	margin-top: -32px;
}



/*--------------------------------퀵---------------------------------*/

#quickOuter_right{position:absolute; top:20px; right:-100px;width:80px; border: 1px solid #e5e5e5;}
#quick {width:80px; text-align:center; }
#quick h3 { line-height: 22px; background: #eeeeee; color: #0b63a7; font-weight: bold; }
.quickOn{position:fixed;top:10px; border: 1px solid #e5e5e5;}

.today_box {position:relative;}
.today_box dl dd {height:25px; border-bottom:1px solid #cccccc}
.today_box dl dd a {display:block; width:100%; height:25px; color:#575757; font:12px/25px dotum,sans-serif; text-align:center; letter-spacing:-1.7px;}
.today_box .quick2_wrap { background: #eeeeee; }
.today_box .quick2_wrap dd { border-bottom:none;}
.today_box .quick2_wrap a { height:20px; padding-left:19px; box-sizing: border-box; text-align: left; font-weight: 600;}
.today_box .quick2_wrap .first a { background: url('../images/ico_.png') 3px 8px no-repeat; }
.today_box .quick2_wrap .last a { background: url('../images/ico_.png') 3px -10px no-repeat;}
.today_box p {margin-top:10px; font:11px/17px dotum,sans-serif; color:#575757; text-align:center;letter-spacing:-0.5px; }
.today_box p b {color:#ea0000}
.today_box .today_slide {position:relative; margin-top:10px; padding:0px 8px 35px; width:64px;}
.today_box .today_slide ul li img {width:60px; height:60px; border:1px solid #e1e1e1;}
.today_box .today_slide .bx-controls {position:absolute; bottom:20px; left:0; width:100%;}
.today_box .today_slide .bx-pager {position:absolute; top:0; left:0; width:100%; text-align:center; color:#666666; word-spacing:-2px; font:12px/12px dotum,sans-serif; }
.today_box .today_slide .bx-controls-direction {position:absolute; top:0px; left:0; width:100%; z-index:999}
.today_box .today_slide .bx-controls-direction a {position:absolute; top:0;  display:block; width:16px; height:16px; text-indent:-9999px;}
.today_box .today_slide .bx-controls-direction a.bx-prev {left:10px; background:url(../images/ico_arrow.png)}
.today_box .today_slide .bx-controls-direction a.bx-next {right:10px; background:url(../images/ico_arrow.png) -45px no-repeat; }
#quick #topgo {padding-top:5px;cursor:pointer; text-align:center; color: #575757; font-weight: 600; background: url(../images/ico_top.png) 56px 10px no-repeat; }

/*푸터*/
.foot_top {overflow:hidden; height:148px; background:#f9f9f9; border: 1px solid #d7d5d6; border-left:none; border-right:none;  }
.foot_top_B { border: 1px solid #d7d5d6; border-top:none; border-bottom:none; }
/* .foot_top>div {position:relative; float:left; height:315px;} */
.foot_top .col1 { float:left; }
.foot_top .col1 img { border-right: 1px solid #d7d5d6; height: 148px;}
.foot_top .col2 { float:left; padding: 30px 40px; width:277px; height:148px; box-sizing:border-box; }
.foot_top .col2 > h3 { padding-bottom: 15px; }
.foot_top .col2 a { font-size:12px; color:#000; font-family: 'dotum',sans-serif;}
.foot_top .col2 ul li { line-height:20px; }

.foot_bottom {position:relative; margin-top:30px; margin-bottom: 25px; }
.foot_bottom ul {display:inline-block; height:12px;}
.foot_bottom ul li {float:left; font:12px/1.2 'dotum',sans-serif;}
.foot_bottom ul li a {color:#000000;}
.foot_bottom ul li span { margin: 0 10px; }
.foot_bottom .copy_area { overflow:hidden; padding:20px 0 27px; }
.foot_bottom .copy_area h2 {float:left; padding-top:15px; width:240px; text-align:left;}
.foot_bottom .copy_area .copy {float:left;}
.foot_bottom .copy_area .copy address {font:12px/20px 'dotum',sans-serif; color:#5d5d5d;}
.foot_bottom .copy_area .copy address span { color:#9a9a9a; }
.foot_bottom .copy_area .copy p {margin-top:10px; color:#5d5d5d; text-transform:uppercase;}
.foot_bottom .copy_area .copy p strong { color: #5d5d5d; }
.foot_bottom .foot_mark {position:absolute; top:0; right:0; text-align:right;}



/*메인*/
/* .visual_area { position: relative; width: 825px; height: 436px; margin-top:20px; }
.visual_area #bx-pager { position: absolute; right:0; bottom: 1px; height: 38px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing:border-box; }
.visual_area #bx-pager a { display:block; float: left; width:204.87px; height:37px; font-size: 17px; color: #666666;text-align:center; border-right: 1px solid #e5e5e5;
								    overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 2.4; max-height: 2.4em; }
.visual_area #bx-pager a:hover, .visual_area #bx-pager a.active {background:#182b45; color:#fff; }
.visual_area #bx-pager a:first-child { border-left: 1px solid #e5e5e5; } */
.sec2 { margin-top:27px; }
.sec2 .sub_visual_area { position:relative; }
.sec2 .sub_visual_area .bx-pager { position:absolute; bottom: 27px; right: 17px; }
.sec2 .sub_visual_area .bx-pager div { float:left; margin-right: 11px;  }
.sec2 .sub_visual_area .bx-pager div a { display: block; width: 11px; height: 11px; text-indent: -9999px; background: #fff; border-radius: 50%; border: 1px solid #535353; }
.sec2 .sub_visual_area .bx-pager div a.active { background:#535353; }
.sec2 .cross_new_div { height: 418px; border-bottom: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5; box-sizing: border-box; }
.sec2 .cross_new_div .cross_new li { height:208px; border: 1px solid #dbe1e7; border-left: none; border-top: none; box-sizing: border-box;}
.sec2 .cross_new_div .cross_new li:nth-child(even) { border-right: none; }
.sec2 .cross_new_div .cross_new li:nth-child(3),.sec2 .cross_new_div .cross_new li:nth-child(4) { border-bottom:none;}
.sec2 .cross_new_div .shop_img a {display:block; }
.sec2 .cross_new_div .shop_txt { padding: 10px 12px; }
.sec2 .cross_new_div .shop_txt a .txt_wrap { font-size: 13px; padding-top:10px;  color: #666666; height:20px; display: block; text-overflow: ellipsis; overflow: hidden; }
/* .sec2 .cross_new_div .shop_txt .s_about { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 1.2em; text-align: left; word-wrap: break-word;
												    display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; } */
.sec2 .cross_new_div .shop_txt a .price { display: block;  color: #000000; font-weight: bold; }
.best_area { margin-top:48px; }
.best_area h3.main_h3 {position:relative; border-bottom:1px solid #182b45; }
.best_area h3.main_h3 .title { display:inline-block; width: 185px; height:32px; line-height:32px; text-align:center; font-weight:bold; background:#182b45; font-size:19px; color:#fff;}
.best_area h3.main_h3 .about { padding-left:15px; font-size:12px; color:#666666; font-weight: bold;}
.best_area h3.main_h3 .btn_total { display:block; position:absolute; padding-left:20px; top: 8px; right:14px; line-height:15px; font-size:11px; color:#666666; font-weight:bold;
											background: url('../images/ico_g_plus.png') left no-repeat;
}
.best_area .product_list { margin-top: 35px; }
.best_area .product_list .best_item { padding-right:21px; padding-top: 46px; height:185px;  }
.best_area .product_list .best_item:last-child { padding-right: 0px; }
.best_area .product_list tr:first-child > td { padding-top: 0;}
.best_item .txt {padding-top:20px; }
.best_item .txt a .txt_wrap { font-size: 12px;  color: #666666; height:50px; display: block; text-overflow: ellipsis; overflow: hidden; }
.best_item .txt .subject {  }
.best_item .txt .price {padding-top:3px; display: inline-block; font-weight: bold; color: #000;}

/*서브 메뉴*/
#aside .fixed_nav { padding-left:5px; margin-top:40px; margin-bottom: 5px; font-size: 30px; font-weight:bold; color:#0b63a7; }
#aside .fixed_nav_lnb { border:1px solid #2553a1; border-left:none; border-right:none;  }
#aside .fixed_nav_lnb li { height:39px; line-height:39px; padding-left:20px; padding-right:24px; border-bottom: 1px dashed #dcdcdc; }
#aside .fixed_nav_lnb li a { display:block; font-size:15px; color:#666666; font-weight:bold; }
#aside .fixed_nav_lnb li a.on,#aside .fixed_nav_lnb li a:hover{ background: url('../images/ico_baroow.png') right no-repeat; color:#0b63a7; }
#aside .fixed_nav_lnb li:last-child { border-bottom:none; }

/*서브 타이틀*/
.sub_tit {position:relative; padding-top:36px; margin-bottom:20px;}
.sub_tit h1 {padding-bottom:10px; font:25px '맑은 고딕',dotum,sans-serif; color:#000000; letter-spacing:-1px; border-bottom:1px solid #000000;}
.sub_tit ul {overflow:hidden; position:absolute; top:36px; right:0;}
.sub_tit ul li {float:left; color:#848484;}
.sub_tit ul li a { color:#848484; }
.sub_tit ul li.arrow {padding:0 5px;}
.sub_tit ul li b {color:#0b63a7; }

.shop_tit {position:relative; padding-top:36px; margin-bottom:20px;}
.shop_tit h1 { padding-bottom:10px; font:25px '맑은 고딕',dotum,sans-serif; color:#000000; letter-spacing:-1px; border-bottom:1px solid #000000;}
.shop_tit h1 span {display:inline-block; margin:0 15px; width:30px; height:1px; background:#e1e1e1; vertical-align:middle;}

/* 2017-07-21 정성호 메인페이지 페이저 수정 */
.visual_area { position: relative; width: 825px; height: 400px; margin-top:20px; }
.visual_area #bx-pager { position: absolute; right:30px; bottom: 25px;}
.visual_area #bx-pager a { display:block; float: left; width:11px; height:11px;  border: 1px solid #535353; text-indent:-9999em; border-radius:50%; margin-left:10px; background:#fff; }
.visual_area #bx-pager a:hover, .visual_area #bx-pager a.active {background:#535353; color:#fff;  }

/* 2017-07-27 정성호 라이트박스 추가 */
.lightbox-wrap .lightbox-title-over{display: none !important;}
.lightbox{position: relative; display: inline-block;}
.lightbox:hover:after{display: block;}
.lightbox:after{
   content:'';
   display: none;
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   background: url(../images/zoom.png) center;
   background-size: cover;
}