@import url(common.css);

/* Main Header */
#header {position:relative; width:853px; height:103px;}
#header .logo {position:absolute; left:0px; top:12px; width:850px; text-align:center;}
#header .grobalNavi {position:absolute; top:8px; right:-9px;}
#header .grobalNavi li {display:inline; margin-left:3px;}
#header .grobalNavi li img {vertical-align:middle;}
#header .searchArea {position:absolute; top:56px; left:226px; margin-top:5px;}
#header .searchArea .inputBox {border:solid 3px #93b8da; width:340px; height:23px;}
#header .searchArea span {position:absolute; left:353px; top:-1px;}

/* Local Navigation */
/* margin-right°ªÀ» 61px¿¡¼­ 28px·Î º¯°æ*/
#localNaviArea {position:relative; width:853px;}
#localNaviArea .localNavi {width:803px; padding-left:50px; height:48px; background:url("/resources/images/portal/main/bg_lnv.gif") no-repeat;}
#localNaviArea .localNavi li {display:inline; margin-right:28px;}
#localNaviArea .localNavi2 {width:803px; padding-left:50px; height:48px; background:url("/resources/images/portal/main/bg_lnv2.gif") no-repeat;}
#localNaviArea .localNavi2 li {display:inline; margin-right:28px;}
#localNaviArea .localNavi3 {width:803px; padding-left:50px; height:48px; background:url("/resources/images/portal/main/bg_lnv3.gif") no-repeat;}
#localNaviArea .localNavi3 li {display:inline; margin-right:28px;}
#localNaviArea .subNaviArea {margin-bottom:20px;}
#localNaviArea .subNaviArea .subNavi {position:absolute; background:url("/resources/images/portal/common/img_lnv_mid.png") repeat-y; _background:url("/resources/images/portal/common/img_lnv_mid.jpg") repeat-y; top:39px; left:-2px; width:832px; height:210px; padding:20px 0px 20px 25px;}
#localNaviArea .subNaviArea .subNavi ul {color:#202020; float:left; line-height:26px;}
#localNaviArea .subNaviArea .subNavi ul a {color:#494949;}
#localNaviArea .subNaviArea .subNavi ul a:hover {color:#4da5d2; border:none; text-decoration:none; font-weight:bold;}
#localNaviArea .subNaviArea .subNavi li {width:110px; margin-left:20px; padding-left:8px; background:url("/resources/images/portal/common/blit_sub_arro.gif") no-repeat 0px 9px;}
#localNaviArea .subNaviArea .subNaviBtm {position:absolute; left:0px; bottom:0px;}

/* Main Banner Area */
#banner {height:50px; margin-top:35px; margin-bottom:15px; position:relative; _margin-top:-15px;}
#banner img {vertical-align:middle;}

/* Member Infomation Area */
#container .infoArea {position:relative; width:245px; height:127px; float:left; background:url("/resources/images/portal/member/bg_member_info.gif") no-repeat;}
#container .infoArea ul {margin-top:39px; margin-left:17px;}
#container .infoArea li {background:url("/resources/images/portal/common/blit_arrow_gray.gif") no-repeat 0px 3px; padding-left:10px; margin-bottom:7px;}

/* Main Title */
#container .mainTitle {height:20px; border-bottom:solid 1px #c0bfbf; margin-bottom:16px; font-size:14px; font-weight:bold; margin-top:20px;}

/* Content Area */
#container .contArea {position:relative; width:588px; float:right;}
#container .contArea .infoDesc {border-left:solid 2px #dfded9; border-right:solid 2px #dfded9; padding-left:100px; padding-top:15px; height:84px;}
#container .contArea .infoDesc img {position:absolute; top:20px; left:20px;}
#container .contArea .infoDesc span {padding-top:10px;}
#container .contArea .infoDescBtm {margin-bottom:25px;}

/* Login Area */
#container .contArea .loginBox {width:410px; height:169px; padding-left:178px; padding-top:57px; background:url("/resources/images/portal/member/bg_lginbx.gif") no-repeat;}
#container .contArea .loginBox input {width:115px; padding-top:2px; padding-left:4px; vertical-align:middle;}
#container .contArea .loginBox .id {position:relative; width:170px; margin-bottom:9px;}
#container .contArea .loginBox .id img {position:absolute; left:0px; top:4px;}
#container .contArea .loginBox .id input {margin-left:47px;}
#container .contArea .loginBox .pw {position:relative; width:170px;}
#container .contArea .loginBox .pw img {position:absolute; left:0px; top:4px;}
#container .contArea .loginBox .pw input {margin-left:47px;}
#container .contArea .loginBox .btn {position:absolute; left:360px; top:200px;}
#container .contArea .loginBox .find {margin-top:30px;}
#container .contArea .loginBox .find img {vertical-align:middle; margin-top:-2px; margin-right:5px;}
#container .contArea .loginBox .find .marginLeft {margin-left:55px;}

