@charset "utf-8";

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	width:100%;
	background:url(../images/common/bg_left.jpg) repeat-x;
}

* {margin:0;padding:0;	font-size:12px;font-family:dotum, Arial;color:#666666;}

a:link,a:visited { font-size: 12px; color: #777777; text-decoration: none; }
a:hover          { font-size: 12px; color: #333333; text-decoration: none;}

a.mail:link,a:visited { font-size: 12px; color: #cc0000; text-decoration: underline; }
a.mail:hover          { font-size: 12px; color: #cc0000; text-decoration: underline;}

dl, dt, dd, ul, ol, li {list-style:none;}
img {border:0;margin:0;padding:0;}
hr {display: none;}

input:hover {
	background-color: #EFEFEF;
}

table {border-spacing:0;border-collapse:collapse;}

.png24 {tmp:expression(setPng24(this)); }

.f_org {color:#FF6600;}
.f_red {color:#cc0000;}
.f_blk {color:#000000;}
.f_14 {font-size:16px;}

.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}

.tpd20 {padding-top:20px;}
.rpd25 {padding-right:20px;}

#top_container {
	height:218px;
	width:100%;
	text-align:center;
	background:url(../images/common/bg_right.jpg) 1004px top no-repeat;
}

#top_container_main {
	height:218px;
	width:100%;
	text-align:center;
	background:url(../images/common/bg_right.jpg) 1004px top no-repeat;
	z-index:100;
	position:absolute;
	top:0;left:0;
}

#main_container {
	width:1004px;
	margin:0 auto;
}

#main_contents {
	float:left;width:529px;
	text-align:center;
	margin-top:86px;	
}

#main_left_container {
	width:226px;float:left;
	margin-top:86px;	
}
#main_left_container img {margin-top:204px;}

#main_right_container {
	width:249px;float:left;
	margin-top:86px;	
}
#main_right_container div.right_contents {
	padding-top:172px;
	padding-left:1px;
}
#main_right_container div.right_contents dl {clear:both;border-bottom:solid 1px #cccccc;height:93px;margin-top:10px;}
#main_right_container div.right_contents dt {float:left;width:68px;}
#main_right_container div.right_contents dd.title {height:24px;}

div.main_text {clear:both;text-align:center;padding:12px 0 25px 0;}

#sub_visual {height:25px;background:url(../images/common/bg_left.gif) 18px top repeat-y;}
#sub_contents_container {
	width:1004px;
	margin:0 auto;
}

#sub_left_container {
	float:left;
	padding-left:18px;
	width:190px;
}
#sub_contents {
	float:left;
	width:790px;
	padding-bottom:50px;
}

#footer {
	clear: both;
	width: 100%;
	border-top:solid 1px #dfdfdf;
}
#footer div.footer_in {
	width:1004px;margin:0 auto;
}
#footer div.footer_in div.footer_left {float:left;padding:41px 0 0 10px;}
#footer div.footer_in div.footer_left img {vertical-align:middle;margin:0 30px;}
#footer div.footer_in div.footer_right {float:right;padding:34px 17px 30px 0;}

