@charset "utf-8";
@import url("button.css");
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* common */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:13px;
  /*font-family:'나눔고딕','NanumGothic','NG','Dotum','돋움',Sans-serif;*/
  /*font-family:'Dotum','돋움',Sans-serif;*/
  /*color:#333;*/
  /* vertical-align:baseline; */
/*}*/

/* common */
html, body, img, table, div, span, td, tr {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  /*font-weight:300;*/
  font-style:inherit;
  font-size:13px;
  /*font-family:"Noto Sans KR","나눔고딕","NanumGothic","NG","돋움",Dotum,Sans-serif;*/
  font-family:"돋움",Dotum,Sans-serif;
  color:#000;
}

.clear{clear:both}

.vat {vertical-align:top}
.vam {vertical-align:middle}

.csp {cursor:pointer}

.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}

.ml20 {margin-left:20px}
.ml5  {margin-left:5px}
.ml3  {margin-left:3px}

.dpn {display:none}

.ellipsis { width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* layout */
#header {width:1045px;margin:0 auto;background:#fff}
#container {width:1045px;margin:0 auto;min-height:600px;margin-top:15px;background:#fff}
#menu {width:200px;float:left;background:#fff}
#content {width:835px;margin-left:210px;min-height:600px;height:auto !important;background:#fff}
#footer {width:100%;border-top:1px solid #ccc}
#footer #footer_content {width:1045px;margin:0 auto;background:#fff}

/*
#header {width:1300px;margin:0 auto;background:#fff}
#container {width:1300px;margin:0 auto;min-height:600px;margin-top:5px;background:#fff}
#menu {width:220px;float:left;background:#fff}
#content {width:1065px;margin-left:235px;min-height:600px;height:auto !important;background:#fff}
#footer {width:100%;border-top:1px solid #ccc}
#footer #footer_content {width:1300px;margin:0 auto;background:#fff}
*/

/*
#header {
	width:100%;
	margin-bottom: 10px;
}
#header div {
	width:1000px;
	margin: 0px auto;
}
#container {
	width: 1000px;
	margin: 0px auto;
}
#content {
	width: 770px;
	margin-bottom: 10px;
	float: right;
}
#menu {
	width: 208px;
	margin-bottom: 10px;
	float: left;
}
#footer {
	width:100%;
	clear: both;
	border-top:1px solid #ccc;
}
#footer div {
	width:1000px;
	margin: 0px auto;
}
*/

#index_header {
	width:100%;
	margin-bottom: 10px;
}
#index_header div {
	width:1000px;
	margin: 0px auto;
}
#index_container {
	width: 1000px;
	margin: 0px auto;
}
#index_content {
	width: 770px;
	margin-bottom: 10px;
	float: right;
}
#index_menu {
	width: 208px;
	margin-bottom: 10px;
	float: left;
}
#index_footer {
	width:100%;
	clear: both;
	border-top:1px solid #ccc;
}
#index_footer div {
	width:1000px;
	margin: 0px auto;
}

#index_header_02 {
	width:100%;
	margin-bottom: 75px;
}
#index_header_02 div {
	width:1200px;
	margin: 0px auto;
}
#index_container_02 {
	width: 1200px;
	margin: 0px auto;
}
#index_content_02 {
	width: 900px;
	margin-bottom: 10px;
	float: left;
}
#index_menu_02 {
	width: 288px;
	margin-bottom: 10px;
	float: right;
}
#index_footer_02 {
	width:100%;
	clear: both;
	/*border-top:1px solid #ccc;*/
}
#index_footer_02 div {
	width:1200px;
	margin: 0px auto;
}

