/* CSS Document 

html {overflow-y: scroll; }
body, form, fieldset, ul, ol, p, input, img, dl, dt, dd, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; }
body {position: relative; overflow: hidden; color: #7b7b7b; font-size: small; line-height: 1.4em; font-family: Dotum, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; background: white; }
ul li {list-style: none; }
a {text-decoration: none; color: #8d8d8d; }
img {border: none; }

.link a, .links li a, .unLink, .unLinks li {float: left; overflow: hidden; height: 0; }
.floatClear:after {content: ""; display: block; clear: both; }
.cloaking {display: none; }
.hidden {visibility: hidden; }
.absoluteElement {position: absolute; }
.png24 { tmp:expression(setPng24(this)); }

#wrap {width: 100%; background: white url(../images/comm/contentstop_bg.gif) 0 349px repeat-x; }

#header {width: 100%; height: 349px; background: white url(../images/comm/header_bg.jpg) center 0 no-repeat; }
#header .center {z-index: 50; position: relative; text-align: center; width: 1000px; height: 349px; margin: 0 auto; }
#header .center h1 {z-index: 100; position: absolute; top: 14px; left: 0; }
#header .center .topMenu {z-index: 70; position: absolute; top: 9px; right: 322px; }
#header .center .topMenu li {float: left; height: 11px; padding: 0 8px 0 7px; border-left: 1px solid #c7c7c7; }
#header .center .topMenu li a {float: left; }
#header .center .topMenu .first {border: none; padding: 0 8px 0 0; }
#header .center .topMenu .lang {border: none; padding: 0; }

#header .utility {z-index: 70; position: absolute; top: 4px; right: 239px; width: 74px; height: 16px; padding: 3px 0 0 2px; background: url(../images/comm/utility_bg.gif) 0 0 no-repeat; }
#header .utility a {float: left; display: inline; height: 12px; margin: 0 4px 0 3px; }

#header .navigation {z-index: 100; position: absolute; top: 51px; right: 0; }
#header .subVisual {z-index: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 349px; }

#header .topSearch {z-index: 70; position: absolute; top: 0; right: 3px; width: 223px; height: 25px; padding: 6px 0 0 9px; background: url(../images/comm/topsearch_bg.gif) 0 0 no-repeat; }
#header .topSearch form fieldset {border: none; }
#header .topSearch form fieldset legend {display: none; }
#header .topSearch label {width: 40px; padding: 14px 0 0; background: url(../images/comm/topsearch_title.gif) 0 0 no-repeat; }
#header .topSearch .inputText {float: left; display: inline; width: 132px; height: 16px; margin: 0 7px 0 5px; border: 1px solid #c9c9c9; background: #ececec; }
#header .topSearch .inputBt {float: left; }

#contents {width: 100%; padding: 32px 0 85px; background: url(../images/comm/contentsbottom_bg.gif) 0 bottom repeat-x; }
#contents .center {position: relative; width: 1000px; margin: 0 auto; }

#left {z-index: 50; float: left; display: inline; width: 195px; margin: 0 23px 0 0; }
#left h3 {width: 100%; height: 90px; background: url(../images/comm/left_title_bg.gif) 0 0 no-repeat; }
#left .links {width: 155px; margin: 0 0 23px; padding: 0 25px 66px 15px; background: white url(../images/comm/left_menu_bg.gif) 0 bottom no-repeat; }
#left .links li {display: inline; }
#left .links li a {width: 155px; padding: 26px 0 0; }
#left .links li .subNav {clear: both; zoom: 1; overflow: hidden; display: none; padding: 6px 0 4px 19px; border-bottom: 1px solid #e4e4e4; }
#left .links li .subNavOn {display: block; }
#left .links li .subNav li {clear: both; float: left; height: 17px; }
#left .links li .subNav li a {padding: 13px 0 0; }

#left .aboutLeft .nav1 a {background: url(../images/about/nav1.gif) 0 0 no-repeat; }
#left .aboutLeft .nav2 a {background: url(../images/about/nav2.gif) 0 0 no-repeat; }
#left .aboutLeft .nav3 a {background: url(../images/about/nav3.gif) 0 0 no-repeat; }
#left .aboutLeft .nav4 a {background: url(../images/about/nav4.gif) 0 0 no-repeat; }
#left .aboutLeft .nav5 a {background: url(../images/about/nav5.gif) 0 0 no-repeat; }
#left .aboutLeft .nav6 a {background: url(../images/about/nav6.gif) 0 0 no-repeat; }
#left .aboutLeft .nav7 a {background: url(../images/about/nav7.gif) 0 0 no-repeat; }

#left .useLeft .nav1 a {background: url(../images/use/nav1.gif) 0 0 no-repeat; }
#left .useLeft .nav2 a {background: url(../images/use/nav2.gif) 0 0 no-repeat; }
#left .useLeft .nav3 a {background: url(../images/use/nav3.gif) 0 0 no-repeat; }
#left .useLeft .nav4 a {background: url(../images/use/nav4.gif) 0 0 no-repeat; }

#left .useLeft .nav4 .subNav .snav1 a {width: 77px; background: url(../images/use/snav4_1.gif) 0 0 no-repeat; }
#left .useLeft .nav4 .subNav .snav2 a {width: 67px; background: url(../images/use/snav4_2.gif) 0 0 no-repeat; }

#left .showLeft .nav1 a {background: url(../images/show/nav1.gif) 0 0 no-repeat; }
#left .showLeft .nav2 a {background: url(../images/show/nav2.gif) 0 0 no-repeat; }
#left .showLeft .nav3 a {background: url(../images/show/nav3.gif) 0 0 no-repeat; }

#left .showLeft .nav2 .subNav .snav1 a {width: 48px; background: url(../images/show/snav2_1.gif) 0 0 no-repeat; }
#left .showLeft .nav2 .subNav .snav2 a {width: 48px; background: url(../images/show/snav2_2.gif) 0 0 no-repeat; }

#left .eduLeft .nav1 a {background: url(../images/edu/nav1.gif) 0 0 no-repeat; }
#left .eduLeft .nav2 a {background: url(../images/edu/nav2.gif) 0 0 no-repeat; }
#left .eduLeft .nav3 a {background: url(../images/edu/nav3.gif) 0 0 no-repeat; }
#left .eduLeft .nav4 a {background: url(../images/edu/nav4.gif) 0 0 no-repeat; }

#left .partLeft .nav1 a {background: url(../images/part/nav1.gif) 0 0 no-repeat; }
#left .partLeft .nav2 a {background: url(../images/part/nav2.gif) 0 0 no-repeat; }
#left .partLeft .nav3 a {background: url(../images/part/nav3.gif) 0 0 no-repeat; }
#left .partLeft .nav4 a {background: url(../images/part/nav4.gif) 0 0 no-repeat; }

#left .partLeft .nav4 .subNav .snav1 a {width: 68px; background: url(../images/part/snav4_1.gif) 0 0 no-repeat; }
#left .partLeft .nav4 .subNav .snav2 a {width: 68px; background: url(../images/part/snav4_2.gif) 0 0 no-repeat; }

#left .informationLeft .nav1 a {background: url(../images/information/nav1.gif) 0 0 no-repeat; }
#left .informationLeft .nav2 a {background: url(../images/information/nav2.gif) 0 0 no-repeat; }
#left .informationLeft .nav3 a {background: url(../images/information/nav3.gif) 0 0 no-repeat; }
#left .informationLeft .nav4 a {background: url(../images/information/nav4.gif) 0 0 no-repeat; }
#left .informationLeft .nav5 a {background: url(../images/information/nav5.gif) 0 0 no-repeat; }

#left .memberLeft .nav1 a {background: url(../images/member/nav1.gif) 0 0 no-repeat; }
#left .memberLeft .nav2 a {background: url(../images/member/nav2.gif) 0 0 no-repeat; }
#left .memberLeft .nav3 a {background: url(../images/member/nav3.gif) 0 0 no-repeat; }
#left .memberLeft .nav4 a {background: url(../images/member/nav4.gif) 0 0 no-repeat; }
#left .memberLeft .nav5 a {background: url(../images/member/nav5.gif) 0 0 no-repeat; }

#left .memberLeft .nav9 a {background: url(../images/member/nav9.gif) 0 0 no-repeat; }
#left .memberLeft .nav10 a {background: url(../images/member/nav10.gif) 0 0 no-repeat; }
#left .memberLeft .nav11 a {background: url(../images/member/nav11.gif) 0 0 no-repeat; }
#left .memberLeft .nav12 a {background: url(../images/member/nav12.gif) 0 0 no-repeat; }
#left .memberLeft .nav13 a {background: url(../images/member/nav13.gif) 0 0 no-repeat; }
#left .memberLeft .nav14 a {background: url(../images/member/nav14.gif) 0 0 no-repeat; }
#left .memberLeft .nav15 a {background: url(../images/member/nav15.gif) 0 0 no-repeat; }

#left .sitemapLeft .nav1 a {background: url(../images/sitemap/nav1.gif) 0 0 no-repeat; }

#left .guideLeft .nav1 a {background: url(../images/guide/nav1.gif) 0 0 no-repeat; }
#left .guideLeft .nav2 a {background: url(../images/guide/nav2.gif) 0 0 no-repeat; }

#left .links li a:hover,
#left .links li .on {background-position: -155px 0; }
#left .links .nav1 .on,
#left .links .nav2 .on,
#left .links .nav3 .on,
#left .links .nav4 .on,
#left .links .nav5 .on,
#left .links .nav6 .on,
#left .links .nav7 .on, {background-position: -155px 0; }
#left .links .nav1 .subNav li .on,
#left .links .nav2 .subNav li .on,
#left .links .nav3 .subNav li .on,
#left .links .nav4 .subNav li .on,
#left .links .nav5 .subNav li .on,
#left .links .nav6 .subNav li .on,
#left .links .nav7 .subNav li .on,
#left .links .nav1 .subNav li a:hover,
#left .links .nav2 .subNav li a:hover,
#left .links .nav3 .subNav li a:hover,
#left .links .nav4 .subNav li a:hover,
#left .links .nav5 .subNav li a:hover,
#left .links .nav6 .subNav li a:hover,
#left .links .nav7 .subNav li a:hover {background-position: 0 -13px; }

#quick {z-index: 200; position: absolute; left: 0;  width: 182px; margin: 0 0 0 2px; background: white; }
#quick li {float: left; margin: 0 0 7px; background: white; }
#quick li a {float: left; background: white; }
*/


#contents .center .print {position: absolute; top: 59px; right: 0; width: 28px; height: 134px; padding: 23px 0 0; background: url(../images/comm/print_bg.gif) 0 0 no-repeat; }

#satisfaction {float: left; display: inline; position: relative; width: 723px; margin: 0 0 0 230px; border-bottom: 3px solid #ededed; }
#satisfaction fieldset {border: none; }
#satisfaction legend {display: none; }
#satisfaction h4 {clear: both; height: 22px; margin: 0; padding: 9px 0 0 15px; border: none; background: url(../images/comm/satis_title_bg.gif) 0 0 no-repeat; }
#satisfaction .enter {width: 695px; padding: 13px; border: 1px solid #d7d7d7; border-top: none; background: white; }
#satisfaction .enter ul {width: 635px; margin: 0 0 10px; padding: 0 30px; }
#satisfaction .enter ul:after {content: ""; display: block; clear: both; }
#satisfaction .enter ul li {float: left; margin: 0 73px 0 0; }
#satisfaction .enter ul .last {margin: 0; }
#satisfaction .enter ul li .inputRadio {float: left; width: 13px; height: 13px; margin: 1px 4px 0 0; }
#satisfaction .enter ul li img {float: left;  }
#satisfaction .enter p {clear: both; width: 683px; height: 28px; padding: 10px 0 0 10px; border: 1px solid #e7e7e7; background: #f3f3f3; }
#satisfaction .enter p .inputText {float: left; width: 553px; height: 17px; border: 1px solid #c9c9c9; background: white; }
#satisfaction .enter p .inputText2 {float: left; display: inline; font-size: 11px; line-height: 1.5em; width: 30px; height: 13px; margin: 1px 10px 0 3px; text-align: right; }
#satisfaction .enter p .inputBt {float: left; }
#satisfaction .tel {position: absolute; top: 11px; right: 17px; }

