@charset "euc-kr";
@import url(main.css);
@import url(business.css);
@import url(overseas.css);
@import url(campaign.css);
@import url(enterprise.css);
@import url(project.css);
@import url(cut.css);
@import url(once.css);
@import url(utility.css);
@import url(footer.css);
@import url(pop.css);

/***********************************************************************
  descript _ give start Stylesheet
  publisher _ Ahreum Park (hobread@almacomm.co.kr/hobread@hobread.com)
  date _ 2008. 12
************************************************************************/

/*[common]*/
body { position:relative; margin:0; padding:0; border:0; height:100%; background:#fff; font:1em "µ¸¿ò",AppleGothic,arial,sans-serif; color:#666;}
#container_sub * { margin:0; padding:0; font-family:inherit;}
#container_cpc_main * { margin:0; padding:0; font-family:inherit;}
.pop * { margin:0; padding:0; font-family:inherit;}
a { text-decoration:none}
img { border:0; vertical-align:top}
input,select,textarea { background:#fff}
fieldset,table,td,th { border:0; color:inherit}
object { outline:none; display:block;}
hr,#skipnav,legend,.hidden { position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
#container_cpc_main #top { width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
#container_main #top { position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
#container_sub #top { width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.f_left { float:left} .c_both { clear:both; height:0; overflow:hidden; font:0/0 Sans-serif;} .f_right { float:right} 
.t_right { text-align:right}
input.text { height:18px; line-height:18px; border:1px solid #d4d4d4; font-size:inherit; font-family:"µ¸¿ò",AppleGothic,arial,sans-serif; color:#949494}
textarea.text { padding:2px; border:1px solid #d4d4d4; line-height:1.5em; font-size:inherit; font-family:"µ¸¿ò",AppleGothic,arial,sans-serif; color:#949494}
select { border:1px solid #d4d4d4; font-size:inherit; height:20px; line-height:1.5em; font-family:"µ¸¿ò",AppleGothic,arial,sans-serif; color:#949494}
caption,.d_none { display:none} .orange { color:#ff5a00} .green { color:#7d971c}
/**/
.w525 { width:525px} .w415 { width:415px;} .w400 { width:400px} .w340 { width:340px} .w290 { width:290px} .w200 { width:200px}
.w180 { width:180px} .w150 { width:150px} .w120 { width:120px} .w100 { width:100px}
.w84 { width:84px} .w80 { width:80px} .w70 { width:70px} .w45 { width:45px} .w30 { width:30px}
.mt_20 { margin-top:20px} .mt_18 { margin-top:18px} .ml_20 { margin-left:20px} .ml_30 { margin-left:30px} .ml_50 { margin-left:50px}
/**/
a:link, 
a:visited { color:#666}
a:hover, 
a:active, 
a:focus { color:#fe7100; text-decoration:underline}
/*[sub_layout]*/
#container_sub { height:100%}
#container_sub #wrap_top { height:128px;}
/*subnav*/
#container_sub #wrap_top .subnav {/* height:121px; border-bottom:3px solid #ff5a00*/}
#container_sub #wrap_top .subnav a:link, 
#container_sub #wrap_top .subnav a:visited { color:#777}
#container_sub #wrap_top .subnav a:hover, 
#container_sub #wrap_top .subnav a:active, 
#container_sub #wrap_top .subnav a:focus { color:#fe7100; text-decoration:underline}
#container_sub #wrap_top .subnav h1 { padding:0px 0px 0px 10px; font-size:1.1em; line-height:1.4em; font-family:"¸¼Àº °íµñ",Dotum,AppleGothic,arial,sans-serif}
#container_sub #wrap_top .subnav h1 a { color:#000}
#container_sub #wrap_top .subnav h1 a:link, 
#container_sub #wrap_top .subnav h1 a:visited { color:#000}
#container_sub #wrap_top .subnav h1 a strong { color:#fe7100}
#container_sub #wrap_top .subnav .globalmenu { float:left; margin:10px 0px 0px 10px; _margin:10px 0px 0px 0px; font-size:0.7em;}
#container_sub #wrap_top .subnav .globalmenu li { list-style:none}
#container_sub #wrap_top .subnav .globalmenu li input.button { height:16px; border:1px solid #424242; font-size:inherit}
#container_sub #wrap_top .subnav .mainmenu { float:left}
#container_sub #wrap_top .subnav .mainmenu .wrap_submenu { float:left; margin-left:26px;}
#container_sub #wrap_top .subnav .mainmenu .wrap_submenu ul li { font-size:0.7em; line-height:1.2em; letter-spacing:-.1em}
#container_sub #wrap_top .subnav h2 { margin-top:10px; font-size:0.75em; line-height:15px; font-weight:bold}
#container_sub #wrap_top .subnav input { vertical-align:middle}
#container_sub #wrap_top .subnav input.text { padding:1px; width:70px; height:12px; border:1px solid #bbb;}
/*wrap_contents*/
#container_sub #wrap_contents { height:100%; min-height:780px; _height:780px; width:980px; font-size:0.75em;}
#container_sub .bg_sub_01 { background:url(../../images/common/bg_sub_01.jpg) no-repeat left bottom}
#container_sub .bg_sub_02 { background:url(../../images/common/bg_sub_02.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_1 { background:url(../../images/common/bg_sub_03_1.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_2 { background:url(../../images/common/bg_sub_03_2.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_3 { background:url(../../images/common/bg_sub_03_3.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_4 { background:url(../../images/common/bg_sub_03_4.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_5 { background:url(../../images/common/bg_sub_03_5.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_6 { background:url(../../images/common/bg_sub_03_6.jpg) no-repeat left bottom}
#container_sub .bg_sub_03_7 { background:url(../../images/common/bg_sub_03_7.jpg) no-repeat left bottom}
#container_sub .bg_sub_04 { background:url(../../images/common/bg_sub_04.jpg) no-repeat left bottom}
#container_sub .bg_sub_05 { background:url(../../images/common/bg_sub_05.jpg) no-repeat left bottom}
#container_sub .bg_sub_06 { background:url(../../images/common/bg_sub_06.jpg) no-repeat left bottom}
#container_sub .bg_sub_07 { background:url(../../images/common/bg_sub_07.jpg) no-repeat left bottom}
#container_sub .bg_sub_08 { background:url(../../images/common/bg_sub_03_6.jpg) no-repeat left bottom}
/*contentsmenu*/
#container_sub #wrap_contents #contentsmenu { float:left; width:200px;}
#container_sub #wrap_contents #contentsmenu .sidemenu { padding:15px 0px 0px 10px; color:#888;}
#container_sub #wrap_contents #contentsmenu .sidemenu h2 { margin-bottom:10px; color:#000; font-size:1.5em;}
#container_sub #wrap_contents #contentsmenu .sidemenu ul { padding:0px 0px 0px 20px; font-size:.92em; line-height:1.8em; color:#888}
#container_sub #wrap_contents #contentsmenu .sidemenu ul li { font-size:1.05em}
/*content > txt_path*/
#container_sub #wrap_contents #content { position:relative; float:left; padding-bottom:50px; width:780px;}
#container_sub #wrap_contents p.txt_path { text-align:right; line-height:1.25em; height:1.25em; color:#777}
#container_sub #wrap_contents p.txt_path * { vertical-align:middle}
#container_sub #wrap_contents p.txt_path img { display:inline-block; margin-top:-1px}
#container_sub #wrap_contents p.txt_path strong { color:#555}
#container_sub #wrap_contents p.txt_path span { display:inline-block; margin-top:1px}
#container_sub #wrap_contents p.txt_path span a { color:#777}
#container_sub #wrap_contents p.txt_path span a:hover { color:#fe7100; text-decoration:underline}
#container_sub #wrap_contents #content h3 { height:28px}
/*common_list*/
#wrap_contents .common .list_01 { margin-top:20px;}
#wrap_contents .common .list_02 { margin-top:30px; border-top:2px solid #ffbe83;}
#wrap_contents .common .list_02 .list { padding:13px 0px 11px; height:100%; border-bottom:1px solid #d4d4d4}
#wrap_contents .common .list_02 .last { border-bottom:1px solid #ffbe83}
#wrap_contents .common .list_02 .list p { float:left;width:280px;}
#wrap_contents .common .list_02 .list p a { display:block; margin-left:15px; padding:6px 7px 8px 6px; width:230px; height:70px; background:url(../../images/project/bg_banner.gif) no-repeat top left}
#wrap_contents .common .list_02 .list p img { display:block;}
#wrap_contents .common .list_02 .list dl { float:left; width:500px;}
#wrap_contents .common .list_02 .list dt { padding:10px 0px 4px 9px; line-height:.75em; border-bottom:1px dashed #e1e1e1; background:url(../../images/common/bull_green.gif) no-repeat 0px 11px;}
#wrap_contents .common .list_02 .list dt a { color:#7d971c}
#wrap_contents .common .list_02 .list dd { padding-top:8px; font-size:.92em; line-height:1.17em; color:#848484}
#wrap_contents .common .list_02 .list dd a { color:#848484}
#wrap_contents .common .list_02 .list dl a:hover { text-decoration:underline;}
#wrap_contents .common .btn_promote1 { margin-top:-21px; height:25px; text-align:right}
/**/
#wrap_contents .common .list_022 { margin-top:30px; border-top:2px solid #ffbe83;}
#wrap_contents .common .list_022 .list { padding:13px 0px 11px; height:100%; border-bottom:1px solid #d4d4d4}
#wrap_contents .common .list_022 .last { border-bottom:1px solid #ffbe83}
#wrap_contents .common .list_022 .list p { float:left;width:160px;}
#wrap_contents .common .list_022 .list p a { display:block; margin-left:15px; padding:6px 7px 8px 6px; width:110px; height:70px; background:url(../../images/project/bg_banner123.gif) no-repeat top left}
#wrap_contents .common .list_022 .list p img { display:block;}
#wrap_contents .common .list_022 .list dl { float:left; width:620px;}
#wrap_contents .common .list_022 .list dt { padding:10px 0px 4px 9px; line-height:.75em; border-bottom:1px dashed #e1e1e1; background:url(../../images/common/bull_green.gif) no-repeat 0px 11px;}
#wrap_contents .common .list_022 .list dt a { color:#7d971c}
#wrap_contents .common .list_022 .list dd { padding-top:8px; font-size:.92em; line-height:1.17em; color:#848484}
#wrap_contents .common .list_022 .list dd a { color:#848484}
#wrap_contents .common .list_022 .list dl a:hover { text-decoration:underline;}
/*common_list*/
#wrap_contents .common .list_03 { width:100%; border-top:2px solid #ffbe83; border-bottom:1px solid #ffbe83; color:#888;}
#wrap_contents .common .list_03 th { padding:9px 0px 12px; background:url(../../images/common/bg_title.gif) repeat-x bottom;}
#wrap_contents .common .list_03 td { padding:9px 0px 6px; border-bottom:1px solid #e1e1e1; text-align:center}
#wrap_contents .common .list_03 td.last { border:0}
#wrap_contents .common .list_03 td.name { color:#555}
#wrap_contents .common .list_03 td.title { padding-left:50px; text-align:left;}
#wrap_contents .common .list_03 td.on { color:#8fa92c}
#wrap_contents .common .list_03 a { color:#555}
#wrap_contents .common .list_03 a:hover { text-decoration:underline; color:#8fa92c}
/**/
#wrap_contents .common .over td { padding:5px 0px 6px;}
#wrap_contents .common .list_03 td input.check { margin:2px 0px}
/*btn*/
#container_sub .common .btn_list { margin-top:-22px; text-align:right;}
#container_sub .common .btn_list * { vertical-align:top}
#container_sub .common .btn_write { margin-top:15px; text-align:center}
#container_sub .common .btn_write * { vertical-align:top}
#container_sub .common .btn_write2 { margin-top:-25px; text-align:right}
#container_sub .common .btn_write2 * { vertical-align:top}
/*search_list*/
#wrap_contents .common .search_list { margin-top:10px; padding-top:7px; height:29px; background:url(../../images/common/bg_search.gif) no-repeat top left; text-align:center}
#wrap_contents .common .search_list * { vertical-align:middle}
#wrap_contents .common .search_list input.text { width:260px;}
/*layer_pwd*/
#wrap_contents .relative { position:relative}
#wrap_contents .common #layer_pwd { position:absolute; top:50px; left:214px; padding:55px 30px 0px; width:293px; height:112px; color:#848484; background:url(../../images/common/bg_password.gif) no-repeat top left}
#wrap_contents .common #layer_pwd p.txt { font-weight:bold; line-height:1.42em}
#wrap_contents .common #layer_pwd p.txt strong { color:#8fa92c}
#wrap_contents .common #layer_pwd p.input { margin-top:15px; padding-left:6px; font-weight:bold; background:url(../../images/common/bull_01.gif) no-repeat left center}
#wrap_contents .common #layer_pwd p.input * { vertical-align:middle}
#wrap_contents .common #layer_pwd p.input span { display:inline-block; margin-top:3px}
#wrap_contents .common #layer_pwd .btn_close { position:absolute; top:6px; right:5px;}
/*common_write*/
#container_sub .common .write { width:100%; border-bottom:1px solid #ffbe83; border-top:2px solid #ffbe83 }
#container_sub .common .write th { width:150px; padding:12px 0px 9px; text-align:left; text-indent:20px; background:#f6f6f6; border-bottom:1px solid #e1e1e1; vertical-align:top}
#container_sub .common .write td { width:630px; padding-left:10px; border-bottom:1px solid #e1e1e1}
#container_sub .common .write th .m_l_10 { margin-left:10px;}
#container_sub .common .write .last { border-bottom:0px;}
#container_sub .common .write td textarea { margin:6px 0px; width:605px;}
#container_sub .common .write td .w74 { width:74px}
#container_sub .common .write td .w250 { width:250px;}
#container_sub .common .write td .w350 { width:350px;}
#container_sub .common .write td * { vertical-align:middle}
#container_sub .common .write td .green { color:#7d971c}
#container_sub .common .write td.half_01 { width:150px}
#container_sub .common .write td.half_02 { width:390px}
#container_sub .common .write td .info_txt { width:100%; padding:10px; line-height:1.5em;}
#container_sub .common .write td .info_tx span { color:#a1a1a1;}
#container_sub .common .write td .info_tx .orange { color:#ff5a00;}
/*common_view*/
#wrap_contents .common .view { margin-top:30px; border-top:2px solid #ffbe83}
#wrap_contents .common .view h4 { padding:11px 0px; font-size:1em; background:url(../../images/common/bg_title.gif) repeat-x bottom}
#wrap_contents .common .view h4 span { padding:0px 35px;}
#wrap_contents .common .view h4 strong { padding-left:18px; background:url(../../images/common/bar_view.gif) no-repeat left top}
#wrap_contents .common .view .info { padding-bottom:3px; background:url(../../images/common/bg_title.gif) repeat-x bottom}
#wrap_contents .common .view .info table th { padding:10px 0px 8px; border-bottom:1px solid #d4d4d4}
#wrap_contents .common .view .info table td { padding:10px 0px 8px; border-bottom:1px solid #d4d4d4}
#wrap_contents .common .view .info table td a { color:#7d971c}
#wrap_contents .common .view .info table td a:hover,
#wrap_contents .common .view .info table td a:active,
#wrap_contents .common .view .info table td a:focus { text-decoration:underline; color:#7d971c}
#wrap_contents .common .view .info table .last { border:0}
#wrap_contents .common .view .content { clear:both; padding:30px 20px; width:740px; overflow:hidden; line-height:1.67em; color:#848484}
#wrap_contents .common .view .content2 { padding:20px; width:740px; overflow:hidden; line-height:1.67em; color:#848484}
#wrap_contents .common .view .content2 table.join_list { margin-top:20px; border-top:1px solid #ebcfbd; border-right:1px solid #ebcfbd; font-size:.92em}
#wrap_contents .common .view .content2 table.join_list th { padding:8px 0px 5px; border-bottom:1px solid #ebcfbd; border-left:1px solid #ebcfbd; color:#97877c; background:#97877c; color:#fff; line-height:1em}
#wrap_contents .common .view .content2 table.join_list td { padding:8px 0px 5px; border-bottom:1px solid #ebcfbd; border-left:1px solid #ebcfbd; line-height:1em; text-indent:13px}
#wrap_contents .common .view_paging { margin-top:30px; border-bottom:1px solid #ffbe83}
#wrap_contents .common .view_paging li { padding:10px 0px 9px; list-style:none; border-top:1px solid #d4d4d4}
#wrap_contents .common .view_paging li span { padding:0px 40px 0px 18px; background:url(../../images/common/bar_view.gif) no-repeat top right}
#wrap_contents .common .view_paging li a { margin-left:18px}
#wrap_contents .common .view_paging li a:link, 
#wrap_contents .common .view_paging li a:visited { color:#666}
#wrap_contents .common .view_paging li a:hover, 
#wrap_contents .common .view_paging li a:active, 
#wrap_contents .common .view_paging li a:focus { color:#fe7100; text-decoration:underline}
#wrap_contents .common .btn_view { margin-top:10px}
#wrap_contents .common .btn_view .list { margin-left:10px}
/**/
#wrap_contents .common .mt_0 { margin-top:0px;}
#wrap_contents .common .bt_gray { border-top:1px solid #d4d4d4}
/*reply*/
#wrap_contents .common .reply { margin-top:20px; width:100%; border:1px solid #e4e4e4; background:#f5f5f5}
#wrap_contents .common .reply td { padding:7px 0px 5px; text-align:center; border-bottom:dashed 1px #e4e4e4}
#wrap_contents .common .reply td.num { width:77px;}
#wrap_contents .common .reply td.last { border:0}
#wrap_contents .common .reply td.ico { width:78px; background: url(../../images/common/bar_gray.gif) no-repeat left center}
#wrap_contents .common .reply td.name { width:105px; font-weight:bold; background: url(../../images/common/bar_gray.gif) no-repeat left center}
#wrap_contents .common .reply td.txt { padding:7px 18px 5px; text-align:left; line-height:1.5em; background: url(../../images/common/bar_gray.gif) no-repeat left center}
/*paging*/
#wrap_contents .paging { clear:both; margin-top:12px; text-align:center; font-size:.92em; font-family:Verdana;}
#wrap_contents .paging * { vertical-align:middle}
#wrap_contents .paging a { display:inline-block; padding:3px 8px; color:#929292; text-decoration:none;}
#wrap_contents .paging a.btn { display:inline-block; padding:2px 1px 1px 1px;}
#wrap_contents .paging a:hover,
#wrap_contents .paging a:active,
#wrap_contents .paging a:focus { color:#ff4e00}
#wrap_contents .paging strong { color:#ff4e00}
/*paging2*/
#wrap_contents .paging2 { clear:both; margin-top:12px; text-align:center; font-size:.92em; font-family:Verdana;}
#wrap_contents .paging2 * { vertical-align:middle}
#wrap_contents .paging2 a { display:inline-block; padding:3px; color:#929292; text-decoration:none;}
#wrap_contents .paging2 a.btn { display:inline-block; padding:2px 1px 1px 1px;}
#wrap_contents .paging2 a:hover,
#wrap_contents .paging2 a:active,
#wrap_contents .paging2 a:focus { color:#ff4e00}
#wrap_contents .paging2 strong { color:#ff4e00}
/*pop_thanks*/
#wrap_pop_thanks { position:relative; padding:13px 30px 20px; width:805px; height:537px; background:url(http://www.givestart.org/images/support/bg_pop3.gif) no-repeat top left; font-size:.75em}
#wrap_pop_thanks .scroll { margin-top:25px; padding-bottom:30px; width:805px; height:440px; overflow:auto; overflow-x:hidden}
#wrap_pop_thanks .txt_01 { margin-bottom:18px}
#wrap_pop_thanks .txt_03 { margin-top:25px}
#wrap_pop_thanks .txt_04 { margin-top:20px; padding-left:14px; font-size:1.08em; font-weight:bold}
#wrap_pop_thanks .txt_05 { margin:30px 0px 20px;}
#wrap_pop_thanks .txt_05 .img { float:left; width:197px;}
#wrap_pop_thanks .txt_05 .txt { float:left; margin-top:30px; width:575px;}
#wrap_pop_thanks .txt_05 .txt dd { padding-top:10px; line-height:1.33em; color:#c8c8c8}
#wrap_pop_thanks .btn_close { position:absolute; top:3px; right:11px;}
/*pop paging*/
.pop .paging { margin-top:12px; text-align:center; font-size:.92em; font-family:Verdana;}
.pop .paging * { vertical-align:middle}
.pop .paging a { display:inline-block; padding:3px; color:#929292; text-decoration:none;}
.pop .paging a.btn { display:inline-block; padding:2px 1px 1px 1px;}
.pop .paging a:hover,
.pop .paging a:active,
.pop .paging a:focus { color:#ff4e00}
.pop .paging strong { color:#ff4e00}
/*sub_footer*/
#container_sub #footer { clear:both; padding-bottom:20px; background:#bdbdbd url(../../images/common/bg_footer.gif) repeat-x top left}
#container_sub #footer .wrap_foot { padding:4px 0px 0px 157px; width:823px;}
#container_sub #footer .wrap_foot .oc_btn { text-align:center; height:11px;}
#container_sub #footer .wrap_foot .oc_btn a { padding:1px 3px}
#container_sub #footer .wrap_foot dl.img_ci { padding-bottom:1px; height:29px; background:url(../../images/common/bg_footer_01.gif) no-repeat bottom left}
#container_sub #footer .wrap_foot dl dd { padding-left:124px;}
#container_sub #footer .wrap_foot dl.img_ci dd ul { vertical-align:top; height:29px;}
#container_sub #footer .wrap_foot dl.img_ci dd li { display:inline; margin:0px 3px;}
#container_sub #footer .wrap_foot dl.img_ci dd li img { vertical-align:top}
#container_sub #footer .wrap_foot dl.img_cop { padding-bottom:1px; height:29px; background:url(../../images/common/bg_footer_02.gif) no-repeat top left}
#container_sub #footer .wrap_foot dl.txt_list { height:29px; background:url(../../images/common/bg_footer_03.gif) no-repeat top left}
#container_sub #footer .wrap_foot dl.txt_list ul { float:left; width:655px; height:30px; overflow:hidden}
#container_sub #footer .wrap_foot dl.txt_list li { display:inline; list-style:none; line-height:32px;}
#container_sub #footer .wrap_foot dl.txt_list li a { display:inline-block; padding:0px 14px 0px 6px; height:32px; background: url(../../images/common/bull_white.gif) no-repeat left center; color:#fff; font-size:.75em}
#container_sub #footer .wrap_foot dl.txt_list li em { font-style:normal; font-weight:bold}
#container_sub #footer .wrap_foot dl.txt_list span.btn { float:left; display:inline-block; padding-top:5px; width:30px}
#container_sub #footer .wrap_foot dl.txt_list span.btn a { margin-left:2px}
#container_sub #footer .wrap_foot dl * { vertical-align:middle}
#container_sub #footer ul.btn { padding-top:8px; margin-left:100px; width:610px; height:20px;}
#container_sub #footer ul.btn li { float:left; list-style:none}
#container_sub #footer p.txt1 { padding:10px 0px 0px 10px}
#container_sub #footer .foot_box { margin-top:19px; width:823px;}
#container_sub #footer .foot_box .img { float:left; width:180px;}
#container_sub #footer .foot_box .img .ml_10 { margin-left:10px}
#container_sub #footer .foot_box .text { float:left; padding:1px 0px 0px 18px; width:600px; margin-top:8px; border-left:1px solid #818181;}
#container_sub #footer .foot_box .logo { position:absolute; margin-top:4px; left:870px}
#container_sub #footer address { margin-top:9px;}
/*quick_menu*/
#quick_menu { position:absolute; z-index:100; font-size:.75em}