@charset "utf-8";
@import "reset.css";
@import "guide.css";

/* @import "../board/basic/board.css"; 보드 스타일 추가*/

body{ color:#585C5F; font-size:12px; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; line-height:1.2;}
a{ text-decoration:none; color:#454545;}
i, span {vertical-align:baseline;}
b {vertical-align:baseline;font-weight: bold;}


/*------------------------------top------------------------------*/


#wrap{background:url("../images/wrap_back.jpg") repeat-y; width:100%; min-width:1550px; overflow:hidden; box-sizing:border-box;border-bottom:1px solid #EFEFEF;}

#quick-left{width:72px;min-height:712px;float:left;}

#container{width:calc( 100% - 72px); float:left}
#header{height:72px; background-color:#128fa3; border-bottom:1px solid #e8e8e6; }
#header.order {background-color: #2d72af !important;}
#content-body{width:100%;background-color:#F4F5F7;}
#footer{background:#fdfdfd;border-top:1px solid #e8e8e6;}


#header .top-left { width:1200px; float:left; }
.top-left-ul{overflow:hidden; }
.top-left-ul li { width:85px; line-height:70px; color:#FFFFFF; font-weight:bold; display:inline-block; text-align:center;}

.top-left-ul li.logo{width:180px; }
.top-left-ul li.on, .top-left-ul li:hover { border-bottom:2px solid #F2D028; }
.top-left-ul li a{ color:#FFFFFF; font-weight:bold; font-size: 14px; }

#header .top-right { width:calc(100% - 1200px); float:right; }
.top-right-ul{ overflow:hidden; text-align:right; }
.top-right-ul li { line-height:72px;color:#FFFFFF; font-weight:bold; display:inline-block; text-align:center; margin-left:12px; }
.top-logout{ border:none; border-radius:5px; font-size:12px; background-color:#FEDA2C; padding:10px 20px 12px 20px; color:#535353; font-weight:bold; cursor:pointer;}

#footer .copy-wrap-ul{overflow:hidden;}
#footer .copy-wrap-ul li{margin-left:12px;display:inline-block; line-height:56px; font-weight:bold; color:#9398A0;}

.float-left{float:left;}
.float-right{float:right;}
.justify-content-between { display:flex; justify-content: space-between;}

/**/
.content_head {width:100%; border-bottom:1px solid #dcdcdc;background-color:#FFFFFF;}
.content_head dl {margin:18px 15px;}
.content_head dt {font-weight:bold; font-size:14px;padding:2px;text-align: left;}
.content_head dd {text-indent:6px; color:#9EA2A9;text-align: left;}
.content_head dd span{color:#F37525;font-weight:bold;}

.content_wrap{ width:95%; min-width:1440px; min-height:640px; background-color:#FFFFFF; overflow:hidden; border-right:1px solid #EFEFEF;padding:0.75rem;}

.cont_content{padding:24px 0;}
.cont_search{}
.cont_list{ padding-bottom:56px;overflow:hidden;}

.quick-left-ul {width:71px;}
.quick-left-ul .qlbtn01{height:60px;background:#ffffff url("../images/left_off_01.png") no-repeat left top; cursor:pointer; margin-top:16px;}
.quick-left-ul .qlbtn02{height:60px;background:#ffffff url("../images/left_off_02.png") no-repeat left top; cursor:pointer; }
.quick-left-ul .qlbtn03{height:60px;background:#ffffff url("../images/left_off_03.png") no-repeat left top; cursor:pointer; }
.quick-left-ul .qlbtn04{height:60px;background:#ffffff url("../images/left_off_04.png") no-repeat left top; cursor:pointer; }
.quick-left-ul .qlbtn05{height:60px;background:#ffffff url("../images/left_off_05.png") no-repeat left top; cursor:pointer; }

.quick-left-ul .qlbtn01:hover{background:#ffffff url("../images/left_on_01.png") no-repeat left top; }
.quick-left-ul .qlbtn02:hover{background:#ffffff url("../images/left_on_02.png") no-repeat left top; }
.quick-left-ul .qlbtn03:hover{background:#ffffff url("../images/left_on_03.png") no-repeat left top; }
.quick-left-ul .qlbtn04:hover{background:#ffffff url("../images/left_on_04.png") no-repeat left top; }
.quick-left-ul .qlbtn05:hover{background:#ffffff url("../images/left_on_05.png") no-repeat left top; }



/*페이징*/
#pageing_wrap{overflow:hidden; margin:12px 0 48px 0;}
.pageing_form{ margin:10px 0; height:24px; font-size:12px; text-decoration:none; text-align:center; }
.pageing_form a.prev {position:relative; left:-1px;}
.pageing_form a.next {position:relative; right:-1px;}
.pageing_form a {display:inline-block; *zoom:1; *display:inline; width:24px; height:24px; vertical-align:top;}
.pageing_form a.list_page {width:22px; height:22px; border:1px solid #cbcbcb; font:12px/22px dotum,sans-serif; color:#979797;}
.pageing_form span.now_page {display:inline-block; *zoom:1; *display:inline; width:22px; height:22px; border:1px solid #596071; font:bold 12px/22px dotum,sans-serif; color:#fff; background:#596581;}
.pageing_form img{vertical-align:top;}




/*************/
.btns_small{ padding:3px 8px 5px 8px;margin:2px 0;font-size:12px;text-align:center; cursor:pointer;font-family:'맑은 고딕' !important;}
.btns_blue		{ /*padding:12px 24px;font-size:12px;*/ background-color:#4d75be;border:1px solid #3761ae;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_red		{ /*padding:12px 24px;font-size:12px;*/ background-color:#eb4141;border:1px solid #cc2121;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_skyblue	{ /*padding:12px 24px;font-size:12px;*/ background-color:#449bb1;border:1px solid #2f7c90;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_black		{ /*padding:12px 24px;font-size:12px;*/ background-color:#404450;border:1px solid #363837;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_gray		{ /*padding:12px 24px;font-size:12px;*/ background-color:#808080;border:1px solid #606060;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_green		{ /*padding:12px 24px;font-size:12px;*/ background-color:#4db177;border:1px solid #2f9c5d;color:#FFFFFF;border-radius:3px;font-weight:bold;}
.btns_white		{ /*padding:12px 24px;font-size:12px;*/ background-color:#ffffff;border:1px solid #404450;color:#404450;border-radius:3px;font-weight:bold;}


.btns{ margin:24px 0;text-align:center; }
.btnsImage		{ padding:10px 15px 12px 26px; font-size:12px;color:#FFFFFF;border-radius:3px;font-weight:bold; cursor:pointer;font-family:'맑은 고딕' !important;}
.isave		{ border:1px solid #3761ae; background:#4d75be url("../images/iconv1_save.png") no-repeat 8px center; background-size:13px;}
.idelete	{ border:1px solid #cc2121; background:#eb4141 url("../images/iconv1_close.png") no-repeat 8px center; background-size:13px;}
.iconfig	{ border:1px solid #2f7c90; background:#449bb1 url("../images/iconv1_config.png") no-repeat 8px center; background-size:13px;}
.idown		{ border:1px solid #2f9c5d; background:#4db177 url("../images/iconv1_down.png") no-repeat 8px center; background-size:13px;}
.ifind		{ border:1px solid #363837; background:#404450 url("../images/iconv1_find.png") no-repeat 8px center; background-size:13px;}
.ilist		{ border:1px solid #606060; background:#808080 url("../images/iconv1_list.png") no-repeat 8px center; background-size:13px;}
.idoc		{ border:1px solid #3761ae; background:#4d75be url("../images/iconv1_doc.png") no-repeat 8px center; background-size:13px;}
.iback		{ border:1px solid #404450; background:#ffffff url("../images/iconv1_back2.png") no-repeat 8px center; background-size:13px; color:#404450; }
.iback2		{ border:1px solid #606060; background:#808080 url("../images/iconv1_back.png") no-repeat 8px center; background-size:13px;}
.irefresh		{ border:1px solid #363837; background:#404450 url("../images/iconv1_refresh.png") no-repeat 8px center; background-size:13px; }


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

.tTop {vertical-align: top;}
.tMiddle {vertical-align: middle;}
.tBottom {vertical-align: bottom;}

.bold{font-weight:bold;}

.fcRed{color:#FF0000;}
.fcBlue{color:#4D75BE;}
.fcGray{color:#F0F0F0;}
.fcYellow{color:#FFFF00;}
.fcGreen{color:#00ff2d;}

.bgRed{background-color:#FFE0E0;}
.bgBlue{background-color:#E0E0FF;}
.bgGray{background-color:#F0F0F0;}

.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb35{margin-bottom:35px;}

.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt35{margin-top:35px;}

textarea { padding:5px; line-height:15px; border:1px solid #dddddd; }
.input_st { padding-left:4px; padding-right:4px; border:1px solid #dddddd; box-sizing:border-box; height:26px; line-height:24px; vertical-align:middle; width:100%;}
.input_st_ins { padding-left:4px; padding-right:4px; border:1px solid #dddddd; border-radius:3px; box-sizing:border-box; height:28px; line-height:26px; vertical-align:middle; width:100%;}

.calendar {
	width:105px !important;
	background:url('../images/ico_cal.png') no-repeat 5px 50%;
	padding-left:30px !important;
}

.thumb_img{
	width:60px;
	height:47px;
	border:1px solid #EFEFEF;
	cursor:pointer;
}
.thumb_img_big{
	width:100%;
	height:100%;
	cursor:pointer;
}

.thumb_event{
	background:url('../images/ico_event.png') no-repeat;
	background-size:cover;
}



input[type='text'][readonly], input[type='text'][readonly='readonly'] {
    background-color: #F7F7F7;
}

.goods-code {font-size:12px;color:#808000;}
.goods-name {font-weight:bold;font-size:14px;color:#000000;}
.goods-name span{font-size:10px;color:#000000;}

.goods-stand{text-indent:15px;margin-top:2px;}
.goods-brand{}
.goods-group{}
.goods-year	{}
.goods-unit {text-indent:8px;margin-top:2px;color:#0B76BA;}
.goods_isstock{ color:#262626; font-weight:bold; font-size:14px;}


.dl-goods-code{text-align:left;color:#18A1BD;font-weight:bold;font-size:11px;}
.dl-goods-name{text-align:left;font-weight:bold;font-size:14px;height:32px;}
.dl-goods-group{text-align:left;}
.dl-goods-unit{text-align:left;color:#0B76BA;}
.dl-goods-price{text-align:left;color:#ED2444;font-weight:bold;font-size:18px;}
.dl-goods-price span{text-align:left;color:#424242;font-weight:bold;font-size:14px;}
.dl-goods-price span.currency{text-align:left;color:#183dff;font-weight:bold;font-size:14px;}

.find_nodata { background:#FFFFFF url("../images/find_nodata.gif") no-repeat 50% 50%;height:250px;text-align:center;}


/* 로딩 메세지 박스 */
#center_loading{
	position: absolute;
	z-index:999;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 180px;
	margin-left: -100px;
	margin-top: -100px;
	display:none;
	overflow:hidden;
	/*background-color:#FFFFFF;*/
}

#popup_draggable{
	display:none;
	position: absolute;
	/* cursor:all-scroll;*/
	z-index:11;
	/*
	left: 50px;
	top: 50px;
	width:360px;
	*/
	border:1px solid #13141C;
	overflow:hidden;
	background-color:#FFFFFF;
	box-sizing:border-box;
	box-shadow:3px 3px #7A7B80;
		-moz-box-shadow:3px 3px #7A7B80;
		-webkit-box-shadow:3px 3px #7A7B80;
}

#popup_draggable #popup_top_cont{
	position:relative;
	padding:8px;
	font-size:12px;
	font-weight:bold;
	background-color:#495164;
	color:#FFFFFF;
	box-sizing:border-box;
	overflow:hidden;
}
#popup_draggable #popup_top_cont ul{
}
#popup_draggable #popup_top_cont ul li{
	display:inline-block;
	vertical-align:middle;
	padding:2px;
	width:24px;
}
#popup_draggable #popup_top_cont ul li:nth-child(1){
	width:calc(100% - 58px);
}
#popup_draggable #popup_body_cont{
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	padding:8px;
}




/* 컨텐츠 테이블 */
.basic_table {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;border-collapse:collapse;table-layout:fixed;}
.basic_table th, .basic_table td {padding:8px; text-align:left;box-sizing:border-box; vertical-align:middle;}
.basic_table th {padding-left:24px; background-color:#f7f7f7; border-bottom:1px solid #eaeaeb; color:#444444;}
.basic_table th b {color:#6591d9;}
.basic_table td {padding-left:5px; border-bottom:1px solid #eaeaeb;}
.basic_table td span {padding-left:5px; color:#999999; font:11px 'sans-serif','맑은 고딕','Dotum';}
.basic_table td select {height:26px;vertical-align:middle;border:1px solid #dddddd;}
.basic_table td input[type=radio], .basic_table td input[type=checkbox] {vertical-align:middle;}
.basic_table caption{text-align:left; color:#444444 ; font-weight:bold; background:#F1F1F1 url('../images/table_write.png') no-repeat 10px center;border-top:1px solid #d3d3d3;padding:12px 28px;}
.basic_table label{ margin-right:8px; }


/* 컨텐츠 테이블 */
.print-div { padding:5px;}

.print_table {border-collapse:collapse;table-layout:fixed;}
.print_table th, .print_table td {padding:6px 2px; text-align:center;box-sizing:border-box; vertical-align:middle; border:1px solid #eaeaeb;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.print_table th {background-color:#f7f7f7;}
.print_table td {}


/*

예시 1) 민트
검색창 배경색 #00acc2;
글씨색 #fff;

리스트 배경색 #e4e4e4
리스트 선색 #b9b9b9

예시 2) 주황
검색창 배경색 #ff7c28
글씨색 #fff

예시 3) 카키
검색창 배경색 #65967a
글씨색 #fff

예시 4) 남색
검색창 배경색 #4a5988
글씨색 #fff

예시 5)
검색창 배경색 #6d6c6f
글씨색 #fff

*/
.basic_list {border-top:1px solid #d3d3d3;border-collapse:collapse;table-layout:fixed;}
.basic_list th {padding:15px 0px; border-right:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; text-align:center; box-sizing:border-box; font-weight:bold; background-color:#F9F9F9;/* color:#747879;	*/vertical-align:middle; }
.basic_list th:last-child{border-right:none;}
.basic_list td {padding:8px 5px; border-right:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; text-align:center; white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.basic_list td:last-child { border-right:none; }
.basic_list td img {vertical-align:middle;}
.basic_list tr.over:hover {background-color:#FEF4C2;}
.basic_list tr:nth-child(even) {background-color:#FBFBFB;}
.basic_list caption{text-align:left; line-height:36px; font-weight:bold; padding-left:36px;border-top:1px solid #d3d3d3; background:#F2F2F2 url('../images/table_list.png') no-repeat 10px center;}


/*------------------------------관리자 로그인------------------------------*/
body.login { background:url(../images/bg_login.jpg) repeat;}
#login_wrap {position:absolute; top:0; bottom:0; width:100%; min-width:710px; min-height:800px;}
.login_inner {margin:0 auto; width:700px;}
.login_util {overflow:hidden; height:50px; background:#13141c;}
.login_util .left {float:left;}
.login_util .left h1  {float:left; padding:17px 0 0 15px;}
.login_util .left p  {float:left; margin-left:10px; padding-left:12px; line-height:50px; background:url(../images/bullet_top_bar.jpg) no-repeat left 19px; color:#fff;}
.login_util .left p b {color:#6591d9;}
.login_util .right {float:right; padding-right:15px;}
.login_util .right ul {overflow:hidden;}
.login_util .right ul li {float:left; padding:0 12px; font:bold 11px/50px 'sans-serif','맑은 고딕','Dotum'; background:url(../images/bullet_top_bar.jpg) no-repeat right 19px;}
.login_util .right ul li.last {padding-right:0; background:none; font-weight:normal;}
.login_util .right ul li a {color:#cdcdcd;}

#login_content {position:relative; top:125px;}
#login_content > h2 {margin-bottom:20px; text-align:center;}
.login_input {padding:60px 0 40px 0; width:100%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff;}
.login_input > div {position:relative; margin:0 auto; width:585px;}
.login_input > div dl {overflow:hidden; margin-bottom:12px;}
.login_input > div dl dt {float:left; padding-top:14px; width:80px;}
.login_input > div dl dd input {border:1px solid #e0e0e0; padding-left:9px; width:290px; height:38px; background:#f3f3f3;
border-radius: 10px;
}
.login_input > div p {position:absolute; top:0; right:0;}
.login_input > div p img {cursor:pointer;}
.login_input > div ul {margin-top:50px;}
.login_input > div ul li {padding-left:25px; font:13px/22px 'sans-serif','맑은 고딕','Dotum'; background:url(../images/bullet_chk.jpg) no-repeat left bottom; letter-spacing:-0.8px; color:#666666;}

.newbreed {padding-top:50px;}
.newbreed ul {overflow:hidden; margin-top:20px; margin-left:-7px; width:708px;}
.newbreed ul li {float:left; margin-left:7px;}


#login_footer {position:absolute; left:0; bottom:0; width:100%; min-width:710px; border-top:1px solid #495164; height:35px; text-align:center; background:#fff;}
#login_footer p {font:11px/35px 'sans-serif','맑은 고딕','Dotum'; color:#888888;}
#login_footer p b {color:#6591d9;}
#login_footer ul {position:absolute; top:0;}
#login_footer ul li {float:left; padding:0 10px 0 8px; background:url(../../images/bullet_foot_bar.jpg) no-repeat right 50%;}
#login_footer ul li b {color:#6591d9;}
#login_footer ul li a {color:#888888; font:11px/35px 'sans-serif','맑은 고딕','Dotum';}
#login_footer ul li.last {padding-right:0; background:none;}
#login_footer ul.left {left:15px;}
#login_footer ul.right {right:15px;}

.sold-out{
	position:absolute;
	background:rgba(0,0,0,0.4) url('../images/soldout.png') center center;
	background-size:cover;
	width:100%;height:100%;
	color:#FFFFFF;
	cursor:pointer;
}

.sold-out-stock{
	background:rgba(0,96,96,0.4) url('../images/soldout_stock.png') center center;
	background-size:cover;
	cursor:pointer;
}

.link-goods-info{
	cursor:pointer;
}
.link-goods-info:hover{
	color:#ED2444;
}