@charset "utf-8";
html, body {word-break: keep-all; font-size:17px; }
.fc-blue {color:#1082ed; }
.fc-green {color:#2a8b36; }
.fc-light-green {color:#47d1a5; }
.fc-blue-green {color:#00b5a8; }
.fc-sky-blue {color:#4acbe6; }
.fc-light-blue {color:#9adae2; }
.fc-yellow {color:#f8c650; }
.fc-red {color:#e7011f; }
.manse {font-family:manse, Noto Sans KR, sans-serif; }
.trwr {font-family:TmoneyRoundWindRegular, Noto Sans KR, sans-serif; }
.trwr-bold {font-family:TmoneyRoundWindExtraBold, Noto Sans KR, TmoneyRoundWindRegular, sans-serif; }
.display-block {display:block; }
.UhBeeMiMi {font-family: UhBeeMiMi, Noto Sans KR, sans-serif; }
.WandohopeB {font-family: WandohopeB, Noto Sans KR, sans-serif; }
.WandocleanseaR {font-family: WandocleanseaR, Noto Sans KR, sans-serif; }
.WandocleanseaB {font-family: WandocleanseaB, Noto Sans KR, sans-serif; }
.Gsans{font-family:Gmarket Sans,sans-serif;}
.GsansLight{font-family: Gmarket Sans Light,sans-serif;}
.GsansBold{font-family: Gmarket Sans Bold,sans-serif;}
.text-line{background: linear-gradient(120deg, rgba(248,198,80,0.3) 0%, rgba(248,198,80,0.3) 100%) no-repeat;
background-size: 100% 0.3em; background-position: 0 80%;}
.text-line2{background: linear-gradient(120deg, rgba(213,243,161,0.3) 0%, rgba(213,243,161,0.3) 100%) no-repeat;
background-size: 100% 0.5em; background-position: 0 80%;}
.mt-5{margin-top: 2rem !important;}
/* scroll show */
.pages article,
.pages .box {opacity:0;}
/* 컨텐츠 공통 스타일 모음 */
img.auto {max-width:100%; max-height:100%; width:auto; height:auto; image-rendering: -webkit-optimize-contrast;}
img.full {width:100%; height:100%; }
.rounded-dia {border-radius:20px 80px 20px 80px; }
.rectangle-ul {}
.rectangle-ul > li {font-weight:400; margin:0 0 6px 0; position:relative; padding:0 0 0 8px;}
.rectangle-ul > li::before {
content:''; display:block; position:absolute; margin:auto; top:9px; left:0; width:3px; height:8px;
background:#1082ed;
}
.rectangle-ul > li > .post-ul {margin:5px 0 0 4px;}
.pages {color:#333; font-weight:300; }
.pages article:first-child h3,
.pages article:first-child h3.subject {margin-top:0; }
.pages h3,
.pages h3.subject {font-size:27px; color:#333; margin-bottom:18px; margin-top:75px; font-weight:700;}
.pages h3:before,
.pages h3.subject:before {
background:#1082ed; content:''; display:inline-block; width:6px; height:18px; position:relative; top:-1px; padding:0;
margin:0 6px 0 0;
}
.pages h3.icon {position:relative; padding-left:35px; }
.pages h3.icon:before {width:32px; height:33px; position:absolute; left:0; top:0; }
.pages h3.icon.icon_cabbage:before {background:url(/images/content/menu/icon_cabbage.png) no-repeat bottom left; }
.pages h3.icon.icon_holiday:before {background:url(/images/content/menu/icon_holiday.png) no-repeat bottom left; }
.pages h3.icon.icon_fish:before {background:url(/images/content/menu/icon_fish.png) no-repeat bottom left; }
.pages .box {background:#f6f6f6; padding:30px 40px; }
.pages .box.outline {background:#fff; border:5px solid #f6f6f6; }
.pages .box.white {background:#fff; padding:40px; }
.pages .box.sky {background:#c5eeee; padding:40px; border-radius:10px; }
.pages .box.apricot {background:#faf9e5; }
.pages .box.border {border:5px solid #dddddd !important; }
.pages .line-style {
border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; color:#0e2a55; font-size:25px;
font-weight:500; padding:30px 0; position:relative; display:inline-block;
}
.pages .line-style.before:before,
.pages .line-style.after:after {
content:''; display:block; background:url(/images/content/menu/p20_02.jpg) no-repeat center center #f6f6f6;
width:85px; height:47px; position:absolute; margin:auto;
}
.pages .line-style.before:before {top:0; right:0; bottom:auto; left:0; transform:translateY(-50%); }
.pages .line-style.after:after {top:auto; right:0; bottom:0; left:0; transform:translateY(50%); }
@media (max-width:1260px){
}
@media (max-width:800px){
.pages h3,
.pages h3.subject {font-size:22px; margin-top:40px;}
.pages .box {padding:15px 15px; }
.pages .box.white {padding:20px;}
}
@media (max-width:430px){
}
/**/
p.quotes {display:inline-block;}
span.quotes {display:inline;}
.quotes {
width:auto; margin:0 auto; padding-left:55px !important; padding-right:55px !important;
background:url(/images/content/menu/quotes_left.png) no-repeat center left,
url(/images/content/menu/quotes_right.png) no-repeat center right;
}
.quotes.quotes-white {
padding-left:30px !important; padding-right:30px !important;
background:url(/images/content/menu/quotes_white_left.png) no-repeat center left,
url(/images/content/menu/quotes_white_right.png) no-repeat center right;
}
/**/
.blue-shadow-box {text-align:center; position:relative; background:#9dedf7; padding:0; }
.blue-shadow-box.light {background:#c4f4fa; }
.blue-shadow-box.dark {background:#8fdcf2; }
.blue-shadow-box.dark.light {background:#bceaf7; }
.blue-shadow-box.green_1 {background:#7bf4ea; }
.blue-shadow-box.green_2 {background:#47d8cc; }
.blue-shadow-box > div {
padding:20px 10px; font-weight:400; transform:translateY(-6px) translateX(-6px); z-index:1;
}
.blue-shadow-box:before {
content:''; position:absolute; border:2px solid #000; width:100%; height:100%; left:-5px; top:-5px; z-index:10;
}
.blue-shadow-box,
.blue-shadow-box > div,
.blue-shadow-box:before {border-radius:20px; }
.border_round{border-radius: 80px 40px;}
/* theme */
.theme-green .pages h3:before,
.theme-green .pages h3.subject:before,
.theme-green .rectangle-ul > li:before,
.theme-green .post-ul > li:before {background:#47d1a5; }
.theme-green #m4-tab li:hover,
.theme-green #m4-tab li.active {border-top:1px solid #47d1a5;}
.theme-green #m4-tab li:hover a,
.theme-green #m4-tab li.active a {color:#47d1a5; border-top:2px solid #47d1a5; }
.theme-green2 .pages h3:before,
.theme-green2 .pages h3.subject:before,
.theme-green2 .rectangle-ul > li:before,
.theme-green2 .post-ul > li:before {background:#00b5a8; }
.theme-green2 #m4-tab li:hover,
.theme-green2 #m4-tab li.active {border-top:1px solid #00b5a8;}
.theme-green2 #m4-tab li:hover a,
.theme-green2 #m4-tab li.active a {color:#00b5a8; border-top:2px solid #00b5a8; }
.theme-green3 .pages h3:before,
.theme-green3 .pages h3.subject:before,
.theme-green3 .rectangle-ul > li:before,
.theme-green3 .post-ul > li:before {background:#24b591; }
.theme-green3 #m4-tab li:hover,
.theme-green3 #m4-tab li.active {border-top:1px solid #24b591;}
.theme-green3 #m4-tab li:hover a,
.theme-green3 #m4-tab li.active a {color:#24b591; border-top:2px solid #24b591; }
.theme-green4 .pages h3:before,
.theme-green4 .pages h3.subject:before,
.theme-green4 .rectangle-ul > li:before,
.theme-green4 .post-ul > li:before {background:#00b588; }
.theme-green4 #m4-tab li:hover,
.theme-green4 #m4-tab li.active {border-top:1px solid #00b588;}
.theme-green4 #m4-tab li:hover a,
.theme-green4 #m4-tab li.active a {color:#00b588; border-top:2px solid #00b588; }
.theme-green5 .pages h3:before,
.theme-green5 .pages h3.subject:before,
.theme-green5 .rectangle-ul > li:before,
.theme-green5 .post-ul > li:before {background:#2a8b36; }
.theme-green5 #m4-tab li:hover,
.theme-green5 #m4-tab li.active {border-top:1px solid #2a8b36;}
.theme-green5 #m4-tab li:hover a,
.theme-green5 #m4-tab li.active a {color:#2a8b36; border-top:2px solid #2a8b36; }
.theme-green6 .pages h3:before,
.theme-green6 .pages h3.subject:before,
.theme-green6 .rectangle-ul > li:before,
.theme-green6 .post-ul > li:before {background:#0eadb3; }
.theme-green6 #m4-tab li:hover,
.theme-green6 #m4-tab li.active {border-top:1px solid #0eadb3;}
.theme-green6 #m4-tab li:hover a,
.theme-green6 #m4-tab li.active a {color:#0eadb3; border-top:2px solid #0eadb3; }
.theme-light-blue .pages h3:before,
.theme-light-blue .pages h3.subject:before,
.theme-light-blue .rectangle-ul > li:before,
.theme-light-blue .post-ul > li:before {background:#85e6e3; }
.theme-light-blue #m4-tab li:hover,
.theme-light-blue #m4-tab li.active {border-top:1px solid #85e6e3;}
.theme-light-blue #m4-tab li:hover a,
.theme-light-blue #m4-tab li.active a {color:#85e6e3; border-top:2px solid #85e6e3; }
.theme-light-blue2 .pages h3:before,
.theme-light-blue2 .pages h3.subject:before,
.theme-light-blue2 .rectangle-ul > li:before,
.theme-light-blue2 .post-ul > li:before {background:#21addb; }
.theme-light-blue2 #m4-tab li:hover,
.theme-light-blue2 #m4-tab li.active {border-top:1px solid #21addb;}
.theme-light-blue2 #m4-tab li:hover a,
.theme-light-blue2 #m4-tab li.active a {color:#21addb; border-top:2px solid #21addb; }
.theme-sky-blue .pages h3:before,
.theme-sky-blue .pages h3.subject:before,
.theme-sky-blue .rectangle-ul > li:before,
.theme-sky-blue .post-ul > li:before {background:#80e2eb; }
.theme-sky-blue #m4-tab li:hover,
.theme-sky-blue #m4-tab li.active {border-top:1px solid #80e2eb;}
.theme-sky-blue #m4-tab li:hover a,
.theme-sky-blue #m4-tab li.active a {color:#80e2eb; border-top:2px solid #80e2eb; }
.theme-sky-blue2 .pages h3:before,
.theme-sky-blue2 .pages h3.subject:before,
.theme-sky-blue2 .rectangle-ul > li:before,
.theme-sky-blue2 .post-ul > li:before {background:#52d3ee; }
.theme-sky-blue2 #m4-tab li:hover,
.theme-sky-blue2 #m4-tab li.active {border-top:1px solid #52d3ee;}
.theme-sky-blue2 #m4-tab li:hover a,
.theme-sky-blue2 #m4-tab li.active a {color:#52d3ee; border-top:2px solid #52d3ee; }
.theme-sky-blue3 .pages h3:before,
.theme-sky-blue3 .pages h3.subject:before,
.theme-sky-blue3 .rectangle-ul > li:before,
.theme-sky-blue3 .post-ul > li:before {background:#36e3e5; }
.theme-sky-blue3 #m4-tab li:hover,
.theme-sky-blue3 #m4-tab li.active {border-top:1px solid #36e3e5;}
.theme-sky-blue3 #m4-tab li:hover a,
.theme-sky-blue3 #m4-tab li.active a {color:#36e3e5; border-top:2px solid #36e3e5; }
.theme-sky-blue4 .pages h3:before,
.theme-sky-blue4 .pages h3.subject:before,
.theme-sky-blue4 .rectangle-ul > li:before,
.theme-sky-blue4 .post-ul > li:before {background:#3dc5f2; }
.theme-sky-blue4 #m4-tab li:hover,
.theme-sky-blue4 #m4-tab li.active {border-top:1px solid #3dc5f2;}
.theme-sky-blue4 #m4-tab li:hover a,
.theme-sky-blue4 #m4-tab li.active a {color: #3dc5f2; border-top:2px solid #3dc5f2; }
.theme-blue .pages h3:before,
.theme-blue .pages h3.subject:before,
.theme-blue .rectangle-ul > li:before,
.theme-blue .post-ul > li:before {background:#4b7dcf; }
.theme-blue #m4-tab li:hover,
.theme-blue #m4-tab li.active {border-top:1px solid #4b7dcf;}
.theme-blue #m4-tab li:hover a,
.theme-blue #m4-tab li.active a {color: #4b7dcf; border-top:2px solid #4b7dcf; }
.theme-yellow .pages h3:before,
.theme-yellow .pages h3.subject:before,
.theme-yellow .rectangle-ul > li:before,
.theme-yellow .post-ul > li:before {background:#eae06d; }
.theme-yellow #m4-tab li:hover,
.theme-yellow #m4-tab li.active {border-top:1px solid #eae06d;}
.theme-yellow #m4-tab li:hover a,
.theme-yellow #m4-tab li.active a {color: #a09a41; border-top:2px solid #eae06d; }
.theme-red .pages h3:before,
.theme-red .pages h3.subject:before,
.theme-red .rectangle-ul > li:before,
.theme-red .post-ul > li:before {background:#e7011f; }
.theme-red #m4-tab li:hover,
.theme-red #m4-tab li.active {border-top:1px solid #e7011f;}
.theme-red #m4-tab li:hover a,
.theme-red #m4-tab li.active a {color: #e7011f; border-top:2px solid #e7011f; }
.post-ul-w li:before{background: #fff;}
/**/
.btn-download {
display:inline-block; padding:25px 100px 25px 25px; background:#1082ed; color:#fff; font-weight:400; font-size:18px;
border-radius:10px; overflow:hidden; position:relative; box-shadow:2px 2px 10px rgba(0,0,0,0.4);
}
.btn-download:after {
content:''; display:block; position:absolute; top:0; right:0; height:100%; width:65px;
background:url(/images/content/menu/icon_btn_down.png) no-repeat center center #0d75ea;
}
.btn-download:hover {color:#fff; }
.btn-download.btn-download-green {background:#a7f788; color:#333; }
.btn-download.btn-download-green:after {background-color:#8fec86; background-image:url(/images/content/menu/icon_btn_down_blank.png); }
.btn-download.btn-download-green2 {background:#55df7c; }
.btn-download.btn-download-green2:after {background-color:#45c97a; }
.btn-download.btn-monitoring {background:#ffd400; color:#000; }
.btn-download.btn-monitoring:after {background-color: #f6c23e; background-image:url(/images/content/menu/icon_btn_link.png); }
#page_54 .btn-download {width:320px;}
@media (min-width:800px){
.btn-download {white-space: nowrap;}
}
@media (max-width:800px){
.btn-download.mx-2 {margin-right:0 !important; margin-left:0 !important;}
}
/* 테이블 스타일 모음 */
.table {color:#333; }
.table-task {}
.table-task th {background:#0e2a55; color:#fff; text-align:center; width:220px; font-weight:400; }
.table-task td {background:#fff; color:#333; }
.table.style-1 {text-align:center; border:0 !important; }
.table.style-1 thead {border-top:2px solid #0e2a55; } /* 90:0e2a55 */
.table.style-1 thead th {background:#e6ebf2; color:#151515; vertical-align: middle; font-weight:500; }
.table.style-1 th {font-weight:400; }
.table.style-1 th,
.table.style-1 td {border:1px solid #dddddd; vertical-align: middle; }
.table.style-1 td {background:#fff; }
.table.style-1 th:first-child,
.table.style-1 td:first-child {border-left:0 !important; }
.table.style-1 th:last-child,
.table.style-1 td:last-child {border-right:0 !important; }
.table.style-1.blue {border-top:3px solid #0e2a55 !important; }
.table.style-1.blue thead th {background:#59c0eb; color:#fff; }
.table.style-1.purple {border-top:3px solid #0e2a55 !important; }
.table.style-1.purple thead th {background:#4672e2; color:#fff; }
.table.style-1.purple thead th.saturday {background:#1672e2; }
.table.style-1.purple thead th.sunday {background:#e21616; }
.table.style-1.light-blue thead th {background:#c5f6f4; color:#333; }
.table.style-1.sky-blue thead th {background:#c5f3f7; color:#333; }
.table.style-1.green {border-top:2px solid #0e2a55; }
.table.style-1.green thead th {background:#c9efd5; color:#333; }
.table.style-1.green tbody th{background:#fafafa;}
.table.style-1.green2 thead th {background:#d9f788; color:#333; border-top:2px solid #0e2a55; }
.table.style-1.yellow thead th{background:#fff5ad; color:#333; }
.table.style-1.yellow tbody th{background:#fafafa;}
.table.style-2 {text-align:center; border-top:2px solid #0e2a55; }
.table.style-2 thead {}
.table.style-2 thead th {background:#00b588; color:#fff; font-weight:400; }
.table.style-2 tbody td {color:#333; background:#fff; }
.table.style-2 tbody tr.color td {background: #f5fdeb; }
.table.style-2.light {}
.table.style-2.light thead th {background:#bae5e5; color:#333; }
.table.style-2.light tbody tr.color td {background: #f9fcdf; }
.table.style-3 {text-align:center; border-top:3px solid #1082ed; }
.table.style-3 thead {}
.table.style-3 thead th {background:#0e2a55; color:#fff; font-weight:400; }
.table.style-3 thead th:first-child {border-left:1px solid #0e2a55; }
.table.style-3 thead th:last-child {border-right:1px solid #0e2a55; }
.table.style-3 tbody {color:#333; }
.table.style-3 tbody th {background:#e6ebf1; vertical-align: middle; }
.table.style-3 tbody td {}
.table.style-3 tbody tr.sky td {background: #e6ebf2; }
.table.style-3.light thead th {background:#0e2a55; }
.table.style-4 {color:#333;}
.table.style-4 th {background:#0e2a55; vertical-align: middle; text-align:center; color:#fff; font-weight:400;}
.table.style-4 td {padding:25px 40px; background:#fff; }
.table.style-4.light-blue th {background:#a3dce6; border-right:2px solid #0e2a55; color:#333; }
.table.style-4.sky-blue th {background:#60d1e6; border-right:2px solid #0e2a55; color:#fff; }
.table.style-4.green1 th {background:#00b588; border-right:2px solid #0e2a55; color:#fff; }
.table.style-4.green2 th {background:#00b5a8; border-right:2px solid #0e2a55; color:#fff; }
.table.style-5 {color:#333; }
.table.style-5 th {
text-align:center; background:#f8f4a5; font-size:18px; font-family:TmoneyRoundWindRegular, Noto Sans KR, sans-serif;
font-weight:400; border-right:2px solid #0e2a55;
}
.table.style-5 td {padding:15px 70px; background:#fff; }
.table.style-5.blue th {color:#fff; background:#59c0eb; }
.table.style-5.blue td {}
.table.style-6 {color:#333; border-top:2px solid #0e2a55; }
.table.style-6 th,
.table.style-6 td {}
.table.style-6 thead {background:#59c0eb; }
.table.style-6 thead th {color:#fff; vertical-align: middle; text-align:center; font-weight:400; }
.table.style-6 thead th p.fs-14 {font-weight:200; }
.table.style-6 tbody td {font-weight:300; padding:0; text-align:center; vertical-align: middle; background:#fff; }
.table.style-6 tbody td:first-child {background:#eef8fc; font-weight:400; }
@media (max-width:1260px){
}
@media (max-width:800px){
.table.style-4 th,
.table.style-4 td {display:block; width:100% !important;}
.table.style-5 td {padding:15px 30px;}
.table.style-4.light-blue th,
.table.style-4.sky-blue th,
.table.style-4.green1 th,
.table.style-4.green2 th {border-bottom:2px solid #0e2a55; border-right:0; }
}
/**/
.table.table-style-blue {}
.table.table-style-blue thead th {
background:#1182ed; font-weight:bold; color:#fff; text-shadow:1px 1px #000; border:1px solid #ccc;
vertical-align: middle;
}
.table.table-style-blue tfoot th,
.table.table-style-blue tfoot td {background: #6face5; border:1px solid #1182ed; color:#fff; text-shadow:1px 1px #000;}
.table.table-style-blue.table-hover td {cursor:pointer;}
/**/
.thorough-circle {width:200px; height:200px; border-radius:100%; text-align:center; position:relative; display:inline-block; }
.thorough-circle.size-mini {width:150px; height:150px; }
.thorough-circle.size-middle {width:240px; height:240px; }
.thorough-circle.size-middle .num {margin-top:50px; margin-bottom:20px; position:relative; }
.thorough-circle.size-middle .num:after {
content:''; display:block; position:absolute; width:40%; height:1px; background:#ddd; margin:auto; bottom:-10px; right:0; left:0;
}
.thorough-circle .num {font-family:TmoneyRoundWindExtraBold, sans-serif; font-size:25px; margin-top:30px; }
.thorough-circle .txt {font-family:TmoneyRoundWindRegular, sans-serif; font-size:19px; }
.thorough-circle.thorough-circle-white {
background:#fff; border:10px solid #fff; box-shadow:none; color:#333;
}
.thorough-circle.thorough-circle-1 {
background:#60d1e6; border:10px solid #60d1e6; box-shadow:0 0 0 15px rgba(204,240,247,0.7); color:#fff;
}
.thorough-circle.thorough-circle-2 {
background:#b5f1ec; border:10px solid #b5f1ec; box-shadow:0 0 0 15px rgba(234,252,250,0.7);
}
.thorough-circle.thorough-circle-3 {
background-image:linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #9eeaff, #9ec8ff);
border:10px solid transparent; background-origin: border-box; background-clip: content-box, border-box; margin:0;
box-shadow:0 -10px 10px 0 rgba(158,234,255,0.7), 10px 0 10px 0 rgba(158,200,255,0.7), 0 10px 10px 0 rgba(158,200,255,0.7), -10px 0 10px 0 rgba(158,234,255,0.7);
}
.thorough-circle.thorough-circle-3 .num:after {background:#718ca5; }
.thorough-circle.thorough-circle-4 {
background:#75b9c5; border:10px solid #75b9c5; box-shadow:0 0 0 15px rgba(227,241,243,0.7); color:#fff;
}
.thorough-circle.thorough-circle-5 {
background:#d4eff5; border:10px solid #d4eff5; box-shadow:0 0 0 15px rgba(238,249,251,0.7); color:#0e2a55;
}
.thorough-circle.thorough-circle-5 .num:after {background:#718ca5; }
.thorough-circle.thorough-circle-6 {
background:#7bd594; border:10px solid #7bd594; box-shadow:0 0 0 15px rgba(192,236,208,0.7); color:#fff;
}
.thorough-circle.thorough-circle-7 {
background:#64c981; border:10px solid #64c981; box-shadow:0 0 0 15px rgba(177,228,192,0.7); color:#fff;
}
.thorough-circle.thorough-circle-8 {
background:#59b874; border:10px solid #59b874; box-shadow:0 0 0 15px rgba(213,237,220,0.7); color:#fff;
}
.thorough-circle.thorough-circle-9 {
background:#d2e1ef; border:10px solid #d2e1ef; box-shadow:0 0 0 15px rgba(213,237,220,0.7); color:#293553;
}
.thorough-circle.thorough-circle-10 {
background:#86d1ae; border:10px solid #86d1ae; box-shadow:0 0 0 15px rgba(213,237,220,0.7); color:#fff;
}
.thorough-circle.thorough-circle-11 {
background:#cae6ec; border:10px solid #cae6ec; box-shadow:0 0 0 15px rgba(244,250,251,0.7); color: #0e2a55;
}
.thorough-circle.thorough-circle-12 {
background:#4672e2; border:10px solid #4672e2; box-shadow:0 0 0 15px rgba(188,204,244,0.7); color:#fff;
}
.thorough-circle.thorough-circle-13 {
background:#f6f6f6; border:1px solid #d1d1d1; box-shadow:0 0 0 15px rgba(245,245,245,0.7); color:#0e2a55;
}
.thorough-circle.thorough-circle-13:after {left:-20px !important; }
.thorough-circle-line {position:relative; }
.thorough-circle-line.row > div:first-child .thorough-circle:after {display:none; }
.thorough-circle-line .thorough-circle {position:relative; z-index:10; }
.thorough-circle-line .thorough-circle:after {
content:''; display:block; width:17px; height:33px; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:-28px;
background:url(/images/content/menu/p90_next.png) no-repeat;
}
.thorough-circle-line:before {
content:''; display:block; width:85%; height:1px; background:#ddd; margin:auto; top:0; right:0; bottom:0; left:0;
position:absolute;
}
.thorough-circle.thorough-circle-1.no-shadow,
.thorough-circle.thorough-circle-2.no-shadow,
.thorough-circle.thorough-circle-3.no-shadow,
.thorough-circle.thorough-circle-4.no-shadow,
.thorough-circle.thorough-circle-5.no-shadow,
.thorough-circle.thorough-circle-6.no-shadow,
.thorough-circle.thorough-circle-7.no-shadow,
.thorough-circle.thorough-circle-8.no-shadow,
.thorough-circle.thorough-circle-9.no-shadow,
.thorough-circle.thorough-circle-10.no-shadow,
.thorough-circle.thorough-circle-12.no-shadow,
.thorough-circle.thorough-circle-13.no-shadow {box-shadow:none; }
/**/
.overflow-scroll {overflow:auto;}
.overflow-scroll::-webkit-scrollbar {width:8px; height:8px; background:#86d1ae; border-radius:20px; overflow:hidden; -webkit-overflow-scrolling:auto !important;}
.overflow-scroll::-webkit-scrollbar-thumb {background:#0E2A55; border-radius:20px;}
/* 싱싱장터 > 회사소개 */
#page_87 .bg {background:url(/images/content/menu/p8_bg.jpg) no-repeat center center; height:320px; }
#page_87 .bg .rect {padding:90px 0 0 0; }
#page_87 .style-5 th {width:20%; }
#page_87 .style-5 td {width:80%; }
#page_87 .quotes {}
#four-strategies {}
#four-strategies .rect {position:relative;}
#four-strategies .four-circle {
width:300px; height:300px; border:2px dotted #486fdc; padding:10px;
border-radius:100%; position:relative; margin:0 auto;
animation:four_rotate infinite linear 60s;
}
#four-strategies .four-circle .inner-circle {
border:10px solid #efefef; background:#486fdc; width:100%; height:100%; border-radius:100%;
}
#four-strategies .four-circle::before,
#four-strategies .four-circle::after,
#four-strategies .four-circle .inner-circle::before,
#four-strategies .four-circle .inner-circle::after {
content:''; display:block; width:10px; height:10px; position:absolute; background:#486fdc; border-radius:100%;
}
#four-strategies .four-circle::before {top:37px; left:37px;}
#four-strategies .four-circle::after {top:37px; right:37px;}
#four-strategies .four-circle .inner-circle::before {bottom:37px; left:37px;}
#four-strategies .four-circle .inner-circle::after {bottom:37px; right:37px;}
#four-strategies .four-circle .inner-circle .txt {
position:absolute; margin:auto; width:200px; height:120px; top:0; right:0; bottom:0; left:0; text-align:center;
font-family: TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, Noto Sans KR, sans-serif; color:#fff; font-size:25px;
animation:four_rotate_back infinite linear 60s;
}
#four-strategies .strategies {
width:250px; border-top:1px solid #333; background:no-repeat center right; position:absolute; padding:30px 15px;
transition:all 500ms;
}
#four-strategies .strategies p {}
#four-strategies .strategies p:nth-child(1) {
color:#35416b; font-size:22px; font-family: TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, Noto Sans KR, sans-serif;
}
#four-strategies .strategies p:nth-child(2) {color:#000;}
#four-strategies .strategies.strategies-1 {background-image:url(/images/content/menu/p87_02.png); top:0; left:60px;}
#four-strategies .strategies.strategies-2 {background-image:url(/images/content/menu/p87_03.png); top:0; right:60px;}
#four-strategies .strategies.strategies-3 {background-image:url(/images/content/menu/p87_04.png); bottom:0; left:60px;}
#four-strategies .strategies.strategies-4 {background-image:url(/images/content/menu/p87_05.png); bottom:0; right:60px;}
@keyframes four_rotate {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
@keyframes four_rotate_back {
0% {transform:rotate(360deg);}
100% {transform:rotate(0deg);}
}
@media (max-width:1260px){
#four-strategies .strategies {}
#four-strategies .strategies.strategies-1 {top:0; left:0;}
#four-strategies .strategies.strategies-2 {top:0; right:0;}
#four-strategies .strategies.strategies-3 {bottom:0; left:0;}
#four-strategies .strategies.strategies-4 {bottom:0; right:0;}
}
@media (max-width:1000px){
#four-strategies .four-circle {margin-bottom:30px;}
#four-strategies .strategies {width:48%; position:relative;}
#four-strategies .strategies.strategies-1 {top:0; left:0; float:left;}
#four-strategies .strategies.strategies-2 {top:0; right:0; float:right;}
#four-strategies .strategies.strategies-3 {bottom:0; left:0; float:left;}
#four-strategies .strategies.strategies-4 {bottom:0; right:0; float:right;}
}
@media (max-width:600px){
#four-strategies .strategies {width:100%; position:relative;}
}
@media (max-width:460px){
#page_87 .bg .rect{padding:50px 22px;}
#page_87 .quotes{font-size:30px;}
#page_87 .pages .box{font-size:16px;}
#four-strategies .four-circle .inner-circle .txt {font-size:20px; height:100px;}
#four-strategies .four-circle {width:220px; height:220px;}
#four-strategies .four-circle::before {top:25px; left:25px;}
#four-strategies .four-circle::after {top:25px; right:25px;}
#four-strategies .four-circle .inner-circle::before {bottom:25px; left:25px;}
#four-strategies .four-circle .inner-circle::after {bottom:25px; right:25px;}
}
#seven-rhombus {}
#seven-rhombus .rhombus-group {text-align:center; padding:60px 0; user-select:none;}
#seven-rhombus .rhombus-group .rhombus {
background:#fff; width:180px; height:180px; border:5px solid #6cd5f7; display:inline-block; margin:-26px 40px;
transform:rotate(45deg); position:relative; border-radius:10px; user-select:none; transition:all 500ms;
}
#seven-rhombus .rhombus-group .rhombus::before {
content:''; display:block; border:1px solid transparent; width:96%; height:96%; position:absolute; margin:auto;
top:0; right:0; bottom:0; left:0; border-radius:10px;
}
#seven-rhombus .rhombus-group .rhombus:hover::before {animation:rhombusHover 500ms;}
#seven-rhombus .rhombus-group .rhombus .rect {
transform:rotate(-45deg); position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
width:100%; height:74px; text-align:center;
}
#seven-rhombus .rhombus-group .rhombus .rect.th {height:110px;}
#seven-rhombus .rhombus-group .rhombus .num {
position:absolute; margin:auto; top:0; right:0; bottom:auto; left:0; width:50px; height:50px; border-radius:100%;
padding-top:7px; color:#fff; font-size:23px;
font-family:TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, Noto Sans KR, sans-serif;
}
#seven-rhombus .rhombus-group .rhombus:nth-child(-n+5) .rect .num {top:-92px;}
#seven-rhombus .rhombus-group .rhombus:nth-child(-n+5) .rect.th .num {top:-74px;}
#seven-rhombus .rhombus-group .rhombus:nth-child(n+5) .rect .num {bottom:-98px; top:auto;}
#seven-rhombus .rhombus-group .rhombus:nth-child(n+5) .rect.th .num { bottom:-80px;}
#seven-rhombus .rhombus-group .rhombus .txt {
font-size:23px; font-family:TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, Noto Sans KR, sans-serif;
}
#seven-rhombus .rhombus-group .rhombus:nth-child(1),
#seven-rhombus .rhombus-group .rhombus:nth-child(1)::before {border-color:#6cd5f7; color:#6cd5f7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(1) .num {background:#6cd5f7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(2),
#seven-rhombus .rhombus-group .rhombus:nth-child(2)::before {border-color:#486fdc; color:#486fdc;}
#seven-rhombus .rhombus-group .rhombus:nth-child(2) .num {background:#486fdc;}
#seven-rhombus .rhombus-group .rhombus:nth-child(3),
#seven-rhombus .rhombus-group .rhombus:nth-child(3)::before {border-color:#7ae3c7; color:#7ae3c7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(3) .num {background:#7ae3c7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(4),
#seven-rhombus .rhombus-group .rhombus:nth-child(4)::before {border-color:#4594dd; color:#4594dd;}
#seven-rhombus .rhombus-group .rhombus:nth-child(4) .num {background:#4594dd;}
#seven-rhombus .rhombus-group .rhombus:nth-child(5),
#seven-rhombus .rhombus-group .rhombus:nth-child(5)::before {border-color:#96dde7; color:#96dde7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(5) .num {background:#96dde7;}
#seven-rhombus .rhombus-group .rhombus:nth-child(6),
#seven-rhombus .rhombus-group .rhombus:nth-child(6)::before {border-color:#6dc69d; color:#6dc69d;}
#seven-rhombus .rhombus-group .rhombus:nth-child(6) .num {background:#6dc69d;}
#seven-rhombus .rhombus-group .rhombus:nth-child(7),
#seven-rhombus .rhombus-group .rhombus:nth-child(7)::before {border-color:#8cb8cf; color:#8cb8cf;}
#seven-rhombus .rhombus-group .rhombus:nth-child(7) .num {background:#8cb8cf;}
@keyframes rhombusHover {
0% {width:96%; height:96%;}
100% {width:80%; height:80%; border-color:transparent;}
}
@media (max-width:1190px){
#seven-rhombus .rhombus-group .rhombus {margin:40px 40px;}
#seven-rhombus .rhombus-group .rhombus:nth-child(-n+5) .rect .num {top:-92px;}
#seven-rhombus .rhombus-group .rhombus:nth-child(-n+5) .rect.th .num {top:-74px;}
#seven-rhombus .rhombus-group .rhombus:nth-child(n+5) .rect .num {top:-92px; bottom:auto;}
#seven-rhombus .rhombus-group .rhombus:nth-child(n+5) .rect.th .num { top:-74px; bottom:auto;}
}
#focus-tasks {}
#focus-tasks .box .box {
background-image:url(/images/content/menu/p87_06.png);
background-repeat:no-repeat; background-position:right bottom;
height:500px; position:relative;
}
#focus-tasks .circle-group {user-select:none; height:100%;}
#focus-tasks .circle {
border-radius:100%; width:170px; height:170px; text-align:center; position:absolute; background:rgba(129,179,225,0.6);
box-shadow:0 0 10px rgba(0,0,0,0.2); transition:all 500ms;
}
#focus-tasks .circle p {color:#fff; }
#focus-tasks .circle p:nth-child(1) {margin-top:38px; font-family:manse, Noto Sans KR, sans-serif; font-size:22px;}
#focus-tasks .circle p:nth-child(2) {}
#focus-tasks .circle:nth-child(1) {background:rgba(129,179,225,0.9); z-index:1; left:0; bottom:0;}
#focus-tasks .circle:nth-child(2) {background:rgba(122,196,194,0.9); z-index:2; left:20px; bottom:140px;}
#focus-tasks .circle:nth-child(3) {background:rgba(87,104,201,0.9); z-index:3; left:120px; bottom:240px; }
#focus-tasks .circle:nth-child(4) {background:rgba(87,134,194,0.9); z-index:4; left:250px; bottom:280px;}
#focus-tasks .circle:nth-child(5) {background:rgba(146,168,189,0.9); z-index:5; left:390px; bottom:300px;}
#focus-tasks .circle:nth-child(6) {background:rgba(88,121,152,0.9); z-index:6; left:530px; bottom:300px;}
#focus-tasks .circle:nth-child(7) {background:rgba(102,113,177,0.9); z-index:7; left:670px;}
#focus-tasks .circle:nth-child(8) {background:rgba(53,84,113,0.9); z-index:8; left:810px;}
#focus-tasks .circle:nth-child(9) {background:rgba(108,167,186,0.9); z-index:9; left:950px;}
@media (max-width:1260px){
#focus-tasks .box .box {height:auto; padding-bottom:220px;}
#focus-tasks .circle-group {text-align:center;}
#focus-tasks .circle {
top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; position:relative; display:inline-block;
margin:0 5px 20px 5px;
}
}
@media (max-width:600px){
#focus-tasks .box .box {height:auto; padding-bottom:0; background-image:none;}
}
/* 싱싱장터 > CI */
#page_9 {}
#p9_02,
#p9_03,
#p9_04 {margin:0 auto; }
#p9_02 {max-width:545px; height:389px; position:relative; margin-bottom:31px; background:url(/images/content/menu/p9_repeat.jpg); }
#p9_02 .img {position:relative; padding-top:33px;}
#p9_03 {
background:url(/images/content/menu/p9_03.jpg) no-repeat center top, url(/images/content/menu/p9_repeat.jpg);
max-width:545px; height:179px; position:relative;
}
#p9_04 {
background:url(/images/content/menu/p9_04.jpg) no-repeat center top, url(/images/content/menu/p9_repeat.jpg);
max-width:545px; height:179px; margin-top:31px; position:relative;
}
#p9_02 p,
#p9_03 p,
#p9_04 p {width:83%; margin:auto; top:auto; right:0; left:0; font-size:15px; }
#p9_02 p {margin-top:40px; }
#p9_03 p {padding-top:110px; }
#p9_04 p {padding-top:110px; }
#page_9 .sing-sing {font-family:OTEnjoystoriesBA, Noto Sans KR, sans-serif; padding:20px; color:#fff; height:210px; position:relative; }
#page_9 .sing-sing p {position:absolute; right:20px; bottom:20px; line-height:60px; font-size:60px; }
#page_9 .ss-green .sing-sing {background:#2b7534; }
#page_9 .ss-yellow-green .sing-sing {background:#70c72c; }
#page_9 .ss-orange .sing-sing {background:#f25e24; }
#page_9 .ss-green .chre {border-top:2px solid #2b7534; }
#page_9 .chre {color:#333; }
#page_9 .chre .head {font-weight:500; font-size:20px; border:1px solid #ddd; padding:20px 15px; height:73px; }
#page_9 .chre .body {font-size:14px; padding:20px 13px; border:1px solid #ddd; height:135px; border-top:0; }
#signature {}
#signature .bg {height:360px; background:url(/images/content/menu/p9_repeat.jpg) center center; position:relative;}
#p9_signature {
background:#fff; max-width:95%; max-height:80%;
}
@media (max-width:1260px){
#color_regulation > .row {margin:0; padding:0;}
#color_regulation .col-6 {margin-bottom:20px; padding:0; width:100%; flex:0 0 100%; max-width:100%; overflow:hidden;}
#color_regulation .col-6 .row {}
#color_regulation .col-3 {width:50%; flex:0 0 50%; max-width:50%; margin:0 0 20px 0; }
}
@media (max-width:991px){
#p9_02 {height:auto;padding-bottom:30px;}
#p9_02 p {position:relative; bottom:auto; margin-top:20px;}
#p9_03,
#p9_04 {height:auto;padding-bottom:20px;}
}
@media (max-width:800px){
#page_9 .sing-sing {height:auto;}
#page_9 .sing-sing p {
font-size:40px; text-align:center; position:relative; top:auto; right:auto; bottom:auto; left:auto;
}
}
/* 싱싱장터 > 연혁 */
#page_10 {}
#page_10 .history {width:60%; margin:40px auto;}
#page_10 .history:after {display:block; content:''; clear:both; }
#page_10 .history .year {
float: left;
width: 35%;
color: #b3c9d2;
font-size: 44px;
font-weight: 500;
font-family: 'TmoneyRoundWindExtraBold';
position: relative;
overflow: hidden;
padding-top: 14px;
/* float:left; width:35%; color:#000; font-size:60px; font-weight:500; font-family: manse,sans-serif; position:relative;*/
/* overflow:hidden;*/
}
#page_10 .history .year:after {
content:''; display:block; position:absolute; width:100%; z-index:10; left:130px; top:45px; height:1px;
background:#cccccc;
}
#page_10 .history .story {float:left; width:65%; position:relative; padding:30px 20px 20px 20px; }
#page_10 .history .story li {padding-left:20px; position:relative; margin-bottom:10px; }
#page_10 .history .story li:after {
content:''; display:block; position:absolute; width:6px; height:6px; left:6px; top:11px; border-radius:100%;
background: #59c0eb;
}
#page_10 .style-6 thead th:nth-child(1) {min-width:110px;}
#page_10 .style-6 thead th:nth-child(2) {min-width:110px;}
#page_10 .style-6 thead th:nth-child(3) {min-width:120px;}
#page_10 .style-6 thead th:nth-child(4) {}
#page_10 .style-6 thead th:nth-child(5) {}
#page_10 .style-6 tbody td:nth-child(4),
#page_10 .style-6 tbody td:nth-child(5) {width:1px; }
@media (max-width:1260px){
#page_10 .history {width:70%;}
}
@media (max-width:991px){ /* 부트스트랩 */
#page_10 .history {width:80%;}
}
@media (max-width:800px){
#page_10 .history {width:90%;}
}
@media (max-width:560px){
#page_10 .history {width:90%;}
#page_10 .history .year {width:100%;}
#page_10 .history .story {width:100%; padding:0;}
}
/* 싱싱장터 > 비전 */
/* 20201223
#page_11 .p11 {
border:2px solid #1082ed; height:320px; padding:200px 0 0 0; font-size:20px; box-shadow:1px 1px 8px rgba(0,0,0,0.2);
background-repeat:no-repeat; background-position:center center; font-weight:400; text-align:center;
}
#policy .col-3:nth-child(2n-1) {margin-top:20px; }
#page_11 .p11.p11_01 {background-image:url(/images/content/menu/p11_01.png); }
#page_11 .p11.p11_02 {background-image:url(/images/content/menu/p11_02.png); }
#page_11 .p11.p11_03 {background-image:url(/images/content/menu/p11_03.png); }
#page_11 .p11.p11_04 {background-image:url(/images/content/menu/p11_04.png); }
#page_11 .blue-ul.style-1 .body {min-height:160px; }
*/
#page_11 .mission {}
#page_11 .mission .col > div {background:#3da3f2; border-radius:0 40px 0 40px; text-align:center; color:#fff; padding:45px 10px; }
#page_11 .mission .col > div p {}
#page_11 .mission .col > div p:nth-child(1) {margin-bottom:30px;}
#page_11 .mission .col > div p:nth-child(1) span {font-weight:600; font-size:23px; margin-bottom:30px; position:relative; }
#page_11 .mission .col > div p:nth-child(1) span:before {
content:''; display:block; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:-14px;
width:6px; height:17px; background:#fff;
}
#page_11 .mission .col > div p:nth-child(2) {}
#page_11 .mission .col:nth-child(2n) > div {background:#4b7dcf; }
#page_11 .up {height:182px; position:relative; background:url(/images/content/menu/p11_up.png) no-repeat center center; margin:30px 0; }
#page_11 .up h3 {height:35px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; }
#page_11 .up h3:before {margin-right:-2px;}
#page_11 .round-boxs {text-align:center;}
#page_11 .round-boxs .col {position:relative; padding-bottom:90px;}
#page_11 .round-boxs .icon {position:relative; margin:0 0 32px 0;}
#page_11 .round-boxs .icon:after {
content:''; display:block; position:absolute; margin:auto; top:auto; right:0; bottom:-26px; left:0;
background:#ddd; width:1px; height:20px;
}
#page_11 .round-boxs .round-box {
padding:27px 35px; position:absolute; width:110%; top:auto; right:0; bottom:0; left:0; border-radius:50px;
transform:translateX(-5%); color:#fff; font-weight:600; font-size:20px;
}
#page_11 .round-boxs .col:nth-child(1) .round-box {background:rgba(53,193,194,0.9);}
#page_11 .round-boxs .col:nth-child(2) .round-box {background:rgba(55,155,232,0.9);}
#page_11 .round-boxs .col:nth-child(3) .round-box {background:rgba(69,121,206,0.9);}
#page_11 .round-boxs .col:nth-child(4) .round-box {background:rgba(145,160,184,0.9);}
#page_11 .thorough {}
#page_11 .thorough .col {text-align:center;}
#page_11 .thorough .col:after {
content:''; display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:auto;
width:35px; height:35px; transform: translateX(50%);
background:url(/images/content/menu/p11_plus.png) no-repeat center center;
}
#page_11 .thorough .col:last-child:after {display:none;}
#page_11 .thorough-circle {
background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #9eeaff, #9ec8ff);
width:250px; height:250px; box-shadow:none; border-width:15px;
}
#page_11 .thorough-circle p {}
#page_11 .thorough-circle p:first-child {font-size:20px; font-weight:600; margin:70px 0 15px 0;}
#page_11 .thorough-circle p:last-child {}
#page_11 .strategy {text-align:center;}
#page_11 .strategy .col {}
#page_11 .strategy .col > div {border:1px solid #ddd; padding:70px 20px 0 20px; height:280px; border-radius:10px;}
#page_11 .strategy .col > div p {margin-bottom:35px;}
#page_11 .strategy .col > div span {font-size:24px; position:relative;}
#page_11 .strategy .col > div span:after {
content:''; display:block; position:absolute; background:#eee; height:3px; width:100%; left:0; bottom:-10px;
}
#page_11 .strategy .col ul {text-align:center;}
#page_11 .strategy .col ul li {position:relative;}
#page_11 .strategy .col ul li:before {content:''; display:none; position:absolute; top:0; left:0;}
@media (max-width:1260px){
#page_11 .mission .col {width:100%; flex:0 0 100%; margin-bottom:20px;}
#page_11 .round-boxs {width:95%;margin:0 auto;}
#page_11 .strategy .col,
#page_11 .thorough .col,
#page_11 .round-boxs .col {width:50%; flex:0 0 50%; margin-bottom:20px;}
#page_11 .thorough .col:nth-child(2):after {display:none;}
#page_11 .strategy .col ul li {text-align:center;}
#page_11 .strategy .col ul li:before {display:none;}
}
@media (max-width:800px){
#page_11 .strategy .col,
#page_11 .thorough .col,
#page_11 .round-boxs .col {width:100%; flex:0 0 100%; margin-bottom:20px;}
#page_11 .thorough .col:after {display:none;}
#page_11 .strategy .col > div {padding:40px 20px; height:auto; }
#page_11 .round-boxs .col {padding-bottom:20px;}
#page_11 .round-boxs .round-box {width:100%; position:relative; transform: none;}
}
/* 싱싱장터 > 윤리경영 */
#page_12 {}
#ethics_charter .row .box {height:100%; }
#ethics_charter .row .box div {height:80px; }
#ethics_charter .row .box p:last-child {margin-top:10px; }
@media (max-width:991px){ /* 부스트스랩 */
}
@media (max-width:430px){
#page_12 p.mobFs{font-size:14px; margin:-30px 0 20px;}
}
/* 싱싱장터 > 조직도 */
#page_13 {}
#page_13 .box {padding:75px 40px 80px; }
#page_13 .box img {max-width:100%; }
#page_13 .fs-14 {color:#555; }
#page_13 .table.style-1 {margin-bottom:0; }
/* 싱싱장터 > 부서별 전화번호 */
#page_14 .style-2 tbody td:last-child {text-align:left; }
#page_14 .style-2 tbody td {vertical-align:middle; }
#page_14 .style-2 thead th:nth-child(1) {width:200px; }
#page_14 .style-2 thead th:nth-child(2) {width:150px; }
#page_14 .style-2 thead th:nth-child(3) {width:250px; }
#page_14 .style-2 thead th:nth-child(4) {}
@media (max-width:800px){
#page_14 .table th, .table td{padding:0.3rem ;}
#page_14 .style-2 thead th:nth-child(1),#page_14 .style-2 tbody th:nth-child(1){width:48px; }
#page_14 .style-2 thead th:nth-child(2),#page_14 .style-2 tbody th:nth-child(2) {width:65px; }
#page_14 .style-2 thead th:nth-child(3), #page_14 .style-2 tbody th:nth-child(3) {width:126px; }
#page_14 .style-2 thead th:nth-child(4) {}
/*
#page_14 .table {display:block;}
#page_14 .table thead,
#page_14 .table tbody {display:block;}
#page_14 .table thead tr,
#page_14 .table tbody tr {display:block;}
#page_14 .table thead tr th,
#page_14 .table tbody tr td {display:block; float:left; border:0;}
#page_14 .table thead tr th:nth-child(1),
#page_14 .table tbody tr td:nth-child(1) {width:50%; border-bottom:1px solid #eee;}
#page_14 .table thead tr th:nth-child(2),
#page_14 .table tbody tr td:nth-child(2) {width:50%; border-bottom:1px solid #eee;}
#page_14 .table thead tr th:nth-child(3),
#page_14 .table tbody tr td:nth-child(3) {width:100%;}
#page_14 .table thead tr th:nth-child(4),
#page_14 .table tbody tr td:nth-child(4) {width:100%; text-align:center; border-bottom:2px solid #ccc; }
#page_14 .table thead tr th:nth-child(1) {}
#page_14 .table thead tr th:nth-child(2) {}
#page_14 .table thead tr th:nth-child(3) {}
#page_14 .table thead tr th:nth-child(4) {}
#page_14 .table tbody tr td:nth-child(1) {}
#page_14 .table tbody tr td:nth-child(2) {}
#page_14 .table tbody tr td:nth-child(3) {}
#page_14 .table tbody tr td:nth-child(4) {}
#page_14 .table br {display:none;}
*/
}
@media (max-width:430px){
#page_14 .table th, .table td{padding: 0.2rem;}
#page_14 .style-2 tbody td {font-size:16px;}
#page_14 .style-2 thead th:nth-child(3), #page_14 .style-2 tbody th:nth-child(3) {width:74px;}
}
/* 사업분야 > 매장관리 */
#page_17 {}
#cycle > div {background:#f6f6f6; text-align:center;}
/* 사업분야 > 생산관리 */
#page_18 {}
#page_18 .blue-shadow-box.dark.light {min-height:118px; }
#page_18 .blue-shadow-box.dark.light > div {padding:35px 10px; }
#page_18 .thorough-circle .txt {position:relative; top:35px; }
#planning_production {}
#planning_production .box {
background-image:url(/images/content/menu/p18_07.png); background-repeat:no-repeat; position:relative;
background-position:right top; min-height:500px; padding-right:520px; text-align:center;
}
#planning_production .box img {margin-top:60px;}
/*#planning_production .box.white .rect > div:nth-child(1) {width:45%; padding:0 50px; }*/
/*#planning_production .box.white .rect > div:nth-child(2) {width:10%; height:200px; }*/
/*#planning_production .box.white .rect > div:nth-child(3) {width:45%; padding:0 50px; }*/
#processed-product {}
#processed-product .bg {background:url(/images/content/menu/p18_08.png) no-repeat center center; height:621px;}
#processed-product .bg ul {position:relative; top:56px; width:1100px; margin:0 auto;}
#processed-product li {text-align:center;}
#processed-product li:last-child {text-align:left;}
#required-verification {}
#required-verification .bg {background:#faf9e5; border-radius:120px 0 0 0; height:440px; position:relative;}
#cooperation {}
#cooperation .bg {height:360px; background:url(/images/content/menu/p18_09.png) no-repeat center center; position:relative;}
@media (max-width:1260px){
#planning_production .box {background-image:none;padding:inherit;}
#planning_production .box img {position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;}
.thorough-circle-line {min-width:1100px; padding:15px;}
.thorough-circle-line:before {-display:none;}
}
@media (max-width:991px){
.col-lg.pt-4 {padding:20px 0.75rem !important;}
}
@media (max-width:800px){
#planning_production .box {
height:660px;
}
}
/* 사업분야 > 대외홍보 */
#page_21 {}
#page_21 .core_value {max-width:950px; margin:0 auto; }
#page_21 .core_value .circle {
width:200px; height:200px; border:1px solid #fff; border-radius:100%; text-align:center;
position:relative; box-shadow:6px 4px 6px rgba(20,58,144,0.15);
background:#fff no-repeat top 46px center;
}
#page_21 .core_value .circle > div {
position:absolute; display:inline-block; bottom:37px; transform: translateX(-40%); font-weight:600; font-size:20px;
letter-spacing: 0.5em;
}
#page_21 .core_value li:nth-child(1) .circle {background-image:url(/images/content/menu/p21_10.png); }
#page_21 .core_value li:nth-child(2) .circle {background-image:url(/images/content/menu/p21_11.png); }
#page_21 .core_value li:nth-child(3) .circle {background-image:url(/images/content/menu/p21_12.png); }
#page_21 .core_value li:nth-child(4) .circle {background-image:url(/images/content/menu/p21_13.png); }
#action_task {}
#action_task .row .col-lg-6 .box,
#action_task .row .col-6 .box {height:100%; }
#public-relations {overflow:hidden; }
#public-relations .row {min-height:370px; background:#b6b6b6; }
#public-relations .row .col {padding-right:0; padding-left:0; }
#public-relations .row .box {height:100%; }
#public-relations .row:nth-child(2n) .col:nth-child(1) {transform:translateX(100%);}
#public-relations .row:nth-child(2n) .col:nth-child(2) {transform:translateX(-100%);}
#core_values {}
@media (max-width:1260px){
}
@media (max-width:991px){
#core_values .core_value li {width:50%; text-align:center; padding:10px;}
#core_values .core_value li .circle {display:inline-block;}
#public-relations .row .col {width:100%; flex:0 0 100%; max-width:100%; }
/*#public-relations .row .col:nth-child(1) img {max-height:300px; width:auto;}*/
#public-relations .row:nth-child(2n) .col:nth-child(1) {transform:translateX(0);}
#public-relations .row:nth-child(2n) .col:nth-child(2) {transform:translateX(0);}
}
@media (max-width:800px){
#public-relations {}
#public-relations .row {position:relative;}
#public-relations .row .col {}
#public-relations .row .col:nth-child(1) {}
#public-relations .row .col:nth-child(2) {}
}
@media (max-width:600px){
#core_values .core_value li {width:100%;}
}
/* 사업분야 > 미니키친 */
#page_23 {}
#page_23 .table.purple tbody th:nth-child(1) {width:15%; }
#page_23 .table tbody th:nth-child(1) {width:30%; }
#page_23 .table tbody td:nth-child(2) {}
#moms_touch {
background:url(/images/content/menu/p23_05.jpg) no-repeat left 30px bottom, url(/images/content/menu/p23_06.jpg) no-repeat right 30px bottom, #fff;
}
#moms_touch p {display:inline; background:rgba(255,255,255,0.5); padding:4px;}
#moms_touch .manse {position:relative; margin-bottom:20px; }
#moms_touch .manse:after {
position:absolute;
content:''; display:block; height:2px; background:#cccccc; width:46px; margin:auto; top:auto; right:0; bottom:-8px; left:0;
}
#page_23 .table {min-width:1000px;}
#day_introduction .table {min-width:600px;}
@media (max-width:430px){
#moms_touch div.fs-35{font-size:29px;}
#page_23 .table.style-1 th, .table.style-1 td{padding:0.2rem;}
}
/* 사업분야 > 도란도란카페 */
#page_24 {}
#page_24 .bg {
background:
url(/images/content/menu/p24_01.png) no-repeat left 20px bottom,
url(/images/content/menu/p24_02.png) no-repeat right 20px center,
#fff;
}
#page_24 .bg .manse {padding-bottom:20px; position:relative; }
#page_24 .bg .manse:after {
content:''; display:block; width:46px; height:2px; background:#ccc; position:absolute; margin:auto;
top:auto; right:0; bottom:10px; left:0;
}
#page_24.pages .box:last-child{border-radius: 0 0 0 80px;}
#seasonal_agricultural {}
#seasonal_agricultural ul {text-align:center; width:80%; margin:0 auto; }
#teahouse span { display:inline-block; padding:4px; background:rgba(255,255,255,0.5);}
@media (max-width:800px){
#seasonal_agricultural li {width:33%;}
}
@media (max-width:600px){
#page_24 .bg {background:#fff;}
}
@media (max-width:430px){
#page_24 div.fs-35{font-size:29px;}
}
/* 열린마당 > 도매시세조회 */
#page_34 {}
#page_34 ul.site-link {}
#page_34 ul.site-link span {display:inline-block; width:200px; }
/* 농가교육 > 교육안내 */
#page_39 {}
#page_39.pages h3.subject{margin-top:0;}
#page_39 .bg {background:url(/images/content/menu/p39_bg.jpg) no-repeat center center; height:526px; position:relative; margin-bottom:80px;}
#page_39 .bg ul {text-align:center; width:90%; margin:auto; height:200px; top:70px; right:0; bottom:auto; left:0; position:relative; }
#page_39 .thorough-circle {}
#page_39 .thorough-circle.thorough-circle-white {display:table;}
#page_39 li:nth-child(1) .thorough-circle.thorough-circle-white{border:4px solid #5ccbcc;}
#page_39 li:nth-child(2) .thorough-circle.thorough-circle-white{border:4px solid #4ca5ea;}
#page_39 li:nth-child(3) .thorough-circle.thorough-circle-white{border:4px solid #5886d3;}
#page_39 li:nth-child(4) .thorough-circle.thorough-circle-white{border:4px solid #9ca9bf;}
#page_39 li:nth-child(5) .thorough-circle.thorough-circle-white{border:4px solid #64b88a;}
#page_39 .thorough-circle.thorough-circle-white:before{content: ''; display: block; border: 1px solid transparent; width: 92%; height: 92%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
border-radius: 100px;}
#page_39 li:nth-child(1) .thorough-circle.thorough-circle-white:before{border-color: #5ccbcc; color:#5ccbcc;}
#page_39 li:nth-child(2) .thorough-circle.thorough-circle-white:before{border-color: #4ca5ea; color:#4ca5ea;}
#page_39 li:nth-child(3) .thorough-circle.thorough-circle-white:before{border-color: #5886d3; color:#5886d3;}
#page_39 li:nth-child(4) .thorough-circle.thorough-circle-white:before{border-color: #9ca9bf; color:#9ca9bf;}
#page_39 li:nth-child(5) .thorough-circle.thorough-circle-white:before{border-color: #64b88a; color:#64b88a;}
#page_39 .thorough-circle .num {font-family: UhBeeMiMi, Noto Sans KR, sans-serif; color:#fff; font-size:40px; line-height:52px; border-radius: 100px; width: 48px; height: 48px; margin:0 auto; position: absolute;
top: -18px;left: 71px;}
#page_39 li:nth-child(1) .thorough-circle .num {background:#5ccbcc;}
#page_39 li:nth-child(2) .thorough-circle .num {background:#4ca5ea;}
#page_39 li:nth-child(3) .thorough-circle .num {background:#5886d3;}
#page_39 li:nth-child(4) .thorough-circle .num {background:#9ca9bf;}
#page_39 li:nth-child(5) .thorough-circle .num {background:#64b88a;}
#page_39 .thorough-circle .txt {font-family:TmoneyRoundWindRegular, Noto Sans KR, sans-serif; font-size:18px; line-height:1.3; display:table-cell; vertical-align:middle;}
#page_39 .row_w {margin-bottom:50px;}
#page_39 .row_w h3{color:#fff;}
#page_39 .row_w h3:before{background: #fff !important;}
#page_39 .row_w .box{border-radius: 0 40px 0 40px; color:#fff; font-weight: 300; margin-bottom: 30px; min-height: 230px;}
#page_39 .row_w .box_1{background: #3da3f2 url(/images/content/menu/box1_bg.png) right 25px bottom 20px no-repeat;}
#page_39 .row_w .box_2{background: #4b7dcf url(/images/content/menu/box2_bg.png) right 25px bottom 20px no-repeat;}
#page_39 .row_w .box_3{background: #5ccbcc url(/images/content/menu/box3_bg.png) right 25px bottom 20px no-repeat;}
#page_39 .box_ra{border: 2px solid #0eadb3; border-radius: 20px; padding:30px 40px; background: url(/images/content/menu/box5_bg.png) right 20px bottom 10px no-repeat;}
#page_39 .box_4{background: none; border: 5px solid #eee; border-radius: 0 20px;}
#page_39 .box_6{border: 2px solid #4b7dcf; background: url(/images/content/menu/box6_bg.png) right 20px bottom 7px no-repeat;}
#page_39 .box_7{border: 2px solid #3dc5f2; background: url(/images/content/menu/box7_bg.png) right 20px bottom 7px no-repeat;}
#page_39 .box_8{background: #f4f5f6 url(/images/content/menu/box8_bg.png) right 30px bottom 25px no-repeat;}
#page_39 .theme-red .rectangle-ul > li::before {top:15px;}
#page_39 .overflow-scroll {}
#page_39 .overflow-scroll > div {min-width:1200px; height:100%;}
@media (max-width:1260px){
}
/**/
#page_51 {}
#page_51 .border-box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 60px;}
#page_51 .gapAdd{margin-bottom:30px;}
#page_51 .border-subject {
text-align:center; color:#0c1f50; font-family: TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, sans-serif;
font-size:23px; position:relative;
}
#page_51 .border-subject::before {
content:''; display:block; width:100%; height:2px; background:#ccc; position:absolute; margin:auto;
top:0; right:0; bottom:0; left:0; z-index:1;
}
#page_51 .border-subject span {
display:inline-block; padding:0 15px; background:#f6f6f6; position:relative; z-index:10;
font-family:Gmarket Sans Bold,sans-serif;
}
#page_51 .propel {}
#page_51 .propel .col .rect {
text-align:center; position:relative; padding:30px 40px; width:110%; border-radius:50px; color:#fff;
font-family:Gmarket Sans,sans-serif;
}
#page_51 .propel .col:nth-child(1) {}
#page_51 .propel .col:nth-child(2) {transform:translateX(-5%);}
#page_51 .propel .col:nth-child(3) {transform:translateX(-9%);}
#page_51 .propel .col:nth-child(1) .rect {background:rgba(72,198,199,0.9);}
#page_51 .propel .col:nth-child(2) .rect {background:rgba(74,164,233,0.9);}
#page_51 .propel .col:nth-child(3) .rect {background:rgba(86,133,210,0.9);}
#page_51 .expectation {text-align:center; padding:80px 0 60px 0;}
#page_51 .expectation > div {transform:rotate(-25deg); width:250px; height:250px; display:inline-block; margin:0 20px;}
#page_51 .expectation > div > .rect {
position:relative; font-family: TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, sans-serif; color:#0c1f50;
background:transparent; text-align:center; height:100%;
}
#page_51 .expectation > div > .rect::after {
content:''; display:block; width:100%; height:100%; border:3px solid #4672e2; position:absolute;
z-index:10; border-radius:16px;
}
#page_51 .expectation > div > .rect::before {
content:''; display:block; background:#fff; width:100%; height:100%; transform:translateX(10px) translateY(10px);
position:absolute; z-index:1; border-radius:16px; box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}
#page_51 .expectation > div > .rect > div {
transform:rotate(25deg); height:104px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:80%; z-index:20; font-family:Gmarket Sans Bold,sans-serif;
}
#page_51 .expectation > div > .rect > img.icon-p51{position: absolute; bottom:20px; left:20px; z-index:999; transform:rotate(25deg);}
#page_51 .survey {}
#page_51 .survey > div {
background:#77d8e6; border-radius:30px; text-align:center; color:#fff; padding:35px;
font-family:Gmarket Sans,sans-serif;
}
#page_51 .event {
min-height:140px; text-align:center;
font-family: Gmarket Sans, sans-serif;
}
#page_51 .event > .box {
width:100%; max-width:320px; padding:30px 10px; text-align:center; display:inline-block; background:#fff; border-radius:15px;
margin:0 6px 15px 6px; color:#0c1f50;
}
#page_51 .event > .box > div:nth-child(1) {position:relative;}
#page_51 .event > .box > div:nth-child(1)::after {
content:''; display:block; background:#d7f3f3; border-radius:15px; z-index:1; height:9px; position:absolute;
width:95px; margin:auto; top:0; right:0; bottom:0; left:0;
}
#page_51 .event > .box > div:nth-child(1) span {position:relative; z-index:10;}
#page_51 .event > .box > div:nth-child(2) {}
#farmtour_review {}
#participation-activity .col {}
#participation-activity .col .rect {max-width:382px;}
@media (max-width:1260px){
#farmtour_review .box.white > div {text-align:center;}
#farmtour_review .box.white > div > div {width:100%; padding:10px !important;}
#page_51 .propel {padding-bottom:100px;}
#page_51 .propel .col {width:50%; flex:0 0 50%; max-width:50%;}
#page_51 .propel .col:nth-child(1),
#page_51 .propel .col:nth-child(2),
#page_51 .propel .col:nth-child(3) {transform: none;}
#page_51 .propel .col:nth-child(3) {width:100%; flex:0 0 100%; max-width:100%; padding-top:15px;}
#page_51 .propel .col:nth-child(3) .rect {max-width:50%; margin:0 auto;}
#page_51 .propel .col .rect {width:100%;}
}
@media (max-width:1000px){
#participation-activity .col {width:50%; flex:0 0 50%; max-width:50%; margin-bottom:25px;}
}
@media (max-width:800px){
#page_51 .table th {min-width:95px;}
#page_51 .table td {padding:10px;}
#page_51 .propel {padding:0;}
#page_51 .propel .col {padding:15px 0;}
#page_51 .propel .col:nth-child(1),
#page_51 .propel .col:nth-child(2),
#page_51 .propel .col:nth-child(3) {width:100%; flex:0 0 100%; max-width:100%;}
#page_51 .propel .col:nth-child(3) .rect {max-width:100%;}
#participation-activity .col {width:100%; flex:0 0 100%; max-width:100%; }
#participation-activity .col .rect {margin:0 auto;}
}
@media (max-width:400px){
#page_51 .table th {min-width:100%; width:100%; display:block;}
#page_51 .table td {padding:10px; width:100%; display:block;}
}
/* 사업분야 > 행사 > 직거래장터 */
#page_52 {}
#page_52 .bg {background:url(/images/content/menu/p52_bg.jpg) no-repeat center bottom; }
#thorough_quality_control .overflow-scroll > div {min-width:1000px; text-align:center;}
@media (max-width:800px){
#page_52 .table tbody th {width:100%; display:block; border-right:0; border-bottom:2px solid #0e2a55;}
#page_52 .table tbody td {width:100%; display:block;}
}
/**/
#page_53 {}
#page_53 .bg {
background:url(/images/content/menu/p53_05.png) no-repeat center bottom #fff; border-bottom:3px solid #3ee6f3;
min-height:290px; position:relative;
}#page_53 .bg .txt {font-size:30px; color:#3160da; }
#promotion-goal .box.box-tree {padding-bottom:200px; position:relative;}
#promotion-goal .box .tree {position:absolute; bottom:0; z-index:2; max-width:100%;}
#promotion-goal .box .tree#tree_01 {margin:auto; right:0; left:0; z-index:9;}
#promotion-goal .box .tree#tree_02 {left:40px;}
#promotion-goal .box .tree#tree_03 {right:40px;}
#promotion-goal .circle {
border-radius:100%; width:260px; height:260px; background:#b4e6f0; position:relative; display:inline-block;
z-index:10;
}
#promotion-goal .circle::before {
content:''; display:block; border:2px solid #000; border-radius:100%; width:100%; height:100%; position:absolute;
top:-6px; left:-6px;
}
#promotion-goal .circle p {top:78px; position:relative; transform: translateX(-3px) translateY(-3px);}
#promotion-goal .col:nth-child(1) .circle {background:#b4e6f0;}
#promotion-goal .col:nth-child(2) .circle {background:#cdebfe;}
#promotion-goal .box.white {position:relative;}
#promotion-goal .box.white::after {
content:''; display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
height:2px; background:#000; z-index:1; width:550px;
}
#promotion-goal .col:nth-child(3) .circle {background:#b6eae4;}
#propulsion_direction ul.leaverou li {border-top:5px solid #eee; position:relative;padding:8px 0 0 0;}
#propulsion_direction ul.leaverou li::before {content:''; display:block; position:absolute; top:-5px; left:0; width:50px; height:5px; z-index:10;}
#propulsion_direction ul.leaverou li:nth-child(1)::before {background:#47d8cc;}
#propulsion_direction ul.leaverou li:nth-child(2)::before {background:#4672e2;}
#propulsion_direction ul.leaverou li:nth-child(1) span.manse {color:#47d8cc;}
#propulsion_direction ul.leaverou li:nth-child(2) span.manse {color:#4672e2;}
@media (max-width:1060px){
#promotion-goal .box.white::after {display:none;}
}
@media (max-width:800px){
#promotion-goal .circle {margin-bottom:15px;}
}
@media (max-width:600px){
#page_53 #how_to .txt {font-size:24px; text-align:center; margin-top:50px;}
#promotion-goal .circle {width:200px; height:200px;}
#promotion-goal .circle .fs-22 {font-size:18px;}
#promotion-goal .circle p {top:60px; font-size:15px;}
#propulsion_direction ul.leaverou li {width:100%;margin-bottom:15px;}
}
@media (max-width:500px){
#page_53 #how_to .txt {font-size:21px; text-align:center;}
}
/* 사업분야 - 행사 - 모니터링단*/
#page_54 {}
#page_54 .table {}
#page_54 .table th {width:20%; }
@media (max-width:800px){
#page_54 .btn-download{margin-top: 10px; display: block; width: 100%; margin: 10px auto;}
}
/* 사업분야 - 행사 - 복숭아축제 */
#page_55 {}
#page_55 .table.style-4.light-blue {}
#page_55 .table.style-4.light-blue th {width:20%; }
@media (max-width:1240px){
#page_55 img{max-width:100%;}
}
@media (max-width:1000px){
#page_55.pages .box:nth-child(2){padding:30px 20px}
}
@media (max-width:800px){
#page_55 img {display:block; margin:10px auto;}
#page_55.pages .box.white{padding: 45px 0;}
#page_55 .col-4{flex:100%; -ms-flex:100%; max-width:100%;}
#page_55 .thorough-circle .num{font-size:21px;}
#page_55 .thorough-circle .txt{font-size:17px;}
}
/* 싱싱문화관 -소개 */
#page_58 {}
#page_58 .bg {background:url(/images/content/menu/p58_bg.jpg) no-repeat; color:#fff; height:459px; padding:80px 0 0 0; }
@media (max-width:800px){
#singsing_cultural_center p {display:inline-block; background:rgba(0,0,0,0); text-shadow:0 0 6px rgba(0,0,0,0.2);}
}
@media (max-width:600px){
#page_58 .bg {background-position:center center; padding: 60px 6px;}
#page_58 #singsing_cultural_center br{display:none;}
}
/**/
#page_60 {}
#page_60 .bg {background:url(/images/content/menu/p61_bg.jpg) no-repeat; height:419px; }
#page_60 .bg .txt {display:flex; margin-left:90px; align-items:center; height:100%;}
#page_60 .bg span {background:linear-gradient(to bottom, transparent 50%, #fff 50%); }
#cooking-program {}
#cooking-program .row {margin-bottom:35px;}
#cooking-program .row:last-child {margin-bottom:0;}
#cooking-program .row > div {}
#cooking-program .row p.h {margin-top:70px; position:relative;}
#cooking-program .row p.h::before {content:''; display:block; width:33px; height:1px; position:absolute; top:-15px; left:0;}
#cooking-program .row:nth-child(1) p.h::before {background:#00aaa1;}
#cooking-program .row:nth-child(2) p.h::before {background:#ffca43;}
#cooking-program .row:nth-child(3) p.h::before {background:#87d3ec;}
@media (max-width:991px){
#cooking-program {text-align:center;}
#cooking-program .row { margin-bottom:60px;}
#cooking-program .row > div {width:100%; flex:0 0 100%; max-width:100%;}
#cooking-program .row p.h {margin-top:30px;}
#cooking-program .row p.h::before {margin:auto; right:0; left:0; }
}
@media (max-width:600px){
#cooking-program .row p br {display:none;}
}
/**/
#page_61 {}
#page_61 .style-4.green1 th {width:20%; }
#page_61 .style-4.green1 td.g {background:#edf9dd; }
/* 싱싱문화관 - 요리교실 */
@media (max-width:800px){
.page_63 .bg .txt{margin:30px!important;}
.page_63 .bg{height:298px!important;}
}
@media (max-width:500px){
.page_63 .bg{height:410px!important;}
.page_63 .bg span{font-size:21px;}
}
/* 농가교육 > 교육접수 > 신규입점안내 */
#page_75 {}
#page_75 .custom_list {}
#page_75 .custom_list .num {width:30px; }
#page_75 .thorough-circle {box-shadow: none; position:relative; }
#page_75 .col:first-child .thorough-circle:before {display:none; }
#page_75 .thorough-circle:before {
content:''; display:block; width:17px; height:33px; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:-27px;
background:url(/images/content/menu/p90_next.png) no-repeat center center;
}
#new-entry .box {position:relative; font-size:17px; padding:40px 10px 20px 10px; text-align:left; min-height:130px; overflow:hidden;}
#new-entry .box p {position:relative; z-index:10;}
#new-entry .box.sky {background:#c5eeea;}
#new-entry .box.sky::before {
content:''; display:block; position:absolute; top:-70px; left:-70px; border-radius:100%;
width:120px; height:120px; background:#a1e1db; z-index:1;
}
#new-entry .box.green {background:#a8d75d; height:100%; max-height:220px; font-size:16px;}
#new-entry .box.green::before {
content:''; display:block; position:absolute; bottom:0; right:0; border-radius:100%;
width:200px; height:200px; background:#86c33a no-repeat top 40px left 40px; z-index:1;
transform: translateY(50%) translateX(50%);
}
#new-entry .box .num {color:#fff; position:absolute; top:7px; left:7px; z-index:10;}
#new-entry .col:nth-child(1) .box.green::before {background-image:url(/images/content/menu/p75_icon_06.png);}
#new-entry .col:nth-child(2) .box.green::before {background-image:url(/images/content/menu/p75_icon_07.png);}
#new-entry .col:nth-child(3) .box.green::before {background-image:url(/images/content/menu/p75_icon_08.png);}
#new-entry .col:nth-child(4) .box.green::before {background-image:url(/images/content/menu/p75_icon_09.png);}
#entry-procedure {overflow:hidden;}
#entry-procedure .overflow-scroll {overflow:hidden;}
#entry-procedure .row {position:relative; }
#entry-procedure .row:after {
content:''; z-index:1;
display:block; position:absolute; width:90%; height:1px; background:#ddd; margin:auto; top:0; right:0; bottom:0; left:0;
}
#entry-procedure .row .col {z-index:10; }
#entry-procedure .icon {margin-top:25px; }
@media (max-width:1260px){
#new-entry .col {width:50%; flex:0 0 50%; max-width:50%; margin-bottom:26px;}
#new-entry .box.green {height:200px;}
#entry-procedure .overflow-scroll {overflow:auto;}
#entry-procedure .overflow-scroll > div {min-width:1260px;}
}
@media (max-width:800px){
#new-entry .col {width:100%; flex:0 0 100%; max-width:100%;}
#new-entry .box.green {height:auto;}
#page_75 .custom_list {margin:0 0 20px 0;}
#page_75 .custom_list .num {width:100%;}
}
/* 농가교육 > 교육접수 > 신규입점교육 신청서 */
#page_76 {}
/* 싱싱장터 > 오시는길 > 도담점 & 아름점 , 3·4호점 */
#page_79 {}
#page_80 {}
#page_81 {}
.root_daum_roughmap {width:100% !important; height:530px !important; }
.maps {position:relative; }
.maps .map-box {
background:rgba(16,130,237,0.9); position:absolute; width:35%; height:100%; top:0; right:0; z-index:100; color:#fff;
padding:80px 35px 0 35px;
}
.maps .head {font-weight:600; }
.maps .head .fs-30 {line-height:38px; }
.maps .head .fs-40 {line-height:43px; margin-top:5px; }
.maps hr {border-top:1px solid #a6c9ef; margin:30px 0; }
.maps .body .fs-20 {padding-left:25px; }
.maps .body .address {background:url(/images/content/menu/icon_map_address.png) no-repeat center left; }
.maps .body .time {background:url(/images/content/menu/icon_map_time.png) no-repeat center left; }
.maps .body .tel {background:url(/images/content/menu/icon_map_tel.png) no-repeat center left; }
.store-slider .owl-nav {
position:absolute; margin:auto !important; width:100%; height:0; top:0; right:0; bottom:0; left:0;
}
.store-slider .owl-nav img {display:block; }
.store-slider .owl-nav .owl-prev {float:left; }
.store-slider .owl-nav .owl-next {float:right; }
.store-slider .owl-nav .owl-prev,
.store-slider .owl-nav .owl-next {transform:translateY(-50%); margin:0 !important; }
.owl-theme .owl-nav [class*='owl-']:focus,
.owl-theme .owl-nav [class*='owl-']:active {border:0 !important; outline:0 !important; }
.owl-theme .owl-nav [class*='owl-']:hover {background:none !important; }
#page_81 .map-3rd{background: url(/images/content/menu/p81_map_3rd.jpg) no-repeat center center; height: 400px;}
#page_81 .map-4rd{background: url(/images/content/menu/p81_map_4rd.jpg) no-repeat center center; height: 400px;}
@media (max-width:800px){
.maps .map-box {position:relative; width:100%; padding:20px;}
#page_81 .map-3rd{background: url(/images/content/menu/p81_map_3rd.jpg) no-repeat top center; height: auto; padding-top: 400px;}
#page_81 .map-4rd{background: url(/images/content/menu/p81_map_4rd.jpg) no-repeat top center; height: auto; padding-top: 400px;}
}
/* 사업분야 > 로컬푸드 직매장 */
#page_85 .bg,
#page_84 .bg,
#page_83 .bg {text-align:center; background:url(/images/content/menu/p83_bg.jpg) no-repeat center center; height:529px; }
#page_85 .bg .rect,
#page_84 .bg .rect{padding:93px 0 0 0; }
#page_83 .bg .rect{padding:40px 0 0 0;}
#page_85 {}
#page_85 .map01{background:url(/images/content/menu/p85_map01.jpg) no-repeat center center; height:400px; }
#page_85 .map02{background:url(/images/content/menu/p85_map02.jpg) no-repeat center center; height:400px; }
.box.sky {text-align:center; font-size:23px; }
.box.sky .label {
margin:0 16px; position:relative; background:#60d1e6; height:48px; line-height:48px; font-weight:500;
}
.box.sky .label:before,
.box.sky .label:after {
content:''; display:block; position:absolute; height:100%; top:0; width:16px;
background-repeat:no-repeat; background-position:center center;
}
.box.sky .label:before {left:0; transform:translateX(-100%); background-image:url(/images/content/menu/label_before.png); }
.box.sky .label:after {right:0; transform:translateX(100%); background-image:url(/images/content/menu/label_after.png); }
.box.sky .i {margin:25px 0 5px 0; }
.box.sky .t {font-weight:400; }
.box.sky .block-blue {background:#1082ed; color:#fff; margin-top:50px; border-radius:30px; padding:15px; }
@media (max-width:1260px){
#page_85,
#page_86 {}
#page_85 .box.sky .col-3,
#page_86 .box.sky .col-3 {width:50%; flex:0 0 50%; max-width:50%; margin-bottom:40px;}
}
@media (max-width:911px){
}
@media (max-width:800px){
#page_85 .bg,
#page_84 .bg,
#page_83 .bg {height:auto; padding:0; background:#e4f0f0; }
#page_85 .bg .rect,
#page_84 .bg .rect,
#page_83 .bg .rect {padding:50px 20px; text-align:left;}
#page_85 .bg .fs-48,
#page_84 .bg .fs-48,
#page_83 .bg .fs-48{line-height: 1;}
#page_85 .bg br,
#page_84 .bg br,
#page_83 .bg br {display:none;}
#page_85 .box.sky .col-3,
#page_86 .box.sky .col-3 {width:100%; flex:0 0 100%; max-width:100%; margin-bottom:40px;}
}
/* 싱싱장터 > 회사소개 > 왜 로컬푸드인가? */
#page_88 {}
#p88_card_01 {max-width:500px; margin:0 auto; }
#p88_card_01 .card-header {background:#00b5a8; text-align:center; }
#p88_card_01 .card-header h6 {color:#fff !important; }
#p88_card_01 .card-body {background:url(/images/content/menu/p88_03.png) no-repeat right 10px bottom 32px; }
#p88_card_01 .tel,
#p88_card_01 .address {padding:0 0 0 18px; }
#p88_card_01 .tel {background:url(/images/content/menu/p88_tel.png) no-repeat left center; }
#p88_card_01 .address {background:url(/images/content/menu/p88_address.png) no-repeat left 1px center; }
@media (max-width:800px){
#p88_card_01 {}
#p88_card_01 .col-6 {width:100%; flex:0 0 100%; max-width:100%;}
#p88_card_01 .col-6:nth-child(1) {text-align:center;}
#p88_card_01 .col-6:nth-child(2) {}
#p88_card_01 .col-6:nth-child(2) > div:nth-child(1),
#p88_card_01 .col-6:nth-child(2) > div:nth-child(2) {text-align:center;}
}
/* 사업분야 > 농산물 안전성관리 */
/* 사업분야 > 안전성검사 */
#page_89 {}
#page_89 .box.bg1 {
background:url(/images/content/menu/p20_01.png) no-repeat center right #f6f6f6; height:710px; padding-right:430px;
color:#0e2a55;
}
#page_89 .box.bg1 .rect {max-width:600px; }
#page_89 .arch {}
#page_89 .arch li {text-align:center; height:254px; position:relative; }
#page_89 .arch img {position:absolute; bottom:0; left:0; right:0; margin:auto; }
#page_89 .apricot > div {min-width:1040px;}
#page_89 .slash {padding-left:22px; background:url(/images/content/menu/slash.png) no-repeat left top 8px;}
#follow-up-measures {}
#follow-up-measures .row {}
#follow-up-measures .row .col-lg {}
#follow-up-measures .row .col-lg .round,
#follow-up-measures .row .col-lg .round .rect {border-radius:0 30px 0 30px; height:100%;}
#follow-up-measures .row .col-lg .round {padding:8px;}
#follow-up-measures .row .col-lg .round .rect {padding:16px;}
#follow-up-measures .row .col-lg:nth-child(1) .round {border:2px solid #6cc9bf; }
#follow-up-measures .row .col-lg:nth-child(1) .round .rect {background:#a7e8e1; }
#follow-up-measures .row .col-lg:nth-child(2) .round {border:2px solid #6ad8ec; }
#follow-up-measures .row .col-lg:nth-child(2) .round .rect {background:#98eaf9; }
#follow-up-measures span.manse {color:#3ca499; font-size:20px;}
@media (max-width:1260px){
#page_89 .arch {padding-bottom:230px; position:relative;}
#page_89 .arch li {width:50%;}
#page_89 .arch li:nth-child(2) {position:absolute; top:auto; right:0; bottom:0; left:0; margin:auto; }
#page_89 .arch img.pb-4 {padding-bottom:0 !important; }
}
@media (max-width:991px){
#follow-up-measures .row .col-lg:nth-child(1) {margin-bottom:20px;}
}
@media (max-width:800px){
#page_89 .arch {padding:15px 0 0 0;}
#page_89 .arch li {width:100%;}
#page_89 .arch li:nth-child(2) {position:relative; padding:20px 0;}
#page_89 .arch li:nth-child(2) img {position:relative;}
}
/* 사업분야 > 궁금해요 농약 PLS */
#page_90 {}
#page_90 img {display:block; }
#page_90 .thorough-circle {}
#page_90 .thorough-circle .num {margin-top:20px; height:114px; }
#page_90 .thorough-circle .num img {position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; }
#page_90 .thorough-circle .num:after {display:none !important; }
#pesticide {position:relative;}
#yellow_rect {background:url(/images/content/menu/p90_bg.png) no-repeat right top; height:330px; }
#yellow_rect p {
font-size:30px; position:relative; display:inline-block; top:90px; left:40px;
padding-left:40px !important; padding-right:40px !important;
background:url(/images/content/menu/p90_quotes_left.png) no-repeat left top,
url(/images/content/menu/p90_quotes_right.png) no-repeat right bottom 20px;
}
#yellow_rect p:before {}
#yellow_rect p:after {}
#yellow_rect p span {position:relative; z-index:10; background: #fbe877;}
#yellow_rect p span.trwr-bold {background:linear-gradient(to bottom, #fbe877 50%, #f8f4e0 50%); }
#pls_before .table {min-width:1000px;}
#pls_introduction {}
#pls_introduction .box.white {height:351px;}
#pls_introduction .box.white .row {height:100%;}
#pls_introduction .box.white img {position:absolute; margin:auto; top:auto; right:0; bottom:0; left:0;}
@media (max-width:1100px){
#yellow_rect {}
}
@media (max-width:991px){
#yellow_rect {background:#FBE877;}
#pls_introduction .box.white {height:auto;}
#pls_introduction .box.white img {position:relative; margin:10px auto;}
}
@media (max-width:430px){
#page_90 #yellow_rect p{top:22px; left:-2px; font-size: 29px;}
}
/* 싱싱문화관 > 교육장 > 소개 */
.page_93 .table th,
.page_93 .table td {padding: 0.3rem;}
.page_93 .table.style-4 td {padding: 0.2rem 1.3rem; font-size:16px;}
/* 사업분야 > 가공지원센터 */
#page_95 {}
#page_95 .rounded-box {display:inline-block; padding:20px; border-radius:20px; background:#1fa382; font-size:24px; color:#fff; }
#page_95 .rounded-box span {color:#f9f3d8; }
#page_95 .dashed-circle {
border-radius:100%; width:180px; height:180px; background:#f9f8ed; position:relative; transform:translateX(-3px) translateY(-10px);
font-size:23px; text-align:center; display:inline-block;
}
#page_95 .dashed-circle:after {
border:4px dashed #26a683; border-radius:100%; position:absolute; top:10px; left:3px; display:block; content:'';
width:100%; height:100%;
}
#page_95 .dashed-circle p {height:70px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; padding:6px 0 0 6px; }
#page_95 .dashed-circle p.line-3 {height:105px; }
#page_95 .bg-22 {
background:url(/images/content/menu/p22_03.jpg) no-repeat left bottom #eff4f7; height:560px; padding:70px 0 0 0;
}
#processed-products {}
#processed-products .processed {}
#processed-products .processed_mobile {display:none;}
#processed-products .products {margin-bottom:20px; }
#processed-products .products .head {position:relative; }
#processed-products .products .head:after {
content:''; display:block; position:absolute; z-index:1; height:3px; width:100%; top:19px; border-bottom: 3px solid #ddd;
border-radius: 50%;}
#processed-products .products .head ul{margin:0 auto; display:table;}
#processed-products .products .head li {float:left; margin-right:50px; position:relative; z-index:10; }
#processed-products .products .head li span {
/*outline:1px solid red; */
display:inline-block; background:#1fa382; min-width:120px; padding:5px 15px; color:#fff; text-align:center;
border-radius:15px; font-family:TmoneyRoundWindExtraBold, TmoneyRoundWindRegular, sans-serif; font-size:18px;
box-shadow:0 0 0 10px #fff;
}
#processed-products .products .body {margin-top:13px; }
#processed-products .products .body li {min-width:160px; padding-right:10px; float:left; }
#processed-products .products .body li span {font-weight:500; font-size:16px; }
#processed-products .products .body li span:nth-child(1) {color:#1fa382; }
#processed-products .products .body li span:nth-child(1):after {
content:''; display:inline-block; background:#1fa382; margin-left:5px; width:2px; height:12px;
}
#processed-products .products .body li span:nth-child(2) {}
#farming_dream {}
@media (max-width:1260px){
#farming_dream .leaverou {display:block; padding-bottom:140px;}
#farming_dream .leaverou li {}
#farming_dream .leaverou li:nth-child(2n) {transform:translateY(80%);}
}
@media (max-width:1000px){
#farming_dream .leaverou {padding-bottom:0;}
#farming_dream .leaverou li {width:50%; text-align:center; padding:10px;}
#farming_dream .leaverou li:nth-child(2n) {transform:translateY(0%);}
#processed-products .products .head ul{margin:0; display:table;}
#processed-products .products .head li span {min-width:49px;}
}
@media (max-width:800px){
#processed-products .processed_pc {display:none;}
#processed-products .processed_mobile {display:block;}
#processed-products .products .head:after {display:none;}
#processed-products .products .head li {margin-right:13px; margin-bottom:15px;}
#processed-products .products .head li span {font-size:16px;}
}
@media (max-width:500px){
#farming_dream .leaverou li {width:100%;}
#processed-products .products .head li:nth-child(3){}
}
/* 사업분야 > 가공지원센터 > 올바른 가공산업 */
#page_96 {}
#page_96 .col-lg-6 {}
#page_96 .col-lg-6 .box {height:100%;}
/* 싱싱장터 농산물 > 제철 농산물 소개 */
/*
#page_title .textAdd{ font-family: 'Cafe24SsurroundAir'; border-radius:20px 0; padding: 7px 20px 6px; background: #3fd7f7; color: #fff; width:150px; margin:30px auto -15px; }
*/
#page_title .textAdd{ font-family:manse, Noto Sans KR, sans-serif; margin:20px auto -15px; position: relative; color:#335eeb; font-size: 38px; font-weight: 300;}
#page_title .textAdd:after{position: absolute; left:50%; top:0; content: ''; }
.pages .manse_season{text-align: center; margin: 0 0 15px 0; color:#335eeb; position: relative; font-family:manse, Noto Sans KR, sans-serif;}
.pages .manse_season:before{color: #ddd; font-size: 60px; position: absolute; left:50%; top: 6px; content: '❝' ;margin-left: -170px; font-family: 'twayair';}
.pages .manse_season:after{color: #ddd; font-size: 60px; position: absolute; right:50%; top: 6px; content: '❞' ;margin-right: -170px; font-family: 'twayair';}
.pages .manse_season2:before{margin-left: -205px;}
.pages .manse_season2:after{margin-right: -205px;}
.pages .manse_season b{font-weight: bold;}
.pages .manse_season span{color:#666;}
.pages .pics-img{box-shadow: 5px 5px 30px rgba(0,0,0,0.2);}
.pages .pics-img img{max-width: 100%; display: block;}
#page_116 #m4-tab li{border:1px solid #ddd;}
#page_116 #m4-tab li:hover a{ color:#ddd;}
#page_116 #m4-tab li.active a{ border: 3px solid #1972da !important; color:#1972da;}
@media (max-width:800px){
.pages .manse_season{font-size: 35px;}
.pages .manse_season:before{font-size: 32px; top: 8px; margin-left: -120px; }
.pages .manse_season:after{font-size: 32px; top: 8px; margin-right: -120px; }
.pages .manse_season2:before{margin-left: -145px;}
.pages .manse_season2:after{margin-right: -145px;}
}