@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
 /* 1. 구글 폰트 로드 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

BODY { 
scrollbar-face-color:#eeeeee; 
scrollbar-shadow-color:#cccccc ; 
scrollbar-highlight-color: #F8F8F8; 
scrollbar-3dlight-color: #F8F8F8; 
scrollbar-darkshadow-color: #F8F8F8; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: black; 
 }
* { margin:0;padding:0; }

.shortTextBox{
  position: relative;
  z-index: 13;
  border: 1px solid #bebebe;
  float:left;
}
.11ft{
	font-size:11px;
}

textarea {border:0 solid #5F5F5F; color:333333; font-size: 9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; background-color:"FFFFFF";}


.table {line-height:14pt;font-size: 9pt;  font-family: dotum, gullim; 
} 
.fix-layer {
    position: fixed;
    margin: 0;
    width: 100%;
    top: 0px;
    z-index: 9999;
}

.line-out { display:block;position:absolute;width:100%;top:25px;border:0px solid #000;height:550px;z-index:99;}
.fix-layer .menu_layer { display:block;position:relative;background-color:rgba(255,255,255,0.8);z-index:102;width:100%;height:92px;border-bottom:1px solid #f3f3f3; font-size:0px;}
.menu_layer > .menu_real_layer { width:1112px; height:100%;border:0px solid blue;margin: 0 auto;}
.menu_layer > .menu_real_layer > .logo { float:left; margin-top:7px; max-width:200px;}
.menu_layer > .menu_real_layer > .menu_content_layer { float:left; margin-top:0px;width:900px;height:62px;border:0px solid #000;}
.login-layer  { width:100%; height:25px; background-color: #6f94aa; }
.login-layer .login_content_layer { width:1112px;margin:0 auto;font-family: dotum, gullim;font-size:11px;  }


a.div_login:link		{font-family:"Nanum Gothic";color: #ffffff; font-size:13px;font-weight:normal;text-decoration: none;line-height:150%; }
a.div_login:visited	{font-family:"Nanum Gothic";color: #ffffff; font-size:13px;font-weight:normal;text-decoration: none;}
a.div_login:active	{font-family:"Nanum Gothic";color: #ffffff; font-size:13px;font-weight:normal;text-decoration: none; }
a.div_login:hover	    { color:#ffcc66; }

.menu_layer > .menu_real_layer > .submenu_content_layer { float:left; margin-top:-25px;height:30px;border:0px solid #000;}
.submenu_content_layer > .smenu_gnb { float:left; height:100%;border:0px solid #474747;text-align:center;line-height:30px;color:#635151; }
.submenu_content_layer > .smenu_gnb { margin-left:20px; }
.submenu_content_layer > .smenu_gnb  a:link,.smenu_gnb a:hover,.smenu_gnb a:visited{ font-family:"Nanum Gothic";font-size:15px;font-weight:bold; color:#9b9b9b}
.submenu_content_layer.off {display:none}
.submenu_content_layer.on { display: block; }

#sub_menu_div1  { margin-left:148px;}
#sub_menu_div2  { margin-left:8px; }
#sub_menu_div3  { margin-left:8px; }
#sub_menu_div4  { margin-left:128px; }
#sub_menu_div5  { margin-left:12px; }
#sub_menu_div6  { margin-left:-228px;}

.menu_content_layer > .menu_gnb { float:left;width:16%;height:100%;border:0px solid #474747;text-align:center;line-height:92px;color:#000000; }
.menu_content_layer > .menu_gnb  a:link,.menu_gnb a:hover,.menu_gnb a:visited{ font-family:"NanumGothicB";font-size:20px;font-weight:bold; }
.menu_content_layer > .menu_gnb  a.on:link,.menu_gnb a.on:hover,.menu_gnb on.a:visited{ font-family:"NanumGothicB";font-size:20px;font-weight:bold;color:blue; }

.main-slider { width:100%; min-height:624px; border: 0px solid #000;margin: 0 auto;}


.clear { clear:both; }
.menu_content_layer > .menu_gnb:first-child { margin-left:20px; }

.main-top { width:100%;margin:0 auto; }
.main-body-outer { display: block;position:relative; }
.main-body-outer .main-body { width:1112px;margin:0px auto 10px auto; }
.main-body-outer .main-body > .main-content-box { width:100%;height:304px;margin:15px 0;  }
.main-body-outer .main-body > .main-content-box > .box1   { float:left;width:466px;height:304px; }


.main-body-outer .main-body > .main-content-box > .box2  { float:left;width:630px;height:304px;margin-left:12px; }
.main-body-outer .main-body > .main-content-box > .box3   { float:left;width:313px;height:304px;background:url(/images/sk50003/main_content03.gif) left top no-repeat; }
.main-body-outer .main-body > .main-content-box > .box3   > .say-box { background-color:rgba(0,0,0,0.3); line-height:150%; padding:10px 10px;float:right;font-family:"NanumGothicB";font-size:17px;font-weight:bold;display:inline-block;margin:190px auto 0 auto;width:93%;height:95px;color:#fff; }
.main-body-outer .main-body > .main-content-box > .box3   > .say-box > .bible{ float:right;display:block;text-align:right;font-size:14px;margin-right:10px; }

.main-body-outer .main-body > .main-content-box > .box4   { float:left;width:313px;height:304px;margin-left:12px; }
.main-body-outer .main-body > .main-content-box > .box5  { float:left;width:456px;height:304px;margin-left:12px; background: url(/images/sk50003/main_content05.gif) top center no-repeat; }
.main-body-outer .main-body > .main-content-box > .box5 > .more img{ margin-top:32px;margin-right:27px;float:right; }

table.son { background:url(/images/sk50003/sub_bg.gif) left top no-repeat;  }
.linkson {  color:#fff;font-weight:bold; }

.content-body { width:1112px;margin:20px auto 0 auto; }
.content-body > .content_guide_line  { margin-top:40px;width:100%; }
.content-body > .content_guide_line:before  { clear:both;content:''; }
.content-body > .content_guide_line:after  {  content:'';clear:both; }


.content_guide_line  > .box1 { float:left;width:630px;height:455px;border-radius:20px;border:0px solid green;z-index:104;}
.content_guide_line  > .box1 > .m_photo { position:absolute;background: url(/images/sk50002/m_photo.png);z-index:103;width:630px;height:455px;border-radius:20px;}
.content_guide_line  > .box1 > .m_photo > .small_box_layer { margin:50px auto 0 auto; width:31%;height:20%;margin-bottom:20px; }
.content_guide_line  > .box1 > .m_photo > .big_box_layer { font-family:"Nanum Gothic";margin:150px auto 0 auto; width:80%;height:20%; color:#fff; font-size:40px;font-weight:700; text-shadow: 2px 2px 2px #333; }

.content_guide_line  > .box1 > .m_photo > .small_box_layer > .small_box:not(:first-child) { margin-left:10px; }
.content_guide_line  > .box1 > .m_photo > .small_box_layer > .small_box { float:left;height:100%;  }

.content_guide_line  > .box2 { float:left;margin-left:20px;width:148px;height:455px;border-radius:20px;border:0px solid green; background: url(/images/sk50002/small_menu.png);}

.content_guide_line  > .box2 > .small_menu:first-child { margin-top:30px; }
.content_guide_line  > .box2 > .small_menu:not(:first-child) { margin-top:10px; }
.content_guide_line  > .box2 > .small_menu { display:block;width:122px;height:95px;border-radius:15px; border:1px solid #fff;margin:0px auto; text-align:center; background: rgba(255,255,255,0.3);}
.content_guide_line  > .box2 > .small_menu span{ line-height:95px; }

.content_guide_line  > .box3 { float:left;margin-left:20px;width:381px;height:455px;border-radius:20px;border:0px solid green;}
.box3  >   ul.slides{  margin:0; padding:0; list-style-type:none; }
.box3  >   ul.slides  li {   display: none; }


.content_guide_line  > .box4:not(:first-child) { margin-left:20px;}
.content_guide_line  > .box4 { float:left;width:284px;height:205px;border-radius:20px;border:0px solid green;background-color:rgba(255,255,255,0.3); z-index:103;  }
/* .content_guide_line  > .box4 > .menu_box { margin:40px auto;width:80%;height:40%;border-radius:3px;border:1px solid #fff;background-color:rgba(255,255,255,0.5);z-index:104;padding: 10px 10px 10px 10px;line-height:140%;text-align:left;  } */
.content_guide_line > .box4 > .menu_box {
    width: 261px;
    height: 30px;
    border: 0px solid #fff;
    background-color: rgba(255,255,255,0.5);
    z-index: 104;
    padding: 10px 10px 10px 10px;
    text-align: left;
    position: absolute;
    margin-top: 153px;
	border-bottom-right-radius:13px;
	border-bottom-left-radius:13px;
}
.box5 > .content-line {   margin:120px auto 0 auto;display:block;width:90%;height:30px }

