.wrap {width: 100%;}


/******************* header *******************/
.header {position:relative; width:100%;}
.head_gray_area {border-bottom:1px solid #cccccc;}
.head_white_area {width: 1200px; margin: 0 auto; background-color: #fff;}



/* tnb */
.tnb {width: 1200px; margin: 0 auto; padding: 5px 0;}
.tnb_list {float: right;}
.tnb_list > li {float: left; margin-left: 3px; padding-bottom: 3px;}
.tnb_list .link {display: inline-block; padding: 4px 10px 2px; font-size: 11px; font-weight: bold; transition: all 0.2s;}
.tnb_list .link:hover {color: #000;}
.tnb_list .admin_btn {background-color: #1a75bc; border-radius: 50px; color: #fff;}
.tnb_list .admin_btn:hover {background-color: #1567a7; color:#ccc;}
.top_icon {vertical-align:top;}



/* ¸ð¹ÙÀÏ ¸Þ´º*/
.m_menu_wrap {background:#fff; position:absolute; top:140px;  width:100%; z-index:999; display:none; padding-bottom:20px; box-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.m_menu_wrap .m_menu li {text-align:center; }
.m_menu_wrap .m_menu li > a {display:block; padding:13px 0; font-size:18px; font-weight:700; color:#000;}
.m_menu_wrap .m_menu li .m_second_list li > a {font-weight:normal; font-size:13px; padding:5px 0; color:#666;}
/* logo */
.logo.logo_main {padding:40px 0 35px; text-align:center;}
.m_close_btn {display:none;}
/******************* main *******************/
.main {width: 100%;}

/* quick menu */
.quick_menu {width: 1200px; margin: 0 auto 75px; padding: 2px 0;}
.qm_list {width: 100%; text-align: center; font-size: 0;}
.qm_list > li {position: relative; display: inline-block; width: calc(25% - 6px); height: 180px; margin-right: 6px; margin-bottom: 6px; box-sizing: border-box; border-radius: 10px; font-size: 12px; text-align: left; transition: all 0.3s;}
.qm_list > li:nth-child(1) {background: url("../img/body/qm_bg01.jpg") no-repeat; background-size: 100% 100%;}
.qm_list > li:nth-child(2) {background: url("../img/body/qm_bg02.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(3) {background: url("../img/body/qm_bg03.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(4) {background: url("../img/body/qm_bg04.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(5) {background: url("../img/body/qm_bg05.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(6) {background: url("../img/body/qm_bg06.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(7) {background: url("../img/body/qm_bg07.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:nth-child(8) {background: url("../img/body/qm_bg08.jpg") no-repeat; background-size: 100% 100%; transition: all 0.2s;}
.qm_list > li:hover {background-size: 105% 105%;}
.qm_list .link {display: block; width: 100%; height: 100%; padding: 65px 0 0 20px;}
.qm_tit {color: #fff; font-size: 23px; font-weight: bold; text-shadow: 1px 1px 4px #333;}
.qm_tit_eng {position: absolute; top: 100px; left:20px;  width: 150px; color: #fff; text-shadow: 1px 1px 4px #333;}



/******************* footer *******************/

.footer {padding: 20px 0; border-top: 1px solid #ccc; text-align: center;}
.copyright {font-size: 13px; color: #666;}
.address {font-size: 13px; color: #666;}
.copyright .link {font-weight: bold;}
.copyright01 {margin-bottom:20px;}




/************************ sub page ***********************/
/* main */
.main_sub {position:relative; min-height:400px; width:1200px; margin:0 auto; padding:10px 0; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.main_sub > table {width:100% !important;}
.main_sub .left_wrap {display:none; position:absolute; left:0; }
/* logo */
.logo.logo_sub {padding-bottom:10px;}

/* gnb */
.gnb_list {text-align:center; margin:20px 0;}
.gnb_list > li {display:inline-block; margin:0 20px;}
.gnb_list > li > a {font-size:15px; font-weight:700; color:#000; transition: color 0.2s;}

/*sub gnb*/
.sub_menu_area {width: 100%; height: 50px; background-color: #fff; border-bottom: 1px solid #ccc;}
.sub_menu {width: 1200px; margin: 0 auto; border-right:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box;}
.sub_menu .btn_home {float: left; height: 100%; padding: 0 22px; line-height: 50px; font-weight:700; font-size: 18px; color: #fff; background:#82bc26;}
.sub_slct {float: left; position: relative; width: 200px; height: 100%; border-left: 1px solid #ccc; line-height: 50px; box-sizing: border-box;}
.sub_slct:last-child {border-right: 1px solid #ccc;}
.sub_slct > .sub_slcted {display: block; padding: 0 22px; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}
.sub_slct > .sub_slcted:hover {background-color: #eee;}
.sub_slct > i {position: absolute; top: 17px; right: 17px; color: #888;}
.sub_slct_opt {display: none; position: absolute; top: 50px; right: -1px; width: 100%; text-align: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; z-index:999;}
.sub_slct_opt > li {width: 100%; border-bottom: 1px solid #ccc; background-color:#fff;}
.sub_slct_opt > li:last-of-type {border-bottom: 0;}
.sub_slct_opt > li:hover {background-color: #eee;}
.sub_slct_opt .link {display: block; padding: 0 20px; font-size: 13px; box-sizing: border-box; color: #888;}


/* banner */
.banner_sub {width:100%; height: 140px;}
.banner_sub.bg0 {background: url("../img/top/title_sub01.jpg") no-repeat; background-size: cover;}
.banner_sub.bg01 {background: url("../img/top/title_sub01.jpg") no-repeat; background-size: cover;}
.banner_sub.bg02 {background: url("../img/top/title_sub02.jpg") no-repeat; background-size: cover;}
.banner_sub.bg03 {background: url("../img/top/title_sub03.jpg") no-repeat; background-size: cover;}
.banner_sub.bg04 {background: url("../img/top/title_sub04.jpg") no-repeat; background-size: cover;}
.banner_sub.bg05 {background: url("../img/top/title_sub05.jpg") no-repeat; background-size: cover;}
.banner_sub.bg06 {background: url("../img/top/title_sub06.jpg") no-repeat; background-size: cover;}
.banner_sub.bg07 {background: url("../img/top/title_sub07.jpg") no-repeat; background-size: cover;}
.banner_sub.bg08 {background: url("../img/top/title_sub08.jpg") no-repeat; background-size: cover;}
.bann_sub_img {display: block; width: 100%; height: 100%;}
.bann_sub_tit {font-size: 23px; color: #fff;}
.bann_sub_txt {font-size: 13px; color: #fff;}


/* ¹ÝÀÀÇü Ŭ·¡½º */
.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;}
#history {min-width:100% !important;}
.worship_100 {width:100% !important;}
/* ŸÀÌƲ °¡¿îµ¥ Á¤·Ä */
#solution_title_comm {text-align:center;}
.uotc_view-title {text-align:center;}
.steward_100 .top-title {text-align:center;}
.s_board_100 .top-title {text-align:center;}
.history-title .title {text-align:center;}
#reading_ifr {width:100% !important;}




@media screen and (max-width:1200px){
	.head_white_area {width: 100%;}
	.tnb {width: 100%;}
	.quick_menu {width: 100%;}
	.quick_menu .qm_list > li {width: calc(50% - 6px); background-size: cover;}
	.quick_menu .qm_list > li:nth-child(odd) {margin-right: 6px;}
	.quick_menu .qm_list > li:nth-child(even) {margin-right: 0px;}
	.addr_num {display: block;}
	.footer {width:100%;}
	.uotc_view-title {font-size:26px !important;}

	.sub_menu {width:100%;}
	
	/* ¸ð¹ÙÀÏ ºñÈ°¼º*/
	.m_none {display:none !important;}

	.main_sub {width:100%; box-sizing:border-box;}
	.gnb {display: none;}
	.gnb_mobi {display: none; width: 100%; height: 89px; position: absolute; top: 34px;}
	.gnb_mobi_list {overflow-x:auto; width: 100%; height: 100%; text-align: center; background-color: #333;}
	.gnb_mobi_list > li {display: inline-block; padding: 0 10px; line-height: 89px;}
	.gnb_mobi_list .link {font-size: 18px; color: #fff; font-weight: bold;}
	

	.logo_mobi {position: absolute; top: 0; left: 0; height: 33px;}
	.logo_mobi_img {display: block; height: 100%;}
	.gnb_mobi_sub_list {display:none;}
}


@media screen and (max-width:768px){
	.logo_img {width:35%;}
	.quick_menu .qm_list > li {height:120px; }
	.qm_list .link {padding: 40px 0 0 20px;}
	.qm_tit_eng {top:70px;}
	.quick_menu {margin-bottom:40px;}
	.logo.logo_main {padding:20px 0;}
	.m_menu_btn {position:relative;}
	.m_menu_btn .m_btn {position:absolute; left:50%; margin-left:-17px; display:inline-block; width:34px; height:34px; }
	.m_menu_btn .m_btn > span {display:inline-block; float:left; margin:0 4px 4px 0; width:15px; height:15px; border:1px solid #4c4c4c; box-sizing:border-box;}
	.m_menu_btn .m_btn > span:nth-child(2) {margin-right:0;}
	.m_menu_btn .m_btn > span:nth-child(3) {margin-bottom:0;}
	.m_menu_btn .m_btn > span:nth-child(4) {margin:0;}
	.m_close_btn {position:absolute; top:3px; left:50%; margin-left:-13px; }
	.banner_sub {display:none;}
	.main {margin-top:60px; } 
	.main_sub {margin-top:40px;}
	.sub_menu_area { display:none; margin-top:60px;}
}



@media screen and (max-width:500px){
	.qm_tit {font-size: 19px;}
}