body{width:100%; max-width:900px; margin:0 auto; font-size:16px; line-height:1.4em;}


.Photo img{width:100%}



#HeaderWrap{padding-bottom:0; width:100%; margin:0 auto; background:#2A364E; }
#Header{width:100%; padding:0; position:relative;  }
#HeaderIn{overflow:hidden; display:flex;  justify-content: space-between; align-items: center; padding:0 10px;}
#HeaderIn .Logo{width:145px;  }
#HeaderIn .Logo img{width:100%; vertical-align:middle;  }

#all-body{position:fixed;z-index:9;display:block;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;background-color:#000000;left:0;top:0; width:100%; height:100vh; display:none; }
.display-block{display:block !important;}

#menu-container{display:inline-block; float:left; }
#menu-wrapper {overflow: hidden; max-width: 75px; cursor: pointer; position:relative; z-index:99999; }
#menu-wrapper #hamburger-menu {position: relative; width: 35px; height: 20px; margin: 20px 10px;}
#menu-wrapper #hamburger-menu span { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left: 0; display: block; width: 100%; height: 2px;  border-radius: 10px; color: black; background-color: #fff; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}

#menu-wrapper #hamburger-menu span:nth-child(1) { top: 0;}
#menu-wrapper #hamburger-menu span:nth-child(2) { top: 9px;}
#menu-wrapper #hamburger-menu span:nth-child(3) { top: 18px;}
#menu-wrapper #hamburger-menu.open span:nth-child(1) { top: 9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); background:#fff;}
#menu-wrapper #hamburger-menu.open span:nth-child(2) { opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -60px;}
#menu-wrapper #hamburger-menu.open span:nth-child(3) { top: 9px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background:#fff;}


#menu-container .menu-list{margin-top:88px; }
#menu-container .menu-list .menu-submenu {  padding:0;}
#menu-container .menu-list .menu-submenu li a { display:block; padding:15px 20px; color:#212121; background:#eee; text-align:center; border-bottom: 1px solid #ccc; }
#menu-container .menu-list-wrapper { padding-left: 0; display: block; position: absolute; width: 100%; height:100%; max-width: 60%; height:100vh; background: #2A364E;  z-index: 1002;    overflow-y: auto; overflow-x: hidden; left: -105%; margin-top:-75px; }
#menu-container .menu-list a{letter-spacing:-1px; color:#fff;}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login { font-size: 16px; padding: 25px; text-transform: uppercase; border-bottom: 1px solid #5E677A; text-align:center; }
#menu-container .menu-list li:first-of-type { border-top: 0;}
#menu-container .menu-list li.menu-logo-area{text-align:center; padding:20px 0; border-top: 1px solid #5E677A; border-bottom: 1px solid #5E677A; }
#menu-container .menu-list li.menu-logo-area img{width:150px;  }

.accordion-toggle, .accordion-content { cursor: pointer; font-size: 16px; position: relative; letter-spacing: 1px;}
.accordion-content { display: none;}
/*.accordion-toggle a:before, .accordion-toggle a:after { content: ''; display: block; position: absolute; top: 50%; right: 30px; width: 15px; height: 2px; margin-top: -1px;
    background-color: #5a5858;  -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out;}
.accordion-toggle a:before {  -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2;}
.accordion-toggle.active-tab { background: #ccc; transition: all 0.3s ease;}
.accordion-toggle a.active:before {  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #fff !important;}
.accordion-toggle a.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #fff !important; opacity: 0;}*/


/*퀵메뉴*/

.QuickIcon{background:url('../images/main_m_bg.jpg') no-repeat center; background-size:cover;  }
.QuickIcon ul{display:flex; flex-wrap:wrap; justify-content: space-evenly; padding:10px;}
.QuickIcon ul li{width:50%; position:relative;     line-height: 0;}
.QuickIcon ul li:nth-child(n+5){ margin-bottom:0%; }
.QuickIcon ul li a {display:block;}
.QuickIcon ul li .QuickIcon-title{position:absolute;  left: 50%; top:18%; transform: translate(-50%, 0); width:90%; text-align:center; font-size:17px; font-weight:bold; line-height:130%; letter-spacing:-1px;   }
.QuickIcon ul li img{width:100%; }




