/* 공통 */
/* 카카오맵 바로가기 링크 */
a.kakaomap_link {display:inline-block; height:56px; line-height:58px; border-radius:28px; background:#f9e000 url("/thema/Basic/img/kakao_map.png") left 28px center no-repeat; font-size:18px; padding:0 28px 0 60px; margin-left:auto;}

/* 테이블 */
.sub_table_box {overflow-x:auto;}
.sub_table_box table {width:100%; min-width:700px;}
.sub_table_box table thead tr th {background:#f7f9ff; font-weight:500; border-top:2px solid #333; border-bottom:1px solid #333;}
.sub_table_box table tbody tr td {border-bottom:1px solid #ddd; }
.sub_table_box table thead tr th, .sub_table_box table tbody tr td {font-size:16px; line-height:1.3; text-align:center; padding:15px; border-right:1px solid #ddd; word-break: keep-all;}
.sub_table_box table thead tr th:first-child, .sub_table_box table tbody tr td:first-child {border-left:1px solid #ddd;}


@media all and (max-width:1024px){
	/* 카카오맵 바로가기 링크 */
	a.kakaomap_link {margin:25px 0 0 0; font-size: 16px;}

	/* 테이블 */
	.sub_table_box table thead tr th, .sub_table_box table tbody tr td {font-size:15px; padding: 10px;}
}
@media all and (max-width:768px){
	/* 카카오맵 바로가기 링크 */
	a.kakaomap_link {height: 45px; line-height: 45px; background-position:left 20px center; font-size: 15px; padding: 0 20px 0 45px; background-size: 15px; margin:20px 0 0 0;}
	/* 테이블 */
	.sub_table_box table thead tr th, .sub_table_box table tbody tr td {font-size:14px;}
}


/* 인사말 */
#greetings {text-align:center;}
#greetings .txt_box strong {
	font-size:32px; line-height:1.4; background:url("/thema/Basic/img/greetings_bg_left.png") left center no-repeat, url("/thema/Basic/img/greetings_bg_right.png") right center no-repeat;
	padding:0 75px; display:inline-block; margin-bottom:65px;
}
#greetings .txt_box p {font-size:18px; line-height:1.6; margin-bottom:25px;}
#greetings .txt_box p:last-of-type {margin-bottom:0;}

/* 비전 및 미션 */
#vision .vision_box {text-align:center;}
#vision .sub_wrap {padding:80px 0;}
#vision .sub_wrap.bg_gray {background:#f5f5f5;}
#vision .sub_wrap .biz_list {display:flex; justify-content:center; max-width:960px; margin:60px auto 0; padding:45px;}
#vision .sub_wrap .biz_list li {background:#fff; height:260px; max-width:260px; width:33.3333333%; border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:45px; position:relative; box-shadow:0 0 25px rgba(0,0,0,0.05);}
#vision .sub_wrap .biz_list li:last-child {margin-right:0;}
#vision .sub_wrap .biz_list li::before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #ddd; width:350px; height:350px; border-radius:100%;}
#vision .sub_wrap .biz_list li > div {text-align:center;}
#vision .sub_wrap .biz_list li > div p {font-size:18px; line-height:1.4; margin-top:20px;}
#vision .sub_wrap .support_list {display:flex;}
#vision .sub_wrap .support_list li {width: calc(33.333% - 53.32px); margin-right:80px; border:1px solid #ddd; padding:25px 25px 30px 25px; position:relative;}
#vision .sub_wrap .support_list li:last-child {margin-right:0;}
#vision .sub_wrap .support_list li::after {content:''; background:url("/thema/Basic/img/vision_arrow.png")center no-repeat; position:absolute; top:50%; right:-55px; transform:translateY(-50%); width:30px; height:22px;}
#vision .sub_wrap .support_list li:last-child::after {display:none;}
#vision .sub_wrap .support_list li .img_box {margin-bottom:35px; background-position:center; background-repeat:no-repeat; background-size: cover; height:175px;}
#vision .sub_wrap .support_list li .txt_box strong {display:block; margin-bottom:15px; font-size:22px; line-height:1.2; }
#vision .sub_wrap .support_list li .txt_box p {font-size:18px; line-height:1.5; color:#777;}
#vision .sub_wrap .activity_list {display:flex; flex-wrap:wrap; gap:35px;}
#vision .sub_wrap .activity_list li {width: calc(20% - 28px);}
#vision .sub_wrap .activity_list li .img_box img {width:100%;}
#vision .sub_wrap .activity_list li strong {font-size:17px; line-height:1.2; display:block; margin:20px 0 5px;}

/* 연혁 */
#history .history_list {position:relative;}
#history .history_list::before {content:''; width:2px; height:100%; background:#3366ff; position:absolute; top:7px; left:50%; transform:translateX(-50%);}
#history .history_list > li {width:50%; clear:both; position:relative; margin-bottom:65px;}
#history .history_list > li:nth-child(odd) {float:right;}
#history .history_list > li:nth-child(even) {float:left; text-align:right;}
#history .history_list > li .history_year {display:inline-block; font-size:25px; color:#3366ff; position:relative; margin-bottom:30px;}
#history .history_list > li .history_year::before {content:''; position:absolute; top:7px; width:12px; height:12px; border:2px solid #3366ff; border-radius:100%; background:#fff;}
#history .history_list > li:nth-child(odd) .history_year {padding-left:35px;}
#history .history_list > li:nth-child(odd) .history_year::before {left:-6px;}
#history .history_list > li:nth-child(even) .history_year {padding-right:35px;}
#history .history_list > li:nth-child(even) .history_year::before {right:-6px;}
#history .history_list > li ul li {position:relative; margin-bottom:20px;}
#history .history_list > li:nth-child(odd) ul li {padding-left:90px;}
#history .history_list > li:nth-child(even) ul li {padding-right:90px;}
#history .history_list > li ul li:last-child {margin-bottom:0;}
#history .history_list > li ul li .history_month {font-size:18px; line-height:1.4; position:absolute; top:0;}
#history .history_list > li:nth-child(odd) ul li .history_month {left:35px;}
#history .history_list > li:nth-child(even) ul li .history_month {right:35px;}
#history .history_list > li ul li .history_cont {font-size:17px; line-height:1.4; color:#666;}

/* 오시는 길 */
#location .map_wrap .map_box {width:100%; height:520px;}
#location .map_wrap .map_box .wrap_map {height:100%;}
#location .txt_wrap {display:flex; flex-wrap:wrap;}
#location .txt_wrap .location_info {display:flex; flex-wrap:wrap;}
#location .txt_wrap .location_info li {display:flex; flex-wrap:wrap; align-items:center;}
#location .txt_wrap .location_info li:first-child {padding-right:85px;}
#location .txt_wrap .location_info li .txt_box {width:calc(100% - 76px); margin-left:20px;}
#location .txt_wrap .location_info li .txt_box b {font-size:16px; line-height:1.2; color:#3366ff; }
#location .txt_wrap .location_info li .txt_box p {font-size:18px; line-height:1.4; margin-top:5px;}


/* 연평도 소개 */
#ypdo_about .about_wrap {padding:60px 0; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #ddd;}
#ypdo_about .about_wrap:nth-of-type(even) {flex-direction:row-reverse;}
#ypdo_about .about_wrap:first-of-type {padding-top:0;}
#ypdo_about .about_wrap:last-of-type {border-bottom:0; padding-bottom:0;}
#ypdo_about .about_wrap .img_box {width:45%; height:380px; border-radius:30px; background-position:center; background-size:cover; background-repeat:no-repeat;}
#ypdo_about .about_wrap .txt_box {width:55%; padding-left:80px;}
#ypdo_about .about_wrap:nth-of-type(even) .txt_box {padding-left:0; padding-right:80px;}
#ypdo_about .about_wrap .txt_box strong {display:block; font-size:32px; line-height:1.3;  margin-bottom:25px;}
#ypdo_about .about_wrap .txt_box p {font-size:18px; line-height:1.6; }

/* 연평도 특산품 소개 */
/* #ypdo_specialties .seasonal_img_box {margin-bottom:65px;} */
#ypdo_specialties .seasonal_wrap {margin-bottom:65px; overflow-x:auto;}
#ypdo_specialties .seasonal_wrap table {width:100%; min-width:800px;}
#ypdo_specialties .seasonal_wrap table thead tr th {background:#3366ff; padding:35px 20px; color:#fff; font-size:20px;}
#ypdo_specialties .seasonal_wrap table tbody tr td {padding:25px 10px;}
#ypdo_specialties .seasonal_wrap table tbody tr td b {display:inline-block; font-size:18px;margin-bottom:20px;}
#ypdo_specialties .seasonal_wrap table tbody tr td span {display:block; font-size:18px;border-radius:20px; color:#fff; padding:10px;}
#ypdo_specialties .seasonal_wrap table tbody tr td .inner {display:flex;}
#ypdo_specialties .seasonal_wrap table tbody tr td .inner span {width:50%;}
#ypdo_specialties .seasonal_wrap table thead tr th, #ypdo_specialties .seasonal_wrap table tbody tr td {text-align:center;}
#ypdo_specialties .specialties_list {display:flex; flex-wrap:wrap;}
#ypdo_specialties .specialties_list li {width:32.33%; margin-right:1.5%; padding:50px 30px; border:1px solid #ddd; border-radius:50px; text-align: center;}
#ypdo_specialties .specialties_list li:last-child {margin-right:0;}
#ypdo_specialties .specialties_list li .img_box {margin-bottom:20px;}
#ypdo_specialties .specialties_list li .txt_box strong {display:block; font-size:22px; line-height:1.3;margin-bottom:15px;}
#ypdo_specialties .specialties_list li .txt_box p {font-size:18px; line-height:1.5;}

/* 연평도 선박교통편 */
#ypdo_ship .top_info_wrap {display:flex; flex-wrap:wrap;}
#ypdo_ship .top_info_wrap .left_box {width:280px;}
#ypdo_ship .top_info_wrap .right_box {width:calc(100% - 280px); padding:25px 0 0 55px;}
#ypdo_ship .top_info_wrap .right_box .info_list li {font-size:18px; line-height:1.4; position:relative; padding-left:100px; margin-bottom:20px;}
#ypdo_ship .top_info_wrap .right_box .info_list li:last-child {margin-bottom:0;}
#ypdo_ship .top_info_wrap .right_box .info_list li b {color:#3366ff; position:absolute; top:0; left:0;}
#ypdo_ship .top_info_wrap .right_box a.kakaomap_link {margin:0 0 0 auto;}
#ypdo_ship .ferry_box .top_txt {margin-bottom:20px;}
#ypdo_ship .ferry_box .top_txt strong {font-size:22px; line-height:1.2; }
#ypdo_ship .ferry_box .top_txt span {font-size:16px; line-height:1.4; color:#999; float:right;}
#ypdo_ship .ferry_box .ferry_info_list {padding:40px; border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center;}
#ypdo_ship .ferry_box .ferry_info_list li {display:flex; flex-wrap:wrap; align-items:center; width:25%;}
#ypdo_ship .ferry_box .ferry_info_list li .img_box {width:100px;}
#ypdo_ship .ferry_box .ferry_info_list li .txt_box {width:calc(100% - 100px); padding-left:20px;}
#ypdo_ship .ferry_box .ferry_info_list li .txt_box span {font-size:16px; line-height:1.2;}
#ypdo_ship .ferry_box .ferry_info_list li .txt_box b {display:block; font-size:20px; line-height:1.2; margin-top:10px;}
#ypdo_ship .timetable_wrap > strong {display:block; font-size:22px; line-height:1.2; margin-bottom:20px;}
#ypdo_ship .timetable_wrap .top_box {margin-bottom:25px; display:flex; flex-wrap:wrap; align-items:center;}
#ypdo_ship .timetable_wrap .top_box .select_box {font-size:0;}
#ypdo_ship .timetable_wrap .top_box .select_box select {
	padding:0 15px; border:1px solid #ddd; appearance:none; background:url("/thema/Basic/img/select_arrow.png") right 15px center no-repeat; font-size:16px; margin-right:5px; height:47px; line-height:47px;
}
#ypdo_ship .timetable_wrap .top_box .select_box select:last-child {margin-right:0;}
#ypdo_ship .timetable_wrap .top_box a.table_download {display:inline-block; font-size:16px; max-width:200px; width:100%; height:47px; line-height:47px; background:#333; color:#fff; text-align:center; margin-left:auto; padding:0 15px;}
#ypdo_ship .timetable_wrap .sub_table_box td.color_orange {color:#ef5100;}


/* 연평도 착한꽃게 장점 */
#crab_advantages > ol{counter-reset:crab_advantages;}
#crab_advantages > ol > li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #ddd;padding:70px 0;}
#crab_advantages > ol > li:nth-child(even){flex-direction:row-reverse;}
#crab_advantages > ol > li:nth-child(even) .txt_box{padding-right:80px;}
#crab_advantages > ol > li:nth-child(odd) .txt_box{padding-left:80px;}
#crab_advantages > ol > li .img_box{width:40%;height:300px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:30px;}
#crab_advantages > ol > li .txt_box{width:60%;}
#crab_advantages > ol > li .txt_box strong{display:block;font-size:32px;line-height:1.4;}
#crab_advantages > ol > li .txt_box strong::before{content:"0"counter(crab_advantages);counter-increment:crab_advantages;display:block;font-size:24px;line-height:1;color:#bbb;margin-bottom:10px;}
#crab_advantages > ol > li .txt_box p{font-size:18px;line-height:1.8;margin-top:25px;word-break:keep-all;}
#crab_advantages > ol > li .txt_box p b{color:#3366ff;}

/* 꽃게 효능 및 영양 */
#crab_efficacy > ul{border-top:2px solid #333;}
#crab_efficacy > ul > li{display:flex;flex-wrap:wrap;align-items:center;padding:45px 0;border-bottom:1px solid #ddd;}
#crab_efficacy > ul > li .img_box{width:36%;height:300px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#crab_efficacy > ul > li .txt_box{width:64%;padding-left:55px;}
#crab_efficacy > ul > li .txt_box strong{font-size:26px;line-height:1.4;}
#crab_efficacy > ul > li .txt_box p{font-size:16px;line-height:1.8;margin-top:20px;word-break:keep-all;}


@media all and (max-width:1250px){
	/* 연평도 소개 */
	#ypdo_about .about_wrap .txt_box { padding-left:50px;}
	#ypdo_about .about_wrap:nth-of-type(even) .txt_box {padding-right:50px;}
	#ypdo_about .about_wrap .txt_box p br {display:none;}

	/* 연평도 특산품 소개 */
	#ypdo_specialties .specialties_list li .txt_box p br {display:none;}

	/* 연평도 선박교통편 */
	#ypdo_ship .ferry_box .ferry_info_list {padding:30px;}
	#ypdo_ship .ferry_box .ferry_info_list li .img_box {width:80px;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box {width: calc(100% - 80px);}
}
@media all and (max-width:1024px){
	/* 인사말 */
	#greetings .txt_box strong {font-size:25px; background-size:20px; margin-bottom:45px;}
	#greetings .txt_box p {font-size:16px; margin-bottom:20px;}

	/* 비전 및 미션 */
	#vision .sub_wrap {padding:70px 0;}
	#vision .sub_wrap .biz_list {max-width: 754px; padding: 31px; margin: 40px auto 0;}
	#vision .sub_wrap .biz_list li {max-width: 210px; height: 210px; margin-right: 31px;}
	#vision .sub_wrap .biz_list li::before {width: 270px; height: 270px;}
	#vision .sub_wrap .biz_list li > div img {width:45px;}
	#vision .sub_wrap .biz_list li > div p {font-size: 16px; margin-top:15px;}
	#vision .sub_wrap .support_list li {width: calc(33.333% - 33.4px); margin-right: 50px; padding: 20px;}
	#vision .sub_wrap .support_list li::after {right: -38px; background-size: 23px; width: 23px; height: 18px;}
	#vision .sub_wrap .support_list li .img_box {margin-bottom: 25px;}
	#vision .sub_wrap .support_list li .txt_box strong {font-size: 18px;}
	#vision .sub_wrap .support_list li .txt_box p {font-size: 16px;}
	#vision .sub_wrap .activity_list {gap: 25px;}
	#vision .sub_wrap .activity_list li {width: calc(20% - 20px);}
	#vision .sub_wrap .activity_list li strong {margin: 15px 0 5px;}

	/* 연혁 */
	#history .history_list > li {margin-bottom: 50px;}
	#history .history_list > li .history_year {font-size: 22px; margin-bottom: 20px;}
	#history .history_list > li:nth-child(odd) .history_year {padding-left:30px;}
	#history .history_list > li:nth-child(even) .history_year {padding-right:30px;}
	#history .history_list > li ul li {margin-bottom: 15px;}
	#history .history_list > li:nth-child(odd) ul li {padding-left:80px;}
	#history .history_list > li:nth-child(even) ul li {padding-right:80px;}
	#history .history_list > li ul li .history_month {font-size: 16px;}
	#history .history_list > li:nth-child(odd) ul li .history_month {left:30px;}
	#history .history_list > li:nth-child(even) ul li .history_month {right:30px;}
	#history .history_list > li ul li .history_cont {font-size: 16px;}

	/* 오시는 길 */
	#location .map_wrap .map_box {height:450px;}
	#location .txt_wrap .location_info {width:100%;}
	#location .txt_wrap .location_info li:first-child {padding-right: 40px;}
	#location .txt_wrap .location_info li .txt_box {width:calc(100% - 71px); margin-left: 15px;}
	#location .txt_wrap .location_info li .txt_box b {font-size: 15px;}
	#location .txt_wrap .location_info li .txt_box p {font-size: 16px;}


	/* 연평도 소개 */
	#ypdo_about .about_wrap {padding: 50px 0;}
	#ypdo_about .about_wrap .img_box {height: 300px;}
	#ypdo_about .about_wrap .txt_box { padding-left:40px;}
	#ypdo_about .about_wrap:nth-of-type(even) .txt_box {padding-right:40px;}
	#ypdo_about .about_wrap .txt_box strong {font-size: 26px; margin-bottom: 20px;}
	#ypdo_about .about_wrap .txt_box p {font-size: 16px;}

	/* 연평도 특산품 소개 */
	#ypdo_specialties .seasonal_wrap {margin-bottom:40px;}
	#ypdo_specialties .seasonal_wrap table thead tr th {font-size: 18px; padding: 25px 15px;}
	#ypdo_specialties .seasonal_wrap table tbody tr td {padding: 15px 10px;}
	#ypdo_specialties .seasonal_wrap table tbody tr td b {font-size:16px; margin-bottom: 15px;}
	#ypdo_specialties .seasonal_wrap table tbody tr td span {font-size:16px;}
	#ypdo_specialties .specialties_list li {padding:30px 25px;}
	#ypdo_specialties .specialties_list li .img_box img {width:150px;}
	#ypdo_specialties .specialties_list li .txt_box strong {font-size: 20px;}
	#ypdo_specialties .specialties_list li .txt_box p {font-size: 16px;}

	/* 연평도 선박교통편 */
	#ypdo_ship .top_info_wrap .left_box {width:220px;}
	#ypdo_ship .top_info_wrap .right_box {width: calc(100% - 220px); padding: 20px 0 0 40px;}
	#ypdo_ship .ferry_box .top_txt strong {font-size: 20px;}
	#ypdo_ship .ferry_box .top_txt span {font-size: 15px;}
	#ypdo_ship .ferry_box .ferry_info_list {padding:25px;}
	#ypdo_ship .ferry_box .ferry_info_list li .img_box {width:60px;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box {width: calc(100% - 60px); padding-left: 15px;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box span {font-size: 15px;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box b {font-size: 17px; margin-top: 7px;}
	#ypdo_ship .timetable_wrap > strong {font-size: 20px; margin-bottom: 15px;}
	#ypdo_ship .timetable_wrap .top_box {margin-bottom: 20px;}
	#ypdo_ship .timetable_wrap .top_box .select_box select {font-size: 15px; height: 40px; line-height: 40px;}
	#ypdo_ship .timetable_wrap .top_box a.table_download {font-size: 15px; max-width: 190px; height: 40px; line-height: 40px;}


	/* 연평도 착한꽃게 장점 */
	#crab_advantages > ol > li{padding:50px 0;}
	#crab_advantages > ol > li:nth-child(even) .txt_box{padding-right:40px;}
	#crab_advantages > ol > li:nth-child(odd) .txt_box{padding-left:40px;}
	#crab_advantages > ol > li .txt_box strong{font-size:24px;}
	#crab_advantages > ol > li .txt_box strong::before{font-size:20px;margin-bottom:5px;}
	#crab_advantages > ol > li .txt_box p{font-size:16px;margin-top:10px;}
	#crab_advantages > ol > li .txt_box p br{display:none;}

	/* 꽃게 효능 및 영양 */
	#crab_efficacy > ul > li{padding:30px 0;}
	#crab_efficacy > ul > li .img_box{height:250px;}
	#crab_efficacy > ul > li .txt_box{padding-left:30px;}
	#crab_efficacy > ul > li .txt_box strong{font-size:22px;}
	#crab_efficacy > ul > li .txt_box p{font-size:14px;margin-top:10px;}
}
@media all and (max-width:768px){
	/* 인사말 */
	#greetings .txt_box strong {font-size:20px; background-size:16px; margin-bottom:30px; padding:0 30px;}
	#greetings .txt_box p {font-size:14px; margin-bottom:15px;}

	/* 비전 및 미션 */
	#vision .sub_wrap {padding:60px 0;}
	#vision .sub_wrap .biz_list {flex-wrap:wrap; max-width: 505px; padding:21px;}
	#vision .sub_wrap .biz_list li {width:50%; max-width: 190px; height: 190px; margin-right: 21px;}
	#vision .sub_wrap .biz_list li:last-child {margin-right:0; margin-top:-7px;}
	#vision .sub_wrap .biz_list li::before {width: 230px; height: 230px;}
	#vision .sub_wrap .biz_list li > div img {width:40px;}
	#vision .sub_wrap .biz_list li > div p {font-size: 15px;}
	#vision .sub_wrap .biz_list li:nth-child(even) {margin-right:0;}
	#vision .sub_wrap .support_list {flex-wrap:wrap;}
	#vision .sub_wrap .support_list li {width:100%; margin-right:0; margin-bottom:45px;}
	#vision .sub_wrap .support_list li:last-child {margin-bottom:0;}
	#vision .sub_wrap .support_list li::after {top: 109%; right: 50%; background-size: 18px; width: 18px; transform: translateY(-50%) rotate(90deg);}
	#vision .sub_wrap .support_list li .img_box {height:125px; margin-bottom: 20px;}
	#vision .sub_wrap .support_list li .txt_box strong {font-size: 16px; margin-bottom: 8px;}
	#vision .sub_wrap .support_list li .txt_box p {font-size: 14px;}
	#vision .sub_wrap .activity_list {gap: 20px;}
	#vision .sub_wrap .activity_list li {width: calc(33.333% - 13.4px);}
	#vision .sub_wrap .activity_list li strong {font-size: 16px;}

	/* 연혁 */
	#history .history_list::before {left:0;}
	#history .history_list > li {float:none !important; width:100%;}
	#history .history_list > li:nth-child(even) {text-align:left;}
	#history .history_list > li:nth-child(odd) .history_year {padding-left:20px;}
	#history .history_list > li:nth-child(even) .history_year {padding-left:20px; padding-right:0;}
	#history .history_list > li:nth-child(even) .history_year::before {left:-6px;}
	#history .history_list > li:nth-child(odd) ul li {padding-left:60px;}
	#history .history_list > li:nth-child(even) ul li {padding-left:60px; padding-right:0;}
	#history .history_list > li ul li .history_month {font-size: 14px;}
	#history .history_list > li:nth-child(odd) ul li .history_month {left:20px;}
	#history .history_list > li:nth-child(even) ul li .history_month {left:20px;}
	#history .history_list > li ul li .history_cont {font-size: 14px;}

	/* 오시는 길 */
	#location .map_wrap .map_box {height:400px;}
	#location .txt_wrap .location_info li {width:100%; margin-bottom:15px;}
	#location .txt_wrap .location_info li:first-child {padding-right:0;}
	#location .txt_wrap .location_info li:last-child {margin-bottom:0;}
	#location .txt_wrap .location_info li img {width:50px;}
	#location .txt_wrap .location_info li .txt_box {width:calc(100% - 65px);}
	#location .txt_wrap .location_info li .txt_box b {font-size: 14px;}
	#location .txt_wrap .location_info li .txt_box p {font-size: 14px;}


	/* 연평도 소개 */
	#ypdo_about .about_wrap {padding: 30px 0;}
	#ypdo_about .about_wrap .img_box {width:100%; height: 270px; margin-bottom:20px;}
	#ypdo_about .about_wrap .txt_box {width:100%; padding-left:0;}
	#ypdo_about .about_wrap:nth-of-type(even) .txt_box {padding-right:0;}
	#ypdo_about .about_wrap .txt_box strong {font-size: 20px; margin-bottom:15px;}
	#ypdo_about .about_wrap .txt_box p {font-size: 14px;}

	/* 연평도 특산품 소개 */
	#ypdo_specialties .seasonal_wrap {margin-bottom:30px;}
	#ypdo_specialties .specialties_list li {width:100%; margin-right:0; margin-bottom:20px; padding:20px; border-radius:40px;}
	#ypdo_specialties .specialties_list li:last-child {margin-bottom:0;}
	#ypdo_specialties .specialties_list li .img_box img {width:100px;}
	#ypdo_specialties .specialties_list li .txt_box p {font-size:14px;}

	/* 연평도 선박교통편 */
	#ypdo_ship .top_info_wrap .left_box {width:180px;}
	#ypdo_ship .top_info_wrap .right_box {width: calc(100% - 180px); padding: 10px 0 0 25px;}
	#ypdo_ship .top_info_wrap .right_box .info_list li {font-size: 16px; padding-left: 80px; margin-bottom: 10px;}
	#ypdo_ship .ferry_box .top_txt {margin-bottom: 10px;}
	#ypdo_ship .ferry_box .top_txt strong {font-size:18px;}
	#ypdo_ship .ferry_box .top_txt span {font-size: 14px; float: none; display: block; margin-top: 5px;}
	#ypdo_ship .ferry_box .ferry_info_list li {width:50%; margin-bottom:20px;}
	#ypdo_ship .ferry_box .ferry_info_list li:nth-child(n+3) {margin-bottom:0;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box span {font-size: 13px;}
	#ypdo_ship .ferry_box .ferry_info_list li .txt_box b {font-size: 15px;}
	#ypdo_ship .timetable_wrap > strong {font-size: 18px;}


	/* 연평도 착한꽃게 장점 */
	#crab_advantages > ol > li{padding:30px 0;}
	#crab_advantages > ol > li:nth-child(even) .txt_box{padding-right:0;}
	#crab_advantages > ol > li:nth-child(odd) .txt_box{padding-left:0;}
	#crab_advantages > ol > li .img_box{width:100%;height:280px;margin-bottom:25px;}
	#crab_advantages > ol > li .txt_box{width:100%;}
	#crab_advantages > ol > li .txt_box strong{font-size:20px;}
	#crab_advantages > ol > li .txt_box strong::before{font-size:16px;}
	#crab_advantages > ol > li .txt_box p{font-size:14px;}

	/* 꽃게 효능 및 영양 */
	#crab_efficacy > ul > li .img_box{width:100%;margin-bottom:25px;}
	#crab_efficacy > ul > li .txt_box{width:100%;padding-left:0;}
	#crab_efficacy > ul > li .txt_box strong{font-size:20px;}
	#crab_efficacy > ul > li .txt_box p{margin-top:5px;}
}
@media all and (max-width:480px){
	/* 인사말 */
	#greetings .txt_box strong br, #greetings .txt_box p br {display:none;}

	/* 비전 및 미션 */
	#vision .sub_wrap .biz_list {max-width:300px; margin:30px auto 0;}
	#vision .sub_wrap .biz_list li {width: 100%; margin-right:0; margin-bottom:21px; max-width: 180px; height: 180px; }
	#vision .sub_wrap .biz_list li:last-child {margin-bottom:0; margin-top:0;}
	#vision .sub_wrap .biz_list li::before {width: 220px; height: 220px;}
	#vision .sub_wrap .activity_list li {width: calc(50% - 10px);}

	/* 오시는 길 */
	#location .map_wrap .map_box {height:300px;}

	/* 연평도 소개 */
	#ypdo_about .about_wrap .img_box {height: 230px;}

	/* 연평도 선박교통편 */
	#ypdo_ship .top_info_wrap .left_box {width:100%; text-align:center;}
	#ypdo_ship .top_info_wrap .right_box {width:100%; padding:0; margin-top:20px;}
	#ypdo_ship .ferry_box .ferry_info_list {padding:20px;}
	#ypdo_ship .ferry_box .ferry_info_list li {width:100%; margin-bottom:15px;}
	#ypdo_ship .ferry_box .ferry_info_list li:nth-child(n+3) {margin-bottom:15px;}
	#ypdo_ship .ferry_box .ferry_info_list li:last-child {margin-bottom:0;}
	#ypdo_ship .timetable_wrap > strong {font-size: 18px;}
	#ypdo_ship .timetable_wrap .top_box .select_box {width:100%;}
	#ypdo_ship .timetable_wrap .top_box a.table_download {width:100%; margin:10px 0 0 0;}
}