@charset "euc-kr";

#green-body { background: url(../../images/common/bg/bg_lnb_side_green_line.gif) repeat-y 170px top; }
#blue-body { background: url(../../images/common/bg/bg_lnb_side_blue_line.gif) repeat-y 170px top; }

#wrap { overflow: hidden; width: 100%; height: 100%; min-width: 903px; }
#wrap:after { content:''; clear: both; display: block; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
#wrap #left-section { position: relative; float: left; width: 180px; height: 100%; }
#wrap #container { position: relative; float: left; padding-left: 0; background: #FFF url(../../images/common/bg/bg_container_body.gif) no-repeat left top; }
#wrap #container #inner-container { width: 693px; padding-left: 30px; }

#header { width: 100%; height: 95px; }/* 0507 */
#header:after { content:''; clear: both; display: block; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
#header .subsidiary-logo { float: left; margin-top: 27px; }
#header .user-menu { float: right; padding: 39px 0 0 0; }
#header .user-menu:after { content:''; clear: both; display: block; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
#header .user-menu .service-menu { float: left; padding: 3px 0 0 0; margin-right: 20px; }
:first-child+html #header .user-menu .service-menu { float: left; padding: 0 0 0 0; margin-right: 20px; }
#header .user-menu .service-menu li { float: left; padding-right: 10px; margin-right: 5px; margin-bottom:10px; background: url(../../images/common/bg/bg_user_menu_division.png) no-repeat right 3px; }
#header .user-menu .service-menu li.last-menu { padding-right: 0; margin-right: 0; background: none; }
#header .user-menu .service-menu li img { vertical-align: middle; cursor: pointer; }
#header .user-menu .allmenu { float: left; }
#header .user-menu .allmenu img { vertical-align: middle; cursor: pointer; }

#wrap #left-section h1.main-logo { width: 151px; height: 58px; padding: 29px 0 0 25px; }/* 0507 */
#wrap #left-section #lnb { position: relative; width: 100%; }
#wrap #left-section #lnb h2 { position: absolute; right: 4px; top: 0; }
#wrap #left-section #lnb .main-menu { padding: 57px 14px 0 20px; }
#wrap #left-section #lnb .main-menu > li { padding: 8px 0 7px 0; font-size: 0; line-height: 0; background: url(../../images/common/bg/bg_lnb_menu_line.gif) repeat-x left bottom; }
#wrap #left-section #lnb .main-menu img { cursor: pointer; }
#wrap #left-section #lnb .main-menu .sub-menu { display: none; padding: 10px 0 11px; }
#wrap #left-section #lnb .main-menu .sub-menu > li { margin-bottom: 5px; font-size: 0; line-height: 0; }
#wrap #left-section #lnb .main-menu .sub-menu > li.last-menu { margin-bottom: 0; }
#wrap #left-section #left-banner { margin-top: 30px; padding: 0 10px; }
#wrap #left-section #left-banner #inner-banner { background: #00ff00; }

#wrap #container #inner-container .page-title { height: 32px; padding: 0 0 10px 0; }
#wrap #container #inner-container .page-history { width: 100%; height: 53px; font-size: 11px; }
#wrap #container #inner-container .page-history span a { padding-right: 10px; background: url(../../images/common/ico/bul_page_history.gif) no-repeat 100% 3px; }
#wrap #container #inner-container .page-history strong { color: #55751a; }
#wrap #container #inner-container .page-history .strong2 {color:#0068b7;}
#wrap #container #inner-container .page-history img { vertical-align: middle; cursor: pointer; }

#wrap #container #inner-container #content { min-height: 500px; padding: 0 0 60px 0; }

#wrap #container #footer { position: relative; height: 125px; padding-left: 30px; }
#wrap #container #footer:after { content:''; clear: both; display: block; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
#wrap #container #footer .util-menu { padding: 10px 0 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0; line-height: 0; }
#wrap #container #footer .util-menu a { margin-right: 3px; }
#wrap #container #footer .util-menu img { vertical-align: middle; }
#wrap #container #footer .util-menu .family-site { position: absolute; left: 590px; top: 7px; width: 131px; }
#wrap #container #footer .util-menu .family-site .inner-family-site { position: relative; width: 131px; height: 20px; }
#wrap #container #footer .util-menu .family-site .inner-family-site .family-list { display: none; position: absolute; left: -15px; top: -50px; width: 125px; border-right: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; background: #fff; z-index: 100; }
#wrap #container #footer .util-menu .family-site .inner-family-site .family-list a { font-size: 11px; line-height: 1.5em; }
#wrap #container #footer .util-menu .family-site .inner-family-site strong { display: block; cursor: pointer; }
#wrap #container #footer .inner-footer {  }
#wrap #container #footer .inner-footer img { vertical-align: middle; }
#wrap #container #footer .inner-footer .foot-logo { float: left; width: 143px; padding: 20px 0 0 7px; }
#wrap #container #footer .inner-footer .copyright { float: left; width: 398px; padding: 18px 0 0 0; }
#wrap #container #footer .inner-footer .certified_edata_authority { float: left; padding: 11px 0 0 0; }

