@import "base.css";
@import "board.css";

/* layout */

/* IE7���� PNG���� ���� */
 .ApplyPNG	{_behavior:url(/css/iepngfix.htc);} 

body {background: url('../images/common/bg_content_01.gif') repeat-x 0 0;}
#wrap {margin-left: 30px;}
#container {width: 970px;}

#header {width: 970px; height: 99px; overflow: hidden;}
#header .logo {float: left; width: 165px; padding-top: 5px; font-size: 0; line-height: 0;}
#header .gnbArea {float: right; width: 765px;}
#header .gnbArea .globalMenu {width: 100%; height: 24px; overflow: hidden; padding: 5px 0 0 0;}
.globalMenu .topBtn {float: left; width: 590px; text-align: right;}
.globalMenu .topCommon {float: right; padding: 8px 0 0 0;}
.globalMenu .topCommon li {float: left; background: url('../images/common/icon_dot_01.gif') no-repeat 0 0; padding: 0 5px; font-size: 0; line-height: 0;}
.globalMenu .topCommon li.first {background: none; padding-left: 0;}
.globalMenu .topCommon li.last {padding-right: 0;}
.globalMenu .topCommon li img {vertical-align: top;}
#header .gnbArea .navigation {font-size: 0; line-height: 0;}

#content {width: 970px; overflow: hidden;}

#sidebar {float: left; width: 167px; padding: 22px 0 0 0;}
#sidebar h1 {height: 62px;}
#sidebar img {vertical-align: top;}
#sidebar ul.depth02 {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 3px;}
#sidebar ul.depth03 {margin-left: 23px;}
#sidebar ul.depth03 li {background: url('../images/common/icon_arrow_03.gif') no-repeat 0 5px; padding: 0 0 0 6px; font-size: 11px;}
#sidebar ul.depth03 li a {color: #787878; text-decoration: none;}
#sidebar ul.depth03 li a.sel, #sidebar ul.depth03 li a:hover, #sidebar ul.depth03 li a:active, #sidebar ul.depth03 li a:focus {color: #000;}
#sidebar .leftBanner {margin: 30px 0 0 0; font-size: 0; line-height: 0;}
#sidebar .leftBanner img {margin-bottom: 8px;}

#contents {float: right; width: 765px;}
#contents .location {float: right; height: 14px; padding: 8px 0 0 0;}
#contents .location li {float: left; background: url('../images/common/icon_arrow_01.gif') no-repeat 0 4px; padding: 0 8px; color: #949494; font-size: 11px;}
#contents .location li.home {background: none; padding-left: 0;}
#contents .location li.present {padding-right: 0;}
#contents .location li img {vertical-align: top; margin-top: 2px; #margin-top: 0; _margin-top: 2px;}

