* {margin:0;padding:0;} 
body {padding:0 10px; background:#FFF url(../images/front/kr/bg_main.gif) repeat-x left top; font-size:12px; font-family:arial,sans-serif}
input, textarea, select {font-size:12px;font-family:arial,sans-serif}
a{color:#484848;text-decoration:none;cursor:pointer;overflow:hidden;font-family:arial,sans-serif} 
a:hover{color:#000;text-decoration:underline;}
a{selector-dummy:expression(this.hideFocus=true)}  
:focus { -moz-outline-style:none; }
a img, img{border:0}
input.submit {width:0; border:0; margin:0; padding:0; margin-right: -4px}
ul {list-style:none;}
font {line-height:150%;}
p {line-height:150%;}
table {border-collapse:collapse}
html, textarea {
	scrollbar-3dlight-color:#E8E8E8;
	scrollbar-arrow-color:#2b61cc;
	scrollbar-track-color:#f2f4f7;
	scrollbar-darkshadow-color:#8199cf;
	scrollbar-face-color:#d6e2fd;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#DCDCDC;
}

select option.master {color:#ff6633;}
select option.observer {color:#0072cf;}
select.text2 {padding:2px 0 1px 0; border:1px solid #768eaa; background-color:#fff}
select {padding:1px 0 1px 0;border:1px solid #768eaa; background-color:#fff}

input.text{border:1px solid #cbd5f0; background:#f1f1f1}

.to_wrap {width:992px; margin:51px auto 10px auto;}
.to_top {height:170px; background:url(../images/front/kr/bg_top.gif)}
.to_top h1 {text-align:center}
.to_top h1 a {display:inline-block; #display:block; text-indent:-3000px; height:107px; width:335px; background:url(../images/front/kr/logo_main_1.gif)}

.to_top .gnb {margin:10px 25px 0; height:39px; float:left}
.to_top .gnb li {float:left; padding-right:4px; background:url(../images/front/kr/bar_menu.gif) no-repeat right bottom}
.to_top .gnb li.last {background:none}
.to_top .gnb a {display:block; text-indent:-3000px; width:135px; height:39px; background-image:url(../images/z_en/main_gnb.gif)}
.to_top .gnb a.intro {background-position:0 0}
.to_top .gnb a.intro:hover {background-position:0 -39px}
.to_top .gnb a.beta {width:145px; background-position:-139px 0}
.to_top .gnb a.beta:hover {background-position:-139px -39px}
.to_top .gnb a.notice {width:118px; background-position:-288px 0}
.to_top .gnb a.notice:hover {background-position:-288px -39px}
.to_top .gnb a.review {width:145px; background-position:-410px 0}
.to_top .gnb a.review:hover {background-position:-410px -39px}

.to_top .w3c {float:right; margin:20px 15px 0 0}
.to_top .w3c ul, .to_top .w3c p {float:left}
.to_top .w3c li {float:left; width:23px; height:23px; margin-right:3px; background:url(../images/z_en/icon_w3c.gif); text-indent:-3000px}
.to_top .w3c li.ie {background-position:-104px 0}
.to_top .w3c li.firefox {background-position:-131px 0}
.to_top .w3c li.opera {background-position:-157px 0}
.to_top .w3c li.chrome{background-position:-183px 0}
.to_top .w3c li.safari {background-position:-207px 0}
.to_top .w3c p {height:23px; text-indent:-3000px; background:url(../images/z_en/icon_w3c.gif) no-repeat 0px 0}

p.w3c_guide {display:none}

.to_body {margin:8px 6px 0}
.to_body .side {float:right; width:260px; position:relative}
.to_body .login {height:140px; background:url(../images/front/kr/bg_login.gif); text-align:center}
.to_body .login label.email {display:block; padding-top:13px}
.to_body .login label.password {display:block; margin-top:2px}
.to_body .login input.text {padding:3px; font-size:14px; font-weight:bold; width:230px; display:inline-block}
.to_body .login label.email input.guide_text {background-image:url(../images/front/en/bg_email.gif); background-position:left center}
.to_body .login label.email input.input_focus {background-color:#fff}
.to_body .login label.password input.guide_text {background-image:url(../images/front/en/bg_password.gif); background-position:left center}.to_body .login p.id_save {float:left; margin:8px 0 0 11px}
.to_body .login a.btn_login {float:right; margin:5px 10px; width:72px; height:28px; text-indent:-3000px; background:url(../images/z_en/btn_login.gif) 0 0}
.to_body .login a.btn_login:hover {background-position:0 -28px}

.to_body .login .member {float:left; display:inline; width:240px; margin:3px 0 0 10px; border-top:1px dashed #c5cff2; padding-top:8px; text-align:center}
.to_body .login .member a {display:inline-block; padding:2px 0 2px 15px; height:15x; background:url(../images/front/kr/icon_login.gif) no-repeat; color:#504e51; font-weight:bold; text-decoration:underline}
.to_body .login .member a.register {background-position:0 3px; margin-right:30px; padding-left:13px;}
.to_body .login .member a.find_info {background-position:0 -15px}
.to_body .login .member a.user_info {background-position:0 -33px; margin-right:20px}
.to_body .login .member a.logout {background-position:0 -51px}

.to_body .login_error {position:absolute; background:#fcffc6; border:1px solid #ddea67; width:258px; left:0; top:142px; text-align:left; padding:10px 0}
.to_body .login_error p {padding-left:21px; height:20px; line-height:20px; color:#f66202; background:url(../images/front/kr/bul_login_error.gif) no-repeat 2px 1px}

.to_body .login p.greeting {font-size:14px; font-weight:bold; color:#6382dd; text-align:left; padding:20px 0 0 20px}
.to_body .login p.last_login {font-size:11px; color:#6c6e6d; text-align:left; padding:0px 0 10px 20px}
.to_body .login select {width:230px; margin-bottom:13px}

.to_body a.make_camp {display:block; height:44px; text-indent:-3000px; background:url(../images/z_en/btn_makecamp.gif); margin-top:10px}
.to_body a.make_camp:hover {background-position:0 -44px}

.to_body .side_active {border-top:1px solid #eae9ee; padding-top:12px; margin-top:10px; position:relative}
.to_body .side_active h2 {text-indent:-3000px; font-size:10px; height:14px; background:url(../images/z_en/title_side2.gif) no-repeat; margin-bottom:12px}
.to_body .side_active h2.first_member {background-position:0 0;}
.to_body .side_active h2.notice {background-position:0 -20px}
.to_body .side_active h2.interview {background-position:0 -60px}
.to_body .side_active h2.help {background-position:0 0px}
.to_body .side_active h2.campain {background-position:0 -40px}
.to_body .side_active a.more {position:absolute; top:15px; right:15px; font-size:10px; color:#757575; font-weight:bold; text-decoration:underline; font-family:tahoma}
dl.review a.more {position:absolute;  right:15px; margin-top:18px;font-size:10px; color:#757575; font-weight:bold; text-decoration:underline; font-family:tahoma}
.to_body .no_line {margin-top:0px; padding-top:7px; border:none;}



.to_body .side a.service_guide, .to_body .side a.demo_camp {display:block; width:128px; height:51px; text-indent:-3000px; background:url(../images/z_en/btn_demo.gif)}
.to_body .side a.service_guide {float:left; background-position:0 0}
.to_body .side a.service_guide:hover {background-position:0 -51px}
.to_body .side a.demo_camp {margin-left:132px; background-position:-132px 0; _margin-left:0}
.to_body .side a.demo_camp:hover {background-position:-132px -51px}

.to_body .side ul.notice li {margin-bottom:5px; padding-left:10px; background:url(../images/front/kr/bul_notice.gif) no-repeat 0 5px; width:250px; overflow:hidden; text-overflow:ellipsis}
.to_body .side ul.notice li a {color:#6d6d6d}
.to_body .side ul.notice li.event strong {color:#ea3c3b}
.to_body .side ul.notice li.update strong {color:#3c6df8}

.to_body .side a.help_number {display:block; width:260px; height:67px; text-indent:-3000px; background:url(../images/z_en/icon_help.gif); margin-bottom:20px}

.to_body .content {float:left; width:710px}
.to_body .active_area_2 {height:465px; background:#ebf0f6}

.to_body div.issue {float:left; margin-top:5px; width:353px; height:593px; background:url(../images/front/en/bg_service.gif) no-repeat}
.to_body div.service {float:left; margin-top:5px; width:354px; height:593px; background:url(../images/front/en/bg_issue.gif) no-repeat}
.to_body div.issue h3, .to_body div.service h3 {height:30px; visibility:hidden}

.to_body div.daou_introduce {float:left; width:710px; margin:35px 0 20px}
.to_body div.daou_introduce a.daoutech {float:left; margin:5px 0 0 20px; width:76px; height:30px; text-indent:-3000px; background:url(../images/z_en/logo_daou.gif)}
.to_body div.daou_introduce p.desc {margin-left:125px; padding:2px 0 2px 15px; border-left:1px solid #dbdbdb; color:#777}

.to_bottom {clear:both; border-top:2px solid #dbdcde; text-align:center; font-size:12px; color:#888}
.to_bottom ul {height:25px; padding:10px 0 0 215px}
.to_bottom ul a {color:#888; white-space:nowrap}
.to_bottom li {float:left; padding:0 25px; border-right:1px solid #cfcfcf}
.to_bottom li.last {border:0}
.to_bottom span.copyright {font-family:tahoma}
.to_bottom span strong {color:#314c9d}

/* Active style.. 2009.9.21. */

.active_area_1 dt {background:#000}
.active_area_1 a.thumb {display:block; height:80px}
.active_area_1 a.thumb:hover {opacity:0.8; filter:alpha(opacity=80)}
.active_area_1 dt a.title {color:#fff; display:inline-block; line-height:130%; padding:10px 0 5px 10px}
.active_area_1 dd {margin:5px 0 20px; line-height:130%; color:#666}
.active_area_1 dt.case1 a.thumb {background:url(../images/active/090921_kr/interview_case1.gif)}
.active_area_1 dt.case2 a.thumb {background:url(../images/active/090921_kr/interview_case2.gif)}
.active_area_1 dt.case3 a.thumb {background:url(../images/active/090921_kr/interview_case3.gif)}

.to_body .active_area_2 {position:relative; height:465px; width:707px; background:#fff}
.active_area_2 div.main_visual {width:707px; height:465px; background:url(../images/active/091027_kr/main_visual_091027.jpg)}
.active_area_2 div.main_visual_map    {position:relative; width:707px; height:465px; background:url(../images/active/091207_kr/main_visual_091207.jpg) no-repeat left 0}
.active_area_2 div.main_visual_map a {position: absolute; top:355px; left:380px; width:190px; height:50px}
.active_area_2 div.main_visual_map a:hover {border:none}
.active_area_2 div.main_visual_issue {width:707px; height:465px; background:url(../images/active/100112_kr/main_visual_issueopen.jpg)}
.active_area_2 div.main_visual_issue a {position: absolute;width:707px; height:465px}
.active_area_2 div.main_visual_issue a:hover {border:none}


.active_area_2 div.main_visual_event0226 {width:707px; height:465px; background:url(../images/z_en/active/active_event.jpg)}
.active_area_2 div.main_visual_event0226 a {position: absolute; top:310px; left:472px; width:166px; height:52px}
.active_area_2 div.main_visual_event0226 a:hover {border:none}

.active_area_2 div.main_visual_event0323 {width:707px; height:465px; background:url(../images/z_en/active/active_event_0323.jpg)}

.active_area_3 div.title {min-height:32px; _height:32px; }
.active_area_3 div.func_list div.title {margin:0 18px; border-bottom:2px solid #dbdbd9; background:url(../images/z_en/active/issue_title1.gif) no-repeat 1px top}
.active_area_3 div.visit div.title {margin-top:10px; background:url(../images/active/090921_kr/issue_title2.gif) no-repeat 1px top}
.active_area_3 div.title p {padding:25px 0 0 0; font-weight:bold; color:#949494}

.active_area_3 dl {margin:100px 20px 0 20px}
.active_area_3 dt {margin-top:15px}
.active_area_3 dt a {font-weight:bold; color:#4c6ec7}
.active_area_3 dd {padding:5px 0 5px 150px; line-height:140%}
.active_area_3 dd.issue01 {background:url(../images/z_en/active/issue_01.gif) no-repeat 0 5px}
.active_area_3 dd.issue02 {background:url(../images/z_en/active/issue_02.gif) no-repeat 0 5px}
.active_area_3 dd.issue03 {background:url(../images/z_en/active/issue_03.gif) no-repeat 0 5px}
.active_area_3 dd.issue04 {background:url(../images/z_en/active/issue_04.gif) no-repeat 0 5px}
.active_area_3 dd.visit {background:url(../images/z_en/active/issue_04.gif) no-repeat 0 5px}
.active_area_3 p.visit {margin:0px 0 0 40px; font-weight:bold}
.active_area_3 a.click {display:inline-block; width:41px; height:17px; background:url(../images/active/090921_kr/issue_btn.gif); vertical-align:middle}
.active_area_3 a.email {margin-left:40px; padding-left:15px; background:url(../images/active/090921_kr/bul_email.gif) no-repeat 0 3px; font-size:11px; font-family:tahoma; color:#838383}

.active_area_3 p.visit {margin:0px 0 0 40px; font-weight:bold}
.active_area_3 a.click {display:inline-block; width:41px; height:17px; background:url(../images/active/090921_kr/issue_btn.gif); vertical-align:middle}
.active_area_3 a.email {margin-left:40px; padding-left:15px; background:url(../images/front/en/bul_email.gif) no-repeat 0 3px; font-size:11px; font-family:tahoma; color:#838383}

dl.review {width:260px;min-height:200px; background:url(../images/front/en/review.gif) no-repeat top; }
dl.review dt {margin-top:20px; margin-left:10px; font-weight:bold; text-decoration:underline;}
dl.review dt.top {padding-top: 130px;}
dl.review dd {margin-top:7px;margin-left:10px; }

.active_area_4 div.active_img {height:300px; margin-top:12px; background:url(../images/front/en/service_img.gif) no-repeat center top}
.active_area_4 dt {float:left; margin:7px 0 0 17px; display:inline}
.active_area_4 dt a {display:block; text-indent:-3000px; width:80px; height:20px; background:url(../images/front/en/service_title.gif)}
.active_area_4 dt a.project {background-position:0 0}
.active_area_4 dt a.task {background-position:0 -40px}
.active_area_4 dt a.report {background-position:0 -80px}
.active_area_4 dt a.calendar {background-position:0 -116px}

.active_area_4 dd {padding:7px 10px 7px 100px; line-height:130%; letter-spacing:0px; border-bottom:1px solid #e4e4e4}
.active_area_4 dd.last {border:0}

.layer_alert {position:absolute; width:646px; height:354px; background:url(../images/active/090921_kr/alert_change.gif)}
.layer_alert a.close {float:right; display:inline; margin:315px 30px 0 0; width:56px; height:31px; background:url(../images/active/090921_kr/layer_close.gif)}

.campain_banner {display:block; margin-bottom:12px; width:260px; height:20px; border-bottom:1px solid #EAE9EE;
	background:url(../images/z_en/global.gif) no-repeat top;}

p.global {width:260px; height:20px; *margin-bottom:19px; background:url(../images/front/en/global.gif) no-repeat}