@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("/pub/css/default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid;}
select.text { 
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('/pub/images/arrow_down_b.png') no-repeat 95% 50%;
} 
textarea.text {border:#ddd 1px solid;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.blue {color:#23408f !important;}

.inner {width:100%; padding:0 15px;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:50px; z-index:30; transition:.2s linear;}
.header.fixed {background:rgba(0,0,0,.5);}
.header .logo {position:absolute; top:0; left:15px; height:50px; padding-top:10px; z-index:1;}
.header .logo img {height:30px;}
.header .logo h1 {display:none; font-size:0;}
.header .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px; background:#23408f; z-index:31; cursor:pointer;}
.header .btn_menu > p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; margin-left:-10px; border-radius:1px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-6px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:4px;}
.header .btn_menu.on > p {height:3px;}
.header .btn_menu.on .t {margin-top:-1px; transform:rotate(135deg);}
.header .btn_menu.on .m {width:0;}
.header .btn_menu.on .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb {position:fixed; top:-100%; left:0; width:100%; height:100%; background:#fff; z-index:30; transition:.2s linear;}
.header .gnb.on {top:0;}
.header .gnb li {position:relative;}
.header .gnb li > a {position:relative; display:block; font-size:15px; color:#333; font-weight:500; line-height:45px; padding:0 15px;}
.header .gnb li > a i {position:absolute; top:50%; right:15px; width:11px; height:100%;}
.header .gnb li > a i:before,
.header .gnb li > a i:after {content:""; position:absolute; background:#333;}
.header .gnb li > a i:before {width:11px; height:1px; margin:0 0 0 -5px;}
.header .gnb li > a i:after {width:1px; height:11px; margin:-5px 0 0 0;}
.header .gnb li.open > a i:after,
.header .gnb li.on > a i:after {width:11px; height:1px; margin:0 0 0 -5px;}
.header .gnb li.on.open > a i:after {width:1px; height:11px; margin:-5px 0 0 0;}
.header .gnb .snb {width:100%; padding:10px 0; background:#f7f7f7; display:none;}
.header .gnb .on .snb {display:block;}
.header .gnb .snb a {display:block; font-size:13px; color:#666; font-weight:400; line-height:20px; padding:7px 15px;}
.header .gnb .snb a.on {color:#23408f; text-decoration:underline;}

.header .gnb li.side {position:relative; padding-right:50px; height:50px; text-align:right; z-index:1;}
.header .gnb li.side .lo {position:absolute; top:0; left:0; padding:10px 15px 0;}
.header .gnb li.side .lo img {height:30px;}
.header .gnb li.side > a {position:relative; display:inline-block; vertical-align:top; font-size:11px; color:#666; font-weight:500; line-height:50px; padding:0 7px;}
.header .gnb li.side > a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:8px; background:#cbcbcb; margin-top:-4px;}
.header .gnb li.side > a:nth-child(2):before {display:none;}
.header .side .langs {position:relative; display:inline-block; vertical-align:top;}
.header .side .langs dt {position:relative; display:block; font-size:13px; color:#fff; font-weight:500; width:50px; height:50px; line-height:50px; background:#333; cursor:pointer; text-align:center; transition:.2s linear; font-family:'Roboto';}
.header .side .langs dt img {margin-left:2px; transition:.2s linear;}
.header .side .langs dd {position:absolute;}
.header .side .langs.on dt img {transform:scale(-1);}
.header .side .langs dd {position:absolute; top:50px; left:0; width:100%; background:#5c5c5c; border-radius:0 0 6px 6px; display:none;}
.header .side .langs dd a {display:block; font-size:12px; color:#fff; font-family:'Roboto'; line-height:24px; text-align:center;}

/* footer */
.footer {position:relative; border-top:#e5e5e5 1px solid;}
.footer .gotop {position:fixed; bottom:20px; right:15px; width:36px; height:0; background:#404040; text-align:center; opacity:0; overflow:hidden; z-index:10; transition:.2s linear;}
.footer .gotop.fixed {height:42px; padding-top:12px; opacity:1; transition:0s;}
.footer .gotop.bottom {position:absolute; bottom:210px;}
.footer .gotop img {width:12px; vertical-align:top;}
.footer .links {text-align:center; padding:30px 0;}
.footer .links li {display:inline-block; margin:0 36px;}
.footer .links li a {display:block; height:20px; line-height:20px; font-size:13px;}
.footer .links li a img {height:20px;}
.footer .links li.l1 a {color:#316ac3;}
.footer .links li.l2 a {color:#0073b0;}
.footer .links li a img {margin-right:8px;}
.footer .address {position:relative; padding:0 0 30px; font-size:10px; color:#666; font-weight:400; line-height:20px; text-align:center;}
.footer .address .family {position:relative; width:80%; max-width:220px;  margin:25px auto 0;}
.footer .address .family dt {position:relative; font-size:11px; color:#111; font-weight:400; width:100%; height:33px; line-height:31px; border:#ddd 1px solid; padding:0 10px; cursor:pointer; text-align:left;}
.footer .address .family dt img {position:absolute; top:50%; right:20px; margin-top:-2px; cursor:pointer; transition:.2s linear;}
.footer .address .family.on dt img {transform:scale(-1);}
.footer .address .family dd {position:absolute; bottom:32px; left:0; width:100%; height:auto; border:#ddd 1px solid; border-bottom-color:#fff; background:#fff; padding:10px 0 0; display:none;}
.footer .address .family dd a {display:block; font-size:11px; color:#999; line-height:20px; padding:5px 10px;}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden;}
.mvisual .slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 5px;}
.mvisual .slick-dots li button {width:20px; height:3px; background:rgba(255,255,255,.5); text-indent:-500px; overflow:hidden; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {background:#ed1c24;}

.mcon {position:relative; padding:40px 0;}
.mcon .point {position:absolute; top:100px;}
.mcon .title {font-size:24px; color:#000; font-weight:500; line-height:24px; margin-bottom:25px; text-align:center;}
.mcon .jq_tab {text-align:center;}
.mcon .jq_tab li {position:relative; display:inline-block; font-size:11px; color:#888; font-weight:400; line-height:25px; padding:0 20px; border-radius:12px; cursor:pointer; transition:.2s linear; opacity:0;}
.mcon.main_fade .jq_tab li {animation-duration:1s; animation-name:main_fade; animation-fill-mode:forwards;}
.mcon .jq_tab li.on {color:#fff; background:#23408f;}

.mcon01 .jq_cont {position:relative; opacity:0;}
.mcon01.main_fade .jq_cont {animation-duration:1s; animation-name:main_fade; animation-fill-mode:forwards;}
.mcon01 .slick-slide {padding:0 7px; opacity:.5; transition:.2s linear;}
.mcon01 .slick-current {opacity:1;}
.mcon01 .slidein {position:relative; background:no-repeat 50% 50%; height:370px; background-size:cover; padding:25px 20px 110px;}
.mcon01 .c1 {background-image:url('/m/pub/images/img_mc01_01.jpg');}
.mcon01 .c2 {background-image:url('/m/pub/images/img_mc01_02.jpg');}
.mcon01 .c3 {background-image:url('/m/pub/images/img_mc01_03.jpg');}
.mcon01 .c4 {background-image:url('/m/pub/images/img_mc01_04.jpg');}
.mcon01 .c5 {background-image:url('/m/pub/images/img_mc01_05.jpg');}
.mcon01 .c6 {background-image:url('/m/pub/images/img_mc01_06.jpg');}
.mcon01 .c7 {background-image:url('/m/pub/images/img_mc01_07.jpg');}
.mcon01 .slick-slide .tit {font-size:26px; color:#fff; font-weight:500; line-height:30px; margin-bottom:20px; letter-spacing:-.5px;}
.mcon01 .slick-slide p {font-size:11px; color:#fff; font-weight:400; line-height:17px;}
.mcon01 .slick-slide p strong {font-weight:500;}
.mcon01 .slick-slide .more {position:absolute; left:20px; bottom:40px; display:block; font-size:10px; color:#000b03; font-weight:400; line-height:20px; width:75px; height:20px; border-radius:10px; background:#fff; text-align:center;}

/* 240705 추가 */
.newcon01 .c1 {background-image:url('/m/pub/images/img_mc01_01_240626.jpg');}
.newcon01 .c2 {background-image:url('/m/pub/images/img_mc01_02_240626.jpg');}
.newcon01 .c3 {background-image:url('/m/pub/images/img_mc01_03_240626.jpg');}
.newcon01 .c4 {background-image:url('/m/pub/images/img_mc01_04_240626.jpg');}
.newcon01 .c5 {background-image:url('/m/pub/images/img_mc01_05_240626.jpg');}

@media screen and (min-width:375px){
    .mcon01 .slidein {height:320px;}
}
@media screen and (min-width:425px){
    .mcon01 .slidein {height:270px;}
}

.mcon02 {background:#f2f2f2;}
.mcon02 * {word-break:break-all;}
.mcon02 .jq_tab {margin-bottom:40px;}
.mcon02.main_fade .jq_tab li {animation-duration:1s; animation-name:main_fade; animation-fill-mode:forwards;}
.mcon02 .jq_tab li:nth-child(1) {animation-delay:0.1s;}
.mcon02 .jq_tab li:nth-child(2) {animation-delay:0.15s;}
.mcon02 .jq_tab li:nth-child(3) {animation-delay:0.2s;}
.mcon02 .jq_cont {overflow:hidden; margin-top:-25px;}
.mcon02 .cont {padding:0 15px;}
.mcon02 .cont a {position:relative; display:block; float:left; width:100%; margin:25px 0 0 0; padding:15px 15px 30px; border:#fff 1px solid; background:#fff;}
.mcon02 .cont a:nth-child(2n-1) {margin-left:0; clear:both;}
.mcon02.main_fade.time .cont1 a {animation-duration:1s; animation-name:main_fade; animation-fill-mode:forwards;}
.mcon02.time .cont1 a {opacity:0;}
.mcon02.time .cont1 a:nth-child(1) {animation-delay:0.25s;}
.mcon02.time .cont1 a:nth-child(2) {animation-delay:0.3s;}
.mcon02.time .cont1 a:nth-child(3) {animation-delay:0.35s;}
.mcon02.time .cont1 a:nth-child(4) {animation-delay:0.4s;}
.mcon02.time .cont1 a:nth-child(5) {animation-delay:0.45s;}
.mcon02.time .cont1 a:nth-child(6) {animation-delay:0.5s;}
.mcon02.time .cont1 a:nth-child(7) {animation-delay:0.55s;}
.mcon02.time .cont1 a:nth-child(8) {animation-delay:0.6s;}
.mcon02 .cont a:hover {border-color:#23408f;}
.mcon02 .cont .new {width:50px; height:20px; line-height:20px; text-align:center; margin-bottom:15px;}
.mcon02 .cont .new i {display:block; font-size:10px; color:#fff; font-weight:400; background:#23408f; font-family:'Roboto';}
.mcon02 .cont .tit {font-size:14px; color:#111; font-weight:500; line-height:17px; margin-bottom:15px;}
.mcon02 .cont p {font-size:11px; color:#666; font-weight:400; line-height:16px;}
.mcon02 .cont .date {position:absolute; bottom:15px; right:15px; font-size:10px; color:#999; font-weight:400;}
.mcon02 .gallery_list {overflow:hidden; margin-top:-4%;}
.mcon02 .gallery_list a {float:left; width:48%; margin:25px 0 0 4%; padding:0; background:none; border:0;}
.mcon02 .gallery_list a:first-child {margin-left:0;}
.mcon02 .gallery_list .date {bottom:0; right:0;}

.mcon03 {padding:30px 15px 45px;}
.mcon03 ul {overflow:hidden;}
.mcon03 li {position:relative; float:left; width:100%; margin-top:15px; animation-duration:1s; opacity:0;}
.mcon03 li:first-child {margin-top:0;}
.mcon03.main_fade li {animation-duration:1s; animation-name:main_fade; animation-fill-mode:forwards;}
.mcon03 li:nth-child(1) {animation-delay:0.1s;}
.mcon03 li:nth-child(2) {animation-delay:0.2s;}
.mcon03 li:nth-child(3) {animation-delay:0.3s;}
.mcon03 li a {display:block; color:#fff; padding:15px 20px; background:no-repeat 50% 50%; background-size:cover;}
.mcon03 li.c1 a {background-image:url('/pub/images/img_mc03_01.jpg');}
.mcon03 li.c2 a {background-image:url('/pub/images/img_mc03_02.jpg');}
.mcon03 li.c3 a {background-image:url('/pub/images/img_mc03_03.jpg');}
.mcon03 .tit {font-size:17px; font-weight:700; line-height:20px;}
.mcon03 p {font-size:10px; font-weight:400; line-height:16px; padding:10px 0;}
.mcon03 .more {font-size:10px; font-weight:500;}
.mcon03 .more img {margin-left:10px;}

@keyframes main_fade {
    from {opacity:0; top:30px;}
    to {opacity:1; top:0;}
}

/* sub */
.svisual {position:relative; height:200px; padding-top:50px; overflow:hidden;}
.svisual .title {font-size:30px; color:#fff; font-weight:500; line-height:150px; text-align:center;}
.svisual a {position:absolute; top:160px; height:60px; display:none;}
.svisual a p {font-size:16px; color:#fff; font-weight:400; line-height:30px; min-width:130px;}
.svisual .prev {left:50%; margin-left:-650px; text-align:left; background:url('/pub/images/arrow_vsprev.png') no-repeat 0 39px;}
.svisual .next {right:50%; margin-right:-650px; text-align:right; background:url('/pub/images/arrow_vsnext.png') no-repeat 100% 39px;}
.svisual img {position:absolute; width:110%; top:-5%; left:-5%; height:auto; z-index:-1; animation:1.5s both linear; animation-name:sv; max-width:none;}
@keyframes sv {
    0 {width:110%; top:-5%; left:-5%;}
    100% {width:100%; top:0; left:0;}
}
@media screen and (max-width:374px){
    .svisual {height:180px;}
	.svisual .title {line-height:130px;}
}

.aside {position:relative; z-index:1;}
.aside dt {font-size:13px; color:#333; font-weight:500; height:40px; line-height:40px; background:#f3f3f3; padding:0 30px 0 15px; overflow:hidden;}
.aside dt:after {content:""; position:absolute; top:0; right:15px; width:5px; height:100%; background:url('/pub/images/arrow_down_b.png') no-repeat 50% 50%; background-size:contain; transition:.2s linear;}
.aside dd {position:absolute; top:40px; left:0; width:100%; background:#f3f3f3; border-top:#ddd 1px solid; display:none;}
.aside dd a {display:block; font-size:12px; color:#666; font-weight:400; line-height:20px; padding:5px 15px;}
.aside dd a.on {color:#23408f;}
.aside.on dt:after {transform:scale(-1);}

.container {padding:45px 0 50px;}
.container .title {font-size:27px; color:#111; font-weight:400; line-height:30px; text-align:center; margin-bottom:30px;}

.container p {font-size:12px; color:#111; font-weight:400; line-height:18px;}
.container p.b {font-size:13px;}
.container p b {font-weight:500;}
.container p.sb {font-weight:400;}
.container p.pl_star {padding-left:12px; text-indent:-12px;}
.container p strong {font-size:12px;}

.tabs {position:relative; margin:35px 0 30px;}
.tabs:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e2e2e2;}
.tabs ul {text-align:center; font-size:0;}
.tabs li {display:inline-block; vertical-align:top;}
.tabs li a {position:relative; display:block; font-size:13px; color:#b0b0b0; font-weight:400; line-height:20px; padding:10px 0;}
.tabs li.line1 a {line-height:40px;}
.tabs li a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#23408f; transition:.2s linear;}
.tabs li a:hover:before,
.tabs li.on a:before {left:0; width:100%;}
.tabs li a i {position:relative; display:inline-block; vertical-align:top; padding:0 10px;}
.tabs li.on a {color:#23408f;}
.tabs li.on a i:before {content:""; position:absolute; top:0; right:0; width:5px; height:5px; border-radius:50%; background:#ed1c24;}

.container .jq_tab {overflow:hidden;}
.container .jq_tab li {float:left; font-size:11px; color:#888; font-weight:400; line-height:28px; border-radius:14px; text-align:center; padding:0 5px; min-width:80px; cursor:pointer;}
.container .jq_tab li.on {color:#fff; background:#23408f;}

/* titles */
.rdtit {position:relative; margin:60px 0 30px;}
.rdtit i {position:relative; display:inline-block; font-size:24px; color:#23408f; font-weight:700; line-height:30px; padding-right:10px;}
.rdtit i:before {content:""; position:absolute; top:0; right:0; width:5px; height:5px; border-radius:50%; background:#ed1c24;}
.rdtit .more {position:absolute; bottom:0; right:0; width:120px; height:30px; border:#ddd 1px solid; padding:0 30px 0 10px; font-size:11px; color:#111; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.stit {position:relative; font-size:14px; color:#111; font-weight:700; line-height:24px; padding-left:7px; margin:40px 0 15px;}
.stit:before {content:""; position:absolute; top:7px; left:0; width:2px; height:10px; border-top:#ed1c24 5px solid; border-bottom:#23408f 5px solid;}
.btit {font-size:21px; color:#23408f; font-weight:500; line-height:30px;}

/* table */
.tbl th,
.tbl td {border:#ddd 1px solid; font-size:10px;}
.tbl th {background:#f8f8f8; color:#111; font-weight:400; line-height:16px; padding:5px 0;}
.tbl td {color:#666; font-weight:400; padding:5px; line-height:16px; word-break:break-all;}
.tbl td em {color:#23408f;}
.tbl.th_non th {border-right:0; padding-left:10px; text-align:left;}
.tbl.th_non td {border-left:0;}

a.link {display:inline-block; font-size:12px; color:#547fc7; line-height:18px; padding-right:20px; border-bottom:#547fc7 1px solid; background:url('/pub/images/icon_link.png') no-repeat 100% 50%; background-size:12px;}

.gbox {background:#f8f8f7;	padding:15px;}

/* ASEIC */
.g01 .tabs li {padding:0 10px;}
.g01.s01 .jq_tabonoff {position:relative;}
.g01.s01 .jq_tab {position:absolute; top:-42px; right:0;}
.g01.s01 .gbox {overflow:hidden;}
.g01.s01 .gbox dt,
.g01.s01 .gbox dd {float:left;}
.g01.s01 .gbox dt {width:100%; margin:0;}
.g01.s01 .gbox dd {width:100%; font-size:11px; color:#111; font-weight:400; line-height:17px; margin-top:15px;}

/* 인사말 */
.g01.s02 p strong,
.g01.s02 p b {font-size:14px;}

/* 연혁 및 비전 */
.g01.s03 .vsn {overflow:hidden;}
.g01.s03 .vsn li {width:100%; margin-top:25px;}
.g01.s03 .vsn li:first-child {margin-left:0;}
.g01.s03 .vsn li .img {position:relative; width:100%; height:100px; line-height:100px; text-align:center; overflow:hidden; font-size:25px; color:#fff; font-weight:700;}
.g01.s03 .vsn li .img img {position:absolute; top:0; left:0; z-index:-1;}
.g01.s03 .vsn li .txt {border:#ddd 1px solid; padding:20px; height:162px;}
.dots_list p {position:relative; padding-left:10px; margin-bottom:10px;}
.dots_list p:before {content:""; position:absolute; width:2px; height:2px; background:#111; top:12px; left:0;}
.history li {position:relative; padding:20px 0 0 90px; min-height:160px; margin-bottom:15px;}
.history li:last-child {margin-bottom:0;}
.history li .year {position:absolute; top:0; left:0; width:80px; height:80px; background:#23408f; border-radius:50%; padding:20px 0; text-align:center; font-size:20px; color:#fff; line-height:20px; font-family:"Roboto";}
.history li dl {position:relative; padding-left:40px; margin-bottom:25px;}
.history li dl:last-child {margin-bottom:0;}
.history li dt {position:absolute; top:0; left:0; font-size:12px; color:#111; font-weight:500; line-height:17px; font-family:"Roboto";}
.history li dd p {position:relative; font-size:11px; color:#111; font-weight:400; line-height:17px; padding-left:18px;}
.history li dd em {position:absolute; top:0; left:0; color:#999; font-family:"Roboto";}

/* 찾아오시는 길 */
.g01.s05 .jq_tab {margin-bottom:10px; text-align:center;}
.g01.s05 .jq_tab li {display:inline-block;}
.map iframe {width:100% !important;}
ul.half {overflow:hidden;}
ul.half li {float:left; width:50%;}
ul.half li:nth-child(2n-1) {clear:both;}
.g01.s05 .stit {margin:30px 0 15px;}

/* CI 소개 */
.ci_box {position:relative;}
.ci_box a {display:block; margin-bottom:20px;}
.ci_color {overflow:hidden;}
.ci_color li {position:relative; float:left; width:100%; margin-top:10px; padding-left:50%; height:40px;}
.ci_color li:first-child {margin-left:0;}
.ci_color li i {position:absolute; top:0; left:0; width:50%; height:40px; background:url('/pub/images/img_ci_bg.png') no-repeat 50% 50%; background-size:80px;}
.ci_color li p {border:#ddd 1px solid; border-left:0; line-height:38px; padding-left:15px;}
.ci_color li.c1 i {background-color:#ed1c24;}
.ci_color li.c2 i {background-color:#23408f;}
.ci_color li.c3 i {background-color:#4db848;}

/* 사업소개 */
.g02 .blue_box {margin:20px 0; background:#ecf3fe; padding:15px;}
.g02 .blue_box p {color:#666; line-height:25px; text-indent:-50px; padding-left:50px;}
.g02 .tabs li {}
.g02.s05 .img {padding-right:40%; background:url('/pub/images/img_s0205.jpg') no-repeat 100% 0; background-size:38%;}
.ftit {width:100%; font-size:25px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:30px; padding:40px 0; background:url('/m/pub/images/img_s0205b.jpg') no-repeat 50% 0;}
.ftit p {display:block; max-width:260px; font-size:12px; color:#fff; font-weight:400; line-height:28px; border-radius:14px; background:rgba(11,31,84,.7); text-align:center; padding:0 20px; margin:15px auto 0;}
.gl_box {border:#ddd 1px solid; padding:15px;}

.g02.s01 .blue_box p {padding-left:10px; text-indent:-10px; line-height: 18px;}
.g02.s01 .blue_box p b {color: #111;}

.g02.s02 .clf_list {overflow:hidden; margin-top:-20px;}
.g02.s02 .clf_list li {float:left; width:24%; margin:20px 0 0 1.25%; text-align:center; padding:1px;}
.g02.s02 .clf_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.g02.s02 .clf_list li p {font-size:10px; color:#fff; background:#fff; line-height:12px; letter-spacing:-1px; padding: 4px 0;}
.g02.s02 .clf_list .c01 {background:#ea1d2d;}
.g02.s02 .clf_list .c01 p {color:#ea1d2d;}
.g02.s02 .clf_list .c02 {background:#d19f2a;}
.g02.s02 .clf_list .c02 p {color:#d19f2a;}
.g02.s02 .clf_list .c03 {background:#2c9a47;}
.g02.s02 .clf_list .c03 p {color:#2c9a47;}
.g02.s02 .clf_list .c04 {background:#c22033;}
.g02.s02 .clf_list .c04 p {color:#c22033;}
.g02.s02 .clf_list .c05 {background:#ef412a;}
.g02.s02 .clf_list .c05 p {color:#ef412a; line-height: 24px;}
.g02.s02 .clf_list .c06 {background:#00add8;}
.g02.s02 .clf_list .c06 p {color:#00add8;}
.g02.s02 .clf_list .c07 {background:#fdb714;}
.g02.s02 .clf_list .c07 p {color:#fdb714;}
.g02.s02 .clf_list .c08 {background:#8f1838;}
.g02.s02 .clf_list .c08 p {color:#8f1838;}
.g02.s02 .clf_list .c09 {background:#f36e24;}
.g02.s02 .clf_list .c09 p {color:#f36e24;}
.g02.s02 .clf_list .c10 {background:#e01a83;}
.g02.s02 .clf_list .c10 p {color:#e01a83; line-height: 24px;}
.g02.s02 .clf_list .c11 {background:#f99d25;}
.g02.s02 .clf_list .c11 p {color:#f99d25;}
.g02.s02 .clf_list .c12 {background:#cd8c2a;}
.g02.s02 .clf_list .c12 p {color:#cd8c2a;}
.g02.s02 .clf_list .c13 {background:#48773c;}
.g02.s02 .clf_list .c13 p {color:#48773c;}
.g02.s02 .clf_list .c14 {background:#007dbb;}
.g02.s02 .clf_list .c14 p {color:#007dbb;}
.g02.s02 .clf_list .c15 {background:#40ae49;}
.g02.s02 .clf_list .c15 p {color:#40ae49;}
.g02.s02 .clf_list .c16 {background:#00558a;}
.g02.s02 .clf_list .c16 p {color:#00558a;}
.g02.s02 .clf_list .c17 {background:#1a3667;}
.g02.s02 .clf_list .c17 p {color:#1a3667;}
.g02.s02 .clf_list .last {background:url('/pub/images/img_s0202_00.gif') no-repeat 50% 50%; background-size:90%; height: 25.87vw;}

.partners {overflow:hidden; margin-top:-4%;}
.partners * {word-break:break-all;}
.partners li {float:left; width:48%; margin:4% 0 0 4%; text-align:center;}
.partners li:nth-child(2n-1) {margin-left:0; clear:both;}
.partners li i {display:block; height:20vw; line-height:20vw; overflow:hidden; /* border:#ddd 1px solid; */}
.partners li i img {width:100%; height:100%;}
.partners li p {margin-top:10px; text-align:center;}
.susang {overflow:hidden; margin-top:-4%;}
.susang * {word-break:break-all;}
.susang li {position:relative; float:left; width:48%; margin:4% 0 0 4%;}
.susang li:nth-child(2n-1) {margin-left:0; clear:both;}
.susang li i {display:block; top:0; left:0; width:100%; height:30vw; overflow:hidden;}
.susang li img {}
.susang li strong {display:block; font-size:12px; color:#111; font-weight:700; line-height:18px; padding-top:10px;}
.susang li p {font-size:11px; line-height:18px; margin-top:15px;}
.mentos {overflow:hidden; margin-top:-2%;}
.mentos * {word-break:break-all;}
.mentos li {float:left; width:32%; margin:2% 0 0 2%;}
.mentos li:nth-child(3n-2) {margin-left:0; clear:both;}
.mentos li i {display:block; height:37vw; overflow:hidden; /* border:#ddd 1px solid; */}
.mentos li i img {width:100%; height:100%;}
.mentos li .name {font-size:11px; color:#111; font-weight:700; line-height:16px; margin:15px 0 5px;}
.mentos li p {font-size:10px; line-height:14px;}

.chamga {margin-top:-10px;}
.chamga li {position:relative; margin-top:30px; text-align:center;}
.chamga li a {display:block;}
.chamga li .txt {position:absolute; display:block; top:50%; left:0; width:100%; height:73px; margin-top:-36px; z-index:1;}
.chamga li strong {display:block; font-size:25px; color:#fff; font-weight:500; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chamga li p {display:inline-block; font-size:12px; color:#fff; font-weight:400; line-height:28px; border-radius:14px; background:rgba(11,31,84,.7); text-align:center; padding:0 20px; margin:15px auto 0;}

.g02.s06 .pl {position:relative;}
.g02.s06 .pl i {float:left; width:48%; border:#ddd 1px solid; margin:0 10px 10px 0;}

/* board */
.board_wrap {background:#f2f2f2; padding:15px 0 50px;}
.container.g03,
.container.g03 {padding-bottom:0;}
.board_top .total {font-size:11px; color:#111; font-weight:400; line-height:16px; margin-bottom:15px;}
.board_top .total b {color:#23408f; font-weight:500;}
.board_top .search_wrap {font-size:0;}
.board_top .search_wrap .inputs,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; font-size:12px; font-weight:400; line-height:35px; height:35px;}
.board_top .inputs {background:#fff; width:80%; overflow:hidden;}
.board_top .inputs .text {float:left; background-color:none; border:0; padding:0 5px; font-size:12px; color:#666; height:35px; line-height:35px; outline:0; vertical-align:top;}
.board_top .inputs select.text {width:30%;}
.board_top .inputs input.text {width:70%;}
.board_top .btn {color:#fff; background:#333; width:20%; border:0;}

.board_list {overflow:hidden;}
.board_list * {word-break:break-all;}
.board_list a {position:relative; display:block; float:left; width:100%; margin-top:20px; padding:15px 15px 30px; border:#fff 1px solid; background:#fff;}
.board_list a:nth-child(4n-3) {margin-left:0; clear:both;}
.board_list a:hover {border-color:#23408f;}
.board_list .new {width:50px; height:18px; line-height:18px; text-align:center; margin-bottom:10px;}
.board_list .new i {display:block; font-size:10px; color:#fff; font-weight:400; background:#23408f; font-family:'Roboto';}
.board_list .tit {font-size:14px; color:#111; font-weight:500; line-height:18px; margin-bottom:15px;}
.board_list a:hover .tit {color:#23408f;}
.board_list p {font-size:11px; color:#666; font-weight:400; line-height:18px;}
.board_list .date {position:absolute; bottom:15px; right:15px; font-size:11px; color:#999; font-weight:400;}

.board_bottom .btns {overflow:hidden; margin-top:30px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#333; font-size:12px; color:#fff; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .paging {text-align:center; margin-top:30px; font-size:0;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:11px; color:#888; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#333; color:#fff;}
.board_bottom .paging .arrow:hover {background:none;}
.view_btm {border-top:#111 1px solid; height:80px; margin-top:20px; padding-top:20px;}
.view_btm .btns {position:relative; margin-top:0; overflow:visible;}
.view_btm .btn_list {display:block; width:18px; height:18px; margin:0 auto;}
.view_btm .btn_list img {vertical-align:top;}
.view_btm .arrow {position:absolute; top:0; line-height:26px; width:45%; font-size:10px; color:#111; font-weight:400; padding:30px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view_btm .arrow img {height:6px; opacity:.93;}
.view_btm .arrow em {position:absolute; top:0; display:block; width:59px; font-size:11px; color:#111;  font-weight:400; line-height:26px;}
.view_btm .prev {left:0;}
.view_btm .prev img {margin-right:5px;}
.view_btm .prev em {left:0;}
.view_btm .next {right:0; text-align:right;}
.view_btm .next img {margin-left:5px;}
.view_btm .next em {right:0;}

/* 게시판 상세 */
.view_wrap {padding:20px 0 50px;}
.view_wrap * {word-break:break-all;}
.board_in th,
.board_in td {text-align:left;}
.board_in th {position:relative; font-size:16px; color:#111; font-weight:700; line-height:16px; padding-bottom:15px; border-bottom:#111 1px solid;}
.board_in th .new {display:inline-block; font-size:11px; color:#fff; font-weight:400; width:50px; line-height:16px; background:#23408f; text-align:center; vertical-align:top; margin-right:10px;}
.board_in td {position:relative; color:#666; padding:15px 0;}
.board_in .file_wrap {text-align:left; font-size:0; height:40px; line-height:40px; padding-right:100px;}
.board_in .file_wrap .file {display:inline-block; font-size:11px; color:#111; max-width:100%; font-weight:400; line-height:24px; padding-left:22px; background:url('/pub/images/icon_file.png') no-repeat 0 50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_in .date {position:absolute; top:15px; right:0; font-size:11px; color:#111; line-height:24px; font-weight:400; font-family:"Roboto";}
.board_in.gall td {padding:45px 0 15px;}
.board_in.gall td .text {padding:15px 15px 0;}

/* 갤러리 목록 */
.gallery_list {overflow:hidden;}
.gallery_list * {word-break:break-all;}
.gallery_list a {position:relative; display:block; float:left; width:48%; height:auto; margin:4% 0 0 4%;}
.gallery_list a:nth-child(2n-1) {margin-left:0; clear:both;}
.gallery_list a span {display:block;}
.gallery_list .img {position:relative; width:100%; height:0; padding-top:66%; overflow:hidden;}
.gallery_list .img img {position:absolute; top:0; left:0; width:100%; height:auto;}
.gallery_list .img i {position:absolute; top:0; left:0; width:80px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; font-weight:400; background:#23408f; font-family:"Roboto";}
.gallery_list .tit {font-size:12px; color:#111; font-weight:500; line-height:18px; height:36px; overflow:hidden; margin:10px 0 20px;}
.gallery_list .date {position:absolute; bottom:0; right:0; font-size:11px; color:#999; font-weight:400; line-height:18px; font-family:"Roboto";}

.gall_slide_wrap {position:relative; background:#262626;}
.gall_slide {position:relative;}
.gall_slide .slick-arrow {position:absolute; top:50%; width:35px; height:35px; margin-top:-17px; background:no-repeat 50% 50%; background-size:cover; text-indent:-500px; overflow:hidden; z-index:1;}
.gall_slide .slick-prev {left:0; background-image:url('/m/pub/images/arrow_prev.png');}
.gall_slide .slick-next {right:0; background-image:url('/m/pub/images/arrow_next.png');}
.gall_slide_nav {width:100%; padding:8px 2px; overflow:hidden;}
.gall_slide_nav .slick-list {padding:0 !important;}
.gall_slide_nav .slick-slide {overflow:hidden; padding:0 2px; opacity:.5; cursor:pointer; transition:.2s linear;}
.gall_slide_nav .slick-slide.slick-current {opacity:1;}

.board_wrap.reference {background:#fff;}
.board_wrap.reference .board_top .search_wrap .inputs {border:#ddd 1px solid;}
.board_wrap.reference .board_top .search_wrap .inputs .text {height:35px; line-height:35px;}
.reference_list {overflow:hidden;}
.reference_list * {word-break:break-all;}
.reference_list a {float:left; width:48%; margin:4% 0 0 4%;}
.reference_list a:nth-child(2n-1) {margin-left:0; clear:both;}
.reference_list a .img {position:relative; display:block; width:100%; border:#ddd 1px solid; overflow:hidden;}
.reference_list a .img p {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:0; transition:.2s linear;}
.reference_list a .img p i {position:absolute; top:50%; left:10%; width:80%; height:30px; border-radius:15px; font-size:12px; color:#fff; font-weight:400; line-height:30px; text-align:center; background:#23408f; margin:-15px 0 0 0;}
.reference_list a .img p i img {margin-right:5px;}
.reference_list a .tit {display:block; font-size:12px; color:#111; font-weight:500; line-height:18px; height:36px; overflow:hidden; margin-top:15px;}
.reference_list a .date {display:block; font-size:11px; color:#999; font-weight:400; line-height:16px; text-align:right; margin-top:1px;}
.reference_list a:hover .img p {opacity:1;}
.reference_list a:hover .tit {color:#23408f;}

.board_wrap.white{background-color: #fff;}
.board_wrap.white .inputs{border: 1px solid #ddd;}

ol.listBox{padding-top: 30px;}
ol.listBox li{text-align: center; border-bottom: 1px solid #ddd;}
ol.listBox li:not(:first-of-type,.empty){padding: 10px 0;}
ol.listBox li:not(:first-of-type,.empty):hover{background-color: #f8fcff;}
ol.listBox li:after{content: ''; display: block; clear: both;}
ol.listBox li > *{display: block; float: left; font-size: 12px; font-weight: 500;}
ol.listBox li:first-of-type > *{color: #333;}
ol.listBox li:not(:first-of-type) > *{color: #666;}
ol.listBox li span{width: 70px;}
ol.listBox li:not(.empty) p{width: calc(100% - 160px);}
ol.listBox li a{width: calc(100% - 160px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align: left;}
ol.listBox li time{width: 90px;}

ol.listBox li:first-of-type{border-top: 2px solid #0a4173; background-color: #eff1f3; line-height: 60px;}
ol.listBox li:first-of-type p{line-height: 60px;}
ol.listBox li.empty p{width: 100%; line-height: 100px;}


.ecotone_top_box .img_wrap { text-align: center; }
.esg_img_box img { width: calc(33.333% - 2px);}

/* 공통 */
.list_two {display: flex; gap:20px;}
.list_three  {display: flex; gap:10px;}