@charset "utf-8";
/*@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");*/
@import url("/core/fonts/webfonts/font001.css");    /* 나눔고딕 font-family: NanumGothic; */
@import url("/core/fonts/webfonts/font002.css");    /* 나눔명조 font-family: Nanum Myeongjo; */
@import url("/core/fonts/webfonts/font003.css");    /* 나눔손글씨 font-family: Nanum Pen Script; */
@import url("/core/fonts/webfonts/font004.css");    /* 나눔붓글씨 font-family: Nanum Brush Script; */
@import url("/core/fonts/webfonts/font006.css");    /* 나눔바른고딕 font-family: NanumBarunGothic; */
@import url("/core/fonts/webfonts/font023.css");    /* 나눔스퀘어 font-family: NanumSquare; */
@import url("/core/fonts/webfonts/font030.css");    /* 나눔스퀘어 font-family: NanumSquare; */

body {margin:0px;}
ul li { margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle;}

/* li 왼쪽정렬 */
.ul li{ margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle; float:left;} 
/* li 오른쪽 정렬 */
.ur li{ margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle; float:right;} 

/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom:2px;}



/* png 익스6에서 보임 */
.png24 {tmp:expression(setPng24(this));}

/* 이미지롤오버 */

p.title1 {float:left; font-size:24px;}
p.title2 {float:left; font-size:32px; font-weight:600;}
/*서브메인1*/
.submainBox1 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden;  font-family: 'NanumGothic'; !important; background:#f4efee url(../images/_submain/bg1.jpg)center bottom no-repeat; }
.submainBox1 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; height:190px; z-index:0; background:url(../images/_submain/sub_1_250102.jpg) no-repeat; }

