@charset "utf-8";

.ctt_admin {text-align:right}

/* 인사말 */
.co_greet {position:relative;margin-bottom:25px;padding:80px 0 240px;background:url('../../../img/co_greet_bg.jpg') no-repeat center center;background-size:cover;}
	.co_greet:after {display:block;clear:both;content:"";}
	.co_greet .txt {position:relative;max-width:880px;margin:0 auto;padding:40px;border:1px solid transparent;border-radius:7px;background:rgba(0,0,0,.2);}
	.co_greet p {margin-bottom:30px;font-family:"NanumSB","NanumGothic","나눔고딕","돋움";font-size:1.4em;color:#fff;line-height:1.4em;}
.co_info {list-style:none;margin:0;padding:0;border-top:7px solid #0d68aa;}
	.co_info>li {position:relative;border-bottom:1px solid #ececec;}
	.co_info>li:after {display:block;clear:both;content:"";}
	.co_info>li:nth-child(even) {background:#fafafa;}
	.co_info>li div {display:block;float:left;}
	.co_info li .tit {width:20%;padding:12px 0 12px 15px;font-family:"NanumSB","NanumGothic","나눔고딕","돋움";font-size:1.06em;font-weight:normal;}
	.co_info li .txt {width:78%;margin-left:2%;padding:12px 0;font-size:1.06em;}
	.co_info li ul {list-style:square;margin:0;padding-left:20px;}
	.co_info li ul li {line-height:1.4em;}
@media all and (max-width:880px) {
	.co_greet {padding:0 0 240px;}
}
@media all and (max-width:750px) {
	.co_greet p {font-size:1.2em;}
	.co_info li div {float:none;margin:0 !important;}
	.co_info li .tit {width:100%;padding:10px 0 0 10px;font-size:1em;}
	.co_info li .txt {width:100%;padding:10px 0 10px 10px;font-size:.9em;line-height:1.2em;}
}

/* 경영이념 */
.co_ide {position:relative;margin-bottom:-69px;}
	.co_ide .ide1_wrap {position:relative;padding:70px 0;text-align:center;background:#f7f7f7 url('./img/co_ide1_bg.png') no-repeat center bottom;}
	.co_ide .ide1_wrap ul {display:inline-block;position:relative;list-style:none;width:600px;height:600px;margin:0 auto;padding:0;background:url('./img/co_ide1_img.png') no-repeat center center;}
	.co_ide .ide1_wrap ul li {position:absolute;font-size:1.25em;line-height:1.4em;text-align:center;}
	.co_ide .ide1_wrap ul li.ide1_1 {left:0;top:0;width:100%;}
	.co_ide .ide1_wrap ul li.ide1_2 {left:0;bottom:0;}
	.co_ide .ide1_wrap ul li.ide1_3 {right:0;bottom:0;}
	.co_ide .ide1_wrap ul li strong, .co_ide .ide1_wrap ul li span.em {color:#c63627;}
	.co_ide .ide2_wrap {position:relative;height:615px;padding-top:110px;text-align:center;background:url('./img/co_ide2_bg.jpg') no-repeat center top;}
	.co_ide .ide2_wrap ul {display:inline-block;position:relative;list-style:none;margin:0 auto;padding:0;}
	.co_ide .ide2_wrap ul:after {display:block;clear:both;content:"";}
	.co_ide .ide2_wrap ul li {display:inline-block;float:left;width:300px;padding:50px 20px;border:1px solid rgba(255,255,255,.4);border-radius:12px;text-align:center;background:rgba(0,0,0,.6);box-shadow:5px 5px 12px rgba(0,0,0,.6);transition:all .3s;}
	.co_ide .ide2_wrap ul li+li {margin-left:40px;}
	.co_ide .ide2_wrap ul li * {display:block;color:#fff;}
	.co_ide .ide2_wrap ul li strong {font-family:"NanumSB","NanumGothic","나눔고딕","돋움";font-size:1.6em;}
	.co_ide .ide2_wrap ul li img {margin:30px auto;}
	.co_ide .ide2_wrap ul li span.txt1 {font-size:1.1em;}
	.co_ide .ide2_wrap ul li span.txt2 {font-size:.95em;color:rgba(255,255,255,.9);line-height:1.45em;text-align:left;}
	.co_ide .ide2_wrap ul li hr {margin:20px 0;}
	.co_ide .ide2_wrap ul li:hover {background:rgba(0,0,0,.8);transform:scale(1.1);}
	.co_ide .ide2_wrap ul li:hover strong {color:#cd0;}
	.co_ide .ide2_wrap ul li:hover img {transform:scale(.96);}
@media all and (max-width:940px) {
	.co_ide .ide1_wrap ul {width:auto;height:auto;background:none;}
	.co_ide .ide1_wrap ul li {position:relative;font-size:1.1em;}
	.co_ide .ide1_wrap ul li+li {margin-top:15px;}
	.co_ide .ide1_wrap ul li h2.sound_only {display:block !important;position:relative;padding:5px !important;}
	.co_ide .ide1_wrap ul li h2.sound_only span {display:inline-block;width:120px;border:3px solid #fff;border-radius:50%;font-size:20px;font-family:"Roboto Condensed",Roboto,Arial;font-weight:bold;color:#fff;line-height:120px;text-transform:uppercase;box-shadow:0 0 7px rgba(0,0,0,.2);}
	.co_ide .ide1_wrap ul li.ide1_1 h2.sound_only span {background:#c63627;}
	.co_ide .ide1_wrap ul li.ide1_2 h2.sound_only span {background:#0c7e3f;}
	.co_ide .ide1_wrap ul li.ide1_3 h2.sound_only span {background:#54565b;}
}
@media all and (max-width:1024px) {
	.co_ide .ide2_wrap {height:auto;padding:30px;background-size:cover;}
	.co_ide .ide2_wrap ul {display:block;width:100%;margin:0;}
	.co_ide .ide2_wrap ul li {display:block;float:none;width:100%;padding:10px;text-align:left;}
	.co_ide .ide2_wrap ul li+li {margin:10px 0 0 0;}
	.co_ide .ide2_wrap ul li img {display:none;}
	.co_ide .ide2_wrap ul li strong {margin-bottom:5px;font-size:1.2em;color:#cd0;}
	.co_ide .ide2_wrap ul li span.txt1 {font-size:1em;}
	.co_ide .ide2_wrap ul li span.txt2 {font-size:.85em;}
	.co_ide .ide2_wrap ul li hr {margin:10px 0;}
	.co_ide .ide2_wrap ul li:hover {background:rgba(0,0,0,.6);transform:scale(1);}
}

/* 조직도 */
.co_organ {margin-top:30px;text-align:center;}
/* 임직원 현황 */
.co_organ_tbl {margin-top:50px;padding:2%;border:1px solid transparent;border-radius:25px;background:#dceef0;}
	.co_organ_tbl table {width:100%;box-shadow:0 0 20px rgba(65,175,185,.5);border-radius:15px 15px 0 0;table-layout: fixed;}
	.co_organ_tbl thead th {width:9.1%;padding:20px 0;font-weight:normal;color:#fff;background:#41afb9;}
	.co_organ_tbl thead th:first-child {border-radius:15px 0 0 0;}
	.co_organ_tbl thead th:last-child {border-radius:0 15px 0 0;}
	.co_organ_tbl tbody tr {background:#fff;}
	.co_organ_tbl tbody tr:last-child {background:#f2f2f2;}
	.co_organ_tbl tbody tr+tr {border-top:1px solid #efefef;}
	.co_organ_tbl tbody tr th, .co_organ_tbl tbody tr td {padding:15px 0;}
	.co_organ_tbl tbody tr th {font-weight:normal;}
	.co_organ_tbl tbody tr td {text-align:center;}
@media all and (max-width:840px) {
	.co_organ_tbl {padding:0;border:0;border-radius:0;background:none;}
	.co_organ_tbl table {position:relative;table-layout:fixed;box-shadow:none;border-radius:0;}
	.co_organ_tbl table thead {position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0 0 0 0);overflow:hidden;}
	.co_organ_tbl table tbody tr {display:block;float:left;width:25%;border-top:1px solid #ccc;}
	.co_organ_tbl table tbody tr:first-child {width:50%;padding-left:25%;}
	.co_organ_tbl table tbody tr td {display:block;border-bottom:1px solid #efefef;font-size:.92em;}
	.co_organ_tbl table tbody tr:first-child td::before {position:absolute;left:0;width:25%;padding-bottom:15px;content:attr(data-label) !important;border-bottom:1px solid #efefef;}
}

/* CI */
.co_ci {position:relative;max-width:920px;margin:0 auto;}
	.co_ci h2 {margin:70px 0 15px;font-family:"Roboto Condensed","NanumSR";font-size:1.3em;font-weight:400;text-transform:uppercase;}
	.co_ci h2:before {display:inline-block;margin-right:10px;text-align:center;content:"\f0e7";font-family:"FontAwesome";color:#fff;width:25px;line-height:25px;border-radius:50%;transform:rotate(25deg);background:#c5341e;}
	.co_ci .img {padding:25px;border:1px solid #e9e9e9;border-radius:3px;text-align:center;}
	.co_ci .txt {margin-top:10px;font-size:.82em;line-height:1.3em;}
	.co_ci ul {list-style:none;margin:0;padding:0;}
	.co_ci ul:after {display:block;clear:both;content:"";}
	.co_ci ul li {float:left;width:50%;margin:2% 0;text-align:center;}
	.co_ci ul li span {display:inline-block;margin-top:10px;font-size:.82em;}
@media all and (max-width:740px) {
.co_ci {padding:0 10px;}
	.co_ci ul li {float:none;width:100%;margin-bottom:15px;	}
	.co_ci ul li span {display:block;text-align:left;}
}

/* 약도 */
.co_map {float:left;width:49%;}
	.co_map+.co_map {margin-left:2%;}
	.co_map h2 {margin:35px 0 25px;font-family:"Noto Sans KR","NanumGothic","나눔고딕","돋움";font-size:1.8em;font-weight:300;color:#eb0a44;}
	.co_map h2:before {display:inline-block;content:"\f0f7";font-family:"FontAwesome";width:30px;margin:0 10px -3px 0;border-radius:50%;font-size:.5em;color:#fff;line-height:30px;text-align:center;vertical-align:bottom;background:#888;}
	.co_map ul {list-style:none;margin:0;padding:0;}
	.co_map ul li {padding:15px 10px;border-bottom:1px solid #ededed;}
	.co_map ul li span {display:inline-block;width:60px;text-align:right;}
	.co_map ul li span:after {content:":";margin:0 5px;}
.co_fac {position:relative;margin-top:70px;}
	.co_fac h2 {margin:35px 0 25px;font-family:"Noto Sans KR","NanumGothic","나눔고딕","돋움";font-size:1.8em;font-weight:300;color:#eb0a44;}
	.co_fac h2:before {display:inline-block;content:"\f0f7";font-family:"FontAwesome";width:30px;margin:0 10px -3px 0;border-radius:50%;font-size:.5em;color:#fff;line-height:30px;text-align:center;vertical-align:bottom;background:#888;}
	.co_fac .img {margin-bottom:10px;padding:25px;border:1px solid #ccc;border-radius:7px;text-align:center;}
	.co_fac table {width:100%;border-radius:7px 7px 0 0;}
	.co_fac thead th {width:25%;padding:20px 0;font-weight:normal;color:#fff;background:#41afb9;}
	.co_fac thead th:first-child {border-radius:7px 0 0 0;}
	.co_fac thead th:last-child {border-radius:0 7px 0 0;}
	.co_fac tbody tr {background:#fff;}
	.co_fac tbody tr:last-child {background:#f2f2f2;}
	.co_fac tbody tr+tr {border-top:1px solid #efefef;}
	.co_fac tbody tr th, .co_fac tbody tr td {padding:15px 0;}
	.co_fac tbody tr th {font-weight:normal;}
	.co_fac tbody tr td {text-align:center;}
@media all and (max-width:940px) {
	.co_map {float:none;width:100%;}
	.co_map h2, .co_fac h2 {margin:50px 0 25px;font-size:1.3em;}
	.co_map h2:before, .co_fac h2:before {width:20px;line-height:20px;}
	.co_map ul li {line-height:1.3em;}
	.co_map ul li span {width:auto;}
	.co_map ul li:first-child span {display:none;width:0;}
	.co_fac {margin-top:50px;}
	.co_fac .img {margin-bottom:-1px;border-radius:0;}
}
@media all and (max-width:840px) {
	.co_fac {padding:0;border:0;border-radius:0;background:none;}
	.co_fac table {position:relative;table-layout:fixed;box-shadow:none;border-radius:0;}
	.co_fac table th {position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0 0 0 0);overflow:hidden;}
	.co_fac table tbody tr {display:block;border-top:1px solid #ccc;}
	.co_fac table tbody tr td {display:block;padding-left:33%;border-bottom:1px solid #efefef;font-size:.92em;}
	.co_fac table tbody tr td::before {position:absolute;left:0;width:33%;padding-bottom:15px;content:attr(data-label) !important;border-bottom:1px solid #efefef;}
}

/* 사업분야 */
.bus_wrap, .bus_cont {position:relative;}
	.bus_wrap blockquote {position:relative;max-width:900px;margin:0 auto 70px;padding:25px;border:7px solid rgba(0,0,0,.05);font-family:"Noto Sans KR","NanumGothic","나눔고딕","돋움";font-size:1.38em;font-weight:300;line-height:1.5em;}
	.bus_wrap blockquote:after {position:absolute;right:0;bottom:0;width:60px;margin:0 -30px -30px 0;border:1px solid transparent;border-radius:50%;content:"\f10e";font-family:"FontAwesome";color:#fff;line-height:60px;text-align:center;text-shadow:1px 1px 7px rgba(0,0,0,.35);transform:rotate(10deg);background:#419bb9;}
	.bus_wrap blockquote strong {font-family:"NanumSB",'Noto Sans Kr',"NanumGothic","나눔고딕","돋움";font-weight:normal;font-size:1.01em;color:#337aa0;}
.bus_cont {display:table;width:100%;}
	.bus_cont .img, .bus_cont .txt {display:table-cell;position:relative;width:50%;vertical-align:middle;}
	.bus_cont .txt {padding-left:5%;}
	.bus_cont .txt .logo {margin-bottom:35px;}
	.bus_cont .txt h2 {margin-bottom:25px;font-family:"NanumSB","Noto Sans KR","NanumGothic","나눔고딕","돋움";font-size:2.5em;line-height:1.15em;}
	.bus_cont .txt h2 .en {font-size:.8em;font-weight:300;color:#333;text-transform:uppercase;}
	.bus_cont .txt ul {list-style:none;margin:0;padding:0;}
	.bus_cont .txt ul li {position:relative;margin-bottom:15px;padding-left:25px;font-size:1.1em;font-family:"Noto Sans KR","NanumGothic","나눔고딕","돋움";font-weight:300;line-height:1.5em;}
	.bus_cont .txt ul li:before {position:absolute;left:5px;content:"\f101";font-family:"FontAwesome";color:#a0a0a0;}
	.bus_cont .txt a {display:block;position:absolute;right:5%;top:50%;width:100px;height:100px;margin-top:-50px;background:url('../../../img/bus_btn.png') no-repeat 0 0;}
@media all and (max-width:1600px) {
	.bus_cont .txt a {display:inline-block !important;position:relative;right:0;width:auto;height:auto;margin-top:20px;padding:.5rem 1rem;border:1px solid transparent;border-radius:4px;background:#419bb9;}
	.bus_cont .txt a span.sound_only {position:relative;font-size:18px;line-height:1em;color:#fff;}
}
@media all and (max-width:1180px) {
	.bus_cont .txt .logo {margin-bottom:20px;}
	.bus_cont .txt h2 {margin-bottom:15px;font-size:1.6em;}
	.bus_cont .txt a {margin-top:15px;}
}
@media all and (max-width:1024px) {
	.bus_wrap blockquote {padding:15px;border:7px solid rgba(0,0,0,.05);font-size:1.08em;font-weight:normal;color:#808080;line-height:1.35em;}
	.bus_wrap blockquote:after {margin-right:0;}
	.bus_cont {display:block;position:relative;margin-bottom:10px;}
	.bus_cont.bus2_plant {min-height:200px;}
	.bus_cont .img {display:block;position:absolute;left:0;width:100%;height:100%;background:#000;}
	.bus_cont .img img {width:100%;height:100%;opacity:.5;}
	.bus_cont .txt {display:block;position:relative;width:100%;padding:10% 5%;z-index:2;}
	.bus_cont .txt * {color:#fff !important;}
	.bus_cont .txt .logo {display:none;}
	.bus_cont .txt h2 .en {font-weight:normal;}
	.bus_cont .txt ul li {margin-bottom:10px;font-size:1em;font-weight:normal;line-height:1.3em;}
	.bus_cont .txt ul li:before {color:#fff;}
	.bus_cont .txt a {width:100%;text-align:center;}
}

.priv_wrap {padding:35px;border:1px solid #f1f1f1;border-radius:7px;background:#fff;box-shadow: 6px 0 15px -10px rgba(50, 50, 50, 0.45), -6px 0 15px -10px rgba(50, 50, 50, 0.45);}
	.priv_wrap * {line-height:1.4em;}
	.priv_wrap div {display:block;}
	.priv_wrap div:after {display:block;content:"";margin:30px 0;border-top:1px solid #efefef;}
	.priv_wrap div:last-child:after {margin:0;border:none;}
	.priv_wrap div h2.tit {margin-bottom:20px;font-size:1.2em;font-weight:500;color:#0669c0;}
	.priv_wrap div h3 {display:inline-block;margin:30px 0 10px;padding:3px 10px;border-radius:30px;font-weight:400;color:#fff;background:#629ac1;}
	.priv_wrap div p {color:#333;}
	.priv_wrap div ul {list-style:square;}
	.priv_wrap div ul li {color:#333;}