@charset "utf-8";

/*----------------------------------------------------------------------------
 * 메인 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2015-07-02 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/

/* 레이아웃 */
div#layout-container {overflow:hidden; background:url('/images/korean/main/bg_main.gif') repeat-x 0 558px;}
div#contents {position:relative; width:1000px; margin:0 auto;}

/* 공통으로 사용하는 속성 */
h3.title {margin:0; padding:0 0 30px; font-size:18px; font-weight:normal; color:#333;}
p.more {position:absolute; right:0; top:5px; margin:0; padding:0; font-size:12px;}
p.more a {color:#757575;}

/* 비주얼 */
div#visual {overflow:hidden; position:relative; height:558px;}
div#visual ul {margin:0; padding:0; list-style:none;}
div#visual ul.item {position:absolute; top:0; left:50%; width:1600px; height:100%; margin:0 0 0 -800px;}
/*div#visual ul.paging {position:absolute; left:50%; top:220px; z-index:10; width:1000px; margin:0 0 0 -500px;}*/
div#visual ul.paging {position:absolute; left:50%; top:500px; z-index:10; width:500px; margin:0 0 0 300px;}
div#visual ul.paging li {display:inline; margin-left:10px;}

/* 동문찾기 */
div.people {overflow:hidden; position:absolute; left:0; top:-75px; z-index:20; height:35px; padding-left:50px; background:url('/images/korean/main/people.png') no-repeat;}
div.people select {height:35px; margin-right:5px; padding:0 10px; border-radius:3px; border:1px solid #e3e3e2; background:url('/images/korean/main/bg_people.png'); font-size:15px; vertical-align:middle;}
div.people input.people-keyword {width:170px; height:33px; padding:0 0 0 10px; border-radius:3px; border:1px solid #e3e3e2; background:url('/images/korean/main/bg_people.png'); font-size:15px; line-height:32px; vertical-align:middle;}
div.people input.people-btn {width:100px; height:35px; margin-left:5px; border-radius:3px; border:none; background-color:#4b7fb0; font-size:15px; color:#fff; vertical-align:middle; line-height:35px;}

/* 한줄메모 */
div.memo {overflow:hidden; height:85px; margin-bottom:35px; padding-left:50px; background:url('/images/korean/main/memo.gif') no-repeat 0 25px;}
div.memo h3 {float:left; width:110px; margin:0; padding:25px 0 0; font-size:20px; color:#efefef;}
div.memo-list {float:left; position:relative; width:490px;}
div.memo-list p.control {position:absolute; right:0; top:20px; width:20px; margin:0; padding:0;}
div.memo-list p.control a {display:block; margin-bottom:2px;}
div.memo-list div.item-wrap {overflow:hidden; position:relative; top:20px; width:455px; height:40px;}
div.memo-list div.item-wrap ul.item {width:100%; margin:0; padding:0; font-size:13px; color:#efefef; list-style:none;}
div.memo-list div.item-wrap ul.item li p {overflow:hidden; height:20px; margin:0; padding:0; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
div.memo-list div.item-wrap ul.item li span {margin-right:10px;}
/*div.memo-write {float:right; position:relative; width:300px; height:25px; padding:25px 0 0; border-bottom:1px solid #a5bfd8;}*/
div.memo-write {float:right; position:relative; width:300px; height:45px; padding:25px 0 0; border-bottom:1px solid #a5bfd8;}
div.memo-write input.memo-write {width:240px; height:22px; padding:0; border:none; /*background:none;*/ color:#bfe0ff; line-height:22px;}
/*div.memo-write input.memo-btn {position:absolute; right:0; top:25px; border-radius:3px; border:none; background-color:#fff; font-size:14px; color:#30353a;}*/
div.memo-write input.memo-btn {position:absolute; right:0; top:43px; border-radius:3px; border:none; background-color:#fff; font-size:14px; color:#30353a;}
span.memo-more {position:absolute; left:50px; top:47px;}
span.memo-more a {font-size:12px; color:#fff;}

div.memo-write textarea.memo-write {width:240px; height:40px; padding:0; border:none; color:#bfe0ff; line-height:22px;}

/* 최근게시물 */
div.latest {overflow:hidden; float:left; position:relative; width:310px; height:280px; margin:0 40px 35px 0; border-bottom:2px solid #313131;}
div.latest div.group {float:left;}
div.latest div.group h3.title {margin:0 0 0 10px; padding:0 0 0 10px; background:url('/images/korean/main/bg_latest.gif') no-repeat 0 center;}
div.latest div.group h3.title a {color:#9c9c9c;}
div.latest div.group.on h3.title a {color:#333;}
div.latest div.group.on div.item {display:block;}
div.latest div.item {display:none; position:absolute; left:0; top:50px; width:310px;}
div.latest div.item ul {margin:0; padding:0; list-style:none;}
div.latest div.item ul li {overflow:hidden; position:relative; height:75px;}
div.latest div.item ul li span.icon {float:left; position:relative; top:2px; width:40px; height:18px; margin-right:5px; border-radius:3px; background-color:#4b7fb0; font-size:13px; color:#fff; text-align:center; line-height:16px;}
div.latest div.item ul li a {overflow:hidden; float:left; width:80%; color:#555; white-space:nowrap; text-overflow:ellipsis;}
div.latest div.item ul li p {overflow:hidden; clear:both; margin:0; padding:0; color:#757575; white-space:nowrap; text-overflow:ellipsis;}
div.latest div.item ul li span.date {position:absolute; right:0; top:-1px; color:#757575;}
div.latest p.more {top:-50px;}
div.latest div#notice h3.title,
div.latest div#gallery h3.title {margin:0; padding:0; background:none;}

/* 동문회보 */
div.bulletin {overflow:hidden; float:left; position:relative; width:310px; height:280px; margin:0 40px 35px 0; border-bottom:2px solid #313131;}
div.bulletin span.date {float:left; width:150px; height:35px; border-bottom:1px dashed #eee; font-size:17px; color:#333;}
div.bulletin div.contents {overflow:hidden; float:left; width:150px; height:142px; padding:20px 0 0; font-size:14px; color:#757575; text-transform:uppercase; line-height:18px;}
p.bulletin-thumb {float:left; margin:0; padding:0 20px 0 0;}
p.bulletin-thumb img {width:140px; height:195px;}

/* 로그인 */
div.login {overflow:hidden; float:right; position:relative; width:240px; height:265px; margin-bottom:35px; padding:15px 20px 0; border-bottom:2px solid #313131; background-color:#f7f7f7;}
div.login ul {margin:0; padding:0; list-style:none;}
ul.login-btn li {display:inline; margin-left:5px; padding-left:7px; background:url('/images/korean/main/login_bar.gif') no-repeat 0 center;}
ul.login-btn li a {font-size:13px; color:#757575;}
ul.login-btn li.first {margin:0; padding:0; background:none;}
ul.login-btn li.first a {padding:0 5px; border-radius:3px; background-color:#4b7fb0; color:#fff;}
div.login-form {position:relative; margin-top:15px;}
div.login-form ul {float:left; width:170px;}
div.login-form ul li input {width:155px; height:32px; margin-bottom:5px; padding:0 0 0 5px; border:1px solid #b5b5b5; line-height:32px;}
div.login-form input.login-btn {float:left; width:70px; height:73px; padding-top:30px; border-radius:10px; border:none; background:url('/images/korean/main/icon_login.gif') no-repeat center 20px #555; font-size:14px; color:#fff;} 
div.login-form p {clear:both; margin:0; padding:15px 0; font-size:13px; color:#757575;}
div.login-today {position:absolute; left:0; bottom:0; width:240px; height:75px; margin:0 20px; padding-top:25px; border-top:1px solid #e3e3e3;}
div.login-today p.date {height:26px; margin:0; padding:0 0 10px 35px; background:url('/images/korean/main/icon_date.gif') no-repeat; font-size:24px; color:#4f4f4f; line-height:26px;}
div.login-today ul li {display:inline; margin-left:5px; padding-left:7px; background:url('/images/korean/main/login_bar.gif') no-repeat 0 center; font-size:13px; color:#4f4f4f;}
div.login-today ul li.first {margin:0; padding:0; background:none;}
div.login a.modity {float:right; padding-right:15px; background:url('/images/korean/main/icon_modity.gif') no-repeat right center; font-size:13px; color:#757575; text-decoration:underline;}
div.login div.member {clear:both; height:64px; margin:0 10px 20px; padding:10px 0 0 80px; background:url('/images/korean/main/member.gif') no-repeat 0 10px;}
div.login div.member p {margin:0; padding:10px 0; font-size:18px; color:#757575; white-space:nowrap;}
div.login div.member p strong {font-size:24px; color:#555;}
div.login div.member span {font-size:14px; color:#555;}
div.login a.btn-logout {display:inline-block; width:115px; height:28px; border-radius:15px; border:1px solid #a0a0a0; font-size:13px; color:#555; text-align:center; line-height:28px;}

/* 갤러리 */
div.gallery {clear:both; height:150px; margin-bottom:30px; border:none;}
div.gallery div.group div.item div {overflow:hidden; float:right; width:160px; height:107px; font-size:14px; color:#757575; line-height:16px;}
div.gallery div.group div.item div p.gallery-title {overflow:hidden; height:40px; margin:0; padding:0; font-size:15px; color:#333; line-height:20px;}
div.gallery div.group div.item div span.contents {display:block; overflow:hidden; height:32px; margin:5px 0;}
p.gallery-thumb {float:left; margin:0; padding:0;}
p.gallery-thumb img {width:137px; height:107px;}

/* 동문업체 */
div.business {overflow:hidden; float:left; position:relative; width:310px; height:150px; margin:0 40px 30px 0;}
div.business p {margin:0; padding:0;}
div.business select {width:100%; height:32px; margin:10px 0; border:1px solid #aaa;}
div.business span a {padding:1px 10px 2px; border-radius:5px; background-color:#4b7fb0; font-size:13px; color:#fff;}

/* 접속자통계 */
div.access {overflow:hidden; float:right; position:relative; width:280px; height:150px; margin-bottom:30px;}
span.access-btn {position:absolute; right:0; top:0;}
span.access-btn a {margin-left:10px; padding-left:15px; font-size:12px; color:#757575;}
span.access-btn a.more {background:url('/images/korean/main/icon_more.gif') no-repeat 0 center;}
span.access-btn a.refresh {background:url('/images/korean/main/icon_refresh.gif') no-repeat 0 center;}
div.access-list {overflow-y:scroll; height:88px; padding:5px 20px; border:1px solid #e5e5e5;}
div.access-list ul {margin:0; padding:0; list-style:none;}
div.access-list ul li {padding:0 0 0 10px; background:url('/images/korean/main/bul_access.gif') no-repeat 0 center; font-family:"NanumGothic"; font-size:13px; color:#4f4f4f; line-height:22px;}

/* 행사안내 */
div.calender {overflow:hidden; clear:both; float:left; width:660px; height:230px; padding:20px 0;}
div.calender-month {overflow:hidden;float:left; width:310px;}
div.calender-month p.title {height:30px; margin:0; padding:0; text-align:center;}
div.calender-month p.title strong {display:inline-block; width:240px; font-size:16px; color:#353535;}
div.calender-month table.table-calender {position:relative; left:-1px;}
div.calender-month table.table-calender thead th {padding:7px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:12px; font-weight:normal; color:#6e6e6e; text-align:center;}
div.calender-month table.table-calender tbody td {padding:2px 0; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:13px; color:#353535; text-align:center;}
div.calender-month table.table-calender tbody td span {display:inline-block; width:22px; height:22px; text-align:center; line-height:22px;}
div.calender-month table.table-calender tbody td span.today {background:url('/images/korean/main/bg_today.gif') no-repeat;}
div.calender-month table.table-calender tbody td span.event {background:url('/images/korean/main/bg_event.gif') no-repeat; color:#fff;}
div.calender-date {float:right; width:310px;}
div.calender-date ul {margin:0; padding:0; list-style:none;}
div.calender-date ul li {overflow:hidden; height:58px; padding:10px 0; border-top:1px solid #dcdcdc;}
div.calender-date ul li.first {padding-top:0; border:none;}
div.calender-date ul li p.day {float:left; width:58px; height:58px; margin:0 15px 0 0; padding:0; background:url('/images/korean/main/bg_calender.gif') no-repeat; font-size:12px; color:#fff; text-align:center;}
div.calender-date ul li p.day strong {display:block; padding-top:10px; font-family:"NotoM"; font-size:22px;}
div.calender-date ul li p.title {margin:0; padding:8px 0 0;}
div.calender-date ul li span.date {font-size:13px; color:#757575;}

/* 회비 및 계좌 */
div.dues {overflow:hidden; float:right; width:280px; height:230px; padding:20px 0;}
div.payment {overflow:hidden; height:85px; padding:15px 0 0 20px; background:url('/images/korean/main/payment.gif') no-repeat 200px center #fff;}
div.payment h3.title {padding:0 0 10px; font-size:16px; color:#555;}
div.payment p {margin:0; padding:0; font-size:13px; color:#757575;}
div.payment p.more {position:relative; right:auto; top:0;}
div.account {height:100px; margin-top:10px; padding:20px 20px 0; background-color:#fff;}
div.account h3.title {margin-bottom:15px; padding:0 0 10px; border-bottom:1px solid #eee; font-size:16px; color:#555;}
div.account p {margin:0; padding:0; font-size:18px; color:#585858;}
div.account span {font-size:14px; color:#585858;}

/* 배너모음 */
div.bannerzone {overflow:hidden; clear:both; position:relative; height:85px;}
div.bannerzone h3 {float:left; width:75px; padding:0; line-height:85px;}
div.bannerzone p.control {float:left; padding-top:30px; font-size:0; line-height:0;}
div.bannerzone div.item-wrap {overflow:hidden; float:right; position:relative; top:15px; width:830px; height:45px;}
div.bannerzone div.item-wrap ul {width:9999px !important; margin:0 0 0 -1px; padding:0; list-style:none;}
div.bannerzone div.item-wrap ul li {padding:0 30px; background:url('/images/korean/main/bg_bannerzone.gif') no-repeat 0 center;}