@charset "utf-8";
#contents_top { display: table; width: 100%; height: 220px; margin-bottom: 80px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-align: center; }
.contents_top1 { background-image: url(/img/contents/contents_top1.jpg); }
.contents_top2 { background-image: url(/img/contents/contents_top2.jpg); }
.contents_top3 { background-image: url(/img/contents/contents_top3.jpg); }
.contents_top4 { background-image: url(/img/contents/contents_top4.jpg); }
.contents_top5 { background-image: url(/img/contents/contents_top5.jpg); }
#contents_top > div { display: table-cell; vertical-align: middle; }
#contents_top h2 { font-size: 36px; font-weight: 600; color: #fff; }
#contents_top span { display: inline-block; margin-top: 10px; font-size: 17px; font-weight: 400; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; }
#tit1 { width: 1000px; margin: 0 auto 80px auto; text-align: center; }
#tit1 h3 { display: inline-block; border-bottom: 2px solid #000; font-size: 32px; font-weight: 800; }
#tit1 p { margin-top: 30px; line-height: 140%; font-size: 20px; font-weight: normal; }
.tit2 { width: 1000px; margin: 0 auto 25px auto; }
.tit2 h4 { font-size: 30px; }

.bt1 { display: inline-block; min-width: 110px; padding: 9px 30px; box-sizing: border-box; border: 1px solid #173f54; font-size: 17px; font-weight: 600; color: #173f54; }
.bt1_on { background: #173f54; color: #fff; }

.slider1_wrap .bx-controls { position: absolute; top: 50%; width: 100%; }
.slider1_wrap .bx-wrapper .bx-controls-direction a { width: 25px; height: 46px; background-image: url(/img/comm/slider1_arrow.png); background-repeat: no-repeat; }
.slider1_wrap .bx-wrapper .bx-prev { left: 20px; background-position: 0 0; }
.slider1_wrap .bx-wrapper .bx-prev:hover { background-position: 0 -70px; }
.slider1_wrap .bx-wrapper .bx-next { right: 20px; background-position: -70px 0; }
.slider1_wrap .bx-wrapper .bx-next:hover { background-position: -70px -70px; }

.section1 { width: 1000px; margin: 0 auto 100px auto; text-align: center; }
.section1 > p { line-height: 200%; font-size: 17px; color: #555; letter-spacing: -0.5px; }
.section1 > p.p1 { margin-bottom: 40px; }
.section1 > p.p2 > img { margin-left: 16px; }

/* 오시는 길 */
.section2 { width: 1000px; margin: 0 auto; padding: 20px 0 70px 0; text-align: center; font-size: 0; }
.section2 dl { display: inline-block; width: 33%; padding: 0 2%; box-sizing: border-box; border-left: 1px solid #ddd; }
.section2 dl:first-child { margin-left: 0; border-left: 0; }
.section2 dt { margin-bottom: 10px; font-size: 17px; color: #777; }
.section2 dd { font-size: 23px; font-weight: 600; }
.section2 dl:first-child dd { font-size: 22px; letter-spacing: -0.5px; }

.section3 { width: 1000px; margin: 0 auto 100px auto; }
.section3 .root_daum_roughmap { width: 100%; }

.tbl1 { width: 100%; border-top: 1px solid #173f54; font-size: 16px; }
.tbl1.td-center td { text-align: center; }
.tbl1 thead { background: #f5f5f5; }
.tbl1 tr { border-bottom: 1px solid #ddd; }
.tbl1 th,
.tbl1 td {
    padding: 15px 10px;
    font-size: 17px;
}
.tbl1 td { text-align: center; }

.section5 { width: 1000px; margin: 0 auto 100px auto; }

.section6 { width: 1000px; margin: 0 auto 100px auto; font-size: 0; }
.section6 > div { display: inline-block; width: 490px; height: 270px; padding: 50px 0 0 210px; border: 1px solid #ddd; background-repeat: no-repeat; background-position: 16% 30%; box-sizing: border-box; vertical-align: top; text-align: left; }
.section6 > div.left { margin-right: 10px; background-image: url(/img/contents/ask_icon1.png); font-size: 14px; }
.section6 > div.right { background-image: url(/img/contents/ask_icon2.png); }

.section6 > div > span { display: inline-block; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px solid #777;  font-size: 20px; font-weight: 600; }
.section6 > div.left > a { display: block; height: 43px; letter-spacing: -0.5px; font-weight: 600; font-size: 32px; }
.section6 > div.right > a { display: block; width: 170px; padding: 12px 0; border-radius: 100px; background: #fae101; text-align: center; font-weight: 600; font-size: 17px; }
.section6 > div > p { margin-top: 15px; line-height: 160%; font-size: 17px; }

/* 허가·인증 */
.section7 { width: 1000px; margin: 0 auto 100px auto; }
.section7 > ul { font-size: 0; }
.section7 > ul > li { display: inline-block; width: 300px; margin: 50px 0 0 50px; vertical-align: top; text-align: center; }
.section7 > ul > li:nth-child(3n-2) { margin-left: 0; }
.section7 > ul > li:nth-child(1),
.section7 > ul > li:nth-child(2),
.section7 > ul > li:nth-child(3) {
    margin-top: 0;
}
.section7 > ul > li > input[type="image"] { width: 100%; background-color: transparent; background-size: 90%; background-repeat: no-repeat; background-position: 50% 50%; box-shadow: 0 0 5px #ddd; text-indent: -1000px; overflow: hidden; }
.section7 > ul > li > span { display: block; margin: 20px auto 0 auto; line-height: 140%; font-size: 17px; word-break: keep-all; }
input.certi1 { background-image: url(/img/business/certi1.png); }
input.certi2 { background-image: url(/img/business/certi2.png); }
input.certi3 { background-image: url(/img/business/certi3.png); }
input.certi4 { background-image: url(/img/business/certi4.png); }
input.certi5 { background-image: url(/img/business/certi5.png); }
input.certi6 { background-image: url(/img/business/certi6.png); }
input.certi7 { background-image: url(/img/business/certi7.png); }
input.certi8 { background-image: url(/img/business/certi8.png); }
input.certi9 { background-image: url(/img/business/certi9.png); }
input.certi10 { background-image: url(/img/business/certi10.png); }
input.certi11 { background-image: url(/img/business/certi11.png); }
input.certi12 { background-image: url(/img/business/certi12.png); }
input.certi13 { background-image: url(/img/business/certi13.png); }


/* 실적 표 */
.record { width: 1000px; margin: 0 auto 100px auto; }
.record tbody tr td:nth-child(3) { text-align: left; }
.record tbody tr td:last-child { padding-right: 36px; text-align: right; }

.section8 { width: 1000px; margin: 0 auto 30px auto; }

.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; }
.popup .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/comm/popup_bg.png); }
.popup .view { position: absolute; top: 50%; left: 50%; box-sizing: border-box; background: #fff; text-align: center; }
.popup .popup_close { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background: transparent url(/img/comm/popup_close.png) no-repeat 0 0; background-size: 40px; text-indent: -1000px; overflow: hidden; }
.certi_view .view { width: 500px; height: 650px; margin: -325px 0 0 -250px; }
.certi_view .view img { width: 100%; height: 650px; }




/* 게시판 */
.board_list_wrap, 
.board_view_wrap,
.board_write_wrap { width: 1000px; margin: 0 auto 100px auto; }
.board_list_top { margin-bottom: 20px; }

.board_list td:nth-child(2) { text-align: left; }

.board_page { position: relative; margin-top: 30px; padding-top: 12px; text-align: center; }
.board_page a { display: inline-block; margin: 0 10px; font-size: 16px; }
.board_page a.on { text-decoration: underline; }
.board_page .board_bt_write { position: absolute; top: 0; right: 0; }

.board_search { position: relative; width: 240px; margin: 50px auto 0 auto; }
.board_search input[type="text"] { display: block; width: 100%; padding: 12px 50px 12px 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 2px; font-size: 17px; }
.board_search input[type="submit"] { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; background: transparent url(/img/comm/board_search.png) no-repeat 0 0; background-size: 20px; text-indent: -1000px; overflow: hidden; }

.board_view table th,
.board_write table th { background: #f5f5f5; }
.board_view table td,
.board_write table td { text-align: left; }
.board_view table td.cont { padding: 30px 10px 100px 10px; line-height: 160%; word-break: keep-all; }
.board_view_bottom,
.board_write_bottom { margin-top: 30px; text-align: center; }

.board_write table th,
.board_write table td { padding: 12px 10px; }
.board_write .ipt_title,
.board_write .ipt_writer,
.board_write .ipt_date,
.board_write .ipt_tel {
    padding: 10px;
	box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 17px;
}
.board_write .ipt_title { width: 75%; }
.board_write .ipt_writer,
.board_write .ipt_date,
.board_write .ipt_tel { width: 150px; }
.board_write table tr { border-bottom: 0; }
.board_write table tr:first-child { border-bottom: 1px solid #ddd; }
.board_write table td.cont { padding: 0; }

.section9 { margin-bottom: 80px; text-align: center; }
.section9 a { display: inline-block; width: 200px; padding: 16px 0; border: 1px solid #000; border-radius: 100px; font-size: 17px; font-weight: 600; }


.equipment_list ul { width: 1000px; margin: 0 auto 80px auto; font-size: 0; }
.equipment_list ul li { display: inline-block; width: 30%; margin: 60px 0 0 5%; vertical-align: top; }
.equipment_list ul li:nth-child(3n-2) { margin-left: 0; }
.equipment_list ul li:nth-child(1),
.equipment_list ul li:nth-child(2),
.equipment_list ul li:nth-child(3) {
	margin-top: 0;
}
.equipment_list ul li img { width: 100%; border-radius: 10px; }
.equipment_list ul li p { margin-top: 20px; text-align: center; font-size: 16px; }

.organization { margin-bottom: 100px; text-align: center; }

@media all and (max-width: 800px) {
    #contents_top { display: none; }
    #tit1 { width: auto; margin: 0; }
    #tit1 h3 { width: 100%; padding: 16px 0; border-bottom: 0; background: #173f54; font-size: 1.7rem; font-weight: 800; color: #fff; }
	#tit1 p { margin: 0; padding: 16px 20px; text-align: left; line-height: 160%; font-size: 1.3rem; word-break: keep-all; }
	#tit1 p br { display: none; }
    .section1 { width: auto; margin: 0; text-align: left; padding: 30px 20px; }
	.section1 > p.p1 { margin-bottom: 20px; font-size: 1.4rem; word-break: keep-all; }
	.section1 > p.p1 br { display: none; }
	.section1 > p { font-size: 1.4rem; }
	.section1 > p.p2 > img { width: 90px; }
	
	.section2 { width: auto; margin: 0; padding: 30px 20px; }
	.section2 dl { display: block; width: 100%; margin-top: 20px; padding: 0; border-left: 0; text-align: left; }
	.section2 dl:first-child { margin-top: 0; }
	.section2 dt { margin-bottom: 5px; font-size: 1.4rem; }
	.section2 dd,
	.section2 dl:first-child dd {
		font-size: 1.4rem;
	}
	.section3 { width: 100%; margin-bottom: 0; }

	.organization { margin: 0; padding: 30px 20px; }
	.organization img { width: 100%; }
	
	.section8 { width: 100%; margin-bottom: 20px; }
	.section8 .bx-wrapper .bx-caption span { padding: 10px 0; font-size: 1.4rem; }
	.section9 { margin-bottom: 30px; }
	.section9 a { width: auto; padding: 8px 20px; font-size: 1.4rem; }
	
	
	.section6 { width: 100%; margin-bottom: 0; }
	.section6 > div { width: 100%; height: auto; padding: 20px 20px 20px 70px; border: 0; border-bottom: 1px solid #ddd; background-position: 20px 20px; background-size: 30px !important; }
	
	.section6 > div.left,
	.section6 > div.right {
		background-size: 50px;
	}
	.section6 > div.left { margin-right: 0; border-top: 1px solid #ddd; }
	.section6 > div > span { margin-bottom: 10px; padding-bottom: 0; border-bottom: 0; font-size: 1.6rem; }
	.section6 > div.left > a { height: auto; font-size: 2.4rem; }
	.section6 > div > p { margin-top: 10px; font-size: 1.3rem; }
	.section6 > div > p br { display: none; }
	
	.equipment_list { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.equipment_list ul { width: 100%; margin: 0; }
	.equipment_list ul li { width: 48%; margin: 30px 0 0 4%; }
	.equipment_list ul li:nth-child(3n-2) { margin-left: 4%; }
	.equipment_list ul li:nth-child(3) { margin-top: 30px; }
	.equipment_list ul li:nth-child(2n-1) { margin-left: 0; }
	.equipment_list ul li p { margin-top: 10px; }
	
	.section7 { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.section7 > ul > li { width: 48%; margin: 30px 0 0 4%; }
	.section7 > ul > li:nth-child(3n-2) { margin-left: 4%; }
	.section7 > ul > li:nth-child(3) { margin-top: 30px; }
	.section7 > ul > li:nth-child(2n-1) { margin-left: 0; }
	.section7 > ul > li > span { display: block; margin: 10px auto 0 auto; line-height: 140%; font-size: 1.4rem; word-break: keep-all; }
	.certi_view .view { width: 300px; height: 390px; margin: -195px 0 0 -150px; }
	.certi_view .view img { width: 100%; height: 100%; }
	
	.record { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.tbl1 th, .tbl1 td { padding: 10px 2px; font-size: 1.2rem; }
	.record tbody tr td:last-child { padding-right: 2px; }
	
	.board_list_wrap { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.board_list_top { margin-bottom: 10px; }
	.board_search { margin-top: 10px; }
	.board_search input[type="text"] { font-size: 1.3rem; }
	
	.board_write_wrap { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.board_write table td { padding: 10px 5px; font-size: 1.2rem; }

	.board_write .ipt_title,
	.board_write .ipt_writer,
	.board_write .ipt_date,
	.board_write .ipt_tel {
		width: 100%;
		font-size: 1.2rem;	
	}
	#cke_1_contents { height: 240px !important; }
	.board_write_bottom { margin-bottom: 30px; }
	.bt1 { min-width: 70px; padding: 9px 10px; font-size: 1.3rem; }
	.board_page .board_bt_write { position: relative; top: auto; left: auto; display: block; margin: 20px auto 0 auto; }
	.board_page a { font-size: 1.3rem; }
	
	.board_view_wrap { width: 100%; margin: 30px 0; padding: 0 20px; box-sizing: border-box; }
	.board_view table td.cont { padding: 10px 10px 30px 10px; }
}