/* font */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');



/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
body,ul,li,p,div,input,textarea,select,table,button { font-size: 16px; line-height: 160%; font-family: 나눔고딕,'Nanum Gothic',굴림,Gulim,Helvetica,AppleGothic,Sans-serif; }
@media (max-width: 1200px) {
	body,ul,li,p,div,input,textarea,select,table,button { font-size: 14px; }
}
img,fieldset,button { border: 0; }

html { min-height: 100%; }
body { position: relative; width: 100%; height: 100%; background-color: #ffffff; color: #232a2f; word-wrap: break-word; word-break: break-all; overflow-x: hidden; }
img { max-width: 100%; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ul,ol { list-style: none; }
a { color: #232a2f; text-decoration: none; cursor: pointer; }
table { border-collapse: collapse; }
div,li,span,input,textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
iframe { border: none; }
b { font-weight: 600; }
.cleardiv { clear: both; font-size: 0; line-height: 0; }
.blankdiv { float: left; height: 10px; }
.lowheight { font-size: 0; line-height: 0; }
.hiddendiv { display: none; }

.pc_inline { display: inline; }
.mobile_inline { display: none; }
.pc_block { display: block; }
.mobile_block { display: none; }
#zonePageContent .mobile_block { display: block; }

.maxwidth1600 { max-width: 1600px; margin: 0 auto; }
.maxwidth1200 { max-width: 1200px; margin: 0 auto; }
.maxwidth1150 { max-width: 1150px; margin: 0 auto; }
.maxwidth1000 { max-width: 1000px; margin: 0 auto; }



	/* 상단 메뉴 영역 */
	.header { position: relative; width: 100%; height: 135px; z-index: 100; }
	.header .menudiv { position: relative; }
	.header .menudiv .logo { float: left; width: 346px; margin-top: 32px; }
	.header .menudiv .menu { float: left; width: calc( 100% - 346px ); margin-top: 48px; text-align: right; z-index: 300; }
	.header .menudiv .menu > ul { display: inline-block; height: 42px; }
	.header .menudiv .menu > ul .pc { display: block; }
	.header .menudiv .menu > ul .mobile { display: none; }
	.header .menudiv .menu > ul > li { float: left; position: relative; }
	.header .menudiv .menu > ul > li.on { }
	.header .menudiv .menu > ul > li.active { }
	.header .menudiv .menu > ul > li > a { display: inline-block; padding: 0 37px; color: #535353; line-height: 42px; font-size: 18px; font-weight: bold; font-family: 나눔스퀘어,'Nanum Square'; }
	.header .menudiv .menu > ul > li:last-child > a { /*padding-right: 12px;*/ }
	.header .menudiv .menu > ul:after { clear: both; display: block; content: ''; }
	.header .menudiv .menu > ul > li > ul { display: none; width: 100%; padding: 70px 0 0 0; }
	.header .menudiv .menu > ul > li > ul.on { display: block; }
	.header .menudiv .menu > ul > li > ul > li { text-align: center; }
	.header .menudiv .menu > ul > li > ul > li > a { color: #333333; line-height: 36px; font-size: 15px; font-family: 나눔스퀘어,'Nanum Square'; }
	.header .menudiv .menu_btn { display: none; z-index: 200; }
	.header .menudiv:after { clear: both; display: block; content: ''; }
	.menu_bg { display: none; position: absolute; width: 100%; height: 380px; background: #e3e3e3; border-top: 1px solid #d0d0d0; z-index: 99; }
	.menu_bg.on { display: block; }
	.menu_bg .menu_sub_bg { height: 379px; background: url('../img/menu_sub_bg.png') left bottom no-repeat; }
	.menu_bg_mobile { display: none; z-index: 99; }



	/* 상단 이미지 영역 */
	.mid_image_bg { position: relative; background: #000000; }
	.mid_image_bg.main { background: #49a9ff; }
	.mid_image { width: 100%; height: 530px; }
	.mid_image.pc { display: block; position: relative; }
	.mid_image.pc .mid_image_in { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	.mid_image.pc .mid_image_in.mid_image_in1 { opacity: 0; }
	.mid_image.mobile { display: none; position: relative; }
	.mid_image.mobile .mid_image_in { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }
	#mid_image_sub.mid_image { height: 300px; }



	/* 서브 페이지 서브 메뉴 */
	.submenu { position: relative; width: 100%; height: 60px; background: #7a6197; }
	.submenu .submenu_in { position: relative; height: 100%; }
	.submenu .submenu_in .submenu_list { position: relative; float: left; width: 100%; text-align: center; overflow-y: auto; white-space: nowrap; }
	.submenu .submenu_in .submenu_list li { display: inline-block; }
	.submenu .submenu_in .submenu_list li a { display: inline-block; padding: 0 26px; color: #ffffff; font-size: 17px; line-height: 60px; font-family: 나눔스퀘어,'Nanum Square'; }
	.submenu .submenu_in .submenu_list li:after { display: inline-block; content: '|'; font-size: 14px; color: #a6a1ba; line-height: 60px; }
	.submenu .submenu_in .submenu_list li:last-child:after { display: none; }
	.submenu .submenu_in:after { clear: both; display: block; content: ''; }



	/* 메인페이지 */
	.main_div { position: relative; width: 100%; }
	.main_div.pc { display: block; }
	.main_div.mobile { display: none; }
	.main_div.main_icon { background: #7a6197; line-height: 0; text-align: center; }
	.main_div.main_icon ul { display: inline-block; }
	.main_div.main_icon ul li { float: left; position: relative; }
	.main_div.main_icon ul li a { display: inline-block; color: #ffffff; font-size: 20px; padding: 0 45px; margin: 68px 0; line-height: 100%; border-right: 1px solid #b7a3d5; }
	.main_div.main_icon ul li:last-child a { border-right: none; }
	.main_div.main_icon ul:after { clear: both; display: block; content: ''; }
	.main_div.bbs_new { }
	.main_div.bbs_new > ul.last_bbs > li { float: left; width: 33.33333333333333%; padding: 60px 2% 60px; }
	.main_div.bbs_new > ul.last_bbs > li .bbs_title { position: relative; text-align: center; margin: 0 0 20px 0; }
	.main_div.bbs_new > ul.last_bbs:after { clear: both; display: block; content: ''; }
	.main_div.bbs_new .last_photo { background: #a6acb6; padding: 40px 0; }
	.main_div.bbs_new.mobile .last_bbs { padding: 10px 5%; }
	.main_div.bbs_new.mobile .last_bbs .bbs_title { position: relative; color: #820000; font-size: 18px; font-weight: bold; font-family: 나눔스퀘어,'Nanum Square'; text-align: center; margin: 0 0 10px 0; padding: 0 7% 0 0; }
	.main_div.bbs_new.mobile .last_bbs .bbs_title .main_bbs_icon { width: 18px; }
	.main_div.bbs_new.mobile .last_bbs .bbs_title span { position: absolute; right: 3%; top: 0; color: #820000; font-size: 12px; font-weight: normal; font-family: 나눔고딕,'Nanum Gothic'; }
	.main_div.bbs_new.mobile .last_photo { position: relative; padding: 15px 0; }
	.main_div.bbs_new.mobile .last_photo .xe-widget-wrapper { position: relative; z-index: 50; }



	/* 본문영역 */
	.content_div { position: relative; width: 100%; padding: 50px 0 50px; min-height: 400px; }
	.content_div#main { min-height: auto; }
	#main.content_div { padding: 0; }
	#main.content_div .xm { padding: 50px 0 20px; }
	.content_div:after { clear: both; display: block; content: ''; }
	.content_div .bbs_center { margin: 0 auto !important; float: none !important; }
	.content_div img { padding: 0 !important; }

	.content_div .sub_title { text-align: center; }
	.content_div .con { width: 96%; margin: 0 auto; }
	.content_div .con .left { float: left; width: 50%; }
	.content_div .con .right { float: right; width: 50%; }
	.content_div .con .tbl { width: 100%; }
	.content_div .con .tbl tr td { border-bottom: 1px solid #aaaaaa; padding: 10px 0; }
	.content_div .con .tbl tr td:first-child { background: #f5f5f5; color: #000000; }
	.content_div .con .tbl tr:first-child td { border-top: 7px solid #e3e3e3; }
	.content_div .con .tbl tr:last-child td { border-bottom: 1px solid #000000; }
	.content_div .con .tbl2 { width: 100%; }
	.content_div .con .tbl2 tr th { border-bottom: 1px solid #aaaaaa; padding: 10px 0; background: #f5f5f5; color: #000000; }
	.content_div .con .tbl2 tr td { border-bottom: 1px solid #aaaaaa; padding: 10px 0; }
	.content_div .con .tbl2 tr:first-child th { border-top: 7px solid #e3e3e3; }
	.content_div .con .tbl2 tr:first-child td { border-top: 7px solid #e3e3e3; }
	.content_div .con .tbl2 tr:first-child th { border-top: 7px solid #e3e3e3; }
	.content_div .con .tbl2 tr:first-child td { border-top: 7px solid #e3e3e3; }
	.content_div .con .left .tbl { width: 98%; margin-right: 2%; }
	.content_div .con .right .tbl { width: 98%; margin-left: 2%; }
	.content_div .con .midcon { width: 60%; margin: 0 auto; }
	.content_div .con:after { clear: both; display: block; content: ''; }
	.content_div .sub_title2 { font-size: 24px; text-align: center; line-height: 42px; background: #f6e6dd; color: #000000; }

	.content_div .font12 { font-size: 12px; line-height: 180%; }
	.content_div .font14 { font-size: 14px; line-height: 180%; }
	.content_div .font16 { font-size: 16px; line-height: 180%; }
	.content_div .font18 { font-size: 18px; line-height: 180%; }
	.content_div .font19 { font-size: 19px; line-height: 180%; }
	.content_div .font24 { font-size: 24px; line-height: 180%; }
	.content_div .font30 { font-size: 30px; line-height: 180%; }
	.content_div .margin_top_10px { margin-top: 10px !important; }
	.content_div .margin_top_20px { margin-top: 20px !important; }
	.content_div .margin_top_40px { margin-top: 40px !important; }
	.content_div .margin_top_60px { margin-top: 60px !important; }
	.content_div .margin_bottom_40px { margin-bottom: 40px !important; }
	.content_div .margin_bottom_60px { margin-bottom: 60px !important; }
	.content_div .margin_lr_5per { margin-left: 5% !important; margin-right: 5% !important; width: 90% !important; }
	.content_div .padding_top_40px { padding-top: 40px !important; }
	.content_div .padding_top_60px { padding-top: 60px !important; }
	.content_div .aligncenter { text-align: center; }
	.content_div .table_cls { border-collapse: collapse; }
	.content_div .table_cls tr:nth-child(1) td { background: #e9e9e9; }
	.content_div .table_cls.cols_2 td { width: 50%; text-align: center; padding: 8px; 0; }
	.content_div .table_cls.cols_3 td { width: 33.33333333333333%; text-align: center; padding: 8px; 0; }
	.content_div .table_cls.cols_4 td { width: 25%; text-align: center; padding: 8px; 0; }

	.content_div .aligncenter { text-align: center; }
	.content_div .alignleft { text-align: left; }
	.content_div .alignright { text-align: right; }
	.content_div .margin_lr_5per { margin-left: 5% !important; margin-right: 5% !important; width: 90% !important; }
	.content_div .padding_lr_5per { padding-left: 5% !important; padding-right: 5% !important; }
	.content_div .padding_tb_15px { padding-top: 10px !important; padding-bottom: 10px !important; }
	.content_div .bg_yellow1 { background: #f0e4d3; }
	.content_div .bg_pink1 { background: #f0d4d3; }
	.content_div .font24 { font-size: 24px; }
	.content_div .highlightbox { display: inline-block; padding: 30px 80px; background: #f4f4f4; border: 1px solid #f0e4d3; }
	.content_div .highlightbox2 { display: inline-block; padding: 15px 60px; margin: 0 20px; background: #f0e5d3; }
	.content_div .highlightbox3 { display: inline-block; padding: 15px 60px; margin: 0 20px; background: #f3dbda; }
	.content_div .highlightbox4 { display: inline-block; padding: 30px 80px; background: #f3dbda; }
	.content_div .highlightbox5 { display: inline-block; padding: 20px 80px; background: #f3dbda; }
	.content_div .highlightbox6 { display: inline-block; padding: 15px 80px; background: #f3dbda; }
	.content_div .leftimg { float: left; margin: 0 60px 60px 0; }

	.content_div .bbtn2 { display: inline-block; padding: 5px 20px; background: #ff635c; color: #ffffff; border-radius: 10px 0 10px 0; }

	.history { width: 80%; margin: 0 auto; }
	.history li div { float: left; }
	.history li div:nth-child(1) { width: 170px; }
	.history li div:nth-child(2) { width: calc( 100% - 170px ); }
	.history li:after { clear: both; display: block; content: ''; }
@media (max-width: 768px) {
	.history li div:nth-child(1) { width: 100px; font-size: 14px; }
	.history li div:nth-child(2) { width: calc( 100% - 100px ); }
}



/* 게시판 스킨 */
@media (min-width: 1201px) {
	.bd_tb_lst th, .bd_tb_lst td { font-size: 14px !important; }
	.bd_tb_lst td.title { font-size: 15px !important; }
	.bd_tb_lst th, .bd_tb_lst td { padding: 10px 12px !important; }
	.bd_tb_lst .title { padding-right: 6px !important; }

	.bd_tmb_lst p b { font-size: 15px !important; }

	.rd_hd .board h1 { font-size: 15px !important; }
	.rd_hd .board .nick { font-size: 14px !important; }
	.rd_hd .btm_area span, .rd_hd .board .cate { font-size: 14px !important; }
	.cnb3 a { font-size: 13px !important; }
}
@media (max-width: 1200px) {
	.cnb3 a { font-size: 12px !important; }
}
@media (max-width: 533px) {
	.cnb3>li { width: 33% !important; }
}


	/* 기타 */
	/* 회원가입, 로그인 */
	.xm input, .xm textarea { max-width: calc(100% - 14px); }
	.xm input[type=text], .xm input[type=email], .xm input[type=password] { box-sizing: initial; }
	.xm h1 { font-size: 30px !important; line-height: 180%; text-align: center; font-weight: normal !important; }
	.xm .agreement>.title { font-weight: normal !important; }
	.form-horizontal input { box-sizing: initial; }
	.xm .nav-tabs>li>a { font-size: 13px; }
	.xm .nav-tabs>.active>a, .xm .nav-tabs>.active>a:hover, .xm .nav-tabs>.active>a:focus { font-size: 13px; }
	/* 모달창 설정 */
	.x_modal input { box-sizing: initial; }



	/* 하단 */
	.footer_div { position: relative; width: 100%; }
	.footer_div .footer { position: relative; width: 100%; background: #976173; }
	.footer_div .footer .footer_con { position: relative; width: 100%; padding: 60px 0 60px; text-align: center; color: #ffffff; font-size: 15px; line-height: 28px; font-family: 나눔스퀘어,'Nanum Square'; }
	.footer_div .footer .footer_con a { color: #ffffff; }



@media (max-width: 1200px) {
	.pc_inline { display: none; }
	.mobile_inline { display: inline; }

	.header .menudiv { padding: 0 0 0 20px; }
	.header .menudiv .menu > ul > li > a { padding: 0 20px; font-size: 17px; }
	.header .menudiv .menu > ul > li > ul { padding: 60px 0 0 0; }
	.header .menudiv .menu > ul > li > ul > li > a { font-size: 14px; }

	.mid_image { height: 30vw; }
	#mid_image_sub.mid_image { height: 25vw; }

	.submenu { height: 5.25vw; }
	.submenu .submenu_in .submenu_home_div { width: 10%; }
	.submenu .submenu_in .submenu_list { width: 90%; }
	.submenu .submenu_in .submenu_list li a { padding: 0 35px; font-size: 18px; line-height: 5.25vw; }
	.submenu .submenu_in .submenu_list li:after { font-size: 14px; line-height: 5.25vw; }

	.content_div > .xe_content.margin_lr_5per2 { margin-left: 5% !important; margin-right: 5% !important; width: 90% !important; }

	.footer_div .footer .footer_con { padding: 30px 0 30px; font-size: 14px; line-height: 26px; }
}

@media (max-width: 1024px) {
	.header { height: 100px; }
	.header .menudiv .logo { /*width: 200px;*/ margin-top: 20px; }
	.header .menudiv .menu { /*width: calc( 100% - 200px );*/ margin-top: 27px; }
	.header .menudiv .menu > ul > li > a { padding: 0 8px; font-size: 14px; }
	.header .menudiv .menu > ul > li > ul > li > a { font-size: 12px; }

	.submenu .submenu_in .submenu_list li a { padding: 0 20px; font-size: 17px; }
	.submenu .submenu_in .submenu_list li:after { font-size: 13px; }

	.main_div.main_icon ul { width: 100%; }
	.main_div.main_icon ul li { width: 20%; }
	.main_div.main_icon ul li a { width: 100%; font-size: 18px; padding: 0; margin: 40px 0; text-align: center; }
	.main_div.bbs_new > ul.last_bbs > li .bbs_title { font-size: 20px; }

	.content_div .font12 { font-size: 11px; }
	.content_div .font14 { font-size: 13px; }
	.content_div .font16 { font-size: 15px; }
	.content_div .font18 { font-size: 17px; }
	.content_div .font19 { font-size: 17px; }
	.content_div .font24 { font-size: 21px; }
	.content_div .font30 { font-size: 26px; }
	.content_div .margin_top_10px { margin-top: 8px !important; }
	.content_div .margin_top_20px { margin-top: 15px !important; }
	.content_div .margin_top_40px { margin-top: 30px !important; }
	.content_div .margin_top_60px { margin-top: 40px !important; }
	.content_div .margin_bottom_40px { margin-bottom: 30px !important; }
	.content_div .margin_bottom_60px { margin-bottom: 40px !important; }
	.content_div .padding_top_40px { padding-top: 30px !important; }
	.content_div .padding_top_60px { padding-top: 40px !important; }
	.content_div .table_cls.cols_2 td { padding: 6px; 0; }
	.content_div .table_cls.cols_3 td { padding: 6px; 0; }
	.content_div .table_cls.cols_4 td { padding: 6px; 0; }

	.footer_div .related_site { padding: 20px 0 20px; }
	.footer_div .related_site ul li:nth-child(1) { max-width: 19.85058697972252%; }
	.footer_div .related_site ul li:nth-child(2) { max-width: 26.89434364994664%; }
	.footer_div .related_site ul li:nth-child(3) { max-width: 25.82710779082177%; }
	.footer_div .related_site ul li:nth-child(4) { max-width: 27.42796157950907%; }
}

@media (max-width: 768px) {
	.header { height: 60px; }
	.header .menudiv { height: 100%; }
	.header .menudiv .logo { width: 80%; height: calc(100%-15px); margin-top: 15px; }
	.header .menudiv .logo img { height: 30px; }

	.header .menudiv .menu { display: none; float: none; position: absolute; right: 0; width: 100%; height: auto; margin-top: 0; background: #4a4f73; text-align: left; }
	.header .menudiv .menu > ul { display: block; height: auto; }
	.header .menudiv .menu > ul .pc { display: none; }
	.header .menudiv .menu > ul .mobile { display: block; }
	.header .menudiv .menu > ul > li { float: none; position: relative; }
	.header .menudiv .menu > ul > li > a { width: 100%; font-size: 17px; font-weight: normal; color: #ffffff; line-height: 55px; padding: 0 0 0 7%; box-sizing: border-box; border-bottom: 1px solid #d2d3dc; }
	.header .menudiv .menu > ul > li > .menu_arrow { position: absolute; top: 0; right: 0; width: 17%; height: 100%; text-align: center; padding-top: 18px; }
	.header .menudiv .menu > ul > li > .menu_arrow img { width: 15px; }
	.header .menudiv .menu > ul > li > ul { display: none; position: relative; background: #393d58; width: 100%; padding: 20px 0 20px 0; }
	.header .menudiv .menu > ul > li > ul > li { float: left; width: 50%; text-align: left; padding: 0 0 0 5%; }
	.header .menudiv .menu > ul > li > ul > li:nth-child(2n) { padding: 0 0 0 0%; }
	.header .menudiv .menu > ul > li > ul > li:last-child { border-bottom: none; }
	.header .menudiv .menu > ul > li > ul > li > a { display: inline-block; font-size: 14px; color: #ffffff; }
	.header .menudiv .menu > ul > li > ul > li > a:before { display: inline-block; content: '·'; letter-spacing: 5px; }
	.header .menudiv .menu > ul > li.menu_title { padding: 20px 0 20px 7%; background: #744b58; }
	.header .menudiv .menu > ul > li.menu_title .menu_title_img { width: 130px; }
	.header .menudiv .menu > ul > li.menu_title > .menu_arrow { padding-top: 21px; }
	.header .menudiv .menu > ul > li.menu_login { font-size: 15px; padding: 15px 0; text-align: center; line-height: 100%; background: #393d58; color: #ffffff; }
	.header .menudiv .menu > ul > li.menu_login a { color: #ffffff; }
	.header .menudiv .menu > ul > li.menu_login .menu_login_img { width: 82px; }
	.header .menudiv .menu > ul > li.menu_logo { padding: 35px 60px; text-align: center; }
	.header .menudiv .menu > ul > li.menu_logo img { width: 120px; }
	.header .menudiv .menu > ul > li > ul:after { clear: both; display: block; content: ''; }
	.header .menudiv .menu_btn { float: left; display: block; width: 20%; margin-top: calc((60px - 21px)/2); text-align: center; }
	.header .menudiv .menu_btn img { width: 21px; }
	.menu_bg_mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.8; }

	.submenu .submenu_in .submenu_list li a { padding: 0 10px; font-size: 14px; }
	.submenu .submenu_in .submenu_list li:after { font-size: 12px; }

	.main_div.pc { display: none; }
	.main_div.mobile { display: block; }
	.main_div.main_icon ul li { width: 25%; }
	.main_div.main_icon ul li:nth-child(4) { display: none; }
	.main_div.main_icon ul li a { font-size: 16px; margin: 15px 0; }
	.main_div.bbs_new.mobile .last_bbs .bbs_title { padding: 0 0 0 0; }
	.main_div.bbs_new.mobile .last_bbs .bbs_title img { height: 20px; }

	.content_div .sub_title { }
	.content_div .con { width: 100%; }
	.content_div .con .left { width: 100%; }
	.content_div .con .right { width: 100%; padding-top: 20px; }
	.content_div .con .tbl tr td { padding: 7px 0; }
	.content_div .con .tbl tr:first-child td { border-top: 5px solid #e3e3e3; }
	.content_div .con .left .tbl { width: 100%; margin-right: 0%; }
	.content_div .con .right .tbl { width: 100%; margin-left: 0%; }
	.content_div .con .midcon { width: 100%; }
	.content_div .sub_title2 { font-size: 18px; line-height: 36px; }

	.content_div .font12 { font-size: 10px; }
	.content_div .font14 { font-size: 12px; }
	.content_div .font16 { font-size: 14px; }
	.content_div .font18 { font-size: 16px; }
	.content_div .font19 { font-size: 16px; }
	.content_div .font24 { font-size: 20px; }
	.content_div .font30 { font-size: 24px; }
	.content_div .margin_top_10px { margin-top: 5px !important; }
	.content_div .margin_top_20px { margin-top: 10px !important; }
	.content_div .margin_top_40px { margin-top: 20px !important; }
	.content_div .margin_top_60px { margin-top: 30px !important; }
	.content_div .margin_bottom_40px { margin-bottom: 20px !important; }
	.content_div .margin_bottom_60px { margin-bottom: 30px !important; }
	.content_div .padding_top_40px { padding-top: 20px !important; }
	.content_div .padding_top_60px { padding-top: 30px !important; }
	.content_div .table_cls.cols_2 td { padding: 5px; 0; }
	.content_div .table_cls.cols_3 td { padding: 5px; 0; }
	.content_div .table_cls.cols_4 td { padding: 5px; 0; }

	.content_div .padding_tb_15px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.content_div .highlightbox { padding: 15px 3%; max-width: 94%; text-align: center; }
	.content_div .highlightbox2 { padding: 8px 20px; margin: 5px 5px; }
	.content_div .highlightbox3 { padding: 8px 20px; margin: 5px 5px; }
	.content_div .highlightbox4 { padding: 15px 5%; max-width: 94%; text-align: center; }
	.content_div .highlightbox5 { padding: 15px 5%; max-width: 94%; text-align: center; }
	.content_div .highlightbox6 { padding: 15px 5%; max-width: 94%; text-align: center; }
	.content_div .leftimg { float: unset; margin: 0 0 20px 0; }

	.footer_div .footer .footer_con { padding: 20px 0 20px; font-size: 11px; line-height: 20px; }
}

@media (max-width: 450px) {
	.pc_block { display: none; }
	.mobile_block { display: block; }
	#zonePageContent .pc_block { display: block; }

	.mid_image { height: 56.80555555555556vw; }
	.mid_image.pc { display: none; }
	.mid_image.mobile { display: block; }
	#mid_image_sub.mid_image { height: 41.66666666666667vw; }

	.submenu { height: 12vw; }
	.submenu .submenu_in .submenu_home_div { display: none; }
	.submenu .submenu_in .submenu_list { width: 100%; }
	.submenu .submenu_in .submenu_list li a { padding: 0 7px; color: #ffffff; font-size: 14px; line-height: 12vw; }
	.submenu .submenu_in .submenu_list li:after { display: none; }

	.content_div { padding: 30px 5% 30px; }
	#main.content_div .xm { padding: 30px 5% 30px; }
}



/* 성직자 */
	.content_div .priest_div { }
	.content_div .priest_div .priest_item { float: left; width: 47.5%; margin-bottom: 34px; display: table; border: 1px solid #e6e6e6; background: #f8f8f8; }
	.content_div .priest_div .priest_item:nth-child(2n+1) { margin-right: 5%; }
	.content_div .priest_div .priest_item .photo { display: table-cell; width: 34%; padding: 27px 0; text-align: right; vertical-align: middle; }
	.content_div .priest_div .priest_item .text { display: table-cell; width: 66%; text-align: center; vertical-align: middle; line-height: 280%; }
	.content_div .priest_div .priest_item .text .gen { font-family: 나눔스퀘어,'Nanum Square'; font-size: 20px; color: #992400; }
	.content_div .priest_div .priest_item .text .name { font-family: 나눔스퀘어,'Nanum Square'; font-size: 24px; color: #000000; }
	.content_div .priest_div .priest_item .text .name2 { font-family: 나눔스퀘어,'Nanum Square'; font-size: 18px; color: #000000; }
	.content_div .priest_div .priest_item .text .period { font-family: 나눔스퀘어,'Nanum Square'; font-size: 18px; color: #000000; font-weight: 200; }
	.content_div .priest_div.nun .priest_item .text .text1 { float: left; width: 50%; text-align: right; padding: 55px 10px 50px 0; }
	.content_div .priest_div.nun .priest_item .text .text2 { float: left; width: 50%; text-align: left; padding: 55px 0 50px 10px; }
	.content_div .priest_div.nun .priest_item .text:after { clear: both; display: block; content: ''; }
	.content_div .priest_div:after { clear: both; display: block; content: ''; }

@media (max-width: 1200px) {
}

@media (max-width: 1024px) {
	.content_div .priest_div { }
	.content_div .priest_div .priest_item { width: 100%; margin-bottom: 27px; }
	.content_div .priest_div .priest_item:nth-child(2n+1) { margin-right: 0; }
	.content_div .priest_div .priest_item .photo { width: 25%; padding: 15px 0; }
	.content_div .priest_div .priest_item .text { width: 75%; }
}

@media (max-width: 768px) {
	.content_div .priest_div .priest_item { margin-bottom: 20px; }
	.content_div .priest_div .priest_item .photo { width: 30%; padding: 15px 15px; }
	.content_div .priest_div .priest_item .text { width: 70%; padding: 15px 15px 15px 0; }
	.content_div .priest_div .priest_item .text { line-height: 250%; }
	.content_div .priest_div .priest_item .text .gen { font-size: 18px; }
	.content_div .priest_div .priest_item .text .name { font-size: 22px; }
	.content_div .priest_div .priest_item .text .name2 { font-size: 16px; }
	.content_div .priest_div .priest_item .text .period { font-size: 16px; }
	.content_div .priest_div.nun .priest_item .text .text1 { float: unset; width: 100%; text-align: center; padding: 0; }
	.content_div .priest_div.nun .priest_item .text .text2 { float: unset; width: 100%; text-align: center; padding: 0; }
}

@media (max-width: 450px) {
	.content_div .priest_div { }
	.content_div .priest_div .priest_item .photo { width: 30%; padding: 10px 10px; }
	.content_div .priest_div .priest_item .text { width: 70%; padding: 10px 10px 10px 0; line-height: 200%; }
	.content_div .priest_div .priest_item .text .gen { font-size: 15px; }
	.content_div .priest_div .priest_item .text .name { font-size: 17px; }
	.content_div .priest_div .priest_item .text .name2 { font-size: 13px; }
	.content_div .priest_div .priest_item .text .period { font-size: 13px; }
}



/* 오시는 길 */
#drawingMap { height: 45vw; max-height: 600px; min-height: 270px; border: 1px solid #d1cebf; }

.label_marker {
	position: relative;
	bottom: 65px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
}

.label_marker:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}

.label_marker .title {
	display: block;
	text-align: center;
	border: 1px solid #242424;
	background: #FFF;
	padding: 5px 7px;
	color: #242424;
	font-size: 12px;
	font-weight: normal; 
	border-radius: 3px;
}



/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:333px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/account/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/account/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../img/account/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible; vertical-align: top; }
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/account/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}