@charset "utf-8";
@import url("base.css");	

#wrap {width:100%; min-width:1280px; height:100%; background:#fff}

/* login */
.main_top {width:1095px; margin:113px auto 15px; padding-left:5px}
.login_wrap {width:100%; min-width:1280px; height:338px; background:#98cbe0}
.login {width:445px; margin:0 auto; height:338px; padding-left:655px; background:url('../images/login_img.jpg') no-repeat left top}
.login_title {width:77px; height:33px; padding-top:35px}
.login fieldset {width:334px; height:96px; margin-top:1px; padding-top:35px; padding-left:37px; background:#fff; border:1px solid #bfbfbf; border-radius:3px}
.login fieldset ul {float:left; width:201px; margin-right:5px}
.login fieldset ul li {margin-bottom:5px}
.login fieldset ul li label {display:inline-block; width:46px; height:28px; text-align:right; line-height:28px; color:#555; font-family:'NanumBold'}
.login fieldset ul li input {width:140px; height:26px; margin-left:13px; border:1px solid #c5c5c5}
.login fieldset p {float:left}
.login fieldset:after {display:block; content:''; clear:both}
.copy {width:373px; margin-top:30px; padding-top:10px; border-top:1px solid #fff; color:#fff}

/* 공통 */

.header_warp {width:100%; min-width:1280px; height:111px; border-bottom:1px solid #838383; background:#cee5f7}
.header {width:1280px; margin:0 auto}
.header:after {display:block; content:''; clear:both}
.top_menu {margin-top:16px; margin-left:29px; float:left}
.top_menu:after {display:block; content:''; clear:both}
.top_menuLine, 
.top_menuType {float:left}
.top_menuLine {width:131px; height:35px; background:url('../images/offline_on.png') no-repeat 0 0; margin-right:11px}
.top_menuLine.on {background-image:url('../images/online_on.png')}
.top_menuLine a {display:inline-block; width:63.5px; height:33px; text-align:center; line-height:33px; font-weight:bold; font-size:13px; color:#81c1f4; letter-spacing:-1px}
.top_menuLine a.active {color:#0270c5}
.top_menuType a {display:inline-block; height:35px; padding-left:30px; line-height:35px; font-weight:bold; font-size:13px; letter-spacing:-1.5px; margin-right:11px; color:#a5aeb5; background:url(../images/type_unchk.png) no-repeat 0 50%;}
.top_menuType a img {margin-top:7px; margin-right:10px}
.top_menuType a.active {color:#0370c3; background-image:url(../images/type_chk.png)}

.gnb {clear:both}
.gnb_1depth {float:left; /* margin-right:65px; */ /* padding:20px 0 21px 2px; */ padding:20px 65px 21px 2px; position:relative}
.gnb_1depth:last-child {margin-right:0}
.gnb_1depth a,
.right_menu a {display:block; padding-bottom:6px}

.gnb_menu, .right_menu {display:none; position:absolute; top:61px; height:auto; padding-top:16px; background:#fff; border-bottom:1px solid #d1d1d1; padding-bottom:52px; z-index:999}
.gnb_menu1,
.type2_gnb_menu1 {left:-30px; padding-left:30px; width:1250px}
.gnb_menu2, 
.type2_gnb_menu2{left:-164px; padding-left:160px; width:1120px}
.gnb_menu3,
.type2_gnb_menu3 {left:-264px; padding-left:260px; width:1020px}
.gnb_menu4 {left:-365px; padding-left:301px; width:979px}
.type2_gnb_menu4 {left:-444px; padding-left:430px; width:850px}
.gnb_menu5 {left:-465px; padding-left:100px; width:1180px}
.type2_gnb_menu5 {left:-545px; padding-left:270px; width:1010px}
.gnb_menu6 {left:-566px; padding-left:120px; width:1160px}
.type2_gnb_menu6 {left:-645px; padding-left:500px; width:780px}
.gnb_menu7 {left:-667px; padding-left:640px; width:640px}
.type2_gnb_menu7 {left:-746px; padding-left:510px; width:770px}
.type2_gnb_menu8 {left:-847px; padding-left:840px; width:440px}

.gnb_menu:after {display:block; clear:both; content:''}
/* .gnb_1depth:hover .gnb_menu{display:block} */
.gnb_1depth:hover > a,
.gnb_1depth_selec {border-bottom:2px solid #0270c7}
.gnb_menu div,
.right_menu div{float:left; width:173px}
.gnb_menu div > ul,
.right_menu div > ul {margin-bottom:18px}

.gnb_menu div h3,
.right_menu div h3 {padding-top:7px; padding-bottom:8px; margin-right:10px; margin-bottom:12px; background:#86c1e3; text-align:center; font-size:16px; font-family:'돋움',Dotum; font-weight:bold; color:#000}
.gnb_3depth, .rm_3depth {padding-left:20px; background:url('../images/gnb_3depth_list.gif') no-repeat 8px 4px; line-height:24px; font-size:16px; font-family:'돋움',Dotum; font-weight:bold; color:#555}
.gnb_4depth, .rm_4depth {margin-left:6px; padding-left:10px; line-height:22px; background:url('../images/gnb_4depth_list.gif') no-repeat left 7px; line-height:17px; font-size:15.33px; font-family:'돋움',Dotum; font-weight:bold; color:#555}
.gnb_5depth {margin-left:-10px; line-height:20px; padding-left:9px; background:url('../images/gnb_5depth_list.gif') no-repeat left 6px}
.gnb_5depth a {width:130px; padding-left:3px; padding-top:3px; font-size:15px; font-family:'돋움',Dotum; color:#555}
.gnb_5depth:hover a {background:#eaeaea; color:#eb5800}
.gnb_4depth ul {padding-top:5px; padding-bottom:5px}
.gnb_close {float:right; margin-right:11px; margin-top:16px}

.gnb_menu li a:hover,
.right_menu li a:hover {background:#eaeaea; color:#eb5800}

.gnbBg {width:100%; position:absolute; left:0; top:112px; background:#fff; z-index:2; border-bottom:1px solid #d1d1d1}

div.right_menu2_1,
div.right_menu2_3 {width:172px}
div.right_menu4_4 {width:180px}
div.off_type1_gnb6_3,
div.off_type2_gnb3_1,
div.off_type2_gnb4_1 {width:182px}
div.off_type1_gnb5_2,
div.off_type1_gnb6_4,
div.off_type2_gnb3_5,
div.off_type2_gnb5_2,
div.off_type2_gnb5_3,
div.off_type2_gnb5_4,
div.off_type2_gnb5_5,
div.off_type2_gnb6_1,
div.off_type2_gnb6_2,
div.off_type2_gnb6_3,
div.off_type2_gnb6_4,
div.off_type2_gnb7_1,
div.off_type2_gnb7_2,
div.off_type2_gnb7_3,
div.off_type2_gnb7_4,
div.off_type2_gnb8_1,
div.right_menu3_4 {width:183px}
div.off_type1_gnb1_1, 
div.off_type1_gnb4_1,
div.off_type1_gnb7_1,
div.right_menu3_3,
div.right_menu4_3 {width:202px}
div.off_type1_gnb4_1 {width:205px}
div.off_type1_gnb6_2,
div.right_menu3_5 {width:213px}
div.off_type2_gnb5_1 {width:215px}
div.right_menu3_6 {width:256px}
div.right_menu4_5 {width:289px}

.off_type1_gnb4_1 ul:first-child {margin-bottom:39px}
.off_type1_gnb4_1 ul:nth-child(2) {margin-bottom:23px}
.off_type1_gnb4_2 ul:first-child {margin-bottom:46px}

.right_top {float:right; margin-top:21px; text-align:right}
.loginfo {width:310px; padding-bottom:11px; padding-right:2px; border-bottom:2px solid #4293d4; font-family:'돋움',Dotum; font-weight:bold}
.loginfo strong {display:inline-block; height:16px; margin-right:18px; line-height:16px; color:#707070}
.whole_menu {display:inline-block; height:16px; line-height:16px; background:url('../images/whole_menu.gif') no-repeat left 50%; margin-right:18px; padding-left:20px; color:#218adb}
.loginfo span {display:inline-block; height:16px; line-height:16px; color:#707070; margin-right:8px}

.side_menu {margin-top:3px}
.right_menu {top:59px; text-align:left}
.rm_1depth {float:left;  position:relative; height:60px}
.rm_1depth > a {display:block; padding:6px 12.5px 7px; border:1px solid #cee5f7; border-radius:4px; letter-spacing:0.4px}
.rm_1depth > a:hover,
.rm_1depth > a.active {background:#acd3f2}
/* .rm_1depth:hover .right_menu {display:block} */

.right_menu1 {left:-969px; padding-left:970px; width:310px}
.right_menu2 {left:-1050px; padding-left:28px; width:1252px}
.right_menu3 {left:-1104px; padding-left:30px; width:1250px}
.right_menu4 {left:-1184px; padding-left:220px; width:1060px}


#container {width:1205px; margin:0 auto; padding:12px 34px 35px 41px}
#container:after {display:block; clear:both; content:''}
#content:after {display:block; clear:both; content:''}
#footer {border-top:1px solid #bcbcbc}
#footer .inner {width:1280px; height:140px; margin:0 auto; padding:30px 0}
#footer .inner:after {display:block; clear:both; content:''}
#footer .logo {float:left; margin:0 65px 0 273px}
#footer .inner > div {float:left; color:#939393; font-family:'돋움',Dotum; text-align:left; line-height:1.2em; letter-spacing:-0.5px}
#footer .resolution {font-size:11px; line-height:24px; color:#a8a8a8}


/* 메인_오프라인 단행 */
#main_container {width:1280px; margin:0 auto; padding:30px 0 55px}
.content1 h1, .present, .bookmark {float:left}
.hidden {width:0; height:0; line-height:0; font-size:0; overflow:hidden}
.content1:after {display:block; clear:both; content:''}
.content1 h1 {width:408px; height:326px; padding:3px 0 0 20px; background:url('../images/main_h1_back.jpg') no-repeat left top; margin-right:33px; margin-bottom:41px}
.present {width:365px; height:303px; margin-right:53px; padding-top:7px; border-bottom:1px solid #cbcbcb}
.present ul.tab {padding-left:106px}
.present_title {margin-right:31px}


.tab:after {display:block; content:''; clear:both}
.tab li{float:left; text-align:center}
.tab li a{display:block}

.present_on {padding-top:21px; padding-left:20px; border-top:1px solid #6f6f6f}
.present_on li {height:16px; margin-bottom:8px; font-size:12px; line-height:16px; font-family:'돋움',Dotum; font-weight:bold}
.grp_title,
.grp_value,
.grp_location,
.grp_range {display:inline-block; letter-spacing:-1px}
.grp_title {width:70px; background:#85b5e5; text-align:center; color:#fff}
.grp_value {width:59px; margin-right:16px; text-align:right; color:#f49237}
.grp_location {width:200px}
.grp_range {height:7px; margin-top:4px; background:#46aaf5}
.grp1 {width:89%}
.grp2 {width:64%}
.grp3 {width:67%}
.grp4 {width:33%}
.grp5 {width:14%}
.grp6 {width:22%}
.grp7 {width:89%}
.grp8 {width:64%}
.grp9 {width:67%}
.grp10 {width:33%}

.bookmark {width:365px; height:303px; padding-top:7px; border-bottom:1px solid #cbcbcb}
.bookmark_title {width:105px; margin-left:131px; text-align:center}
.present_title, 
.bookmark_title{border-bottom:1px solid #6f6f6f}
.present_title img, 
.bookmark_title img{padding-bottom:14px}
.bookmark_on{padding:13px 18px 0; border-top:1px solid #6f6f6f}
.bookmark_on ul li {float:left; width:75px; text-align:center; margin-bottom:16px}
.bookmark_on:after {display:block; clear:both; content:''}
.bookmark_on ul li span, 
.bookmark_name {display:block}
.center {margin:0 45px 0 49px}
.status {font-size:11px; font-family:'돋움',Dotum; color:#6f6f6f}
.balloon {width:64px; height:52px; margin-bottom:13px; padding-top:4px; padding-left:8px}
.balloon1 {background:url('../images/bookmark_yl.png') no-repeat 50% 50%}
.balloon2 {background:url('../images/bookmark_gr.png') no-repeat 50% 50%}
.balloon3 {background:url('../images/bookmark_og.png') no-repeat 50% 50%}
.balloon4 {background:url('../images/bookmark_rd.png') no-repeat 50% 50%}
.balloon5 {background:url('../images/bookmark_pp.png') no-repeat 50% 50%}
.balloon6 {background:url('../images/bookmark_bl.png') no-repeat 50% 50%}
.sang {width:54px; height:15px; margin-bottom:7px; line-height:14px; border-radius:2px 2px 0 0; font-size:11px}
.balloon1 .sang {border:1px solid #fff3c9; border-bottom-color:#ffd75d; background:#fff3c9; color:#deb122}
.balloon2 .sang {border:1px solid #cff7f9; border-bottom-color:#70d3f0; background:#cff7f9; color:#70b2ec}
.balloon3 .sang {border:1px solid #ffecdd; border-bottom-color:#ffab96; background:#ffecdd; color:#f9ab63}
.balloon5 .sang {border:1px solid #dedffb; border-bottom-color:#999bf0; background:#dedffb; color:#9b9cee}
.ha {width:54px; margin-left:1px}
.balloon1 .ha {color:#e6bc2a}
.balloon2 .ha {color:#5fcbbb}
.balloon3 .ha {color:#ff9743}
.balloon4 .ha {color:#ff7b7c}
.balloon5 .ha {color:#9c9ef1}
.balloon6 .ha {color:#71b3f0}
.bookmark_name {font-size:13px; font-family:'돋움',Dotum; color:#868686; letter-spacing:-1px; white-space: nowrap}
.bookmark_on ul li:last-child .bookmark_name {margin-left:-5px}

.bookmark_page {float:right; margin-top:11px; margin-right:3px}
.bookmark_page li {float:left; margin-right:3px}

.content2 {padding-top:29px; padding-left:32px; border-top:1px solid #7ad9ca}
.content2 div {float:left; position:relative}
.report, .help {margin-right:44px}
.content2:after {display:block; clear:both; content:''}
.content2 div h2 {width:73px; padding-left:4px}
.content2 div h2.bbs_title {border-bottom:1px solid #75d7c8}
.content2 div h2 img{padding-bottom:14px}
.bbs {width:375px; padding-top:9px}
.bbs_on {border-top:1px solid #75d7c8}
.bbs li {height:29px; line-height:29px; padding-left:16px; background:url('../images/list_style_gr.gif') no-repeat left 50%; font-size:13px; font-family:'돋움',Dotum; color:#808080; font-weight:bold; letter-spacing:-1px}
.bbs li a {display:inline-block; width:288px; height:29px; line-height:29px; color:#575757; letter-spacing:-0.5px}
.content2 div p {position:absolute; right:2px; top:0}

/* 서브_오프라인_단행_수서준비*/
.gnb_on {border-bottom:2px solid #0270c7}


.topmenu:after {display:block; clear:both; content:''}
.topmenu ul {float:right}
.topmenu li {float:left; margin-left:3px}
.topmenu a {display:inline-block; height:25px; width:105px; color:#fff; font-family:'돋움',Dotum; text-align:center; line-height:25px}
.topmenu .bg4c7 {background:#4c74b1}
.topmenu .bg48b {background:#48b6e9}
.topmenu .bg4cc {background:#4ccedb}
.topmenu .bg4fc {background:#4fc0ba}

/* input */
input.txt {height:16px; padding:2px 15px}
input.txt.max {padding:2px 10px}
input.txt + span.txt, .selbox + span.txt {display:inline-block; padding:0 5px; line-height:22px}
textarea.txtarea {padding:5px}

/* title */
.titarea {margin:7px 0 15px}
.titarea:after {display:block; clear:both; content:''}
.titarea > * {float:left}
.titarea h2 {display:inline-block; position:relative; margin-right:11px; color:#0063b7; font-size:20px; letter-spacing:-1px}
.titarea h2:before {position:absolute; left:0; top:-7px; width:44px; height:2px; background:#0062b8; content:''}
.titarea span {margin-left:6px; padding:2px 0 0 10px; background:url('../images/gt_local2.png') no-repeat 0 80%; font-size:16px; line-height:18px}
.titarea h2 + span {margin:0; padding-left:19px; background:url('../images/gt_local.png') no-repeat 0 100%}
.titarea + .box-sec {margin:12px 0 0}

/* button */
.btn_base {display:block; width:65px; height:18px; margin-left:4px; padding:3px 0; background:#7f7f7f; color:#fff; font-family:"NanumBold"; font-size:12px; text-align:center; letter-spacing:-1px}
.btn_base.gray {background:#b0b0b0}
.btn_base.w30 {width:30px}
.btn_base.w40 {width:40px}
.btn_base.w60 {width:60px}
.btn_base.w75 {width:75px}
.btn_base.w85 {width:85px}
.btn_base.w90 {width:90px}
.btn_base.w95 {width:95px}
.btn_base.w100 {width:100px}
.btn_base.w120 {width:120px}
.btn_base.w140 {width:140px}
.btn_base.w155 {width:155px}
.btn_base.w160 {width:160px}
.btn_base:hover, .btn_base:focus, .btn_base:active {color:#fff; text-decoration:none}
.btn_base:first-child {margin:0}
.btnarea {padding:15px 0 0; text-align:center}
.btnarea:after {display:block; clear:both; content:''}
.btnarea .btn_base {float:left}
.btnarea .tc {display:inline-block; margin:0 auto}
.btn_base[disabled], .btn_base:hover[disabled], .btn_base:focus[disabled], .btn_base:active[disabled] {color:#b0b0b0; background:#7f7f7f}
.btn_base.gray[disabled], .btn_base.gray:hover[disabled], .btn_base.gray:focus[disabled], .btn_base.gray:active[disabled] {color:#dfdfdf; background:#b0b0b0}
input.btn_base {border:0; height:22px; line-height:1em}
.btn-va {display:inline-block; margin:0 auto}
.btn-va .btn_base {margin:4px auto 0}
.btn-va .btn_base:first-child {margin-top:0}

[class$="-sec"] {margin:7px 0 0; padding:5px 0; border:1px solid #b9bab9}
#content > [class$="-sec"]:first-child {margin:0}
.box-sec .inner {overflow:hidden; padding:2px 0 2px 30px}
.box-sec .inner > * {float:left}
.box-sec input + input {margin-left:4px}
.box-sec th {padding:0 15px 0 0; font-family:"NanumBold"; text-align:right; letter-spacing:-1px}
.box-sec td {padding:2px 0; text-align:left}
.box-sec td > * {float:left}
.box-sec td.vt {vertical-align:top}
.box-sec td.tc > .btn-va {float:none}
.box-sec td.bl, .box-sec td.br, .box-sec th.bl, .box-sec th.br {border-left:1px solid #b9bab9}
.box-sec .cha  {display:inline-block; width:20px; text-align:center; line-height:22px}
.box-sec label {display:inline-block; padding:0 15px; font-family:"NanumBold"; line-height:22px; letter-spacing:-1px}
.box-sec .chk {margin:5px 0 0}
.box-sec .tot-count {padding:5px 0 5px 18px}
.box-sec .tit {display:block; margin:4px 0 6px; font-family:"NanumBold"; font-size:14px}
.box-sec > .tit {margin-left:20px}
.box-sec td .tit {float:none}
.boxwrap:after {display:block; clear:both; content:''}
.boxwrap .box-sec {float:left; width:594px}
.boxwrap .box-sec:first-child {margin-right:10px}

.notibox {position:relative; margin:4px 23px 10px; padding-left:50px; line-height:1.4em}
.notibox strong {position:absolute; top:0; left:0; font-family:"NanumBold"; }

.tbl-sec {padding:0; overflow-x:auto}
.tbl-sec th {padding:8px 0; border-left:1px solid #b9bab9; border-bottom:1px solid #b9bab9; background:#eaeaea; font-family:"NanumBold"}
.tbl-sec td {padding:8px 0; border-left:1px solid #b9bab9; border-bottom:1px solid #b9bab9; text-align:center}
.tbl-sec th:first-child, .tbl-sec td:first-child {border-left:0}

.box-sec-in {margin:7px; padding:7px; border:1px solid #b9bab9}
.edit_area {display:none}

.noresult {display:table; width:100%; height:90%; text-align:center}
.noresult p {display:table-cell; font-size:14px; line-height:1em; vertical-align:middle}