/* btn_more */
.btn_more {position: absolute; top: -0.75rem; right: 0; display: inline-block; padding: 1rem 1.25rem 0 0.75rem; line-height: 1; font-size: 0.9rem; font-weight: 400; color: #222;}
.btn_more:before {position: absolute; bottom: 0; left: 0; width: 1.5rem; height: 1.5rem; background: #e9edff; border-radius: 50%; content: ""; z-index: -1; transition: all 0.25s 0.1s; -webkit-transition: all 0.25s 0.1s;}
.btn_more i {position: absolute; top: 0; right: 0; font-size: 1rem; font-weight: bold; color: #3a6dd5; transform: rotate(0); -webkit-transform: rotate(0); transition: all 0.25s; -webkit-transition: all 0.25s;}
.btn_more:hover:before,
.btn_more:focus:before {left: 60%;}
.btn_more:hover i,
.btn_more:focus i {transform: rotate(90deg); -webkit-transform: rotate(90deg);}

/* common title */
h2.heading {line-height: 1.3rem; font-size: 1.2rem; font-weight: 700; color: #222;}

/* dge CI */
.dgeCi {position: absolute; top: 2.5rem; left: 5rem; z-index: 1;}

/* 메인비주얼 */
.TC23_visual {position: relative; height: 100%;}
.TC23_visual .slider {border-bottom-right-radius: 10rem; overflow: hidden;}
.TC23_visual .item {line-height: 0; overflow: hidden;}
.TC23_visual .item img {position: relative; left: 50%; width: auto; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.TC23_visual .control {position: absolute; right: 1rem; bottom: -1rem; line-height: 2.8rem; z-index: 1;}
.TC23_visual .control > a {position: relative; display: inline-block; width: 2.8rem; height: 2.8rem; text-align: center; vertical-align: bottom; font-size: 1rem; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); background-color: #13874b; -webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}
.TC23_visual .control > a.play {display: none;}
.TC23_visual .control > a.play,
.TC23_visual .control > a.stop {background-color: #08522c; border-radius: 0.5rem;}
.TC23_visual .control > a.stop {background-image: url('/images/dgedu/template/TC23/main/btn_vis_stop.png'); background-repeat: no-repeat; background-position: center center;}
.TC23_visual .control > a.prev {border-radius: 0.5rem 0.5rem 0 0.5rem;}
.TC23_visual .control > a.next {border-radius: 0.5rem 0 0.5rem 0.5rem;}
.TC23_visual .control > a:hover,
.TC23_visual .control > a:focus {background-color: #169c57;}
.TC23_visual .control > a.play:hover,
.TC23_visual .control > a.play:focus,
.TC23_visual .control > a.stop:hover,
.TC23_visual .control > a.stop:focus {background-color: #03381c;}
.TC23_visual .control p {display: inline-block; padding: 0 1rem; vertical-align: middle; font-family: 'Montserrat'; font-size: 1rem; color: #222;}
.TC23_visual .control p strong {position: relative; padding-right: 1.5rem; font-weight: 600; color: #13874b;}
.TC23_visual .control p strong:after {position: absolute; top: 50%; right: 0.25rem; width: 1rem; height: 2px; border-radius: 2px; background: #e4e4e4; content:"";}

/* 바로가기1 */
.TC23_link01 {position: relative; width: 100%; height: 100%;}
.TC23_link01 li + li {margin-top: 0.9rem;}
.TC23_link01 li a {position: relative; display: table; width: 100%; height: 3rem; font-weight: 600; color: #333;}
.TC23_link01 li a:before {position: absolute; left: 0.4rem; bottom: -0.4rem; width: 100%; height: 100%; background: #d8e5ff; border-radius: 1rem; content:"";}
.TC23_link01 li a p {position: relative; display: table-cell; padding: 0 2.75rem 0 1rem; height: 3rem; line-height: 1.5rem; vertical-align: middle; font-size: 0.85rem; letter-spacing: -0.075rem; background: #fff; border-radius: 1rem; overflow: hidden;}
.TC23_link01 li a p span {display: inline-block; max-height: 3rem; word-break: keep-all; overflow: hidden; vertical-align: middle;}
.TC23_link01 li a img {position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/** 바로가기1 :active **/
.TC23_link01 li a:hover,
.TC23_link01 li a:focus {color: #2c4eb1;}
.TC23_link01 li a:hover:before,
.TC23_link01 li a:focus:before {background: #ffe04e;}
.TC23_link01 li a,
.TC23_link01 li a:before {-webkit-transition: all .15s; transition: all .15s;}

/* 팝업존 */
.TC23_pop {position: relative; width: 100%; height: 100%;}
.TC23_pop .slider {position: relative; height: 15.5rem; background: #e2edf8; border-radius: 1.5rem; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); overflow: hidden;}
.TC23_pop .slider div,
.TC23_pop .slider .item {height: 100%;}
.TC23_pop .slider .item a {display: block; height: 100%; line-height: 0; text-align: center; overflow: hidden;}
.TC23_pop .slider .item img {position: relative; top: 50%; max-width: 100%; max-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC23_pop .control {position: absolute; bottom: -2.5rem; left: 0; width: 100%; height: 1.5rem; text-align: center;}
.TC23_pop .control p {display: inline-block; margin: 0 0.5rem; vertical-align: middle; font-family: 'Montserrat'; font-size: 0.85rem; color: #222;}
.TC23_pop .control p strong {position: relative; padding-right: 1rem; font-size: 1rem; font-weight: 400; color: #0059ff;}
.TC23_pop .control p strong:after {position: absolute; top: 50%; right: 0.4rem; width: 4px; height: 4px; border-radius: 50%; background: #222; content: "";}
.TC23_pop .control a {display: inline-block; margin: 0 0.25rem; width: 1.5rem; height: 1.5rem; text-align: center; vertical-align: middle; font-size: 0.9rem; color: #090909; background: #f0f0f0; border-radius: 50%; overflow: hidden;}
.TC23_pop .control a i {line-height: 1.5rem;}
.TC23_pop .control > a.play,
.TC23_pop .control > a.stop {color: #00144e;}
.TC23_pop .control .play {display: none;}
.TC23_pop .control a:hover,
.TC23_pop .control a:focus {color: #fff; background: #4c73e3;}

/* 바로가기2 */
.TC23_link02 {position: relative; display: flex; padding: 2rem 0 2rem 2rem; width: 100%; height: 100%; align-items: center;}
.TC23_link02 .iconBox {display: flex; margin-right: 1rem; width: 7.3rem; height: 7.3rem; align-items: center; justify-content: center; background: #fff; border-radius: 50%; box-shadow: 7px 7px 0 rgba(76,115,227,0.2);}
.TC23_link02 dl {width: calc(100% - 8.3rem); height: 100%;}
.TC23_link02 dt {margin-bottom: 0.5rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.1rem; font-weight: 700; color: #222; letter-spacing: -0.05rem;}
.TC23_link02 dt em {color: #13874b;}
.TC23_link02 dd {height: calc(100% - 3rem);}
.TC23_link02 dd li + li {margin-top: 0.35rem;}
.TC23_link02 dd a {position: relative; display: block; padding: 0 5rem 0 1rem; height: 2.6rem; line-height: 2.6rem; font-size: 0.9rem; font-weight: 600; color: #222; background: #fff; border: 1px solid #13874b; border-radius: 0.75rem; overflow: hidden;}  
.TC23_link02 dd a:before {position: absolute; top: 0; right: 1.5rem; width: 1.5rem; height: 2.6rem; font-family: 'xeicon'; font-size: 1.5rem; font-weight: 200; color: #13874b; content: "\ea3f";}
.TC23_link02 dd a:after {position: absolute; top: 50%; right: 2.6rem; margin-top: 1px; width: 2.25rem; height: 1px; background: #9fafdc; content: "";}
/** 바로가기2 :active **/
.TC23_link02 dd a:hover,
.TC23_link02 dd a:focus,
.TC23_link02 dd a:hover:before,
.TC23_link02 dd a:focus:before {color: #fff;}
.TC23_link02 dd a:hover:after,
.TC23_link02 dd a:focus:after {background: #fff;}
.TC23_link02 dd a:hover,
.TC23_link02 dd a:focus {background: #13874b;}
.TC23_link02 a,
.TC23_link02 :before {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 게시판 */
.TC23_notice {position: relative; height: 100%;}
.TC23_notice .titTab {position: relative; padding-right: 5rem; padding-bottom: 1.5rem; height: 2.75rem;}
.TC23_notice .titTab:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 2px dotted #b4b4b4; content: "";}
.TC23_notice .titTab ul {font-size: 0;}
.TC23_notice .titTab li {position: relative; display: inline-block; margin-right: 1rem; max-width: 33%; font-size: 1.2rem; line-height: 1.25rem; vertical-align: top;}
.TC23_notice .titTab li a {position: relative; display: block; padding-bottom: 0.4rem; font-weight: 600; color: #666;}
.TC23_notice .titTab li a:before {position: absolute; bottom: 0; left: 0; width: 0; height: 1rem; background: #ecf8ff; opacity: 0; content: "";}
.TC23_notice .titTab li a:after {position: absolute; bottom: -1.3rem; left: 0; margin-left: -5px; width: 10px; height: 10px; background: #0079ff; border-radius: 50%; opacity: 0; content: "";}
.TC23_notice .titTab li a span {position: relative; display: block; white-space: nowrap; overflow: hidden;}
.TC23_notice .list_box {display: none; margin-top: 1rem; width: 100%;}
.TC23_notice .list_box ul {display: flex; flex-wrap: wrap; height: 100%;}
.TC23_notice .list_box li {position: relative; width:32%; margin-left:2%; background:#f9f9f9; border-radius:1.25rem;}
.TC23_notice .list_box li:first-child {margin-left:0;}
.TC23_notice .list_box li:before {position: absolute; top: 1rem; width: 1px; height: calc(100% - 2rem); border-left: 1px solid #f4f4f4; content: "";}
.TC23_notice .list_box li:nth-of-type(3n+1):before {border-left: none;}
.TC23_notice .list_box li:nth-of-type(n+4) {display: none;}
.TC23_notice .list_box li a {position: relative; display: block; padding: 1rem 1.5rem; height: 11rem; font-size: 0.9rem; font-weight: 600;}
.TC23_notice .list_box li a:before {position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; box-shadow: 2px 2px 5px rgba(12,66,127,0.3); border: 2px solid #46c7d0; border-radius: 1.5rem; opacity: 0; overflow: hidden; content: "";}
.TC23_notice .list_box li p {position: relative; min-height:1.5rem; margin-bottom: 1rem; text-align: right; color: #1c43b2;}
.TC23_notice .list_box li a.new p:before {position: absolute; left: 0; top: 0; padding: 0 0.25rem; width: 3.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 1rem; font-weight: 600; color: #00a19b; background: #ebfbfb; border-radius: 1rem; content: "NEW";}
.TC23_notice .list_box li strong {display: block; margin-bottom: 1.5rem; height: 3.5rem; line-height: 1.75rem; font-size: 1.1rem; color: #222; word-break: keep-all; overflow: hidden;}
.TC23_notice .list_box li span {display: block; color: #666; font-weight: 400;}
.TC23_notice .list_box li span:before {margin-right: 0.25rem; font-family: 'xeicon'; content: "\ea2c";}
.TC23_notice .list_box li.no_data {width: 100%; line-height: 9.5rem; text-align: center;}
/* 게시판 :active */
.TC23_notice .titTab li a:hover,
.TC23_notice .titTab li a:focus,
.TC23_notice .titTab li a.current {color: #1c43b2;}
.TC23_notice .titTab li a:hover:before,
.TC23_notice .titTab li a:focus:before,
.TC23_notice .titTab li a.current:before {width: 100%; opacity: 1;}
.TC23_notice .titTab li a:hover:after,
.TC23_notice .titTab li a:focus:after,
.TC23_notice .titTab li a.current:after {left: 50%; opacity: 1;}
.TC23_notice .list_box.on {display: block;}
.TC23_notice .list_box li a:hover strong,
.TC23_notice .list_box li a:focus strong {color: #004794; text-decoration: underline;}
.TC23_notice .list_box a:hover:before,
.TC23_notice .list_box a:focus:before {top: 0; left: 0; opacity: 1;}
.TC23_notice a,
.TC23_notice :before,
.TC23_notice :after {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 홍보영상 */
.TC23_video h2.heading {margin-bottom: 1rem; max-width: calc(100% - 4rem); height: 1.3rem; overflow: hidden;}
.TC23_video .videoBox a {position: relative; display: block;}
.TC23_video .videoBox a:after {position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; line-height: 2.7rem; text-align: center; border: 0.15rem dashed #fff; border-radius: 50%; font-size: 1rem; color: #fff; content: "▶"; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.TC23_video .videoBox p {height: 11.5rem; text-align: center; background: #333; border-radius: 1.25rem; overflow: hidden;}
.TC23_video .videoBox p img {transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.TC23_video .videoBox span {position: absolute; bottom: -1.5rem; right: 0; padding: 0 1rem; width: 80%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1rem; font-weight: 600; color: #222; background: #ffe04e; border-radius: 1.5rem 0 1.5rem 1.5rem;}
.TC23_video .videoBox a:hover p img,
.TC23_video .videoBox a:focus p img {transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.5;}
.TC23_video .videoBox a p img,
.TC23_video .videoBox a p img {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 바로가기3 */
.TC23_link03 {position: relative; width: 100%; height: 100%;}
.TC23_link03 ul {position: relative; display: flex; flex-wrap: wrap; padding: 2rem 2.5rem; height: 100%; background: #fff; border-radius: 2.5rem; box-shadow: 0 -10px 0 #cfe7f1; overflow: hidden;}
.TC23_link03 li {width: 20%; height: 100%;}
.TC23_link03 li a {display: flex; width: 100%; height: 100%; align-items: center; color: #222;}
.TC23_link03 li a span {position: relative; display: flex; margin-right: 0.75rem;  width: 4.75rem; height: 4.75rem; align-items: center; justify-content: center; background: #fff; border: 2px solid #46c7d0; border-radius: 1rem; overflow: hidden;}
.TC23_link03 li a span:before{position: absolute; left: 0.5rem; top: 2rem; width: 6rem; height: 6rem; background: #72d9e0; border-radius: 50%; opacity: 0.4; content: "";}
.TC23_link03 li a img {position: relative; width: 58px; height: 57px;}
.TC23_link03 li a p {width: calc(100% - 6rem); max-height: 100%; word-break: break-all; font-size: 1.05rem; font-weight: 600; letter-spacing: -0.05rem; overflow: hidden;}
/** 바로가기3 :active **/
.TC23_link03 li a:hover span,
.TC23_link03 li a:focus span {background: #72d9e0; border-color: #72d9e0;}
.TC23_link03 li a:hover span:before,
.TC23_link03 li a:focus span:before {left: 0; top: 3rem; background: #007bae; opacity: 0.5;}
.TC23_link03 a,
.TC23_link03 a span,
.TC23_link03 :before {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 갤러리 */
.TC23_gallery {position: relative; width: 100%; height: 100%; z-index: 1;}
.TC23_gallery .titBox {float: left; width: 11.5rem; padding-right: 1.25rem;}
.TC23_gallery .titBox h2 {margin-bottom: 1rem; font-size: 1.1rem; font-weight: 700; color: #3a6dd5; line-height:1.5rem; letter-spacing: -0.05rem;}
.TC23_gallery .titBox h2 span {display: block; color: #222;}
.TC23_gallery .titBox p {margin-bottom: 1.5rem; font-size: 0.9rem; font-weight: 400; color: #222;}
.TC23_gallery .titBox .btn_more {position: relative; top: auto; right: auto;}
.TC23_gallery .titBox .btn_more:before {bottom: -0.3rem; background: #72d9e0;}
.TC23_gallery .titBox .btn_more i {top: 0.9rem;}
.TC23_gallery .list_box {float: left; width: calc(100% - 11.5rem); height: 100%;}
.TC23_gallery .list_box li {float: left; padding: 0 1.25rem; width: calc(100% / 3); height: 100%;}
.TC23_gallery .list_box li:nth-of-type(2) {margin-top: -0.65rem;}
.TC23_gallery .list_box li:nth-of-type(3) {margin-top: 2rem;}
.TC23_gallery .list_box li a {display: block;}
.TC23_gallery .list_box .img {position: relative;}
.TC23_gallery .list_box .img:before {position: absolute; top: -1.25rem; left: -1.25rem; width: calc(100% + 2.5rem); height: calc(100% + 2.5rem); background: #fff; border: 2px dashed #72d9e0; border-radius: 1rem; overflow: hidden; opacity: 0; content: "";}
.TC23_gallery .list_box .img span{ display:block; width:100%; height: 11.5rem; border-radius:.75rem; overflow:hidden; background:rgba(0,0,0,0.1);}
.TC23_gallery .list_box .img img { position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC23_gallery .list_box .txt {margin-top: 1.25rem; font-size: 0.75rem; font-weight: 400; color: #666;}
.TC23_gallery .list_box .txt > * {display: block; padding: 0 1rem;}
.TC23_gallery .list_box .txt strong {position: relative; margin-bottom: 0.75rem; height: 1.1rem; line-height: 1.1rem; font-size: 1rem; font-weight: 600; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.TC23_gallery .list_box .txt strong:before {position: absolute; top: 50%; left: 0.25rem; margin-top: -3px; width: 7px; height: 7px; background: #0079ff; border-radius: 50%; content: "";}
.TC23_gallery .list_box .no_data {width: 100%; line-height: 12.5rem; text-align: center;}
/** 갤러리 :active **/
.TC23_gallery .list_box li a:hover .img:before,
.TC23_gallery .list_box li a:focus .img:before {opacity: 1;}
.TC23_gallery .list_box li a:hover .txt,
.TC23_gallery .list_box li a:focus .txt {margin-top: 2rem;}
.TC23_gallery a,
.TC23_gallery li .img,
.TC23_gallery li .img img,
.TC23_gallery li .txt,
.TC23_gallery :before {-webkit-transition: all .25s; -ms-transition: all .25s; transition: all .25s;}

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #ccc;}
.banner_zone .container {position:relative; display:flex; align-items:center; height:4rem; overflow:hidden;}
.banner_zone h2 {width:4rem; font-size:0.9rem; font-weight:600; color:#191919;}
.banner_zone .btn {overflow:hidden;}
.banner_zone .btn a {float:left; width:1.5rem; height:1.4rem; margin:0 1px; line-height:1.4rem; text-align:center; overflow:hidden; border-radius:50%; color:#818896; border:1px solid #dbe0ec; background:#f2f6ff;}
.banner_zone .btn a.play {display:none;}
.banner_zone .bnWrap {width:calc(100% - 11rem); margin-left:1.5rem; overflow:hidden;}
.banner_zone .bnWrap .slick-track { margin-left:0;}
.banner_zone .bnWrap a {display:block; height:2.5rem; line-height:2.3rem; text-align:center; margin:0 5px; overflow:hidden;}
.banner_zone .bnWrap a img {max-width:100%; max-height:100%; vertical-align:middle;}
.banner_zone .btn a:hover,
.banner_zone .btn a:focus {border-color:#004794; color:#004794;}
.banner_zone .bnWrap a:hover,
.banner_zone .bnWrap a:focus {border-color:#aaa;} 
.banner_zone a {transition:all .2s; -webkit-transition:all .2s;}

@media (max-width: 1710px) and (min-width: 1240px) {
	/* dge CI */
	.dgeCi {left: auto; right: 50%; margin-right: -40%;}
}

@media (max-width: 1440px) and (min-width: 1241px), (max-width: 540px) {
	/* 바로가기2 */
	.TC23_link02 .iconBox {width: 5.3rem; height: 5.3rem;}
	.TC23_link02 .iconBox img {width: 3rem;}
	.TC23_link02 dl {width: calc(100% - 6.3rem);}
	.TC23_link02 dt {line-height: 1.5rem; font-size: 1rem;}
	.TC23_link02 dt em {display: block;}
	.TC23_link02 dd a {padding: 0 2.5rem 0 1rem;}
	.TC23_link02 dd a:before {right: 0.75rem;}
	.TC23_link02 dd a:after {display: none;}
}

@media (max-width: 1240px) {
	/* btn_more */
	.btn_more {top: -0.25rem; padding: 0.75rem 1rem 0 0.75rem; font-size: 0.8rem;}

	/* dge CI */
	.dgeCi {right: 5rem; left: auto;}

	/* common title */
	h2.heading {font-size: 1rem;}

	/* 메인비주얼 */
	.TC23_visual .item img {width: 100%; height: auto; left: auto; transform: none; -webkit-transform: none;}
	.TC23_visual .control {right: 0; bottom: 0;}

	/* 바로가기2 */
	.TC23_link02 {padding: 2rem 0 2rem 1rem;}
	.TC23_link02 dt {font-size: 1rem;}

	/* 게시판 */
	.TC23_notice .titTab li {font-size: 1rem;}
	.TC23_notice .list_box li {width: 49%;}	
	.TC23_notice .list_box li:nth-of-type(n+3) {display: none;}
	.TC23_notice .list_box li a {height: 9rem; font-size: 0.8rem;}
	.TC23_notice .list_box li p {margin-bottom: 1rem;}
	.TC23_notice .list_box li a.new p:before {height: 1.4rem; line-height: 1.4rem; font-size: 0.8rem; border-radius: 0.7rem;}
	.TC23_notice .list_box li strong {margin-bottom: 1rem; height: 3rem; line-height: 1.5rem; font-size: 0.9rem;}

	/* 바로가기3 */
	.TC23_link03 ul {padding: 1rem 1.5rem;}
	.TC23_link03 li {text-align: center;}
	.TC23_link03 li a {flex-direction: column;}
	.TC23_link03 li a span {margin-right: 0; margin-bottom: 0.5rem;}
	.TC23_link03 li a p {width: 100%; font-size: 0.9rem;}

	/* 갤러리 */
	.TC23_gallery .titBox .btn_more i {top: 0.6rem;}

	.TC23_gallery .list_box li {width: calc(100% / 2);}
	.TC23_gallery .list_box li:nth-of-type(n+3) {display: none;}
	.TC23_gallery .list_box .txt strong {font-size: 0.9rem;}
}

@media (max-width: 1024px) {	
	/* 게시판 */
	.TC23_notice .list_box li strong {margin-bottom: 0.5rem;}
}

@media (max-width: 768px) {
	/* dge CI */
	.dgeCi img {max-width: 5rem;}

	/* 메인비주얼 */
	.TC23_visual .slider {border-bottom-right-radius: 3rem;}
	.TC23_visual .control {bottom: -1.5rem; line-height: 2.8rem; z-index: 1;}
	.TC23_visual .control p {line-height: 1.4rem; vertical-align: bottom;}

	/* 팝업존 */
	.TC23_pop .slider {height: auto;}
	.TC23_pop .slider .item img {top: auto; transform: none; -webkit-transform: none;}
	.TC23_pop .control {bottom: -2rem;}

	/* 바로가기3 */
	.TC23_link03 ul {padding: 1.5rem; border-radius: 1.5rem;}

	/* 갤러리 */
	.TC23_gallery .titBox {width: 100%; padding-right: 0; margin-bottom: 2rem;}
	.TC23_gallery .titBox h2 {margin-bottom: 0; max-width: calc(100% - 5rem);}
	.TC23_gallery .titBox h2 span {display: inline-block;}
	.TC23_gallery .titBox p {display: none;}
	.TC23_gallery .titBox .btn_more {position: absolute; top: -0.75rem; right: 0;}
	.TC23_gallery .list_box {width: 100%;}
	.TC23_gallery .list_box li:nth-of-type(2) {margin-top: 0;}

	/* 배너존 */
	.banner_zone h2 {display:none;}
	.banner_zone .bnWrap {width:calc(100% - 6.5rem);}
}

@media (max-width: 540px) {
	/* dge CI */
	.dgeCi {top: 1.5rem; right: 3rem;}
	.dgeCi img {max-width: 4rem;}

	/* 메인비주얼 */
	.TC23_visual .control {line-height: 2.5rem;}
	.TC23_visual .control > a {width: 2.5rem; height: 2.5rem;}

	/* 바로가기2 */
	.TC23_link02 .iconBox {display: none;}
	.TC23_link02 dl {width: 100%;}

	/* 바로가기3 */
	.TC23_link03 li {width: calc(100% / 3);}
	.TC23_link03 li:nth-of-type(n+4) {margin-top: 1rem;}
}

@media (max-width: 420px) {
	/* 게시판 */
	.TC23_notice .titTab {padding-bottom: 0.75rem; height: auto;}
	.TC23_notice .titTab li {max-width: calc(100% - 1rem);}
	.TC23_notice .titTab li a:after {display: none;}
	.TC23_notice .list_box li {width: 100%; margin:0;}	
	.TC23_notice .list_box li:nth-of-type(n+2) {display: none;}
	.TC23_notice .list_box li a:before {display: none;}
	.TC23_notice .list_box li strong {height: auto; max-height: 3rem; line-height: 1.5;}

	/* 갤러리 */
	.TC23_gallery .list_box li {padding: 0; width: 100%;}
	.TC23_gallery .list_box li:nth-of-type(n+2) {display: none;}
	.TC23_gallery .list_box .img:before {display: none;}
	.TC23_gallery .list_box .txt {margin-top: 1rem;}
	.TC23_gallery .list_box .txt > * {padding-right: 0;}
	/** 갤러리 :active **/
	.TC23_gallery .list_box li a:hover .txt,
	.TC23_gallery .list_box li a:focus .txt {margin-top: 1rem;}
}

@media (max-width: 360px) {
	/* dge CI */
	.dgeCi {top: 1rem; right: 2rem;}
	.dgeCi img {max-width: 3rem;}

	/* 메인비주얼 */
	.TC23_visual .slider {border-bottom-right-radius: 2rem;}

	/* 홍보영상 */
	.TC23_video .videoBox span {width: 90%;}

	/* 바로가기3 */
	.TC23_link03 ul {padding: 1.5rem 0.5rem;}
	.TC23_link03 li a span {width: 3.75rem; height: 3.75rem;}
	.TC23_link03 li a img {width: 45px; height: auto;}
}