@charset "utf-8";
@import url(sitemap.css);

p, .list_1st li, .list_1st dd, .txt_bul{font-size:16px}
.ui.uic.mb_10 .box_col .col .item {padding:30px 25px;}
.ui.uic.mb_10 .box_col .col .item h3{font-size:17px;margin:25px 0 10px 0;letter-spacing:-0.1em;}
.ui.uic.mb_10 .box_col .col .item .thm_caption .txtp{font-size:16px;}

#txt .s03 .ui.uit.type2 ul li span.num{line-height:inherit;}
#txt{text-align: left;}
img{max-width: 100%;}
/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#ffa800;color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
    .pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
    .pic_img{text-align: center;}
}
@media(max-width:560px){
    .pic_btn a {width: 75%;}
}
@media(max-width:450px){
    .pic_btn a {width: 100%;}
}
/**표 **/
.table_scroll { display:none; }
@media only screen and (max-width: 767px) {
    .table_scroll { display:block; }
    .scl_x { width: 100%;  overflow-x: scroll; }
    .scl_x .tbl_basic { width: 768px; }
}

/*con0101 해양치유소개 */
#con0101 {}
#con0101 .wrap {width: 100%;height: 200px;
    background: url(/images/chiu/sub01/sub01_01_img01.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;background-size: cover;}
#con0101 .wrap .txt_box {padding:51px 300px 55px 80px}
#con0101 .wrap .txt_box strong {display: block;font-family: 'shg';color: #fff;font-size: 28px;text-shadow: 1px 1px 1px #000;font-weight:normal;}
#con0101 .wrap .txt_box strong:before {content:"";display: block;width: 25px;height: 21px;padding-bottom: 12px; background: url(/images/chiu/sub01/sub01_01_icon01.png);background-repeat: no-repeat;}
#con0101 .wrap .txt_box span {display: block; color: #ececec;font-size:15px;padding-top: 10px;font-weight:300;}

@media (max-width:767px) {
    #con0101 .wrap .txt_box {padding:51px 50px 55px 80px}
}
@media (max-width:590px) {
    #con0101 .wrap .txt_box {padding:51px 50px 55px 40px}
}
@media (max-width:400px) {
    #con0101 .wrap .txt_box {padding:55px 50px 55px 40px}
    #con0101 .wrap .txt_box strong {font-size: 23px;}
    #con0101 .wrap .txt_box span {}
}

