/* Add here all your CSS customizations */

.sub-bg {
    background: url(../images/new_sub_bg.jpg);
    background-size: cover;
}

ul.unordered-list {
    margin: 0;
    padding: 0;
}
ul.unordered-list li {
    line-height: 2.0;
    list-style-position: inside;    
    position: relative;
    margin: 0;
}
ul.unordered-list li .date {
    top: 0; 
    right: 0;
    position: absolute;
    text-align: right;
}
ul.unordered-list li a {
	color: #fff;
}

.vision {
	background: url(../images/about/about_vision.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.quick-1 {
    background: url(../images/quick_1.png);
    background-size: contain;
}
.quick-2 {
    background: url(../images/quick_2.png);
    background-size: cover;
}
.quick-3 {
    background: url(../images/quick_3.png);
    background-size: cover;
}
.quick-4 {
    background: url(../images/quick_4.png);
    background-size: cover;
}
.quick-5 {
    background: url(../images/quick_5.png);
    background-size: cover;
}
.quick-6 {
    background: url(../images/quick_6.png);
    background-size: cover;
}

.table td {
	font-size: 12px!important;
}

.margin-0 {
    margin: 0;
}
.margin-1 {
    margin: 10px;
}

.padding-1 {
    padding: 10px;
}
.padding-2 {
    padding: 20px;
}
.padding-3 {
    padding: 30px;
}
.padding-4 {
    padding: 40px;
}
.padding-5 {
    padding: 50px;
}

/* Content */
.container label {margin:0 15px 0 0;} 
.container .ColorOrange {color:#D03819;}
.container .Color333 {color:#333;}
.container .Bold {font-family: 'notokr-medium';}
.container .Normal {font-family: 'notokr-light';}
.container .Size10 {font-size:10px;}
.container .Size12 {font-size:12px;}
.container .Size26 {font-size:26px;}
.container .Bottom10 {margin-bottom:10px;}
.container .Bottom20 {margin-bottom:20px;}
.container .Bottom30 {margin-bottom:30px;}
.container .Bottom40 {margin-bottom:40px;}
.container .Bottom50 {margin-bottom:50px;}
.container .Top10 {margin-top:10px;}
.container .Top20 {margin-top:20px;}
.container .Top30 {margin-top:30px;}
.container .Top40 {margin-top:40px;}
.container .Top50 {margin-top:50px;}
.container .TextLeft {text-align:left;}
.container .TextRight {text-align:right;}
.container .TextCenter {text-align:center;}
.container .TextBox {margin-bottom:30px;}
.container a.Download {padding:0 5px; font-family:Tahoma; font-size:10px; line-height:14pt; color:#FFF; font-weight:bold; display:inline-block; background:#999; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #EEE; border-bottom:1px solid #EEE;}
.container a:hover.Download {color:#FFF; font-weight:bold; background:#0DAECF;}
.container td input.INPAll {width:100%; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INPFile {width:100%; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP30 {width:30px; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP50 {width:50px; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP80 {width:80px; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP100 {width:100px; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP150 {width:150px; height:24px; padding:2px; border:1px solid #C0C4CB;}
.container td input.INP200 {width:200px; height:24px; padding:2px; border:1px solid #C0C4CB;}


.container .Ready {
    padding: 150px 0 200px;
    text-align: center;    
}
.container .Ready h2{
    color: #000;
    font-size: 50px;
}
.container .Ready p {
    margin-top: 20px;
    line-height: 1.5!important;
    font-size: 16px;
    color: #777!important;
}


/* 버튼 */
.container .Btn {width:100%; margin-top:20px; padding:0px; text-align:center; overflow:hidden;}
.container .Btn .BtnINP {height:30px; padding:0 20px; border:1px solid #000; color:#FFF; font-weight:bold; background:#313131;}
.container .Btn .BtnJoin {width:90px; height:30px; border:1px solid #000; color:#FFF; font-weight:bold; background:#313131;}
.container .Btn a {height: 30px; padding: 2px 20px; line-height: 26px; color: #FFF; display: inline-block; background: #313131;}
.container .Btn a:hover {height: 30px; padding: 2px 20px; cursor: pointer; display: inline-block; background: #2ec27a;}


/* 인사말 */
.container .Greeting p {margin-bottom: 24px;}
.container .Greeting p.CEO {margin-bottom: 30px; line-height: 30px; color: #dc4c41; font-size: 26px; letter-spacing: -1px;}
.container .Greeting p.Name {margin: 0; color: #a4005b; font-size: 20px; letter-spacing: -1px; text-align: right;}
.container .Greeting .Title {margin: 0; color: #dc4c41; line-height: 1.4; font-size: 15px; text-align: right; letter-spacing: -1px;}
.container .Greeting .Title .Name {margin: 0; color: #222; font-size: 20px; text-align: right;}
.container .Greeting .Photo img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
	/* 이미지 가로 넓이 지정 시 세로 높이 자동 조정 */
}


/* 임원진 */
.container .Director {width: 100%;}
.container .Director th {padding: 5px; font-size: 16px; color: #222; text-align: center; background: #FFF; border-top: 2px solid #222; border-bottom: 1px solid #AAA;}
.container .Director td {padding: 5px; color: #888; text-align: center; vertical-align: middle;}


/* 연혁 */
.container table.History {width:100%;}
.container table.History caption {display: none;}
.container table.History th {font-size: 16px; color: #222; text-align: center; background: #f2fffe;}
.container table.History td {padding: 0 0 10px 0!important; color: #888;}
.container table.History td.Year {line-height: 22px; color: #dc4c41; font-size: 22px; vertical-align: top;}
.container table.History td.Date {color: #222; text-align: right; vertical-align: top;}
.container table.History td.Venue {text-align: right; vertical-align: top;}
.container table.History td.Title {padding-left: 40px!important;}
.container table.History td.Line {height: 1px!important; border-top: 1px solid #E1E1E1;}


.container ul.Newsletter li {width: 33%; height: 260px; background: url(../images/aboutkpa/aboutkpa_newsletter_bg.png) center top no-repeat; position: relative; float: left;}
.container ul.Newsletter li .Title {width: 110px; left: 115px; top: 85px; line-height: 1.2; font-size: 20px; color:#222; text-align: center; position: absolute; }
.container ul.Newsletter li .Title .Volume {font-size: 26px;}
.container ul.Newsletter li .Date {width: 110px; left: 115px; top: 150px; color: #777; text-align: center; position: absolute;}
.container ul.Newsletter li .Down {width: 110px; left: 115px; top: 190px; color: #777; text-align: center; position: absolute;}
.container ul.Newsletter li .Down a {padding: 2px; color: #FFF; border-radius: 3px; display: block; background: #f05f50;}


/* 회칙 */
.container .Bylaw {width:100%; overflow:hidden;}
.container .Bylaw h2 {margin: 0 0 30px 0; padding: 0; line-height: 1.0; color: #a4005b; font-size: 18px;}
.container .Bylaw h3 {margin: 15px 0 6px 0; color: #000; font-size:15px; font-family: 'notokr-medium';}
.container .Bylaw h3:first-child {margin-top: 0;}
.container .Bylaw .BylawSection {margin: 0 0 30px 0;}
.container .Bylaw .BylawSection:last-child {margin: 0;}
.container .Bylaw .BylawSection p {margin: 0 0 5px 15px!important; line-height: 1.6!important; text-align:justify;}
.container .Bylaw .BylawSection ol, 
.container .Bylaw .BylawSection ul {margin: 0 0 5px 15px!important; padding: 0; line-height: 1.6!important; text-align:justify; font-size: 15px;}
.container .Bylaw .BylawSection li {list-style: none;}

.container .Bylaw .BylawEnact {margin-bottom:20px; float:left;}
.container .Bylaw ul.BylawDate {width:300px; text-align:right; position:relative; float:right;} /* 개정이력보기 jQuery처리 */
.container .Bylaw ul.BylawDate li.BylawDateList {text-align:right;}
.container .Bylaw ul.BylawDate li.BylawDateList a {display:block;}
.container .Bylaw ul.BylawDate li.BylawDateList ul {text-align:right; border:1px solid #DDD; display:none; position:absolute; right:0px;}
.container .Bylaw ul.BylawDate li.BylawDateList ul:hover {display:block;}
.container .Bylaw ul.BylawDate li.BylawDateList ul li {padding:3px; font-size:12px; background:#FFF;}


/* 찾아오시는길 */
.container .Contact {width:100%; margin:30px 0 0 0; overflow:hidden;}
.container .Contact h4 {margin: 0 0 20px 0; font-size: 20px; color:#222; letter-spacing: -1px;}
.container .Contact dl {margin-bottom: 30px; overflow: hidden;}
.container .Contact dl dt {width:80px; font-size:16px; color: #dc4c41; float:left; clear:left;}
.container .Contact dl dd {width:300px; margin:0 0 8px 30px; float:left;}


/* 학술행사일정 */
.container table.Sym {width:100%; margin:0 0 30px 0; border-top: 1px solid #222;}
.container table.Sym caption {display:none;}
.container table.Sym th {padding: 5px; font-size: 14px; color: #222; text-align: center; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F9F9F9;}
.container table.Sym td {padding:6px 20px; border-bottom:1px solid #DDD;}
.container table.Sym td.Title {font-size:16px;}
.container table.Sym td.Title a {color:#000;}
.container table.Sym td.Title a:hover {color:#003872;}
.container .DayProgram {margin:20px 0;}
.container .DayProgram table {width:100%;}
.container .DayProgram table th {padding:5px; border-top:1px solid #DDD; background:#EFF7FD;}
.container .DayProgram table td {padding:5px 20px; border-bottom:1px solid #DDD;}
.container .DayProgram table td.ProgramTitle {background:#F7F7F6; font-weight:bold;}
.container .DayProgram table td.ProgramTitleRight {background:#F7F7F6; padding-right:15px; text-align:right; font-weight:bold;}
.container .DayProgram table td.ProgramTextRight {text-align:right; padding-right:15px;}


/* 개인정보 취급방침 & 이메일주소  무단수집 거부*/
.container .Privacy p {margin:0 0 14px 0;}
.container .Privacy ul {margin:0 0 14px 0;}
.container .Privacy ul li {margin:0 0 10px 0;}
.container .EmailReject p {margin:0 0 14px 0;}


/* 게시판 - 리스트 */
.container table.List {width:100%; text-align:center; border-top:1px solid #DDD;}
.container table.List caption {display:none;}
.container table.List tr.Notice {background:#F9F9F9;}
.container table.List th {padding: 5px; font-size: 14px; color: #222; text-align: center; background: #FFF; border-top: 2px solid #222; border-bottom: 1px solid #AAA;}
.container table.List td {padding: 8px 0; text-align: center; border-bottom:1px solid #E5E5E5; vertical-align: middle;}
.container table.List td img {width: auto; height: auto; max-width: none; margin:-1px 0 0 0; display: inline; vertical-align:middle;}
.container table.List td.Title {padding-left:10px; text-align:left;}
.container table.List td.Title img {margin:-1px 0 0 0; vertical-align:middle;}
.container table.List td span.Category {width: 120px; color: #dc4c41; letter-spacing: -1px; display: inline-block;}


/* 게시판 - 글보기 */
.container table.View {width:100%; border-top: 2px solid #222;}
.container table.View caption {display:none;}
.container table.View th {padding: 5px; font-size: 14px; color: #222; text-align: center;  border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F9F9F9;}
.container table.View td {padding:8px 20px; border-bottom:1px solid #E5E5E5; position:relative;}
.container table.View td .ViewDate {margin-right:10px; float:right;}
.container table.View td .BoardWriteID {font-size:11px;}
.container table.View td.ViewPhoto {text-align:center;}
.container .ViewContent {padding:30px 20px; color:#1B1B1B; border-bottom: 1px solid #E5E5E5;}


/* 게시판 - 글쓰기&수정 */
.container table.Write {width:100%; border-top: 2px solid #222;}
.container table.Write caption {display:none;}
.container table.Write th {padding: 5px; font-size: 14px; color: #222; text-align: center; vertical-align: middle!important; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F9F9F9;}
.container table.Write td {padding:8px 20px; border-bottom:1px solid #E5E5E5; position:relative;}
.container table.Write td img,
.container table.Write td input {vertical-align:middle;}
.container table.Write td .Bottom3 {margin-bottom:3px;}
.container table.Write td .Show {}
.container table.Write td .Hide {width:auto; margin:5px 0 0 0; padding:5px; color:#666; font-size:11px; border:1px solid #DDD; background:#EFF7FD; display:inline-block;}
.container table.Write td ul.File li {margin-bottom:5px;}
.container table.Write td ul.File li input {vertical-align:middle;}
.container table.Write td ul.File li input.WriteFileEdit {width:40%; padding:4px 2px 1px 2px;}
.container table.Write td ul {margin: 0; padding: 0; list-style: none;}
.container table.Write td ul li {margin: 0; padding: 0; list-style: none;}


/* 게시판 - 코멘트 */
.container table.Comment {width:100%; border-top:1px solid #DDD; border-top: 1px solid #E5E5E5;}
.container table.Comment caption {display:none;}
.container table.Comment th {padding: 4px; font-size: 14px; color: #222; text-align: center; vertical-align: middle; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F9F9F9;}
.container table.Comment td {padding:6px 20px; border-bottom:1px solid #E5E5E5; position:relative;}
.container table.Comment th span.BoardWriteID {font-size:11px; font-weight:normal;}
.container table.Comment td .CommentText {width:100%; height:50px; margin: 0; border:1px solid #BFBFBF;}
.container table.Comment td input {width:100%; height:50px; background:#FFF; border:1px solid #BEBEBE; font-weight:bold;}
.container table.Comment td {vertical-align: top;}
.container table.Comment td.Date {text-align: right;}
.container table.Comment td.Date i {margin-left: 10px;}


/* 게시판 - 이전글,다음글 */
.container .NextPrevList {margin: 20px 0 0 0; padding: 5px; border: 1px solid #E5E5E5; border-width: 1px 0;}
.container .NextPrevList ul li {list-style-type: disc; list-style-position: inside;}


/* 게시판 - 게시물이동 */
.container .BoardMove {margin-bottom:5px; text-align:right;}
.container .BoardMove input,
.container .BoardMove img {vertical-align:middle;}


/* 게시판 - 페이징 */
.container .Paging {width:100%; margin: 20px; text-align:center;}


/* 게시판 - 버튼 */
.container .BoardBtn {width:100%; height:30px; margin-top:20px; padding:0px;  position:relative; overflow:hidden;}
.container .BoardBtn .BoardBtnLeft {height:30px; top:0px; left:0px; position:absolute;}
.container .BoardBtn .BoardBtnRight {height:30px; top:0px; right:0px; position:absolute;}
.container .BoardBtn a {height: 30px; padding: 2px 6px; line-height: 26px; color: #FFF; display: inline-block; background: #313131;}
.container .BoardBtn a:hover {height: 30px; padding: 2px 6px; cursor: pointer; display: inline-block; background: #2ec27a;}
.container .BoardBtn .BoardBtnRight input {height: 30px; padding: 2px 6px; color: #FFF; border: 1px solid #313131; display: inline-block; background: #313131;}
.container .BoardBtn .BoardBtnRight input:hover {height: 30px; padding: 2px 6px; color: #FFF; border: 1px solid #2ec27a; display: inline-block; background: #2ec27a;}


/* 회원가입 */
.container table.Join {margin-bottom: 30px;}
.container table.Join th {text-align: left; padding:10px 0px 10px 32px;}
.container table.Join th.Check {background:url(../images/member/member_join_icon_check.png) 16px center no-repeat #f9f9f9;}
.container table.Join td .Year {margin:0 0 0 30px; display:inline-block}
.container table.Join td .Etc {margin:0 0 0 10px; display:inline-block;}
.container table.Join td ul.Add li {margin:0 0 2px 0;}
.container table.Join td img {width: auto; display: inline-block;}

.container .JoinInfo textarea {width:100%; height:400px; padding:10px; font-size:13px; line-height:1.5; border:1px solid #DDD; background:#FFF;}
.container .JoinInfoCheck {margin:10px 0 30px 0; padding:5px 10px; font-size: 14px; border:1px solid #DDD; border-width:1px 0; vertical-align: middle;}
.container .JoinInfoCheck input {width: 18px; height: 18px; vertical-align: middle;}

.container .JoinFee .Welcome {margin: 100px 0 50px; text-align: center;}
.container .JoinFee .Welcome .Size30 {font-size: 30px; margin-bottom: 30px;}
.container .JoinFee .Welcome .Size20 {font-size: 20px;}

.container .JoinFee .BankInfo {width: 440px; margin: 0 auto 50px auto; padding: 40px; font-size: 18px; text-align: center; border: 2px solid #DDD; border-radius: 20px;}


/* 게시판 - 글검색 */
.container .BoardSearch {text-align:center;}
.container .BoardSearch ul li {display:inline;}
.container .BoardSearch ul li input,
.container .BoardSearch ul li select {vertical-align:middle;} /* select, input 가운데 정렬 */
.container .BoardSearch ul li input.BoardSearchInput {width:180px; padding:2px; border:1px solid #BEBEBE;}
.container .BoardSearch ul li input.BoardSearchBtn {width:50px; height:26px; color: #222; border:1px solid #BFBFBF; background:#FFF;}


/* 아이디 패스워드 찾기 */
.container .Find fieldset dl, 
.container .Find fieldset dl {margin:25px;}
.container .Find fieldset dl dt,
.container .Find fieldset dl dt {width:100px; float:left;}
.container .Find fieldset dl dd,
.container .Find fieldset dl dd {margin-bottom:3px;}
.container .Find fieldset dl dd input,
.container .Find fieldset dl dd input {width:70%; border:1px solid #BEBEBE; }
.container .Find fieldset legend {font-size: 16px; font-family: 'notokr-medium';}


/* 학술행사참석현황 */
.container table.Mark {width:100%; margin-bottom:10px; border:1px solid #313131; border-width:1px 0px 1px 0px;}
.container table.Mark {width:100%; border:1px solid #313131; border-width:1px 0px 1px 0px; text-align:center;}
.container table.Mark caption {display:none;}
.container table.Mark th {background:#EEE;}
.container table.Mark th,
.container table.Mark td {padding:6px 0px 6px 0px; border-bottom:1px solid #E5E5E5;}
.container table.Mark td.Title {padding-left:10px; text-align:left;}
.container .MarkBtn {text-align:center;}
.container .MarkBtn input {width:120px; padding:5px; border:1px solid #313131; background:#313131; color:#FFF; font-weight:bold;}


/* 학술행사참석현황 */
.container .MarkInfo {margin-bottom:20px;}
.container .MarkInfo p {margin-bottom:5px;}


/* 학술행사참석현황 프린터 */
#MarkPrint {width:660px; margin:0 auto; padding:20px; background:url(/KacuHome/images/member/member_content_main03_bg.png) no-repeat;}
#MarkPrint h1 {margin:0 0 30px 0; text-align:center;}
#MarkPrint p {margin-bottom:30px; text-align:left;}
#MarkPrint p.Info {text-align:center;}
#MarkPrint table.MarkPrintList {width:100%; text-align:center; background:none;}
#MarkPrint table.MarkPrintList caption {display:none;}
#MarkPrint table.MarkPrintList th {padding:5px 0px 5px 0px; border:1px solid #313131; border-width:1px 0px 1px 0px;}
#MarkPrint table.MarkPrintList td {padding:5px 0px 5px 0px; border:1px solid #DDD; border-width:0px 0px 1px 0px;}
#MarkPrint table.MarkPrintList tr.MarkPrintAllMark td {background:#EEE;}
#MarkPrint .MarkStamp {margin:30px 0;text-align:right;}
#MarkPrint .MarkBtn {text-align:center;}
#MarkPrint .MarkBtn input {width:120px; height:30px; border:1px solid #000; background:#313131; color:#FFF; font-weight:bold; font-size:12px;}


/* Privacy */
.container .Privacy {height:420px; margin:0 0 15px 0; padding:15px; overflow-y:scroll; border:1px solid #EEE;}
.container .Privacy .Explan p {margin-bottom:14px;}
.container .Privacy .Explan h1 {margin:30px 0 8px 0; padding:0; font-size:14px; background:none;}
.container .Privacy .Explan h2 {margin:0; font-size:13px;}
.container .Consent {margin:5px 0 30px 0; padding:10px; line-height:10pt; color:#000; text-align:right; border:1px solid #DDD; border-radius:5px;}
.container .Consent input {margin:0 0 0 20px; vertical-align:middle;}

.container .Privacy table {border:1px solid #DDD; border-width:0 1px 1px 1px;}
.container .Privacy table th {padding:5px 0; font-weight:bold; border:1px solid #CCCCCC; border-width:1px 0; background:#EFF7FD;}
.container .Privacy table td {padding:15px}
.container .Privacy table td table {margin:0 0 10px 0; border:1px solid #DDD; border-width:1px 0 0 1px;}
.container .Privacy table td table th {background:#F9F9F9}
.container .Privacy table td table td {padding:5px; border-right:1px solid #DDD;}


/* 아이디체크 */
#IDCheck {width:100%; text-align:center; font-family:'Dotum';}
#IDCheck h1 {width:100%; height:35px; margin-bottom:20px; padding-top:12px; background:#313131; font-size:12pt; color:#FFF; text-align:center;}
#IDCheck p {margin-bottom:10px; text-align:center;}
#IDCheck input.IDCheckOKBtn {width:70px; height:24px; background:#313131; border:1px solid #000; color:#FFF;}
#IDCheck span.IDCheckBold {font-weight:bold;}
#IDCheck ul {margin-bottom:20px;}
#IDCheck ul li {display:inline;}
#IDCheck ul li input {font-family:'Dotum';}
#IDCheck ul li input.IDCheckSearch {width:130px; height:20px; border:1px solid #BEBEBE;}
#IDCheck ul li input.IDCheckBtn {width:50px; height:20px; background:#EEE; border:1px solid #BEBEBE;}