/* 메인이미지(로그인전) */
body,input,select,textarea {overflow-x: hidden;  }
.mainImgArea {position:relative; float:left; width:100%; height: 520px; margin-top: 80px; } /* 로그인전 이미지 */
/* .mainImgArea .mainImg {width:100%; height: 520px; z-index:0; align:center}
.mainImgArea .mainImg2 {  margin:0 auto;  width:100%; height: 520px; z-index:0;} */
/* .mainImgArea .mainImg { margin:0 auto; width:100%; height: 520px; z-index:0;} */
/* .mainImgArea .mainImg { float:left; width:100%; height: 520px;  margin:0 auto;} 비지로 처리 */


 
/* 로그인박스 */
.loginArea { position:relative;float:left; width:100%; height: 100px; background-color: rgba(0, 0, 0, 0.7); margin-top: -100px;z-index:1; }
.loginArea .login { margin:0 auto; width:1200px; height: 100px; }
.loginArea .login .txt1 { float:left; width:120px; height: 100px; font-size: 32px; color:#FFF; line-height: 100px; font-family: "NanumSquare"; }
.loginArea .login .inputArea { float:left; width:750px; height: 100px; line-height: 105px; }
.loginArea .login .txt2 { float:left; width:330px; height: 100px; font-size: 20px; color:#FFF; line-height: 100px; }
.loginArea .login .txt2 a:link { color:#FFF; text-decoration:none; }
.loginArea .login .txt2 a:visited { color:#FFF; text-decoration:none; }
.loginArea .login .txt2 a:hover { color:#FFF; text-decoration:underline;}
.input_login { width:250px; height:50px; color:#333333; font-size:18px; background-color:#FFF; padding-left:15px; text-align:left; border: 0px; margin-right: 5px; }
.btn_login { display:inline-block; width:180px; height:52px; background-color:#e9dac3; color:#000; font-size:18px; line-height:52px; text-align:center; }
.btn_login:hover { background-color:#C2A985; color:#000000; }

.mainImgArea2 { float:left; width:100%; height: 520px; margin-top: 80px; background:url("/images/main/mainImg_login.png") center; } /* 로그인후 이미지 */
.mainImgArea2 .conArea { margin:0 auto; width:1200px; height: 420px; margin-top: 50px; }
.mainImgArea2 .conArea .mainTxt { float:left; width:730px; height: 360px; }
.mainImgArea2 .conArea .mainTxt .txt1 { float:left; width:730px; height: 100px; font-size: 60px; color:#FFF; font-family: "NanumSquare"; margin-top: 50px; }
.mainImgArea2 .conArea .mainTxt .txt2 { float:left; width:730px; height: 100px; font-size: 24px; color:#FFF; line-height: 140%; }
.mainImgArea2 .conArea .loginBox { float:left; width:440px; height: 380px; background-color: rgba(255, 255, 255, 0.9); padding: 40px 0 0 30px; }
.mainImgArea2 .conArea .loginBox .info { float:left; width:410px; height: 40px; font-size: 20px; color:#000000; font-family: "NanumSquare"; }
.mainImgArea2 .conArea .loginBox .btnArea { float:left; width:410px; height: 60px; }
.mainImgArea2 .conArea .loginBox .class { float:left; width:410px; height: 40px; font-size: 20px; color:#000000; }
.mainImgArea2 .conArea .loginBox .date1 { float:left; width:410px; height: 50px; font-size: 20px; color:#000000; border-bottom:1px solid #000000; margin-bottom: 20px; }
.mainImgArea2 .conArea .loginBox .count { float:left; width:410px; height: 30px; font-size: 20px; color:#000000; }
.mainImgArea2 .conArea .loginBox .icon { float:left; width:410px; height: 100px; margin-top: 0px; }
.btn_info { display:inline-block; width:270px; height:42px; line-height: 42px; background-color:#2885c2; color:#FFF; font-size:20px; border-radius: 5px; margin-right: 10px; text-align: center; }
.btn_info:hover { background-color:#2885c2; color:#FFF; }
.btn_logout { display:inline-block; width:120px; height:40px; line-height: 42px; background-color:#FFFFFF; color:#000000; font-size:20px; border-radius: 5px; text-align: center; border:1px solid #BBBBBB; }
.btn_logout:hover { background-color:#FFFFFF; color:#000000; border:1px solid #000000; }
.st11 { font-size: 16px; color:#FFF; font-family: "NanumSquare"; background-color:#c2288c; padding: 5px; border-radius: 5px; }


/* 정규강의 영역 */
.regularClassArea { float:left; width:100%; height: 400px; background-color: #FFF; }
.regularClassArea .regularClass { margin:0 auto; width:1200px; height: 320px; padding-top: 40px; }
.regularClassArea .regularClass .txtArea { float:left; width:150px; height: 320px; }
.regularClassArea .regularClass .txtArea .txt1 { float:left; width:150px; height: 80px; font-size: 62px; color:#000; line-height: 110%; font-family: "NanumSquare"; font-weight: bold; }
.regularClassArea .regularClass .txtArea .txt2 { float:left; width:150px; height: 70px; font-size: 18px; color:#000; line-height: 140%; font-family: "NanumSquare"; letter-spacing: -1px; }
.regularClassArea .regularClass .txtArea .btn { float:left; width:150px; height: 30px; }
.regularClassArea .regularClass .listArea { float:left; width:320px; height: 320px; margin-left: 30px; }


/* 단과강의 영역 */
.simpleClassArea { float:left; width:100%; height: 500px; background:url("/images/main/specialArea_bg.png") repeat; }
.simpleClassArea .simpleClass { margin:0 auto; width:1200px; height: 420px; margin-top: 40px; }
.simpleClassArea .simpleClass .txtArea { float:left; width:150px; height: 420px; }
.simpleClassArea .simpleClass .txtArea .txt1 { float:left; width:150px; height: 80px; font-size: 62px; color:#000; line-height: 110%; font-family: "NanumSquare"; font-weight: bold; }
.simpleClassArea .simpleClass .txtArea .txt2 { float:left; width:150px; height: 70px; font-size: 18px; color:#000; line-height: 140%; font-family: "NanumSquare"; letter-spacing: -1px; }
.simpleClassArea .simpleClass .txtArea .btn { float:left; width:150px; height: 30px; }
.simpleClassArea .simpleClass .listArea { float:left; width:320px; height: 420px; margin-left: 30px; }


/* 묵상과나눔 영역 */
.meditationArea { float:left; width:100%; height: 100px; background-color: #FFF; }
.meditationArea .meditation { margin:0 auto; width:1200px; height: 100px; }
.meditationArea .meditation .tit { float:left; width:220px; height: 100px; font-size: 36px; color:#000; line-height: 100px; font-family: "NanumSquare"; }
.meditationArea .meditation .con { float:left; width:980px; height: 100px; font-size: 22px; color:#000; line-height: 100px; letter-spacing: -1px; margin-top: 27px; }


/* 홍보영상, 오늘의복음, 특강, 소감문, 공지사항, 성경듣기, 성경자료실 영역 */
.etcArea { float:left; width:100%; height: 760px; background-color: #f5d3ad; }
.etcArea .etc { margin:0 auto; width:1200px; height: 680px; margin-top: 40px; }
.etcArea .etc .dep1 { float:left; width:1200px; height: 380px; margin-bottom: 20px; }
.etcArea .etc .dep1 .left { float:left; width:320px; height: 380px; margin-right: 20px; }
.etcArea .etc .dep1 .left .vod1 { float:left; width:320px; height: 180px; margin-bottom: 20px; }
.etcArea .etc .dep1 .left .vod2 { float:left; width:320px; height: 180px; }


/* 오늘의복음 */
.etcArea .etc .dep1 .center { float:left; width:520px; height: 380px; background:url("/images/main/today_gospel.png") center; margin-right: 20px; }
.etcArea .etc .dep1 .center .txtArea { float:left; width:290px; height: 350px; margin-top: 30px; margin-left: 30px; }
.etcArea .etc .dep1 .center .txtArea .txt1 { float:left; width:290px; height: 70px; color:#2885c2; font-size:42px; font-family: "NanumSquare"; font-weight: bold; }
.etcArea .etc .dep1 .center .txtArea .txt2 { float:left; width:290px; height: 210px; color:#000000; font-size:22px; font-family: "NanumSquare"; line-height: 140%; }
.btn_gospel { display:inline-block; width:120px; height:36px; background-color:#2885c2; color:#FFFFFF; font-size:16px; line-height:36px; text-align:center; }
.btn_gospel:hover { background-color:#175b87; color:#FFFFFF; } /*  */

.etcArea .etc .dep1 .center .schedule { float:left; width:180px; height: 350px; margin-top: 30px; }
.etcArea .etc .dep1 .center .schedule .box { float:left; width:180px; height: 138px; }
.etcArea .etc .dep1 .center .schedule .box .month { float:left; width:180px; height: 30px; font-size: 24px; color:#2885c2; text-align: center; font-weight: bold; font-family: "NanumSquare"; }
.etcArea .etc .dep1 .center .schedule .box .circle { float:left; width:100px; height: 100px; margin-left: 40px; background-color: #2885c2; border-radius:50%; }
.etcArea .etc .dep1 .center .schedule .box .circle .date { float:left; width:100px; height: 26px; font-size: 24px; color:#FFF; text-align: center; margin-top: 10px; font-weight: bold; font-family: "NanumSquare"; margin-top: 20px; }
.etcArea .etc .dep1 .center .schedule .box .circle .week { float:left; width:100px; height: 20px; font-size: 24px; color:#FFF; text-align: center; font-weight: bold; font-family: "NanumSquare"; }
.etcArea .etc .dep1 .center .schedule .box .con { float:left; width:180px; height: 20px; font-size: 16px; color:#000; text-align: center; margin-top: 5px; line-height: 140%; }

.etcArea .etc .dep1 .right { float:left; width:320px; height: 380px; }
.etcArea .etc .dep1 .right .special { float:left; width:320px; height: 180px; margin-bottom: 20px; }
.etcArea .etc .dep1 .right .impression { float:left; width:320px; height: 180px; }

.etcArea .etc .dep2 { float:left; width:1200px; height: 280px; }
.etcArea .etc .dep2 .left { float:left; width:320px; height: 280px; margin-right: 20px; }
.etcArea .etc .dep2 .left .svc { float:left; width:320px; height: 130px; margin-bottom: 20px; }
.etcArea .etc .dep2 .left .remote { float:left; width:320px; height: 130px; }
.etcArea .etc .dep2 .center { float:left; width:520px; height: 280px; margin-right: 20px; background-color: #FFF; }
.etcArea .etc .dep2 .center .titArea { float:left; width:470px; height: 60px; margin-top:25px; margin-left:25px; }
.etcArea .etc .dep2 .center .titArea .tit { float:left; width:439px; height: 60px; font-size: 32px; color:#000; font-family: "NanumSquare"; }
.etcArea .etc .dep2 .center .titArea .more { float:left; width:31px; height: 60px; }
.tb_notice { width:470px; margin-left:25px; border-collapse:collapse; border-spacing:0; }
.tb_notice td { padding:5px 0px 5px 0px; height:34px; font-size:16px; color:#333; text-align:left; border-top:1px solid #dadde0; }
.tb_notice td.date { text-align: center; }
.tb_notice a:link { color:#333; text-decoration:none; }
.tb_notice a:visited { color:#333; text-decoration:none; }
.tb_notice a:hover { color:#000; text-decoration:underline; }

.etcArea .etc .dep2 .right { float:left; width:320px; height: 280px; }
.etcArea .etc .dep2 .right .bible_listen { float:left; width:320px; height: 130px; margin-bottom: 20px; }
.etcArea .etc .dep2 .right .bible_down { float:left; width:320px; height: 130px; }

.none{display:none}
#ticker{float:left;width:900px;}
.navi{float:right;}
.block { padding:0 5px; height:50px; overflow:hidden; background:#fff; width:950px; font-size:22px;float:left;line-height: 50px;}
.block ul,
.block li {margin:0; padding:0; list-style:none;}
.block li a {display:block; height:50px; line-height:50px; color:#555; text-decoration:none;}


.imgCenter{
    vertical-align:middle;margin-bottom : 2px
}
.etcArea .etc .dep1 .right { float:left; width:320px; height: 380px; }
.etcArea .etc .dep1 .right .special { float:left; width:320px; height: 112px; margin-bottom: 22px; }
.etcArea .etc .dep1 .right .impression { float:left; width:320px; height: 112px; }