@charset "utf-8";

/* 내용관리 */
#ctt {}
.ctt_admin {text-align:right;}
.ctt_img {text-align:center;}

#ctt_con {}
.colL {float:left;}
.colR {float:right;}

.ctt_lab {position:relative;text-align:center;}
.ctt_lab .lab_fac {position:relative;margin:100px 0;padding:100px 0;background:#f7f7f7;}
	.ctt_lab .lab_fac h2, .ctt_lab .lab_fac ul {display:inline-block;}
	.ctt_lab .lab_fac h2 {width:180px;height:180px;border-radius:50%;font-family:var(--ff-SCM);font-size:1.4em;font-weight:normal;color:#fff;line-height:180px;background:#0179b5;box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.ctt_lab .lab_fac ul::before {content:"";display:inline-block;width:30px;height:3px;margin:0 20px;background:#ccc;}
	.ctt_lab .lab_fac ul li {display:inline-block;position:relative;width:180px;height:180px;border-radius:50%;line-height:180px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.ctt_lab .lab_fac ul li+li {margin-left:10px;}
	.ctt_lab .lab_fac ul li img {border-radius:50%;}
	.ctt_lab .lab_fac ul li .tit {position:absolute;left:0;bottom:20px;width:100%;font-family:var(--ff-KOB);text-align:center;color:#fff;}
.ctt_lab .lab_his {position:relative;}
	.ctt_lab .lab_his h2 {margin-bottom:50px;font-family:var(--ff-SCM);font-size:2em;font-weight:normal;color:#4c4c4c;letter-spacing:0.05em;}
	.ctt_lab .lab_his .his {position:relative;padding:50px;overflow:hidden;background:#a5a5a5;}
	.ctt_lab .lab_his .his .bg {position:absolute;left:0;top:0;bottom:0;width:105%;height:105%;margin:-1% 0 0 -1%;background:url('../../../img/etc/lab_his_bg.jpg') no-repeat;background-size:cover;filter:blur(.1em);opacity:.7;z-index:0;}
	.ctt_lab .lab_his .his ul {position:relative;z-index:5;}
	.ctt_lab .lab_his .his li+li {margin-top:25px;}
	.ctt_lab .lab_his .his li span.date {display:block;margin-bottom:7px;font-family:var(--ff-Play);color:#fff;}
	.ctt_lab .lab_his .his li span.cont {display:inline-block;padding:10px 20px;border-radius:50px;font-size:1.05em;font-family:var(--ff-SCR);background:#fff;box-shadow:0px 0px 7px rgba(0,0,0,.3);}
.ctt_report_1 {position:relative;background:url('../../../img/etc/rep1_ico.png') no-repeat 60% 55%;}
	.ctt_report_1 blockquote {margin:30px auto;font-size:1.4em;color:#4c4c4c;line-height:1.5em;text-align:center;}
	.ctt_report_1 blockquote strong {font-family:var(--ff-KOB);font-weight:normal;color:#009fe1;}
	.ctt_report_1 blockquote::before, .ctt_report_1 blockquote::after {display:block;font-family:var(--ff-FA);font-size:1.1em;color:#ccc;}
	.ctt_report_1 blockquote::before {content:"\f10d";margin-bottom:15px;vertical-align:top;}
	.ctt_report_1 blockquote::after {content:"\f10e";margin-top:15px;vertical-align:bottom;}
	.ctt_report_1 .submit {text-align:right;}
	.ctt_report_1 .submit span {display:inline-block;padding:5px 12px;border-radius:2px;color:#fff;background:#a5a5a5;}
	.ctt_report_1 ol {list-style:none;margin:0 0 50px;padding:0;}
	.ctt_report_1 ol::after {content:"";display:block;clear:both;visibility:hidden;}
	.ctt_report_1 li {float:left;position:relative;width:25%;padding:30px;text-align:center;}
	.ctt_report_1 li.fa-l {float:right;}
	.ctt_report_1 li.nofl {display:block;position:relative;margin-left:75%;}
	.ctt_report_1 li .innerWrap {display:block;height:120px;padding-top:35px;border:1px solid #fff;border-radius:7px;font-family:var(--ff-SCR);font-size:1.15em;color:#fff;line-height:1.4em;box-shadow:0 5px 10px rgba(0,0,0,.1),inset 3px 3px 10px rgba(0,0,0,.2);}
	.ctt_report_1 li:nth-child(odd) .innerWrap {background:#0a6789;}
	.ctt_report_1 li:nth-child(even) .innerWrap {background:#009fe1;}
	.ctt_report_1 li:hover .innerWrap {background:#4c4c4c;}
	.ctt_report_1 li:nth-child(1) .innerWrap {padding-top:45px;}
	.ctt_report_1 li::after {position:absolute;font-family:var(--ff-FA);font-size:2em;color:#a5a5a5;z-index:5;background:#fff;}
	.ctt_report_1 li.fa-r::after {top:45%;right:0;margin-right:-15px;content:"\f0a9";}
	.ctt_report_1 li.fa-b::after {left:45%;bottom:0;margin-bottom:-10px;content:"\f0ab";}
	.ctt_report_1 li.fa-l::after {top:45%;right:0;margin-right:-15px;content:"\f0a8";}
	.ctt_report_1 li.fa-l.nofa::after {content:"";}
.ctt_report_2 {position:relative;}
	.ctt_report_2 .list {margin:100px 0 40px;}
	.ctt_report_2 .list dl {float:left;width:24.5%;}
	.ctt_report_2 .list dl+dl {margin-left:.66%;}
	.ctt_report_2 .list dl dt {position:relative;padding:70px 0 25px;border-radius:10px 10px 0 0;font-family:var(--ff-SCR);font-size:1.15em;color:#fff;text-align:center;background:rgb(115,163,34);}
	.ctt_report_2 .list dl dt::after {content:"";display:block;position:absolute;left:calc(50% - 20px);bottom:0;margin-bottom:-20px;width:0;height:0;border-right:20px solid transparent;border-left:20px solid transparent;border-top:20px solid rgb(115,163,34);}
	.ctt_report_2 .list dl dt .ico {position:absolute;left:calc(50% - 50px);top:0;width:100px;height:100px;margin-top:-50px;border:5px solid rgb(115,163,34);border-radius:50%;line-height:90px;text-align:center;background:#fff;}
	.ctt_report_2 .list dl dd {padding:45px 20px 30px;border-radius:0 0 10px 10px;background:#f7f7f7;}
	.ctt_report_2 .list dl dd li {position:relative;padding-left:24px;font-size:.92em;line-height:1.35em;}
	.ctt_report_2 .list dl dd li+li {margin-top:10px;}
	.ctt_report_2 .list dl dd li::before {content:"\f046";position:absolute;left:0;top:0;font-family:var(--ff-FA);font-size:1.05em;color:rgb(135,199,26);}
	.ctt_report_2 .list dl dd li .desc {display:block;margin-top:10px;line-height:1.35em;color:#0a6789;}
	.ctt_report_2 .fea {}
	.ctt_report_2 .fea h2, .ctt_report_2 .fea ul {float:left;position:relative;}
	.ctt_report_2 .fea h2 {width:25%;padding:35px 15px;border-radius:5px;font-weight:normal;font-size:1.15em;color:#fff;line-height:1.35em;text-align:center;background:#019ee1;background:linear-gradient(to left,#019ee1,#0179b5);}
	.ctt_report_2 .fea h2 .arr {position:absolute;right:0;top:calc(50% - 20px);width:20px;height:40px;margin-right:-20px;background:#019ee1;}
	.ctt_report_2 .fea h2 .arr::after {content:"";display:block;position:absolute;top:0;right:0;width:0;height:0;margin:-10px -30px 0 0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:40px solid #019ee1;z-index:3;}
	.ctt_report_2 .fea ul {display:block;width:calc(75% - 30px);margin-left:30px;padding:25px 40px;border:3px solid #ccc;border-radius:10px;}
	.ctt_report_2 .fea ul li {position:relative;padding-left:24px;line-height:1.35em;}
	.ctt_report_2 .fea ul li+li {margin-top:7px;}
	.ctt_report_2 .fea ul li::before {content:"\f06a";position:absolute;left:0;top:0;font-family:var(--ff-FA);color:#a5a5a5;}
.ctt_env {}
	.ctt_env .img {text-align:center;}
	.ctt_env .img::after {content:"";display:block;margin:auto;width:3px;height:50px;background:#50a743;}
	.ctt_env .colL, .ctt_env .colR {width:50%;}
	.ctt_env .colL {text-align:right;}
	.ctt_env dl {display:inline-block;width:80%;text-align:center;}
	.ctt_env dt {position:relative;padding-top:20px;border-radius:25px 25px 0 0;font-family:var(--ff-SCR);font-size:1.5em;color:#fff;line-height:80px;}
	.ctt_env dt .ico {width:95px;margin:auto;border-radius:50%;line-height:95px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);}
	.ctt_env dd {padding:30px;border:1px solid #ccc;border-top:none;}
	.ctt_env dd li {font-size:1.15em;}
	.ctt_env dd li+li {margin-top:25px;padding-top:25px;border-top:1px dashed #ccc;}
	.ctt_env dl.do dt {background:rgb(115,163,34);}
	.ctt_env dl.do dd {border-radius:0 0 0 25px;}
	.ctt_env dl.dont dt {background:#808080;}
	.ctt_env dl.dont dd {border-left:none;border-radius:0 0 25px 0;}
	.ctt_env .slogan {display:block;position:relative;margin-top:70px;text-align:center;}
	.ctt_env .slogan blockquote {margin:0 auto 25px;font-family:var(--ff-SCM);font-size:2em;font-weight:normal;color:rgb(0,160,198);}
	.ctt_env .slogan p {color:#4c4c4c;line-height:1.4em;}
	.ctt_env .slogan::before, .ctt_env .slogan::after {display:block;font-family:var(--ff-FA);font-size:1.8em;color:#ccc;}
	.ctt_env .slogan::before {content:"\f10d";margin-bottom:35px;}
	.ctt_env .slogan::after {content:"\f10e";margin-top:35px;}
@media (max-width:1340px) {
	.ctt_env dl {display:block;width:100%;}
	.ctt_env dd {padding:30px 20px;}
}
@media (max-width:1024px) {
	.ctt_lab .lab_fac h2, .ctt_lab .lab_fac ul {display:block;margin:auto;}
	.ctt_lab .lab_fac h2 {width:120px;height:120px;font-size:1.2em;line-height:120px;}
	.ctt_lab .lab_fac ul::before {content:"";display:block;width:3px;height:30px;margin:20px auto;background:#ccc;}
	.ctt_lab .lab_fac ul li {width:120px;height:120px;line-height:120px;}
	.ctt_lab .lab_fac ul li .tit {font-size:.9em;}
	.ctt_report_1 {background:none;}
	.ctt_report_1 li {float:none;width:100%;padding:20px 0;}
	.ctt_report_1 li.nofl {margin-left:0;}
	.ctt_report_1 li .innerWrap {height:auto;padding:10px !important;}
	.ctt_report_1 li::after {left:calc(50% - 12px) !important;top:inherit !important;right:inherit !important;bottom:0 !important;margin-bottom:-8px !important;content:"\f0ab" !important;}
	.ctt_report_1 li:last-child::after {display:none;}
	.ctt_report_2 .list dl {width:49%;margin-bottom:60px;}
	.ctt_report_2 .list dl:nth-child(2) {padding-bottom:70px;}
	.ctt_report_2 .list dl:nth-child(3)::before {content:"";display:block;clear:both;visibility:hidden;}
	.ctt_env .colL, .ctt_env .colR {float:none;width:100%;}
	.ctt_env .colR {margin-top:10px;}
	.ctt_env dt {padding:0;font-size:1.25em;color:#fff;line-height:90px;}
	.ctt_env dt .ico {position:absolute;left:10px;top:10px;width:70px;line-height:70px;}
	.ctt_env dt .ico img {max-width:80%;}
	.ctt_env dd {padding:20px;border-radius:0 0 25px 25px !important;}
	.ctt_env dl.dont dd {border-left:1px solid #ccc;}
	.ctt_env dd li {padding:0 10px;font-size:1em;line-height:1.25em;text-align:left;}
	.ctt_env dd li+li {margin-top:10px;padding-top:10px;}
}
@media (max-width:768px) {
	.ctt_lab .img {padding:0 20px;}
	.ctt_lab .lab_fac {margin:50px 0;padding:50px 0;}
	.ctt_lab .lab_his h2 {margin-bottom:20px;font-size:1.6em;letter-spacing:0;}
	.ctt_lab .lab_his .his {padding:20px 10px;}
	.ctt_lab .lab_his .his li span.cont {display:block;font-size:.92em;line-height:1.3em;}
	.ctt_report_1 blockquote {margin:20px auto;font-size:1.25em;line-height:1.3em;text-align:left;}
	.ctt_report_1 blockquote::before {margin-bottom:10px;}
	.ctt_report_1 blockquote::after {margin-top:10px;text-align:right;}
	.ctt_report_2 .list {margin:60px 0 40px;}
	.ctt_report_2 .list dl {float:none;width:100%;margin:0;}
	.ctt_report_2 .list dl:nth-child(2) {padding-bottom:inherit;}
	.ctt_report_2 .list dl+dl {margin-left:0;margin-top:20px;}
	.ctt_report_2 .list dl dt {padding:45px 0 20px;font-size:1.05em;}
	.ctt_report_2 .list dl dt .ico {left:calc(50% - 30px);width:60px;height:60px;margin-top:-30px;border-width:3px;line-height:50px;}
	.ctt_report_2 .list dl dt .ico img {max-width:40px;}
	.ctt_report_2 .fea h2, .ctt_report_2 .fea ul {float:none;width:100%;}
	.ctt_report_2 .fea h2 {padding:15px;background:linear-gradient(to top,#019ee1,#0179b5);}
	.ctt_report_2 .fea h2 .arr {position:absolute;left:calc(50% - 20px);top:inherit;right:inherit;bottom:0;width:40px;height:20px;margin-right:0;margin-bottom:-20px;}
	.ctt_report_2 .fea h2 .arr::after {margin:15px -10px 0 0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #019ee1;z-index:3;}
	.ctt_report_2 .fea ul {margin:30px 0 0;padding:25px;}
	.ctt_report_2 .fea ul li {font-size:.92em;}
	.ctt_env .slogan {margin-top:50px;}
	.ctt_env .slogan blockquote {font-size:1.6em;}
	.ctt_env .slogan::before, .ctt_env .slogan::after {font-size:1.5em;}
	.ctt_env .slogan::before {margin-bottom:25px;}
	.ctt_env .slogan::after {margin-top:25px;}
}