/************************************************
	board
************************************************/

.board_box{width:90%;margin:100px auto;padding:0;}

@media (max-width: 1200px) {
	.board_box{margin:50px auto;}
}

/* search */
.boardSearch { width:100%;margin:20px auto;padding:0;font-size:14px; overflow:hidden; box-sizing:border-box; clear:both;}
.board_page {float:left; font-size:16px; padding:8px 0 0 0; }
.board_page span.p01 {color:#0071aa}

.boardSearch form {display:inline-block; float:right;}
.boardSearch select {margin-right:3px;padding:5px; height:35px;border:1px solid #d8d8d8;font-size:14px;vertical-align:middle;  box-sizing:border-box;}
.boardSearch input {padding:7px;width:210px; height:35px; border:none;background:transparent;font-size:14px;vertical-align:middle; color:#333; box-sizing:border-box; border: 1px solid #d8d8d8;}
.searchBtn {display:inline-block;padding:5px 15px 5px; height:35px; background:#777; font-weight: 700; color:#fff; vertical-align:middle; box-sizing:border-box; border:1px solid #676767;  transition: all 0.3s ease-out;}
.searchBtn:hover{background:#212121; color:#fff; border:1px solid #777777;}
.boardBtn {display:inline-block;width:88px; font-size:14px; font-weight: 700; text-align:center; background:#717171; color:#fff;overflow:hidden; transition: all 0.3s ease-out; height:35px; line-height:35px;}
.boardBtn:hover{background:#212121; color:#fff;}
.boardBtn02 {display:inline-block;width:88px;font-size:14px; font-weight: 700; text-align:center;background:#454545; color:#fff; overflow:hidden; transition: all 0.3s ease-out; height:35px; line-height:35px;}
.boardBtn02:hover {background:#717171; color:#fff;}
.basicBtn {display:block; width:280px; margin:0 auto; padding:12px 0; background:#394c67 url(../images/basic_btn_icon.png) no-repeat 90% 50%; font-weight:400; font-size:15px; color:#fff; text-align:center; transition: all 0.3s ease-out;}
.basicBtn:hover {background:#ff4f4e url(../images/basic_btn_icon.png) no-repeat 90% 50%;}


/* list */
.boardList { width:100%;margin:0 auto 20px auto;border-top:2px #384c57 solid;border-bottom:1px #394c67 solid; clear:both;}
.boardList caption{ padding:0; margin:0; }
.boardList tbody tr {transition: all 0.3s ease-out;}
.boardList tbody tr:hover {background:#f7f7f7;}
.boardList .board_notice{background:#f7f7f7;}
.boardList th {padding:16px 8px;font-size:14px; font-weight: 700;color:#000;text-align:center; border-bottom:1px #787b7f solid;}
.boardList th:last-child {background:none;}
.boardList td {padding:16px 8px;font-size:14px; border-bottom:1px #d5d5d5 solid;color:#555;text-align:center; vertical-align:middle; }
.boardList td a {color:#555;}
.boardList td a:hover {text-decoration:underline; color:#165888;}
.boardList .board_subject {text-align:left !important;}
.boardList .board_subject2 {text-align:left !important;overflow:hidden; vertical-align:middle;}
.boardList th.board_subject2 {text-align:center !important;}

.boardList .bt_ing{display:block; width:65px;margin: 0 auto; color:#FFF; background:#3562b9; font-size:12px; font-family:ng; text-align: center; border-radius:2px;}
.boardList .bt_end{ display:block; width:55px;margin: 0 auto; color:#FFF; background:#666; font-size:12px; font-family:ng; text-align: center; border-radius:2px;}
.boardList .new {display:inline-block; margin-left:10px;width:15px;background:url(../images/icon_new.png) no-repeat 0 5px; text-indent:-55555px;}
.boardList .lock {display:inline-block; margin:3px 5px 3px 0; width:15px; background:url(../images/icon_lock.gif) no-repeat 0 center; text-indent:-55555px;}
.boardList .reply {display:inline-block; margin:3px 3px 3px 0; width:15px; background:url(../images/icon_re.gif) no-repeat 0 center; text-indent:-55555px;}
/* shh 추가 */
.boardList span.notice {
	display: inline-block;
    margin-bottom: 10px;
    background: #982121;
    font-size: 0.8em;
    font-weight: bold;
    padding: 3px 12px;
    border-radius: 100px;
    color: #ffffff;
}


/* view */
.boardView {;border-top: 2px #192d5a solid; border-bottom:1px #192d5a solid !important; margin-bottom:20px; width:100%; border-collapse:separate;}
.boardView caption{ padding:0;}
.boardView td {padding:12px 10px 12px 10px; border-bottom:1px solid #c6cbd6; font-size:15px;  box-sizing:border-box; color:#323232;}
.boardView th {padding:8px 0 8px 0; background:#f6f6f6 url(../../board/images/view_th_bg.gif) repeat-y 100% 0;font-size:15px; text-align:center; color:#343434; border-bottom:1px solid #d5d5d5; vertical-align:middle;  box-sizing:border-box;}
.boardView th.subject {background:none; padding:12px 0 12px 10px; box-sizing:border-box; text-align:left; background:#fff; color:#192d5a; font-weight:600;border-bottom:2px #192d5a solid !important;}
.boardView a {color:#555;}
.boardView td a:hover {color:#165888; text-decoration:underline;}
.boardView td.content {padding:25px 20px;line-height:22px; border-bottom:1px solid #394c67;}
.boardView td.movie {padding:0 !important;}
.boardView td.movie img {width:100%; height:405px;}

.boardView td img {width:100%;}

.boardView td a.file_in_han {background:url(../../board/images/hg.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_pdf {background:url(../../board/images/pdf.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_ppt {background:url(../../board/images/ppt.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_xls {background:url(../../board/images/xls.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_zip {background:url(../../board/images/zip.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_jpg {background:url(../../board/images/jpg.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_gif {background:url(../../board/images/gif.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_etc {background:url(../../board/images/etc.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_doc {background:url(../../board/images/doc.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}
.boardView td a.file_in_txt {background:url(../../board/images/txt.gif) no-repeat 0 5px; padding:2px 55px 2px 25px; display:inline-block;}

.boardView td .lt{ float:left;}
.boardView td .rt{ float:right;}
.boardView td .rt em:first-child{ margin-right:10px; }
.boardView input {padding:3px 10px;border:1px solid #d3d3d3;font-size:12px;}
.boardView_list {overflow:hidden;margin-top:35px;padding:0;border-top:1px #7b8da7 solid; border-bottom:1px #7b8da7 solid; }
.boardView_list dt, .boardView_list dd {float:left;border-bottom:1px #d4d4d4 solid;line-height:40px; box-sizing:border-box;}
.boardView_list dt {width:20%;background:#f6f6f6 url(../../board/images/view_th_bg.gif) repeat-y 100% 0;font-size:14px; color:#343434; text-align:center;}
.boardView_list dt span.prev {display:inline-block; padding-left:18px; background:url(../../board/images/view_list_prev.png) no-repeat 0 17px;}
.boardView_list dt span.next {display:inline-block; padding-left:18px; background:url(../../board/images/view_list_next.png) no-repeat 0 17px;}
.boardView_list dd {padding-left:15px;width:80%;font-size:14px;}
.boardView_list a {color:#555;}
.boardView_list dd a:hover {color:#165888; text-decoration:underline;}

/* shh 추가 */
.boardView span.notice {
	display: inline-block;
    margin-bottom: 10px;
    background: #982121;
    font-size: 0.8em;
    font-weight: bold;
    padding: 3px 12px;
    border-radius: 100px;
    color: #ffffff;
}

.board_moView{ width:100%;border: 1px solid #d5d5d5;;box-sizing: border-box; overflow:hidden;}
.board_moView .movie{ width:70%; float:left;box-sizing: border-box;}
.board_moView .movie iframe{ border:none;}
.board_moView .script{ width:30%;background:#ffffff; height:405px; overflow-y:scroll; display:inline-block; vertical-align:top; font-size:13px; float:left;padding: 12px 10px 8px 10px;box-sizing: border-box;}


/* write */
.board_info_area {margin-bottom:5px; overflow:hidden;}
.board_info_area a {display:inline-block; padding:7px 15px; background:#394c67 url(/kor/images/common/new_window.png) no-repeat 15px 10px; color:#fff; padding-left:35px; border-radius:5px; overflow:hidden; float:left; transition: all 0.3s ease-out;}
.board_info_area02 a {display:inline-block; padding:7px 15px; background:#394c67 url(/kor/images/common/new_window.png) no-repeat 15px 10px; color:#fff; padding-left:35px; border-radius:5px; overflow:hidden;  transition: all 0.3s ease-out;}
.board_info_area a:hover {background:#ff4f4e url(/kor/images/common/new_window.png) no-repeat 15px 10px;}
.board_info_area a.submitBtn {display:inline-block; padding:7px 15px; margin-left:5px; background:#394c67; color:#fff; border-radius:5px; overflow:hidden; transition: all 0.3s ease-out; float:none;}
.board_info_area a.submitBtn:hover {background:#ff4f4e;}
.board_info_area span {display:inline-block; padding:15px 0 0 10px; background:url(../../board/images/point.png) no-repeat 0 22px; float:right; font-size:14px; font-family:ng; }
.board_info_area select {border:1px solid #d8d8d8; padding:5px; font-size:14px; box-sizing:border-box;}
.point {background:url(../../board/images/point.png) no-repeat 0 15px; display:inline-block; padding:7px 7px 7px 4px; text-indent:-55555px;}


.boardWrite {border-top:2px #394c67 solid; border-bottom:1px #394c67 solid !important; margin-bottom:20px; clear:both; width:100%; border-collapse:separate;}
.boardWrite.tbu{ border-top:#407ab8 solid 2px;}
.boardWrite .star{ color:#407ab8;}
.boardWrite caption{ padding:0;}
.boardWrite a {color:#555;}
.boardWrite tr {width:100%;}
.boardWrite th {background:#f6f6f6 url(../../board/images/view_th_bg.gif) repeat-y 100% 0;font-size:14px; color:#343434; border-bottom:1px solid #d5d5d5; vertical-align:middle; box-sizing:border-box; text-align:center;}
.boardWrite th label{font-size:14px; color:#343434; margin:0; padding:0;}
.boardWrite th.last {border-right:0;}
.boardWrite .wtd {font-size:13px;text-align:left;padding:8px 10px 8px 20px;border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
.boardWrite.two td {text-align:center;}
.boardWrite td{padding:8px 10px 8px 10px; border-bottom:1px solid #d5d5d5; vertical-align:middle; box-sizing:border-box;}
.boardWrite td.content {padding:25px 20px;line-height:18px;}
.boardWrite td.cont_area {padding:25px 0;}
.boardWrite td.file {clear:both;}
.boardWrite td.file span {color:#F30; display:inline-block; padding-bottom:5px;}
.boardWrite td.file input {background:#ececec; border:none; width:75%; box-sizing:border-box; margin-bottom:5px; float:left; clear:both;}
.boardWrite td.file a.search {display:block;padding:5px 10px; height:30px; text-align:center; vertical-align:middle; background:#717171; color:#fff; margin-bottom:5px; }
.boardWrite td.file a.search:hover {background:#000000;}
.boardWrite a.post_search {display:inline-block; padding:5px 10px; height:20px; text-align:center; vertical-align:middle; background:#717171; color:#fff; font-weight:400; margin-bottom:5px; transition: all 0.3s ease-out;}
.boardWrite a.post_search:hover {background:#ff4f4e;}
.boardWrite input[type~="text"], .boardWrite input[type~="password"] {padding:5px 10px; height:30px; border:1px solid #d3d3d3;font-size:14px;box-sizing:border-box;}
.boardWrite input.subject {width:100%; box-sizing:border-box;}
.boardWrite input.post {width:100px; margin-bottom:3px;}
.boardWrite input.post2 {width:630px;}
.boardWrite a.post_btn { display:inline-block;width:70px;height:30px; padding:0px 5px; border:none;  background:#353535; font-size:.95em; color:#fff; line-height:30px; text-align:center; vertical-align:middle; margin-bottom:3px;}
.boardWrite input.email {width:130px;}

.boardWrite input.phone {width:70px;}
.boardWrite input.addfile {width:660px;margin-bottom:5px;}
.boardWrite input.password {width:100px;}
.boardWrite input[type~="radio"] {border:none; width:20px;}
.boardWrite select {padding:5px;font-size:13px; border:1px solid #d3d3d3;}
.boardWrite .updateCheckBox {width:15px;}
.boardWrite textarea {padding:15px;width:100%; height:150px;border:1px solid #d3d3d3;line-height:18px; box-sizing:border-box;}
.boardWrite th.wht{ background:none !important; font-weight:700; padding-left:30px; text-align:left;}
.boardWrite .comment {display:block;padding-top:5px;font-size:12px;color:#555;}
.boardWrite .addtion {height:80px !important;width:80% !important;float:left !important;margin-right:5px !important;}
.boardWrite .additionBtn {display:inline-block; width:80px; height:80px; border-radius:5px; overflow:hidden; background:#394c67; color:#fff; padding:30px 7px 0 7px; text-align:center; box-sizing:border-box; text-decoration:none;}

.boardWrite tbody td img {vertical-align: middle;}

.add_plus {display:inline-block; background:#fafafa url(../../board/images/file_plus.png) no-repeat 10px 10px; padding:5px 8px 5px 25px; border:1px solid #bcbcbc;}
.add_minus {display:inline-block; background:#fafafa url(../../board/images/file_minus.png) no-repeat 10px 10px; padding:5px 8px 5px 25px; border:1px solid #bcbcbc;}

.inp_bage{ background:url(../images/common/inp_bage.png) no-repeat top right !important;}
.inpw300{ width:300px;}
.inpw300mt5{ width:300px; margin-top:5px !important;}
.inpw90{ width:90px;}
.inpw80{ width:80px;}
.inpw80b{ width:80px !important;}

/* 게시물비번입력 */
.passput_Box{clear:both;display:block;overflow:hidden;margin:30px 10%;padding:20px;background:#fff;text-allign:center;border:1px solid #adadad;}
.passput_Box p{margin-bottom:10px;font-size:14px;color:#000;font-family:'ng';}

.passput_Box dl{overflow:hidden;}
.passput_Box dl dt{float:left;width:70%;margin-right:2%;text-align:right}
.passput_Box dl dt label{font-size:14px;color:#494949; font-weight:400;text-align:right;padding-right:3%}
.passput_Box input[type="password"]{width:50%;padding:0 6px;border:1px solid #a2a2a2; font-weight:normal;}
.passput_Box input[type="password"]{margin-bottom:5px;line-height: 35px;}
.passput_Box dl dd{float:left;width:20%;margin-top:0px;text-align:left}
.passput_Box dl dd input[type="submit"]{cursor:pointer;display:block;width:80px;border:0;background:#565656;font-size:13px;color:#fff;text-align:center;line-height:24px;vertical-align:middle; font-weight:500;}




@media (min-width:1121px){	
	
}
@media (min-width:769px) and (max-width:1120px){	
.boardList { width:100%;margin:0 auto 20px auto;border-top:2px #384c57 solid;border-bottom:1px #394c67 solid; clear:both;}
}
@media (min-width:640px) and (max-width:768px){	

}
@media (max-width:639px){

/* list */
.boardSearch form {display:block; float:left; margin-top:10px; width:100%;}
.boardSearch select {margin-right:0; width:100%; margin-bottom:5px;} 
.boardSearch input {width:100%; margin-bottom:5px;}
.searchBtn {display:inline-block;width:100%; height:35px; text-align:center; }
.boardBtn {display:inline-block;width:70px; text-align:center; background:#717171; color:#fff; font-weight:400; transition: all 0.3s ease-out;}
.boardBtn02 {display:inline-block;width:70px text-align:center;background:#394c67; color:#fff; font-weight:400; transition: all 0.3s ease-out;}

.board_calendar02 {float:left; font-size:14px; width:100%;}
.board_calendar02 dl dd {float:left; width:100%; display:inline-block; padding-right:10px;}
.board_calendar02 dl dd input {width:85%; border:1px solid #d8d8d8; background:#fff; box-sizing:border-box;}
.board_calendar02 .search_date {clear:both; padding-top:10px; width:100%;}
.board_calendar02 .search_date dd {width:100%;}
.search_exel {padding:7px 15px; width:100%; box-sizing:border-box; margin:5px 0 0 0;}

.board_file, .board_office, .board_writer, .board_date, .board_subject2, .board_hits, .board_affairs, .board_inquiry, .board_state, .board_location, .board_area, .board_allnum, .board_stnum, .board_stview, .board_category {display:none;}
.boardList th:nth-child(2) {background:none;}
.boardList th:nth-child(3) {background:none;}

.boardList .board_subject a { overflow:hidden; vertical-align:middle; box-sizing:border-box;}

.boardList .board_num {width:20% !important;}
.boardList .board_cotyg2{width:25% !important;}
.boardList.counsel th:nth-child(2) {background:url(../images/common/board_head_th_line.gif) no-repeat 100% 17px;}
.boardList.counsel th:nth-child(3) {background:none;}
.boardList.counsel .board_state {width:25%;}
	
/* view */
.boardWrite { width:auto;}
.boardView{ width:auto;}
.boardView th {display:block; width:100%; clear:both; background-image:none;}
.boardView th.subject, .boardView td.content {width:100%;}
.boardView td.content {padding:15px 10px;line-height:20px;}
.boardView td {width:100%; font-size:14px;}
.boardView td.file {width:100%;}
.boardView td.movie {display:block; width:100%; height:405px;}
.boardView td.script {display:block; width:100%; height:200px;}

.board_moView .movie{ display:block; width:100%;}
.board_moView .script{ display:block; width:100%;height:200px;}
.boardView td.content img {display:block; width:100% !important;}



/* write */
.boardWrite th {display:block; background:#f5f5f5; width:100%; font-size:13px; letter-spacing:-0.03em; height:48px; padding:10px; float:left;}
.boardWrite th.subject, .boardWrite td.content {width:100%;}
.boardWrite td.content {padding:15px 10px;line-height:20px; width:100%; height:185px !important;}
.boardWrite td {clear:both; display:block; width:100%; padding:10px;}
.boardWrite td.post {width:100%; overflow:hidden; height:auto;}
.boardWrite td.file {width:100%; overflow:hidden; height:auto;}
.boardWrite input[type~="text"], .boardWrite input[type~="password"] {width:100%;}
.boardWrite select {width:100%;}
.boardWrite td .post {width:70%; overflow:hidden; height:auto;}

/* 게시물비번입력 */
.passput_Box dl dt{width:100%;}
.passput_Box dl dt label{font-size:0px; text-indent:-9999; position:absolute; top:0; left:0;}
.passput_Box input[type="password"]{width:100%;padding:6px;border:1px solid #a2a2a2; font-weight:normal;}
.passput_Box input[type="password"]{margin-bottom:5px}
.passput_Box dl dd{float:left;width:100%;margin-top:0px;text-align:left}
.passput_Box dl dd input[type="submit"]{cursor:pointer;display:block;width:100%;border:0;background:#565656;font-size:13px;color:#fff;font-family:'ngb';text-align:center;line-height:35px;vertical-align:middle}


 }



.join-clause-box {padding:15px;	border:1px solid #ddd;	background: #fff;	overflow: auto;	overflow-x:hidden;	height: 150px; width:100%; margin:20px auto;}

p.checkbox {margin:17px 0 0 0; padding:0; font-size:0.75em; vertical-align:middle; color:#666; line-height:1.4em;}
p.checkbox > *{vertical-align:middle;}
p.checkbox .checkbox{margin-right:5px;vertical-align:middle;}
p.checkbox strong{ color:#F30;}

.join-clause-box h3{ font-size:16px; font-weight:500; color:#666;}
.join-clause-box h4{ font-size:14px; font-weight:500; color:#666;}
.join-clause-box p{margin: 0px; padding: 0px 0px 17px; color: rgb(143, 143, 143); font-family: verdana, 돋움; font-size: 11px; line-height: 17.6000003814697px;}










/* bpopup 180226 수정*/ 
.pop-bg{ position:fixed; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); z-index:999;}
.m-pop{ position:absolute; top:50%; left:50%; margin:-300px 0 0 -135px; width:370px; background-color:#fff;}
.m-pop .pop-pic{ padding:0;}
.m-pop .pop-pic img{ display:block;}
.m-pop .pop-bot{ border-top:#000 1px solid; color:#e6e6e6; font-size:13px; display:block; background-color:#93969e; line-height:30px; padding:0 1em; text-align:right;}
.m-pop .bt-close{ position:absolute; top:-13px; right:-13px; text-indent:-9999px; width:27px; height:27px; background:url(../images/main/bt_close.png) 50% 50% no-repeat; cursor:pointer;}

.secure-img{ text-align:center;}
.secure-img>li{ display:inline-block; vertical-align:top; padding:0 2em;}
.secure-img>li>b{ display:block; font-size:2em;}


/*-----------------------------------------------------------------------------------------------------------------------
member
------------------------------------------------------------------------------------------------------------------------*/
.login_box { border:1px solid #ddd; background:#f7f7f7; margin:0 auto;}
.login_box h3 {font-size:161%;}
.login_box > div {padding:35px 0;}
.login_box .uk-width-1-1 {text-align:center;}
.login_box .uk-width-1-2 h3 {text-align:center;}

.login_box form {position:relative; width:300px; margin:0 auto;}
.login_input {padding-left:0; margin-top:2%;}
.login_input li input {width:100%; height:37px; margin-bottom:5px; padding-left:5px;}
.login_box .btn_submit input {background:#1f4099; width:100%; height:37px; border:1px solid #1f4099; color:#fff;}
.login_etc li {display:inline-block;}
.join_go {width:85%; padding:3% 0; margin:0 auto; text-align:center;}
.join_go .join_p {font-size:161%; margin-bottom:10px;}
.join_go a {background:#1f4099; border:1px solid #1f4099; color:#fff; display:inline-block; width:150px; height:45px; padding-top:12px; box-sizing:border-box; text-align:center; text-decoration:none;}
.join_go a:hover {text-decoration:none; color:#fff;}

.search_login .login_box .uk-width-1-2:first-child {border-right:1px solid #ddd;}

.step_area {width:100%; position:relative;}
.step_area ol {padding-left:0; width:500px; margin:0 auto;}
.step_area ol li {float:left; width:100px;; text-align:center; color:#b1b1b1; background:url('../img/bg_arrow_big.png') right center no-repeat; padding:0 7% 0 5%;}
.step_area ol li:last-child {background:none; padding-right:0;}
.step_area ol li p {font-size:16px;}
.step_area ol li.on p {color:#666;}
.step_area ol li p i {background:#efefef; border-radius:70px; width:100%; height:75px; padding-top:26%; font-size:50px; margin-bottom:10px;}
.step_area ol li.on p i {background:#1f4099; color:#fff;}
.join_step1 {padding-top:2%;}
.join_step1 h3 {font-weight:bold; margin-bottom:1%;}
.join_step1 .uk-form textarea {width:99%; height:350px;}



.join_step2 form p {padding-top:1%;}
.join_step2 form p .c_point {color:#dd0055;}

.c_point {color:#ff0000;}
.join_step2 .tbl {border-top:1px solid #1f4099; margin-top:.3%;}
.join_step2 .tbl tr th {text-align:left; padding-left:2%; width:20%; box-sizing:border-box;}
.join_step2 .tbl tr td dl dt {display:block; font-size:0; height:1px; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px; width:1px;}
.join_step2 .tbl tr td {padding-left:2%;  width:80%; box-sizing:border-box; }
.join_step2 .tbl tr td input {height:37px; padding-left:5px;}
.join_step2 .tbl tr td .uk_button {border:1px solid #ddd; background:#f8f8f8; padding:5px 5px 7px;}
.join_step2 .tbl tr td select {height:37px; }
.join_step2 .tbl tr td .uk-width-1-2 {width:80%; }
.join_step2 .tbl tr td .sand_mar {margin:3px 0; }
.join_step2 .tbl tr td .mem_label label {margin-right:3%; }
.join_step2 .tbl tr th, .join_step2 .tbl tr td {padding:1% 0; border-bottom:1px solid #ddd;}

.submit_area {text-align:center; margin-top:3%;}
.submit_area input {width:130px; height:40px;}
.submit_area .btn_point {background:#1f4099; color:#fff;}
.submit_area .uk-button {background:#fdfdfd; border:1px solid #ddd; padding:7px 30px 9px;}


/*갤러리 list*/
.GalleryList{border-top:3px solid #303030; margin-bottom:20px;}
.GalleryList ul {overflow:hidden; padding-top:20px;}
.GalleryList ul li{border:1px solid #e6e6e6; margin-bottom:20px; position:relative;}
.GalleryList ul li span{display:block;}
.GalleryList ul li .Gimg{width:100%; height:300px; overflow:hidden; position:relative;}
.GalleryList ul li .Gimg img{display:inline-block; vertical-align:middle; min-height:200px; width:100%;position:absolute; left:0; right:0; bottom:0; top:0; margin: auto;}
.GalleryList ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.GalleryList ul li span.title{display:block; padding:10px 10px 0px; font-weight:bold; font-size:1.1em; }
.GalleryList ul li span.date{padding:10px; text-align:right}


@media all and (min-width:640px) {
.GalleryList ul li{width:47%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.GalleryList ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media all and (min-width:768px) {
.GalleryList{margin-bottom:30px}
.GalleryList ul {padding-top:30px;}
}

@media all and (min-width:1024px) {
.GalleryList ul li{width:30.33%;}

}



/*페이지*/
.pageList{text-align:center; vertical-align:top; margin: 50px 0 100px; font-size:0px;}
.pageList a{display:inline-block;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top; font-size:11px;}
/* .pageList span.btn_first a {text-indent:-999999px; position:relative;background: url(../images/pager_arrow_ll.png) no-repeat;padding: -2px;background-size: 50%;background-position: 6px 7px;}
.pageList span.btn_prev a {text-indent:-999999px; position:relative;background: url(../images/pager_arrow_l.png) no-repeat;padding: -2px;background-size: 50%;background-position: 6px 7px;}
.pageList span.btn_next a {text-indent:-999999px; position:relative;background: url(../images/pager_arrow_r.png) no-repeat;padding: -2px;background-size: 50%;background-position: 6px 7px;}
.pageList span.btn_last a {text-indent:-999999px; position:relative;background: url(../images/pager_arrow_rr.png) no-repeat;padding: -2px;background-size: 50%;background-position: 6px 7px;} */
/* .pageList span.btn_next a {background: url(../img/sub_page_next.png) no-repeat;padding: -2px;background-size: 50%;background-position: 6px 7px;} */
/* .pageList span.page_btn a:before{font-family:'FontAwesome';	content:"\f100"; text-indent:0; position:absolute; display:block; width:100%; text-align:center; font-size:11px;}
.pageList span.btn_next a:before{content:'\f101';} */
.pageList span a.on{background:#f5f5f5; color:#414141;border-bottom: 2px solid #de8511;}
.pageList span a:hover{color:#414141}
.pageList span a{width:25px; line-height:30px; border:1px solid #dcdcdc; border-right:0px;}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
.pageList span:last-child a{border-right:1px solid #dcdcdc}
/* 추가 */
.pageList > span > a {padding: -2px;background-size: 50%;background-position: 6px 7px; width: 25px; height: 32px;}
.pageList span.btn_first a {text-indent:-999999px; background: url(../images/pager_arrow_ll.png) no-repeat center; background-size:70%;}
.pageList span.btn_prev a {text-indent:-999999px; background: url(../images/pager_arrow_l.png) no-repeat center; background-size:70%;}
.pageList span.btn_next a {text-indent:-999999px; background: url(../images/pager_arrow_r.png) no-repeat center; background-size:70%;}
.pageList span.btn_last a {text-indent:-999999px; background: url(../images/pager_arrow_rr.png) no-repeat center; background-size:70%;}

/* @media all and (min-width:768px) {
.pageList{margin-bottom:30px;}
.pageList a:first-child, 
.pageList a:last-child{display:inline-block;}
} */

/* shh 추가 */
/* Login Form */
body.login {
    font-family: 'Arial', sans-serif;
    background: #f4f6f9;
    color: #333;
    margin: 0;
    padding: 0;
}

.box {
    width: 400px;
    margin: 100px auto;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

h3.form-title {
    font-size: 20px;
    color: #394c67;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
}

.form-group {
    margin-bottom: 15px;
}

.input-icon {
    position: relative;
}

.input-icon i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #394c67;
}

.form-control {
    width: 100%;
    padding: 12px 15px;
    padding-left: 30px; /* to accommodate icon */
    font-size: 14px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.form-control:focus {
    border-color: #0071aa;
    background-color: #fff;
}

.form-actions {
    text-align: left;
}

.checkbox {
    font-size: 14px;
    color: #777;
    display: inline-block;
    margin-bottom: 10px;
}

.checkbox input {
    margin-right: 5px;
}

.btn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    /*background-color: #0071aa;*/
    background-color: #dd7c15;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #005a8c;
}

.single-sign-on {
    text-align: center;
    margin-top: 20px;
}

.single-sign-on span {
    font-size: 14px;
    color: #777;
}

.single-sign-on a {
    display: inline-block;
    width: 100%;
    padding: 12px;
    background-color: #3b5998;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.single-sign-on a:hover {
    background-color: #2d4373;
}

/* Media Queries */
@media (max-width: 768px) {
    .box {
        width: 90%;
    }
}

/* board.css에 추가 또는 수정 */
a.btn-facebook {
    background-color: #212121; /* 기본 색상 */
    color: #fff; /* 텍스트 색상 */
    transition: background-color 0.3s ease-out; /* 부드러운 전환 효과 */
}

a.btn-facebook:hover {
    background-color: #444444; /* 마우스를 올렸을 때 색상 */
}