@charset "utf-8";
/** margin & paddig **/
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:3em;}
.mt4{margin-top:4em;}
.mt5{margin-top:5em;}
.mb2{margin-bottom:2em;}
.mb3{margin-bottom:3em;}
.mb4{margin-bottom:4em;}
.mb5{margin-bottom:5em;}

/** 서브공통 **/ 
#container > h3{
    font-size: var(--sub-h3-size);
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1em;
}
.sub_con h5{
    font-size: var(--font-size30);
    /* font-family: var(--font-point); */
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1rem;
    display:inline-block;
    font-weight: 600;
}
.sub_con h5:after {
	content:"";
	position:absolute;
	left: -10px;
	top: 0;
	height: 15px;
	width: 15px;
	background-color: var(--color-main);
	border-radius: 50% 50% 0% 50%;
	/* background-image:url(/img/common/tit_point.svg); */
	/* background-repeat: no-repeat; */
	transform: translateY(50%);
}
.sub_title_con {
	height: 340px;
	width: 100%;
	background-color: #ccc;
	/* margin-top: 90px; */
	/* margin-bottom: 8em; */
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.sub_title_con .title_txt {width: var(--width-sub-size);margin: 0 auto;padding-top: 3%;}
.sub_title_con h2 {font-size: 3.0em;color: white;visibility: hidden;text-align: center;}
.sub_title_con .txt_nav {color:#fff;font-weight: 300;font-size: 0.9em;margin-top: 1em;display: flex;justify-content: center;}
.sub_title_con .txt_nav li {
    padding: 0 .3em;
    line-height: 0;
}
.sub_all {color:#333;width: 100%;word-break: keep-all;position: relative;}
.sub_tit {margin: 3em 0 2em;}
.sub_tit_center {text-align:center;}
.sub_tit h4, .sub_tit_center h4{
    font-size: var(--sub-h4-size);
    position: relative;
    font-family: 'Nanum Gothic';
}
.sub_tit h4:after {display:none;content:"";position:absolute;width: 9px;height: 9px;background-color: var(--color-main);top: 0;/* right: 0; */margin-left: 5px;border-radius: 100%;}
.sub_tit_center p{
    color: #838383;
    font-size: 1.5em;
    line-height: 1em;
}
.tit_sub_p {
    text-align: center;
    margin-top: -0.5em;
    color: var(--color-point1);
    font-weight: 500;
    font-size: 1.4em;
}
.tit_sub_txt {
    font-size: var(--font-size2);
    text-align: center;
    margin-top: -1em;
}
.sub_conts {
    /* margin-bottom: 4em; */
}

/** 서브탭 **/
.subtab_case1 {}
.subtab_case1 .tabs {}
.subtab_case1 .tabs, .subtab_case1 .tabs :after, .subtab .tabs, .room_tabs * {transition: all .4s;}
.subtab {padding: 3rem 0;}
.subtab .tabs {
    display: flex;
    justify-content: space-between;
}
.subtab .s1 {
    width: 100%;
    display: flex;
    justify-content: center;
}
.subtab .s1 li {
    /* padding: .6em 1.2em; */
    background-color: #f4f4f4;
    border-radius: .5em;
    width: 25%;
    text-align: center;
    margin: 0 1rem 1rem;
}
.subtab .s1 li a {font-size:22px;color: var(--color-main);width: 100%;display: block;padding: 0.6em 1.2em;}
.subtab .s1 li:hover {background-color: var(--color-main);}
.subtab .s1 li.on {
    background-color: var(--color-main);
}
.subtab .s1 li.on a, .subtab .s1 li:hover a {color:#fff;}
.room_tabs {}
.room_tabs li{}
.room_tabs li.on a{
    color: var(--color-point4);
}
.room_inner {
    display: none;
}

.class_s1{
}
.class_s1 > div.on {/* visibility:visible; */height: auto;display: block;animation: fadeInUp .5s;}

.tab_inner {/* visibility:hidden; */height: 100%;display: none;width: 100%;}

.sub_conts div.on {display: block; height:auto;}

@media screen and (max-width: 1000px) {
	#container > h3 {
    margin: 2rem 0 2rem;
}
	.sub_con h4 {
    margin-bottom: 1rem;
    word-break: keep-all;
}
	.sub_title_con {
    height: 250px;
    padding-bottom: 0;
    /* margin-bottom: 1em; */
    background-size: cover;
    background-position: center;
    position: relative;
}
	.sub_title_con .title_txt {width:100%;/* margin-top: 1%; *//* margin-left: 1em; */text-align: center;z-index: 1;/* display: flex; *//* align-items: center; *//* flex-direction: column-reverse; */}
	.sub_tit {}
	.sub_tit:after {
}
	.sub_title_con h2 {font-size: 2em;margin-top: 1em;margin-bottom: 0.5em;}
	.sub_title_con .txt_nav {margin-top: 0.5em;}
	.sub_tit_center {}
	.sub_tit h4{font-size: 1.7em;}
	.sub_tit_center p{}
	.sub_conts {
}
	.subtab_case1 {
    width: 100%;
}
	.tit_sub_p {
    letter-spacing: -1px;
    font-size: 0.95em;
}
	.sub_conts {}
	.subtab {
    padding: 1rem;
}
	.subtab .s1 {display: flex;justify-content: space-around;}
	.subtab .s1 li {
    width: 48%;
    margin: 0;
}
	.subtab .s1 li a {padding:.5rem;}
}

/** 백그라운드 및 박스 **/

.full_bg {
	width:100%;
	background-color: var(--color-bg-point4);
	padding: 1em 0 4em;
}
.bg_img {
	background: url(/img/page/1040/bg.png);
	margin-top: -22em;
	height: 705px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	position: absolute;
}
.linebox {
    border: 1px solid #ccc;
    border-radius: 1em;
    padding: 2em 3em;
    position: relative;
}
.linebox .flex {
    display: flex;
    align-items: baseline;
}
.linebox .flex .left {
    width: 18%;
    margin: 1em 0;
    padding: 0 0.6em;
}
.linebox .flex .right {width:80%;}
.linebox .flex .right h4{
    font-size: 2em;
    color: var(--color-point1);
    font-weight: 500;
}
.linebox .flex .right h4 span {
    color: var(--color-point4);
    font-weight: 600;
}
.linebox .flex .right p{
    font-size: var(--font-size2);
    line-height: 1.8em;
}
.linebox .flex .right p span{}

.linebox ul {
    text-align: center;
}
.linebox li {
    padding: 0.5em 0;
}
.linebox li h3 {
    font-size: var(--font-size3);
    font-weight: 500;
}
.linebox .st1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.linebox .st1 li{
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    line-height: 1.6em;
    font-size: var(--font-size);
    padding: 2em;
    border-radius: 1em;
    margin-top: 2em;
    transition: all 0.4s ease-out;
    background-color: var(--color-gray);
    border: 1px solid #ccc;
}
.linebox .st1 li p {
    margin-top: .5em;
    word-break: keep-all;
}
.linebox .st1 li:hover {background: #fff;
    box-shadow: 0px 5px 24.3px 2.7px rgba(0, 0, 0, 0.10);
    transition: all 0.4s linear; background-repeat: no-repeat;
    background-position: 50%;
	border-color:#fff;
}
.linebox .st1 li:hover div {background-color:var(--color-main); color:#fff; transition: all 0.4s ease-out;}

.linebox .st2{}
.linebox .st2 li{
    padding: 1em;
    text-align: center;
    align-items: center;
    margin-top: 1em;
    justify-content: center;
}
.linebox .st2 li:nth-child(1), .linebox .st2 li:nth-child(2) {margin-top:0;}

.linebox .st3 {}
.linebox .st3 li {
    width: 24%;
}

.bgbox {
    background-color: #f5f5f5;
    border: 0;
    padding: 2em;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    border-radius: 1em;
    text-align: center;
    margin-bottom: 3rem;
    word-break: keep-all;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bgbox .img {width:30%;}
.bgbox .txt {width:70%; text-align:left}
.bgbox strong {
    font-size: var(--font-size26);
    font-weight: 500;
    padding-bottom: 1rem;
    display: block;
    color: var(--color-main);
}
.bgbox .txt p {font-weight:400; font-size:1.05em}
.bgbox2 {
    /* background: #fff8e6; */
    /* padding: 2em; */
    margin-bottom: 3em;
    display: flex;
    align-items: center;
    border-radius: 0.5em;
    justify-content: center;
    border: 1px solid var(--color-main);
}
.bgbox2 img {
    /* background-color: var(--color-white); */
    /* box-shadow: 2px 4px 9px #0963b72e; */
    /* margin-right: 4em; */
    width: 340px;
    height: 230px;
    object-fit: cover;
    border-radius: .5em 0 0 .5em;
}
.bgbox2 .txt {
    padding: 2rem;
}

.bgbox2 .txt h3{
    color: var(--color-main);
    font-size: var(--font-size30);
    margin-bottom: .5em;
    font-family: 'Nanum Gothic';
    font-weight: 800;
}
.bgbox2 .txt p {
    word-break: keep-all;
}
.roundbox {
    padding: 3em;
    text-align: center;
    background-color: var(--color-bg-point4);
    border-radius: 1em;
}
.roundbox h3{
    font-size: var(--font-size4);
    font-weight: 500;
}
.roundbox h3 span {
    color: var(--color-point4);
    font-weight: 600;
}
.imgbox img{border-radius: 1em;}

.colbox{
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.colbox li{width: 32%;height: 15em;padding: 2em 1em;border-radius: 1em;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}

.colbox .tit {
    font-size: var(--font-size20);
    font-weight: 500;
}
.colbox li .icon{width: 84px;height: 84px;border-radius: 100%;
				background: #fff url(/img/icon/4080_1.png) no-repeat center;}
.colbox li.n1 {
    background-color: var(--color-point2);
}
.colbox li.n2 {
    background-color: var(--color-point1);
}
.colbox li.n3 {
    background-color: var(--color-point3);
}
.colbox li.n2 .icon {background-image: url(/img/icon/4080_2.png);}
.colbox li.n3 .icon {background-image: url(/img/icon/4080_3.png);}
.colbox p {
    /* margin-top: 1em; */
    font-size: var(--font-size);
    word-break: keep-all;
}

@media screen and (max-width: 1000px) {
	.linebox .flex {
    display: flex;
    flex-direction: column;
}
	.linebox .flex .left {
    width: 100%;
    padding: 0;
}
	.linebox .flex .right h4 {
    font-size: 1.4em;
}
	.linebox .flex .right{
    width: 100%;
}
	.linebox {
    padding: 1em;
    border-radius: 1em;
}
	.linebox .st1 {display: flex;flex-direction: column;}
	.linebox .st1 li{
    width: 100%;
    padding: 1em;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
	.linebox .st1 li p {
    width: 80%;
}
	.linebox .st2 li:nth-child(1), .linebox .st2 li:nth-child(2){
    margin-top: 1em;
}
	.bgbox {padding: 1em;/* background-size: 55%; */font-size: 1.1em;flex-wrap: wrap;}
	.bgbox p {
    letter-spacing: -1px;
}
	.bgbox span {
    font-size: 1.2em;
}
	.bgbox .img{
    margin: 0 auto 1rem;
    width: 50%;
}
	.bgbox .img img{
    width: 100%;
}
	.bgbox .txt {
    /* margin: 0 1em; */
    width: 100%;
    text-align: center;
}
	.bgbox2 {
    display: flex;
    text-align: center;
    flex-direction: column;
}
	.bgbox2 .img {margin-right:0;border-bottom: 1px dashed #a7d0ff61;width: 100%;}
	.bgbox2 .txt {
    padding: 1em;
}
	.roundbox {
    padding: 2em;
    word-break: keep-all;
}
	.bg_img {
    background-size: cover;
    margin-top: -100%;
    height: 90%;
}
	.imgbox img {
    width: 100%;
}
	.colbox {display: flex;flex-direction: column;}
	.colbox li {
    margin-bottom: 0.5em;
    width: 100%;
}
	.colbox li span {
    font-size: 1.2em;}
	.colbox p {
    margin-top: 1em;
}
}

/** 리스트 **/
.dot_s1 {
    list-style: marker;
    list-style-type: disc;
    margin-top: .5rem;
}
.dot_s1 li {line-height: 1.5;margin-left: 1em;/* font-weight: 300; */}
.dot_s1 li::marker {font-size:0.7em;color: var(--color-main);}

.dl_s1 {
    width: 100%;
}
.dl_s1 dl {display: flex;align-items: baseline;margin-bottom: 1em;margin-left: 3em;}
.dl_s1 dl:last-child {margin-bottom:0;}
.dl_s1 dt {
    width: 13.2%;
    color: #333;
    font-size: var(--font-size20);
    position: relative;
    font-weight: 500;
    text-align: justify;
}
.dl_s1 dt:before{content:'';background:url('/img/icon/empathize-fill.svg');width: 20px;height: 20px;left: 0;top: 12%;margin-left: -30%;position: absolute;}
.dl_s1 dt:after{content:''; width:100%;display: inline-block;}
.dl_s1 dd {
    font-size: var(--font-size2);
    position:
    relative;
    width: 75%;
    margin-left: 3em;
}
.dl_s1 dd:before{content:'';position: absolute; border-left:1px solid #ccc; height:50%;top: 30%;left: -6%;}

.dl_s2 dl{
    padding: 0.6em 0;
}
.dl_s2 dt{font-weight: 600;color: var(--color-point4);font-size: var(--font-size2);}
.dl_s2 dd{}

.dl_s3 {}
.dl_s3 dl {
    display: flex;
    line-height: 3em;
    width: 100%;
    align-items: center;
    border-bottom: 1px dashed #ccc;
}
.dl_s3 dl.noline {border-bottom:none;}
.dl_s3 dt {width: 17%;color: var(--color-point1);font-size: var(--font-size20);font-weight: 500;}
.dl_s3 dd {
    font-size: var(--font-size2);
}
.ul_s1 {}
.ul_s1 li {
    font-size: var(--font-size2);
    position: relative;
    line-height: 1.8em;
    padding-left: 1.2em;
}
.ul_s1 li:before{content:'';width: 10px;height: 3px;background-color: var(--color-point1);border-radius: 1em;left: 0;top: 47%;position: absolute;}

.text_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.text_list div {
    width: 25%;
    height: 50px;
    float: left;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    /* background: #f0f0f0; */
    border-radius: 0 .5em .5em 0;
    word-break: keep-all;
    flex-direction: column;
    justify-content: center;
    margin-right: 3rem;
    border: 1px solid var(--color-main);
}
.text_list div p {
    line-height: 1.5;
    font-weight: 400;
}
.text_list .left {
    width: 15%;
    background: var(--color-main);
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    padding: 0 0.6em;
    display: block;
    color: #fff;
    border-radius: .5em 0 0 .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
}

.sizing dt {width:10%;}
.sizing dd {}
.wd40 {
    width: 42%;
}
.wd50 {width: 50%;}
.wd50 .link_apply ul {
    display: flex;
    justify-content: flex-start;
}
.wd50 .link_apply li {width: 48%;font-size: 1em;padding: 0;margin-right: 1em;line-height: 2em;font-weight: 500;}

.info_list{
    display: flex;
	margin-bottom:1em;
}
.info_ti{
    width: 26%;
    border-radius: 1em 0 0 1em;
    display: flex;
    align-items: center;
    color: var(--color-white);
    padding: 1em 3em;
}
.info_ti h4 {margin-left:1em;font-size: var(--font-size3);font-weight: 500;}
.info_tx{
    width: 75%;
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 1em 1em 0;
    display: flex;
    align-items: center;
}
.info_tx ul{
    padding: 1em 3em;
    line-height: 1.8em;
}
.info_tx ul li {
    font-size: var(--font-size2);
}
.icon_list {
    display: flex;
    flex-direction: column;
}
.icon_list div {
    width: 100%;
    border-radius: 1em 1em 0 0;
    text-align: center;
    justify-content: center;
}
.icon_list div.img {
    background-color: #edf9ff;
    border-radius: 100%;
    /* box-shadow: 2px 4px 9px #0963b72e; */
    margin: 0;
    width: 130px;
    height: 130px;
    position: relative;
    }
.icon_list .info_tx {
    border-radius: 0 0 1em 1em;
    border: 1px solid #ccc;
    background-color: var(--color-bg-point1);
}
.icon_list ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1em 0 2em;
}
.icon_list li {display: flex;flex-direction: column;align-items: center;width: 17%;}
.icon_list li img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.icon_list li p{margin-top:1em;text-align: center;font-weight: 400;}
.icon_list .st2 {
    padding: 0;
}
.icon_list .st2 li{
    border: 1px solid #ccc;
    border-radius: 1em;
    padding: 1em;
    width: 19%;
	position:relative;
}
.icon_list .st2 li:after {content:"";position:absolute;display:block;background-color: #fff;background-image: url(/img/common/arrow-right.svg);background-repeat: no-repeat;background-position: 50%;width: 42px;height: 42px;border-radius: 50%;right: -13%;top: 40%;z-index: 1;box-shadow: 0px 5px 25px 3px rgb(0 0 0 / 10%);}
.icon_list .st2 li:last-child:after {display:none;}
.icon_list .st2 li .img {
    border-radius: 1em;
    width: 98%;
    background-color: var(--color-gray);
    padding: 1em 0;
}
.icon_list .st2 li .img img {
    width: 45%;
}
.icon_list .st2-1 {
}
.icon_list .st2-1 li {
    width: 13%;
    border: 0;
    padding: 0;
}
.icon_list .st2-1 li:after {
    right: -19%;
    top: 26%;
}
.ground {}
.ground ul {
    display: flex;
    justify-content: space-around;
}
.ground li{
    padding: 1em 1.4em;
    font-size: 1.2em;
    border: 1px solid #ccc;
    border-radius: 1em;
    color: var(--color-point1);
	background-color: var(--color-bg-point1);
}
.ground li:hover {/*background-color: var(--color-point1); border-color: var(--color-point1); color:#fff;*/}
.ground.icon {}
.ground.icon ul{}
.ground.icon ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ground.icon ul li i{
    font-size: 2em;
    margin-bottom: .3em;
}
@media screen and (max-width: 1000px) {
	.wd50 {width:100%}
	.info_list{
    display: flex;
    flex-direction: column;
    width: 100%;
}
	.info_ti{
    width: 100%;
    border-radius: 1em 1em 0 0;
    display: flex;
    padding: 1em;
    justify-content: center;
}
	.info_ti img{
    width: 11%;
}
	.info_ti h4 {margin-left: 0.5em;}
	.info_tx{
    width: 100%;
    border-radius: 0 0 1em 1em;
    border-left: 1px solid #ccc;
    border-top: 0;
}
	.info_tx ul{
    padding: 1em;
    word-break: keep-all;
    text-align: center;
    width: 100%;
}
	.icon_list ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
	.icon_list ul li {
    width: 50%;
    margin: 1.5em 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
}
	.icon_list li p {
    margin-top: .5em;
}
	.icon_list div.img {width: 90px;height: 90px;}
	.icon_list ul li img {
    width: 60%;
}
	.icon_list .st2 {
    display: flex;
    justify-content: flex-start;
}
	.icon_list .st2 li {
    width: 47%;
    margin-right: 0.6em;
}
	.icon_list .st2 li:after {
    width: 30px;
    height: 30px;
    background-size: 50%;
}
	.icon_list .st2-1 li:after {
    right: -13%;
}
	.icon_list .st2-1 li .img {}
	.icon_list .st2-1 li .img img{
    width: 40%;
}
	.dot_s1 li {
    line-height: 1.6em;
    margin-bottom: 0.5em;
}
	.dl_s3 {}
	.dl_s3 dl {
    display: flex;
    flex-direction: column;
    line-height: 3em;
    padding-bottom: 1em;
}
	.dl_s3 dt {
    width: 100%;
}
	.dl_s3 dd {
    line-height: 1.6em;
}
	.ul_s1 li:before {
    top: 0;
    margin-top: 4%;
}
	.text_list div {
		width: 100%;
		padding: 1em;
		border-radius: 0 0 1em 1em;
		height: auto;
		margin: 0 0 1rem;
		}
	.text_list .left {
		width: 100%;
		border-radius: 1em 1em 0 0;
		height: 2.4em;
		margin: 0;
		}

	.sizing dd {width:100%;}
	.wd50 .link_apply ul {
    display: flex;
}
	.wd50 .link_apply li {
    width: 100%;
}
	.ground ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
	.ground li {
    padding: 0.8em;
    font-size: 1em;
    border: 0;
    margin: 0.5em 0.5em 0 0;
}
}

/********* 미션 및 비전  *********/

.vision {}
.vision ul {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    justify-content: space-between;
}
.vision li {
    background-color: rgb(240 246 204 / 60%);
    text-align: center;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .5rem 0;
    padding: 1.5rem;
    width: 32%;
}
.vision li p {
    word-break: keep-all;
}
.vision li span {
    padding-bottom: .5rem;
    font-size: 1.1em;
}
.vision li:nth-child(2){background-color: rgb(210 235 250 / 60%);}
.vision li:nth-child(3){background-color: rgb(253 235 214 / 60%);}
.vision li:nth-child(4){background-color: var(--color-point3);}
.vision li:after{/*content:"";background-image: url(/img/common/dot.png); position:absolute;width: 82px; height:5px;top: 60%;left: 100%;margin-left: 7%;transform: rotate( 26deg );*/}
.vision li:nth-child(2)::after{transform: rotate( -26deg );top: 40%;}
.vision li:last-child::after {display:none;}

.vision p.tit {font-size: var(--font-size24);word-break: keep-all;font-weight: 500;border: 1px solid #ddd;padding: 2rem 3rem;color: var(--color-main);text-align: center;}

.values ul {
    display: flex;
    justify-content: space-between;
}
.values li {
    width: 25%;
    text-align: center;
    padding: 2em;
    background: #fff;
    border: 4px solid var(--color-point4);
    border-radius: 1em;
    font-size: 1.5em;
    color: var(--color-point4);
    font-weight: 500;
    position: relative;
    transition: all .4s;
}
.values li:hover {background-color:var(--color-point4); color:#fff; border: 4px solid #fff;}
.values li:after {content:"";width: 15px;height: 15px;top: 46%; left:100%; border-radius:100%;position: absolute;background: #fff;margin-left: 23%;}
.values li:last-child::after{display:none;}

.injae {
    margin-top: 2em;
}
.injae ul {
    display: flex;
    flex-direction: column;
}
.injae li {
    display: flex;
    padding: 1em;
    align-items: center;
}
.injae .tit {
    width: 20%;
    background-color: var(--color-point4);
    color: #fff;
    padding: 1em 3em;
    border-radius: 1em 1em 0 0;
    font-size: var(--font-size2);
}
.injae .tit span {
    font-size: var(--font-size4);
    font-weight: 700;
    padding-right: 0.2em;
}
.injae .exp {
    padding-left: 4em;
    border-bottom: 1px solid #ccc;
    padding: 1.65em 6em;
    width: 80%;
}
.injae .exp p {
    font-size: var(--font-size2);
}
.injae_inner {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
.injae_inner .cont {
    text-align: center;
}
.injae_inner .iconbox {
    width: 200px;
    height: 200px;
    background-color: #f1f1f1;
    border-radius: 2em;
    margin: 0 auto;
    transition: all 0.4s linear;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 36%;
}
.injae_inner .iconbox:hover {background: #fff;
    box-shadow: 0px 5px 24.3px 2.7px rgba(0, 0, 0, 0.10);
    transition: all 0.5s linear; background-repeat: no-repeat;
    background-position: 50%; background-size: 36%;
}

.injae_inner .cont p {
    padding-top: 1em;
}

@media screen and (max-width: 1000px) {
	.vision {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
	.vision p.tit {
    padding: 1rem;
}
	.vision ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
	.vision li {
	width: 48%;
	height: 8.58em;
	background-size: 25%;
	background-position-y: 2em;
	font-size: 1.2em;
	padding-top: 4em;
	display: flex;
	margin-bottom: 1em;
	justify-content: space-around;
	}
	.vision li:after {
    display: none;
} 
	.vision li:nth-child(2){
    background-position-y: 2em;
    background-size: 20%;
}
	.vision li:nth-child(3){}
	.vision li:nth-child(4){}
	.vision li:nth-child(2n) {
    margin-top: 0;
}

	.values ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.values li {
    width: 90%;
    height: auto;
    padding: 0.5em;
    margin-bottom: 1.5em;
    border-radius: 3em;
}
	.values li:after {
    top: 100%;
    left: 48%;
    margin-left: 0;
    margin-top: 5%;
    width: 12px;
    height: 12px;
}

	.injae {}
	.injae ul {
}
	.injae li {
    display: flex;
    flex-direction: column;
}
	.injae .tit {
    width: 100%;
}
	.injae .tit span {}
	.injae .exp {
    width: 100%;
    padding: 1em 0;
}
	.injae .exp p {
}
	.injae_inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
	.injae_inner .cont {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 1em;
}
	.injae_inner .iconbox {
    width: 33%;
    height: 7em;
    background-size: 50%;
    margin: 0 1em 1em 0;
    border-radius: 1em;
    background-color: #fff;
    box-shadow: 0px 5px 24.3px 2.7px rgba(0, 0, 0, 0.10);
}
	.injae_inner .cont p {
    text-align: left;
    padding-top: 0;
    width: 57%;
}
}

/********* 인사말  *********/

.greeting {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.greeting h3 {font-size: 1.6em;color: var(--color-main);padding-bottom: 1.4em;}
.greeting div {width: 36%;}
.greeting .img img{border-radius: 2em;}
.greeting .text {/* margin-left: 3em; */width: 62%;}

.greeting .text p{
    padding: .5em 0;
    line-height: 1.6;
    word-break: keep-all;
}
.greeting .text p.right {letter-spacing: -1px;text-align: right;font-size: 2em;}
.greeting .sign {float:right;padding-top:2em;font-weight: 100;position: relative;z-index: 1;font-size: var(--font-size20);}
.greeting .sign:before{width: calc(100% + 10px);height: 13px;border-radius: 20px;background: #cee9ff;position: absolute;left: -7px;bottom: -6px;z-index: -1;content: '';}
.greeting .sign strong {
    font-weight: 800;
    color: unset;
}
@media screen and (max-width: 1000px) {
	.greeting {
    /* margin-top: 2em; */
    padding: 0;
    box-shadow: unset;
}
	.greeting h3 {padding: 1rem 0;}
	.greeting div {width:100%;}
	.greeting .text {width:100%;}
	.greeting .img {width:100%;}
	.greeting .img img {
    height: 14em;
    object-fit: cover;
    width: 100%;
}
	.greeting .conts strong {color: #222;line-height: 1.4em;}
	
	
	.greeting_tit .tit p {
    display: none;
}
	.greeting_txt {
    width: 100%;
    margin-top: 0;
}
	.greeting_tit img {
    width: 100%;
}
	.greeting_tit .tit h3{
    font-size: 1em;
    color: var(--color-main);
    margin-top: 0;
}
	.greeting_txt .tit h3:after {width:100%;}
	.greeting_txt .tit2 {}
	.greeting_txt .conts img{float:right;}
	.greeting_txt .conts p {}
}

/********* 조직도  *********/
.people_map {
    text-align: center;
    margin-top: 2em;
}
.people_map .tabs {
    display: flex;
    justify-content: center;
}
.people_map .tabs li {
    font-size: var(--font-size22);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 0.5em;
    cursor: pointer;
    } 
.people_map .map0{}
.people_map .map0 .tabs li{
    background-color: var(--color-main);
    width: 20%;
    height: 70px;
    color: #fff;
}
.people_map .map0 .tabs li:after {content:"";position:absolute;width:1px;height: 257px;top: 100%;left:50%;background-color: #ddd;z-index: -1;}
.people_map .map0-1 {
    display: flex;
    justify-content: space-between;
    margin: 0 6em;
    position: relative;
}
.people_map .map0-1:before{content:"";position:absolute;background-color:#ddd;width: 44%;height:1px;left: 50%;top:50%;transform: translateX(-50%);}
/*.people_map .map0-1 ul:after{content:""; position:absolute; width:1px;height: 49%;top: 26%;background-color:#ddd;}*/
.people_map .map0-1 ul li {
    background-color: #ddd;
    padding: 1em 2em;
    border-radius: 0.5em;
    width:280px;
    position: relative;
    margin: .2rem 0;
    }
.people_map .map0-1 ul li:after{content:""; position:absolute;width: 10%; height:1px; top:50%; background-color:#ddd;}
.people_map .map0-1 ul{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative;
}
.people_map .map0-1 .mapl:after, .people_map .map0-1 .mapr:after{content:"";position:absolute;right: -10%;top: 50%;background-color: #ddd;height: 65%;width: 1px;transform: translateY(-50%);}
.people_map .map0-1 .mapl li:after{right: -10%;}
.people_map .map0-1 .mapr{position: relative;}
.people_map .map0-1 .mapr:after{left:-10%;}
.people_map .map0-1 .mapr li{}
.people_map .map0-1 .mapr li:first-child{}
.people_map .map0-1 .mapr li:after{left: -10%;}
.people_map .map1{}
.people_map .map1 .tabs{}
.people_map .map1 .tabs li{
    width: 20%;
    height: 70px;
    background-color: var(--color-main);
    color: #fff;
}
.people_map .map2 {
    padding-top: 5em;
    position:relative;
}
.people_map .map2:before {content:"";position:absolute;width: 78%;height:1px;top: 33%;left: 50%;background-color: #ddd;transform: translateX(-50%);}
.people_map .map2 ul{display: flex;flex-direction: row;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.people_map .map2 li {
    text-align: center;
    border-radius: 0.5em;
    position: relative;
    height: auto;
    width: 22%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.people_map .map2 li:nth-child(2) .team{
    border-radius: .5em;
}
.people_map .map2 li .team {
    padding: 1em;
    background-color: var(--color-point1);
    border-radius: .5em;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    width: 100%;
    position:relative;
}
.people_map .map2 li .team:before {content:"";position:absolute;background-color:#ddd;width:1px;height: 100px;left: 50%;top: -55%;z-index: -1;}
.people_map .map2 li .work {padding: 1em;width: 100%;border: 1px solid var(--color-point1);border-radius: 0 0 .5em .5em;line-height: 1.8;}
.people_map .map2 li .work ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.people_map .map2 li .work ul li {
    width: 100%;
    font-weight: 400;
}
.people_map li.wd_lon:after {width: calc(60% + 15%);left: 12.5%;}
.people_map .map3{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 6em;
    position: relative;
}
.people_map .map3:before{content:""; position:absolute;background-color:#ddd;z-index: -1;width: 86%; height:1px;top: -35%;left: 4.5%;}
.people_map .map3 .gb_tabs{position: relative;}
.people_map .map3 .gb_tabs li:before{content:""; position:absolute;width:1px;height: 185px; background-color:#ddd;z-index: -1;left: 50%;bottom: 0;margin-bottom: 50%;}
.people_map .map3 .work_info {
    display: flex;
    flex-direction: row;
    margin-top: 3em;
    /* margin-right: 0.5em; */
}
.people_map .map3 .line:before{content:""; position:absolute;width: 653px;height:1px; top:0;left: -74%;background-color:#ddd;}
.people_map .map3 ul:last-child {margin-right:0;}
.people_map .map3 .work_info li:before {height: 34px;}
.people_map .map3 .member_info {
    width: 114px;
    padding: 1em 0.4em;
    font-weight: 400;
    border-radius: 0.5em;
    font-size: var(--font-size);
    cursor: pointer;
    margin-right: 0.2em;
    background-color: #fff;
    border: 1px solid #ccc;
    position: relative;
}

.people_map .map3 .member_info:after {content:""; position:absolute; width:100%; height:10px;background-color: var(--color-point1);top: 0;left: 0;border-radius: 0.5em 0.5em 0 0;}
.people_map .map3 li:last-child {
    margin-right: 0;
}
.people_map .map3 li.work {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size2);
    font-weight: 300;
    line-height: 1.8em;
    border: 1px solid #ccc;
    border-radius: 0 0 1em 1em;
    align-items: center;
}
.people_map .map3 li.work dl{
    padding: 0.5em 0;
    border-bottom: 1px dashed #ccc;
    width: 87%;
}
.people_map .map3 li.work dl:last-child {border-bottom:none;}
.people_map .map3 li.work dl dt{font-weight: 400;font-size: var(--font-size2);}
.people_map .map3 li.work dl dd{
    font-size: var(--font-size);
}
.people table {
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
}

.people table tr {border-bottom: 1px solid #ddd;}
.people table th {
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    padding: .5em;
    font-weight: 500;
    border-right: 1px solid #ddd;
}
.people table td {border-right:1px solid #ddd;padding: .5em;font-weight: 300;}
.people table.total {
}
.people table.total td, .people table.total th {width:16%;} 

.tab_inner2 {display:none;}


@media screen and (max-width: 1000px) {
	.people_map {}
	.people_map .tree {
    width: 100%;
}
	.people_map .map0{}	
	.people_map .map0 .tabs li {
    width: 75%;
    height: 3em;
    border-radius: 3em;
    margin-bottom: 1em;
}
	.people_map .map0 .tabs li:after{
    height: 12em;
}
	.people_map .map0-1{
    margin: 0;
}
	.people_map .map0-1:before {
    /* width: 30%; */
    /* left: 34%; */
    display: none;
}
	.people_map .map0-1 ul {
    width: 45%;
}
	.people_map .map0-1 ul li{width: 100%;padding: 0.5em;}
	.people_map .map0-1 .mapl{
}
	.people_map .map0-1 .mapr:after {
    left: -5%;
}
	.people_map .map0-1 .mapr li:after {
    left: -5%;
}
	.people_map .map1{
    margin-top: -32%;
}
	
	.people_map .map1 .tabs li {
    width: 75px;
    border-radius: 50%;
    height: 75px;
}
	.people_map .map2{padding-top: 1em;}
	.people_map .map2:before {display:none;}
	.people_map .map2 ul {
}
	.people_map .map2 li {
    border-radius: 0.5em;
    padding: .5em;
    font-size: 1em;
    width: 100%;
}
	.people_map .map2 ul:after {
    width: 52%;
    margin-top: -7%;
    left: 24%;
}
	.people_map .map2 li .team:before {display:none;}
	.people_map .map0-1 .mapl:after, .people_map .map0-1 .mapr:after {display:none;}
	.people_map .map0-1 ul li:after {display:none;}
	.people_map .map3{margin-top: 2em;display: flex;align-items: flex-start;justify-content: space-around;}
	.people_map .map3 .work_info {margin-right: 0.5em;width: 100%;word-break: keep-all;margin-bottom: 0.5em;margin-top: 0.5em;display: flex;flex-wrap: wrap;}
	.people_map .map3 .work_info li{
    display: flex;
    align-items: center;
    width: 48%;
    justify-content: center;
    margin-bottom: .5em;
}
	.people_map .map3 .member_info {
    padding: 0.5em;
    font-size: 1em;
    border-radius: 0.5em;
    width: 100%;
    margin-bottom: 1em;
}
	.people_map .map3 .gb_tabs {
    width: 100%;
}
	.people_map .map3:before {display:none;}
	.people_map .map3 .gb_tabs li:before {display:none;}
	.people_map .map3 li.work {display:none;}
	.people_map .map2 li:before {display:none;}	
	.people_map li.wd_lon:after{display:none;}
	.people_map .map2 li:after{display:none;}
	.people_map .map3 .gb_tabs:before {
    margin-top: -23%;
}
	.people_map .map3 .line:before {width: 10.8em;left: -58%;}
	.table-type {
    min-width: 90vw;
    margin-top: .5em;
    overflow-x: auto;
	-webkit-overflow-scrolling: touch;
 }	
	.table-type table {width:600px; max-width: none;}
}



@media screen and (max-width: 1000px) {
	
	.dl_s1 {
    margin-top: 1em;
}
	.dl_s1 dl {width: 100%;margin-bottom: 0.5em;word-break: keep-all;margin-left: 1em;align-items: flex-start;}
	.dl_s1 dt {
    font-size: 1em;
    margin-left: 1em;
    width: 17%;
    height: 2em;
}
	.dl_s1 dt:before {
    margin-left: -45%;
    width: 16px;
    height: 16px;
    top: 8%;
}
	.dl_s1 dd {
    width: 61%;
    margin-left: 2em;
}
	.dl_s1 dd:before{
    height: 1em;
    top: 18%;
}
	.photo ul {}
	.photo ul li {
    width: 48%;
    border-radius: .5em;
    margin-bottom: 1em;
}
	.photo li img {width: 100%;height: auto;border-radius: .5em .5em 0 0;}
	.photo li .name {
    padding: .5em;
}
}


/********* 오시는길  *********/
#container .root_daum_roughmap .wrap_btn_zoom {
    z-index: 5;
}
ul.load_address {
    display: flex;
    width: 100%;
    /* margin: 2em 0; */
    /* background-color:#f1f1f1; */
    flex-direction: column;
    align-items: flex-start;
    padding: 2em;
    border: 1px solid #ddd;
    background-image: url(/img/logo/logo.svg);
    background-repeat: no-repeat;
    background-size: 22%;
    background-position-x: 96%;
    background-position-y: 77%;
    }
ul.load_address li{
    width: 100%;
    box-sizing: border-box;
    
    
    
    font-size: 1.1em;
    
    padding-left: 2em;line-height: 2em;}
ul.load_address li:nth-last-child(1) {border-left: 0;}
ul.load_address li i{font-size: 1.2em; color: #01abc5;}
ul.load_address li p{padding-top:0.5em;font-size: 1em;letter-spacing: -0.2px;}
ul.load_address li p span{font-weight: 500;background: #ffc11f52;padding: 0.2em 1em;border-radius: 0.5em;margin-right: 0.5em;}

 ul.load_address2 {    display: table;
    width: 100%;
    margin: 2em 0;}
ul.load_address2 li{width: 50%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    float: left;
    padding: 2em;
    font-size: 1.4em;
    height: 16.5em;
    text-align: left;     background-repeat: no-repeat;}
ul.load_address2 li:nth-child(1) { border-right: 0;
    background-image: url(/img/page/1070/1.png);
    background-position-x: center;
    background-position-y: 1em;
	
    padding-top: 7em;}
ul.load_address2 li:nth-child(2) { border-right: 1;
    background-image: url(/img/page/1070/2.png);
    background-position-x: center;
    background-position-y: 1em;
    padding-top: 7em;}

ul.load_address2 li h4{font-size: 1.2em;     text-align: center;}
ul.load_address2 li p{padding-top:0.5em;     font-size: 0.8em; }
ul.load_address2 li p span{    font-weight: 500;}
ul.load_address2 li:nth-last-child(1) h4{    text-align: center;}
ul.load_address2 li:nth-last-child(1) p{    text-align: left;}
.table_s1 table.traffic {
}
.table_s1 table.traffic tr {border-bottom: 1px solid #ddd;}
.table_s1 table.traffic tbody tr:first-child {
    border-top: 2px solid var(--color-main);
}
.table_s1 table.traffic tbody tr th {background-color:#f5f5f5;}
.table_s1 table.traffic tbody tr:first-child th {border-top-color:var(--color-main);}
.table_s1 table.traffic tbody tr td {
    padding: 1em;
}

@media screen and (max-width: 1000px) { 
    ul.load_address {
    display: flex;
    flex-direction: column;
    padding: 1em;
    padding-bottom: 3em;
    background-size: 45%;
    background-position-y: 94%;
    background-position-x: 92%;
    }
	ul.load_address li {width:100%; padding-left: 0;font-size: 1em;line-height: 2.5em;}
	ul.load_address2 li:nth-child(1),ul.load_address2 li:nth-child(2) {width:100%;}
	ul.load_address2 li:nth-last-child(1) {    border-right: 0;
    background-image: url(/img/page/1070/3.png);
    background-position-x: center;
    background-position-y: 1em;
        padding: 2em; padding-top: 7em; }
	ul.load_address li p span{padding: 0.2em 0.5em;}
	.table_s1 table.traffic {
    border: 1px solid #ddd;
}
	.table_s1 table.traffic tbody tr {display: flex;
    flex-direction: column;}
	.table_s1 table.traffic tbody tr th, .table_s1 table.traffic tbody tr td {
    border: unset;
}
	.table_s1 table.traffic tr td:last-child {width:100%;}
}

/** 윤리강령 **/

.eth span {color: var(--color-main);font-weight: 600;padding-right: 2em;}
.eth ul {
    height: auto;
}
.eth li {
    line-height: 3em;
    font-size: var(--font-size20);
    display: flex;
}
.eth_ti {}
.eth_ti p{
    font-size: var(--font-size);
    font-weight: 400;
    line-height: 1.8em;
    word-break: keep-all;
}
.eth_ti > span {color:var(--color-point4);font-weight: 600;font-size: var(--font-size3);}
.eth_txt {font-size: var(--font-size2);}
.eth_txt p{
    text-align: center;
    margin: 1em 0;
    padding-top: 1em;
    border-top: 1px dashed #ccc;
    font-weight: 500;
}
.eth_txt dl{
}
.eth_txt dd{
    font-weight: 300;
    line-height: 1.6em;
    padding: 0.2em 0;
}
.eth_txt dt{
    font-weight: 500;
    padding: 1.5em 0 0.6em;
}
.eth_layer {
    padding: 2em;
    border: 1px solid #ccc;
    margin-top: 3em;
    border-radius: 1em;
    width: 100%;
}
.eth_layer p {
    font-size: 1.2em;
    text-align: center;
    margin: 2em 0;
    /* color: var(--color-main); */
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eth_layer p i {font-size: 43px;margin-right: .2em;color: var(--color-main);}
/*.eth_layer p:after {content:"";width: 72%;height: 2px; position:absolute; left:0;bottom: 0;margin-left: 17%;background-color: var(--color-main);}*/
.eth_layer .sub_tit_center {
    margin: 0 0 2em;
}
.eth_box {
    display: flex;
    justify-content: center;
    height: auto;
    padding: 3em 0;
    border-radius: 1em;
    background-image: url(/img/page/4030/bg_logo_light.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.eth_layer .ci{
    margin: 0 auto;
    padding: 1em 2em;
    text-align: center;
    background-color: #fff;
    }
.ci_box li{display: flex;align-items: center;padding: 0 1em;margin: 2em 0;border-radius: 1em;}
.ci_box li p{font-size: var(--font-size);line-height: 1.6em;flex: unset;text-align: left;font-weight: 400;width: 95%;justify-content: unset;letter-spacing: -.2px;}
}
.ci_box ul li span {
    border: 1px solid var(--color-main);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0 1em;
    margin-right: 2em;
    text-align: center;
}
.logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1000px) {
	.eth span {
    padding-right: 1em;
}
	.eth ul {}
	.eth li {
    line-height: 1.6em;
    margin-bottom: 0.6em;
    display: flex;
    flex-direction: column;
    padding: 0;
}
	.eth li:last-child{margin-bottom:0;}
	div.eth_ti {
    font-size: 1em;
    margin-bottom: 2em;
}
	.eth_ti p{}
	.eth_ti > span {
    letter-spacing: -.5px;
    word-break: keep-all;
}
	.eth_txt {}
	.eth_txt p{}
	.eth_txt dl{}
	.eth_txt dd{}
	.eth_txt dt{}
	.eth_layer {
    padding: 1em;
    margin-top: 0;
}
	.eth_layer p {
    font-size: 1.1em;
    text-align: left;
    word-break: keep-all;
}
	.eth_layer .sub_tit_center {}
	.eth_box {padding: 2em 1em;}
	.ci_box {
}
	.eth_layer .ci {
    padding: 2em 0;
}
	.eth_layer .ci img {
    width: 40%;
}
	.ci_box li {
    padding: 1.2em 0.5em;
}
	.ci_box li p {
    width: 100%;
    text-align: center;
    margin: 1em 1em 0;
}
	.logo {
    display: flex;
    flex-direction: column;
}
	.logo img {width: 70%;margin-bottom: 1em;}
}

/** 이용절차(step) **/
.wrap {
    border: 1px solid #ccc;
    border-radius: 1em;
    margin-top: 3em;
}
.step_s1 {
    display: flex;
    justify-content: center;
}
.step_s1 li {
    width: 20%;
    text-align: center;
    position:
    relative;
    margin: 2.5em 0 2em;
    border-right: 1px dashed #ccc;
}
.step_s1 li.line_none {/* border-right:0; */}
.step_s1 li:last-child{border:0;}
.step_s1 li p {
    padding-top: 1em;
    font-size: var(--font-size20);
    font-weight: 500;
}

.step_s1 li:before {content:"STEP"; position:absolute; background-color:var(--color-point1); padding:0.5em 2em; color:var(--color-white); border-radius:3em;top: -46%; left:0; margin-left:25%;}
.step_sub li{
    margin-top: 3.2em;
}
.type1 li {width: 25%;}
.type1 li:before {
    margin-left: 28%;
}
@media screen and (max-width: 1000px) {
	.step_s1{
    display: flex;
    flex-wrap: wrap;
}
	.step_s1 li {
    width: 50%;
    margin-bottom: 3em;
    border-right: 0;
}
	.step_s1 li:before {
    padding: 0.5em 1em;
}
	.type1 li:before {
    margin-left: 20%;
}
}

/** 링크버튼 */
.link_apply {}
.link_apply ul {
    display: flex;
    justify-content: center;
}
.link_apply li {
    cursor: pointer;
    background-color: var(--color-main);
    font-size: var(--font-size20);
    width: 46%;
    text-align: center;
    padding: 1em;
    border-radius: 1em;
    font-weight: 600;
    margin-right: 3em;
    color: var(--color-white);
}
.link_apply li a {color: var(--color-white);}
.link_apply li i {padding-left:1em;}
.link_apply li:last-child {margin-right:0;}
.link_apply li:hover {background-color: var(--color-point1);}
.down_btn {
    display: flex;
    justify-content: flex-end;
}
.down_btn div {
    padding: .8em 1em;
    background-color: var(--color-point1);
    margin-right: 1em;
    border-radius: .5em;
    cursor: pointer;
    /* border: 1px solid var(--color-main); */
    transition: all 0.4s ease-out;
}
.down_btn div a {color:var(--color-main); font-weight:500;}
.down_btn div:last-child {margin-right:0;}
.down_btn div i, .btn_st2 i {
    padding: .5em;
    background-color: var(--color-main);
    border-radius: 100%;
    margin-left: 1em;
    color: #fff;
}
.down_btn div:hover {background-color:var(--color-main); }
.down_btn div:hover a {color:#fff;}
.down_btn div:hover i {background-color:#fff; color:var(--color-main);}
.btn_st1 {display: flex;justify-content: center;}
.btn_st1 div {background-color:#f5f5f5;border: 1px solid var(--color-main);}
.btn_st2 {
    padding: .8em 1em;
    background-color:#f5f5f5;
    border: 1px solid var(--color-main);
    border-radius: .5em;
}
.btn_st2 a {color:var(--color-main);}
.btn_st2:hover {background-color:var(--color-main); }
.btn_st2:hover a {color:#fff;}
.btn_st2:hover i {background-color:#fff; color:var(--color-main);}
@media screen and (max-width: 1000px) {
	.link_apply ul{
    display: flex;
    flex-direction: column;
}
	.link_apply li{
    width: 100%;
    background-color: var(--color-point1);
}
	.link_apply li:last-child {
    margin-top: 0.5em;
}
	.down_btn {display: flex;justify-content: space-between;}
	.down_btn div {
    margin-right: 0;
    width: 48%;
    text-align: center;
    padding: 0.5em;
}
	.down_btn div i, .btn_st2 i {background: none;color: var(--color-main);margin-left: 0;}
	.btn_st1 div{
    width: 100%;
}
	.btn_st2 {
    padding: 0.6em 1em;
}
}

/* 사업안내 */
.all_business {}
.all_business > ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.all_business > ul > li {width: 48%; margin-right: 2.5em;}
.all_business > ul > li:nth-child(2n), .business li:last-child{margin-right:0;} 
.all_business .business ul{
    height: 20em;
    border: 1px solid #ccc;
    border-radius: 1em;
    margin-bottom: 3em;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.all_business .business li{
    font-size: var(--font-size2);
    margin-top: 0.5em;
    -webkit-transition: .5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.all_business .business li.tit{
    font-size: var(--font-size3);
    margin-top: 1em;
    color: var(--color-point2);
    font-weight: 500;
}
.all_business .business ul li.hover{opacity: 0;width: 100px;margin: 0 auto;}
.all_business .business ul:hover {background-color:var(--color-point2);}
.all_business .business ul:hover li:first-child{opacity: 0;margin-top: -10em;}
.all_business .business ul:hover li {color: var(--color-white);}
.all_business .business ul:hover li.hover {
										   display:
										   block;
										   background: #fff;
										   color: var(--color-point2);
										   font-weight: 500;
										   padding: 0.5em;
										   border-radius: 1em;
										   width: 30%;
										   margin: 0 auto; margin-top:1em;
										   opacity: 1;
										   -webkit-transition: .5s ease-in-out;
										   transition: 0.5s ease-in-out;
										  }

.guide_use {margin-top: 1em;}
.guide_use li {
    padding: 0 0 1em;
    margin-bottom: 1em;
}
.guide_use li:last-child {border-bottom:0;margin-bottom: 0;}
.biz_tit{
    /* color: var(--color-main); */
    font-size: var(--font-size20);
    position: relative;
    padding: 1rem .5rem .5rem;
}
.biz_tit span {
    width: 30px;
    height: 30px;
    background-color: var(--color-main);
    padding: .5em;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    line-height: .5;
    margin-right: .5em;
    font-size: var(--font-size20);
}
.biz_tit:after{display:none;content:"";position:absolute;width: 6px;height: 6px;background-color: var(--color-main);top: 0;/* right: 0; */margin-left: 5px;border-radius: 100%;}
.biz_info {margin-top: .5em;display: flex;flex-direction: row;justify-content: space-between;}
.biz_info h4{
    font-size: var(--font-size20);
    font-weight: 500;
    padding-bottom: 0.3em;
}
.biz_info p {word-break: keep-all;}
.biz_info .tit {
    font-size: var(--font-size20);
    margin-bottom: 1em;
    font-weight: 500;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.5em;
}
.biz_info dl {
    display: flex;
    line-height: 2.3em;
    /* margin-top: 1.5em; */
    flex-direction: row;
    flex-wrap: wrap;
    width: 60%;
} 
.biz_info dt{
    width: 20%;
    background-color: #f2f2f2;
    margin-right: 1em;
    border-radius: 3em;
    margin-bottom: 0.5em;
    font-size: var(--font-size);
    font-weight: 500;
    background-repeat: no-repeat;
    display: flex;
    height: 2.3em;
    color: var(--color-main);
    align-items: center;
    padding: 0 1.5em;
} 
.biz_info dt i {
    font-size: 24px;
    padding-right: .5em;
}
/*.biz_info dt:nth-of-type(1){background-image: url(/img/icon/biz_icon1.png);}
.biz_info dt:nth-of-type(2){background-image: url(/img/icon/biz_icon2.png);}
.biz_info dt:nth-of-type(3){background-image: url(/img/icon/biz_icon3.png);}
.biz_info dt:nth-of-type(4){background-image: url(/img/icon/biz_icon4.png);}*/

.biz_info dd{
    width: 72%;
    line-height: 1.5em;
    margin-bottom: 0.5em;
} 
.biz_info dd ul li {padding: 0;text-align: left;}
.use_info {
    padding-left: 3em;
}
.use_info p {
    /* font-weight: 400; */
}

/* 후원 */
.online {
    margin-top: 2em;
}
.online > ul{display: flex;justify-content: space-between;}
.online > ul > li{width:48%;}
.linebox li.link {
    background-color: var(--color-point1); width:50%;
    margin: 0 auto;
    border-radius: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.linebox li.link:hover {background-color: var(--happybin-color);}
.linebox li.link2:hover {background-color: var(--together-color);}

.linebox li a{
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size20);
}

@media screen and (max-width: 1000px) {
	.all_business > ul{
    display: flex;
    flex-direction: column;
}
	.all_business > ul > li {width: 48%;}
	.all_business .business ul{
    padding: 1em;
    word-break: keep-all;
    height: auto;
    margin-bottom: 1em;
}
	.all_business .business li{
    width: 100%;
    height: 30%;
}
	.all_business .business li img{
    width: 32%;
}
	.all_business .business ul li.hover {
    opacity: 1;
    background: var(--color-bg-point2);
    padding: 0.5em;
    width: 40%;
    border-radius: 3em;
    margin: 1em auto;
    font-weight: 500;
    color: var(--color-point2);
}

	.biz_tit {word-break: keep-all;}
	.biz_info{
    margin-top: 1em;
    flex-direction: column;
}
	.biz_info dl{
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 1em;
}
	.biz_info dt{
    width: 30%;
    background-position-x: 22%;
    padding: 0 .7em;
    /* text-align: center; */
    margin-right: 0;
}
	.biz_info dd{
    width: 70%;
    line-height: 1.6em;
    margin-bottom: 1em;
    /* text-align: center; */
    word-break: keep-all;
    padding: 0 1em;
}
	.biz_wr {
    padding: 1em;
}
	.biz .use {
    display: flex;
    flex-direction: column;
}
	.biz .use .biz_tit {
    width: 100%;
}
	.use_info {
    padding-left: 0;
}
	.online > ul{display: flex;flex-direction: column;}
	.online > ul > li{width:100%;}
	.linebox li.link{background-color: var(--happybin-color);width: 86%;}
	.linebox li.link2{
    background-color: var(--together-color);
}
	.kakao_map {width:100%;}
}

/** br 옵션 **/
br.mo {display: none;}
br.pc {}

@media screen and (max-width: 1000px) {
br.mo {display: unset;}
br.pc {display: none;}
	.ground.icon {}
.ground.icon ul{}
.ground.icon ul li{}
.ground.icon ul li i{}
}

/* 그림자 옵션 */
.shadow_in {
    box-shadow: inset 0px 10px 10px 0 rgb(121 121 121 / 10%);
    background-color: #f5f5f5;}

/* 카카오맵 */
.kakaomap{z-index: -1;overflow: hidden;}
.kakaomap .root_daum_roughmap .wrap_controllers {display:none;}


/* 후원 자원봉사 */
.sec {
    height: 21em;
}
.sec .bg{background-image: url(/img/page/3010/bg.jpg);width: 934px;height: 317px;position: relative;border-radius: 1em;}
.sec .jawon{background-image: url(/img/page/3030/bg.jpg);}
.sec .txt {width:772px;height:280px;background-color:#fff;float: right;position: relative;display: table;z-index: 1;margin-top: -12em;border-radius: 1em;padding: 3em 2em;box-shadow: 0px 5px 25px 3px rgb(0 0 0 / 10%);display: flex;justify-content: space-evenly;flex-direction: column;}
.sec .txt .ti {
    font-size: var(--font-size22);
    font-weight: 600;
    line-height: 1.8em;
    letter-spacing: -1px;
}
.sec .txt .tx {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5em;
    align-items: center;
    border-top: 1px dashed #ccc;
    padding-top: 1em;
}
.sec .txt .tx .inq {
    font-size: var(--font-size20);
}
.sec .txt .tx div span{
    color: var(--color-main);
    font-weight: 600;
    margin-right: .5em;
    font-size: var(--font-size22);
    line-height: 2em;
}

/* 유튜브 */
.yt{
    margin: 0 auto;
    text-align: center;
    margin-top: 2em;
}
.yt_link {
    float: right;
    background-color: #f70000;
    padding: .5em 1em;
    border-radius: .3em;
}
.yt_link a{
    color: #fff;
    font-size: .95em;
    display: flex;
    align-items: flex-start;
}
.yt_link iconify-icon {font-size: 1.7em; padding-right:.3em;}

@media screen and (max-width: 1000px) {
	.sec {display: table;height: auto;}
	.sec .bg {
    width: 100%;
    background-size: cover;
}
	.sec .txt {
    width: 100%;
    margin-top: -3em;
    padding: 2em 1em;
    height: auto;
}
	.sec .txt .ti {
}
	.sec .txt .tx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
	.sec .txt .tx .inq {font-size:1em;}
	.sec .txt .tx div span {
    font-size: 1.1em;
}
	.yt_link {margin-top: 1em;}
}

.s_table {}
.s_table {
    line-height: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 300;
    border: 1px solid #ccc;
}
.s_table dt {
    display: block;
    width: 12%;
    background-color: #eee;
    text-align: center;
    padding: .3rem 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
}
.s_table dd {width: 88%;padding: .3rem 0 0.3rem 1rem;border-bottom: 1px solid #ddd;}
.s_table dd:last-child {border-bottom:0;}
.box {
    margin: 0 0 2rem;
}
.box p {
    font-size: 1.1em;
    font-weight: 400;
}
.s_table dd.wd_full {width:100%;padding-left: 2rem;}

.guideline {border: 1px solid #ddd;padding: 3rem 7rem;background-image: linear-gradient(136deg, white, #8bc34a78);}
.guideline h4 {font-size: var(--font-size30);word-break: keep-all;font-weight: 500;color: var(--color-main);text-align: center;margin-bottom: 2rem;}
.guideline ul {border-top: 2px solid var(--color-main);padding-top: 2rem;}
.guideline ul li {
    list-style: decimal;
    line-height: 2.5;
    margin-left: 2rem;
}
.guideline ul li::marker {
    font-weight: 600;
}
.edu {margin-bottom:3rem}
.edu_list {margin-top:1rem}
.edu_class {margin-bottom:1rem}
.edu_class strong {font-size:1.2em;color:var(--color-main);font-weight:600;line-height: 2;}
dl.tb_type {
    display: flex;
    background-color: #fff;
    /* margin-bottom: 4rem; */
    border: 1px solid #ddd;
    flex-wrap: wrap;
}
dl.tb_type dt {
    width: 25%;
    padding: 1rem;
    background-color: #f7f7f7;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 500;
    color: var(--color-main);
    font-size: 1.3rem;
} 
dl.tb_type dd {
    width: 75%;
    padding: 1rem 3rem;
    border-bottom: 1px solid #ddd;
    color: #444;
}
dl.tb_type dt:last-of-type {border-bottom: 0;}
dl.tb_type dd:last-of-type {border-bottom: 0;}

.center_map {}
.center_map .map {width: 100%;}

.tit_img  {
    display: flex;
    padding: 2rem 0;
    flex-wrap: wrap;
}
.tit_img li {
    width: 32%;
    margin-right: 2%;
}
.tit_img li:last-child {margin-right:unset}
.tit_img li img {
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
}
.center_biz {margin-top:2rem}
table.ts1 {width:100%;}
table.ts1 tr {
    border: 1px solid #ddd;
}
table.ts1 td {
    /* background-color: #fff; */
    padding: 1rem;
    text-align: center;
    border-right: 1px solid #ddd;
    font-weight: 300;
    word-break: keep-all;
}

table.ts1 td:first-child {/* font-weight: 500; */}
table.ts1 td:last-child {text-align:left;}
table.ts1 th {
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    border-top: 2px solid var(--color-main);
    border-right: 1px solid #ddd;
    background-color: #f4f4f4;
    color: var(--color-main);
    font-size: 19px;
    word-break: keep-all;
}
table.ts1 td.center {text-align:center}
.over_view table {width: 100%;}
p.mo {display:none;}
.shepherd {
    padding: 2rem;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    width: 100%;
}
.shepherd p {
    font-size: 1.2rem;
    font-weight: 400;
}
.shepherd .inquiry {
    /* display: inline-flex; */
    /* border: 1px solid var(--color-main); */
    padding: 1rem;
    margin-top: 1rem;
    border-radius: .5rem;
    color: var(--color-main);
    background-color: #e4f1f6;
}
table.t1.w50 {width:50%;}
.table_inner {display:flex;}

@media screen and (max-width: 1000px) {
	.s_table dt, .s_table dd {
    width: 100%;
    padding: 0.3rem 1rem;
}
	.s_table dd.wd_full {padding-left:1rem;}
	.guideline {
    padding: 1rem;
}
	dl.tb_type {margin-bottom:1rem}
    dl.tb_type dt {
        width: 100%;
        padding: 1rem .5rem;
    }
    dl.tb_type dd, dl.tb_type dd:last-of-type{
        width: 100%;
        padding: 1rem .5rem;
        word-break: keep-all;
        font-size: .95em;
    }
	.tit_img li {width:100%;padding: .5rem 0;}
	
	.over_view {
    width: 100%;
    overflow: auto;
}
	.over_view table {width: 1000px;}
	p.mo {display: block;text-align: right;} 
	.shepherd {padding:1rem 0}
	.table_inner {
    flex-wrap: wrap;
}
}