/* CSS Document */

/*기본*/
body,html{font-size:12px; font-family: '나눔고딕',Nanum Gothic,'돋움'; margin:0px; padding:0px; height:100%; width:100%;}



a:link {font-size:12px; text-decoration:none; color:#6b6b6b}
a:visited {font-size:12px; text-decoration:none; color:#6b6b6b;}
a:active {font-size:12px; text-decoration:none; color:#000000;}
a:hover {font-size:12px; color:#000000; }


@font-face {
  font-family:'malgun';
  src: url('../font/malgun.eot'); /* IE9 Compat Modes */
  src: url('../font/malgun.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('../font/malgun.woff') format('woff'), /* ie 제외한 나머지 */
       url('../font/malgun.ttf') format('truetype'),
       url('../font/malgun.svg#malgun') format('svg'); /*모바일브라우져를 위해서*/
		font-weight:normal;
		font-style:normal;
} 


textarea{border:1px solid #000000; border-color:#cccccc}
div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0; list-style:none}
img {border:0;vertical-align:top;}

.input{border:1px solid #000000; border-color:#cccccc}
.wrap {width:100%; height:100%;}



#login {width:100%; height:100%; padding:0px; margin:0px; background:url(../img/login/login_bg.jpg); background-size:cover; overflow:hidden}
#login .conBox {background:url(../img/login/conBg.png) repeat; width:634px; height:439px; overflow:hidden; margin:12.5% auto}
#login .conBox .top {text-align:center; padding-top:15px; padding-bottom:15px; margin-right:7px}
#login .conBox .center .wrap_login { overflow:hidden; }
#login .conBox .center {margin-left:35px; margin-right:42px; overflow:hidden; margin-top:10px}
#login .conBox .center .inpbox {overflow:hidden; width:100%; float:left}
#login .conBox .center .inpbox .inpStyle {padding-left:10px; border:1px solid #333333; color:#4f4f4f; height:36px; width:97.5%; font-size:13px; letter-spacing:-0.5px; background:url(../img/login/inpBg.png)}
#login .conBox .center .inpbox .loginBt {background-color:#000000; height:47px; margin-top:20px}
#login .conBox .center .inpbox .loginBt p {line-height:43px; text-align:center; color:#FFFFFF; font-size:18px; letter-spacing:-1px; font-weight:600}
#login .conBox .center .bt {float:right; overflow:hidden}
#login .conBox .center .bt ul {overflow:hidden}
#login .conBox .center .bt ul li {float:left; text-align:center}
#login .conBox .center .bt ul li+li {margin-left:6px}
#login .conBox .center .bt ul li img {margin-top:36px}
#login .conBox .center .bt ul li p {margin-top:14px; font-size:13px; line-height:16px; letter-spacing:-0.5px; font-weight:600}
#login .conBox .center .bt ul .type1 {background:url(../img/login/btBg1.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#ffffff}
#login .conBox .center .bt ul .type2 {background:url(../img/login/btBg2.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#1b1b1b}
#login .conBox .center .id_password {overflow:hidden; font-size:14px; padding-top:20px; vertical-align:middle}
#login .conBox .center .id_password span {margin-left:10px}
#login .conBox .bottom {border-top:1px solid #000000; margin-top:18px; margin-left:35px; margin-right:42px; overflow:hidden}
#login .conBox .bottom ul {overflow:hidden; margin-top:18px}
#login .conBox .bottom ul li {float:left; color:#555555}
#login .conBox .bottom ul li+li {float:right; font-size:14px; font-weight:600}
#login .conBox .bottom ul li span {font-size:14px; color:#000000; letter-spacing:-0.5px; margin-right:10px; font-weight:600}


#login2 {width:100%; height:100%; padding:0px; margin:0px; background:url(https://www.beeman.co.kr/img/main/main-sec06-bg03.jpg); background-size:cover; overflow:hidden}
#login2 .conBox {background:url(../img/login/conBg.png) repeat; width:634px; height:439px; overflow:hidden; margin:12.5% auto}
#login2 .conBox .top {text-align:center; padding-top:15px; padding-bottom:15px; margin-right:7px}
#login2 .conBox .center .wrap_login { overflow:hidden; }
#login2 .conBox .center {margin-left:35px; margin-right:42px; overflow:hidden; margin-top:10px}
#login2 .conBox .center .inpbox {overflow:hidden; width:100%; float:left}
#login2 .conBox .center .inpbox .inpStyle {padding-left:10px; border:1px solid #333333; color:#4f4f4f; height:36px; width:97.5%; font-size:13px; letter-spacing:-0.5px; background:url(../img/login/inpBg.png)}
#login2 .conBox .center .inpbox .loginBt {background-color:#000000; height:47px; margin-top:20px}
#login2 .conBox .center .inpbox .loginBt p {line-height:43px; text-align:center; color:#FFFFFF; font-size:18px; letter-spacing:-1px; font-weight:600}
#login2 .conBox .center .bt {float:right; overflow:hidden}
#login2 .conBox .center .bt ul {overflow:hidden}
#login2 .conBox .center .bt ul li {float:left; text-align:center}
#login2 .conBox .center .bt ul li+li {margin-left:6px}
#login2 .conBox .center .bt ul li img {margin-top:36px}
#login2 .conBox .center .bt ul li p {margin-top:14px; font-size:13px; line-height:16px; letter-spacing:-0.5px; font-weight:600}
#login2 .conBox .center .bt ul .type1 {background:url(../img/login/btBg1.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#ffffff}
#login2 .conBox .center .bt ul .type2 {background:url(../img/login/btBg2.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#1b1b1b}
#login2 .conBox .center .id_password {overflow:hidden; font-size:14px; padding-top:20px; vertical-align:middle}
#login2 .conBox .center .id_password span {margin-left:10px}
#login2 .conBox .bottom {border-top:1px solid #000000; margin-top:18px; margin-left:35px; margin-right:42px; overflow:hidden}
#login2 .conBox .bottom ul {overflow:hidden; margin-top:18px}
#login2 .conBox .bottom ul li {float:left; color:#555555}
#login2 .conBox .bottom ul li+li {float:right; font-size:14px; font-weight:600}
#login2 .conBox .bottom ul li span {font-size:14px; color:#000000; letter-spacing:-0.5px; margin-right:10px; font-weight:600}


#login3 {width:100%; height:100%; padding:0px; margin:0px; background:url(https://www.beeman.co.kr/img/main/main-sec01-bg01.jpg); background-size:cover; overflow:hidden}
#login3 .conBox {background:url(../img/login/conBg.png) repeat; width:634px; height:439px; overflow:hidden; margin:12.5% auto}
#login3 .conBox .top {text-align:center; padding-top:15px; padding-bottom:15px; margin-right:7px}
#login3 .conBox .center .wrap_login { overflow:hidden; }
#login3 .conBox .center {margin-left:35px; margin-right:42px; overflow:hidden; margin-top:10px}
#login3 .conBox .center .inpbox {overflow:hidden; width:100%; float:left}
#login3 .conBox .center .inpbox .inpStyle {padding-left:10px; border:1px solid #333333; color:#4f4f4f; height:36px; width:97.5%; font-size:13px; letter-spacing:-0.5px; background:url(../img/login/inpBg.png)}
#login3 .conBox .center .inpbox .loginBt {background-color:#000000; height:47px; margin-top:20px}
#login3 .conBox .center .inpbox .loginBt p {line-height:43px; text-align:center; color:#FFFFFF; font-size:18px; letter-spacing:-1px; font-weight:600}
#login3 .conBox .center .bt {float:right; overflow:hidden}
#login3 .conBox .center .bt ul {overflow:hidden}
#login3 .conBox .center .bt ul li {float:left; text-align:center}
#login3 .conBox .center .bt ul li+li {margin-left:6px}
#login3 .conBox .center .bt ul li img {margin-top:36px}
#login3 .conBox .center .bt ul li p {margin-top:14px; font-size:13px; line-height:16px; letter-spacing:-0.5px; font-weight:600}
#login3 .conBox .center .bt ul .type1 {background:url(../img/login/btBg1.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#ffffff}
#login3 .conBox .center .bt ul .type2 {background:url(../img/login/btBg2.png) no-repeat; width:102px; height:146px; overflow:hidden; color:#1b1b1b}
#login3 .conBox .center .id_password {overflow:hidden; font-size:14px; padding-top:20px; vertical-align:middle}
#login3 .conBox .center .id_password span {margin-left:10px}
#login3 .conBox .bottom {border-top:1px solid #000000; margin-top:18px; margin-left:35px; margin-right:42px; overflow:hidden}
#login3 .conBox .bottom ul {overflow:hidden; margin-top:18px}
#login3 .conBox .bottom ul li {float:left; color:#555555}
#login3 .conBox .bottom ul li+li {float:right; font-size:14px; font-weight:600}
#login3 .conBox .bottom ul li span {font-size:14px; color:#000000; letter-spacing:-0.5px; margin-right:10px; font-weight:600}

/******************로그인***************/
.login_box{
	width:850px;
	margin:0px auto;
	padding-top:250px;
	border:0px solid #000000;
	overflow:hidden;
}

/*TOP*/
.login_top{
	border:0px solid #000000;
	overflow:hidden;
	clear:both;
}
.title{
	float:left;
}
.download_bt{
	float:right;
	margin-top:31px;
}


/*CONTENT*/
.login_content{
	overflow:hidden;
	margin-top:10px;
	clear:both;
	border:0px solid #000000
}
.login_bg1{
	border:0px solid #000000
}
.login_bg2{
	background:url(../img/login/bg_2.gif) repeat-y;
	border:0px solid #000000;
	overflow:hidden;
}
.login_bg3{
	border:0px solid #000000;
}
.login_input{
	margin:30px auto;
	width:430px;
	overflow:hidden;
	border:0px solid #000000;
}
.login_input ul{
	float:left;
}
.login_line{
	clear:both;
	padding-top:25px;
	overflow:hidden;
	border:0px solid #000000;
}
.login_join{
	overflow:hidden;
	margin:auto;
	padding-top:13px;
	width:337px;
	border:0px solid #000000;
}
.login_join_t{
	float:left;
	margin-top:8px;
}
.login_join_bt{
	float:right
}


/*BOTTOM*/
.login_bottom{
	margin-top:13px;
	overflow:hidden;
	clear:both;
	border:0px solid #000000
}
.notice{
	float:left;
}
.tel{
	float:right;
}
/******************로그인***************/


/******************메뉴****************/
.menu{
	overflow:hidden;
	background:url(../img/menu/bg.jpg);
	border:0px solid #0000FF;
	min-width:1300px;

}
.menu ul{
	overflow:hidden;
	width:1240px;
	border:0px solid #0000FF;
	float:left;
}
.menu2{
	float:left;
}
.logo{
	width:197px;
	text-align:center;
	padding-top:20px;
	float:left;
}
.menu_login{
	padding:25px 20px 0px 0px;;
	border:0px solid #0000FF;
	float:right;
}

.smenu{
	background:url(../img/menu/left_bg.png) repeat-y;
	width:197px;
	float:left;
	min-height:100%;
	border:0px solid #FF0000;
	
}
.smenu_select{
	margin:10px 0px 10px 0px;
	text-align:center;
	border:0px solid #0000FF;
}
.select_text{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
.smenu_line{
	border:0px solid #0000FF;
	width:197px;
	font-size:0px;
}
.smenu_element{
	clear:both;
	overflow:hidden;
	margin:10px 0px 10px 20px;
}
.smenu_icon{
	float:left;
	margin-top:4px;
}
.smenu_text{
	overflow:hidden;
	padding-left:8px;
	font-weight:bold;
	font-size:14px;
	color:#737272;
	letter-spacing:-1px;
}
.smenu_title{
	margin:15px 0px 15px 20px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
	color:#575454;
}
.smenu_detail{
	margin:0px 0px 10px 35px;
	padding-left:6px;
}
.smenu_detail p{
	margin:0px 0px 10px 0px;
}

.smenu_potal{ 
	clear:left;
	float:left; 
	left:0; bottom:0px; text-align: left; 
	color: white; 
	/*background: #eeeeee; */
	border:0px solid #000000;
	padding: 10px 0; 
	position: fixed; 
	clear: both; 
	width: 100%;
	text-align:center;
}

/******************메뉴****************/


/***테이블기본 css***/
.table_cap{
	margin:0px;
	padding:0px;
	height:0px;
	width:0px;
	visibility:hidden;
	display:none;
}
.table_line{
	border-top:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;

}

.search_box{
	clear:both;
	padding-top:20px;
	border:0px solid #FF0000;
	width:1500px;
}


.search_box_result{
	background-color:#f9f9f9;
	padding:6px 0px 6px 6px;
	text-align:left;
}


.table_box{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:1500px;
}


.read_table_box{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:1500px;
}

.sub_table{
	border-collapse:collapse;
}
.table_box_sm{
	margin-top:5px;
	clear:both;
	border:1px solid #d3d3d3;
	width:1000px;
}
/*************메인 CONTENT************/

.content{
	height:100%;
	border:0px solid #000000;
	min-width:1300px;
	width:100%;
	height:auto;
	overflow:hidden;
}

.main{
	border:0px solid #FF0000;
	float:left;
	margin-bottom:30px;
}


.nav{
	margin-top:12px;
	padding-left:20px;
	overflow:hidden;
	/*margin-left:32px;*/
	border:0px solid #FF0000;
	min-width:910px;
}
.nav_text{
	float:left;
	margin-top:9px;
	color:#477894;
	font-size:12px;
	letter-spacing:-1px;
}
.nav_text2{
	color:#3a3c3d;
	font-size:12px;
}
.nav_bt{
	float:right;
}
.main_box{
	margin-left:32px;
	padding-top:12px;
	border:0px solid #FF0000;
	font-size:14px;
}

.main_box_1{
	width:10%;
	background-color:#f9f9f9;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
}
.main_box_2{
	border-left:1px solid #d3d3d3;
	width:30%;
	color:#767575;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 6px;
	text-align:left
}
.main_box_3{
	border-left:1px solid #d3d3d3;
	width:10%;
	background-color:#f9f9f9;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
}
.main_box_4{
	border-left:1px solid #d3d3d3;
	width:30%;
	color:#767575;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 6px;
	text-align:left
}
.main_box_5{
	border-left:1px solid #d3d3d3;
	width:20%;
	background-color:#f9f9f9;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
}

/**box2**/
.main_box2{
	margin-left:32px;
	overflow:hidden;
	padding-top:12px;
	border:0px solid #FF0000;
}
.main_box2 ul{
	clear:both;
	margin-top:10px;
	overflow:hidden;
	border:0px solid #FF0000;
}
.main_box2 ul li{
	float:left;
}
.main_box2 ul li + li{
	margin-left:6px;
	font-size:14px;
	color:#6b6b6b;
	font-weight:bold;
}

.main_box2_1{
	background-color:#f9f9f9;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
}
.main_box2_2{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#f9f9f9;
	padding:6px 0px 6px 6px;
	text-align:left
}
.main_box2_3{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
}
.main_box2_4{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
}
.main_box2_5{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
}
.main_box2_6{
	padding:6px 0px 6px 0px;
	text-align:center;
	border-bottom:1px solid #d3d3d3;
}
.main_box2_7{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	color:#767575;
	padding:6px 0px 6px 6px;
	text-align:left;
}
.main_box2_8{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
	text-align:center;
}
.main_box2_9{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	color:#767575;
	padding:6px 0px 6px 0px;
	text-align:center;
}
.main_box2_10{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
	text-align:center;
}

/**box3**/
.main_box3_1{
	width:15%;
	background-color:#f9f9f9;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 6px 0px;
}
.main_box3_2{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	width:35%;
	padding:6px 0px 6px 6px;
	text-align:left;
	color:#767575;
}
.main_box3_3{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	width:15%;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
}
.main_box3_4{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	width:35%;
	padding:6px 0px 6px 6px;
	text-align:left;
	color:#767575;
}
.main_box3_5{
	border-bottom:1px solid #d3d3d3;
	width:15%;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
}
.main_box3_6{
	border-left:1px solid #d3d3d3;
	width:35%;
	padding:6px 0px 6px 6px;
	border-bottom:1px solid #d3d3d3;
}
.main_box3_7{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#f9f9f9;
	width:15%;
	padding:6px 0px 6px 6px;
	text-align:center;
	font-weight:bold;
}
.main_box3_8{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	width:35%;
	padding:6px 0px 6px 6px;
	color:#767575;
}
.main_box3_9{
	border-bottom:1px solid #d3d3d3;
	width:15%;
	background-color:#f9f9f9;
	padding:6px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
}
.main_box3_10{
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	width:85%;
	color:#767575;
	padding:6px 0px 6px 6px;
}

/*************메인 CONTENT************/

/*************서브 CONTENT************/

.person{
	margin:12px 0px 0px 32px;
	border:1px solid  #e9e9e9;
	padding:5px 0px 5px 5px;
}
.sub_box{
	padding-left:10px;
	padding-right:10px;
	/* overflow:hidden; */
	padding-top:12px;
	border:0px solid #CCCCCC;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;
	text-align:left;
}
/*

.sub_box ul{
	clear:both;
	overflow:hidden;
	border:0px solid #FF0000;
}

.sub_box ul li{
	float:left;
}

.sub_box ul li + li{
	margin-left:6px;
	font-size:14px;
	color:#6b6b6b;
	font-weight:bold;
}
*/


.sub_bt{
	text-align:center;
	margin-top:40px;
}

.sub1_box{
	background-color:#f9f9f9;
	padding:6px 0px 6px 6px;
	text-align:center;
}

.sub1_box_depth{
	background-color:#fbffc2ed;
	padding:6px 0px 6px 6px;
}

.sub1_box_depth2{
	background-color:#2f409f;
	padding:6px 0px 6px 6px;
	color: #fff;
}


.sub1_box2{
	padding:6px 0px 6px 0px;
	text-align:center;
	background-color:#ffffff;
}

.sub1_box2_select{
	padding:6px 0px 6px 6px;
	text-align:center;
	background-color:#e5ffc9;
}


.sub1_box2_select2{
	padding:6px 0px 6px 6px;
	text-align:center;
	background-color:#ff1464;
	color: #fff;
}


.menu_layer{display:inline-block; cursor:pointer;}
.menu_layer .menu_layer_pop{position:absolute; display:none; background-color:#fff; width:80px; height:auto; box-sizing:border-box;}
.menu_layer .menu_layer_pop ul{width:100%; height:auto; border:1px solid #333; box-sizing:border-box;}
.menu_layer .menu_layer_pop ul li{width:100%; background-color:#fff;}
.menu_layer .menu_layer_pop ul li a.ml_pop_txt{display:block; width:100%; font-size:12px; text-align:left; line-height:1; /* border-bottom:1px solid #e1e1e1; */ box-sizing:border-box; padding:5px;}
.menu_layer .menu_layer_pop ul li:hover{background-color:#f3f3f3;}

.sub1_box3{
	padding:6px 0px 6px 15px;
	text-align:center;
	background-color:#f9f9f9;
	text-align:left;
}
.sub1_box5{
	padding:6px 0px 6px 15px;
	text-align:center;
	background-color:#f9f9f9;
	text-align:left;
	line-height:20px;
	font-size:12px;
}
.sub1_point{
	color:#496574;
	font-weight:bold;
}
.sub1_box4{
	padding:6px 0px 6px 6px;
	background-color:#ffffff;
}

.sub1_box4_depth{
	padding:6px 0px 6px 6px;
	background-color:#e5ffc9;
}

.sub1_box4_hot{
	padding:6px 0px 6px 6px;
	background-color:#ffe4ec;
}


.sub1_box4_family{
	padding:6px 0px 6px 6px;
	background-color:#fffed6;
}


.layout_box{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:910px;
}
.layout_box ul{
	margin-top:20px;
}
.layout_p{
	height:150px;
	width:150px;
	border:1px solid #d5d5d5;
}
.layout_bt{
	width:150px;
	text-align:center;
	margin:10px 0px 0px 0px;
}

.box{
	width:260px;
	height:281px;
	border:1px solid #d5d5d5;
	margin-top:5px;
}
.sub_menu_bt{
	width:260px;
	letter-spacing:10px;
	text-align:center;
	margin-top:10px;
}
.sub_menu{
	float:left;
}
.sub_menu2{
	float:left;
	margin-left:45px;
}
.sub_menu3{
	clear:both;
	padding-top:100px;
	border:0px solid #FF0000;
}
.sub_menu3 ul li+li+li{
	float:right;
}
.sm_table_box{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:600px;
	float:left;
}
.subm_bt{
	clear:both;
	text-align:center;
	letter-spacing:10px;
	padding-top:20px;
}
.sub_menu3_t{
	font-size:14px;
}
.sm_text{
	font-size:12px;
	color:#b4b4b4;
}
.sub_bt2{
	text-align:right;
}

/*************서브 CONTENT************/


/*******************팝업 CONTENT ****************************/
.pop_nav{
	margin-top:12px;
	padding-left:20px;
	overflow:hidden;
	border:0px solid #FF0000;
}

.pop_table_box2{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:1300px;
	margin-left:10px;
}




.pop_sub_box{
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	padding-top:12px;
	border:0px solid #CCCCCC;
	height:100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -4em;
}


.pop_search_box{
	clear:both;
	padding-top:10px;
	border:0px solid #FF0000;
	width:100%;
}

.pop_sub1_box5{
	padding:6px 0px 6px 15px;
	text-align:center;
	background-color:#f9f9f9;
	text-align:left;
	line-height:20px;
	font-size:12px;
}

/*******************팝업 CONTENT ****************************/



/*페이징*/
#content2 .portfolio .paging {text-align:center;border:0px solid #FF6666; margin-right:70px;margin-top:20px;}
#content2 .portfolio .paging ul{ border:0px solid #00FF66; width:350px;margin:auto;}
#content2 .portfolio .paging .prev {width:65px;border:0px solid #00FF66;float:left;}
#content2 .portfolio .paging .num { width:220px; border:0px solid #00FF66;float:left;}


.paging{
	width:1200px;
	border:0px solid #000000;
	margin-top:15px;
}

.paging ul{
	border:0px solid #00FF66; 
	width:500px;
	margin:auto;
	text-align:center;
}
.paging .prev {width:62px;border:0px solid #00FF66;float:left;}
.paging .num { width:300px; border:0px solid #00FF66;float:left;font-size:18px;color:red;}


.pop_paging{
	width:900px;
	border:0px solid #000000;
	margin-top:15px;
}
.pop_paging ul{
	border:0px solid #00FF66; 
	width:340px;
	margin:auto;
	text-align:center;
}
.pop_paging .prev {width:62px;border:0px solid #00FF66;float:left;}
.pop_paging .num { width:200px; border:0px solid #00FF66;float:left;font-size:18px;color:red;}


.pop_table_box{
	clear:both;
	padding-top:5px;
	border:0px solid #FF0000;
	width:100%;
}

.error_box{
	padding:6px 0px 6px 15px;
	text-align:center;
	background-color:#f9f9f9;
	text-align:left;
	font-size:14px;
}

.search_button {
	font-size:10pt; 
	border-style:ridge; 
	background-color:#F3F3F3; 
	height:20px; 
	padding-top:1px; cursor:pointer;
}



.button {
	font-size:8pt; 
	border-style:ridge; 
	background-color:#F3F3F3; 
	height:20px; 
	padding-top:1px; cursor:pointer;
}

.list_button{
	font-size:8pt; 
	border-style:ridge; 
	background-color:#64c6ff; 
	height:20px; 
	padding-top:1px;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}

.write_button {
	font-size:8pt; 
	border-style:outset; 
	background-color:#ff7800; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}


.modify_button {
	font-size:8pt; 
	border-style:outset; 
	background-color:#71b9e3;
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}


.del_button{
	font-size:8pt; 
	border-style:outset;
	background-color:#969696; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;

}

.item_require_button{
	font-size:8pt;
	border-style:outset;
	background-color:#969696;
	height:20px;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;

}

.copy_button{
	font-size:8pt;
	border-style:outset;
	background-color:#969696;
	height:20px;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;

}



.cancel_button {
	font-size:8pt;
	border-style:outset;
	background-color:#FF0000;
	height:20px;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}


.return_button {
	font-size:8pt;
	border-style:outset;
	background-color:#b28e68;
	height:20px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}

.change_button {
	font-size:8pt;
	border-style:outset;
	background-color:#b28e68;
	height:20px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}


.dvy_search_button {
	font-size:8pt;
	border-style:outset;
	background-color:#71b9e3;
	height:20px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}


.dbt2{
	font-size:8pt; 
	border-style:outset;
	background-color:#969696; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}


.comment_button{
	font-size:8pt; 
	border-style:outset;
	background-color:#ff8400; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;

}

.read_button{
	font-size:8pt; 
	border-style:outset; 
	background-color:#3b80ff; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}

.log_button{
	font-size:8pt; 
	border-style:outset; 
	background-color:#535353; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}



/*bottom 버튼 스타일*/
.bottom_write_button {
	background-color:#2e92d7; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}


.bottom_modify_button {
	background-color:#71b9e3; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_send_button{
	background-color:#868686; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_del_button{
	background-color:#d43718; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_read_button{
	background-color:#2e92d7; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_cancel_button{
	background-color:#FF0000; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}


.bottom_log_button{
	background-color:#2c2c2c; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}


.bottom_sms_button{
	background-color:#0087b3; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_send_button{
	background-color:#868686; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}
/*bottom 버튼 스타일*/

.bottom_etc_button{
	background-color:#ffb3db; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

/*bottom 버튼 스타일*/
.bottom_init_button{
	background-color:#ff0000; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;

}


#footer{
	border:0px solid #003399;
	clear:left;
	float:left; 
	left:0;
	bottom:0px;
	font-size: 12px;
	color: white;
	background: #eeeeee; 
	padding:10px;
	position:fixed;
	width: 100%;
	padding-left:10px;
	overflow: hidden;
}

#pop_footer{
	left:0; bottom:0px; text-align: left; 
	font-size: 12px; 
	color: white; 
	background: #eeeeee; 
	padding: 10px 0; 
	position: fixed; 
	clear: both; 
	width: 100%;
	padding-left:10px;
	text-align:center;
}

.input_calendar{
	border:1px solid #000000;
	border-color:#cccccc;
	width:80px;
}

.select_box{
	background-color:#FFFFCC;
	padding:6px 0px 6px 6px;
}

.office { overflow:hidden; width:100%;}
.office .txt1 {font-size:18px; font-weight:600; margin-top:10px; color:#0a0a0a; margin-left:15px; letter-spacing:-1px;}
.office .txt2 { font-size:14px; line-height:23px; margin-top:10px; margin-left:15px; letter-spacing:-1px;}
.office .txt2 span { color:#d9b653; font-weight:600;}
.office .txt3 { font-size:14px; line-height:25px; margin-top:20px; margin-left:15px; letter-spacing:-0.5px;}
.office .txt3 span { color:#0a0a0a; font-weight:600;}
.office .map { margin-top:10px; margin-left:15px;}
.office ul li+li { margin-top:40px;}

.office .calendar {border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:30px;}
.office .calendar .today {background-color:#fbf9f9;}
.office .calendar .today .num { color:#006994; text-decoration:underline;}
.office .off {border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
/*.office .off:hover {border-left:1px solid #006994; border-top:1px solid #006994;}*/
.office .on {border-left:1px solid #fa6519; border-top:1px solid #fa6519;}
.office .num {text-align:left; color:#989898; font-size:12px; margin-left:10px; margin-top:10px;}
.office .holiday {color:#e5454b;}
.office .line5 {border-top:1px solid #e4e4e4;}
.office .line6 {border-left:1px solid #e4e4e4;}
.office .nooff {border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.office .txtDay { font-size:13px;}

.office .year { overflow:hidden; position:relative; height:50px;}
.office .year .left_y {float:left; color:#b9b9b9; font-size:24px; font-weight:600; margin-top:10px;}
.office .year .center_y { position:absolute; width:100%; text-align:center; color:#006994; font-size:38px; font-weight:bold; letter-spacing:-1px;}
.office .year .center_y span {margin-right:30px; margin-left:30px;}
.office .right_y {float:right; color:#b9b9b9; font-size:24px; font-weight:600;  margin-top:10px;}

.img_round{border-radius:150px;}

.tab ul{overflow:hidden;width:100%;border-bottom:1px solid #cccccc}
.tab ul li {float:left; text-align:center;width:9%;height:20px;border:1px solid #cccccc;padding-top:5px;cursor:pointer}
.tab ul li.on{
	font-weight:bold;
	background-color:#b28e68;
	color:#ffffff;
	margin-left:3px;
	border-top:1px solid #b28e68;
	border-left:1px solid #b28e68;
	border-right:1px solid #b28e68;
	border-bottom:0px solid #b28e68;
}
.tab ul li.off{
	background-color:#eeeeee;
	margin-left:3px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
}

.tab ul li+li{margin-left:3px;}
.tab ul li+li.on{
	font-weight:bold;
	background-color:#b28e68;
	color:#ffffff;
	margin-left:3px;
	border-top:1px solid #b28e68;
	border-left:1px solid #b28e68;
	border-right:1px solid #b28e68;
	border-bottom:0px solid #b28e68;
}
.tab ul li+li.off{
	background-color:#eeeeee;
	margin-left:3px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
}

.sale_price{
	text-decoration:line-through
}

.period_btn{
	font-size: 11px;
    background-color: #808080;
    height: 16px;
    display: inline-block;
    line-height: 20px;
    padding: 0 6.5px;
    color: #fff;
    border-radius: 2px;
	box-shadow: 1px 1px 1px #666666;
    font-family: '돋움';
    letter-spacing: -1px;
    box-sizing: border-box;
    text-indent: -1px;
    vertical-align: top;
	cursor:pointer;
}
.period_btn2{
	font-size: 11px;
    background-color: #b28e68;
    height: 16px;
    display: inline-block;
    line-height: 20px;
    padding: 0 6.5px;
    color: #fff;
    border-radius: 2px;
	box-shadow: 1px 1px 1px #666666;
    font-family: '돋움';
    letter-spacing: -1px;
    box-sizing: border-box;
    text-indent: -1px;
    vertical-align: top;
	cursor:pointer;
}

.init_period_btn{
	font-size: 11px;
	background-color: #ccc;
	height: 16px;
	display: inline-block;
	line-height: 20px;
	padding: 0 6.5px;
	color: #fff;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #666666;
	font-family: '돋움';
	letter-spacing: -1px;
	box-sizing: border-box;
	text-indent: -1px;
	vertical-align: top;
	cursor:pointer;
}

.excel_btn{
	font-size: 11px;
    background-color: #32ad00;
    height: 16px;
    display: inline-block;
    line-height: 20px;
    padding: 0 6.5px;
    color: #fff;
    border-radius: 2px;
	box-shadow: 1px 1px 1px #666666;
    font-family: '돋움';
    letter-spacing: -1px;
    box-sizing: border-box;
    text-indent: -1px;
    vertical-align: top;
	cursor:pointer;
}


.btn_normal{
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}

.btn_normal span{
    padding: 0 6px;
    color: #1c1c1c;
    font-size: 12px;
    border: 1px solid #cacaca;
    background-color: #f8f8f8;
    display: inline-block;
	height:17px;
	line-height:17px;
}


.btn_normal1{
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}

.btn_normal1 span{
    padding: 0 6px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #cacaca;
    background-color: #ff0000;
    display: inline-block;
	height:17px;
	line-height:17px;
}


.btn_normal2{
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}

.btn_normal2 span{
    padding: 0 6px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #cacaca;
    background-color: #4fadff;
    display: inline-block;
	height:17px;
	line-height:17px;
}


.order_cancel_button{
	background-color:#ff0000; color:#fff; padding-top:2px; padding-bottom:4px; font-size:10px;height:20px; 
;
	font-weight:bold;
}

.bottom_excel_button {
	background-color:#008000; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottom_excel_up_button {
	background-color:#ff8928; color:#FFFFFF; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}

.bottm_excel_yellow{
	background-color:#fff438; color:#000; padding-top:2px; padding-bottom:4px; font-size:12px;
	font-weight:bold;
}


.order_dvy_search{
	font-size:10px; 
	border-style:outset; 
	background-color:#3b80ff; 
	height:20px; 
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
}


/*로딩마스크*/
#loading-mask {
    position:fixed;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.80;
    filter:alpha(opacity=80);
    z-index:30000;
    display:none;
	text-align:center;
	font-size:30px;
	color:#ffffff;
	width:100%;
	height:100%;
}

#loading-mask p{
	margin-top:30%;
	text-align:center;
	font-size:30px;
	color:#ffffff;
}
/*로딩마스크*/

.new_box{width:100%; max-width:1300px; height:auto; box-sizing:border-box; margin-bottom:35px;}
.new_box .new_title{font-size:16px; font-weight:600; letter-spacing:-0.5px; color:#000; line-height:1.3; text-align:left; margin-bottom:10px;}
.new_box .new_title span{display:inline-block; vertical-align:top; margin-left:5px; font-size:inherit; font-weight:300; letter-spacing:-0.5px; color:#000; line-height:1.3;}
.new_box .new_list{width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding-bottom:5px;}
.new_box .new_list .list_item{display:inline-block; vertical-align:top; float:left; width:calc(20% - 18px); height:80px; box-sizing:border-box; margin-right:24px; box-shadow:0px 2px 0px rgba(27,171,210,0.3); transition:0.3s; margin-top:24px; background-color:#fff; border:1px solid #e1e1e1; border-bottom:0;}
.new_box .new_list .list_item:nth-child(4n){margin-right:0;}
.new_box .new_list .list_item:nth-child(-n+4){margin-top:0;}
.new_box .new_list .list_item a{display:block; width:100%; height:100%; position:relative; text-align:center; z-index:1;}
.new_box .new_list .list_item a .count_box{display:block; width:100%; height:auto; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); left:0; font-size:16px; font-weight:400; z-index:2;color:#000}
.new_box .new_list .list_item a .count_box strong, .new_box .new_list .list_item a .count_box span{display:inline-block; vertical-align:top;}
.new_box .new_list .list_item a .count_box strong{font-size:1.4em; font-weight:800; letter-spacing:0; line-height:1.3; margin-bottom:10px;}
.new_box .new_list .list_item a .count_box span{font-size:0.9em; line-height:1.3; color:#1babd2;}
.new_box .new_list .list_item:hover{background-color:#1babd2; border-color:#1babd2;}
.new_box .new_list .list_item.type2{box-shadow:0px 2px 0px rgb(236,145,36,0.3);}
.new_box .new_list .list_item.type2 a .count_box span{color:#ec9124;}
.new_box .new_list .list_item.type2:hover{background-color:#ec9124; border-color:#ec9124;}
.new_box .new_list .list_item.type3{box-shadow:0px 2px 0px rgb(100,170,105,0.3);}
.new_box .new_list .list_item.type3 a .count_box span{color:#64aa69;}
.new_box .new_list .list_item.type3:hover{background-color:#64aa69; border-color:#64aa69;}
.new_box .new_list .list_item.type4{box-shadow:0px 2px 0px rgb(255,107,144,0.3);}
.new_box .new_list .list_item.type4 a .count_box span{color:#ff6b90;}
.new_box .new_list .list_item.type4:hover{background-color:#ff6b90; border-color:#ff6b90;}
.new_box .new_list .list_item.type5{box-shadow:0px 2px 0px rgb(156,122,110,0.3);}
.new_box .new_list .list_item.type5 a .count_box span{color:#9c7a6e;}
.new_box .new_list .list_item.type5:hover{background-color:#9c7a6e; border-color:#9c7a6e;}
.new_box .new_list .list_item:hover .count_box span{color:#ffffff !important; font-weight:600;}


.product_tag{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.product_tag span{display:inline-block; vertical-align:top; float:left; width:auto; height:22px; padding:0 7px; color:#fff; font-size:12px; font-weight:400; letter-spacing:-1px; line-height:22px; text-transform:uppercase; border-radius:3px;}
.product_tag span + span{margin-left:3px;}
.product_tag .tag_g{background:#532427;}
.product_tag .tag_b{background:#e50011;}
.product_tag .tag_n{background:#0091db;}
.product_tag .tag_s{background:#000;}
.product_tag .tag_h{background:#a637e7;}




/* 정렬 변경 팝업 */
/* .page_title{width:100%; height:auto; box-sizing:border-box; padding-bottom:16px; border-bottom:1px solid #22272f; margin-bottom:30px;}
.page_title h2{display:inline-block; vertical-align:top; float:left; font-size:26px; font-weight:700; letter-spacing:-0.5px; color:#22272f; line-height:1;} */
.sort_text{width:100%; height:auto; box-sizing:border-box; margin-bottom:15px; font-size:14px; font-weight:500; letter-spacing:-0.5px; color:#3c3c3c; line-height:1.45; padding:20px 15px; background:#caffd3;}
.sort_area{width:100%; height:auto; box-sizing:border-box; text-align:center;}
.sort_area .sort_label{display:inline-block; vertical-align:top; float:left; width:60px; height:auto; box-sizing:border-box;}
.sort_area .sort_label .labelItem{width:100%; height:40px; box-sizing:border-box; border:1px solid #c3c3c3; text-align:center; font-size:18px; font-weight:500; line-height:38px; color:#333;}
.sort_area .sort_label .labelItem + .labelItem{margin-top:10px;}
.sort_area .sort_list{display:inline-block; vertical-align:top; float:left; width:calc(100% - 70px); height:auto; text-align:left; margin-left:10px;}
.sort_area .sort_list li{width:100%; height:40px;}
.sort_area .sort_list li + li{margin-top:10px;}
.sort_area .sort_list .list_item{cursor:pointer; box-sizing:border-box; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#333; line-height:1; background:#f9f9f9; border:2px dotted #c3c3c3; cursor:move;}
.sort_area .sort_list li.ui-state-highlight{background:#07a9ba;}
.sort_area .sort_list .list_item input[type="checkbox"]{display:inline-block; vertical-align:top; width:18px; height:18px; margin:9px 5px 9px 15px;}
.sort_area .sort_list .list_item label{display:block; width:100%; height:36px; line-height:36px; cursor:move;}
.sort_area .sort_list .list_item input[type="checkbox"]:checked + label{font-weight:700;}
.sort_area .sort_list .list_item.on label{font-weight:700;}


/*로딩마스크*/
#loading-mask {
	position:fixed;
	top:0;
	left:0;
	background-color:#000;
	opacity:0.80;
	filter:alpha(opacity=80);
	z-index:30000;
	display:none;
	text-align:center;
	font-size:30px;
	color:#ffffff;
	width:100%;
	height:100%;
}

#loading-mask p{
	margin-top:30%;
	text-align:center;
	font-size:30px;
	color:#ffffff;
}
/*로딩마스크*/