#dataContents .about1 h5 {margin: 0 0 32px; }
#dataContents .about1 h6 {float: left; width: 410px; margin: 0 0 20px; }
#dataContents .about1 .photo {float: right; margin: -32px 0 0; }
#dataContents .about1 p {float: left; }

#dataContents .about2 {width: 729px; padding: 20px 0 0; background: url(../images/about/about2_bg.gif) 0 41px no-repeat; }
#dataContents .about2 .photo {float: left; display: inline; margin: 0 11px 0 9px; }
#dataContents .about2 .textContents {float: left; width: 466px; padding: 103px 0 0; }
#dataContents .about2 .textContents .title1 {margin: 0 0 15px; }
#dataContents .about2 .textContents .text1 {width: 100%; margin: 0 0 14px; }
#dataContents .about2 .textContents .text1:after {content: ""; display: block; clear: both; }
#dataContents .about2 .textContents .text1 img {float: left; }
#dataContents .about2 .textContents .text2 {width: 100%; margin: 0 0 32px; }
#dataContents .about2 .textContents .text2:after {content: ""; display: block; clear: both; }
#dataContents .about2 .textContents .text2 img {float: left; }
#dataContents .about2 .textContents .title2 {margin: 0 0 8px; }
#dataContents .about2 .textContents ul {position: relative; width: 432px; height: 746px; padding: 73px 0 0; background: url(../images/about/about2_tab_bg.gif) 0 0 no-repeat; }
#dataContents .about2 .textContents ul li {display: inline; }
#dataContents .about2 .textContents ul li a {position: absolute; top: 0; }
#dataContents .about2 .textContents ul li .nav1 {left: 29px; }
#dataContents .about2 .textContents ul li .nav2 {right: 29px; }
#dataContents .about2 .textContents ul li div ul {padding: 0 0 0 31px; background: none; }
#dataContents .about2 .textContents ul li div ul:after {content: ""; display: block; clear: both; }
#dataContents .about2 .textContents ul li div ul li {float: left; width: 100%; margin: 0 0 7px; }
#dataContents .about2 .textContents ul li div ul li:after {content: ""; display: block; clear: both; }
#dataContents .about2 .textContents ul li div ul li img {float: left; }
#dataContents .about2 .bottomPhoto {float: left; }
#dataContents .about2 .bottomPhoto2 {float: right; margin: 0 0 11px; }

#dataContents .about3 {padding: 20px 0 0; }
#dataContents .about3 ul {position: relative; width: 723px; padding: 63px 0 0; background: url(../images/about/about3_tab_bg.gif) 0 28px repeat-x; }
#dataContents .about3 ul:after {content: ""; display: block; clear: both; }
#dataContents .about3 ul li {display: inline; }
#dataContents .about3 ul li .nav1 {position: absolute; top: 0; left: 0; }
#dataContents .about3 ul li .nav2 {position: absolute; top: 0; left: 96px; }
#dataContents .about3 ul li .nav3 {position: absolute; top: 0; left: 192px; }
#dataContents .about3 ul li div {width: 100%; }
#dataContents .about3 ul li div:after {content: ""; display: block; clear: both; }
#dataContents .about3 .title1 {margin: 0 0 30px; }
#dataContents .about3 .text1 {width: 100%; margin: 0 0 29px; }
#dataContents .about3 .text1:after {content: ""; display: block; clear: both; }
#dataContents .about3 .text1 img {float: left; }
#dataContents .about3 .title1_2 {margin: 0 0 8px; }
#dataContents .about3 .stateList {width: 659px; height: 197px; padding: 21px 32px 0; background: url(../images/about/about3_statelist_bg.gif) 0 0 no-repeat; }
#dataContents .about3 .stateList:after {content: ""; display: block; clear: both; }
#dataContents .about3 .stateList li {float: left; width: 317px; margin: 0 0 7px; }
#dataContents .about3 .stateList li:after {content: ""; display: block; clear: both; }
#dataContents .about3 .stateList .bigLi {margin: 0 0 27px; }
#dataContents .about3 .stateList li img {float: left; }

#dataContents .about3 .title2 {margin: 0 0 9px; }
#dataContents .about3 ul li div div {position: relative; width: 691px; height: 353px; margin: 0 0 23px; padding: 15px 0 0 32px; background: url(../images/about/about3_map_bg.gif) 0 0 no-repeat; }
#dataContents .about3 ul li div div .mapImg {position: absolute; top: 19px; left: 74px; }
#dataContents .about3 ul li div div .mapState {position: absolute; top: 158px; left: 527px; width: 182px; margin: 0; padding: 0; background: none; }
#dataContents .about3 ul li div div .mapState2 {top: 245px; }
#dataContents .about3 ul li div div .mapState:after {content: ""; display: block; clear: both; }
#dataContents .about3 ul li div div .mapState li {clear: both; float: left; margin: 0 0 9px; }
#dataContents .about3 ul li div div .mapState li:after {content: ""; display: block; clear: both; }
#dataContents .about3 ul li div div .mapState li img {float: left; }

#dataContents .about3 .title3 {margin: 0 0 9px; }
#dataContents .about3 .state2 {width: 692px; height: 101px; margin: 0 0 43px; padding: 23px 0 0 31px; background: url(../images/about/about3_state2bg.gif) 0 0 no-repeat; }
#dataContents .about3 .state2 li {clear: both; float: left; width: 100%; margin: 0 0 9px; }
#dataContents .about3 .state2 li:after {content: ""; display: block; clear: both; }
#dataContents .about3 .state2 li img {float: left; }
#dataContents .about3 .title3_2 {margin: 0 0 17px; }
#dataContents .about3 .text3 {width: 100%; margin: 0 0 22px; }
#dataContents .about3 .text3:after {content: ""; display: block; clear: both; }
#dataContents .about3 .text3 img {float: left; }
#dataContents .about3 .paper {width: 723px; height: 234px; padding: 30px 0 0; background: url(../images/about/about3_paper_bg.gif) 0 0 no-repeat; }
#dataContents .about3 .paper li {float: left; display: inline; width: 138px; margin: 0 50px; }
#dataContents .about3 .paper li a {display: block; width: 136px; margin: 14px auto 0; }

#dataContents .about4 {padding: 20px 0 0; }
#dataContents .about4 h5 {margin: 0 0 12px; }
#dataContents .about4 ul {position: relative; width: 723px; padding: 74px 0 66px; background: url(../images/about/about4_tab_bg.gif) 3px 0 no-repeat; }
#dataContents .about4 ul:after {content: ""; display: block; clear: both; }
#dataContents .about4 ul li {display: inline; }
#dataContents .about4 ul li .nav1 {position: absolute; top: 0; left: 27px; }
#dataContents .about4 ul li .nav2 {position: absolute; top: 0; left: 259px; }
#dataContents .about4 ul li .nav3 {position: absolute; top: 0; left: 491px; }
#dataContents .about4 ul li div {position: relative; width: 100%; padding: 0 0 3px; background: url(../images/about/about4_list_line.gif) 0 bottom no-repeat; }
#dataContents .about4 ul li div:after {content: ""; display: block; clear: both; }
#dataContents .about4 ul li div h6 {padding: 0 0 7px 5px; }
#dataContents .about4 ul li div ul {width: 661px; padding: 33px 30px; border: 1px solid #ededed; border-bottom: none; background: #f8f8f8 url(../images/about/about4_list_bg.gif) right 0 no-repeat; }
#dataContents .about4 ul li div .short {padding: 33px 30px 110px; }
#dataContents .about4 ul li div ul:after {content: ""; display: block; clear: both; }
#dataContents .about4 ul li div ul li {clear: both; float: left; width: 652px; padding: 10px 0 10px 9px; border-bottom: 1px solid #e1e1e1; }
#dataContents .about4 ul li div ul li:after {content: ""; display: block; clear: both; }
#dataContents .about4 ul li div ul .last {padding: 10px 0 0 9px; border: none; }
#dataContents .about4 ul li div ul li img {float: left; }
#dataContents .about4 ul li div .slogan {position: absolute; bottom: -66px; left: 381px; }
#dataContents .about4 ul li div .avatar {position: absolute; bottom: -63px; left: 566px; }

#dataContents .about5 {padding: 20px 0 0; }
#dataContents .about5 .text1 {margin: 0 0 30px 30px; padding: 0 0 30px; border-bottom: 1px solid #e8e8e8; }
#dataContents .about5 .logotype {float: left; width: 316px; margin: 0 0 19px; }
#dataContents .about5 .symbol {float: left; display: inline; width: 372px; margin: 0 0 19px 32px; }
#dataContents .about5 .logotype h5,
#dataContents .about5 .symbol h5 {margin: 0 0 10px; }
#dataContents .about5 .logotype .logoimg,
#dataContents .about5 .symbol .logoimg {margin: 0 0 0 4px; }
#dataContents .about5 .color {clear: both; margin: 0 0 28px 32px; }
#dataContents .about5 .color h5 {margin: 0 0 10px; }
#dataContents .about5 .color ul {padding: 0 0 25px; border-bottom: 1px solid #e8e8e8; }
#dataContents .about5 .color ul li {display: inline; margin: 0 26px 0 0; }
#dataContents .about5 .signature {position: relative; margin: 0 0 0 32px; }
#dataContents .about5 .signature:after {content: ""; display: block; clear: both; }
#dataContents .about5 .signature h5 {margin: 0 0 29px; }
#dataContents .about5 .signature .type1 {float: left; display: inline; width: 319px; height: 122px; margin: 0 0 0 76px; }
#dataContents .about5 .signature .type1 h6 {margin: 0 0 21px; }
#dataContents .about5 .signature .type2 {float: left; display: inline; width: 319px; height: 121px; margin: 0 0 0 76px; }
#dataContents .about5 .signature .type2 h6 {margin: 0 0 12px; }
#dataContents .about5 .signature .type3 {float: left; display: inline; width: 147px; height: 209px; margin: -122px 0 0; }
#dataContents .about5 .signature .type3 h6 {float: left; width: 58px; }
#dataContents .about5 .signature .type3 img {float: left; }
#dataContents .about5 .signature p {clear: both; }
#dataContents .about5 .signature ul {position: absolute; top: 0; left: 167px; }
#dataContents .about5 .signature ul li {float: left; margin: 0 5px 0 0; }
#dataContents .about5 .signature ul li a {float: left; }

#dataContents .about6 {position: relative; padding: 30px 0 0; }
#dataContents .about6 h5 {position: absolute; top: 36px; left: 0; }

#dataContents .about7 h5 {margin: 0 0 30px; }
#dataContents .about7 div {position: relative; width: 100%; padding: 0 0 3px; background: url(../images/about/about4_list_line.gif) 0 bottom no-repeat; }
#dataContents .about7 div ul {width: 693px; padding: 0 14px; border: 1px solid #ededed; border-bottom: none; background: #f8f8f8 url(../images/about/about4_list_bg.gif) right 0 no-repeat; }
#dataContents .about7 div ul li {position: relative; float: left; width: 693px; padding: 15px 0 16px; border-bottom: 1px solid #e1e1e1; }
#dataContents .about7 div ul .last {border: none; }
#dataContents .about7 div ul li h6 {position: absolute; top: 20px; left: 149px; }
#dataContents .about7 div ul li .thumb {float: left; border: 1px solid #eaeaea; }
#dataContents .about7 div ul li p {position: absolute; top: 48px; left: 149px; }
#dataContents .about7 div ul li a {position: absolute; top: 85px; left: 149px; }