/*서브*/

#Content{width: 100%; padding: 20px 4%;}
#Content h2{ margin: 0 0 10px 0; padding: 18px 0 18px 0px; color: #222; font-family: 'notokr-medium'; font-size: 28px; letter-spacing: -2px; border-bottom: 1px solid #555; font-weight:bold;margin-bottom:18px; }
#Content h3{ margin: 0 0 10px 0; padding: 30px 0 10px 0px; color: #222; font-family: 'notokr-medium'; font-size: 20px; letter-spacing: -2px; font-weight:bold; line-height:1.4em; }

.Greeting .PhotoSection{overflow:hidden; }
.Greeting .PhotoSection .PhotoText{color:#00479d; font-size:15px; float:right; text-align:right; margin-bottom:20px; line-height:140%; margin-top:5px;   }
.Greeting .PhotoSection .PhotoText .Name{font-size:20px; color:#212121; }
.Greeting .TextIntro{font-size:18px; color:#00479d; letter-spacing:-1px; }
.Greeting p{ margin-bottom:0.9em; line-height:1.4em; word-break: keep-all;  }













/*게시판*/

.Board{padding:0 4%; margin-top:40px;  }
.Board h2{font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:20px;  }
.Board ul{}
.Board ul li{overflow:hidden; padding:9px 0; font-size:14px; }
.Board ul li p{width:auto; float:left; color:#4E4E4E;   }
.Board ul li span{display:inline-block; float:right; color:#7C7C7C; }



/*footer*/

#Footer{background:#252525; color:#fff; text-align:center; padding:40px 20px;  }
#Footer .Logo img{width:200px;}
#Footer .Info{}
#Footer .Info ul.Quick{overflow:hidden; display:inline-block; padding:18px 0; font-size:14px;   } 
#Footer .Info ul.Quick li{float:left;}
#Footer .Info ul.Quick li:first-child{margin-right:20px; }
#Footer .Info .CopyRight{font-size:12px; margin-bottom:10px; color:#f1f1f1 } 
#Footer .Info ul.Add{overflow:hidden; display:inline-block; font-size:12px; line-height:150%; color:#f1f1f1 }
#Footer .Info .Add li{display:inline-block; }




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


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


/* 게시판 - 글쓰기&수정 */
#Content table.Write {width:100%; border-top: 2px solid #222;}
#Content table.Write caption {display:none;}
#Content table.Write th {padding: 5px; font-family: 'notokr-medium'; font-size: 14px; color: #222; text-align: center; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F9F9F9;}
#Content table.Write td {padding:8px 20px; border-bottom:1px solid #E5E5E5; position:relative;}
#Content table.Write td img,
#Content table.Write td input {vertical-align:middle;}
#Content table.Write td .Bottom3 {margin-bottom:3px;}
#Content table.Write td .Show {}
#Content 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;}
#Content table.Write td ul.File li {margin-bottom:5px;}
#Content table.Write td ul.File li input {vertical-align:middle;}
#Content table.Write td ul.File li input.WriteFileEdit {width:40%; padding:4px 2px 1px 2px;}


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


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


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


/* 게시판 - 페이징 */
#Content .Paging {width:100%; margin: 0px; text-align:center;}
.pagination > li > a, .pagination > li > span{padding : 5px 8px !important;}

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

#Content .ViewContent img{max-width:100%;}


.BoardSearch{Text-align:center;}
.BoardSearch ul{display:inline-block;}
.BoardSearch ul li{display: inline}

/* 회칙 */
#Content .Bylaw {width:100%; padding-left:10px; position:relative; overflow:hidden;}
#Content .Bylaw p,
#Content .Bylaw ol {margin: 0 0 0 15px!important; text-align:justify;}
#Content .Bylaw h4 {width: 180px; left:0px; color: #00479d; font-size: 18px;}
#Content .Bylaw h5 {margin: 6px 0 0 0; color: #333; font-size:14px; font-weight:bold;}
#Content .Bylaw .BylawEnact {margin-bottom:20px; float:left;}
#Content .Bylaw .BylawSection {width:100%; margin: 0 0 30px 0; line-height:1.8; float:left;}
#Content .Bylaw ul.BylawDate {width:100%; text-align:right; position:relative; float:right;} /* 개정이력보기 jQuery처리 */
#Content .Bylaw ul.BylawDate li.BylawDateList {text-align:right;}
#Content .Bylaw ul.BylawDate li.BylawDateList a {display:block;}
#Content .Bylaw ul.BylawDate li.BylawDateList ul {text-align:right; border:1px solid #DDD; display:none; position:absolute; right:0px;}
#Content .Bylaw ul.BylawDate li.BylawDateList ul:hover {display:block;}
#Content .Bylaw ul.BylawDate li.BylawDateList ul li {padding:3px; font-size:12px; background:#FFF;}

/* 연혁 */
#Content table.History {width:100%; border: 1px solid #EEE; border-width: 1px 1px 0 1px;}
#Content table.History caption {display: none;}
#Content table.History th {font-family: 'notokr-medium'; color: #00479d; font-size: 15px; text-align: center; border-bottom: 1px solid #EEE; background: #F9F9F9;}
#Content table.History td {padding: 10px 0!important; font-size: 15px;}
#Content table.History td.Name {text-align: center; border-bottom: 1px solid #EEE;}

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




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


/* Content */
#Content h2 {height: 39px; margin:0 0 50px 0; padding: 0 0 10px 0px; line-height: 40px; color:#222; font-family: 'notokr-medium'; font-size:26px; letter-spacing:-2px; border-bottom:1px solid #CCC; }
#Content h3 {margin-bottom:5px; padding:0 0 0 28px;font-family: 'notokr-medium';font-size: 20px; color:#222;background:url(../../images/content_h3_bg.png) left 10px no-repeat;letter-spacing: -.1rem;}
#Content .TextBox {margin-top:20px;margin-bottom:30px;}

#Content .TextBox p ,#Content .TextBox ul li{font-size: 14px;
    font-weight: 400;
    font-family: 'notokr-demilight', 'Noto Sans', sans-serif;
    color: #777;}

#Content .emailbox p{ont-size: 14px;
    font-weight: 400;
    font-family: 'notokr-demilight', 'Noto Sans', sans-serif;
    color: #777;
	margin-bottom:30px;
	}


#ContentWrap{min-height:70vh;}

#Content td input.INPAll {width:100%; height:16px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INPFile {width:100%; height:20px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INP30 {width:30px; height:16px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INP50 {width:50px; height:16px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INP100 {width:100px; height:16px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INP150 {width:150px; height:16px; padding:2px; border:1px solid #C0C4CB;}
#Content td input.INP200 {width:200px; height:16px; padding:2px; border:1px solid #C0C4CB;}


/* 회원가입 */
@media only screen and (max-width: 640px){ 
	#Content table.Join th {padding:10px 0px 10px 25px; text-align: left;}
	#Content table.Join th.Check {background:url(../images/member/member_join_icon_check.png) 10px center no-repeat #F9F9F9;}
	#Content table.Join td .Year {margin:0 0 0 30px; display:inline-block}
	#Content table.Join td .Etc {margin:0 0 0 10px; display:inline-block;}
	#Content table.Join td ul.Add li {margin:0 0 2px 0;}

	#Content table.Join input{ max-width:80%; height:30px; }
	#Content table.Join select{ max-width:80%; min-height:30px; margin:5px 0px; }
}

@media only screen and (min-width: 640px){ 
	#Content table.Join th {padding:10px 0px 10px 42px; text-align: left;}
	#Content table.Join th.Check {background:url(../images/member/member_join_icon_check.png) 16px center no-repeat #F9F9F9;}
	#Content table.Join td .Year {margin:0 0 0 30px; display:inline-block}
	#Content table.Join td .Etc {margin:0 0 0 10px; display:inline-block;}
	#Content table.Join td ul.Add li {margin:0 0 2px 0;}
}


/* 버튼 */
#Content .Btn {width:100%; margin-top:20px; padding:0px; text-align:center; overflow:hidden;}
#Content .Btn .BtnINP {height:30px; padding:0 20px; border:1px solid #000; color:#FFF; font-weight:bold; background:#313131;}
#Content .Btn .BtnJoin {width:90px; height:30px; border:1px solid #000; color:#FFF; font-weight:bold; background:#313131;}