#index_header_03 {
	width:100%;
	margin-bottom: 40px;
}
#index_header_03 div {
	width:1000px;
	margin: 0px auto;
}
#index_container_03 {
	width: 1000px;
	margin: 0px auto;
}
#index_content_03 {
	width: 750px;
	margin-bottom: 10px;
	float: left;
}
#index_menu_03 {
	width: 240px;
	margin-bottom: 10px;
	float: right;
}
#index_footer_03 {
	width:100%;
	clear: both;
	/*border-top:1px solid #ccc;*/
}
#index_footer_03 div {
	width:1000px;
	margin: 0px auto;
}


#index_header_04 {
	width:100%;
	margin-bottom: 20px;
}
#index_header_04 div {
	width:1000px;
	margin: 0px auto;
}
#index_container_04 {
	width: 1000px;
	margin: 0px auto;
}
#index_content_04 {
	width: 774px;
	margin-bottom: 10px;
	float: left;
}
#index_menu_04 {
	width: 226px;
	margin-bottom: 10px;
	float: left;
}
#index_footercontent_04 {
	width: 1000px;
	float: left;
}
#index_footer_04 {
	width:100%;
	margin-top: 10px;
	clear: both;
	/*border-top:1px solid #ccc;*/
}
#index_footer_04 div {
	width:1000px;
	margin: 0px auto;
}

/* html page */
#html_header {width:100%; margin-bottom:10px;}
#html_header div {width:1200px;	margin: 0px auto;}
#html_container {width:1200px; margin: 0px auto;}
#html_content {width:994px;	margin-bottom: 10px; float:right;}
#html_menu {width:206px; margin-bottom:10px; float:left;}
#html_footer {width:100%; clear:both;}
#html_footer div {width:1200px; margin: 0px auto;}
/* html page */

/* html page 2 */
/*#html_header_2 {width:100%; margin-bottom:10px;}
#html_header_2 div {width:1200px;	margin: 0px auto;}
#html_container_2 {width:1200px; margin: 0px auto;}
#html_content_2 {width:870px;	margin-bottom: 10px; float:right;}
#html_menu_2 {width:330px; margin-bottom:10px; float:left;}
#html_footer_2 {width:100%; clear:both;}
#html_footer_2 div {width:1200px; margin: 0px auto;}*/
/* html page 2 */

/* html page v2 */
#html_header_v2 {width:100%; margin-bottom:10px;}
#html_header_v2 div {width:1000px;	margin: 0px auto;}
#html_container_v2 {width:1000px; margin: 0px auto;}
#html_content_v2 {width:800px;	margin-bottom: 10px; float:right;}
#html_menu_v2 {width:200px; margin-bottom:10px; float:left;}
#html_footer_v2 {width:100%; clear:both;}
#html_footer_v2 div {width:1000px; margin: 0px auto;}
/* html page v2 */

/* top menu navigation bar */
#header .menu {width:100%;margin-top:5px}
#header ul {text-align:right}
#header ul li {display:inline;list-style:none}
#header ul li a {display:block}

/* left menu */
/*
#menu ul {margin-top:0px;padding:0}
#menu ul.s {margin-top:0px}
#menu li.h {padding-left:15px;background:url(img/left_menu_01.png);font-weight:bold;list-style:none;height:31px;line-height:31px}
#menu li.h2 {padding-left:15px;background:url(img/left_menu_02.png);font-weight:bold;list-style:none;height:29px;line-height:29px}
#menu li {padding-left:20px;background:url(img/left_menu_01_01.png);list-style:none;height:22px;line-height:22px}
#menu li.f {padding-left:20px;background:url(img/left_menu_01_02.png);list-style:none;height:23px;line-height:23px}
*/

/* login layer */
/*
.login_wrap{width:100%;height:100%}
.login_bg{position:absolute;top:50%;width:100%;height:404px;margin-top:-226px}
.login_bg .content_wrap{width:750px;*width:750px;height:404px;margin:0 auto;background:url(img/login_bg.png)}
#login_container {width:750px}
#login_left {width:324px;height:245px;margin-left:1px;float:left;background:url(img/login_img.png) #fff;text-align:center}
#login_right {width:370px;height:245px;margin-left:340px}
#login_container .bottom{width:480px;margin-top:9px;margin-left:212px;line-height:1.4}
*/