#dataContents .data .round1 {position: absolute; top: -5px; left: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; }
#dataContents .data .round2 {position: absolute; top: -5px; right: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: -15px 0; }
#dataContents .data .round3 {position: absolute; bottom: -5px; left: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: 0 -15px; }
#dataContents .data .round4 {position: absolute; bottom: -5px; right: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: -15px -15px; }

#dataContents .data .login {position: relative; width: 550px; margin: 30px auto 0; padding: 50px 0 0; }
#dataContents .data .login:after {content: ""; display: block; clear: both; }
#dataContents .data .login h5 {z-index: 100; position: absolute; top: 0; left: 19px; }
#dataContents .data .login fieldset {border: none; }
#dataContents .data .login legend {display: none; }
#dataContents .data .login .box {position: relative; width: 476px; padding: 33px 36px 23px 28px; border: 5px solid #ccc; }
#dataContents .data .login .box:after {content: ""; display: block; clear: both; }
#dataContents .data .login .box p {margin: 0 0 0 25px; padding: 6px 0 7px; }
#dataContents .data .pwChange .box p {margin: 0 0 0 15px; }
#dataContents .data .login .box p:after {content: ""; display: block; clear: both; }
#dataContents .data .login .box p .inputText {width: 227px; height: 17px; border: 1px solid #c9c9c9; }
#dataContents .data .login .box p label {float: left; width: 76px; margin: 2px 0 0; color: #888; font-weight: bold; }
#dataContents .data .pwChange .box p label {width: 148px; }
#dataContents .data .pwChange .box .warning {color: #888; font-size: 11px; letter-spacing: -1px; padding: 0 0 20px 148px; }
#dataContents .data .login .box .text {margin: 0; padding: 0 0 23px 7px; }
#dataContents .data .login .box .line {padding: 13px 0 14px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .login .box .inputBt {position: absolute; top: 97px; left: 385px; }
#dataContents .data .pwChange .inputBt {display: block; width: 89px; height: 37px; margin: 18px auto 0; }
#dataContents .data .login .box .floatClear {padding: 21px 0 0 107px; }
#dataContents .data .login .box .floatClear li {float: left; margin: 0 16px 0 0; }
#dataContents .data .login .box .floatClear li a {float: left; }
#dataContents .data .login strong {float: left; display: inline; margin: 29px 0 0 39px; }
#dataContents .data .login .bottomList {float: left; display: inline; margin: 7px 0 0 39px; }
#dataContents .data .login .bottomList li {clear: both; float: left; margin: 0 0 7px; }
#dataContents .data .login .bottomList li img {float: left; }
#dataContents .data .login .box .line .bar {padding: 0 5px 0 4px; }
#dataContents .data .login .box .line .short {width: 105px; }

#dataContents .data .agree {position: relative; width: 703px; margin: 0 auto; padding: 20px 0 0; }
#dataContents .data .agree h5 {z-index: 100; position: absolute; top: 0; left: 16px; }
#dataContents .data .agree .agree_in {position: relative; width: 645px; padding: 33px 24px; border: 5px solid #ccc; }
#dataContents .data .agree fieldset {border: none; }
#dataContents .data .agree legend {display: none; }
#dataContents .data .agree .agree_in h6 {padding: 20px 0 8px; }
#dataContents .data .agree .agree_in .bar {float: left; width: 16px; margin: 2px 0 0; text-align: center; }
#dataContents .data .agree .agree_in .box {width: 633px; height: 238px; margin: 0 auto; padding: 5px; overflow-y: scroll; border: 1px solid #e7e7e7; }

#dataContents .data .agree .agree_in .box .title1 {display: block; font-size: 14px; margin: 0 0 3px; }
#dataContents .data .agree .agree_in .box .title2 {display: block; font-size: 14px; margin: 0 0 3px; font-weight: normal; }
#dataContents .data .agree .agree_in .box p,
#dataContents .data .agree .agree_in .box ul {margin: 0 0 20px 5px; }
#dataContents .data .agree .agree_in .box ul li ul {font-size: 11px; margin: 0 0 5px 10px; }
#dataContents .data .agree .agree_in .box strong {color: red; font-weight: normal; }

#dataContents .data .agree .agree_in label {float: left; color: #888; font-weight: bold; }
#dataContents .data .agree .agree_in .check {float: left; width: 100%; margin: 0 0 20px; padding: 10px 0 20px; border-bottom: 1px solid #dadada; }
#dataContents .data .agree .agree_in .check:after {content: ""; display: block; clear: both; }
#dataContents .data .agree .agree_in .check .inputCheck {float: left; display: inline; width: 13px; height: 13px; margin: 2px 5px 0 0; }
#dataContents .data .agree .agree_in .inputText {float: left; width: 160px; height: 16px; background: #fff; border: 1px solid #c9c9c9; vertical-align: middle; margin: 0 0 3px 0; }
#dataContents .data .agree .agree_in .inputBt {float: left; margin: 0 0 0 10px; }
#dataContents .data .agree .agree_in .popBox {float: left; display: inline; width: 220px; height: 149px; margin: 27px 18px; padding: 25px 33px 0; text-align: center; background: url(../images/member/agree/box_bg.gif) 0 0 no-repeat; }
#dataContents .data .agree .agree_in .popBox img {display: block; margin: 0 auto; padding: 0; }
#dataContents .data .agree .agree_in .popBox p {width: 100%; height: 48px; padding: 16px 0 0; color: #777; font-size: 11px; line-height: 1.2em; }
#dataContents .data .agree .agree_in .warning {clear: both; width: 615px; padding: 16px 10px; color: #777; font-size: 11px; border: 5px solid #eaeaea; background: #fcfcfc; }
#dataContents .data .agree .agree_in table {width: 97%; margin: 20px auto; }
#dataContents .data .agree .agree_in table th {text-align: left; padding: 8px 0; width: 16%; }
#dataContents .data .agree .ok {text-align: center; padding: 20px 0; }
#dataContents .data .agree .agree_in .button_center {text-align: center; padding:15px;}


#dataContents .data .comp {position: relative; width: 703px; margin: 0 auto; padding: 20px 0 0; }
#dataContents .data .comp h5 {z-index: 100; position: absolute; top: 0; left: 16px; }
#dataContents .data .comp .comp_in {position: relative; width: 645px; padding: 50px 24px 25px; border: 5px solid #ccc; background: url(../images/member/ok_img.gif) right bottom no-repeat; }
#dataContents .data .comp .comp_in ul {margin: 20px 0 0; }
#dataContents .data .comp .comp_in li {display: inline; margin: 0 3px; }
#dataContents .data .comp .comp_in .left {clear: both; }

#dataContents .data .joinPageState {width: 703px; margin: 0 auto 27px; }
#dataContents .data .join {position: relative; width: 703px; margin: 0 auto; padding: 20px 0 0; }
#dataContents .data .join h5 {z-index: 100; position: absolute; top: 0; left: 16px; }
#dataContents .data .join .certainly {vertical-align: 2px; margin: 0 0 0 2px; }
#dataContents .data .join fieldset {border: none; }
#dataContents .data .join legend {display: none; }
#dataContents .data .join .box {position: relative; width: 645px; padding: 33px 24px; border: 5px solid #ccc; }
#dataContents .data .join .box p {margin: 0 0 14px 6px; }
#dataContents .data .join .box ul {width: 639px; margin: 0 0 30px 6px; font-size: 11px; color: #777; }
#dataContents .data .join .box ul li {float: left; width: 100%; }
#dataContents .data .join .box ul li:after {content: ""; display: block; clear: both; }
#dataContents .data .join .box table {width: 100%; border-top: 1px dotted #c9c9c9;}
#dataContents .data .join .box table th {color: #888; width: 19%; padding: 12px 0 0; text-align: left; vertical-align: top; border-bottom: 1px dotted #c9c9c9; }
#dataContents .data .join .box table td {border-bottom: 1px dotted #c9c9c9; padding: 10px 0; }
#dataContents .data .join .box table .bar {float: left; width: 16px; margin: 2px 0 0; text-align: center; }
#dataContents .data .join .box table .birthday {float: left; display: inline; margin: 2px 8px 0 3px; font-size: 11px; color: #777; }
#dataContents .data .join .box table .note {float: left; margin: 2px 0 0; font-size: 11px; color: #777; }
#dataContents .data .join .box table .note2 {clear: both; width: 100%; }
#dataContents .data .join .box table td select {float: left; height: 20px; }
#dataContents .data .join .box table td .inputText {float: left; width: 240px; height: 16px; margin: 1px 0 2px; border: 1px solid #c9c9c9; }
#dataContents .data .join .box table td .inputBt {float: left; display: inline; margin: 1px 0 0 6px; }
#dataContents .data .join .box table td .normal {width: 111px; }
#dataContents .data .join .box table td .short {width: 80px; }
#dataContents .data .join .box table td .veryShort {width: 63px; }
#dataContents .data .join .box table td .long {clear: both; width: 430px; }
#dataContents .data .join .box table td .last {clear: both; margin: 0 5px 0 0; }
#dataContents .data .join .ok {text-align: center; padding: 20px 0; }
#dataContents .data .join .ok input {margin: 0 5px; padding: 0; border: none; }

#dataContents .data .ipsearch {position: relative; width: 550px; margin: 30px auto 0; padding: 50px 0 0; }
#dataContents .data .ipsearch:after {content: ""; display: block; clear: both; }
#dataContents .data .ipsearch h5 {z-index: 100; position: absolute; top: 0; right: 20px; }
#dataContents .data .ipsearch fieldset {border: none; }
#dataContents .data .ipsearch legend {display: none; }
#dataContents .data .ipsearch .box {position: relative; width: 476px; padding: 33px 36px 23px 28px; border: 5px solid #ccc; }
#dataContents .data .ipsearch .box:after {content: ""; display: block; clear: both; }
#dataContents .data .ipsearch .box p {margin: 0 0 0 25px; padding: 6px 0 7px; }
#dataContents .data .pwChange .box p {margin: 0 0 0 15px; }
#dataContents .data .ipsearch .box p:after {content: ""; display: block; clear: both; }
#dataContents .data .ipsearch .box p .inputText {width: 227px; height: 17px; border: 1px solid #c9c9c9; }
#dataContents .data .ipsearch .box p label {float: left; width: 76px; margin: 2px 0 0; color: #888; font-weight: bold; }
#dataContents .data .pwChange .box p label {width: 148px; }
#dataContents .data .pwChange .box .warning {color: #888; font-size: 11px; letter-spacing: -1px; padding: 0 0 20px 148px; }
#dataContents .data .ipsearch .box .text {margin: 0; padding: 0 0 23px 7px; }
#dataContents .data .ipsearch .box .inputBt {position: absolute; top: 95px; left: 385px; }
#dataContents .data .ipsearch .box .inputBt2 {position: absolute; top: 111px; left: 385px; }
#dataContents .data .ipsearch .box .inputBt3 {position: absolute; top: 80px; left: 385px; }
#dataContents .data .pwChange .inputBt {display: block; width: 89px; height: 37px; margin: 18px auto 0; }
#dataContents .data .ipsearch .box .floatClear {padding: 21px 0 0 107px; }
#dataContents .data .ipsearch .box .floatClear li {float: left; margin: 0 16px 0 0; }
#dataContents .data .ipsearch .box .floatClear li a {float: left; }
#dataContents .data .ipsearch strong {float: left; display: inline; margin: 29px 0 0 39px; }
#dataContents .data .ipsearch .bottomList {float: left; display: inline; margin: 7px 0 0 39px; }
#dataContents .data .ipsearch .bottomList li {clear: both; float: left; margin: 0 0 7px; }
#dataContents .data .ipsearch .bottomList li img {float: left; }
#dataContents .data .ipsearch .box div .bar {padding: 0 5px 0 4px; }
#dataContents .data .ipsearch .box div .short {width: 105px; }
#dataContents .data .ipsearch .searchTab {width: 476px; }
#dataContents .data .ipsearch .searchTab li {display: inline; }
#dataContents .data .ipsearch .searchTab li a {position: absolute; top: -30px; }
#dataContents .data .ipsearch .searchTab .nav1 a {left: 11px; }
#dataContents .data .ipsearch .searchTab .nav2 a {left: 101px; }