.box5 > .content-line > .content-title {   display:block;width:100%;height:30px;border-bottom:1px dotted #fff; }
.box5 > .content-line > .content-title a{   font-size:16px !important;color:#ffffff; }

.content_guide_line  > .box4 > .menu_box span{ font-family:"Nanum Gothic";color: #2b1515; font-size:12px;font-weight:normal; }

.content_guide_line  > .box5:not(:first-child) { margin-left:20px;}
.content_guide_line  > .box5 { float:left;width:386px;height:140px;border-radius:20px;border:0px solid green;border:1px solid #fff;background-color:rgba(255,255,255,0.3);}
.content_guide_line  > .box5:nth-child(1) { background:url(/images/sk50002/box5_bg.png)}
.content_guide_line  > .box5:nth-child(2) { background:url(/images/sk50002/box5_bg2.png)}
.content_guide_line  > .box5:nth-child(3) { background:url(/images/sk50002/box5_bg3.png)}

.content_guide_line  > .box5 > .menu_box { margin:30px auto;width:50%;height:40%;border-radius:3px;z-index:104;padding: 10px 0 10px 0;text-align:center;  }
.content_guide_line  > .box5 > .menu_box span{ font-family:"Nanum Gothic";color: #ffffff; font-size:17px;font-weight:700;text-shadow: 2px 2px 2px #333; line-height: 70px; }

a.div_notice:link		{font-family:"Nanum Gothic";color: #ffffff; font-size:22px;font-weight:700;text-decoration: none;line-height:150%; }
a.div_notice:visited	{font-family:"Nanum Gothic";color: #ffffff; font-size:22px;font-weight:700;text-decoration: none;}
a.div_notice:active	{font-family:"Nanum Gothic";color: #ffffff; font-size:22px;font-weight:700;text-decoration: none; }
a.div_notice:hover	    { }

a.div_title:link		{font-family:"Nanum Gothic";color: #ffffff; font-size:16px;font-weight:normal;text-decoration: none;line-height:150%; }
a.div_title:visited	{font-family:"Nanum Gothic";color: #ffffff; font-size:16px;font-weight:normal;text-decoration: none;}
a.div_title:active	{font-family:"Nanum Gothic";color: #ffffff; font-size:16px;font-weight:normal;text-decoration: none; }
a.div_title:hover	    { }



 .footer-layer { background: url(/images/sk50003/footer_bg.gif) repeat;padding:20px 0;border-top:2px solid #787878;width:100%;height:518px;z-index:102; bottom:0;}
 .footer-layer > .footer-content-line{  width:1112px; height:313px;margin: 40px auto;  }
 .footer-layer > .footer-content-line > .box-line1 {  width:313px; height:303px;float:left ; margin-right:23px; }
 .footer-layer > .footer-content-line > .box-line1 > .box1{  width:140px; height:143px;float:left ; }
 .footer-layer > .footer-content-line > .box-line1 > .box2{  width:140px; height:143px;float:left ; margin-left:32px; }

 .footer-layer > .footer-content-line > .box-line1 > .box3{  width:140px; height:143px;float:left ;margin-top:30px; }
 .footer-layer > .footer-content-line > .box-line1 > .box4{  width:140px; height:143px;float:left ; margin-left:32px;margin-top:30px; }

 .footer-layer > .footer-content-line > .box-line2 {  width:772px; height:323px;float:left; }
 .footer-layer > .footer-content-line > .box-line3 {  margin-top:20px;width:100%; height:23px;float:left; text-align:left;font-weight:normal;color:#fff;font-family:"Nanum Gothic";font-size:15px;}




select { color:6D6D6D; font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; background-color:"FFFFFF";bottom:0;}


.m {font-size: 9pt; color:#929292; font-family: dotum, gullim; }




a:link	{ font-size:9pt; color:#000000; text-decoration: none; font-weight:normal;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;}

a:visited	{font-size:9pt; color:#000000; text-decoration: none;font-weight:normal;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;}

a:active	{font-size:9pt; color:#000000; text-decoration: none;font-weight:normal;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;}

a:hover	{font-size:9pt; color:#009933; text-decoration: none;cursor:pointer;font-weight:normal;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;}

td {	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color:#707070;	line-height: 140% }




a.norm:link		{ text-decoration: none; font-weight: normal; }

a.norm:visited	{ text-decoration: none; font-weight: normal; }

a.norm:active	{text-decoration: none; font-weight: normal; }

a.norm:hover	{ text-decoration: none; font-weight: normal; }

.tbl{font-size:9pt; color:#FFFFFF; text-decoration: none;}





a.rev:link		{color:white; text-decoration: none; font-weight: normal; }
a.rev:visited	{color:white; text-decoration: none; font-weight: normal; }
a.rev:active	{color:white; text-decoration: none; font-weight: normal; }
a.rev:hover	    {color:white; text-decoration: underline; font-weight: normal; }





a.rev2:link		{color:white; text-decoration: none; font-weight: normal; }


a.rev2:visited	{color:white; text-decoration: none; font-weight: normal; }


a.rev2:active	{color:white; text-decoration: none; font-weight: normal; }


a.rev2:hover	{color:white; text-decoration: none; font-weight: normal; }


a.tit:link		{color:white; text-decoration: none; font-weight: normal; }


a.tit:visited	{color:white; text-decoration: none; font-weight: normal; }


a.tit:active	{color:white; text-decoration: none; font-weight: normal; }


a.tit:hover	{color:white; text-decoration: none; font-weight: normal; }









.tbmenu  {


	font-size : 12px; color : #ffffff; text-decoration : none;


	padding-left: 5; padding-right: 5; padding-top: 7; padding-bottom: 3;


}





.tbmenuon  {


	font-size : 12px; color : #ffffff; background-color : #4070B8; text-decoration : none;


	padding-left: 5; padding-right: 5; padding-top: 7; padding-bottom: 3;


}





.ssmenu  { font-size : 12px; color : #000000; text-decoration : none; }


.ssmenuon  { font-size : 12px; color : #ffffff; text-decoration : none; }


.topuser { font-size : 12px; color : #5B5A80; text-decoration : none; }








a.submns:link    {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.submns:visited {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.submns:active  {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.submns:hover   {font-size:9pt; color:#FFFFFF; text-decoration: underline;}



a.ms:link    {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.ms:visited {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.ms:active  {font-size:9pt; color:#CAD6F9; text-decoration: none;}


a.ms:hover   {font-size:9pt; color:#FFFFFF; text-decoration:none;}




a.submnson:link    {font-size:9pt; color:#FFFFFF; text-decoration: underline;}


a.submnson:visited {font-size:9pt; color:#FFFFFF; text-decoration: none;}


a.submnson:active  {font-size:9pt; color:#FFFFFF; text-decoration: underline;}


a.submnson:hover   {font-size:9pt; color:#FFFFFF; text-decoration: none;}





a.topmns:link    {font-size:9pt; color:#000000; text-decoration: none;}


a.topmns:visited {font-size:9pt; color:#000000; text-decoration: none;}


a.topmns:active  {font-size:9pt; color:#005ACD; text-decoration: none;}


a.topmns:hover   {font-size:9pt; color:#3C46A2; text-decoration: underline;}





.box {


	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #222222;


	border-right:1px solid #B6B6B6; border-bottom:1px solid #B6B6B6;


	border-left: 1px solid #B6B6B6; border-top: 1px solid #B6B6B6;


}





.csftxt {


	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #222222;


	border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;


	border-left: 1px solid #cccccc; border-top: 1px solid #cccccc;


	padding-left: 2px; background-color: #ffffff; height:18px;


}


.csftbox {


	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; line-height: 20px; color: #222222;


	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;


	border-left: 1px solid #84A2D6; border-top: 1px solid #84A2D6;


	background-image:url(/img/textline.gif); background-position:0 -1; padding-left: 2px; background-color: #F7F7FF


}





/* 텍스트입력영역(삭제요) */


.boxarea {


	font-size:9pt; color: #222222; line-height: 20px; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;


	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;


	border-left: 1px solid #84A2D6; border-top: 1px solid #84A2D6;


	//background-image:url(/img/textline.gif); background-position:0 -1; padding-left: 2px; background-color: #F7F7FF


}


.csfsel	{


	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #444444; 


	background-color: #F7F7FF; BORDER: black 1px solid;}


.csfsel2 {

	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #330099; 
	background-color: #DEE7F7; BORDER: black 1px solid;}

.csfbtn{

	font-size:10pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #000000;
    border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #F7F7FF; border-top: 1px solid #F7F7FF;
    padding-left: 2px; padding-top: 2px; height:23;
}


.csbtn {
	font-size:9pt; color: #F7F7FF; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; 
	line-height: 11pt; text-decoration: none;
}


.csbtn a { color: #F7F7FF; text-decoration: none; }

.csbtn a:visited { color: #F7F7FF; text-decoration: none; }

.csbtn a:active { color: #F7F7FF; text-decoration: none; }

.csbtn a:hover { color: #F7F7FF; text-decoration: none; cursor: hand; }

.csbtn2 {
	font-size:9pt; color: #000000; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; 
	line-height: 11pt; text-decoration: none;
}

.textarea{

font-size:12pt; font-family: "돋움", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000;
}

.csbtn2 a { color: #000000; text-decoration: none; }


.csbtn2 a:visited { color: #000000; text-decoration: none; }


.csbtn2 a:active { color: #000000; text-decoration: none; }


.csbtn2 a:hover { color: #000000; text-decoration: none; cursor: hand; }

.cstab a { color: #FFFFFF; text-decoration: none; }
.cstab a:link { color: #FFFFFF; text-decoration: none; }
.cstab a:visited { color: #FFFFFF; text-decoration: none; }
.cstab a:active { color: #FFFFFF; text-decoration: none; }
.cstab a:hover { color: #FFFFFF; text-decoration: underline; cursor: hand; }

.t00144top a { color: #FFFFFF; text-decoration: none; }
.t00144top a:link { color: #FFFFFF; text-decoration: none; }
.t00144top a:visited { color: #FFFFFF; text-decoration: none; }
.t00144top a:active { color: #FFFFFF; text-decoration: none; }
.t00144top a:hover { color: #FFFFFF; text-decoration: underline; cursor: hand; }

.t00150bot { font-size;9pt; font-weight: normal;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.t00144bot2 { font-size;9pt; font-weight: bold;color: #C0C0C0; text-decoration: none;font-family: Mond }

.t00144bot :link { font-size;9pt; font-weight: bold;color: #C0C0C0; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.t00144bot :visited { font-size;9pt; font-weight: bold;color: #C0C0C0; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.t00144bot :active{ font-size;9pt; font-weight: bold;color: #C0C0C0; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.t00144bot :hover{ font-size;9pt; font-weight: bold;color: #C0C0C0; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }

.overcls { font-size;9pt; font-weight: normal;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls :link { font-size;9pt; font-weight: normal;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls :visited { font-size;9pt; font-weight: normal;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls :active{ font-size;9pt; font-weight: normal;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls :hover{ font-size;9pt; font-weight: bold;color: #FF8000; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }renable { background-color:#E1E4EE; }

.overcls2 { font-size;9pt; font-weight: normal;color: #FFFFFF; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls2 :link { font-size;9pt; font-weight: normal;color: #FFFFFF; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls2 :visited { font-size;9pt; font-weight: normal;color: #FFFFFF; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls2 :active{ font-size;9pt; font-weight: normal;color: #FFFFFF; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.overcls2 :hover{ font-size;9pt; font-weight: bold;color: #FF8000; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }renable { background-color:#E1E4EE; }

.mtit { font-size;9pt; font-weight: normal;color: #333333; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.mtit :link { font-size;9pt; font-weight: normal;color: #333333; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.mtit :visited { font-size;9pt; font-weight: normal;color: #333333; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.mtit :active{ font-size;9pt; font-weight: normal;color: #333333; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.mtit :hover{ font-size;9pt; font-weight: normal;color: #333333; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }renable { background-color:#E1E4EE; }


.145topmnu { font-size;15pt; font-weight: bold;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.145topmnu :link { font-size;15pt; font-weight: bold;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.145topmnu :visited { font-size;15pt; font-weight: bold;color: #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.145topmnu :active{ font-size;15pt; font-weight: bold;color:  #808080; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.145topmnu :hover{ font-size;15pt; font-weight: bold;color: #44644D; text-decoration: none;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }renable { background-color:#E1E4EE; }



/****************************/
/* font color  Style    	*/
/****************************/

/* linemap */
.map1 {	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #22419D;	}
/* linemap -강조 */
.map2 {	font-size:9pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #4271BD;	}
.memocnt	{	font-family:Tahoma, Arial, "굴림", "굴림체" ; font-size:6pt; font-weight:bold; letter-spacing:-1px;	}
.memonm	{	font-size:9pt; color:#2f2ba6; text-decoration:none;	}
.flogin {font:9pt;color:#ffffff;FONT-FAMILY: 굴림;}
.fnt7 {  font-size:7pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt8 {  font-size:8pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9 {  font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9bold {  font-size:9pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10 {  font-size:10pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10bold {  font-size:10pt; font-weight: bold; font-family: "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11 {  font-size:11pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11bold {  font-size:11pt; font-weight: bold; font-family:  "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12 {  font-size:12pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12bold {  font-size:12pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}

.fnt9eng {  font-size:9pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9engbold {  font-size:9pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10eng {  font-size:10pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10engbold2 {  font-size:10pt; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10engbold {  font-size:10pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11eng {  font-size:11pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11engbold {  font-size:11pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12eng {  font-size:12pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12engbold {  font-size:12pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}


.tit11 {  font-size:11pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit12 {  font-size:12pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit14 {  font-size:14pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit16 {  font-size:16pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit18 {  font-size:18pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit20 {  font-size:20pt; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}


.tit14eng {  font-size:14pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit16eng {  font-size:16pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit18eng {  font-size:18pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit20eng {  font-size:20pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}


.fnt8_gray {  font-size:8pt; color:#A08A70; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt8_red {  font-size:8pt; color:#CC0033; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9_red {  font-size:9pt; color:#CC0033; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10bold_tit {  font-size:10pt; color:#003399; font-weight: bold; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}



.text { font-size: 9pt; color: #000000; font-family:'굴림','seoul'l,'arial' }
.text1 { font-size: 9pt; color: #363661; line-height:18px; font-family:'굴림','seoul'l,'arial'; background-color: #F4F5F1 }
.text2 { font-size: 9pt; color: #333333; line-height:18px; font-family:'굴림','seoul'l,'arial'; background-color: #E3E3E3 }
.text3 { font-size: 9pt; color: #363661; line-height:19px; font-family:'굴림','seoul'l,'arial'; background-color: #E9EAE3 }
.text4 { font-size: 9pt; color: #363661; line-height:19px; font-family:'굴림','seoul'l,'arial'; background-color: #DBDCD1 }
.text5 { font-size: 9pt; color: #333333; line-height:18px; font-family:'굴림','seoul'l,'arial'; background-color: #F3F3F3 }
.text6 { font-size: 9pt; color: #333333; line-height:18px; font-family:'굴림','seoul'l,'arial'; background-color: #E3E3E3 }
.text7 { font-size: 9pt; color: #000000; line-height:19px; font-family:'굴림','seoul'l,'arial'; background-color: #D4D4D4 }
.text8 { font-size: 9pt; color: #293f96; line-height:18px; font-family:'굴림','seoul'l,'arial' }
.orange { font-size: 9pt; color: #FF3300; line-height:18px; font-family:'굴림','seoul'l,'arial'; }
.gray { font-size: 9pt; color: #333333; line-height:16px; font-family:'굴림','seoul'l,'arial'; }


.nnot { color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;  }

.ntit { color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif;  }
.ntit a{ color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.ntit a:link { color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.ntit a:visited { color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.ntit a:active { color: #009900; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }
.ntit a:hover { color:#FF99333; text-decoration: none;font-weight:bold;font-size:9pt;font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; }


IMG {border:none;}


.txt_input{
	font-size:9pt; font-family: 'Nanum Gothic', "나눔고딕", "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; color: #222222;
	border-right:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5; border-top: 1px solid #C5C5C5;
}

.sub-menu-top { padding:20px 20px; }
.sub-menu-top span {  font-family:"Nanum Gothic";font-size:22px;color:#000;font-weight:bold; }
.nanum {  font-family:"Nanum Gothic";font-size:22px;color:#000;font-weight:bold;}
.outer-menu  table td { padding:10px 0;border-bottom:1px solid #cdcdcd;}
.outer-menu  table td .menu{  font-family:"Nanum Gothic";font-size:17px;color:#000;font-weight:normal;}
.outer-menu  table td .linkson{  font-family:"Nanum Gothic";font-size:17px;color:#fff;font-weight:bold;}
.tb_1 table { border-top:2px solid #7db5d9 }
.tb_1 table td { height:50px;border:1px solid #dce7ee;width:25%;font-family:"Nanum Gothic";font-size:15px;color:#000000; }
.tb_1 table td.title { height:50px;background-color:#f6f9fa;text-align:center; }

.tb_2 table { border-top:2px solid #7db5d9;width:100%; }
.tb_2 table td { height:50px;border:1px solid #dce7ee;width:33.3%;font-family:"Nanum Gothic";font-size:15px;color:#000000; }
.tb_2 table td.title { height:50px;background-color:#f6f9fa;text-align:center; }


.tb_3 table { border-top:2px solid #7db5d9 }
.tb_3 table td { height:50px;border:1px solid #dce7ee;font-family:"Nanum Gothic";font-size:15px;color:#000000;padding:5px; }
.tb_3 table td.title { height:50px;background-color:#f6f9fa;text-align:center; }



.lcont { float:left;width:75%; text-align:left;line-height:160%; font-family:"Nanum Gothic";font-size:18px;color:#000000;font-weight:normal;}
.lcont p:first-child{ margin-top:23px;}
.lcont p{ margin-top:-13px;}
.line2 { width:100%;margin:0 auto ; }
.line2 > .lcont2 { display:inline-block;float:left;width:25%; text-align:center;font-family:"Nanum Gothic";font-size:18px;color:#000000;font-weight:normal; }
.line2 > .rscont2 { display:inline-block;float:left;width:calc(75% - 30px); margin-left:30px;text-align:left; font-family:"Nanum Gothic";font-size:16px;color:#000000;font-weight:normal; }

.t-sm-box {border-radius: 20px;padding:15px 10px;  background: linear-gradient( 45deg, yellow, red );width:100%;margin:20px 0 20px 20px; }
.t-sm-box.title{ font-family:"Nanum Gothic";font-size:20px;color:#000000;font-weight:700; }


.sm-box { padding:5px 10px;background-color: #fff;width:70%;margin:10px 0 10px 20px; }
.sm-box.title{ font-family:"Nanum Gothic";font-size:16px;color:#000000;font-weight:900; }

.sm-box2 { font-family:"Nanum Gothic";padding:0px 10px;margin:2px 0 2px 30px;font-size:16px;color:#3c3c3c; line-height:160%; }
.sm-box .sm-tit1{ border-radius:20px;padding:5px;background-color:#000099;color:#fff;display:inline-block; }
.sm-box .sm-tit2{ border-radius:20px;padding:5px;background-color:#ff66cc;color:#fff;display:inline-block; }
.sm-box .sm-tit3{ border-radius:20px;padding:5px;background-color:#00cc00;color:#fff;display:inline-block; }
.sm-box .sm-tit4{ border-radius:20px;padding:5px;background-color:#ff6633;color:#fff;display:inline-block; }
.sm-box .sm-tit5{ border-radius:20px;padding:5px;background-color:#cc0000;color:#fff;display:inline-block; }
.sm-box .sm-tit6{ border-radius:20px;padding:5px;background-color:#003366;color:#fff;display:inline-block; }
.sm-box .sm-tit7{ border-radius:20px;padding:5px;background-color:#669900;color:#fff;display:inline-block; }


.rcont { float:left;width:25%; text-align:left;line-height:160%; font-family:"Nanum Gothic";font-size:16px;color:#000000;font-weight:normal;}
.rcont img{ margin-top:30px;}
.rcont p:first-child{ margin-top:53px;}
.rcont p{ margin-top:-13px;}

.cont2 { display:inline-block;width:90%;vertical-align:bottom;text-align:left;line-height:160%; font-family:"Nanum Gothic";font-size:17px;color:#000000;font-weight:normal;}



.serve_ul {list-style:none!important;}
.serve_ul .serve_li{float:left;overflow:hidden;padding-left:3%!important;margin:0 10px 10px 5px; width:44%; height:200px;border:1px solid #dedede; }
.serve_ul .serve_li  .serve_div { padding:40px 0 0px 0; }
.serve_ul .serve_li img{float:left;}
.serve_ul .serve_li .serve_p_box{float:left;width:62%;padding-left:3%;vertical-align:top!important;margin-top:-6px;}
.serve_ul .serve_li .serve_p_box span{float:left; padding-bottom:10px;font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; font-size:14px;line-height:1em;}
.serve_ul .serve_li p.serve_info_p{clear:both; padding:5px 9px 0 0; border-top:1px solid #dedede;font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; line-height:1.5em!important;font-size:15px;text-align:left;}

.serve_ul .txt_name{font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;font-size:20px;  color:#4095c6;}
.serve_ul em{color:#4095c6}
.serve_ul .serve_title{float:left;text-align:left;overflow:hidden;margin:0 10px 10px 5px; width:90%; height:50px;border:0px solid #dedede;font-size:18px; padding-left:5px!important;margin-left:0px;margin-top:0px!important;}
.serve_ul .serve_jr_title{float:left;overflow:hidden;margin:0 10px 10px 5px; width:90%; height:auto;border:0px solid #dedede;font-size:18px; padding-left:5px!important;margin-left:0px;margin-top:50px;margin-bottom:50px;}
.serve_ul .serve_jr_title_div{
	width:90%;
	padding: 20px; 
	margin-left:5%;
	margin-right:5%;  
	line-height: 30px; 
	color: #000000; 
	border: 5px solid #e5d200!important;
	display:inline-block;
}

.serve_ul .jr_span{
	font-size: 20px; 
	font-weight: bold; 
	background: #e5d200; 
	color: #ffffff; 
	padding: 5px; 
	padding-left: 20px; 
	padding-right: 20px;
}
.serve_ul .serve_title_div{
	width:300px;
  	font-family:"Nanum Gothic";
  	font-size:18px;
	text-decoration:none;
	color: white;
	font-weight: normal;
	display: inline-block;
	border-bottom: 30px solid #0f377e; 
	padding-top:0px;
	margin-top:0px;
		
}
#dd {
  width:0px;
  font-family:"Nanum Gothic";
  font-size:18px;
	padding: 10px;
	text-decoration: none;
	color: white;
	font-weight: normal;
	display: inline-block;
	border-bottom: 30px solid #0f377e; 
	height: 0;
	line-height: 50px;
}

#ee {
  font-family:"Nanum Gothic";
  font-size:18px;
	padding: 10px;
	text-decoration: none;
	color: white;
	font-weight: normal;
	display: inline-block;

	border-right: 30px solid transparent;
	border-bottom: 30px solid #0f377e; 

	height: 0;
	line-height: 50px;
}

.half-box-left-line { float:left;width:50%;text-align:center; }
.half-box-left-line > .round-box { margin:0 auto;width:70%;border:2px solid #3d8554;text-align:left;padding:20px;font-size:20px;font-weight:bold;border-radius:20px;font-family: '맑은 고딕','Nanum Gothic';background-color:#e0edd3;line-height:160%;}


.html_line { width:100%;margin:0 auto;}
.pre-photo17 { width: calc(100% -40px);height:300px;margin:20px;background-color: #dddddd;background:url(http://web.moachurch.com/hm/ssg/upload/img/in_p1524626309.png) top center no-repeat;background-size:cover; }
.smain-contents17 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents17 span { font-size:20px; }
.smain-contents17 span.box-title{ color:#fff;background-color:#99cc00;padding:3px;font-weight:bold;  }
.smain-contents17 span.s-title{ color:#99cc00;padding:3px;font-weight:bold; }

.pre-photo18 { width: calc(100% -40px);height:300px;margin:20px;background-color: #dddddd; }
.smain-contents18 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents181 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}

.smain-contents181 span { font-size:20px; }
.smain-contents181 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold;  }
.smain-contents181 span.s-title{ color:#0000b5;padding:3px;font-weight:bold;text-align:center; }

.smain-contents182 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;text-align:center;}
.smain-contents182 span { font-size:20px; }
.smain-contents182 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold;  }
.smain-contents182 span.s-title{ color:#0000b5;padding:3px;font-weight:bold; }
.smain-contents182 span.s-title2{ color:#000;padding:3px;font-weight:normal;font-size:18px;line-height:130%; margin-top:15px;}
.smain-contents182 .box1{ border-radius:20px ;background-color:#d2f0ff;border:1px solid #33ccff;padding:5px;width:100%;}


.smain-contents18 span { font-size:20px; }
.smain-contents18 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold;  }
.smain-contents18 span.s-title{ color:#0000b5;padding:3px;font-weight:bold; }


.pre-photo19 { width: calc(100% -40px);margin:20px;background-color: #dddddd; }
.pre-photo19 img { float:left;max-width:100%;width:100%; }

.smain-contents19 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents191 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}

.smain-contents191 span { font-size:20px; }
.smain-contents191 span.box-title{ color:#fff;background-color:#8080c0;padding:3px;font-weight:bold;  }
.smain-contents191 span.s-title{ color:#8080c0;padding:3px;font-weight:bold; }


.smain-contents19 span { font-size:20px; }
.smain-contents19 span.box-title{ color:#fff;background-color:#8080c0;padding:3px;font-weight:bold;  }
.smain-contents19 span.s-title{ color:#8080c0;padding:3px;font-weight:bold; }
.smain-contents19  p.inner-box { padding-left:35px; margin-top:10px;font-size:13px;}



.pre-photo21 { width: calc(100% -40px);height:300px;margin:20px;background-color: #dddddd;background: url(http://web.moachurch.com/hm/ssg/upload/img/in_p1524625585.png) no-repeat;background-size:cover; }
.smain-contents21 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents211 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}

.smain-contents211 span { font-size:20px; }
.smain-contents211 span.box-title{ color:#fff;background-color:#0099cc;padding:3px;font-weight:bold;  }
.smain-contents211 span.s-title{ color:#0099cc;padding:3px;font-weight:bold; }


.smain-contents21 span { font-size:20px; }
.smain-contents21 span.box-title{ color:#fff;background-color:#0099cc;padding:3px;font-weight:bold;  }
.smain-contents21 span.s-title{ color:#0099cc;padding:3px;font-weight:bold; }</style>


.pre-photo22 { width: calc(100% -40px);height:300px;margin:20px;background-color: #dddddd;background: url(http://web.moachurch.com/hm/ssg/upload/img/in_p1524550840.jpg) no-repeat;background-size:cover; }
.smain-contents22 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents221 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}

.smain-contents221 span { font-size:20px; }
.smain-contents221 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold;  }
.smain-contents221 span.s-title{ color:#0000b5;padding:3px;font-weight:bold;text-align:center; }

.smain-contents222 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;text-align:center;}
.smain-contents222 span { font-size:20px; }
.smain-contents222 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold; font-size:20px; }
.smain-contents222 span.s-title{ color:#0000b5;padding:3px;font-weight:bold; }
.smain-contents222 span.s-title2{ color:#000;padding:3px;font-weight:normal;font-size:18px;line-height:130%; margin-top:15px;}
.smain-contents222 .box1{ border-radius:20px ;background-color:#d2f0ff;border:1px solid #33ccff;padding:5px;width:100%;}


.smain-contents22 span { font-size:20px; }
.smain-contents22 span.box-title{ color:#fff;background-color:#0000b5;padding:3px;font-weight:bold;  }
.smain-contents22 span.s-title{ color:#0000b5;padding:3px;font-weight:bold; }


.smain-contents23 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents23 span { font-size:20px; }
.smain-contents23 span.box-title{ color:#fff;background-color:#99cc00;padding:3px;font-weight:bold;  }
.smain-contents23 span.s-title{ color:#99cc00;padding:3px;font-weight:bold; }


.pre-photo24 { width: calc(100% -40px);height:300px;margin:20px;background-color: #dddddd; }
.smain-contents24 { width: calc(100% -40px);padding:10px 10px;margin:20px; font-family: "Nanum Gothic"; text-align:left;font-size:16px; line-height:160%;}
.smain-contents24 span { font-size:20px; }
.smain-contents24 span.box-title{ color:#fff;background-color:#99cc00;padding:3px;font-weight:bold;  }
.smain-contents24 span.s-title{ color:#99cc00;padding:3px;font-weight:bold; }

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

    /* 전체 영역 폰트 및 초기화 */
    .custom-left-menu-area {
        width: 210px;
        font-family: 'Noto Sans KR', sans-serif !important;
        border: 1px solid #ddd;
        background: #fff;
    }

    /* 상단 카테고리 제목 (교회소개 등) */
    .left-menu-header {
        background: #2c3e50  !important;
        padding: 22px 10px !important;
        text-align: center;
    }
    .left-menu-header a {
        color: #ffffff !important;
        font-size: 19px !important; /* 타이틀 크기 고정 */
        font-weight: 700 !important;
        text-decoration: none !important;
        letter-spacing: -0.05em !important;
    }

    /* 메뉴 아이템 공통 스타일 */
    .menu-item-container {
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    .menu-item-container:last-child { border-bottom: none; }

    .custom-left-menu-link {
        display: block;
        padding: 14px 18px !important;
        font-size: 15px !important; /* 메뉴 리스트 크기 고정 */
        color: #555 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        transition: all 0.2s;
    }

    /* 마우스 호버 효과 */
    .menu-item-container:hover { background-color: #f9f9f9 !important; }
    .menu-item-container:hover .custom-left-menu-link { color: #222 !important; }

    /* 활성화된(선택된) 메뉴 강조 */
    .menu-item-container.is-active {
        background-color: #f8f9fa !important;
        position: relative;
    }
    .menu-item-container.is-active .custom-left-menu-link {
        color: #007bff !important; /* 파란색 강조 */
        font-weight: 700 !important;
    }
    /* 선택된 메뉴 왼쪽 파란색 바 생성 */
    .menu-item-container.is-active::before {
        content: "";
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 4px;
        background: #007bff;
    }
	

    /* 2. 전용 폰트 및 공통 스타일 (강제 적용) */
    .custom-left-menu-area, 
    .custom-left-menu-area div, 
    .custom-left-menu-area a, 
    .custom-left-menu-area span {
        font-family: 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif !important;
        text-transform: none !important;
        letter-spacing: -0.05em !important;
    }

    /* 3. 메인 부모 컨테이너 */
    .custom-left-menu-area {
        width: 210px;
        border: 1px solid #ddd !important; /* 전체 외곽선 */
        background: #fff !important;
        box-sizing: border-box !important;
        padding: 0 !important; /* 내부 여백 완전 제거 */
        margin: 0 !important;
        overflow: hidden;      /* 중요: 마이너스 마진으로 삐져나온 헤더를 부모 테두리 안으로 깎아냄 */
        display: block !important;
    }

    /* 4. 상단 제목 영역 (진한 배경) */
    .custom-left-menu-area .left-menu-header {
        background: #2c3e50 !important; /* 제목 배경색 */
        padding: 22px 10px !important;
        text-align: center !important;
        border: none !important;
        
        /* [핵심 수정] 부모의 테두리(1px)를 덮어버리도록 강제 확장 */
        margin: -1px -1px 0 -1px !important; 
        width: calc(100% + 2px) !important;  /* 좌우 1px씩 총 2px 확장 */
        box-sizing: border-box !important;
        position: relative !important;
        display: block !important;
    }
    
    /* 제목 텍스트 설정 */
    .custom-left-menu-area .left-menu-header a {
        color: #ffffff !important;
        font-size: 19px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        display: block !important;
        width: 100% !important;
        line-height: 1.2 !important;
    }

    /* 5. 리스트 항목 (메뉴 컨테이너) */
    .custom-left-menu-area .menu-item-container {
        border-bottom: 1px solid #eee !important;
        background: #fff !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }
    
    /* 마지막 메뉴 하단 선 제거 */
    .custom-left-menu-area .menu-item-container:last-child { 
        border-bottom: none !important; 
    }

    /* 6. 각 메뉴 링크 설정 */
    .custom-left-menu-area .custom-left-menu-link {
        display: block !important;
        padding: 14px 18px !important;
        font-size: 15px !important;
        color: #555 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        background: transparent !important;
        transition: background 0.2s ease;
    }

    /* 7. 호버 상태 */
    .custom-left-menu-area .menu-item-container:hover { 
        background-color: #f9f9f9 !important; 
    }
    
    /* 8. 활성화(클릭됨) 상태 */
    .custom-left-menu-area .menu-item-container.is-active {
        background-color: #f8f9fa !important;
        position: relative !important;
    }
    
    .custom-left-menu-area .menu-item-container.is-active .custom-left-menu-link {
        color: #007bff !important; /* 포인트 컬러 */
        font-weight: 700 !important;
    }
    
    /* 활성화 시 왼쪽 포인트 바 */
    .custom-left-menu-area .menu-item-container.is-active::before {
        content: "";
        position: absolute;
        left: 0; 
        top: 0; 
        bottom: 0;
        width: 4px;
        background: #007bff !important;
        z-index: 1;
    }
	
	.fix-layer, .menu_layer, .submenu_content_layer {
        font-family: 'Noto Sans KR', sans-serif !important;
    }

    /* 1. 탑 라인 - 높이를 좁게(padding 5px) 수정 */
    .login-layer {
        background-color: #2c3e50 !important;
        padding: 5px 0; /* 기존 10px에서 5px로 줄임 */
        width: 100%;
    }
    .login_content_layer {
        max-width: 1100px;
        margin: 0 auto;
        text-align: right;
        color: #fff !important;
        font-size: 13px;
        padding-right: 20px;
        display: flex; /* 가로 정렬을 위한 설정 */
        justify-content: flex-end;
        align-items: center;
    }

    /* 로그인 메뉴 링크 및 커스텀 구분선 */
    .login_content_layer a {
        color: #fff !important;
        text-decoration: none !important;
        position: relative;
        padding: 0 12px; /* 간격 조정 */
        display: inline-block;
        line-height: 1;
    }

    /* [핵심] 기존의 길고 투박한 구분선을 대체하는 짧은 가상 요소 선 */
    .login_content_layer a:not(:last-child):after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 10px; /* 구분선 높이를 아주 짧고 고급스럽게 제한 */
        background-color: rgba(255, 255, 255, 0.3); /* 연한 화이트로 부드럽게 */
    }

    /* 2. 메인 메뉴 영역 - 기존 유지 */
    .menu_layer {
        width: 100%;
        background: #fff !important;
        border-bottom: 1px solid #eee;
    }
    .menu_real_layer {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        position: relative;
    }

    .logo { margin-right: 60px; }
    .logo img { width:200px; }

    .menu_content_layer {
        display: flex;
        gap: 20px;
        height: 100%;
    }

    /* 3. 대메뉴 아이템 - 기존 유지 */
    .menu_gnb {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .menu_gnb > a {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #333 !important;
        text-decoration: none !important;
        padding: 10px 0;
        display: block;
    }

    /* 4. 서브메뉴 라운드 박스 - 기존 유지 */
    .submenu_content_layer {
        display: none !important;
        position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff !important;
        border: 1px solid #007bff;
        border-radius: 50px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
        padding: 10px 30px !important;
        white-space: nowrap;
        gap: 20px;
        z-index: 1000;
        padding-top: 15px !important; 
    }

    .menu_gnb:hover .submenu_content_layer {
        display: flex !important;
    }

    .smenu_gnb a {
        font-size: 15px !important;
        color: #555 !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        transition: 0.2s;
    }
    .smenu_gnb a:hover {
        color: #007bff !important;
        font-weight: 700 !important;
    }
    .fix-layer, .menu_layer, .submenu_content_layer {
        font-family: 'Noto Sans KR', sans-serif !important;
    }

    /* 1. 탑 라인 - 높이 슬림화 */
    .login-layer {
        background-color: #2c3e50 !important;
        padding: 6px 0; /* 높이 줄임 */
        width: 100%;
    }
    .login_content_layer {
        max-width: 1100px;
        margin: 0 auto;
        text-align: right;
        color: #fff !important;
        font-size: 12px;
        padding-right: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        /* 텍스트 바(|)가 포함된 노드의 글자색을 투명하게 해서 기존 바를 숨김 */
        color: transparent !important; 
    }

    /* 로그인 메뉴 글자들만 다시 흰색으로 보이게 설정 */
    .login_content_layer a, 
    .login_content_layer span, 
    .login_content_layer b {
        color: #fff !important;
        text-decoration: none !important;
        position: relative;
        padding: 0 12px;
        display: inline-block;
        font-size: 12px;
        letter-spacing: -0.5px;
    }

    /* [핵심] 기존의 긴 '|' 대신 들어갈 8px 높이의 아주 작은 구분선 */
    .login_content_layer a:not(:last-child):after {
        content: "";
        position: absolute;
        right: 0;
        top: 55%; /* 글자 중간보다 살짝 아래로 배치 */
        transform: translateY(-50%);
        width: 1px;
        height: 8px; /* 선 길이를 8px로 대폭 줄여서 작게 만듦 */
        background-color: rgba(255, 255, 255, 0.4); /* 부드러운 화이트 선 */
    }

    /* 2. 메인 메뉴 영역 - 기존 유지 */
    .menu_layer {
        width: 100%;
        background: #fff !important;
        border-bottom: 1px solid #eee;
    }
    .menu_real_layer {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        position: relative;
    }

    .logo { margin-right: 60px; }
    .logo img { width:200px; }

    .menu_content_layer {
        display: flex;
        gap: 20px;
        height: 100%;
    }

    /* 3. 대메뉴 아이템 - 기존 유지 */
    .menu_gnb {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .menu_gnb > a {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #333 !important;
        text-decoration: none !important;
        padding: 10px 0;
        display: block;
    }

    /* 4. 서브메뉴 라운드 박스 - 기존 유지 */
    .submenu_content_layer {
        display: none !important;
        position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff !important;
        border: 1px solid #a7a7a7;
        border-radius: 50px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
        padding: 10px 30px !important;
        white-space: nowrap;
        gap: 20px;
        z-index: 1000;
        padding-top: 15px !important; 
    }

    .menu_gnb:hover .submenu_content_layer {
        display: flex !important;
    }

    .smenu_gnb a {
        font-size: 15px !important;
        color: #555 !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        transition: 0.2s;
    }
    .smenu_gnb a:hover {
        color: #007bff !important;
        font-weight: 700 !important;
    }
	    /* [폰트 수정] 로그인 섹션 전체에 Noto Sans KR 강제 적용 */
    .login-outer-line, 
    #inline-login-container, 
    #inline-login-container input, 
    #inline-login-container button,
    .div_login {
        font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* 상단 바 레이아웃 */
    .login-outer-line {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        height: 100%;
    }

    /* 개별 메뉴 박스 */
    .line-box {
        position: relative;
        display: flex;
        align-items: center;
    }

    /* 8px 높이의 고급스러운 구분선 */
    .line-box:after {
        content: "";
        width: 1px;
        height: 8px;
        background-color: rgba(255, 255, 255, 0.3);
        margin: 0 12px;
        display: inline-block;
    }

    .line-box-last {
        position: relative;
        display: flex;
        align-items: center;
    }

    /* 링크 스타일 */
    .div_login {
        color: #fff !important;
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        transition: opacity 0.2s;
        white-space: nowrap;
    }

    .div_login:hover {
        opacity: 0.7;
    }

    /* 인라인 로그인 박스 디자인 */
    #inline-login-container {
        display: none;
        position: absolute;
        top: 35px;
        right: 0;
        width: 260px;
        background: #ffffff;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.25);
        z-index: 9999;
        border: 1px solid #eee;
        text-align: left; /* 텍스트 정렬 */
    }

    #inline-login-container input {
        width: 100%;
        padding: 10px;
        margin-bottom: 8px;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-sizing: border-box;
        font-size: 13px;
        outline: none;
    }

    #inline-login-container input:focus {
        border-color: #2c3e50;
    }

    #inline-login-container .btn-submit {
        width: 100%;
        padding: 10px;
        background: #2c3e50;
        color: #fff;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
    }

    /* 사용자 정보 폰트 강조 */
    .user-name {
        color: #ffeb3b;
        font-weight: 700;
		font-size:14px !important;
        margin-right: 2px;
    }