/* 내용부분 */
.content { padding-bottom:30px; }

p.font01 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:30px; word-break:keep-all; }
p.font02 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:10px; word-break:keep-all; }
p.font03 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:10px; word-break:keep-all; }
p.font04 { font-size:20px; font-family:"NanumSquare", sans-serif; font-weight:600; margin-bottom:10px; word-break:keep-all; }

/* 서브비쥬얼 */
.sub_v { border:0px solid blue; margin-bottom:75px; }
.sub_v .main_img .main_img_inner { height:450px; }
.sub_v .main_img .main_visual01 { background-position:left bottom; }
.sub_v .main_img .main_visual02 { background-position:left 80%; }
.sub_v .main_img .main_visual03 { background-position:left 80%; }
/*.sub_v .main_img .main_visual_txt { bottom:100px; right:10%; width:100%; max-width:800px;height:auto; border:0px solid red; background-color:rgba(0,0,0,0.2); padding:10px 20px; }*/

.sub_v .bx-wrapper .bx-prev { display:none !important; }
.sub_v .bx-wrapper .bx-next { display:none !important; }
.sub_v .bx-wrapper .bx-pager { display:none !important; }

/* 페이지제목 */
.cont_tit { width:100%; overflow:hidden; color: #292929; text-align:center; position: relative; margin:0px auto 30px auto; border:0px solid red; }
.cont_tit .page_title01 { width:auto !important; font-size:35px; font-weight:600; text-align:center; margin:0 auto 20px auto; padding:0px; border-bottom:0px solid #999999; color:#070608; }

.content .sub_sec { margin-top:50px; }
.content .sub_sec:first-child { margin-top:0px; }
.content .sub_sec > .ss_content { margin-top:20px; }

/* 인사말 */
.sub0101 .txt_box { font-size:20px; }
.sub0101 .ss_02 .tb_left { width:60%; text-align:left; }
.sub0101 .ss_02 .tb_right { width:37%; }
.sub0101 .txt_main { font-size:23px; font-weight:600; margin:50px 0; color:#120c30; word-break:keep-all; }
.sub0101 .txt_main2 { font-weight:600; color:#120c30; }
.sub0101 p { font-size:22px; font-weight:600; color:#777777; }

.sub0105 .ss_02 .tb_left { width:77%; text-align:left; }
.sub0105 .txt_box > ul > li.tb_left > p.txt_main > img { box-shadow:none; filter:none; }
.sub0105 .ss_02 .tb_right { width:20%; }

.step01 { width:100%; }
.step01 ul { width:100%; }
.step01 ul li { width:100%; display:table; margin-bottom:30px; }
.step01 ul li:last-child { margin-bottom:0px; }
.step01 ul li dl { display:table-row; }
.step01 ul li dl dt { display:table-cell; width:35%; height:auto; text-align:center; vertical-align:middle; font-size:18px; font-weight:600; font-family:"NanumSquare"; background-color:#001D4F; color:#ffffff; border-radius:5px 0 0 5px; padding:5px 10px; }
.step01 ul li dl dt .st_title01 { padding:10px 0; font-size:20px; }
.step01 ul li dl dt .st_title02 { width:60%; min-width:230px; border-top:1px solid #ffffff; text-align:left; margin:0 auto; padding:10px 0; font-weight:normal;}
.step01 ul li dl dd { display:table-cell; width:65%; height:60px; vertical-align:middle; background-color:#f8f8f8; padding:10px 20px; font-size:17px; font-weight:400; color:#000000; line-height:150%; border-radius:0 5px 5px 0; border:1px solid #dddddd; box-sizing:border-box;}


.step02 { width:100%; margin-top:20px; }
.step02 > ul { width:100%; }
.step02 > ul > li { float:left; width:11%; margin-right:1.7142%; margin-bottom:20px; position:relative; text-align:center; }
.step02 > ul > li:after { content:""; display:block; padding-bottom:100%; }
.step02 > ul > li:last-child { margin-right:0; }
.step02 > ul > li > div { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; border:1px solid #eeeeee; box-sizing:border-box; padding-top:75px; }
.step02 > ul > li > div > p { position:absolute; left:0; top:42%; width:100%; font-size:1.2vw; color:#ffffff; font-weight:600; }
.step02 > ul > li > div.etc > p { top:35%; }
.step02 > ul > li:nth-child(1) > div { background-color:#FFCB08; }
.step02 > ul > li:nth-child(2) > div { background-color:#FD8307; }
.step02 > ul > li:nth-child(3) > div { background-color:#0072BC; }
.step02 > ul > li:nth-child(4) > div { background-color:#FFCB08; }
.step02 > ul > li:nth-child(5) > div { background-color:#FD8307; }
.step02 > ul > li:nth-child(6) > div { background-color:#0072BC; }
.step02 > ul > li:nth-child(7) > div { background-color:#FFCB08; }
.step02 > ul > li:nth-child(8) > div { background-color:#FD8307; }

/* 대관신청 단계 */
.step03 > ul { width:100%; margin:20px auto; }
.step03 > ul > li { float:left; display:table; }
.step03 > ul > li.text { width:17%; box-sizing:border-box; border-radius:20px; text-align:center cursor:pointer; color:#ffffff;  border:1px solid #eeeeee; box-sizing:border-box; }
.step03 > ul > li.step_arrow { width:3.75%; height:115px; line-height:115px; /*background:url(../img/icon_step_arrow2.png) no-repeat center center; */ text-align:center; font-size:20px; }
.step03 > ul > li.text div { display:table-row; }
.step03 > ul > li.text div p { display:table-cell;width:100%; word-break:keep-all; text-align:center; vertical-align:middle; }
.step03 > ul > li.text div.title {  background-color:#ffffff; }
.step03 > ul > li.text div.title p { height:50px; border-radius:20px 20px 0 0; font-size:18px; font-family:"NanumSquare"; font-weight:800; color:#666666; }
.step03 > ul > li.text div.small { background-color:#0476FC; color:#ffffff; font-size:18px; font-weight:500; height:65px; }
.step03 > ul > li.text div.small p { border-radius:0 0 20px 20px; line-height:1.2; }
.step03 > ul > li.text div.small p a { display:inline-block; border:1px solid #eeeeee; background-color:#F44040; border-radius:5px; color:#ffffff; padding:3px 10px; font-size:12px; font-weight:normal; line-height:100%; }


.table01 { background-color:#ffffff; }
.table01 table { font-size:20px; width:100%; padding:0; border-spacing:0;border-top:1px solid #dddddd; }
.table01 table thead th { background-color:#2457A8; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:7px 5px; color:#ffffff; font-weight:600; }
.table01 table tbody th { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#2457A8; color:#ffffff; padding:7px 5px; line-height:1.3; font-weight:600; }
.table01 table tbody td { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; padding:15px 20px; line-height:1.5; word-break:break-all;}
.table01 table tbody > tr > th:last-child { border-right:none; }
.table01 table tbody > tr > td:last-child { border-right:none; }

.sub_sec .ss_title01 { font-size:23px; font-weight:800; font-family:"NanumSquare", sans-serif; margin-bottom:10px; }
.sub_sec .ss_title01:before { content:"● "; color:#EF8A1D; font-size:23px; }
.sub_sec .ss_title02 { font-size:20px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red;}
.sub_sec .ss_info { font-size:17px; padding:0px 20px 10px 20px; line-height:1.3; border:0px solid red; }
.sub_sec .ss_info > ul > { width:100%; }
.sub_sec .ss_info > ul > li { width:100%; padding:10px 0; border-bottom:1px solid #bbbbbb; }
.sub_sec .ss_info > ul > li:last-child { border-bottom:0; }
.sub_sec .ss_info > ul > li > p { font-weight:600; color:#000000; margin-bottom:0px; }

.tab_mo { display:none; }

/*
.big_img { position:relative; width:100%; max-width:1200px; margin:0 auto 20px auto; text-align:center; border:1px solid #eeeeee; padding:1%; }
.big_img img { width:auto; max-width:100%; height:auto; }
.big_img .img_title { position:absolute; left:50%; bottom:5%; width:300px; margin-left:-150px; text-align:center; color:#ffffff; text-shadow: 0 0 5px #000; font-size:25px; font-weight:bold; letter-spacing:-1px; }
*/
.list_banner04 {width:100%; margin:0px auto 0 auto; }
.list_banner04 > ul { position:relative;margin:0;padding:0px; list-style:none;}
.list_banner04 > ul > li {float:left; position:relative;width:19%; margin-right:1.25%; margin-bottom:70px; border:0px solid #666666; box-sizing:border-box;  }
.list_banner04 > ul > li:after { content:""; display:block; padding-bottom:70%; }
.list_banner04 > ul > li:nth-child(5n) {margin-right:0;}
.list_banner04 > ul > li > .mb_thum { position:absolute; left:0; top:0; width:100%; height:100%; padding:0; text-align:center; margin:0 auto; z-index:1; border:0px solid blue; box-sizing:border-box; overflow:hidden; }
.list_banner04 > ul > li > .mb_thum > img { width:100%; height:100%; max-height:100%; border:0px solid red; box-sizing:border-box; margin:0 auto; }
.list_banner04 > ul > li > .mb_info { position:absolute; bottom:-60px; left:0.5%; width:99%; height:50px; overflow:hidden; z-index:3; overflow:hidden; border:0px solid #666666; box-sizing:border-box; text-align:center; font-size:20px; font-weight:400; }


.list_banner05 {width:100%; margin:0px auto 0 auto; border:0px solid red; }
.list_banner05 > ul { position:relative;margin:0;padding:0px; list-style:none;}
.list_banner05 > ul > li {float:left; position:relative;width:100%; margin-bottom:20px; border:0px solid #666666; box-sizing:border-box;  }
.list_banner05 > ul > li > .lb5_left {float:left; width:40%; text-align:left;  }
.list_banner05 > ul > li > .lb5_left > img { width:100%; max-width:1260px; }
.list_banner05 > ul > li > .lb5_right {float:right; width:58%;  }

.list_banner05_img {width:100%; margin:0px auto 0 auto; }
.list_banner05_img > ul { position:relative;margin:0;padding:0px; list-style:none;}
.list_banner05_img > ul > li {float:left; position:relative;width:23%; margin-right:2.6666%; margin-bottom:70px; border:0px solid #666666; box-sizing:border-box;  }
.list_banner05_img > ul > li:after { content:""; display:block; padding-bottom:70%; }
.list_banner05_img > ul > li:nth-child(4n) {margin-right:0;}
.list_banner05_img > ul > li > .mb_thum { position:absolute; left:0; top:0; width:100%; height:100%; padding:0; text-align:center; margin:0 auto; z-index:1; border:0px solid blue; box-sizing:border-box; overflow:hidden; }
.list_banner05_img > ul > li > .mb_thum > img { width:100%; height:100%; max-height:100%; border:0px solid red; box-sizing:border-box; margin:0 auto; }
.list_banner05_img > ul > li > .mb_info { position:absolute; bottom:-60px; left:0.5%; width:99%; height:50px; overflow:hidden; z-index:3; overflow:hidden; border:0px solid #666666; box-sizing:border-box; text-align:center; font-size:17px; font-weight:400; letter-spacing:-1px; }

.map_box { width:100%; height:450px; margin:0 auto 30px auto; }
.map_box div.root_daum_roughmap { width:100%; max-width:1600px; height:450px; margin:0 auto;}

.mapinfo { width:100%; max-width:1600px; margin:0 auto 0px auto; }
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.ss_bg1 { background-color:#FFCCCC; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg2 { background-color:#FFE5CC; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg3 { background-color:#FFFFCC; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg4 { background-color:#E5FFCC; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg5 { background-color:#CCFFCC; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg6 { background-color:#CCFFFF; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg7 { background-color:#CCE5FF; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg8 { background-color:#CCCCFF; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg9 { background-color:#E5CCFF; padding:20px 0 0 20px; border-radius:10px; }
.ss_bg10 { background-color:#FFCCFF; padding:20px 0 0 20px; border-radius:10px; }

.naver_reservation { width:100%;  text-align:center; }
.naver_reservation img { margin-right:10px; }
.naver_reservation a { display:inline-block; font-size:20px; line-height:50px; font-weight:600; width:100%; max-width:350px; text-align:center; border:1px solid #cccccc; box-sizing:border-box; border-radius:10px; padding:10px 0; }

@media ( max-width: 1500px ) {
	.list_banner05 {width:100%; margin:0px auto 0 auto; border:0px solid red; }
	.list_banner05 > ul { position:relative;margin:0;padding:0px; list-style:none;}
	.list_banner05 > ul > li {float:left; position:relative;width:100%; margin-bottom:20px; border:0px solid #666666; box-sizing:border-box;  }
	.list_banner05 > ul > li > .lb5_left {float:none; width:100%;  }
	.list_banner05 > ul > li > .lb5_right {float:none; width:100%; margin-top:20px; }
}

@media ( max-width: 1023px ) {
	.sub_v { margin-bottom:0; }
	.sub_v .main_img .main_img_inner { height:300px; }
	.sub_sec .ss_info { padding:0px 10px 10px 10px; }

	.content { width:95%; margin:0 auto; }
	.cont_tit { margin:30px auto 30px auto; }
	.cont_tit .page_title01 { font-size:30px; }

	.sub0101 .txt_box li { float:none; }
	.sub0101 .ss_02 .tb_left {width:100%; margin-right:0; margin-bottom:30px; min-height:auto; }
	.sub0101 .ss_02 .tb_right { width:100%; margin-left:0; }
	.sub0101 .ss_02 .tb_right img { width:80%; max-width:700px; }
	.sub0101 .txt_main { font-size:25px; margin-top:0; margin-bottom:30px; }
	.sub0101 p { font-size:17px; }

	.table01 table { font-size:16px; }
/*
	.table01 { overflow-x:scroll; }
	.table01::-webkit-scrollbar { width: 2px !important; }
	.table01::-webkit-scrollbar-thumb { background: #a9a9a9; }
*/

	.list_banner04 > ul > li { width:32%; margin-right:1.3333%; border:0px solid #666666; box-sizing:border-box;  }
	.list_banner04 > ul > li:nth-child(5n) {margin-right:1.3333%;}
	.list_banner04 > ul > li:nth-child(3n) {margin-right:0;}
	.list_banner04 > ul > li > .mb_info { font-size:18px; }


	.step02 > ul > li { width:22%; margin-right:4%; margin-bottom:10px; }
	.step02 > ul > li:nth-child(4n) { margin-right:0; }
	.step02 > ul > li > div > p { font-size:2.5vw; }


}

@media ( max-width: 767px ) {
	 p.font04 { font-size:16px; }

	.content .sub_sec { margin-top:40px; }

	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:18px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:190px; font-size:15px;}
	.step01 ul li dl dd { font-size:15px; }

	.list_banner04 > ul > li { width:49%; margin-right:2%; margin-bottom:55px; }
	.list_banner04 > ul > li:nth-child(3n) {margin-right:2%;}
	.list_banner04 > ul > li:nth-child(2n) {margin-right:0;}
	.list_banner04 > ul > li > .mb_info { bottom:-45px; font-size:15px; height:40px; }

	.list_banner05_img > ul > li { width:49%; margin-right:2%; margin-bottom:50px; }
	.list_banner05_img > ul > li:nth-child(3n) {margin-right:2%;}
	.list_banner05_img > ul > li:nth-child(2n) {margin-right:0;}
	.list_banner05_img > ul > li > .mb_info { bottom:-45px; font-size:14px; height:40px; }

	.mapinfo dt{width:100%;float:left;clear:both;padding:10px 10px;text-align:left;font-weight:bold;border-top:1px solid #eaeaea;line-height:150%;     box-sizing: border-box;}
	.mapinfo dd{width:100%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;     box-sizing: border-box;}

	.step02 > ul > li { width:32%; margin-right:1.3333%; margin-bottom:10px; }
	.step02 > ul > li:nth-child(4n) { margin-right:1.3333%; }
	.step02 > ul > li:nth-child(3n) { margin-right:0; }
	.step02 > ul > li > div > p { font-size:4.2vw; }
	
	.table01 table { font-size:14px; }
	.table01 table thead th { padding:7px 2px; font-weight:400; }
	.table01 table tbody th { padding:7px 2px; line-height:1.2; font-weight:400; font-size:15px; }
	.table01 table tbody td { padding:7px 2px; line-height:1.2; font-size:14px;}

/* 대관신청 단계 */
	.step03 > ul > li { margin-bottom:10px; }
	.step03 > ul > li.text { width:30%; }
	.step03 > ul > li.step_arrow { width:5%; }
	.step03 > ul > li.text div.small { font-size:18px; }

	.ss_bg1 { padding:10px 0 0 10px; }
	.ss_bg2 { padding:10px 0 0 10px; }
	.ss_bg3 { padding:10px 0 0 10px; }
	.ss_bg4 { padding:10px 0 0 10px; }

	.naver_reservation img { margin-right:10px; width:40px; }
	.naver_reservation a { font-size:18px; line-height:20px; }

}

@media ( max-width: 479px ) {
	.sub0101 .txt_box { font-size:17px; }
	.ss_01 { font-size:22px; }

	p.font01 { font-size:22px; }
	p.font02 { font-size:22px; }
	p.font03 { font-size:22px; }

	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:15px; letter-spacing:-1px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:150px; font-size:14px; letter-spacing:-1px;}
	.step01 ul li dl dd { font-size:14px; }

/* 대관신청 단계 */
	.step03 > ul > li { margin-bottom:10px; }
	.step03 > ul > li.text { width:30%; }
	.step03 > ul > li.step_arrow { width:5%; }
	.step03 > ul > li.text div.small { font-size:16px; }

	.table01 table { font-size:13px; }

	.naver_reservation img { margin-right:5px; width:30px; }
	.naver_reservation a { max-width:280px; font-size:15px; line-height:30px; }

}