@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/		/* 본고딕 */
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/MalgunGothic@1.0/nanumsquare.css); *//* 나눔스퀘어 font-family: 'MalgunGothic', sans-serif; */
@font-face {
    font-family:MalgunGothic;
    src:url('/fonts/MalgunGothic.eot');
}
.malgun { font-family: 'Malgun Gothic'; !important; }

@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:'Malgun Gothic'; }
html { overflow-y:scroll; height:100%; }
body { height:100%; }
img{ border:0 none; margin-right:10px; }

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

a.link {  }
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: 'MalgunGothic', 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:0px;opacity: 0.6; }
.window{ display: none;  position:absolute; left:100px; top:100px; z-index:1000; }

/* select */
select {
	padding: .8em .5em;
	border:1px solid #cccccc;
	font-family:'Malgun Gochic';
	padding:5px;
	background: url('/view/basic/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:1280px; 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:38px;	border:2px solid #222222;	border-radius:0px; }
#head_wrap .search_wrap .search .in { border:none; height:26px; width:320px;	margin-top:0px; margin-left:5px; float:left; padding:3px; font-size:14px;margin-top:3px; font-family:'Malgun Gothic'; }


/*
#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:1280px; margin-left:auto;margin-right:auto;}
.line1_sub { width:158px; background-color:#ffffff; height:1px; margin-left:1px;}

/* main menu */
.cbt { height:50px;	width:200px; background-color:#ffffff;  font-size:14px; line-height:50px; cursor:pointer;font-weight:bold; float:left;	font-family:'Malgun Gothic';  color:#333333; border-left:1px solid #999999; border-right:1px solid #999999;}
.cbt:hover { color:#000000; }
.cbt_on { height:50px; width:200px;	background-color:#666666; font-size:14px;	line-height:50px; cursor:pointer; float:left; color:#ffffff; transition: all 0.3s;}
#zeta_wrap { border:0; height:50px; width:1280px; margin:auto; }
.zeta-menu-bar { display: inline-block; width: 100%; height:50px; background-color:#ffffff; border-top:1px solid #999999; border-bottom:1px solid #999999; }
.zeta-menu { margin: auto; padding:10px 0 0 0; width:1280px;}
.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/basic/img/cat_split.png'); background-repeat: no-repeat; }
.zeta-menu li:hover {font-family:noto3; }
.zeta-menu li:hover>a { font-family:noto3; color:#fdfed0;}
.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:#fe5050;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 */

/* div category */
.div_cat {
    width:198px;
    margin-top:50px;
    background-color:#ffffff;
    position:absolute;
    z-index:300;
    border:1px solid #e0e0e0;
    display:none;
}
.div_cat ul {padding:0 0px 0 0px;}
.div_cat ul li {
    list-style: none;
    border-bottom:1px solid #efefef;
    font-family: 'Malgun Gothic';
    font-size:13px;
    margin:0 10px 0 10px;
    padding:12px 0 10px 10px;
    font-family: 'Malgun Gothic';
    letter-spacing: -1px;
    color:#666666;
    cursor:pointer;
    /* background-image:url('/view/basic/img/li_cat.png'); */
    background-repeat: no-repeat;
    background-position: right top;
    font-weight: bold;
}
.div_cat ul li:hover {
    color:#ffffff;
    /* background-image:url('/view/basic/img/li_cat_on.png'); */
    background-repeat: no-repeat;
    background-position: right top;
    background-color:#222222;

}
.div_cat ul li ul {
    display: none;
    position: absolute;
    left:190px;
    border:1px solid #222222;
    width:180px;
    background-color:#ffffff;
    margin-top:-30px;
    padding:10px 10px 10px 10px;
}
.div_cat ul li ul li {
    background: none;
    font-size:12px;
    padding:8px 0 8px 8px;
    font-family: 'Malgun Gothic';
    font-weight:bold;
    margin:0px;
}
.div_cat ul li ul li:hover {
    background: none;
    background-color: #222222;
    color:#ffffff;
}

#depth1menu {
    height:55px;
}
#depth1menu p {
    cursor:pointer;
    float:right;
    color:#333333;
    height:32px;
    padding:17px 0px 0px 20px;
    margin-left:10px;
    letter-spacing: -1px;
    font-family: 'Malgun Gothic';
    font-weight:bold;
    font-size:14px;
}
#depth1menu p:hover {
    background-color:#ffffff;
    color:#999999;
}

#depth1menu p.alerm_cnt {
    font-size:11px;
    color:#d23436;
    background-color:#fffa67;
    width:18px;
    height:18px;
    float:right;
    padding:0px;
    position:relative;
    top:10px;
    left:114px;
    text-align: center;
    border-radius: 10px;
    padding:0px;
}


/* compas navigation wrap */
#comp_wrap { width:100%; height:44px; background-color:#f9f9f9; margin-top:-5px; }
.navi_bar {
	width:1280px; 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/basic/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/basic/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/basic/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:1280px; float:center; margin:0 auto 0 auto; padding-bottom:0px; padding-top:40px; 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/basic/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:#ffffff;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:40px; padding:0;margin:0; border-bottom:1px solid #000000; line-height:1; text-align:center; font-family:'noto3';font-size:28px;font-weight:normal;}
h1.page_title span { float:right;font-size:14px; font-family:'Malgun Gothic'; color:#666666;padding-top:10px;}
h1.page_title2 { width:100%; height:40px; padding:0;margin:0; font-family:'Malgun Gothic'; font-size:28px; 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; margin-top:60px; }
#tm_wrap .tm { width:1280px; margin:0 auto 0 auto; }
#tm_wrap .mn { float:left; width:1000px; }
#tm_wrap .mn ul { padding:4px 0 0 0; }
#tm_wrap .mn ul li { list-style-type:none;	float:left;	padding-right:50px;	font-size:14px; }
#tm_wrap .mn ul li a { font-size:13px; letter-spacing:-1px; color:#666666; font-family:'Malgun Gochic'; font-weight:bold; }
#tm_wrap .mn ul li a:hover { color:#eb0112; font-family:'Malgun Gochic';}

#tail_wrap { width:100%; background-color:#f9f9f9; padding:30px 0 0 0; height:180px; clear:both; }
#tail_wrap .cell { width:1280px; margin:0 auto 0 auto; }
#tail_wrap .addr {  float:left; width:878px; color:#888888; font-family:'Malgun Gochic'; font-size:12px; line-height:2; }
#tail_wrap .goji {  float:right; width:298px; color:#888888; font-family:'Malgun Gochic'; font-size:12px; line-height:2; }


/* 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: 'Malgun Gothic', 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:1280px; }
.tab2 li {
	list-style-type:none;
	float:left;
	height:32px;
	padding-top:15px;
	text-align:center;
	font-family: 'Malgun Gothic', 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 #666666;
	font-size:14px;
	height:40px;
	padding-left:3%;
	padding-right:3%;
	border-radius:1px;
    font-family:'Malgun Gochic';
    font-size:14px;
    letter-spacing:-1px;
}
.input-txt2 {
	border:1px solid #cccccc;
	font-size:12px;
	height:28px;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Malgun Gothic', sans-serif;
	border-radius:1px;
    font-weight:bold;
}
.input-txt3 {
	border:1px solid #cccccc;
	font-size:13px;
	height:28px;
	padding-left:5px;
	padding-right:5px;
	font-family: 'Malgun Gothic', sans-serif;
	border-radius:1px;
}

/* button */
.btn1 {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#fe5050;
    border:1px solid #fe5050;
	height:50px;
	border:none;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
}
.btn1:hover { background-color:#ffffff; border:1px solid #fe5050; transition: all 0.2s; color:#fe5050; font-weight:bold;}
.btn2 {
	width:100%;
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	height:50px;
	border:1px solid #555555;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    font-weight:bold;
}
.btn2:hover { background-color:#222222; border:1px solid #222222; transition: all 0.2s; color:#ffffff; font-weight:bold;}
.btn3 {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#222222;
	height:50px;
	border:none;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    border:1px solid #222222;
}
.btn3:hover { background-color:#ffffff; border:1px solid #222222; transition: all 0.2s; color:#222222; font-weight:bold;}
.btn1m {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#fe5050;
	height:38px;
	border:none;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
}
.btn1m:hover { background-color:#ffffff; border:1px solid #fe5050; transition: all 0.2s; color:#fe5050; font-weight:bold;}
.btn2m {
	width:100%;
	text-align:center;
	color:#222222;
	background-color:#ffffff;
	height:38px;
	border:1px solid #222222;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
}
.btn2m:hover { background-color:#222222; border:1px solid #222222; transition: all 0.2s; color:#ffffff; font-weight:bold;}
.btn3m {
	width:100%;
	text-align:center;
	color:#ffffff;
	background-color:#222222;
    border:1px solid #222222;
	height:38px;
	border:none;
	font-family:'Malgun Gochic';
	font-size:15px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
}
.btn3m:hover { background-color:#ffffff; border:1px solid #222222; transition: all 0.2s; color:#222222; font-weight:bold;}


.btn1s {
	text-align:center;
	color:#ffffff;
	background-color:#fe5050;
	height:32px;
	border:none;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
	padding:0 20px 0 20px;
    letter-spacing:-1px;
    font-weight:bold;
    border:1px solid #fe5050;
}
.btn1s:hover { background-color:#ffffff; border:1px solid #fe5050; transition: all 0.2s; color:#fe5050; font-weight:bold;}
.btn2s {
	text-align:center;
	color:#222222;
	background-color:#ffffff;
	height:32px;
	border:1px solid #222222;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
	padding:0 20px 0 20px;
}
.btn2s:hover { background-color:#222222; border:1px solid #222222; transition: all 0.2s; color:#ffffff; font-weight:bold;}
.btn3s {
	text-align:center;
	color:#ffffff;
	background-color:#222222;
	height:32px;
	border:none;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
	padding:0 20px 0 20px;
    letter-spacing:-1px;
    font-weight:bold;
    border:1px solid #222222;
}
.btn3s:hover { background-color:#ffffff; border:1px solid #222222; transition: all 0.2s; color:#222222; font-weight:bold;}

.btn1ss {
	text-align:center;
	color:#ffffff;
	background-color:#01ce6b;
	height:32px;
	border:1px solid #01ce6b;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
    letter-spacing:-1px;
    font-weight:bold;
	padding:0 20px 0 20px;
}
.btn1ss:hover { background-color:#ffffff; transition: all 0.2s; color:#01ce6b; font-weight:bold;}
.btn2ss {
	text-align:center;
	color:#019d52;
	background-color:#ffffff;
	height:32px;
	border:1px solid #01ce6b;;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
	padding:0 20px 0 20px;
    letter-spacing:-1px;
    font-weight:bold;
}
.btn2ss:hover { background-color:#01ce6b; transition: all 0.2s; color:#ffffff; font-weight:bold;}
.btn3ss {
	text-align:center;
	color:#999999;
	background-color:#ffffff;
	height:32px;
	border:1px solid #cccccc;
	font-family: 'Malgun Gothic', sans-serif;
	font-size:13px;
	cursor:pointer;
	padding:0 20px 0 20px;
}

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

h4.info_txt { font-size:13px; letter-spacing:-1px; font-family:'Malgun Gochic'; letter-spacing:0px; color:#444444; background-color:#ffffff;}

.input-file {
	width:80%;
	border:1px solid #cccccc;;
	font-family: 'Malgun Gothic', 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/basic/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/basic/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/basic/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/basic/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/basic/img/ck2_on.png') no-repeat 0 0; }

p.ck3{ position:relative; }
p.ck3 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.ck3 label{ height:15px; line-height:15px; padding-left:22px; display:inline-block; background:url('/view/basic/img/ck3.png') no-repeat 0 0; font-size:13px; color:#333333; vertical-align:middle; cursor:pointer; font-family:noto5; }
p.ck3 input[type="checkbox"]:checked + label{	background-position: 0 -0px; background:url('/view/basic/img/ck3_on.png') no-repeat 0 0; }

/* 200707 리스트에서 체크박스 문제로 추가  kdw*/
p.ck4{ position:relative; }
p.ck4 input[type="checkbox"]{ padding:0;  margin:0;  vertical-align:middle; }
p.ck4 label{ height:15px; line-height:15px; padding-left:5px; display:inline-block; background:url('/view/basic/img/ck3.png') no-repeat 0 0; font-size:13px; color:#333333; vertical-align:middle; cursor:pointer; font-family:noto5; }
p.ck4 input[type="checkbox"]:checked + label{	background-position: 0 -0px; background:url('/view/basic/img/ck3_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/basic/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/basic/img/radio_on.png') no-repeat 0 0; }
/* check radio style end */


/* item wrap */
div.item_wrap {
}
div.item {
	width:230px;
	float:left;
	margin-top:35px;
	padding:0px;
	margin-left:35px;
}

div.item img {
	margin:10px 0px 0 0px;
    width:228px;
    height:228px;
    border:1px solid #eeeeee;
    cursor:pointer;
}

.item_name {
	font-family:'Malgun Gochic';
	font-size:26px;
	color:#000000;
	margin:0;
	padding:0 0 30px 0;
	letter-spacing:-1px;
    margin-top:10px;
}

.itselect {
	width:420px;
	color:#333333;
	font-size:14px;
	font-family:'Malgun Gochic';
	height:40px;
	margin-top:10px;
	background-color:#ffffff;
	font-weight:bold;
    border-color: #999999;
}

#view_info {
	font-family: 'Malgun Gothic', sans-serif;
	font-size:12px;
}
#view_info ul {
	border:1px solid #000000;
	background-color:#ffffff;
}
#view_info ul, li, p {
	font-family: 'Malgun Gothic', sans-serif;
	font-size:12px;
	margin:0px 0 0px 0;
	color:#666666;

}
#view_info ul li {
	font-family: 'Malgun Gothic', sans-serif;
	font-size:12px;
	padding:10px;
	height:22px;
	color:#333333;
}
#view_info p{
	font-family: 'Malgun Gothic', sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
    font-weight:bold;
}


/* 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:250px;
	border:1px solid #ffffff;
	height:380px;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	cursor:pointer;
	padding:0px;
}
div.item2:hover {
	/*border:1px solid #fe5050; */
}
div.item2 img {
	margin:20px 20px 0 20px;
    border:1px solid #eeeeee;
}

.itemname2 {
	font-family: 'Malgun Gothic', 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: 'Malgun Gothic', 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: 'Malgun Gothic', sans-serif;
	font-weight:normal;
	letter-spacing:0;
	color:#333333;
}
#home_foot ul li span {
	float:right;
	font-family: 'Malgun Gothic', sans-serif;
	font-weight:normal;
	font-size:13px;
	margin-top:4px;
}
#home_foot ul li a:hover {
	font-family: 'Malgun Gothic', sans-serif;
	font-weight:normal;
	color:#ff0000;
	text-decoration:underline;
}


#body_left {
    width:220px;
    float:left;
}
#body_left h3 { margin-top:0px; font-size:15px; font-family:'Malgun Gochic'; padding:10px 0 0 0px; border:0px; height:30px;}
#body_left h3 p { float:right; font-size:18px; color:#000000; font-family:'Malgun Gothic'; line-height:1;}
#body_left ul { margin:0 0 20px 0; border-top:1px solid #222222; border-bottom:1px solid #222222; padding:0 0 0px 0 0; }
#body_left ul li {
    cursor:pointer; color:#666666; list-style-type:none; height:26px; font-size:12px; font-family:'Malgun Gothic'; padding:12px 0 0 2px; letter-spacing:-1px; font-weight:bold; border-bottom:1px solid #f3f3f3;
    background-image: url('/view/basic/img/left_li_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
#body_left ul li:hover {color:#ffffff; background-color:#222222; background-image: url(''); transition: all 0.3s;}
#body_left ul li a { font-size:14px; font-family:'Malgun Gothic'; color:#666666; }
#body_left ul li a:hover { color:#333333; font-family:'Malgun Gothic';}
#body_left ul li.on { background-color:#f5f5f5; color:#000000; background-image:url('/view/basic/img/left/bul.png');background-repeat:no-repeat;background-position:180px; }
#body_left ul li.on a { font-size:14px; font-family:noto4; color:#000000; }
#body_left .content {float:left; width:915px; margin-left:40px; }

#body_center {    float:left;    width:1060px;    margin-left:0px; }

span.di {    color:#ffffff;    font-family: 'Malgun Gochic';    font-size:11px;    letter-spacing:-1px;    padding:2px 5px 2px 5px;    margin-left:0px; margin-right:2px; }
span.d0 {  background-color:#333333;}
span.d1 {    background-color:#f6bc09;}
span.d2 {    background-color:#258dad;}
span.d3 {    background-color:red;}
span.dover {    background-color:#4aadcc;}

span.s1 { background-color:#ffffff; color:red;    font-family: 'Malgun Gochic';    font-size:11px;    letter-spacing:-1px;    padding:1px 5px 1px 5px; border:1px solid red; margin-right:2px;}
span.s2 { background-color:#ffffff; color:#bbbbbb;    font-family: 'Malgun Gochic';    font-size:11px;    letter-spacing:-1px;    padding:1px 5px 1px 5px; border:1px solid #bbbbbb;  margin-right:2px;}

.left_search {
    border-top:1px solid #222222;
    border-bottom:1px solid #222222;
    height:100px;
}
.btn_search {
    font-family:'Malgun Gochic';
    font-size:12px;
    background-color:#000000;
    border:0px;
    color:#ffffff;
    padding:5px;
    width:100%;
    height:28px;
    border:1px solid #000000;
    cursor:pointer;
}
.btn_search:hover {
    background-color:#ffffff;
    color:#000000;
    border:1px solid #000000;
    transition: all, 0.2s;
}

.bl {
    cursor:pointer;
    height:54px;
    font-size:16px;
    font-family:'Malgun Gothic';
    letter-spacing: -2px;
    font-weight:bold;
    border:0px;
    margin:0px;
}
.btc1 { background-color:#000000; color:#ffffff; }
.btc1:hover { background-color:#333333; }
.btc2 { background-color:#ff3f3d; color:#ffffff; }
.btc2:hover { background-color:#ff0300;}
.btc3 {
    border:1px solid #222222;
    background-color:#ffffff;
}

#body_wrap ul.tab2  { padding:0; margin:0; border:0px; }
#body_wrap ul.tab2 li {
	list-style-type:none;
	float:left;
	background-color:#000000;
    border:1px solid #000000;
    color:#ffffff;
	width:424px;
	text-align:center;
	font-family: 'Malgun Gothic';
	font-size:16px;
    padding:15px 0 10px 0;
	letter-spacing:-1px;
	cursor:pointer;
    font-weight:bold;
}
#body_wrap ul.tab2 li.off {
	background-color:#ffffff;
    border:1px solid #d1d1d1;
	color:#222222;
}

h2.item_sub_title {
    font-size:20px;
    font-family:'Malgun Gothic';
    font-weight:bold;
    letter-spacing: -2px;
    border-bottom:3px solid #222222;
    padding-bottom:10px;
}
div.re_item_wrap {
    min-height:150px;
}

/* item wrap 3*/
div.item3 {
	width:212px;
	float:left;
	margin-top:0px;
	padding:0px;
}

div.item3 img {
	margin:10px 10px 0 10px;
    border:1px solid #eeeeee;
    cursor:pointer;
}

.mnbt {
    width:150px;
    height:40px;
    font-family:'Malgun Gochic';
    font-size:12px;
    background-color:#fafafa;
    border:1px solid #dcdcdc;
    color:#222222;
    cursor:pointer;
}
.mnbt.on {
    background-color:#ffffff;
    border:2px solid #222222;
    color:#000000;
    font-weight:bold;
}


.del0 { background-color:#ff8c40; color:#ffffff; font-family:'Malgun Gothic'; font-size:11px; padding:3px 5px 3px 5px;  letter-spacing:-1px;margin-left:20px; }
.del1 { background-color:#ffd040; color:#ffffff; font-family:'Malgun Gothic'; font-size:11px; padding:3px 5px 3px 5px;  letter-spacing:-1px;margin-left:20px; }
.del2 { background-color:#94cb1e; color:#ffffff; font-family:'Malgun Gothic'; font-size:11px; padding:3px 5px 3px 5px;  letter-spacing:-1px;margin-left:20px; }
.del3 { background-color:#8b8b8b; color:#ffffff; font-family:'Malgun Gothic'; font-size:11px; padding:3px 5px 3px 5px;  letter-spacing:-1px;margin-left:20px; }

.sbt1 {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Dotum;
	font-size:11px;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    letter-spacing:-1px;
}
.sbt1:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.sbt1:active {
	position:relative;
	top:1px;
}
.sbt2 {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family:Dotum;
	font-size:11px;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
    letter-spacing:-1px;
}
.sbt2:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}
.sbt2:active {
	position:relative;
	top:1px;
}

.sbt3 {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family:Dotum;
	font-size:11px;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
    letter-spacing:-1px;
}
.sbt3:hover {
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color:#ce0100;
}
.sbt3:active {
	position:relative;
	top:1px;
}


.left_mn {
	font-family:'Malgun Gothic';
	display:inline-block;
	margin:0;
	padding-left:15px;
	line-height:38px;
	border:none;
	color:#ffffff;
	font-size:13px;
	text-align:left;
	background-color:#222222;
	cursor:pointer;
	width:185px;
    letter-spacing: -1px;
    font-weight:normal;
    border-left:1px solid #222222;
}
.left_mn:hover {
	background-color:#ffffff;
	color:#222222;
    font-weight:bold;
    border-left:1px solid #222222;
}

.left_sub {
    position:absolute;
    top:0px;
    width:430px;
    visibility:hidden;
    border:1px solid #222222;
    border-left:1px solid #ffffff;
    z-index:10;
    height:418px;
    background-color:#ffffff;
    padding-left:10px;
}
ul.sub_mn_ul {
    background-color:#ffffff;
    height:230px;
    padding:0px;
    margin:0px;
}
ul.sub_mn_ul li {
    float:left;
    width:180px;
    list-style-type: none;
    padding:6px 0 0 10px;
    margin:0px;
    font-family:'Malgun Gochic';
    font-size:12px;
    line-height:1.6;
    letter-spacing:-1px;
    font-weight:bold;
    cursor:pointer;
    height:26px;
    color:#333333;
}
ul.sub_mn_ul li:hover {
    color:#ffffff;
    background-color:#333333;
}

.left_sub_mn {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding-left:10px;
	width:150px;
	border:none;
	color:#ffffff;
	line-height:23px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	background-color:#ff6600;
	cursor:pointer;
	font-family:NanumGothic;
	font-weight:normal;
}
.left_sub_mn:hover {
	background-color:#ffffff;
	color:#ff6600;
	letter-spacing:-0px;
}

.left_mn_line {
	width:100%;
	height:1px;
	background-color:#1e4e93;
}

#head_wrap .right_nv { width:380px; height:60px; float:right; vertical-align:middle; position:relative; top:50%; transform: translateY(-50%); }
.top_cart { margin-top:8px; width:46px; height:46px; float:right; cursor:pointer; }
.top_cart .cart_cnt { width: 17px; height:17px; color:#ffffff; background-color:#fc5014; border-radius:10px; text-align:center;float:right;margin-top:8px;margin-right:3px; font-family:'Malgun Gothic'; font-weight:bold; font-size:12px; letter-spacing:-1px;}
.top_user { margin-top:8px; width:46px; height:46px; float:right; cursor:pointer;}
.top_bn { width:270px; height:60px; float:left; }

.focus_item { margin-top:50px; border-bottom:1px solid #000000; padding:0px 0px 5px 10px; }
.focus_item p { float:right; font-faimily:'Malgun Gochic'; font-size:14px; padding:0 12px 0 12px; letter-spacing:-1px; margin-top:10px; border-left:1px solid #cccccc; }
div .focus {
    width:100%;
    background-color:#ffffff;
    margin-top:10px;
    font-size:12px;
}
.itemf {
    width:198px;
    height:230px;
    float:left;
    margin-right:18px;
    margin-top:10px;
    margin-bottom:10px;
}
div .itemf img { width:188px; border:1px solid #f0efeb; margin:10px 5px 0px 5px; }
div .itemf p { font-size:13px; letter-spacing:-1px; padding:0 10px 0 10px; }

h2 .more { font-size:12px; float:right; margin-top:20px; margin-right:10px; }


div .item_wrap2 { padding-top:0px;}
div .item_wrap2 .item {
    width:228px;
	float:left;
	margin-top:0px;
    margin-right:35px;
    margin-left:0px;
	margin-top:20px;
	padding:0px;
}
div .item_wrap2 .item img {
    width:226px;
    height:226px;
	margin:0px;
    border:1px solid #eeeeee;
    cursor:pointer;
}

div .item_wrap2 .item .iname {
    text-align:left;
    padding:10px 24px 0 0px;
    line-height:1;
    height:40px;
}
div .item_wrap2 .item .iname a { font-weight:normal; }
div .item_wrap2 .item .amount {
    text-align:left;
    padding:0px 24px 0 0px;
    line-height:1.2;
}

/* 추천상품 */
div .list_rec { border:1px solid #dadada; min-height:400px;  }
div .list_rec h2 { margin-left:20px; margin-top:15px; font-size:22px; }
div .list_rec .item {
	width:230px;
	float:left;
	margin:0px 0px 0px 20px;
	padding:0px;
}

div .list_rec .item img {
	width:228px;
    border:1px solid #eeeeee;
    cursor:pointer;
    margin:0px;
}

div .sort_wrap { height:30px; padding:10px 0 0px 35px; }
div .sort_wrap span { float:left; font-size:14px; margin-top:6px;}
div .sort_wrap select { float:right; font-size:14px;}