@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body { margin:0; padding:0; font-family:'Nanum Gothic',Verdana; font-size:12px; color:#666666; overflow-x:hidden; }
img { border:none; vertical-align:top; }
select { font-family:'Nanum Gothic',Verdana; font-size:14px; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; padding:2px; height:26px; }
textarea { font-family:'Nanum Gothic',Verdana; font-size:14px; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; }
input { font-family:'Nanum Gothic',Verdana; font-size:14px; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; margin:0; padding-top:0; padding-bottom:0; }
input[type=text], input[type=password] { height:26px; line-height:26px; font-family:'Nanum Gothic',Verdana; font-size:14px; padding-top:0; padding-bottom:0; }
input[type=checkbox], input[type=radio] { vertical-align:bottom; }
input[type=file] { height:20px; line-height:20px; }
input[type=button], button[type=button] { font-family:'Nanum Gothic',Verdana; }
button[type=button], button[type=button]:focus { outline:0; outline:none; -moz-outline-style:none; }
ul, li { margin:0; padding:0; list-style:none; }

.input-group-addon { height:26px; padding-top:0px; padding-bottom:0px; }

a { color: #666666; text-decoration: none; }
a:link    { color:#666666;text-decoration:none }
a:visited { color:#666666;text-decoration:none }
a:hover   { color:#666666;text-decoration:none }
a:active  { color:#666666;text-decoration:none }


.border-lightgray-1 { border:1px solid #cfcfcf; }

.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs16 { font-size:16px !important; }

.p0 { padding:0 !important; }
.px0 { padding-left:0 !important; padding-right:0 !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt8 { padding-top:8px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pb7 { padding-bottom:7px !important; }
.ml3 { margin-left:3px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml50 { margin-left:50px !important; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr50 { margin-right:50px !important; }
.mt3 { margin-top:3px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mb0 { margin-bottom:0px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.font-dotum { font-family:dotum,Verdana !important; }
.font-nanum { font-family:'Nanum Gothic',Verdana !important; }
.font-nanum-coding { font-family:'Nanum Gothic Coding',Verdana !important; }
.font-nanum-myeongjo * { font-family: 'Nanum Myeongjo', serif; }

.align-top { vertical-align:top !important; }
.align-middle { vertical-align:middle !important; }

.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }

.text-blue { color:#337AB7; }
.text-green { color:#5CB85C; }
.text-sky { color:#5BC0DE; }
.text-orange { color:#f0ad4e; }
.text-red { color:#D9534F; }

.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }

.img-responsive { max-width:770px; }

.page-header { margin-top:0px; font-family:'Nanum Gothic',Verdana; }
.page-header, .container-fluid { margin-left:10px; }
.popup-header { margin-top:0; border-bottom:1px solid #ccc; }
.popup-title { background-image:url('/assets/images/manager/bl_title.gif'); background-repeat:no-repeat; background-position:center left; padding-left:23px; }


/**
 * 각 메뉴 제목
 */
.menu-titlebar { font-family:'Nanum Gothic',Verdana; font-size:14px; font-weight:bold; color:#ffffff; background-color:#404040; vertical-align:middle; padding:5px 0 5px 10px; margin-bottom:5px; }
.menu-title { background-image:url('/assets/images/manager/bl_pop_img1.gif'); background-repeat:no-repeat; background-position:center left; padding-left:23px; }
.menu-subtitle { background-image:url('/assets/images/manager/bl_pop_img2.gif'); background-repeat:no-repeat; background-position:center left; padding-left:15px; }


/**
 * 검색
 */
.search { width:100%; display:inline-block; background:#f9f9f9; border:1px solid #e1e1e1; vertical-align:middle; margin-bottom:10px; padding:5px 10px 5px 10px; font-family:'Nanum Gothic',Verdana; color:#666666; }
.search select { padding:4px 1px; }


/**
 * 그리드
 */
.container-grid { height:100%; margin-bottom:10px; }
.container-grid table { width:100%; font-family:'Nanum Gothic','dotum',Verdana; font-size:12px; }
.container-grid table thead tr th div { /* font-weight:bold; */ }

/* jqgrid */
.ui-jqgrid tr.jqgrow td { height:26px; padding:0; vertical-align:middle; }
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button { font-family:'Nanum Gothic','dotum',Verdana; font-size:13px; }
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select { height:24px; line-height:24px; }
.ui-th-column-header { text-align:center; }
th.ui-th-column div { white-space:normal !important; height:auto !important; padding:2px; }
.ui-jqgrid .ui-jqgrid-htable thead th { border-bottom:1px solid #c5dbec; }
.ui-jqgrid .ui-jqgrid-htable thead tr:first-child th { border-bottom:none; }
.ui-jqgrid .ui-jqgrid-pager { z-index:99; }
.grid-bootstrap-ui .ui-jqgrid .ui-jqgrid-htable thead th, .grid-bootstrap-ui .ui-th-column, .grid-bootstrap-ui .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { border-bottom:1px solid #ddd; }

.ui-jqgrid .ui-jqgrid-titlebar { min-height:26px; }
.ui-jqgrid .ui-jqgrid-ftable { margin-bottom:18px; }
.ui-jqgrid tr.footrow td { height:26px; border-bottom:1px solid #a6c9e2; background-color: #eaf5fe; /* #e7f2fb; */ }
.jqgrid-summary { background-color: #fefeed; }
.ui-th-div { margin-top:0px; padding-top:0px; padding-bottom:0px; }
.cbox { margin-top:0px; }


/**
 * jQuery UI Spinner
 */
.ui-spinner-input { margin:0; color:#666666; padding-left:12px; padding-right:26px; text-align:right; }
.ui-spinner-up { border-bottom:1px solid #cfcfcf; }
form .ui-widget.ui-widget-content { border:1px solid #cfcfcf; }
form .ui-spinner-button { border:1px solid #cfcfcf; background-color:#f5f5f5; }
.ui-datepicker { z-index:9999999999 !important; }

/**
 * Dialog
 */
.dialog-form { font-family:'Nanum Gothic','dotum',Verdana; font-size:12px; color:#404040; border-top:0px solid #b2b2b2; border-bottom:0px solid #b2b2b2; }
.dialog-form table tr td { padding:3px 10px 3px 10px; }
.dialog-form label { font-weight:normal; }
.dialog-form-button { text-align:center; }
.dialog-form-button button { font-family:'Nanum Gothic',Verdana; font-size:18px; padding-left:25px; padding-right:25px; }
.dialog-form-button button:not(:first-child) { margin-left:8px; }
.ui-front { z-index:9999996 !important; }
.ui-dialog { z-index:9999997 !important; }
.ui-dialog .ui-dialog-content { /* padding-top:0px; */ }
.ui-dialog .ui-dialog-titlebar { border:1px solid #404040; background:#404040; font-family:'Nanum Gothic',Verdana; font-size:18px; font-weight:normal; color:#ffffff; vertical-align:middle; padding:7px 0 7px 15px; margin-bottom:5px; }
.ui-dialog .ui-dialog-title { background-image:url('/assets/images/manager/bl_pop_img1.gif'); background-repeat:no-repeat; padding-left:23px; }
.ui-dialog-titlebar-close { /* display:none; */ border:none; border-radius:4px; background:#ffffff url('/assets/images/btn_close4.png') no-repeat; background-position:center; }
.ui-dialog-buttonpane { text-align:center; }
.ui-dialog-buttonpane button { font-family:'Nanum Gothic',Verdana; font-size:18px; padding-left:25px; padding-right:25px; }
.ui-dialog-buttonpane button:not(:first-child) { margin-left:8px; }
.ui-dialog-buttonpane .ui-dialog-buttonset { }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:center; float:none !important; }
.dialog-form table th { line-height:1.3; border-bottom:0px solid #b2b2b2; background-color:#f9f9f9; color:#393c43; font-size:12px; }
.dialog-form table td { min-height:28px; line-height:130%; border-bottom:0px solid #e5e5e5; vertical-align:middle; font-size:12px; }
.dialog-form table td input { font-family:'Nanum Gothic',Verdana; font-size:14px; }
.dialog-form table td select { font-family:'Nanum Gothic',Verdana; font-size:14px; }


/**
 * 상단 메뉴
 */
.navbar { font-family:'Nanum Gothic',Verdana; margin-bottom:0; border-radius:0; }
.navbar a { font-size:14px; }
.navbar button { font-family:dotum,Verdana; font-size:12px; }


/**
 * Tab Navibar
 */
#tabs ul li { font-family:'Nanum Gothic',Verdana; font-size:12px; }
#tabs ul li a:link { background-color:transparent; border:none; }
#tabs ul li a { outline:0; outline:none; -moz-outline-style:none; }


/**
 * 우측상단 로그인명
 */
.login-name { line-height:50px; padding-right:20px; }
.login-name span { font-weight:bold; }


/**
 * Pagination
 */
.pagelink { margin-right:10px !important; }
.pagelink a { color:#333333; }
.pagelink a:hover { color:#333333; }


/**
 * CS구분
 */
.cs-type ul li { float:left; width:165px; line-height:180%; }
.cs-type ul li:after { clear:both !important; }


/**
 * 포인트 환경설정 Tab
 */
.point-tab td { /* color:#404040; */ border:1px solid #dddddd; cursor:pointer; }
.point-tab td:last-child { border-top:none; border-right:none; cursor:default; }


/**
 * 배너관리
 */

/* 배너관리 */
.banner_tb { width:250px; margin-top:5px; }
.banner_tb table { width:250px; height:400px; border:2px solid #b2b2b2; }
.banner_tb td { border:1px solid #e5e5e5; font-size:11px; text-align:center; padding:0 0 0 0 !important; }
.banner_tb .banner { background-color:#f6fafd; cursor:pointer; }
.banner_tb .banner:hover { background-color:#FFFCE5; cursor:pointer; }
.banner_tb .banner_selected { background-color:#fff99d; cursor:pointer; }
.banner_tb_bottom { border-bottom:2px solid #b2b2b2 !important; }

/* 배너이미지파일 */
.list_banner_file    { width:650px; height:200px; text-align:center; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2 !important;margin-bottom:5px; border:1px solid #cccccc; overflow-x:hidden; }
.list_banner_file th { height:25px; }
.list_banner_file td { line-height:1.8; border-bottom:1px solid #e5e5e5; font-size:11px; text-align:left; padding-left:10px; padding-top:2px; padding-bottom:2px; padding-right:5px; overflow-x:hidden; }
.list_banner_file span { font-weight:normal; color:#666666; }

#banner_type_name { height:30px; font-family:'Nanum Gothic','Dotum'; font-size:14px; font-weight:bold; }


/**
 * 배송관리
 */
.goods-seperate-box { height:350px; width:100%; }
.goods-seperate-box li { float:left; }
.goods-seperate-box:after { content:''; display:block; clear:both; }
.goods-seperate-box .current { width:43%; height:100%; margin-left:1%; margin-right:1%; overflow-y:hidden; }
.goods-seperate-box .arrow { width:10%; height:100%; text-align:center; padding-top:125px; }
.goods-seperate-box .newbox { width:43%; height:100%; margin-left:1%; margin-right:1%; overflow-y:hidden; }

/**
 *
 */
.tab-menu { width:100%; height:35px; background:#fff; }
.tab-menu li { border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; float:left; height:32px; width:20%; font-size:14px; color:#333; text-align:center; line-height:32px; cursor:pointer; }
.tab-menu li:first-child { border-left:1px solid #ddd; }
.tab-menu .active { background-color:#606060; color:#fff; font-weight:normal; border-bottom:0px solid #efefef; /* color:#004eab; border-bottom:5px solid #004eab; */ }
.tab-menu:after { content:''; display:block; clear:both; }