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

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

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; max-width:100%; transition:.2s linear;}
input.text,
select.text {height:40px;}
input.text {padding:0 10px;}
select.text {padding-left:10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1280px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.blue {color:#0070c0 !important;}
.blue2 {color:#263a92 !important;}
.org {color:#ed7d31 !important;}

/* 게시판 목록 */
.board_list table {border-top:#aaa 1px solid;}
.board_list th,
.board_list td {height:54px; font-size:17px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#222; font-weight:500;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; max-width:100%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:70px;}
.board_list .w2 {width:140px;}
.board_list .w3 {width:170px;}
.board_list .w4 {width:120px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:84px; height:38px; line-height:36px; background:#fff; font-size:16px; color:#193477; font-weight:700; text-align:center; border:#193477 1px solid; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#f5f5f5;}
.board_bottom .btns.tac {font-size:0;}
.board_bottom .btns.tac .btn {font-size:20px; width:180px; height:55px; line-height:53px;}
.board_bottom .paging {text-align:center; margin-top:40px; font-size:0;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#dfdfdf 1px solid; font-size:13px; color:#666; vertical-align:top; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#263a92; color:#fff; font-weight:bold; border-color:#263a92;}
.board_bottom .paging .nums {margin:0 2px;}
.board_bottom .paging .arrow {background:none !important;}
.board_bottom .search_wrap {text-align:center; margin-top:40px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in * {word-break:break-all;}
.board_in th,
.board_in td {text-align:left; padding:10px; font-size:17px; border-bottom:#ddd 1px solid;}
.board_in th {position:relative; font-size:24px; color:#222; line-height:30px; padding:20px 260px 20px 0;}
.board_in th .right {position:absolute; top:20px; right:0; overflow:hidden;}
.board_in th .right span {float:left; font-size:16px; color:#999; font-weight:400; line-height:30px; margin-left:20px;}
.board_in th .right span em {color:#222; margin-right:5px;}
.board_in tbody td {color:#666; padding:25px 0;}
.board_in tfoot td {position:relative; padding-left:130px; height:54px;}
.board_in tfoot td em {position:absolute; top:0; left:0; width:120px; color:#222; line-height:54px; text-align:center;}
.board_write th,
.board_write td {font-size:17px; height:60px;}
.board_write .w1 {width:230px; border-right:#ddd 1px solid;}
.board_write th {text-align:center; padding:0 !important;}
.board_write th label {display:block;}
.board_write tbody td {padding:10px !important;}
.board_write td .w1 {width:390px;}
.board_write td .w2 {width:170px;}
.board_write .yak_box {border:#ddd 1px solid; background:#fafafa; padding:20px; margin-top:20px;}
.board_write .yak_box .tt {font-size:20px; color:#222; font-weight:500; line-height:20px; margin-bottom:5px;}
.board_write .yak_box p {font-size:17px; color:#666; font-weight:500; line-height:26px;}
.board_write label.check {display:block; text-align:center; margin:30px 0; font-size:17px; color:#333; font-weight:500; line-height:20px;}
.board_write label.check input {display:inline-block; vertical-align:top; width:14px; height:14px; margin:3px 5px 0 0;}
.sns_wrap {text-align:center; margin-top:75px; font-size:0;}
.sns_wrap li {display:inline-block; margin:0 35px; vertical-align:top;}
.sns_wrap li p {font-size:19px; color:#666; font-weight:500; line-height:33px; margin-bottom:20px;}
.sns_wrap li p img {margin-right:12px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:185px; margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:139px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100;}
.header.fixed {box-shadow:#0002 0 0 20px;}
.header .inner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:0; height:80px; line-height:80px; font-size:0;}
.header .logo h1 {display:none;}
.header .gnb {position:absolute; top:0; right:0;}
.header .gnb ul {height:80px;}
.header .gnb li {position:relative;float:left;}
.header .gnb li > a {display:block; font-size:20px; color:#000; font-weight:500; line-height:80px; padding:0 40px;}
.header .gnb li:last-child > a {padding-right:0;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#263a92;}
.header .snb {position:absolute; top:80px; left:0; width:100%; padding-top:10px; display:none;}
.header .gnb li:hover .snb {display:block;}
.header .snb:before {content:""; position:absolute; top:5px; left:50%; width:20px; height:20px; background:#263a92; transform:rotate(45deg); margin-left:-10px;}
.header .snb .inbox {background:#263a92; padding:15px 0;}
.header .snb a {display:block; font-size:17px; color:#fff8; line-height:26px; text-align:center;}
.header .snb a:hover,
.header .snb a.on {color:#fff;}

/* footer */
.footer {background:#fff; padding:30px 0 50px; border-top:#ddd 1px solid;}
.footer .inner {position:relative; padding-left:230px; color:#9c9c9c; line-height:30px;}
.footer .inner:before {content:""; position:absolute; top:50%; left:0; width:171px; height:72px; background:url('/images/flogo.png') no-repeat 50% 50% / contain; margin-top:-36px;}
.footer .tt {font-size:18px;}
.footer span {display:inline-block; vertical-align:top; font-size:15px;}
.footer em {display:inline-block; vertical-align:top; padding:0 15px;}
.footer .copy {font-size:15px; margin-top:20px;}

/* main */
.mvisual {position:relative; margin-top:80px;}
.mvisual .slick-slide {position:relative; overflow:hidden; height:650px; font-size:0;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; min-width:1920px; transform:translate(-50%,0);}
.mvisual .slick-slide .txt {position:absolute; top:50%; left:50%; width:100%; max-width:1280px; transform:translate(-50%,-50%); font-size:50px; color:#fff; line-height:62px; text-shadow:rgba(0,0,0,.36) 0 0 13px;}
.mvisual .slick-dots {position:absolute; bottom:40px; left:0; width:100%; font-size:0; text-align:center;}
.mvisual .slick-dots li {display:inline-block; vertical-align:top; margin:0 7px;}
.mvisual .slick-dots li button {display:block; width:16px; height:16px; margin:3px 0; background:#fff; border-radius:50%; font-size:0; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:22px; height:22px; margin:0; border:#fff 4px solid; background:none;}
.mvisual .slick-arrow {position:absolute; top:50%; width:40px; height:74px; margin-top:-37px; z-index:1; font-size:0;}
.mvisual .slick-arrow:hover {opacity:.6;}
.mvisual .slick-arrow:before,
.mvisual .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:44px; height:4px; background:#fff; margin-left:-22px;}
.mvisual .slick-arrow:before {margin-top:-17px;}
.mvisual .slick-arrow:after {margin-top:13px;}
.mvisual .slick-prev {left:50%; margin-left:-740px;}
.mvisual .slick-prev:before {transform:rotate(-45deg);}
.mvisual .slick-prev:after {transform:rotate(45deg);}
.mvisual .slick-next {right:50%; margin-right:-740px;}
.mvisual .slick-next:before {transform:rotate(45deg);}
.mvisual .slick-next:after {transform:rotate(-45deg);}

.mcon01 {padding:120px 0 90px;}
.mcon01 .inner {position:relative; padding:0 420px 0 195px;}
.mcon01 .inner:before {content:""; position:absolute; top:50%; left:-220px; width:451px; height:438px; background:url('/images/img_mc01.png') no-repeat 50% 50% / contain; z-index:-1; transform:translate(0,-50%);}
.mcon01 .tt {font-size:33px; color:#333; font-weight:300; line-height:43px;}
.mcon01 p {font-size:18px; color:#4e5156; font-weight:300; line-height:30px; margin:25px 0 30px;}
.mcon01 .btns {overflow:hidden;}
.mcon01 .btns .btn {float:left; display:block; font-size:18px; color:#7b7e84; font-weight:300; line-height:48px; height:50px; width:240px; padding:0 20px; margin-right:25px; background:url('/images/icon_arrow.png') #fff no-repeat right 20px center; border:#ddd 1px solid;}
.mcon01 .btns .btn:last-child {margin-right:0;}
.mcon01 .video {position:absolute; top:0; right:0; width:400px; height:310px; overflow:hidden; background:#000;}
.mcon02 {background:url('/images/bg_mc02.jpg') no-repeat 50% 50% / cover; padding:70px 0 200px;}
.mcon02 .tit {font-size:33px; color:#fff; font-weight:300; line-height:43px; text-align:center;}
.mcon02 .tit strong {display:block;}
.mcon02 ul {display:table; width:100%; margin-top:180px;}
.mcon02 li {display:table-cell; width:25%; text-align:center; vertical-align:top;}
.mcon02 li img {display:block; margin:0 auto 15px;}
.mcon02 li p {font-size:20px; color:#fff; font-weight:500; line-height:30px;}

/* sub */
.svisual {margin-top:80px; font-size:45px; color:#fff; font-weight:700; line-height:60px; padding:120px 0; text-align:center; background:no-repeat 50% 50% / cover;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/images/svisual05.jpg');}

.location {background:#f9f9f9; font-size:0;}
.location .inner {height:50px;}
.location .inner * {display:inline-block; vertical-align:top;}
.location i {width:15px; height:inherit; background:url('/images/icon_home.png') no-repeat 50% 50%;}
.location em {position:relative; width:34px; height:inherit;}
.location em:before,
.location em:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#bbb;}
.location em:before {transform:rotate(45deg); margin-top:-3px;}
.location em:after {transform:rotate(-45deg); margin-top:3px;}
.location span {font-size:16px; color:#666; font-weight:500; line-height:50px;}
.location span:last-child {color:#263a92;}

.aside {margin:60px auto 80px;}
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.aside dd a {display:table-cell; font-size:18px; color:#666; line-height:58px; border:#ddd 1px solid; text-align:center;}
.aside dd a:hover {background:#f5f5f5;}
.aside dd a.on {color:#fff; background:#263a92; font-weight:700;}

.container {padding-bottom:100px;}
.stit {position:relative; font-size:26px; color:#222; font-weight:700; line-height:30px; padding-left:20px; margin:80px 0 15px;}
.stit:before {content:""; position:absolute; top:50%; left:0; width:6px; height:24px; margin-top:-12px; border-top:#263a92 8px solid; border-bottom:#414141 16px solid;}
.stit:first-child {margin-top:0;}
.btit {font-size:20px; color:#263a92; font-weight:700; line-height:24px; margin:60px 0 15px;}
.btit.b {font-size:23px; margin-bottom:50px;}
.btit em {font-weight:400;}
.btxt {font-size:26px; color:#222; font-weight:700; line-height:30px; margin:75px 0 20px;}
.btxt.s {font-size:24px; font-weight:400;}
.container p {font-size:20px; color:#333; font-weight:300; line-height:30px;}
.container p.s {font-size:18px; line-height:28px;}
.container p.c {color:#4e5156;}
.container p.sm {font-size:16px; line-height:26px;}
.container p.ss {font-size:15px; margin:10px 0;}
.container p.ssm {font-size:14px; line-height:20px;}
.container p.sss {font-size:13px; margin:10px 0 0;}

/* 회사소개 */
.tbl th,
.tbl td {font-size:17px; line-height:58px;}
.tbl th {color:#333; font-weight:500; border-bottom:#000 1px solid; padding-left:20px; width:170px; text-align:left;}
.tbl tr:first-child th {border-top:#000 1px solid;}
.tbl td {color:#666; border-bottom:#ddd 1px solid; padding-left:30px;}
.tbl tr:first-child td {border-top:#ddd 1px solid;}

.greeting {display:table; width:100%; margin-top:60px;}
.greeting dt,
.greeting dd {display:table-cell; vertical-align:middle;}
.greeting dt {width:340px; font-size:0; text-align:center;}
.greeting dd .tar {font-size:22px; color:#222; line-height:24px; margin-top:50px;}
.thj_list {overflow:hidden;}
.thj_list li {float:left; max-width:49%; margin-left:2%;}
.thj_list li:nth-child(2n-1) {margin-left:0; clear:both;}
.thj_list li p {font-size:16px; color:#525252; line-height:24px; text-align:center; margin-top:25px;}
.dda {text-align:center; font-size:0; margin-bottom:20px;}
.dda span {position:relative; display:inline-block; font-size:33px; color:#333; font-weight:300; line-height:40px; padding:5px 58px 22px 58px;}
.dda span strong {color:#263a92;}
.dda span:before,
.dda span:after {content:""; position:absolute; width:22px; height:17px; background:no-repeat 50% 50% / contain;}
.dda span:before {top:0; left:0; background-image:url('/images/icon_dda_l.png');}
.dda span:after {bottom:0; right:0; background-image:url('/images/icon_dda_r.png');}
.arrow_txt {padding:90px 0 40px; margin:40px auto 70px; background:url('/images/bg_arrow.png') no-repeat 50% 0 / contain; text-align:center;}
.color_rbox {overflow:hidden;}
.color_rbox li {float:left; width:22%; margin-left:4%; padding-bottom:30px;}
.color_rbox li:first-child {margin-left:0;}
.color_rbox li .inbox {position:relative; border-radius:50%; text-align:center; width:234px; height:234px; padding:50px 10px 0;
	background:rgb(66,83,137); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(66,83,137,1) 0%, rgba(50,183,182,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(66,83,137,1) 0%,rgba(50,183,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(66,83,137,1) 0%,rgba(50,183,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#425389', endColorstr='#32b7b6',GradientType=0 ); /* IE6-9 */
}
.color_rbox li:nth-child(2n) .inbox {
	background:rgb(50,183,182); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(50,183,182,1) 0%, rgba(66,83,137,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(50,183,182,1) 0%,rgba(66,83,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(50,183,182,1) 0%,rgba(66,83,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b7b6', endColorstr='#425389',GradientType=0 ); /* IE6-9 */
}
.color_rbox li p {color:#fff; padding-bottom:25px; border-bottom:#fff 1px dashed;margin-bottom:30px;}
.color_rbox li .t {font-size:24px; color:#fff; font-weight:500; line-height:32px;}
.color_rbox li .inbox:before {content:""; position:absolute; bottom:-30px; left:0; width:100%; height:68px; z-index:-1; background:url('/images/img_shadow.png') no-repeat 50% 50% / contain;}
.orz_tbl {padding-top:30px;}
.orz_tbl .tt {position:relative; font-size:27px; color:#fff; font-weight:700; line-height:170px; height:170px; width:170px; border-radius:50%; margin:0 auto; text-align:center; box-shadow:rgba(0,0,0,.35) 3px 3px 7px;
/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#2a5298+1,1e3c72+100 */
background:rgb(42,82,152); /* Old browsers */
background:-moz-linear-gradient(top,  rgba(42,82,152,1) 1%, rgba(30,60,114,1) 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  rgba(42,82,152,1) 1%,rgba(30,60,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  rgba(42,82,152,1) 1%,rgba(30,60,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5298', endColorstr='#1e3c72',GradientType=0 ); /* IE6-9 */
}
.orz_tbl .tt:before,
.orz_tbl .tt:after {content:""; position:absolute;background:#ddd;}
.orz_tbl .tt:before {bottom:-90px; left:50%; width:1px; height:90px; z-index:-1;}
.orz_tbl .tt:after {bottom:-97px; left:50%; width:15px; height:15px; border-radius:50%; margin-left:-7px;}
.orz_tbl ul {position:relative; margin-top:90px; padding-top:65px; overflow:hidden;}
.orz_tbl ul:before {content:""; position:absolute; top:0; left:50%; width:78%; height:1px; transform:translate(-50%,0); background:#ddd;}
.orz_tbl li {position:relative; float:left; width:22%; margin-left:4%; font-size:21px; color:#fff; font-weight:500; line-height:70px; background:#566b92; text-align:center;}
.orz_tbl li:first-child {margin-left:0;}
.orz_tbl li:before {content:""; position:absolute; top:-65px; left:50%; width:1px; height:65px; background:#ddd;}

.dots p {padding-left:10px; text-indent:-10px;}

/* 풍력발전 */
.half_dl {display:table; width:100%;}
.half_dl dt,
.half_dl dd {display:table-cell; width:50%; vertical-align:top;}
.half_dl .tt {font-size:20px; font-weight:500; text-align:center; height:38px; line-height:38px;}
.half_dl dt {text-align:center;}
.half_dl dt .tt {color:#222; background:#cecece; margin-bottom:30px;}
.half_dl dt .tt.mb {margin-bottom:100px;}
.half_dl dt p {font-size:16px; color:#525252; font-weight:300; text-align:center;}
.half_dl dd .tt {color:#fff; background:#0070c0;}
.half_dl dd .cn {border:#cecece 1px solid; padding:10px 20px; margin-bottom:25px;}
.half_dl dd .cn:last-child {margin-bottom:0;}
.half_dl dd .cn p {font-size:16px; color:#222; font-weight:400; line-height:24px; padding-left:8px; text-indent:-8px;}
.half_dl dd .inimg {position:relative; padding:25px 187px 25px 20px;}
.half_dl dd .inimg img {position:absolute; top:50%; right:12px; transform:translate(0,-50%);}
.half_dl.cgb .tt {font-weight:400; margin-bottom:20px;}
.half_dl.cgb dt .tt {color:#fff; background:#008d5a;}
.half_dl.cgb dd .tt {color:#fff; background:#0070c0;}
.half_dl.wset dd:first-child {border-right:#fff 10px solid;}
.half_dl.wset dd:last-child {border-left:#fff 10px solid;}
.half_dl.wset .tt .y {color:#ff0;}
.blue_area {font-size:26px; color:#fff; font-weight:700; line-height:30px; padding:20px; background:#0492eb; border-radius:35px; text-align:center; margin-bottom:30px;}
.blue_area em {color:#fcd290;}
.tri_tbl {margin-top:50px;}
.tri_tbl td {padding-left:25px; vertical-align:top;}
.tri_tbl td p {font-weight:500; line-height:30px;}
p.pl {padding-left:8px; text-indent:-8px;}
.num_box {overflow:hidden; margin-top:-30px;}
.num_box li {position:relative; float:left; width:625px; margin:30px 0 0 30px; overflow:hidden; height:140px; background:#194747;}
.num_box li:nth-child(2n-1) {margin-left:0; clear:both;}
.num_box li em {position:absolute; top:0; left:0; width:80px; height:140px; line-height:140px; font-size:43px; color:#fff; text-align:center; background:#0075c2; z-index:2; box-shadow:rgba(0,0,0,.6) 3px 3px 7px;}
.num_box li em:before {content:""; position:absolute; top:50%; right:-20px; width:200px; height:200px; z-index:-1; background:inherit; transform:rotate(10deg); margin-top:-100px;}
.num_box li .tt,
.num_box li .cn {float:left;}
.num_box li .tt {font-size:20px; color:#222; line-height:27px; text-align:center; background:#fff; border-radius:8px; width:290px; height:90px; padding:18px 0 18px 110px; margin-top:25px;}
.num_box li .cn {width:calc(100% - 290px); padding-left:15px;}
.num_box li .cn p {font-size:20px; color:#fff; line-height:27px; text-indent:-8px; padding:25px 60px 0 8px;}
.num_box li:nth-child(2n) {background:#117cc2;}
.num_box li:nth-child(2n) em {background:#033;}
.tac.mt {margin-top:60px;}
.tac.mt2 {margin-top:40px;}
.tac .inbox {display:inline-block; vertical-align:top; text-align:left;}
.roundbox {font-size:20px; color:#fff; line-height:35px; padding:10px; text-align:center; background:#002060; border-radius:27px; margin-top:10px;}
.roundbox.c2 {background:#00b0f0;}
.roundbox i {display:inline-block; font-size:12px; color:#fff; background:#4fd1d9; width:19px; height:19px; line-height:19px; background:#4fd1d9; border-radius:50%; vertical-align:top; margin:8px 5px 0;}
.tac .roundbox {display:inline-block; font-size:26px; font-weight:500; margin:0; min-width:300px;}
.tac .roundbox.s {font-size:22px;}

/* 제품 및 기술소개 */
.num_list {margin-top:60px;}
.num_list li {position:relative; margin-top:20px; display:table; width:100%;}
.num_list li:first-child {margin-top:0 !important;}
.num_list li > span,
.num_list li p {display:table-cell; vertical-align:middle; height:60px;}
.num_list li > span {position:relative; width:68px; line-height:60px; text-align:center; border-right:#fff 8px solid; background:#00b0f0;}
.num_list li > span em {position:absolute; top:50%; left:0; font-size:24px; color:#fff; font-weight:500; width:100%; line-height:40px; height:40px; margin-top:-20px;}
.num_list li p {font-size:17px; color:#222; line-height:28px; padding:15px 25px; border:#bfbfbf 1px solid; background:#fff;}
.num_list li.c > span {background:#ff3557;}
.num_list li.c p {background:#f5f5f5;}

/* 시장환경 분석 */
.g02.s03 .num_list li > span {width:88px;}
.g02.s03 .num_list li > span em {font-size:20px;}
.g02.s03 .num_list li p {height:116px;}
.g02.s03 .num_list li p .c {color:#00b0f0;}
.grn_box {font-size:20px; color:#fff; line-height:30px; text-align:center; background:#008d5a; text-align:center; padding:6px 0;}
.grn_box.round_box {border-radius:55px;
	background:rgb(24,168,107); /* Old browsers */
	background:-moz-linear-gradient(left,  rgba(24,168,107,1) 0%, rgba(47,179,131,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(left,  rgba(24,168,107,1) 0%,rgba(47,179,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,  rgba(24,168,107,1) 0%,rgba(47,179,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a86b', endColorstr='#2fb383',GradientType=1 ); /* IE6-9 */
}
.g02.s03 .half_dl .tbl2 {padding:0 8px;}

.tbl2 table {border-bottom:#bfbfbe 1px solid;}
.tbl2 .w1 {width:80px;}
.tbl2 .w2 {width:50px;}
.tbl2 .w3 {width:100px;}
.tbl2 .w4 {width:70px;}
.tbl2 .w5 {width:110px;}
.tbl2 th,
.tbl2 td {border-top:#bfbfbe 1px solid; border-right:#bfbfbe 1px solid; font-size:18px; color:#222; font-weight:400; line-height:22px; height:50px; text-align:center;}
.tbl2 th:last-child,
.tbl2 td:last-child {border-right:0;}
.tbl2 th {background:#bdd7ee;}
.tbl2 td.tal {padding-left:20px;}
.tbl2 td.tal p {text-align:left; font-size:inherit; color:inherit; font-weight:inherit; line-height:inherit;}
.tbl2 .bgy td {background:#ffe699;}
.g02.s03 .tbl2 table {height:601px;}
.g02.s03 .half_dl.mt {margin-top:50px;}

.g02.s03 .num_list.pnon li {margin-top:5px;}
.g02.s03 .num_list.pnon li span {width:50px; background:#0070c0; border-right-width:10px;}
.g02.s03 .num_list.pnon li p {height:80px; border:0; padding-left:0;}

.bluetxt {font-size:23px; color:#0070c0; line-height:40px; text-align:center; padding:30px 0;}
.bluetxt .btm {position:relative; display:inline-block; vertical-align:top;}
.bluetxt .btm:before {content:""; position:absolute; bottom:4px; left:0; width:100%; height:11px; background:#ff0; z-index:-1;}
.g02.s03 .grn_box.round_box {width:100%; max-width:570px; margin:0 auto;}
.g02.s03 .btxt {line-height:38px;}
.g02.s03 .mtb2 {margin:0; padding:20px 0;}

.yearsbox {display:table; padding:0 40px; width:100%; margin-bottom:30px;}
.yearsbox li {display:table-cell; text-align:center; vertical-align:middle;}
.yearsbox li.year {width:118px; height:118px; background:#525252; border-radius:50%; font-size:20px; color:#fff; font-weight:500; line-height:30px;}
.gbox {font-size:33px; color:#525252; line-height:38px; background:#f2f2f2; padding:45px 0; text-align:center;}
.gbox strong {font-weight:900;}
.interview {position:relative; padding:53px 0 0 100px; margin-top:80px;}
.interview .tit {font-size:26px; color:#fff; font-weight:700; line-height:30px; text-align:right; background:#00b0f0; width:100%; padding:35px 50px; border-radius:50px;}
.interview ul {padding-left:350px; overflow:hidden; margin-top:15px;}
.interview li {font-size:20px; color:#525252; line-height:27px; margin-top:30px; padding-left:12px; text-indent:-12px;}
.interview .abso {position:absolute; top:0; left:0; z-index:1;}
.cbox li {margin-top:35px;}
.cbox li:first-child {margin-top:0;}
.cbox li .tt {font-size:18px; color:#fff; line-height:28px; padding:5px 15px;}
.cbox li p {font-size:18px; color:#222; line-height:26px; padding:5px 26px; border:#bfbfbf 1px solid; margin-top:11px;}
.cbox li.c1 .tt {background:#0070c0;}
.cbox li.c2 .tt {background:#221c9c;}

.num_list.s1 li span {width:90px; border-right-width:10px;}
.num_list.s1 li span em {font-size:20px; line-height:24px;}
.num_list.s1 li p {position:relative; height:116px;}
.num_list.s1 li.c span {width:160px;}
.num_list.s1 li.c p {background:#fff;}
.num_list.s1 li p.pr {padding-right:240px;}
.num_list.s1 li img {position:absolute; top:50%; right:12px; transform:translate(0,-50%);}
.blue_top {font-size:24px; color:#fff; font-weight:700; line-height:40px; padding:5px; background:#002060; text-align:center; border-radius:10px 10px 0 0; margin:45px 0 13px;}

.tbl3 th,
.tbl3 td {border-bottom:#bfbfbf 1px solid; border-right:#bfbfbf 1px solid; font-size:18px; color:#222; line-height:24px; text-align:center; padding:15px 0;}
.tbl3 th:last-child,
.tbl3 td:last-child {border-right:0;}
.tbl3 th {background:#6fd5be; font-weight:400;}
.tbl3 .w1 {width:220px;}
.tbl3 .w2 {width:350px;}
.tbl3 .w3 {width:290px;}

.target_box {overflow:hidden; margin-bottom:90px;}
.target_box li {float:left; width:638px; margin-left:4px; text-align:center;}
.target_box li:first-child {margin-left:0;}
.target_box li .tt {font-size:26px; color:#fff; font-weight:700; line-height:35px; height:106px; padding:18px 20px; text-align:center; border-radius:53px;}
.target_box li .cn {display:inline-block; vertical-align:top;}
.target_box li .cn p {position:relative; text-align:left; padding-left:50px; font-size:18px; color:#222; line-height:28px; margin-top:40px;}
.target_box li .cn p em {position:absolute; top:50%; left:0; width:34px; height:34px; line-height:34px; margin-top:-17px; border-radius:50%; font-size:20px; color:#fff; text-align:center; font-family:'Noto Sans Korean', 'Noto sans KR';}
.target_box li.c1 .tt,
.target_box li.c1 .cn p em {background:#00b0f0;}
.target_box li.c2 .tt,
.target_box li.c2 .cn p em {background:#7030a0;}
.gtbox {font-size:18px; color:#fff; font-weight:500; line-height:32px; padding:10px; text-align:center; background:#7f7f7f; margin-bottom:20px;}

.black_list {overflow:hidden; margin-top:15px;}
.black_list li {font-size:18px; color:#333; line-height:30px; margin-top:30px;}
.black_list li .tt {font-weight:700;}
.black_list li p {font-size:inherit; padding-left:35px; text-indent:-20px;}

/* 해양발전 */
.g03.s01 .num_list {margin-top:70px;}
.g03.s01 .num_list li {margin-top:10px;}
.g03.s01 .num_list li > span,
.g03.s01 .num_list li p {height:50px;}
.g03.s01 .num_list li > span {width:55px; line-height:50px;}
.g03.s01 .num_list li.c1 > span {background:#017fb4;}
.g03.s01 .num_list li.c2 > span {background:#4e53a7;}
.g03.s01 .num_list li.c3 > span {background:#7636a7;}
.g03.s01 .num_list li p {background:#f5f5f5; border:0; line-height:30px; padding:10px 12px;}

.round_tri_box {overflow:hidden;}
.round_tri_box > div {float:left; width:420px; margin-left:10px;}
.round_tri_box > div:first-child {margin-left:0;}
.round_tri_box .busi_rtit {position:relative; width:200px; height:200px; border-radius:50%; margin:0 auto 30px; overflow:hidden;}
.round_tri_box .busi_rtit em {position:absolute; top:0; left:0; width:100%; line-height:56px; text-align:center; font-size:23px; color:#fff; box-shadow:rgba(0,0,0,.4) 0 0 10px; padding-top:13px;}
.round_tri_box .busi_rtit .in {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:93px; font-size:23px; color:#333; line-height:30px; text-align:center;}
.round_tri_box .busi_rtit .in p {font-size:inherit; color:inherit; line-height:inherit;}
.round_tri_box .busi_rtit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; border:13px solid; border-radius:50%;}
.g03.s01 .round_tri_box .num_list {margin-top:0;}
.round_tri_box .c1 .busi_rtit:before {border-color:#00b0f0;}
.round_tri_box .c2 .busi_rtit:before {border-color:#0070c0;}
.round_tri_box .c3 .busi_rtit:before {border-color:#002060;}
.round_tri_box .c1 .busi_rtit em,
.g03.s01 .num_list li.c21 > span {background:#00b0f0;}
.round_tri_box .c2 .busi_rtit em,
.g03.s01 .num_list li.c22 > span {background:#0070c0;}
.round_tri_box .c3 .busi_rtit em,
.g03.s01 .num_list li.c23 > span {background:#002060;}

.cr_box {overflow:hidden; padding:50px 0 30px;}
.cr_box li {float:left; width:25%; padding-right:20px;}
.cr_box li .tt {font-size:18px; color:#fff; line-height:24px; padding:10px; border-radius:22px; width:100%; max-width:266px; text-align:center; margin-bottom:15px;}
.cr_box li .cn {padding-left:15px;}
.cr_box li .cn p {font-size:18px; color:#222; line-height:30px; padding-left:8px; text-indent:-8px;}
.cr_box li.c1 .tt {background:#0070c0;}
.cr_box li.c2 .tt {background:#002060;}
.cr_box li.c3 .tt {background:#4472c4;}
.cr_box li.c4 .tt {background:#5159a8;}
.grbox {font-size:20px; color:#222; line-height:30px; text-align:center; padding:20px; background:#e6e7f1; border-radius:50px; width:100%; max-width:590px; margin:15px auto 0;}
.grbox.redbox {color:#fff; background:#ff3557;}

.swot_box {position:relative; overflow:hidden;}
.swot_box .center {position:absolute; display:table; top:50%; left:50%; width:290px; height:290px; transform:translate(-50%,-50%); background:#fff; border-radius:50%; padding:15px; z-index:1;}
.swot_box .center .in {display:table-cell; font-size:33px; font-weight:500; line-height:40px; text-align:center; vertical-align:middle; border:#dbdbdb 6px solid; border-radius:50%;
	background:linear-gradient(to right, #4570c5, #1ec7f6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.swot_box li {position:relative; float:left; width:615px; height:200px; padding:15px 10px; margin:45px 0 0 50px;}
.swot_box li .tt {position:absolute; font-size:23px; color:#fff; line-height:34px; text-align:center; font-weight:200; width:100px;}
.swot_box li .tt strong {display:block; font-size:40px;}
.swot_box li .in {width:100%; height:170px; background:#fff; border-radius:10px; padding:10px 15px;}
.swot_box li .in .t {font-size:26px; font-weight:700; line-height:30px; margin-bottom:25px; text-align:center;}
.swot_box li .in .t span {display:inline-block; border-bottom:2px solid; vertical-align:top;}
.swot_box li .in .c p {font-size:17px; color:#222; font-weight:400; line-height:27px; padding-left:8px; text-indent:-8px;}
.swot_box li.l {padding-right:130px; margin-left:0;}
.swot_box li.r {padding-left:130px;}
.swot_box li.t {margin-top:0;}
.swot_box li.t .tt {top:25px;}
.swot_box li.b .tt {bottom:15px;}
.swot_box li.l .tt {right:25px;}
.swot_box li.r .tt {left:25px;}
.swot_box li.t.l {background:#00b0f0;}
.swot_box li.t.l .in .t {color:#00b0f0;}
.swot_box li.t.r {background:#265255;}
.swot_box li.t.r .in .t {color:#265255;}
.swot_box li.b.l {background:#045382;}
.swot_box li.b.l .in .t {color:#045382;}
.swot_box li.b.r {background:#077;}
.swot_box li.b.r .in .t {color:#077;}
.swot_btm {margin-top:60px;}
.swot_btm ul {overflow:hidden;}
.swot_btm li {float:left; width:278px; margin-left:56px;}
.swot_btm li:first-child {margin-left:0;}
.swot_btm li .tt {font-size:20px; color:#fff; font-weight:500; line-height:77px; text-align:center;}
.swot_btm li .cn {height:168px; border:3px solid; padding:10px;}
.swot_btm li .cn p {font-size:17px; color:#333; font-weight:400; line-height:27px; padding-left:8px; text-indent:-8px;}
.swot_btm li.c1 .tt {background:#00b0f0;}
.swot_btm li.c1 .cn {border-color:#00b0f0;}
.swot_btm li.c2 .tt {background:#265255;}
.swot_btm li.c2 .cn {border-color:#265255;}
.swot_btm li.c3 .tt {background:#045382;}
.swot_btm li.c3 .cn {border-color:#045382;}
.swot_btm li.c4 .tt {background:#077;}
.swot_btm li.c4 .cn {border-color:#077;}

.qimg_area {position:relative; text-align:center; padding:15px 0 35px; min-height:638px;}
.qimg_area .tac {position:absolute; top:0; left:0; width:100%; z-index:-1;}
.qimg_area li {padding-left:calc(50% + 250px); text-align:left; width:100%; margin-top:30px;}
.qimg_area li:nth-child(2n) {padding:0 calc(50% + 250px) 0 0; text-align:right;}
.qimg_area li:first-child {margin-top:0;}
.qimg_area li:last-child {margin-top:60px;}

.sqr_box {overflow:hidden;}
.sqr_box li {float:left; width:281px; margin-left:52px; text-align:center;}
.sqr_box li:first-child {margin-left:0;}
.sqr_box li .tt {width:100%; height:144px; display:table;}
.sqr_box li .tt .in {display:table-cell; font-size:20px; color:#fff; font-weight:500; line-height:30px; text-align:center; vertical-align:middle;}
.sqr_box li strong {display:block; font-size:19px; color:#222; line-height:24px; margin:20px 0 0;}
.sqr_box li p {font-size:18px; color:#222; font-weight:400; line-height:27px;}
.sqr_box li.c1 .tt {background:#7f7f7f;}
.sqr_box li.c2 .tt {background:#242e49;}
.sqr_box li.c3 .tt {background:#0070c0;}
.sqr_box li.c4 .tt {background:#004e90;}
.half_dl.hig dd {border-left:#fff 1px solid;}
.half_dl.hig dd:first-child {border-left:0;}
.half_dl.hig dd .tt {padding:6px 0; height:50px; background:#1692f2; margin-bottom:10px;}
.half_dl.hig dd .tar {padding-right:40px; margin-bottom:10px;}
.half_dl.hig dl.in {display:table; width:100%; padding-right:40px; height:157px;}
.half_dl.hig dl.in dt,
.half_dl.hig dl.in dd {display:table-cell; vertical-align:middle;}
.half_dl.hig dl.in dt {width:170px; font-size:18px; color:#fff; font-weight:500; line-height:26px;
	background:rgb(0,158,222); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(0,158,222,1) 0%, rgba(0,55,119,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,158,222,1) 0%,rgba(0,55,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,158,222,1) 0%,rgba(0,55,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ede', endColorstr='#003777',GradientType=0 ); /* IE6-9 */
}
.half_dl.hig dl.in dd {width:auto; padding-left:12px;}
.half_dl.hig dl.in dd p {font-size:16px; color:#222; font-weight:300; line-height:26px; padding-left:8px; text-indent:-8px;}
.half_dl.hig .num_list {padding-left:5px; margin:0;}
.half_dl.hig .num_list li {float:left; width:205px; padding-left:22px; margin-top:2px;}
.half_dl.hig .num_list li:nth-child(2n-1) {margin-left:0; clear:both;}
.half_dl.hig .num_list li:nth-child(-n+2) {margin-top:0;}
.half_dl.hig .num_list li > span,
.half_dl.hig .num_list li p {height:51px;}
.half_dl.hig .num_list li span {width:80px; border-right-width:5px;}
.half_dl.hig .num_list li > span em {font-size:16px; color:#fff; font-weight:300; line-height:20px; height:auto; margin-top:0; transform:translate(0,-50%); padding:0 5px;}
.half_dl.hig .num_list li > span em i {font-size:12px; line-height:18px;}
.half_dl.hig .num_list li p {padding:0; background:#f5f5f5; text-align:center;}
.half_dl.hig dd .t {font-size:17px; color:#fff; background:#077; text-align:center; line-height:34px; margin:30px 0;}

.smp_txt .tt {font-size:22px; color:#222; font-weight:500; line-height:30px;}
.smp_txt li {font-size:21px; color:#222; line-height:32px; margin-top:35px;}
.smp_txt li p {font-size:19px; color:#222; font-weight:400; line-height:32px; padding-left:8px; text-indent:-8px;}

.rbox {overflow:hidden;}
.rbox li {position:relative; float:left; width:50%; margin-top:60px; padding-left:170px;}
.rbox li:nth-child(2n-1) {clear:both;}
.rbox li em {position:absolute; top:50%; left:90px; width:60px; height:60px; line-height:60px; text-align:center; font-size:25px; color:#fff; font-weight:900; border-radius:50%; margin-top:-30px;}
.rbox li p {font-size:18px; color:#222; font-weight:300; line-height:25px; padding-left:8px; text-indent:-8px;}
.rbox li.c1 em {background:#077;}
.rbox li.c2 em {background:#045382;}
.rbox li.c3 em {background:#265255;}
.rbox li.c4 em {background:#0492eb;}

.g03.s03 .swot_box .center {width:250px; height:250px; padding:18px; background:url('/images/bg_s0303.jpg') no-repeat 50% 50% / cover;}
.g03.s03 .swot_box .center .in {position:relative; background:linear-gradient(to right, #ca3877, #cf888f); -webkit-background-clip:text; overflow:hidden; border:0;}
.g03.s03 .swot_box .center .in:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:-1; border:#dbdbdb 6px solid; border-radius:50%;}
.g03.s03 .swot_box li {height:230px;}
.g03.s03 .swot_box li .in {height:200px;}
.g03.s03 .swot_box li .in .t {color:#222 !important;}
.g03.s03 .swot_box li .in .t span {border-bottom:none !important;}
.g03.s03 .swot_box li.t .tt {top:40px;}
.g03.s03 .swot_box li.b .tt {bottom:40px;}
.g03.s03 .swot_box li.t.l {background:#f4ab1e;}
.g03.s03 .swot_box li.t.r {background:#cc1a8d;}
.g03.s03 .swot_box li.b.l {background:#007eca;}
.g03.s03 .swot_box li.b.r {background:#45c050;}