/* form element */
select,input[type=text] {outline:none;}
input[type=text] {height:19px;line-height:19px;padding:0 4px;font-family:"돋움",Dotum,Sans-serif;font-size:13px;vertical-align:middle;cursor:text;ime-mode:active}
input[type=password] {height:19px;line-height:19px;padding:0 4px;font-family:"돋움",Dotum,Sans-serif;font-size:13px;vertical-align:middle;cursor:text}
input.text {border:1px solid #bbb}
input.text:focus, textarea:focus {border:1px solid #00b4d5}
input.text_error {position:relative;border:1px solid #ff2800;background:#fff586}
input.text_dis {border:1px solid #bbb;background:#f4f4f4;cursor:default}
input.text_borderNone {border:1px solid #fff}
select {min-width:45px;height:21px;border:1px solid #bbb;font-family:"돋움",Dotum,Sans-serif;font-size:13px;vertical-align:middle}
textarea {padding:0 4px;border:1px solid #bbb;font-family:"돋움",Dotum,Sans-serif;font-size:13px;vertical-align:middle;cursor:text;line-height:18px;ime-mode:active}
input[type=checkbox] {vertical-align:middle}
input[type=file]{height:19px;line-height:19px;padding:0 4px;font-family:"돋움",Dotum,Sans-serif;font-size:13px;vertical-align:middle;cursor:text;background:#fff}

/* link */
a{color:#333;text-decoration:none}
/*a:hover,a:active,a:focus{color:#f00;text-decoration:underline}*/
a:hover,a:active,a:focus{color:#f00;text-decoration:none}

/* table */
table.list {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff}
table.list caption {padding-bottom:4px;display:none}
table.list th {border:1px solid #ccc;padding:5px;font-weight:400}
table.list td {border:1px solid #ccc;padding:3px;font-weight:400;text-align:center;line-height:1.2}
table.list thead th, table.list tfoot th {background-color:#f0f0f0;}
table.list tbody th {background:#f0f0f0;text-align:left}
table.list tbody td.no_record {padding:170px 0}

table.list_2 {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff}
table.list_2 caption {padding-bottom:4px;display:none}
table.list_2 th {border:1px solid #ccc;height:30px;background:url(img/table_title_bg_30.png) left top repeat-x;font-weight:normal}
table.list_2 td {border:1px solid #ccc;padding:5px 5px 5px 5px;font-weight:normal;text-align:center}
table.list_2 thead th, table.list tfoot th {background-color:#f0f0f0;}
table.list_2 tbody th {background:#f0f0f0;text-align:left}
table.list_2 tbody td.no_record {padding:170px 0}

table.view {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff}
table.view caption {padding-bottom:4px;display:none}
table.view th, table.view td {border:1px solid #ccc;height:25px;padding:0 10px;font-weight:normal}
table.view th {background-color:#f0f0f0}
table.view td.con {height:300px;text-align:left;border-left:none;border-right:none}

table.edit {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff}
table.edit caption {padding-bottom:4px;display:none}
table.edit th, table.edit td {border:1px solid #ccc;padding:2px;font-weight:normal;height:23px;line-height:23px}
table.edit th {background-color:#f0f0f0;text-align:center}

table.balju {width:100%;border-collapse:collapse;border-top:none;background:#fff}
table.balju caption {padding-bottom:4px;display:none}
table.balju th, table.balju td {border:1px solid #ccc;padding:2px;font-weight:normal;height:27px;line-height:31px}
table.balju th {background-color:#f0f0f0;text-align:center}

table.nborder {border-collapse:collapse;border:none;background:#fff}
table.nborder caption {display:none}
table.nborder td {border:none;padding:0px 0px;font-weight:normal}
table.nborder td.no_record {padding:100px 0}

table.bbs_reply {width:100%;border-collapse:collapse;background:#fff}
table.bbs_reply caption {padding-bottom:4px;display:none}
table.bbs_reply th {border-bottom:1px solid #ccc;padding:0 10px;font-weight:normal}
table.bbs_reply td {border-bottom:1px solid #ccc;padding:0 10px;font-weight:normal}
table.bbs_reply thead th, table.bbs_reply tfoot th {background-color:#f0f0f0;}
table.bbs_reply tbody th {height:25px;background:#f0f0f0;text-align:left}
table.bbs_reply tbody td {padding:0 10px 2px 10px}

table.form {width:100%;border-collapse:collapse;border-top:1px solid #ccc;background:#fff}
table.form caption {display:none}
table.form td {border:1px solid #ccc;padding:1px 1px;font-weight:normal;height:21px;line-height:21px;font-size:13px;font-family:"돋움",Dotum,Sans-serif;color:#333;text-align:center}

table.print {width:100%;border-collapse:collapse;border-top:1px solid #000;background:#fff}
table.print caption {display:none}
table.print td {border:1px solid #000;padding:1px 1px;font-weight:normal;height:21px;line-height:21px}

table.grid {width:100%;border-collapse:collapse;background:#fff}
table.grid caption {padding-bottom:4px;display:none}
table.grid th, table.grid td {border:1px solid #ccc;height:25px;padding:0 3px;font-weight:normal}
table.grid th {background-color:#f0f0f0}
table.grid td.con {height:300px;text-align:left;border-left:none;border-right:none}

/* paging */
.paging {text-align:center;background:#f0f0f0;height:27px;line-height:25px;border:1px solid #ccc;border-top:none}
.paging_h {text-align:center;background:#fff;height:27px;line-height:25px}

.srch_box {width:1003px;text-align:right;border:1px solid #ccc;background-color:#efefef}

img.btn{vertical-align:middle;cursor:pointer}
img.btn_cal{vertical-align:middle;cursor:pointer;margin-left:-1px;}

.title, .title span {position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:13px;font-family:"돋움",Dotum,Sans-serif;white-space:nowrap; background:url(img/top_notice_bg.png) no-repeat; overflow:visible; color:#fff;font-weight:bold}
.title {height:30px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top}
.title span {left:2px}
.title span {height:30px; padding:0 10px 0 8px; font-size:13px; line-height:30px; background-position:right top;}
.title ul li {display:inline;list-style:none}

.title_2 {background:url(img/icon_title_01.png) no-repeat;font-weight:bold;height:23px;line-height:23px;width:100%;color:#777;padding-left:15px}

.btn_area {width:100%;margin:5px 0}

.f_red {color:#f00}
.f_blue {color:#00f}

/* block layer */
#block_left {width:495px;float:left;background:#fff}
#block_right {width:495px;margin-left:510px;background:#fff;position:relative}

/* product layer */
#product_container {width:800px;clear:both;margin:0 auto;margin-top:10px;background:#fff}
#product_left {width:190px;float:left;background:#fff}
#product_right {width:600px;margin-left:200px;background:#fff;position:relative}


/* protlet */
.portlet{float:left;width:495px;margin-right:15px;margin-top:10px}
.portlet_2{margin-right:0}
.portlet_3{margin-top:0}
.portlet_4{margin-top:13px}
.portlet_5{margin-top:7px}
.portlet h2{height:26px;padding-left:13px;background:url(img/bullet_02.png) left 50% no-repeat;font-size:1em;line-height:27px;font-weight:bold}
.last{width:339px;margin-right:0}
.portlet .main_more{float:right;position:relative;top:4px}

.portlet table{width:100%;border-collapse:collapse;border:1px solid #ddd}
.portlet table caption{display:none}
.portlet table th,.portlet table td{text-align:center}
.portlet table thead tr th{height:25px;padding:0 5px;border:1px solid #ccc;background:url(img/table_title_bg.png) left top repeat-x;font-weight:normal}
.portlet table tbody tr td{height:18px;padding:4px 5px;border:1px solid #ddd}
.portlet table tbody tr td.left{text-align:left}
.portlet table tbody tr td.right{text-align:right}

/* title background */
#content .header{height:21px;border-bottom:2px solid #ffaf45}
#content .header .h_title{height:18px;padding:3px 0 0 20px;*zoom:1;font-size:15px;font-weight:bold;background:url(img/icon_title_head.png) left no-repeat}
#content .header .h_location{position:absolute;top:0;right:0}
#content .header ul{}
#content .header ul li{display:inline;margin-left:2px;padding-left:11px;background:url(img/icon_location.png) no-repeat left top;font-size:.9em;color:#222}
#content .header ul.location{margin:8px 0 0 0;}
#content .header ul li.first{padding-left:7px;background:url(img/bullet_03.gif) no-repeat left}
#content .header ul li a:link, .header ul li a:visited{color:#aaa}

#pop {width:100%;border-top:7px solid #76cfdf}
#pop_content {width:99.6%;background:#fff;position:relative;margin:2px}
#pop_content .header{height:24px;border-bottom:2px solid #ffaf45}
#pop_content .header .h_title{height:18px;padding:4px 0 0 20px;*zoom:1;font-size:14px;font-weight:bold;background:url(img/icon_title_head.png) left no-repeat}

.pop_table_group {width:100%}
.title2 {height:25px;padding-left:13px;background:url(img/bullet_02.png) left no-repeat;font-size:1em;line-height:25px;font-weight:bold}

.top_menu_txt {color:#fff;font-weight:bold}

.pointer {cursor:pointer;text-decoration:underline;}

#top_menu_bg { height:21px; line-height:21px; vertical-align:middle; position:relative; display:inline-block}

.byte {
  background: none transparent scroll repeat 0% 0%;
  border:0px solid #000000;;
  width: 1.2em;
  height: 0.9em;
  text-align: right;
  vertical-align: top;
  font-family:"돋움",Dotum,Sans-serif;
  font-size: 9pt;
  color: #0000ff;
}


/* address group */
.addrGrpList {
	width:256px;
	height:641px;
	background:#fff;
	overflow:auto;
	margin-left:1px;
	margin-top:1px
}

.addrGrpmain {
	height:22px;
	line-height:22px;
	background:url('/css/img/bullet_02.png') no-repeat center left #fff;
}

.addrGrpMiddle {
	height:22px;
	line-height:21px;
	background:url('/css/img/addr_group_middle.png') no-repeat center left #fff;
}

.addrGrpEnd {
	height:22px;
	line-height:21px;
	background:url('/css/img/addr_group_end.png') no-repeat center left #fff;
}

/* button set */
.button_red {
    display:inline-block;
    height:21px;
    line-height:21px;
    width:60px;
    border:1px solid #da5800;
    background:linear-gradient(to bottom,#ff9752,#fb6705);
    border-radius:3px;
    text-align:center;
    font-size:13px;
    letter-spacing:2px;
    color:#fff;
    cursor:pointer
}

.button_white {
    display:inline-block;
    height:21px;
    line-height:21px;
    width:60px;
    border:1px solid #bebebe;
    background:linear-gradient(to bottom,#fdfdfd,#f8f8f8);
    border-radius:3px;
    text-align:center;
    font-size:13px;
    letter-spacing:2px;
    color:#333;
    cursor:pointer
}


.button_blue {
    display:inline-block;
    height:21px;
    line-height:21px;
    width:60px;
    border:1px solid #087de9;
    background:linear-gradient(to bottom,#5dabf3,#288eed);
    border-radius:3px;
    text-align:center;
    font-size:13px;
    letter-spacing:2px;
    color:#fff;
    cursor:pointer
}
/* button set */