@charset "euc-kr";
/*
Jeyun Web Accessibility Team
Author : Copyright 2009 by KIM YOUNG HA. All Right Reserved.
*/

/*
common element
*/
.scr{ position:relative; border:1px solid #ccc; background:#fff; width:200px; height:100px; overflow:auto; z-index:99;}
p{margin:0;}
.skip{display:none;}
ul{margin:0; padding:0; list-style:none;}
li{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
.tooltip{width:300px; background:#e8e8e8; border:1px solid #ccc; padding:5px;}

/* normal table */
.normal{clear:both; width:99%; border-collapse:collapse; border-spacing:0; empty-cells:show; border-top:2px solid #988d78; margin:0 0 0 1px;}
.normal th{padding:5px; color:#61594a; border:1px solid #dfdfdf; background:#eeece9;}
.normal td{padding:4px; color:#666; text-align:center; border:1px solid #dfdfdf;}
.normal td.con{text-align:left; padding:4px 5px 2px 5px;}
.normal td.title{font-weight:bold;}
.normal td.gray{background:#fafafa;}
.normal .cate{background:#f6f6f6;}
.normal ul li{padding:0 0 0 6px; background:url(/source/korean/images/common/ico_red.gif) no-repeat 0 0.5em;}

/*
common layout
*/
#mainWrap{float:left; width:920px; background:url(/source/english/images/main/wrap_bg.jpg) no-repeat;}
#wrap{float:left; width:920px;}
#headArea{float:left; width:100%;}
#logo{display:block; float:left; margin:19px 0 0 0; padding:0 0 0 19px;}
#lnb{float:right; margin:20px 0 0 0;}
#lnb li{float:left; padding:0 2px 0 0;}
#lnb li.global{padding:0 10px 0 8px; background:url(/source/english/images/common/global_ico.gif) no-repeat 0 8px;}

#mainmenu{clear:both; float:left; width:920px; height:49px; padding:0 0 0 70px; background:url(/source/english/images/common/menu/menu_bg.gif) no-repeat;}
#mainmenu li{float:left; display: inline; font-weight:bold; font-size:115%; background:url(/source/english/images/common/menu/menu_bar.gif) no-repeat left 15px;}
#mainmenu li.first-child{background:none;}
#mainmenu li a:link,
#mainmenu li a:visited{float:left; padding:12px 50px 15px 50px; display:block; text-decoration:none; color:#fff;}
#mainmenu li a:active,
#mainmenu li a:hover{float:left; padding:12px 50px 15px 50px; display:block; text-decoration:none; color:#ffe8b2;}

#foot{clear:both; width:100%; background:#e7e7e7; border-top:1px solid #d5d5d5;}
#foot ul{padding:20px 0 20px 40px;}

/*
main layout
*/
#mainVisual{float:left; width:920px; height:318px;}
#mainContent{clear:both; position:relative; overflow:hidden; width:920px; padding:25px 0 0 0;}
#mainContent .greeting{float:left; padding:0 20px 0 0;}
#mainContent .greeting dt{float:left; width:185px;}
#mainContent .greeting dd{float:left; width:280px;}
#mainContent .greeting dd .title{font-weight:bold; color:#869ea7;}
#mainContent .greeting dd .more{margin:5px 0 0 0;}
#mainContent .right{float:left; padding:0 0 0 20px; background:url(/source/english/images/main/right_bg.jpg) no-repeat;}
#mainContent .right .title{font-weight:bold; color:#2e98d5;}
#mainContent .right .btn{margin:5px 0 0 0;}
#mainContent .right .history{float:left; width:190px; height:140px; padding:0 0 0 10px; background:url(/source/english/images/main/history_bg.jpg) no-repeat right bottom;}
#mainContent .right .position{float:left; width:190px; height:140px; padding:0 0 0 10px; background:url(/source/english/images/main/position_bg.jpg) no-repeat right bottom;}

/*
sub layout
*/
#subVisual{float:left; width:920px; height:183px;}
#subContent{clear:both; position:relative; overflow:hidden; width:915px; padding:25px 0 30px 5px;}
#sm_intro{height:247px; background:url(/source/english/images/common/sm_bg_intro.jpg) no-repeat;}
#sm_info{height:279px; background:url(/source/english/images/common/sm_bg_info.jpg) no-repeat;}
#sm_function{height:247px; background:url(/source/english/images/common/sm_bg_function.jpg) no-repeat;}
#sm_member{height:211px; background:url(/source/english/images/common/sm_bg_member.jpg) no-repeat;}
.submenu{float:left; width:203px;}
.submenu dt{width:187px; height:50px; font-weight:bold; font-size:135%; color:#fff; text-align:center; padding:25px 0 0 0;}
.submenu dd{padding:0 0 0 26px;}
.submenu dd.current_on a{display:block; width:160px; color:#000; font-weight:bold; padding:7px 0 8px 10px; border-bottom:1px dotted #ccc;}
.submenu dd.current a:link,
.submenu dd.current a:visited{display:block; width:160px; color:#636363; padding:7px 0 8px 10px; border-bottom:1px dotted #ccc;}
.submenu dd.current a:active,
.submenu dd.current a:hover{display:block; width:160px; color:#000; padding:7px 0 8px 10px; text-decoration:underline; border-bottom:1px dotted #ccc;}
#subRight{float:left; width:685px; padding:0 0 0 20px;}
#pageTitle{clear:both; float:left; width:670px; margin:0 0 20px 0; padding:0 0 0 15px; font-weight:bold; font-size:105%; color:#035ea2; background:url(/source/english/images/common/ico_subTitle.gif) no-repeat 0 4px;}

/* tabmenu */
#tabmenu{clear:both; height:24px; margin:0 0 25px 0; padding:0 0 0 10px; background:url(/source/english/images/common/tab_line.gif) no-repeat right 23px;}
#tabmenu li{float:left; height:25px; margin:0 2px 0 0; font-weight:bold;}
#tabmenu li a{display:block; padding:2px;}
#tabmenu .current_on a{color:#4b2d88;}
#tabmenu .current_on .left{float:left; width:20px; height:24px; background:url(/source/english/images/common/tab_on_left.gif) no-repeat;}
#tabmenu .current_on .bg{float:left; height:20px; padding:4px 10px 0 10px; background:url(/source/english/images/common/tab_on_bg.gif) repeat-x top;}
#tabmenu .current_on .right{float:left; width:20px; height:24px; background:url(/source/english/images/common/tab_on_right.gif) no-repeat;}
#tabmenu .current a{color:#fff;}
#tabmenu .current .left{float:left; width:20px; height:24px; background:url(/source/english/images/common/tab_off_left.gif) no-repeat;}
#tabmenu .current .bg{float:left; height:22px; padding:2px 10px 0 10px; background:url(/source/english/images/common/tab_off_bg.gif) repeat-x top #f5f5f5;}
#tabmenu .current .right{float:left; width:20px; height:24px; background:url(/source/english/images/common/tab_off_right.gif) no-repeat;}

/**
content
**/
/* default */
#sub_default .subTitle{clear:both; float:left; width:665px; margin:20px 0 5px 0; padding:0 0 0 18px; font-weight:bold; background:url(/source/english/images/common/ico_title.gif) no-repeat 0 2px;}
#sub_default .subTitle_first{clear:both; float:left; width:665px; margin:0 0 5px 0; padding:0 0 0 18px; font-weight:bold; background:url(/source/english/images/common/ico_title.gif) no-repeat 0 2px;}

/* greeting */
#sub_greeting{float:left;}
#sub_greeting dl{float:left;}
#sub_greeting dt{float:left;}
#sub_greeting dd{float:right; width:380px;}
#sub_greeting dd p{padding:5px 0 15px 5px;}
#sub_greeting dd .info{padding:0 0 10px 0;}
#sub_greeting dd .profile_title{clear:both; float:left; width:313px; height:27px; padding:8px 0 0 10px; font-size:135%; font-weight:bold; background:url(/source/english/images/intro/profile/title_bg.gif) no-repeat;}
#sub_greeting dd .profile_box{clear:both; float:left; display:inline; width:282px; padding:10px; margin:0 0 25px 5px; background:url(/source/english/images/intro/profile/box_bg.gif) no-repeat left bottom;}
#sub_greeting dd .profile_box .profile_general{float:left; width:280px;}
#sub_greeting dd .profile_box .profile_general li{float:left; width:100%;}
#sub_greeting dd .profile_box .profile_general li .sbj{float:left; display:block; width:80px; padding:0 0 0 5px; font-weight:bold; background:url(/source/english/images/intro/profile/career_ico.gif) no-repeat 0 0.6em;}
#sub_greeting dd .profile_box .profile_general li .detail{float:left; display:block; width:190px;}
#sub_greeting dd .profile_box .profile_career{clear:both; position:relative; overflow:auto; width:280px; height:190px;}
#sub_greeting dd .profile_box .profile_career li{float:left; width:255px; padding:0 0 0 5px; background:url(/source/english/images/intro/profile/career_ico.gif) no-repeat 0 0.6em;}


/* history */
#sub_history dl{float:left; background:#dfecf2;}
#sub_history dl dt{clear:both; float:left; width:80px; color:#15597d; font-weight:bold; background:#dfecf2; padding:5px 5px 5px 10px;}
#sub_history dl dd{float:left; width:554px; color:#626161; background:#efefef; padding:5px; border-left:6px solid #fff;}

/* position */
#sub_position{clear:both; position:relative; overflow:hidden; width:670px; margin:0 auto;}
#sub_position dl{clear:both; float:left; width:100%;}
#sub_position dl dd{clear:both; float:left; width:645px; padding:10px; border:1px solid #ccc;}
#sub_position dl dd ul{clear:both; float:left; margin:0; padding:0;}
#sub_position dl dd ul li{clear:both; margin:0; padding:0 0 0 8px; background:url(/source/english/images/common/ico_depth2.gif) no-repeat 0 9px;}
#sub_position dl.box1{clear:both; float:left; width:475px; padding:10px 0 10px 190px; background:url(/source/english/images/function/position/bg1.jpg) no-repeat; border:1px solid #ccc;}
#sub_position dl.box1 dt{font-weight:bold;}
#sub_position dl.box1 dd{border:none; padding:0; width:450px;}
#sub_position dl.box2{clear:both; float:left; width:475px; margin:20px 0 0 0; padding:10px 0 10px 190px; background:url(/source/english/images/function/position/bg2.jpg) no-repeat; border:1px solid #ccc;}
#sub_position dl.box2 dt{font-weight:bold;}
#sub_position dl.box2 dd{border:none; padding:0; width:450px;}

/* active */
#sub_active{position:relative; overflow:hidden; width:700px;}
#sub_active .cn_active p{margin:0;}
#sub_active .cn_list_container{position:relative; overflow:hidden; width:710px; margin:0 0 30px 0; padding:10px 0 10px 20px; border-top:1px solid #cad5bb; border-bottom:1px solid #cad5bb;}
#sub_active .list{float:left; width:340px; height:165px;}
#sub_active .list .name{padding:0 0 0 15px; font-weight:bold; text-align:left; color:#397213; background:url(/source/korean/images/common/ico_subTitle.gif) no-repeat 0 0.2em;}
#sub_active .list dl{position:relative; overflow:hidden; width:320px; height:140px; margin:0; padding:5px;}
#sub_active .list dl dt{float:left; width:112px; height:130px; padding:6px; background:url(/source/korean/images/common/man_bg.gif) no-repeat;}
#sub_active .list dl dd{float:left; width:165px; margin:0 0 0 5px; padding:4px 0 1px 5px; border-bottom:1px solid #dfdfdf; background:url(/source/korean/images/member/active/ico_dd.gif) no-repeat 0 1em;}
#sub_active .list dl dd.last-child{border:0; background:none; margin:5px 0 0 0;}
#sub_active .list dl dd span{font-weight:bold;}
#sub_active .list p{margin:5px 0 0 0; text-align:center;}
#sub_active .list p.map{margin:15px 0 0 0;}