#dataContents .data .search2 {width: 528px; height: 168px; margin: 0 auto; padding: 22px; background: url(../images/member/search2_bg.gif) 0 22px no-repeat; }
#dataContents .data .search2 h5 {margin: 0 0 55px; }
#dataContents .data .search2 p {font-size: 20px; text-align: center; }
#dataContents .data .search2 p strong {color: #a53c24; }
#dataContents .data .search2_link {width: 100%; padding: 27px 0; text-align: center; }
#dataContents .data .search2_link li {display: inline; margin: 0 5px; }

#join_popup {position: relative; width: 438px; margin: 11px auto 0; padding: 19px 0 0; overflow: hidden; }
#join_popup:after {content: ""; display: block; clear: both; }
#join_popup h1 {z-index: 100; position: absolute; top: 0; left: 19px; }
#join_popup fieldset {border: none; }
#join_popup legend {display: none; }
#join_popup .box {position: relative; width: 388px; height: 161px; padding: 47px 20px 0; border: 5px solid #ccc; }
#join_popup .box:after {content: ""; display: block; clear: both; }
#join_popup .box p {padding: 6px 0 5px; }
#join_popup .box p:after {content: ""; display: block; clear: both; }
#join_popup .box p .inputText {width: 227px; height: 17px; border: 1px solid #c9c9c9; }
#join_popup .box p .short {width: 105px; }
#join_popup .box p label {float: left; width: 76px; margin: 2px 0 0; color: #888; font-weight: bold; }
#join_popup .box .bar {padding: 0 5px 0 4px; }
#join_popup .box .text {margin: 0; padding: 0 0 23px 7px; }
#join_popup .box .line {padding: 21px 0 22px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#join_popup .box .inputBt {position: absolute; top: 76px; left: 340px; }
#join_popup .round1 {position: absolute; top: -5px; left: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; }
#join_popup .round2 {position: absolute; top: -5px; right: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: -15px 0; }
#join_popup .round3 {position: absolute; bottom: -5px; left: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: 0 -15px; }
#join_popup .round4 {position: absolute; bottom: -5px; right: -5px; width: 15px; height: 15px; overflow: hidden; background: url(../images/member/round_bg.gif) 0 0 no-repeat; background-position: -15px -15px; }

#guide_popup {width: 819px; padding: 0 0 0 9px; }
#guide_popup h1 {margin: 0 0 18px; padding: 14px 0 0; }
#guide_popup div {font-size: 12px; color: #666; overflow-y: scroll; width: 807px; height: 370px; padding: 5px; border: 1px solid #d7dadd; background: white; }

#dataContents .data .mypageMain {width: 100%; }
#dataContents .data .mypageMain:after {content: ""; display: block; clear: both; }
#dataContents .data .memberTopText {width: 100%; margin: 0 0 23px; }
#dataContents .data .memberTopText:after {content: ""; display: block; clear: both; }
#dataContents .data .memberTopText li {clear: both; float: left; margin: 0 0 7px; }
#dataContents .data .memberTopText li img {float: left; }
#dataContents .data .mypageMain .myState {position: relative; float: left; width: 355px; margin: 0 0 20px; color: #555; }
#dataContents .data .mypageMain .myState a {color: #555; }
#dataContents .data .mypageMain .myState h5 {padding: 0 0 5px; }
#dataContents .data .mypageMain .myState ul {width: 319px; padding: 10px 11px 20px; border: 7px solid #ededed; }
#dataContents .data .mypageMain .myState ul:after {content: ""; display: block;  clear: both; }
#dataContents .data .mypageMain .myState ul li {position: relative; float: left; width: 312px; padding: 4px 0 4px 7px; border-bottom: 1px solid #e5e8ea; background: url(../images/member/mypage/dot.gif) 0 11px no-repeat; }
#dataContents .data .mypageMain .myState ul li img {position: absolute; top: 2px; right: 0; }
#dataContents .data .mypageMain .myState ul li .subject {text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#dataContents .data .mypageMain .visual {position: absolute; top: 6px; left:370px;  }

#dataContents .data .mypageMain .edu .subject {float: left; width: 110px; }
#dataContents .data .mypageMain .edu .day {float: left; width: 125px; text-align: center; }

#dataContents .data .mypageMain .reservation {float: right; }
#dataContents .data .mypageMain .reservation .subject {float: left; width: 171px; }
#dataContents .data .mypageMain .reservation .day {float: left; width: 69px; text-align: center; }

#dataContents .data .mypageMain .myHistory {clear: both; }
#dataContents .data .mypageMain .myHistory .more {position: absolute; top: 6px; right: 3px; }
#dataContents .data .mypageMain .myHistory .subject {float: left; width: 230px; }
#dataContents .data .mypageMain .myHistory .day {float: right; width: 69px; text-align: center; }

#dataContents .data .faqTab {position:relative; width: 100%; background: url(../images/use/tab_line.gif) 0 28px repeat-x; }
#dataContents .data .faqTab:after {content: ""; display: block; clear: both; }
#dataContents .data .faqTab li {display: inline; }
#dataContents .data .faqTab li .usetabOn, #dataContents .data .faqTab li .usetabOff {position: absolute; top: 0; float: left; overflow: hidden; padding: 29px 0 0; width: 96px; height: 0; }
#dataContents .data .faqTab .tab1 a {left: 0; background: url(../images/use/tab1.gif) 0 0 no-repeat; }
#dataContents .data .faqTab .tab2 a {left: 96px; background: url(../images/use/tab2.gif) 0 0 no-repeat; }
#dataContents .data .faqTab .tab3 a {left: 192px; background: url(../images/use/tab3.gif) 0 0 no-repeat; }
#dataContents .data .faqTab .tab4 a {left: 288px; background: url(../images/use/tab4.gif) 0 0 no-repeat; }
#dataContents .data .faqTab .tab1 .usetabOn,
#dataContents .data .faqTab .tab2 .usetabOn,
#dataContents .data .faqTab .tab3 .usetabOn,
#dataContents .data .faqTab .tab4 .usetabOn {background-position: -96px 0; }

#dataContents .data .faqTab li div {clear: both; width: 100%; height: 300px; padding: 57px 0 0; }
#dataContents .data .faqTab li div .faqList li {float: left; width: 703px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .faqTab li div .faqList li:after {content: ""; display: block; clear: both; }
#dataContents .data .faqTab li div .faqList a {float: left; line-height: 2.4em; clear: both; font-weight: bold; width: 680px; padding: 0 0 0 23px; background: url(../images/use/faq_dot.gif) 2px 6px no-repeat; }
#dataContents .data .faqTab li div .faqList .rep{clear: both; width: 649px; height: auto;padding: 13px 16px 13px 38px; background: #f7f7f7 url(../images/use/faq_dot2.gif) 15px 13px no-repeat; }

#dataContents .data .listTable {width: 100%; color: #5d5d5d; }
#dataContents .data .listTable th {height: 35px; text-align: center; background: url(../images/show/th_bg.gif) 0 0 repeat-x; }
#dataContents .data .listTable .first {background: url(../images/show/th_bg1.gif) 0 0 no-repeat; }
#dataContents .data .listTable .last {background: url(../images/show/th_bg2.gif) right 0 no-repeat; }
#dataContents .data .listTable td {text-align: center; padding: 10px 0; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .listTable td a {color: #5d5d5d; }
#dataContents .data .listTable .title {text-align: left; font-weight: bold; }
#dataContents .data .listTable .title img {vertical-align: middle; margin: 0 8px; }
#dataContents .data .listBt {float: right; display: inline; margin: 10px 11px 0 0; }

#dataContents .data .viewTable {width: 100%; color: #5d5d5d; }
#dataContents .data .viewTable th {vertical-align: top; text-align: left; padding: 10px 0 10px 10px; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; }
#dataContents .data .viewTable .title {vertical-align: middle; border: none; height: 35px; padding: 0 0 0 10px; background: url(../images/show/th_bg3.gif) 0 0 repeat-x;  }
#dataContents .data .viewTable .first {background: url(../images/show/th_bg1.gif) 0 0 no-repeat; }
#dataContents .data .viewTable .last {background: url(../images/show/th_bg2.gif) right 0 no-repeat; }
#dataContents .data .viewTable td {padding: 10px 0 10px 10px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .viewTable td a {color: #5d5d5d; }
#dataContents .data .viewTable td img {width:700px;}

#dataContents .data .newBoard {width: 703px; padding: 7px 0; background: url(../images/part/list_bg.gif) 0 0 no-repeat; }
#dataContents .data .newBoard dl {position: relative; zoom: 1; padding: 13px 3px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .newBoard dl:after {content: ""; display: block; clear: both; }
#dataContents .data .newBoard dl dt {float: right; width: 397px; margin: 5px 0; line-height: 1.5em; font-size: 16px; color: black; font-weight: bold; }
#dataContents .data .newBoard dl dd {float: right; width: 397px; }
#dataContents .data .newBoard dl .thumb {float: left; width: 300px; }
#dataContents .data .newBoard dl .view {margin: 25px 0 0; }
#dataContents .data .newBoard dl .eventState {float: none; width: 59px; position: absolute; top: 17px; right: 5px; }

#dataContents .location_item { width:100%; text-align:center;	padding-top:20px; }

/* °ü¶÷¾È³» */
#dataContents .use1 {position: relative; }
#dataContents .use1 h5 {clear: both; float: left; width: 100%; margin: 31px 0 15px; }
#dataContents .use1 p {width: 100%; float: left; }
#dataContents .use1 p:after {content: ""; display: block; clear: both; }
#dataContents .use1 p img {float: left; }
#dataContents .use1 ul {width: 100%; }
#dataContents .use1 ul li {float: left; width: 100%; height: 20px; }
#dataContents .use1 ul li:after {content: ""; display: block; clear: both; }
#dataContents .use1 ul li img {float: left; }
#dataContents .use1 .map {width: 689px; height: 65px; margin: 51px 0 0; padding: 21px 17px 0; background: url(../images/use/use1_box_bg.gif) 0 0 no-repeat; }
#dataContents .use1 .map h5 {float: none; margin: 0 0 9px; }
#dataContents .use1 .map p img {float: left; }
#dataContents .use1 .map p a {float: left; }
#dataContents .use1 .photo {position: absolute; top: 6px; left: 245px; }

/* ´Üü°ü¶÷ ¿¹¾à */
#dataContents .data .reservation_state{width:690px;margin:0 0 0 12px;}
#dataContents .data .reservation_state:after{content:"";display:block;clear:both;}
#dataContents .data .reservation_state .control {text-align:center;font-family:Dotum;line-height:1em;letter-spacing:-2px;font-weight:bold;font-size:26px;color:#333;width:auto;height: 24px;margin:0 0 20px;background:url(../images/edu/control_bg.gif) center 1px no-repeat;}
#dataContents .data .reservation_state .control:after{content:"";display:block;clear:both;}
#dataContents .data .reservation_state .control .year{width:345px;text-align:right;float: left;}
#dataContents .data .reservation_state .control .year .back{margin:0 5px 0 25px;vertical-align:-3px;}
#dataContents .data .reservation_state .control .year .next{margin:0 25px 0 5px;vertical-align:-3px;}
#dataContents .data .reservation_state .control .month{width:344px;text-align:left;float:right;color:#f6320f;}
#dataContents .data .reservation_state .control .month .back{margin:0 15px 0 25px;vertical-align:-3px;}
#dataContents .data .reservation_state .control .month .next{margin:0 25px 0 15px;vertical-align:-3px;}
#dataContents .data .reservation_state table{clear:both;width:100%;margin:0 0 0 7px;font-size:11px;border-top:1px solid black;border-right:1px solid #e2e5e7;}
#dataContents .data .reservation_state table th{vertical-align:top;padding:11px 0 8px;border-left:1px solid #e2e5e7;border-bottom:1px solid #c7cacb;background: #f6f6f6;}
#dataContents .data .reservation_state table .first{color:#eb1e23;border-left:none;}
#dataContents .data .reservation_state table .last{color:#1d79e1;}
#dataContents .data .reservation_state table td{vertical-align:top;color:#999;height:126px;padding:8px 8px 0 8px;border-left:1px solid #e5e8ea;border-bottom:1px solid #e5e8ea;}
#dataContents .data .reservation_state table td dl{width:100%;margin: 6px 0 0;}
#dataContents .data .reservation_state table td dl dt{float:left;width:40%;height:19px;padding:1px 0 0;}
#dataContents .data .reservation_state table td dl dd{float:right;width:60%;height:20px;}

