@charset "utf-8";

/* CEO소개 > 인사말 */
.ceo_title {font-family:'SBAggro'; font-size:34px; line-height:1.3;}
.ceo_title .line_bk7 {display:block;}

.ceoBox {display:flex; align-items:center; margin-top:30px;}
.ceoBox .tBox {padding-right:70px; width:calc(100% - 484px);}
.ceoBox .tBox p + p {margin-top:20px;}

.ceoBox .imgBox img {border-radius:40px 150px 40px 150px;}

.ceoSign {margin-top:50px;}


/* CEO소개 > 프로필 */
.profile_name {position:relative; padding-bottom:10px; font-family:'SBAggro'; font-size:34px; line-height:1.3;}
.profile_name:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background-color:#444;}

.ceoBox.profile {align-items:flex-start; margin-top:0;}
.profile .imgBox img {border-radius:10px 10px 150px 10px;}



/* media query */
@media screen and (max-width:1340px){
	.ceoBox .tBox {padding-right:40px;}
	.ceoBox .tBox {width:calc(100% - 400px);}
}

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

@media screen and (max-width:1024px){
	.ceo_title {font-size:30px;}
	
	.profile_name {font-size:30px;}
}

@media screen and (max-width:920px){
	.ceo_title {text-align:center;}
	.ceoBox {flex-direction:column-reverse;}
	.ceoBox .tBox {padding-right:0; padding-top:40px; width:100%;}
	.ceoBox .imgBox img {height:350px; border-radius:30px 120px 30px 120px;}
	.ceoSign {text-align:right;}
	
	.profile .tBox {padding-top:0;}
	.profile .imgBox {display:none;}
}