/* License Posting */
#container .licePost {position:relative; width:562px; margin-bottom:25px;}
#container .licePost .title {margin-bottom:12px;}
#container .licePost .title .more {float:right; margin-right:10px;}
#container .licePost .title img {vertical-align:middle}
#container .licePost .desc {position:relative; background:url("/resources/images/portal/main/img_licedesc_mid.gif") repeat-y; height:110px;}
#container .licePost .desc .imgTitle {position:absolute; top:0px; left:14px; padding-left:18px; padding-top:4px; width:410px; height:16px; color:#fff; font-weight:bold; background:url("/resources/images/portal/main/img_licedesc_title.gif") no-repeat;}
#container .licePost .desc .imgTitle a {color:#fff; border:none;}
#container .licePost .desc .imgTitle a:hover {color:#fff; border:none; text-decoration:underline;}
#container .licePost .desc .mImg {position:absolute; top:29px; left:18px;}
#container .licePost .desc .cont {margin-left:120px; padding-top:35px; width:414px; line-height:22px;}
#container .licePost .detailView {position:absolute; font-size:11px; bottom:0px; right:20px; color:#fb9511; font-weight:normal}
#container .licePost .detailView img {margin-left:3px; vertical-align:middle; margin-top:-3px;}

/* right Posting */
#container .postArea .banPost {/*border:1px #eaeaea solid;*/position:absolute; right:0px; top:20px; width:271px; height:80px; background:url("/resources/images/portal/main/bg_ban.gif") no-repeat 39px 0px;}
#container .postArea .banPost .nbr {position:absolute; top:18px;}
#container .postArea .banPost .title {position:absolute; top:4px; left:65px;}
#container .postArea .banPost .cont {position:absolute; top:32px; left:65px; line-height:19px; font-size:11px;}
#container .postArea .banPost .mImg {position:absolute; top:38px; right:0px;}
#container .postArea .banPost .mImg2 {position:absolute; top:30px; right:8px;}
#container .postArea .banPost .btnArea {text-align:right; padding-right:3px;}

/* leftArea boardPostArea */
#container .postArea {height:365px; margin-top:29px; margin-bottom:10px; *margin-bottom:0px;}

#container .postArea .notice {position:absolute; top:108px; right:0px; width:271px;}
#container .postArea .notice li {padding-left:9px; margin-bottom:8px; background: url("/resources/images/portal/common/blit_4depth_org.gif") no-repeat 0 40%;}

#container .postArea .titleArea {height:22px; border-bottom:solid 1px #c0bfbf; margin-bottom:10px;}
#container .postArea .titleArea .more {float:right; margin-top:-7px; margin-right:10px;}
#container .postArea .titleArea .title {margin-top:2px;}
#container .postArea .titleArea img {vertical-align:middle;}
#container .postArea .titleArea .img {vertical-align:middle; margin-top:2px;}

#container .postArea .pjtPost {float:left; width:255px; margin-right:36px; height:170px; margin-bottom:30px;}
#container .postArea .pjtPost .sTitle {background:#b2b2b2; color:#fff; font-weight:bold; padding:5px; margin-bottom:7px;}
#container .postArea .pjtPost .sTitle a {color:#fff; border:none;}
#container .postArea .pjtPost .sTitle a:hover {color:#fff; border:none; text-decoration:underline;}
#container .postArea .pjtPost .spantitle {float:left; width:62px; padding:4px 4px 4px 13px; background: url("/resources/images/portal/common/blit_arrow.gif") no-repeat 5px 7px; background-color:#f8f8f9;}
#container .postArea .pjtPost .cont {float:left; margin-bottom:3px; width:145px; padding:4px; padding-left:8px; font-weight:bold;}
#container .postArea .pjtPost .spantitle2 {float:left; width:62px; height:31px; padding:7px 4px 4px 13px; background: url("/resources/images/portal/common/blit_arrow.gif") no-repeat 5px 10px; background-color:#f8f8f9;}
#container .postArea .pjtPost .cont2 {float:left; margin-bottom:3px; line-height:18px; width:145px; padding:4px; padding-left:8px; font-weight:bold;}

#container .postArea .leftPost {position:relative; float:left; width:255px; height:170px; margin-bottom:30px;}
#container .postArea .leftPost li {padding-left:9px; margin-bottom:12px; background: url("/resources/images/portal/common/blit_4depth.gif") no-repeat 0 40%;}
#container .postArea .leftPost .boardDate {position:absolute; right:7px;}

#container .postArea .leftPost2 {position:relative; float:left; width:255px; margin-right:36px; height:170px; margin-bottom:30px;}
#container .postArea .leftPost2 li {padding-left:9px; margin-bottom:12px; background: url("/resources/images/portal/common/blit_4depth.gif") no-repeat 0 40%;}
#container .postArea .leftPost2 .boardDate {position:absolute; right:7px;}

#container .postArea .rightPost {position:relative; float:right; width:271px; height:170px; margin-bottom:30px;}
#container .postArea .rightPost li {padding-left:9px; margin-bottom:12px; background:url("/resources/images/portal/common/blit_4depth.gif") no-repeat 0 40%;}
#container .postArea .rightPost .sTitle {float:left; width:80px; background:#f8f8f9; padding:4px; text-align:center;}
#container .postArea .rightPost .cont {float:left; margin-bottom:2px; margin-left:5px; width:145px; padding:4px;}
#container .postArea .rightPost .boardDate {position:absolute; right:7px;}

#container .postArea .rightPost2 {position:relative; float:right; width:271px; height:170px; margin-bottom:30px;}
#container .postArea .rightPost2 li {padding-left:9px; margin-bottom:12px; background:url("/resources/images/portal/common/blit_4depth.gif") no-repeat 0 40%;}
#container .postArea .rightPost2 .boardDate {position:absolute; right:7px;}