.submainBox1 .section .sectionFix {position: relative; width:1200px; height:897px; margin:75px auto;}
.submainBox1 .section .sectionFix .area01 {float:left; width:1200px; height:548px;}
.submainBox1 .section .sectionFix .area01 .areaLeft {float:left; width:331px; height:548px; background:url(../images/_submain/box1_250102.png) no-repeat; }
.submainBox1 .section .sectionFix .area01 .areaLeft a.link1 {z-index:1; float:left; width:150px; height:43px; background:url(../images/_submain/btn1.png) no-repeat; margin:130px 0 0 150px;}
.submainBox1 .section .sectionFix .area01 .areaLeft a.link2 {z-index:1; float:left; width:150px; height:40px; background:url(../images/_submain/btn2.png) no-repeat; margin:0px 0 0 150px;}
.submainBox1 .section .sectionFix .area01 .areaLeft a.link3 {z-index:1; float:left; width:150px; height:43px; background:url(../images/_submain/btn3.png) no-repeat; margin:0px 0 0 150px;}
.submainBox1 .section .sectionFix .area01 .areaRight {float:left; width:851px; height:548px; margin-left:18px;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaTop {float:left; width:851px; height:265px;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaTop a.link3 {float:left; width:400px; height:265px; background:url(../images/_submain/box2.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaTop a:hover.link3 { background:url(../images/_submain/box2_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaTop a.link4 {float:left; width:432px; height:265px; margin-left:18px; background:url(../images/_submain/box3_250131.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaTop a:hover.link4 { background:url(../images/_submain/box3_on_250131.png) no-repeat;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaBottom {float:left; width:851px; height:265px; margin-top:18px;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaBottom a.link5 {float:left; width:400px; height:265px; background:url(../images/_submain/box4.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaBottom a:hover.link5 {background:url(../images/_submain/box4_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaBottom a.link6 {float:left; width:433px; height:265px; margin-left:18px;  background:url(../images/_submain/box5_230905.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area01 .areaRight .areaBottom a:hover.link6 {background:url(../images/_submain/box5_on_230905.png) no-repeat;}
.submainBox1 .section .sectionFix .area02 {float:left; width:1200px; height:330px; margin-top:18px;}
.submainBox1 .section .sectionFix .area02 a.link8 {float:left; width:622px; height:330px; background:url(../images/_submain/box6.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area02 a.link9 {float:left; width:560px; height:330px; margin-left:18px; background:url(../images/_submain/box7.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area02 a:hover.link9 { background:url(../images/_submain/box7_on.png) no-repeat;}

.submainBox1 .section .sectionFix .area03 {float:left; width:1200px; height:180px; margin:33px 0 83px 0;}
.submainBox1 .section .sectionFix .area03 a.link10 {float:left; width:181px; height:180px; background:url(../images/_submain/box9.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link10 { background:url(../images/_submain/box9_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area03 a.link11 {float:left; width:181px; height:180px; margin-left:23px; background:url(../images/_submain/box10.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link11 { background:url(../images/_submain/box10_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area03 a.link12 {float:left; width:181px; height:180px; margin-left:23px; background:url(../images/_submain/box11.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link12 { background:url(../images/_submain/box11_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area03 a.link13 {float:left; width:181px; height:180px; margin-left:23px; background:url(../images/_submain/box12.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link13 { background:url(../images/_submain/box12_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area03 a.link14 {float:left; width:181px; height:180px; margin-left:23px; background:url(../images/_submain/box13.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link14 { background:url(../images/_submain/box13_on.png) no-repeat;}
.submainBox1 .section .sectionFix .area03 a.link15 {float:left; width:181px; height:180px; margin-left:22px; background:url(../images/_submain/box14.png) no-repeat;-webkit-transition: all 1s ease;}
.submainBox1 .section .sectionFix .area03 a:hover.link15 { background:url(../images/_submain/box14_on.png) no-repeat;}

/*서브메인2*/
.submainBox2 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden; background:#e7e8ee url(../images/_submain/bg2.jpg)center bottom no-repeat; }
.submainBox2 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; height:190px; z-index:0; background:url(../images/_submain/sub_2_250102.jpg) no-repeat; }
.submainBox2 .section .sectionFix {position: relative; width:1200px; height:950px; margin:85px auto;}
.submainBox2 .section .sectionFix .area01 {float:left; width:1200px; height:350px;}
.submainBox2 .section .sectionFix .area01 .sermon01 {float:left; width:711px; height:350px; margin:0;  background:url(../images/_submain/box15.png) no-repeat;}
.submainBox2 .section .sectionFix .area01 .sermon01 a.sTitle {float:left; width:560px; height:45px; margin:130px 80px 0 80px; text-align:center; font-size:30px; font-weight:600; letter-spacing:-1.4pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-family: 'NanumSquare' !important; }
.submainBox2 .section .sectionFix .area01 .sermon01 a:hover.sTitle {color:#eee8e7;}
.submainBox2 .section .sectionFix .area01 .sermon01 p.sInfo {float:left; width:500px; height:60px; margin:13px 105px 0 105px; line-height:26px; text-align:center; font-size:15px; letter-spacing:-.8pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area01 .sermon02 {float:left; width:466px; height:350px; margin-left:23px;  background:url(../images/_submain/box16_210324.png) no-repeat;}
.submainBox2 .section .sectionFix .area01 .sermon02 .bbsArea {float:left; width:400px; height:250px; margin:97px 0 0 35px;}
.submainBox2 .section .sectionFix .area01 .sermon02 .bbsArea a.bbsLink {float:left; width:400px; height:28px; margin-bottom:8px; font-size:16px; color:#fff;}
.submainBox2 .section .sectionFix .area01 .sermon02 .bbsArea a.bbsLink span.subj {float:left; width:190px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.8pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox2 .section .sectionFix .area01 .sermon02 .bbsArea a.bbsLink span.bible {float:left; width:125px; height:28px; font-size:14px; text-align:right;  letter-spacing:-.5pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox2 .section .sectionFix .area01 .sermon02 .bbsArea a.bbsLink span.date {float:left; width:80px; height:28px; font-size:14px; text-align:right;  letter-spacing:-.5pt; color:#dce3f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox2 .section .sectionFix .area02 {float:left; width:1200px; height:222px; margin-top:23px;}
.submainBox2 .section .sectionFix .area02 .sermon03 {float:left; width:222px; height:222px; margin:0; background:url(../images/_submain/box17_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area02 .sermon04 {float:left; width:222px; height:222px; margin-left:22px; background:url(../images/_submain/box18_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area02 .sermon05 {float:left; width:222px; height:222px; margin-left:23px; background:url(../images/_submain/box19_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area02 .sermon06 {float:left; width:222px; height:222px; margin-left:22px; background:url(../images/_submain/box20_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area02 .sermon07 {float:left; width:222px; height:222px; margin-left:23px; background:url(../images/_submain/box21_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area02 a.sTitle {float:left; width:180px; height:30px; margin:82px 0 0 22px; text-align:left; font-size:24px; font-weight:600; letter-spacing:-0.5pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area02 a:hover.sTitle {color:#dfdfdf;}
.submainBox2 .section .sectionFix .area02 p.sInfo {float:left; width:180px; height:70px; margin:5px 0 0 24px; line-height:20px; text-align:left; font-size:13px; letter-spacing:-.5pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 {float:left; width:1200px; height:340px; margin-top:23px;}
.submainBox2 .section .sectionFix .area03 .sermon08 {float:left; width:385px; height:340px; margin:0; background:url(../images/_submain/box22_210324_.png) no-repeat;}
.submainBox2 .section .sectionFix .area03 .sermon08 a.sTitle {float:left; width:320px; height:35px; margin:125px 30px 0 30px; text-align:center; font-size:25px; font-weight:600; letter-spacing:-1.4pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 .sermon08 a:hover.sTitle {color:#a191b4;}
.submainBox2 .section .sectionFix .area03 .sermon08 p.sInfo {float:left; width:320px; height:100px; margin:13px 30px 0 30px; line-height:24px; text-align:center; font-size:15px; color:#fff; letter-spacing:-.8pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 .sermon09 {float:left; width:385px; height:340px; margin-left:22px; background:url(../images/_submain/box23.png) no-repeat;}
.submainBox2 .section .sectionFix .area03 .sermon09 .obj2 {position:absolute; width:385px; height:27px; background:url(../images/_submain/obj2.png) no-repeat; z-index:1;}
.submainBox2 .section .sectionFix .area03 .sermon09 a.thumbnail {float:left; width:385px; height:248px; margin:0;}
.submainBox2 .section .sectionFix .area03 .sermon09 a.thumbnail img {width:385px; height:248px; margin:0;}
.submainBox2 .section .sectionFix .area03 .sermon09 a.sTitle {float:left; width:340px; height:30px; margin:40px 20px 0 20px; text-align:center; font-size:21px; font-weight:600; letter-spacing:-1.4pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 .sermon09 a:hover.sTitle {color:#abb7d1;}
.submainBox2 .section .sectionFix .area03 .sermon09 p.sInfo {float:left; width:320px; height:60px; margin:5px 30px 0 30px; line-height:24px; text-align:center; font-size:15px; color:#fff; letter-spacing:-.8pt; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 .sermon10 {float:left; width:385px; height:340px; margin-left:23px; background:url(../images/_submain/box24.png) no-repeat;}
.submainBox2 .section .sectionFix .area03 .sermon10 a.sTitle {float:left; width:230px; height:35px; margin:145px 80px 0 80px; text-align:center; font-size:25px; font-weight:600; letter-spacing:-1.4pt; color:#896019; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submainBox2 .section .sectionFix .area03 .sermon10 a:hover.sTitle {color:#5d461d;}
.submainBox2 .section .sectionFix .area03 .sermon10 p.sInfo {float:left; width:230px; height:60px; margin:13px 80px 0 80px; line-height:24px; text-align:center; font-size:15px;  letter-spacing:-.8pt; color:#9c7d69; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*서브메인3*/
.submainBox3 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden;  font-family: 'NanumGothic'; !important; background:#eee8e7 url(../images/_submain/bg3.jpg)center bottom no-repeat; }
.submainBox3 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; height:190px; z-index:0; background:url(../images/_submain/sub_3_250102.jpg) no-repeat; }
.submainBox3 .section .sectionFix {position: relative; width:1200px; height:850px; margin:75px auto;}
.submainBox3 .section .sectionFix a.area01 {float:left; width:590px; height:350px; background:url(../images/_submain/box25.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area01:hover {background:url(../images/_submain/box25_on.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area02 {float:left; width:590px; height:350px; margin-left:20px; background:url(../images/_submain/box26.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area02:hover {background:url(../images/_submain/box26_on.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix .area03 {float:left; width:1200px; height:125px; background:url(../images/_submain/box27.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area04 {float:left; width:590px; height:350px; background:url(../images/_submain/box28.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area04:hover {background:url(../images/_submain/box28_on.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area05 {float:left; width:590px; height:350px; margin-left:20px; background:url(../images/_submain/box29_240729.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox3 .section .sectionFix a.area05:hover {background:url(../images/_submain/box29_on_240729.png) no-repeat;  -webkit-transition: all 1s ease;}



/*서브메인4*/
.submainBox4 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden; background:#f4ede5 url(../images/_submain/bg4.jpg)center bottom no-repeat; }
.submainBox4 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; height:190px; z-index:0; background:url(../images/_submain/sub_4_250102.jpg) no-repeat; }
.submainBox4 .section .sectionFix {position: relative; width:1200px; height:1160px; margin:85px auto;}
.submainBox4 .section .sectionFix .area01 {float:left; width:1200px; height:256px; background:url(../images/_submain/box30.png) no-repeat;   -webkit-transition: all 1s ease;}
.submainBox4 .section .sectionFix .area01 a.btn04 {float:left; width:177px; height:46px; background:url(../images/_submain/btn4.png) no-repeat; margin:170px 0 0 64px;}
.submainBox4 .section .sectionFix .area01 a.btn05 {float:left; width:145px; height:46px; background:url(../images/_submain/btn5.png) no-repeat; margin:170px 0 0 18px;}
.submainBox4 .section .sectionFix a.area02 {float:left; width:590px; height:300px; background:url(../images/_submain/box31.png) no-repeat;   -webkit-transition: all 1s ease; margin-top:20px;}
.submainBox4 .section .sectionFix a.area02:hover { background:url(../images/_submain/box31_on.png) no-repeat;   -webkit-transition: all 1s ease;}
.submainBox4 .section .sectionFix a.area03 {float:left; width:590px; height:300px; background:url(../images/_submain/box32.png) no-repeat;  -webkit-transition: all 1s ease; margin:20px 0 0 20px;}
.submainBox4 .section .sectionFix a.area03:hover { background:url(../images/_submain/box32_on.png) no-repeat;   -webkit-transition: all 1s ease;}
.submainBox4 .section .sectionFix a.area04 {float:left; width:590px; height:108px; background:url(../images/_submain/box33.png) no-repeat;   -webkit-transition: all 1s ease; margin-top:20px;}
.submainBox4 .section .sectionFix a.area04:hover { background:url(../images/_submain/box33_on.png) no-repeat;   -webkit-transition: all 1s ease;}
.submainBox4 .section .sectionFix a.area05 {float:left; width:590px; height:108px; background:url(../images/_submain/box34.png) no-repeat;   -webkit-transition: all 1s ease; margin:20px 0 0 20px;}
.submainBox4 .section .sectionFix a.area05:hover { background:url(../images/_submain/box34_on.png) no-repeat;   -webkit-transition: all 1s ease;}
.submainBox4 .section .sectionFix .area06 {float:left; width:1200px; height:423px; background:url(../images/_submain/box35.png) no-repeat;  margin-top:20px;}
.submainBox4 .section .sectionFix .area06 a.pray01 {float:left; width:100px; height:30px; margin:140px 0 0 100px;}
.submainBox4 .section .sectionFix .area06 a.pray02 {float:left; width:95px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray03 {float:left; width:63px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray04 {float:left; width:63px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray05 {float:left; width:92px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray06 {float:left; width:80px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray07 {float:left; width:75px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray08 {float:left; width:77px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray09 {float:left; width:80px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray10 {float:left; width:120px; height:30px; margin:140px 0 0 0px;}
.submainBox4 .section .sectionFix .area06 a.pray11 {float:left; width:160px; height:30px; margin:140px 0 0 0px;}

.submainBox4 .section .sectionFix .area06 .newsBox1 {float:left; width:450px; height:120px; margin:82px 0 0 125px;}
.submainBox4 .section .sectionFix .area06 .newsBox1 .bbsArea {float:left; width:450px; height:120px;}
.submainBox4 .section .sectionFix .area06 .newsBox1 .bbsArea a.bbsLink {float:left; width:450px; height:28px; margin-bottom:7px; font-size:16px; color:#fff;}
.submainBox4 .section .sectionFix .area06 .newsBox1 .bbsArea a.bbsLink span.subj {float:left; width:350px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.3pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox4 .section .sectionFix .area06 .newsBox1 .bbsArea a.bbsLink span.date {float:left; width:95px; height:28px; font-size:14px; text-align:right;  letter-spacing:0pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox4 .section .sectionFix .area06 .newsBox1 .bbsArea a.bbsLink span.subj:hover {font-weight:bold;}

.submainBox4 .section .sectionFix .area06 .newsBox2 {float:left; width:450px; height:120px; margin:82px 0 0 68px;}
.submainBox4 .section .sectionFix .area06 .newsBox2 .bbsArea {float:left; width:450px; height:120px;}
.submainBox4 .section .sectionFix .area06 .newsBox2 .bbsArea a.bbsLink {float:left; width:450px; height:28px; margin-bottom:7px; font-size:16px; color:#fff;}
.submainBox4 .section .sectionFix .area06 .newsBox2 .bbsArea a.bbsLink span.subj {float:left; width:350px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.3pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox4 .section .sectionFix .area06 .newsBox2 .bbsArea a.bbsLink span.date {float:left; width:95px; height:28px; font-size:14px; text-align:right;  letter-spacing:0pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox4 .section .sectionFix .area06 .newsBox2 .bbsArea a.bbsLink span.subj:hover {font-weight:bold;}


/*서브메인5*/
.submainBox5 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden; background:#ffffff url(../images/_submain/bg5.jpg)center bottom no-repeat; }
.submainBox5 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; height:190px; z-index:0; background:url(../images/_submain/sub_5_210115.jpg) no-repeat; }
.submainBox5 .visual .schoolMenu {float:left; width:600px; height:45px; margin:108px 0 0 737px;}
.submainBox5 .visual .schoolMenu a.smenu01 {float:left; width:149px; height:45px; background:url(../images/_submain/menu01.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu01:hover {background:url(../images/_submain/menu01_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu02 {float:left; width:86px; height:45px; background:url(../images/_submain/menu02.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu02:hover {background:url(../images/_submain/menu02_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu03 {float:left; width:92px; height:45px; background:url(../images/_submain/menu03.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu03:hover {background:url(../images/_submain/menu03_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu04 {float:left; width:109px; height:45px; background:url(../images/_submain/menu04.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu04:hover {background:url(../images/_submain/menu04_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu05 {float:left; width:98px; height:45px; background:url(../images/_submain/menu05.png) no-repeat;  -webkit-transition: all 1s ease;}
.submainBox5 .visual .schoolMenu a.smenu05:hover {background:url(../images/_submain/menu05_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix {position: relative; width:1200px; height:950px; margin:85px auto;}

.submainBox5 .section .sectionFix .area01 {float:left; width:470px; height:660px;}
.submainBox5 .section .sectionFix .area02 {float:left; width:280px; height:660px; margin-left:21px;}
.submainBox5 .section .sectionFix .area02 a.boxbtn01 {float:left; width:280px; height:149px; background:url(../images/_submain/box36.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix .area02 a.boxbtn01:hover {background:url(../images/_submain/box36_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix .area02 a.boxbtn02 {float:left; width:280px; height:149px; background:url(../images/_submain/box37.png) no-repeat; -webkit-transition: all 1s ease; margin-top:21px;}
.submainBox5 .section .sectionFix .area02 a.boxbtn02:hover {background:url(../images/_submain/box37_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix .area02 a.boxbtn03 {float:left; width:280px; height:149px; background:url(../images/_submain/box38_201013.png) no-repeat; -webkit-transition: all 1s ease; margin-top:21px;}
.submainBox5 .section .sectionFix .area02 a.boxbtn03:hover {background:url(../images/_submain/box38_201013_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix .area02 a.boxbtn04 {float:left; width:280px; height:149px; background:url(../images/_submain/box39.png) no-repeat; -webkit-transition: all 1s ease; margin-top:21px;}
.submainBox5 .section .sectionFix .area02 a.boxbtn04:hover {background:url(../images/_submain/box39_on.png) no-repeat; -webkit-transition: all 1s ease;}
.submainBox5 .section .sectionFix .area03 {float:left; width:408px; height:660px; margin-left:21px;}
.submainBox5 .section .sectionFix .area03 .sworship {float:left; width:408px; height:319px;  background:url(../images/_submain/box40_220613.png) repeat;}
.submainBox5 .section .sectionFix .area03 .scal {float:left; width:408px; height:318px;  background:url(../images/_submain/box41.png) no-repeat; margin-top:22px;}
.submainBox5 .section .sectionFix .area03 .scal .calArea {float:left; width:317px; height:180px; margin:108px 0 0 43px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scal .calArea a.calLink {float:left; width:317px; height:28px; margin-bottom:7px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scal .calArea a.calLink span.date {float:left; width:95px; height:28px; font-size:14px; text-align:left;  letter-spacing:0pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scal .calArea a.calLink span.subj {float:left; width:220px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.3pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scal .calArea a.calLink span.subj:hover {font-weight:bold;}
/* 9월1일 추가 행사+소식*/
.submainBox5 .section .sectionFix .area03 .scaln {float:left; width:408px; height:318px;  background:url(../images/_submain/box41_2.png) no-repeat; margin-top:22px;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea1 {float:left; width:317px; height:165px; margin:72px 0 0 43px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea1 a.calLink {float:left; width:317px; height:28px; margin-bottom:7px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea1 a.calLink span.date {float:left; width:95px; height:28px; font-size:14px; text-align:left;  letter-spacing:0pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scaln .calArea1 a.calLink span.subj {float:left; width:220px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.3pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scaln .calArea1 a.calLink span.subj:hover {font-weight:bold;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea2 {float:left; width:317px; height:180px; margin:0px 0 0 43px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea2 a.calLink {float:left; width:317px; height:28px; margin-bottom:7px; font-size:16px; color:#fff;}
.submainBox5 .section .sectionFix .area03 .scaln .calArea2 a.calLink span.date {float:left; width:95px; height:28px; font-size:14px; text-align:left;  letter-spacing:0pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scaln .calArea2 a.calLink span.subj {float:left; width:220px; height:28px; font-size:15px; font-weight:400;  letter-spacing:-.3pt; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.submainBox5 .section .sectionFix .area03 .scaln .calArea2 a.calLink span.subj:hover {font-weight:bold;}

.submainBox5 .section .sectionFix .area04 {float:left; width:1200px; height:90px; margin:35px 0 35px 0; background:url(../images/_submain/box42_221220.png) no-repeat;}
.submainBox5 .section .sectionFix .area04 a.sBanner01 {float:left; width:279px; height:88px;}
.submainBox5 .section .sectionFix .area04 a.sBanner02 {float:left; width:350px; height:88px;}
.submainBox5 .section .sectionFix .area04 a.sBanner03 {float:left; width:300px; height:88px;}
.submainBox5 .section .sectionFix .area04 a.sBanner04 {float:left; width:260px; height:88px;}
.submainBox5 .section .sectionFix .area05 {float:left; width:1200px; height:530px; margin-bottom:75px;}
.submainBox5 .section .sectionFix .area05 a.sclass01 {float:left; width:230px; height:255px; background:url(../images/_submain/box43_220614.png) no-repeat;}
.submainBox5 .section .sectionFix .area05 a.sclass02 {float:left; width:230px; height:255px; background:url(../images/_submain/box44.png) no-repeat; margin-left:12px;}
.submainBox5 .section .sectionFix .area05 a.sclass03 {float:left; width:230px; height:255px; background:url(../images/_submain/box45_220614.png) no-repeat; margin-left:12px;}
.submainBox5 .section .sectionFix .area05 a.sclass04 {float:left; width:230px; height:255px; background:url(../images/_submain/box46_220614.png) no-repeat; margin-left:12px;}
.submainBox5 .section .sectionFix .area05 a.sclass05 {float:left; width:230px; height:255px; background:url(../images/_submain/box47_220614.png) no-repeat; margin-left:12px;}
.submainBox5 .section .sectionFix .area05 a.sclass06 {float:left; width:230px; height:255px; background:url(../images/_submain/box48.png) no-repeat; margin:12px 0 0 0px;}
.submainBox5 .section .sectionFix .area05 a.sclass07 {float:left; width:230px; height:255px; background:url(../images/_submain/box49_220614.png) no-repeat; margin:12px 0 0 12px;}
.submainBox5 .section .sectionFix .area05 a.sclass08 {float:left; width:230px; height:255px; background:url(../images/_submain/box58.png) no-repeat; margin:12px 0 0 12px;}
.submainBox5 .section .sectionFix .area05 a.sclass09 {float:left; width:230px; height:255px; background:url(../images/_submain/box59.png) no-repeat; margin:12px 0 0 12px;}
.submainBox5 .section .sectionFix .area05 a.sclass10 {float:left; width:230px; height:255px; background:url(../images/_submain/box52.png) no-repeat; margin:12px 0 0 12px;}

/*서브메인6*/
.submainBox6 {position:relative; float:left; width:100%; margin:0px auto 0 auto; overflow-x:hidden; background:#003555 url(../images/_submain/bg6_220105.jpg)center bottom no-repeat; }
.submainBox6 .visual {position: relative; margin-left:-1000px; top:0px; left:50%; width:2000px; z-index:0; }
.submainBox6 .section .sectionFix {position: relative; width:1200px; height:1000px; margin:80px auto;}
.submainBox6 .section .sectionFix .area01 {float:left; width:405px; height:435px; background:url(../images/_submain/box53.png) no-repeat; margin-top:90px; text-align:center;}
.submainBox6 .section .sectionFix .area02 {float:left; width:390px; height:435px; background:url(../images/_submain/box54.png) no-repeat; margin-top:90px; text-align:center;}
.submainBox6 .section .sectionFix .area03 {float:left; width:405px; height:435px; background:url(../images/_submain/box55.png) no-repeat; margin-top:90px; text-align:center;}
.submainBox6 .section .sectionFix .area04 {float:left; width:600px; height:475px; background:url(../images/_submain/box56.png) no-repeat; text-align:center;}
.submainBox6 .section .sectionFix .area05 {float:left; width:600px; height:475px; background:url(../images/_submain/box57_221123.png) no-repeat; text-align:center;}
.submainBox6 .section .sectionFix a.view01 {color:#7f5324; border:1px solid #aca296; margin:330px 0 0 53px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view02 {color:#7f5324; border:1px solid #aca296; margin:330px 0 0 19px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view03 {color:#7f5324; border:1px solid #aca296; margin:330px 0 0 42px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view04 {color:#7f5324;border:1px solid #aca296; margin:330px 0 0 19px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view05 {color:#7f5324;  border:1px solid #aca296; margin:330px 0 0 42px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view06 {color:#7f5324;  border:1px solid #aca296; margin:360px 0 0 150px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view07 {color:#7f5324;  border:1px solid #aca296; margin:360px 0 0 19px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a.view08 {color:#7f5324;  border:1px solid #aca296; margin:360px 0 0 138px; width:143px; height:43px; float:left;}
.submainBox6 .section .sectionFix a {font-family: 'NanumSquare' !important; line-height:42px; font-size:17px; font-weight:bold;  letter-spacing:-.3pt; -webkit-transition: all 0.2s ease;}
.submainBox6 .section .sectionFix a:hover {font-family: 'NanumSquare' !important; font-size:18px; font-weight:900;  letter-spacing:-.3pt; -webkit-transition: all 0.2s ease;}


/* FLEX */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 60px; margin: 0 0 0; display: block; background: url(../images/_submain/obj3.png) no-repeat 0 0; position: absolute; top: 150px; z-index: 99; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 25px; }
.flex-direction-nav .flex-prev {left: 25px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 30px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity:.3;!important; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; top: 610px; left: 45%; text-align: left; z-index:1;}
.flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background-color:#fff; border:1px solid #bdbdbd; background: rgba(255,255,255,100); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #555555;}
.flex-control-paging li a.flex-active { background: #555555; cursor: default; }


#owl-demo .item{  width:150px; height:150px; margin:0px;}
#owl-demo .item img {width:150px; height:150px;}
#owl-demo .customNavigation{  text-align: center;}

  
.owl-carousel .owl-wrapper:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
/* display none until init */
.owl-carousel{display: none; position: relative; width: 1000px; -ms-touch-action: pan-y; padding:50px 0 0 130px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;}
	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {	-webkit-user-select: none;-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon */
.grabbing {    cursor:url(grabbing.png) 8 8, move;}
.btn { display: inline-block;  *display: inline;  *zoom: 1;  padding: 4px 12px;  margin-bottom: 0;   cursor: pointer;}