@charset "utf-8";
@import url("font.css");
/* style reset */

body {overflow-y: auto; overflow-x: hidden; position: relative; margin: 0; width:100%; color: #666; font-size: 16px; font-family:'Pretendard', sans-serif; font-weight: 400; line-height: 24px; padding: 0 !important;}

.transparents-layer {display: none;}

button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.btn {width: 150px; height: 55px; font-weight: 500;}
.btn.bg_blue4{width:80px; height:40px;}
.btn2 {padding: 0 20px; min-width: 100px; height: 45px; font-size: 15px; font-weight: 500;}
.btn3 {width: 65px; height: 30px; font-size: 14px; font-weight: 500;}
.btn4 {width: 70px; height: 27px; font-size: 14px;}
.btn5 {position: relative; flex: none; width: 35px; height: 35px; border: 1px solid #7b736b; border-radius: 3px;}
.btn5::after, .btn5::before {content: ''; position: absolute; left: calc(50% - 5px); top: calc(50% - 1px); width: 10px; height: 2px; background-color: #7b736b;}
.btn5.plus {margin-left: 10px;}
.btn5.plus::before {transform: rotate(90deg);}
.btn5.minus {margin-left: 5px;}
.btn_search {}
.btn_search span {position: relative; margin: 0 auto; display: block; width: 22px; height: 22px;}
.btn_search span::after, .btn_search span::before {content: ''; position: absolute; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.btn_search span::after {left: 0; top: 0; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 100%;}
.btn_search span::before {right: 0; bottom: 4px; width: 9px; height: 2px; background-color: #fff; transform: rotate(45deg);}
.btn_more {width: 125px; height: 45px; color: #555; border: 1px solid #ddd; border-radius: 45px;}
.btn_more span {position: relative;}
.btn_more span::after, .btn_more span::before {content: ''; position: absolute; right: 0; top: 50%; width: 15px; height: 1px; background-color: #a0a0a0;}
.btn_more span.plus {padding-right: 25px;}
.btn_more span.plus::before {transform: rotate(90deg);}
.btn_more span.arrow {padding-right: 23px;}
.btn_more span.arrow::before {right: 2px; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); background-color: transparent; border-color: #a0a0a0;}
.btn_check {padding: 0 15px; width: 110px; height: 35px; font-size: 15px; text-align: left; background-repeat: no-repeat; background-position: right 15px center; background-image: url('../../images/web/icon_check.png');}
.btn_delete {position: relative; width: 15px; height: 15px; border: 1px solid #999;}
.btn_delete::after, 
.btn_delete::before {content: ''; position: absolute; left: 3px; top: 6px; width: 8px; height: 1px; background-color: #666;}
.btn_delete::after {transform: rotate(45deg);}
.btn_delete::before {transform: rotate(-45deg);}
.btn_delete:hover {background-color: #0478e5; border-color: #0478e5;}
.btn_delete:hover::after, 
.btn_delete:hover::before {background-color: #fff;}
.btn_write {width: 300px; height: 70px; color: #fff; font-size: 24px; font-weight: 500; background-color: #0478e5;}
.btn_write span {padding-right: 45px; background-repeat: no-repeat; background-position: right center; background-image: url('../../images/web/icon_write.png');}

.bg_blue {color: #fff; background-color: #0478e5;}
.bg_blue2 {color: #fff; background-color: #1f88ec;}
.bg_blue3 {color: #fff; background-color: #0d63b4;}
.bg_blue4 {color: #fff; background-color: #0066A1;}
.bg_white {color: #0478e5; background-color: #fff; border: 1px solid #0478e5;}
.bg_white2 {color: #444; background-color: #fff; border: 1px solid #444;}
.bg_white3 {color: #666; background-color: #fff; border: 1px solid #c1c1c1;}
.bg_white4 {color: #1f88ec !important; background-color: #fff; border: 2px solid #1f88ec;}
.bg_white5 {color: #01bc8e !important; background-color: #fff; border: 2px solid #01bc8e;}
.bg_gray {color: #fff; background-color: #717982;}
.bg_gray2 {color: #fff; background-color: #444;}
.bg_gray3 {color: #fff; background-color: #859bb1;}
.bg_emerald {color: #fff; background-color: #4cbac4;}
.bg_red {color: #fff; background-color: #ec6d66;}

.color_project {color: #ec6d66 !important;}
.color_sponsor {color: #15c49d !important;}
.color_blue {color: #0478e5 !important;}
.color_gray {color: #999 !important;}
.color_gray2 {color: #333 !important;}
.color_mint {color: #02bec5 !important;}
.color_red {color: #f80101 !important;}
.color_red2 {color: #e7302a !important;}
.color_crimson {color: #fb786a !important;}

.f_b {font-weight: 600 !important;}
.f_m {font-weight: 500 !important;}
.f_n {font-weight: 400 !important;}
.p_r {position: relative !important;}

.web_flex_only {display: flex !important; display:-webkit-flex;}
.mobile_flex_only {display: none !important; display:-webkit-none;}
.w_hidden {display: none !important;}
.m_hidden {display: block !important;}

u {text-underline-position: under;}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt100 {margin-top:100px !important;}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb100 {margin-bottom:100px !important;}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr60 {margin-right:60px !important}
.mr100 {margin-right:100px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml60 {margin-left:60px !important}
.pd20 {padding:20px !important;}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl60 {padding-left:60px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w50 {width: 50px !important;}
.w60 {width: 60px !important}
.w100 {width: 100px !important}
.w120 {width: 120px !important}
.w200 {width: 200px !important}
.w230 {width: 230px !important}
.w300 {width: 300px !important}
.w400 {width: 400px !important}
.w500 {width: 500px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_40 {width: 40% !important}
.w_45 {width: 45% !important}
.w_50 {width: 50% !important}
.w_60 {width: 60% !important}
.w_80 {width: 80% !important}
.w_90 {width: 90% !important}
.w_98 {width: 98% !important}
.w_100 {width: 100% !important}
.h_100 {height: 100% !important;}

.pl5 {padding-left:5px;}

.f_11 {font-size: 11px !important;} 
.f_12 {font-size: 12px !important;} 
.f_13 {font-size: 13px !important;} 
.f_14 {font-size: 14px !important;} 
.f_17 {font-size: 17px !important;}
.f_18 {font-size: 18px !important;}


.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}
.vt {vertical-align: top!important;}
.vm {vertical-align: middle!important;}
.vb {vertical-align: bottom!important;}

.cl_bo {clear: both !important;}
.f_left {float: left !important;}
.f_right {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}


.flex{display:flex !important;}
.none{display:none !important;}
.flex-col-wrap{display:flex;flex-direction:column;}
.align-center{align-items:center;}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-start{justify-content:flex-start !important;}
.justify-center{justify-content:center !important;}
.justify-end{justify-content:flex-end;}
.space-end{justify-content:space-between;}
.space-around{justify-content:space-around;}
.radius4{border-radius:4px;}

.g5 {gap:5px}
.g7 {gap:7px}
.g10 {gap:10px}
.g16 {gap:16px}
.g15 {gap:15px}
.g20 {gap:20px}
.g25 {gap:25px}
.g30 {gap:30px !important;}
.g40 {gap:40px !important;}
.g50 {gap:50px !important;}
.g60 {gap:60px !important;}
.g100 {gap:100px !important;}
.g130 {gap:130px !important;}

.b_gray{background: #A3A3A3;}
.b_blue{background: #091152;}
.b_blue2{background: #343849;}
.b_blue4{background: #091152;}

.b_format1{width:74px; height:40px; color:#fff;}

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*서브공통*/
h3.h3 {margin-bottom: 10px; color: #333; font-size: 20px;}
h4.h4 {margin-bottom: 20px; color: #0478e5; font-size: 20px;}
h4.h4::after {}
h5.h5 {color: #333; font-size: 18px;}
h5.board {}
.division_box {}
.list_type > li {position: relative; padding-left: 11px; display: flex; display:-webkit-flex;}
.list_type > li::before {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background-color: #0478e5;}
.list_type > li h4 {flex: none; font-size: 16px;}
.list_type2 > li {position: relative; padding-left: 16px; margin-bottom: 5px; color: #333;}
.list_type2 > li:last-child {margin-bottom: 0;}
.list_type2 > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: #333;}
.num_list {padding-left: 17px;}
.num_list > li {list-style: decimal;}
.num_list2 {counter-reset: num;}
.num_list2 > li {position: relative; padding-left: 22px;}
.num_list2 > li::before {content: counter(num) "."; counter-increment: num 1; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; font-size: 9px; line-height: 14px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 100%;}
/*
.num_list {padding-left: 17px;}
.num_list > li {list-style: decimal;}
.num_list2 {counter-reset: num;}
.num_list2 > li {position: relative; padding-left: 20px;}
.num_list2 > li::before {content: counter(num) " )"; counter-increment: num 1; position: absolute; left: 0; width: 16px; font-size: 13px;}*/
.hangul {padding-left: 22px;}
.hangul > li {list-style: hangul;}
.box_type {}
.img_box {text-align: center;}
.img_box img {max-width: 100%;}
.search_box {position: relative; margin: 0 auto;}
.search_box input {padding: 0 10px; height: 100%;}
.search_box .btn_search {position: absolute;}
.bx-controls {display: flex; display:-webkit-flex;}
.bx-controls-direction {}
.bx-controls-direction a, .slick-arrow {z-index: 102; position: absolute; top: calc(60% - 50px); width: 50px; height: 100px; font-size: 0; color: transparent;}
.bx-controls-direction a::after, .bx-controls-direction a::before, .slick-arrow::after, .slick-arrow::before {content: ''; position: absolute; left: 0; top: calc(50% - 1px); width: 70px; height: 2px; background-color: #fff; transform-origin: left;}
.bx-controls-direction a::after, .slick-arrow::after {transform: rotate(45deg);}
.bx-controls-direction a::before, .slick-arrow::before {transform: rotate(-45deg);}
.bx-controls-direction a.bx-prev {}
.bx-controls-direction a.bx-next, .slick-arrow.slick-next {transform: rotate(180deg);}
.bx-controls .bx-controls-auto {z-index: 103; position: relative;}
.bx-controls .bx-controls-auto a {position: relative; display: block; width: 9px; height: 12px; font-size: 0; color: transparent;}
.bx-controls .bx-controls-auto a::after, .bx-controls .bx-controls-auto a::before {content: ''; position: absolute; top: 0; width: 3px; height: 100%; background-color: #fff;}
.bx-controls .bx-controls-auto a::after, .bx-controls .bx-controls-auto a::after {}
.bx-controls .bx-controls-auto a::after {left: 0;}
.bx-controls .bx-controls-auto a::before {right: 0;}
.bx-controls .bx-pager {z-index: 104; position: relative; display: flex; display:-webkit-flex;}
.bx-controls .bx-pager a {display: block; }
.bx-controls .bx-pager a.active {}

/*nav*/
.topper{padding-top:102px;}
.quick_side{font-family: 'Pretendard', 'Noto Sans KR', sans-serif; top:50%; position:fixed; width:84px; right:40px; transform: translateY(-50%); z-index: 100;}
.quick_side a{padding:5px 10px; text-align: center; color: #000; font-weight: 600; background: white; border: 1px solid #E9E9E9; border-radius: 10px;     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.quick_side a span{font-size:13px; font-weight:500;}
.main_banner{position:relative; width:100%; height:200px; overflow:hidden;}
.main_banner img {filter:brightness(0.7); width:100%; height:100%; object-fit:cover;}
.main_banner .main_banner_txt {font-family: 'Pretendard', 'Noto Sans KR', sans-serif; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.main_banner .main_banner_txt strong{font-size: 30px; color:#fff; display:block;}
.main_banner .main_banner_txt span {font-size: 16px; color: rgba(255, 255, 255, 0.8);}
.nav_menu_bar{position:relative; height:61px; border:1px solid #d6d6d6; border-style:none none solid none;}
.nav_area{max-width:1500px; height:100%; margin:0 auto;}
.nav_area img:first-child{display:block; background: #193B94; padding:19px 15px;}
.nav_box_wrap {z-index:10;}
.nav_box_wrap ul {display:none; background-color:#fff; position: relative; top: 1px;}
.nav_box_wrap ul li a{display:block; padding:10px; color:#111; border:1px solid #d6d6d6; border-style:none solid solid solid;}
.nav_box_wrap ul li a:hover {color:#fff; background:#193B94;}
.nav_box {width:280px; position:relative; cursor:pointer; font-size:17px; font-weight:500; color:#000; height:100%; border-right:1px solid #d6d6d6; padding:0 15px;}
.nav_box.nones {cursor:auto;}
.nav_box::after{content:''; position:absolute; top:50%; right:15px; transform:translateY(-50%); width: 16px; height: 10px; background: url(../../../images/web/menu_no_choice.png);}
.nav_box.active::after{background: url(../../../images/web/menu_choice.png);}
.nav_box.nones::after{content:''; background:none;}
.nav_box img{display:block; margin-top:2px;}

.midarea {}
.midarea .frame_banner{position:relative;}
.midarea .frame_banner div{position:absolute; left:3%; top:50%; color:white;}
.midarea .frame_banner div strong{font-size:33px; font-weight:500;}
.midarea .frame_banner div span{font-size:17px;}
.subtoparea {position: relative; padding-top: 85px; height: 330px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../../images/web/sub_visual.jpg');}
/*.subtoparea.sub1 {} 소개
.subtoparea.sub2 {} 활동 공모
.subtoparea.sub3 {} 반려해변
.subtoparea.sub4 {} 시민단체
.subtoparea.sub5 {} 커뮤니티
.subtoparea.sub6 {} 마이페이지
.subtoparea.sub7 {} 멤버쉽
.subtoparea.sub8 {} 통합검색*/
.subtoparea h2 {margin-bottom: 25px; color: #fff; font-size: 45px; line-height: 45px; text-align: center; font-weight: 900; font-family: 'Nanum Square', sans-serif;}
.subtoparea .navmenu {display: flex; display:-webkit-flex; justify-content: center;}
.subtoparea .navmenu > li {padding-right: 8px; background-repeat: no-repeat; background-position: right 1px center; background-image: url('../../images/web/nav_arrow.png');}
.subtoparea .navmenu > li:last-child {padding-right: 0; background: none;}
.subtoparea .navmenu > li > a {padding: 0 20px; display: block; color: #fff; text-align: center;}
.subtoparea .navmenu li.home > a {width: 54px; height: 26px; background-repeat: no-repeat; background-position: center center; background-image: url('../../images/web/nav_home.png');}
.subtoparea .navmenu li.dropdown {position: relative; }
.subtoparea .navmenu li.dropdown a {}
.subtoparea .navmenu li.dropdown .dropdown-menu {z-index: 51; position: absolute; left: 0; top: 20px; padding: 5px 0; display: none; width: 120px; background-color: rgba(0, 0, 0, 0.7);}
.subtoparea .navmenu li.dropdown .dropdown-menu li {}
.subtoparea .navmenu li.dropdown .dropdown-menu li a {display: block; color: #fff; font-size: 12px; line-height: 30px;}
.subtoparea .lnbmenu {position: absolute; left: 0; bottom: 0; width: 100%; display: flex; display:-webkit-flex; justify-content: center; border-top: 1px solid rgba(255, 255, 255, 0.3);}
.subtoparea .lnbmenu li {position: relative;}
.subtoparea .lnbmenu li::before {content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background-color: #b3f6ff; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.subtoparea .lnbmenu li a {padding: 0 45px; display: block; color: #fff; font-size: 18px; font-weight: 500; line-height: 60px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.subtoparea .lnbmenu li.active::before, .subtoparea .lnbmenu li:hover::before {transform: scaleX(1);}
.subtoparea .lnbmenu li.active a, .subtoparea .lnbmenu li:hover a {color: #ade9ff;}
.contentsarea {position: relative; margin: 0 auto; padding: 60px 0 100px; width: 1200px;}
.contentsarea_board {position: relative; margin: 0 auto; padding: 60px 0 100px; width: 1500px;}
.contentsarea .btn_sns {z-index: 50; position: absolute; right: 0; top: 20px; background-color: #fff; border-radius: 100%;}
.contentsarea .sns_area {overflow: hidden; position: absolute; right: 40px; top: 20px; display: flex; display:-webkit-flex; transform: scaleX(0); transform-origin: right; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.contentsarea .sns_area.active {transform: scaleX(1);}
.contentsarea .sns_area button {margin-left: 5px;}
.contentsarea .subtit {margin-bottom: 50px;}
.contentsarea .subtit h2 {color: #222; font-size: 40px; text-align: center; line-height: 40px; font-weight: 600; font-family: 'Nanum Square', sans-serif;}
.contentsarea .notice_txt {margin-bottom: 20px; color: #0478e5; text-align: center; font-size: 18px; word-break: keep-all;}

/*시민단체 참여 공모 탭메뉴*/
.publ_coco a{border-radius:0px !important;}
.contest_tab_area {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; /*space-between;*/ padding:24px; background-color:#efefef;border-radius:4px;box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 15%); margin: 0 auto 60px; width:70%;}
.contest_tab_area .left {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.contest_tab_area a {position: relative; margin-right: 40px; padding-top: 60px; display: block; width: 130px; height: 130px; text-align: center; border: 3px solid #ccd0d4; background-repeat: no-repeat; border-radius: 100%;}
.contest_tab_area a::after {content: ''; position: absolute; right: -35px; top: calc(50% - 8px); width: 24px; height: 17px; background-repeat: no-repeat; background-position: right center; background-image: url('../../images/web/icon_arrow.png');}
.contest_tab_area a:last-child {margin-right: 0;}
.contest_tab_area a:last-child::after {display: none;}
.contest_tab_area a.active {color: #fff; border-color: #0478e5; background-color: #0478e5;}
.contest_tab_area a.active span {color: #fff;}
.contest_tab_area a.step1 {background-position: center top 15px; background-image: url('../../images/web/icon_contest_step1.png');}
.contest_tab_area a.step1.active {background-image: url('../../images/web/icon_contest_step1_on.png');}
.contest_tab_area a.step2 {background-position: center top 17px; background-image: url('../../images/web/icon_contest_step2.png');}
.contest_tab_area a.step2.active {background-image: url('../../images/web/icon_contest_step2_on.png');}
.contest_tab_area a.step3 {background-position: center top 18px; background-image: url('../../images/web/icon_contest_step3.png');}
.contest_tab_area a.step3.active {background-image: url('../../images/web/icon_contest_step3_on.png');}
.contest_tab_area a.step4 {background-position: center top 17px; background-image: url('../../images/web/icon_contest_step4.png');}
.contest_tab_area a.step4.active {background-image: url('../../images/web/icon_contest_step4_on.png');}
.contest_tab_area a.step5 {background-position: center top 23px; background-image: url('../../images/web/icon_contest_step5.png');}
.contest_tab_area a.step5.active {background-image: url('../../images/web/icon_contest_step5_on.png');}
.contest_tab_area a.step6 {background-position: center top 18px; background-image: url('../../images/web/icon_contest_step6.png');}
.contest_tab_area a.step6.active {background-image: url('../../images/web/icon_contest_step6_on.png');}
.contest_tab_area a.step7 {background-position: center top 16px; background-image: url('../../images/web/icon_contest_step7.png'); border-color: #0478e5;}
.contest_tab_area a.step7.active {background-image: url('../../images/web/icon_contest_step7_on.png');}
.contest_tab_area a p {font-weight: 500;}
.contest_tab_area a p.point {font-size: 18px;}
.contest_tab_area a p span {color: #0478e5;}

.con_area h3.h3 {margin-bottom: 30px; font-size: 22px;}
.con_area .con_box {margin-bottom: 60px;}
.con_area .con_box:last-child {margin-bottom: 0;}
.con_area .con_box .title_box {margin-bottom: 20px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.con_area .con_box .title_box h4 {position: relative; padding-left: 15px; font-size: 20px;}
.con_area .con_box .title_box h4::after {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #666;}
.con_area .con_box .title_box .btn_more {width: 90px; height: 35px; color: #fff; font-size: 14px; background-color: #333; border: 0; border-radius: 0;}
.con_area .con_box .title_box .btn_more span.arrow {padding-right: 18px;}
.con_area .con_box .title_box .btn_more span.arrow::after {display: none;}
.con_area .con_box .title_box .btn_more span.arrow::before {border-top-width: 2px; border-right-width: 2px; border-color: #fff;}
.con_area .con_box .title_box ul {overflow: hidden;}
.con_area .con_box .title_box ul li {position: relative; padding-right: 12px; margin-right: 10px; float: left; font-weight: 500; line-height: 18px;}
.con_area .con_box .title_box ul li::after {content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 1px; height: 14px; background-color: #aeaeae;}
.con_area .con_box .title_box ul li:last-child {padding-right: 0; margin-right: 0;}
.con_area .con_box .title_box ul li:last-child::after {display: none;}
.con_area .con_box.info1 {padding: 30px; color: #444; line-height: 28px; text-align: center; word-break: keep-all; background-color: #e8f3ff;}
.con_area .con_box.info2 p {color: #444; line-height: 28px;}
.con_area .con_box.info2 p:nth-child(1) {margin-bottom: 30px;}
.con_area .con_box.info2 dl {margin-top: 10px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.con_area .con_box.info2 dl dt {margin-bottom: 10px; width: 40px; height: 24px; color: #fff; font-size: 14px; font-weight: 500; background-color: #333; text-align: center; line-height: 24px;}
.con_area .con_box.info2 dl dd {margin-bottom: 10px; padding-left: 10px; width: calc(100% - 40px); color: #333;}
.con_area .con_box.box1 dl {display: flex; display:-webkit-flex; flex-flow: row-reverse;}
.con_area .con_box.box1 dl dt, .con_area .con_box.box1 dl dd {width: 50%;}
.con_area .con_box.box1 dl dt img {max-width: 100%;}
.con_area .con_box.box1 dl dd {padding: 45px 50px 0 0; line-height: 28px;}
.con_area .con_box.box1 dl dd.type2 {padding: 0;}
.con_area .con_box.box1 dl dd.type2 p {margin-bottom: 20px;}
.con_area .con_box.box1 dl dd.type2 p:last-child {margin-bottom: 0;}
.con_area .con_box.box1 dl dd.type2 p.point {color: #056ccc; font-weight: 500;}
.con_area .con_box.box2 dl {margin-bottom: 20px; display: flex; display:-webkit-flex; align-items: center;}
.con_area .con_box.box2 dl:last-child {margin-bottom: 0;}
.con_area .con_box.box2 dl dt {flex: none;}
.con_area .con_box.box2 dl dd {padding-left: 40px;}
.con_area .con_box.box2 dl dd p.tit {color: #333; font-size: 18px;}
.con_area .con_box.box2 dl dd p.txt {margin-top: 5px;}
.con_area .con_box.box3 ul {counter-reset: num;}
.con_area .con_box.box3 ul li {position: relative; padding-left: 70px; margin-bottom: 10px; min-height: 50px; display: flex; display:-webkit-flex; align-items: center; color: #333; font-size: 18px;}
.con_area .con_box.box3 ul li:last-child {margin-bottom: 0;}
.con_area .con_box.box3 ul li::before {content: counter(num) "."; counter-increment: num 1; position: absolute; left: 0; top: 0; padding-left: 5px; width: 45px; height: 50px; color: #fff; font-size: 24px; line-height: 50px; text-align: center; font-weight: 900; font-family: 'Nanum Square', sans-serif; background-color: #056ccc; border-radius: 100%;}
.con_area .con_box.box4 dl dt {position: relative; margin-bottom: 15px; padding-left: 24px; color: #333; font-size: 18px; font-weight: 600;}
.con_area .con_box.box4 dl dt::before {content: 'Q.'; position: absolute; left: 0;}
.con_area .con_box.box4 dl dd {margin-bottom: 30px;}
.con_area .con_box.box4 dl dd:last-child {margin-bottom: 0 !important;}
.con_area .con_box.box4 dl dd.answer {position: relative; margin-bottom: 40px; padding-left: 17px;}
.con_area .con_box.box4 dl dd.answer::before {content: 'A.'; position: absolute; left: 0;}
.con_area .con_box.box4 dl dd .list_type2 {margin-top: 15px;}
.con_area .con_box.box4 dl dd .step_list {padding: 30px; display: flex; display:-webkit-flex; justify-content: space-between; border: 1px solid #e7e7e7;}
.con_area .con_box.box4 dl dd .step_list li {position: relative; width: 150px;}
.con_area .con_box.box4 dl dd .step_list li.arrow {position: relative; top: 43px; width: 31px; height: 53px; background-repeat: no-repeat; background-image: url('../../images/web/icon_arrow2.png'); background-position: 0 0;}
.con_area .con_box.box4 dl dd .step_list li p {}
.con_area .con_box.box4 dl dd .step_list li .step {padding-top: 105px; margin-bottom: 15px; width: 100%; height: 150px; text-align: center; background-repeat: no-repeat; background-position: center top 35px; background-color: #f9f9f9; border-radius: 100%;}
.con_area .con_box.box4 dl dd .step_list li .step.step1 {background-image: url('../../images/web/icon_contents_step1.png');}
.con_area .con_box.box4 dl dd .step_list li .step.step2 {background-image: url('../../images/web/icon_contents_step2.png');}
.con_area .con_box.box4 dl dd .step_list li .step.step3 {background-image: url('../../images/web/icon_contents_step3.png');}
.con_area .con_box.box4 dl dd .step_list li .step.step3_2 {background-image: url('../../images/web/icon_contents_step3_2.png');}
.con_area .con_box.box4 dl dd .step_list li .step.step4 {background-image: url('../../images/web/icon_contents_step4.png');}
.con_area .con_box.box4 dl dd .step_list li .step.step4_2 {background-image: url('../../images/web/icon_contents_step4_2.png');}
.con_area .con_box.box4 dl dd .step_list li .txt {color: #333; font-weight: 500; line-height: 20px; text-align: center;}
.con_area .con_box.box4 dl dd .num_list {margin-top: 15px; color: #333;}
.con_area .con_box.box5 p {padding-left: 20px;}
.con_area .con_box.box5 ul {padding-left: 20px; margin: 5px 0;}
.con_area .con_box.box6 > div {display: flex; display:-webkit-flex; justify-content: center;}
.con_area .con_box.box6 > div:nth-child(1) {margin-bottom: 70px; align-items: flex-end;}
.con_area .con_box.box6 > div .img_box.vertical {margin: 0 100px;}
.con_area .con_box.box6 > div .img_box img {margin-bottom: 10px;}
.con_area .con_box.box6 > div .img_box p {font-size: 15px; text-align: right;}
.con_area .tablebasic.type2 {margin-bottom: 60px;}

/* 입양현황 탭메뉴 */

/* #local:checked + ul > li > label{
	color: #000;
} */

.cnt {
	font-size: 8px;
	margin: -11px -9px;
	float: right;
	color: #0478E5;
	font-weight: 800;
}
#local {
	display: none;
}

#local:checked ~ #tab1 {
	display: block;
}

/* .local_list > ul > li:hover {
	color: #000;
	font-weight: 800;
} */

.container {
	width: 100%;
	/* margin: 0 -135px; */
}

.container .local_list > ul{
	display: flex;
	/* justify-content: space-between; */
	width:100%;
	flex-wrap: wrap;
	line-height: 40px;
}

.container .local_list > ul > li {
	margin: 0 20px;
}



.container .local_list > ul > li:last-child {
/* 	border-bottom: 2px solid #000; */
	/* width: 100%; */
}

#tab1 {
	width: 100%;
	margin: 20px;
}

#ocean_list {
	width: 620px;
	display: grid;
	grid-template-columns: 2fr 2fr;
	grid-gap: 20px;
	place-items: center;
	margin: 0 40px;
}

.local_ocean {
	width: 300px;
	height: 350px;
	background: #fff;
	border: 1px solid #e2e2e2;
	box-shadow: 6px 6px 0px rgba(0, 0, 0, .04);
	border-radius: 0px 0px 0px 32px;
}


.container .local_list > ul {
	border-bottom: 1px solid #000;
	margin: 20px;
	width:660px;
	/* height: 75px; */
}
.local_ocean > .local_image {
	width: 100%;
	height: 175px;
	background-image: url("../../images/web/local_ocean.png");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.local_image > .category {
	width: 60px;
	height: 30px;
	background: #395ACE;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	border-radius: 0 6px 6px 6px;
	position: absolute;
	margin: 10px;
}

.local_image > .local {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	/* font-size: 14px; */
	font-size: 16px;
	/* font-weight: 700; */
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: -25px;
	right: 10px;
	letter-spacing: -0.1px;
}

.local_image > .green {
	background: #3376de;
	/* line-height: 18px; */
	line-height: 36px;
	padding: 5px;
}

.local_image > .purple {
	background: #5E5CB6;
	line-height: 48px;
}

.local_image > .yellow {
	background: #E7AC14;
	line-height: 18px;
	padding: 5px;
}

#mb_select {
	display: none;
	
	width: 100%;
	height: 35px;
	border: 1px solid #6667;
	padding: 0 5px;
}

.local_image > .blue {
	background: #1CA0EA;
	line-height: 48px;
}

.local_ocean > .local_text {
	width: 100%;
	height: 150px;
	padding: 0 10px;
	margin: 15px;
}

.local_text > h3 {
	font-size: 18px;
	color: #0478e5;
}

.gray {
	color: #909090;
	font-size: 14px;
	font-weight: 400;
}

.black {
	color: #222;
	font-size: 14px;
	font-weight: 700;
}

.local_text > .local_company {
/* 	width: 100%; */
	height: 60px;
		
}


.total_number {
	color: #0478E5;
}

/*반려해변 현황*/
.con_area .con_box .status .total_count::after {content: ""; display: block; width: 30px; border-bottom: 1px solid #333; margin: -100px 0;}
.con_area .con_box .status .total_count { line-height: 70px; color: #000;}
.con_area .con_box .status .total_count .total_text {width: 150px; font-size: 26px;}
.con_area .con_box .status .total_count .total_text > .total_number { font-size: 20px;}
.con_area .con_box .status .total_count .total_text > .total_number > span {font-size: 52px; color: #222222;}
.con_area .con_box .status {display: flex; display:-webkit-flex; align-items: flex-start;}
.con_area .con_box .status .map_box {width: 500px;}
.con_area .con_box .status .map_box svg {height: 100%; margin: 10px -108px; position: relative; right: 100px;}
.con_area .con_box .status .map_box svg path {stroke-width="6"}
.con_area .con_box .status .text_box {padding-left: 60px;}
.con_area .con_box .status .text_box .detail {display: none;}
.con_area .con_box .status .text_box .detail.active {display: block;}
.con_area .con_box .status .text_box .detail h3 {margin-bottom: 25px; color: #333; font-size: 26px; font-weight: 600;}
.con_area .con_box .status .text_box .detail h3 span {color: #0478e5;}
.con_area .con_box .status .text_box .detail h4 {position: relative; padding-left: 25px; margin-bottom: 15px; color: #0478e5; font-size: 20px; font-weight: 500;}
.con_area .con_box .status .text_box .detail h4::after {content: ''; position: absolute; left: 0; top: 11px; width: 15px; height: 2px; /*background-color: #0579e5;*/}
.con_area .con_box .status .text_box .detail .list_type {}
.con_area .con_box .status .text_box .detail .list_type li {margin-bottom: 8px; color: #333; font-size: 18px; font-weight: 500;}
.con_area .con_box .status .text_box .detail .list_type li:last-child {margin-bottom: 0;}
.con_area .con_box .status .text_box .detail .list_type li span {color: #0478e5;}
.con_area .con_box .status .text_box .detail dl {margin-bottom: 35px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.con_area .con_box .status .text_box .detail dl:last-child {margin-bottom: 0;}
.con_area .con_box .status .text_box .detail dl dt {position: relative; padding-left: 10px; margin-bottom: 8px; width: 135px; font-weight: 500;}
.con_area .con_box .status .text_box .detail dl dt::after {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background-color: #666;}
.con_area .con_box .status .text_box .detail dl dd {margin-bottom: 8px; width: calc(100% - 135px);}

/*멤버쉽*/
.top_area{display:flex; gap:5px; margin-bottom:40px;}
.top_area span{color: #3F4142; font-size: 20px; font-weight:700;}
.login_main{display:flex; flex-direction:column; align-items:center; margin-top:80px;}
.login_main_edge{display:flex; align-items:center; position:relative; top:17vh;}
.member_area {margin: 0 auto; display:flex; flex-direction:column; align-items:center; width: 500px; max-width: 100%; padding:50px; border-radius: 20px; border: 1px solid #404142;}
.member_area_edge {margin: 0 auto; display:flex; flex-direction:column; align-items:center; width: 300px; max-width: 100%;}
.member_area h2{font-size: 24px; font-weight:600; color:#146DAA; margin-top:-12px; margin-bottom:30px;}
.member_area p.txt {margin-bottom: 25px; font-size: 18px; text-align: center;}
.member_area .input, .member_area .output{width:100%; display:flex; flex-direction:column; align-items:center;}
.member_area .inpbox {width: 100%; border: 1px solid #146DAA; padding:5px; display: flex; flex-direction: column; height: fit-content;}
.member_area .inpbox.one{border-radius: 5px 5px 0 0; border-style:solid solid none solid;}
.member_area .inpbox.two{border-radius: 0 0 5px 5px;}
.member_area .inpbox span{font-size: 10px; color: #727070; font-weight:500;}
.member_area .inpbox input.txt {height:fit-content; outline:none; padding:0;}
.button_area{width:500px; margin:0 auto;}
.member_area_edge h2{text-align: center; font-size: 23px; font-weight:600; color:transparent; background-clip:text; background-image:linear-gradient(90deg, rgba(11,106,167,1) 21%, rgba(44,157,203,1) 100%);;}
.member_area_edge .inpbox {width: 100%; border:none; border-style:none !important; padding:5px; display: flex; flex-direction: column; height: fit-content;}
.member_area_edge .inpbox.one{position:relative; border-radius: 5px 5px 0 0; border-style:solid solid none solid; flex-direction:row;}
.member_area_edge .inpbox.one::before{position:absolute; top: 21px; left: 16px;}
.member_area_edge .one.inpbox-id::before{content:''; width: 19px; height: 20px; display:block; background:url('../../images/web/icon_headcount.png');}
.member_area_edge .one.inpbox-ed::before{content:''; width: 20px; height: 23px; display:block; background:url('../../images/web/icon_contest_step1.png'); background-size:20px; left:18px;}
.member_area_edge .one.inpbox-pw::before{content:''; left:19px; width: 15px; height: 20px; display:block; background:url('../../images/web/icon_secret.png'); background-size:15px;}
.member_area_edge .inpbox span{font-size: 13px; color: #727070; font-weight:500; text-wrap:nowrap;}
.member_area_edge .inpbox input.txt {height:fit-content; outline:none; background:#fff; color:#111; width: 100%; padding: 15px 0px 15px 47px; border-bottom: 1px solid #ddd;}
.member_area_edge .inpbox.email .one.inpbox-ed::before{content:''; left:4px;}
.member_area_edge .inpbox.email input{border-bottom: 1px solid #ddd; padding:15px 4px; outline:none;}
.member_area_edge .inpbox.email input:first-child{padding:15px 0px 15px 30px;}
.button_area .button_box {margin-top: 20px;}
.button_area .button_box .bg_white2, 
.button_area .button_box .bg_white3 {width: calc(33.33% - 5px); height: 50px; border-radius: 10px; border: 1px solid #146DAA; font-size:14px; font-weight:500; color: #393939;}
.button_area .button_box .line{margin: 0px 16px; background:#ddd; width:1px; height:15px;}
.button_area .button_box button.renewB{margin-left:0; font-size:14px;}
.member_area  button.bg_blue{margin-top: 30px; width: 100%; height: 46px; font-size: 18px; font-weight: 500; background: #146DAA; border-radius: 10px;}
.member_area_edge  button.bg_blue {margin-top: 30px; width: 100%; height: 46px; font-size: 18px; font-weight: 500; background: linear-gradient(90deg, rgba(11,106,167,1) 21%, rgba(44,157,203,1) 100%); border-radius: 10px;}
.member_area .output .info{display:flex; gap:5px; justify-content:center; align-items:center;}
.member_area .output .info span{font-size:14px; color:#393939; font-weight:500;}
.member_area .output .info span strong{color:#146DAA;}
/*인증번호 확인*/ 
.numCheck{display:flex; width:100%; gap:20px;}
.numCheck .inpbox.token{border-radius:5px;}
.numCheck .inpbox.token input{height:20px;}
.member_area .bg_blue.small{width:130px;}
.numCheck .bg_blue.small{max-width:130px; min-width:130px; margin:0; height:56px;}
.numbottom{width:100%; display:flex; align-items:flex-start; margin-top:2px;}
.numbottom span{font-size: 12px; font-weight:500;}
.numbottom span strong{color:#146DAA; font-weight:500;}
.login_banner{display:flex; flex-direction:column; gap:35px;}
.login_banner div{display:flex; justify-content:center; gap:25px;}
.login_banner a{font-size: 12px; color: #727070; font-weight:500; position:relative;}
.login_banner a:first-child::after{content:""; position:absolute; top:7px; right:-13px; width:1px; height:12px; background:#727070;}
.login_banner a:nth-child(2)::after{content:""; position:absolute; top:7px; right:-13px; width:1px; height:12px; background:#727070;}
.member_area button.onepass {margin: 50px auto 0; padding: 0 45px; display: block; width: 470px; height: 70px; color: #fff; font-size: 30px; font-weight: 500; text-align: right; background-repeat: no-repeat; background-color: #1c2674; background-position: left 25px center; background-image: url('../../images/web/icon_onepass.png');}
.member_area .onpass_box {text-align: center;}
.member_area .onpass_box p {color: #056ccc; line-height: 28px;}
.member_area .onpass_box p span {display: block;}
.member_area .onpass_box .radio_box {margin: 25px 0; justify-content: center;}
.member_area dl {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items: center;}
.member_area dl dt {margin-bottom: 10px; width: 100px;}
.member_area dl dd {margin-bottom: 10px; display: flex; display:-webkit-flex; align-items: center; width: calc(100% - 100px);}
.member_area dl dd .inpbox {margin-bottom: 0;}
.member_area dl dd .optionbox {width: 100%; height: 50px;}
.member_area dl dd .character {margin: 0 5px; font-weight: 500;}
.member_area .result_box {padding-bottom: 10px;}
.member_area .result_box .id {padding: 40px 20px; color: #0478e5; font-size: 20px; text-align: center; font-weight: 500; background-color: #f9f9f9;}
/*회원가입*/
.join_area {}
.join_area .step_box {position: relative; margin: 0 auto 50px; padding-bottom: 30px; width: 782px; display: flex; display:-webkit-flex; justify-content: space-between;}
.join_area .step_box::before {content: ''; position: absolute; top: 29px; left: 0; width: 100%; height: 2px; background-color: #e0e2e3;}
.join_area .step_box li {position: relative; text-align: center;}
.join_area .step_box li p.num {width: 60px; height: 60px; color: #fff; font-size: 22px; font-weight: 500; line-height: 60px; border-radius: 100%; background-color: #c8cbd0;}
.join_area .step_box li p.txt {position: absolute; left: 50%; transform: translateX(-50%); top: 65px; width: 120px; color: #888; font-size: 18px;}
.join_area .step_box li.active p.num {background-color: #0478e5;}
.join_area .step_box li.active p.txt {color: #0478e5;}
.join_area h3 {margin-bottom: 10px; color: #333; font-size: 20px;}
.join_area .agree_box {overflow-y: auto; margin-bottom: 15px; padding: 25px 30px; width: 100%; height: 200px; border: 1px solid #d2d2d2;}
.join_area .check_box {justify-content: flex-end;}
.join_area .check_box input[type=checkbox] + label {color: #333; font-size: 18px; font-weight: 500;}
.join_area .check_box.all {margin-top: 30px; padding: 30px 0 20px; justify-content: center; border-top: 1px solid #929bac;}
.join_area .text_box {padding: 50px 0; text-align: center;}
.join_area .text_box .txt1 {color: #333; font-size: 18px; font-weight: 500;}
.join_area .text_box .txt2 {margin-top: 30px; color: #555; line-height: 28px;}
.check_area{display:flex; flex-direction:column; width:500px; margin:0 auto;}
.check_area:nth-child(3){padding-top:16px; padding-bottom:16px;}
.check_area .check-top{display:flex; align-items:center; gap:5px; padding-left:5px;}
.check_area .check-top span{color: #3F4142; font-size:14px; font-weight:500;}
.check_area .check-top input{position:relative; width:13px; height:26px;}
.check_area .checkConWrap {width:100%; height:128px; border: 1px solid #0066A1; border-radius: 20px; display:flex; align-items:center;}
.check_area .checkConWrap .check-con{width:99%; height:110px; overflow-y:scroll; padding:0 10px 10px 10px;}
.check_area .checkConWrap .check-con::-webkit-scrollbar {width: 11px; padding-right:10px;}
.check_area .checkConWrap .check-con::-webkit-scrollbar-thumb {border-radius: 20px; border: 1px solid #0066A1; background: #FFF;}
.member_area .join_area{display:flex; flex-direction:column; gap:10px;}
.member_area .join_area div{display:flex; flex:1; flex-wrap:nowrap; gap:8px; align-items:center;}
.member_area .join_area div button.bg_gray{text-wrap:nowrap; padding:10px; font-size: 12px; font-weight:600; color:#fff; border-radius:10px;}
.member_area .join_area div span{font-weight:600; color: #9A9D9F; font-size:23px;}
.member_area .join_area input{width:100%; height: 39px; border-radius: 10px; border: 1px solid #0066A1; padding:0 10px;}
.member_area .join_area input::placeholder{color: #9A9D9F; font-size:12px; font-weight:600;}
.join-button{padding-top: 20px; width:500px; margin:0 auto; display:flex; justify-content:center;}
.join-button button.bg_blue{max-width:130px; min-width:130px; margin:0; height:56px; font-size: 15px; font-weight: 600; background: #146DAA; border-radius: 10px;}

/*통합검색*/
.integrated_search_area {}
.integrated_search_area .search_box {margin: 0 auto 55px; width: 800px; height: 60px; border-bottom: 2px solid #0478e5;}
.integrated_search_area .search_box input {padding: 0 10px; width: calc(100% - 55px); font-size: 25px; background-color: transparent;}
.integrated_search_area .search_box .btn_search {right: 25px; top: calc(50% - 15px); width: 29px; height: 29px;}
.integrated_search_area .search_box .btn_search span {transform: scale(1.3);}
.integrated_search_area .search_box .btn_search span::after {border-color: #0478e5;}
.integrated_search_area .search_box .btn_search span::before {background-color: #0478e5;}
.integrated_search_area .optionbox {display: none;}
.integrated_search_area .board_top .all {color: #333; font-size: 25px;}
.integrated_search_area .board_top .all span {font-weight: 600;}
.integrated_search_area .search_result {position: relative;}
.integrated_search_area .search_result > li {}
.integrated_search_area .search_result > li > a {position: absolute; top: 0; width: calc(10% + 4px); line-height: 48px; text-align: center; border: 1px solid #cbcbcb; background-color: #fff;}
.integrated_search_area .search_result > li.active > a {z-index: 50; color: #fff; font-weight: 500; border-color: #0478e5; background-color: #0478e5;}
.integrated_search_area .search_result > li:nth-child(1) > a {left: -10%;}
.integrated_search_area .search_result > li:nth-child(2) > a {left: 0%;}
.integrated_search_area .search_result > li:nth-child(3) > a {left: 10%;}
.integrated_search_area .search_result > li:nth-child(4) > a {left: 20%;}
.integrated_search_area .search_result > li:nth-child(5) > a {left: 30%;}
.integrated_search_area .search_result > li:nth-child(6) > a {left: 40%;}
.integrated_search_area .search_result > li:nth-child(7) > a {left: 50%;}
.integrated_search_area .search_result > li:nth-child(8) > a {left: 60%;}
.integrated_search_area .search_result > li:nth-child(9) > a {left: 70%;}
.integrated_search_area .search_result > li:nth-child(10) > a {left: 80%;}
.integrated_search_area .search_result > li:nth-child(11) > a {left: 90%;}
.integrated_search_area .search_result > li:nth-child(12) > a {left: 100%;}




.integrated_search_area .search_result > li .tab_pane {padding-top: 80px; display: none;}
.integrated_search_area .search_result > li.active .tab_pane {display: block;}
.integrated_search_area .search_result > li .tab_pane dl {}
.integrated_search_area .search_result > li .tab_pane dl {border-top: 1px solid #0478e5;}
.integrated_search_area .search_result > li .tab_pane dl dt {padding: 10px 20px; color: #000; font-size: 20px; line-height: 30px; border-bottom: 1px solid #b7b7b7;}
.integrated_search_area .search_result > li .tab_pane dl dd {padding: 20px; border-bottom: 1px solid #cbcbcb;}
.integrated_search_area .search_result > li .tab_pane dl dd a {display: block;}
.integrated_search_area .search_result > li .tab_pane dl dd h3 {margin-bottom: 15px; color: #010101; font-size: 18px;}
.integrated_search_area .search_result > li .tab_pane dl dd .datail {overflow: hidden; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 78px; -webkit-line-clamp: 3;}
.integrated_search_area .search_result > li .tab_pane dl dd .nav {overflow: hidden;}
.integrated_search_area .search_result > li .tab_pane dl dd .nav li {position: relative; padding-right: 15px; margin-right: 10px; float: left; color: #999; font-size: 14px; line-height: 16px;}
.integrated_search_area .search_result > li .tab_pane dl dd .nav li::after {content: ''; position: absolute; right: 1px; top: 5px; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg);}
.integrated_search_area .search_result > li .tab_pane dl dd .nav li:last-child {padding-right: 0; margin-right: 0;}
.integrated_search_area .search_result > li .tab_pane dl dd .nav li:last-child::after {display: none;}
.integrated_search_area .search_result > li .tab_pane .button_box {margin-bottom: 50px;}
.integrated_search_area .search_result > li .tab_pane .button_box:last-child {margin-bottom: 0;}
.integrated_search_area .search_result > li .tab_pane .button_box .btn_more {width: 156px; color: #0478e5; font-size: 15px; font-weight: 500; border-color: #0478e5; border-radius: 0;}
.integrated_search_area .search_result > li .tab_pane .button_box .btn_more span::after, .integrated_search_area .search_result > li .tab_pane .button_box .btn_more span::before {width: 0px; background-color: #0478e5;}
.integrated_search_area .search_result > li .tab_pane .button_box .btn_more span.plus {padding-right: 22px;}

/*만족도 조사*/
.satisfaction_area {margin-top: 150px; border: 1px solid #dbdee1; border-top: 2px solid #222;}
.satisfaction_area .detail {padding: 20px 40px;}
.satisfaction_area .detail p {margin-bottom: 5px; color: #333;}
.satisfaction_area .detail p span {color: #888;}
.satisfaction_area .detail .radio_box {margin-bottom: 10px;}
.satisfaction_area .detail .radio_box li {margin-right: 20px;}
.satisfaction_area .detail .radio_box input[type=radio] + label {line-height: 20px;}
.satisfaction_area .detail .radio_box input[type=radio] + label::after {left: 5px; top: 5px;}
.satisfaction_area .detail .radio_box input[type=radio] + label::before {border: 1px solid #d7d7d7;}
.satisfaction_area .detail .write_box {display: flex; display:-webkit-flex;}
.satisfaction_area .detail .write_box .inpbox {width: 100%; height: 40px;}
.satisfaction_area .detail .write_box button {flex: none; width: 120px; height: 40px; color: #fff; font-weight: 500; background-color: #3f6997;}
.satisfaction_area dl {padding: 20px 0 20px 85px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; color: #333; background-color: #eef1f6; background-image: url('../../images/web/icon_tel.png'); background-position: left 40px center; background-repeat: no-repeat;}
.satisfaction_area dl dt {margin-right: 20px; font-weight: 500;}
.satisfaction_area dl dd {margin-right: 35px;}

/*입양증서*/
.print_area {overflow: hidden; position: relative; margin: 0 auto; padding: 30px; width: 788px; height: 1055px;}
.print_area .print_box {z-index: 503; position: relative; padding: 165px 100px 0; height: 100%; color: #000; text-align: center; line-height: normal; word-break: keep-all; font-family: 'Nanum Square', sans-serif;}
.print_area .print_box h2 {margin-bottom: 70px; font-size: 60px; font-weight: 900;}
.print_area .print_box .name {margin-bottom: 80px;}
.print_area .print_box .name dt {margin-right: 25px; display: inline-block; font-size: 28px; font-weight: 600;}
.print_area .print_box .name dd {display: inline-block; font-size: 34px; font-weight: 900;}
.print_area .print_box .txt1 {margin-bottom: 65px; font-size: 26px; font-weight: 600;}
.print_area .print_box .txt2 {font-size: 22px; font-weight: 600; line-height: 38px;}
.print_area .print_box .bottom {position: absolute; left: 0; bottom: 200px; width: 100%;}
.print_area .print_box .bottom .date {margin-bottom: 35px; font-size: 20px; font-weight: 600;}
.print_area .print_box .bottom .date span {margin-right: 15px;}
.print_area .print_box .bottom .sign {font-size: 36px; font-weight: 600;}
.print_area img {position: absolute; left: 30px;}
.print_area img.bg1 {z-index: 501; top: 30px;}
.print_area img.bg2 {z-index: 500; top: 30px; height: calc(100% - 60px); width: 728px;}
.print_area img.bg3 {z-index: 502; bottom: 30px;}

/*기관소개*/
.Inst_area{padding-top:30px; height:100%; border-bottom:1px solid #DBDBDB;}
.Inst_area .quals.two img {width:50%;}
.Inst_area .cerDe img {width:50%;}

.wayM {padding-top:30px; height:100%; border-bottom:1px solid #DBDBDB; display:flex; flex-direction:column; align-items:center;}
.wayM .wayImg {box-sizing:content-box; width:100%; padding-bottom:15px;}
.wayM .wayTitl {font-size:32px; padding:10px;}
.wayM .square-icon-orange {font-size:22px;}
.wayM .wayInfo {display:flex; flex-direction:column; font-size:18px;}
.wayM .wayCont {font-size:18px;}
.wayM .busroot {font-weight:500; margin-left:35px;}
.wayM span {font-size:14px;}
.wayM .at {flex:auto;}

.hllo-txt{width:fit-content; margin-left:20px;}
.hllo-txt span{display:block; color:#111111; font-size:17px; font-weight:500;}

.majorEquipCont table {width:100%;}
.majorEquipCont table tr:first-child{border-top:1px solid #dbdbdb;}
.majorEquipCont table th{color:#333; padding:5px; background:#f2f3f5; border-bottom: 1px solid #dbdbdb; font-size:16px;}
.majorEquipCont table td{color:#333; padding:5px 0 5px 20px; font-size:15px; border-bottom: 1px solid #dbdbdb;}

/*검사의뢰절차*/
.act_intro{display:block;}
.act_intro2{display:none;}

/*검사안내 팝업*/
#intro-popup{width:100%; height:100%;}
.intro-pop{max-width:1440px; padding:30px 35px; width:100%; background:#fff;}
.intro-pop .pop-title {font-size:22px; font-weight:600; color:#111;}
.intro-pop .pop-title button{padding:5px;}
.intro-pop .pop-sub {font-size: 14px; color:a1a1a1;}
.intro-pop .pop-table table.typeIntro {max-width:1370px; min-width:1370px; font-family: 'Noto Sans KR', sans-serif;}
.intro-pop .pop-table table.typeIntro th{background:#5f76b1; color:#fff; padding:5px; font-size:16px;}
.intro-pop .pop-table table.typeIntro th.bottom{border-bottom:1px solid #fff;}
.intro-pop .pop-table table.typeIntro th.top{border-top:1px solid #fff;}
.intro-pop .pop-table table.typeIntro th.right{border-right:1px solid #fff;}
.intro-pop .pop-table table.typeIntro th.left{border-left:1px solid #fff;}
.intro-pop .pop-table table.typeIntro th.t-gray{background:#f2f3f5; color:#333; font-weight:400;}
.intro-pop .pop-table table.typeIntro th.t-gray[class*="white"]{background:#fff;}
.intro-pop .pop-table table.typeIntro .t-gray.bottom, .intro-pop .pop-table table.typeIntro td.bottom{border-bottom:1px solid #dbdbdb;}
.intro-pop .pop-table table.typeIntro .t-gray.top, .intro-pop .pop-table table.typeIntro td.top{border-top:1px solid #dbdbdb;}
.intro-pop .pop-table table.typeIntro .t-gray.right, .intro-pop .pop-table table.typeIntro td.right{border-right:1px solid #dbdbdb;}
.intro-pop .pop-table table.typeIntro .t-gray.left, .intro-pop .pop-table table.typeIntro td.left{border-left:1px solid #dbdbdb;}
.intro-pop .pop-table table.typeIntro td{color:#333; padding:5px 0; font-size:16px; text-align:center;}
.intro-pop .legal-txt span{color:#193B94; font-size:15px; font-weight:500;}



/*합격품 및 검사도래일 조회*/
.prd-intro {text-align:center;}
.prd-intro b{color:#111;}
.prd-footer {padding:10px 20px;}
.prd-footer span{color:#111; font-weight:600;}
.prd-footer p {color:#666; font-weight:400;}

/*사이트맵*/
.sitemap h1{color:#091152; font-size:31px; font-weight:600;}
.maps {width:100%; border:3px solid #f4f4f6; border-radius:10px;}
.maps .maps_gnb li {display:flex; gap:50px; align-items:center; padding:20px 40px; border-bottom:1px solid #ddd;}
.maps .maps_gnb li > a {position:relative; display:block; width:20%; color:#333; font-size:22px;}
.maps .maps_gnb li > a:after {content:""; position:absolute; bottom:-12px; display:block; width:30px; height:3px; background:#1D2076;}
.maps .maps_gnb li > ul {width:80%; display:flex; gap:20px;}
.maps .maps_gnb li > ul > li {display:block; padding:20px 10px; border:0;}
.maps .maps_gnb li > ul > li > a{display:block; text-wrap:nowrap; color:#444; font-size:17px; position:static; width:100%;}
.maps .maps_gnb li > ul > li > a:hover {color:#888;}
.maps .maps_gnb li > ul > li > a::after{content:none !important; }

@media screen and (max-width:1440px) {    	
    .pop-table {min-width:100%; overflow-x:scroll; padding-bottom:15px;}
    .pop-table::-webkit-scrollbar {height:8px;}
    .pop-table::-webkit-scrollbar-thumb {background: #5F76B1; border: 2px solid transparent; background-clip: padding-box; border-radius:10px;}
    .pop-table::-webkit-scrollbar-track{background:#f2f3f5; border-radius:10px;}
}
@media screen and (max-width:1380px) {
    
}
@media screen and (max-width:1240px) {
    .contentsarea {padding: 70px 20px; width: 100%;}
    .contentsarea_board {padding: 70px 20px; width: 100%;}
    .board_side{display:none !important;}
    .board_top.title {justify-content:center !important;}
    .board_top:has(.onoff) {display:none !important;}
    .flex.g60{gap:0 !important;}
    .contentsarea .btn_sns {right: 15px; top: 25px;}
    .contentsarea .sns_area {right: 55px; top: 25px;}
    
    .square-icon-blue.flex-align-center{align-items:flex-start !important;}
    .square-icon-blue::before{content:""; margin-top:4px;}
    
    /*시민단체 참여 공모 탭메뉴*/
    .contest_tab_area a {margin-right: 30px; padding-top: 55px; width: 115px; height: 115px;}
    .contest_tab_area a::after {right: -28px; width: 20px;}
    .koemp .circle-icon-purple strong{text-wrap:nowrap;}
    .koemp .circle-icon-purple.flex-align-center {align-items:flex-start;}
    .koemp .circle-icon-purple::before{margin-top:7px;}
    
    /*사이트맵*/
    .maps .maps_gnb {display:flex; flex-wrap:wrap;}
    .maps .maps_gnb li {flex-direction:column; align-items:flex-start; width:calc(100%/3);}
    .maps .maps_gnb li > a {width:100%;}
    .maps .maps_gnb li > ul {width:100%; flex-direction:column;}
}
@media screen and (max-width:1024px) {
    body {font-size: 13px; line-height: 17px;}
    
    .quals{gap:20px; flex-direction: column;}
    
    .quals img{width:100% !important;}
 
 	.intro-pop .legal-txt span{font-size:12px;}
 	
 	.quick_side{display:none;}
 	
 	.main_banner .main_banner_txt{padding-top:60px; box-sizing:content-box;} 
 	.main_banner .main_banner_txt strong{font-size:20px;}
 	.main_banner .main_banner_txt span{font-size:13px;}L
 	   
    .btn {height: 45px; font-size: 15px;}
    .btn2 {padding: 0 10px; min-width: 80px; height: 30px; font-size: 10px;}
    .btn3 {width: 55px; height: 24px; font-size: 10px;}
    .btn4 {width: 68px; height: 26px; font-size: 12px;}
    .btn5 {width: 30px !important; height: 30px;}
    .btn_more {width: 160px; height: 40px; font-size: 13px;}
    .btn_more span::after, .btn_more span::before {width: 11px; height: 1px;}
    .btn_more span.plus {padding-right: 20px;}
    .btn_more:hover span.plus {padding-right: 24px;}
    .btn_more span.arrow {padding-right: 18px;}
    .btn_more span.arrow::before {top: calc(50% - 3px); width: 6px; height: 6px;}
    .btn_check {padding: 0 10px; width: 85px; height: 30px; font-size: 12px; background-position: right 10px center; background-size: 11px;}
    .btn_delete {width: 14px; height: 14px;}
    .btn_delete::after, 
    .btn_delete::before {left: 1px; top: 5px; width: 10px;}
    .btn_write {height: 40px; font-size: 17px;}
    .btn_write span {padding-right: 25px; background-size: 18px;}
    
    .bg_white4 {border-width: 1px;}
    .bg_white5 {border-width: 1px;}
    
    .w_hidden {display: block !important;}
    .m_hidden {display: none !important;}
    
    h3.h3 {margin-bottom: 10px; font-size: 15px;}
    h4.h4 {margin-bottom: 10px; font-size: 15px;}
    .list_type > li {padding-left: 10px;}
    .list_type > li::before {top: 7px;}
    .list_type > li h4 {font-size: 13px;}
    .list_type2 > li {padding-left: 10px; margin-bottom: 5px;}
    .list_type2 > li::before {top: 6px; width: 5px; height: 5px;}
    .num_list {padding-left: 13px;}
    
    .bx-controls .bx-controls-auto a {width: 7px; height: 10px;}
    .bx-controls .bx-controls-auto a::after, .bx-controls .bx-controls-auto a::before {width: 2px;}
    
    .subtoparea {padding-top: 40px; height: 140px;}
    .subtoparea h2 {margin-bottom: 20px; font-size: 24px; line-height: 24px;}
    .subtoparea .navmenu li {padding-right: 5px; background-size: 5px;}
    .subtoparea .navmenu li a {padding: 0 10px;}
    .subtoparea .navmenu li.home a {width: 30px; height: 17px; background-size: 10px;}
    .subtoparea .navmenu li.dropdown.open .dropdown-menu {display: block;}
    .subtoparea .lnbmenu {display: none; display:-webkit-none;}
    .contentsarea {padding: 30px 0 50px;}
    .contentsarea .btn_sns img {width: 30px;}
    .contentsarea .sns_area {right: 50px;}
    .contentsarea .sns_area button img {width: 30px;}
    .contentsarea .subtit {margin-bottom: 30px; padding: 0 15px;}
    .contentsarea .subtit h2 {font-size: 20px; text-align: left; line-height: 20px;}
    .contentsarea .notice_txt {margin-bottom: 10px; padding: 0 15px; text-align: left; font-size: 15px;}
    
    /*시민단체 참여 공모 탭메뉴*/
    .contest_tab_area {margin-bottom: 30px; padding: 0 15px;}
    .contest_tab_area .left {width: 100%; justify-content: space-between;}
    .contest_tab_area .right {width: 100%;}
    .contest_tab_area a {margin: 5px 0; padding-top: 0; padding-left: 50px; width: calc(33.33% - 15px); height: 45px; text-align: left; background-position: left 15px center !important; background-size: 26px; border: 2px solid #ccd0d4; border-radius: 45px;}
    .contest_tab_area a::after {right: -17px; top: calc(50% - 5px); width: 5px; height: 10px; background-size: auto 10px;}
    .contest_tab_area a:nth-child(3n)::after {display: none;}
    .contest_tab_area a.step7 {width: 100%; text-align: center; background-position: left calc(50% - 40px) center !important;}
    .contest_tab_area a p {display: inline-block; line-height: 41px}
    .contest_tab_area a p.point {font-size: 15px;}
    
    .con_area {padding: 0 15px;}
    .con_area h3.h3 {margin-bottom: 15px; font-size: 18px;}
    .con_area .con_box {margin-bottom: 40px;}
    .con_area .con_box .title_box {margin-bottom: 10px;}
    .con_area .con_box .title_box h4 {padding-left: 10px; font-size: 15px;}
    .con_area .con_box .title_box h4::after {top: 7px; width: 3px; height: 3px;}
    .con_area .con_box .title_box .btn_more {width: 75px; height: 25px; font-size: 12px;}
    .con_area .con_box .title_box .btn_more span.arrow {padding-right: 15px;}
    .con_area .con_box .title_box .btn_more span.arrow::after {display: none;}
    .con_area .con_box .title_box .btn_more span.arrow::before {border-top-width: 1px; border-right-width: 1px;}
    .con_area .con_box.info1 {padding: 15px 10px; line-height: 18px;}
    .con_area .con_box.info2 p {line-height: 20px;}
    .con_area .con_box.info2 p:nth-child(1) {margin-bottom: 15px;}
    .con_area .con_box.info2 dl {margin-top: 10px;}
    .con_area .con_box.info2 dl dt {margin-bottom: 5px; width: 30px; height: 17px; font-size: 12px; line-height: 17px;}
    .con_area .con_box.info2 dl dd {margin-bottom: 5px; padding-left: 5px;}
    .con_area .con_box.box1 dl {display: flex; display:-webkit-flex;}
    .con_area .con_box.box1 dl dt, .con_area .con_box.box1 dl dd {width: 50%;}
    .con_area .con_box.box1 dl dd {padding: 20px 20px 0 0; line-height: 20px;}
    .con_area .con_box.box2 dl {margin-bottom: 10px;}
    .con_area .con_box.box2 dl dt img {width: 60px;}
    .con_area .con_box.box2 dl dd {padding-left: 10px;}
    .con_area .con_box.box2 dl dd p.tit {font-size: 14px;}
    .con_area .con_box.box3 ul li {padding-left: 40px; min-height: 30px; font-size: 14px;}
    .con_area .con_box.box3 ul li::before {padding-left: 2px; width: 28px; height: 30px; font-size: 14px; line-height: 30px; letter-spacing: -1px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
    .con_area .con_box.box4 dl dt {margin-bottom: 10px; padding-left: 20px; font-size: 14px;}
    .con_area .con_box.box4 dl dd {margin-bottom: 15px;}
    .con_area .con_box.box4 dl dd.answer {margin-bottom: 20px; padding-left: 15px;}
    .con_area .con_box.box4 dl dd .list_type2 {margin-top: 10px;}
    .con_area .con_box.box4 dl dd .step_list {padding: 15px;}
    .con_area .con_box.box4 dl dd .step_list li {width: 100px;}
    .con_area .con_box.box4 dl dd .step_list li.arrow {transform: scale(0.5);}
    .con_area .con_box.box4 dl dd .step_list li .step {padding-top: 62px; margin-bottom: 10px; height: 100px; background-position: center top 20px; background-size: auto 37px;}
    .con_area .con_box.box4 dl dd .step_list li .txt {line-height: 18px;}
    .con_area .con_box.box4 dl dd .num_list {margin-top: 10px;}
    .con_area .con_box.box5 p {padding-left: 0;}
    .con_area .con_box.box5 ul {padding-left: 0;}
    .con_area .con_box.box6 > div:nth-child(1) {margin-bottom: 30px;}
    .con_area .con_box.box6 > div .img_box.vertical {margin: 0 20px;}
    .con_area .con_box.box6 > div .img_box img {margin-bottom: 5px;}
    .con_area .con_box.box6 > div .img_box p {font-size: 12px;}        
    
    /*검사기관 지정서*/
    .cerDe img{width:100% !important;}
    
    /* 입양현황 */
    
    .container {
		width: 100%;
	}
	
	.con_area .con_box .status .map_box svg {
		width: 466px;
		height: 665px;
		margin: 140px -233px;
		right: -25px;
    	bottom: 78px;
	}
	
	.con_area .con_box .status .total_count {
		white-space: nowrap;
	}
	
	.con_area .con_box .status .total_count::after {
		margin: -100px 5px;
	}
	
	.container .local_list > ul {
		display: flex;
		flex-wrap: wrap;
		width: 490px;
		margin: 20px 85px;
		/* justify-content: space-between; */
	}
	
	#ocean_list {
		display: block;
		margin: 0 90px;
	}
	 
	.local_ocean {
		width: 490px;
		height: 370px;
		margin: 24px -25px;
	}
	
	.local_ocean > .local_image {
		background-size: cover;
		background-position: center;
	}
	
	.local_ocean > .local_text {
		margin: 25px;
	}
    
    /*반려해변 현황*/
    /* .con_area .con_box .status .map_box {width: 50%;} */
    .con_area .con_box .status .text_box {padding-left: 15px;}
    .con_area .con_box .status .text_box .detail h3 {margin-bottom: 10px; font-size: 16px;}
    .con_area .con_box .status .text_box .detail h4 {padding-left: 0; padding-top: 3px; margin-bottom: 10px; font-size: 14px;}
    .con_area .con_box .status .text_box .detail h4::after {top: 0; width: 7px; height: 1px;}
    .con_area .con_box .status .text_box .detail .list_type li {margin-bottom: 5px; font-size: 14px;}
    .con_area .con_box .status .text_box .detail dl {margin-bottom: 20px;}
    .con_area .con_box .status .text_box .detail dl dt {margin-bottom: 0; width: 100%;}
    .con_area .con_box .status .text_box .detail dl dt::after {top: 8px;}
    .con_area .con_box .status .text_box .detail dl dd {margin-bottom: 5px; padding-left: 10px; width: 100%;}
    
    /*멤버쉽*/
    .member_area {padding: 0 15px;}
    .member_area p.txt {margin-bottom: 10px; font-size: 14px;}
    .member_area .inpbox {margin-bottom: 10px; height: 35px;}
    .member_area .inpbox input.txt {padding: 0 10px; font-size: 13px;}
    .member_area .button_box {margin-top: 10px; padding: 0;}
    .member_area .button_box .bg_white2, 
    .member_area .button_box .bg_white3 {margin-left: 0; width: calc(33.33% - 2px); height: 35px; font-size: 11px;}
    .member_area > button.bg_blue {margin-top: 10px; height: 45px; font-size: 15px;}
    .member_area button.onepass {margin-top: 30px; padding: 0 20px; height: 45px; font-size: 18px; text-align: center; background-size: 25px;}
    .member_area .onpass_box p {line-height: 20px;}
    .member_area .onpass_box p span {display: initial;}
    .member_area dl dt {width: 80px;}
    .member_area dl dd {width: calc(100% - 80px);}
    .member_area dl dd .optionbox {height: 35px;}
    .member_area .result_box .id {padding: 20px; font-size: 16px;}
    /*회원가입*/ 
    .join_area {padding: 0 15px;}
    .join_area .step_box {margin: 0 auto 35px; padding-bottom: 30px; width: 600px;}
    .join_area .step_box::before {top: 24px; left: 15px; width: calc(100% - 30px);}
    .join_area .step_box li p.num {width: 50px; height: 50px; font-size: 20px; line-height: 50px;}
    .join_area .step_box li p.txt {top: 60px; font-size: 15px; line-height: 19px;}
    .join_area h3 {margin-bottom: 10px; font-size: 16px;}
    .join_area .agree_box {margin-bottom: 20px; padding: 10px; height: 180px;}
    .join_area .check_box.mb50 {margin-bottom: 30px !important;}
    .join_area .check_box input[type=checkbox] + label {font-size: 13px;}
    .join_area .check_box.all {margin-top: 25px; padding: 20px 0 10px;}
    .join_area .text_box {padding: 25px 0;}
    .join_area .text_box .txt1 {font-size: 16px;}
    .join_area .text_box .txt2 {margin-top: 10px; line-height: 18px;}
    
    /*통합검색*/
    .integrated_search_area {padding: 0 15px;}
    .integrated_search_area .search_box {margin: 0 auto 20px; width: 100%; height: 40px;}
    .integrated_search_area .search_box input {padding: 0; width: calc(100% - 55px); font-size: 19px;}
    .integrated_search_area .search_box .btn_search {right: 0; top: calc(50% - 12px); width: 24px; height: 24px;}
    .integrated_search_area .search_box .btn_search span {transform: scale(1.1);}
    .integrated_search_area .optionbox {display: none;}
    .integrated_search_area .board_top {padding: 0; margin-bottom: 25px;}
    .integrated_search_area .board_top .all {font-size: 16px; line-height: 24px;}
    .integrated_search_area .search_result > li > a {line-height: 40px;}
    .integrated_search_area .search_result > li .tab_pane {padding-top: 60px;}
    .integrated_search_area .search_result > li .tab_pane dl dt {padding: 5px 0; font-size: 14px; line-height: 25px;}
    .integrated_search_area .search_result > li .tab_pane dl dd {padding: 15px 0;}
    .integrated_search_area .search_result > li .tab_pane dl dd h3 {margin-bottom: 5px; font-size: 13px;}
    .integrated_search_area .search_result > li .tab_pane dl dd .datail {margin-bottom: 5px; max-height: 57px; -webkit-line-clamp: 3; font-size: 13px; line-height: 19px;}
    .integrated_search_area .search_result > li .tab_pane dl dd .nav li {padding-right: 14px; margin-right: 8px; font-size: 12px; line-height: 14px;}
    .integrated_search_area .search_result > li .tab_pane dl dd .nav li::after {top: 4px; width: 5px; height: 5px;}
    .integrated_search_area .search_result > li .tab_pane .button_box {padding: 0; margin-bottom: 30px;}
    .integrated_search_area .search_result > li .tab_pane .button_box .btn_more {width: 100%;}
    
    /*만족도 조사*/
    .satisfaction_area {margin-top: 80px; border-top: 1px solid #222;}
    .satisfaction_area .detail {padding: 10px 15px;}
    .satisfaction_area .detail p {margin-bottom: 5px; font-size: 12px;}
    .satisfaction_area .detail p span {display: block;}
    .satisfaction_area .detail .radio_box {margin-bottom: 10px;}
    .satisfaction_area .detail .radio_box li {margin-right: 5px;}
    .satisfaction_area .detail .radio_box input[type=radio] + label {padding-left: 18px; line-height: 12px; font-size: 10px;}
    .satisfaction_area .detail .radio_box input[type=radio] + label::after {left: 4px; top: 4px; width: 6px; height: 6px;}
    .satisfaction_area .detail .radio_box input[type=radio] + label::before {width: 12px; height: 12px;}
    .satisfaction_area .detail .write_box .inpbox {width: 100%; height: 30px;}
    .satisfaction_area .detail .write_box button {width: 60px; height: 30px; font-size: 10px;}
    .satisfaction_area dl {padding: 10px 15px; background-image: none; font-size: 11px;}
    .satisfaction_area dl dt {margin-right: 0; width: 40px; font-weight: 500;}
    .satisfaction_area dl dd {margin-right: 0; width: calc(100% - 40px);}
    
    
    
    /* 입양현황 */
    
    #tab1 {
    	width: 500px;
    	margin: 24px 20px;
    	
    }
    
    .local_text > .local_company {
    	margin: 20px 0;
    }
    
    .local_date {
    	margin: -20px 0;
    }
}
@media screen and (max-width:784px) {
    .con_area .con_box.box1 dl dt {width: 30%;}
    .con_area .con_box.box1 dl dd {width: 70%; padding: 0 0 0 10px !important;}
    .con_area .con_box.box1 dl dd.type2 p {margin-bottom: 10px;}
    .con_area .con_box.box1 dl:nth-child(2) {margin-top: 20px; flex-flow: nowrap;}
    .board_top .pageList a {font-size:13px !important;}
    
    /*koem 팝업*/
    .pop-title span{text-align:center; line-height:25px;}
    
    /*사이트맵*/
    .maps .maps_gnb li {width:100%; gap:30px;}
    .maps .maps_gnb li > a {font-size:17px;}
    .maps .maps_gnb li > ul > li {padding:10px;}
    .maps .maps_gnb li > ul > li > a {font-size:15px;}
}
@media screen and (max-width:640px){
    .web_flex_only {display: none !important; display:-webkit-none;}
    .mobile_flex_only {display: flex !important; display:-webkit-flex;}
    
    .list_type > li {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .list_type > li h4 {width: 100% !important;}
    
    
    /*nav box*/
    .nav_box{width:200px; font-size:15px;}
    
    .boardschbox.sec{flex-direction: column; gap:10px; width:100%; align-items:center; justify-content:center;}
    
    /*세부내용 수정*/
    .intro-unit.flex-align-center{flex-direction:column; align-items:flex-start;}
    
    .orange-line{gap:20px !important; justify-content:space-between;}
    .orange-line p{font-size:12px;}
    
    .f-dark.titl {text-align:center;}
    .stroke-t2.mgt-12{margin:12px auto;}
    
    .common-table {min-width:100%; overflow-x:scroll !important; padding-bottom:15px;}
    .common-table::-webkit-scrollbar {height:4px;}
    .common-table::-webkit-scrollbar-thumb {width:10%; background:#5F76B1; border-radius:10px;}
    .common-table::-webkit-scrollbar-track{background:#f2f3f5; border-radius:10px;}
    .common-table table{min-width:650px;}
    
    .koemCenter{justify-content:center;}
    .koemColumn{flex-direction:column;}    
    
    .koemBox{flex-direction:column;}    
    .koemBox.second .f-bold{text-align:center;}
    .koemBox .white-cont{max-width:100% !important; padding:15px;}
    .koemBox .gray-cont{width:100% !important; min-height:fit-content !important;}
    
    .bottom-top img{width:140px;}
    
    .organizeGroup.mr100{}
    
    /*시민단체 참여 공모 탭메뉴*/
    .contest_tab_area a {padding-left: 45px; width: calc(50% - 10px);}
    .contest_tab_area a::after {right: -15px;}
    .contest_tab_area a:nth-child(3n)::after {display: block;}
    .contest_tab_area a:nth-child(2n)::after {display: none;}
    
    .con_area .con_box.box4 dl dd .step_list {display: block; display:-webkit-block;}
    .con_area .con_box.box4 dl dd .step_list li {margin: 0 auto;}
    .con_area .con_box.box4 dl dd .step_list li.arrow {top: 0; transform: scale(0.5) rotate(90deg);}

    /*멤버쉽*/
    .member_area .onpass_box .radio_box li {margin-right: 15px;}
    .member_area dl dt {margin-bottom: 5px; width: 100%;}
    .member_area dl dd {width: 100%;}
    /*회원가입*/
    .join_area .step_box {padding-bottom: 45px; width: 100%;}
    .join_area .step_box li p.txt {width: 60px;}
    
    /*통합검색*/
    .integrated_search_area .optionbox {display: block; height: 40px; border: 0;}
    .integrated_search_area .optionbox::after {border-top-color: #fff;}
    .integrated_search_area .optionbox select {color: #fff; background-color: #0478e5;}
    .integrated_search_area .search_result > li > a {display: none;}
    .integrated_search_area .search_result > li .tab_pane {padding-top: 20px;}
    
    /* 입양현황 */
    
	.con_area .con_box .status{
    	display: block;
    	
    }
    
    .contentsarea .subtit h2 {
    	text-align: center;
    }
    
    .container {
    	width: 100%;
    }
    
    
    .local_list {
    	display: none;
    }
    
    #mb_select {
    	display: block;
    	height: 44px;
    	padding: 0 15px;
    	/* margin: 220px 135px; */
    }
    
    .con_area .con_box .status .map_box svg{
    	display: none;
    }
    
    .local_ocean {
    	width: 292px!important;
    	height: 300px;
    	margin: 2px;
  
    }
    
    .con_area .con_box .status .total_count .total_text {
    	width: 100%;
    	text-align: center;
    	
    }
    	
    #ocean_list {
    	/* margin: 213px; */
    	display: grid;
    	/* margin: 5px 110px; */
    	margin: 0 -23px;
    	height: auto;
    	grid-gap: 7px;
    }
    
    .local_ocean {
    	width: 350px;
    }
    
    .local_ocean > .local_text {
    	margin: 9px;
    }
    
    .con_area .con_box .status .total_count::after {
    	margin: -92px 288px;
    	width: 23px;
    }
    
    .container {
    	margin: 235px auto;
    }
    
    .local_text > .local_company {
    	height: 45px;
    }
    
    .local_text > .local_company {
    	margin: 7px 0;
    }
    
    .local_date {
    	margin: -5px 0;
    }
    
    #tab1 {
    	height: 64vh;
    }
    
}
@media screen and (max-width:480px){
    .con_area .con_box.box1 dl {display: block; display:-webkit-block;}
    .con_area .con_box.box1 dl dt {width: 100%;}
    .con_area .con_box.box1 dl dd {width: 100%; padding: 10px 0 0 !important;}
    .con_area .con_box.box2 dl dt img {width: 40px;}
    .con_area .con_box.box6 > div {display: block; display:-webkit-block;}
    .con_area .con_box.box6 > div:nth-child(1) {margin-bottom: 0;}
    .con_area .con_box.box6 > div .img_box {margin-bottom: 20px !important;}
    .con_area .con_box.box6 > div .img_box.vertical {margin: 0;}
    .con_area .con_box.box6 > div .img_box img {width: 100%;}
    .con_area .con_box.box6 > div .img_box p {font-size: 12px;}
    /*멤버쉽*/
    .member_area button.onepass {width: 100%;}
    .member_area .onpass_box .radio_box {padding: 0 30px;}
    .member_area .onpass_box .radio_box li {margin: 5px 0; width: 130px; text-align: left;}
    /*nav_box*/
    .nav_box{width:130px; font-size:11px; gap:10px !important;}
    .nav_box_wrap ul li a{font-size:11px;}
    /*common-tab*/
    #intro-tab.gap-18{gap:10px !important;}
    .common-tab {height:fit-content !important; flex-wrap:wrap;}
    .common-tab > li {width:31%; flex:none !important;}
    .common-tab > li > a {height:45px !important; width:100%;}
    .common-tab > li:nth-of-type(4){margin-left:17%;}
    .koemBox.second .intro-unit3 .circle-icon-purple{align-items:flex-start !important;}
    .koemBox.second .intro-unit3 .circle-icon-purple::before {margin-top:7px;} 
    .koemBox.second span.flex {flex-direction:column; gap:5px !important;}
    
    .pop-sub p{font-size:13px !important;}
    .pop-sub span{font-size:12px !important;}
}

@media screen and (max-width: 414px) {
	#mb_select {
		position: relative;
    	top: 205px;
	}
	
	.con_area {
		height: auto;
	}
	.con_area .con_box .status .total_count::after {
		margin: -94px 175px;
	}
	
	.container {
		margin: 0 auto;
	}
	
	#tab1 {
		height: auto;
	}
	
	#ocean_list {
		 display: block;
	     margin: 245px 23px;
	     height: auto;
	}
	
	.local_ocean {
		margin: 30px 0;
	}
	
	.orange-line p{font-size:11px; gap:5px !important;}
}
@media screen and (max-width: 375px) {	
	.koemp {padding-left:0px !important;}
	.intro-tool-tip{padding-top:15px; border-top:1px solid #dbdbdb;}
	
	.nav_menu_bar{height:45px !important;}
	
	#act-intro{padding:0 !important;}
	.act_intro{display:none;}
	.act_intro2{display:block;}	
	
	.pop-title span{font-size:17px;}
	.pop-title span br{display:block !important;}
	.pop-title button {margin-top:-55px; margin-right:-10px;}
	.intro-pop{padding:30px 20px;}
	.intro-pop .pop-table table.typeIntro th, .intro-pop .pop-table table.typeIntro td {font-size:14px;}
	
	.nav_box::after {right:5px;}
	
	.nav_area img:first-child {padding:8px 15px;}
	
	.contentsarea .subtit h2 {
		text-align: left;
	}
	
	.con_area .con_box .status .total_count .total_text > .total_number > span {
		font-size: 60px;
	}
	
	.con_area .con_box .status .total_count .total_text {
		width: 100%;
		height: 100px;
		text-align: center;
	}
	
	.con_area .con_box .status {
		text-align: center;
	}
	
	.con_area .con_box .status .total_count {
		text-align: center;
		margin: auto;
	}
	
	.con_area .con_box .status .total_count::after {
		width: 24px;
		margin: -40px 156px;
	}
	
	.container {
		width: 100%;
		margin: 0;
	}
	
	#ocean_list {
		display: block;
		margin: -140px 105px;	
	}
	
	#mb_select {
		width: 339px;
		height: 25px;
		margin:165px 160px;
		display:block;
		padding: 0 15px;
		position: relative;
		top: -10px;
	}
	
	.local_ocean {
		width: 320px;
		height: 300px;
		margin: 20px 0;
	}
	
	.local_list {
		width: 100%;
		display: none;
	}
	
	.container .local_list > ul {
		justify-content: flex-start;
	}
	
	.container .local_list > ul > li {
		padding: 0 4px;
	}
	
	.local_text > .local_company {
		height: 50px;
	}
	
	
	/* 입양현황 */
	
	#tab1 {
		margin: -100px;
		height: 164vh;
	}
	
	.container {
		padding: 0;
	}
	
	#mb_select {
		margin: 165px 5px;
		height: 44px;
	}
	
	.local_ocean > .local_text {
		text-align: left;
	}
	
	.local_ocean {
		width: 339px!important;
	}
	
	#ocean_list {
		height: auto;
	}
	
	.local_text > h3 {
		margin: 14px 0;
	}
	
	.local_text > .local_company {
		margin: -4px 0;
	}
	
	.local_date{
		margin: -10px 0;
	}
	
	
}


@media screen and (max-width:360px){
    .btn5 {border-radius: 0;}
    
    /*시민단체 참여 공모 탭메뉴*/
    .contest_tab_area a {padding-left: 35px; font-size: 10px; background-position: left 10px center !important; background-size: 21px;}
    .contest_tab_area a.step7 {background-position: left calc(50% - 35px) center !important;}
    .contest_tab_area a p.point {font-size: 12px;}
    
    
    /*멤버쉽*/
    .member_area .onpass_box .radio_box {padding: 0;}
}
@media screen and (max-width:320px){
    .member_area button.onepass {text-align: right;}
}

.popup-page{z-index:99; position: absolute; top:50%; left:55%; transform: translate(-50%, -50%); display: flex; flex-direction: column; display:none;}
.popup-page .pop-main{padding: 24px; background: #FFF; flex-direction:column;}
.popup-page .pop-top{background-color: #343849; height: 60px; align-items: center; padding:0 24px; justify-content: space-between;}
.popup-page .pop-top span{color: #FFF; font-size: 18px; font-weight:700;}
.popup-page.date-insert .pop-main{padding: 40px 20px 16px 20px; border: 1px solid #343849; border-style: none solid solid solid;}
.popup-page.date-insert .pop-main .title-label{margin-left:0;}
.popup-page.date-insert .pop-main p{font-size: 14px; font-weight:600;}
.popup-page.date-insert .pop-main div strong{font-size: 32px; color:#727070; font-weight:600;}
.popup-page.date-insert{width:550px;}
.popup-page.date-insert .pop-top img{margin-top:5px;}
.popup-page.date-insert .pop-top span{color: #FFF; font-size: 18px; font-weight:700;}
.popup-page.date-insert .pop-main table{border-top:2px solid #0055AC;}
.popup-page.date-insert .pop-main table th{font-size: 14px; color:#020C22; font-weight:600; background:#F5FAFE; padding:12px 10px; border:1px solid #d7d7d7; border-style: none solid solid solid}
.popup-page.date-insert .pop-main table td{padding:12px 10px; border:1px solid #d7d7d7; border-style: none solid solid none;}
.popup-page.date-insert .pop-main table td input[type="checkbox"]{min-width:23px !important; height:23px;}
.popup-page.date-insert .pop-main button.b_blue2{border-radius:4px; height:41px; width:74px;}
/*회사(기관명)찾기 팝업 형식*/
.popup-page.search-company .pop-top{background-color: #343849; height: 60px; align-items: center; padding:0 24px; justify-content: space-between;}
.popup-page.search-company .pop-top button:has(img){background-color: #343849; cursor: pointer; border:none;}
.popup-page.search-company .pop-top img{margin-top:5px;}
.popup-page.search-company .pop-main{padding:24px 40px;flex-direction: column; height:auto; align-items: flex-end;}
.popup-page.search-company .pop-main .reserve-top{gap:10px; width:100%; align-items: center; justify-content: space-between; border-bottom: 3px solid #302F2F; padding-bottom:10px;}
.popup-page.search-company .pop-main .reserve-top span:first-child{margin-left:20px; color: #3F4142; font-size:16px; font-weight:600;}
.popup-page.search-company .pop-main .reserve-top select{border: 1px solid #C3C0C0; padding: 0 5px 0 10px; width: 110px; height: 35px; color: #727070; font-weight: 700; font-size: 14px;}
.popup-page.search-company .pop-main .reserve-top button{background: #343849; align-items: center; width:80px; height:35px; justify-content: center; gap:5px;}
.popup-page.search-company .pop-main .reserve-top button span{color: #FFFAFA; font-size:13px; font-weight:400;}
.popup-page.search-company .pop-main .reserve-top input[type="text"]{margin-left:10px; width: 248px; height: 35px; border: 1px solid #C3C0C0; background: #FFFEFE; color: #727070; font-size: 16px;}
.popup-page.search-company .pop-main table{margin-top:7px; width:100%;}
.popup-page.search-company .pop-main table tr{cursor:pointer;}
.popup-page.search-company .pop-main table th:first-child{border-style:none solid solid solid;}
.popup-page.search-company .pop-main table th{border: 1px solid #D7D7D7; border-style: none solid solid none; background: #F1F1F1; font-size: 15px; color: #3F4142; font-weight: 600; padding: 15px 18px;}
.popup-page.search-company.search-rltseq .pop-main table th{text-wrap:nowrap;}
.popup-page.search-company .pop-main table td{border: 1px solid #D7D7D7; border-style: none solid solid solid; text-align: center; padding: 10px 15px; font-weight:600; font-size: 15px; color:#3F4142;}
.popup-page.search-company.search-rltseq .pop-main table td{text-wrap:nowrap;}
.popup-page.search-company .pop-main div:nth-of-type(2){width:100%;}
.popup-page.search-company .pop-main table td input[type="text"]{border: 1px solid #C3C0C0; padding:4px 10px;}
.is-dragging{pointer-events: none;}

/*팝업 관리자 납부페이지와 비슷한 형식*/
.pop-main .typeTwo{border-left:2px solid #134B8D;}
.pop-main .typeTwo th{color: #3C3B3B; background-color: #F5FAFE !important; padding: 15px 0px; border: 1px solid #BFBDBD;}
.pop-main .typeTwo td input[type=date]{width:100% !important;}
.pop-main .typeTwo tr:first-child th{border-style:solid none solid none !important;}
.popup-page.search-company .pop-main table.typeTwo tr:first-child td{border-style:solid solid solid solid !important;}
.pop-main .typeTwo th{border-style:none solid solid none !important;}
.popup-page.search-company .pop-main table.typeTwo td{border-style:none solid solid none !important;}

/*typeThree*/
.inspecTable.active{display:block;}
.typeThree thead th{background:#5F76B1; color:#fff; padding:10px; font-weight:400;}
.typeThree thead th.bodyH{background:#ECF2FF !important; color:#333333;}
.typeThree tbody th{background:#ECF2FF; color:#333333;}
.typeThree tbody th.headH{background:#5F76B1 !important; color:#fff; font-weight:400;}
.typeThree tbody td{padding:5px; color:#333333;}

.typeThree .light {font-weight:400;}

.typeThree thead th.left{border-left:1px solid #8798C4;}
.typeThree thead th.right{border-right:1px solid #8798C4;}
.typeThree thead th.bottom{border-bottom:1px solid #8798C4;}


.typeThree tbody .top{border-top:1px solid #DBDBDB;}
.typeThree tbody .right{border-right:1px solid #DBDBDB;}
.typeThree tbody .left{border-left:1px solid #DBDBDB;}
.typeThree tbody .bottom{border-bottom:1px solid #DBDBDB;}

.typeThree .Btop{border-top:1px solid #5F76B1;}
.typeThree .Bright{border-right:1px solid #5F76B1;}
.typeThree .Bleft{border-left:1px solid #5F76B1;}
.typeThree .Bbottom{border-bottom:1px solid #5F76B1;}
.typeThree .BTwoBottom{border-bottom:2px solid #5F76B1;}

/*개인정보처리방침*/
.indent{text-indent:10px;}
.indent_ty{text-indent:-20px; padding-left:20px;}

.privacy{padding: 16px; max-width:1314px; margin:0 auto;}
.privacy .center{text-align:center;}
.privacy .centerImg {display:block; margin:0 auto;}
.privacy .border_box{border:1px solid #ddd; padding:20px; margin-top:16px;}
.privacy h2{font-size: 1.99rem; font-weight: 700; line-height: 48px; color:#091152;}
.privacy p{color: #555; line-height: 24px; letter-spacing: -0.5px; margin: 10px 0 10px; position:relative;}
.privacy p.privacy_txt {margin:20px 0 10px;}
.privacy p.after{padding-left:10px;}
.privacy p.after::after{content: ''; position: absolute; top: 8px; left: 0; display: inline-block; width: 4px; height: 4px; background: #666; vertical-align: middle; margin-right: 5px;}

.privacy .btn_con {display:flex; justify-content:center;}
.privacy .btn_privacy {width:fit-content; text-align:center; display:block; padding:12px; color:#fff; margin-top: 15px;}



.privacy > .privacy_wrap.old > .privacy_cont + .privacy_cont,
.privacy > .privacy_wrap > .privacy_cont{margin-top:56px;}

.privacy > .privacy_wrap > .privacy_cont + .privacy_cont{margin-top:60px;}

.privacy > .privacy_wrap > .privacy_cont > .tit{line-height:24px; font-size:1.1rem; font-weight:700; color: #091152; letter-spacing: -0.5px;}

.privacy .privacy_table{border-top: 2px solid #276fb8; margin-top:16px;}
.privacy .privacy_table table{width:100%;}
.privacy .privacy_table table tr{border-bottom: 1px solid #ddd;}
.privacy .privacy_table table th,
.privacy .privacy_table table td{padding:12px 5px; text-align:center; line-height:22px; color:#020c22; font-size:14px; border:1px solid #ddd;}
.privacy .privacy_table table th{background-color: #f6f6f6; font-weight:600;}

.privacy .privacy_table.labels td{vertical-align:top;}
.privacy .privacy_table.labels .labeling{display:flex; align-items:center; justify-content:center; border-bottom: 1px dotted #ddd; height:150px;}
.privacy .privacy_table.labels .labeling span{font-size:18px; font-weight:500; color:#333;}
.privacy .privacy_table.labels .labeling img {width:30%;}
.privacy .privacy_table.labels .labeling_txt {display:flex; flex-direction:column; align-items:center;  margin: 10px 0 10px; gap:8px; height:90px; justify-content:center;}
.privacy .privacy_table.labels .labeling_txt p {margin:0;}

.privacy .sub_desc{display:flex; align-items:center; gap:10px; margin-top: 10px !important; color: #000 !important; font-size: 0.85rem !important; letter-spacing: -0.5px !important;}
.privacy .sub_desc a {margin-top:0;}

.privacy .privacy_table.index th{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.privacy .privacy_table.index td{border: 1px solid #ddd; padding:0;}
.privacy .privacy_table.index a{display:flex; gap:10px; color:#444; align-items:center;}
.privacy .privacy_table.index a img{display: block; box-sizing: content-box; width:40px; padding:10px; border-right:1px solid #ddd;}

.privacy .privacy_cont .privacy_tit{display:flex; align-items:center; gap:10px;}
.privacy .privacy_cont .privacy_tit img {width:40px;}
.privacy .privacy_cont .privacy_tit .btn_privacy {margin:0; padding:8px; background:#595959; border-radius: 5px;}
.privacy .privacy_cont .tit{line-height:24px; font-size:1.1rem; font-weight:700; color: #091152; letter-spacing: -0.5px;}

.privacy .privacy_cont .inner_content{padding-left:20px;}
.privacy .privacy_cont .inner_content strong{color:#444;}

.privacy .privacy_cont .inner_box {display:flex; padding:10px; border:1px solid #ddd; justify-content:space-between; align-items:center;}
.privacy .privacy_cont .inner_box a {margin:0;}

.privacy .privacy_cont .border_flex_box {display:flex; border:1px solid #ddd; margin-top:25px;}
.privacy .privacy_cont .border_flex_box .img_box {display: flex; flex-direction: column; align-items:center; justify-content: center; border-right: 1px solid #ddd; padding:15px; min-width: 70px; box-sizing: content-box;}
.privacy .privacy_cont .border_flex_box .img_box img {width:70px;}
.privacy .privacy_cont .border_flex_box .border_content {padding:10px; width:100%; padding: 10px 15px; width: 100%; display: flex; flex-direction: column; justify-content: center;}


/*공통*/
.page-tit{}

.gray-cont{background-color:#F2F3F5;}
.gray-border{border:1px solid #dbdbdb;}
.br-4{border-radius:4px;}
.pl-33{padding-left:33px;}
.str-red{color:#BA0000;}

.mgt-11{margin-top:11px;}
.mgt-12{margin-top:12px;}
.mgt-14{margin-top:14px;}
.mgt-19{margin-top:19px;}
.mgt-21{margin-top:21px;}
.mgt-24{margin-top:24px;}
.mgt-28{margin-top:28px;}
.mgt-30{margin-top:30px;}
.mgt-32{margin-top:32px;}
.mgt-37{margin-top:37px;}
.mgt-46{margin-top:46px;}
.mgt-50{margin-top:50px;}
.mgt-54{margin-top:54px;}

.flex-align-start{display:flex; align-items:flex-start;}
.flex-align-center{display:flex;align-items:center;}
.flex-justi-center{display:flex;justify-content:center;}
.flex-justi-end{display:flex;justify-content:end;}
.flex-item{flex:1;}
.gap-10{gap:10px;}
.gap-15{gap:15px;}
.gap-18{gap:18px;}
.gap-25{gap:25px;}
.gap-45{gap:45px;}
.gap-60{gap:60px;}
.gap-100{gap:100px;}

.pops{cursor:pointer;}

.lh-21{line-height:21px;}


[class^="square-icon-"]::before{content:"";min-width:16px;width:16px;height:16px;}
.square-icon-blue::before{background-color:#193B94;}
.square-icon-orange::before{background-color:#E58829;}
.square-icon-blue.twolines::before{position:relative; top:2px;}

[class^="circle-icon-"]::before{content:"";min-width:6px;width:6px;height:6px;}
.circle-icon-purple::before{background-color:#5F76B1;border-radius:4px;}


.f-dark{color:#333;}
.f-onedark{color:#111;}
.f-bold{font-weight:700;}
.f-semibold{font-weight:600;}
/*각 타이틀 분류*/
.titl{font-size:18px;}

.stroke-t1{height:1px;background-color:#DBDBDB;}
.stroke-t2{width:33px; height:3px; background-color:#1D2076;}
.stroke-t3{height:1px;background-color:#3D3D3D;}


.common-tab{height:45px; display:flex;}
.common-tab > li{flex:1;}
.common-tab > li > a{display:flex; justify-content:center; align-items:center; border-radius:4px; color:#fff; height:100%; background-color:#C2C2C2;}
.common-tab > li > a.active{font-weight:700;background-color:#5F76B1;}

.common-tab.btn-wrap > li{flex:none; width:150px;}

.common-table{}
.common-table table{width:100%;}

.koemBox {align-items:flex-start !important;}
.koemBox .white-cont{min-height:48px; padding:0 3px;}

/*검사안내*/
#intro-top{padding:32px 29px;}
#intro-top .intro-unit{margin-left:41px;}
#intro-top .intro-unit > p:first-child{width:320px;}
.white-cont{flex:1; max-width:196px; width:100%; min-height:107px;}
.intro-tool-tip::before{content: ""; width:24px; height: 24px; background:url(../../images/web/intro_tooltip_icon.svg) center center no-repeat;}
.intro-unit2{max-height:50px;}
.intro-unit3{padding:14px 0px 15px 16px;}

/*검사의뢰절차*/
#act-intro{padding:50px 0;}
#act-intro > img{max-width:90%;}

/*설립목적 및 연혁*/
.p-border-bottom{margin-left: 25px; margin-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;}

/*autofill 문제 해결*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;    
}