@charset "utf-8";

/* font */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff2) format('woff2'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}
 
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothicBold.eot);
  src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicBold.woff2) format('woff2'),
       url(../font/NanumGothicBold.woff) format('woff'),
       url(../font/NanumGothicBold.ttf) format('truetype');
}
 

/* reset */
html {margin:0;padding:0;height:100%}
body {margin:0;padding:0;width:100%; height:100%; font-family:'나눔고딕','NanumGothic','돋움',Dotum,sans-serif;font-size:13px;line-height:1.2em;color:#666;letter-spacing:0}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top}
ul,ol,dl,dt,dd,li {list-style:none}
table {width:100%; /*table-layout:fixed*/}
table, th, td {border-collapse:collapse;border-spacing:0; border:0; font-weight:normal;word-wrap:break-word}
caption {overflow:hidden;width:0; height:0;font-size:0;line-height:0}
legend {overflow:hidden;width:0; height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none}
i, em, u, cite {font-style:normal}
strong,em, b {font-weight:normal}
a {color:#666;text-decoration:none}
a:hover, a:focus {color:#000}
button {width:auto; background:none;border:none;cursor:pointer;vertical-align:middle;margin:0; padding:0; outline:none;*overflow:visible; font-family:'NanumGothicBold'}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button span {position:relative; white-space:nowrap; font-family:'NanumGothicBold'}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer}
select {width:100%; height:28px; margin:0; padding:3px 0; border:1px solid #c9c9c9; font-size:13px; line-height:22px; word-wrap: break-word; color:#666}
input[type="text"] {width:100%; padding:5px 0 6px; text-indent:8px; *text-indent:0; height:15px; font-size:13px; font-family:'나눔고딕','NanumGothic','돋움',Dotum,sans-serif; border:1px solid #c9c9c9; color:#666}
select, textarea, button {font-family:'NanumGothic'}
textarea {width:100%; height:195px; padding:8px 0; border:1px solid #d9d9d9; font-family:'나눔고딕','NanumGothic','돋움',Dotum,sans-serif; font-size:13px; text-indent:8px; *text-indent:0; line-height:18px; overflow-y:auto; resize:none; color:#666}
.ir {display:block;text-indent:-9999em;overflow:hidden;height:1px;width:1px;font-size:1px;line-height:0}
.skip {position:fixed;top:0;left:0;width:100%;z-index:500}
.skip a{display:block;width:0;height:0;font-size:0}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:12px;width:100%;text-align:center;font-size:13px;color:#fff;background:#102457; line-height:12px} 

/*layout*/
.wrap {background:url('../images/bg/bg_wrap.gif') repeat-x 0 0}
.container {width:1200px; margin:0 auto; min-height:580px; padding-bottom:70px; *zoom:1}
.container:after {display:block; content:""; clear:both}
#lnbArea {float:left; width:186px; margin-right:70px}
#lnbArea h2 {width:176px; height:122px; margin:32px 0 24px 0; padding:64px 5px 0 5px; font-size:25px; line-height:27px; color:#fff; text-align:center; background:url('../images/bg/bg_lnb_title.gif') no-repeat 0 0}
#lnbArea h2 > span {display:block; padding-top:21px; background:url('../images/blt/blt_lnb_title.gif') no-repeat 50% 0}
.lnb {border-bottom:1px solid #ddd; font-family:'NanumGothicBold'}
.lnb > li {border-top:1px solid #ddd}
.lnb > li > a {display:block; padding:12px 3px 11px 3px; font-size:16px; line-height:19px; text-align:center}
.lnb > li ul {padding:12px 0}
.lnb > li.on > a, .lnb > li > a:hover {background:#f6f6f6; color:#000}
.lnb > li.on ul {border-top:1px solid #ddd}
.lnb > li li > a {display:block; padding:5px 10px; font-size:12px; text-align:center}
#content{float:left; width:944px; padding-top:60px}
.footer {min-width:1200px; min-height:102px; border-top:1px solid #ddd; background:#ececec}
.footer > .inner {width:1200px; margin:0 auto; *zoom:1}
.footer > .inner:after {display:block; content:""; clear:both}
.footer .f_logo {float:left; margin:36px 0 0 28px}
.footer .address_info {float:left; margin:31px 0 0 96px; font-size:11px}
.footer .address_info address {font-style:normal; margin-bottom:4px}
.footer .tel_info {float:right; margin-top:27px; padding:6px 0 5px 62px; font-size:11px; background:url('../images/blt/blt_f_tel_info.gif') no-repeat 0 0}
.footer .tel_info li {margin-top:3px}
.footer .tel_info li:first-child {margin-top:0}
.header {height:58px}
.header > .inner {width:1200px; margin:0 auto; *zoom:1}
.header > .inner:after {display:block; content:""; clear:both}
.header h1 {float:left; width:158px; margin-right:62px}
.header h1 a {display:block; height:; padding:16px 0 0 28px}
.gnb {float:left; width:805px;*zoom:1}
.gnb:after {display:block; content:""; clear:both}
.gnb > li {float:left; width:161px; position:relative; text-align:center; font-family:'NanumGothicBold'; font-size:15px; color:#727272}
.gnb > li > a {display:block; background:url('../images/blt/blt_gnb_bar.gif') no-repeat 0 21px}
.gnb > li > a > span {display:block; height:38px; padding-top:20px}
.gnb > li > a:hover,a:active {color:#000}
.gnb > li:first-child > a {background:none}
.gnb > li > ul {clear:both; display:none; position:absolute; top:58px; left:-3px; width:169px; padding-bottom:17px; background:url('../images/bg/bg_gnb_drop_last.png') no-repeat 0 100%}
.gnb > li > ul > li {padding:2px 6px 2px 4px; background:url('../images/bg/bg_gnb_drop.png') repeat-y 0 0}
.gnb > li > ul > li:first-child {padding-top:5px}
.gnb > li > ul > li > a {display:block; padding:8px 13px 9px 21px; font-size:13px; color:#aaa; text-align:left}
.gnb > li > ul > li > a:hover , .gnb > li > ul > li > a:active {color:#aaa; background:#252525}
.gnb > li.on {background:url('../images/bg/bg_gnb_line.gif') repeat-x 0 100%}
.gnb > li.on > a {color:#000}
.gnb > li.on > a > span {background:url('../images/blt/blt_gnb_arrow.png') no-repeat 50% 100%}
.gnb > li.on ul {display:block}

.top_menu {float:right; width:131px; margin-top:16px; text-align:right}
.top_menu > ul:after {display:block; content:""; clear:both}
.top_menu ul > li {float:left}
.top_menu ul > li a {display:block; width:65px; height:25px; line-height:25px; text-align:center; font-size:12px; background:url('../images/btn/btn_top_menu_right.gif') no-repeat 0 0}
.top_menu ul > li a:hover, .top_menu ul > li a:active {color:#414141}
.top_menu ul > li:first-child > a {width:66px; background:url('../images/btn/btn_top_menu_left.gif') no-repeat 0 0}

/*contents*/
.topArea {margin-bottom:29px; *zoom:1}
.topArea:after {display:block; content:""; clear:both}
.topArea h3 {float:left; width:60%; font-size:28px; line-height:30px; font-family:'NanumGothicBold'; color:#444}

.location {width:40%; float:right; margin-top:14px; text-align:right}
.location > span{display:inline-block; vertical-align:top; margin-left:4px; color:#777; font-size:12px}
.location > span:first-child {width:14px; height:15px; background:url('../images/icon_home.gif') no-repeat 50% 2px}
.location > span:first-child a {height:15px; text-indent:-9999em;overflow:hidden;font-size:0;line-height:0; background:none}
.location > span a {display:inline-block; vertical-align:top; padding-right:16px; color:#7a7a7a; background:url('../images/blt/blt_location.gif') no-repeat 100% 4px}
.location > span a:hover {color:#7a7a7a}
.location strong {vertical-align:top; margin-left:5px; font-size:12px; color:#3d3d3d}

/*조회 박스*/
.inquiry_area {margin-bottom:35px}
.inquiry_box {padding:14px 25px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:#f8f8f8; *zoom:1}
.inquiry_box:after {display:block; content:""; clear:both}
.inquiry_box + .inquiry_box , .inquiry_box + .inquiry_box + .inquiry_box {border-top:0}
.inquiry_box .column {float:left; width:447px; *zoom:1}
.inquiry_box .column:after {display:block; content:""; clear:both}
.inquiry_box .tit {float:left; width:63px; display:block; margin-top:7px; padding:0 3px 0 9px; font-size:14px; font-family:'NanumGothicBold'; word-break:break-all; background:url('../images/blt/blt_inquiry_tit.gif') no-repeat 0 6px}
.inquiry_box .column:first-child .tit {margin-left:0}
.inquiry_box .inp {float:left; width:372px; display:block}
.inquiry_box .btn_inquiry {margin-left:10px; vertical-align:top}

/*조회박스 2개 다단*/
.inquiry_box.twoArea .column:first-child {width:417px; padding-right:30px}
.inquiry_box.twoArea .column:first-child .inp {width:342px}

/*조회박스 1열*/
.inquiry_box.oneArea .column {width:auto; margin-left:26px}
.inquiry_box.oneArea .column:first-child {margin-left:0} 
.inquiry_box.oneArea .tit {width:auto; margin-right:14px}
.inquiry_box.oneArea .inp {width:auto}
.inquiry_box.oneArea input[type="text"] {width:175px}
.inquiry_box.oneArea select {width:108px}
 .inquiry_box.oneArea .column.wd09 {width:270px}

.inquiry_box.wd10 .column {margin-left:52px}
.inquiry_box.wd10 .tit{margin-right:14px}
.inquiry_box.wd10:first-child .tit{margin-right:21px}
.inquiry_box.wd10 select{width:131px}
.inquiry_box.wd10 input[type="text"]{width:189px}
/*.inquiry_box.wd10 .column.last {width:367px; margin-left:54px}*/
.inquiry_box.wd10 .column.last {float:right; width:366px; margin-left:0}

.inquiry_box .column.wd11 input[type="text"]{width:126px}

.ask_box {position:relative}
.ask_box .btn_inquiry {position:absolute; top:0; right:0}
.ask_box {padding-right:84px}

.calendar {*zoom:1}
.calendar:after {display:block; content:""; clear:both}
.calendar input[type="text"] {border:0}
.calendar p {float:left; position:relative; width:47.5%; background:#fff}
.calendar p > span {display:block; width:80%; padding-right:20%; border:1px solid #c9c9c9}
.calendar .dash {float:left; display:block; width:5%; height:28px; line-height:28px; text-align:center; font-size:13px}
.calendar .btn_calendar {position:absolute; top:6px; right:11px}

/*button style*/
.btn_right {margin-top:30px; text-align:right}
.btn_right button {margin-left:7px}
.btn_right button:first-child {margin-left:0}

.btn_inquiry {display:inline-block; width:70px; height:28px; padding-left:29px; line-height:28px; color:#fff; text-align:left; background:url('../images/btn/btn_inquiry.png') no-repeat 0 0}
.btn_calendar {display:inline-block; width:16px; height:15px; background:url('../images/btn/btn_calendar.gif') no-repeat 0 0}
.btn_calendar span {display:inline-block;text-indent:-9999em;overflow:hidden;height:1px;width:1px;font-size:1px;line-height:0}

.btn_Sgray{display:inline-block; min-width:75px; padding:0 0 0 13px; font-size:0; line-height:0; background:url('../images/btn/btn_Sgray_left.gif') no-repeat left 0}
.btn_Sgray span{display:inline-block; height:28px; padding:0 13px 0 0; color:#fefefe; line-height:28px; font-family:'NanumGothicBold'; font-size:12px; background:url('../images/btn/btn_Sgray_right.gif') no-repeat right 0}

.btn_Bplus {display:inline-block; padding:0 0 0 26px; font-size:0; background:url('../images/btn/btn_Bplus_left.gif') no-repeat left 0}
.btn_Bplus span{display:inline-block; height:28px; padding:0 15px 0 0; color:#666; line-height:28px; font-size:12px; font-family:'NanumGothicBold'; background:url('../images/btn/btn_Bplus_right.gif') no-repeat right 0}

.btn_Bminus {display:inline-block; font-size:0; padding:0 0 0 26px; background:url('../images/btn/btn_Bminus_left.gif') no-repeat left 0}
.btn_Bminus span{display:inline-block; height:28px; padding:0 15px 0 0; color:#666; line-height:28px; font-size:12px; font-family:'NanumGothicBold'; background:url('../images/btn/btn_Bminus_right.gif') no-repeat right 0}

.btn_Swhite{display:inline-block; padding:0 0 0 11px; font-size:0; background:url('../images/btn/btn_Swhite_left.gif') no-repeat left 0}
.btn_Swhite span{display:inline-block; height:23px; padding:0 11px 0 0; color:#666; font-family:'NanumGothicBold'; font-size:12px; line-height:23px; background:url('../images/btn/btn_Swhite_right.gif') no-repeat right 0}

.btn_Bwhite{display:inline-block; padding:0 0 0 9px; font-size:0; background:url('../images/btn/btn_Bwhite_left.png') no-repeat left 0}
.btn_Bwhite span{display:inline-block; height:28px; padding:0 11px 0 0; color:#666; font-family:'NanumGothicBold'; font-size:12px; line-height:28px; background:url('../images/btn/btn_Bwhite_right.png') no-repeat right 0}

.btn_Bwhite02{display:inline-block; padding:0 0 0 13px; font-size:0; background:url('../images/btn/btn_Bwhite_left.png') no-repeat left 0}
.btn_Bwhite02 span{display:inline-block; height:28px; padding:0 13px 0 0; color:#666; font-family:'NanumGothicBold'; font-size:12px; line-height:28px; background:url('../images/btn/btn_Bwhite_right.png') no-repeat right 0}

.btn_plus{display:inline-block; width:30px; height:28px; line-height:28px; background:url('../images/btn/btn_plus.png') no-repeat 0 0; text-indent:-9999px}
.btn_plus span{display:inline-block;text-indent:-9999em;overflow:hidden;height:1px;width:1px;font-size:1px;line-height:0}

.btn_minus{display:inline-block; width:30px; height:28px; line-height:28px; background:url('../images/btn/btn_minus.png') no-repeat 0 0; text-indent:-9999px}
.btn_minus span{display:inline-block;text-indent:-9999em;overflow:hidden;height:1px;width:1px;font-size:1px;line-height:0}

.btn_grayB {width:90px; height:40px; line-height:40px; color:#fff; background:#4a4a4a}
.btn_whiteB {width:90px; height:40px; line-height:40px; color:#666; background:#fff; border:1px solid #d1d1d1}

.btn_gray {display:inline-block; padding:0 0 0 16px; font-size:0; background:url('../images/btn/btn_gray.png') no-repeat left 0}
.btn_gray span{display:inline-block; height:28px; padding:0 15px 0 0; line-height:28px; font-size:12px; font-family:'NanumGothicBold'; background:url('../images/btn/btn_gray.png') no-repeat right 0; color:#fff}

/*table*/
.table01 {width:100%; border:0; text-align:center; table-layout:fixed}
.table01 th,.table01 td {padding:13px 0 13px 0; border:0}
.table01 th {border-top:2px solid #666; border-bottom:1px solid #e1e1e1; color:#121212; font-family:'NanumGothicBold'; font-size:13px; background:#f8f9f9}
.table01 td {font-size:13px; color:#545454; border-bottom:1px solid #e5e5e5}
.table01 td.left {text-align:left}
.table01 td.tit {width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} 
.table01 td.tit a:hover {color:#545454}

.table02 {width:100%; border-top:2px solid #666; border-bottom:1px solid #e8e8e8; border-collapse:separate}
.table02 th {padding:15px 5px 16px 30px; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; font-family:'NanumGothicBold'; color:#666; background:#f6f6f6}
.table02 td {padding:10px 26px 9px 20px}
.table02 tr:first-child th, .table02 tr:first-child td {border-top:0}
.table02 th:first-child {border-left:0}
.table02 th,.table02 td {border-top:1px solid #dadada; text-align:left}

.table03 {width:100%; border-bottom:1px solid #dbdbdb}
.table03 th {padding:15px 5px 16px 23px; /*padding:15px 5px 16px 30px;*/border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; font-family:'NanumGothicBold'; color:#666; background:#f6f6f6}
.table03 td {padding:10px 26px 9px 20px}
.table03 td.noRspace {padding-right:0}
.table03 th:first-child {padding-left:30px; border-left:0}
/*.table03 th:first-child {border-left:0}*/
.table03 th,.table03 td {border-top:1px solid #dadada; text-align:left}
.table03 .bg {background:#f6f6f6; border-right:1px solid #e8e8e8;font-family:'NanumGothicBold' }
table td input[type="radio"] {display:inline-block; vertical-align:top; margin:2px 2px 0 0} 
.inpTip {display:inline-block; padding-right:10px; background:url('../images/blt/blt_tip.gif') no-repeat 100% 5px}
.inpEx {margin-top:8px; font-size:11px; font-family:'NanumGothicBold'}


.info_tbl {margin:35px 0 12px 0; font-family:'NanumGothicBold'; *zoom:1}
.info_tbl:after {display:block; content:""; clear:both}
.left_info {float:left}
.right_info {float:right}
.info_tbl .total {display:inline-block; margin-top:7px}
.list_count {width:131px; *zoom:1}
.list_count:after {display:block; content:""; clear:both}
.list_count label {float:left; display:block; margin:8px 12px 0 0}
.list_count select {float:left; width:62px}

/*tab*/
.tab01{height:40px; margin-bottom:23px; background:url('../images/bg/bg_tab.gif') repeat-x  0 100%}
.tab01 li{float:left}
.tab01:after{content:""; display:block; clear:both}
.tab01 li a{display:block; width:109px; height:38px; text-align:center; line-height:38px; font-size:14px; font-family:'NanumGothicBold'; color:#707070; border:1px solid #d6d6d6; border-left:0}
.tab01 li:first-child{border-left:1px solid #d6d6d6}
.tab01 li.on a{color:#fff; border-color:#4f4f4f; background:#4f4f4f}

.treeArea {width:100%; height:380px; margin-bottom:40px; border:1px solid #d3d3d3}

.in_tbl {padding-left:20px}
.in_tbl table {margin-bottom:29px}
.radioSt01 {font-family:'NanumGothicBold'}
.radioSt01 input[type="radio"] {display:inline-block; vertical-align:middle; margin:2px 0 0 13px}
.radioSt01 input[type="radio"]:first-child {margin:2px 0 0 0}
.radioSt01 label {margin-left:2px; vertical-align:middle;}

/*title*/
.sTit {margin-bottom:16px; font-size:15px; color:#000; font-family:'NanumGothicBold'}

/*input button*/
.inpBtn {position:relative; margin-top:8px; padding-right:91px; *zoom:1}
.inpBtn:first-child {margin-top:0}
.inpBtn button {position:absolute; top:0; right:0}
.inpBtn:after {content:""; display:block; clear:both}
.inpBtn.wd01 {padding-right:76px}
.inpBtn.wd01 .btn_Sgray {min-width:64px; padding:0 0 0 9px}
.inpBtn.wd01 .btn_Sgray span {padding:0 9px 0 0}
.inpBtnMany {position:relative; padding-right:61px}
.inpBtnMany textarea {height:59px}
.inpBtnMany .manyBtn {width:48px; position:absolute; top:0; right:0}
.inpBtnMany button {margin-top:4px}
.inpBtnMany button:first-child {margin-top:0}
.inpBtn + .inpBtnMany {margin-top:8px}
.btnTwo textarea {height:33px}

.inpSelect {*zoom:1}
.inpSelect:after {content:""; display:block; clear:both}
.inpSelect input{float:left; width:65%}
.inpSelect select{float:right; width:30%}

.inpSelect2 {*zoom:1}
.inpSelect2:after {content:""; display:block; clear:both}
.inpSelect2 select{float:left; width:71%}
.inpSelect2 button{float:right; width:25%}

.selectInp {*zoom:1}
.selectInp:after {content:""; display:block; clear:both}
.selectInp select{float:left; width:45%}
.selectInp input{float:right; width:48%}

.selectInp.wd05 select{float:left; width:118px}
.selectInp.wd05 input{float:right; width:76%}
/*.selectInp.wd05 input{float:right; width:449px}*/

.inpFloor input[type="text"]{margin-top:8px}
.inpFloor input[type="text"]:first-child {margin-top:0}

.plusMinus {*zoom:1}
.plusMinus:after {content:""; display:block; clear:both}
.plusMinus > div {float:left; margin-top:8px; *zoom:1}
.plusMinus > div:after {content:""; display:block; clear:both}
.plusMinus > div:first-child {margin-top:0}
.plusMinus select {float:left; width:65px; margin-right:6px}
.plusMinus button {float:left}

.tbl_top {*zoom:1}
.tbl_top:after {content:""; display:block; clear:both}
.tbl_top .left {float:left}
.tbl_top .search {float:left}
.btnGroup {float:right}

/*넓이, 높이 조정*/

.hIst01 {height:59px}
.hIst02 {height:107px}
.calendar .wd02 {width:256px}
.calendar .wd02 > span {width:85%; padding-right:15%}
.wd03 {width:258px}
.wd04 {width:106px}
.calendar.wd06 {width:282px}
.calendar .wd08 {width:282px}
.calendar .wd08 > span {width:85%; padding-right:15%}
.wdSt01{width:131px; !important}
.wdSt02{width:282px; !important}

/*tree scroll table*/
.tree_wrap {*zoom:1}
.tree_wrap:after {display:block; content:""; clear:both}
.tree_wrap .tree_left {float:left; width:202px; margin-bottom:10px}
.tree_wrap .tree_right {float:left; width:692px; padding:19px 20px 0 30px}

.tree_left {overflow:hidden; overflow-y:auto; height:380px}
.tree_left ul li a {display:block; padding-left:30px}
.tree_left ul.dep01 li a {padding-left:45px}
.tree_left ul.dep02 li a {padding-left:60px}
.tree_left ul.dep03 li a {padding-left:75px}
.tree_left ul li {margin-top:10px}

.tree_left ul li.open a {background:url('../images/btn/btn_open.gif') no-repeat 15px 4px}
.tree_left ul li.close {padding:10px 0; border:1px solid #d6d6d6; border-width:1px 0 1px 0}
.tree_left ul li.close:first-child {border-top:0; padding-top:0}
.tree_left ul li.close a {background:url('../images/btn/btn_close.gif') no-repeat 15px 4px}
.tree_left ul li.last a {background:url('../images/blt/blt_dot.gif') no-repeat 15px 5px}

.tree_left ul.dep01 li.open a {background-position:30px 4px}
.tree_left ul.dep01 li.close a {background-position:30px 4px}
.tree_left ul.dep01 li.last a {background-position:30px 4px}

.tree_left ul.dep02 li.open a {background-position:45px 4px}
.tree_left ul.dep02 li.close a {background-position:30px 4px}
.tree_left ul.dep02 li.last a {background-position:45px 4px}

.tree_left ul.dep03 li.open a {background-position:60px 4px}
.tree_left ul.dep03 li.close a {background-position:60px 4px}
.tree_left ul.dep03 li.last a {background-position:65px 7px}

.tree_detail .btnGroup {display:inline-block; width:410px; text-align:right}
.tree_detail .btnGroup .btn_Swhite {font-size:12px}

.tree_detail .btnGroup a + a {margin-left:2px}
.tree_detail .btn_gray {margin:0 0 0 5px; vertical-align:top}

.tree_detail .table01 {margin-top:15px}
.table01.scroll td {padding:13px 0 13px 0; border:0; border-top:2px solid #666; border-bottom:1px solid #e1e1e1; color:#121212; font-family:'NanumGothicBold'; font-size:13px; background:#f8f9f9}

.tree_detail .tableYscroll {overflow:hidden; overflow-y:auto; height:258px; position:relative}
.tree_detail .tableYscroll .table01 {margin-top:-44px; table-layout:fixed}
.tree_detail .tableYscroll .table01 thead tr th {visibility:hidden; border:none}
.tree_detail .tableYscroll .btn_Swhite span {font-size:11px}
.tree_detail .tableYscroll .table01 td.left {width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.bg_sub {padding-left:22px !important; background:url('../images/bg/bg_sub.png') no-repeat 0 17px}

.title {color:#000; font-size:15px; font-family:'NanumGothicBold'}
.title + table {margin-top:14px}
table + .title {margin-top:30px}

.essential {position:relative; top:3px; color:#cd0000; font-size:15px}

.withBtnTxt {margin-top:10px; *zoom:1}
.withBtnTxt:after {display:block; content:""; clear:both}
.withBtnTxt textarea {float:left} 
.withBtnTxt .btnGroup {float:left; width:50px; margin-left:10px}
.withBtnTxt .btnGroup a + a {margin-top:3px}

.twoColumn{margin-top:43px; background:url('../images/bg/bg_line.jpg') repeat-y center 0}
.twoColumn .info_tbl{margin-top:0px}
.twoColumn .info_tbl .list_count{width:153px}
.twoColumn .info_tbl .info_tit{margin:8px 0 16px; font-size:15px;font-weight:bold;font-family:'NanumGothicBold';color:#000; }
.twoColumn > div{float:left;width:438px;padding-left:34px; }
.twoColumn:after{content:"";display:block;clear:both}
.twoColumn > div:first-child{padding:0 34px 0 0;background:none}
.twoColumn .table01{margin-bottom:40px}
.twoColumn .btn_box{padding-top:13px; }
.btn_box{text-align:right}
.btn_box button{margin-left:3px}
.btn_box button:first-child{margin-left:0px}

.radio_box label{position:relative; top:0; margin:0 15px 0 7px; vertical-align:top}
.radio_box input {vertical-align:top}

.pagination {margin:40px auto 0; text-align:center}
.pagination a {display:inline-block; width:26px; height:25px; margin-left:4px; line-height:25px; text-align:center; vertical-align:top; font-family:'NanumGothicBold'; border:1px solid #cacaca}
.pagination > strong {display:inline-block; width:26px; height:25px; margin-left:6px; font-family:'NanumGothicBold'; color:#314409; line-height:25px; text-align:center; border:1px solid #828282}
.pagination .first, .pagination .prev, .pagination .next, .pagination .last {width:23px; height:25px; border:1px solid #bbb}
.pagination .first {margin-left:0; background:url('../images/btn/btn_prev_first.png') no-repeat center center}
.pagination .prev {margin-left:6px; background:url('../images/btn/btn_prev.png') no-repeat center center}
.pagination .next {margin-left:6px; background:url('../images/btn/btn_next.png') no-repeat center center}
.pagination .last {margin-left:6px; background:url('../images/btn/btn_next_last.png') no-repeat center center}

/*popup*/
.pop_wrap > div {position:relative; background:#303030; padding-bottom:1px}
.pop_wrap .close {position:absolute; top:25px; right:22px}
.pop_header{padding:22px 22px 21px 22px}
.pop_header h1{font-size:20px; line-height:22px; color:#fff; font-family:'나눔고딕','NanumGothic','돋움',Dotum,sans-serif; }
.pop_header:after{content:""; display:block; clear:both;}
.pop_contents, .pop_footer{margin:0 2px; background:#fff}
.pop_contents{padding:33px 22px 0px;}
.pop_footer {margin-bottom:2px; padding:30px 22px 40px; text-align:center}
.pop_footer button {margin-left:7px}
.pop_footer button:first-child {margin-left:0}
.pop_wrap .inquiry_area {margin-bottom:40px}
.pop_wrap .radio_box {display:block; width:100%; margin-top:6px}
.pop_wrap .radio_box label {margin:0; vertical-align:middle}
.pop_wrap .radio_box input[type="radio"] {margin-left:24px; vertical-align:middle}
.pop_wrap .radio_box input[type="radio"]:first-child {margin-left:0}
.pop_wrap .inquiry_box .btn_inquiry {float:right}
.pop_wrap .inquiry_box .column {width:100%}
.pop_wrap .inquiry_box .tit {width:11%}
.pop_wrap .inquiry_box .inp {width:86%}
.pop_wrap .inquiry_box .inp select {width:100%}
.pop_wrap .inquiry_box .inp select.wd12 {width:60%}
.pop_wrap .inquiry_box.twoArea .column {width:50%; padding-right:0}
.pop_wrap .inquiry_box.twoArea .tit {width:23%}
.pop_wrap .inquiry_box.twoArea .inp {width:77%}
.pop_wrap .inquiry_box.twoArea .column:first-child .inp {width:71%}
.pop_wrap .inquiry_box.colWd01 .column {width:55%; margin-left:0}
.pop_wrap .inquiry_box.colWd01 .column:first-child {width:45%}
.pop_wrap .inquiry_box.colWd01 .column .tit {width:25%}
.pop_wrap .inquiry_box.colWd01 .column .inp {width:70%}
.pop_wrap .inquiry_box.colWd01 .column:first-child .inp {width:65%}
.pop_wrap .info_tbl {margin:0 0 12px 0}
.pop_wrap .info_tbl .total {margin-top:0}