/* 0102 여건태안군의 여건 */
.greeting{ letter-spacing: 0;}
.greeting .gt_top {position: relative; margin-bottom: 70px;}
.greeting .gt_top .gt_msg{display: block; float: left;width:51%; }
.greeting .gt_top .gt_msg strong{position: relative;font-size: 35px;font-family: 'shg';color:#333333; line-height: 60px;margin: 0 30px; display: inline-block;word-break: keep-all;}
.greeting .gt_top .gt_msg strong:before{content: '';display: block;position: absolute;top: -7px; margin-left: -50px;width: 43px;height: 35px;background: url(/images/slowcity/sub01/sub0101_left_img.png);}
.greeting .gt_top .gt_msg strong:after{content: '';display: inline-block;position: absolute; bottom:-5px; margin-right: 0;width: 43px;height: 35px;background: url(/images/slowcity/sub01/sub0101_right_img.png);}
.greeting .gt_top .gt_msg p{margin: 20px 0 0 50px; width: 70%;}
.greeting .gt_top .gt_img{width: 49%;  float: right;}
.greeting .gt_top .gt_img img{width:95%;  max-width: 435px;}
.greeting .gt_top .gt_img:after{content:"";position: absolute;display: block;height:120px;width:120px;margin-top:-100px;right:0;background-color:#023b72; z-index:-1;}
.greeting .gt_top:after {content:"";display:block;visibility:hidden;clear:both;}
.greeting .gt_txt{font-size: 15px; line-height: 160%;letter-spacing: -1px;margin-bottom: 30px;padding: 30px;background-color: #f8f8f8;}
.greeting .gt_imgbox{display: block;width: 100%;}
.greeting .gt_imgbox img{float: left;width: 48%;margin: 1%;}
.greeting .gt_imgbox img:nth-child(3){width: 98%;}
.greeting .gt_imgbox:after{content:"";display:block;visibility:hidden;clear:both;}
.greeting:after {content:"";display:block;visibility:hidden;clear:both;}

@media (max-width:767px){
	.greeting .gt_top{margin-bottom: 30px;}
	.greeting .gt_top .gt_msg{width:100%;float:none;text-align: center;}
	.greeting .gt_top .gt_msg strong{font-size: 30px;}
	.greeting .gt_top .gt_msg p{width:90%;margin: 20px 0 0 50px;}
	.greeting .gt_top .gt_img{ display: none;}
}
@media (max-width:590px){
    .greeting .gt_top .gt_msg strong:before,
    .greeting .gt_top .gt_msg strong:after{display: none;}
    .greeting .gt_txt{padding: 5px;}
}
/* 0102 여건태안군의 여건 End */

/* sub02_01_02 조성계획 tip 마진값, 폰트크기 수정 윤지한 */
.sub020102 .txt_h6 {margin:0 0 10px 2px;}
.sub020102 .txt-small {font-size: 15px;}


/* sub02_02 방안향후 운영방안 */
.top_msg{margin-bottom: 30px;}
.top_msg p{padding: 10px; font-size: 20px;font-weight: bold;line-height: 30px;}
.top_msg p span{padding: 10px;border: none;background-color: #03819f;color: #fff;}
@media (max-width:590px){
    .top_msg p{padding: 5px; font-size: 16px;}
}
.s0202 .ui.uic.mb_10 .box_col .col .item {padding:30px 20px;}
.s0202 .ui.uic.mb_10 .box_col .col .item{min-height: 390px;}
.s0202 .ui.uic.mb_10 .box_col .col .item .tit_inner span{display: block;}
.s0202 .ui.uic.mb_10 .box_col .col .item .thm_caption .txtp{word-break: break-all;}
.s0202 .ui.uic.mb_10 .box_col .col .item h3{letter-spacing:-0.12em;}

@media all and (max-width:767px) {
    .s0202  .ui.uic.mb_10 .box_col .col{width:100%;}    
    .s0202 .ui.uic.mb_10 .box_col .col .item .tit_inner span{display: inline-block;}
    .s0202 .ui.uic.mb_10 .box_col .col .item{min-height:auto;}
}
/* sub02_02 방안향후 운영방안 End */

/* sub02_03 특성화 방안 */
.terms_con {}
.terms_con .row_b {position:relative; padding:35px 0 35px 120px;; min-height:155px;border-bottom:1px solid #ddd;}
.terms_con .row_b .icon {display:block; position:absolute; left:10px; top:35px; width:85px; height:85px; background:url(/images/slowcity/sub01/sub01_02_04_icon03.png)no-repeat;}
.terms_con .row_b .icon.icon01 {background-position:0 0;}
.terms_con .row_b .icon.icon02 {background-position:-85px 0;}
.terms_con .row_b .icon.icon03 {background-position:-170px 0;}
.terms_con .row_b .icon.icon04 {background-position:-255px 0;}
.terms_con .row_b .icon.icon05 {background-position:-340px 0;}
.terms_con .row_b .icon.icon06 {background-position:-425px 0;}
.terms_con .row_b .icon.icon07 {background-position:-510px 0;}
.terms_con .row_b p {font-size:15px; color:#6d6d6d;}
.terms_con .row_b p.tit {margin-bottom:15px;font-size:18px; color:#000000; font-weight:400;}
@media (max-width:400px){
	.terms_con .row_b {padding:35px 0 ; min-height:auto; text-align:center;}
	.terms_con .row_b .icon {position:static; margin:0 auto 20px; }
}
/* sub02_03 특성화 방안 End */

/* sbu03_00 해양치유자원 공통 */

.s03 .cont_title{margin:0 0 50px;text-align: center;}
.s03 .cont_title em{display: inline-block;position: relative;padding-top: 15px;font-size: 20px;color: #355ec5;font-style: italic;font-family: 'nsr';font-weight: 400}
.s03 .cont_title em:before{content: '';position: absolute;top: 0;left: 50%;width: 31px;height: 1px;margin-left: -15.5px;background: #6a6a6a;}
.s03 .cont_title strong{display: block;margin-top: 25px;font-family: 'shg';font-size: 55px;}
.s03 .ui.uic.mb_10 .box_col .col .item{min-height: 535px;}
.s03 .ui.uic.mb_10 .box_col .col .item.short{min-height: 480px;}
.s03 .ui.uic.mb_10 .box_col .col .item h3{font-size: 20px;}
.s03  .ui.uit.type2{background:#f8f8f8;border-color:#ddd;}
.s03  .ui.uit.type2 p{color:#333;font-size:20px;font-weight:bold;margin-bottom:10px;}
.s03  .ui.uit.type2 ul li{margin:5px 0;}
.s03  .ui.uit.type2 ul li span.num-normal{background: #00A5CD;}
.s03 .s0301 li{position: relative;padding-left:28px;letter-spacing: 0.15px;}
.s03 .s0301 li .num{position: absolute;left:0;top:0;}
@media all and (max-width:639px) {
    .s03 .ui.uic.mb_10 .box_col .col .item,
    .s03 .ui.uic.mb_10 .box_col .col .item.short{min-height:auto;}
}
/* sbu03_00 해양치유자원 공통 End */