@charset "utf-8";

/**/
.subPage_title1 {font-size:38px; color:#3c3c3c; margin-bottom:40px; text-align:center; font-weight:bold;}
.subPage_title1 span {color:#2a95d2; }
.subPage_title2 {font-size:38px; color:#3c3c3c; font-weight:bold; border-bottom:solid 3px #2a95d2; padding-bottom: 20px;}
.subPage_title3 {position: relative; font-size:1.563rem; color:#292e3d; padding-left:20px;}
.subPage_title3:before {position: absolute; top:-2px; margin: 10px 0 0 -20px; vertical-align: middle; display: inline-block; width: 6px; height: 26px; content: ""; background:#292e3d; }
.subPage_title4 {font-size:28px; color:#3c3c3c; font-weight:400; background:url(../../pages/images/ico_001.png) no-repeat; line-height: 30px; padding-left: 40px;}


@media( max-width:1024px ) {
	.subPage_title1 {font-size:30px;}
	.subPage_title2 {font-size:30px;}
}
@media( max-width:768px ) {
	.subPage_title1 {font-size:20px;}
	.subPage_title2 {font-size:20px;}
}



/*문화제*/
.culture {}
.culture .cultureBox {width:100%; min-height:400px; background:#f2f5f7; border-top:solid 2px #2a95d2;}
.culture .cultureBox .left {float:left; width:502px; min-height:400px; background: #f2f5f7 url(../../pages/images/culture_001.png)no-repeat; background-position: center; }
.culture .cultureBox .right {float:left; width:898px; padding: 50px 20px 50px 0px; word-break: keep-all; background:#f2f5f7;}
.culture .cultureBox .right .txt1 {font-size:18px; line-height:32px; color:#333333;}
.culture .cultureBox .right .txt2 {font-size:18px; line-height:32px; color:#777777;}

.culture .cultureCircle {width:100%; margin-top: 88px;}
.culture .cultureCircle:after {display:block;height:0;content:"";font-size:0;visibility:hidden;clear:both;}
.culture .cultureCircle .sub {float:left; width:25%;}
.culture .cultureCircle .sub .subWrap {width:295px; height:295px; background:#01b2de; border-radius:150px; padding: 65px 20px;}
.culture .cultureCircle .sub .subWrap .thumb {text-align:center;}
.culture .cultureCircle .sub .subWrap .txt1 {font-size:36px; line-height:48px; letter-spacing:-0.025rem; color:#ffffff; font-weight:bold; text-align:center;}
.culture .cultureCircle .sub .subWrap .txt2 {font-size:18px; line-height:58px; color:#003b4a; text-align:center;}

.culture .cultureYoutube {width:100%; height:800px; padding-top: 30px;}
.culture .cultureYoutube embed,
.culture .cultureYoutube object,
.culture .cultureYoutube iframe {width: 100%; height: 100%; }

.culture .cultureYoutube iframe {display:block}
.culture .cultureYoutube object {display:none}

.culture .cultureYoutube1 {height:700px; }

.culture .cultureBtn {width:350px; height:65px; margin:0 auto; background:#1d61b9; color:#ffffff; font-size:22px; line-height:65px; text-align:center; margin-top:50px;}
.culture .cultureBtn img {line-height:65px; padding-bottom: 5px; padding-left: 15px;}
.culture .cultureBtn a {color:#ffffff; }
.culture .cultureBtn1 {background:#1d61b9; color:#ffffff; font-size:22px; line-height:65px; text-align:center; border: 0 none; padding: 0px 40px;}

.culture .cultureBtn2 {width:350px; height:105px; margin:0 auto; background:#CCCCCC; color:#ffffff; font-size:22px; line-height: 40px; padding-top: 13px; text-align:center; margin-top:50px;}
.culture .cultureBtn2 img {line-height:65px; padding-bottom: 5px; padding-left: 15px;}
.culture .cultureBtn2 a {color:#ffffff; }
.culture .cultureBtn2 span {font-size:16px;}

.culture .cultureBtn3 {width: 400px; height: auto; margin: 0 auto; background: #1d61b9; color: #ffffff; font-size: 22px; line-height: 35px; word-break: keep-all; text-align: center; margin-top: 50px; padding: 10px 30px;}


.culture .cultureTb1 {}
.culture .cultureTb1_1 {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:2px solid #2d4ca1; margin-top:50px; border-bottom:solid 1px #cccccc;}
.culture .cultureTb1_1 th {padding:10px 0; ;text-align:center; height:40px; font-size:1.125rem; color:#3c3c3c; }
.culture .cultureTb1_1 td {color:#777777; padding:10px 5px;line-height:1.4em;height:60px;word-break:break-all; font-size:1.125rem; padding-left:20px; }

.culture .cultureTb2 {width:100%;border-collapse:collapse;border-spacing: 0 5px; }
.culture .cultureTb2 th {padding:0px 0;text-align:center; width:25%; height:100px; font-size:28px; color:#ffffff; background:#00b6ad; border-right:solid 1px #dfdfdf; font-weight:100;}
.culture .cultureTb2 th:last-child {border-right:0;}
.culture .cultureTb2 td {color:#777777; padding:10px 5px;line-height:32px;height:60px;word-break:break-all; font-size:18px; padding-left:20px; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; text-align:center;}
.culture .cultureTb2 td:last-child {border-right:0; text-align: left;}

.culture .cultureTb3 {width:100%;border-collapse:collapse;border-spacing: 0 5px; border:solid 1px #dfdfdf; }
.culture .cultureTb3 th {padding:0px 0;text-align:center; width:25%; height:100px; font-size:18px; color:#ffffff; background:#00b6ad; border-right:solid 1px #dfdfdf; font-weight:100; word-break: keep-all;}
.culture .cultureTb3 td {color:#777777; padding:10px 5px;line-height:32px;height:60px;word-break:break-all; font-size:18px; padding-left:20px; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; text-align:center; word-break: keep-all;}


.culture .cultureBottom {padding-top:100px;}
.culture .cultureBoxBlock {width:100%; height:100%; background:#f2f5f7; padding: 50px; margin-top: 30px; margin-bottom: 90px;}
.culture .cultureBoxBlock .txt1 {padding: 20px 42px; font-size:18px; color:#777777; line-height:32px; word-break: keep-all;}

.culture .cultureBottomMobile {display:none;}

@media( max-width:1024px ) {
	.culture .cultureBox {min-height: 550px;}
	.culture .cultureBox .left {float: none; width: 100%; background-size: contain; min-height: 300px;}
	.culture .cultureBox .right {float: none; width: 100%; padding: 10px;}
	.culture .cultureCircle {margin-top: 30px;}
	.culture .cultureCircle .sub {width:50%;}
	.culture .cultureCircle .sub .subWrap {margin:0 auto; margin-bottom:15px; }
	.culture .cultureYoutube {height: 600px;}
}

@media( max-width:768px ) {
	.culture .cultureBox .left {float: none; width: 100%; background-size: contain; min-height: 300px;}
	.culture .cultureBox .right {float: none; width: 100%; padding: 10px;}
	.culture .cultureCircle .sub {width: 100%; float: none; }
	.culture .cultureYoutube {height: 300px;}
	.culture .cultureBottom {display:none;}
	.culture .cultureBottomMobile {display:block;}
}

/*	자가진단*/
.self_exam {}
.self_exam .selfBox {width:100%; height:100%; background:#f2f5f7; padding: 30px; margin-bottom: 30px;}
.self_exam .selfBox .txt {padding: 20px 42px; font-size:18px; color:#777777; line-height:32px; word-break: keep-all;}
.self_exam .selfBox .txt li {position: relative;padding-left:12px; }
.self_exam .selfBox .txt li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 5px; height: 1px; background: #777777; content: ""; }

.self_exam .selfResultBox1 {width:100%; border:solid 2px #00b6ad; padding:0px; margin: 0px; margin-bottom: 50px;}
.self_exam .selfResultBox1 .title {width: 100%; background: #00b6ad; text-align: center; color: #ffffff; font-size: 30px; line-height: 60px; margin: 0px; padding: 10px;}
.self_exam .selfResultBox1 .txt {font-size: 20px; text-align: center; padding: 30px; line-height: 50px;}
.self_exam .selfResultBox1 .txt span {color:#24479e; font-weight:600; font-size: 23px;}
.self_exam .selfResultBox1 .result {padding: 50px 60px; font-size: 18px; color: #777777; line-height: 32px; word-break: keep-all; border-top: dotted 5px #efefef; text-align: center;}

.self_exam .selfResultBox2 {width:100%; height:100%; background:#f2f5f7; padding: 30px; margin-bottom: 30px;}
.self_exam .selfResultBox2 .title {}
.self_exam .selfResultBox2 .txt {padding: 20px 42px; font-size:18px; color:#777777; line-height:32px; word-break: keep-all;}
.self_exam .selfResultBox2 .btn {width:100%; height: 100%;}
.self_exam .selfResultBox2 .btn .btnMore {width: 350px; background: #1d61b9; color: #ffffff; margin: 0 auto; font-size: 25px; line-height: 50px; padding: 20px;}

.self_exam .selfBtnSec {text-align: center;}
.self_exam .selfBtnSec .selfBtn {width:350px; height:65px; background:#1d61b9; color:#ffffff; font-size:22px; line-height:65px; text-align:center; }
.self_exam .selfBtnSec .selfBtn img {line-height:65px; padding-bottom: 5px; padding-left: 15px;}
.self_exam .selfBtnSec .selfBtn a {color:#ffffff; }


.self_exam .seTb1 {}
.self_exam .seTb1_1 {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:2px solid #2d4ca1; margin-top:50px; border-bottom:solid 1px #cccccc;}
.self_exam .seTb1_1 th {padding:10px 0; ;text-align:center; height:40px; font-size:1.125rem; color:#3c3c3c; }
.self_exam .seTb1_1 td {color:#777777; padding:10px 5px;line-height:1.4em;height:60px;word-break:break-all; font-size:1.125rem; padding-left:20px; }

.self_exam .selfChkTb1 {width:100%;border-collapse:collapse; border:solid 1px #cccccc; margin-bottom: 50px;}
.self_exam .selfChkTb1 th {padding:10px 15px; text-align:center; height:40px; font-size:1.125rem; color:#3c3c3c; border:solid 1px #cccccc;}
.self_exam .selfChkTb1 th.ans {width:90px;}
.self_exam .selfChkTb1 th.ans1 {width:10%;}
.self_exam .selfChkTb1 td {color:#777777; padding:10px 15px;line-height:1.4em;height:60px; font-size:1.125rem; border:solid 1px #cccccc; text-align:center; word-break: keep-all;}
.self_exam .selfChkTb1 td.content {text-align:left; }
.self_exam .selfChkTb1 td.content1 {text-align:left;}
.self_exam .selfChkTb1 td.content1 .con1 {line-height: 32px;}
.self_exam .selfChkTb1 td.content2 {text-align:left; width:40%}

@media( max-width:1024px ) {
	.self_exam .selfBox {padding: 20px; margin-bottom: 50px;}
	.self_exam .selfBox .txt {padding: 0px 0px;}
	.self_exam .selfChkTb1 th.ans {width:5%;}

	.self_exam .selfChkTb1 th {padding: 10px 8px;}
}
@media( max-width:768px ) {
	.self_exam .selfChkTb1 th {font-size: 1.0rem;}
	.self_exam .selfChkTb1 td {padding: 10px 8px; font-size: 1.0rem;}
}

table.t_01 {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:2px solid #2d4ca1; margin-top:50px;  }
table.t_01 th {padding:10px 0; ;text-align:center; border-top:1px solid #dddddd; background:#f1f1f1;height:40px; font-size:1.125rem; color:#3c3c3c; }
table.t_01 td {color:#777777; padding:10px 5px;border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:1.4em;height:60px;word-break:break-all; font-size:1.125rem; padding-left:20px; }
table.t_01 td:last-child {border-right:0 none; }

/* 인사말 */
.message {}
.message h4{font-size:2.0em;color:#205aa9;line-height:1.5;word-break:keep-all;position:relative;display:inline-block;padding-bottom:50px;}
.message h4:before {content:'';position: absolute;top:0;left: -36px;background:url(../img/dot1.png) no-repeat;background-size:contain;width:26px;height:21px;}
.message h4:after  {content:'';position: absolute;top:0;right:-30px;background:url(../img/dot2.png) no-repeat;background-size:contain;width:26px;height:21px;}

.message .img{float:left; margin:0px 70px 0 0;}
.message .img img {max-width:100%}
.message .txt{float:left; margin:0 0 0 50px; width:650px;font-size:18px;}

.message .txt p {font-size:1.0em; color:#666; line-height:1.5; margin:0 0 50px 0;word-break:keep-all;}
.message .txt p.last {font-size:1.25em;color:#333;margin:80px 0 0;text-align:right;}

@media all and (max-width:1024px){
	.message h4 {font-size:1.3em;margin: 0px 37px 10px;padding-bottom: 14px;}
	.message .img {float:none;margin:0px 0 10px;}
	.message .txt {float:none;margin: 0 0 0 0px;width:auto;}
	.message .txt p {margin:0px 0 10px;}
	.message .txt p.last {font-size:1.0em;margin:0;}
}

@media all and (max-width:768px){

}


/*company*/
.company .companyWrap .company_top{font-size:4.3rem;color:#212121;font-weight:400;margin-top:60px}
.company .companyWrap .company_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 15px 65px;}

.company .company_table{clear:both; border-collapse:collapse; width:100%; margin-top:20px; border-top:1px solid #555; }
.company .company_table th{font-size:16px; color:#222; text-align:center; background:#f5f5f5; border-bottom:#cccccc 1px solid;background:#efefef}
.company .company_table td{font-size:16px; color:#222; text-align:left; line-height:30px; padding:10px 10px 10px 30px; background:#FFF; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}
.company .company_table td.no{border-right:#fff 1px solid;}
.company_top .message_img .message_img_box img{width:100%}
.company_bot .message_img_box{display:inline-block;width:49%;vertical-align:top}

.company_bot .message_img_box h2{font-size:37px;position:relative}
/* .company_bot .message_img_box h2:after{display:block;content:"";width:44px;height:3px;background:#1a90e2;position:absolute;top:66px;left:4px;}
 */.company_bot .message_img_box p{font-size:24px;padding-top:26px;}
.company_bot .img_txt{padding:10px 50px}
.company .companyWrap .company_top .message_txt{font-size:1.8rem;padding:30px 0 50px 0;}
@media all and (max-width:1024px){

}

@media all and (max-width:768px){
.company .companyWrap .company_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 60px 25px;}
.company_bot .message_img_box{width:100%}
.company_bot .img_txt{padding:10px 0px}
}


/*	오시는길 Start*/
.location {width:100%; height:100%;}
.location .locationTop {width:100%; height:100%;}
.location .locationTop .map_info {width:100%; height:600px}
.location .locationTop .map_info_m{display:none}

.location .locationBtm {width:100%; height:100%; padding-top: 75px;}
.location .locationBtm .loc_left {float:left; width:400px;}
.location .locationBtm .loc_left img {max-width:100%;}
.location .locationBtm .loc_right {float:left; width:1000px;}
.location .locationBtm .loc_right .locTable01 {width:100%; border-collapse:collapse; border-top: solid 2px #131928; word-break: keep-all;}
.location .locationBtm .loc_right .locTable01 caption {display:none}
.location .locationBtm .loc_right .locTable01 th {width: 150px; font-size:18px; line-height:55px; color:#252525; border-bottom: 1px solid #adadad; vertical-align: top;}
.location .locationBtm .loc_right .locTable01 td {font-size:16px; line-height:26px; color:#252525; text-align:left; padding: 15px; border-bottom: 1px solid #adadad;}

@media screen and (max-width: 1024px){
	.location .locationBtm .loc_left {float: none; width: 100%; text-align: center; padding: 20px 0px; 	}
	.location .locationBtm .loc_right {float: none; width: 100%; }
}

@media (max-width: 768px) {
	.location .locationTop .map_info{display:none}
	.location .locationTop .map_info_m{display:block}
	.location .locationBtm {padding-top: 25px;}
	.location .locationBtm .loc_right .locTable01 colgroup .col1 {width:100%;}
	.location .locationBtm .loc_right .locTable01 colgroup .col2 {width:100%;}
	.location .locationBtm .loc_right .locTable01 th, .location .locationBtm .loc_right .locTable01 td {display:block}
	.location .locationBtm .loc_right .locTable01 th {border-bottom:0 !important; width: 100%; line-height: 35px; text-align: left; padding: 10px 0px 0px 15px;}
	.location .locationBtm .loc_right .locTable01 td {padding: 0px 15px 10px;}
}
/*	오시는길 End*/


.ci {}
.ci .ci_1 {}
.ci .ci_1 .txt {font-size:18px; line-height:32px; color:#777777; padding-top: 20px; word-break: keep-all; letter-spacing: -0.015rem;}

.ci .ci_1 .txt span {font-weight:bold; color:#3c3c3c;}
.ci .ci_1 .logoSec {width:100%; height:243px; margin-top: 20px; margin-bottom: 85px; background:url(../../pages/images/ci_grid.png);}
.ci .ci_1 .logoSec .logo1 {text-align: center; padding-top: 60px;}
.ci .ci_1 .logoSec .logo1 img {max-width:100%;}
.ci .ci_1 .logoSec .logo2 {text-align: center; padding-top: 35px;}
.ci .ci_1 .logoSec .logo2 img {max-width:100%;}

.ci .ci_1 .missionSec {width:100%; height:300px; background:#f2f5f7; margin-top: 25px; margin-bottom: 85px;}
.ci .ci_1 .missionSec .sub {float:left; width:25%; padding-top: 10px; position: relative;}
.ci .ci_1 .missionSec .sub:before {content : ""; position: absolute; right: 0; bottom: 0; height: 160px; width: 1px; border-left:1px solid #cdcdcd; }
.ci .ci_1 .missionSec .sub:last-child:before {width:0px; height:0px;}
.ci .ci_1 .missionSec .sub .subWrap {}
.ci .ci_1 .missionSec .sub .subWrap .thumb {width:100px; height:100px; margin: 0 auto; margin-top: 75px;}
.ci .ci_1 .missionSec .sub .subWrap .thumb1 {background:url(../../pages/images/ico_ci1_1.png) no-repeat; background-position: center center;}
.ci .ci_1 .missionSec .sub .subWrap .thumb2 {background:url(../../pages/images/ico_ci1_2.png) no-repeat; background-position: center center;}
.ci .ci_1 .missionSec .sub .subWrap .thumb3 {background:url(../../pages/images/ico_ci1_3.png) no-repeat; background-position: center center;}
.ci .ci_1 .missionSec .sub .subWrap .thumb4 {background:url(../../pages/images/ico_ci1_4.png) no-repeat; background-position: center center;}
.ci .ci_1 .missionSec .sub .subWrap .txt1 {font-size:38px; color:#3c3c3c; text-align: center;}
.ci .ci_1 .missionSec .sub .subWrap .txt1 span {font-weight:bold;}

.ci .ci_1 .visionSec {width:100%; height:352px; background:url(../../pages/images/ci_bg.jpg) no-repeat; background-position: center center; margin-top: 30px; margin-bottom: 85px;}
.ci .ci_1 .visionSec .txt1 {text-align:center; padding-top: 150px;}
.ci .ci_1 .visionSec .txt1 .txt12 {font-size:38px; color:#ffffff; position: relative; margin-left: 75px; margin-right: 75px; word-break: keep-all;}
.ci .ci_1 .visionSec .txt1 .txt12:before {content : ""; position: absolute; left: -74px; top: 0; height: 41px; width: 59px; background:url(../../pages/images/ico_ci2_1.png) no-repeat; background-position: center center;}
.ci .ci_1 .visionSec .txt1 .txt12:after {content : ""; position: absolute; right: -74px; bottom: 0; height: 41px; width: 59px; background:url(../../pages/images/ico_ci2_2.png) no-repeat; background-position: center center;}
.ci .ci_1 .visionSec .txt1 .txt12 .txt12_b {font-weight:bold;}

.ci .ci_1 .valueSec {display: table; width: 100%; border-bottom: solid 1px #dfdfdf; height: 100px;}
.ci .ci_1 .valueSec .value1 {display: table-cell; width:300px; text-align:center; font-size:28px; color:#3c3c3c; background:#f2f5f7; line-height: 100px; word-break: keep-all;}
.ci .ci_1 .valueSec .value2 {display: table-cell; vertical-align: middle; padding-left:50px; }
.ci .ci_1 .valueSec .value2 .txt1 {font-size:18px; line-height:32px; color:#3c3c3c; word-break: keep-all;}
.ci .ci_1 .valueSec .value2 .txt2 {font-size:18px; line-height:32px; color:#777777; word-break: keep-all;}

@media( max-width:768px ) {
	.ci .ci_1 .missionSec .sub {float: left; width: 100%; background: #f2f5f7;}
	.ci .ci_1 .missionSec .sub:before {width:0px; height:0px;}
	.ci .ci_1 .missionSec .sub .subWrap .thumb {margin-top: 25px;}
	.ci .ci_1 .missionSec .sub .subWrap .txt1 {margin-bottom: 25px;}
	.ci .ci_1 .logoSec .logo1 img {max-width:90%;}
	.ci .ci_1 .visionSec .txt1 .txt12 {font-size: 25px; margin-left: 25px; margin-right: 25px;}
	.ci .ci_1 .visionSec .txt1 .txt12:before {background-size: contain !important; left: -40px; height: 21px; width: 30px;}
	.ci .ci_1 .visionSec .txt1 .txt12:after {background-size: contain !important; right: -40px; height: 21px; width: 30px;}
	.ci .ci_1 .valueSec .value1 {display: block; width: 100%; }
	.ci .ci_1 .valueSec .value2 {display: block; margin-bottom: 40px; margin-top: 20px; padding: 0px 10px;}
}


.history_wrap {margin:0;}
.history_wrap h4{font-size:2.0em; color:#666; line-height:1.5;word-break:keep-all;margin:30px 0;}
.history_wrap h4 span.blue1  {color:#0a3f98; font-weight:bold; }
.history_wrap h4 span.blue2  {color:#205aa9; font-weight:bold; }

.history_wrap .img{}
.history_wrap .img img {max-width:100%}

.history_right {border-top:2px solid #03347b;position:relative; z-index:1;}
.history_right:after{background:url(../../company/images/history_bg.jpg) no-repeat;opacity:0.4!important; top:0;right:0; position:absolute; z-index:-1; content:''; width:79%; height:100%;}
.history {padding:30px 0;border-bottom:1px solid #dddddd;}
.history:after {content:'';clear:both;display:block;}
.history p {width:120px; float:left; font-weight:bold; font-size:1.75em; color:#333; margin-top:0px; margin-left:10px;margin-bottom:10px;}
.history .history_txt {float:left; margin-top:8px;}
.history dl {margin-bottom:10px;width:100%}
.history dt {width:70px; font-size:1.1em; color:#2b3137; line-height:1.5; font-weight:700; display:inline-block; vertical-align:top;}
.history dd {width:auto; font-size:1.0em; color:#666; line-height:1.5; display:inline-block }



@media all and (max-width:1024px){
	.history_right:after{display:none}

	.history_wrap h4 {font-size:1.3em;margin:0px 0 10px;}
	.history {padding:10px 0;}
	.history p {float:none;width:auto;font-size:1.2em;margin-left:0;}
	.history .history_txt {margin-top:0;float:none;}

	.history dt {font-size:1.0em;width:10%;}
	.history dd {width:80%;}

}

@media all and (max-width:768px){
	
	.history dt {font-size:0.8em;}
	.history dd {font-size:0.8em;}

}

@media all and (max-width:375px){
.history_wrap h4{font-size:1.1em}

}






/*	센터소개 > 연혁*/
.history {}
.history .historyWrap {}
.history .historyWrap:after {display:block;height:0;content:"";font-size:0;visibility:hidden;clear:both;}
.history .historyWrap .left {float:left; font-size:70px; font-weight:bold; color:#3c3c3c; padding-right: 125px; position: relative;}
.history .historyWrap .left:after {content : ""; position: absolute; right: 0; top: 38px; height: 1px; width: 124px; background-image: linear-gradient(to right, #71b8e1 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 3px 1px; background-repeat: repeat-x; }

.history .historyWrap .right {float:left; display: table-cell; padding-top: 20px; padding-left: 20px; padding-bottom: 100px; position: relative;}
.history .historyWrap .right .rightWrap {padding: 0px 0px 10px}
.history .historyWrap .right .rightWrap:before {content : ""; position: absolute; left: 0; top: 39px; height: 100%; width: 1px; border-left:1px solid #2a95d2; }

.history .historyWrap .right .rightWrap .month {display: table-cell; font-size:28px; font-weight:bold; color:#2a95d2; position: relative;}
.history .historyWrap .right .rightWrap .month:before {content: ""; position: absolute; left: -23px; top: 15px; width: 7px; height: 7px; border-radius: 10px; background: #2a95d2; }
.history .historyWrap .right .rightWrap .content {display: table-cell; font-size:18px; line-height:29px; color:#777777; padding-left:50px; word-break: keep-all;}

@media( max-width:1024px ) {
	.history .historyWrap .left {float: none; font-size: 50px;}
	.history .historyWrap .left:after {width:0px; height:0px;}
	.history .historyWrap .right {float: none; padding-bottom: 50px;}
	.history .historyWrap .right .rightWrap:before {width:0px; height:0px;}
	.history .historyWrap .right .rightWrap .month:before {left: -15px; top: 18px;}
	.history .historyWrap .right .rightWrap .content {padding-left: 30px;}
}


/*	센터소개 > 조직도*/
.organization {}
.organization .organizationWrap {}
.organization .organizationWrap img {max-width:100%;}


/*	센터소개 > 이용안내	*/
.use {}
.use .useWrap1 {padding-top: 30px; margin-bottom: 85px; height: 250px;}
.use .useWrap1 .left {float:left; width:50%; }
.use .useWrap1 .left .leftWrap {width:650px; height:220px; background:#00b2dd; font-size:28px; line-height:42px; color:#ffffff; text-align:center; word-break: keep-all; margin-right:50px; padding: 68px 120px;}
.use .useWrap1 .right {float:left; width:50%;}
.use .useWrap1 .right .sub {width:100%; height:60px; background:#f2f5f7; font-size:18px; line-height:60px; color:#3c3c3c; margin-bottom:20px; position: relative; padding-left: 45px; word-break: keep-all;}
.use .useWrap1 .right .sub:before {content : ""; position: absolute; left: 0; bottom: 0; height: 100%; width: 5px; border-left:5px solid #00b2dd;}

.use .useWrap2 {width:100%; display:table;}
.use .useWrap2 .sub {display:table-cell; width: 33.33%; border-right:solid 1px #dfdfdf;}
.use .useWrap2 .sub:last-child {border-right:0 none;}
.use .useWrap2 .sub .content1 {font-size:28px; line-height:100px; color:#3c3c3c; text-align:center; background:#f2f5f7; }
.use .useWrap2 .sub .content2 {font-size:18px; line-height:32px; color:#777777; text-align:center; border-bottom:solid 1px #dfdfdf; padding: 20px 0px;}
.use .useWrap2 .sub .content2 span {font-weight:bold; color:#3c3c3c;}

@media( max-width:1024px ) {
	.use .useWrap1 {height: 100%;}
	.use .useWrap1 .left {float: none; width: 100%; margin-bottom: 30px;}
	.use .useWrap1 .left .leftWrap {width: 100%; height: 100%; padding: 50px}
	.use .useWrap1 .right {float: none; width: 100%; }

	.use .useWrap2 {display:block;}
	.use .useWrap2 .sub {display:block; width: 100%; border-right:0 none;}
	.use .useWrap1 .right .sub {height: 100%;}
}


/*	센터소개 > 오시는길	*/
.location {position: relative;}
.location .loc_map {width:1400px; height:550px; }
.location .locInfo {width: 1200px; height: 285px; margin: 0 auto; background: #2a95d2; z-index: 99; margin-top:-70px; position: absolute; left: 50%; margin-left: -600px;}
.location .locInfo:after {display:block;height:0;content:"";font-size:0;visibility:hidden;clear:both;}
.location .locInfo .left {float:left; width:50%;}
.location .locInfo .left .leftWrap {font-size:38px; line-height:285px; font-weight:bold; color:#ffffff; text-align: center;}
.location .locInfo .right {float:left; width:50%; padding: 62px 70px;}
.location .locInfo .right .rightWrap {}
.location .locInfo .right .rightWrap .sub {font-size:18px; line-height:40px; color:#ffffff;}
.location .locInfo .right .rightWrap .sub:after {display:block;height:0;content:"";font-size:0;visibility:hidden;clear:both;}
.location .locInfo .right .rightWrap .sub .subLeft {float:left; width:100px;}
.location .locInfo .right .rightWrap .sub .subRight {float:left; word-break: keep-all;}

.location .locBtm {width:100%; height:100%; padding-top: 285px;}
.location .locBtm .sub {float: left; width: 50%; height:95px; padding-left: 125px;}
.location .locBtm .sub1 {background:url(../../pages/images/ico_location1_1.png) no-repeat;}
.location .locBtm .sub2 {background:url(../../pages/images/ico_location1_2.png) no-repeat;}
.location .locBtm .sub .txt1 {font-size:28px; line-height:52px; letter-spacing:-0.05rem; color:#3c3c3c;}
.location .locBtm .sub .txt1 span {font-weight:bold;}
.location .locBtm .sub .txt2 {font-size:18px; line-height:30px; color:#666666; word-break: keep-all;}

@media( max-width:1024px ) {
	.location .loc_map {width: 100% !important; }
	.location .locInfo {width: 100%; height: 100%; margin-top: 20px; position: relative; margin-left: 0px; left: 0;}
	.location .locInfo .left {float: none; width: 100%; }
	.location .locInfo .left .leftWrap {line-height: 100px;}

	.location .locBtm {padding-top: 50px;}
	.location .locBtm .sub {float: none; width: 100%; margin-bottom: 30px;}
	.location .locInfo .right {float: none; width: 100%; padding: 20px 70px; }
}

@media( max-width:768px ) {
	.location .locInfo .left .leftWrap {font-size: 25px; }
	.location .locInfo .right {padding: 0px 20px 20px;}
	.location .locInfo .right .rightWrap .sub .subLeft {font-size: 16px; width: 30%;}
	.location .locInfo .right .rightWrap .sub .subRight {width: 70%; font-size: 16px;}
	.location .locBtm .sub .txt1 {font-size: 20px;}
	.location .locBtm .sub .txt2 {font-size: 16px;}
}

/*	사업안내 */
.business01 {width:100%; height:100%; }
.business01 .businessBox {width:100%; background:#f2f5f7; padding: 50px 65px; margin-bottom: 85px;}
.business01 .businessBox ul {}
.business01 .businessBox ul li {font-size:18px; line-height:32px; color:#777777; position: relative; word-break: keep-all;}
.business01 .businessBox ul li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 4px; background: #3e9ed6; border-radius:4px; content: ""; }


@media( max-width:768px ) {
	.business01 .businessBox {padding: 30px; margin-bottom: 35px;}
	.business01 .businessBox ul li {font-size: 16px;}
}

/*	정신건강정보 */
.info {width:100%; height:100%; }
.info .infoBox {width:100%; background:#f2f5f7; padding: 50px 50px; margin-bottom: 85px;}
.info .infoBox ul {padding-left: 50px; padding-top: 15px; margin-bottom: 50px;}
.info .infoBox ul li {font-size:18px; line-height:32px; color:#777777; position: relative; word-break: keep-all;}
.info .infoBox ul li span {font-weight:bold; color:#3c3c3c;}
.info .infoBox ul li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 4px; background: #3e9ed6; border-radius:4px; content: ""; }
.info .infoBox ul.ul1 {padding-left: 0px; padding-top: 15px; margin-bottom: 50px;}
.info .infoBox ul.ul1 li {font-size:18px; line-height:32px; color:#777777; position: relative; word-break: keep-all;}
.info .infoBox ul.ul1 li span {font-weight:bold; color:#3c3c3c;}
.info .infoBox ul.ul1 li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 4px; background: #3e9ed6; border-radius:4px; content: ""; }
.info .infoBox ul.ul2 {padding-left: 10px; padding-top: 0px; margin-bottom: 50px; margin-top: -30px;}
.info .infoBox ul.ul2 li {font-size:18px; line-height:32px; color:#777777; position: relative; word-break: keep-all;}
.info .infoBox ul.ul2 li span {font-weight:bold; color:#3c3c3c;}
.info .infoBox ul.ul2 li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 1px; background: #666666; content: ""; }

.info .infoBox ul.ul2_b2 {margin-top: 0px; margin-bottom: 10px;}

.info .infoBox .infoBoxTitle1 {background:url(../../pages/images/ico_001.png) no-repeat; font-size:28px; line-height:32px; color:#3c3c3c; padding-left: 40px; word-break: keep-all;}
.info .infoBox .infoBoxTitle1_b50 {margin-bottom:50px;}
.info .infoBox .infoBoxTxt1 {font-size:18px; line-height:32px; color:#777777; word-break: keep-all; padding-left: 40px; margin-top: 12px;}
.info .infoBox .infoBoxTxt1 span {font-weight:bold; color:#3c3c3c;}
.info .infoBox .infoBoxTxt2 {font-size:18px; line-height:32px; color:#777777; word-break: keep-all; margin-top: 12px;}
.info .infoBox .infoBoxTxt2 span {font-weight:bold; color:#3c3c3c;}
.info .infoBox .infoBoxTxt3 {font-size:18px; line-height:32px; color:#777777; word-break: keep-all; padding-left: 40px; margin-top: 12px; margin-bottom:40px;}
.info .infoBox .infoBoxTxt3 span {font-weight:bold; color:#3c3c3c;}
.info .infoBox .infoTxt1 {font-size:18px; line-height:32px; color:#c61313;}

.info .infoSubTitle1 {background:#24479e; width: 100%; height: 50px; border-radius: 50px;}
.info .infoSubTitle1 .left {float:left; width:50%; font-size:18px; line-height:50px; color:#ffffff; padding-left: 85px; background: url(../../pages/images/icon_info1.png) no-repeat; background-position: 50px center;}
.info .infoSubTitle1 .right {float:left; width:50%; font-size:18px; line-height:50px; color:#f8ec34; text-align: right; padding-right: 40px;}

.info .infoContent1 {width:100%; margin-top: 30px;}
.info .infoContent1 .sub {float:left; width:33.33%; margin-bottom: 90px;}
.info .infoContent1 .sub .subWrap {width:420px; margin:0 auto;}
.info .infoContent1 .sub .subWrap .top {height:70px; font-size:28px; line-height:70px; color:#ffffff; text-align:center; background:#00b6ad;}
.info .infoContent1 .sub .subWrap .btm {border:solid 5px #00b6ad; height:550px; padding: 25px;}
.info .infoContent1 .sub .subWrap .btm .btmWrap {}
.info .infoContent1 .sub .subWrap .btm .btmWrap .chk { position: relative; width:100%; font-size:18px; line-height:39px; color:#777777;}

.info .infoContent1 .sub .subWrap .btm .btmWrap .chk input[type=checkbox] {display: none;}
.info .infoContent1 .sub .subWrap .btm .btmWrap .chk input[type=checkbox] + label{ cursor: pointer; padding-left:25px;}
.info .infoContent1 .sub .subWrap .btm .btmWrap .chk input[type=checkbox] + label:before {content: ""; width: 15px; height: 15px; margin-right: 10px; position: absolute; top: 15px; left: 0; background-color: #ffffff; border-radius: 2px; border: solid 1px #00b6ad; }
.info .infoContent1 .sub .subWrap .btm .btmWrap .chk input[type=checkbox]:checked + label:before{content: "\2714"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 10px; font-weight:600; color: #fff; background:#2f87c1; text-align: center; line-height: 15px;}

@media( max-width:1024px ) {
	.info .infoSubTitle1 {height: 100%; }
	.info .infoSubTitle1 .left {float: none; width: 100%;}
	.info .infoSubTitle1 .right {float: none; width: 100%;}
	.info .infoContent1 .sub {float: none; width: 100%; margin-bottom: 20px;}

}

@media( max-width:768px ) {
	.info .infoBox {padding: 20px; margin-bottom: 55px;}
	.info .infoBox .infoBoxTitle1 {font-size: 22px;}
	.info .infoBox .infoBoxTxt1 {font-size: 16px; padding-left: 30px;}
	.info .infoContent1 .sub .subWrap {width: 90%;}
	.info .infoSubTitle1 .right {font-size: 16px; line-height: 20px; word-break: keep-all; padding-bottom: 10px;}
	.info .infoContent1 .sub .subWrap .btm {height: 100%;}
	.info .infoContent1 .sub .subWrap .btm .btmWrap .chk {font-size: 16px !important;}
	.info .infoBox ul li {font-size: 16px;}
	.info .infoBox ul {padding-left: 30px;}

}

/***********************************************/

/*	회사개요	*/
.company {width:100%;}
.company .img_sec {margin-top:30px; }


/*	기술현황	*/
.tech {width:100%; }

.tech .tech_box1 {width:100%; padding:50px 39px; background:#ededed; font-size:1.125rem; color:#3f3f3f; word-break: keep-all; margin-top:20px;}
.tech .tech_box2 {width:100%;}
.tech .tech_box2:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.tech .tech_box2 .left {float:left; width:600px;}
.tech .tech_box2 .right {float:left; width:600px; font-size:1.125rem; color:#303030; padding-left:80px; padding-top:110px;}
.tech .tech_box3 {width:100%; border:solid 1px #aaaaaa; padding:70px 60px;}


.tech .sub_txt1 {padding-left:0px; }
.tech .sub_txt1_list {position: relative; padding-left:10px; font-size:1.125rem; line-height:1.875rem; color:#484848; padding-top:30px; font-weight:500;}
.tech .sub_txt1_list:before {position: absolute; top: 35px; margin: 10px 0 0 -10px; vertical-align: middle; display: inline-block; width: 2px; height: 2px; content: ""; background:#484848; }
.tech .sub_txt1_list .font_light {font-weight:100}

.tech .sub_txt2 {padding-left:0px; }
.tech .sub_txt2_list {position: relative; padding-left:10px; font-size:1.125rem; line-height:1.875rem; color:#484848; }
.tech .sub_txt2_list:before {position: absolute; top: 5px; margin: 10px 0 0 -10px; vertical-align: middle; display: inline-block; width: 6px; height: 2px; content: ""; background:#484848; }

.tech .sub_txt3 {padding-left:0px; }
.tech .sub_txt3_list {position: relative; padding-left:10px; font-size:1.125rem; line-height:1.875rem; color:#484848; }


table.t_02 {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:2px solid #2d4ca1; margin-top:50px; }
table.t_02 th {padding:10px 0; ;text-align:center; border-top:1px solid #dddddd; background:#f1f1f1;height:40px; font-size:1.125rem; color:#3c3c3c; }
table.t_02 td {color:#777777; padding:10px 5px;border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:1.4em;height:60px;word-break:break-all; font-size:1.125rem; padding-left:20px; }
table.t_02 td:last-child {border-right:0 none; }

.product {width:100%;}
.product .product_box1 {width:100%; height:100%; min-height:280px; padding:90px 70px; background:#ededed; font-size:1.125rem; color:#3f3f3f; word-break: keep-all; margin-top:20px;}
.product .product_box1 .sub {float:left; width:292px; margin-right:90px;}
.product .product_box1 .sub:nth-child(3n+3) {margin-right:0px;}


/* 코로나19 심리지원 */
.covid_support .covid_bg{background:url(../../pages/images/covid_bg.jpg) no-repeat;width:100%;height:1688px;background-size:100%}
.covid_support .covid_bg .covid_tit{text-align:center;padding:70px 0 70px 0;color:#ffffff}
.covid_support .covid_bg .covid_tit h2{font-size:52px;font-weight:bold;padding-bottom:20px;}
.covid_support .covid_bg .covid_tit p{font-size:21px;}
.covid_support .covid_bg .covid_content{width:1200px;margin:0 auto; background:#ffffff;padding-top:65px;height:auto;}
.covid_support .covid_bg .covid_content .content_tit{font-size:30px;text-align:center;;}
.covid_support .covid_bg .covid_content .content_tit .tit_box{position:relative;color:#ffffff;width:448px;height:100px;margin:0 auto;line-height:100px;border-radius:15px;background:#2c95d9;margin-bottom:110px;}
.covid_support .covid_bg .covid_content .content_tit .tit_box:after{content:"";display:block;width:338px;height:6px;background:#ffffff;position:absolute;bottom:13px;left:12%}
.covid_support .covid_bg .covid_content .content_tit .tit_box:before{content:"";display:block;width:338px;height:6px;background:#ffffff;position:absolute;top:13px;left:12%}
.content_box{padding:0 102px;}
.content_box .content{display:inline-block;width:33%;text-align:center;vertical-align:top;}
.content_box .content .content_txt{font-size:18px;margin:19px 0 66px 0}
.covid_support .covid_bg .bottom_txt{font-size:20px;text-align:center;color:#ff0000;padding-top:57px;}

.covid_support .bot_content .content_tit{font-size:30px;text-align:center;margin-top:100px;margin-bottom:70px}
.covid_support .bot_content .content_tit .tit_box{position:relative;color:#ffffff;width:448px;height:100px;margin:0 auto;line-height:100px;border-radius:15px;background:#2c95d9;margin-bottom:40px;}
.covid_support .bot_content .content_tit .tit_box:after{content:"";display:block;width:338px;height:6px;background:#ffffff;position:absolute;bottom:13px;left:12%}
.covid_support .bot_content .content_tit .tit_box:before{content:"";display:block;width:338px;height:6px;background:#ffffff;position:absolute;top:13px;left:12%}
.covid_support .bot_content .content_tit p{font-size:21px;}
.covid_support .bot_content .bot_box{border:1px solid #bfbfbf;padding:54px 140px;margin-bottom:25px;}
.covid_support .bot_content .bot_box p{font-size:19px;}
.covid_support .bot_content .bot_box p span{font-size:25px;font-weight:bold}
.covid_support .bot_content .bot_box h2{padding-bottom:8px;position:relative;font-size:21px;}
.covid_support .bot_content .bot_box h2:after{content:"";display:block;background:url(../../pages/images/check_icon.png);width:35px;height:35px;position:absolute;top:0;left:-60px}

@media( max-width:1024px ) {
.covid_support .covid_bg{background:url(../../pages/images/covid_bg.jpg) no-repeat;width:100%;height:100%;background-size:cover}

.covid_support .covid_bg .covid_content{width:100%;margin:0 auto; background:#ffffff;padding-top:65px;height:auto;}


}

@media( max-width:768px ) {
.content_box .content{display:block;text-align:center;width:100%}
.covid_support .covid_bg .covid_content .content_tit{font-size:24px}
.covid_support .covid_bg .covid_tit h2{font-size:26px;}
.covid_support .covid_bg .covid_tit p{font-size:14px;}
.covid_support .covid_bg .covid_content .content_tit .tit_box{width:100%;margin-bottom:35px}
.covid_support .covid_bg .covid_content .content_tit .tit_box:before{width:75%}
.covid_support .covid_bg .covid_content .content_tit .tit_box:after{width:75%}
.content_box .content .content_txt{margin:19px 0 30px 0}
.content_box{padding:0}
.covid_support .covid_bg .bottom_txt{font-size:16px;padding:0 0 30px 0}

.covid_support .bot_content .content_tit{font-size:24px;}
.covid_support .bot_content .content_tit .tit_box{width:100%;margin-bottom:35px}
.covid_support .bot_content .content_tit .tit_box:before{width:75%}
.covid_support .bot_content .content_tit .tit_box:after{width:75%}
.covid_support .bot_content .bot_box h2{font-size:16px;}
.covid_support .bot_content .bot_box p{font-size:14px;}
.covid_support .bot_content .bot_box p span{font-size:16px;}
.covid_support .bot_content .bot_box{padding:54px 67px;}
}



.ht_30 {height:30px;}
.ht_50 {height:50px;}
.ht_60 {height:60px;}
.ht_70 {height:70px;}


.products div.page-header {margin: 60px 0 30px 0;}
.products div.page-header h4 {font-size:2.0rem;line-height:1.5;color:#333333;font-weight:700;padding:0 0 0 20px;position: relative;display: inline-block}
.products div.page-header h4:before {content: '';position:absolute;top:10px;left:0;width:6px;height:27px;background:#333333}
.products div.page-header .tit{font-size:20px;padding:20px 0 0 20px;;}
.product01 .product01_box:after{content:"";clear:both;display:block}
.product01 .product01_box li{float:left;width:16.66%;text-align:center}
.product01 .product01_box li p{font-size:18px;padding-top:10px;}


.product02 .product02_box{margin-top:50px;}
.product02 .product02_box:after{content:"";clear:both;display:block}
.product02 .product02_box li{float:left;width:25%;text-align:center;}
.product02 .product02_box li p{font-size:18px;padding-top:10px;}


@media( max-width:1024px ) {
.product01 .product01_box li{width:25%}
.product02 .product02_box li{width:25%;padding:10px;}
.product02 .product02_box li img{width:100%}
.port_bg{width:100%}
.port_bg img{width:100%}

}

@media( max-width:768px ) {
.products div.page-header h4{font-size:21px;}
.products div.page-header .tit{font-size:15px}
.products div.page-header h4:before {content: '';position:absolute;top:1px;left:0;width:6px;height:27px;background:#333333}
.product01 .product01_box li{width:33%}
.product01 .product01_box li img{width:100%}
.product02 .product02_box li{width:50%;padding:10px;}
.product02 .product02_box li img{width:100%}
.port_bg{width:100%}
.port_bg img{width:100%}

.product02 .product02_box li p{font-size:14px;}


}