@charset "utf-8";
/*******************************************************************************

// [새로만든파일] 아이스크림 시리즈 적용을 위해 새로만든 파일입니다

//==============================================================================
//+++ [안내] 영카트/그누보드 원본에는 없는 파일이거나 내용이 다른 파일입니다
//------------------------------------------------------------------------------
//+++ 개발자 소프트아이스크림 http://icecreamplay.cafe24.com
//------------------------------------------------------------------------------
//+++ 유료판매 프로그램으로 유료 라이센스를 가집니다
// - 1카피 1도메인
// - 무단배포불가/무단사용불가
// - 라이센스가 있어도 소스의 일부 또는 전체 배포/공유/수정배포 불가
*******************************************************************************/
/* 애니메이션효과 */
:hover, :focus, :active {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;/* 부드럽게 애니메이션 효과 */}

/* 반짝반짝 애니메이션 효과 - 아이스크림S10 */
/* for MS계열 브라우저 */
@keyframes blink {
 0% {background:rgba(20,200,100,1.0);}
 50% {background:rgba(20,90,200,0.60);}
}
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background:rgba(20,200,100,1.0);}
 50% {background:rgba(20,90,200,0.60);}
}

/* 배경이미지 1단 div */
#bg_wrap { display:block;width:100%; height:1000px; background:url('./img/adm_login_bg.jpg') no-repeat;background-position: calc(50% + 0px) calc(50% + 0px); overflow:hidden; }

#bg_shadow{background:rgba(20,90,200,0.10);width:100%;height:1000px;overflow:hidden;animation: blink ease-in-out 3s 1;/* blink 몇초 시작과끝 반복횟수(infinite 무한대, 횟수표시) */-webkit-animation: blink ease-in-out 3s 1;}

/* 배경 슬로건 */
#slogun {position:absolute; bottom:0;display:block;width:100%;color:#FFF;font-size:1.4em !important;font-family:'Nanum Gothic','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif; font-weight:bold; line-height:120%; letter-spacing:-0.2px; padding:0px 50px; text-align:right; margin-bottom:50px;}
@media all and (max-width: 800px){
    #slogun {display:none;}
}
/**/

/* 현재시간표시 */
#creamconclockdiv {display:block;width:100%; height:auto;color:#FFF;font-size:4.0rem !important;font-family:'Nanum Gothic','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif; font-weight:bold; line-height:2.5rem; letter-spacing:-0.2px; text-align:center; margin-top:130px; margin-bottom:50px;}
#creamconclockdiv .ampm {color:#37dd7f;font-size:4.0rem !important;}
#creamconclockdiv .date {color:#FFF;font-size:1.4rem !important;line-height:1.4rem;}
@media all and (max-width: 480px){
    #creamconclockdiv {display:block;width:100%; height:auto;color:#FFF;font-size:2.5rem !important;font-family:'Nanum Gothic','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif; font-weight:bold; line-height:2.1rem; letter-spacing:-1px; text-align:center; margin-top:80px;margin-bottom:20px;}
	#creamconclockdiv .ampm {color:#37dd7f;font-size:2.5rem !important;}
	#creamconclockdiv .date {color:#555;font-size:1.0rem !important;line-height:1.2rem;letter-spacing:-0.1px;}
}
/**/

/* 퀵메뉴 */
.top_quick { display:none; }
.top_quick:after {display:block;visibility:hidden;clear:both;content:""}
.top_quick h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.top_quick a{padding:0 3px 0 3px;color:#555;}
.top_quick a:hover{color:#eee;}

/* 로그인 */
#mb_login {}
#login_fs{ margin-left:50px;}
#mb_login #login_fs .frm_input{margin:0 0 10px; padding:15px 15px; font-size:1.3em; border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;box-shadow:0px 0px 7px 7px rgba(0,0,0,0.05);-webkit-box-shadow:0px 0px 7px 7px rgba(0,0,0,0.05);}
#mb_login #login_fs .btn_submit {margin:0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

#mb_login #login_info{padding:10px 10px;margin:0;text-align:center;}
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a{padding:0 6px 0 1px;font-family:'Nanum Gothic','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;font-weight:bold;color:#555;}
#mb_login #login_info a:hover{color:#05b522;}
#login_register{border-right:1px solid #bbb;}

@media all and (max-width: 800px){
    #login_fs{margin-left:0;padding:0px 20px;}
	#mb_login #login_info{ display:none; } /* 모바일일경우 숨김 */
	.top_quick { position:absolute; display:block; right:0;padding:15px 10px;margin:0;font-family:'Nanum Gothic','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;font-weight:bold;}
	
}

/* 기본박스 */
.mbskin{position:relative;margin:0;border:0;width:400px;text-align:center;}
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:60px;font-weight:bold;font-size:1.25em}
.mbskin  h1{margin: 60px 0 30px;font-size: 2em;}

@media all and (max-width: 800px){
    .mbskin {position:relative;margin:0px auto 0;border:0px solid #ddd;width:100%;text-align:center;} /* 모바일 사이즈에서 기본박스 가운데 정렬 */
}


/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}

/* 기본테이블 */

.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {width:85px;}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */