/********** common *********/
.wrap {width: 100%; font-size: 1.6rem; font-weight: 300; font-family: "NanumSquare", sans-serif;}
.wrap .pc_area {display: block;}
.wrap .mobi_area {display: none;}
.cont_size {width: 1200px; margin: 0 auto;}
.tit_hidden {width: 0; height: 0; visibility: hidden;}
.pc_hide {display:none;}
@media screen and (max-width:1200px) {
	.cont_size {width: 100%;}
	.wrap .pc_area {display: none;}
	.wrap .mobi_area {display: block;}
	.pc_hide {display:block;}
}
/********** main page *********/
/***** header *****/
.header_cover {position: fixed; left: 50%; top: 0; transform: translateX(-50%); width: 100%; z-index:99999999;}
.header_cover.sub, .header_cover.scroll {background: #333;}
.header {z-index:99999999;}
.header_user_cover {display: flex; justify-content: flex-end;}
.header_user {padding: 10px; background: rgba(0,0,0,0.3);}
.header_user_list {display: flex; align-items: center;}
.header_user_list > li {margin: 0 7px; color: rgba(255,255,255,0.5); font-size: 1.4rem;}
.header_user_list > li:hover {color: rgba(255,255,255,1);}
.header_cont {display: flex; justify-content: space-between; align-items: center; position: relative; height:100px; z-index: 99999;}
.logo {max-width: 480px;}
.logo .link {display:block;}
.logo_img {display:block; width: 100%;}

@media screen and (max-width:1200px) {
	.logo {max-width:300px; padding: 0px;}
	.header {}
	.header_cont {position: relative; padding: 10px; height: auto; background: #333; box-sizing: border-box;}
}

/* gnb */
.menu_top {width: calc(100% - 600px);}
.menu_gnb_fst {display: flex; justify-content: space-between; align-items: center; z-index:99999999;}
.menu_gnb_fst > li {position: relative; width: 25%; text-align: center; padding: 20px 0; font-size: 2rem; box-sizing: border-box;}
.menu_gnb_fst > li > .link {display: block; color: rgba(255,255,255,0.8); font-weight: 400; box-sizing:border-box;}
.menu_gnb_fst > li > .link .f_small {display:block; padding-top:5px; font-size:1.1rem; color:#666666;}
.menu_gnb_scd {display: none; position: absolute; top:60px; left:50%; width: 200px; padding:20px 0; background:#fff; text-align:center; transform: translateX(-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3); box-sizing: border-box; z-index: 9999999;}
.menu_gnb_scd:before {content:""; position: absolute; top: -10px; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #fff; transform: translateX(-50%);}
.menu_gnb_scd > li {padding: 4px 0;}
.menu_gnb_scd > li > .link {display:block; color: #333; font-size:1.7rem; line-height:1.3;}
.menu_gnb_scd > li > .link:hover {color: #288450;}
.menu_gnb_scd > li > .link.scd {display:block; padding-left:5px; font-size:1.2rem; color:#555;}
.menu_gnb_scd > li > .link i {margin-left:5px;}
.menu_gnb_scd > li > .link i.fa-plus {font-size:1.2rem;}
/*.menu_gnb_trd  {display:none;}*/
.menu_gnb_trd.show  {display:block;}
.menu_gnb_trd  > li {}
.menu_gnb_trd  > li > .link {color: #555; font-size: 1.4rem;}
.menu_gnb_trd  > li:hover > .link {color: #288450;}

.btn_mobi_menu_more {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 3rem; color: #fff;}
.gnb_mobi_btn_cls {position: absolute; right: 10px; top: 10px; background: #fff; width: 35px; height: 35px; text-align: center; font-size: 2.6rem; color: #333;}
.gnb_mobi_btn_cls i {line-height: 35px;}

@media screen and (max-width:1200px) {
	.menu_top {display: none; position: fixed; display: block; right: -100%; top: 0; width: 70%; height: 100vh; background: #333; transition: 0.5s; z-index: 999999;}
  .menu_top.show {display: block; right: 0;}
  .menu_gnb_fst {display: block; text-align: left; color: #fff; margin-top: 70px;}
  .menu_gnb_fst > li {width: 100%; text-align: left; padding: 0;}
  .menu_gnb_fst > li > .link {position: relative; padding: 20px; border-bottom: 1px solid #ccc; font-weight: bold;}
  .menu_gnb_fst > li:hover > .link {color:#008d44;}
  .menu_gnb_fst > li i {position: absolute; font-size: 1.4rem; right: 20px; top: 50%; transform: translateY(-50%); color: #fff; transition: 0.3s;}
  .menu_gnb_fst > li i.active {transform: translateY(-50%) rotate(180deg);}
  .menu_gnb_scd {position: static; transform: none; width: 100%; background: rgba(255, 255, 255, 0.2); text-align: left; padding: 10px 0; box-shadow: none; border-radius: 0;}
  .menu_gnb_scd:before {display: none;}
  .menu_gnb_scd > li > .link {padding: 8px 20px; color: #fff;}
  .menu_gnb_scd > li:hover > .link {color: #fff;}
}

/***** main *****/
.main {background-color:#fff;}

/* main_sec01 */
.banner_area{position: relative; height: 0; overflow: hidden; padding-bottom: 60%; z-index:999;}
.banner_cont{position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}

@media screen and (max-width:1320px) {
	.menu_gnb_fst > li:last-of-type .menu_gnb_scd {left: initial; right: 0; transform: none;}
	.menu_gnb_fst > li:last-of-type .menu_gnb_scd:before {left: initial; right: 15px; transform: none;}
}

@media screen and (max-width:1200px) {
	.main_sec01_cover {padding-top: 49px;}
}

/* main_sec02 */
.main_sec02 {padding: 2em 0;}
.main_sec02_cont {}
.sec02_quick_area {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sec02_quick_area > li {position: relative; width:24%; height: 168px; text-align:center; transition: all 0.5s;}
.sec02_quick_area > li.sec02_quick_menu01 {background:url('../img/main/quick_bg01.jpg') no-repeat; background-size:cover;}
.sec02_quick_area > li.sec02_quick_menu02 {background:url('../img/main/quick_bg02.jpg') no-repeat; background-size:cover;}
.sec02_quick_area > li.sec02_quick_menu03 {background:url('../img/main/quick_bg03.jpg') no-repeat; background-size:cover;}
.sec02_quick_area > li.sec02_quick_menu04 {background:url('../img/main/quick_bg04.jpg') no-repeat; background-size:100% 100%;}
.sec02_quick_area > li:last-of-type {margin-right:0;}
.sec02_quick_area > li > .link {display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.2); color:#fff; text-shadow: 0px 0px 5px #000; transition: all 0.3s;}
.sec02_quick_area > li:hover > .link {background: rgba(0,0,0,0.8);}
.sec02_quick_area > li > .link > .txt_area {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.sec02_quick_area > li > .link > .txt_area > .txt {display: inline-block; margin-bottom: 5px; padding: 10px 0; font-weight: 400; font-size:3rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.sec02_quick_area > li > .link > .txt_area > .txt_small {display: block; margin-top: 10px; font-size: 1.2rem; text-transform:uppercase;}

@media screen and (max-width:768px) {
	.main_sec02 {width: 100%; margin: 20px auto 10px; padding: 0 20px; box-sizing: border-box;}
	.sec02_quick_area > li {width:49%; height: 150px;  margin-bottom: 10px;}
	.sec02_quick_area > li:nth-of-type(2n) {margin-right:0;}
	.sec02_quick_area > li > .link > .txt_area > .txt {min-width: 120px;}
}

@media screen and (max-width:550px) {
	.sec02_quick_area > li {width:100%; height: 220px;}
}

@media screen and (max-width:500px) {
	.sec02_quick_area > li {height: 200px;}
}

/***** footer *****/
.footer {background-color: #333;}
.footer_cont {padding-bottom: 20px;color:#a9a9a9; word-break: keep-all; font-size:1.4rem; line-height:1.7;}
.footer_cont_btn {position: relative; margin-bottom:20px; padding: 20px 0; border-bottom:1px solid #535353;}
.footer_cont_btn > .btn_link {}
.bott_info_link {}
.bott_info_link:hover {color: #fff;}
.footer_cont_btn > .btn_page_up {position: absolute; top: 0; right: 0;}
.footer_cont_btn > .btn_page_up > img {}
.footer_cont_info {}
.footer_cont_info > .copy_txt {display:block;}
.copy_user {display: flex; gap: 10px; margin: 20px 0 10px;}
.copy_user .link {padding: 3px 20px; border: 1px solid #a9a9a9; border-radius: 20px; transition: 0.3s;}
.copy_user .link:hover {background: #a9a9a9; color: #333;}
@media screen and (max-width:768px) {
	.footer_cont {padding: 30px 15px; text-align: center; box-sizing: border-box;}
	.footer_cont_btn {display:none;}
  .copy_user {justify-content: center;}
}

@media screen and (max-width:550px) {
	.footer_cont_info > .copy_txt {display: inline;}
}

#banner-box {padding-bottom:20px;}
@media screen and (max-width:1200px) {
	.logo_mobi {position: absolute; top: 0px; left: 15px;}
	.logo_mobi_img {max-width:200px; height:auto !important;}
	.btn_mobi_menu {display: flex !important; align-items: center;}
}
@media screen and (max-width:768px) {
	.logo_mobi_img {max-width:150px;}
}
/********** sub page *********/
.main.sub {position:relative; box-sizing: border-box;}
#solution_title_comm {font-family: "NanumSquare", sans-serif !important;}
/* top title */
.sub_top_tit_area {margin-top: 100px; height: 150px; color: #28365c; text-align: center; background: url('../img/main/sub_top_bg.jpg') no-repeat center; background-size: cover;}
.sub_top_tit_area > .tit {position: relative; font-weight:600; font-size:3.6rem;}

@media screen and (max-width:1200px) {
  .sub_top_tit_area {margin-top: 49px;}
}

@media screen and (max-width:768px) {
  .sub_top_tit_area {height: 100px;}
}
/*  */
.wrap .menu_lnb_area {margin-bottom: 3em;}
.wrap .menu_lnb_cont .btn_home,
.wrap .menu_lnb .menu_lnb_sbj,
.wrap .menu_lnb .icon_arw {color: #333;}
.wrap .menu_lnb_list > li > .link.active,
.wrap .menu_lnb_list > li > .link:hover {color: #8ac268;}
.wrap .menu_lnb:hover {background: #8ac268;}
/* left menu */
.menu_left_tit {float:left;}
.menu_left {float:left ; padding-left:50px; text-align: center; cursor:pointer;}
.menu_left > li {display:none;}
.menu_left > li:first-child {display:block;}
.menu_left > li > .link {display: block;}
.menu_left > li > .link:hover {font-weight: bold;}
.menu_left > li > .link.scd {padding:8px 0; color:#555; font-size:1.3rem;}
/* 서브페이지 */
.main_sub_cont {position:relative; width: 100%; box-sizing: border-box;}
.main_sub_cont .content {max-width:1200px; width: 100%; min-height: 500px; margin:0 auto; padding-bottom: 35px;}
#solution_title_comm {display: block; position: relative !important; height:auto !important; margin: 0 0 30px !important; font-size: 2.8rem !important; color: #333 !important; line-height:1 !important; text-align:center !important;}
#solution_title_comm * {height:auto !important; line-height:1 !important; font-size:2.8rem !important;}
@media screen and (max-width:1200px){
	.top_tit_area {display:none;}
	.top_tit {padding-top:50px; font-size:3rem; font-weight:900;}
	.main_sub_cont .content {max-width:94%;}
	.sub_menu_area {display:none; /*top:176px; left:50%; width:98%; height: 48px; transform:translateX(-50%);*/}
	.sub_menu .btn_home .fa-home {line-height:45px;}
	.sub_menu .btn_home .fa-home:after {top:13px;}
	.sub_slct {width:150px; line-height:45px;}
	.sub_slct > .sub_slcted {font-weight:400; font-size:1.8rem;}
	.sub_slct > i {top:13px;}
	.sub_slct_opt {top:49px;}
	.main_sub {padding:0 5px;}
	.lnb {display:none;}
	.main_sub_cont {float:none; width:100%;}
	#solution_title_comm {font-size:2.3rem !important; line-height:1.5 !important; text-align:center;}
	#solution_title_comm:before {display:none;}
}
.uotc_cont img {display:block; width:auto; max-width:100%; margin:0 auto;}
.media_board_header .media_board_srch {top:0;}
/* 반응형 클래스 */
.uotc_100 {width:100% !important;}
.s_board_100 {width:100% !important;}
.media_board_100 {width:100% !important;}
.history_100 {width:100% !important;}
.steward_100 {width:100% !important;}
.member_100 {width:100% !important;}
.yearend_100 {width:100% !important;}
.worship_100 {width:100% !important;}
.weekly_100 {width:100% !important;}
.shichal_100 {width:100% !important;}
.work_100 {width:100% !important;}
.table_100 {width:100% !important;}
@media screen and (max-width:1200px) {
	.m_resize {width:100% !important; height:auto !important;}
}

/* 증명서 신청 */
.sub_apply {
  width: 100%;
  margin-top: 5em;
  font-size: 1.8rem;
}
.sub_apply .form_tbl {
  width: 100%;
  border-top: 3px solid #8bc269;
}
.sub_apply .form_tbl tr th, .sub_apply .form_tbl tr td {
  padding: 20px; font-size: 1.8rem;
  border-bottom: 1px solid #e6e6e6;
}
.sub_apply .form_tbl tr th {
  background: #f7fff5;
}
.sub_apply .form_tbl tr td {  
  font-weight: 300;
  }
.sub_apply .form_tbl .ipt_txt, 
.sub_apply .form_tbl select {
  border-radius: 0;
  height: 44px;
  width: 150px;
  font-weight: 300;
}
.sub_apply .form_tbl .ipt_txt.addr2, .sub_apply .form_tbl .ipt_txt.addr3 {
  margin-top: 10px;
}
.sub_apply .form_tbl .ipt_txt.addr3 {
  width: 300px;
}
.sub_apply .form_tbl .ipt_txa {
  border-radius: 0;
  font-size: 1.8rem;
}
.sub_apply .privacy {
  overflow-y: scroll;
  font-size: 1.6rem;
  line-height: 1.5;
  word-break: keep-all;
  padding: 15px;
  height: 200px;
  border: 1px solid #ccc;
}
.form_list_bottom {
  text-align: center;
  margin: 3em 0 6em;
  font-weight: bold;
}
.sub_apply .btn_areacode {
  padding: 14px 20px;
  background: #8bc269;
  color: #fff; border: none;
}
.sub_apply .btn_submit {
  background: #8bc269;
  color: #fff; padding: 15px 30px; 
  border-radius: 30px;
  font-size: 2rem;
  margin: 0 0.5em;
}
.sub_apply .btn_admin {
  background: #ee9346;
  color: #fff;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 2rem;
  margin: 0 0.5em;
}
.sub_apply .label_chk.agree {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .sub_apply .form_tbl tr th, .sub_apply .form_tbl tr td {
    padding: 10px; font-size: 1.6rem;
  }
  .sub_apply .form_tbl tr th {
    white-space: nowrap;
  }
  .sub_apply .form_tbl .ipt_txt, 
  .sub_apply .form_tbl select,
  .sub_apply .form_tbl .ipt_txa {
    font-size: 1.6rem;
  }
  .sub_apply .form_tbl .ipt_txt.sbj {
    width: 100%;
  }
  .sub_apply .form_tbl .ipt_txt.addr3 {
    width: 100%;
  }
  .sub_apply .privacy {
    font-size: 1.4rem;
    padding: 10px;
  }
  .sub_apply .btn_submit, .sub_apply .btn_admin {
    font-size: 1.6rem; 
  }
  .sub_apply .btn_areacode {
    padding: 14px 7px;
  }
}