/* 제주넷 2019 콘텐츠 */ @font-face { font-family: 'SokchoSeaDotum'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/SokchoBadaDotum.woff2') format('woff2'); font-weight: normal; font-display: swap; } .naver-qrcode:focus{outline: 5px auto #0878d4; outline-offset: 2px;} a.badge:focus{outline: 5px auto #0878d4; outline-offset: 2px;} .well { clear:both;} .tRight { text-align:right; } .tleft { text-align:left; } .tCenter { text-align:center; } .tBlock { display:block; } .tBig { font-size:26px; font-weight:bold; } .tMiddle { font-size:16px; } .tBlue { color:#05509c; } .clear {clear:both; display:block; } .mCenter {margin: 0 auto;} .fLeft {float: left;} .hiddenX {display: none;} .tooltip-inner { max-width: 500px !important; } a.downloadBtn {padding-top: 0; margin-top: 3px; vertical-align: top;} .iframe-responsive {width:100%;overflow:auto;-webkit-overflow-scrolling: touch; } .iframe-responsive iframe{min-width:690px;width:100%;} /* Buttons Common */ /* .currentBtn {position: absolute; right: 0; top: 40px;} .btn { -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; font-size: 14px; height: 30px; padding: 2px 20px 5px; border:0 none; } a.btn { padding: 5px 20px; } .btn-lg { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; height: 50px; padding: 5px 10px; } a.btn-lg { padding: 15px 10px 5px; } .btn-sm { font-size: 12px; height: 20px; padding: 0 15px 2px; } a.btn-sm { padding: 0 15px; } .btn-xs { font-size: 11px; height: 15px; padding: 0 10px; } .btn-default, .label-default, .label-inverse { background-color: #333 !important; color: #fff !important; } .btn-primary, .label-primary { background-color: #1d57bd !important; } .btn-success, .label-success { background-color: #0681b5 !important; } .btn-info, .label-info { background-color: #058864 !important; } .btn-warning, .label-warning { background-color: #e98b29 !important; color:#333; } .btn-danger, .label-danger { background-color: #e95629 !important; }*/ /* alert common */ /*.alert { -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; color:#333; border: 0 none; } .alert-default { background-color: #eee; } .alert-success { background-color: #d6f0ff; } .alert-info { background-color: #cee6e0; color: #056a4e; } .alert-warning { background-color: #f0e0ce; color: #b02900; } .alert-danger { background-color: #ebdad5; color: #b02900; } table.table.table-data { border-top:1px solid #555; }*/ /* nav nav-tabs */ /*코로나*/ .main-corona {display: none;} /* 도민정책평가단 */ .gantt_table tbody td { padding-left:0 !important; padding-right:0 !important;} .gantt_table .selected { height: 4px; background:#555;} /*서브퀵메뉴*/ @media (max-width: 1200px) { .sub-quick { position: fixed !important; top: auto !important; right: 10px; bottom: 10px; z-index: 100; } .sub-quick .link-menu li, .sub-quick .main-snslink2 { display: none; } .sub-quick .link-menu li.list01 { display: flex !important; } .sub-quick .link-menu li.list01 a { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 50px; height: 50px; color: #fff; font-size: 10px; line-height: 150%; border-radius: 12px; background-color: #006AFF; box-shadow: 5px 6px 15px #00000029; } .sub-quick .link-menu li.list01 a::before { content: "\f013"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; } } @media (min-width: 1200px) { .sub-quick { border-left:1px solid #dedede; background:#fff; width:80px; position:absolute; z-index:101; overflow-y: auto; right:0px; top:401px; height:100vh; } .sub-quick .link-menu { padding-left:10px; padding-right:10px; } .sub-quick .link-menu li {border-bottom: 1px solid #dedede; text-align: center;} .sub-quick .link-menu li a {display: block; width: 100%; height: 100%; padding: 50px 0 20px; color: #000; font-size: 14px; background-repeat: no-repeat; background-position: center 20px ;} .sub-quick .link-menu li.list01 a { background-image:url(/pub/site/jejunet/2019/images/sub/icon02.png); } .sub-quick .link-menu li.list02 a { background-image:url(/pub/site/jejunet/2019/images/sub/icon03.png); } .sub-quick .link-menu li.list03 a { background-image:url(/pub/site/jejunet/2019/images/sub/icon01.png); } .sub-quick .link-menu li.list04 a { background-image:url(/pub/site/jejunet/2019/images/sub/icon04.png); } .sub-quick .link-menu li.list05 a { background-image:url(/pub/site/jejunet/2019/images/sub/icon05.png); } .sub-quick .link-menu li.list09 a { background-image:url(/pub/site/jejunet/2018/images/sub/quick_icon_07.png); } .sub-quick .link-menu li.list06, .sub-quick .link-menu li.list07, .sub-quick .link-menu li.list08 {display: none;} .main-snslink2 {float: left; padding: 15px 10px;} .main-snslink2 h3 {display: none;} .main-snslink2 .sns-group {float: left; text-align: center;} .main-snslink2 .sns-group a {float: left; width: 100%; text-align: center; margin-bottom: 5px;} } @media (min-width: 1200px) and (max-width: 1420px) { .sub-quick { border:1px solid #d1d1d1; border-top:0px; background:#fff; position:absolute;z-index:50; right:0px; top:319px; height:40px; width: auto; overflow-y: initial; } .sub-quick .link-menu { float:left; padding: 0;} .sub-quick .link-menu li {float:left; border-left:1px solid #d1d1d1; border-bottom: none; } .sub-quick .link-menu li:first-child { border-left:none; } .sub-quick .link-menu li a {display:block; width:60px; height:40px; padding: 0; text-align:center; color:#000; font-weight:bold; background-repeat: no-repeat; background-position: center ; background-size: 25px;} .sub-quick .link-menu li span { position:absolute; top:-3000px; left:-30000px; font-size:0px; } .sub-quick .link-menu li span.open { position:absolute; top:40px; left:0px; width:100%; background:#0074b9; padding:10px 0px; font-size:16px; color:#fff; font-weight:bold; text-align:center; } .sub-quick .link-menu li.list06 img {vertical-align: top; margin-top: 4px;} .sub-quick .link-menu li.list06, .sub-quick .link-menu li.list07, .sub-quick .link-menu li.list08 {display: block; width: 60px;} .sub-quick .link-menu li.list06 button, .sub-quick .link-menu li.list07 button, .sub-quick .link-menu li.list08 button{font-size: 26px; font-weight: bold; color: #5b5b5b; padding: 0;} .contents-util {display: none;} .main-snslink2 {padding: 1px 10px 0; border-left: 1px solid #d1d1d1;} .main-snslink2 .sns-group a {width: auto;} .main-snslink2 .sns-group a:first-child {width: auto;} .main-snslink2 .sns-group a img {height: 35px;} } @media (min-width: 992px) { /*상단 메뉴스타일*/ .header-util > li > a {color: #4c4c4c;} .header-util .dropdown:after {color: #4c4c4c;} .header-util > li + li:before {color: #4c4c4c;} .gnb .gnb-menus h3 a {color: #000;} .all-menu-view a {color: #000;} .gnb .gnb-menus h3 a:hover, .gnb .gnb-menus h3 a.active {border-bottom: 5px solid #0074b9;} /*검색*/ .sub-search {/* margin-left: 345px; */ width: 510px;} .sub-search .header-search {position: relative; background: rgba(255, 255, 255, .8); border-radius: 30px; width: 100%; float: left;} .sub-search .header-search input {float: left; width: 90%; color: #000; padding-left: 30px; height: 60px; border-radius: 30px 0 0 30px; background: none; border: none; font-size: 20px; vertical-align: top;} .sub-search .header-search button {float: left; width:10%; height:60px; background: none; border: none; color: #000; border: 0; font-size: 25px;} .sub-search .header-search button:focus{outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} ul.tab-menu { display: flex; flex-wrap: wrap; width:100%; background-color:#eee; } ul.tab-menu li { width:33.333%; } ul.tab-menu li a { display:block; padding:15px 0; text-align: center; background-color: #FFF; border: 1px solid #ddd; letter-spacing: -1.6px; color: #555; font-weight: normal; font-size: 16px; } ul.tab-menu li.active a { padding:12px 0; border:4px solid #0074b9; color: #0074b9; } ul.tab-menu li.active a:focus { position: relative; z-index: 99999; } ul.tab-menu.tabs1 li {width:100%;} ul.tab-menu.tabs2 li {width:calc(100% / 2);} ul.tab-menu.tabs3 li, ul.tab-menu.tabs5 li, ul.tab-menu.tabs6 li, ul.tab-menu.tabs9 li {width:33.333%;} ul.tab-menu.tabs4 li, ul.tab-menu.tabs7 li, ul.tab-menu.tabs8 li, ul.tab-menu.tabs11 li, ul.tab-menu.tabs12 li {width:calc(100% / 4);} ul.tab-menu.tabs10 li {width:calc(100% / 5);} ul.nav.nav-tabs li { width:33.333%; height: 42px;} } /*주요행정통계 셀렉*/ @media (min-width: 992px) { .survey-select .source-trigger-container {display: block !important;} .survey-select .source-trigger-container a {padding: 10px; font-size: 16px;} .survey-select .source-trigger { position:relative; } .survey-select .source-trigger i { position:absolute; right:15px; } .survey-select ul.tab-menu { border: 1px solid #ddd; display: none; border-top: none; } .survey-select ul.tab-menu li { width: 100%; } .survey-select ul.tab-menu li:last-child { border-bottom: 0; } .survey-select ul.tab-menu li a { display: block; padding:10px 15px; color:#555; border: none; border-top:1px solid #ddd; } .survey-select ul.tab-menu li.active a { padding:8px 15px; border:2px solid #0074b9; color: #0074b9; } } @media (max-width: 991px) { .source-trigger { position:relative; } .source-trigger i { position:absolute; right:15px; } ul.tab-menu { border: 1px solid #ddd; } ul.tab-menu li { border-bottom:1px solid #ddd; } ul.tab-menu li:last-child { border-bottom: 0; } ul.tab-menu li a { display: block; padding:6px 15px; color:#555; font-weight: normal; font-size: 16px; } ul.tab-menu li.active a { padding:4px 15px; border:2px solid #0074b9; color: #0074b9; } } ul.nav.nav-tabs {background:#eee;} ul.nav.nav-tabs li {margin-bottom:0;} ul.nav.nav-tabs li a {border:1px solid #ddd; margin-right:0; text-align:center; background:#fff; height: 100%;} ul.nav.nav-tabs li.active a {background:#0074b9; color:#FFF; font-weight: bold; font-size: 15px;} ul.nav-pills>li h3 {font-weight: normal; font-size:13px;} ul.nav-pills>li a {display: block; width: 100%; padding:12px 0; text-align: center; border:1px solid #ddd; color:#555; font-size:13px; letter-spacing:-1.6px;} ul.nav-pills>li.active a {border:1px solid #0074b9; background-color: #0074b9;} .nav-pills>li.active a, .nav-pills>li.active a:focus, .nav-pills>li.active a:hover {background-color: #0074b9; color: #fff; text-decoration: none;} /*기본통계*/ .statsWrap {} .contents-wrapper .statsWrap ul{margin:0 -10px 20px -10px;} .contents-wrapper .statsWrap ul li { float:left; margin-bottom:30px; text-align:center; padding-left:0px !important; } .statsWrap ul li .img {margin-bottom:10px; } .statsWrap ul li p.title {font-size:16px; color:#333; font-weight:bold; background:url(/pub/site/jejunet/2016/images/sub3/tit_bar.jpg) no-repeat center bottom; padding-bottom:13px; margin-bottom:6px; } .statsWrap ul li p { line-height:1.4; color:#555; font-size:14px; padding-bottom:0px; } .statsWrap ul li p strong{ font-size:16px; } .online2Box {float: left; width: 100%; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px;} .online2Box p {float: left;font-size: 15px; padding: 0;} .online2Box a {float: right;} /* 조직도 */ .contents-wrapper .organChart ul {list-style:none;} .contents-wrapper .organChart ul li {margin:10px;background:none;} .contents-wrapper .organChart ul li span {display:block;background:#1D56BD;color:white;padding:5px;width:200px;} .contents-wrapper .organChart ul li.org1 span {background:#EEEEEE;color:#474747;border:1px solid #474747;margin-left:20px;} .contents-wrapper .organChart ul li ul li span {background:#333333;} .contents-wrapper .organChart ul li ul li ul li {padding-left:100px;} .contents-wrapper .organChart ul li ul li ul li span {background:#D6F0FF;color:#474747;border:1px solid #A2C3D4; cursor: pointer;} .contents-wrapper .organChart ul li ul li ul li ul li {padding-left: 30px;} .jeju-map a {display: block;} @media (min-width: 992px) { .full-contents {padding-left: 0; padding-right: 0;} .full-sub .contents-tit {padding-top: 50px;} .contents-wrapper .organChart2017{position: relative;} .contents-wrapper .organChart2017 .top-text{position: absolute; font-size: 13px; top: 0px; left: 0; border: 1px solid #e3e3e3; padding: 10px; display: inline-block;} .contents-wrapper .organChart2017 .top-text p{padding: 0;} .contents-wrapper .organChart2017 .top-text ul li{ position: relative; padding-left: 10px;} .contents-wrapper .organChart2017 .top-text ul li:before{ content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #555; top: 8px;left: 0; } .contents-wrapper .organChart2017 ul {margin:0;} .contents-wrapper .organChart2017 ul li {background:none; padding-left:0;} .contents-wrapper .organChart2017 ul li.boss { text-align:center;} .contents-wrapper .organChart2017 ul li.boss>span {display:inline-block; width:30%; line-height:50px; background:#058964; color:#fff; border-radius:10px; font-size:16px;} .contents-wrapper .organChart2017 .org-line-center {float:left; width:100%;} .contents-wrapper .organChart2017 .org1 {position:relative; float:left; width:50%; padding:35px 0; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 center;} .contents-wrapper .organChart2017 .org1 span {display:inline-block; width:90%; background: #fff;} .contents-wrapper .organChart2017 .org1 span>span {display:inline-block; width: 35%; line-height:35px; background:#eee; color:#333; border:1px solid #ccc; border-radius:10px; text-align:center;} .contents-wrapper .organChart2017.org2018 .org1 {background: none; padding:35px 0 15px;} .contents-wrapper .organChart2017.org2018 .org1 span {display:inline-block; width:65%; background: #fff;} .contents-wrapper .organChart2017.org2018 .org1.org-right {background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 29%;} .contents-wrapper .organChart2017.org2018 .org1.org-right span>span {background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0; display:inline-block; width: 50%; padding-bottom:20px; border: none;} .contents-wrapper .organChart2017.org2018 .org1.org-right span>span>span {display:inline-block; width: 100%; line-height:35px; background:#007bc1; color:#fff; border-radius:10px; text-align:center; padding-bottom: 0px;} .contents-wrapper .organChart2017.org2018 .org3-2018>li {width: 50%;} .contents-wrapper .organChart2017.org2018 .org3-2018>li span {background: #eee; border:1px solid #ccc; border-radius:10px;} .contents-wrapper .organChart2017.org2018 .org1.org-right:after {height: 202px;} .contents-wrapper .organChart2017 .org1 {position: relative;} .contents-wrapper .organChart2017 .org1.org-right:after {border-left:1px solid #ccc; position:absolute; top:0; left:0; width:1px; height:124px; display:block; content:"";} .contents-wrapper .organChart2017 .org2 {position: relative; float:left; width:50%; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 17px;} .contents-wrapper .organChart2017 .org2>span {display:inline-block; width:66%; background: #fff;} .contents-wrapper .organChart2017 .org2 span>span {display:inline-block; width: 50%; padding-bottom:20px; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0;} .contents-wrapper .organChart2017 .org2 span>span>span {width:100%; line-height:35px; padding-bottom:0; background:#333; color:#fff; border-radius:10px; text-align:center;} .contents-wrapper .organChart2017 .org2 span>span>span a {display:block; color:#fff; } .contents-wrapper .organChart2017 .org-left, .contents-wrapper .organChart2017 .org-right>span {text-align:left;} .contents-wrapper .organChart2017 .org-left>span, .contents-wrapper .organChart2017 .org-right {text-align:right;} .contents-wrapper .organChart2017 .org2.org-left {padding-right:1%;} .contents-wrapper .organChart2017 .org2.org-right {position: relative; float: left; width: 50%; background: url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 17px;} .contents-wrapper .organChart2017 .org2.org-right .org3 {width: 100%; float: right;} .contents-wrapper .organChart2017 .org2.org-center {width: 25%; text-align: right; z-index: 20;} .contents-wrapper .organChart2017 .org2.org-center span>span {width: 100%} .contents-wrapper .organChart2017 .org2.org-right>span {display: none;} .contents-wrapper .organChart2017 .org2.org-right .org3>li {width: 66%; float: right;} .contents-wrapper .organChart2017 .org2.org-center .org3>li {width: 66%;} .contents-wrapper .organChart2017 .org2.org-center .org3>li {float: right;} .contents-wrapper .organChart2017 .org2.org-center .org3 li.line-none {background: none; padding-top: 40px;} .contents-wrapper .organChart2017 .org2.org-right .line-right:after {width: 150px;} .contents-wrapper .organChart2017 .org2.org-right .org3 .line-right {padding-top: 90px;} .contents-wrapper .organChart2017 .org3 {float:left; width:100%; margin-bottom:20px; background:#fff; text-align:center; letter-spacing:-1.6px;} .contents-wrapper .organChart2017 .org3>li {position:relative; float:left; width:33.333%; padding-top:20px; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0;} .contents-wrapper .organChart2017 .line-left:after {border-top:1px solid #ccc; position:absolute; top:0; left:50%; width:100%; display:block; content:"";} .contents-wrapper .organChart2017 .line-center:after {border-top:1px solid #ccc; position:absolute; top:0; left:0; width:100%; display:block; content:none;} .contents-wrapper .organChart2017 .line-right:after {border-top:1px solid #ccc; position:absolute; top:0; right:50%; width:100%; display:block; content:"";} .contents-wrapper .organChart2017 .org3>li>span {display:block; width:90%; line-height:33px; margin:0 auto; border:1px solid #fdde7e; background:#ffee90; color:#333;} /*조직도 컬러수정 */ .contents-wrapper .organChart2017 .org2.green-group .org3>li>span {background:#D9F8EF; border:1px solid #C4DED6;} .contents-wrapper .organChart2017 .org2.blue-group .org3>li>span {background:#DBEDFF; border:1px solid #B8D6F0;} .contents-wrapper .organChart2017 .org2.purple-group .org3>li>span {background:#EADFFE; border:1px solid #D8C7F6;} .contents-wrapper .organChart2017 .org2.yellow-group .org3>li>span {background:#FFEE90; border: 1px solid #FDDE7E;} .contents-wrapper .organChart2017 .org3>li>ul {width:90%; min-height:200px; margin:0 auto; padding:5px 0; border:1px solid #E3E3E3; border-top: 0 none; background:#fff;} .contents-wrapper .organChart2017 .org3>li>ul>li {padding:2px 0;} .contents-wrapper .organChart2017 .org3>li>ul>li>a {color:#333;} .contents-wrapper .organChart2017 .org-line-center .layer-popup {display: none; text-align: center; position: absolute; top: 50px; left: 0px; z-index: 100; padding: 20px 10px 10px; background: #fff; border: 3px solid #b7b7b7; width: 400px; margin: 0 1%;} .contents-wrapper .organChart2017 .org-line-center .layer-popup .close-btn {display: inline-block; border: 1px solid #ccc; background: #fff; text-align: center; padding: 5px 10px; cursor: pointer;} .contents-wrapper .organChart2017 .org-line-center .layer-popup-btn1, .contents-wrapper .organChart2017 .org-line-center .layer-popup-btn2 {cursor: pointer;} .contents-wrapper .organChart2017.org2019 .org1 {background: none; padding:35px 0 15px;} .contents-wrapper .organChart2017.org2019 .org1.org-right:after {height: 72px;} .contents-wrapper .organChart2017.org2019 .org-line-center .layer-popup {top: 70px;} .contents-wrapper .organChart2017.org2019 .org-line-center .layer-popup2 {left: -110px;} .contents-wrapper .organChart2017.org2019 .org2 {background: url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x left top;} .contents-wrapper .organChart2017.org2019 .org2>span {background: none;} .contents-wrapper .organChart2017.org2019 .org2.org-left2 {width: 17%;} .contents-wrapper .organChart2017.org2019 .org2.org-left {width: 49%;} .contents-wrapper .organChart2017.org2019 .org2.org-center {width: 17%;} .contents-wrapper .organChart2017.org2019 .org2.org-right {width: 17%;} .contents-wrapper .organChart2017.org2019 .org2>span {width: 100%;} .contents-wrapper .organChart2017.org2019 .org2.org-left2>span, .contents-wrapper .organChart2017.org2019 .org2.org-right>span {display: none;} .contents-wrapper .organChart2017.org2019 .org2 span>span {width: 100%; padding-top: 30px;} .contents-wrapper .organChart2017.org2019 .org2 span>span>span {padding-top: 0px;} .contents-wrapper .organChart2017.org2019 .org2.org-left>span {width: 100%; text-align: center;} .contents-wrapper .organChart2017.org2019 .org2.org-left span>span {width: 60%;} .contents-wrapper .organChart2017.org2019 .org2 .org3>li {width: 100%;} .contents-wrapper .organChart2017.org2019 .org2.org-left2 .org3>li, .contents-wrapper .organChart2017.org2019 .org2.org-right .org3>li {padding-top: 105px;} .contents-wrapper .organChart2017.org2019 .org2.org-left .org3>li {width: 33.333%;} .contents-wrapper .organChart2017.org2019 .org2.org-center .org3>li.line-none {padding-top: 40px;} .contents-wrapper .organChart2017.org2019 .org2.org-left2 .org3>li.bg-none {background: transparent; padding-top: 40px;} .contents-wrapper .organChart2017.org2019 .org2.org-left2 .org3>li.bg-none:after {content: none;} .contents-wrapper .organChart2017.org2019 .org2.org-right2 .org3>li.bg-short {padding-top: 40px;} } @media (min-width: 992px) and (max-width: 1199px) { .contents-wrapper .organChart2017 .org3 {font-size:12px;} } @media (max-width: 991px) { .contents-wrapper .organChart2017{position: relative;} .contents-wrapper .organChart2017 .top-text{ font-size: 13px; margin-bottom: 30px; border: 1px solid #e3e3e3; padding: 10px; display: inline-block;} .contents-wrapper .organChart2017 .top-text p{padding: 0;} .contents-wrapper .organChart2017 .top-text ul li{ position: relative; padding-left: 10px;} .contents-wrapper .organChart2017 .top-text ul li:before{ content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #555; top: 8px;left: 0; } .contents-wrapper .organChart2017 ul {margin:0;} .contents-wrapper .organChart2017 ul li {background:none; padding-left:0;} .contents-wrapper .organChart2017 ul li.boss { text-align:center;} .contents-wrapper .organChart2017 ul li.boss>span {display:inline-flex; justify-content: center;align-items: center;width:40%; line-height:15px; background:#058964; color:#fff; border-radius:10px; height: 60px; padding: 0 10px; } .contents-wrapper .organChart2017 .org-line-center {float:left; width:100%;} .contents-wrapper .organChart2017 .org1 {position:relative; float:left; width:50%; padding:20px 0; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 center;} .contents-wrapper .organChart2017 .org1 span {display:inline-block; width:90%; background: #fff;} .contents-wrapper .organChart2017 .org1 span>span {display:inline-block; width: 80%; line-height:35px; background:#eee; color:#333; border:1px solid #ccc; border-radius:10px; text-align:center;} .contents-wrapper .organChart2017 .org1.org-right:after {border-left:1px solid #ccc; position:absolute; top:0; left:0; width:1px; height:77px; display:block; content:"";} .contents-wrapper .organChart2017 .org-left, .contents-wrapper .organChart2017 .org-right>span {text-align:left;} .contents-wrapper .organChart2017 .org-left>span, .contents-wrapper .organChart2017 .org-right {text-align:right;} .contents-wrapper .organChart2017.org2018 .org1 {background: none; padding:35px 0 15px;} .contents-wrapper .organChart2017.org2018 .org1 span {display:inline-block; width:90%; background: #fff;} .contents-wrapper .organChart2017.org2018 .org1.org-right {background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 25%;} .contents-wrapper .organChart2017.org2018 .org1.org-right span>span {background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0; display:inline-block; width: 90%; padding-bottom:20px; border: none;} .contents-wrapper .organChart2017.org2018 .org1.org-right span>span>span {display:inline-block; width: 100%; line-height:35px; background:#007bc1; color:#fff; border-radius:10px; text-align:center; padding-bottom: 0px;} .contents-wrapper .organChart2017.org2018 .org3-2018>li {float: none; width: 70%; margin: 0 auto; text-align: center; padding: 0 0 10px 0;} .contents-wrapper .organChart2017.org2018 .org3-2018>li span {background: #eee; border:1px solid #ccc; border-radius:10px;} .contents-wrapper .organChart2017.org2018 .org1.org-right:after {height: 202px;} .contents-wrapper .organChart2017 .org2 {position: relative; clear:both; text-align:center;} .contents-wrapper .organChart2017 .org2 span>span>span {display:inline-block; width:45%; line-height:35px; padding-bottom:0; background:#333; color:#fff; border-radius:10px; text-align:center;} .contents-wrapper .organChart2017 .org2 span>span>span a {color: #fff;} .contents-wrapper .organChart2017 .org3 {float:left; width:100%; margin-bottom:20px; background:#fff; text-align:center; font-size:12px; letter-spacing:-1.6px;} .contents-wrapper .organChart2017 .org3>li {position:relative; float:left; width:33.333%; padding-top:20px;} .contents-wrapper .organChart2017 .org3:first-child>li{padding-top: 0;} .contents-wrapper .organChart2017 .org3>li>span {display:block; line-height:33px; margin:0 auto; border:1px solid #fdde7e; background:#ffee90; color:#333;} .contents-wrapper .organChart2017 .org2.green-group .org3>li>span {background:#D9F8EF; border:1px solid #C4DED6;} .contents-wrapper .organChart2017 .org2.blue-group .org3>li>span {background:#DBEDFF; border:1px solid #B8D6F0;} .contents-wrapper .organChart2017 .org2.purple-group .org3>li>span {background:#EADFFE; border:1px solid #D8C7F6; } .contents-wrapper .organChart2017 .org2.yellow-group .org3>li>span {background:#FFEE90; border: 1px solid #FDDE7E} .contents-wrapper .organChart2017 .org3>li>ul { min-height:175px; margin:0 auto; padding:5px 0; border:1px solid #E3E3E3; border-top: 0 none; background:#fff;} .contents-wrapper .organChart2017 .org3>li>ul>li {padding:2px 0;} .contents-wrapper .organChart2017 .org3>li>ul>li>a {color:#333;} .contents-wrapper .organChart2017 .org-line-center .layer-popup {display: none; position: absolute; top: 50px; left: 0px; z-index: 100; padding: 20px 10px 10px; background: #fff; border: 3px solid #b7b7b7; width: 100%;} .contents-wrapper .organChart2017 .org-line-center .layer-popup .close-btn {display: inline-block; border: 1px solid #ccc; background: #fff; text-align: center; padding: 5px 10px; cursor: pointer;} .contents-wrapper .organChart2017.org2019 .org1 {background: none;} } .relSite { list-style:none; margin:0 0 20px 0;float:left; margin-right:-10px; padding:0; } .relSite li { float:left; padding-left:0px; background:none; } .relSite li a { float:left;display:block;border-radius:5px;margin-bottom:10px; margin-left:10px; background:#eee; width:140px; text-align:center; height:50px; padding-top:16px; font-size:14px; color:#333; } .relSite li.long a { padding-top:6px; } .relSite li a:hover {background:#d6f0ff; } /* 일자리관련 사이트 */ .relSite.industry {margin: 0; width: 100%;} .relSite.industry li {background: none;padding-left: 0;} .relSite.industry li a {width: 100%;margin-left: 0; padding-top: 13px;} .relSite.industry li.long a {padding-top: 2px;} .relSite.industry li a:after {content: '\e806'; font-family: 'fontello'; position: absolute; top: 15px; right: 25px;} /*.contents-wrapper {width:745px;}*/ .full-contents .contents-wrapper { width:100%; } .contents-wrapper h2 {clear:both; margin: 0 0 10px 0; padding: 5px 0 9px 0; font-size: 22px;} .contents-wrapper h3 {clear:both; line-height:1.4; margin:0 0 15px 0; font-size:20px; font-weight:bold; color:#000;} .contents-wrapper h4 {clear:both; background:url(/pub/site/jejunet/2018/images/sub/blit.png) no-repeat 0 3px; margin:0 0 10px 0; padding-left:17px; font-size:16px; font-weight:normal; color:#333;} .contents-wrapper h5 {clear:both; background:url(/pub/site/jejunet/2017/images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px;line-height:1.6; font-size:14px; font-weight:normal; color:#333;} .module-wrapper h3 {clear:both; line-height:1.4; margin:0 0 15px 0; padding:9px 0; font-size:20px; font-weight:bold; color:#000;} .module-wrapper h4 { background:url(/pub/site/jejunet/2018/images/sub/blit.png) no-repeat 0 4px; margin:0 0 10px 0; padding-left:17px; font-size:16px; font-weight:normal; color:#333; line-height: 140%;} .module-wrapper h5 { background:url(/pub/site/jejunet/2017/images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px; font-size:14px; line-height:1.6; font-weight:normal; color:#333;} .module-wrapper p.comment-icon {background-image: url(/pub/site/jejunet/2017/images/sub/re.png);background-size: 50% 63%;background-repeat: no-repeat;width: 20px;height: 20px;float: left;} .contents-wrapper ul {clear:both; list-style:none; margin:0 0 15px 3px; padding:0;} .contents-wrapper ul li {background:url(/pub/site/jejunet/2017/images/sub/icon_04.png) no-repeat 0 10px;line-height:1.6; padding-left:14px;} .contents-wrapper ul.list-unstyled li {background:none; padding-left:12px;} .contents-wrapper p {padding:0 0 10px 0; margin:0; letter-spacing:-0.6px; line-height:1.6;} .contents-wrapper p.in {padding:0 0 15px 15px;} .contents-wrapper table.table.table-data, .contents-wrapper table.table.table-list, .contents-wrapper table.table.table-view, .contents-wrapper table.table.table-form {border-top:2px solid #000; } .contents-wrapper table.no-caption caption {position:absolute; top:-3000px; left:-3000px; height:0px; line-height:0px; } .contents-wrapper table.caption-bottom-center caption {caption-side: bottom; text-align: center;} .contents-wrapper table.table.table-data thead th, .contents-wrapper table.table.table-list thead th, .contents-wrapper table.table.table-form th, .contents-wrapper table.table.table-view th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;} .contents-wrapper table.table.table-data tbody td, .contents-wrapper table.table.table-list tbody td {padding:8px 10px; border:1px solid #ddd; vertical-align:middle; text-align: center; background:#fff; } .contents-wrapper table.table.table-data tbody th{padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;} .contents-wrapper table.table.table-data tbody td.contents, .contents-wrapper table.table.table-list tbody td.contents, .contents-wrapper table.table.table-data tbody td.title, .contents-wrapper table.table.table-list tbody td.title {text-align: left;} .contents-wrapper .alert-success table { margin-bottom:0px; } .contents-wrapper .alert-success table.table.table-data thead th, .contents-wrapper .alert-success table.table.table-list thead th, .contents-wrapper .alert-success table.table.table-form th, .contents-wrapper .alert-success table.table.table-view th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;} .contents-wrapper .alert-success table.table.table-data tbody td, .contents-wrapper .alert-success table.table.table-list tbody td {padding:5px 10px; border:1px solid #ddd; vertical-align:middle; text-align: center; background:#fff; } .contents-wrapper .alert-success table.table.table-data tbody td.contents, .contents-wrapper .alert-success table.table.table-list tbody td.contents, .contents-wrapper .alert-success table.table.table-data tbody td.title, .contents-wrapper .alert-success table.table.table-list tbody td.title {text-align: left;} .well table.table.table-data, .well table.table.table-list, .well table.table.table-view, .well table.table.table-form {border-top:2px solid #000; } .well table.no-caption caption {position:absolute; top:-3000px; left:-3000px; height:0px; line-height:0px; } .well table.caption-bottom-center caption {caption-side: bottom; text-align: center;} .well table.table.table-data thead th, .well table.table.table-list thead th, .well table.table.table-form th, .well table.table.table-view th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;} .well table.table.table-data tbody td, .well table.table.table-list tbody td {padding:8px 10px; background: #fff; border:1px solid #ddd; vertical-align:middle; text-align: center; background:#fff; } .well table.table.table-data tbody td.contents, .well table.table.table-list tbody td.contents, .well table.table.table-data tbody td.title, .well table.table.table-list tbody td.title {text-align: left;} .dataTable { width:100%; border-collapse:collapse;border-top:2px solid #555; } .dataTable thead th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; } .dataTable tbody th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; } .dataTable td {background:#fff; padding:8px 10px; border:1px solid #ddd; vertical-align:middle; } .table-list .article_1107170 td {background: #f2dede !important;} .contents-wrapper ul.nav { margin: 0; } .contents-wrapper ul.nav li { list-style: none; margin: 0; padding: 0; background: none; } /* table tr td dl dt {clear:both; background:url(/pub/site/jejunet/images/sub/icon_02.gif) no-repeat 0 5px; margin:10px 0; padding-left:15px; font-size:16px; font-weight:bold; color:#333;} table tr td dl dd {background:url(/pub/site/jejunet/images/sub/icon_03.gif) no-repeat 0 7px; margin-left:10px; padding-left:12px;} */ .img-txt {position:relative;} .img-txt .txt1 {position:absolute; top:90px; left:50px; font-size:24px; font-weight:bold; color:#FFF;} .img-txt .txt2 {position:absolute; top:210px; left:50px; font-size:24px; color:#FFF;} .contents-wrapper .foreign h5 { float:none; } .sub-contents ol { margin-left:10px; padding-left:10px; } .contents-wrapper table.table.table-data thead th.text-left, .contents-wrapper table.table.table-list thead th.text-left, .contents-wrapper table.table.table-data thead td.text-left, .contents-wrapper table.table.table-list thead td.text-left, .contents-wrapper table.table.table-data tbody th.text-left, .contents-wrapper table.table.table-list tbody th.text-left, .contents-wrapper table.table.table-data tbody td.text-left, .contents-wrapper table.table.table-list tbody td.text-left, .contents-wrapper .dataTable thead th.text-left, .contents-wrapper .dataTable thead td.text-left, .contents-wrapper .dataTable tbody th.text-left, .contents-wrapper .dataTable tbody td.text-left {text-align: left;} .contents-wrapper table.table.table-data thead th.text-right, .contents-wrapper table.table.table-list thead th.text-right, .contents-wrapper table.table.table-data thead td.text-right, .contents-wrapper table.table.table-list thead td.text-right, .contents-wrapper table.table.table-data tbody th.text-right, .contents-wrapper table.table.table-list tbody th.text-right, .contents-wrapper table.table.table-data tbody td.text-right, .contents-wrapper table.table.table-list tbody td.text-right, .contents-wrapper .dataTable thead th.text-right, .contents-wrapper .dataTable thead td.text-right, .contents-wrapper .dataTable tbody th.text-right, .contents-wrapper .dataTable tbody td.text-right {text-align: right;} #contactUs {width:100%; padding-bottom:10px; border:1px solid #CCC; font-size:14px;} #contactUs dl {display: flex; flex-wrap: wrap; width:100%; margin-top:10px;} #contactUs dl dt {line-height:30px; padding:0 20px; border-left:1px solid #CCC;} #contactUs dl dt:nth-of-type(1) {border-left:0 none;} #contactUs dl dd:nth-of-type(1) {width:40%;} #contactUs dl dd:nth-of-type(2) {width:30%;} #contactUs dl dd {float:left; line-height:30px; word-break: break-all;} #pageSurvey {margin-top: 10px; padding-bottom: 20px; margin-bottom:0px; background:#EEE; border:1px solid #CCC;} #pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;} #pageSurvey dl dd {padding-top:10px;} #pageSurvey dl dd ul {margin:0;} #pageSurvey dl dd label {margin-right:35px; font-weight:normal; display: inline-flex; align-items: center;} #pageSurvey dl dd label input {margin-right:5px;} #pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;} #pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;} #pageSurvey dl dd button:focus{outline: 3px auto red; outline-offset: -3px} #pageSurvey .survey-title {color: #555; font-weight: bold; margin-top: 10px;} #snsReply {position:relative; clear:both; padding:15px 20px 5px 20px; margin-bottom:20px; background:#EEE; border-bottom:1px solid #ccc; border-right:1px solid #CCC; border-left:1px solid #CCC;} #snsReply .sns-select em {margin-left:30px; font-style:normal;} #snsReply .comment textarea {width:629px; height:60px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;} #snsReply .comment button {width:59px; height:60px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;} #snsReply .comment span {position:absolute; top:20px; right:20px;} #snsReply .comment em {} #snsReply ul {padding-top:10px;} #snsReply ul li {padding:5px 0;} #snsReply ul li img {} #snsReply ul li strong {display:inline-block; width:70px;} #snsReply ul li em {float:right; font-style:normal;} .alert-default { background:#eee;color:#333;} .alert-primary { background:#e1ecfe; color:#333;} /* .alert-success { background:#d6f0ff; color:#333;} .alert-info { background:#e1f5da;color:#05694d; } .alert-warning { background:#f1e0ce;color:#ae2802;} .alert-danger { background:#ecdad6; color:#b12903;} */ .tabBox {float: left; width: 100%;} .contents-wrapper .lineBox { padding:30px; border:1px solid #e1e1e1; margin-bottom:20px; } .contents-wrapper .line2 { padding:25px 30px; } .contents-wrapper .line2 strong { font-size:16px; } /*공익신고센터*/ .contents-wrapper .stepguide ul.step { } .contents-wrapper .stepguide ul.step li { padding: 0 20px; margin-bottom: 20px; min-height: 83px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center; } .contents-wrapper .stepguide ul.step li p { min-height: 83px; background: #d6f0ff; border-radius : 10px; padding-top: 27px;} .contents-wrapper .stepguide ul.step li:last-child {background:none; } .contents-wrapper .stepguide ul.step li p.last {background: #1d56bd; color: #fff;} .contents-wrapper .stepguide ul.step li p.first {padding-top: 5px;} /* 투명한정부 */ .contents-wrapper .gov01 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;} .contents-wrapper .gov01 .govTit span {color: #056a4e;} .contents-wrapper .gov01 .text-success {font-size: 14px; padding: 0 0 0 15px;} .contents-wrapper .gov01 .alert-info {margin: 25px 0 0 0;} .contents-wrapper .gov01 .alert-info .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;} /* 유능한정부 */ .contents-wrapper .gov02 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;} .contents-wrapper .gov02 .govTit span {color: #b02900;} .contents-wrapper .gov02 .text-danger {font-size: 14px; padding: 0 0 0 15px;} .contents-wrapper .gov02 .alert-danger {margin: 25px 0 0 0;} .contents-wrapper .gov02 .alert-danger .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;} /* 서비스정부 */ .contents-wrapper .gov03 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;} .contents-wrapper .gov03 .govTit span {color: #1d57bd;} .contents-wrapper .gov03 .text-primary {font-size: 14px; padding: 0 0 0 15px;} .contents-wrapper .gov03 .alert-success {margin: 25px 0 0 0;} .contents-wrapper .gov03 .alert-success .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;} /*정부3.0소개 - 외부링크*/ .contents-wrapper .links p {clear: both;} .contents-wrapper .links ul { clear: both;list-style:none;} .contents-wrapper .links ul li {margin-bottom: 10px; min-height: 50px; float: left; padding-left:0px; background:none; } .contents-wrapper .links ul li.long a {padding-top: 2px;} .contents-wrapper .links ul li a {display: block; padding: 12px; min-height: 50px; background: url(/files/editor/409dc309-4d79-4a61-8463-c22b47a298a5.png) no-repeat 90% center #eee; border-radius : 10px; vertical-align: middle;} .contents-wrapper .links ul a:hover {background: url(/files/editor/409dc309-4d79-4a61-8463-c22b47a298a5.png) no-repeat 90% center #d6f0ff; text-decoration: none;} /*정보공개제도안내*/ .contents-wrapper p.last {margin-right: 0;} .contents-wrapper p.box1 {background: #e1ecff; padding: 10px; min-height: 130px; border-radius : 5px;} .contents-wrapper p.box1 span {color: #1d57bd; font-weight: bold; padding-bottom: 10px; float: left; width: 100%;} .contents-wrapper p.box2 {background: #d6f0ff; padding: 10px; min-height: 130px; border-radius : 5px;} .contents-wrapper p.box2 span {color: #05509c; font-weight: bold; padding-bottom: 10px; float: left; width: 100%;} .contents-wrapper p.box3 {background: #e1f5db; padding: 10px; min-height: 130px; border-radius : 5px;} .contents-wrapper p.box3 span {color: #056a4e; font-weight: bold; padding-bottom: 10px; float: left; width: 100%;} /*불복구제절차*/ .contents-wrapper ul.chart1 { clear: both; } .contents-wrapper ul.chart1 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;} .contents-wrapper ul.chart1 p {min-height: 50px; padding-top: 15px; background: #e1ecfe; border-radius : 10px;} .contents-wrapper ul.chart2 { clear: both; } .contents-wrapper ul.chart2 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;} .contents-wrapper ul.chart2 p {min-height: 50px; padding-top: 15px; background: #d6f0ff; border-radius : 10px;} .contents-wrapper ul.chart3 { clear: both; } .contents-wrapper ul.chart3 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;} .contents-wrapper ul.chart3 p {min-height: 50px; padding-top: 15px; background: #e1f5da; border-radius : 10px;} .contents-wrapper ul li.last {background: none;} /*도정계획 - 다운링크*/ .contents-wrapper .plan .alert-primary h4 {line-height: 200%; background: url(/pub/site/jejunet/2018/images/sub/blit.png) no-repeat 0 10px; margin: 0;} .contents-wrapper .plan .alert-primary a {float: right;} .contents-wrapper .plan div {min-height: 50px; margin: 10px 0 20px;} .contents-wrapper .plan div i{float: right; font-size: 24px; padding-right: 20px; color: #1d57bd;} .contents-wrapper .plan ul { clear: both; } .contents-wrapper .plan ul li {margin: 0 0 10px 0; min-height: 50px; color: #333; background: none;} .contents-wrapper .plan ul li span {float: left; padding-top: 12px;} .contents-wrapper .plan ul li span.long {padding-top: 5px;} .contents-wrapper .plan ul li i {float: right; font-size: 24px; color: #ccc; line-height:50px;} .contents-wrapper .plan ul li a {display: block; padding-left: 15px; min-height: 50px; background: #eee; border-radius : 10px;} .contents-wrapper .plan ul li a:hover {text-decoration: none; background: #d6f0ff;} .contents-wrapper .plan ul li a:hover i {color: #1d57bd;} /* 2024수정 */ .contents-wrapper .plan.plan-ebook div{margin: 10px 0 20px; border: 1px solid #d8d8d8; border-radius: 4px; display: flex;justify-content: space-between; align-items: center; } .contents-wrapper .plan.plan-ebook div h4{ background: none; padding-left: 8px; margin: 0; } .contents-wrapper .plan.plan-ebook div ul { display: inline-block; margin:0; } .contents-wrapper .plan.plan-ebook div ul li{display: inline-block; padding-left: 0; min-height: 0; margin: 0;} .contents-wrapper .plan.plan-ebook div ul li a{display: block; background: #F2F8FC; border: 1px solid #99C7E4; border-radius : 4px; color: #005C97; min-height: 0;} .contents-wrapper .plan.plan-ebook div ul li a:hover{ background-color: #CCE3F2; } .contents-wrapper .plan.plan-ebook div ul li a:active{ background-color: #99C7E4; border:1px solid #66ABD8; color: #004572; } .contents-wrapper .plan.plan-ebook div ul li a:focus{ background-color: #99C7E4; border:1px solid #66ABD8; color: #004572; } @media (max-width: 991px) { .contents-wrapper .plan.plan-ebook div{ flex-wrap: wrap; min-height: 0; } .contents-wrapper .plan.plan-ebook div h4{margin-bottom: 17px;} .contents-wrapper .plan.plan-ebook ul{width: 100%; text-align: right; } .contents-wrapper .plan.plan-ebook ul li{ background: none; } } /*청사배치도*/ .contents-wrapper ul.floor {margin-left: 0;} .contents-wrapper ul.floor li {float: left; padding: 0 50px 0 0;} .contents-wrapper ul.floor li span {color: #1d57bd; font-weight: bold;} /*색상활용규정*/ .contents-wrapper .imgLeft .box2 {padding-right: 20px; float: left;} .contents-wrapper .imgLeft .box2right { float: left;} /*서체안내*/ .contents-wrapper .font .alert-default {width: 100%; margin-top: 10px; float: left;} .contents-wrapper .font .alert-default h4 {line-height: 200%; background: url(/pub/site/jejunet/2018/images/sub/blit.png) no-repeat 0 10px; margin: 0; float: left;} .contents-wrapper .font .alert-default p {padding: 0px; float: right;} .contents-wrapper .font .fontImg {padding-right: 20px; float: left;} .contents-wrapper .font p {padding: 0;} /*도민헌장*/ .contents-wrapper .charter {border: 1px solid #ccc; min-height: 745px; padding: 15px 20px; position: relative;} .contents-wrapper .charter .txt3 {line-height: 180%;} .contents-wrapper .charter .txt {font-size: 16px; color: #333;} .contents-wrapper .charter .txt2 {font-size: 18px; text-align: center; padding: 19px 0 0 0;} .contents-wrapper .charter ul {margin: 0; padding-top: 5px;} .contents-wrapper .charter ul.list-unstyled li {padding: 0 0 20px 0;} .contents-wrapper .charter ul.list-unstyled li button {margin-right: 10px;} .contents-wrapper .charter .img {position: absolute; bottom: 0; left: 0; padding: 0;} /*인사말*/ .contents-wrapper .greeting .text-right {font-size: 16px;} .contents-wrapper .greeting .text-right strong {font-size:20px;} /*제주소개*/ .contents-wrapper .links .linksBox {width: 722px; height: 89px; padding-top: 30px; padding-left: 400px;} .contents-wrapper .links .linksBox01 {background: url(/files/editor/70985652-8298-4a12-ac37-33a4740e87a8.jpg) no-repeat left top; } .contents-wrapper .links .linksBox02 {background: url(/files/editor/1f0b8cd7-74d8-4cbd-84b3-664de027387a.jpg) no-repeat left top; } .contents-wrapper .links .linksBox03 {background: url(/files/editor/20064681-f5c8-4c22-8e90-a5f5a5c103b5.jpg) no-repeat left top; } /*평화의 심볼*/ .contents-wrapper .plan2 div.alert-default {height: 50px; margin: 10px 0 20px; clear: both;} .contents-wrapper .plan2 div.alert-default h4 {float: left;} .contents-wrapper .plan2 div.alert-default i{float: right; font-size: 24px; padding-right: 20px; color: #1d57bd;} .contents-wrapper .plan2 div.left {float: left; padding-right: 20px;} /*정착지원사업*/ .contents-wrapper .links p {clear: both;} .contents-wrapper .links2 ul { width:100%; float:left; padding-bottom:20px; } .contents-wrapper .links2 ul li {margin-bottom: 10px; min-height: 160px; float: left; position: relative;} .contents-wrapper .links2 ul a {display: block; padding:15px 40px 15px 20px ; min-height: 160px;background: url(/pub/site/jejunet/images/sub_common/window.png) no-repeat 95% 22px #eee; border-radius : 10px; vertical-align: middle; } .contents-wrapper .links2 ul li a strong {color: #333;display:block; padding-bottom:10px; } .contents-wrapper .links2 ul li a span {color: #555; } .contents-wrapper .links2 ul a:hover {background: url(/pub/site/jejunet/images/sub_common/window.png) no-repeat 95% 22px #d6f0ff; text-decoration: none;} .contents-wrapper .hBox {height: auto;} .contents-wrapper .outlink {background: url(/files/editor/14b70790-b7d1-4eac-857e-6f0e265cb659.png) no-repeat right 5px; padding-right: 20px; color: #3668c1;} .contents-wrapper .outlink:hover {color: #3668c1;} /*보훈청 약력*/ .contents-wrapper .hisBox {background: #E1F4ED; border-radius: 5px; padding: 10px;float:left; width:100%; margin-bottom: 15px;} .contents-wrapper .hisBox dl dt {float: left; font-weight: bold; font-size: 16px; color: #333; background: url(/files/editor/d6226a94-3738-43f1-8fe0-b5380fd63a16.png) no-repeat right top;} .contents-wrapper .hisBox dl dd {float: left; font-size: 16px; color: #333;} /* 적극행정 */ .contents-wrapper .alert-primary.reintro {clear: both; float: none;} .contents-wrapper .recommend-wrap {} .contents-wrapper .recommend-wrap .alert-primary { margin-bottom: 0; padding-bottom: 8px; } .contents-wrapper .recommend-wrap .alert-primary.mb100 {margin-bottom: 105px;} .contents-wrapper .recommend-wrap .recommend-list { border: 5px solid #e1ecfe; padding: 0 10px 0 28px; margin-bottom: 0; } .contents-wrapper .recommend-wrap .recommend-list dl { display: inline-block; width: 100%; padding: 10px 0 23px; border-bottom: 1px solid #eaeaea; } .contents-wrapper .recommend-wrap .recommend-list dl.last {border-bottom: none;} .contents-wrapper .recommend-wrap .recommend-list dt { float: left; width: 13%; } .contents-wrapper .recommend-wrap .recommend-list dt img {} .contents-wrapper .recommend-wrap .recommend-list dd { float: left; width: 87%; padding-top: 10px; } .contents-wrapper .recommend-wrap .recommend-list .blue {color: #2775ca;} .contents-wrapper .recommend-wrap .recommend-list dd h3 {margin-bottom: 10px;} .contents-wrapper .recommend-wrap .recommend-list dd p { padding-bottom: 0; } /*뉴스레터*/ /*역대도지사*/ .contents-wrapper .dojisa-list {clear: both; margin-left:0 !important; padding-left:0 !important;} .contents-wrapper .dojisa-list li {padding-left:0; padding-bottom:15px;} .contents-wrapper .dojisa-list li span {float:left; width:100%; min-height:100px; display:block; background:#EEE; border-radius:10px; padding:15px;} .contents-wrapper .dojisa-list li span img {float:left; margin-right:10px;} .contents-wrapper .dojisa-list li span strong {display:block; padding-top:15px; color:#06509B;} .contents-wrapper .dojisa-list li span em {font-style:normal; color:#555;} /*글자색 변경*/ .text-primary { color:#1d57bd; } .btn-primary, .btn-info {color: #fff !important;} /*사이트맵*/ .sitemap {margin-bottom: 40px;} .sitemap a {color:#555;} .sitemap .sitemapBox {float: left; word-break:break-all; margin-bottom: 30px;} .sitemap .sitemapBox h4 {font-size: 24px; line-height: 120%; color: #fff; letter-spacing: -1px; height: 75px; padding: 22px 0 0 15px; margin:0;} .sitemap .sitemap1 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg01.jpg) repeat-x left top;} .sitemap .sitemap2 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg02.jpg) repeat-x left top;} .sitemap .sitemap3 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg03.jpg) repeat-x left top;} .sitemap .sitemap4 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg04.jpg) repeat-x left top;} .sitemap .sitemap5 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg05.jpg) repeat-x left top;} .sitemap .sitemap6 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg06.jpg) repeat-x left top;} .sitemap .sitemapBox ul.line {border: 1px solid #ccc; border-top: none; } .sitemap .sitemapBox ul {} .sitemap .sitemapBox ul li {font-size: 14px; font-weight: bold; color: #333; padding: 10px 15px 7px 15px; border-bottom: 1px solid #ccc;} .sitemap .sitemapBox ul li ul {padding-top: 5px; } .sitemap .sitemapBox ul li ul li{padding: 0 0 3px 15px; font-size: 14px; color: #333; letter-spacing: -1px; font-weight: normal; border: none;} .sitemap .sitemap1 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon01.gif) no-repeat left 5px;} .sitemap .sitemap2 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon02.gif) no-repeat left 5px;} .sitemap .sitemap3 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon03.gif) no-repeat left 5px;} .sitemap .sitemap4 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon01.gif) no-repeat left 5px;} .sitemap .sitemap5 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon05.gif) no-repeat left 5px;} .sitemap .sitemap6 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon06.gif) no-repeat left 5px;} .sitemap p {clear: both;} @media (max-width: 991px) { .sitemap .sitemapBox { padding: 0 5px ; } .sitemap .sitemapBox h4 { font-size: 20px; } } /*보도자료*/ .contents-wrapper .bodo .alert-success {margin-bottom: 5px;} .contents-wrapper .bodo .alert-success img {float: left; padding: 5px 20px 0 15px;} .contents-wrapper .city .alert-success h4 {margin-bottom: 5px;} .contents-wrapper .qnaTable {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc;} .contents-wrapper .qnaTable th {padding: 15px; font-size: 16px; font-weight: bold; color: #333; background: #eee; border-bottom: 1px solid #ccc;} .contents-wrapper .qnaTable td {padding: 15px 15px 10px 15px; border-bottom: 1px solid #ccc;} .contents-wrapper .qnaTable td p {font-size: 16px; font-weight: bold; color: #05509c;} .contents-wrapper .qnaTable td .alert-info p {font-size: 14px; font-weight: normal; color: #333;} /*공항 확충단 자주하는 질문*/ .contents-wrapper .qna { width:100%; } .contents-wrapper .qna h2 { clear:both; background:url(/pub/site/jejunet/2017/images/sub/bull01.png) no-repeat 0 center; height:40px; line-height:36px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 15px 0; padding-left:30px; font-size:16px; font-weight:bold; color:#333; } .contents-wrapper .qna h3 { padding: 15px; font-size: 16px; font-weight: bold; color: #333; background: #eee; border-bottom: 1px solid #ccc;height:auto;line-height:1.6;border:1px solid #ccc; margin:0px; padding: 15px; } .contents-wrapper .qna ul {list-style:none; margin:0px; padding:15px 15px 10px 15px; border:1px solid #ccc; border-top:0px; border-bottom:0px; } .contents-wrapper .qna ul:last-child { border-bottom:1px solid #ccc; } .contents-wrapper .qna ul li { font-size: 16px; font-weight: bold; color: #05509c; background:none; padding-left:0px; } .contents-wrapper .qna ul li p { font-size:14px; font-weight:normal; color:#333; } .contents-wrapper .qna ul li ul {padding:0px; border:0px; margin-top:10px; } .contents-wrapper .qna ul li ul:last-child { border-bottom:0px; } .contents-wrapper .qna ul li ul li { clear:both; background:url(/pub/site/jejunet/2017/images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px;line-height:1.6; font-size:14px; font-weight:normal; color:#333; } .contents-wrapper .qna ul li ul li ul {} .contents-wrapper .qna ul li ul li ul li {background:url(/pub/site/jejunet/2017/images/sub/icon_04.png) no-repeat 0 10px;line-height:1.6;margin:0px; padding-left:14px;} .contents-wrapper .qna ul li th, .contents-wrapper .qna ul li td {color:#333; font-size:14px; } .contents-wrapper .qna ul .alert-info p {font-size: 14px; font-weight: normal; color: #333;} /*제주 소식지*/ .contents-wrapper .jejustory {float: left; padding-bottom: 30px; width: 100%;} .contents-wrapper .col-md-4 {padding:0 5px;} .contents-wrapper .jejustory .alert-info {position: relative; padding: 20px 25px; margin-bottom: 30px;} .contents-wrapper .jejustory .alert-info .downloadBtn {position: absolute; right: 25px; bottom: 15px;} .contents-wrapper .jejustory .vol {background: #eee; padding: 20px 20px 10px;margin-bottom:20px;} .contents-wrapper .jejustory .mvol {margin-right: 20px;} .contents-wrapper .jejustory .vol .volTit {text-align: center; margin: 3px 0 10px; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;} .contents-wrapper .jejustory .vol .volSns {text-align: center;} .contents-wrapper .jejustory .vol .volSns img {width: 25px; height: 25px;} .contents-wrapper .jejustory .vol p.volBtn {text-align: center; letter-spacing: -1px;} .contents-wrapper .jejustory .vol .volBtn a {font-size: 14px; color: #202020; padding: 6px; } .contents-wrapper .jejustory .vol img {margin-bottom: 5px;width:100%;} .contents-wrapper .jejustory .col-xs-12, .col-md-6 {padding: 0px 10px;} .contents-wrapper .jejustory .volL {padding-left: 0;} .contents-wrapper .jejustory .volR {padding-right: 0;} .contents-wrapper .ebookView .vol {margin-bottom: 10px;} .contents-wrapper .ebookView .vol .volTit {height: 75px;} /*도민대토론회*/ .contents-wrapper .debate {width: 100%; float: left; margin-bottom: 20px;} .contents-wrapper .debate .txtBig {text-align: center; font-size: 20px; font-weight: bold; color: #0e8e65;} .contents-wrapper .debate .debateBg {margin: 5px 0; background:url(/pub/site/jejunet/2017/images/sub/txt_bg.jpg) no-repeat left top; width: 100%; height: 120px; padding: 10px 20px;} .contents-wrapper .debate .debateBg ul li {color: #333; font-size: 16px;} .contents-wrapper .debate p.right {text-align: right; font-weight: bold;} /*인사운영통계*/ .contents-wrapper .personnel-box {float: left; width: 100%; padding-bottom: 10px;} .contents-wrapper .personnel-img {float: left; width: 30%; text-align: center} .contents-wrapper .personnel-img img {max-width: 100%;} .contents-wrapper .personnel-con {float: left; width: 70%; padding: 15px 0 0 30px;} /*나의게시물 보기*/ .loginMy .alert-danger { border:1px solid #ccc; } .loginMy .alert-danger .btn { min-width:150px; } .loginMy .alert-danger .tbig {padding-bottom:5px; } .loginMy .alert-danger .mb20 {margin-bottom:30px; } .loginMy .alert-danger p { color:#333; } .loginMy .alert-success p { color:#333; vertical-align:bottom; } .loginMy .alert-success p span { display:inline-block; padding-top:3px; } /*간격*/ .pt7 {padding-top: 7px;} .cb {clear: both;} /**/ .main-banner { } .main-banner li { margin-bottom:10px;border:1px solid #ccc; } /* new-nav-tabs */ ul.nav.new-nav-tabs { margin-bottom:30px; background:#eee; } ul.nav.new-nav-tabs li { width:33.333%; float:left; border: 1px solid #ccc !important; border-left: 0 none !important; } ul.nav.new-nav-tabs li:first-child { border-left: 1px solid #ccc !important; } ul.nav.new-nav-tabs li a { padding:10px 5px; text-align:center; border: 0 none !important; margin: 0 !important; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background-color: #eee; color: #333; } ul.nav.new-nav-tabs li.active a { background-color: #d6f0ff; color: #1d57bd; text-decoration:underline; } ul.nav.new-nav-tabs.tabs01 li {width:100%;} ul.nav.new-nav-tabs.tabs02 li {width:50%;} ul.nav.new-nav-tabs.tabs03 li, ul.nav.new-nav-tabs.tabs06 li, ul.nav.new-nav-tabs.tabs09 li {width:33.333%;} ul.nav.new-nav-tabs.tabs04 li, ul.nav.new-nav-tabs.tabs07 li, ul.nav.new-nav-tabs.tabs08 li, ul.nav.new-nav-tabs.tabs011 li, ul.nav.new-nav-tabs.tabs012 li {width:25%;} ul.nav.new-nav-tabs.tabs05 li, ul.nav.new-nav-tabs.tabs010 li {width:20%;} .tab-content { padding-bottom:30px; } /*탐라기록 - 주요업무*/ .sub_work dl {height:140px;margin-bottom:20px;} .sub_work dt {float:left;} .sub_work dd {float:left;margin-left:20px;} .sub_work dd h5{margin-bottom:4px} .sub_work dl.top_dl dd{margin-top:5px;} .sub_work dl.middel_dl dd,.sub_work dl.bottom_dl dd{margin-top:31px;} /*탐라기록 - 기록보존시설 - 보존실현황*/ .facilities span.right{float:right;} .facilities table {clear:both; } .facilities table thead th { vertical-align:middle; font-size:14px;background: #D6F0FF; padding: 5px; font-weight:normal;text-align:center;height:53px;} .facilities table thead td {background:#F7F7F7; padding: 5px;} .facilities table tbody th { vertical-align:middle;font-size:14px; background:#F7F7F7; padding: 5px; font-weight:normal;text-align:center;} .facilities table tbody td { } .facilities table tbody td ul { padding:0px; } /*탐라기록 - 이용안내 - 기록물의 열람 및 대출*/ #sub_contents .sub_useinfo h6 { margin-left:20px; } /*탐라기록 - 기증안내*/ #sub_contents .sub_donation p{text-align : center;font-size:16px;color:#1d57bd;} /*탐라기록 - 전시내용*/ .sub_exhibit span.right{float:right;} .sub_exhibit .table-responsive {width:100%;} .sub_exhibit table {clear:both; border-collapse: collapse; font-size:12px;} .sub_exhibit table thead th {font-size:15px; background: #D6F0FF;border:1px solid #DBDBDB; padding: 5px; font-weight:normal;text-align:center;height:53px;} .sub_exhibit table thead td {background:#F7F7F7; border:1px solid #DBDBDB; padding: 5px;} .sub_exhibit table tbody th { font-size:14px; background:#F7F7F7;border:1px solid #DBDBDB; padding: 5px; font-weight:normal;text-align:center;} .sub_exhibit table tbody td { text-align: left !important; border:1px solid #DBDBDB; padding: 5px;font-size:14px;} .sub_exhibit table tbody td ul { padding:0px; } .sub_exhibit ul {clear:both; margin:0 0 0 10px; padding: 0 0 10px 10px ; font-size:13px;} .sub_exhibit ul li { background:url("/files/editor/80753bf5-2576-45e8-b938-3e0450f4377b.gif") no-repeat 0 10px; margin: 0; padding: 0 0 0 10px; line-height:160%;} .sub_exhibit h5 {margin:0;color:#555;} .sub_exhibit h3{ margin-top:20px;} .sub_exhibit p.img_p{ text-align:center;} .eopen {text-align: center; margin: 30px 0;} .eopen img {margin: 0 auto; padding-bottom: 10px;} .eopen p {font-size: 16px; color: #333;} .employment .empImg {float: left; margin-right: 10px;} .employment .empTxt {} .employment .empTxt h4 {clear: none; float: left; width: 100%;} .employment .empTxt h4.empW {width: 62%;} /*사전정보공개*/ .announce .pullLeft{float:left;} .announce .announce_item p img{padding-bottom:50px; background:url("/files/editor/6186bd8b-a722-4cea-8cf6-bbc1f681e822.jpg") no-repeat center bottom;} .announce .announce_item ul{margin:0; clear:none;} .announce .announce_item_last p img{background:none;} .announce p i {font-size: 20px; padding-left: 5px; color: #ccc; } .announce p a {display: inline-flex; align-items: center; justify-content: center; padding: 10px 5px 10px 15px; background: #eee; border-radius : 10px;} .announce p a:hover {text-decoration: none; background: #d6f0ff;} .announce p a:hover i {color: #1d57bd;} .power {text-align: right; padding-bottom:10px;} /*여론조사결과*/ .survey-graph-contents {width: 100%; float: left; border: 1px solid #ddd; margin-bottom: 20px;} .survey-graph-contents div {width: 50%; float: left; padding: 20px 20px 10px 20px;border-right: 1px solid #ddd; text-align: center;} .survey-graph-contents div:last-child {border: none;} .survey-graph-contents div img {padding: 10px 0; margin: 0 auto;} .survey-graph-contents div ul li {background: none; float: left; font-size: 12px; width: 50%; text-align: left; padding-bottom: 10px;} .survey-graph-contents div ul li span {display: inline-block; width: 15px; height: 15px; border-radius: 8px; vertical-align: middle; margin-right: 5px;} .survey-graph-contents div ul li span.blue {background: #6299da;} .survey-graph-contents div ul li span.orange {background: #f2914a;} .survey-graph-contents div ul li span.gray {background: #959595;} .survey-graph-contents div ul li span.yellow {background: #f7cd07;} /*통계정보*/ .stats-wrap .stats-group {width: 100%; float: left; border-left: 1px solid #ddd; border-top: 1px solid #ddd;} .stats-wrap .stats-group .stats {float: left; width: 33.333333%; height: 190px; color: #222; padding: 15px 30px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;} .stats-wrap .stats-group .stats p {text-align: center; line-height: 50px; font-size: 16px; font-weight: bold;} .stats-wrap .stats-group .stats p a {color: #222;} .stats-wrap .stats-group .stats p img {padding-right: 10px;} .stats-wrap .stats-group .stats ul {margin-bottom: 0; padding-left: 20px;} .stats-wrap .stats-group .stats ul li {width: 100%; padding-bottom: 8px;} .stats-wrap .stats-group .stats ul li span {float: right;} .stats-wrap .stats-group .stats ul li span strong {color: #0073bd;} .stats-wrap .box {float: left; width: 65.4%; margin-top: 30px;} .stats-wrap .box .iframe-responsive {text-align: center;} .stats-wrap .box .iframe-responsive iframe {width: 785px;} .stats-wrap .stats-banner2 {float: left; width: 34.6%; padding-left: 30px; margin-top: 28px;} .stats-wrap .stats-banner2 p {font-size: 22px; color: #222; font-weight: bold;} .stats-wrap .stats-banner2 ul {float: left; width: 100%; margin-top: 15px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;} .stats-wrap .stats-banner2 ul li {float: left; width: 25%; text-align: center; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .stats-wrap .stats-banner2 ul li.long-txt a {padding-top: 10px;} .stats-wrap .stats-banner2 ul li a {display: block; width: 100%; height: 60px; padding-top: 18px; font-size: 14px; color: #555;} .stats-wrap .stats-banner {float: left; width: 34.6%; margin-top: 65px; padding-left: 30px;} .stats-wrap .stats-banner p {float: left; width: 33.33333%; text-align: center; padding-bottom: 10px;} .stats-wrap .stats-banner p a {display: block; width: 100%; height: 100%; padding: 0; color: #222; font-size: 14px; text-align: center;} .stats-wrap .stats-banner p a img {padding-bottom: 10px;} .stats-wrap .stats-banner p.bottom-link {width: 100%; padding: 0; margin-top: 35px; border-top: 1px solid #ddd; } .stats-wrap .stats-banner p.bottom-link a {display: inline-block; float: left; padding: 40px 0 0; text-align: center; color: #555; font-size: 14px; width: 33.3333333%;} .stats-wrap .stats-banner p.stats_img {width: 100%; margin-top: 80px;} .module-wrapper ul.nav.nav-tabs.stats-tab li {width: 14.285%;} iframe:not([title]), iframe[title=""], iframe[title=" "] {border: none !important;} #map_canvas a, #gmap a, #mapContainer a {border: 0 !important;} #map_canvas a::after, #gmap a::after, #mapContainer a::after {content:'' !important;} /*재외제주인*/ .Bul_wrap{} .Bul_wrap .Bul{ width: 100%; background: #f7f7f7; padding: 25px 30px 20px 30px; margin-bottom: 20px; } .Bul_wrap .Bul .BulTit{ color:#0074b9; font-weight: bold; font-size: 16px; margin-top: 10px; } .Bul_wrap .Bul .BulBtn{ margin-top: 20px;} .Bul_wrap .Bul .BulBtn a{ display: inline-block; background: #2b2b2b; color: #e5e5e5; font-weight: bold; padding: 6px 15px; margin-right: 10px; } /* 타블렛에만 */ @media (min-width: 992px) and (max-width: 1199px) { /* .sub-search {margin-left: 150px;} */ .announce .announce_item p img{background: none;padding-bottom:10px;} .stats-wrap .box {width: 100%;} .stats-wrap .stats-banner {width: 100%; padding: 0; margin-top: 20px;} .stats-wrap .stats-banner p {width: 18%;} .stats-wrap .stats-banner p.bottom-link {width: 42%; margin-left: 2%; border-left: 1px solid #ddd; border-top: none; } .stats-wrap .stats-banner p.bottom-link a {padding-top: 15px; } .stats-wrap .stats-banner p.stats_img {display: none;} .stats-wrap .stats-banner2 {float: left; width: 100%; padding-left: 0; margin: 25px 0;} .power img {width: 24%;} } /* 모바일에서 */ @media (max-width: 991px) { .employment .empImg {float: none;} .employment .empTxt h4 {float: none;} #contactUs dl {margin-top:10px;} #contactUs dl dt {float:left; width: 100px; border: none;} #contactUs dl dd:nth-of-type(1) {float:left; width: calc(100% - 100px);} #contactUs dl dd:nth-of-type(2) {float:left; width: calc(100% - 100px);} #contactUs dl dd {float:left; width: calc(100% - 100px);} .form-inline .btn-group {margin-bottom: 15px;} .employment .empTxt h4.empW {width: 100%;} .contents-wrapper .dojisa-list li span {max-height:139px;} .alert {float: left; width: 100%;} .announce .announce_item p img{background: none;padding-bottom:10px;} .openWorkTable *{font-size:11px;} .announce p a{} .announce p a span{padding-left:5px;} .announce p a i{padding:0;} .contents-wrapper .plan ul li {padding:0 5px 0 5px;} .contents-wrapper .plan ul li a{padding-left: 7px;} .contents-wrapper .plan ul li i{font-size:20px;} .statsWrap ul li:last-child{clear:both;} .stats-wrap .stats-banner p.stats_img {margin-top: 20px;} .stats-wrap .stats-banner p.stats_img img {width: 100%;} .sub .sub_work dl dt {width:100%;margin:0 0 10px 0;} .sub .sub_work dl dd {margin:0 0 20px 0;} .twitter_dd span.img{width:100%;display:inline-block;text-align: center;} .twitter_dd span img{margin:0 0 10px 0 !important; float:initial !important;} .event-list .media-left, .event-list .media-right {width:100%; display:block;} .event-list .media-left img, .event-list .media-right img {margin:0 auto;} .event-list .media-body {padding-top:20px;} .event-list dl dt {float: left ; clear:both;} .contents-wrapper .organChart ul li span {width:145px;} .contents-wrapper .organChart ul li ul li ul li {padding-left:15px;} .contents-wrapper .organChart ul li ul li ul li ul li {padding-left: 15px;} #pageSurvey dl dd input[type='text'] {width: 78%;} #pageSurvey dl dd button {width: 22%;} .contents-wrapper .dojisa-list li span {padding:10px;} .contents-wrapper .dojisa-list li span img{width: 60px;height: 70px;} .contents-wrapper .dojisa-list li span em {float:left; clear:both;} .contents-wrapper .recommend-wrap .recommend-list dt {width: 20%;} .contents-wrapper .recommend-wrap .recommend-list dt img {width: 80%;} .contents-wrapper .recommend-wrap .recommend-list dd {width: 80%; padding-top: 5px;} /*여론조사결과*/ .survey-graph-contents div {border-left: none; border-bottom: 1px solid #ddd;} .survey-graph-contents div:last-child {border: none;} .survey-graph-contents div {width: 100%;} .stats-wrap .stats-banner p.bottom-link {margin-bottom: 30px;} .power {text-align: center; padding-bottom:10px;} /*인사운영통계*/ .contents-wrapper .personnel-box {float: left; width: 100%;} .contents-wrapper .personnel-img {width: 100%; text-align: center;} .contents-wrapper .personnel-img img {max-width: 100%; margin: 0 auto; margin-bottom: 15px;} .contents-wrapper .personnel-con {width: 100%; padding: 0;} .contents-wrapper .personnel-con p{word-break: break-all;} /*재외제주인*/ .Bul_wrap .Bul{ padding: 15px 20px;} } @media (max-width: 455px) { .power {text-align: center; padding-bottom:10px; height: 250px;} .power a { width: 100%; float:left; margin-bottom: 5px; } .power a img { max-width:100%; } } @media (max-width: 767px) { .table-responsive {position:relative;} .table-responsive:before {display:flex; position:absolute; top:0; bottom:0; left:0; right:0; padding-top:40px; background:rgba(0,0,0,0.4); text-align: center; content:'화면을 좌우로 움직여 주세요. \A 한번 터치시 음영부분이 사라집니다.'; white-space:pre; color:#fff; font-weight:bold; justify-content: center; align-items: center;} .table-responsive:after {position:absolute; display:block; top:50%; left:50%; content:''; width:84px; height:55px; margin:-40px 0 0 -42px; background:url(/pub/site/jejunet/2017/images/sub/icon_arw.png) no-repeat center; background-size:84px auto;} .table-responsive.flexhide:before, .table-responsive.flexhide:after {display:none;} } /*자치도에바란다 레이어팝업*/ .want-pop {position: fixed; border: 4px solid #555; box-shadow: 5px 10px 20px 0px; top: 50%; left: 50%; margin-top: -155px; margin-left: -275px; width: 550px; height: 310px; background: #fff; padding: 40px; z-index: 200; overflow-x: scroll;} .want-pop .wantpop-tit {font-size: 18px; font-weight: bold; padding-bottom: 10px; color: #000;} .want-pop .wantpop-txt {font-size: 16px; line-height: 180%; color: #000;} .want-pop .wantpop-txt a {font-weight: bold;} .want-pop .wantpop-close {position: absolute; top: 12px; right: 12px;} .want-pop .wantpop-close a {font-size: 25px; color: #000;} .want-pop .wantpop-today {padding-top: 10px;} @media (max-width: 991px) { .want-pop {padding: 30px; width: 80%; height: auto; left: 10%; top: 20%; margin-top: 0; margin-left: 0;} .m-want-pop {height: 60% !important;} } /*카본프리아일랜드*/ .carbon {float: left; width: 100%; text-align: center;} .carbon .carbon-top {width: 100%; position: relative; padding-bottom: 80px;} .carbon .carbon-top .img {position: relative;} .carbon .carbon-top .img img {width: 100%;} .carbon .carbon-top .line-box {border: 5px solid #fff; background: rgba(255, 255, 255, .35); padding: 40px 40px 20px; text-align: center; position: absolute; top: 125px; left: 22.5%; width: 55%;} .carbon .carbon-top .line-box .line {border-top: 3px solid #5f8fbf; width: 20px; margin: 0 auto;} .carbon .carbon-top .line-box p {font-weight: bold; color: #000;} .carbon .carbon-top .line-box p.tit {line-height: 220%; padding-bottom: 20px;} .carbon .carbon-top .line-box p.txt {line-height: 250%;} .carbon .carbon-top .line-box .size47 {font-size: 47px;} .carbon .carbon-top .line-box .size45 {font-size: 45px;} .carbon .carbon-top .line-box .size40 {font-size: 40px;} .carbon .carbon-top .line-box .size22 {font-size: 22px;} .carbon .carbon-top .line-box .size24 {font-size: 24px;} .carbon .carbon-top .line-box .size26 {font-size: 26px;} .carbon .line-tit {text-align: center; line-height: 50%; display: inline-block; margin: 0 auto; margin-bottom: 45px; color: #000; font-size: 30px; border-bottom: 2px solid #1c306e;} .carbon .cb-wrap {float: left; width: 100%; margin: 45px 0 60px;} .carbon .carbon-banner {float: left; width: 49%; text-align: left;} .carbon .carbon-banner.cb1 {margin-right: 2%;} .carbon .carbon-banner .tit {font-size: 22px; font-weight: bold; color: #404040; padding-bottom: 10px;} .carbon .carbon-banner .tit span {font-size: 24px; color: #1c306e;} .carbon .carbon-banner .img {padding: 0px;} .carbon .carbon-banner .img img {width: 100%;} .carbon .carbon-banner .txt {height: 160px; background: #000; padding: 30px 25px; color: #fff; font-size: 16px;} .carbon .line-tit2 {float: left; width: 100%;} .carbon .line-tit2 .line {border-top: 1px solid #ececec; float: left; width: 40%; margin-top: 20px;} .carbon .line-tit2 .tit {font-size: 25px; color: #404040; text-align: center; float: left; width: 20%;} .carbon .line-box {float: left; margin: 25px 0 50px; border-radius: 18px; padding: 30px; width: 100%; background: url(/pub/site/jejunet/2018/images/sub/carbon/pattern.png) repeat left top;} .carbon .blue-tit {font-size: 30px; font-weight: bold; color: #1c306e;} .carbon .line-box ul {float: left; width: 100%; margin: 0;} .carbon .line-box ul li {float: left; width: 33.3333%;} .carbon .line-box ul li span {margin-bottom: 10px; display: inline-block; width: 122px; height: 122px; padding-top: 33px; color: #fff; font-size: 15px;} .carbon .line-box ul li span strong {font-size: 20px;} .carbon .line-box ul li.sky {font-size: 16px; color: #404040;} .carbon .line-box ul li.sky span { background: url(/pub/site/jejunet/2018/images/sub/carbon/back_color01.png) no-repeat left center;} .carbon .line-box ul li.blue span { background: url(/pub/site/jejunet/2018/images/sub/carbon/back_color02.png) no-repeat left center;} .carbon .line-box ul li.yellow span { background: url(/pub/site/jejunet/2018/images/sub/carbon/back_color03.png) no-repeat left center;} .carbon .purpose {float: left; width: 100%;} .carbon .purpose li {float: left; width: 25%;} .carbon .purpose li .line-box {margin: 10px 0; font-size: 16px;} .carbon .purpose li .line-box strong {font-size: 18px;} .carbon .purpose li .line-box strong span {color: #1c306e; font-size: 20px;} .carbon .purpose li .line-box2 {clear:both; height: 270px; border-radius: 18px; font-size: 15px; border: 1px solid #ccc; padding: 20px; } .carbon .purpose li .line-box2 img {padding-bottom: 20px;} .carbon .arrow {clear: both; padding: 10px 0 20px;} .carbon .blue-box {float: left; margin-bottom: 30px; width: 100%; background: #1c306e; border-radius: 18px; padding: 40px;} .carbon .blue-box .tit {font-size: 30px; text-align: center; color: #fff;} .carbon .blue-box .txt-box {background: url(/pub/site/jejunet/2018/images/sub/carbon/arrow_orange.png) no-repeat center; float: left; width: 100%;} .carbon .blue-box .txt-box .txt {color: #fff; font-size: 15px; float: left; width: 42%; margin-top: 30px;} .carbon .blue-box .txt-box .txt strong {font-size: 24px;} .carbon .blue-box .txt-box .circle {float: left; width: 115px; height: 115px; background: #ffa200; border-radius: 50%; color: #1c306e; font-size: 20px; font-weight: bold; padding-top: 15px;} .carbon .blue-box .txt-box .circle strong {font-size: 32px;} .carbon .table-responsive {clear: both;} @media (min-width: 992px) and (max-width: 1199px) { .carbon .line-tit2 .line {width: 35%;} .carbon .line-tit2 .tit {width: 30%;} .carbon .blue-box .txt-box {background-size: 35%;} .carbon .blue-box .txt-box .txt {width: 40%;} } @media (max-width: 991px) { .carbon .carbon-top {padding-bottom: 40px;} .carbon .carbon-top .line-box {width: 80%; left: 10%; top: 0; padding: 20px;} .carbon .carbon-top .line-box p {font-weight: bold; color: #000;} .carbon .carbon-top .line-box p.tit {line-height: 200%; padding-bottom: 20px;} .carbon .carbon-top .line-box p.txt {line-height: 200%;} .carbon .carbon-top .line-box .size47 {font-size: 30px;} .carbon .carbon-top .line-box .size45 {font-size: 28px;} .carbon .carbon-top .line-box .size40 {font-size: 26px;} .carbon .carbon-top .line-box .size22 {font-size: 20px;} .carbon .carbon-top .line-box .size24 {font-size: 22px;} .carbon .carbon-top .line-box .size26 {font-size: 24px;} .carbon .line-tit {margin-bottom: 20px; font-size: 24px;} .carbon .cb-wrap {margin: 0;} .carbon .carbon-banner {width: 100%; margin-bottom: 20px;} .carbon .carbon-banner .tit {font-size: 20px;} .carbon .carbon-banner .tit span {font-size: 20px;} .carbon .carbon-banner .txt {height: auto;} .carbon .line-tit2 .line {width: 30%;} .carbon .line-tit2 .tit {width: 40%; font-size: 20px;} .carbon .line-box {margin: 10px 0 20px; padding: 20px; } .carbon .blue-tit {font-size: 26px;} .carbon .line-box ul li span {width: 100px; height: 100px; padding-top: 22px;} .carbon .line-box ul li.sky span { background-size: 100%;} .carbon .line-box ul li.blue span {background-size: 100%;} .carbon .line-box ul li.yellow span {background-size: 100%;} .carbon .purpose li {width: 50%;} .carbon .purpose li:nth-of-type(3) {clear: both;} .carbon .purpose li .line-box {padding: 10px;} .carbon .purpose li .line-box2 {height: auto;} .carbon .arrow {clear: both; padding: 10px 0 20px;} .carbon .blue-box {padding: 20px;} .carbon .blue-box .tit {font-size: 22px;} .carbon .blue-box .txt-box {background-size: 35%;} .carbon .blue-box .txt-box .txt {width: 36%;} .carbon .blue-box .txt-box .txt strong {font-size: 18px;} .carbon .blue-box .txt-box .circle {width: 28%; height: 90px;} .carbon .blue-box .txt-box .circle strong {font-size: 22px;} } /*인구통계*/ .statistics {float: left; width: 100%; letter-spacing: -0.6px; padding: 30px 0;} .statistics h3 {text-align: center; font-family: "NanumSquareRound"; font-size: 46px; color: #2c2c61; font-weight: bold; padding-bottom: 30px;} .statistics .line-bg1 {background: url(/pub/modules/jejunet/people/images/line.png) repeat-y left top; height: 230px; } .statistics .stats-list {float: left; width: 16.6666%; margin-bottom: 30px; height: 230px; background: url(/pub/modules/jejunet/people/images/line.png) repeat-y right top; } .statistics .stats-list h4 {background: none; padding: 0 20px; font-family: "NanumSquareRound"; font-size: 22px; color: #2c2c61; font-weight: bold;} .statistics .stats-list h4 a {color: #2c2c61;} .statistics .stats-list ul { padding: 0 0 0 20px;} .statistics .stats-list ul li {padding: 0 0 3px 15px; background: url(../images/online/icon_blue.png) no-repeat left 8px; font-size: 16px; color: #444;} .statistics .sl-center {width: 33.3333%;} .statistics .sl-center ul li {float: left; width: 50%;} .stat_list {float: left; width: 100%;} .stat_list .label-group {float: left; width: 100%; margin: 20px 0 30px;} .stat_list .label-group span {font-size: 16px; color: #444; float: left; padding-right: 30px;} .stat_list .label-group span span {display: inline-block; margin-right: 5px; width: 24px; height: 24px; padding: 0; background: #396fd1; color: #fff; text-align: center; padding-top: 1px;} .stat_list span.green {background: #008a06 !important;} .stat_list span.bluegreen {background: #17798a !important;} .stat_list span.blue {background: #396fd1 !important;} .stat_list .stat {float: left; width: 32%; margin-right: 24px; padding-bottom: 60px; font-family: "NanumSquareRound"; position: relative;} .stat_list .stat:nth-of-type(3), .stat_list .stat:nth-of-type(6) {margin-right: 0;} .stat_list .stat:nth-of-type(4) {clear: both;} .stat_list .stat h3 {font-size: 22px; color: #2c2c61; margin-bottom: 5px;} .stat_list .stat ul {border-top: 3px solid #2c2c61;} .stat_list .stat ul li {float: left; border-bottom: 1px solid #ddd; float: left; width: 100%; font-size: 14px; color: #444; letter-spacing: -1px;} .stat_list .stat ul li span {float: left;} .stat_list .stat ul li .term {width: 10%; padding: 9px 0;} .stat_list .stat ul li .term span {width: 24px; height: 24px; background: #396fd1; color: #fff; text-align: center; padding-top: 3px;} .stat_list .stat ul li .name {width: 50%; padding: 12px 0 10px;} .stat_list .stat ul li .gray-bg {width: 40%; background: #f2f2f2; text-align: right;} .stat_list .stat ul li .gray-bg .ckey {width: 50%; font-size: 16px; font-weight: bold; color: #222; padding: 10px 0;} .stat_list .stat ul li .gray-bg .unit {width: 50%; padding: 12px 10px 10px 0;} .stat_list .stat .more-btn {position: absolute; top: 12px; right: 0; font-size: 20px;} .stat_list .stat .more-btn a {color: #2c2c61;} @media (min-width: 992px) and (max-width: 1199px) { .statistics .stats-list {width: 25%;} .statistics .sl-center {width: 50%;} .statistics .line-bg4 {background: url(/pub/modules/jejunet/people/images/line.png) repeat-y left top; height: 230px; } .stat_list .stat {width: 48%; margin-right: 25px;} .stat_list .stat:nth-of-type(2), .stat_list .stat:nth-of-type(4), .stat_list .stat:nth-of-type(6) {margin-right: 0; } .stat_list .stat:nth-of-type(3), .stat_list .stat:nth-of-type(5) {clear: both; margin-right: 25px} .stat_list .stat:nth-of-type(4) { clear: none;} } @media (max-width: 991px) { .statistics .stats-list {width: 50%;} .statistics .sl-center {width: 100%;} .statistics .line-bg3, .statistics .line-bg4 {background: url(/pub/modules/jejunet/people/images/line.png) repeat-y left top; height: 230px; } .statistics .stats-list ul li {font-size: 15px;} .stat_list .stat {width: 100%; margin: 0;} } /* 제주형 뉴딜 */ .newdeal-h3{ padding-bottom: 10px; border-bottom: 2px solid #0074B9; } /* 개인정보처리방침 */ .policy-wrap h3{ display: inline-block;} .policy-wrap p.iconImg{ display: inline-block;} .policy-wrap p.iconImg img{ width: 50px ; height: 50px;} /*ICT 교육 정보*/ @media (min-width: 992px) { .movie-board-list { position:relative; } .movie-board-list p.sort-btn { position:absolute; top:-40px; right:0px; } .movie-board-list p.sort-btn a { font-size:18px; color:#474747; } .movie-board-list p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 10px 0 8px; } .movie-board-list p.sort-btn a:first-child:before { content:''; padding:0; } .movie-board-list p.sort-btn a:hover, .movie-board-list p.sort-btn a.active {color:#007558; text-decoration:none; } .movie-board-list ul {padding-left: 0; list-style: none; margin-left:-5px; margin-right:-5px; margin-bottom:20px; } .movie-board-list li { position:relative; float:left; width:25%; padding-left:5px; padding-right:5px; margin-bottom:20px; word-break:break-all; height:240px;font-family: '맑은 고딕'; } /*.movie-board-list li a { display:block; width:100%; }*/ .movie-board-list li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative; } .movie-board-list li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; background-size:1.5rem auto; } .movie-board-list li a .text {padding:0 5px; font-size:16px; color:#000; } .movie-board-list li .util { position:absolute; top:10px; right:10px; white-space: nowrap; } .movie-board-list li .util a img { width:70%; } .movie-board-list li .util a { margin-left:5px; display:block; margin-bottom:8px; } .vod-movie { padding-top:30px;padding-bottom:10px; border-bottom:1px solid #d6d6d6; display:none; } .vod-movie ul { margin-left:-5px; margin-right:-5px; } .vod-movie ul li.title p { background-repeat: no-repeat;width:400px; text-align:center; background-position:center center; background-size:cover; height:225px; padding:30px; display:table-cell; vertical-align:middle; color:#fff; font-size:30px; } .vod-movie li { position:relative; float:left; width:25%; font-family: '맑은 고딕'; padding-left:5px; padding-right:5px; margin-bottom:20px; height:225px; } /*.vod-movie li a { display:block; width:100%; }*/ .vod-movie li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative; } .vod-movie li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; background-size:1.5rem auto; } .vod-movie li a .text {padding:0 5px; font-size:18px; color:#000; font-weight:bold; } .vod-movie li .util { position:absolute; top:10px; right:10px; white-space: nowrap; } .vod-movie li .util a img { width:70%; } .vod-movie li .util a { margin-left:5px; display:block; margin-bottom:8px; } /*영상뉴스-상세*/ .vod-movie-view {float: left; width: 100%; position: relative;} .vod-movie-view .vod-play {float: left; width: 100%; position: relative; word-break:break-all; } .vod-movie-view .vod-play .movie-img {height: 100%; /*margin-bottom:40px;*/ position: relative; /*height: 472px; padding-top:56.25%;*/ background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #000;} .vod-movie-view .vod-play .movie-img.padding { padding-top:56.25%; } .vod-movie-view .vod-play .movie-img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; } .vod-movie-view .vod-play .movie-img .download { position:absolute; bottom:0px; left:0px; width:100%; padding:25px 10px 25px 40px; background:url(/pub/site/live/images/sub/icon_mark.png) no-repeat 15px 26px #000; } .vod-movie-view .vod-play .movie-img .download a { color:#a0a0a0; } .vod-movie-view .vod-play .movie-img .download a strong { color:#3488c3; text-decoration:underline; } .vod-movie-view .vod-play .movie-txt {float: left; position: relative; width: 100%; padding: 20px; min-height: 180px;} .vod-movie-view .vod-play .movie-txt .tit {font-family: '맑은 고딕'; font-size: 28px; font-weight: bold; color: #000; width: 85%; line-height: 130%;} .vod-movie-view .vod-play .movie-txt .date {font-family: '맑은 고딕'; font-size: 16px; color: #b8b8b8; padding-top: 10px;} .vod-movie-view .vod-play .movie-txt .con {font-size: 18px; color: #474747; padding-top: 30px; width: 95%;} .vod-movie-view .vod-play .movie-txt .con.ellipsis p {display:inline; } .vod-movie-view .vod-play .movie-txt .con.ellipsis img , .vod-movie-view .vod-play .movie-txt .con.ellipsis br { display:none; } .vod-movie-view .vod-play .movie-txt .icon-group {position: absolute; top: 20px; right: 0; font-size: 16px;} .vod-movie-view .vod-play .movie-txt .icon-group a {margin-left: 10px; color:#000; } .vod-movie-view .vod-play .movie-txt .icon-group .like {display: none; } .vod-movie-view .vod-play .movie-txt .icon-group .like-btn {color:#000; } .vod-movie-view .vod-play .movie-txt .more {position: absolute; right: 0; bottom: 20px; text-align: center;} .vod-movie-view .vod-play .movie-txt .more a {display: inline-block; width: 35px; height: 35px;line-height:35px; border: 1px solid #868686;} .vod-movie-view .vod-list, .vod-movie-view .vod-reply {display: none;} .alert-box {display: none; z-index: 110; position: fixed; top: 50%; left: 50%; border-top: 5px solid #004164; background: #fff; padding: 20px; width: 520px;} .alert-box .share-txt {float: left; width: 100%; padding: 15px 0 0 15px; background: url(../images/sub/bit02.jpg) no-repeat left 35px; font-size: 16px; color: #717171;font-weight: bold;} .alert-box .share-txt span {float: left; display: inline-block; width: 10%; padding-top: 12px;} .alert-box .share-sns {padding-top: 0; background: url(/pub/site/live/images/sub/bit02.jpg) no-repeat left 17px;} .alert-box .share-sns span {padding-top: 8px;} .alert-box .share-txt img {padding-right: 5px;} .alert-box .share-txt input {float: left; width: 80%; border: 1px solid #e1e1e1; background: #fff; padding: 10px;} .alert-box .share-txt button {float: left; width: 10%; height: 46px; font-weight: normal; border: none; background: #004164; color: #fff; font-size: 14px;} .alert-box .alert-close {position: absolute; top: 20px; right: 20px;} .back { display: none; z-index: 100; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); } } .ict-txtbox { width: 100%; padding: 50px 30px 40px 45%; margin-bottom: 50px; color: #666; font-size: 16px; line-height: 180%; border-radius: 10px 10px 0 0; border-bottom: 2px solid #DBECF1; background-color: #F1F9FB; background-repeat: no-repeat; background-position: left 20px bottom; } .ict-txtbox strong { color: #0074B7; } .ict-txtbox.ict-bg1 { background-image: url(/pub/site/jejunet/2019/images/sub/ict_images/ict_1.png); } .ict-txtbox.ict-bg2 { background-image: url(/pub/site/jejunet/2019/images/sub/ict_images/ict_2.png); } .ict-table { border-top: 2px solid #7CAED5; } .ict-table thead th { padding: 12px; font-size: 16px; text-align: center; font-weight: normal; color: #4378A1; border-bottom: 1px solid #7CAED5; border-right: 1px solid #EAEAEA; } .ict-table thead th:last-child { border-right: none; } .ict-table tbody td { padding: 12px 20px; font-size: 16px; text-align: center; color: #666; border-bottom: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } .ict-table tbody td a { color: #666; } .ict-table tbody td:first-child { text-align: left; } .ict-table tbody td:last-child { border-right: none; } .ict-table tbody td span.ict-circle { display: inline-block; width: 14px; height: 14px; font: 0/0 a; font-size: 0; border-radius: 50%; } .ict-table tbody tr.table-orange td { background-color: #FFFEF3; color: #A85E2C; } .ict-table tbody tr.table-orange td a { color: #A85E2C; } .ict-table tbody tr.table-orange td span.ict-circle { background-color: #E16B1B; } .ict-table tbody tr.table-ygreen td span.ict-circle { background-color: #649E04; } .ict-table tbody tr.table-green td { background-color: #F7FFF5; color: #2F7E0E; } .ict-table tbody tr.table-green td a { color: #2F7E0E; } .ict-table tbody tr.table-green td span.ict-circle { background-color: #009E73; } .ict-table tbody tr.table-sky td span.ict-circle { background-color: #089ECE; } .ict-table tbody tr.table-blue td { background-color: #F3FDFF; color: #0074B7; } .ict-table tbody tr.table-blue td a { color: #0074B7; } .ict-table tbody tr.table-blue td span.ict-circle { background-color: #2884EB; } .ict-table tbody tr.table-purple td span.ict-circle { background-color: #8E62DC; } .ict-banner { display: flex; flex-wrap: wrap; justify-content: space-between; } .ict-banner p { width: 32.6%; height: 90px; margin-bottom: 10px; padding: 0; text-align: center; background-color: #F8F8F8; border: 1px solid #EAEAEA; } .ict-banner p a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .ict-banner p a img { max-width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .ict-txtbox { background-size: auto 60%; } } @media (max-width: 991px) { .movie-board-list { position:relative; } .movie-board-list p.sort-btn { position:absolute; top:-40px; right:0px; } .movie-board-list p.sort-btn a { font-size:18px; color:#474747; } .movie-board-list p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 10px 0 8px; } .movie-board-list p.sort-btn a:first-child:before { content:''; padding:0; } .movie-board-list p.sort-btn a:hover, .movie-board-list p.sort-btn a.active {color:#007558; text-decoration:none; } .movie-board-list ul { padding-left: 0; list-style: none; margin-left:-5px; margin-right:-5px; margin-bottom:0.4rem; } .movie-board-list li { position:relative; float:left; width:50%; padding-left:5px; padding-right:5px; margin-bottom:0.6rem; font-family: '맑은 고딕'; } /*.movie-board-list li a { display:block; width:100%; }*/ .movie-board-list li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative; } .movie-board-list li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; background-size:1rem auto; } .movie-board-list li a .text {padding:0 5px; font-size:0.65rem; color:#000; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; } .movie-board-list li .util { display:none; position:absolute; top:10px; right:10px; white-space: nowrap; } .movie-board-list li .util a img { width:50%; } .movie-board-list li .util a { margin-left:5px; display:block; margin-bottom:8px; } .vod-movie { padding-top:0.7rem;padding-bottom:0.2rem; border-bottom:1px solid #d6d6d6; display:none; } /*.vod-movie ul { margin-left:-5px; margin-right:-5px; }*/ .vod-movie ul li.title p { background-repeat: no-repeat;width:300px; background-position:center center; text-align:center; background-size:cover; height:7rem; padding:0.5rem; display:table-cell; vertical-align:middle; color:#fff; font-size:0.7rem; } .vod-movie li { position:relative; float:left; width:50%; font-family: '맑은 고딕'; padding-left:5px; padding-right:5px; margin-bottom:0.5rem; height:9rem; } /*.vod-movie li a { display:block; width:100%; }*/ .vod-movie li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative; } .vod-movie li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; background-size:1.5rem auto; } .vod-movie li a .text {padding:0 5px; font-size:0.65rem; color:#000; font-weight:bold; } .vod-movie li .util { position:absolute; top:10px; right:10px; white-space: nowrap; } .vod-movie li .util a img { width:50%; } .vod-movie li .util a { margin-left:5px; display:block; margin-bottom:8px; } /*영상뉴스-상세*/ .vod-movie-view {float: left; width: 100%; padding-left:15px; padding-right:15px;} .vod-movie-view .vod-play {float: left; width: 100%; position: relative; word-break:break-all; margin-bottom:0.6rem; } .vod-movie-view .vod-play .movie-img {height: 100%; /*margin-bottom:40px; */ position: relative;/* height:480px !important; padding-top:56.25%; */ background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #000;} .vod-movie-view .vod-play .movie-img.padding {padding-top:56.25%;} #mediaplayer_wrapper { height:480px !important; } .vod-movie-view .vod-play .movie-img span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(/pub/site/live/images/common/play.png) no-repeat center center; } .vod-movie-view .vod-play .movie-img .download { position:absolute; bottom:0px; left:0px; width:100%; padding:25px 10px 25px 40px; background:url(/pub/site/live/images/sub/icon_mark.png) no-repeat 15px center #000; } .vod-movie-view .vod-play .movie-img .download a { color:#a0a0a0; } .vod-movie-view .vod-play .movie-img .download a strong { color:#3488c3; text-decoration:underline; } .vod-movie-view .vod-play .movie-txt {float: left; position: relative; width: 100%; padding: 15px 0;} .vod-movie-view .vod-play .movie-txt .tit {font-family: '맑은 고딕'; font-size: 18px; color: #000; font-weight: bold; width: 72%; letter-spacing:-1.4px; word-break:break-all; line-height: 130%;} .vod-movie-view .vod-play .movie-txt .date {font-family: '맑은 고딕'; font-size: 12px; color: #b8b8b8; padding-top: 10px;} .vod-movie-view .vod-play .movie-txt .con {font-size: 14px; color: #474747; padding-top: 20px; width: 90%;} .vod-movie-view .vod-play .movie-txt .con.ellipsis p {display:inline; } .vod-movie-view .vod-play .movie-txt .con.ellipsis img , .vod-movie-view .vod-play .movie-txt .con.ellipsis br { display:none; } .vod-movie-view .vod-play .movie-txt .icon-group {position: absolute; top: 15px; right: 0; font-size: 14px; letter-spacing: -1px;} .vod-movie-view .vod-play .movie-txt .icon-group a {margin-left: 5px; color:#000; } .vod-movie-view .vod-play .movie-txt .icon-group img {width: 22px;} .vod-movie-view .vod-play .movie-txt .icon-group .like {display: none;} .vod-movie-view .vod-play .movie-txt .more {position: absolute; right: 0; bottom: 0px; text-align: center;} .vod-movie-view .vod-play .movie-txt .more a {display: inline-block; width: 30px; height: 30px; line-height:30px; border: 1px solid #868686;} .vod-movie-view .vod-list, .vod-movie-view .vod-reply {display: none;} .alert-box {display: none; z-index: 110; position: fixed; top: 50%; left: 50%; border-top: 5px solid #004164; background: #fff; padding: 20px; width: 90%;} .alert-box p span { display:none; } .alert-box .share-txt {float: left; width: 100%; padding: 15px 0 0 0;/* background: url(../images/sub/bit02.jpg) no-repeat left 35px;*/ font-size: 16px; color: #717171;font-weight: bold;} .alert-box .share-txt span {/*float: left; display: inline-block; width: 15%; padding-top: 12px; */ display:none; } .alert-box .share-sns {padding-top: 0; background: url(/pub/site/live/images/sub/bit02.jpg) no-repeat left 30px; text-align:center; } .alert-box .share-sns span {padding-top: 8px;} .alert-box .share-txt img {padding-right: 5px;} .alert-box .share-txt input {float: left; width: 100%; border: 1px solid #e1e1e1; background: #fff; padding: 10px;} .alert-box .share-txt button {float: left; width: 100%; height: 35px; font-weight: normal; border: none; background: #004164; color: #fff; font-size: 14px;} .alert-box .alert-close {position: absolute; top: 20px; right: 20px;} .ict-txtbox { padding: 15px 15px 90px 15px; margin-bottom: 30px; font-size: 14px; line-height: 160%; background-size: auto 75px; } .ict-banner p { width: 49%; height: 60px; margin-bottom: 10px; padding: 16px 10px; } } /* 도정슬로건 */ .slogan-wrap{width: 100%;} .slogan-wrap h3{ font-size: 30px; color: #0074B0 ; width: 100%; display: block; background-image: url(../images/sub/bg_tit.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 40px; line-height: 30px; height: 120px; } .slogan-wrap h3 span{ font-size: 18px; font-weight: 400; } .contents-wrapper .slogan-wrap table.table.table-data, .contents-wrapper .slogan-wrap table.table.table-list, .contents-wrapper .slogan-wrap table.table.table-view, .contents-wrapper .slogan-wrap table.table.table-form{ border-top: 2px solid #0074B7;} .contents-wrapper .slogan-wrap table.table.table-data thead th, .contents-wrapper .slogan-wrap table.table.table-list thead th, .contents-wrapper .slogan-wrap table.table.table-form th, .contents-wrapper .slogan-wrap table.table.table-view th{ background-color: #fff; padding: 13px 5px; color: #00659F; border: 1px solid #EAEAEA; border-bottom: 1px solid #0074B7; font-size: 16px; } .contents-wrapper .slogan-wrap table.table.table-data thead th:first-child{border-left: 1px solid transparent;} .contents-wrapper .slogan-wrap table.table.table-data thead th:last-child{border-right: 1px solid transparent;} .contents-wrapper .slogan-wrap table.table.table-data tbody td, .contents-wrapper .slogan-wrap table.table.table-list tbody td{ padding: 20px 14px; border: 1px solid #eaeaea; font-size: 16px; } .contents-wrapper .slogan-wrap table.table.table-data tbody td:first-child{border-left: 1px solid transparent;} .contents-wrapper .slogan-wrap table.table.table-data tbody td:last-child{border-right: 1px solid transparent;} .contents-wrapper .slogan-wrap table.table.table-data tbody tr.bg-col td{ background-color : #F6FBFE} @media (max-width: 991px) { .slogan-wrap h3{font-size: 20px;} } /*용역실명제사업 공개 콘텐츠*/ .service-txtbox { padding-top: 20px; padding-left: 120px; font-size: 16px; background-image: url(/pub/site/jejunet/2019/images/sub/icon_i.png); background-repeat: no-repeat; background-position: left 30px top 20px; } .service-txtbox p { padding: 0; } @media (max-width: 991px) { .service-txtbox { padding-top: 15px; padding-left: 65px; font-size: 14px; background-position: left 15px top 20px; background-size: 40px; } } /*게시판 카테고리*/ .board-category-list { display: flex; flex-wrap: wrap; } .board-category-list>div { width: 33.333%; background:url(/pub/site/jejunet/2017/images/sub/bull03.png) no-repeat 3px 7px; padding-left:17px; font-size:14px; line-height:1.6; font-weight:normal; color:#333; } @media (max-width: 991px) { .board-category-list>div { width: 50%; } } /* 콘텐츠 안에 탭 */ .tab-contents-box { width: 100%; } .tab-contents-box .tab-contents-nav { display: flex; width: 100%; margin-bottom: 30px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } .tab-contents-box .tab-contents-nav .tab-contents-title { width: 100%; } .tab-contents-box .tab-contents-nav .tab-contents-title a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 12px; color: #555; font-size: 13px; font-weight: normal; text-align: center; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; } .tab-contents-box .tab-contents-nav .tab-contents-title a:hover, .tab-contents-box .tab-contents-nav .tab-contents-title a.active { color: #fff; font-weight: bold; text-decoration: none; background-color: #0074b9; } @media (min-width: 992px) { .tab-contents-box .tab-contents-nav .tab-contents-title a:focus { position: relative; z-index: 99999; } } .tab-contents-box .tab-contents-wrap { width: 100%; } @media (max-width: 991px) { .tab-contents-box .tab-contents-nav { flex-wrap: wrap; } } /* 콘텐츠 절차 스타일(정책실명제 관리 절차) */ .step-contents { display: flex; justify-content: space-between; } .step-contents .step-box { position: relative; display: inline-flex; align-items: stretch; flex-wrap: wrap; width: 100%; margin: 0 15px; margin-left: 15px; margin-right: 15px; padding: 0 10px 10px 10px; border-radius: 10px; border: 1px solid #BCC8DC; background-color: #E5EEFD; } .step-contents .step-box:first-child { margin: 0 15px 0 0; } .step-contents .step-box:last-child { margin: 0 0 0 15px; } .step-contents .step-box+.step-box:after { position: absolute; top: calc( 50% - 9px ); left: -25px; content: "\f0a9"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 18px; color: #1E6DBA; } .step-contents .step-box .tit { display: inline-flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: 100%; height: 60px; padding: 0; text-align: center; font-weight: bold; line-height: 120%; font-size: 18px; color: #000; } .step-contents .step-box .tit span { color: #1E6DBA; } .step-contents .step-box .txt { width: 100%; height: calc( 100% - 60px ); padding: 10px 10px 5px 10px; border-radius: 10px; background-color: #fff; } .step-contents .step-box .txt p { position: relative; padding-left: 12px; padding-bottom: 5px; font-size: 14px; line-height: 120%; color: #666; } .step-contents .step-box .txt p:before { content:''; position: absolute; top: 4px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #DADADA; } @media (max-width: 991px) { .step-contents { flex-wrap: wrap } .step-contents .step-box { width: 100%; margin: 0 0 30px 0; } .step-contents .step-box:first-child, .step-contents .step-box:last-child { margin: 0 0 30px 0; } .step-contents .step-box+.step-box:after { content: "\f0ab"; top: -27px; left: calc( 50% - 9px ); } .step-contents .step-box .tit { padding: 10px; height: auto; font-size: 16px; } .step-contents .step-box .txt { height: auto; } } .step-style { display: flex; flex-direction: row; margin: 0; } @media (max-width: 992px) { .step-style { flex-direction: column; } } .step-style li { position: relative; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: calc( 100% - 30px ); margin-right: 30px; padding: 16px 10px; text-align: center; border-radius: 10px; border: solid 1px #d4dff2; background-color: #f1f6ff !important; background-image: none !important; } @media (max-width: 992px) { .step-style li { width: 100%; margin-right: 0; margin-bottom: 30px; } } .step-style li.arrow-icon { margin-left: 30px; } @media (max-width: 992px) { .step-style li.arrow-icon { margin-left: 0; } } .step-style li.arrow-icon::after, .step-style li+li::after { position: absolute; top: calc( 50% - 14px ); left: -24px; content: "\f0a9"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 18px; color: #1e6fc1; } @media (max-width: 992px) { .step-style li.arrow-icon::after, .step-style li+li::after { top: -30px; left: calc(50% - 14px ); transform: rotate(90deg); } } .step-style li:last-child { margin-right: 0; } .step-style li .text-blue { color: #1e6dba; } .step-style li .step-title { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; color: #555; font-size: 14px; font-weight: bold; } .step-style li .step-title br { display: none; } .step-style li .step-title .text-blue { font-size: 16px; } .step-style li .step-text { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin-top: 10px; padding: 10px; color: #555; font-size: 16px; text-align: center; border-radius: 6px; background-color: #fff; } .step-style li.step-list2 { width: 200%; } @media (max-width: 992px) { .step-style li.step-list2 { width: 100%; margin-bottom: 0; } } .step-style li .step-textwrap { display: flex; width: 100%; } .step-style li .step-textwrap .step-text { width: calc( 100% - 30px ); margin-right: 30px; } .step-style li .step-textwrap div+div::after { position: absolute; top: calc( 50% - 14px ); left: -24px; content: "\f0a9"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 18px; color: #1e6fc1; } .step-style li .step-textwrap div:last-child { margin-right: 0; } .step-style li .step-textwrap div.step-text { position: relative; flex-direction: column; height: auto; color: #555; font-size: 14px; font-weight: bold; } .step-style li .step-textwrap div.step-text .text-blue { font-size: 16px; } .alert-default2 { background-color: #f5f5f5; } /* .step-style 회색박스 */ .step-style.gray-box > li{ border: solid 1px #ddd; background-color: #f5f5f5 !important; } .step-style.gray-box li .text-blue{ color: #333; } .step-style.gray-box li.arrow-icon::after, .step-style.gray-box li+li::after{ color: #555; } .step-style.gray-box li .step-text { justify-content: flex-start; } .step-style.gray-box li .step-text .step-list p{ text-align: left; font-size: 14px; position: relative; padding: 0px 0 6px 13px; } .step-style.gray-box li .step-text .step-list p:before{ content:''; position: absolute; width: 6px; height: 6px; background-color: #dadada; border-radius: 50%; top: 8px; left: 0; } /* 개인정보처리방침 2023 */ .policy-wrap{ position: relative;} .policy-wrap .btn-wrap{ position: absolute; top: -40px; right: 0;} .policy-wrap .btn-wrap a{ padding: 4px 14px; background-color: #0A77D2; border-radius: 5px; color: #fff; font-weight: 100; font-size: 14px;} .policy-wrap .txt-box{ width: 100%; display: flex; justify-content: space-between; align-items: center;} .policy-wrap .txt-box p{ padding: 0; width: calc(100% - 64px);} .policy-wrap .txt-box img{ width: 64px; height: 64px; border: 1px solid #0A77D2; border-radius: 3px; padding: 2px;background-color: #fff; } .policy-wrap table tbody td{ position: relative;} .policy-wrap table tbody td div.img-hover{ display: none;} .policy-wrap table tbody td:hover div.img-hover{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0A399A; opacity: 0.9; } .policy-wrap table tbody td div.img-hover p{ font-weight: 300; color: #fff; font-size: 15px; } .policy-wrap .box-wrap{ border: 1px solid #ddd; padding: 20px; margin: 20px auto 15px; max-width: 350px; } .policy-wrap .box-wrap p{ font-size: 12px;} .policy-wrap .box-wrap img{ margin: 0 auto; } .btn-box-wrap input{ display: none;} .btn-box-wrap label { padding: 2px 10px; color: #fff; background-color : #0A77D2; cursor: pointer; font-weight: 100;border-radius: 5px; } .btn-box-wrap ul{ display: none; } .btn-box-wrap input:checked + label + ul{ display: block;} .policy-wrap div.alert ul{ margin: 0 0 0 3px;} @font-face { font-family: 'SCoreDream'; font-weight: 500; font-style: normal; src: url(/pub/site/jejunet/2019/css/font/SCDream5.otf) format('opentype'); font-display: swap; } .private-info{ padding: 80px 30px 25px 45%; margin-bottom: 50px; color: #333; font-size: 17px; line-height: 180%; letter-spacing: -1.27px; border-radius: 10px 10px 0 0; background-repeat: no-repeat; background-position: center; background-image: url(/pub/site/jejunet/2019/images/sub/private_img.jpg); } .private-info span{ font-family: 'SCoreDream'; font-weight: 500; } @media(max-width: 991px){ .private-info{ padding: 220px 0px 15px; margin-bottom: 30px; font-size: 15px; line-height: 22px; background-size: 330px; background-position: center top; background-image: url(/pub/site/jejunet/2019/images/sub/private_img_m.jpg); margin-left: -15px; margin-right: -15px; } .private-info span{ display: block; background: #F2F2F2; border-top: 2px solid #475E7E; padding: 15px; letter-spacing: -1.13px; } } /* 돼지고기판매인증점 소개 */ .pork-info { display: flex; align-items: center; width: 100%; padding: 20px; margin-bottom: 40px; background: #EEE; } @media(max-width: 991px){ .pork-info { align-items: flex-start; padding: 15px; margin-bottom: 0; } } .pork-info img { margin-right: 50px; } @media(max-width: 991px){ .pork-info img { width: 90px; margin-right: 20px; } } .pork-info h3 { margin-bottom: 10px; } .pork-info p { padding: 0; color: #333; font-size: 16px; line-height: 140%; } /* 학자금 대출이자 지원신청 */ .step-row-contents{ background-color: #F7F7F7; padding: 30px 35px; } .step-row-contents h4{ background: none; color: #333; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; } .step-row-contents .list{ border: 1px solid #DFDFDF; border-radius: 10px ; background: #fff; padding: 10px 0; text-align: center; margin-bottom: 25px; position: relative; } .step-row-contents .list:after{ content:'\f004'; position: absolute; font-family: fontello; bottom: -24px; color: #333; font-size: 14px; } .step-row-contents .list:last-child:after{ content: none; } .step-row-contents .tit{ font-weight: bold; color: #3268E0; font-size: 15px; } .step-row-contents .txt{ text-align: left; display: flex; justify-content: center; flex-direction: column; align-items: center; } .step-row-contents .txt p { padding: 0; } @media(max-width: 991px){ .step-row-contents{ padding: 30px 15px; } .step-row-contents .list{ padding: 12px ; } .step-row-contents .tit{ font-size: 14px;} .step-row-contents .txt p { display: flex; flex-direction: column; align-items: center; } .step-row-contents .txt p span{ display: flex; justify-content: center; } } @media(min-width: 992px){ .sinmungo .well{border: none; padding: 41px 42px 41px 32px; display: flex; flex-direction: row; align-items: center;} .sinmungo .well .img{margin-right: 53.5px;} .sinmungo .well .text{letter-spacing: -0.35px; color: #555555;} .sinmungo .well .text strong{font-size: 16px; letter-spacing: 0px; color: #333333; font-weight: bold;} .sinmungo .well .text a{display: inline-block; padding: 13px 20px; border: 1px solid #C6C6C6; font-size: 16px; color: #333333; letter-spacing: 0px; margin-top: 21px; background: #fff;} .sinmungo .well .text a i{margin-left: 10px; font-size: 14px; letter-spacing: -0.35px;} } @media(max-width: 991px){ .sinmungo .well{padding: 20px; padding-bottom: 28px;} .sinmungo .well .img{display: none;} .sinmungo .well .text{letter-spacing: -0.35px; color: #555555;} .sinmungo .well .text strong{font-size: 16px; letter-spacing: 0px; font-weight: bold; color: #333333;} .sinmungo .well .text a{display: inline-block; padding: 13px 20px; border: 1px solid #C6C6C6; font-size: 16px; color: #333333; letter-spacing: 0px; margin-top: 21px; background: #fff;} .sinmungo .well .text a i{margin-left: 10px; font-size: 14px; letter-spacing: -0.35px;} } /* 안전인증 농어촌민박 소개 */ .contents-wrapper .bnb2-linebox { padding: 15px 20px; border: 1px solid #D8D8D8; } .contents-wrapper .bnb2-linebox .title { margin-bottom: 5px; color: #1D1D1D; font-size: 16px; font-weight: bold; } .contents-wrapper .bnb2-linebox ul { display: flex; flex-wrap: wrap; margin: 0; } .contents-wrapper .bnb2-linebox ul li { width: 50%; padding-left: 0; padding-bottom: 3px; color: #333; font-size: 14px; } @media(max-width: 991px){ .contents-wrapper .bnb2-linebox ul li { width: 100%; } } /* 고향사랑기부제 기금사업 안내 */ .gibu-contents .gibu-title { margin-bottom: 15px; padding-left: 14px; color: #000; font-size: 26px; font-weight: bold; background: url(/pub/site/jejunet/2024/images/sub/gibu/bul.png) no-repeat left 7px; } @media(max-width: 991px){ .gibu-contents .gibu-title { font-size: 24px; background-position: left 5px; } } .gibu-contents .gibu-text { margin-bottom: 20px; color: #000; font-size: 22px; line-height: 170%; } @media(max-width: 991px){ .gibu-contents .gibu-text { margin-bottom: 15px; font-size: 18px; line-height: 160%; } } .gibu-contents .gibu-text2 { margin-bottom: 20px; font-size: 20px; } @media(max-width: 991px){ .gibu-contents .gibu-text2 { margin-bottom: 15px; font-size: 16px; } } .gibu-contents .gibu-box { margin-bottom: 40px; padding: 32px 24px; background-color: #F6F6F6; position: relative; } .gibu-contents .gibu-box2{ background: #E4F0FF; } @media(max-width: 991px){ .gibu-contents .gibu-box { margin-bottom: 20px; padding: 12px; } } .gibu-contents .gibu-box .box-title { margin-bottom: 10px; color: #000; font-size: 22px; font-weight: bold; width: calc(100% - 120px); } @media(max-width: 991px){ .gibu-contents .gibu-box .box-title { font-size: 18px; width: 100%; } } .gibu-contents ul { margin-bottom: 12px; } .gibu-contents ul li { position: relative; padding-left: 12px; margin-bottom: 8px; color: #333; font-size: 18px; } @media(max-width: 991px){ .gibu-contents ul li { margin-bottom: 5px; font-size: 16px; } } .gibu-contents ul li::before { content: ''; position: absolute; top: 12px; left: 0; display: inline-block; width: 4px; height: 4px; background-color: #0051C6; } .gibu-contents ul li .text-primary { color: #0051C6; } .gibu-contents ul li .text-danger { color: #EB003B; } .gibu-contents .gibu-box .box-images { display: flex; } .gibu-contents .gibu-box .box-images img { max-width: 30%; width: 30%; } .gibu-contents .gibu-box .box-images img+img{ margin-left: 5%; } /*.gibu-contents .gibu-box .box-images img:nth-child(2){ margin: 0 2.75%; }*/ .gibu-box .gibu-btn{ position: absolute; top: 32px; right: 24px; } .gibu-box .gibu-btn2{ display: flex; justify-content: center; align-items: flex-start; } .gibu-box .gibu-btn2 img{ max-width: 153px; } .gibu-box .pc-false{ display: none; } .gibu-box .gibu-btn a{ font-weight: normal; font-size: 16px; } .gibu-box .gibu-btn a+a{ margin-left: 12px; } .gibu-box .gibu-btn a span{ font-size: 12px; } @media(min-width: 992px) and (max-width: 1199px){ .gibu-box .gibu-btn2{top: 85px;} } @media(max-width: 991px){ .gibu-box .gibu-btn{ position: unset; text-align: center; } .gibu-box .gibu-btn a{ margin-top: 20px; } .gibu-box .m-false{ display: none; } .gibu-box .pc-false{ display: block; } } .gibu-stamp{ position: absolute; top: 32px; right: 24px; max-width: 306px; height: 153px; display: flex; } .gibu-stamp img{ max-width: 153px; } @media(max-width: 991px){ .gibu-stamp{ position: unset; width: 100px; margin-bottom: 20px; height: 100px; } .gibu-stamp img{ max-width: 100px; } } .gibu-contents .gibu-title2 { margin-bottom: 8px; color: #000; font-size: 22px; font-weight: bold; } @media(max-width: 991px){ .gibu-contents .gibu-title2 { font-size: 20px; } } .gibu-contents .d-text { color: #333333; font-size: 18px; } @media(max-width: 991px){ .gibu-contents .d-text { font-size: 16px; } } .gibu-contents .gray-box { margin-bottom: 20px; padding: 12px 24px; color: #000; font-size: 16px; border-radius: 8px; background-color: #F6F6F6; } @media(max-width: 991px){ .gibu-contents .gray-box { padding: 12px; font-size: 14px; } } .gibu-contents .btn-primary { border-radius: 3px; border: 1px solid #0056B4; background-color: #0056B4; } .gibu-contents .gibu-linebtn { margin-top: 12px; margin-bottom: 30px; text-align: right; } .gibu-contents .gibu-linebtn a { display: inline-flex; justify-content: center; align-items: center; padding: 6px 12px; color: #183265; font-size: 16px; font-weight: bold; border-radius: 5px; border: 1px solid #183265; } .gibu-contents .gibu-linebtn a img { width: 112px; padding-right: 4px; } .gibu-contents .gibu-linebtn a i { padding-left: 8px; } .gibu-contents .gibu-define { display: block; width: 100%; padding-bottom: 8px; } .gibu-contents .gibu-define dl { display: flex; width: 100%; } @media(max-width: 991px){ .gibu-contents .gibu-define dl { flex-direction: column; } } .gibu-contents .gibu-define dl dt { display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 80px; color: #0056B4; font-size: 24px; font-weight: bold; border-radius: 8px; border: 1px solid #0056B4; } @media(max-width: 991px){ .gibu-contents .gibu-define dl dt { width: 100%; height: 56px; margin-bottom: 8px; font-size: 22px; } } .gibu-contents .gibu-define dl { margin-bottom: 16px; } @media(max-width: 991px){ .gibu-contents .gibu-define dl { margin-bottom: 12px; } } .gibu-contents .gibu-define dl dd { display: inline-flex; width: calc( 100% - 120px ); padding-left: 12px; } @media(max-width: 991px){ .gibu-contents .gibu-define dl dd { flex-wrap: wrap; width: 100%; padding: 0; } } .gibu-contents .gibu-define dl dd .gray-box { margin-bottom: 0; color: #333; width: 100%; font-size: 18px; } @media(max-width: 991px){ .gibu-contents .gibu-define dl dd .gray-box { font-size: 16px; } } .gibu-contents .gibu-define dl dd .gray-box span { font-size: 16px; } @media(max-width: 991px){ .gibu-contents .gibu-define dl dd .gray-box span { font-size: 14px; } } .gibu-contents .gibu-define dl dd.con-2 .gray-box { width: calc( calc(100% / 2) - 7.5px ); margin-right: 15px; } @media(max-width: 991px){ .gibu-contents .gibu-define dl dd.con-2 .gray-box { width: 100%; margin-right: 0; margin-bottom: 8px; } } .gibu-contents .gibu-define dl dd.con-2 .gray-box:last-child { margin-right: 0; } .gibu-contents .gibu-step { display: flex; justify-content: space-around; padding: 24px; margin: 24px 0; border-radius: 8px; border: 1px solid #DDDDDD; } @media(max-width: 991px){ .gibu-stepscroll { overflow-x: scroll; } .gibu-contents .gibu-step { justify-content: space-between; width: 650px; } } .gibu-contents .gibu-step div { position: relative; display: flex; flex-direction: column; align-items: center; color: #333; font-size: 16px; } .gibu-contents .gibu-step div span { margin-top: 8px; font-size: 16px; color: #333; } .gibu-contents .gibu-step div + div::after { content: ''; position: absolute; top: 36px; left: calc( 50% - 115px ); width: 23px; height: 32px; background-repeat: no-repeat; background-image: url(/pub/site/jejunet/2024/images/sub/gibu/next.png); } @media (min-width: 992px) and (max-width: 1199px) { .gibu-contents .gibu-step div + div::after { left: calc( 50% - 93px ); } } @media(max-width: 991px){ .gibu-contents .gibu-step div + div::after { left: calc( 50% - 95px ); } } .gibu-btngroup { margin: 10px 0; } .gibu-btngroup a { margin-right: 8px; margin-bottom: 8px; } .gibu-ebook{padding-top: 9px;} .gibu-ebook .volBtn{display: flex; justify-content: space-between; padding-top: 14px;} .gibu-ebook .volBtn a{display: block; padding: 7.5px 8px; border: 1px solid #183265; background: #fff; font-size: 15px; color: #000; border-radius: 5px; letter-spacing: -0.75px; line-height: 18px; font-weight: bold} .gibu-ebook .volBtn a:hover, .gibu-ebook .volBtn a.active{border: none; padding: 8.5px 9px; background: #ECF2FE; text-decoration: none} @media(min-width: 992px){ .gibu-contents .left{float: left; width: calc(100% - 261px);} .gibu-contents .left li{letter-spacing: -0.45px} .gibu-contents .left li span.block{display: block;} .gibu-contents .left .gray-box{padding: 12px 10px;} .gibu-contents .right{float: right; width: 222px} .gibu-contents .left-2{width: calc(100% - 404px);} .gibu-contents .left-2 .gray-box{display: flex;} .gibu-contents .right-2{width: 365px} .gibu-contents .left-2 li{margin-bottom: 13px;} } .gibu-contents .right{margin: 0 auto; max-width: 360px} .gibu-contents .right-2{max-width: unset;} .introduce .introduce-title{position: relative; font-size: 28px; color: #24386E; padding-top: 22px; padding-bottom: 12px; margin-top: 15px; margin-bottom: 23px; letter-spacing: -0.7px; border-bottom: 2px solid #24386E;} .introduce div+.introduce-title, .introduce img+.introduce-title{margin-top: 52px;} .introduce .introduce-title:before{content: ''; position: absolute; top: 0; left: 0; width: 26px; height: 21px; background: url(/pub/site/jejunet/2024/images/sub/introduce/quotes.svg) no-repeat center; background-size: cover;} .introduce > img{margin: 0 auto;} .introduce h4{color: #555; line-height: 26px; background: url(/pub/site/jejunet/2018/images/sub/blit.png) no-repeat 0 6px;} .introduce h4+img{margin-top: 61px;} .introduce .dl-f{margin-top: 30px; display: flex; justify-content: space-between;} .introduce .dl-f img{max-width: 50%;} .introduce .box{position: relative; border: 4px solid #F4F6FB; border-radius: 16px; font-size: 24px; color: #24386E; letter-spacing: -0.6px; text-align: center; margin-top: 77px; padding: 72px 0 58px;} .introduce .box .box-tit{position: absolute; top: -46px; left: calc(50% - 80px); display: inline-flex; align-items: center; justify-content: center; color: #24386E; padding: 9px 29px 9px 11px; border: 4px solid #F4F6FB; border-radius: 50px; background: #fff; font-weight: bold;} .introduce .box .box-tit span{display: flex; align-items: center; justify-content: center; margin-right: 16px; width: 54px; height: 54px; background: #F4F6FB; border-radius: 50%;} .introduce .box p{font-size: 34px; color: #24386E;} .introduce .box strong span{color: #118ED9;} .introduce .box2{background: #F4F6FB; padding: 79px 0 37px;} .introduce .box2 .box-tit{left: calc(50% - 100px); padding: 9px 27px 9px 9px;} .introduce .box2 ul{display: flex; justify-content: center;} .introduce .box2 ul li{background: #F4F6FB; padding: 0px; margin: 0 45px;} .introduce .box2 ul li p{font-size: 16px; color: #555555; letter-spacing: 0px} .introduce .box2 ul li p.tit{font-size: 18px; color: #0074B9; letter-spacing: -0.45px; font-weight: bold; padding-bottom: 16px;} .introduce .box2 ul li .img-wrap{display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; padding-bottom: 0px; margin-bottom: 17px; border-radius: 20px; background: #0074B9;} .introduce .box2 ul li .img-wrap img{width: 64px;} .introduce .box2 ul li:nth-child(2) .img-wrap{background: #0BA792;} .introduce .box2 ul li:nth-child(2) p.tit{color: #0BA792;} .introduce .box2 ul li:nth-child(3) .img-wrap{background: #5D5DC1;} .introduce .box2 ul li:nth-child(3) p.tit{color: #5D5DC1;} .introduce .box2 ul li:nth-child(4) .img-wrap{background: #D67D23;} .introduce .box2 ul li:nth-child(4) p.tit{color: #D67D23;} @media(max-width: 991px){ .introduce .introduce-title{font-size: 20px;} .introduce .introduce-title:before{width: 18px; height: 14.5px;} .introduce .box{padding: 36px 0 21px;} .introduce .box .box-tit{font-size: 20px; padding: 4px 21px 4px 7px; top: -30px; left: calc(50% - 65px);} .introduce .box .box-tit span{width: 44px; height: 44px; } .introduce .box p{font-size: 22px;} .introduce .box2{padding: 50px 0 33px;} .introduce .box2 .box-tit{padding: 4px 17.5px 4px 3.5px; left: calc(50% - 80px);} .introduce .box2 ul{display: flex; flex-wrap: wrap; justify-content: center;} .introduce .box2 ul li{background: unset; padding: 0px; margin: 0 0px; margin-bottom: 10px; width: 50%;} .introduce .box2 ul li .img-wrap{width: 90px; height: 90px; margin: 0 auto; margin-bottom: 11px;} .introduce .box2 ul li .img-wrap img{width: 50px;} .introduce .box2 ul li p{line-height: 1.3;} .introduce .box2 ul li p.tit{font-size: 16px; padding-bottom: 9px} .introduce .dl-f{display: block; text-align: center} .introduce .dl-f img{margin: 0 auto; max-width: 100%; margin-bottom: 10px;} } .hope-txt-group{ display: flex; justify-content: space-between; width: 100%; align-items: center; } @media(max-width: 500px){ .hope-txt-group{ flex-wrap: wrap; justify-content: flex-end; } } .exhibit-imgGroups { display: flex; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media(max-width: 991px){ .exhibit-imgGroups { flex-wrap: wrap; } } .exhibit-imgGroups .img-box { width: 100%; text-align: center; border-left: 1px solid #ddd; } .exhibit-imgGroups .img-box .img-wrap img { max-width: 100%; } .exhibit-imgGroups .img-box .img-title { width: 100%; padding: 5px; font-size: 14px; border-top: 1px solid #ddd; background-color: #f3f3f3; } .green_forest{ font-family: 'Pretendard'; } .green_forest .pc-false{ display: none; } .green_forest .box{ padding: 80px 120px 195px; text-align: center; background-color: #def1f4; background-image: url(/pub/site/jejunet/2025/images/sub/green_forest/bg_top.svg), url(/pub/site/jejunet/2025/images/sub/green_forest/bg_btm.svg); background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; background-size: contain; margin-bottom: 35px; } .green_forest .box h3{ font-size: 36px; color: #1d1d1d; margin-bottom: 30px; font-family: 'SokchoSeaDotum'; } .green_forest .box h3 span{ color: #178675; } .green_forest .box .date{ font-size: 17px; text-align: left; max-width: 602px; margin: 0 auto 10px; color: #2a5ecd; font-family: 'Pretendard'; font-weight: 800; } .green_forest .box ul{ display: flex; justify-content: flex-start; align-items: center; } .green_forest .box ul li{ margin: 0 7.5px 10px; width: 220px; padding: 15px 0; border: 2px solid #9eced5; border-radius: 20px; background-color: #fff; font-size: 15px; } .green_forest .box ul li.green{ width: 142px; border-color: #34977b; color: #178675; font-weight: bold; } .green_forest .box ul li strong{ display: block; font-size: 23px; color: #1d1d1d; margin-bottom: 11px; line-height: 1; } .green_forest .box ul li strong span.kg{font-size: 16px;} .green_forest .box ul li.green strong{ color: #178675; } .green_forest > p a{ padding: 14px 20px; border-radius: 6px; border: solid 1px #9dd0c2; background-color: #f2f9f7; color: #086b5c; font-size: 16px; } .green_forest > p a i{ margin-left: 10px; } .green_forest > p a:hover{ border: solid 1px #9dd0c2; background-color: #f2f9f7; color: #086b5c; } @media(max-width: 1199px){ .green_forest .box{ padding: 80px 80px 195px; } .green_forest .box ul li{width: 180px; } } @media(max-width: 991px){ .green_forest .pc-false{ display: block; } .green_forest .box{ padding: 40px 15px 132px; margin-bottom: 30px; } .green_forest .box h3{ font-size: 28px; margin-bottom: 20px; } .green_forest .box .date{font-size: 15px;} .green_forest .box ul{ display: block; } .green_forest .box ul li{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 10px; padding: 20px; text-align: right; } .green_forest .box ul li.green{ width: 100%; } .green_forest .box ul li strong{ font-size: 24px; margin-bottom: 0px; } .green_forest > p a{ padding: 14px 14px; font-size: 14px; } } /*명예도민 개인정보동의*/ .domin-agree { margin: 0 auto; font-size: 16px; line-height: 1.6; color: #555; } .domin-agree * { box-sizing: border-box; } .domin-agree a { color: inherit; text-decoration: none; } .domin-agree p{ padding-bottom: 0px; } .domin-agree li{ list-style: none; } .domin-agree .domin-agree-tit{ margin-bottom: 42px; font-size: 16px; color: #1d1d1d; font-weight: 500; line-height: 1.3; text-align: center; } .domin-agree .domin-agree-tit strong{ display: block; font-size: 22px; color: #1d1d1d; } .domin-agree .step-wrap { display: flex; margin-bottom: 30px; } .domin-agree .step-wrap .step-list { position: relative; align-items: center; justify-content: space-between; display: flex; flex-direction: column; width: 33.333%; color: #666; font-size: 13px; } .domin-agree .step-wrap .step-list::before { position: absolute; top: 5px; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #d8d8d8; content: ""; } .domin-agree .step-wrap .step-list:first-child::before{ width: 50%; left: 50%; } .domin-agree .step-wrap .step-list:last-child::before{ width: 50%; right: 50%; } .domin-agree .step-wrap .step-list span { margin: 0; } .domin-agree .step-wrap .step-list .state { display: inline-flex; z-index: 2; width: 10px; height: 10px; margin-bottom: 10px; border: 2px solid #717171; border-radius: 50%; background-color: #fff; background: url(/pub/site/jejunet/2019/images/sub/i_01.svg) no-repeat center; } .domin-agree .step-wrap .step-list.end .state { width: 10px; height: 10px; border: 0; background: url(/pub/site/jejunet/2019/images/sub/i_02.svg) no-repeat center; } .domin-agree .step-wrap .step-list.active .state { position: relative; display: block; width: 24px; height: 24px; margin-top: -6px; border: 1px solid #256ef4; border-radius: 50%; background-color: #fff; flex-shrink: 0; background: url(/pub/site/jejunet/2019/images/sub/i_03.svg) no-repeat center; } /*.domin-agree .step-wrap .step-list.active .state::after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #256ef4 url(/pub/site/jejunet/images/sub/ico_step_active.svg) no-repeat center; content: ""; }*/ .domin-agree .step-wrap .step-list.active .txt { color: #1d1d1d; font-weight: 700; } .domin-agree .agree-info dl { position: relative; margin: 0 0 30px; padding: 24px 20px; border-radius: 10px; background: #f2f6fe; } .domin-agree .agree-info dl dt { font-size: 24px; font-weight: 700; line-height: 1; color: #1d1d1d; padding-bottom: 20px; border-bottom: 1px solid #d7e4f4; } .domin-agree .agree-info dl dt span { margin-left: 2px; font-size: 16px; font-weight: 400; } .domin-agree .agree-info dl dd { margin: 0; padding-top: 16px; text-align: right; } .domin-agree .agree-info dl dd a { color: #555; font-size: 14px; letter-spacing: -0.42px; } .domin-agree .agree-info dl dd i { margin-left: 6px; } .domin-agree .agree-info .info { color: #555; word-break: keep-all; letter-spacing: -0.48px; } .domin-agree .agree-info .agree-btn { margin: 30px 0 0; } .domin-agree .agree-info .agree-btn a { display: flex; align-items: center; justify-content: center; height: 56px; border-radius: 10px; background: #256ef4; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -0.48px; } .domin-agree .agree-list .agree { margin-bottom: 10px; border: 1px solid #d8d8d8; border-radius: 10px; background: #fff; } .domin-agree .agree-list .all-agree, .domin-agree .agree-list .agree-title { padding: 20px 16px; } .domin-agree .agree-list .check-item { display: flex; align-items: flex-start; gap: 8px; font-size: 16px; line-height: 1.4; } .domin-agree .agree-list .check-item > i { flex: 0 0 auto; color: #1d1d1d; font-size: 20px; margin-top: 2px; } .domin-agree .agree-list .check-item.active > i { color: #256ef4; } .domin-agree .agree-list .all-agree .check-item { font-size: 16px; font-weight: 700; } .domin-agree .agree-list .agree-title strong { font-size: 16px; word-break: keep-all; } .domin-agree .agree-list .required { color: #256ef4; font-weight: 700; white-space: nowrap; } .domin-agree .agree-list .agree-detail { padding: 0 16px 20px; } .domin-agree .agree-list .detail-title:first-child { padding-top: 30px; border-top: 1px solid #d8d8d8; } .domin-agree .agree-list .detail-toggle { display: flex; align-items: center; color: #666; font-size: 16px; padding: 10px; } .domin-agree .agree-list .detail-toggle > i:first-child { width: 11px; margin-right: 10px; color: #666; font-size: 12px; } .domin-agree .agree-list .detail-toggle span { flex: 1; } .domin-agree .agree-list .detail-toggle > i:last-child { color: #1d1d1d; font-size: 14px; } .domin-agree .agree-list .detail-title.active .detail-toggle > i:first-child { color: #256ef4; } .domin-agree .agree-list .detail-content { display: none; margin: 0 0; padding: 20px 16px; border-radius: 10px; background: #f5f5f5; color: #555; font-size: 15px; line-height: 1; } .domin-agree .agree-list .detail-content.open { display: block; } .domin-agree .agree-list .detail-content ol { margin: 0; padding-left: 0px; } .domin-agree .agree-list .detail-content li { margin-bottom: 10px; padding-left: 1px; } .domin-agree .agree-list .detail-content li:last-child { margin-bottom: 0; } .domin-agree .agree-list .detail-content li strong, .domin-agree .agree-list .detail-content li span { display: block; letter-spacing: -0.45px; } .domin-agree .agree-list .detail-content li strong { color: #000; font-weight: 700; margin-bottom: 8px; } .domin-agree .agree-list .detail-content li span { margin-top: 2px; margin-bottom: 20px; } .domin-agree .agree-list .notice { margin: 0px 0 10px; padding-top: 20px; border-top: 1px solid #c6c6c6; font-size: 15px; } .domin-agree .agree-list .agree-choice { display: flex; justify-content: center; gap: 30px; padding: 10px; border-radius: 10px; background: #fff; text-align: center; } .domin-agree .agree-list .choice { display: flex; align-items: center; color: #666; font-size: 15px; } .domin-agree .agree-list .choice i { margin-right: 8px; color: #666; font-size: 20px; } .domin-agree .agree-list .choice.active, .domin-agree .agree-list .choice.active i { color: #256ef4; } .domin-agree .agree-list .agree-submit-wrap { margin: 10px 0 0; } .domin-agree .agree-list .agree-submit { display: flex; align-items: center; justify-content: center; height: 56px; border-radius: 10px; background: #e1e7f0; color: #7586a4; font-size: 16px; font-weight: 700; } .domin-agree .agree-list .agree-submit.active { background: #256ef4; color: #fff; } .domin-agree .agree-join .join-notice { margin-bottom: 30px; padding: 16px; border-radius: 10px; background: #f5f5f5; color: #666; font-size: 14px; line-height: 1.4; word-break: keep-all; letter-spacing: -0.42px; } .domin-agree .agree-join .join-row { margin-bottom: 20px; } .domin-agree .agree-join .join-row > label { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #1d1d1d; } .domin-agree .agree-join .join-row input, .domin-agree .agree-join .join-row select { width: 100%; height: 51px; padding: 11px 16px; border: 1px solid #d8d8d8; border-radius: 10px; background: #fff; color: #666; font-family: inherit; font-size: 15px; outline: 0; } .domin-agree .agree-join .join-row input::placeholder { color: #666; } .domin-agree .agree-join .field-group, .domin-agree .agree-join .email-group { display: flex; align-items: center; gap: 6px; } .domin-agree .agree-join .field-group input, .domin-agree .agree-join .email-group input, .domin-agree .agree-join .email-group select { flex: 1; min-width: 0; } .domin-agree .agree-join .email-group > span { padding: 0 6px; color: #666; } .domin-agree .agree-join .form-link { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 89px; height: 51px; border: 1px solid #bbcff6; border-radius: 10px; background: #e6efff; color: #1d56bc; font-size: 15px; font-weight: 500; } .domin-agree .agree-join .form-guide { margin: 10px 0; color: #1d56bc; font-size: 13px; } .domin-agree .agree-join .optional-form { margin-top: 30px; padding: 30px 0px 0px; border-top: 6px solid #f5f5f5; } .domin-agree .agree-join .optional-form h3 { margin: 0 0 20px; font-size: 16px; color: #1d1d1d; } .domin-agree .agree-join .optional-form .field-group + input { margin-top: 5px; } .domin-agree .agree-join .join-actions { display: flex; flex-direction: column; gap: 6px; margin-top: 30px; } .domin-agree .agree-join .join-actions a { display: flex; align-items: center; justify-content: center; height: 56px; border-radius: 10px; font-size: 16px; font-weight: 700; } .domin-agree .agree-join .join-cancel { background: #e1e7f0; color: #7586a4; } .domin-agree .agree-join .join-submit { background: #256ef4; color: #fff; } .domin-agree .join-complete-modal { display: none; position: fixed; z-index: 9999; inset: 0; align-items: center; justify-content: center; padding: 16px; } .domin-agree .join-complete-modal.active { display: flex; } .domin-agree .join-complete-dim { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); } .domin-agree .join-complete-popup { position: relative; z-index: 1; width: min(100%, 328px); padding: 40px 20px 20px; border-radius: 20px; background: #fff; text-align: center; } .domin-agree .complete-icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 50%; background: #e6efff; color: #256ef4; font-size: 20px; } .domin-agree .complete-text { margin: 0 0 30px; color: #666; font-size: 16px; line-height: 1.5; } .domin-agree .complete-text strong { display: block; color: #1d1d1d; font-size: 18px; line-height: 1.5; } .domin-agree .complete-confirm { display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px; background: #256ef4; color: #fff; font-size: 16px; font-weight: 700; }