@charset "utf-8";
.sub-visual {background:url(/gtci/resources/images/common/visual-zone-bg3.jpg) 100% 100% no-repeat; background-size:cover;}

/* 연도 선택 TAB */
.Depth-top {position:relative; display:inline-block; width:100%; height:auto; margin-bottom:30px;}
.Depth-top a {display:inline-block; width:auto; height:auto; padding:0 22px; font-weight:600; line-height:40px; text-align:center; color:#b2aaaa; font-size:22px; transition:.3s;}
.Depth-top a::after {content:''; display:inline-block; width:2px; height:20px; background-color:#c6cbdc; position:relative; top:1px; left:21px;}
.Depth-top a:first-child {padding:0 22px 0 0;}
.Depth-top a:last-child::after {display:none;}
.Depth-top a.on,
.Depth-top a:hover{color:#2e2b2b;}
.Depth-top a.on::before {content:''; display:inline-block; width:19px; height:19px; background:url(/gtci/resources/images/common/content-menu-tab-icon.png) 100% 100% no-repeat; background-size:19px 19px;}

.Depth-body {position:relative; display:inline-block; width:100%; height:auto; background:#fff; box-shadow:0px 0px 6px 3px rgba(0,0,0,.2);}
.Depth-body .Depth-body-title {position:relative; display:flex; align-items:center; justify-content:flex-start; padding:25px; width:calc(100% - 50px); height:30px; background:linear-gradient( to right, #2e2b2b, #4d3333 );}
.Depth-body .Depth-body-title p {display:inline-block; font-size:16px; font-weight:400; color:#fff; line-height:1em; margin-right:12px; word-break:keep-all;}
.Depth-body .Depth-body-title h2 {display:inline-block; font-size:26px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;}
.Depth-body .Depth-body-content-title {position:relative; display:flex; width:calc(100% - 60px); height:34px; padding:0 30px;}
.Depth-body .Depth-body-content-title p {display:inline-block; width:auto; border-bottom:3px solid #fb5555; font-size:20px; font-weight:600; color:#2e2b2b; line-height:1em; padding-bottom:12px;}

.Depth-body .Depth-body-content {position:relative; display:flex; width:calc(100% - 60px); height:auto; margin:30px 30px 60px 30px;}

.Depth-body .Depth-body-content.title {background-color:#fff;}
.Depth-body .Depth-body-content.title .Depth-body-content-image {position:relative; float:left; width:calc(30% - 40px); height:275px; padding:20px; display:flex; align-items:center; justify-content:center;}
.Depth-body .Depth-body-content.title .Depth-body-content-image img {width:auto;}
.Depth-body .Depth-body-content.title .Depth-body-content-text {position:relative; float:left; width:calc(70% - 40px); height:275px; padding:20px; display:flex; align-items:center;}
.Depth-body .Depth-body-content.title .Depth-body-content-text .Depth-body-content-text-word-wrap {display:inline-block; width:100%; height:auto;}
.Depth-body .Depth-body-content.title .Depth-body-content-text .Depth-body-content-text-word {display:inline-block; width:100%; height:auto; margin-bottom:18px;}
.Depth-body .Depth-body-content.title .Depth-body-content-text .Depth-body-content-text-word:last-child {margin-bottom:0;}
.Depth-body .Depth-body-content.title .Depth-body-content-text .Depth-body-content-text-word span {display:inline-block; vertical-align:top; width:14px; height:16px; background:url(/gtci/resources/images/common/list-item-icon.png) 100% 100% no-repeat; background-size:14px 16px; margin-right:4px; margin-top:2px;}
.Depth-body .Depth-body-content.title .Depth-body-content-text .Depth-body-content-text-word p {display:inline-block; vertical-align:top; width:calc(100% - 21px); font-size:18px; font-weight:500; color:#2e2b2b; line-height:1.2em; word-break:keep-all;}

.Depth-body .Depth-body-content.icon {background-color:#faf8f3; width:100%; margin:0 0 60px 0;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap {position:relative; width:calc(100% - 60px); height:auto; padding:45px 30px;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul {display:inline-block; width:100%; height:100%; text-align:center;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li {display:inline-block; vertical-align:top; width:calc(100%/3 - 90px); padding:0 20px; margin-bottom:45px;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(4),
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(5),
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(6) {margin-bottom:0;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-image {display:flex; width:140px; height:140px; border-radius:50%; background:#efeade; margin:0 auto;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-image img {width:auto;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-title {display:inline-block; width:100%; height:auto; font-size:18px; font-weight:600; color:#2e2b2b; line-height:1em; margin:15px 0; text-align:center;}
.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-word {display:inline-block; width:100%; height:auto; font-size:18px; font-weight:400; color:#2e2b2b; line-height:1.2em; text-align:center; word-break:keep-all;}

.Depth-body .Depth-body-content.base {background-color:#fff;}
.Depth-body .Depth-body-content.base .base-wording {display:inline-block; width:100%; height:auto;}
.Depth-body .Depth-body-content.base .base-wording .wording-title {display:inline-block; width:100%; height:auto; margin-bottom:15px;}
.Depth-body .Depth-body-content.base .base-wording .wording-title span {display:inline-block; vertical-align:top; width:14px; height:16px; background:url(/gtci/resources/images/common/list-item-icon.png) 100% 100% no-repeat; background-size:14px 16px; margin-right:4px; margin-top:2px;}
.Depth-body .Depth-body-content.base .base-wording .wording-title p {display:inline-block; vertical-align:top; width:calc(100% - 21px); height:auto; font-size:18px; font-weight:400; color:#2e2b2b; line-height:1.2em; word-break:keep-all;}
.Depth-body .Depth-body-content.base .base-wording .wording-text {display:inline-block; width:100%; height:auto; margin-bottom:9px;}
.Depth-body .Depth-body-content.base .base-wording .wording-text span {display:inline-block; vertical-align:top; width:16px; height:16px; background:url(/gtci/resources/images/common/wording-icon.png) 100% 100% no-repeat; background-size:16px 16px; margin-right:4px; margin-left:24px; margin-top:2px;}
.Depth-body .Depth-body-content.base .base-wording .wording-text.no-icon span {background:none;}
.Depth-body .Depth-body-content.base .base-wording .wording-text p {display:inline-block; vertical-align:top; width:calc(100% - 47px); height:auto; font-size:18px; font-weight:400; color:#7c7676; line-height:1.2em; word-break:keep-all;}

.Depth-body .Depth-body-content.table {display:block;}
.Depth-body .Depth-body-content.table .wording-title {display:inline-block; width:100%; height:auto; margin-bottom:15px;}
.Depth-body .Depth-body-content.table .wording-title span {display:inline-block; vertical-align:top; width:14px; height:16px; background:url(/gtci/resources/images/common/list-item-icon.png) 100% 100% no-repeat; background-size:14px 16px; margin-right:4px; margin-top:2px;}
.Depth-body .Depth-body-content.table .wording-title p {display:inline-block; vertical-align:top; width:calc(100% - 21px); height:auto; font-size:18px; font-weight:400; color:#2e2b2b; line-height:1.2em; word-break:keep-all;}
.Depth-body .Depth-body-content.table .edu-table {display:flex; width:100%; height:auto; margin-bottom:25px;}
.Depth-body .Depth-body-content.table .edu-table:last-child {margin-bottom:0;}
.Depth-body .Depth-body-content.table .edu-table .table-title {position:relative; float:left; width:155px; height:auto; font-size:16px; font-weight:400; color:#fff; line-height:1.3em; display:flex; align-items:center; border-radius:15px 0 0 15px;}
.Depth-body .Depth-body-content.table .edu-table .table-title.first {background:#5588fb;}
.Depth-body .Depth-body-content.table .edu-table .table-title.second {background:#466eca;}
.Depth-body .Depth-body-content.table .edu-table .table-title.third {background:#249ecd;}
.Depth-body .Depth-body-content.table .edu-table .table-title.fourth {background:#09ab8d}
.Depth-body .Depth-body-content.table .edu-table .table-title p {display:block; align-items:center; justify-content:center; width:100%; height:auto; font-size:16px; font-weight:400; color:#fff; line-height:1.3em; text-align:center;}
.Depth-body .Depth-body-content.table .edu-table .table-title p:first-line {font-weight:700; font-size:18px;}
.Depth-body .Depth-body-content.table .edu-table .table-content {position:relative; float:left; border:1px solid #bbc8e6; border-left:0; border-radius:0 15px 15px 0; width:calc(100% - 156px);}
.Depth-body .Depth-body-content.table .edu-table .table-content ul {display:flex; width:100%; height:auto; border-bottom:1px solid #bbc8e6;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul:last-child {border-bottom:0;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li {position:relative; float:left; padding:20px;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li p {font-size:18px; font-weight:500; color:#2e2b2b; word-break:keep-all;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-name {width:calc(75% - 40px); border-right:1px solid #bbc8e6;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-name p {margin-bottom:6px;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-name p:last-child {margin-bottom:0;}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-time {width:calc(25% - 40px);}
.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-time p {display:flex; align-items:center; width:100%; height:100%;}
/* 정보 컨텐츠 영역 */

/* button */
a.apply-paper-down {display:flex; align-items:center; justify-content:center; width:30%; height:70px; border-radius:10px; border:2px solid #7d7d9e; font-size:22px; font-weight:600; line-height:1em; color:#7d7d9e;}
a.apply-paper-down span {display:inline-block; width:45px; height:39px; background:url(/gtci/resources/images/common/apply-paper-down-icon-notab.png) 26% center no-repeat #fff; background-size:45px 39px; margin-top:4px; margin-right:4px;}
a.apply-paper-down:hover {border:2px solid #fb5555; color:#fb5555;}
a.apply-paper-down:hover span {background:url(/gtci/resources/images/common/apply-paper-down-icon-tab.png) 26% center no-repeat #fff; background-size:45px 39px;}

/*----------------------------- 미디어쿼리 -----------------------------*/
@media screen and (max-width:1400px) {
	.Depth-body .Depth-body-content.title .Depth-body-content-image img {width:235px;}
	
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li {width:calc(100%/3 - 50px);}
}

@media screen and (max-width:1023px) {
	.content-wrap {width:calc(100% - 42px); padding:21px;}
	
	.Depth-top {display:inline-block; width:100%; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; margin-bottom:10px;}
	.Depth-top a {width:auto; padding:0 10px;}
	.Depth-top a:first-child {padding:0 10px 0 0;}
	.Depth-top a:last-child {padding:0 0 0 10px;}
	.Depth-top a::after {display:none;}

	.Depth-body .Depth-body-content:last-child {margin:30px;}
	.Depth-body .Depth-body-content.title .Depth-body-content-image {height:260px;}
	.Depth-body .Depth-body-content.title .Depth-body-content-image img {width:200px;}
	
	a.apply-paper-down {width:100%;}
}

@media screen and (max-width:760px) {
	.Depth-body .Depth-body-content.title {display:inline-block;}
	.Depth-body .Depth-body-content.title .Depth-body-content-image {width:100%; height:auto; padding:0;}
	.Depth-body .Depth-body-content.title .Depth-body-content-image img {width:65%;}
	.Depth-body .Depth-body-content.title .Depth-body-content-text {width:100%; height:auto; padding:30px 0 0 0;}

	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul {display:inline-block; text-align:center;}
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li {width:calc(100%/2 - 10px); padding:0; margin-bottom:25px;}
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(4) {margin-bottom:25px;}
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(5),
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li:nth-child(6) {margin-bottom:0;}

	.Depth-body .Depth-body-content.table .edu-table {display:inline-block;}
	.Depth-body .Depth-body-content.table .edu-table .table-title {display:block; width:100%; border-radius:15px 15px 0 0; padding:12px 0;}
	.Depth-body .Depth-body-content.table .edu-table .table-content {width:calc(100% - 2px); border-radius:0 0 15px 15px; border-left:1px solid #bbc8e6;}
}

@media screen and (max-width:540px) {
	.Depth-body .Depth-body-title {height:auto;}
	.Depth-body .Depth-body-title p,
	.Depth-body .Depth-body-title h2 {line-height:1.2em;}

	.Depth-body .Depth-body-content-title {width:calc(100% - 40px); padding:0 20px;}
	.Depth-body .Depth-body-content {width:calc(100% - 40px); margin:30px 20px 60px 20px;}
	.Depth-body .Depth-body-content:last-child {margin:30px 20px;}

	.Depth-body .Depth-body-content.icon .summary-icon-wrap {width:calc(100% - 40px); padding:30px 20px;}
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-image {width:80px; height:80px;}
	.Depth-body .Depth-body-content.icon .summary-icon-wrap ul li .summary-icon-image img {width:80px;}
	
	.Depth-body .Depth-body-content.table .edu-table .table-content ul {display:inline-block; margin-top:-3px;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul:first-child {margin-top:0;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul li p {line-height:1.3em;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-name {width:calc(100% - 40px); border-right:0; padding:20px 20px 0 20px;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-name p {padding-bottom:12px; margin-bottom:12px; border-bottom:1px dashed #bbc8e6;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-time {width:calc(100% - 40px); padding:12px 20px 20px 20px;}
	.Depth-body .Depth-body-content.table .edu-table .table-content ul li.table-time p {font-size:15px; color:#9294a7;}
}