@charset "utf-8";
/* Full Down Menu */
.full-down-menu .gnb-full li{ height:420px}
/* 인사말 */
ul.inline-image{ margin-top:60px}
ul.inline-image li{ float:left; margin-left:20px; width:320px}
ul.inline-image li:first-child{ margin-left:0}
ul.inline-image li span{ display:block}
ul.inline-image li img{ display:block; max-width:100%}
@media all and (max-width:720px){
	ul.inline-image{ margin-top:30px}
	ul.inline-image li{ margin-left:2%; width:49%}
}
/* 연혁 */
@media all and (min-width:1400px){
	.history-map.his2021 ul.inline-type li,
	.history-map.his2021 ul.inline-type li:first-child{ margin:2px 0 2px; width:auto}
}
/* 함께하는 분들 */
@media all and (min-width:769px){
	.sponsor .support .dotbox{ height:400px}
}
/* 상단SNS */
.sns-link li.naver{ background-image:url(/images/T-C/common/happylog.png)}
.sns-link li.facebook{ background-image:url(/images/T-C/common/kakao.png)}
/* 메인배너 5개 */
ul.campaign-banner li{ float:left; border-left:0; margin:0; width:20%}
ul.campaign-banner li:nth-child(1){ border-left:1px solid #e3e3e3}
ul.campaign-banner li:nth-child(1) span{ background-image:url(/images/T-C/main/online-consultation.png)}
ul.campaign-banner li:nth-child(2) span{ background-image:url(/images/T-C/main/visit-consultation.png)}
ul.campaign-banner li:nth-child(3) span{ background-image:url(/images/T-C/main/praise.png)}
ul.campaign-banner li:nth-child(4) span{ background-image:url(/images/T-C/main/psychological-test.png)}
ul.campaign-banner li:nth-child(5) span{ background-image:url(/images/T-C/main/schedule.png)}
ul.campaign-banner li span{ margin-right:10px}
ul.campaign-banner li strong{ font-size:20px}
@media only screen and (max-width:1200px) {
	ul.campaign-banner li{ width:20%}
	ul.campaign-banner li span{ margin-right:10px}
}
@media only screen and (max-width:1024px) {
	ul.campaign-banner li{ margin:0; width:20%}
	ul.campaign-banner li strong{ font-size:16px}
}
@media only screen and (max-width:768px) {
	ul.campaign-banner li{ margin:0; width:33.33333333333333%}
	ul.campaign-banner li strong{ font-size:14px}
	ul.campaign-banner li:nth-child(4){ border-left:1px solid #e3e3e3}
	ul.campaign-banner li:nth-child(4),ul.campaign-banner li:nth-child(5){ border-top:0}
}
@media only screen and (max-width:550px) {
	ul.campaign-banner li{ margin-top:0}
	ul.campaign-banner li{ width:50%}
	ul.campaign-banner li:nth-child(1),ul.campaign-banner li:nth-child(2),ul.campaign-banner li:nth-child(3){ margin-top:0}
	ul.campaign-banner li:nth-child(3),ul.campaign-banner li:nth-child(5){ border-left:1px solid #e3e3e3}
	ul.campaign-banner li:nth-child(3){ border-top:0}
	ul.campaign-banner li:nth-child(4){ border-left:0}
	ul.campaign-banner li strong{ font-size:15px}
}
@media only screen and (max-width:360px) {
	.kcva-sign{ padding-right:0}
	.sns-link li{ margin-left:3px}
}
/* 홍보대사 */
.ambassadors .ambassador{ position:relative; left:auto; display:flex; align-items:flex-end; padding:0; background:none; border:none}
.ambassadors .ambassador .ambassador-pic{ display:flex; align-items:center; justify-content:center; border:1px solid #e3e3e3}
.ambassadors .ambassador .ambassador-pic img{ max-width:100%}
.ambassadors .ambassador .ambassador-story{ flex:1; margin-left:55px}
.ambassadors .ambassador .ambassador-story h3{ display:flex; align-items:flex-end; padding:0; height:auto; background-image:none}
.ambassadors .ambassador .ambassador-story h3 strong{ margin-bottom:-5px}
.ambassadors .ambassador .ambassador-story h3 img{ margin-left:25px}
@media only screen and (max-width:1350px) {
	.ambassadors .ambassador .ambassador-pic{ width:400px}
}
@media only screen and (max-width:1200px) {
	.ambassadors{ background-position:right top}
	.ambassadors .ambassador{ margin-top:0; align-items:flex-start}
	.ambassadors .ambassador .ambassador-pic{ width:250px}
	.ambassadors .ambassador .ambassador-story{ margin-left:35px}
	.ambassadors .ambassador .ambassador-story h3 img{ height:50px}
}
@media only screen and (max-width:550px) {
	.ambassadors .ambassador{ flex-direction:column}
	.ambassadors .ambassador .ambassador-story{ margin:30px 0 0; width:100%}
	.ambassadors .ambassador .ambassador-story h3 strong{ margin-bottom:-6px}
	.ambassadors .ambassador .ambassador-story h3 img{ margin-left:15px; height:35px}
}
/* 조직도 */
.organization{ display:flex; flex-wrap:wrap; justify-content:center; background:url(/images/common/dot-lgrey.png) center top repeat-y}
.organization .center,.organization .dept,.organization ul,.organization .center h2,.organization .center h2 a{ display:flex; justify-content:center}
.organization ul li{ overflow:hidden}
.organization ul li a,
.organization ul li mark,
.organization ul li span,
.organization ul li strong,
.organization ul li button,
.organization .center h2 a{
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:#333;
	font-weight:400;
	border-radius:10px
}
.organization ul li span,
.organization .center h2{ background-color:#fff; border:2px solid #bec2c8}
.organization .center h2{ align-items:center; border-color:#1d99d6}
.organization ul li strong,.organization ul li mark{ color:#fff; background-color:#1d99d6}
.organization ul li mark{ background-color:#0ab6ce}
.organization ul li strong button,.organization ul li mark button{ color:#fff}
.organization ul li button,
.organization .center h2 button{ background:transparent; border:none; cursor:pointer}
.organization .center h2 a,.organization .center h2 button{ color:#1d99d6; font-weight:700}
.organization .center,.organization .dept,.organization .dept ul{ width:100%}
.organization .dept{ position:relative; z-index:1}
.organization .dept ul{ justify-content:space-between}
.organization .dept.organ1 ul,
.organization .dept.organ2 ul,
.organization .dept.organ3 ul,
.organization .dept.organ4 ul,
.organization .dept.organ6 ul{ background-image:url(/images/common/dot-lgrey.png); background-position:left center; background-repeat:repeat-x}
.organization .dept.organ2 ul li span,
.organization .dept.organ4 ul li span,
.organization .dept.organ5 ul li span{ border-color:#1d99d6}
.messge-box{ display:none}
.messge-box h3{ font-weight:500; color:#333}
.messge-box strong{ font-weight:400; color:#1d99d6}
.messge-box > div{ display:flex; align-items:center; justify-content:center; border:1px solid #e3e3e3; background:#fcfcfc}
.messge-box > div.table-scroll{ border:none; background:none; padding:0}
.messge-box .default{ margin-bottom:0}

.organization ul li{ width:181px; height:55px}
.organization ul li span,.organization ul li strong,.organization ul li mark,.organization ul li button{ font-size:16px}
.organization .center h2{ width:230px; height:130px; border-radius:65px}
.organization .center h2 a,.organization .center h2 button{ font-size:24px}
.organization .dept.organ1,
.organization .dept.organ3{ margin-top:60px}
.organization .dept.organ2{ justify-content:flex-end}
.organization .dept.organ2,
.organization .dept.organ4{ margin-top:35px}
.organization .dept.organ4,
.organization .dept.organ6{ padding:0 125px}
.organization .dept.organ5{ margin-top:20px; width:181px}
.organization .dept.organ6{ z-index:0; margin-top:-100px; align-items:flex-start}
.organization .dept.organ2 ul{ width:590px}
.organization .dept.organ5 ul{ flex-direction:column; align-items:center}
.organization .dept.organ5 ul li:nth-child(2){ margin:35px 0}
.messge-box{ margin-top:50px}
.messge-box h3{ margin-bottom:15px; font-size:20px}
.messge-box strong{ font-size:18px}
.messge-box > div{ padding:30px}
@media only screen and (max-width:1350px) {
	.organization ul li,
	.organization .dept ul li{ width:18%}
	.organization .dept.organ4,
	.organization .dept.organ6{ padding:0}
	.organization .dept.organ2 ul,
	.organization .dept.organ4 ul,
	.organization .dept.organ6 ul{ width:59%}
	.organization .dept.organ2 ul li,
	.organization .dept.organ4 ul li,
	.organization .dept.organ6 ul li{ width:30.5%}
	.organization .dept.organ5{ width:18%}
	.organization .dept.organ5 ul li{ width:100%}
}
@media only screen and (max-width:1250px) {
	.organization ul li span,.organization ul li strong,.organization ul li mark,.organization ul li button{ font-size:15px; line-height:18px}
	.organization .center h2{ width:200px; height:100px; border-radius:45px}
	.organization .center h2 a,.organization .center h2 button{ font-size:20px}
}
@media only screen and (max-width:768px) {
	.organization .center h2{ width:160px; height:80px; border-radius:35px}
	.organization .center h2 a,.organization .center h2 button{ font-size:18px}
	.messge-box span{ font-size:15px; line-height:24px}
	.messge-box strong{ font-size:16px; line-height:26px}
}
@media only screen and (max-width:550px) {
	.organization ul li{ height:40px}
	.organization ul li span,.organization ul li strong,.organization ul li mark,.organization ul li button{ font-size:13px; line-height:15px}
	.organization .center h2{ width:140px; height:70px; border-radius:30px}
	.organization .center h2 a,.organization .center h2 button{ font-size:16px}
	.organization .dept.organ1,
	.organization .dept.organ3{ margin-top:40px}
	.organization .dept.organ2,
	.organization .dept.organ4{ margin-top:20px}
	.organization .dept.organ5{ margin-top:10px}
	.organization .dept.organ6{ margin-top:-68px}
	.organization .dept.organ5 ul li:nth-child(2){ margin:15px 0}
	.organization ul li,
	.organization .dept ul li{ width:18.8%}
	.organization .dept.organ2 ul,
	.organization .dept.organ4 ul,
	.organization .dept.organ6 ul{ width:58.9%}
	.organization .dept.organ2 ul li,
	.organization .dept.organ4 ul li,
	.organization .dept.organ6 ul li{ width:32%}
	.organization .dept.organ5{ width:18.8%}
	.messge-box{ margin-top:30px}
	.messge-box h3{ font-size:18px}
	.messge-box > div{ padding:20px}
}