#dataContents .data .reservation_intro {position: relative; width: 690px; min-height: 430px; height:auto !important; height:430px; margin: 0 0 0 12px; padding: 49px 0 60px 33px; background: url(../images/use/use2_intro_bg.gif) 0 20px no-repeat; }
#dataContents .data .reservation_intro h5 {clear: both; float: left; margin: 24px 0 13px; }
#dataContents .data .reservation_intro ul {width: 100%; }
#dataContents .data .reservation_intro ul li {float: left; width: 100%; height: 20px; }
#dataContents .data .reservation_intro ul li:after {content: ""; display: block; clear: both; }
#dataContents .data .reservation_intro ul li img {float: left; }
#dataContents .data .reservation_intro a {float: left; margin: 49px 0 0; }
#dataContents .data .reservation_intro .photo {position: absolute; top: 276px; left: 363px; }

#dataContents .data .reservation_form {width: 723px; }
#dataContents .data .reservation_form fieldset {border: none; }
#dataContents .data .reservation_form legend {display: none; }
#dataContents .data .reservation_form .infor {width: 706px; height: 131px; background: url(../images/use/data2_2_infor.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .infor h5,
#dataContents .data .reservation_form .infor p {visibility: hidden; position: absolute; }

#dataContents .data .reservation_form .enter {width: 706px; padding: 17px 0 0; background: url(../images/use/data2_2_enter_bg.gif) 0 0 repeat-y; }
#dataContents .data .reservation_form .enter h5 {margin: 0 0 0 28px; padding: 0 0 24px; }
#dataContents .data .reservation_form .enter h6 {margin: 0 0 0 3px; padding: 0 0 6px; }
#dataContents .data .reservation_form .enter label {float: left; }

#dataContents .data .reservation_form .enter .calendar {float: left; display: inline; width: 301px; margin: 0 0 27px 28px; }
#dataContents .data .reservation_form .enter .calendar .control {position: relative; text-align: center; width: 134px; margin: 0 auto 5px; }
#dataContents .data .reservation_form .enter .calendar .control .back {position: absolute; top: 4px; left: 0; }
#dataContents .data .reservation_form .enter .calendar .control .next {position: absolute; top: 4px; right: 0; }
#dataContents .data .reservation_form .enter .calendar .control p {font-size: 18px; line-height: 1.2em; color: black; font-weight: bold; }
#dataContents .data .reservation_form .enter .calendar .box {width: 299px; height: 239px; padding: 7px 0 0; border: 1px solid #e7d6c0; background: #f7e9d5; }
#dataContents .data .reservation_form .enter .calendar .box table {margin: 0 auto; }
#dataContents .data .reservation_form .enter .calendar .box table th {padding: 6px 8px 7px; border: 1px solid #f1760e; background: #f1760e; }
#dataContents .data .reservation_form .enter .calendar .box table td {text-align: center; padding: 0; }
#dataContents .data .reservation_form .enter .calendar .box table td a,
#dataContents .data .reservation_form .enter .calendar .box table td span {color: #7a7a7a; display: block; width: 28px; height: 21px; padding: 4px 0 0; border: 1px solid #f0e2ce; background: white; }
#dataContents .data .reservation_form .enter .calendar .box table td a:hover {color: white; background: #7a7a7a; }
#dataContents .data .reservation_form .enter .calendar .box table .today {color: white; background: #7a7a7a; }

#dataContents .data .reservation_form .enter .select {float: right; display: inline; width: 315px; margin: 0 30px 0 0; }
#dataContents .data .reservation_form .enter .select .secLabel {width: 40px; background: url(../images/use/select1.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .select .minLabel {width: 29px; background: url(../images/use/select2.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .select .opLabel {width: 40px; background: url(../images/use/select3.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .select .muchLabel {width: 39px; background: url(../images/use/select4.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .select select {height: 21px; }
#dataContents .data .reservation_form .enter .select table {width: 100%; border-top: 1px solid #e5e8ea; }
#dataContents .data .reservation_form .enter .select table th {text-align: left; padding: 6px 0 6px 10px; border-bottom: 1px solid #e5e8ea; background: #f6f6f6; }
#dataContents .data .reservation_form .enter .select table td {height: 59px; padding-left: 10px; border-bottom: 1px solid #e5e8ea; }
#dataContents .data .reservation_form .enter .select table td .inputText {float: left; line-height: 1.4em; width: 59px; height: 18px; margin: 0 5px 0 0; padding: 0 5px 0 0; border: 1px solid #c9c9c9; background: white; } 
#dataContents .data .reservation_form .enter .select table td .inputBt {float: left; }
#dataContents .data .reservation_form .enter .select .topTable {margin: 0 0 15px; }
#dataContents .data .reservation_form .enter .select .topTable .inputCheck {float: left; width: 13px; height: 13px; margin: 2px 10px 0 0; }
#dataContents .data .reservation_form .enter .select .topTable label {color: #2b2b2b; }
#dataContents .data .reservation_form .enter .select .topTable td {height: 20px; border: none; }
#dataContents .data .reservation_form .enter .select .topTable .first {padding: 4px 0 0 10px; }

#dataContents .data .reservation_form .enter .enterHuman {clear: both; width: 648px; margin: 0 0 31px 28px; }
#dataContents .data .reservation_form .enter .enterHuman select {float: left; height: 21px; }
#dataContents .data .reservation_form .enter .enterHuman span {float: left; margin: 0 4px; display: inline; }
#dataContents .data .reservation_form .enter .enterHuman .nameLabel {width: 52px; background: url(../images/use/human1.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterHuman .telLabel {width: 63px; background: url(../images/use/human2.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterHuman .phonLabel {width: 74px; background: url(../images/use/human3.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterHuman .mailLabel {width: 50px; background: url(../images/use/human4.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterHuman table {width: 100%; border-top: 1px solid #e5e8ea;}
#dataContents .data .reservation_form .enter .enterHuman table th {padding: 15px 0 14px 10px; text-align: left; border-bottom: 1px solid #e5e8ea; background: #f6f6f6; }
#dataContents .data .reservation_form .enter .enterHuman table td {padding: 11px 0 11px 10px;  border-bottom: 1px solid #e5e8ea; background: white; }
#dataContents .data .reservation_form .enter .enterHuman table td .inputText {float: left; line-height: 1.4em; width: 363px; height: 18px; padding: 0 0 0 5px; border: 1px solid #c9c9c9; background: white; }
#dataContents .data .reservation_form .enter .enterHuman table td .telInput {width: 52px; }

#dataContents .data .reservation_form .enter .enterCorp {width: 648px; margin: 0 0 31px 28px; }
#dataContents .data .reservation_form .enter .enterCorp select {float: left; height: 21px; }
#dataContents .data .reservation_form .enter .enterCorp span {float: left; margin: 0 4px; display: inline; }
#dataContents .data .reservation_form .enter .enterCorp .nameLabel {width: 50px; background: url(../images/use/corp1.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterCorp .addLabel {width: 40px; background: url(../images/use/corp2.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterCorp .telLabel {width: 63px; background: url(../images/use/human2.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterCorp .sbjLabel {width: 62px; background: url(../images/use/corp4.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .enterCorp table {width: 100%; border-top: 1px solid #e5e8ea; }
#dataContents .data .reservation_form .enter .enterCorp table th {padding: 15px 0 14px 10px; text-align: left; border-bottom: 1px solid #e5e8ea; background: #f6f6f6; }
#dataContents .data .reservation_form .enter .enterCorp table td {padding: 11px 0 11px 10px; border-bottom: 1px solid #e5e8ea; background: white; }
#dataContents .data .reservation_form .enter .enterCorp table td .inputBt {float: left; display: inline; margin: 0 0 0 7px; }
#dataContents .data .reservation_form .enter .enterCorp table td .inputText {float: left; line-height: 1.4em; width: 363px; height: 18px; padding: 0 0 0 5px; border: 1px solid #c9c9c9; background: white; }
#dataContents .data .reservation_form .enter .enterCorp table td .addressInput {width: 69px; }
#dataContents .data .reservation_form .enter .enterCorp table td .addressInput2 {margin: 5px 0 0; clear: both; }
#dataContents .data .reservation_form .enter .enterCorp table td .telInput {width: 52px; }

#dataContents .data .reservation_form .enter .contact {position: relative; width: 648px; margin: 0 0 31px 0; padding: 0 0 0 28px; }
#dataContents .data .reservation_form .enter .contact h6 {margin: 0 0 19px; border-bottom: 1px solid #e5e8ea; }
#dataContents .data .reservation_form .enter .contact textarea {clear: both; width: 623px; height: 67px; margin: 0 0 0 12px; }
#dataContents .data .reservation_form .enter .contact .state {position: absolute; top: 0; right: 13px; }

#dataContents .data .reservation_form .enter .bt {clear: both; text-align: center; width: 706px; padding: 24px 0; background: white url(../images/use/data2_2_bt_bg.gif) 0 0 no-repeat; }
#dataContents .data .reservation_form .enter .bt a,
#dataContents .data .reservation_form .enter .bt input {margin: 0 5px; }

#dataContents .data .reservation_check {width: 723px; }
#dataContents .data .reservation_check .infor {width: 706px; height: 131px; background: url(../images/use/data2_2_check.gif) 0 0 no-repeat; }
#dataContents .data .reservation_check .infor h5,
#dataContents .data .reservation_check .infor p {visibility: hidden; position: absolute; }
#dataContents .data .reservation_check .comp {width: 683px; height: 272px; padding: 16px 0 0 23px; background: url(../images/use/data2_3_bg.gif) 0 0 no-repeat; }
#dataContents .data .reservation_check .comp h6 {padding: 0 0 44px; }
#dataContents .data .reservation_check .comp p {margin: 0 0 33px 25px; }
#dataContents .data .reservation_check .comp a {margin: 0 0 0 25px; }

#dataContents .use4 ul {position: relative; width: 723px; padding: 59px 0 0; background: url(../images/use/use4_tab_bg.gif) 0 28px repeat-x; }
#dataContents .use4 ul:after {content: ""; display: block; clear: both; }
#dataContents .use4 ul li {display: inline; }
#dataContents .use4 ul li .nav1 {position: absolute; top: 0; left: 0; }
#dataContents .use4 ul li .nav2 {position: absolute; top: 0; left: 133px; }
#dataContents .use4 ul li .nav3 {position: absolute; top: 0; left: 304px; }
#dataContents .use4 ul li .nav4 {position: absolute; top: 0; left: 433px; }
#dataContents .use4 ul li div {position: relative; width: 712px; padding: 0 0 0 11px; }
#dataContents .use4 ul li div:after {content: ""; display: block; clear: both; }
#dataContents .use4 ul li div .mapPic {float: left; margin: 0 0 24px; }
#dataContents .use4 ul li div .printMap {display: none; }
#dataContents .use4 ul li div .icon {float: left; }
#dataContents .use4 ul li div h5 {float: right; width: 619px; padding: 3px 0 11px; }
#dataContents .use4 ul li div p {float: right; width: 619px; margin: 0 0 22px; }
#dataContents .use4 ul li div p:after {content: ""; display: block; clear: both; }
#dataContents .use4 ul li div p img {float: left; }
#dataContents .use4 ul li div ul {float: right; width: 619px; margin: 0; padding: 0; background: none; }
#dataContents .use4 ul li div ul:after {content: ""; display: block; clear: both; }
#dataContents .use4 ul li div ul li {clear: both; float: left; width: 100%; margin: 0 0 7px; }
#dataContents .use4 ul li div ul li img {float: left; }