div.left_area_wrap {background:url(../images/common/bg_left.gif) left top repeat-y;width:160px;}
div.left_area_wrap ul {}
div.left_area_wrap li.left_title {padding:3px 0 0 24px;height:53px;}
div.left_area_wrap li.off {background:url(../images/common/bg_left.gif) left top repeat-y;padding:5px 0 0 20px;height:18px;margin-bottom:3px;cursor:pointer;}
div.left_area_wrap li.on {background:#e04430;padding:5px 0 0 20px;height:18px;margin-bottom:3px;cursor:pointer;}
div.left_area_wrap li.bottom {background:url(../images/common/bg_left_btm.gif) left bottom no-repeat;padding:70px 0 12px 20px;}

div.navigation {height:60px;}
h1 {background:url(../images/common/ic_h1.gif) left top no-repeat;padding-left:12px;}
div.txt_navi {background:url(../images/common/ic_navi.gif) left 5px no-repeat;font-size:11px;font-family:dotum;color:#888888;float:right;padding:0 0 0 8px;}

div.contents_wrap {padding-left:12px;padding-bottom:25px;line-height:1.5em;}
div.contents_block {padding-bottom:25px;}

dl.grp_list {}
dl.grp_list02 {width:375px;float:left;}
dl.grp_list03 {width:375px;float:right;}
dl.grp_list dt, dl.grp_list02 dt, dl.grp_list03 dt {height:39px;}
dl.grp_list dd, dl.grp_list02 dd, dl.grp_list03 dd {padding-bottom:25px;}

table.tbl_list {width:100%;border-collapse:collapse;table-layout:fixed;}
table.tbl_list thead th {height:30px;border-top:solid 2px #dc2d17;border-bottom:solid 1px #e1e1e1;background:#f0f0f0;color:#5b5b5b;}
table.tbl_list tbody td {height:30px;border-bottom:solid 1px #e1e1e1;color:#666666;text-align:center;overflow:hidden;}
table.tbl_list tbody td * {vertical-align:middle;}
table.tbl_list tbody td a {color:#666666;}
table.tbl_list tbody td a:hover {color:#000000;}
table.tbl_list tbody td.title {text-align:left;padding-left:20px;}
table.tbl_list tbody td img {margin-left:10px;}

table.tbl_list2 {width:100%;border-collapse:collapse;table-layout:fixed;}
table.tbl_list2 tbody td * {vertical-align:middle;}
table.tbl_list2 tbody td a {color:#666666;}
table.tbl_list2 tbody td a:hover {color:#000000;}
table.tbl_list2 tbody td.title {text-align:left;padding-left:20px;}
table.tbl_list2 tbody td img {margin-left:10px;}

table.tbl_view {width:100%;border-collapse:collapse;table-layout:fixed;border-top:solid 2px #dc2d17;}
table.tbl_view th {padding:10px 0 10px 20px;border-bottom:solid 1px #e1e1e1;background:#f0f0f0;color:#5b5b5b;text-align:left;}
table.tbl_view  td {padding:7px 0 7px 18px;border-bottom:solid 1px #e1e1e1;color:#666666;overflow:hidden;}
table.tbl_view  td * {vertical-align:middle; line-height:1.3em }
table.tbl_view  td  input[type=text] {border:solid 1px #d6d6d6;height:16px;}
table.tbl_view  td  input[type=file] {border:solid 1px #d6d6d6;height:16px;}
table.tbl_view  td div {padding-top:5px;}
table.tbl_view  td span {padding-left:15px;}
table.tbl_view  td  textarea {border:solid 1px #d6d6d6;height:100px;width:96%;padding:5px; }

div.bottom_btn {padding:25px 0 0 0;text-align:center;}


div.board_btn {padding:15px 2px;text-align:right;}
div.paging {text-align:center;padding-bottom:20px;}
div.paging ul {}
div.paging li {display:inline;font-family:verdana;font-size:11px;font-weight:bold;}
div.paging li * {vertical-align:middle;}
div.paging li a {color:#666666;padding:5px;font-family:verdana;font-size:11px;font-weight:bold;}
div.paging li a:hover {color:#f23219;border:solid 1px #e9e9e9;padding:5px 4px;}
div.paging li.on {color:#f23219;border:solid 1px #e9e9e9;padding:5px;}

div.serching  {text-align:center;}
div.serching  * {vertical-align:middle;}
div.serching  input[type=text] {border:solid 1px #d6d6d6;width:150px;height:16px;}

dl.portfolio_box {height:78px;}
dl.portfolio_box dt {padding-left:20px;width:330px;float:left;}
dl.portfolio_box dd {color:#696969;}
dl.portfolio_box dd.title {color:#363535;padding:10px 0;}
dl.portfolio_box dd.title a {color:#363535;font-weight:bold;}

div.contents_in_grp {padding-top:15px;}

h6 {background:url(../images/common/ic_circle.gif) 5px 4px no-repeat;padding-left:18px;font-weight:normal;height:22px;color:#424242;}
h6 span {color:#0e54a4;text-decoration:underline;}

div.login_box {background:url(../images/customer/img0501.jpg) no-repeat;position:relative;height:261px;}
div.login_box div.input_area {position:absolute;top:160px;left:270px;}
div.login_box div.input_area input {border:solid 1px #d6d6d6;background:#f7f7f7;height:16px;width:145px;}
div.login_box div.input_area p {padding-top:12px;}
div.login_box div.btn_area {position:absolute;top:162px;left:432px;}

.in {border:#d7d7d7 solid 1px}