@charset "utf-8";

/* 메뉴관련 */
.gnb_3dul{
	display: none;
}

/*메인 아이콘 */
.main_link li i{
	background-image: url(./img/main_icon_sb.png);
}
/* .main_link li:nth-child(3) i, .main_link li:nth-child(4) i{
	background-image: url(./img/main_icon_sb2.png);
    background-size: 90px 180px;
}
.main_link li:nth-child(3) i{
	background-position: 0 0;
}
.main_link li:nth-child(4) i{
	background-position: 0 -90px;
} */
.main_link li:nth-child(4){
	padding-left: 0;
}
/* .main_link li:nth-child(5), .main_link li:nth-child(6) {
    padding-top: 16px;
}
.main_link li:nth-child(5)>a{
	background-color: #f7f7f7;
}
.main_link li:nth-child(5) i {
    background-position: 0 -180px;
    background-color: #fff;
}
.main_link li:nth-child(6) i {
    background-position: 0 -270px;
    background-color: #f5f5f5;
} */
.main_link li:nth-child(5){	
	padding-top: 16px;
	padding-left: 16px;
}
.main_link li:nth-child(4)>a{
	background-color: #fff;
}
.main_link li:nth-child(4) i {
	background-position: 0 -180px;
	background-color: #f7f7f7;
}
.main_link li:nth-child(5)>a{
	background-color: #f5f5f5;
}
.main_link li:nth-child(5) i {
	background-position: 0 -270px;
	background-color: #fff;
	
}
.emergency_call{
	width: 100% !important;
	font-size: 16px;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	margin-top: 16px;
	padding: 10px 12px;
	display: flex !important;
	align-items: center;
	background-color: #f5f5f5;
}
.main_link .emergency_call i{
	background-color: #fff !important;
	background-image: url(./img/main_icon_sb3.png);
	background-size: 90px 90px;
	background-position: center !important;
}
.emergency_call strong{
	width: 50%;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	color: #252525;
	font-weight: 500;
	gap: 0.5rem;
}
.emergency_call a{
	display: block;
	border: 1px solid #eee;
	padding: 4px;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
}
.emergency_call a:hover{
	border-color: #fcb03f;;
}
.emergency_call div{
	display: flex;
	flex-direction: column;
	width: 50%;
	gap: .25rem;
}
/*메뉴 떨어지는 높이 값*/
.hd_zindex .nav-sub-wrap {
	height: 231px;
}
.gnb_2dul {
	height: 230px;
}
.outside_school:before{
	content: '';
	width: 100%;
	background-image: url(./img/gysb3_4_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 54px;
	display: block;
	margin-bottom: -30px;
	z-index: 2;
	position: relative;
}
/*상담이용안내*/
.school_box{
	background-color: #f7f3eb;
	background-image: url(./img/gysb3_4_bg_img.png);
	background-repeat: no-repeat;
	background-size: 500px;
	background-position: center bottom 20px;
	border-radius: 20px;
	padding: 60px 30px 270px;
}
.school_box .link{
	text-decoration: underline;
}
.school_box .link:hover{
	color:#0e9347;
}
.school_box .fa{
	color: #877254;
}
[class^="out_tit_"]{
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center top;
	height: 54px;
	border-bottom: 1px solid #d1c5b4;
}
.out_tit_1{
	background-image: url(./img/gysb3_4_tit_01.png);
}
.out_tit_2{
	background-image: url(./img/gysb3_4_tit_02.png);
	margin-top: 30px;
}
.school_box {
	font-size: 16px;
	box-shadow: 0 2px 10px 2px rgba(0,0,0,0.25);
}
.school_box dl{
	padding:10px; 
}
.school_box dl>*{
	padding: 10px;
	border-bottom: 1px dashed #d1c5b4;
}
.school_box ul{
	margin-top: 10px;
}
.school_box ul li{
	padding: 10px;
	padding-left: 24px;
	border-bottom: 1px dashed #d1c5b4;
	position: relative;
}
.school_box ul li:before{
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 50%;
	background-color: #b19a79;
	position: absolute;
	left: 10px;
	top: 22px;
}
.school_box dl dt{
	font-weight: 500;
}
.school_box dl dd{
	padding-left: 22px;
}
.school_box>p{
	padding: 10px;
}
.school_box .phone, .facility_box.phone {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
.school_box .phone{
	border: 1px solid #f5ece1;
}
.school_box .phone>span, .facility_box.phone>span{
	line-height: 50px;
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}
.school_box .phone span>span, .facility_box.phone span>span{
	background-color: #0e9347;
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
}
.school_box .phone p{
	color: #555;
}
.school_box .phone span>span i,  .facility_box.phone span>span i{
	color: #f7f3eb;
	font-size: 30px;
	line-height: 50px;
	vertical-align: top;
	transform: rotate(-45deg);
}
.school_box h4{
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 22px;
	text-align: center;
	vertical-align: middle;
}
.c_phone{
	font-style: normal;
}
.school_box h4:after, .school_box h4:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #877254;
	vertical-align: middle;
}
.school_box h4:after{
	margin-left: 10px;
}
.school_box h4:before{
	margin-right: 10px;
}
.school_box .download_btn{
	border-radius: 30px;
}

.facility_box.phone{
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #fafafa;
}
/*사업소개*/
.sb_inf_box .hit_title_box{
	margin-top: 40px;
}
.sb_inf_box p{
	font-size: 16px;
}
.sb_inf_box dd{
	font-size: 16px;
}
.sb_info .hit_title_s{
	margin-top: 24px;
}
.sb_inf_box .img{
	float: left;
	width: 25%;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 8px;
	border: 1px solid #eee;
}
.sb_inf_box .facility_dl .facility_box_s:before{
	content:'';
	display: none;
}
.sb_inf_box .facility_dl .facility_box_s{
	border: 1px solid #eee;
	background-color: #fcfcfc;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 8px;
}
.sb_inf_box .facility_dl .table_style_02{
	margin-top: 8px;
}
.traffic dl dd ul+p{
	margin-top: 24px;
}

/* 메인 사이버 상담 2020-0310 */
.ml_cyber{
	border: 1px solid #f2f2f2;
	width: 240px;
	height: 112px;
	border-radius: 10px;
	display: table;
	padding: 10px 12px;
	background-color: #f7f7f7;
}
.ml_cyber div{
	display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}
.ml_cyber div span{
	font-size: 18px;
	font-weight: 500;
	display: block;
	line-height: 1;
	margin-bottom: 10px;
}
.ml_cyber div a{
	font-size: 16px;
	font-weight: 500;
	display: block;
	width: 84px;
	color: #fff;
	border: 1px solid #e59e36;
	background-color: #eea944;
	border-radius: 3px;
	text-align: center;
}
.ml_cyber div a:hover{
	border-color: #f88e38;
	background-color: #f88e38;
}
.ml_cyber div a+a{
	margin-top: 4px;
	border-color: #12a350;
	background-color: #0c9748;
}
.ml_cyber div a+a:hover{
	border-color: #00821c;
	background-color: #00821c;
}
.main_link li>a {
    height: 110px;
    padding: 10px 12px;
	font-size: 17px;
}
/* 개인상담 */
.phone_list{
	margin-top: 10px;
	margin-bottom: 60px;
}
.phone_list li{
	display: table;
	background-color: #0e9347;
	color: #fff;
	text-align: center;
	width: 30%;
	border-radius: 5px;
	height: 70px;
	float: left;
}
.phone_list li+li{
	margin-left: 5%;
	position: relative;
}
.phone_list li+li::before{
	content: '▶';
	color: #ccc;
	position: absolute;
	top: 24px;
	left: -11%;
}
.phone_list li span{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	vertical-align: middle;
}
.facility_dl dd {
    padding-bottom: 6px;
}
.hit_title_s{
	margin-bottom: 14px;
	margin-top: 30px;
}
	/*기본 틀*/
.facility_tab {
    margin-bottom: 40px;
    margin-top: 20px;
}
.facility_tab li {
    width: 33.3333%;
    float: left;
}
.facility_tab li a{
	display: block;
	padding: 10px;
	color: #666;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #0e9347;
}
.facility_tab li a:hover{
	background-color: #0e9347;
	color:#fff;
}
.facility_tab li+li a{
	border-left: none;
}

.facility_tab .on>a, .facility_tab .on>a:hover{
	background-color: #0a6431;
	color:#fff;
}
.school_program h5{
	margin-top: 40px;
}
.school_program h5 span{
	padding: 10px;
	display: inline-block;
	border: 1px solid rgba(135, 114, 84, 0.5);
	border-radius: 5px;
	background: rgba(255,255,255,0.5);
}
.school_program_img{
	margin-top: 10px;
}
.school_program_img img{
	width: calc(33.3333% - 7px);
	float: left;
	border-radius: 5px;
}
.school_program_img img+img{
	margin-left: 10px;
}
.school_program .school_box ul{
	margin-top: 0;
}
	/*1200일경우*/
	@media screen and (max-width: 1247px) {
		.ml_cyber{
			width: 100%;
		}
		.main_link li>a{
			font-size: 15px
		}
	}
	/*타블렛일 경우*/
	@media screen and (max-width: 992px) {
		
	}
	/*모바일 경우*/
	@media screen and (max-width: 768px) {
		[class^="out_tit_"]{
			background-size: auto 25px;
			height: 30px;
		}
		.school_box p{
			padding-left: 0;
			padding-right: 0;
		}
		.school_box dl{
			padding-left: 0;
			padding-right: 0;
		}
		.school_box dl>*{
			padding-left: 0;
			padding-right: 0;
		}
		.school_box dl dd{
			padding-left: 12px;
		}
		.school_box ul li{
			padding-right: 0;
			padding-left: 14px;
			font-size: 14px;
		}
		.school_box ul li:before{
			left: 0;
			top: 20px;
		}
		.school_box{
			background-size: 300px;
			background-position: center bottom 20px;
			border-radius: 20px;
			padding: 40px 20px 170px;
		}
		.school_box .phone{
			padding: 10px;
		}
		.school_box .phone>span, .facility_box.phone>span{
			line-height: 40px;
			font-size: 22px;
			margin-bottom: 10px;
		}
		.school_box .phone span>span, .facility_box.phone span>span{
			width: 40px;
			height: 40px;
		}
		.school_box .phone span>span i, .facility_box.phone span>span i{
			font-size: 22px;
			line-height: 40px;
		}
		.sb_inf_box .img{
			width: 40%;
		}
		.sb_info .tb_width_100 thead{
			display: none;
		}
		.sb_info .tb_width_100 td{
			width: 100%;
			display: inline-block;
			text-align: left;
			border-left: none;
		}
		.sb_info .tb_width_100 tr:first-child td:first-child{
			border-top: none;
		}
		.sb_info .tb_width_100 tr:last-child td:last-child, .sb_info .tb_width_100 tr:last-child td:nth-last-child(2){
			display: none;
		}
		.main_link li:first-child span{
			min-height: 48px;
		}
		.ml_cyber{
			text-align: center;
			padding: 10px;
		}
		.ml_cyber div span{
			display: block;
    		font-size: 15px;
    		margin-top: 10px;
    		min-height: 10px !important;
    		margin-bottom: 3px;
		}
		.ml_cyber div{
			display: block;
			padding-left: 0;
		}
		.ml_cyber div a{
			width: 48%;
			display: inline-block;
			font-size: 13px;
		}
		.ml_cyber div a+a{
			margin-left: 4%;
		}
		.facility_tab li>a span{
			display: block;
		}
		.school_program h5 {
			text-align: center;
		}
		.school_program h5 span{
			padding: 5px 10px;
			font-size: 14px;
		}
		.school_program_img img{
			width: calc(50% - 5px);
		}
		.school_program_img img:nth-child(2){
			margin-left: 10px;
		}
		.school_program_img img:nth-child(3){
			margin-top: 10px;
			margin-left: 0;
		}
		.spi_2.school_program_img img:nth-child(3){
			width: 100%;
		}
		.facility_dl dd{
			font-size: 14px;
		}
	}

/*조직도*/
.chart .org{
	max-width: 584px;
	width: 80%;
	padding-bottom: 20px;
}
.chart .org ol{
	word-break: normal;
}
.chart .org ol>li:first-child{
	padding-bottom: 60px;
}
.chart .org ol>li:first-child:after {
    height: 60px;
}
.chart .org ol>li:first-child span{
	background-color: #0e9347;
}
.chart .org ol span{
	background-color: #26bb66;
}
.chart .org ol>li:nth-child(2){
	position: absolute;
	z-index: 11;
	position: absolute;
  z-index: 11;
  left: 50%;
	margin-top: -20px;;
  transform: translateX(-50%);
}
.chart .org ol>li:nth-child(3){
	position: relative;
}
.chart .org ol>li:nth-child(3):before, .chart .org ol>li:nth-child(3):after{
	display: none;
}
.chart .org>ol>li>ul:after{
	content: '';
    width: 34.25%;
    height: 1px;
    background-color: #cecece;
    position: absolute;
    top: 0;
    right: calc(50% - 34.25%);
}
.chart .org>ol>li>ul li{
	width: 30%;
	float: left;
	position: relative;
	padding-top: 40px;
	display: table;
}
.chart .org>ol>li>ul:before{
	content: '';
	width: 34.25%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	top: 0;
	left: calc(50% - 34.25%);
}
.chart .org>ol>li>ul li:after{
	content: '';
	width: 1px;
	height: 60px;
	background-color: #cecece;
	position: absolute;
    top: 0px;
    left: 50%;
}
.chart .org>ol>li>ul li:nth-child(3):after{
	top: -20px;
	height: 60px;
}
.chart .org>ol>li>ul li+li{
	margin-left: 14%;
}
.chart .org ol>li li span{
	width: 100%;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 10px;
	line-height: 1.4;
	padding: 5px;
	background-color: #26bb66;
}
.chart .org>ol>li>ul li:before{
    content: '';
    width: 7px;
    height: 7px;
    background-color: #cecece;
    border-radius: 3px;
    position: absolute;
}
.chart .org>ol>li>ul li:before{
	top: -3px;
    left: calc(50% - 3px);	
}
.chart .org>ol>li>ul li:nth-child(3):before{
	top: -20px;
}
.chart .org ul>li{
	padding-top: 60px !important;
}
/*집단 교육프로그램*/
.sb_program .img{
	width: 30%;
	float: left;
}
.sb_program .facility_box{
	width: 70%;
	float: left;
}

/* 인사말 */
.greetings_txt .tit_s{
	font-size: 28px;
	font-weight: 500;
	text-align: center;
}
.greetings_txt .g_text{
	text-align: center;
	margin-bottom: 30px;
}
.greetings_txt .g_text span{
	font-size: 18px;
	position: relative;
	display: inline-block;
}
.greetings_txt .g_text span::before{
	content: '“';
	left: 11px;
	top: -10px;
}
.greetings_txt .g_text span::after{
	content: '”';
	bottom: -7px;
	right: -18px;
}
.greetings_txt .g_text span::before, .greetings_txt .g_text span::after{
	font-size: 40px;
	line-height: 1;
	color: #ccc;
	position: absolute;
	border-radius: 50%;
}
.greetings_txt p{
	font-size: 16px;
}
.greetings_txt .g_sign{
	display: block;
	text-align: right;
}
.sb_img_box, .sb_img_box2,.sb_img_box3 {
	margin-top: 15px;
	padding-bottom: 15px;
}
.sb_img_box3 img{
	max-width: 400px !important;
	width: 100%;
}
.sb_img_box img{
	float: left;
	width: calc(33.3333% - 10px);
}
.sb_img_box2 img:nth-child(1), .sb_img_box2 img:nth-child(2){
	float: left;
	width: calc(50% - 7.5px);
}
.sb_img_box2 img:nth-child(2){
	margin-left: 15px;
}
.sb_img_box2 img:nth-child(3){
	width: 100%;
	margin-top: 15px;
}
.sb_img_box img:nth-child(2){
	margin-left: 15px;
	margin-right: 15px;
}
@media screen and (max-width: 768px) {
	.greetings_txt .tit_s{
		font-size: 22px;
	}
	.greetings_txt .g_text br{
		display: none;
	}
	.greetings_txt .g_text span::before, .greetings_txt .g_text span::after{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		font-size: 18px;
	}
	.sb_img_box img{
		width: calc(50% - 7.5px);
	}
	.sb_img_box img:nth-child(2){
		margin-left: 15px;
		margin-right: 0;
	}
	.sb_img_box img:nth-child(3){
		margin-top: 15px;
	}
	.facility_dl{
		padding-top: 0;
	}
}

/* 상담 순서  */
.order_list{
	list-style-type: none;
	padding: 0;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.order_list .order_list_item{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;	
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #333;
	background-color: rgba(38, 187, 102, 0.2);
	font-size: 17px;
	position: relative;
	margin: 10px 15px;
	line-height: 1.4;
}
.order_list li>ul li+li{
	margin-top: 20px;
}
.order_list .order_list_item::before {
	content: '';
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: calc(50% - 12.5px);
	left: -24px;
}
.order_list .list_01{
	margin-left: 0;
}
.order_list .list_01::before{
	display: none;
}
.order_list .list_45deg::before{
	transform: rotate(-45deg);
	top: 62px;
}
.order_list .list_-45deg::before{
	transform: rotate(45deg);
	top: 22px;
}

/* 이미지관련 */
.img_two, .img_two_r, .img_one, .img_one_r, .img_four, .img_four_r {
	margin-left: 16px;
}
@media screen and (max-width: 992px){
	.img_two, .img_two_r, .img_one, .img_one_r, .img_four, .img_four_r {
		margin-left: 0;
	}	
	.gnb_3dul{
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.order_list .order_list_item{
		width: 64px;
		height: 64px;
		font-size: 14px;
		margin: 10px ;
	}
	.order_list .order_list_item::before {
		top: calc(50% - 10px);
		left: -20px;
	}
	.order_list .list_45deg::before{
		top: 40px;
	}
	.order_list .list_-45deg::before{
		top: 0;
	}
	.chart .org ol>li span{
		height: 40px;
		line-height: 40px;
	}
	.chart_ts_1 td:nth-child(5) i::before{
		content: "\f0e0";
		display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 4px;
		color: #999;
		font-size: 12px;
	}
}
@media screen and (max-width: 500px) {
	.emergency_call strong{
		flex-direction: column;
	}
}