#dataContents .show1 ul {position: relative; width: 723px; padding: 29px 0 0; background: url(../images/show/show1_tab_bg.gif) 0 28px repeat-x; }
#dataContents .show1 ul:after {content: ""; display: block; clear: both; }
#dataContents .show1 ul li {display: inline; }
#dataContents .show1 ul li .nav1 {position: absolute; top: 0; left: 0; }
#dataContents .show1 ul li .nav2 {position: absolute; top: 0; left: 96px; }
#dataContents .show1 ul li div {position: relative; width: 723px; }
#dataContents .show1 ul li div div {width: 723px; margin: 30px 0 0; padding: 17px 0 0; background: url(../images/show/show1_photo_bg.gif) 0 0 no-repeat; }
#dataContents .show1 ul li div div h6 {margin: 0 0 6px 14px; }
#dataContents .show1 ul li div div p {margin: 0 0 0 14px; }
#dataContents .show1 ul li div div p img {vertical-align: top; }
#dataContents .show1 ul li div div ul {width: 709px; height: 168px; margin: 28px 0 0; padding: 0 7px; background: url(../images/show/show1_list_bg.gif) 0 bottom no-repeat; }
#dataContents .show1 ul li div div ul li {float: left; display: inline; margin: 0 7px; }

/* °Ô½ÃÆÇ */
#dataContents .data .newBoardList {clear: both; width: 100%; }
#dataContents .data .newBoardList th { color: #333; padding: 6px 0 13px; vertical-align: top; background: url(../images/newboard/th_bg1.gif) 0 0 repeat-x; }
#dataContents .data .newBoardList .first {background: url(../images/newboard/th_bg2.gif) 0 0 no-repeat; }
#dataContents .data .newBoardList .last {background: url(../images/newboard/th_bg2.gif) right 0 no-repeat; }
#dataContents .data .newBoardList .title { text-align:left; } 
#dataContents .data .newBoardList td {color: #555; text-align: center;  padding: 6px 0; border-bottom: 1px solid #dcdfe2; }
#dataContents .data .newListNav {clear: both; width: 100%; padding: 33px 0; text-align: center; }
#dataContents .data .newListNav li {display: inline; margin: 0 4px; }
#dataContents .data .newListNav .control {margin: 0; }
#dataContents .data .newListNav .back {margin: 0 4px 0 0; }
#dataContents .data .newListNav .next {margin: 0 0 0 4px; }
#dataContents .data .newListNav li img {vertical-align: -3px; }
#dataContents .data .newListNav strong {color: #e55c01; }
#dataContents .data .newSearch {text-align: center; margin: 0 0 33px; padding: 14px 0; background: #f1f1f1; }
#dataContents .data .newSearch fieldset {border: none; }
#dataContents .data .newSearch legend {display: none; }
#dataContents .data .newSearch .inputText {vertical-align: top; width: 254px; height: 18px; margin: 0 5px; border: 1px solid #c9c9c9; background: white; }
#dataContents .data .newSearch .inputBt {vertical-align: top; }
#dataContents .data2 .newSearch2 {text-align: center; margin: 0 0 56px; padding: 14px 0; background: #f1f1f1; }
#dataContents .data2 .newSearch2 fieldset {border: none; }
#dataContents .data2 .newSearch2 legend {display: none; }
#dataContents .data2 .newSearch2 .inputText {vertical-align: top; width: 356px; height: 18px; margin: 0 5px; border: 1px solid #c9c9c9; background: white; }
#dataContents .data2 .newSearch2 .inputBt {vertical-align: top; }

#dataContents .data .newBoard {width: 723px; padding: 7px 0; background: url(../images/community/list_bg.gif) 0 0 no-repeat; }
#dataContents .data .newBoard fieldset {border: none; }
#dataContents .data .newBoard legend {display: none; }
#dataContents .data .newBoard dl {zoom: 1; padding: 13px 3px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .newBoard dl:after {content: ""; display: block; clear: both; }
#dataContents .data .newBoard dl dt {float: right; width: 397px; margin: 5px 0; line-height: 1.5em; font-size: 16px; color: black; font-weight: bold; }
#dataContents .data .newBoard dl dd {float: right; width: 397px; }
#dataContents .data .newBoard dl .thumb {float: left; width: 300px; }
#dataContents .data .newBoard dl .view {margin: 25px 0 0; }
#dataContents .data .newBoard .btWrap {float: right; padding: 10px 0 0; }
#dataContents .data .newBoard .btWrap .inputBt {margin: 0 10px 0 0; }
#dataContents .data .leftBt {float: left; padding: 10px 0 0; }
#dataContents .data .rightBt {float: right; padding: 10px 0 0; }
#dataContents .data .leftBt a,
#dataContents .data .leftBt input {margin: 0 0 0 5px; }
#dataContents .data .rightBt a,
#dataContents .data .rightBt input {margin: 0 5px 0 0; }

#dataContents .data .newBoard .surveyList {color: #5d5d5d; padding: 15px 0 30px; }
#dataContents .data .newBoard .surveyList h6 {font-size: 12px; padding: 0 0 10px; }
#dataContents .data .newBoard .surveyList .inputRadio {width: 13px; height: 13px; vertical-align: middle; margin: 0 5px 0 2px; }

#dataContents .data .newBoard .surveyResult {color: #5d5d5d; width: 713px; padding: 30px 0 30px 10px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .newBoard .surveyResult h6 {font-size: 12px; padding: 0 0 10px; }
#dataContents .data .newBoard .surveyResult ul {width: 100%; }
#dataContents .data .newBoard .surveyResult ul li {width: 713px; position: relative; }
#dataContents .data .newBoard .surveyResult ul li .gauge {position: absolute; top: 5px; left: 264px; overflow: hidden; width: 257px; height: 6px; background: url(../images/part/gauge_bg.gif) 0 0 no-repeat; }
#dataContents .data .newBoard .surveyResult ul li .gauge img {position: absolute; top: 0; left: 0; }
#dataContents .data .newBoard .surveyResult ul li span {position: absolute; top: 0; left: 573px; }
#dataContents .data .newBoard .rep {clear: both; width: 100%: }
#dataContents .data .newBoard .rep:after {content: ""; display: block; clear: both; }
#dataContents .data .newBoard .rep h6 {float: left; margin: 0 0 10px; font-size: 16px; font-weight: bold; color: #222; }
#dataContents .data .newBoard .rep .total {float: left; display: inline; margin: 2px 0 0 5px; color: #ff0530; font-size: 11px; }
#dataContents .data .newBoard .rep .enter {clear: both; width: 703px; padding: 17px 0 20px 18px; border: 1px solid #d6d6d6; background: #f2f2f2; }
#dataContents .data .newBoard .rep .enter:after {content: ""; display: block; clear: both; }
#dataContents .data .newBoard .rep .enter textarea {float: left; width: 596px; height: 53px; margin: 0 14px 0 0; border: 1px solid #d6d6d6; background: white; }
#dataContents .data .newBoard .rep .enter .inputBt {float: left; }
#dataContents .data .newBoard .rep ul li {position: relative; width: 100%; padding: 10px 0 0; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .newBoard .rep ul li strong {color: #333; padding: 0 0 0 20px; background: url(../images/part/rep_icon.gif) 7px 2px no-repeat; }
#dataContents .data .newBoard .rep ul li span {font-size: 11px; color: #818181; margin: 0 0 0 5px; }
#dataContents .data .newBoard .rep ul li p {width: 683px; padding: 5px 20px 10px; color: #5d5d5d; }
#dataContents .data .newBoard .rep ul li a {position: absolute; top: 8px; }
#dataContents .data .newBoard .rep ul li .mod {right: 42px; }
#dataContents .data .newBoard .rep ul li .del {right: 0; }


#dataContents .data .listTable {width: 100%; color: #5d5d5d; }
#dataContents .data .listTable th {height: 35px; text-align: center; background: url(../images/show/th_bg.gif) 0 0 repeat-x; }
#dataContents .data .listTable .first {background: url(../images/show/th_bg1.gif) 0 0 no-repeat; }
#dataContents .data .listTable .last {background: url(../images/show/th_bg2.gif) right 0 no-repeat; }
#dataContents .data .listTable td {text-align: center; padding: 10px 0; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .listTable td a {color: #5d5d5d; }
#dataContents .data .listTable .title {text-align: left; font-weight: bold; }
#dataContents .data .listTable .title img {vertical-align: middle; margin: 0 8px; }
#dataContents .data .listBt {clear: both; float: right; display: inline; margin: 10px 11px 0 0; }
#dataContents .data .viewTable {width: 100%; color: #5d5d5d; }
#dataContents .data .viewTable th {vertical-align: top; text-align: left; padding: 10px 0 10px 10px; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; }
#dataContents .data .viewTable .title {vertical-align: middle; border: none; height: 35px; padding: 0 0 0 10px; background: url(../images/show/th_bg3.gif) 0 0 repeat-x;  }
#dataContents .data .viewTable .first {background: url(../images/show/th_bg1.gif) 0 0 no-repeat; }
#dataContents .data .viewTable .last {background: url(../images/show/th_bg2.gif) right 0 no-repeat; }
#dataContents .data .viewTable td {padding: 10px 0 10px 10px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .viewTable td a {color: #5d5d5d; }

#dataContents .data .viewTable img {max-width:700px; width:expression(this.width > 700 ? 700: true); height:auto; }
/*#dataContents .data .viewTable img {max-width:100%; height:auto; }*/

#dataContents .data .viewTable .photo {display: block; width: 655px; margin: 0 auto 18px; }
#dataContents .data .write .inputText {width: 596px; height: 17px; border: 1px solid #c9c9c9; }
#dataContents .data .write .short {width: 216px; }
/* °Ô½ÃÆÇ */

/* °ü¶÷Èıâ */
#dataContents .data .afterList {width: 100%; color: #5d5d5d; }
#dataContents .data .afterList a {color: #5d5d5d; float: left; }
#dataContents .data .afterList a:hover {text-decoration: underline; }
#dataContents .data .afterList li {float: left; width: 717px; padding: 15px 3px 16px; border-bottom: 1px solid #e6e6e6; }
#dataContents .data .afterList li:after {content: ""; display: block; clear: both; }
#dataContents .data .afterList li .thumb {float: left; margin: 0 23px 0 0; }
#dataContents .data .afterList li .title {width: 500px; height: 20px; color: black; font-size: 15px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#dataContents .data .afterList li .state {float: left; width: 540px; margin: 4px 0 8px; }
#dataContents .data .afterList li .state img {margin: 0 11px 0 0; vertical-align: -2px; }
#dataContents .data .afterList li .text {float: left; width: 540px; padding: 0 0 0 8px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#dataContents .data .newBoard .afterBt {float: right; display: inline; margin: 17px 3px 0 0; }
/* °ü¶÷Èıâ */

/* Æ÷Åä°¶·¯¸® */
#dataContents .data .photoList {width: 720px; margin: 0 0 0 1px; color: #5d5d5d;  }
#dataContents .data .photoList a {color: #5d5d5d; }
#dataContents .data .photoList li {float: left; display: inline; width: 157px; height: 169px; margin: 11px 29px 0; padding: 30px 15px 0 10px; background: url(../images/community/new_photo_list_bg.gif) 0 0 no-repeat; }
#dataContents .data .photoList li img {display: block; width: 157px; height: 106px; margin: 0 auto; }
#dataContents .data .photoList li span {display: block;  width: 143px; padding: 0 0 0 20px; margin: 15px auto 0; font-size: 11px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#dataContents .data .newBoard .photoBt {clear: both; float: right; display: inline; margin: 17px 25px 0 0; }
/* Æ÷Åä°¶·¯¸® */

