@charset "UTF-8";
@import "global.css";
@import "common.css";
@import "table.css";

body { background: url(../images/main/bg.jpg) no-repeat; }
#header { position: relative; height: 405px; }
#maple { position: absolute; top: 0; left: 0; }
#mainText { position: absolute; top: 152px; left: 337px; }
#img_sub { position: absolute; }
#children { position: absolute; top: 135px; left: 602px; }

.circle01, .circle02, .circle03 { position: absolute; }
.circle01 { top: 300px; left: 475px; }
.circle02 { top: 309px; left: 337px; }
.circle03 { top: 280px; left: 208px; }

#container { position: relative; padding: 0 70px; }

/* 회원 */
#member { width: 200px; position: absolute; top: 153px; left: 760px; }
#member h2 {}

#member li { margin: 3px 0; }
#member label img { vertical-align: middle; }
#member .inputStyle { border: 1px solid #ccc; padding: 2px; width: 100px; font-size: 1.2em; }
#member .btn_login { position: absolute; right: 15px; top: 44px; }

#member .member_util { padding: 5px 10px; }
#member .member_util li { display: inline; }
/* //회원 */

#introduce { position: absolute; top: 312px; left: 800px; }

/* 왼쪽 컬럼 */
#colLeft { float: left; margin-right: 30px; position: relative; width: 344px; }
/* 게시판 */
#colLeft .board { background: url(../images/common/hrLine.gif) repeat-x 0 20px; position: relative; float: left; width: 100%;height:80px; }
#colLeft .board h2 { font-size: 1.1em; letter-spacing: -0.1em; }
#colLeft .board h2 a { background: url(../images/main/tab.gif) no-repeat; position: absolute; top: 0; width: 67px; text-align: center; padding: 3px 0; color: #666; }
#colLeft .board h2 a#tablink1 { left: 0; }
#colLeft .board h2 a#tablink2 { left: 68px; }
#colLeft .board h2 a#tablink3 { left: 112px; }
#colLeft .board h2 a.tabactive { background: url(../images/main/tab_on.gif) no-repeat; color: #fff; }

#colLeft .board div { font-size: 1.2em; }
#colLeft .board a.btn_more { position: absolute; top: 5px; right: 5px; }
#colLeft .board ul { padding-top: 30px; }
#colLeft .board li { text-align: right; line-height: 1.7em; }
#colLeft .board li a { background: url(../images/common/bullet.gif) no-repeat 0 -192px; padding-left: 8px; float: left; }
/* //게시판 */

#experience { display: block; }
/* //왼쪽 컬럼 */

/* 가운데 컬럼 */
#colCenter { float: left; width: 330px; padding-top: 4px; position: relative; }
#colCenter h2 { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 3px; }
#colCenter .btn_more { float: right; margin-top: -25px; }

#colCenter ul { float: left; width: 100%; }
#colCenter ul li { float: left; display: inline; padding: 3px; }
#colCenter ul li img { border: 1px solid #ccc; margin: 0 0 5px; }
#colCenter ul li span { display: block; text-align: center; font-size: 1.2em; color: #333; }

#colCenter h3 { font-size: 1.3em; }
#colCenter h3, #colCenter p { margin-left: 120px; }
#colCenter p { padding-right: 5px; line-height: 1.3em; }
/* //가운데 컬럼 */

/* 오른쪽컬럼 */
#colRight { float: right; width: 112px; position: relative; }
#colRight ul li a { background: url(../images/main/shortcuts_bg.gif) no-repeat; display: block; width: 92px; height: 17px; font-size: 1.2em; color: #666; font-weight: bold; margin: 5px 0; padding: 5px 10px 0; }

/* //오른쪽컬럼 */