@charset "euc-kr"; @import "animation.css"; /* visual */ .visual_wrap {width:100%;overflow-x:hidden;height:auto;position:relative;overflow:hidden; /*background:#fcf0ca;*/ padding:12.7rem 0 0 0; text-align:center;} .visual_wrap:after{content:''; display:block; clear:both;} .visual_wrap .visual_area{position:relative;height:100%;margin:auto;height:100%; width:100%;background:url(/images/visual_img_v1_back.jpg)no-repeat center;min-height: 80.1rem; background-size: cover;} .visual_wrap .visual_inner{margin:0 auto; max-width:128rem; width:100%; text-align:left;} .visual_wrap .visual_area img.img01 {margin:0; padding:9.5rem 0; box-sizing:border-box; max-width:77.7rem; } .visual_wrap .visual_area img.img01.img_mo{display:none;} .visual_wrap .visual_area .visual_txt {position: absolute; left: 50%; font-size: 0; z-index: 1; bottom: 0; transform: translateX(-50%); display: flex; flex-wrap: wrap; justify-content: center;} .visual_wrap:before{/*content:''; display:block; width:200vw; height:90rem; position:absolute; left:-50%; top: 12.8rem; background:url('/images/visual_img_v2.png')no-repeat center;*/} .visual_wrap .visual_area .visual_txt > img {display:none;margin:auto;} .visual_wrap .visual_area .visual_txt > img + img {margin:3rem 0 0;} .visual_wrap .visual_area .visual_banners .lnk{font-size:0; display:inline-block; position:absolute; width: 6%; height: 20%; top: 74%; left: 31%; bottom: 26%; right: 69%;} .visual_wrap .visual_area .visual_banners .lnk.second{width: 6%; height: 20%; top: 74%; left: 41.5%; bottom: 26%; right: 58.5%;} .visual_wrap .visual_area .visual_banners .lnk.third{width: 6%; height: 20%; top: 74%; left: 52.3%; bottom: 26%; right: 47.7%;} .visual_wrap .visual_area .visual_banners .lnk.fourth{width: 6%; height: 17%; top: 74%; left: 63%; bottom: 26%; right: 37%;} .main_wrap .ev_qr{position: fixed; right: 13rem; top: 33%; bottom:67%; z-index: 98;} .main_wrap .ev_qr .img_mo{display:none !important;} /* contents */ #contents{border:none !important; font-family:'pretendard';} #contents.main_page {width:100%;margin:0;border-top:none;} #contents.main_page .content {display:block;padding:80px 0 90px;} #contents.main_page .content.gray {padding:80px 0 150px !important;background:#83baf8;} #contents .max_1260 {max-width:1260px;margin:auto;padding:10rem 0 10rem; overflow:hidden;} #contents .max_1260 .tit_box {margin:1rem 0 0;} #contents .max_1260 .tit_box h2 {line-height:1;font-size:5.4rem;color:#111;} #contents .max_1260 .tit_box h2 > span {display:block;line-height:1.2;margin:0 0 1rem;font-size:2.4rem;font-weight:normal;color:#484848;word-break: keep-all;} #contents .max_1260 br.mo {display:none;} #contents .max_1260 .btns_view{display:inline-block; color:#fff; font-size:2.2rem; background:#4553a3; border-radius:5px; width:auto; padding:0 5.7rem; height:6rem; line-height:6rem; box-sizing:border-box; margin:0 auto;} #contents .max_1260 .conts_tit{text-align:left; line-height:1; color:#111111;} #contents .max_1260 .conts_tit .tit{font-size:4.8rem;} #contents .max_1260 .conts_tit .txt{font-size:4.8rem; font-weight:600; margin-top:.8rem;} #contents .cont1 {background:#fff;} #contents .cont1 .max_1260{text-align:center;} #contents .cont1 .max_1260 > ul {width:calc(100% + 2rem);margin:5rem 0 5rem -2rem; display:flex;} #contents .cont1 .max_1260 > ul:after {content:'';display:block;clear:both;} #contents .cont1 .max_1260 > ul > li {float:left;width:calc(25% - 2rem);margin:0 0 0 2rem; border-radius:1rem;} #contents .cont1 .max_1260 > ul > li > a {display:block;position:relative;border: 0; box-sizing: border-box; height: auto; padding:0 0;} #contents .cont1 .max_1260 > ul > li:first-of-type {background:#e7f1ff;} #contents .cont1 .max_1260 > ul > li:nth-of-type(2) {background:#ffeae9;} #contents .cont1 .max_1260 > ul > li:nth-of-type(3) {background:#fff1d1;} #contents .cont1 .max_1260 > ul > li:nth-of-type(4) {background:#eaffd3;} #contents .cont1 .max_1260 > ul > li > a > dl{padding:3rem 2rem;} #contents .cont1 .max_1260 > ul > li > a > dl > dt {line-height:1.2;margin:0 0;font-size:2.5rem;color:#000;text-align:left; margin-bottom:2rem;} #contents .cont1 .max_1260 > ul > li > a > dl > dd {line-height:1.2;font-size:1.8rem;color:#111;text-align:left;} #contents .cont1 .max_1260 > ul > li > a > dl > dd.hypen{text-indent:-1rem; margin-left:1rem;} #contents .cont1 .max_1260 > ul > li > a > dl > dd > span {color:#00aedd;} #contents .cont1 .max_1260 > ul > li > a > em {position:relative;display:block;width:100%;font-size:0;} #contents .cont1 .max_1260 > ul > li > a > em > img {display:block;max-width:100%;margin:auto;} #contents .cont1 .cont1_btn{font-size:2.2rem; display:inline-block; margin:auto; width:30rem; height:6rem; line-height:6rem; border:1px solid #111111; box-sizing:border-box; text-align:center; color:#111; border-radius:6rem;} #contents .cont2 {background:#f5f5f5;} #contents .cont2 .max_1260 {position:relative;display:flex;justify-content: space-between;} #contents .cont2 .max_1260:before {content:'';display:block;width:91.9rem;height:34.9rem;position:absolute;bottom:0;left:-33rem;background:url(../images/bg_main_cont2_bg.png) no-repeat 50% 0;background-size:91.9rem;} #contents .cont2 .max_1260 > ul {width:84rem;display: inline-flex;flex-wrap: wrap;align-items: stretch;margin:-5rem 0 0;} #contents .cont2 .max_1260 > ul:after {content:'';display:block;clear:both;} #contents .cont2 .max_1260 > ul > li {float:left;width:50%;margin:5rem 0 0;} #contents .cont2 .max_1260 > ul > li > dl:before {content:'';display:inline-block;position:absolute;left:0;top:0;width:16rem;height:16rem;background:url(../images/icon_main_cont2_bg.png) no-repeat 50% 0;background-size:59.9rem;background-position:0 0;} #contents .cont2 .max_1260 > ul > li:nth-child(2) > dl:before {background-position:-44.5rem 0;} #contents .cont2 .max_1260 > ul > li:nth-child(3) > dl:before {background-position:0 -19.5rem;} #contents .cont2 .max_1260 > ul > li:nth-child(4) > dl:before {background-position:-44.5rem -19.5rem;} #contents .cont2 .max_1260 > ul > li:nth-child(5) > dl:before {background-position:0 -38.5rem;} #contents .cont2 .max_1260 > ul > li:nth-child(6) > dl:before {background-position:-44.5rem -38.5rem;} #contents .cont2 .max_1260 > ul > li > dl {position:relative;padding:3rem 0 4rem 16.5rem;} #contents .cont2 .max_1260 > ul > li > dl > dt {line-height:1.2;padding:0 0 1.3rem;font-size:2.4rem;color:#111;} #contents .cont2 .max_1260 > ul > li > dl > dd {line-height:1.2;font-size:1.7rem;color:#484848;} #contents .cont2 .max_1260 > ul > li > dl > dd > p {text-indent:-0.8rem;margin:0 0 0 0.8rem;word-break: keep-all;} #contents .cont3 .max_1260 .cont3_wrap{position:relative;display:flex;justify-content: space-between;align-items: flex-start;align-items: stretch;padding:5rem 0 0;flex-direction: row-reverse;} #contents .cont3 .max_1260 .tit_box {position:relative;margin:0;} #contents .cont3 .max_1260 .tit_box > .btn {position:absolute;left:0;bottom:0.5rem;;display:inline-flex;align-items: center;justify-content: center;width:8.4rem;height:2.8rem;line-height:2.8rem;margin:5rem 0 0;padding:0;text-align:center;font-weight:normal;font-size:1.5rem;color:#ffffff;border-radius:2.8rem;background:#c3c4c6;} #contents .cont3 .max_1260 .tit_box > .btn:after {content:'+';display:inline-block;line-height:1;margin:-0.2rem 0 0 0.5rem;} #contents .cont3 .max_1260 .cont3_right {width:calc(50% + 2rem); position:relative; margin:0;padding:3rem 3rem;border:1px solid #cccccc;border-radius:1rem;box-sizing:border-box; min-height: 17.3rem; background:#fff;} #contents .cont3 .max_1260 .cont3_right h4{font-size:2.5rem; font-weight:600; line-height:1; margin-bottom:2rem;} #contents .cont3 .max_1260 .cont3_right ul{max-height: 18rem; overflow: hidden;} #contents .cont3 .max_1260 .cont3_right ul > li {margin:1rem 0;} #contents .cont3 .max_1260 .cont3_right ul > li > a {position:relative; display:block;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;line-height:1.5;font-size:1.6rem;color:#000011;padding-right: 9rem; box-sizing: border-box;} #contents .cont3 .max_1260 .cont3_right ul > li > a > span{vertical-align:middle;} #contents .cont3 .max_1260 .cont3_right ul > li > a > span.txt {display: inline-block; max-width: calc(100% - 1rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #contents .cont3 .max_1260 .cont3_right ul > li > a > span.txt_date {position:absolute;right:.3rem; display:inline-block;} #contents .cont3 .max_1260 .cont3_left{width: auto; display: flex; flex-direction: column; flex: 1; margin-left: 2rem;} #contents .cont3 .max_1260 .cont3_left:after{content:''; display:block; clear:both;} #contents .cont3 .max_1260 .cont3_left .left_cont{position:relative; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; width: 100%; display: flex; align-items: stretch; height: 14rem; background:#fff; box-sizing:border-box;} #contents .cont3 .max_1260 .cont3_left .left_cont .left_cont_lnk{position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; z-index:2;} #contents .cont3 .max_1260 .cont3_left .left_cont:last-of-type{margin-top:1rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .tit{font-size:2.2rem; line-height:1; font-weight:600;} #contents .cont3 .max_1260 .cont3_left .left_cont .txt{font-size:1.6rem; line-height:1.1; margin-top:1rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg{text-align:center; width:28rem; position:relative;} #contents .cont3 .max_1260 .cont3_left .left_cont:first-of-type .leftContImg{background:url(/images/noti_banner_01_back.jpg);} #contents .cont3 .max_1260 .cont3_left .left_cont:last-of-type .leftContImg{background:#a5dcf8;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg img{display:inline-block; margin:0 auto; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContTxt{padding:2rem; box-sizing:border-box;flex:1;display: flex; justify-content: center; flex-direction: column;} #contents .cont3 .max_1260 .noti_view{position:absolute; right:3.2rem; top:2.7rem; font-size:1.6rem; color:#53535a; line-height:1;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg img.mo_img{display:none !important;} #contents .cont4{position:relative;background:#f2f2f2;} #contents .cont4 .max_1260 .conts_cardnews{padding: 0 0 0 0; box-sizing: border-box;} #contents .cont4 .max_1260 .banner.cardnews {/*overflow:hidden;*/ max-width: 120rem; margin: 0 auto;margin-top:4.5rem; margin-left:0;} #contents .cont4 .max_1260 .banner.cardnews .slick-list{width:100%;height:auto !important;padding:0 0 10rem;margin:auto;} #contents .cont4 .max_1260 .banner.cardnews ul:after{content:''; display:block; clear:both;} #contents .cont4 .max_1260 .banner.cardnews li{display:inline-block; vertical-align:top; margin:0 1.2rem;} #contents .cont4 .max_1260 .banner.cardnews a{display: flex;flex-direction: column;justify-content: space-between;border:1px solid #999999; width:38rem; min-height:43.5rem; overflow:hidden; border-radius:14px;box-shadow: 5px 3px 7px -4px rgba(0, 0, 0, .2);box-sizing:border-box; } #contents .cont4 .max_1260 .banner.cardnews a img{margin-top:-1px; width:100%; min-height:38.5rem;} #contents .cont4 .max_1260 .banner.cardnews .txtBox {display: flex;align-items: center;height:7.6rem;padding:1rem 2rem; text-align:left; line-height:1.3;box-sizing:border-box;} #contents .cont4 .max_1260 .banner.cardnews .txtBox p{font-size:2rem; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#000011;} #contents .cont4 .max_1260 .banner.cardnews .slick-prev.slick-arrow{z-index:3; background:url(/images/slickarw_prev.png)no-repeat; width:9rem; height:9rem; font-size:0; position:absolute; left:-10rem; top: calc(50% - 11rem);} #contents .cont4 .max_1260 .banner.cardnews .slick-next.slick-arrow{z-index:3; background:url(/images/slickarw_next.png)no-repeat; width:9rem; height:9rem; font-size:0; position:absolute; right:-9rem; top: calc(50% - 11rem);} #contents .cont4 .max_1260 .banner.cardnews .slick-prev.slick-arrow.slick-disabled{background:url(/images/slickarw_prev_off.png)no-repeat;} #contents .cont4 .max_1260 .banner.cardnews .slick-next.slick-arrow.slick-disabled{background:url(/images/slickarw_next_off.png)no-repeat;} /* 준비중 */ #contents.preparing {border:none;} #contents.preparing .content {padding:30px 0 40px;} .preparing_ul:after {content:'';display:block;clear:both;} .preparing_ul li {float:left;width:50%;padding:0 0 0 40px;box-sizing:border-box;} .preparing_ul li:first-child {padding:0;} .preparing_ul li img {display:block;width:100%;} .preparing_ul li .pu_info .tit {padding:0 0 25px;border-bottom:1px solid #e5e5e5;} .preparing_ul li .pu_info .tit p {line-height:1;font-size:3rem;color:#000;font-weight:bold;} .preparing_ul li .pu_info .tit p > span {display:inline-block;margin:0;padding:0;font-size:3rem;color:#e94c1f;font-weight:bold;} .preparing_ul li .pu_info > p {line-height:1.5;padding:10px 0 5px;font-size:2rem;color:#000;font-weight:bold;} .preparing_ul li .pu_info > dl dt {position:relative;line-height:1;padding:20px 0 10px;font-size:1.8rem;color:#000;} .preparing_ul li .pu_info > dl dt.event {line-height:27px;padding:25px 0 10px;} .preparing_ul li .pu_info > dl dt.event .detail_btn {position:absolute;top:24px;left:110px;width:92px;height:27px;text-align:center;font-size:1.3rem;color:#fff;background:#02558b;border-radius:27px;border:none;vertical-align:middle;} .preparing_ul li .pu_info > dl dd {line-height:1.5;padding:0;font-size:1.8rem;color:#000;} .preparing_ul li .pu_info > .movie {margin:25px 0 0;} /* landing */ .visual_wrap.landing {height:700px;background:#fcdddb url(../images/visual_landing_bg.png) repeat-x 50% 0%;border-bottom:none;} .visual_wrap.landing .visual_area {position:relative;} .visual_wrap.landing .visual_area:after {content:'';display:block;position:absolute;left:50%;bottom:0;width:1920px;height:142px;margin-left:-960px;background:url(../images/landing_con1_bg.png) no-repeat 50% 0;} #contents.landing_page {background:#02558b;border-top:none;} #contents.landing_page h2 {text-align:center;padding:0 0 25px;} #contents.landing_page .landing_con {position:relative;display:block;padding:0 0 65px;text-align:center;} #contents.landing_page .landing_con .btn_area {text-align:center;} #contents.landing_page .landing_con .btn_area a {display:inline-block;margin:30px 8px 0;} #contents.landing_page .landing_con .btn_area.con1 {position:absolute;left:0;bottom:325px;width:100%;} #contents.landing_page .landing_con .btn_area.con1 a {margin:0 35px;} /* 24시간 popup */ #dim {bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index:200;} #pop.pop, #pop.pop_up {visibility: hidden;position:absolute;top:158px;left:1387px;z-index:1000;border:1px solid #757575;} #pop.pop .cont {width:auto;} #pop.pop .cont img {width:100%;} #pop.pop .close {background:#efefef;padding:15px 15px;box-sizing: border-box;} #pop.pop .close #check {color:#333;float:left;font-size:1.5rem;line-height:1;} #pop.pop .close #check input, #pop.pop .close #check label {cursor: pointer;} #pop.pop .close #close {color:#333;float:right;font-size:1.5rem;line-height:1;font-weight:bold;} .pop .pop_footer, .pop_up .pop_footer {display:block;padding:10px;background:#fff;} .pop .pop_footer:after, .pop_up .pop_footer:after {content:'';display:block;clear:both;} .pop .pop_footer input[type=checkbox], .pop_up .pop_footer input[type=checkbox] {margin:0 10px 0 0;vertical-align:middle;} .pop .pop_footer input[type=checkbox] + label, .pop_up .pop_footer input[type=checkbox] + label {line-height:14px;font-size:1.4rem;color:#666;} .pop .pop_footer a, .pop_up .pop_footer a {float:right;font-size:1.4rem;} /* 준비중 이벤트 팝업 */ .pop_dim {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:500;background: #000;opacity: .5;} .pop_dim.double {background:none;} .popup.event {display:none;position:absolute;left:50%;z-index:600;width:700px;margin-left:-350px;background:#fff;border: 1px solid #c0b7d3;} .popup.event .pop_wrap {position:relative;padding: 75px 60px 60px;} .popup.event .pop_wrap > img {width:100%;} .popup.event .layer_close {position:absolute;width:25px;height:25px;right:35px;top:20px;;font-size:0;background: url(../images/popup_close.png)no-repeat;} /* 회원가입 완료 */ .popup.small {width:500px;margin-left:-250px;} .popup.small .pop_wrap {position:relative;padding: 30px 28px;} .popup.small .pop_con {padding:20px 0;} .popup.small .pop_footer {position:relative;padding:0;} .popup.small .pop_footer .btn_area .btn{display:inline-block;width:auto;height: 35px;padding:0 10px;margin:0 0 0 5px;line-height: 35px;text-align:center;font-size:1.5rem;box-sizing:border-box;} .popup.small .pop_footer .btn_area .btn.gray {background:#ccc;color:#666;} .popup.small .pop_footer .btn_area .btn.white {background::#fff;color:#999;border:1px solid #ccc;} .popup.small .pop_con .sign_up.complete {display:block;} .popup.small .pop_con .sign_up.complete > p {line-height:2;font-size:1.5rem;text-align:center;color:#333;padding: 20px 0;} .popup.small .pop_con .sign_up.complete > p span {display:block;line-height:1;font-weight:bold;font-size:2.3rem;;padding: 0 0 30px;} .popup.small .pop_con .sign_up.complete label.checkbox {position: absolute;bottom: 30px;left: 30px;z-index: 100;} /* 텝메뉴버튼 */ button.tabindex {width:100%; height:100%; display:block;} /*메인팝업*/ .cmmDayPopWrap.hidden{display:none;} .cmmDayPopWrap{position: absolute; left: 50%; top:20rem; display: block;width:36rem;margin-left:-18rem;z-index: 200;} .cmmDayPopWrap .dimm.fnDayPopCloseBtn{position: fixed; left: 0; width: 100%; bottom: 0; top: 0; background: rgba(0,0,0,0.4);} .cmmDayPopWrap .cmmDayPopIn{width: 100%; position: relative; overflow: hidden;} .cmmDayPopWrap .cmmDayPopIn .cmmDayCont{text-align: left;background:none;} .cmmDayPopWrap .renwOpenIsgPop {position: relative;} .cmmDayPopWrap .renwOpenIsgPop > a {display: block;} .cmmDayPopWrap .renwOpenIsgPop > a img{display:block;width:100%;} .cmmDayPopWrap .renwOpenIsgPop > button {margin: 0px 0 0 188px; border:1px solid #363636; background:#363636 url('/images/bttclose.png')no-repeat 98% center; width:282px; height:40px; font-size:0; } .cmmDayPopWrap .cmmDayPopIn .topBws {width:100%;padding:1rem;text-align:left;background:#fff;box-sizing:border-box;} .cmmDayPopWrap .cmmDayPopIn .btsms {/*display:none;*/position: absolute; right: 1rem; background: url(/images/popup_close.png) no-repeat center; width: 2.9rem; height: 2.9rem; display: block; font-size: 0; background-size: 100%; bottom: .8rem;} .cmmDayPopWrap .slider-pop{width:36rem; max-height:51rem;} .cmmDayPopWrap .slick-dots{position:absolute; bottom:2rem; left:0; border-radius:100%; font-size:0; width:100%; display:flex !important; justify-content: center; align-items: center;} .cmmDayPopWrap .slick-dots li{display:inline-block;} .cmmDayPopWrap .slick-dots li:not(:first-of-type){margin-left:8px;} .cmmDayPopWrap .slick-dots li.slick-active button{background:#000; border:1px solid #000; width:10px; height:10px; border-radius: 10px;} .cmmDayPopWrap .slick-dots button{width: 10px; height: 10px; font-size: 0; background: #fff; border-radius: 10px; border: 0; border:1px solid #656a75; padding:0;} .cmmDayPopWrap .slick-prev{display:none !important;} .cmmDayPopWrap .slick-next{display:none !important;} .cmmDayPopWrap .popBtn{display:none;transform: translate(5px, -1px); cursor:pointer;} .cmmDayPopWrap .popBtn .popPlay{display:none; padding:5px;} .cmmDayPopWrap .popBtn .popPause{display:none; padding:5px;} .cmmDayPopWrap .popBtn .popPlay.on{display:block;} .cmmDayPopWrap .popBtn .popPause.on{display:block;} #popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);} /*오버레이 뒷배경*/ .popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);} /* 2023 해양수산 #main.main_wrap{position:relative; text-align:center;} #main.main_wrap:before{content:''; background:url(/images/main_background_01.jpg)no-repeat center 0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;} #main.main_wrap:after{background:#41b6bf; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;} #main.main_wrap .visual-wrap {background:none; padding-left: 0; padding-right: 0;} #main.main_wrap .visual-wrap .visual_area{display:block; margin:auto; text-align:left; position:relative; /*width:67rem; padding-bottom:11.3rem width:91.4rem; padding:10.4rem 0 14.8rem 0;} #main.main_wrap .visual-wrap .tbl_img{display:none;} #main.main_wrap .visual-wrap .mo_img{display:none;} #main.main_wrap .visual_area_bottom{background-color:#3bb8ca;} #main.main_wrap .visual_area_bottom img{width:100%;} #main.main_wrap .visual_area_bottom, #main.main_wrap .visual_area_bottom .tbl_img, #main.main_wrap .visual_area_bottom .mo_img{display:none;} #main.main_wrap .visual-wrap .tbl_img.tbl_txt, #main.main_wrap .visual-wrap .mo_img.mo_txt{background-color:#3bb8ca;} #main.main_wrap .content_area{z-index:2; position:relative;font-family:'Pretendard-Regular'; display:block; margin:auto; box-sizing:border-box;} #main.main_wrap .content_area.white{background:#fff;} #main.main_wrap .content_area.top {margin:auto; display:flex; justify-content:center; /*padding-top:10rem; padding-bottom:10rem; min-height:26rem;box-sizing:border-box;margin-bottom: 6rem;} #main.main_wrap .content_area.top .left{border:1px solid #cccccc; width:64.7rem; border-radius:10px; box-sizing:border-box;} #main.main_wrap .content_area.top .right{width:58.8rem; margin-left:2.5rem;} #main.main_wrap .content_area.top .right ul {display:flex; justify-content:space-between;} #main.main_wrap .content_area.top .right ul li{border:1px solid #cccccc; width:28rem; border-radius:10px; position:relative; min-height:26rem; box-sizing:border-box;} #main.main_wrap .content_area.top .right ul li:first-of-type .imgBox{background:#d0e4f5; border-radius:10px 10px 0 0;} #main.main_wrap .content_area.top .right ul li:last-of-type .imgBox{background:#dde2fa; border-radius:10px 10px 0 0;} #main.main_wrap .content_area.top .right ul:after{display:block; clear:both; content:'';} #main.main_wrap .content_area.top .notice_area{padding:2.2rem; text-align:left; position:relative;} #main.main_wrap .content_area.top .notice_area h2{font-size:2.4rem; line-height:1;margin-bottom:2rem;} #main.main_wrap .content_area.top .notice_area ul li {position:relative;} #main.main_wrap .content_area.top .notice_area ul li:not(:first-of-type){margin-top:2rem;} #main.main_wrap .content_area.top .notice_area ul li a{display:block; width:100%;} #main.main_wrap .content_area.top .notice_area ul li a span{position:relative;} #main.main_wrap .content_area.top .notice_area ul li a:hover span:before{content:'';border-bottom:1px solid #000; width:100%; display:block; position:absolute; left:0; bottom:0;} #main.main_wrap .content_area.top .notice_area span{font-size:1.8rem; font-weight:400; color:#000011; max-width:42.7rem; overflow:hidden; line-height:1.1; display:inline-block; white-space:nowrap; text-overflow:ellipsis;} #main.main_wrap .content_area.top .notice_area p {font-size:1.8rem; position:absolute; right:1rem; line-height:1.1; top:0; font-weight:600; letter-spacing:-2px; color:#58585e;} #main.main_wrap .content_area.top .noticeView{position:absolute; right:2.9rem; top:2.7rem; font-size:1.6rem; line-height:1;} #main.main_wrap .content_area.top .noticeView:after{content:'+'; display:inline-block;vertical-align:top; margin-left:0.2rem;} #main.main_wrap .content_area.top .imgBox{height:15rem; position:relative; border-bottom:1px solid #cccccc;} #main.main_wrap .content_area.top .imgBox img{position:absolute; bottom:0; left:calc(50% - 4rem);} #main.main_wrap .content_area.top .txtBox{background:#fff; padding:2rem 1.8rem; border-radius: 0 0 10px 10px; text-align:left; line-height:1; word-break:keep-all;} #main.main_wrap .content_area.top .txtBox h2{font-size:2.1rem; margin-bottom:1rem; font-weight:700;} #main.main_wrap .content_area.top .txtBox p{font-size:1.8rem; color:#000011; line-height:1.3; font-weight:normal; max-width:19rem;} #main.main_wrap .content_area.bottom {text-align:center;} #main.main_wrap .content_area.bottom .banner.cardnews {position:relative;} #main.main_wrap .content_area.bottom .banner.cardnews .slick-list{width:121rem; margin:auto; overflow:hidden; height:auto !important;} #main.main_wrap .content_area.bottom .banner.cardnews li{display:inline-block; margin:0 1.2rem;} #main.main_wrap .content_area.bottom .banner.cardnews a{display:block; border:1px solid #cccccc; width:38rem; min-height:46.3rem; overflow:hidden; border-radius:14px;box-shadow: 5px 3px 7px -4px rgba(0, 0, 0, .2); display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;} #main.main_wrap .content_area.bottom .banner.cardnews a img{margin-top:-1px; width:100%; min-height:37.9rem;} #main.main_wrap .content_area.bottom .banner.cardnews .txtBox {padding:0.8rem 2rem; text-align:left; line-height:1.3;} #main.main_wrap .content_area.bottom .banner.cardnews .txtBox p{font-size:2.2rem; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#000011;} #main.main_wrap .content_area.bottom .banner.cardnews .slick-prev.slick-arrow{background:url(/images/slickarw_prev.png)no-repeat; width:9rem; height:9rem; font-size:0; position:absolute; left:-10rem; top: calc(50% - 4rem);} #main.main_wrap .content_area.bottom .banner.cardnews .slick-next.slick-arrow{background:url(/images/slickarw_next.png)no-repeat; width:9rem; height:9rem; font-size:0; position:absolute; right:-10rem; top: calc(50% - 4rem);} #main.main_wrap .content_area.bottom .banner.cardnews .slick-prev.slick-arrow.slick-disabled{background:url(/images/slickarw__prev_disable.png)no-repeat;} #main.main_wrap .content_area.bottom .banner.cardnews .slick-next.slick-arrow.slick-disabled{background:url(/images/slickarw__next_disable.png)no-repeat;} #main.main_wrap .scrollDownBtn{position:fixed; top:90%; left:50%; transform:translateX(-50%); z-index:99;background:url(/images/down_btn.png)no-repeat; width:4rem; height:6rem; font-size:0; cursor:pointer; background-size:100%;} #main.main_wrap .scrollDownBtn.color{background:url(/images/down_btn_02.png)no-repeat; width:4rem; height:6rem; font-size:0; background-size:100%;} #main.main_wrap .scrollDownBtn.off{display:none;} #main.main_wrap .bannerArrowBlack{position:absolute; right:2rem; bottom:8rem;} #main.main_wrap .content_area.bottom .subBannerWrap {} #main.main_wrap .subBannerWrap {width:126rem; /*line-height:1.3; font-family:'Pretendard-Regular';margin:auto; padding:8rem 0;} #main.main_wrap .subBannerWrap h2{font-size:6rem; font-family: 'Noto Sans KR'; line-height:1; margin-bottom:8rem;} #main.main_wrap .subBannerWrap .subTit{font-size:2.4rem; opacity:.8; margin-top:2rem;} #main.main_wrap .subBannerWrap .evtBtn {} #main.main_wrap .subBannerWrap .evtBtn a{font-size:2.4rem; color:#fff; background:#007c8f; display:block; width:28rem; height:7rem; line-height:7rem; margin:auto; border-radius:8px;} #main.main_wrap .mainBannerTb{display:none; width:100%;} #main.main_wrap .mainBannerM{display:none; width:100%;} #main.main_wrap .main_page a.joblistLink{position: absolute; display: block; width: 58.3rem; height: 4.3rem; top: 50rem; left: 2%; font-size:0;} #main.main_wrap .bannerArrowBlack{display:none;} #main.main_wrap #footer{text-align:left;} */ /* 메인배너 */ .content_banner{margin-top:-12.7rem;} .content_banner .contbanner_txt{padding:2rem 1.9rem; box-sizing:border-box; border:1px solid #f1f1f1; border-width:0 1px 0 1px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;} .content_banner .contbanner_txt .tit{font-size:2rem; line-height:1; color:#111111; font-weight:600;} .content_banner .contbanner_txt .txt{font-size:1.6rem; line-height:1.2; color:#111111; font-weight:300; margin-top:0.8rem;} .content_banner .contbanner_txt > a{font-size:1.6rem; line-height:1; color:#999999; margin-top:2rem; display:inline-block;} .content_banner ul {margin-left:-3rem; width:calc(100% + 4rem);} .content_banner ul:after{content:''; display:block; clear:both;} .content_banner ul li{width: calc(25% - 3rem); height:33rem; text-align:left; float:left; margin-left:3rem; border-radius:10px; box-shadow: 2px 2px 15px -1px rgba(0, 0, 0, .2);} .content_banner ul li img{width:100%;} .content_banner .contbanner_pc{} .content_banner .contbanner_tbl, .content_banner .contbanner_mo{display:none;} .content_banner.v2 ul{width:100%; margin:0 0 0 0;} .content_banner.v2 ul li{box-shadow:none; margin-left:0; width:25%;} .content_banner.v2 .contbanner_txt{border-width:0 0 0 0; text-align:center;} .content_banner.v2 .contbanner_txt .tit{font-size:2.4rem; font-weight:600;} .content_banner.v2 .contbanner_txt .txt{font-size:1.8rem; color:#333; font-weight:300;} .content_banner.v2 .contbanner_txt br.blnkTbl{display:none;} /* 반응형 css */ @media all and (max-width: 1400px) { #contents .cont4 .max_1260 .banner.cardnews .slick-prev.slick-arrow, #contents .cont4 .max_1260 .banner.cardnews .slick-next.slick-arrow{display:none !important;} } @media all and (min-width: 1300px) { } @media all and (max-width: 1300px) { #contents.main_page {overflow:hidden;} .main_wrap .ev_qr{right:2.5rem;} .visual_wrap .visual_area img.img01{padding:5.5rem 6rem;} .visual_wrap {display:flex;/*height:auto;*/} .visual_wrap .visual_area {overflow:hidden;width:100%;padding:0 0 0;} .visual_wrap .visual_area .visual_txt {display:none;} .visual_wrap .visual_area .visual_txt > img {} .visual_wrap .visual_area .visual_txt > img + img {} .visual_wrap .visual_area img.img01 {/*width:92rem;display:block; margin:0 auto; padding-top:13rem;box-sizing:border-box;*/} #contents .max_1260 {padding:10rem 2rem 10rem !important;} #contents .cont2 .max_1260 {flex-direction: column;background: url(../images/bg_main_cont2_bg_t.png) no-repeat 100% 2rem;} #contents .cont2 .max_1260:before {display:none;} #contents .cont2 .max_1260 > ul {width:100%;margin:7rem 0 0;} #contents .cont3 .max_1260 > ul {width:58.8rem;} /* 2023 해양수산 .main_page {min-width:100%;box-sizing:border-box;} #main.main_wrap:before{content:''; background:none; width:auto; height:auto; position:static;} #main.main_wrap:after{content:''; background:none; width:auto; height:auto; position:static;} #main.main_wrap .visual-wrap{padding-top:0;} #main.main_wrap .visual_area, #main.main_wrap .content_area{float:unset; width:100%;} #main.main_wrap .visual_area {width: calc(100% - 520px); margin:0; padding: 0 35px 0 20px; background: none;} #main.main_wrap .visual_area .pc_img{display:none !important;} #main.main_wrap .visual_area .tbl_img{display:block; margin:auto; width:100%;} #main.main_wrap .visual_area .tbl_img.tbl_txt{padding-bottom:0;} #main.main_wrap .visual-wrap .visual_area{width:100%;padding:0;} #main.main_wrap .visual_area_bottom, #main.main_wrap .visual_area_bottom .tbl_img{display:block;} #main.main_wrap .content_area.top{display:block;width:100%;padding:8rem 3rem;box-sizing:border-box; margin:0; background-color: #3bb8ca;} #main.main_wrap .content_area.top .notice_area{width:100%;} #main.main_wrap .content_area.top .left{margin-bottom:2rem;} #main.main_wrap .content_area.top .right{width:100%; margin-left:0;} #main.main_wrap .content_area.top .right ul li{width:50%;} #main.main_wrap .content_area.top .right ul li:last-of-type{margin-left:2rem;} #main.main_wrap .content_area.top .txtBox p{max-width:unset;} #main.main_wrap .content_area.mid {padding:0 2rem;} #main.main_wrap .content_area.bottom {padding:0 2rem;} #main.main_wrap .subBannerWrap {width:auto;margin-top:0;} #main.main_wrap .subBannerWrap .subTit{margin-top:2.5rem;} #main.main_wrap .content_area.bottom .banner.cardnews .slick-arrow{display:none !important;} #main.main_wrap .bannerArrowBlack{display:block;} #main.main_wrap .contentsWrap section .tit a.noticeView{position:absolute;width:1.7rem;height:1.7rem;left:10.5rem; top:0.4rem;} */ /* 메인배너 .content_banner{margin-top:0;} .content_banner .contbanner_txt{width: calc(100% - 18rem); padding:3.8rem 3rem; box-sizing:border-box; border:1px solid #f1f1f1; border-width:0 0 0 0; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;} .content_banner .contbanner_txt .tit{font-size:2rem; line-height:1;} .content_banner .contbanner_txt .txt{font-size:1.6rem; line-height:1.3;} .content_banner .contbanner_txt > a{font-size:1.6rem; line-height:1;} .content_banner ul {margin-left:-3rem; width:calc(100% + 4rem);} .content_banner ul li{background:#fff; width: calc(50% - 3rem); height:18rem; display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 2rem; box-shadow:none;} .content_banner ul li img{width:100%; height:100%;} .content_banner ul li .contBanner_img{width:18rem; height:18rem;} .content_banner .contbanner_txt{} .content_banner .contbanner_pc, .content_banner .contbanner_mo{display:none;} .content_banner .contbanner_tbl{display:block;} .content_banner.v2 .contbanner_tbl{display:block; min-width:18rem; width:auto; margin:auto;} .content_banner.v2 ul{margin-top:9rem;} .content_banner.v2 ul li{width:50%; display:block; height:auto; text-align:center;} .content_banner.v2 ul li .contBanner_img{width:auto; height:auto;} .content_banner.v2 .contbanner_txt{width:100%; padding:3rem 0;} .content_banner.v2 .contbanner_txt br.blnkPC{display:none;} .content_banner.v2 .contbanner_txt br.blnkTbl{display:block;} */ } @media all and (max-width: 1023px) { .visual_wrap {padding:13rem 0 0; height:auto;} .visual_wrap .visual_area{background: url(/images/visual_img_v1_back_tbl.jpg) no-repeat center !important;} .visual_wrap:before {display:none;/*content: ''; display: block; width: 100%; height: 105rem; position: absolute; left: 0; top: 12.8rem; background: url(/images/visual_img_tbl.jpg) no-repeat center; background-size: 100%;*/} .visual_wrap .visual_area img.img01{width:100%; margin:0 auto; /*background: url(/images/visual_img_tbl.jpg) no-repeat center 0;*/ background-size:cover;} .visual_wrap .visual_area .visual_banners .lnk{font-size:0; display:inline-block; position:absolute; width: 11.5%; height: 12%; top: 84.5%; left: 14.5%; bottom: 15.5%; right: 85.5%;} .visual_wrap .visual_area .visual_banners .lnk.second{width: 11.5%; height: 12%; top: 84.5%; left: 33.9%; bottom: 15.5%; right: 66.1%;} .visual_wrap .visual_area .visual_banners .lnk.third{width: 11.5%; height: 12%; top: 84.5%; left: 54.1%; bottom: 15.5%; right: 45.9%;} .visual_wrap .visual_area .visual_banners .lnk.fourth{width: 11.5%; height: 12%; top: 84.5%; left: 74.1%; bottom: 15.5%; right: 25.9%;} #contents .cont1 .max_1260 > ul {width:calc(100% + 2rem); margin:4rem 0 5rem -2rem; overflow-y:auto;} #contents .cont1 .max_1260 > ul > li {width:calc(50% - 2rem);margin:2rem 0 0 2rem; min-width:30rem;} #contents .max_1260 br {/*display:none;*/} #contents .max_1260 .btns_view{margin-top:5rem;} #contents .cont3 .max_1260{display:block;} #contents .cont3 .max_1260 .cont3_left{width:100%;justify-content: space-between; margin:2rem 0 0 0;flex-direction: row;} #contents .cont3 .max_1260 .cont3_left .left_cont{width:auto; flex:1;flex-direction: column; height:auto;} #contents .cont3 .max_1260 .cont3_left .left_cont:last-of-type {margin: 0 0 0 2rem;} #contents .cont3 .max_1260 .cont3_right{width:100%; margin-top:0;} #contents .cont3 .max_1260 .cont3_wrap{flex-direction: column-reverse;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg {width: 100%; height: 14rem;} #contents .cont4 .max_1260 .banner.cardnews .slick-arrow{display:none !important;} /* 2023 해양수산 #main.main_wrap .visual-wrap{padding-top:17.5rem;} #main.main_wrap .visual_area, #main.main_wrap .content_area {float:left;display:inline-block;width:100%;height:auto;box-sizing:border-box;margin:0;padding:0;} #main.main_wrap .visual_area .tbl_img{display:block; background-color: #fff;} #main.main_wrap .visual_area.pc_img, #main.main_wrap .visual_area .mo_img{display:none;} #main.main_wrap .mainBannerTb{display:none;} #main.main_wrap .mainBannerM{display:block; width:100%; border-radius: 15px 15px 0 0;} #main.main_wrap .subBannerWrap h2{/*max-width:33rem; margin:auto; line-height:1.1; font-family:'Pretendard-Bold';} #main.main_wrap .main_page a.joblistLink{top: 42.3%; left: 15.7%; width: 69%; height: 3%;} */ } @media all and (max-width:768px) { .visual_wrap .visual_area{min-height:unset;} .visual_wrap .visual_area img.img01{/*background: url(/images/visual_img_mo.jpg) no-repeat center 0; background-size:100%;*/} .visual_wrap .visual_area img.img01.img_pc{display:none;} .visual_wrap .visual_area img.img01.img_mo{display:block; padding:0 0;} .visual_wrap .visual_inner{max-width:100%; width:100%;} .main_wrap .ev_qr .img_pc{display:none !important;} .main_wrap .ev_qr .img_mo{display:block !important;} .main_wrap .ev_qr img{max-width:calc(100% - 5rem); width:100%; margin:0 auto;} .main_wrap .ev_qr{position:unset; display:block; margin-top:5rem;} .cmmDayPopWrap{position: absolute; left: 50%; top:20rem; display: block;width:80%;margin-left:-40%;z-index: 200;} .cmmDayPopWrap .slider-pop {width:100%;max-height: initial;} .visual_wrap {padding: 16rem 0 0;} .visual_wrap .visual_area .visual_txt {left:50%;margin:0 0 0 -27.55rem;} .visual_wrap .visual_area .visual_txt > img {width:55.1rem;} .visual_wrap .visual_area .visual_txt > img + img {width:54rem;} .visual_wrap .visual_area img.img01 {width:100%;margin:0;} .visual_wrap .visual_area .visual_banners .lnk{width: 23.5%; height: 11%; top: 75%; left: 17.4%; bottom: 25%; right: 82.6%;} .visual_wrap .visual_area .visual_banners .lnk.second{width: 23.5%; height: 11%; top: 75%; left: 59.6%; bottom: 25%; right: 40.4%;} .visual_wrap .visual_area .visual_banners .lnk.third{width: 23.5%; height: 11%; top: 86%; left: 17.4%; bottom: 14%; right: 82.6%;} .visual_wrap .visual_area .visual_banners .lnk.fourth{width: 23.5%; height: 11%; top: 86%; left: 59.6%; bottom: 14%; right: 40.4%;} #contents .max_1260 {10rem 2rem !important;} #contents .max_1260 br.mo {display:block;} #contents .max_1260 .conts_tit .tit{font-size:6.2rem;} #contents .max_1260 .conts_tit .txt{font-size:6.2rem;} #contents .cont1 .max_1260 > ul > li{min-width:40.5rem;margin: 2rem 0 0 3rem;} #contents .cont1 .max_1260 > ul > li:first-of-type{margin-left:0;} #contents .cont1 .max_1260 > ul > li > a > em > img{width:100%;} #contents .cont1 .max_1260 > ul > li > a > dl{padding:4rem 3rem;} #contents .cont1 .max_1260 > ul > li > a > dl > dt{font-size:3.4rem; margin-bottom:3rem;} #contents .cont1 .max_1260 > ul > li > a > dl > dd{font-size:2.4rem;} #contents .cont1 .cont1_btn{margin-top:5rem; font-size:2.6rem; width:40rem; height:8rem; line-height:8rem; border-radius:6rem;} #contents .cont2 .max_1260 {padding:12rem 2rem !important;background: url(../images/bg_main_cont2_bg_m.png) no-repeat 100% 4rem;background-size:21rem;} #contents .cont2 .max_1260 > ul {margin:5rem 0 0;} #contents .cont2 .max_1260 > ul > li {width:100%;margin:6rem 0 0;} #contents .cont2 .max_1260 > ul > li > dl {display: flex;flex-direction: column;justify-content: center;height:18.5rem;padding:4rem 0 4rem 22.5rem;box-sizing:border-box;} #contents .cont2 .max_1260 > ul > li > dl:before {width:19.5rem;height:20rem;background: url(../images/icon_main_cont2_bg_m.png) no-repeat 50% 0;background-size: 20rem;background-position:0 0;} #contents .cont2 .max_1260 > ul > li:nth-child(2) > dl:before {background-position:0 -24.3rem;} #contents .cont2 .max_1260 > ul > li:nth-child(3) > dl:before {background-position:0 -48.6rem;} #contents .cont2 .max_1260 > ul > li:nth-child(4) > dl:before {background-position:0 -72.9rem;} #contents .cont2 .max_1260 > ul > li:nth-child(5) > dl:before {background-position:0 -97.2rem;} #contents .cont2 .max_1260 > ul > li:nth-child(6) > dl:before {background-position:0 -121.5rem;} #contents .cont2 .max_1260 > ul > li > dl > dt {font-size:3.1rem;} #contents .cont2 .max_1260 > ul > li > dl > dd {font-size:2.2rem;} #contents .cont3 .max_1260 {flex-direction: column;padding: 15rem 2rem 16rem !important;} #contents .cont3 .max_1260 .tit_box {width:100%;} #contents .cont3 .max_1260 .tit_box > .btn {position:absolute;left:initial;right:0;bottom:0;margin:0;width:11rem;height:3.8rem;line-height:3.8rem;font-size:1.95rem;} #contents .cont3 .max_1260 .conts_tit strong{display:block;} #contents .cont3 .max_1260 > ul {width:100%;margin:5rem 0 0;padding: 2rem 3.5rem; min-height: unset;} #contents .cont3 .max_1260 > ul > li > a {font-size:2.2rem;} #contents .cont3 .max_1260 {display: flex;padding: 10rem 2rem 10rem !important;} #contents .cont3 .max_1260 .cont3_right{margin-top:0;padding: 5rem 2rem;} #contents .cont3 .max_1260 .cont3_left{display:block; margin-top:3rem;} #contents .cont3 .max_1260 .cont3_left .left_cont{width:100%; margin:0 0 3rem 0;} #contents .cont3 .max_1260 .cont3_left .left_cont:last-of-type{ margin:0 0 0 0;} #contents .cont3 .max_1260 .cont3_right h4{font-size:3rem;} #contents .cont3 .max_1260 .cont3_right ul > li > a{font-size:2.4rem;} #contents .cont3 .max_1260 .cont3_right ul > li > a > span.txt{text-overflow: ellipsis; word-break: break-all; max-width: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #contents .cont3 .max_1260 .noti_view{font-size:2.4rem; right: 3rem; top: 5.5rem;} #contents .cont3 .max_1260 .cont3_right ul > li > a > span.txt_date{position:unset; display:block; margin-top:1.5rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg{height:auto;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg img{width:100%; position:unset; transform:unset;} #contents .cont3 .max_1260 .cont3_left .left_cont .tit{font-size:3.3rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .txt{font-size:2.4rem; margin-top:1.5rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContTxt{padding:3rem 3rem;} #contents .cont3 .max_1260 .cont3_right h4{font-size:3.75rem;} #contents .cont3 .max_1260 .cont3_right ul{max-height:70rem;} #contents .cont3 .max_1260 .cont3_right ul > li{margin:3rem 0;} #contents .cont3 .max_1260 .cont3_right ul > li:not(:first-of-type){border-top:1px solid #ccc; padding-top:3rem;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg img.pc_img{display:none !important;} #contents .cont3 .max_1260 .cont3_left .left_cont .leftContImg img.mo_img{display:block !important;} #contents .cont4 .banner.cardnews .slick-list {padding:0 0 15rem;} #contents .cont4 .banner.cardnews a img{width:100%;} #contents .cont4 .banner.cardnews .txtBox p{font-size:2.4rem;} #contents .cont4 .banner.cardnews{padding-left:2rem;} #contents .cont1 .max_1260 > ul{margin: 2.5rem 0 0;} #contents .max_1260 .btns_view{font-size:2.4rem; height:7rem; line-height:7rem;} /* 2023 해양수산 #main.main_wrap .visual-wrap .visual_area{padding-bottom:7.5rem;} #main.main_wrap .visual_area .tbl_img{display:none;} #main.main_wrap .visual_area .mo_img{display:block;width:100%; background-color:#fff;} #main.main_wrap .visual_area_bottom .tbl_img{display:none;} #main.main_wrap .visual_area_bottom .mo_img{display:block;} #main.main_wrap .content_area.top .right ul{display:block;} #main.main_wrap .content_area.top .right ul li{width:100%;} #main.main_wrap .content_area.top .right ul li:last-of-type {margin-left:0; margin-top:3rem;} #main.main_wrap .bannerArrowBlack{width:5.5rem;} #main.main_wrap .content_area.top .imgBox img {position: absolute; bottom: 0; left: calc(50% - 4rem); height:13.7rem;} #main.main_wrap .content_area.bottom .banner.cardnews a img{width:100%;} #main.main_wrap .content_area.bottom .banner.cardnews .txtBox p{font-size:2.4rem;} #main.main_wrap .content_area.top .left{margin-bottom:3rem;} #main.main_wrap .content_area.mid{padding:15rem 2.5rem;} #main.main_wrap .content_area.bottom{padding:0;} #main.main_wrap .content_area.bottom .subBannerWrap h2{font-size:6rem;} #main.main_wrap .content_area.bottom .banner.cardnews{padding-left:2rem;} #main.main_wrap .scrollDownBtn{top:87%;} #main.main_wrap .content_area.top{padding-top:0; padding-bottom:0;} #main.main_wrap .content_area.top .notice_area span{font-size:2.4rem; max-width: 39.7rem;} #main.main_wrap .content_area.top .notice_area p{font-size:2.4rem;} #main.main_wrap .content_area.top .txtBox h2{font-weight:800; font-size:3rem;} #main.main_wrap .content_area.top .txtBox p{font-size:2.4rem;} #main.main_wrap .content_area.top .notice_area h2{font-size:3rem;} #main.main_wrap .content_area.top .noticeView{font-size:2.2rem;} #main.main_wrap .scrollDownBtn{width:5rem; height:8rem; top:86%} #main.main_wrap .scrollDownBtn.color{width:5rem; height:8rem;} */ /* 메인배너 */ #main.main_wrap .subBannerWrap h2{font-size:6rem;} #main.main_wrap .subBannerWrap{padding:0 0;} .content_banner{margin-top:0;} .content_banner .contbanner_txt{width: 100%; padding:3rem 3rem; box-sizing:border-box; background:#fff; border:1px solid #f1f1f1; border-width:0 0 0 0; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;} .content_banner .contbanner_txt .tit{font-size:3rem; line-height:1;} .content_banner .contbanner_txt .txt{font-size:2.4rem; line-height:1.3; margin-top:1.5rem;} .content_banner .contbanner_txt > a{font-size:2.2rem; line-height:1;} .content_banner ul {width:100%;} .content_banner ul li{background:#fff; width:100%; height:auto; display: block; margin-bottom: 3rem;} .content_banner ul li img{width:100%; height:auto;} .content_banner ul li .contBanner_img{width:100%; height:auto;} .content_banner .contbanner_mo{display:block;} .content_banner .contbanner_tbl{display:none;} .content_banner .contbanner_txt{width:100%;} .content_banner .contbanner_txt br.blnkPC{display:none;} .content_banner.v2 .contbanner_pc{display:none;} .content_banner.v2 .contbanner_tbl{display:none;} .content_banner.v2 ul li{display:flex; width:100%; border:1px solid #e5e5e5; overflow:hidden; align-items: center; border-radius:5px;} .content_banner.v2 ul li .contBanner_img{width:19rem; height:19rem; overflow:visible;} .content_banner.v2 ul li:first-of-type .contBanner_img{background:#dbf1e8 url(../images/pgbanner_01_mo.png) no-repeat center; background-size: 12.4rem !important;} .content_banner.v2 ul li:nth-of-type(2){position:relative;} .content_banner.v2 ul li:nth-of-type(2):after{content:''; display:block; background:url(../images/pgbanner_02_mo.png) no-repeat center; width:16.4rem; height:15.8rem; position: absolute; left: 3.2rem; bottom: 0; background-size: contain;} .content_banner.v2 ul li:nth-of-type(2) .contBanner_img{background:#f1e5db;} .content_banner.v2 ul li:nth-of-type(3) .contBanner_img{background:#dbe6f1 url(../images/pgbanner_03_mo.png) no-repeat center 100%; background-size: 12.4rem !important;} .content_banner.v2 ul li:nth-of-type(4) .contBanner_img{background:#f3e0ff url(../images/pgbanner_04_mo.png) no-repeat center 100%; background-size: 15.3rem !important;} .content_banner.v2 .contbanner_txt{width:calc(100% - 19rem); text-align:left; padding:0 3rem; background:transparent;} .content_banner.v2 .contbanner_mo{display:none;} .content_banner.v2 .contbanner_txt .tit{font-size:3rem; font-weight:600;} .content_banner.v2 .contbanner_txt .txt{font-size:2.4rem; color:#6e6e6e; word-break:keep-all;} .content_banner.v2 .contbanner_txt .txt br.blnk_pc{display:none;} .cmmDayPopWrap .cmmDayPopIn .btsms{bottom:1.5rem;} }