/* Çà»ç/±³À°¸¶´ç */
#eduCalendar {width: 100%; background: url(../images/edu/cal_bg.gif) 0 0 repeat-y; }
#eduCalendar:after {content: ""; display: block; clear: both; }
#eduCalendar .topBg {width: 100%; height: 58px; padding: 56px 0 0; background: url(../images/edu/cal_top_bg.gif) 0 0 no-repeat; }
#eduCalendar .control {text-align: center; font-family: Dotum; line-height: 1em; letter-spacing: -2px; font-weight: bold; font-size: 26px; color: #333; width: auto; height: 24px; background: url(../images/edu/control_bg.gif) center 1px no-repeat; }
#eduCalendar .control:after {content: ""; display: block; clear: both; }
#eduCalendar .control .year {width: 361px; text-align: right; float: left; }
#eduCalendar .control .year .back {margin: 0 5px 0 25px; vertical-align: -3px; }
#eduCalendar .control .year .next {margin: 0 25px 0 5px; vertical-align: -3px; }
#eduCalendar .control .month {width: 361px; text-align: left; float: right; color: #f6320f; }
#eduCalendar .control .month .back {margin: 0 15px 0 25px; vertical-align: -3px; }
#eduCalendar .control .month .next {margin: 0 25px 0 15px; vertical-align: -3px; }
#eduCalendar .iconInfor {float: right; padding: 5px 20px 10px 0; }
#eduCalendar .iconInforAdmin {float: right; padding: 5px 120px 10px 0; }
#eduCalendar .iconInfor .icon {margin: 0 0 0 23px; }
#eduCalendar .bottomBg {padding: 0 0 104px; background: url(../images/edu/cal_bottom_bg.gif) 0 bottom no-repeat; }
#eduCalendar table {clear: both; width: 704px; margin: 0 0 0 7px; font-size: 11px; border-top: 1px solid black; }
#eduCalendar table th {vertical-align: top; padding: 11px 0 8px; border-left: 1px solid #e2e5e7; border-bottom: 1px solid #c7cacb; background: #f6f6f6; }
#eduCalendar table .first {color: #eb1e23; border-left: none; }
#eduCalendar table .last {color: #1d79e1; }
#eduCalendar table td {vertical-align: top; color: #999; height: 126px; padding: 8px 8px 0 8px; border-left: 1px solid #e5e8ea; border-bottom: 1px solid #e5e8ea; }
#eduCalendar table td a{color:red;}
#eduCalendar table td p {line-height: 1.3em; height: 60px; overflow: hidden; color: #646464; margin: 5px 0 10px; }
#eduCalendar table td p:hover{text-decoration:underline;}
#eduCalendar table td span {color: #8b8b8b; }
#eduCalendar table td span img {vertical-align: -4px; margin: 0 0 0 10px; }

#dataContents .data .cultureView_title {height: 28px; color: #2a2929; font-size: 12px; margin: 0 0 32px; padding: 9px 0 0 12px; background: url(../images/edu/culture_view_title_bg.gif) 0 0 repeat-x; }
#dataContents .data .cultureView_title2 {color: #2a2929; font-size: 12px; padding: 0 0 5px; }
#dataContents .data .cultureList {position: relative; width: 100%; padding: 0 0 26px; }
#dataContents .data .cultureList:after {content: ""; display: block; clear: both; }
#dataContents .data .cultureList .thumb {position: absolute; top: 0; left: 0; max-width: 234px; }
#dataContents .data .cultureList table {float: right; width: 475px; border-top: 1px solid #dfe2e5; }
#dataContents .data .cultureList table th {color: #2a2929; text-align: left; height: 30px; padding: 0 0 0 16px; border-bottom: 1px solid #dfe2e5; background: #f6f6f6; }
#dataContents .data .cultureList table td {color: #5d5d5d; height: 30px; padding: 0 0 0 10px; border-bottom: 1px solid #dfe2e5; }
#dataContents .data .cultureList table .subject {font-weight: bold; }
#dataContents .data .cultureList table .subject img {vertical-align: -4px; margin: 0 0 0 12px; }
#dataContents .data .cultureList .cultureListBt {clear: both; float: right; margin: 11px 0 0; }
#dataContents .data .cultureView {zoom: 1; padding: 10px; border-top: 1px solid #c8cacc; border-bottom: 1px solid #c8cacc; }
#dataContents .data .cultureView p {text-align: left; margin: 0 0 30px; }
#dataContents .data .cultureView .photo {width: 481px; display: block; margin: 0 auto 25px; }
#dataContents .data .cultureViewBt {clear: both; float: right; display: inline; margin: 19px 8px 0 0; }

#dataContents .data .eduTab {width: 100%; margin: 0 0 20px; background: url(../images/edu/edu3_tab_bg.gif) 0 28px repeat-x; }
#dataContents .data .eduTab li {float: left; }
#dataContents .data .eduTab li a {float: left; }

#dataContents .data .edu_request {width: 704px; background: url(../images/edu/request_bg.gif) 0 0 repeat-y; }
#dataContents .data .edu_request fieldset {border: none; }
#dataContents .data .edu_request legend {display: none; }
#dataContents .data .edu_request .infor {width: 704px; height: 132px; background: url(../images/edu/request_infor.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .infor h5,
#dataContents .data .edu_request .infor p {visibility: hidden; position: absolute; }

#dataContents .data .edu_request .enter {width: 648px; padding: 0 0 0 28px; }
#dataContents .data .edu_request .enter h6 {padding: 15px 0; }
#dataContents .data .edu_request .enter table {width: 100%; border-top: 1px solid #e5e8ea; }
#dataContents .data .edu_request .enter table th {text-align: left; padding: 13px 0 13px 14px; border-bottom: 1px solid #e5e8ea; background: #f6f6f6; }
#dataContents .data .edu_request .enter table td {padding: 13px 0 13px 13px; border-bottom: 1px solid #e5e8ea; background: white; }
#dataContents .data .edu_request .enter table th label,
#dataContents .data .edu_request .enter table th span {float: left; overflow: hidden; width: 74px; height: 0; padding: 14px 0 0; }
#dataContents .data .edu_request .enter table th .label1 {background: url(../images/edu/request_label1.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label2 {background: url(../images/edu/request_label2.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label3 {background: url(../images/edu/request_label3.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label4 {background: url(../images/edu/request_label4.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label5 {background: url(../images/edu/request_label5.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label6 {background: url(../images/edu/request_label6.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label7 {background: url(../images/edu/request_label7.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label8 {background: url(../images/edu/request_label8.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .enter table th .label9 {background: url(../images/edu/request_label9.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .bt {text-align: center; padding: 50px 0 0; background: white url(../images/edu/request_bt_bg.gif) 0 0 no-repeat; }
#dataContents .data .edu_request .bt a,
#dataContents .data .edu_request .bt .inputBt {margin: 0 5px; }

#dataContents .data .edu_check {width: 723px; }
#dataContents .data .edu_check .infor {width: 706px; height: 131px; background: url(../images/edu/check.gif) 0 0 no-repeat; }
#dataContents .data .edu_check .infor h5,
#dataContents .data .edu_check .infor p {visibility: hidden; position: absolute; }
#dataContents .data .edu_check .comp {width: 678px; height: 276px; padding: 16px 0 0 28px; background: url(../images/edu/check_bg.gif) 0 0 no-repeat; }
#dataContents .data .edu_check .comp h6 {padding: 0 0 46px; }
#dataContents .data .edu_check .comp p {margin: 0 0 33px 13px; }
#dataContents .data .edu_check .comp a {margin: 0 0 0 13px; }

/* È«º¸µ¿¿µ»ó */
#dataContents .vod {width: 731px; padding: 20px 0 0; background: url(../images/information/vod_bg.gif) 552px 166px no-repeat; }
#dataContents .vod .big {position: relative; width: 723px; background: url(../images/information/vod_big_bg.gif) 136px 0 no-repeat; padding-top:13px; }
#dataContents .vod .big:after {content: ""; display: block; clear: both; }
#dataContents .vod .big .playBt {position: absolute; top: 231px; left: 491px; visibility:hidden; }
#dataContents .vod .big .stopBt {position: absolute; top: 231px; left: 523px; visibility:hidden; }
#dataContents .vod .big .back {float: left; display: inline; margin: 112px 51px 145px 81px; }
#dataContents .vod .big .next {float: right; display: inline; margin: 112px 68px 145px 0; }
#dataContents .vod .big iframe{float:left;width:320px;height:240px;overflow:hidden;}
#dataContents .vod .big .photo {float: left; width: 320px; height: 240px; }
#dataContents .vod .big h5 {clear: both; font-size: 16px; color: #333; margin: 0 0 10px; text-align: center; }
#dataContents .vod .big p {color: #5d5d5d; text-align: center; }
#dataContents .vod ul {width: 730px; margin: 20px 0 0; padding: 0 0 0 1px; background: url(../images/information/vod_thumb_bg.gif) 0 0 repeat; }
#dataContents .vod ul:after {content: ""; display: block; clear: both; }
#dataContents .vod ul li {float: left; display: inline; width: 126px; height: 146px; margin: 15px 16px 0 16px; padding: 10px 14px 0 10px; background: url(../images/information/vod_thumb_list_bg.gif) 0 0 no-repeat; }
#dataContents .vod ul li img {display: block; width: 126px; height: 95px; }
#dataContents .vod ul li span {text-align: center; width: 126px; margin: 17px 0 0; display: block; color: #333; font-weight: bold; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#dataContents .vod iframe {width:320px; height:240px; }

#dataContents .vodpage .newListNav {clear: both; width: 100%; padding: 33px 0; text-align: center; }
#dataContents .vodpage .newListNav li {display: inline; margin: 0 4px; }
#dataContents .vodpage .newListNav .control {margin: 0; }
#dataContents .vodpage .newListNav .back {margin: 0 4px 0 0; }
#dataContents .vodpage .newListNav .next {margin: 0 0 0 4px; }
#dataContents .vodpage .newListNav li img {vertical-align: -3px; }
#dataContents .vodpage .newListNav strong {color: #e55c01; }

/* Æ÷Åä´º½º */
#photoNews {width: 100%; }
#photoNews:after {content: ""; display: block; clear: both; }
#photoNews .control {text-align: center; font-family: Dotum; line-height: 1em; letter-spacing: -1px; font-weight: bold; font-size: 26px; color: #333; width: auto; height: 24px; margin: 0 0 20px; background: url(../images/edu/control_bg.gif) center 3px no-repeat; }
#photoNews .control:after {content: ""; display: block; clear: both; }
#photoNews .control .year {width: 361px; text-align: right; float: left; }
#photoNews .control .month {width: 361px; text-align: left; float: right; }
#photoNews .control .back {margin: 0 5px 0 25px; }
#photoNews .control .next {margin: 0 25px 0 5px; }

#photoNews .photoNav {position: relative; width: 718px; margin: 0 0 38px 3px; background: url(../images/information/photo_nav_bg.gif) 0 0 no-repeat; }
#photoNews .photoNav li {display: inline; }
#photoNews .photoNav li a {float: left; position: absolute; top: 0; overflow: hidden; width: 58px; height: 0; padding: 32px 0 0; }
#photoNews .photoNav .nav1 a {left: 11px; background: url(../images/information/photo_nav1.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav2 a {left: 69px; background: url(../images/information/photo_nav2.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav3 a {left: 127px; background: url(../images/information/photo_nav3.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav4 a {left: 185px; background: url(../images/information/photo_nav4.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav5 a {left: 243px; background: url(../images/information/photo_nav5.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav6 a {left: 301px; background: url(../images/information/photo_nav6.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav7 a {left: 359px; background: url(../images/information/photo_nav7.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav8 a {left: 417px; background: url(../images/information/photo_nav8.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav9 a {left: 475px; background: url(../images/information/photo_nav9.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav10 a {left: 533px; background: url(../images/information/photo_nav10.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav11 a {left: 591px; background: url(../images/information/photo_nav11.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav12 a {left: 649px; background: url(../images/information/photo_nav12.gif) 0 0 no-repeat; }
#photoNews .photoNav .nav1 .on,
#photoNews .photoNav .nav2 .on,
#photoNews .photoNav .nav3 .on,
#photoNews .photoNav .nav4 .on,
#photoNews .photoNav .nav5 .on,
#photoNews .photoNav .nav6 .on,
#photoNews .photoNav .nav7 .on,
#photoNews .photoNav .nav8 .on,
#photoNews .photoNav .nav9 .on,
#photoNews .photoNav .nav10 .on,
#photoNews .photoNav .nav11 .on,
#photoNews .photoNav .nav12 .on {background-position: -58px 0; }