.contentsArea {clear: both; width: 765px; overflow: hidden;}
.contentsArea h2 {width: 100%; height: 26px; overflow: hidden;}
.contentsArea h2.category img {float: left;}
.contentsArea h2.category span {float: left; background: url('../images/common/icon_arrow_02.gif') no-repeat 0 2px; padding: 0 0 0 12px; font-weight: bold; font-size: 14px; margin: 2px 0 0 15px; color: #000;}
.contentsArea p.titTxt01 {height: 26px;}

#footerWrap {width: 100%; background: url('../images/common/bg_footer_01.gif') repeat-x 0 0; margin-top: 70px;}
#footerWrap .footer {padding: 13px 0 10px 30px; width: 970px; overflow: hidden;}
#footerWrap .footer p.copyright {float: left;}
#footerWrap .footer ul {float: right;}
#footerWrap .footer ul li {float: left; background: url('../images/common/bg_vbar_01.gif') no-repeat 0 0; padding: 0 7px;}
#footerWrap .footer ul li.first {background: none;}

/* sub page - lounge */
.fSlide {margin-bottom: 5px;}
.imgTxt01 {font-size: 0; line-height: 0; margin-bottom: 15px;}

.bgDone01 {background: url('../images/lounge/bg_done_01.gif') no-repeat 0 0; width: 480px; height: 187px; padding: 27px 0 0 285px;}
.bgDone01 h3 {height: 73px;}
.bgDone01 img {vertical-align: middle;}
.bgDone01 dl {width: 480px; height: 63px; overflow: hidden;}
.bgDone01 dl dt {float: left; clear: left; width: 140px; height: 25px;}
.bgDone01 dl dd {float: left; width: 340px; height: 25px; font-size: 14px; color: #000; font-weight: bold;}

.rDate {text-align: right;}
.rDate strong {color: #8d8c8c;}
.rDate span {color: #4c4c4c;}
.adminImg01 {margin-bottom: 20px;}

/* lounge ?�그�?메인 */
.boxCont01 {width: 100%; overflow: hidden; margin-bottom: 20px;}
.boxCont01 li {float: left; background: url('../images/lounge/bg_box_01.gif') no-repeat 0 0; width: 161px; height: 121px; padding: 10px 15px;}
.boxCont01 li h3 {height: 34px;}
.boxCont01 li ul {
	width: 160px; height: 67px; overflow-y: scroll; overflow-x: hidden; padding: 7px 0;
	scrollbar-face-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: #757575;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #919191;
}
.boxCont01 li ul li {float: none; background: url('../images/lounge/icon_dot_01.gif') no-repeat 0 5px; width: 140px; height: 18px; padding: 0 0 0 6px; color: #c6c6c6;}
.boxCont01 li ul li a, .boxCont01 li ul li a:active, .boxCont01 li ul li a:hover, .boxCont01 li ul li a:link, .boxCont01 li ul li a:visited {color: #c6c6c6;}
.boxCont01 li ul li strong {color: #f3f2f2;}
.boxCont01 li ul li strong.num {color: #fff200;}

.groupMainContent01 {width: 100%; overflow: hidden;}
.groupMainContent01 .lCont {float: left; width: 420px;}
.groupMainContent01 .rCont {float: right; width: 280px; padding: 0 0 37px 31px; border-left: 1px solid #e1e1e1;}
.groupMainContent01 h3 {height: 22px;}
.groupMainContent01 .bannerZone {border: 1px solid #eaeaea; font-size: 0; line-height: 0;}
.groupMainContent01 .infoZone {padding: 7px 0 0 0;}
.infoZone .tit {position: relative; background: url('../images/lounge/icon_dot_01.gif') no-repeat 0 5px; padding: 0 0 0 6px; color: #4c4c4c;}
.infoZone .tit strong.num {color: #ff7361;}
.infoZone .tit .date {position: absolute; right: 0; top: 0; background: url('../images/lounge/bg_box_s01.gif') no-repeat 0 0; text-align :center; width: 132px; height: 17px; font-family: verdana, dotum; color: #4c4c4c;}
.infoZone .tit .date span {color: #397994; font-size: 11px;}
.infoZone .desc {color: #8d8c8c; padding: 0 0 0 5px;}

.gongGam {margin-bottom: 32px;}
.gongGam li {background: url('../images/lounge/icon_dot_01.gif') no-repeat 0 8px; padding: 3px 0 3px 9px; border-bottom: 1px solid #e1e1e1;}
.gongGam li strong {color: #000;}
.gongGam li p {color: #8d8c8c; font-size: 11px;}
.gongGam li p span {color: #397994;}


/* sub page - member */
.loginBox {width: 100%; overflow: hidden;}
.bgDone02 {background: url('../images/member/bg_done_01.gif') no-repeat 0 0; width: 480px; height: 187px; padding: 27px 0 0 285px; margin-top: 25px;}
.bgDone02 dl {float: left; width: 283px; height: 52px; overflow: hidden;}
.bgDone02 dl dt {float: left; clear: left; width: 86px; height: 22px; padding-top: 3px;}
.bgDone02 dl dd {float: left; width: 196px; height: 25px; font-size: 14px; color: #000; font-weight: bold;}
.bgDone02 dl dd input.txt01 {width: 183px;}
.bgDone02 .btn {float: left; padding-top: 1px;}
.bgDone02 .subSel {padding: 0 0 0 87px; height: 53px;}
.bgDone02 dl.addLink {width: 412px; height: auto;}
.bgDone02 dl.addLink dt {width: 282px; padding: 0; height: 34px;}
.bgDone02 dl.addLink dd {width: 128px; padding: 0; height: 34px;}

.bgDone03 {background: url('../images/member/bg_done_02.gif') no-repeat 0 0; margin-top: 25px;}
.bgDone03 dl dt {width: 81px;}

.bgDone04 {background: url('../images/member/bg_search_01.gif') no-repeat 0 0; margin: 0; padding-top: 21px; height: 144px;}
.bgDone04 p {height: 25px;}
.bgDone04 p.result {height: 74px; padding-top: 25px;}
.bgDone04 p.result strong {color: #ff7361; font-family: verdana; font-size: 16px;}
.bgDone04 dl {width: 319px;}
.bgDone04 dl dd {width: 232px; font-size: 11px; color: #4c4c4c; font-weight: normal;}

.bgDone05 {background: url('../images/member/bg_search_02.gif') no-repeat 0 0; margin: 0; padding-top: 21px; height: 176px;}
.bgDone05 p {height: 25px;}
.bgDone05 dl {width: 319px; height: 70px; #height: 73px;}
.bgDone05 dl dd {width: 232px; font-size: 11px; color: #4c4c4c; font-weight: normal;}
.bgDone05 .btn {padding-top: 26px;}

.bgDone06 {background: url('../images/member/bg_search_03.gif') no-repeat 0 0; padding-top: 21px; height: 176px;}
.bgDone06 p {height: 25px;}
.bgDone06 dl {float: none; width: 319px; height: 76px;}
.bgDone06 dl dt {height: 17px;}
.bgDone06 dl dd {width: 232px; height: 20px; color: #4c4c4c; font-size: 12px; font-family: verdana, dotum;}
.bgDone06 .btn {padding-top: 26px;}

.stepArea {margin-top: 16px; font-size: 0; line-height: 0;}
h3.tit01 {height: 25px;}

.burble {position: relative; display: none;}
.burble .burbleBox {position: absolute; left: 143px; top: -21px;}
.burble .burbleBox01 {position: absolute; left: 135px; top: -45px;}
.burble .burbleBoxL {background: url('../images/member/bg_burble_01.gif') no-repeat 0 0; width: 10px; height: 21px; float: left; }
.burble .burbleBoxM {background: url('../images/member/bg_burble_02.gif') repeat-x 0 0; height: 20px; float: left; padding: 1px 0 0 0; color: #000;}
.burble .burbleBoxR {background: url('../images/member/bg_burble_03.gif') no-repeat 0 0; width: 10px; height: 21px; float: left;}
.burble span {color: #da0000;}

/* sub page - list */
.bgSearch01 {background: url('../images/list/bg_search_01.gif') no-repeat 0 0; width: 533px; height: 97px; padding: 25px 0 0 232px; margin: 25px 0 10px;}
.searchBox {width: 100%; overflow: hidden;}
.searchBox dl {float: left; width: 430px; overflow: hidden;}
.searchBox dl dt {float: left; clear: left; width: 83px; height: 21px; padding-top: 2px;}
.searchBox dl dd {float: left; width: 347px; height: 23px;}
.searchBox dl dd span {color: #ff7361;}
.searchBox .btn {float: left;}
.searchBox .btn input {margin-top: 10px;}

.tabArea {background: url('../images/list/bg_tab_01.gif') repeat-x; width: 100%; overflow: hidden;}
.tabArea li {float: left; margin-right: 2px; font-size: 0; line-height: 0;}
.tabArea li.end {float: left; margin-right: 0px; font-size: 0; line-height: 0;}

/* sub page - news */
.magazineWrap {width: 100%; overflow: hidden;}
.magazineArea {float :left; width: 580px; border-top: 2px solid #da0000; border-bottom: 1px solid #bdbdbd;}
.yearArea {float :right; border-top: 1px solid #ddd; padding-top: 5px;}
.yearArea ul li {border-bottom: 1px solid #ededed; font-size: 0; line-height: 0; padding-top: 5px;}
.magazineView {float: left; width: 578px; border: 1px solid #e9e9e9; border-top: 2px solid #da0000;}
.magazineView .btn{text-align: right;}

/* sub page - intro */
.shadowBox01 {background: url('../images/intro/bg_shadow.gif') no-repeat 0 bottom; padding-bottom: 5px; margin-top: 16px;}
.shadowBox02 {border: 1px solid #e3e3e3; border-bottom: 0; padding: 18px 20px 18px 20px; }
.tabList01 {background: url('../images/common/bg_dot_01.gif') repeat-x left bottom; padding: 0 0 18px; margin-bottom: 10px; text-align: center; font-size: 0; line-height: 0;}
.tabList01 img.first {margin-right: 7px;}
.shadowBox01 h3 {height: 24px;}
.shadowBox01 h3.eng {height: 19px;}

.giftZone {width: 100%; overflow: hidden;}
.giftZone dt {float: left; width: 238px; border: 1px solid #d5d5d5; font-size: 0; line-height: 0;}
.giftZone dt img {vertical-align: top; border: 1px solid #f3f3f3; margin: 4px;}
.giftZone dd {float: right; background: url('../images/intro/bg_shadow_01.gif') no-repeat 0 0; width: 433px; padding: 0 0 0 30px;}
.giftZone dd p {color: #4c4c4c;}

/* util */
.sitemapWrap {width: 100%; overflow: hidden;}
.sitemapWrap li {float: left; padding-left: 20px; font-size: 0; line-height: 0; min-height: 220px; _height: 220px;}
.sitemapWrap li.first {padding-left: 0;}
.sitemapWrap li ul li {float: none; margin: 0; padding: 0; min-height: 18px; _height: auto;}

/* policy */
.policy {width:723px; border: 1px solid #e3e3e3; padding:20px 20px 20px 20px;}
.policy th {background: url('../images/intro/arr.gif') no-repeat 0 8px; padding: 0 0 3px 9px; font-weight: bold;}
.policy li {color: #4c4c4c; line-height: 16px; padding-bottom: 5px; font-weight: bold;}
.policy li ul {margin-top: 5px; }
.policy li ul li {padding-bottom: 5px; font-weight: bold;}
.policy li ul li ul {margin: 0 0 0 17px;}
.policy p {color: #837c6c; line-height: 16px; padding-bottom: 5px;}

/*pay?�내*/
.payintro {width:100%; border-top: 2px solid #da0000; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}

.tbWriteSub03 {width: 100%; background: #f8f8f8;}
.tbWriteSub03 th {background: url('../images/common/icon_dot_01.gif') no-repeat 30px 50%; padding: 0 0 0 35px; border: 0; font-size: 12px; font-weight: bold; }
.tbWriteSub03 td {}


.leftCont {float: left; width: 169px;}
.rightCont {float: left; padding-left: 25px;  border-left: 1px solid #e1e1e1; padding-bottom: 12px;}
.payinfocon {font-size: 12px; font-family: dotum; color: #4c4c4c; padding-top:20px;}
.paybox {border: 1px solid #d7d7d7; background: #fafafa; padding:15px 15px 15px 15px;font-family: dotum; color: #686868;}

.leftTable {float: left; width: 353px;}
.rightTable {float: right; width: 353px;}

.tbWrap04 {border-top: 2px solid #da0000; border-bottom: 1px solid #d8d8d8; margin-top:5px;}  /* ?�네?�형 리스??*/


/* ?�기 ?�이�?*/
.tbWrite03 {width: 100%;}
.tbWrite03 th {background: #f4f4f4; border-bottom: 1px solid #e6e6e6; color: #4c4c4c; vertical-align: middle; padding: 8px 0 8px 8px; font-family: Arial;font-size: 15px; font-weight: bold;}
.tbWrite03 td {border-bottom: 1px solid #e6e6e6; padding: 10px;}
.tbWrite03 td.id {padding-left: 10px; font-weight: bold; font-size: 12px; font-family: dotum;}
.tbWrite03 td.pay {padding-left: 10px; font-weight: bold; font-size: 12px; font-family: Arial; text-align:right; font-size:15px; color:#ff7361;}
.tbWrite03 td .ipt01 {position: relative; top: -6px; #top: -3px;}
.tbWrite03 td .btn {position: relative; top: 4px;}
.tbWrite03 td .subTxt01 {padding: 3px 0;}
.tbWrite03 td .subTxt01 strong {color: #ff7361;}
.tbWrite03 td.noneIptTxt {border-bottom: 1px solid #e6e6e6; padding: 5px 0 5px 14px;}
.tbWrite03 td.noneIptTxt strong span {color: #ff7361;}


.paybox  {background:#fff; border:1px solid #e3e3e3; margin-top:20px; padding:0 0 0 0;}
.paybox1  {border:1px solid #e3e3e3; margin-top:10px; padding:0 0 0 0;}
.bn  {background:#f8f8f8; padding:15px; border:1px solid #fff;}

.title {padding-left:10px;  font-size:14px; font-family:Arial; font-weight:bold; vertical-align: top; width:210px }
.con {font-size:12px; font-family:Arial; padding-top:10px;}
.pay1 {font-size:12px; font-family:Arial; color:#ff7361; padding-top:5px;}