@charset "utf-8"; 

/* start defaut CSS */
body{ font-family: "돋움", Dotum, Arial, sans-serif, Verdana, Helvetica, geneva; font-size: 0.75em; line-height: 1.33; color: #666666; margin: 0; padding: 0; position: relative;}

/* IE 6, 7 */
* html body, *:first-child+html body{font-size:12px/*0.75em*/;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, label{ font-style: normal; font-weight:normal;}
img{ border:none;vertical-align:top;}
caption{ display: none; clear:both; table-layout:fixed; border-collapse:collapse;}
fieldset{ border: none; margin: 0; padding: 0; display: inline;}
input{ vertical-align:middle; font-family: "돋움", Dotum, "굴림", Gulim; color: #666; font-size: 12px/*0.90em*/;}
select, input, textarea{ font:100% "돋움", Dotum, Tahoma, sans-serif; vertical-align:middle; color:#666}
select{ height: 20px;}
textarea{ font-family: "돋움", Dotum, "굴림", Gulim; color: #666; font-size:100%; border:1px solid #e5e5e5; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}

.checkbox, .radio{ margin-right: 3px;}
* html .radio{ margin-top:-4px; margin-right: 0;}
*:first-child+html .radio {margin-top:-4px;  margin-right: 0;}
* html .checkbox {margin-top:-4px;  margin-right: 0;}
*:first-child+html .checkbox {margin-top:-4px;  margin-right: 0;}

a{ text-decoration:none;}
a:hover, a:active, a:focus{ text-decoration:none;}

input[type=checkbox], input[type=radio]{ margin-right: 3px;}
.radio{ position: relative; bottom: 1px;}


/* Common Class */
.skip, legend{ position : absolute; width : 0; height : 0; font-size : 0;line-height : 0;overflow: hidden; visibility :hidden;}
.disNone, hr{ display: none; margin: 0; padding: 0; width : 0; height : 0; font-size : 0; line-height : 0;overflow: hidden; visibility : hidden;}
.floatDiv{ *zoom: 1}
.floatDiv:after{ content: ""; display: block; clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.lft{ text-align: left !important}
.ce{ text-align: center !important}
.rgt{ text-align: right !important}
.bgNone{ background: none !important;}
.mt2{ margin-top: 2px !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.mb5{ margin-bottom:5px}
.ml10{ margin-left: 10px}
.ml15{ margin-left: 15px}
.ml20{ margin-left: 20px}
.ml30{ margin-left: 30px}
.mr10{ margin-right: 10px}
.mr20{ margin-right: 20px}

.w30{ width: 30%}
.w40{ width: 40%}
.w80{ width: 80%}
.w90{ width: 90%}

/* skipMenu */
#skipToContent { position: absolute; width: 100%;} 
#skipToContent a { position: absolute;  display:block; height:0; width:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipToContent a:focus, 
#skipToContent a:active { height:auto; width:99%; padding:5px; background: #57c4e0; color: #005283; font-weight: bold; border-bottom: 1px solid #44abd2;} 

#wrap{ width: 100%}
.w980{ width: 980px; margin: 0 auto;}
#footer{ border-top: 1px solid #ddd; background: #eaeaea}

/* header */
#header{ width: 100%; background: #fff url(../images/header_bg.gif) repeat-x 0 0; }
#header .header_gnb_wrap{position:relative;width: 980px; height: 151px; margin: 0 auto;position: relative; z-index: 2}
#header .header_gnb_wrap .floatDiv{ height: 67px;}

#header .header_gnb_wrap .header_logo{ width: 300px; height: 50px; margin-top:17px; float: left; background: url(../images/header_logo.gif) no-repeat 10px 0;}
#header .header_gnb_wrap .header_logo a{display: block; width: 300px; height: 50px; text-indent: -1000000px;}
#header .header_gnb_wrap .tm_mn p{ text-align: right; margin-top: 39px; height: 28px;}
#header .header_gnb_wrap .tm_mn p .usr_nm{ margin-right: 10px; color: #333; font-size: 12px; display: inline-block; padding-top: 7px}
#header .header_gnb_wrap .tm_mn p .usr_nm strong{ color: #0f4b9d}
#header .header_gnb_wrap .tm_mn .tp_mn{ position: absolute; top: 13px; right: 0; height: 21px;}
#header .header_gnb_wrap .tm_mn .tp_mn a{ background: url(../images/division1.gif) no-repeat 0 50%; display: inline-block; padding: 5px 10px; font-size: 11px; color: #666; line-height: 1; font-weight: bold}

#header .header_gnb_area{width: 1200px; height: 84px;}

#header .header_gnb_area ul.header_gnb_menu{ width:1200px; height: 84px;}
#header .header_gnb_area ul.header_gnb_menu:after{ content: ""; display: block; clear: both;}
#header .header_gnb_area ul.header_gnb_menu li{display: block; float: left; }
#header .header_gnb_area ul.header_gnb_menu li a{ font-size: 16px; text-decoration: none; color: #000; display: block; height: 49px;}

.header_2depth_bg{ width:100%; background:url(../images/gnb_2dep_bg.png) repeat-x 0 0; position:absolute; top:116px; left:0; z-index: 1; display: none; padding:0; height: 40px}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap{ width:1200px;*width:1200px !important;  position:absolute; top:116px; left:0px;z-index:3; padding: 0; display: none; color: #fff; height: 35px; font-weight: bold}
.view{ display: block !important}

#header .header_gnb_area ul.header_gnb_menu li:hover .header_2depth_wrap,
#header .header_gnb_area ul.header_gnb_menu li.on .header_2depth_wrap{display: block;}

#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap_ex{display: none;position:relative;}

#header .header_gnb_area ul.header_gnb_menu li:hover .header_2depth_wrap_ex,
#header .header_gnb_area ul.header_gnb_menu li.on .header_2depth_wrap_ex{}

#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul{width: 100%;}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li{display: block; float: left;}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li a{ color: #fff; font-size: 12px; padding: 11px 16px 0; height: 24px; background: none;}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li a:hover, #header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li.on a{ color: #ffd800}

#container{ width: 980px; margin: 0 auto; background: url(../images/container_bg.gif) repeat-y 0 0; position: relative}
#left_area{ float: left; width: 221px;}
#left_area h2{ background: url(../images/left_h2.gif) no-repeat 0 0; padding-top: 37px; height: 63px; vertical-align: top; text-align: center;}
#left_area ul{ width: 219px; margin: 0 auto;}
#left_area ul li{ border-bottom: 1px solid #d9d9d9;}
#left_area ul li a{ display: block; background: #f7f8fc url(../images/sub/snb_dot.gif) no-repeat 191px 0; padding: 15px 25px 15px 15px; color: #222; font-weight: bold; line-height: 1}
#left_area ul li a:hover, #left_area ul li.active a{ background: #0079c7 url(../images/sub/snb_dot.gif) no-repeat 191px 100%; color: #fff}
#left_area ul ul{ margin: 8px auto;}
#left_area li li{ border: 0;}
#left_area li li a{ background: url(../images/sub/snb_dot2.gif) no-repeat 17px 11px !important; padding: 8px 15px 6px 30px; color: #666 !important; font-weight: bold; line-height: 1}
#left_area li li a:hover, #left_area li li.active a{ background: url(../images/sub/snb_dot2.gif) no-repeat 17px -33px !important; color: #e9292a !important;}

#content{ float:right; width: 759px; background: url(../images/sub/content_bg.gif) no-repeat 100% 15px; position: relative; padding-bottom: 30px}
#content h1{ height: 42px; border-bottom: 1px solid #d9d9d9; background: url(../images/sub/bullet_h.gif) no-repeat 20px 85px; padding: 85px 0 0 45px; line-height: 1; color: #222; font-size: 18px}
#content h2{ background: url(../images/sub/bullet_h2.gif) no-repeat 3px 1px; padding: 0 0 0 21px; color: #222; line-height: 1; font-size: 14px; margin-bottom: 10px}
#content h3{ background: url(../images/sub/bullet_h3.gif) no-repeat 5px 3px; padding: 0 0 0 21px; color: #444; line-height: 1; font-size: 14px; font-weight:300; margin-bottom: 10px}
.path{ background: url(../images/sub/path_bg.png) no-repeat 100% 0; height: 22px; position: absolute; left: 0; top: 0; color: #666; padding: 12px 140px 0 30px}
.sub_vis{ display: block; position: absolute; right: 0; top: 0; width: 300px; height: 132px; padding-top: 8px; z-index: 1}
#content .section{ margin-left: 30px; background: #fff; padding-top: 15px}
#content .floatDiv h2{ margin: 10px 0 0 5px !important}
#content .floatDiv h2.mt0{ margin-top: 0 !important;}
#content h2 input, #content h3 input, #content h2 select, #content h3 select {vertical-align:top;}


.section.login{ padding: 60px 0 100px; position: relative; padding-top: 60px !important}
.section.login .login_head{ background: url(../images/sub/login_head.gif) no-repeat 15px 15px; padding: 40px 0 25px 210px}
.section.login .login_head h2{ margin: 0 !important; background: none !important; padding: 0 !important}

.section.login .login_head .login_btn1{ position: absolute; right: 80px; top: -2px ;}
.section.login .login_head .login_btn2{ position: absolute; right: 80px; top: 146px;}


.section.login .login_head fieldset{ width: 435px; position: relative; margin-top: 25px;}
.section.login .login_head fieldset dl{ margin-left: 5px}
.section.login .login_head fieldset dt label{ font-weight: bold; width: 60px; color: #333}
.section.login .login_head fieldset dd{ margin: -19px 0 7px 60px;}
.section.login .login_head fieldset dd .inputData{ border: 1px solid #b1b1b1; height: 19px; width: 190px; padding: 3px 5px 0 5px;}
.section.login .login_head fieldset .login_btn{ position: absolute; right: 0; top: -5px}

/* box */
.round_box1{ background: url(../images/sub/round_box1.gif) no-repeat 0 0; padding-top: 10px; }
.round_box1 .box{ background: url(../images/sub/round_box1.gif) no-repeat 0 100%; padding-bottom: 10px;}
.scroll_box1{ border: 1px solid #d9d9d9; padding: 20px; overflow: auto; height: 135px; color: #333}
.section .round_box1 fieldset{ display: block}

/* list type */
.list_ty1{ margin: 10px auto 0; width: 80%}
.list_ty1 li{ background: url(../images/sub/bullet1.gif) no-repeat 0 2px; padding: 0 0 5px 20px; color: #666}

/* text type */
.txt_ty1{ color: #333; line-height: 1.7; margin: 5px 0 0 10px}
.txt_ty2{ color: #333; line-height: 1.7; margin: 0}
.txt_ty3{ color: #666; line-height: 1.2; font-size: 11px;}
.txt_ty4{ color: #e9292a; line-height: 1.5; margin: 0}
.txt_ty5{ color: #333; font-size: 14px;}

.txt_blu{ color: #0067c7 !important;}
.txt_red{ color: #e9292a !important;}
.strong{ font-weight: bold;}

/* describe img */
.describe_area{ background: url(../images/sub/describe_img.gif) no-repeat 0 0; padding-left: 85px; color: #666}
.describe_area.img2{ background-position: 0 -158px}
.describe_area.img21{ background-position: 0 -1}
.describe_area.img3{ background-position: 0 -313px}
.describe_area.img2 .gap1{ padding: 10px 0}
.describe_area p strong{ line-height: 1.5 !important}

/* 검색박스 내 테이블 */
.sch_grid{ margin:0 auto; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; border-color:#FFF; position: relative}
.sch_grid tbody th{ background: url(../images/sub/bullet2.gif) no-repeat 0 45%; padding:4px 5px 5px 15px; text-align: left; color: #464749; border: 0; font-weight: bold !important;}
.sch_grid tbody th label{  font-weight: bold;}
.sch_grid tbody td label{ margin-right: 15px}
.sch_grid .inputData{ border: 1px solid #dedede; height: 18px; line-height: 1.5}
.section .round_box1 .btnArea{ background: url(../images/sub/top_line1.gif) repeat-x 0 0; padding: 10px 0 0; margin: 7px auto 0 !important}

/* 텝스타일 */
.tab_ty1 li{ float: left;}
.tab_ty1 li a{ display: block; background: #f1f2f5; border: 1px solid #d9d9d9; border-bottom: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5;  color: #666; text-align: center; font-size: 12px; padding: 13px 0 11px; line-height: 1; font-weight: bold;}
.tab_ty1 li a:hover{ color: #333;}
.tab_ty1 li.active a{ background: #fff; border: 2px solid #ca1200; border-bottom: 1px solid #fff; color: #ca1200;}

.btm_line{ background: url(../images/sub/top_line2.gif) repeat-x 0 100%;padding-bottom: 10px;}

/* layer popup */
.layer_pop{ background: #f0f0f0; padding-bottom: 3px; position: absolute; z-index: 999}
.layer_pop .layer_box h1{ background: #182b8e !important; color: #fff !important; font-size: 12px !important; padding: 10px 15px !important; line-height: 1 !important; margin: 0 !important; height: auto !important}
.layer_pop .layer_box .layer_con{ border: 1px solid #d9d9d9; border-top: 0; background: #f8f8f8; padding: 10px 15px 15px;}

/* table */
table{display:table; border-spacing:0; border-style:none; border-width:0;}
caption{display:none;}
td, th *{font-size:12px; letter-spacing:0; border-width:0; border-style:none;}
th{white-space:nowrap; white-space:nomal;}
td{white-space:nomal; word-break:break-all;}
td .img{padding:0 3px; vertical-align:middle;}
table a:link, a:visited{color:#62666a; }
table a:hover{color:#62666a}
label {padding:0 !important;}

.grid, .grid table{ width:100%; margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;}
.grid thead th, .grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th{border-style:none; border:0; border-width:0; empty-cells:show; vertical-align: top}
.grid thead th, .grid thead td{color:#666; padding: 8px 5px 6px;}
.grid tfoot th, .grid tfoot td{ background: #F5F9FA; border: 1px solid #d8d8d8; color: #333; padding: 5px;}
.grid thead th{ background: #f1f2f5; border: 1px solid #d2d3d5; line-height: 1.3; word-wrap:break-word; color: #333;}
.grid tbody th, .grid tbody td{ background: #f1f2f5; border: 1px solid #d9d9d9; color: #333; padding: 7px 10px 5px; line-height: 1.3; text-align: left; word-break:break-all}
.grid tbody th label{ font-weight: bold; color: #4a4a4a; line-height: 1.5}
.grid tbody td{ background: #fff;}
.grid tbody td .inputData, .grid thead th .inputData{ background: #fff; border: 1px solid #d9d9d9; height: 1; padding: 2px 7px 0; height: 17px; color: #666}
.grid tbody td .inputData.disable{ background: #eff1f9 !important}
.grid.grid2 thead th{ border: 0; border-bottom: 1px solid #d2d3d5; border-top: 2px solid #0079c7 !important}
.grid.grid2 tbody td{ border: 0; border-bottom: 1px solid #d2d3d5; background: #fff; word-break:break-word;}
.grid.grid2 tbody td a{ color: #333}
.grid thead th.top_line1, .grid tbody th.top_line1, .grid tbody td.top_line1{ border-top: 2px solid #0079c7 !important}
/* .grid.grid2 tbody tr.bg1 td, .grid.grid2 tbody tr:nth-child(2) td, .grid.grid2 tbody tr:nth-child(4) td, .grid.grid2 tbody tr:nth-child(6) td, .grid.grid2 tbody tr:nth-child(8) td{ background: #eff1f9 !important;} */
.grid.grid2 tbody tr:hover td{ background: #eff1f9 !important;}
.grid tbody ul li{ margin-bottom: 5px; line-height: 1.5}
.grid tbody li li{ font-size: 11px; margin-bottom: 3px;}
.grid.grid3 thead th{ font-size: 11px}
.grid.grid3 tbody td{ padding: 7px 3px 5px}

/* BUTTON str */
.btnArea{ margin: 10px 0 0; text-align:center;}
.btnArea:after{ content: ""; clear: both; display: block;}
.btnArea .fl{ float: left;}
.btnArea .fr{ float: right;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../images/button/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#ffffff; font-weight:bold}
.button { margin-right:7px;}
.button *{ left:3px; cursor:pointer;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:28px; line-height:28px; color: #333 !important; font-size: 12px;}
.button.large, .button.large *{ height:45px; line-height:45px;}
.button.small, .button.small *{ height:20px; line-height:20px; font-weight: normal; color: #333 !important}
.button.xsmall, .button.xsmall *{ height:17px; line-height:17px; letter-spacing: -1px; font-weight: normal !important;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -476px;}
.button.small { background-position:left -202px;}
.button.xsmall { background-position:left -616px;}
.button.medium *{ padding:0 27px 0 12px; background-position:right top;}
.button.test *{ padding:0 27px 0 12px; background-position:right top; height:10px;}
.button.large *{ padding:0 20px 0 20px; font-size:14px; background-position:right -476px; color: #ffffff !important;}
.button.small *{ padding:0 11px 0 7px; font-size:11px; background-position:right -202px; color: #888 !important;}
.button.xsmall *{ padding:0 7px 0 5px; font-size:11px; background-position:right -616px; color: #666 !important;}

.button.medium.blue {background-position:left -39px;}
.button.medium.blue *{ background-position:right -39px; color: #fff !important;}
.button.medium.red {background-position:left -81px;}
.button.medium.red *{ background-position:right -81px; color: #fff !important;}
.button.medium.yellow {background-position:left -125px;}
.button.medium.yellow *{ background-position:right -125px; color: #333 !important;}
.button.medium.skyblue {background-position:left -164px;}
.button.medium.skyblue *{ background-position:right -164px; color: #fff !important; padding:0 15px 0 10px !important;}

.button.small.smallGray {background-position:left -235px;}
.button.small.smallGray *{ background-position:right -235px; line-height: 20px; color: #333 !important;}
.button.small.smallblack { background-position:left -268px;}
.button.small.smallblack *{ background-position:right -268px; line-height: 22px; color: #fff !important;}
.button.small.smallblack2 { background-position:left -302px;}
.button.small.smallblack2 *{ background-position:right -302px; line-height: 22px; color: #fff !important;}
.button.small.smallBlue { background-position:left -337px;}
.button.small.smallBlue *{ background-position:right -337px; line-height: 22px; color: #fff !important;}
.button.small.smallBlue2 { background-position:left -408px;}
.button.small.smallBlue2 *{ background-position:right -408px; line-height: 22px; color: #fff !important;}
.button.small.lineBlue { background-position:left -373px;}
.button.small.lineBlue *{ background-position:right -373px; line-height: 22px; color: #3c96d0 !important;}

.button.large.largeBlue { background-position:left -537px;}
.button.large.largeBlue *{ background-position:right -537px;}

.button.xsmall.xsmallGreen {background-position:left -651px;}
.button.xsmall.xsmallGreen *{ background-position:right -651px; line-height: 17px; color: #708f12 !important;}
.button.xsmall.xsmallOrange {background-position:left -678px;}
.button.xsmall.xsmallOrange *{ background-position:right -678px; line-height: 17px; color: #966207 !important;}

.button.small.delRed{ background-position: 0 -570px;}
.button.small.delRed *{ background-position: -12px -570px; width: 16px; height: 18px;  text-indent: -1000000px}
.button.small.delGray{ background-position: 0 -570px;}
.button.small.delGray *{ background-position: -73px -570px; width: 16px; height: 18px; text-indent: -1000000px}
.button.small.calendar{ background-position: 0 -570px;}
.button.small.calendar *{ background-position: -141px -570px; width: 16px; height: 18px; text-indent: -1000000px}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ }

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Animation Effect */
.ani_btn:hover {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05),-o-transform:scale(1.05);}
.ani_btn:active {transform:scale(1.0);-webkit-transform:scale(1.0);-moz-transform:scale(1.0),-o-transform:scale(1.0);}

a:hover {color:#ff0000 !important;}

/* //BUTTON end */

/* pagiNation */
.pagination{ line-height:normal; padding:10px 0 5px; text-align:center; font-size: 11px; text-align: center;}
.pagination a, .pagination strong{ color:#888; display:inline-block; margin:0; padding:2px 12px; position:relative; vertical-align:middle; z-index:2;}
.pagination strong { color:#e9292a; font-size: 12px;  padding:2px 4px; margin: 0 3px}
.pagination .direction { color:#0f4078; padding: 3px; margin: 0 -2px}
.pagination .direction span{ display:inline-block; vertical-align:top; height: 17px; background: url(../images/button/paging_arrow.gif) no-repeat; cursor: pointer;}
.pagination .direction span.prev{ background-position: -22px top; width: 19px; margin-right: 0 !important}
.pagination .direction span.next{ background-position: -44px top; width: 19px; margin-left: 0 !important}
.pagination .direction span.first{ background-position: left top; width: 19px;}
.pagination .direction span.last{ background-position: right top; width: 19px;}
.pagination .direction span.prev.on{ background-position: -22px bottom; width: 19px;}
.pagination .direction span.next.on{ background-position: -44px bottom; width: 19px;}
.pagination .direction span.first.on{ background-position: left bottom; width: 19px;}
.pagination .direction span.last.on{ background-position: right bottom; width: 19px;}
/* //pagination */

/* FOOTER */
#footer .btm_logo{ float: left; display: inline-block; padding: 27px 34px 35px 27px}
#footer .btm_ce{ padding-top: 27px; font-size: 11px;}
#footer .btm_ce address{ font-weight: bold; color: #333; margin-bottom: 3px}
#footer .btm_ce .copyright{ margin-top: 10px}
#footer .fr{ float: right; padding-top: 12px; width: 195px; }
#footer .fr select{ width: 160px; margin-right: 3px; margin-bottom: 4px;}
#footer .fr .vtop{ vertical-align: top}

/* popup */
#pop_wrap{ width: 100%; background: #253aa7; padding-top: 4px}
.pop_header{ width: 100%; background: #0079c7; border-top: 1px solid #081e93; border-bottom: 1px solid #004977}
.pop_header .floatDiv{ border-top: 1px sold #1f89ce; border-right: 1px solid #1f89ce;}
.pop_header .floatDiv h1{ float: left; background: url(../images/sub/pop_bullet_h.gif) no-repeat 20px 50%; padding: 16px 0 15px 44px; line-height: 1; font-size: 16px; color: #fff;}
.pop_header .floatDiv p{ float: right; background: #00a9e3; padding: 14px 10px 7px}
.pop_content{ border-bottom: 1px solid #717171; background: #fff; padding: 20px 30px 60px}
.pop_content .round_box1{ background: #f8f8f8; border: 1px solid #d9d9d9; border-bottom: 0;}
.pop_content .round_box1 .box{ background: #f8f8f8; border-bottom: 1px solid #d9d9d9;}
.pop_content fieldset{ display: block}
.pop_content .round_box1 .btnArea{ background: url(../images/sub/top_line1.gif) repeat-x 0 0; padding: 10px 0 0; margin: 7px auto 0 !important}
.pop_footer{ width: 100%; text-align: center; background: #717171; border-top: 1px solid #828282;padding: 7px 0 0 0; height: 23px}
.pop_footer p{  color: #fff;}
.pop_footer span{ position: absolute; bottom: 50px; right: 30px}

/* main */
.main_wrap{ background: url(../images/main/main_wrap.gif) repeat-x 0 0;}
.main_wrap #header{ background: none}
.main_wrap #container{ background: none; margin-top: -15px}
.main_content{ margin: 0 10px; height: 230px; position: relative;}
.main_vis{ height: 432px; position: relative;}
.main_vis #holder{ width: 970px; margin: 0 auto; position: relative; display: none;}
.main_vis #holder .floatDiv a.visual{ float: left; display: inline-block; width: 240px; text-align: center}	
.main_vis #holder #lft_mov, .main_vis #holder #rgt_mov{ position: absolute; left: -60px; top: 150px; width: 51px; height: 50px;}
.main_vis #holder #rgt_mov{ left: 845px;}
.main_login, .main_noti, .main_faq{ float: left;}
.main_login{ width: 306px; height: 143px; margin-right: 20px; background: url(../images/main/login_box.gif) no-repeat; position: relative}
.main_login h2{ height: 35px; background: url(../images/main/main_h2.gif) no-repeat 14px 10px; text-indent: -1000000px}
.main_login dl{ width: 170px; margin-left: 15px;}
.main_login dl dd .inputData{ width: 88px; border: 1px solid #b1b1b1; padding: 5px 10px 0; height: 16px; margin-bottom: 5px;}
.main_login .btn_login{ position: absolute; left: 200px; top: 35px;}
.main_login .btn_login2{ position: absolute; right: 13px; top: 44px;}
.main_login .usr_link{ padding: 18px 15px 0; line-height:0;}
.main_login .usr_link a{ background: url(../images/sub/bullet1.gif)no-repeat 0 45%; padding-left: 20px; color: #666; margin-right: 15px;}
.main_login.after_login{ background-position: 100% 0}
.main_login.after_login .usr_nm{ position: relative; top: 6px;}
.main_login.after_login .usr_btn{ margin-top: 25px;}




.main_noti, .main_faq{ width: 307px; position: relative}
.main_noti h2, .main_faq h2{ height: 25px; border-bottom: 1px solid #d9d9d9; background: url(../images/main/main_h2.gif) no-repeat 4px -136px; text-indent: -1000000px}
.main_noti h2{ background-position: 4px -432px !important}
.main_faq h2{ background-position: 4px -136px !important}
.main_noti ul{ margin: 10px 0 0}
.main_noti ul li{ position: relative; width: 100%; *zoom: 1}
.main_noti ul li:after{ content: ""; clear: both; display: block;}
.main_noti ul li a{ float: left; display: inline-block; background: url(../images/main/dot.gif) no-repeat 7px 10px; line-height: 1.3; padding: 3px 0 0 17px; color: #333; width:160px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis; -moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined};}


.main_faq h2{ background-position: 4px -282px}
.main_faq a.mn{ position: absolute; border: 1px solid #d9d9d9; border-bottom: 0; background: #f1f2f5; right: 0 !important; top: 0; height: 19px; padding: 5px 0 0; width: 85px; text-align: center; font-weight: bold; color: #666; z-index: 999}
.main_faq a.mn:hover, .main_faq a.mn.active{ border: 2px solid #ca1200; border-bottom: 0; background: #fff; color: #ca1200;}
.main_faq a.mn.mn1, .main_faq a.mn.mn1.active{ right: 87px !important;}
.main_faq ul{ margin-top: 10px}
.main_faq ul li{ *zoom:1}
.main_faq ul li:after{ content: ""; clear: both; display: block;}
.main_faq ul li a{ float: left; display:block; background: url(../images/main/dot.gif) no-repeat 0 45%; padding: 3px 0 0 20px; line-height: 1.5; color: #333; overflow:hidden; width:170px; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis; -moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined} }

#sitemap{ margin-left: 0 !important; padding-top: 50px !important;}
#sitemap table{ width: 100%;}
#sitemap table td{ text-align: center; vertical-align: top; padding: 0 0 50px}
#sitemap table td h2{ width: 188px; color: #222}
#sitemap table td h2{ background: none; font-size: 16px; padding: 0}
#sitemap table td ul{ border-top: 2px solid #0079c7; background: #f1f2f5; padding: 15px; text-align: left; width: 158px}
#sitemap table td ul li{ margin: 8px 0}
#sitemap table td ul li a{ display: block; background: url(../images/sub/bullet3.gif) no-repeat 0 8px; padding: 3px 0 3px 12px; font-weight: bold; color: #444}
#sitemap table td ul ul{ border: 0; border-top: 1px solid #c0c5d0; background: #e2e4ea; padding: 0 0 10px 10px; width: auto;}
#sitemap table td li li{ margin: 5px 0 0 0}
#sitemap table td li li a{ background: url(../images/sub/bullet4.gif) no-repeat 0 8px;  font-weight: normal; padding-left: 7px; color: #222}

/* FAQ */
.faqBody{ margin:30px 0 0 0; padding:0;}
.faqBody .article{ margin-bottom: 10px}
.faqBody .q{ margin:0; border-top:1px solid #d9d9d9}
.faqBody .q a{ display:block; padding:1em; text-align:left; font-weight:bold; border-bottom:1px solid #d9d9d9; background:#f7f7f7 url(../images/sub/ic_faq.gif) no-repeat 0 0.7em; color:#333; text-decoration:none !important; padding-left: 42px;}
.faqBody .q a:hover, .faq .q a:active, .faq .q a:focus{background:#eee url(../images/sub/ic_faq.gif) no-repeat 0 0.7em;}
.faqBody .a{ background:#fff url(../images/sub/ic_faq.gif) no-repeat 0 -118px; margin:0; padding:1em; line-height:1.5; border-bottom: 1px solid #d9d9d9;  padding-left: 42px;}

/* CHECK PAGE */
.check_page{ margin: 15% auto 0; width: 566px;}
.check_page .check_area{ margin: 15px 0 0 0}
.check_area .check_head{ border: 1px solid #e2e2e2; padding: 35px 20px 35px 150px; background: #fff url(../images/sub/check_img.gif) no-repeat 65px 30px; font-size: 16px; color: #333; line-height: 1.5}
.check_area .check_head strong{ font-size: 18px; color: #253aa7; display: block;}
.check_area .check_con{ background: #5161b9; border: 1px solid #253aa7; border-top:0; padding: 20px 67px; color: #fff}
.check_area .check_con p{ line-height: 1.5; margin-bottom:5px}
.check_page .copyright{ color: #666; text-align: center; margin-top: 20px}

.main_noti span.date, .main_faq ul li span.date{ float: right; color: #666; line-height: 1.8}
.main_noti span.date img{ margin-right: 10px}
.main_noti .more{ position: absolute; right: 0; top: 0; display: block; padding: 3px}

/* new add 2013-11 */
.left_off { display:none;}
.visible_off { visibility:hidden;}
.visible_on { visibility:visible;}
/** .elContainerCls{position:relative;} */
.visible_con { position:absolute;}
.input_size01 {width:10%;}
.input_size02 {width:20%;}
.input_size03 {width:30%;}
.input_size04 {width:40%;}
.input_size05 {width:50%;}
.input_size06 {width:60%;}
.input_size07 {width:70%;}
.input_size08 {width:80%;}
.input_size09 {width:90%;}

ul.list_01 {display:block;clear:both;padding:5px;}
ul.list_01 li{float:left;}

ul.list_02 {display:block;padding:5px;}
ul.list_02 li{float:left;}

ul.list_03 {margin:0;padding:5px 10px 0 0px;list-style:none;}
ul.list_03 li{display:inline;margin:0;}

ul.list_04{margin-top:5px;border:1px solid #AAB9FF;}
ul.list_04 li{padding:2px 0px 2px 5px;}
ul.list_04 li span{display:inline-block;}
ul.list_04 li span.span_left_cls{width:90px;}
ul.list_04 li span.span_right_cls{margin-left:5px;}

ul.list_05{margin-top:5px;list-style:none;}
ul.list_05 li{padding:2px 0px 2px 5px;}
ul.list_05 li span{display:inline-block;}
ul.list_05 li span.span_left_cls{width:90px;}
ul.list_05 li span.span_right_cls{margin-left:5px;}

ul.list_06 {display:block;clear:both;padding:5px;}
ul.list_06 li{float:left;}

ul.list_07 {display:block;clear:both;padding:10px;}
ul.list_07 li{border-bottom: #e4e4e4 1px solid;}
ul.list_07 li.child{margin:4px 0 4px 0;}
ul.list_07 li a:link{color:#555555; font-weight:normal; font-size:13px; font-family:돋움,돋움체,Dotum,Baekmuk Dotum,Undotum,Apple Gothic,Latin font,sans-serif; text-decoration:none;}
ul.list_07 li a:visited{color:#555555; font-weight:normal; font-size:13px; font-family:돋움,돋움체,Dotum,Baekmuk Dotum,Undotum,Apple Gothic,Latin font,sans-serif; text-decoration:none;}
ul.list_07 li a:active{color:#555555; font-weight:normal; font-size:13px; font-family:돋움,돋움체,Dotum,Baekmuk Dotum,Undotum,Apple Gothic,Latin font,sans-serif; text-decoration:none;}
ul.list_07 li a:hover{color:#555555; font-weight:normal; font-size:13px; font-family:돋움,돋움체,Dotum,Baekmuk Dotum,Undotum,Apple Gothic,Latin font,sans-serif; text-decoration:none;}

ul.list_08 {display:block;clear:both;padding:5px;}
ul.list_08 li{font-size:12px;font-weight:bold;}

ul.list_09 {padding:5px;width:400px;margin-left:auto;margin-right:auto;display:table;}
ul.list_09 li{font-size:13px;font-weight:bold;}
ul.list_09 li.text_center{text-align:center;}

ul.list_10 {display:block;}
ul.list_10 li{float:left;}

ul.list_11 {display:block;clear:both;padding:5px;}
ul.list_11 li{font-size:15px;}

ul.list_12 {margin:0;padding:3px;list-style:none;}
ul.list_12 li{display:inline;margin:0;font-weight:bold;}

ul.list_13 {margin:0;padding:3px;list-style:none;}
ul.list_13 li{display:inline;margin:0;}

ul.list_14 {margin:0;padding:3px;list-style:none;}
ul.list_14 li{}

.input_readOnly {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #eee; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; FONT: 13px 'dotum'; HEIGHT: 13px; COLOR: #000; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 3px
}
.btn_type01{width:80px;}
.btn_type02{width:100px;}
.btn_type03{width:80px;}

.required_box01{border:1px solid #E6749D;}
.prodKnd_Tbl_01{width:250px;}
.prodKnd_Tp_01{width:120px;float:left;}
.required_input01{BACKGROUND-COLOR: #D2E1FF;}
.required_input02{BACKGROUND-COLOR: #FEBEBE;}
.text_blue01{color:blue;}
.text_red01{color:red;}

.ul_knd_list01{height:190px;overflow-y:scroll;}
.ul_knd_list02{height:80px;overflow-y:scroll;}

/* Parent Element */
.btp { float:left; text-align:left;margin-top:5px;}
.btp2 { float:right; text-align:right;margin-top:5px;}

.btp3 { float:right; text-align:right;}

.tab_con_d{filter:alpha(opacity=50);}

td .text_error{font-weight:bold;color:red;}

div.ellipsis {
	white-space:nowrap;
	width:90%;
	overflow:hidden;       
	text-overflow:ellipsis;
	-moz-binding: url('../js/ellipsis.xml#ellipsis');
}