#photoNews .photoNav li div {width: 640px; margin: 0 0 0 1px; padding: 70px 0 50px 77px; border-bottom: 1px solid #d4d4d4; }
#photoNews .photoNav li div:after {content: ""; display: block; clear: both; }
#photoNews .photoNav li div h6 {float: left; width: 105px; height: 33px; margin: 0 25px 0 0; padding: 9px 0 0; text-align: center; color: black; font-size: 20px; background: url(../images/information/photo_nav_month_bg.gif) 0 0 no-repeat; }
#photoNews .photoNav li div h6 img {vertical-align: -3px; margin: 0 10px; }
#photoNews .photoNav li div ul {float: left; }
#photoNews .photoNav li div ul li {display: block; width: 440px; }
#photoNews .photoNav li div ul li strong {color: #2a2929; }
#photoNews .photoNav li div ul li a:hover {text-decoration: underline; }
#photoNews .photoNav .nav1 div ul li a,
#photoNews .photoNav .nav2 div ul li a,
#photoNews .photoNav .nav3 div ul li a,
#photoNews .photoNav .nav4 div ul li a,
#photoNews .photoNav .nav5 div ul li a,
#photoNews .photoNav .nav6 div ul li a,
#photoNews .photoNav .nav7 div ul li a,
#photoNews .photoNav .nav8 div ul li a,
#photoNews .photoNav .nav9 div ul li a,
#photoNews .photoNav .nav10 div ul li a,
#photoNews .photoNav .nav11 div ul li a,
#photoNews .photoNav .nav12 div ul li a {float: none; position: relative; left: 0; margin: 0; padding: 0; color: #646464; background: none; }

#photoNews .photoData {clear: both; position: relative; width: 664px; margin: 0 0 0 1px; padding: 13px 22px; border: 7px solid #ededed; }
#photoNews .photoData:after {content: ""; display: block; clear: both; }
#photoNews .photoData h5 {color: #2a2929; font-size: 12px; margin: 0 0 20px; padding: 0 0 10px 2px; border-bottom: 1px solid #ededed; }
#photoNews .photoData h5 img {vertical-align: -3px; margin: 0 13px 0 0; }
#photoNews .photoData .back {position: absolute; top: 212px; left: 57px; }
#photoNews .photoData .next {position: absolute; top: 212px; right: 57px; }
#photoNews .photoData .dataView {width: 600px; margin: 0 auto; }
#photoNews .photoData .dataView:after {content: ""; display: block; clear: both; }
#photoNews .photoData .dataView img {display: block; width: 480px; margin: 0 auto 13px; }

#photoNews .photoThumb {width: 721px; height: 160px; margin: 22px 0 0 3px; overflow:hidden;}
#photoNews .photoThumb:after {content: ""; display: block; clear: both; }
#photoNews .photoThumb .back {float: left; display: inline; margin: 25px 38px 0 5px; }
#photoNews .photoThumb .next {float: right; display: inline; margin: 25px 8px 0 38px; }
#photoNews .photoThumb ul {float: left; width: 610px; height:160px; overflow:hidden;}
#photoNews .photoThumb ul li {float: left; display: inline; width: 106px; height: 71px; margin: 0 7px 14px; overflow: hidden; border: 1px solid #c9c9c9; }
#photoNews .photoThumb ul li a {float: left; }

.flashPageBt {display: block; width: 142px; height: 43px; margin: 15px auto 0; }

/* ÅëÇÕ°Ë»ö */
#dataContents .data2 {width: 934px; min-height: 430px; height:auto !important; height:430px; }
#contents .dataContents2 {width: 934px; padding: 0 0 0 20px; }

#dataContents .data2 .findTab {width: 100%; margin: 0 0 30px; background: url(../images/find/nav_bg.gif) 0 28px repeat-x; }
#dataContents .data2 .findTab li {float: left; }
#dataContents .data2 .findTab li a {width: 96px; padding: 29px 0 0; }
#dataContents .data2 .findTab .nav1 a {background: url(../images/find/nav1.gif) 0 0 no-repeat; }
#dataContents .data2 .findTab .nav2 a {background: url(../images/find/nav2.gif) 0 0 no-repeat; }
#dataContents .data2 .findTab .nav3 a {background: url(../images/find/nav3.gif) 0 0 no-repeat; }
#dataContents .data2 .findTab .nav4 a {background: url(../images/find/nav4.gif) 0 0 no-repeat; }
#dataContents .data2 .findTab .nav5 a {background: url(../images/find/nav5.gif) 0 0 no-repeat; }

#dataContents .data2 .findTab .nav1 a:hover,
#dataContents .data2 .findTab .nav1 .on,
#dataContents .data2 .findTab .nav2 a:hover,
#dataContents .data2 .findTab .nav2 .on,
#dataContents .data2 .findTab .nav3 a:hover,
#dataContents .data2 .findTab .nav3 .on,
#dataContents .data2 .findTab .nav4 a:hover,
#dataContents .data2 .findTab .nav4 .on,
#dataContents .data2 .findTab .nav5 a:hover,
#dataContents .data2 .findTab .nav5 .on {background-position: -96px 0; }

#dataContents .data2 .searchResult {position: relative; width: 932px; padding: 0 0 0 2px; }
#dataContents .data2 .searchResult h5 {color: black; font-size: 16px; padding: 0 0 15px; border-bottom: 1px solid #d1d1d1; }
#dataContents .data2 .searchResult .sort {position: absolute; top: 6px; right: 1px; color: #7c7c7c; font-size: 11px; font-weight: bold; }
#dataContents .data2 .searchResult .sort li {float: left; display: inline; overflow: hidden; height: 13px; margin: 0 0 0 18px; padding: 0 0 0 18px; border-left: 1px solid #d1d1d1; }
#dataContents .data2 .searchResult .sort .first {margin: 0; padding: 0; border: none; }
#dataContents .data2 .searchResult .sort a {position: relative; float: left; top: -1px; color: #7c7c7c; }
#dataContents .data2 .searchResult h6 {color: black; font-size: 16px; padding: 18px 0 18px 2px; }
#dataContents .data2 .searchResult h6 span {vertical-align: middle; margin: 0 0 0 10px; color: #7c7c7c; font-size: 11px; font-weight: normal; }
#dataContents .data2 .searchResult .resultList {width: 100%; padding: 0 0 10px; border-bottom: 1px solid #d1d1d1; }
#dataContents .data2 .searchResult .resultList:after {content: ""; display: block; clear: both; }
#dataContents .data2 .searchResult .resultList li {float: left; width: 100%; color: #494436; padding: 18px 0 18px; border-top: 1px solid #ededed; }
#dataContents .data2 .searchResult .resultList li .title {font-size: 13px; font-weight: bold; }
#dataContents .data2 .searchResult .resultList li p {}
#dataContents .data2 .searchResult .state {float: left; color: #7c7c7c; margin: 10px 0; }
#dataContents .data2 .searchResult .q { background:#d1d1d1; }

#dataContents .data2 .searchNav {clear: both; text-align: center; padding: 20px 0; }
#dataContents .data2 .searchNav li {display: inline; }
#dataContents .data2 .searchNav li img {vertical-align: 1px; }
#dataContents .data2 .searchNav .back {margin: 0 34px 0 0; }
#dataContents .data2 .searchNav .next {margin: 0 0 0 34px; }

#dataContents .data2 .newListNav {clear: both; width: 100%; padding: 33px 0; text-align: center; }
#dataContents .data2 .newListNav li {display: inline; margin: 0 4px; }
#dataContents .data2 .newListNav .control {margin: 0; }
#dataContents .data2 .newListNav .back {margin: 0 4px 0 0; }
#dataContents .data2 .newListNav .next {margin: 0 0 0 4px; }
#dataContents .data2 .newListNav li img {vertical-align: -3px; }
#dataContents .data2 .newListNav strong {color: #e55c01; }

/* »çÀÌÆ®¸Ê */
#dataContents .sitemap {padding: 67px 0 30px 286px; background: url(../images/sitemap/bg.jpg) 0 0 no-repeat; }
#dataContents .sitemap h5 {padding: 0 0 9px; }
#dataContents .sitemap ul {width: 100%; margin: 0 0 34px; }
#dataContents .sitemap ul:after {content: ""; display: block; clear: both; }
#dataContents .sitemap ul li {float: left; height: 13px; margin: 0 17px 0 0; }
#dataContents .sitemap ul li a {float: left; }

/* °¡À̵å */
#dataContents .guide h5 {font-size: 14px; margin: 0 0 3px; }
#dataContents .guide h6 {font-size: 14px; margin: 0 0 3px; font-weight: normal; }
#dataContents .guide p,
#dataContents .guide ul {margin: 0 0 20px 5px; }
#dataContents .guide ul li ul {font-size: 11px; margin: 0 0 5px 10px; }
#dataContents .guide strong {color: red; font-weight: normal; }


/* Ãß¾ïÀÇ»çÁøø */
#dataContents .data .photoHistoryList{width:745px;height:643px;padding:152px 0 0;background:url(../images/about/photo_history_bg.jpg) 0 0 no-repeat;}
#dataContents .data .photoHistoryList .list{width:660px;height:430px;margin:0 auto;overflow:hidden;}
#dataContents .data .photoHistoryList .blind{display:none;}
#dataContents .data .photoHistoryList .list:after{content:"";display:block;clear:both;}
#dataContents .data .photoHistoryList .list li{display:inline;float:left;width:188px;height:177px;margin:0 16px;padding:38px 0 0;text-align:center;background:url(../images/about/list_bg.png) 0 0 no-repeat;}
#dataContents .data .photoHistoryList .list li a{float:left;width:100%;}
#dataContents .data .photoHistoryList .list li a img{display:block;width:160px;height:120px;margin:0 auto 8px;}
#dataContents .data .photoHistoryList .list li a strong{display:block;width:100%;text-align:center;color:#444;}
#dataContents .data .photoHistoryList .writeButton{display:inline;float:right;margin:0 59px 0 0;}
#dataContents .data .photoHistoryList .paging{padding:10px 0;text-align:center;}
#dataContents .data .photoHistoryList .paging li{display:inline;margin:0 9px;}
#dataContents .data .photoHistoryList .paging li a{color:#291600;}
#dataContents .data .photoHistoryList .paging li img{vertical-align:-2px;}
#dataContents .data .photoHistoryView{background:url(../images/about/history_view_bg.jpg) 0 0 repeat-y;}
#dataContents .data .photoHistoryView table{width:650px;margin:0 0 15px 40px;color:#444;border-top:1px solid #ae977f;}
#dataContents .data .photoHistoryView table th{width:111px;padding:8px 0 8px 19px;text-align:left;border-bottom:1px solid #ae977f;border-right:1px solid #ae977f;background:url(../images/about/view_th_bg.png) 0 0 repeat;}
#dataContents .data .photoHistoryView table td{width:221px;padding:8px 0 8px 19px;border-bottom:1px solid #ae977f;border-right:1px solid #ae977f;}
#dataContents .data .photoHistoryView table .photo{width:650px;padding:26px 0 32px;text-align:center;}
#dataContents .data .photoHistoryView table .last{border-right:none;}
#dataContents .data .photoHistoryView .writeButton{display:inline;float:right;margin:0 59px 0 0;}
#dataContents .data .photoHistoryView p{clear:both;}
#dataContents .data .photoHistoryView .blind{display:none;}