#move-menu { position: absolute; right: 0; top: 0; width: 0; height: 100%; z-index: 10000; background: #ff0000; }
#move-menu #inner-move-menu { position: relative; width: 53px; height: 100%; padding: 0 0 0 0; }
#move-menu .blue-line { background: #fff url(../../images/common/bg/bg_move_layer_blue.gif) repeat-y left top; }
#move-menu .green-line { background: #fff url(../../images/common/bg/bg_move_layer_green.gif) repeat-y left top; }
#move-menu #inner-move-menu .open-button { position: absolute; left: -18px; top: 0; cursor: pointer; }
#move-menu #inner-move-menu .layer-content{ position: absolute; left: 0; top: 0; width: 53px; text-align: center; }
#move-menu #inner-move-menu #service-menu { position: absolute; top: 0; left: 0; }
#move-menu #inner-move-menu #service-menu ul { margin-top: 30px; }
#move-menu #inner-move-menu #service-menu li { width: 53px; margin-bottom: 15px; text-align: center; cursor: pointer; }
#move-menu #inner-move-menu #service-menu img { vertical-align: top; }
#move-menu #inner-move-menu #service-menu .top-position { display: block; margin-top: 50px; cursor: pointer; }

/* dimd css */
.intro { position: fixed; width: 100%; height: 100%; padding: 0; margin: 0; display: none; top: 0px; left: 0px; _position: absolute; z-index: 100000; }
.open.intro { display: block; z-index: 100000; padding: 0; margin: 0; }
.intro .bg { position: absolute; top: 0; left: 0; filter: alpha(opacity=50); width: 100%; height: 100%; padding: 0; margin: 0; background: #000; opacity: .5; }

#all-menu { position: absolute; left: 50%; top: 100px; width: 818px; height: 451px; margin: 0 0 0 -409px; background: url(../../images/common/bg/bg_allmenu.png) no-repeat left top; z-index: 200000; }
#all-menu #inner-all-menu { position: relative;  width: 803px; height: 361px; padding: 90px 0 0 15px; }
#all-menu #inner-all-menu h1 { position: absolute; left: 6px; top: 35px; }
#all-menu #inner-all-menu .allmenu-logo { position: absolute; right: 40px; top: 30px; }
#all-menu #inner-all-menu .allmenu-close { position: absolute; right: 10px; bottom: 10px; cursor: pointer; z-index: 300000; }

#all-menu .menu-list h2 { height: 25px; padding: 0 0 0 22px; }
#all-menu h2.next-title { margin-top: 30px; }
#all-menu .menu-list .main-menu { overflow: hidden; width: 100%; padding: 5px 0 0 0; }
#all-menu .menu-list .main-menu h3 { float: left; width: 100px; padding: 0 0 6px 22px; background: url(../../images/common/bg/bg_allmenu_mainmenu_line.gif) repeat-x left bottom; }
#all-menu .menu-list .main-menu .sub-menu { float: left; width: 630px; margin-left: 6px; }
#all-menu .menu-list .main-menu .sub-menu li { float: left; padding: 0 0 0 6px; margin-right: 6px; background: url(../../images/common/ico/bul_allmenu_list.gif) no-repeat left 6px; }

#all-menu .util-menu { padding: 0 0 0 22px; margin-top: 30px; }
#all-menu .util-menu:after { content: ''; display: block; overflow: hidden; clear: both; height: 0; font-size:0; line-height: 0; }
#all-menu .util-menu li { float: left; padding-right: 17px; margin-right: 10px; background: url(../../images/common/bg/allmenu_division_line.gif) no-repeat right top; }
#all-menu .util-menu li.last-menu { padding-right: 0; margin-right: 0; background: none; }