@charset "utf-8";
/* reset */

@font-face{font-family:NanumGothic; src:url(fonts/NanumGothic.eot); src:local(※), url(fonts/NanumGothic.woff) format("woff"), url(fonts/NanumGothic.ttf) format("truetype")}
@font-face{font-family:nanumGB; src:url(fonts/NanumGothicBold.eot); src: local(※), url(fonts/NanumGothicBold.woff) format("woff"), url(fonts/NanumGothicBold.ttf) format("truetype")}

/* h1, h2, h3, h4, h5, h6, input, select, div, form { padding:0; margin:0; } */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, label, input, textarea, button, select, iframe, object{margin:0; padding:0;}
img, a, span, abbr, address, pre, code, del, em, strong, sub, sup{margin:0; padding:0;}

img { border:none; }
fieldset { border:0 none; margin:0; padding:0; }
dl, ul, ol, li { list-style: none; }
hr { display:none; }
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
.displaynone { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
.clearboth { clear:both; height:0; line-height:0; }
* html .clearboth { display:inline; height:0; line-height:0; }
a:link, a:visited {  color:#575f7c; text-decoration: none; }
a:hover, a:focus, a:active {  color:#636162; text-decoration:none; }
body, input, textarea, select, button, table, th, td{line-height:1.1; font-size:12px; font-family:"나눔고딕",NanumGothic,"돋움", Dotum, AppleGothic, Helvetica, sans-serif; color:#444444;}
#wrap { width:100%; }

/* header */
#wrap #header {height:100px; background:#d2d7ed;font-family:HyundaiSansHeadKRRegular, sans-serif;}
#wrap #header .header_top {position:relative; height:50px; background:#585f7c; display:block; }
#wrap #header h1 {position:absolute; top:14px; left:30px; color:#fff; font-size:22px; letter-spacing:-1px;font-family:HyundaiSansHeadKRRegular, sans-serif; font-weight: normal;}
#wrap #header h1 span {font-size:14px; font-weight:normal; letter-spacing:0px; color:#fff;}
#wrap #header .right_top { position:absolute; right:0; color:#c8cee0; height:49px}
#wrap #header .right_top .btn { color:#c8cee0; float:left; display:inline-block; margin-top:8px; margin-right:10px;}
#wrap #header .right_top .left { font-size:13px; color:#c8cee0; float: left; display:inline-block; margin-top:15px; margin-right:15px;}
#wrap #header .right_top .left em { font-style:normal; color:#c8cee0;}
#wrap #header .right_top .left .name { font-style:normal; color:#c8cee0;}
#wrap #header .right_top .right { font-size:11px; color:#c8cee0; float:left; display:inline-block;margin-top:15px; margin-right:15px;}
#wrap #header .right_top .s_logo {color:#c8cee0;}

#bottom {height:100px; background:#d2d7ed;font-family:HyundaiSansHeadKRRegular, sans-serif;}
#bottom .bottom_top {position:relative; height:50px; background:#585f7c; display:block; }
#bottom h1 {position:absolute; top:12px; left:30px; bottom:0px; color:#fff; font-size:22px; letter-spacing:-1px;font-family:HyundaiSansHeadKRRegular, sans-serif; font-weight: normal;}
#bottom h1 span {font-size:12px; font-weight:normal; letter-spacing:0px; color:#fff;}
#bottom .right_top { position:absolute; right:0; color:#c8cee0; height:49px}
#bottom .right_top .btn { color:#c8cee0; float:left; display:inline-block; margin-top:8px; margin-right:10px;}
#bottom .right_top .left { font-size:13px; color:#c8cee0; float: left; display:inline-block; margin-top:15px; margin-right:15px;}
#bottom .right_top .left em { font-style:normal; color:#c8cee0;}
#bottom .right_top .left .name { font-style:normal; color:#c8cee0;}
#bottom .right_top .right { font-size:11px; color:#c8cee0; float:left; display:inline-block;margin-top:15px; margin-right:15px;}
#bottom .right_top .s_logo {position:absolute;; bottom:0px;color:#c8cee0;}

.top_select { float:left; display:inline-block; margin-top:10px; margin-right:10px; color:#fff !important;}
.top_select .t_select {width:80px; height:30px; padding:4px 10px; color:#fff !important; background:#444b69; border-radius:5px; border:0;} 
.logout {float:left; display:inline-block; margin:10px 15px 0 0;}
.logout a {background:#5389e2 url(/images/icon_logout.jpg) no-repeat 13px 7px; padding-left:35px; width:57px; height:30px; line-height:30px; color:#fff; font-weight:bold; border-radius:5px; display:inline-block;}


.gnb { width:1280px; display:inline-block; margin:0 0 0 1.5%; height:50px;}
.gnb li {margin-top:6px;}
.gnb li a {float:left; display:inline-block; color:#383d4e; font-size:16px; margin-right:10px; padding:0 18px; height:38px; line-height:36px; border-radius:5px;}
.gnb li a:hover, .gnb li a:active, .gnb li a:focus, .gnb li .on{ color:#fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#05a4ff', endColorstr = '#0c6ed1');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#05a4ff', endColorstr = '#0c6ed1')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #05a4ff, #0c6ed1);
background-image: -ms-linear-gradient(top, #05a4ff, #0c6ed1);
background-image: -o-linear-gradient(top, #05a4ff, #0c6ed1);
background-image: -webkit-gradient(linear, center top, center bottom, from(#05a4ff), to(#0c6ed1));
background-image: -webkit-linear-gradient(top, #05a4ff, #0c6ed1);
background-image: linear-gradient(top, #05a4ff, #0c6ed1);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}


#container { /*width:98%; */ overflow:hidden; background:#ffffff; padding:5px 1% 0 1%; position:relative ;}
#container .data_box { width:100%; overflow:hidden; margin-bottom:20px;}
#container .data_box .data_zone {width:49.5%; margin:0; float:left; display:inline-block; border:15px; border-radius:12px;}
#container .data_box .top_zone {background:#709fed; height:40px;border-radius:5px 5px 0 0;}
#container .data_box .top_zone h2 { font-weight:normal; color:#FFFFFF; height:40px; line-height:40px; font-size:18px; text-indent:20px; float:left;}
#container .data_box .top_zone img, #container .data_box .top_zone input, #container .data_box .top_zone select {vertical-align:text-top;}
#container .data_box .top_zone .btn { margin:6px 10px; float:left;}

#container .data_box .top_zone .right_data {float:right; display:inline-block; margin-right:20px; font-size:12px;}
#container .data_box .top_zone .right_data .t_list {display:inline-block; overflow:hidden; margin-top:8px; }
#container .data_box .top_zone .right_data .t_list li {float:left; display:inline-block; line-height:25px;  color:#ffffff; background:url(/images/bul01.jpg) no-repeat left 12px; padding-left:10px; margin-left:15px;}
#container .data_box .top_zone .right_data .t_list .no_dot {background:none; padding-left:0px; margin-left:5px;}
#container .data_box .top_zone .right_data .d_select { border-radius:5px; border:0; padding:2px 5px 2px 10px}
#container .data_box .cont_data {height:333px; border-bottom:1px solid #d2d8e9; border-left:1px solid #d2d8e9; border-right:1px solid #d2d8e9; background:#fff;border-radius: 0 0 5px 5px; padding:10px; }

.box2 {height:323px !important;}
.product {width:100%; overflow:hidden; margin-bottom:15px; height:195px;}
.product2 {width:100%; overflow:hidden; margin:0; height:150px;}
.product3 {width:100%; overflow:hidden; margin-bottom:0px; height:272px; margin-top:5px; }
.product h3 {font-size:16px; margin-bottom:5px; color:#575f7c;}
.product .left  {float:left; display:inline-block; width:49%;}
.product .right {float:left; display:inline-block; width:49%; margin-left:2%; }
.product_data   { border-radius:5px; height:170px}
.product_title  {width:100%; height:40px;}
.product_title h2 {font-size:16px; line-height:40px; font-weight:bold; float:left;}
.product_title img {vertical-align:text-top; padding:8px 0 0 10px;}


.tb1 {width:100%; border-top:1px solid #396fcd;}
.tb1 th {background:#f4f6f8; border-bottom:1px solid #cbd1db; border-right:1px solid #cbd1db; color:#4c5267; padding:7px 0;}
.tb1 td { border-bottom:1px solid #cbd1db; border-right:1px solid #cbd1db; color:#4c5267; padding:6px 0; text-align:center;}
.tb1 a:link,  .tb1 a:visited {text-decoration: underline; }
.tb1 a:hover, .tb1 a:focus, .tb1 a:active {  color:#848a9e; text-decoration: underline; }

.tb2 {width:100%; border-top:3px solid #76a5f4; border-bottom:1px solid #a1abbe; border-left:1px solid #a1abbe;  border-right:1px solid #a1abbe;  border-radius:5px; background:#fff;}
.tb2 th {font-size:13px; background:#656c8a; color:#fff; border-bottom:1px solid #8a90ac; padding:4px 10px}
.tb2 td {border-bottom:1px solid #cdd2df; text-align:left; padding:4px 10px;}
.tb2 .no_boder  {border-bottom:none;}
.tb2 .no_boder_r {border-right:none;}
.tb2 .radius_bl {border-radius:0 0 0 4px; border-bottom:none; }
.tb2 .radius_br {border-radius:0 0 4px 0; border-right:none; border-bottom:none;}
.tb2 .radius_tl {border-radius:4px 0 0 0; }
.tb2 .radius_tr {border-radius:0 4px 0 0; border-right:none;}

.tb3 {width:100%;}
.tb3 th {background:#656c8a; color:#fff; border-bottom:none; padding:7px 0; text-align:center; }
.tb3 td {border-bottom:none; padding:7px 10px 7px 5px; text-align:center}

.tb4 {width:100%; border:1px solid #a1abbe; border-radius:5px 5px; table-layout: fixed;}
.tb4 th {background:#e3eaf3; padding:0px 8px; height:30px; color:#4c5267;border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb4 tr {background:#fff;}
.tb4 td {padding:10px 5px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.tb4 .td_c {background:#e6f1ff;}
.tb4 .no_boder  {border-bottom:none;}
.tb4 .no_boder_r  {border-right:none;}
.tb4 .radius_bl {border-radius:0 0 0 4px; border-bottom:none;}
.tb4 .radius_br {border-radius:0 0 4px 0; border-bottom:none;}
.tb4 .radius_tl {border-radius:4px 0 0 0;}
.tb4 .radius_tr {border-radius:0 4px 0 0; border-right:none;}

.tb10 {width:100%; border:1px solid #a1abbe; border-radius:5px 5px; }
.tb10 th {background:#e3eaf3; padding:0px 8px; height:35px; color:#4c5267;border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb10 tr {background:#fff;}
.tb10 td {padding:0 8px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:left;}
.tb10 .no_boder  {border-bottom:none;}
.tb10 .radius_bl {border-radius:0 0 0 4px; border-bottom:none;}
.tb10 .radius_br {border-radius:0 0 4px 0; border-bottom:none;}
.tb10 .radius_tl {border-radius:4px 0 0 0;}
.tb10 .radius_tr {border-radius:0 4px 0 0; border-right:none;}

.tb5 {width:100%; margin-bottom:10px; border-top:3px solid #528ced; border-right:1px solid #a1abbe; border-bottom:1px solid #a1abbe; border-left:1px solid #a1abbe;  border-radius:5px; }
.tb5 th {font-size:13px; background:#e3eaf3; border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; padding:5px 10px; }
.tb5 tr {background:#ffffff;}
.tb5 td { height:36px;  border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; text-align:left; padding:0 10px;}
.tb5 img {vertical-align:middle;}
.tb5 .no_boder   {border-bottom:none;}
.tb5 .no_boder_r {border-right:none;}
.tb5 .radius_l  {border-radius:4px 0 0 4px; border-bottom:none; }
.tb5 .radius_r  {border-radius:0 4px 4px 0; border-bottom:none; border-right:none;}
.tb5 .radius_bl {border-radius:0 0 0 4px; border-bottom:none; }
.tb5 .radius_br {border-radius:0 0 4px 0; border-right:none; border-bottom:none;}
.tb5 .radius_tl {border-radius:4px 0 0 0; }
.tb5 .radius_tr {border-radius:0 4px 0 0; border-right:none;}
.tb5 .height {height:100px}

.tb5_2 {width:100%; margin-bottom:10px; border-top:3px solid #528ced; border-right:1px solid #a1abbe; border-bottom:1px solid #a1abbe; border-left:1px solid #a1abbe;  border-radius:5px; }
.tb5_2 th {font-size:13px; background:#e3eaf3; border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; padding:5px 0; }
.tb5_2 tr {background:#ffffff;}
.tb5_2 td { height:36px;  text-align:center; border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; padding:0 3px;}
.tb5_2 .no_boder   {border-bottom:none;}
.tb5_2 .no_boder_r {border-right:none;}
.tb5_2 .radius_bl {border-radius:0 0 0 4px; border-bottom:none;}
.tb5_2 .radius_br {border-radius:0 0 4px 0; border-right:none; border-bottom:none;}
.tb5_2 .radius_tl {border-radius:4px 0 0 0; }
.tb5_2 .radius_tr {border-radius:0 4px 0 0; border-right:none;}

.tb6 {width:100%; border-left:1px solid #cdd2df; text-align:left;}
.tb6 th {font-size:13px; background:#eceef3; border-bottom:1px dotted #8e9097; border-right:1px solid #cdd2df; padding:5px 10px 5px 40px;  text-align:left; }
.tb6 tr {background:#ffffff;}
.tb6 td {border-bottom:1px dotted #8e9097; border-right:1px solid #cdd2df;  padding:4px 10px;}
.tb6 img {vertical-align:middle;}
.tb6 .no_boder   {border-bottom:none;}
.tb6 .left_m {padding-left:80px !important;}


.tb7 {width:100%; border:1px solid #a1abbe; border-radius:5px; table-layout: fixed;}
.tb7 th {background:#e3eaf3; padding:0px 8px; height:35px; color:#4c5267;border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb7 tr {background:#fff;}
.tb7 td {padding:8px 5px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:center; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;word-wrap:normal;}
.tb7 .no_boder  {border-bottom:none;}
.tb7 .radius_tl {border-radius:4px 0 0 0;}
.tb7 .radius_tr {border-radius:0 4px 0 0; border-right:none;}
.tb7 .radius_bl {border-radius:0 0 0 5px;}
.tb7 .radius_br {border-radius:0 0 5px 0;}

.tb7_1 {width:100%; border:1px solid #a1abbe; border-radius :4px 4px 0px 0px; table-layout: fixed; border-bottom-width:0px;}
.tb7_1 th {background:#e3eaf3; padding:0px 8px; height:35px; color:#4c5267;border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb7_1 tr {background:#fff;}
.tb7_1 td {padding:8px 5px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:center; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;word-wrap:normal;}
.tb7_1 .no_boder  {border-bottom:none;}

.tb7_2 {width:100%; border:1px solid #a1abbe; border-radius : 0px; table-layout: fixed; border-top-width:0px; border-left-width:0px; border-right-width:0px;}
.tb7_2 th {background:#e3eaf3; padding:0px 8px; height:35px; color:#4c5267;border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb7_2 tr {background:#fff;}
.tb7_2 td {padding:8px 5px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:center; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;word-wrap:normal;}
.tb7_2 .no_boder  {border-bottom:none;}

.tb8_1 {width:100%; border:1px solid #a1abbe; border-radius:5px 5px 0 0; }
.tb8_1 th {background:#e3eaf3; padding:0px 8px; height:35px; color:#4c5267; border-bottom:1px solid #c5ccd9; border-right:1px solid #c5ccd9; }
.tb8_1 .radius_tl {border-radius:4px 0 0 0;}
.tb8_1 .radius_tr {border-radius:0 4px 0 0; border-right:none;}

.tb8_2    {width:100%; border:none; border-radius:0 0 5px 5px; table-layout: fixed;}
.tb8_2 td {padding:8px 5px; color:#4c5267; border-bottom:1px solid #e0e3e9; line-height:1.5em; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;word-wrap:normal;}
.tb8_2 tr {background:#fff;}
.tb8_2 .tree1 { padding-left:25px } 
.tb8_2 .tree2 { padding-left:50px } 


.tb9_1 {width:100%; border-top:3px solid #528ced; border-right:1px solid #a1abbe; border-left:1px solid #a1abbe; border-radius:5px 5px 0 0; }
.tb9_1 th {font-size:13px; background:#e3eaf3; padding:5px 10px;  border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; }
.tb9_1 .radius_tl {border-radius:4px 0 0 0; }
.tb9_1 .radius_tr {border-radius:0 4px 0 0; border-right:none;}
.tb9_1 .no_pd  { padding:0;}

.tb9_2        {width:100%; border:none; border-radius:5px 5px 0 0;}
.tb9_2 td     { height:34px; text-align:center;  border-bottom:1px solid #cdd2df; border-right:1px solid #cdd2df; padding:0 10px;}
.tb9_2 tr {background:#fff;}
.tb9_2 .no_boder  {border-bottom:none;}
.tb9_2 .no_boder_r{border-right:none;}
.tb9_2 .radius_bl {border-radius:0 0 0 4px; border-bottom:none;}
.tb9_2 .radius_br {border-radius:0 0 4px 0; border-right:none; border-bottom:none;}

.c_data {box-shadow:inset #bbc9d4 0px 5px 8px -1px; background:#d8e3e8; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e3e8', endColorstr='#94aab7');  background:linear-gradient(#d8e3e8, #94aab7);
    font-weight:bold; text-decoration:none; line-height:35px; border-radius:4px 4px 0 0; vertical-align:middle; color:#45596b; height:35px; border:#adb4ba 1px solid; width:100%}
.c_data th {font-size:14px;line-height:35px; text-align:left;}
.c_data tr:hover {background:#94aab7;   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94aab7', endColorstr='#d8e3e8'); background:linear-gradient(#94aab7, #d8e3e8);}
.c_data .img {margin:0 10px 0 15px; vertical-align:middle; padding-bottom:3px;}

.c_data2 {box-shadow:inset #bbc9d4 0px 5px 8px -1px; background:#d8e3e8; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e3e8', endColorstr='#94aab7'); background:linear-gradient(#d8e3e8, #94aab7);
    font-weight:bold; text-decoration:none; line-height:35px; vertical-align:middle;  color:#45596b; height:35px; border:#adb4ba 1px solid; width:100%}
.c_data2 th {text-align:left; font-size:14px;}
.c_data2 tr:hover {background:#94aab7;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94aab7', endColorstr='#d8e3e8'); background:linear-gradient(#94aab7, #d8e3e8);}
.c_data2 .img {margin:0 10px 0 15px; vertical-align:middle; padding-bottom:3px;}

.c_data3 {background:#ccdbe7; font-weight:bold; text-decoration:none;  color:#45596b; height:35px; border:#adb4ba 1px solid; width:100%}
.c_data3 th {text-align:left; font-size:14px; padding-left:40px; vertical-align: middle;}



.t_data_auto {overflow:auto; background:#FFF; height:219px;border:1px solid #a1abbe; border-top:none; border-radius:0 0 5px 5px; margin-top:-1px}
.t_data_auto_l {overflow:auto; background:#FFF; height:547px; border:1px solid #a1abbe; border-top:none; border-radius:0 0 5px 5px; margin-top:-1px}
.t_data_auto_p {overflow:auto; background:#FFF; height:110px; border:1px solid #a1abbe; border-top:none; border-radius:0 0 5px 5px; margin-top:-1px}
.t_data_auto_t {overflow:auto; background:#FFF; height:351px;border:1px solid #a1abbe; border-top:none; border-radius:0 0 5px 5px; margin-top:-1px}

.tb_width  {min-width:550px !important;}

.sub_tit   {float:left; display:inline-block; margin:0 0 25px 0; font-family:HyundaiSansHeadKRRegular, sans-serif;}
.sub_tit_b {float:left; display:inline-block; margin:0; width:40%;font-family:HyundaiSansHeadKRRegular, sans-serif;}



.tb_ov {width:100%; overflow:hidden; margin:20px 0;}
.tb_ov .left {width:40%; float:left; display:inline-block;}
.tb_ov .right {width:55%; float:right; display:inline-block;}
.data_hd {float:left; display:inline-block;}

.right_btn {border:1px solid #333; border-radius:5px; height:22px; line-height:20px; padding:0 15px; float:right;}
.tb_cs {display:block; text-align:center;}
.tb_cs .tit {display:inline-block; margin-right:10px; font-weight:bold}
.c_img img {max-width:100%; width:170px; height:90px; margin-top:7px;}

.ad_dpi {width:100%; overflow:hidden;}
.ad_dpi .left {float:left; display:inline-block; width:50.5% !important;}
.ad_dpi .right {float:right; display:inline-block; width:48.5% !important;}
.ad_dpi .sub_tit2 {margin-bottom:20px; float:none !important;}

.sc_zone h4 {float:left; display:inline-block; width:50px; font-size:14px; line-height:27px; font-weight:bold;}
.sc_zone .btn {float:right; display:inline-block; }
.sc_zone_i {clear:both;}
.tb_bg {background:#f0f0f0;}
/*.ad_tit {font-weight:bold; font-size:16px; display: inline-block; float:left; height:36px; line-height:30px; margin-right:10px; color:#5093e1;} */ 
.ad_tit {border-bottom:2px solid #4f8bc7;font-size:18px;color:#013870;margin-bottom:10px;line-height:20px;padding-bottom:5px;overflow:hidden; font-size:17px; background:url(../images/common/title_bullet.gif) no-repeat; padding-left:10px; padding-top:2px; }

.admin_datazone {width:100%; overflow:hidden; margin-bottom:50px; padding-bottom:5px}
.admin_datazone .box01, .admin_datazone .box02, .admin_datazone .box03 {width:32.6%; float:left; display:inline-block; margin-left:1%;}
.admin_datazone .box04, {width:64%; float:left; display:inline-block; margin-left:1%; height:300px;}
.admin_datazone .box01 {margin-left:0 !important;}
.admin_datazone .box_top {width:100%; overflow:hidden; margin-bottom:10px;}
.admin_datazone .box_top h4 {float:left; display:inline-block; width:40%; font-size:14px; font-weight:bold;}
.admin_datazone .box_top .btn {float:right; display:inline-block; }



/* 공통 */
.txt_center {text-align:center !important;}
.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.dpi {width:100%; overflow:hidden; margin-bottom:10px;}
.bt_line {border-top:1px solid #ccc; padding:15px 0 0 0; margin-top:30px;}

/* float */
.fl {float: left !important;}
.fr {float:right !important;}

/* margin */
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px;}
.mt5 {margin-top:4px;}
.mt15 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt30 {margin-top:26px;}
.mt50 {margin-top:50px;}
.mt75 {margin-top:75px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt130 {margin-top:130px;}
.mt180 {margin-top:180px;}
.mln {margin-left:0 !important;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb125 {margin-bottom:125px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pb10 {padding-bottom:10px !important;}
.pb0 {padding-bottom:0px !important;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}

/* img */
.vam {vertical-align:middle;}
.hide {display:none;}
.bn {background:none !important;}
.bbn {border-bottom:none !important;}
.brn {border-right:none !important;}
.ovh {width:100%; overflow:hidden;}
.btn {border-top:none !important;}
.pd0 {padding:0 !important;}
.bul {display:inline-block; width:9px; margin-left:5px;  vertical-align:middle;}
.bul a {display:block; margin-bottom:3px; }
.bul img {vertical-align:text-bottom;}
.v_t {vertical-align:middle;}

/* paginate */
.paginate {margin:5px auto; text-align:center;}
.paginate a, .paginate strong{ letter-spacing:-2px; display:inline-block; margin:0 10px; height:23px; line-height:23px; /* width:30px; */ text-align:center; border:1px solid #fff; color:#80879a; }
.paginate a:hover, .paginate strong {border:1px solid #4c5267; background:#f6f7f8; display:inline-block;}
.d_link:hover {border:1px solid #fff; background:#fff;}
.d_link{color:#4c5267 !important;}
.paginate_sub {float:right; margin-top:-25px; margin-right:10px; color:#687189;}
.b_select { width:50px; padding:2px 5px; /* border:1px solid #c5ced7;  background:#eceef3; color:#848a9e; */ /*border-radius:5px; */height:20px; line-height:20px;}

.paginate2 {margin:20px auto; text-align:center;}
.paginate2 a, .paginate2 strong{ letter-spacing:-2px; display:inline-block; margin:0 10px; height:23px; line-height:23px; width:30px; text-align:center; border:1px solid #f5f7fa; color:#80879a; }
.paginate2 a:hover, .paginate2 strong {border:1px solid #4c5267; background:#f6f7f8; display:inline-block;}
.d_link2:hover {background:#fff;}
.d_link2{color:#4c5267 !important;}
.d_link_input {height:20px; line-height:20px; width:30px; text-align:center; border:1px solid #4c5267; background:#f6f7f8; color:#4c5267 !important;}

.nt_data {border:1px solid #ccc; height:500px;}
.nt_data img {max-width:100%;}
.dpi {width:100%; overflow:hidden;}
.sub_tit2 {float:left; display:inline-block; font-weight:normal;}

.page_right {float:right; display:inline-block; background:#f5f7fa; border-right:1px solid #D6D6D6; border-radius:0 5px 0 5px; }
.page_right a {float:left; display: inline-block; width:150px; border-left:1px solid #D6D6D6; border-top:1px solid #D6D6D6; font-size:16px; font-weight:bold; height:35px; line-height:32px; text-align:center;}
.page_right a:first-child {border-radius:5px 0 0 0;}
.page_right a:last-child {border-radius:0 5px 0 0;}
.page_right a:hover, .page_right a:active, .page_right a:focus, .page_right .on {background:#4cbd7c; border-left:1px solid #4cbd7c; border-top:1px solid #4cbd7c; color:#fff !important;}

.br_line{border-right:1px solid #cdd2df}
.border_box {border:1px solid #ccc; border-radius:5px; padding:15px; overflow:hidden; margin-bottom:20px;}
.border_box .left {width:40%; float:left; display:inline-block;}
.border_box .right {width:55%; float:right; display:inline-block;}
/*
.bry_box { background:#f5f7fa; padding:0px 10px 10px 10px; border:1px solid #D9DADA; border-radius:5px 0 5px 5px; min-height:450px;}
.bry_box2 { background:#f5f7fa; padding:0px 10px 10px 10px; border:1px solid #D9DADA; border-radius:5px;}
*/
.bry_box { padding:0px;}
.bry_box2 { padding:0px 10px 10px 10px; }


/* 버튼 */
.btn_right {float:right;}
.hov:hover {opacity:1;}
.hov {opacity:0.8}
.btn_sear {background: #56318e none repeat scroll 0 0;color: #fff !important;display: inline-block;font-size: 18px;font-weight: bold;height: 50px;line-height: 50px;text-align: center;width: 143px;}
.pf {background:#24273e url(/images/bul_c01.png) no-repeat 10px 10px; color:#fff !important; font-weight:bold; text-indent:25px; height:30px; line-height:30px; width:70px; display: inline-block; margin-bottom:2px;}
.dl {background:#b2b6c3 url(/images/bul_c02.png) no-repeat 10px 10px; color:#fff !important; font-weight:bold; text-indent:25px; height:30px; line-height:30px; width:70px; display: inline-block; margin-bottom:2px;}
.wt {background:#b2b6c3 url(/images/bul_c03.png) no-repeat 10px 10px; color:#fff !important; font-weight:bold; text-indent:25px; height:30px; line-height:30px; width:70px; display: inline-block;}
.f_d {display:inline-block; width:22%;}
.hf {display:inline-block; width:40%;}

.top_left_btn    {margin:15px 0; overflow:hidden; float:left; width:20%; }
.top_left_btn a  {display:inline-block; width:110px; background:#f5f7fa; border:1px solid #4cbd7c; font-size:14px; font-weight:bold; line-height:30px; text-align:center; height:30px;}
.top_left_btn a:first-child {border-radius:5px 0 0 5px; }
.top_left_btn a:last-child {border-radius:0 5px 5px 0;}
.top_left_btn a:hover, .top_left_btn a:active, .top_left_btn a:focus, .top_left_btn .on {background:#4cbd7c; border-top:1px solid #4cbd7c; color:#fff !important;}


.top_right {text-align:right; margin:5px 0; overflow:hidden; float:right; display:inline-block;}

.top_right_btn {text-align:right; margin:15px 0; overflow:hidden; float:right; width:80%; display:inline-block;}
.top_right_btn li {display:inline-block;}
.top_right_btn a {background:#fff; color:#528ced !important; border:1px solid #528ced; font-size:12px; display:inline-block; height:26px; line-height:26px; text-align:center; width:80px; border-radius:5px; margin:0 0 0 3px;}
.top_right_btn a:hover, .top_right_btn a:active, .top_right_btn a:focus, .top_right_btn .on { background:#528ced; color:#fff !important; }

.btn_b {border:1px solid #333; height:22px; line-height:20px; display:inline-block; padding:0 15px; margin-right:5px;}
.btn_b:hover {background:#333; color:#fff !important;}

.btn_sc {background:#528ced url(/images/sc.png) no-repeat 15px 8px; color:#fff !important; font-size:12px; display:inline-block; height:28px; line-height:28px; text-align:center; padding-left:10px; width:72px; border-radius:5px;}
.btn_sc:hover  {background:#427cdf url(/images/sc.png) no-repeat 15px 8px;}

.btn_button {background:#fff; color:#528ced !important; border:1px solid #528ced; font-size:12px; display:inline-block; height:26px; line-height:26px; text-align:center; width:90px; border-radius:5px; margin:0 0 0 3px;}
.btn_button:hover  { background:#f2f3f6;}

.btn_button_1 {background:#7b819e; color:#fff !important; font-size:12px; display:inline-block; height:28px; line-height:28px; text-align:center; width:90px; border-radius:5px; margin:0 0 0 3px;}
.btn_button_1:hover  {background:#656c8a;}

.btn_button_2 {background:#528ced; color:#fff !important; font-size:12px; display:inline-block;height:28px; line-height:28px; text-align:center; width:90px; border-radius:5px; margin:0 0 0 3px;}
.btn_button_2:hover  {background:#427cdf;}

.btn_plus  {border: 1px solid #c1cbd4; width:50px; height:25px; line-height:25px; border-radius: 5px; margin-left:10px; font-size:11px; display:inline-block; 
box-shadow:inset #ffffff 0px 0px 1px 1px,#ffffff 0px 1px 0px;
text-align:center; 
background-image: linear-gradient(top, #fafafa, #e8ebf1);
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);}
.btn_plus2  {border: 1px solid #c1cbd4; height:22px; line-height:20px; border-radius: 5px; padding:0 8px 0 8px; font-size:11px; display:inline-block; 
box-shadow:inset #ffffff 0px 0px 1px 1px,#ffffff 0px 1px 0px;
text-align:center; 
background-image: linear-gradient(top, #fafafa, #e8ebf1);
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);}
.btn_x  {border: 1px solid #c1cbd4; background:#fff; height:15px; width:15px; line-height:12px; border-radius: 3px; margin-left:10px; display:inline-block; font-weight:bold; color:#8998a6 !important; font-size:12px; text-align:center;}

.btn_s04  {border: 1px solid #c1cbd4; background:#fff; height:15px; width:15px; line-height:12px; border-radius: 3px; margin-left:3px; display:inline-block; font-weight: 900; color:#8998a6 !important; font-size:14px; text-align:center;}

.btn_modify {font-weight:bold; text-decoration:none; box-shadow:inset #ffffff 0px 1px 1px -1px,#4d5473 0px 1px 0px; background:#626881;
    background:linear-gradient(#8288a1, #626881);
    text-indent:0px; line-height:0px; border-radius:2px; text-align:center; vertical-align:middle; display:inline-block; font-size:11px; color:#fff !important;
    width:23px; height:0px; padding:8px; border:solid 1px #4D5473;}
.btn_modify:active {box-shadow:inset #ffffff 0px 1px 1px -1px,#789445 0px 0 0px; position:relative; top:1px}
.btn_modify:hover  {background:linear-gradient(#626881, #8288a1);}

.btn_del {font-weight:bold; text-decoration:none; box-shadow:inset #fafafa 0px 1px 1px -1px,#a8a8a8 0px 1px 0px; background:#eeeeee;
    background:linear-gradient(#eeeeee, #e1e1e1);
    text-indent:0px; line-height:0px; border-radius:2px; text-align:center; vertical-align:middle; display:inline-block; font-size:11px; color:#49631a  !important;
    width:23px; height:0px; padding:8px; border-color:#d6d6d6; border-width:1px; border-style:solid;}
.btn_del:active {box-shadow:inset #fafafa 0px 5px 8px -1px,#a8a8a8 0px 0 0px; position:relative; top:1px}
.btn_del:hover {background:#e1e1e1; background:linear-gradient(#e1e1e1, #eeeeee);}

.btn_s01 {background:#528ced; color:#fff !important; font-size:11px; display:inline-block; height:25px; line-height:25px; text-align:center; border-radius:4px; padding:0 6px;}
.btn_s01:hover  {background:#427cdf;}

.btn_s02 {background:#fff; color:#528ced !important; font-size:11px; border:1px solid #528ced; display:inline-block; height:23px; line-height:23px; text-align:center; padding:0 6px; border-radius:4px;}
.btn_s02:hover  { background:#f2f3f6;}

.btn_s03 {background:#7b819e; color:#fff !important; font-size:11px; display:inline-block; height:25px; line-height:25px; text-align:center; padding:0 6px; border-radius:4px;}
.btn_s03:hover  { background:#656c8a;}

.btn_ps  {background:#fff; height:17px; width:17px; line-height:12px; border-radius: 4px; margin-left:3px; display:inline-block; font-weight: 900; color:#8998a6 !important; font-size:14px; text-align:center;}
.btn_ps:hover  { background:#eceef3;}

.nd_btn {text-align:right; margin:30px 0 10px 0;} 


.f_list {width:100%; height:45px; overflow: auto; text-align:left; }
.f_list2 {width:100%; height:45px; overflow: auto;}

/* input */
.input01 { width:96%; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input02 { border:1px solid #bcc3c9; height:38px; width:84%; padding:0 3%}
.input03 { border:1px solid #bcc3c9; height:38px; width:34%;padding:0 3%}
.input04 { width:150px; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input05 { border:1px solid #bcc3c9; height:20px; width:70%;padding:7px 10px; border-radius:5px}
.input06 { border:1px solid #bcc3c9; height:20px; width:150px;padding:7px 10px; border-radius:5px}
.input07 { width:96%; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input08 { width:70px; background-color:transparent; border:none; padding-left:5px; height:25px; line-height:25px; font-size:12px;}
.input09 { width:100%; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input10 { width:70px; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input11 { width:70px; border:1px solid #c1cbd4; margin:5px; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input12 { width:50%; border:1px solid #c1cbd4; margin:5px; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.cal_d {border: 1px solid #c1cbd4;border-radius: 5px; height: 25px;line-height: 25px; padding:0px 2%; width:115px; display:inline-block; 
box-shadow:inset 0px 0px 0px 1px #fff;
background-image: linear-gradient(top, #fafafa, #e8ebf1);
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);}
.cal_d img {vertical-align:text-bottom; display:inline-block; margin:0 4px;}

.pp_input {border: 1px solid #c1cbd4;border-radius: 5px; height: 25px;line-height: 25px; width:115px; display:inline-block; 
box-shadow:inset 0px 0px 0px 1px #fff;
margin-right:5px; text-align:center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#e8ebf1');
background-image: linear-gradient(top, #fafafa, #e8ebf1);
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/}
.pp_input img {vertical-align:text-bottom; display:inline-block; margin:0 4px;}

.s_file {display:block; margin-top:7px; width:99%; text-align:center;}

/* select */
.select01 { width:128px; height:32px; border:1px solid #bcc3c9;}
.select02 { width:78px; height:32px; border:1px solid #bcc3c9;}
.select03 { width:58px; height:32px; border:1px solid #bcc3c9;}
.select04 { width:180px; height:50px; background:#dcdfe4; text-align:center; border:0; color:#8c929b;}
.select05 { width:58px; height:32px; border:1px solid #bcc3c9; text-align:center;}
.a_select { border:1px solid #bcc3c9; height:32px; width:90px;padding:7px 10px; border-radius:5px}
.s_select { width:96%; font-size:12px; border:1px solid #c5ced7; padding:2px 5px; border-radius:5px; height:27px; line-height:25px; text-indent:5px;
box-shadow:inset 0px 0px 0px 1px #fff;
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);
background-image: linear-gradient(top, #fafafa, #e8ebf1);}

.p_select { width:96%; font-size:12px; border:1px solid #c5ced7; padding:2px 5px; border-radius:5px; height:27px; line-height:25px; text-indent:5px;box-shadow:inset 0px 0px 0px 1px #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#e6e8f0');
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);
background-image: linear-gradient(top, #fafafa, #e8ebf1);}

.p_select_w { width:90px; font-size:12px; border:1px solid #c5ced7; padding:2px 5px; border-radius:5px; height:27px; line-height:25px; text-indent:5px;box-shadow:inset 0px 0px 0px 1px #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#e6e8f0');
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);
background-image: linear-gradient(top, #fafafa, #e8ebf1);}

.a_select { width:180px; font-size:12px; border:1px solid #c5ced7; padding:2px 5px; border-radius:5px; height:27px; line-height:25px; text-indent:5px; 
box-shadow:inset 0px 0px 0px 1px #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#e6e8f0');
background-image: -ms-linear-gradient(top, #fafafa, #e8ebf1);
background-image: linear-gradient(top, #fafafa, #e8ebf1);}




#footer {background:#141721; text-align:center; padding:45px 0; color:#a0a2a5; width:100%; min-width:1200px;}

.tbhv tr:hover { background:#f0f4f9 !important;}
.tbhv .hv_none {background:#e3eaf3 !important;}
.txt_ud {text-decoration:underline !important;}
.u_blue {color:#5093e1 !important; text-decoration:underline !important; cursor:pointer}
.font_red {color:red;}
.font_blue {color: blue; vertical-align:top}
.font_gray {color: gray; vertical-align:top}
.font_gr {color:#92D050;}
.font_bl {color:#000;}
.font_yl {color:#FFC000;}



.bul01 {color:#5093e1;}
.bul02 {color:#f65177;}
.m_bul {display:inline-block; margin:0 10px;}



#popup { margin:0 auto; padding:10px 10px 0 10px;}
#popup_tit {width:100%; margin:0;}
#popup_tit h2 {background:#585f7c; height:45px; line-height:45px; color:#fff; padding:0 10px; font-weight:normal;}
.popup_sc {width:95%; display:inline-block;}
.popup_sc .left  {float:left; display:inline-block; width:90%;}
.popup_sc .right {float:left; width:25px; margin-left:20px;}

.popup_sc1 {width:100%; display:inline-block;}
.popup_sc1 .left  {float:left; display:inline-block; width:75%;}
.popup_sc1 .right {float:left; width:25px; margin-left:20px;}

.popup_sc2 {width:100%; display:inline-block;}
.popup_sc2 .left  {float:left; width:81%; display:inline-block;}
.popup_sc2 .left_1  {float:left; width:65%; display:inline-block; text-align:left; padding-left:10px;}
.popup_sc2 .left_2  {float:left; width:70%; display:inline-block; text-align:left; padding-left:10px;}
.popup_sc2 .right {float:left; width:50px; margin-left:5px;display:inline-block;}


.p_body {min-width:inherit !important;}
.p_body2 {min-width:1200px;}



.d_select01 {border: 1px solid #c5ced7;border-radius: 5px;box-shadow: 0 0 0 1px #fff inset;font-size: 12px;height:;line-height: 25px;padding: 2px 5px;text-indent: 5px;width:55%;}
.d_select02 {border: 1px solid #c5ced7;border-radius: 5px;box-shadow: 0 0 0 1px #fff inset;font-size: 12px;height:;line-height: 25px;padding: 2px 5px;text-indent: 5px;width:40%;}

.s_top {margin:10px 0 5px 0; width:100%; overflow:hidden;}
.tit01 {float:left; color:#5093e1; display:block; font-size:16px;  height:25px; line-height:23px; margin-right:10px;}
.s_top .fl {display:inline-block; height:25px; line-height:23px;}
.s_top .fr {}
.g_box {border:1px solid #ccc; padding:10px; min-height:150px; border-radius:5px; background:#fff}

.right_tb {float:right; width:70%; display:inline-block;}
.input01_1 { width:50%; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.input01_2 { width:37%; border:1px solid #c1cbd4; padding:0 5px; border-radius:5px; height:25px; line-height:25px; font-size:12px;}
.v_m {vertical-align:middle;}
.btn_e {border:1px solid #0080FF; background:#D0E8FF; display:inline-block; height:20px; width:20px; line-height:20px; text-align:center; border-radius:3px;}
.btn_c {border:1px solid #333; background:#f0f0f0; display:inline-block; height:20px; width:20px; line-height:20px; text-align:center; border-radius:3px;}
.btn_e_s {border:1px solid #0080FF; background:#D0E8FF; display:inline-block; height:16px; width:16px; text-align:center; border-radius:3px; font-size:10px; line-height:16px;}
.btn_c_s {border:1px solid #333; background:#f0f0f0; display:inline-block; height:16px; width:16px; text-align:center; border-radius:3px; font-size:10px;line-height:16px; margin-left:3px;}

.d_link { font-size:16; font-weight:bold; border: 1px solid #fff;color: #80879a; /* width:28px; */ display: inline-block;height: 23px;line-height: 18px; margin: 0 10px;text-align: center; /*font-size:16px;*/}
.d_link:hover { background:#eff0f6; border-radius:4px;}

.tb_center td {text-align:center;}
.bg_gl {background:#D7EBFF !important;}
.g_select01 {border: 1px solid #c5ced7;border-radius: 5px;box-shadow: 0 0 0 1px #fff inset;font-size: 12px;height:;line-height: 25px;padding: 2px 5px;text-indent: 5px;width:55px;}

.itext {width:98%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:39px;}
.itext2 {width:98%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:30px; margin:5px 0;}
.itext3 {width:80%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:30px; margin:5px 0}
.itext4 {width:96%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:80px;margin:5px 0}
.itext5 {width:96%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:150px;margin:5px 0}
.itext6 {width:89%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:150px;margin:5px 0}
.itext7 {width:89%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:120px;margin:5px 0}
.itext8 {width:96%; border:1px solid #c1cbd4; padding:7px; border-radius:5px; height:30px;}
.itext9 {width:96%; border:1px solid #c1cbd4; padding:7px; border-radius:5px;}
.close {display:inline-block; width:15px; height:15px; text-align:center; background:#333; color:#fff !important; line-height:15px; font-size:11px;}
.file_list {margin:5px 0;}
.file_list li {line-height:1.5em;}

.dr_data { width:100%; overflow:hidden; margin-top:20px;}
.dr_data .left {float:left; display:inline-block; width:50%}
.dr_data .right {float:right; display:inline-block; width:50%}
.dr_top {width:100%; overflow:hidden;}
.dr_top .data1 {float:left; display:inline-block; width:30%;}
.dr_top .data2 {float:right; display:inline-block; width:60%;}
.dr_list {margin:0 0 15px 0;}
.dr_list li {line-height:1.5em; display:block; margin-bottom:5px;}
.dr_list li .tit {display:inline-block; width:60px; font-weight:bold;}
.dr_input01 {border: 1px solid #c1cbd4;border-radius: 5px;font-size: 12px;height: 25px;line-height: 25px;padding: 0 5px;width:120px;}
.dr_btn a {border:1px solid #333; display:inline-block; height:25px; line-height:23px; width:60px; text-align:center; margin-right:10px}
.dr_btn a:hover {background:#333; color: #fff !important;}

.dr_data .right .right1 {width:17%; display:inline-block; float:left;}
.dr_data .right .right2 {width:33%; display:inline-block; float:left; margin-right:30px}
.dr_data .right .right3 {width:33%; display:inline-block; float:left;}
.img_data {text-align:left; padding:10px 0px;}
.img_data img{max-width:100%; width:300px; height:200px;}

.c_databox {display:none;}

.h_top {width:100%; overflow:hidden;}
.h_top .left {width:29%; float:left; border-radius:5px; margin-right:15px; display:inline-block; border:1px solid #ccc; padding:10px 10px 10px 20px; overflow:auto; height:340px;}
.h_top .left ul li { display:block; line-height:1.5em; margin-bottom:7px; }
.h_top .left ul li a {font-weight:bold;}
.h_top .left ul li li a {font-weight:normal;}
.h_top .left ul li li {padding-left:20px; margin-bottom:7px; }
.h_top .left ul li img {vertical-align:sub; display:inline-block; margin-right:3px;}
.h_top .left ul li ul {margin-top:10px;}
.t_btn { margin-top:10px;}
.h_top .right {width:67%; float:right; display:inline-block;}


/* 2017.4.6 추가 */
.pw {background:#5b87e1; color:#fff; text-align:center; display:inline-block; width:20px; height:20px; line-height:20px; border-radius:3px;}
.login_wrap {background:#e9edf7;}
.log_tit {text-align:right; padding-right:15px; margin-bottom:13px;}
.login_wrap .login_box {width:550px; position:absolute; top:30%; margin-top:-80px; left:50%; margin-left:-275px;}
.login_wrap .login_box .log_top { background:#709fed; color:#fff; font-size:20px; text-align:center; height:50px; line-height:50px; letter-spacing:-1px; font-weight:bold; border-radius:12px 12px 0 0;}
.login_wrap .login_box .log_top span {font-size:12px;}
.log_data {background:#585f7c; padding:30px 0; border-radius:0 0 12px 12px;}
.log_data h2 {font-size:43px; color:#96b9f2; margin-bottom:25px; text-align:center;}
.log_data .log_set {position:relative;}
.log_data .log_input {color:#fff; font-size:14px; font-weight:bold; margin-bottom:8px; padding-left:60px;}
.log_data .log_input label {display:inline-block; font-size:14px; font-weight:bold; text-align:right; width:100px; margin-right:10px; letter-spacing:-1px;}
.log_data .log_txt {width:170px; height:30px; line-height:30px; padding:0 5px; background:#444b69; color:#fff; border-radius:5px; border:0;}
.log_data .btn_log a {background:#287de1; color:#fff; font-size:18px; font-weight:bold; width:100px; height:68px; line-height:68px; text-align:center; position:absolute; top:0px; left:364px; display:block; border-radius:10px;}
.log_data .applyNote {color:#fff; font-size:13px; font-weight:bold; margin-top:20px; margin-bottom:8px; padding-left:60px; margin-bottom:5px;}