@media screen and (max-width:767px){
	.ceo_title {font-size:26px;}
	.profile_name {font-size:26px;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.ceo_title .line_bk7 {display:inline;}
}




/* CEO소개 > 역대이사장 */
.mayorBox {display:flex; flex-wrap:wrap; align-items:stretch; gap:25px;}
.mayorBox .mayorItem {display:flex; flex-wrap:wrap; padding:40px 25px; width:calc(33.3333% - 17px); border:1px solid #b2b2b2; border-radius:10px;}
.mayorBox .mayorItem.two {width:calc(50% - 13px);}

.mayorItem .mayorTxt {margin-top:15px; padding-top:15px; width:100%; min-height:250px; border-top:1px solid #dfe4ef;}
.mayorItem.two .mayorTxt {width:calc(100% - 177px); margin-top:0; padding-top:0; min-height:auto; border-top:none;}

.mayorImg {margin:0 auto; text-align:center;}
.mayorImg .imgtit {margin-top:10px; line-height:1.5; font-weight:500;}
.mayorImg .imgtit .his {color:#007ab7;}

.mayorTxt .tbox + .tbox {margin-top:15px;}
.mayorTxt .tbox .tit {color:#224c9b; font-size:18px; font-weight:500;}



/* media query */
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.mayorBox .mayorItem {width:calc(50% - 13px);}
	.mayorItem .mayorTxt {min-height:230px;}
	.mayorItem.two .mayorTxt {margin-top:15px; padding-top:15px; width:100%; min-height:230px; border-top:1px solid #dfe4ef;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.mayorBox .mayorItem,
	.mayorBox .mayorItem.two {width:100%;}
	.mayorItem .mayorTxt,
	.mayorItem.two .mayorTxt {min-height:inherit;}
}

@media screen and (max-width:480px){
}




/* FIRA 소개 > 비전 */
.purposeBox {margin-top:20px;}
.purposeBox .upArea {text-align:center;}

.upArea .title {position:relative; padding:100px 0 120px; font-family:'SBAggro'; font-size:34px; line-height:1.3; color:#18469e;}
.upArea .title:before {content:''; position:absolute; left:calc(50% - 410px); top:0; width:820px; height:268px; background:url(../../images/web/overview/vsBg01.png) 0 0 no-repeat; z-index:-1;}
.upArea .title:after {content:''; position:absolute; left:50%; bottom:30px; width:1px; height:60px; background-color:#067ba5;}

.upItem {position:relative; width:100%; font-weight:500;}
.upItem.mission {padding-bottom:60px;}
.upItem.mission:after {content:''; position:absolute; bottom:-10px; left:0; width:100%; height:70px; background:url(../../images/web/overview/vsBg02.png) 0 0 no-repeat; background-size:100%;}


.upItem .tit {padding:8px 0; font-size:24px; color:#fff;}
.upItem .txt {margin-top:1px; padding:8px; border:1px solid #1f4ea4; color:#222;}

.upItem.mission .tit {background-color:#1f4ea4;}
.upItem.vision .tit {background-color:#449bc0;}

.downArea {margin-top:30px;}
.listBox {display:flex; align-items:stretch; justify-content:space-between; gap:10px;}
.listBox + .listBox {margin-top:20px;}

.listBox dt {position:relative; display:flex; align-items:center; width:calc(100% - 80%); font-size:22px; color:#121212;}
.listBox dt .bk_line {display:block;}
.listBox dt:before {content:''; position:absolute; right:calc(45% - 15px); width:8px; height:8px; border-radius:10px; background-color:#22387a;}
.listBox dt:after {content:''; position:absolute; right:0; width:35%; height:1px; background-color:#fff; border:1px dashed #ccc;}

.listBox dd {display:flex; flex-direction:column; justify-content:center; padding:12px 5px; width:21%; text-align:center; font-size:18px; border:1px solid #ddd; border-radius:5px; font-weight:500; color:#222;}
.listBox dd.list_cl01 {border-color:#22387a;}
.listBox dd.list_cl02 {border-color:#2749ad;}
.listBox dd.list_cl03 {border-color:#067ba5;}
.listBox dd.list_cl04 {border-color:#058367;}

.listBox.desing01 dd {padding:30px 5px;}
.listBox.desing01 dd i {position:relative; display:block; margin:0 auto 20px; width:75px; height:75px; background-color:#f1f5f9; border-radius:50%;}
.listBox.desing01 dd i:before {content:''; position:absolute; left:0; top:0; width:75px; height:75px; background-position:0 0; background-repeat:no-repeat;}
.listBox.desing01 dd i.icon01:before {background-image:url(../../images/web/overview/vsIcon01.png);}
.listBox.desing01 dd i.icon02:before {background-image:url(../../images/web/overview/vsIcon02.png);}
.listBox.desing01 dd i.icon03:before {background-image:url(../../images/web/overview/vsIcon03.png);}
.listBox.desing01 dd i.icon04:before {background-image:url(../../images/web/overview/vsIcon04.png);}

.listBox.desing02 dd {padding:50px 10px;}
.listBox.desing02 dd .minT {display:block; font-size:16px;}
.listBox.desing02 dd.list_cl01 {color:#22387a;}
.listBox.desing02 dd.list_cl02 {color:#2749ad;}
.listBox.desing02 dd.list_cl03 {color:#067ba5;}
.listBox.desing02 dd.list_cl04 {color:#058367;}

.listBox.desing03 {position:relative; padding-bottom:50px;}
.listBox.desing03:after {content:''; position:absolute; bottom:-15px; right:0; width:80%; height:65px; background:url(../../images/web/overview/vsBg03.png) 0 0 no-repeat; background-size:100%;}
.listBox.desing03 dd {padding:30px 10px; color:#fff;}
.listBox.desing03 dd.list_cl01 {background-color:#22387a;}
.listBox.desing03 dd.list_cl02 {background-color:#2749ad;}
.listBox.desing03 dd.list_cl03 {background-color:#067ba5;}
.listBox.desing03 dd.list_cl04 {background-color:#058367;}

.listBox.desing04 dd {padding:0; border:none;}
.listBox.desing04 dd li {position:relative; display:flex; align-items:center; justify-content:center; padding:50px 5px 30px; min-height:150px; border:1px solid #ddd; border-radius:5px; font-size:1.6rem;}
.listBox.desing04 dd.list_cl01 li {border-color:#22387a;}
.listBox.desing04 dd.list_cl02 li {border-color:#2749ad;}
.listBox.desing04 dd.list_cl03 li {border-color:#067ba5;}
.listBox.desing04 dd.list_cl04 li {border-color:#058367;}
.listBox.desing04 dd li + li {margin-top:20px;}

.listBox.desing04 dd li .num {display:flex; align-items:center; justify-content:center; position:absolute; left:10px; top:15px; width:35px; height:35px; border-radius:20px; font-size:15px; color:#fff;}
.listBox.desing04 dd.list_cl01 li .num {background-color:#22387a;}
.listBox.desing04 dd.list_cl02 li .num {background-color:#2749ad;}
.listBox.desing04 dd.list_cl03 li .num {background-color:#067ba5;}
.listBox.desing04 dd.list_cl04 li .num {background-color:#058367;}




/* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1520px){
}

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

@media screen and (max-width:1024px){
	.upArea .title {font-size:30px;}
	
	.upItem .tit {font-size:20px;}
	.upItem .txt {font-size:17px;}
	
	.listBox dt {font-size:20px;}
}

@media screen and (max-width:920px){
	.upArea .title:before {left:calc(50% - 50%); width:100%; background-size:100%;}
	
	.listBox {flex-wrap:wrap;}
	.listBox + .listBox {margin-top:40px;}
	.listBox.desing04 {margin-top:20px;}
	
	.listBox dt {justify-content:center; width:100%; text-align:center;}
	.listBox dt:before,
	.listBox dt:after {display:none;}
	
	.listBox.desing03:after {width:100%;}
	
	.listBox dd {width:calc(25% - 8px);}
}

@media screen and (max-width:767px){
	.upArea .title {font-size:26px;}
	
	
	.listBox dd {width:calc(50% - 5px); font-size:16px;}
	.listBox.desing02 dd {padding:30px 10px;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.listBox dd {width:100%;}
}


/* FIRA 소개 > 연혁 */
.historyHead {position:relative; padding:100px 0 120px;}
.historyHead:before {content:''; position:absolute; right:0; top:0; width:601px; height:380px; background:url(../../images/web/overview/historyBg.png) 0 0 no-repeat; background-size:100%;}
.bigTit {font-family:'SBAggro'; font-size:34px; line-height:1.3;}
.bigTit .t_blue {color:#18469e;}
.bigTit .t_green {color:#238425;}

.smallTit {margin-top:20px;}
.smallTit .tit {font-family:'SBAggro';}


.historyBody {position:relative; margin:0 auto 150px; padding-left:180px;}
.historyBody:before {content:'HISTORY'; position:absolute; left:-260px; top:165px; width:auto; height:auto; color:#e5f1f8; font-family:'SBAggro'; font-size:130px; transform:rotate(-90deg);}
.historyBody:after {content:''; position:absolute; left:345px; top:20px; width:1px; height:calc(100% - 5px); background-color:#dfe4ef; z-index:-1;}
.year_box {position:relative; display:flex; padding-bottom:40px;}
.year_box:last-child {padding-bottom:0;}

.year_box .year {position:relative; width:165px; font-family:'SBAggro'; font-size:30px; color:#224c9b;}
.year_box .year:before {content:''; position:absolute; right:-5px; top:16px; width:10px; height:10px; background-color:#238425; border-radius:50%;}
.year_box .year:after {content:''; position:absolute; right:-9px; top:12px; width:18px; height:18px; background-color:#238425; opacity:0.2; border-radius:50%;}

.year_box ul {position:relative; padding-top:6px; padding-left:120px; width:calc(100% - 165px); color:#333;}
.year_box ul:after {content:''; position:absolute; left:0; top:20px; width:80px; height:1px; background-color:#dfe4ef; z-index:-1;}
.year_box li {display:flex; line-height:1.4;}
.year_box li + li {padding-top:10px;}
.year_box li .md {width:70px; font-weight:600; font-size:18px;}
.year_box li .txt {width:calc(100% - 70px); font-size:17px;}




/* media query */
@media screen and (max-width:1300px){
	.historyHead {padding:80px 0 120px;}
	.historyHead:before {width:550px; height:348px;}
	
	.historyBody {padding-left:150px;}
	.historyBody:before {left:-225px; font-size:110px;}
	.historyBody:after {left:280px;}
	.year_box .year {width:130px;}
	.year_box ul {padding-left:100px;}
	.year_box ul:after {width:70px;}
}

@media screen and (max-width:1200px){
	.historyHead {padding:60px 0 120px;}
	.historyHead:before {width:450px; height:285px;}
	
	.bigTit {font-size:30px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.historyHead {padding:20px 0 100px;}
	.historyHead:before {width:350px; height:221px;}
	
	.historyBody {padding-left:0;}
	.historyBody:before {display:none;}
	.historyBody:after {left:130px;}
}

@media screen and (max-width:767px){
	.historyHead {padding:10px 0 100px;}
	.historyHead:before {width:250px; height:158px;}
	.bigTit {font-size:26px;}
	.smallTit {margin-top:10px;}
	
	.historyBody {margin:0 auto;}
	.historyBody:after {display:none;}
	.year_box {flex-wrap:wrap; padding-left:30px;}
	.year_box:before {content:''; position:absolute; left:9px; top:15px; width:1px; height:100%; background-color:#dfe4ef;}
	.year_box .year {width:100%; font-size:24px;}
	.year_box .year:before {left:-26px; top:13px; right:unset;}
	.year_box .year:after {left:-30px; top:9px; right:unset;}
	.year_box ul {width:100%; padding-left:0;}
	.year_box ul:after {display:none;}
}

@media screen and (max-width:640px){
	.historyHead {padding:10px 0 50px; text-align:center;}
	.historyHead:before {display:none;}
}

@media screen and (max-width:480px){
}




/* FIRA 소개 > CI */
.symbol_box {position:relative; display:flex; align-items:center; margin-top:20px; padding:20px 0; text-align:center; border:1px solid #d7d7d7; background:url(../../images/web/overview/grid_bg.png) center center repeat;}
.symbol_box:before {content:''; position:absolute; left:50%; top:calc(50% - 35%); height:70%; width:1px; background-color:#d7d7d7} 
.symbol_img {padding:80px 50px; width:50%;}
.symbol_img img + img {margin-top:50px;}

.ci_color {display:flex; gap:20px;}
.ciItem {width:260px;}
.ciItem .colorBox {margin:20px 0; border-radius:10px; height:90px;}
.ciItem .colorBox.pt_blue {background-color:#006cac;}
.ciItem .colorBox.pt_green {background-color:#6fba39;}
.ciItem .tit {font-weight:500; color:#222;}

.symbol_mix {display:flex; flex-wrap:wrap; gap:30px;}
.mix_box {width:calc(50% - 15px);}
.mix_box .mix_img {padding:90px 20px 110px; border:1px solid #d7d7d7; text-align:center;}





/* media query */
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.symbol_box {flex-direction:column; padding:0;}
	.symbol_box:before {left:calc(50% - 35%); top:calc(50% - 10px); width:70%; height:1px;}
	.symbol_img {padding:60px 0;}
	
	.symbol_mix {flex-direction:column; gap:10px;}
	.mix_box {width:100%;}
	.mix_box .mix_img {padding:70px 20px 90px;}
}

@media screen and (max-width:480px){
}





/**********************************
	바다식목일 동영상
**********************************/

.movie_thumb {display:block; position:relative; border-radius:1.11111em; border:1px solid #ddd; padding:2.22em;}
.movie_thumb:last-child {border-bottom:1px solid #e1e1e1;}
.movie_thumb.last {border-bottom:1px solid #e1e1e1;}
.movie_thumb.bak {background:#FAFBFC;}
.movie_thumb > * {position:relative; word-break:keep-all;}
.movie_thumb .thumb {width:20em; max-width:100%; margin:0 auto; overflow:hidden;}
.movie_thumb .thumb img {display:block; position:relative; overflow:hidden; border-radius:0.8em;}
.movie_thumb .thumb + * {padding-top:2.222223em;}
.movie_thumb + .movie_thumb {margin-top:1.67em;}

.movie_thumb .s_title {font-size: 18px;color:#007AB7;margin-bottom:.5em;line-height:1.4;font-weight: 500;}
.movie_thumb textarea.movie_txt {display:block;width:100%;text-align:left;background:#f5f5f5;border-radius:1.1111112em;min-height: 130px !important;margin-top: 10px; resize: none;}

@media all and (min-width:921px) {
	.movie_thumb {display:table; width:100%; table-layout:fixed;}
	.movie_thumb > * {display:table-cell; vertical-align:middle;}
	.movie_thumb .thumb  {width:16.666667em; margin:0; max-width:inherit;}
	.movie_thumb .thumb + * {padding-top:0; padding-left:2em;}
}
@media all and (max-width:640px) {
	.movie_thumb {padding:2em;}
	.movie_thumb.thumb + * {padding-top:2em;}	
}
@media all and (max-width:430px) {
	.movie_thumb {padding:1.5em;}
	.movie_thumb.thumb + * {padding-top:1.5em;}	
}

/**********************************
              조직도 
**********************************/
              
.orgWrap div:before,
.orgWrap ul:before,
.orgWrap ul:after {border:0px solid #b1bdce;}

.orgWrap ul,
.orgWrap li {display:block;position:relative;z-index:0; word-break: break-all;}
.orgWrap .item,
.orgWrap .item2 {display:block; position:relative; text-align:center; margin:0 auto;}

.orgWrap .itembox .tablebox {display:table; width: 100%;}
.orgWrap .itembox .tablebox .tablecell {display:table-cell; width:100%; height:60px; text-align:center; vertical-align:middle; line-height:24px; font-size:17px; color:#435b7e; font-weight:500; letter-spacing: -0.03em; }

.orgWrap {position:relative;}
.orgWrap .org_depth1 {margin-top:3em;}
.orgWrap .org_depth1:before {content:""; display:block; position:absolute; left:50%; top:9em; width:1px; height:27.9em; border-left-width:1px; z-index:-1;}
.orgWrap .depthTop {display:block; position:relative; z-index:0;}
.orgWrap .depthTop > .item {padding:1em; width:9em; height:9em; margin:0 auto;}
.orgWrap .depthTop > .item:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(-90deg, #0069B6, #009DA5); opacity:0.2; border-radius:50%; z-index:-1; box-shadow:0 0 0.8em rgba(0,0,0,0.5);}
.orgWrap .depthTop > .item > * {display:flex; justify-content:center; width:100%; height:100%; align-items:center;  border-radius:50%; color:#fff; background:linear-gradient(-90deg, #18469e, #0087ce);}
.orgWrap .depthTop > .item > * span {display:block; font-size:1.3em; font-family:'Score'; font-weight:600;}

.orgWrap .org_depth2 {margin:-50px 0 0;}
.orgWrap .org_depth2 .depth2_L {overflow:hidden; margin:0 0 35px; width:50%; z-index:1;}
.orgWrap .org_depth2 .depth2_R {margin: -120px 0 20px; width:50%;}
.orgWrap .org_depth2 .depth2_R.Type2 {margin:0;}

.orgWrap .org_depth2 .itembox {position:relative; margin:0 auto; width:200px; border-radius:10px;}
.orgWrap .org_depth2 .itembox.specialitem {background-color:#e6effc;}
.orgWrap .org_depth2 .itembox.specialitem2 {background-color:#fff5e1;}
.orgWrap .org_depth2 .itembox.specialitem2:before {content:""; display:block; position:absolute; top:50%; left:-1.5em; width:calc(50% - 3em); height:1px; border-top-width:1px; z-index:-1;}
.orgWrap .org_depth2 .itembox.specialitem2 .tablebox .tablecell {color:#e0380f;}

.orgWrap .org_depth2 .depth2_R .org_list {display:flex; flex-direction:column; width:100%; margin:0 0 0 100%;}
.orgWrap .org_depth2 .depth2_R .org_list li {margin:0 0 10px;}
.orgWrap .org_depth2 .depth2_R.Type2 .org_list li {margin: 0 0 10px -140px;}
.orgWrap .org_depth2 .depth2_R.Type2 .org_list:before {content:"";display:block;position:absolute;top:3.2em;left: 0;width: calc(50% - 10em);height:1px;border-top-width:1px;z-index:-1;}
.orgWrap .org_depth2 .depth2_R.Type2 .org_list:after {content:"";display:block;position:absolute;top:1.5em;right: calc(50% - -10em);width:1px;height:3.5em;border-left-width:1px;z-index:-1;}

.org_depth3 > ul {display:flex; flex-wrap:wrap;}
.org_depth3 .itembox {position:relative; margin:0 auto; width:100%; border-radius:10px;}
.org_depth3 .itembox.normalitem {position:relative; z-index:2; margin-bottom:10px; border-radius: 12px;}
.org_depth3 .itembox.normalitem .tablebox .tablecell {display:table-cell; width:100%; height:60px; line-height:24px; text-align:center; vertical-align:middle; color:inherit; font-size:17px; font-weight:500; letter-spacing: -0.03em; word-break:keep-all;}
.org_depth3 .itembox.normalitem.blue {background-color:#317ad7; color:#FFF;}
.org_depth3 .itembox.normalitem.green {background-color:#107f54; color:#FFF;}

.org_depth3 .itembox.normalitem:after {display: block; position: absolute; top: -42px; left: 50%; width: 1px; height: 42px; background-color: #b1bdce; content: '';}

.org_depth3 > ul > li {display: flex; position: relative; flex-basis:22.12%; flex-direction:column; margin-right:3.84%;}
.org_depth3 > ul > li:before {display:block; position:absolute; top:-42px; left:0; width: calc(100% + 45px); height:1px; background-color: #b1bdce; content: '';}
.org_depth3 > ul > li:after {display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: calc(100% - 70px); background-color:#f4f6f9; border-radius: 12px; content: ''; }
.org_box04 {position: relative; z-index: 2; padding:20px;}

.org_depth3 > ul > li:first-child {margin-top: 40px !important;}
.org_depth3 > ul > li:first-child:before {width: calc(100% - -76%) !important;}
.org_depth3 > ul > li:nth-child(2):before {left:50%;}
.org_depth3 > ul > li:nth-child(4n):before {right:50%; left:auto; width: calc(50% + 45px);}
.org_depth3 > ul > li:nth-child(4n+1):before {left:50%; width:calc(50% + 45px);}
.org_depth3 > ul > li:nth-child(4n) {margin-right:0;}
.org_depth3 > ul > li:not(:nth-child(-n+4)) {margin-top:98px;}
.org_depth3 > ul > li:nth-child(-n+4) {margin-top:82px;}

@media all and (max-width:1280px) {
	.orgWrap .org_depth1:before {height:29em;}
}

@media all and (max-width:860px) {
	.orgWrap .org_depth2 .itembox {width:320px;}
	.orgWrap .org_depth2 .depth2_L {margin:90px 0 35px; width:100%; z-index:1;}
	.orgWrap .org_depth2 .depth2_R {margin:20px 0 20px; width:100%;}
	.orgWrap .org_depth2 .depth2_R .org_list {margin:0;}
	.orgWrap .org_depth2 .depth2_R.Type2 .org_list li {margin:0 0 10px 0;}
	.orgWrap .org_depth2 .depth2_R.Type2 .org_list:before {border-top-width:0px;}
	.orgWrap .org_depth2 .depth2_R.Type2 .org_list:after {border-left-width:0px;}
	
	.orgWrap .org_depth2 .itembox.specialitem2:before {width:0;}
}

@media all and (max-width:640px) {
	.orgWrap .org_depth1:before {height:23em;}	
	.org_depth3 > ul > li {flex-basis:49%; margin-right:2%;}	
	.org_depth3 > ul > li:nth-child(-n+4) {margin-top:40px;}
	.org_depth3 > ul > li:nth-child(2n) {margin-right:0;}
	.org_depth3 > ul > li:not(:nth-child(-n+4)) {margin-top:40px;}
	
	.org_depth3 > ul > li:first-child:before {display:block; top:-15px; left:50%; width: calc(100% - -4%) !important;}
	.org_depth3 > ul > li:before {display:none;}
	.org_depth3 .itembox.normalitem:after {display:none;}
	.org_depth3 > ul > li:first-child .itembox.normalitem:after {display:block; top:-15px; height:16px;}
	.org_depth3 > ul > li:nth-child(2) .itembox.normalitem:after {display:block; top:-15px; height:16px;}
}	

@media all and (max-width:420px) {		
	.org_depth3 > ul > li {flex-basis:100%; margin-right:0;}	
	.org_depth3 > ul > li:nth-child(-n+4) {margin-top:20px;}
	.org_depth3 > ul > li:not(:nth-child(-n+4)) {margin-top:20px;}
	.org_depth3 > ul > li:first-child:before {display:none;}
	.org_depth3 > ul > li:nth-child(2) .itembox.normalitem:after {display:none;}
}

/* 사업소개 > 수산자원증대 */
.Fira_project .project_type {margin-bottom:30px; text-align:center;}
.Fira_project .project_type .pBox {display:inline-block; padding:3px 25px 5px; border-radius:50px; background:#f0f7f7; color:#1c9880; font-size:20px; margin-bottom:20px;}
.Fira_project .project_type span {display:block; color:#023894; font-family: 'SBAggro'; font-size:3.8rem; font-weight:500; line-height:40px; }

.Fira_project ul.list {display:flex; flex-wrap:wrap;}
.Fira_project ul.list li.item {display:flex; position: relative; flex-basis: calc((100% - 30px) / 2); flex-direction: column; margin-right:30px; margin-bottom:30px; border-radius:20px;}
.Fira_project ul.list li.item:nth-child(2n) {margin-right:0;}
.Fira_project ul.list li.item:nth-child(2){background-color:#f0f7f7;}
.Fira_project ul.list li.item:nth-child(3){background-color:#f0f7f7;}
.Fira_project ul.list li.item:nth-child(6){background-color:#f0f7f7;}
.Fira_project ul.list li.item:before {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; box-sizing: border-box; border:1px solid #b2decb; border-radius:20px; content:'';}
.Fira_project ul.list li.item .innerbox {position: relative; z-index:2; padding:40px 39px 39px;}

.Fira_project ul.list li.item .innerbox .title {position:relative; margin-bottom:12px; padding-left:0px; line-height:30px; color:#5646b4; font-size:2.0rem; font-weight:500; letter-spacing:-0.04em;}

@media all and (max-width: 1000px) {
	.Fira_project .project_type span {font-size:3.2rem; line-height:1.2;}
	.Fira_project .project_type .project_con {font-size:1.8rem; line-height:24px;}
    .Fira_project ul.list li.item .innerbox .title {font-size:1.8rem; line-height:24px;}
}
@media screen and (max-width:767px) {
	.Fira_project .project_type img {width:50%;}
}
@media screen and (max-width:640px) {
	.Fira_project ul.list {display: block;}
	.Fira_project ul.list li.item {display: block; margin-right: 0;}
	.Fira_project ul.list li.item:nth-child(2n){background-color:#f7f8fd;}
	.Fira_project ul.list li.item:nth-child(3){background-color:#fff;}
}
@media screen and (max-width:480px) {
	.Fira_project .project_type img {width:80%;}
	.Fira_project .project_type {margin-bottom:20px;}
	.Fira_project .project_type span {font-size:2.4rem; line-height:34px;}
	.Fira_project .project_type .project_con {font-size:1.6rem; line-height:20px;}	
}


/* 수산종자 방류관리 _ 가이드 북 ebook */
.photo_book {position:relative; overflow:hidden; margin:10px auto; padding:40px 80px; border-radius:10px; background:#f7f8fb;}
.wrap {display: inline-block; position: relative; box-sizing:border-box; width:33.33333%;}
.wrap img {border:1px solid #ddd; box-shadow:8px 8px 0px rgba(11,7,7,.2);}
.photo_book .box_inner {width:65%; display:inline-block; padding-left:45px; margin-top:30px; vertical-align:top;}
.photo_book .box_inner .photo_book_title {margin-top:30px; margin-bottom:55px; font-family: 'SBAggro'; font-size:38px; line-height:50px; font-weight:400; color: #222;}
.photo_book .box_inner .photo_book_title span {vertical-align:middle; display:block; color:#f26e73; font-size:36px; font-weight:500; margin-top:10px;}


.photo_book .box_inner.type2 .photo_book_title {margin-top:30px; margin-bottom:50px; font-family: 'SBAggro'; font-size:38px; line-height:52px; font-weight:600; color:#222;}
.photo_book .box_inner.type2 .photo_book_title span {vertical-align:middle; color:#00844c; margin-top:10px;}


@media all and (max-width:980px){
	.photo_book .box_inner .photo_book_title {font-size:32px;}
	.photo_book .box_inner .photo_book_title span {font-size:30px;}
}

@media all and (max-width:840px){
	.wrap {width:100%;}
	.photo_book {padding:40px;}
	.wrap {padding:0 40px;}
	.photo_book .box_inner {width:100%; display:block; padding-left:0; margin-top:0px;}
}

@media all and (max-width:640px){
	.photo_book .box_inner .photo_book_title {font-size:30px; line-height:40px; margin-top:30px; margin-bottom:27px;}
	.photo_book .box_inner .photo_book_title span {font-size:28px;}
	
	.photo_book .box_inner.type2 .photo_book_title {margin-bottom:30px; line-height:52px;}
}

@media all and (max-width:480px){
.photo_book .box_inner .photo_book_title {font-size:24px;}
.photo_book .box_inner .photo_book_title span {font-size:23px;}
}

@media all and (max-width:380px){
.photo_book .box_inner .photo_book_title {font-size:20px; line-height:28px;}
.photo_book .box_inner .photo_book_title span {font-size:18px;}
}


/*어구부표보증금제도*/
.fdpBox {display:flex; flex-wrap:wrap; align-items:stretch; gap:25px;}
.fdpBox .Box_inner {position:relative; display:flex; flex-wrap:wrap; padding:40px 25px; width:calc(50% - 13px); border:1px solid #b2b2b2; border-radius:10px; min-height:250px;}
.fdpBox .Box_inner .desc {width:calc(100% - 165px); margin-top:0; padding-top:0; min-height: auto; border-top: none;}
.fdpBox .Box_inner .desc .Stitle {color:#224c9b; font-size:18px; font-weight:500; margin-bottom:10px;}

.fdpBox .Box_inner > .icon {display:block; position:absolute; box-sizing:border-box; top:40px; right:40px; width:150px; height:150px;}
.fdpBox .Box_inner > .icon:before{display:block; position:absolute; top:0; left:0; width:150px; height:150px; background-repeat:no-repeat; background-position:left top;content:''; box-sizing:border-box;}
.fdpBox .Box_inner > .icon:before{background-image:url(/fira/images/egovframework/story/web/overview/fdpBox_icons.png);}
.fdpBox .Box_inner > .icon.type2:before{background-position:-200px 0;}
.fdpBox .Box_inner > .icon.type3:before{background-position:-400px 0;}
.fdpBox .Box_inner > .icon.type4:before{background-position:-600px 0;}
.fdpBox .Box_inner > .icon.type5:before{background-position:-800px 0;}

/* media query */
@media screen and (max-width:920px){
	.fdpBox .Box_inner .desc {margin-top:165px; padding-top:15px; width:100%; border-top:1px solid #dfe4ef;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:740px){
	.fdpBox .Box_inner {width:100%;}
	.Box_inner .desc {min-height:inherit;}
	
	.fdpBox .Box_inner > .icon {display:block;position:absolute;box-sizing:border-box;top:40px;left: 50%;margin-left: -70px;width:150px;height:150px;background-color:#d9eff8;border-radius:50%;}
}

@media screen and (max-width:480px){
}


/********************************
 오시는길
 *******************************/
.addrInfoMap {display:block; position:relative;}
.addrInfoMap > .map {display:block; position:relative; height:20em; border:1px solid #ddd; border-radius:15px 15px 0 0; overflow: hidden;}
.addrInfoMap > .map .root_daum_roughmap_landing,
.addrInfoMap > .map .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.addrInfoMap > .map .map_border {display:none !important;}

.addrInfoMap > .info {display:flex; align-items:center; position:relative; padding:38px 30px 25px 30px; background-color:#fff; box-sizing:border-box; border:1px solid #ddd; border-top:0;}
.addrInfoMap > .info .tit {position:relative; font-size:18px; font-weight:700; margin-right:30px;}
.addrInfoMap > .info .map_info_list {display:flex; flex-wrap:wrap; gap:10px 0; padding-left:30px; border-left: 1px solid #E6E6E6;}
.addrInfoMap > .info .map_info_list .map_info_item{position:relative;width:auto;padding-left:44px;vertical-align:top;box-sizing:border-box;}
.addrInfoMap > .info .map_info_list .map_info_item + .map_info_item{margin-left:25px;}

.addrInfoMap > .info .map_info_list  .map_info_item .icon{display:block;position:absolute;top:0;left:0;width:35px;height:35px;background-color:#f3f8ff;border-radius:12px;font-size:0;color:transparent;line-height:0;box-sizing:border-box;}
.addrInfoMap > .info .map_info_list  .map_info_item .icon:before{display:block;position:absolute;background-image:url(../../images/web/layout/link_box_icons.png);background-repeat:no-repeat;background-position:left top;content:'';box-sizing:border-box}
.addrInfoMap > .info .map_info_list  .map_info_item .icon.type01:before{top:calc((100% - 19px) / 2);left:calc((100% - 17px) / 2);width:17px;height:19px;background-position:-60px 0px;}
.addrInfoMap > .info .map_info_list  .map_info_item .icon.type02:before{top:calc((100% - 17px) / 2);left:calc((100% - 18px) / 2);width:18px;height:17px;background-position:0px 0px;}
.addrInfoMap > .info .map_info_list  .map_info_item .text{display:inline-block;font-size:15px;color:#444;line-height:35px;letter-spacing:-0.02em;font-weight:400;font-family:'Score';vertical-align:top;box-sizing:border-box;}


.addrInfoMap > .info .map_button {position:absolute; right:25px; top: calc(50% - 25px);}
.addrInfoMap > .info .map_button a {display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap: 0 10px; width:140px; height:46px; border-radius:5px; background:#f96639; color:#fff;font-size:15px;line-height:1.2;letter-spacing:-0.03em;transition: 0.3s;}
.addrInfoMap > .info .map_button .icon {display:block; width:32px;height:24px;background-image:url("/fira/images/egovframework/story/web/layout/map_icon.png");}

@media screen and (max-width:980px) {
	.addrInfoMap > .info {flex-direction:column; align-items:initial;}
	.addrInfoMap > .info .map_info_list {padding-left:0px; border-left:0;}
}

@media screen and (max-width:740px) {
	.addrInfoMap > .info .map_info_list {flex-direction: column;}
	.addrInfoMap > .info .map_info_list .map_info_item + .map_info_item {margin-left:0;}
}

@media screen and (max-width:580px) {
	.addrInfoMap > .info .map_button {position:relative; right: auto; top: auto; margin-top: 20px;}
	.addrInfoMap > .info .map_button a {flex-direction:row; padding:15px 10px; width:100%; height:auto;}
}