body { margin:0px; position:relative; }
#topbar { width:100%; background:#182D1C; height:50px; position:relative; }

.topbar_iconbox { height:100%; margin-left:15px; float:left;  }
.topbar_iconbox img  { height:100%; }

.topbar_box { width:80px; float:right; color:#fff; height:50px; text-align:center; padding-top:15px; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  }
.topbar_box:hover { background:#59755E; }

#main_nav { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; height:100px; overflow: hidden; position: relative; }

#logo { float:left; position: absolute; float: left; top: 5px;} 

.gnb { margin-top:20px; margin-left:90px; }
.gnb ul.depth1 { list-style:none; margin:0px; margin-top:15px; margin-left:145px; }
.gnb ul.depth1 li { float:left; margin:0px 8px; padding:20px 5px; text-align:center; }
.gnb ul.depth1 li a { color:#555; font-weight:600; font-size:20px; text-decoration:none; padding-bottom: 10px; font-family:'nanumgothic'; }
.gnb ul.depth1 li a:hover { border-bottom: 4px solid #20957B; }

.depth2 { list-style:none; margin:0 auto; display: inline-block; padding:0px; height:100%; }
.depth2 li { text-align:center; float:left; display: inline; height:100%; padding:11px 20px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer; }
.depth2 li:hover { background:#182D1C; }
.depth2 li a { color:#fff; text-decoration:none; font-size:14px; }

.main_box_wrapper { margin:0 auto; }

.box { margin-right:10px; margin-top:5px; margin-bottom:5px; overflow:hidden; }
.box:nth-child(3n) { margin-right:0px; }
.box1, .box2 { height:350px; float:left; position:relative; }
.box1 { width:560px; }
.box2 { width:280px; }


.box1 p.title { font-size:36px; color:#fff; padding-left:25px; margin-top:20px; position:relative; z-index:2; }
.box1 p.title2, .box2 p.title2 { font-size:28px; color:#fff; padding-left:25px; margin-bottom:0px;  margin-top:20px; }

.box-text { position:absolute; color:#fff; font-size:16px; font-weight:600; padding-left:15px; } 
.box-table { bottom:11px; table-layout:fixed; width:100%; position:absolute; color:#fff; font-size:16px; font-weight:600; padding-left:15px; }
.box-table td { padding:4px 3px; width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 

.row { margin:10px 0px; overflow:hidden; }

.divider_left { float:left; width:100%; position:relative; }
.divider_right {  position:relative; float:left; width:280px; height:162px;  border:1px solid #ddd; }

.main_icon_list { overflow:hidden; padding:15px 7px; border:1px solid #eee; position:relative; }
.main_icon_list img { height:90px; }
.main_icon_list p { text-align:center; font-size:14px; color:#777; font-weight:500; margin:0px; }
.main_icon_list .bar img { width:10px; height:120px; }

footer { background:#eee; width:100%; padding:20px 0px; margin-top:30px; }
footer p { color:#555; font-size:14px; float:left; line-height:160%; text-align:left !important;  }

.footer-box { width:33%; float:left; }

#widget_sermon { position:absolute; top:125px; left:45px; }
#widget_sermon p { color:#fff; margin:0px; }
#widget_sermon .sermon_date { font-size:20px; }
#widget_sermon .sermon_title { font-size:34px; font-weight:600; margin:20px 0px; }
#widget_sermon .sermon_bible { font-size:24px; }
#widget_sermon .sermon_pastor { font-size:24px; margin-top:20px; }

.widgetTabA { border:0px !important; padding-left:20px; margin-bottom:30px !important; }
.widget_news, .widget_news2 { list-style:none; }
.widget_news li { padding:15px 0px !important; }
.widget_news li a, .widget_news2 li a { color:#fff; font-size:18px; }
.black .widget_news2 li a, .black .widget_news2 .date { color:#515544 !important; }
.black .widget_news2 li { border-color:#ABD275 !important; }


.widget_news2 { padding:0px 20px !important; }
.widget_news2 li { line-height:180%; padding:12px 0px !important; border-bottom:1px solid #ddd; }
.widget_news2 li:nth-child(5n), .widget_news2 li:last-child { border:0px; }
.widget_news2 .date { color:#fff !important; font-size:14px; }

.widgetTabA { padding-left:20px !important; }
.widgetTabA li { background:none !important; }
.widgetTabA li a { background:none !important; color:#fff !important; border:0px !important; font-size:16px !important; }
.widgetTabA li.active a, .widgetTabA li a:hover { color:#DAF627 !important; font-weight:500 !important; text-decoration:none; } 

.widgetNavigator { text-align:center !important; }
.widgetNavigator li { padding: 0px 3px; }
.widgetNavigator .nav-btn { font-size:16px; cursor:pointer; }
.b175 { color:#8BBCC0; }
.b181 { color:#A9A9A9; }
.b179 { color:#E5F0BA; }
.white { color:#fff !important; }

.sub_title { font-family: 'nanumsquare'; }

.xe_content { overflow:hidden !important; }


#topbar_m { background:#fff; color:#182D1C; height:50px; position:fixed; width:100%; z-index:9999; top:0px; border-bottom: 2px solid #23957B; }
.navbar-toggle { padding:0px; margin: 5px; top: 7px; }
.navbar-toggle span {font-size:26px; }

.m_list_depth1 { background:#266D5D; color:#fff !important; }
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { background:#266D5D; color:#fff !important; }

.bx-wrapper { margin-top: 30px !important; }


.box { position:relative; }
.bg { height:100%; position:absolute; top:0px; z-index:0;}

.sub_head  {     font-size: 24px;
    top: 14px;
    position: relative;
    padding: 15px 30px;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

#sub_wrapper { margin:0 auto; padding:40px 15px; min-height:800px; overflow: hidden; }

@media(max-width:1200px)
{
     .gnb ul.depth1{ margin-top: -17px; margin-left: 40px; }
	 .gnb ul.depth1 li { margin:0px 15px; }
	 .gnb ul.depth1 li a { font-size:18px; }
	 #main_nav { height:70px; }
	 #logo { top:8px; height:50px; }
	 
	 .box1, .box2 { width:305px; }
	 
	 .divider_left { margin-right:0px; }
	 .main_icon_list img { height:73px; }
	 .bg {  left:-50px; }
}

@media(max-width:992px)
{
	 
	 .box1, .box2 { width:355px; }
	 .box:nth-child(3n) { margin-right:10px; }
	 .box:nth-child(2n) { margin-right:0px; }
	 .divider_left { margin-right:0px; }
	 .main_icon_list img { height:100px; }
	 .main_icon_list img { height:54px; }
	 .main_slide { margin-top:50px; }
	 .navbar-toggle { display:block !important; }
	 .bg { height:100%; left:0px; }
	 #sub_title { margin-top:50px; }
	 #sub_wrapper { margin-top:15px; padding:0px 5px; }
}
@media(max-width:768px)
{
	.box { height:200px; width:100%; margin-right:0px;  }
	.box1 p.title {
    font-size: 24px;
    color: #fff;
    padding-left: 14px;
    margin-top: 7px; }
    .box1 p.title2, .box2 p.title2 {
    font-size: 24px;
    color: #fff;
    padding-left: 14px;
    margin-bottom: 5px;
    margin-top: 7px;
    }
    #widget_sermon {
	    position: absolute;
	    top: 55px;
	    left: 20px;
	}
	#widget_sermon .sermon_title { font-size:25px; margin:10px 0px; }
	.widgetTabA { padding-left:0px !important; }
	.widget_news { padding-left:20px; }
	.widget_news2 li:nth-child(2n) { border:0px; }
	.bx-wrapper .bx-controls-direction a { top:36% !important; }
	.footer-box { width:100%; }
	footer { padding:5px 0px; }
	.main_icon_list img { height:55px; }
	.icon_box { height:90px; }
	.main_icon_list div { width:33%; text-align:center; margin:5px 0px; } 
	.divider_left { width:100%; }
	.divider_left p { font-size:12px; }
	.account input[type="submit"] { padding:0px 25px !important; }
	.account>fieldset { z-index:998; }
	.bx-wrapper {
	  height: 155px !important; 
	  display: block;
	  overflow: hidden;
	  margin-top:0px !important;
	 }
	.bx-viewport { height:155px !important; }
	.bg { height:100%; right:0px; left:auto;  }
	.main_select_edu, .main_select_work { width:100% !important; left:0px !important; z-index:10; }
}


.main_select_edu { width: 250px; height: 25px;  position: absolute; bottom: -30px; left: -57px; }
.main_select_edu table { width:100%; height:100%; }
.main_select_edu table td { width:20%; text-align:center; background:#FADA4B;  border:1px solid #fff; }
.main_select_edu table td a { color:#777; text-decoration:none; }
.main_select_edu table td a:hover { color:#fff; }

.main_select_work { width: 150px; height: 25px;  position: absolute; bottom: -30px; left: -10px; }
.main_select_work table { width:100%; height:100%; }
.main_select_work table td { width:50%; text-align:center; background:#FADA4B;  border:1px solid #fff; }
.main_select_work table td a { color:#777; text-decoration:none; }
.main_select_work table td a:hover { color:#fff; }

@media(max-width:768px)
{
	.main_select_work table td { width:100%; }
}