@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/		/* 본고딕 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* 나눔스퀘어 font-family: 'NanumSquare', sans-serif; */ 

@font-face {
    font-family: 'noto1';
    src: url('/fonts/bon/notosanskr-black.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto2';
    src: url('/fonts/bon/notosanskr-bold.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto3';
    src: url('/fonts/bon/notosanskr-medium.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto4';
    src: url('/fonts/bon/notosanskr-regular.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto5';
    src: url('/fonts/bon/notosanskr-demilight.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-demilight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto6';
    src: url('/fonts/bon/notosanskr-light.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto7';
    src: url('/fonts/bon/notosanskr-thin.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { font-family:noto5;}
html { overflow-y:scroll; height:100%; }
body { height:100%; }
img{ border:0 none; margin-right:10px; }

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

a.link { font-family:noto4; font-size:13px; }
a.link:link, a.link:visited, a.link:active { color:#000000; text-decoration:none; }
a.link:hover { color:#ff0000; text-decoration:none; }

label {
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
}
/* clearfix */
.clearfix:after { content: ".";	display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:hidden; }


/* placeholdedr 컬러 */
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #959595;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #959595;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #959595;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #959595;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #959595;
   opacity:  1;
}

#mask_lay { position:absolute; left:0; top:0; z-index:999; background-color:#000000;  display:none;  margin-top:146px; }
.window{ display: none;  position:absolute; left:100px; top:100px; z-index:1000; }

/* select */
select {	
	padding: .8em .5em;
	border:1px solid #cccccc;
	font-family:noto7;
	font-weight:bold;
	padding:5px;
	background: url('/view/v11/img/select_arrow.png') no-repeat 95% 40%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}



/* head */
#head_wrap { width:1180px; margin-left:auto;margin-right:auto; height:96px; font-size:12px; }
#head_wrap .logo { width:200px; float:left; vertical-align:middle; position:relative; top:50%; transform: translateY(-50%);}

#head_wrap .search_wrap { width:370px; float:center; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; vertical-align:middle; position:relative; top:50%; transform: translateY(-50%);}
#head_wrap .search_wrap .search { width:370px;	height:45px;	border:2px solid #f00214;	border-radius:3px; }
#head_wrap .search_wrap .search .in { border:none; height:26px; width:320px;	margin-top:0px;		float:left;	padding:4px; font-size:15px;margin-top:5px;  }

#head_wrap .right_nv { width:400px; float:right; vertical-align:middle; position:relative; top:50%; transform: translateY(-50%); }
#global_nv { font-size:12px; font-family:noto4; } 
#global_nv li { width:auto; float:right; list-style-type:none; padding:0px 10px 0 10px;	border-left:1px solid #dfdfdf;line-height:10px; }
#global_nv li a:link, a:visited, a:active { font-size:12px; font-family:noto4;  }
#global_nv li a:hover { font-size:12px; font-family:noto4; color:#ff0000; }

/* main menu */
#menu_wrap { width:100%; height:50px; border-top:1px solid #e8e8e8; border-bottom:1px solid #000000; }

.cate_ico { vertical-align:middle; margin-right:10px; margin-bottom:3px; }
.line1 { height:1px; background-color:#000000; width:1180px; margin-left:auto;margin-right:auto;}
.line1_sub { width:158px; background-color:#ffffff; height:1px; margin-left:1px;}

/* main menu */
.cbt { height:50px;	width:160px; background-color:#ffffff; border-top:1px solid #ffffff; border-left:1px solid #e8e8e8;	border-right:1px solid #e8e8e8;	border-bottom:1px solid #ffffff; font-weight:800; font-size:14px; line-height:46px; cursor:pointer;	float:left;	font-family:noto3; }
.cbt_on { height:50px; width:160px;	background-color:#ffffff; border-top:1px solid #000000;	border-left:1px solid #000000; border-right:1px solid #000000;border-bottom:1px solid #ffffff; font-weight:800;	font-size:14px;	line-height:46px; cursor:pointer; float:left; font-family:noto2; }
#zeta_wrap { border:0; height:50px; width:1180px; margin:auto; }
.zeta-menu-bar { display: inline-block; width: 100%; height:50px; border-top:1px solid #e8e8e8; border-bottom:1px solid #000000; }
.zeta-menu { margin: auto; padding:10px 0 0 0; width:1180px;}
.zeta-menu li { float: left; position: relative; padding:0 8px 11px 8px; list-style-type:none; font-family:noto3; font-size:14px; letter-spacing:-1px; color:#333333; line-height:13px;	cursor:pointer;	background-image:url('/view/v11/img/cat_split.png'); background-repeat: no-repeat; }
.zeta-menu li:hover {font-family:noto3; }
.zeta-menu li:hover>a { color: #e50011; font-family:noto3;}
.zeta-menu li a { color: #333333; display: block; padding:8px 0 8px 26px; text-decoration: none; font-family:noto3; letter-spacing:-1px; font-size:14px; }
.zeta-menu ul { background: #fff; border: 1px solid #333333; border-top:0; display: none; padding: 0 0 5px 0; position: absolute; left: 0; top: 100%; width: 160px;z-index:600; }
.zeta-menu ul li { float: none; padding:0 2px 5px 0; height:24px; font-size:13px; background-image:none;  }
.zeta-menu ul li:hover { background: #ffffff; font-family:noto4; }
.zeta-menu ul li:hover a { color: black; color:#e50011;font-family:noto4; }
.zeta-menu ul a { color:#333333; padding-left:20px; font-size:13px;font-family:noto4;}
.zeta-menu ul ul { left: 100%; top: 0; }
.zeta-menu ul ul li {float:left; margin-right:10px;}
/* main menu end */




/* compas navigation wrap */
#comp_wrap { width:100%; height:44px; background-color:#f9f9f9; margin-top:-5px; }
.navi_bar {
	width:1180px; height:44px;margin:0 auto 0 auto;
}
.navi_bar .home { width:30px; height:20px; float:left; vertical-align:middle; position:relative; top:50%; transform: translateY(-50%); text-align:center; cursor:pointer; }
.navi_bar ul { 	
	padding:0px;
	float:left;
	width:200px;
	margin:0px;
	border:none;
	background-image:url('/view/v11/img/navbar/bg.png');
	background-repeat:no-repeat;
	border-top:0px;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;	

}
.navi_bar ul.on{ 	
	padding:0px;
	float:left;
	width:200px;
	margin:0px;
	border-top:0px;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	background-color:#ffffff;
	background-image:url('/view/v11/img/navbar/bg_on.png');
	background-repeat:no-repeat;
	height:auto;
}
.navi_bar ul li {
	height:44px;
	padding:0px;
	margin:0px;
	list-style-type:none;		
	font-size:13px;		
}
.navi_bar ul li a {
	/* background-image:url('/view/v11/img/navbar/bg.png');
	background-repeat:no-repeat; */
	height:31px;
	display:block;
	padding-top:13px;
	padding-left:15px;
	color:#444444;
	font-family:noto4;
	letter-spacing:-1px;
}
.navi_bar .navul {
	display:none;
	position:absolute;
	z-index:800;
	background-image: none;
	background-color:#ffffff;
	padding:0 0 20px 0;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	margin-left:-1px;
	overflow-y:auto;
	max-height:600px;
}

.navi_bar .navul li { height:28px; padding:0; }
.navi_bar .navul li a {
	margin:0; padding:10px 0px 0px 15px; 
	font-family:noto4;
	font-size:13px;
	letter-spacing:-1px;
}
.navi_bar .navul li a:link, a:visited,a:active { color:#333333; }
.navi_bar .navul li a:hover { color:red; }


/* body */
#body_wrap { width:1180px; float:center; margin:0 auto 0 auto; padding-bottom:0px; padding-top:60px; margin-bottom:150px;}
#body_wrap .left { float:left; width:225px; }
#body_wrap h3 { height:50px; font-family:noto4; color:#000000; padding-top:5px; margin:0;}
#body_wrap ul { margin:0; border-top:1px solid #000000; border-bottom:1px solid #bdbdbd; padding:0; }
#body_wrap ul li { list-style-type:none; height:30px; font-size:14px; font-family:noto3; padding:12px 0 0 20px; letter-spacing:-1px;}
#body_wrap ul li a { font-size:14px; font-family:noto4; color:#666666; }
#body_wrap ul li a:hover { color:#333333; font-family:noto3;}
#body_wrap ul li.on { background-color:#f5f5f5; color:#000000; background-image:url('/view/v11/img/left/bul.png');background-repeat:no-repeat;background-position:180px; }
#body_wrap ul li.on a { font-size:14px; font-family:noto4; color:#000000; }
#body_wrap .content {float:left; width:915px; margin-left:40px; }

.body_none { width:100%; height:100%; background-color:#f6f6f6;margin:0px; display:table; }

/* body DESIGN tpl none */
#body_center_wrap {	width:900px; float:center; margin:auto; padding-bottom:0px; margin-top:100px;}
h1.center_logo { padding:0 0 30px 0; margin:0; text-align:center; }

/* content box */
div .cbox {	width:600px; margin:0 auto 0 auto;	background-color:#ffffff; }

h1.page_title { width:100%; height:55px; padding:0;margin:0; border-bottom:1px solid #000000; font-family:noto4; line-height:1; }
h1.page_title2 { width:100%; height:55px; padding:0;margin:0; font-family:noto4; line-height:1; }

/* 전체카테고리 */
#allcate { width:1178px; background-color:#ffffff; z-index:1000; position:relative; border-left:1px solid #444444; border-bottom:1px solid #444444; border-right:1px solid #444444; margin:0px auto 0 auto;	padding:0; float:center; left:auto; top:auto; }
#allcate ul { width:160px; float:left; padding:0px;	margin-right:10px; margin-left:20px; }
#allcate ul li { list-style-type:none;	font-family:noto4; letter-spacing:-1px;	padding:2px 0px 0px 10px; }
#allcate ul li.title{ font-size:16px; border-bottom:1px solid #d8d8d8; padding-bottom:6px;	margin-bottom:10px;	color:#333333;	font-family:noto3; }
#allcate ul li a:link, a:active, a:visited { font-size:13px; color:#555555; font-family:noto4; }
#allcate ul li a:hover { color:#eb0112;	font-family:noto4;	text-decoration:underline; }
#allcate div.bot { clear:both;	height:60px; background-color:#e3eaf1; }

/* tail */
#tm_wrap { width:100%;	border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; height:56px; }
#tm_wrap .tm { width:1180px; margin:0 auto 0 auto; }
#tm_wrap .mn { float:left; width:600px; }
#tm_wrap .mn ul { padding:4px 0 0 0; }
#tm_wrap .mn ul li { list-style-type:none;	float:left;	padding-right:40px;	font-size:14px; }
#tm_wrap .mn ul li a { font-size:13px; letter-spacing:-1px; color:#666666; font-family:noto3;}
#tm_wrap .mn ul li a:hover { color:#eb0112; font-family:noto3;}
#tm_wrap .vms { float:right; width:530px; padding-top:10px; }

#bt_vms { font-family:noto3; width:120px; height:36px; border:none; background-color:#8f8f8f; border-radius:30px; color:#ffffff; font-size:13px; cursor:pointer; line-height:14px; float:right;}
#bt_vms:hover {	background-color:#c8c8c8; }
#bt_remote { font-family:noto3; width:120px; height:36px; border:none; background-color:#7e4b01; border-radius:30px; color:#ffffff; font-size:13px; cursor:pointer; line-height:14px; float:right;}
#bt_remote:hover {	background-color:#ab8d46; }
#bt_cafe { font-family:noto3; width:120px; height:36px; border:none; background-color:#096; border-radius:30px; color:#ffffff; font-size:13px; cursor:pointer; line-height:14px; float:right;}
#bt_cafe:hover {	background-color:#3C9 }
#bt_ppay { font-family:noto3; width:120px; height:36px; border:none; background-color:#59b0e5; border-radius:30px; color:#ffffff; font-size:13px; cursor:pointer; line-height:14px; float:right;}
#bt_ppay:hover {	background-color:#76c1ef }


#tail_wrap { width:100%; background-color:#f9f9f9; padding:30px 0 0 0; height:180px; clear:both; }
#tail_wrap .cell { width:1180px; margin:0 auto 0 auto; }
#tail_wrap .addr {  float:left; width:878px; color:#888888; font-family:noto5; font-size:13px; line-height:1.5; }
#tail_wrap .goji {  float:right; width:298px; color:#888888; font-family:noto5; font-size:13px; line-height:1.5; }


/* font */
.cfont { font-family:noto5;font-size:13px;color:#444444;line-height:2; }
.rfont { font-family:noto5;font-size:13px;color:#444444;line-height:1.5; }
.ctitle {font-family:noto3;font-size:14px;color:#333333; }


/* tab ul li */
.tab { padding:0; margin:0; }
.tab li {
	list-style-type:none;
	float:left;
	height:32px;
	background-color:#ffffff;
	padding-top:15px;
	width:299px;
	text-align:center;
	font-family: 'NanumSquare', sans-serif;
	font-size:14px;
	letter-spacing:-1px;
	border-top:2px solid #222222;
	border-right:1px solid #ffffff;
	cursor:pointer;
	font-weight:bold;
}
.tab li.off {
	width:298px;
	background-color:#f8f8f8;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color:#777777;
}



.tab2 { padding:0; margin:20px auto 0 auto; width:1180px; }
.tab2 li {
	list-style-type:none;
	float:left;
	height:32px;	
	padding-top:15px;
	text-align:center;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	letter-spacing:-1px;
	cursor:pointer;	
	width:128px;
	background-color:#f8f8f8;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color:#777777;	
	
}
.tab2 li.on {
	width:129px;
	background-color:#ffffff;
	border-top:2px solid #222222;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	
}



/* input */
.input-txt1 {	
	width:94%;
	border:1px solid #cccccc;	
	font-size:14px;
	height:48px;
	padding-left:3%;
	padding-right:3%;
	font-family:noto4;
	border-radius:1px;
}
.input-txt2 {	
	border:1px solid #cccccc;	
	font-size:14px;
	height:32px;
	padding-left:10px;
	padding-right:10px;
	font-family: 'NanumSquare', sans-serif;
	border-radius:1px;
}
.input-txt3 {	
	border:1px solid #cccccc;	
	font-size:14px;
	height:28px;
	padding-left:5px;
	padding-right:5px;
	font-family: 'NanumSquare', sans-serif;
	border-radius:1px;
}

/* button */
.btn1 {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#e50011;
	height:50px;
	border:none;
	font-family:noto3;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}
.btn2 {
	width:100%;
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	height:50px;
	border:1px solid #cccccc;
	font-family:noto4;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}
.btn3 {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#444444;
	height:50px;
	border:none;
	font-family:noto3;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}
.btn1m {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#e50011;
	height:38px;
	border:none;
	font-family:noto3;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}
.btn2m {
	width:100%;
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	height:38px;
	border:1px solid #cccccc;
	font-family:noto4;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}
.btn3m {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#444444;
	height:38px;
	border:none;
	font-family:noto3;
	font-size:15px;
	cursor:pointer;
	border-radius:2px;
}


.btn1s {
	text-align:center;
	color:#ffffff;
	background-color:#e50011;
	height:32px;
	border:none;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}
.btn2s {
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	height:32px;
	border:1px solid #cccccc;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}
.btn3s {
	text-align:center;
	color:#ffffff;
	background-color:#666666;
	height:32px;
	border:none;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}
.btn1ss {
	text-align:center;
	color:#ff0000;
	background-color:#ffffff;
	height:32px;
	border:1px solid #e70e0e;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}
.btn2ss {
	text-align:center;
	color:#222222;
	background-color:#ffffff;
	height:32px;
	border:1px solid #333333;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}
.btn3ss {
	text-align:center;
	color:#999999;
	background-color:#ffffff;
	height:32px;
	border:1px solid #cccccc;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;
	cursor:pointer;
	border-radius:2px;
	padding:0 20px 0 20px;
}

.sel {	
	background-color:#666666;
	height:32px;
	border:1px solid #cccccc;;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;	
	border-radius:2px;	
	padding:0 0px 0 10px;
}

h4.info_txt { font-family:noto7; letter-spacing:0px; color:#444444; background-color:#ffffff;}

.input-file {
	width:80%;
	border:1px solid #cccccc;;
	font-family: 'NanumSquare', sans-serif;
	font-size:13px;	
	border-radius:2px;	
	background-color:#ffffff;
	padding:5px;
}

#catdiv {
	border:1px solid #e2e6ec;
	margin-top:20px;
}
#catdiv ul{	
	border:5px solid #edf0f3;
	padding:10px 0px 10px 0px;	
}
#catdiv ul li {
	border:0px solid red;
	padding:3px 0 0 0px;
	float:left;
	width:160px;
	list-style-image: url("/view/v11/img/catebox/bul.png");
	list-style-position:inside;
	margin-left:20px;
	height:24px;
}
#catdiv ul li a {
	font-size:14px;
	font-family:noto7;
	padding-left:-10px;
	color:#333333;
	font-weight:bold;
	letter-spacing:0px;
}
#catdiv ul li a:hover {
	font-size:14px;
	font-family:noto7;
	padding-left:-10px;
	color:#f11d13;
}
#catdiv ul li a.on {
	color:#f11d13;
}



/* check box style */
p.ck{ position:relative; }
p.ck input[type="checkbox"]{ width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); }
p.ck label{ height:18px; line-height:18px; padding-left:25px; display:inline-block; background:url('/view/v11/img/ck.png') no-repeat 0 0; font-size:14px; vertical-align:middle; cursor:pointer; font-family:noto7; font-weight:bold; }
p.ck input[type="checkbox"]:checked + label{	background-position: 0 -0px; background:url('/view/v11/img/ck_on.png') no-repeat 0 0; }

p.ck2{ position:relative; }
p.ck2 input[type="checkbox"]{ width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); }
p.ck2 label{ height:15px; line-height:15px; padding-left:22px; display:inline-block; background:url('/view/v11/img/ck2.png') no-repeat 0 0; font-size:13px; color:#333333; vertical-align:middle; cursor:pointer; font-family:noto5; }
p.ck2 input[type="checkbox"]:checked + label{	background-position: 0 -0px; background:url('/view/v11/img/ck2_on.png') no-repeat 0 0; }
/* check box style end */

/* check radio style */
p.radio{ position:relative; }
p.radio input[type="radio"]{ width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); }
p.radio label{ height:18px; line-height:18px; padding-left:25px; display:inline-block; background:url('/view/v11/img/radio.png') no-repeat 0 0; font-size:14px; vertical-align:middle; cursor:pointer; font-family:noto7; font-weight:bold;  }
p.radio input[type="radio"]:checked + label{ background-position: 0 -0px; background:url('/view/v11/img/radio_on.png') no-repeat 0 0; }
/* check radio style end */


/* item wrap */
div.item_wrap {	
}
div.item {
	width:293px;
	border:1px solid #ffffff;
	height:450px;
	float:left;
	margin-top:40px;
	cursor:pointer;
	padding:0px;
}
div.item:hover {
	border:1px solid #e50011;
}
div.item img {	
	margin:20px 20px 0 20px;
}

.item_name {
	font-family:noto4;
	font-size:36px;
	color:#000000;
	margin:0;
	padding:0 0 30px 0;
	letter-spacing:-1px;
}

.itselect {
	width:350px;	
	color:#333333;
	font-size:14px;
	font-family:noto7;
	height:44px;
	margin-top:10px;
	background-color:#f9f9f9;
	font-weight:bold;
}

#view_info {
	font-family: 'NanumSquare', sans-serif;
	font-size:14px;
}
#view_info ul {
	border:1px dotted #000000;
	background-color:#f9f9f9;
}
#view_info ul, li, p {
	font-family: 'NanumSquare', sans-serif;
	font-size:14px;
	margin:0px 0 0px 0;
	color:#666666;

}
#view_info ul li {
	font-family: 'NanumSquare', sans-serif;
	font-size:14px;
	padding:10px;
	height:22px;
	color:#333333;
}
#view_info p{
	font-family: 'NanumSquare', sans-serif;
	font-size:15px;
	padding:0;
	margin:0;
}


/* HOME */
#home_tab { height:80px; border-top:1px solid #999999; border-bottom:1px solid #999999; }
#home_tab .tab { cursor:pointer; float:left; width:147px; height:80px; background-color:#ffffff; text-align:center;	color:#333333; }
#home_tab p { text-align:center; margin:0 auto; }
#home_tab .ic { margin-top:14px; margin-bottom:5px; width:30px; }
#home_tab .tab p { color:#333333; font-size:12px; font-weight:bold; }
#home_tab .tab_on { cursor:pointer;	float:left;	width:147px; height:80px; background-color:#ea0202;	text-align:center; color:#ffffff; }
#home_tab .tab_on p { color:#ffffff; font-size:12px; font-weight:bold; }


div.item2 {
	width:234px;
	border:1px solid #ffffff;
	height:340px;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	cursor:pointer;
	padding:0px;
}
div.item2:hover {
	border:1px solid #e50011;	
}
div.item2 img {	
	margin:20px 20px 0 20px;
}

.itemname2 {
	font-family: 'NanumSquare', sans-serif;
	font-size:14px;
	color:#000000;
	margin:0;
	padding:0 0 30px 0;
	letter-spacing:0px;
}

/* home foot */
#home_foot {
	margin-top:50px;
}

#home_foot .direct_order {
	float:left;
	min-height:180px;
	width:310px;
	border-bottom:1px solid #a4a4a4;
}
#home_foot .notice {
	float:left;
	min-height:180px;
	width:480px;
	margin-left:40px;
	border-bottom:1px solid #a4a4a4;
}
#home_foot .helpdesk {
	float:left;
	min-height:180px;
	width:310px;
	margin-left:40px;
	border-bottom:1px solid #a4a4a4;
}
#home_foot h3 {
	font-weight:normal;
	font-size:20px;
	padding:0px;
	padding-left:5px;
	height:32px;
	border-bottom:1px solid #a4a4a4;
	font-family: 'NanumSquare', sans-serif;
	font-weight:bold;
	color:#333333;
}

#home_foot ul {
	padding:10px 0 0 0;
	border:0;
}
#home_foot ul li {
	padding:10px;
	height:10px;
	margin:0;
}
#home_foot ul li a {
	font-family: 'NanumSquare', sans-serif;
	font-weight:normal;
	letter-spacing:0;
	color:#333333;
}
#home_foot ul li span {
	float:right;
	font-family: 'NanumSquare', sans-serif;
	font-weight:normal;
	font-size:13px;
	margin-top:4px;
}
#home_foot ul li a:hover {
	font-family: 'NanumSquare', sans-serif;
	font-weight:normal;
	color:#ff0000;
	text-decoration:underline;
}