@charset "utf-8";


.ceo_wrap h4 {text-align:center;color:#0f2f64;font-size:1.6em;line-height:1.4em;margin-bottom:80px;word-break:keep-all;letter-spacing:-1px;}
.ceo_flex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.ceo_flex p.img {width:40%;}
.ceo_flex > div {width:58%;}
.ceo_flex > div p {margin-bottom:30px;line-height:1.6em;font-size:1.1em;word-break:keep-all;}
.ceo_flex > div p.sign {text-align:right;font-size:1.3em;font-weight:500;}
.ceo_flex > div p.sign strong {color:#000;font-weight:700;}

.overview_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:80px;}
.overview_flex p.img {width:30%;text-align:center;}
.overview_flex > div {width:69%;}
.overview_flex > div h4 {margin-bottom:20px;text-align:left;}
.overview_flex.two {margin-bottom:0;}

.tableA {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
}

.tableA tbody th {
	padding: 10px 10px;
	color: #d43636;
	font-weight: 600;
	border-bottom:1px solid #d4d4d4;
	text-align: center;
	line-height: 1.5em;
	background: #fff;
	width:15%;
}
.tableA tbody td {
	border-bottom:1px solid #d4d4d4;
	padding: 10px 10px;
	line-height: 1.5em;
}

.tableB {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
}

.tableB tbody th {
	padding: 10px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #d4d4d4;
	text-align: center;
	line-height: 1.5em;
	width:15%;
	vertical-align: top;
}
.tableB tbody td {
	border-bottom:1px solid #d4d4d4;
	padding: 10px 10px;
	line-height: 1.5em;
}

.tableC {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #d4d4d4;
}

.tableC tbody th {
	padding: 10px 10px;
	color: #d43636;
	font-weight: 600;
	border-bottom:1px solid #d4d4d4;
	text-align: center;
	line-height: 1.5em;
	background:#f7f7f7;
	width:15%;
	vertical-align: top
}
.tableC tbody td {
	border-bottom:1px solid #d4d4d4;
	padding: 10px 10px;
	line-height: 1.5em;
	vertical-align: top
}
.tableC tbody td strong {color:#000;font-weight:500;}


.tableD {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 4% 0 0 0;
	table-layout: auto;
}
.tableD thead th  {background:#0f2f64;color:#fff;font-size:1.1em;padding:15px 10px;border:1px solid #cecece;font-weight: 500;}
.tableD tbody th {
	padding: 10px 10px;
	color: #000;
	font-weight: 600;
	border:1px solid #cecece;
	text-align: center;
	line-height: 1.5em;
	background:#f7f7f7;
	width:15%;
	word-break:keep-all;
}
.tableD tbody td {
	border:1px solid #cecece;
	padding: 10px 10px;
	line-height: 1.5em;
	word-break:keep-all;
}
.tableD tbody td.ct {color:#000;font-weight:500;text-align:center;width:10%}


.tabs {display:flex;flex-wrap:wrap;justify-content: end;}
.tabs:after {content:" "; display:block; clear:both ;}
.tabs li {margin: 0;	padding: 0 20px;overflow: hidden;position: relative;}
.tabs li a {	color: #454545; display: block;font-size:1.1em;	padding: 0px;border-bottom:3px solid #fff;padding-bottom:10px;}
.tabs li.active a {color:#000000;border-bottom:3px solid #0f2f64;}
.tab_container {clear: both;width: 100%;margin:10px 0 0 0;}
.tab_container:after {content:" "; display:block; clear:both ;}
.tab_content {padding: 0px ;}
.tab_content:after {content:" "; display:block; clear:both;}

.history-tit {background:#0f2f64;width:200px;line-height:200px;text-align:center;border-radius:50%;font-size:1.6em;color:#fff;margin:15px auto;font-weight:700;}


/* History :: Layout */
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:3.3rem; }
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:-6px; width:25px; height:25px;  background-color:rgba(51,51,51,0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:3px; width:7.6px; height:7.6px; background-color:#333;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info {margin-top:-16px;}
.company-history-info .history-item{position:relative; font-size:1.1em; line-height:1.830em; letter-spacing:-0.075em; color:#555; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; color:#222; font-weight:600; }
.company-history-info .history-txt{position:relative; display:inline-block;}
.company-history-info .history-txt:before{display:none; content:"-"; position:absolute; top:0px;}
.company-history-year {display:inline-block; margin-bottom: 1em;text-align:center; font-size:2rem; line-height:1.1; font-weight:700; color:#111; letter-spacing:-0.025em; }
.company-history-year::before{display: none; position:absolute; width:50px; top:50%; border-top:1px dotted #555; content:""; margin-top:-1px;}

@media all and (min-width:801px){
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right:2.3rem;}
	.history-left .company-history-info .history-item{padding-right: 52px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:15px; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {right:9.3rem; padding-left:60px;}
	.history-left .company-history-year:before{left:0}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left:2.3rem;}
	.history-right .company-history-info .history-item{padding-left: 52px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:15px; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:auto;; padding-right:60px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
}
@media all and (max-width:800px){
	.history-tit {display:none}
	/* History :: Layout */
	.company-history-wrapper:before{left:9px; height:98%;}
	.company-history-info-box{width:auto; padding-left:2rem;}
	.company-history-info-box::before{top:-1px; left:2px; width:15px; height:15px; border-width:3px;}
	.company-history-info-box::after{top:4px;left:7px; width:5px; height:5px; border-width:1px; }
	/* History :: 정보 */
	.company-history-info .history-item{ padding-left:45px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{top:0px;font-size:18px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 이미지 */
	.company-history-img-box{width:auto; margin-top:20px}
	.company-history-img-box span{margin-left:4rem;}
}

.sub-tit {color:#000;font-size:2em;font-weight:600;margin-bottom:30px;margin-top:100px;}

.intro_top_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:5%;}
.intro_top_flex p.img,
.intro_top_flex > div {width:49%;}
.intro_top_flex > div p {margin-bottom:30px;line-height:1.6em;font-size:1.1em;word-break:keep-all;}
.intro_top_flex > div p strong {font-weigh:500;color:#0f2f64;}
.intro_mid_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:5%;}
.intro_mid_item {width:49%;margin:1% 0;background:#f5f5f5;padding:4%;}
.intro_mid_item p {font-weight:600;color:#0f2f64;font-size:1.3em;margin-bottom:30px;}
.intro_mid_item p strong {display:inline-block;margin-right:10px;font-size:0.9em;color:#fff;background:#d43636;padding:5px 10px;border-radius:20px;font-weight:500;}


.intro_bot_flex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.intro_bot_item {width:15.666%;padding:3%;text-align:center;border:1px solid #d7d7d7;font-size:1.3em;font-weight:500;margin:0.5% 0;color:#000;}
.intro_bot_item p {margin-top:10px;}
.intro_bot_item:first-child {color:#fff;background:#0088ce;border:1px solid #0088ce;font-size:2em;}


.newsroom_flex {display:flex;flex-wrap:wrap;}
.newsroom_item {width:50%;padding:5%;background:#f7f7f7 url("../images/img04_0101.png") no-repeat 90% 10%;}
.newsroom_item h4 {font-weight:600;color:#000;font-size:1.5em;margin-bottom:35px;}
.newsroom_item:last-child  {background:#e8ecf2 url("../images/img04_0102.png") no-repeat 90% 10%;}
.newsroom_item:last-child h4 {color:#0f2f64;}
.newsroom_item p {font-size:1.1em;line-height:1.5em;margin-bottom:20px;}
.newsroom_item li {color:#000;line-height:1.5em;}
.newsroom_btn {display:flex;gap:5px;justify-content: space-between;margin-top:40px;}
.newsroom_btn a {flex:1;display:block;padding:10px 10px;text-align:center;background:#fff;color:#000;border:1px solid #454545;line-height:1.5em;}
.newsroom_item:last-child .newsroom_btn a {border:1px solid #0f2f64;}

.stage_wrap {background:#f5f5f5;padding:4%;margin-top:5%;}
.stage_title_flex {display:flex;justify-content: space-between;}
.stage_title_flex p {background:#d43636;color:#fff;font-size:1.2em;font-weight:700;padding:15px 10px;text-align:center;width:15%;}
.stage_title_flex h3 {background:#fff;color:#0f2f64;font-size:1.5em;font-weight:700;padding:15px 20px;width:84%;}
.stage_flex {padding:30px 0;border-bottom:1px solid #d8d8d8;display:flex;flex-wrap:wrap;justify-content: space-between}
.stage_flex h4 {width:20%;position:relative;padding:0 0 0 40px;color:#000;font-weight:600;font-size:1.2em;line-height:1.4em;word-break:keep-all;}
.stage_flex h4:before {position:absolute;left:0;top:14px;display:block;content:"";width:30px;background:#d43636;height:3px;}
.stage_flex > div {width:80%;}

.course_flex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.course_item {width:28%;background:#fff;border:1px solid #d8d8d8;padding:3%;margin:1% 0;}
.course_item:nth-child(2) {width:42%;}
.course_item h5 {color:#d43636;font-weight:600;font-size:1.3em;margin-bottom:20px}
.course_item p {font-size:1.1em;line-height:1.4em;word-break:keep-all}
.course_item p.tit {display:inline-block;background:#0088ce;color:#fff;font-weight:500;margin:20px 0 10px 0;padding:5px 15px}
.stage_box {display:flex;flex-wrap:wrap;margin-top:3%;}
.stabe_box_item {width:32.333%;background:#fff;border:1px solid #d8d8d8;padding:3%;margin:0.5%;}
.stabe_box_item h5 {font-weight:600;color:#000;font-size:1.1em;;word-break:keep-all;line-height:1.4em;}
.stabe_box_item ul {margin-top:2%;}

.gray_box {background:#f5f5f5;padding:4%;margin-bottom:5%;word-break:keep-all;line-height:1.4em;}
.gray_box li {padding:10px 0;font-size:1.2em;}
.gray_box li strong {display:inline-block;margin-right:10px;background:#d43636;padding:10px 20px;color:#fff;font-weight:500;font-size:1em;border-radius:30px;min-width:150px;text-align:center;}

.process_flex {display:flex;flex-wrap:wrap;}
.process_item {background:#fff;border:1px solid #d8d8d8;text-align:center;padding:2% 10px;width:18%;position:relative;}
.process_item_arrow {width:2.5%;align-self: center;text-align:center;}
.process_item p.tit {margin-top:0px;color:#0088ce;font-size:1.2em;font-weight:500;}
.process_item p {color:#000;font-size:1.2em;font-weight:500;margin-top:10px;word-break:keep-all;line-height:1.4em;}


.process_flex1 {display:flex;flex-wrap:wrap;}
.process_item1 {background:#f5f5f5;border:1px solid #cecece;text-align:center;padding:2% 10px;width:19%;position:relative;margin:0.5%}
.process_item1 p {font-size:1.2em;font-weight:500;margin-top:10px;word-break:keep-all;line-height:1.4em;}

.process_flex.four .process_item {width:23%;}

.member_flex {display:flex;flex-wrap:wrap;}
.member_item {width:31.333%;margin:1%;text-align:center;border:1px solid #d8d8d8;padding:2% 10px;}
.member_item p.tit {color:#000;font-size:1.4em;font-weight:600;margin-top:10px;}
.member_item p {line-height:1.4em;word-break:keep-all;}
.member_item ul {display:flex;justify-content: center;max-width:60%;width:100%;   flex-wrap: wrap;flex-direction: column;
    margin: 30px auto 0;}
.member_item li {display:flex;justify-content: space-between;width:100%;margin:5px 0;}
.member_item li > * {width:50%;padding:15px 10px;color:#fff}
.member_item li strong {background:#0088ce;}
.member_item li span {background:#999999;text-align:right}
.member_item li:last-child strong {background:#ef373e;}

.service_flex {display:flex;flex-wrap:wrap;}
.service_item {width:48%;margin:1%;border:1px solid #d8d8d8;padding:16px;display:flex;justify-content: space-between;align-items: center}
.service_item .img {width:108px;}
.service_item  > div {width:calc(100% - 120px);}
.service_item p.tit {color:#000;font-size:1.5em;font-weight:600;margin-bottom:5px;}
.service_item p {font-size:1.1em;line-height:1.4em;word-break:keep-all;}
.service_item p strong {color:#000;}