@CHARSET "EUC-KR";

html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none;}
img, table{border:0;}
a {cursor:pointer; color:#797979; text-decoration:none;}
a:hover {text-decoration:none;}

body {font-size:12px; line-height: 1.2em; font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#7e7e7e;}
input, textarea, select, pre {font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#7e7e7e;}
input.text, textarea.text {padding:2px; border:1px solid #ccc; color:#000; font-size:11px;}
body, html  {
scrollbar-highlight-color: #ccc; 
scrollbar-shadow-color: #ccc; 
scrollbar-arrow-color: #ccc; 
scrollbar-face-color: #fff; 
scrollbar-3dlight-color: #fff; 
scrollbar-darkshadow-color: #fff; 
scrollbar-track-color: #fff;  
}  



/* layout */

.whiteProjectWrap {width:100%; height:100%; background:url('/coding/images/common/bgBody.jpg') repeat-x 0 0;}
#bodyArea {position:relative; width:1007px; margin:0  auto; overflow:hidden; background:url('/coding/images/common/bgLeft.jpg') no-repeat 0 665px;}
#footArea {width:100%;height:130px; background:#a4a5a8; overflow:hidden;}

#bodyArea .menuArea {position:absolute; width:248px; height:669px; top:0; left:0; overflow:hidden; z-index:1;}
#bodyArea .menuArea .leftBG {position:absolute; left:0; top:0; height:665px; z-index:2; overflow:hidden;}
#bodyArea .menuArea .leftMenu {position:absolute; width:218px; height:699px; margin:0 auto; z-index:3;}
#bodyArea .rightArea {width:100%; overflow:hidden;}
#bodyArea .rightArea .visualArea {position:relative; width:100%; height:260px; overflow:hidden; /*background:url('/coding/images/@visual.gif') no-repeat right 0;*/}
#bodyArea .rightArea .contentArea {width:720px; padding:0 0 30px 248px;}
#quickMenuBox {position:absolute; top:274px; right:0; width:20px; height:71px;}


#bodyArea .rightArea .visualArea .visualBox {width:100%; height:260px; overflow:hidden; }
#bodyArea .rightArea .visualArea ul.topBtn {position:absolute; top:30px; right:30px; padding:0; list-style:none; height:35px; overflow:hidden;}
#bodyArea .rightArea .visualArea ul.topBtn li {float:left; padding:4px 11px 0 0; margin-left:10px; height:14px;  background:url('/coding/images/common/bgFootBox02.gif') no-repeat right 6px;overflow:hidden;}
#bodyArea .rightArea .visualArea ul.topBtn li.end {background:none; }
#bodyArea .rightArea .visualArea ul.topBtn li.end span {color:#2f58bb;}


/* footArea */
#footArea .footBox {position:relative; width:1007px; margin:0 auto;}
#footArea .footTitle {position:absolute; width:112px; height:50px; left:60px; top:40px}
#footArea .footLinks {position:absolute;  width:450px; top:17px; left:172px; padding-left:35px; background:url('/coding/images/common/bgFootBox01.gif') no-repeat 0 24px; overflow:hidden;}
#footArea .footLinks li {float:left; padding-right:10px; margin-right:10px; height:22px; font-size:0; background:url('/coding/images/common/bgFootBox02.gif') no-repeat right 3px; overflow:hidden;}
#footArea .footLinks li.end {background:none;}
#footArea .footLinks li.copyright {clear:both; width:100%; float:none; background:none;}
#footArea .footMark {position:relative; float:right; padding:0 0 0 0;}
#footArea .familySite {position:relative; float:right; padding:27px 20px 0 0;}
#footArea .familySite div {position:absolute; top:27px; left:0;}

/* menuArea */



/* main */
#mainArea {position:relative; width:100%; height:669px; overflow:hidden;}
#mainArea .mainSWFBox {position:absolute; left:0; top:0; width:100%; height:670px; z-index:1;}
#mainArea .menuArea {position:absolute; left:50%; top:0; z-index:100; margin-left:-504px;}
#mainArea .rightArea {position:relative; width:1007px; height:100px; margin:0 auto; overflow:hidden; z-index:102;}
#mainArea ul.topBtn {position:absolute; top:30px; right:0; padding:0; list-style:none; height:35px; overflow:hidden; z-index:100;}
#mainArea ul.topBtn li {float:left; padding:4px 11px 0 0; margin-left:10px; height:14px;  background:url('/coding/images/common/bgFootBox02.gif') no-repeat right 6px; overflow:hidden;}
#mainArea ul.topBtn li.end {background:none; }
#mainArea ul.topBtn li.end span {color:#2f58bb;}

.eventBox {position:absolute; width:218px; left:50%; margin-top:-227px; margin-left:-504px; overflow:hidden; z-index:50;}

/* popup */
.popBody {background:#eeeeee;}
.popBody .popup {position:relative; width:370px; padding:0 0 45px; font-size:11px; background:url('/coding/images/popup/bgPopBtm.gif') no-repeat 0 bottom; }
.popBody .popup h1 {width:370px; height:60px; padding:40px 0 0; margin:0; text-align:center; background:url('/coding/images/popup/bgH1.gif') no-repeat 0 0; overflow:hidden;}
.popBody .popup .popCont {position:relative; padding:0 20px 0 30px;}
.popBody .popup .popCont img,.popBody .popup .popCont input  {vertical-align:middle;}
.popBody .popup .closeBtn {position:absolute; right:20px; top:16px;}
.popBody .popup p.comment {padding-left:10px; height:50px;  line-height:18px; letter-spacing:-1px; background:url('/coding/images/popup/bul01.gif') no-repeat 0 6px;}

.popBody .popup .login p {padding-bottom:6px;}
.popBody .popup .login p input {margin-left:5px; width:180px;}
.popBody .popup .login .loginBtn {position:absolute; top:0; right:20px;}
.popBody .popup .check p.comment strong {color:#ed1848;}
.popBody .popup .check p.idCheck {padding:15px 0 10px; background:url('/coding/images/popup/bgLine.gif') repeat-x 0 0;}
.popBody .popup .check p.idCheck input {width:150px; margin:0 5px;}
.popBody .popup .zipcode .check {padding:15px 0 10px; background:url('/coding/images/popup/bgLine.gif') repeat-x 0 0;}
.popBody .popup .zipcode .check input {width:110px; margin:0 5px;}
.popBody .popResult {width:320px; padding:40px 20px 0 30px; background:url('/coding/images/popup/bgResult.gif') no-repeat 10px 0;}
.popBody .popResult p.comment {height:20px;}
.popBody .popResult .zipcodeBox {width:292px; height:113px; padding:8px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc;}
.popBody .popResult .zipcodeBox * {color:#000; font-weight:normal;}
.popBody .popup .banner .mediaTitle {width:100%; padding-bottom:5px; background:url('/coding/images/popup/bgLine.gif') repeat-x 0 bottom; overflow:hidden;}
.popBody .popup .banner .mediaTitle p.comment {float:left; width:225px; height:20px !important; }
.popBody .popup .banner .mediaTitle a {float:right;}
.popBody .popup .banner .bannerBox {width:299px; margin-top:20px; border:1px solid #e3e3e3; background:#f5f5f5 url('/coding/images/popup/bgLogo.gif') no-repeat center center; overflow:hidden;}

.popBody .popup.big {width:560px; background:url('/coding/images/popup/bgPopBtmBig.gif') no-repeat 0 bottom; }
.popBody .popup.big h1 {width:560px; text-align:center; background:url('/coding/images/popup/bgH1Big.gif') no-repeat 0 0; overflow:hidden;}
.popBody .popup.big .comment { height:20px !important; padding-bottom:5px;}
.popBody .popup.big .imgBox {width:500px; overflow:hidden;}
.popBody .popup.big .imgBox img {display:block;}

.popBody .popup.print {width:598px; background:url('/coding/images/popup/bgPopBtm2.gif') no-repeat 0 bottom; }
.popBody .popup.print h1 {width:598px; text-align:center; background:url('/coding/images/popup/bgH12.gif') no-repeat 0 0; overflow:hidden;}
.popBody .popup.print .titleBox {width:100%; padding-bottom:5px; background:url('/coding/images/popup/bgLine.gif') repeat-x 0 bottom; overflow:hidden;}
.popBody .popup.print .titleBox p.comment {float:left; width:225px;  height:20px !important }
.popBody .popup.print .titleBox a {float:right;}
.popBody .popup.print .imgBox {width:555px; margin-top:20px; border:1px solid #e3e3e3; background:#f5f5f5 url('/coding/images/popup/bgLogo.gif') no-repeat center center; overflow:hidden;}
.popBody .popup.print .imgBox img {display:block;}

.popBody .popup .popIdSearch {width:229px; height:37px; padding:14px 0 0 81px; overflow:hidden;background:url('/coding/images/popup/bgIdSearch.gif') no-repeat 0 0;}
.popBody .popup .popIdSearch strong {display:none;}
.popBody .popup .popPwSearch {width:229px; height:59px; padding:16px 0 0 81px; margin-bottom:20px; overflow:hidden;background:url('/coding/images/popup/bgPwSearch.gif') no-repeat 0 0;}
.popBody .popup .popPwSearch strong {display:none;}
.popBody .popup .popPwSearch input {display:block; margin-bottom:5px;}

.popBody .popup .idSearchStep2 {width:310px; margin-bottom:10px; overflow:hidden;}
.popBody .popup .idSearchStep2 li {width:100%; padding:10px 0; background:url('/coding/images/popup/bgLine.gif') repeat-x 0 bottom; overflow:hidden;}
.popBody .popup .idSearchStep2 li strong {color:#2f58bb;}
.popBody .popup .idSearchStep2 li div {padding:5px 0 0 10px;;}
.popBody .popup .idSearchStep2.result {margin-bottom:20px;}
.popBody .popup .idSearchStep2.result li {padding:25px 0;}