@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: left;
    padding-top: 1.2em;
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
h4.title {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	position: relative;
	margin-bottom: 1em;
	padding-left: 0.7em;
	}
h4.title:after {
    content: "";
    width: 5px;
    height: 13px;
    background-color: var(--color-main);
    position: absolute;
    left: 0;
    top: 19%;
    transform: rotate(45deg);
    margin-right: 0;
    }
.sub_title_con {
	height: 256px;
	width: 100%;
	background-color: #ccc;
	margin-top: 80px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	background-repeat: no-repeat;
}
.sub_title_con .title_txt {width: var(--width-sub-size);margin: 0 auto;text-align: center;height: 258px;display: flex;align-items: flex-end;flex-direction: column;justify-content: center;}
.sub_title_con h2 {font-size: 2.3em;color: #333;width: 100%;margin-top: 2em;visibility: hidden;}
.sub_title_con .txt_nav {color: #555;font-weight: 300;font-size: .95em;float: right;padding-top: 1.5em;}
.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_p {
    margin-bottom: 1em;
}
.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_case2 .tabs, .room_tabs * {transition: all .4s;}
.subtab_case2 {}
.subtab_case2 .tabs {
    display: flex;
    justify-content: space-between;
}
.subtab_case2 .s1 {}
.subtab_case2 .s1 li {
    padding: .6em 1.2em;
    background-color: var(--color-gray);
    border-radius: .5em;
}
.subtab_case2 .s1 li:hover {background-color: var(--color-point1);}
.subtab_case2 .s1 li.on {
    background-color: var(--color-main);
}
.subtab_case2 .s1 li.on 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: auto;/* display: none; */width: 100%;}

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

@media screen and (max-width: 1000px) {
	#container > h3 {border: unset;text-align: center;}
	h4.title {
    padding-left: 1em;
}
	h4.title:after {
    left: .3em;
}
	.sub_title_con {
    height: 11em;
    padding-bottom: 0;
    background-size: cover;
    background-position-x: -48em;
    position: relative;
    margin-top: 70px;
}
	.sub_title_con .title_txt {width:100%;margin-top: 1%;/* margin-left: 1em; */text-align: center;z-index: 1;}
	.sub_tit {}
	.sub_tit:after {
}
	.sub_title_con h2 {font-size: 1.8em;margin-top: -.5em;/* margin-bottom: 0.5em; *//* color: var(--color-main); */}
	.sub_title_con .txt_nav {
    display: none;
}
	.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 {}
	.sub_conts img {width:100%}
	.subtab_case2 .s1 {
    display: flex;
    flex-wrap: wrap;
}
	.subtab_case2 .s1 li {
    width: 48%;
    margin-top: 0.5em;
}
}

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

.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: var(--color-gray);
    border: 0;
    padding: 2em;
    background-image: url(/img/page/4020/bg_logo.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    border-radius: 1em;
    background-size: 17.5%;
}
.bgbox p {font-size: var(--font-size24);/* color: #fff; */text-align: center;line-height: 1.8em;font-weight: 300;}
.bgbox span {
    font-size: var(--font-size30);
    font-weight: 600;
}
.bgbox2 {
    background: var(--color-point1);
    /* 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;
}
.bgbox2 .txt h3{
    color: var(--color-main);
    font-size: var(--font-size30);
    line-height: 2em;
    font-family: 'Nanum Gothic';
    font-weight: 800;
}
.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;
}

.info_box {display: table;width: 100%;/*border: 1px solid #ccc;border-radius: 1em;*//* background: #f0f7ff; */height: auto;display: flex;flex-direction: row;align-items: flex-end;border-radius: 2em;justify-content: space-between;}
.info_box  li{
    float: left;
    width: 58%;
    /* padding-top: 2em; */
    font-size: 1.1em;
    font-weight: 400;
    }
.info_box li a{
    padding: 0.5em 2em;
    background: #94c11f;
    border-radius: 1em;
    line-height: 4em;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 600;
} 
.info_box li a:hover {background: var(--color-main); color:#fff;} 
.info_box  li:nth-child(1) {
    background-image: url(/img/page/5010/1.png);
    height: 311px;
    width: 40%;
    background-size: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
    }
.info_box  li:nth-child(2){
    /* margin-top: 3em; */
    word-break: keep-all;
    }
.info_box  li:nth-child(1) p {font-size: 1.4em;
    font-weight: 300;
    margin-top: 1em; }
.info_box  li:nth-child(1) p:nth-last-child(1) {padding-bottom:0.6em;     line-height: 1.8em;
    padding-bottom: 0.6em;
    font-size: 1.3em;
    color: #000;
    font-weight: 300;
    word-break: keep-all;}
.info_box  li  h2 {color:#083f88;font-size: 2em;}
.info_box  li  p {font-size: 1em;font-weight: 300;padding-top: 0.5em;padding-left: 0.3em;margin-bottom: 1em;}
.info_box  li span {color: var(--color-main);font-weight: 600;font-size: 1.4em;line-height: 1.5em;}
.info_box  li  strong {float:left;display:block;margin-bottom: 1em;} 

@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: 2em 1em;background-size: 55%;}
	.bgbox p {
    letter-spacing: -1px;
}
	.bgbox span {
    font-size: 1.2em;
}
	.bgbox .img{
    margin: 1em 0;
}
	.bgbox .img img{
    width: 100%;
}
	.bgbox .txt {
    margin: 0 1em;
}
	.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;
}
	.info_box {display: table;width: 100%;border: 1px solid #ccc;border-radius: 1em;height: auto;padding: 1em 1em 0;display: flex;flex-direction: column-reverse;}
	.info_box  li{float: none;width: 100%;padding: 0.5em;}
	.info_box  li:nth-child(1) {/* display:none; */width: 100%;float: none;height: 12rem;padding: 0;border-radius: 0;margin: 0;margin-top: 0;flex-direction: column-reverse;justify-content: flex-start;border-radius: 0 0 1em 1em;}
	.info_box  li:nth-child(2){
    font-size: 1em;
    text-align: center;
    line-height: 1.6em;
    padding: 0;}
	.info_box  li  p {/* padding: 0.5em; */}
	.info_box li span {
    word-break: keep-all;}
	.info_box  li  strong{width: 100%;font-size:1em;}
}

/** 리스트 **/
.dot_s1 {
    list-style: marker; list-style-type: disc; 
}
.dot_s1 li {line-height: 2em;/* list-style-position: inside; */font-size: var(--font-size2);margin-left: 1em;font-weight: 300;}
.dot_s1 li::marker {font-size:0.7em;color: var(--color-gray);}

.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;}


.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) {
	.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%;
}
	.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 {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}
.vision ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.vision li {
    background-color: rgb(240 246 204 / 60%);
    border: 4px solid rgb(0 0 0 / 0%);
    width: 210px;
    height: 210px;
    text-align: center;
    border-radius: 100%;
    font-size: var(--font-size24);
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.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 {
    font-size: var(--font-size20);
}

.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;
}
	.vision p {}
	.vision ul {
	display: flex;
	margin-right: 1em;
	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: 40%;}
.greeting .img img{border-radius: 2em;}
.greeting .text {/* margin-left: 3em; */width: 60%;}

.greeting .text p{
    padding: .5em 0;
    line-height: 1.6;
}
.greeting .text p.right {letter-spacing: -1px;text-align: right;font-size: 2em;}

@media screen and (max-width: 1000px) {
	.greeting {}
	.greeting h3{}
	.greeting div {
    width: 100%;
    text-align: center;
}
	.greeting .img img {
    width: 80%;
}
	.greeting .text {width: 100%;text-align: left;margin-top: 1em;}
}

/********* 조직도  *********/
.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{
    margin-bottom: 1em;
}
.people_map .map0 .tabs li{
    background-color: var(--color-main);
    width: 30%;
    height: 70px;
    color: #fff;
}
.people_map .map0 .tabs li:after {content:"";position:absolute;width:1px;height: 273px;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: 42%; height:1px;left: 29%; top: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: #eee;
    padding: 1em 2em;
    border-radius: 0.5em;
    font-size: var(--font-size3);
    width:280px;
    position: relative;
    }
.people_map .map0-1 ul li:after{content:""; position:absolute;width: 10%; height:1px; top:50%; background-color:#ddd;}
.people_map .map0-1 .mapl{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative;
}
.people_map .map0-1 .mapl:after{display:none;}
.people_map .map0-1 .mapl li:after{right: -10%;}
.people_map .map0-1 .mapr{position: relative;}
.people_map .map0-1 .mapr:after{left:-10%;height: 70%;top: 15%;}
.people_map .map0-1 .mapr li{margin-top:0.5em}
.people_map .map0-1 .mapr li:first-child{margin-top:0;}
.people_map .map0-1 .mapr li:after{left: -10%;z-index: -1;}
.people_map .map1{
    margin-top: -17%;
}
.people_map .map1 .tabs{}
.people_map .map1 .tabs li{
    width: 15%;
    height: 156px;
    background-color: var(--color-main);
    color: #fff;
    border-radius: 50%;
}
.people_map .map2 {
    padding-top: 5em;
    position:relative;
}
.people_map .map2:before {content:"";position:absolute;width: 75%;height:1px;top: 18%;left: 12.5%;background-color: #ddd;}
.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: 25%;
    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 .5em 0 0;
    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 .map2 li:before {content:""; position:absolute;background-color:#ddd;height: 150px; width:1px;top: -100%;left: 50%;z-index: -1;}
.people_map .map2 li:after {content:""; position:absolute;background-color:#ddd;width: calc(40% + 10%);height: 1px;left: 25%;bottom: -43%;}*/
.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);
}
.tab_inner2 {display:none;}
.people table {
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
}

.people table tr {
}
.people table th {
    border-bottom: 1px solid #ddd;
    background-color: #577fbe1f;
    padding: .5em;
    font-weight: 500;
}
.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%;} 

@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%;
}
	.people_map .map0-1 ul {width: 35%;}
	.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: 4em;}
	.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 .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;}
}
	
/********* 연혁  *********/
.history {
}

.history ul {position: relative;margin-left: 3em;}

.history ul li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
}
.history .year {
	width:16%;
	font-family: 'NanumSquareRound';
	font-weight: 600;
	position: relative;
}
.history .year:before, .history_r li h4:before {content:""; position:absolute;background-color: #eeeeee;width: 9px;height: 9px;border-radius: 100%;left: -30px;top: 5px;display: block;}
.history .text {
    width: 84%;
    line-height: 1.8em;
    margin-bottom: 1.5em;
    position: relative;
}
.history li:before{content:""; position:absolute;width: 1px;height: 100%;background-color: #eeeeee;left: -26px;top: 20px;display: block;}
.history ul li:last-child::before{display:none;}
.history h4{
    font-size: var(--sub-h4-size);
    font-family: 'Nanum Gothic';
    color: var(--color-main);
    margin-bottom: 1.6em;
    position: relative;
}

.history li h4:before {content:"";position:absolute;width:10px;height:10px;background-color:var(--color-main);top: 15px;left: -19%;border-radius: 50%;}

@media screen and (max-width: 1000px) {
	
	.history .year {font-size: 0.9em;}
	.history .text {
    width: 80%;
    /* font-size: 0.95em; */
    margin-bottom: 1em;
    letter-spacing: -1px;
}
	.history ul {
    margin-left: 1em;
}
	.history ul li {}
	.history h4 {
    margin-bottom: 1em;
    margin-top: 0.3em;
}
	.history li:before {
    left: -7px;
}
	.history .year:before, .history li h4:before {
    left: -10px;
    width: 7px;
    height: 7px;
}
}

/********* 시설안내  *********/
.floor_1, .floor_2, .floor_3 {
    padding-top: 4em;
    }
.floor_1 .sub_tit,  .floor_2 .sub_tit, .floor_3 .sub_tit {margin-top:0;}
.facility {display: flex;align-items: flex-start;justify-content: space-around;}
.facility dl{
    text-align: center;
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 25%;
    cursor: pointer;
}
.facility dl:after{content:"";position:absolute;display:block;border-right: 1px dashed #ccc;height: 300px;right: 0;/* margin-right: -50%; */}
.facility dl:last-child::after{display:none;}
.facility dt{
    background-color: var(--color-main);
    border-radius: 100%;
    color: #fff;
    width: 74px;
    height: 74px;
    margin-bottom: 1em;
    font-size: var(--font-size20);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-family: 'Nanum Gothic';
}
.facility dd{
    line-height: 2em;
}
.photo ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.photo li {
    background: #fff;
    box-shadow: 0px 5px 25px 3px rgb(0 0 0 / 10%);
    margin-bottom: 3em;
    border-radius: 1em;
}
.photo li:nth-child(4), .photo li:nth-child(5), .photo li:nth-child(6), .photo li:last-child {margin-bottom:0;}
.photo li img {border-radius:1em 1em 0 0; width:360px;height: 219px;}
.photo li .name {
    padding: 1em;
    text-align: center;
}

@media screen and (max-width: 1000px) {
	.floor_1, .floor_2, .floor_3 {padding-top: 4em;}
	.floor_1 .sub_tit,  .floor_2 .sub_tit, .floor_3 .sub_tit {margin-bottom:1em;}
	.facility {
    display: flex;
    flex-wrap: wrap;
}
	.facility p {padding-left:0; padding-top:1em;}
	.facility dl {
    width: 50%;
}
	.facility dl:after {height: 240px;}
	.facility dl:nth-child(2)::after {display:none;}
	.facility dt{
    width: 95%;
    border-radius: .5em;
    height: 2.5em;
}
	.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: #749ddd47;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 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);}

@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);
    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;
										  }
.biz_wr {
    padding: 2em;
    border: 1px solid #ccc;
    border-radius: 1em;
}
.biz {margin-top:2em;}
.biz li {margin-bottom:2em;border-bottom: 1px dashed #ccc;padding: 0 0 2em;}		
.biz .use {
    display: flex;
}
.biz .use .biz_tit {
    width: 22%;
    font-size: var(--font-size);
}
.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-size24);
    position: relative;
}
.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: 1em;}
.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;
    flex-direction: row;
    line-height: 2.3em;
    align-items: baseline;
    margin-top: 1.5em;
} 
.biz_info dt{
    width: auto;
    text-align: left;
    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: inline-block;
    background-position-y: center;
    background-position-x: 1.2em;
    padding: 0 1.2em 1em 3em;
    height: 2.3em;
    color: var(--color-main);
} 
.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: 20%;
    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; */
}

/* 프로그램 안내*/

.program .text_list{display: flex;flex-direction: row;justify-content: space-between;}
.program .text_list div {display: flex;flex-direction: column;width: 48%;background: none;height: auto;}
.program .text_list .top {background: #ff8e1f;width: 100%;color: #fff;font-weight: 500;font-size: 1.1em;display: flex;align-items: flex-start;padding: 1em 2.5em;border-radius: 1em 1em 0 0;}
.program .text_list .bottom {border: 1px solid #ddd;width: 100%;padding: 2em;border-radius: 0 0 1em 1em;display: block;height: 11em;}
.program .text_list .bottom ul.list1{display: flex;flex-wrap: wrap;}
.program .text_list .bottom ul.list1 li {padding-right: 1.6em; position:relative;color: #19ae19;}
.program .text_list .bottom ul.list1 li:after {content:""; position:absolute; width:1px; height:12px; background:#ccc; right: 11px; top: 26%;}
.program .text_list .bottom ul.list1 li a{color:#19ae19;}
.program .text_list .bottom ul.list1 li a:hover{border-bottom:1px solid #19ae19;}
.program .text_list ul.s1 {}
.program .text_list ul.s1 > li::marker {color: #ccc;}
.program .text_list div:nth-of-type(1) .top {background: #ffab0b;}
.program .text_list div:nth-of-type(3) .top {background: #94c11f;}
.program .text_list div:nth-of-type(4) .top {background: #489a0d;}
.program .title_area img {border-radius: 2em;}
.program .title_area .text {background: #2daae2;position: relative;margin-top: -7em;width: 79%;padding: 3em 4em 3em 3em;border-radius: 0em 2em 2em 2em;color: #fff;word-break: keep-all;box-shadow:1.2em 1.2em 2em rgb(0 0 0 / 10%);background: linear-gradient(to right, #1f8daf, #113678);}
.program .title_area .text h5 {font-size: 1.5em;}
.program .title_area .text p{color: #fff;padding-top: 1em;}
.program .info_box li:nth-child(1){background-image: url(/img/page/2010/1.png);}
@media screen and (max-width: 1000px) {
	
}

/* 후원 */
.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);
}

.img_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}
.img_list ul{display: flex;width: 33.33%;padding: 1% 1%;flex-direction: column;align-items: center;}
.img_list ul .img {border: 2px dotted #ccc;border-radius: 100%;width: 210px;height: 210px;display: flex;justify-content: center;align-items: center;padding: 0;}
.img_list .txt {float: left;width: 62%;padding: 2% 0;text-align: center;margin-top: 0.5em;}
.img_list .txt h5 {font-size: 1.3em;font-weight: 500;padding-left: 0.5em;padding-bottom: 0.5em;}
.text_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
align-items: center;justify-content: flex-start;}
.text_list div {
    width: 84%;
    height: 80px;
    float: left;
    margin-bottom: .5em;
    display: flex;
    align-items: flex-start;
    padding: 2em;
    background: #f5f5f5a3;
    border-radius: 0 1em 1em 0;
    word-break: keep-all;
    flex-direction: column;
    justify-content: center;
    }
.text_list div p {
    line-height: 1.5;
}
.text_list .left {
    width: 15%;
    background: var(--color-main);
    font-size: 1.1em;
    font-weight: 400;
    text-align: center;
    padding: 0 0.6em;
    display: block;
    color: #fff;
    border-radius: 1em 0 0 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    }
@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 {margin-top:0;}
	.biz_tit {word-break: keep-all;}
	.biz_info{
    margin-top: 1em;
}
	.biz_info dl{
    display: flex;
    flex-wrap: wrap;
}
	.biz_info dt{
    width: 30%;
    background-position-x: 22%;
    padding-left: 2.8em;
    /* 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%;}
	.img_list {
    display: flex;
    flex-direction: column;
}
	.img_list ul{
    display: flex;
    
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    }
	.img_list ul .img {}
	.img_list .txt {
    width: 100%;
    padding-top: 1em;
    text-align: center;
    }
    .img_list .txt h4 {font-size: 1.2em;}
	.img_list .txt p {
		width: 100%;
		font-size: 1em;
		display: flex;
		flex-direction: column;
		text-align: center;
		padding-left: 0.5em;}
	.text_list div {
		width: 98%;
		padding: 1em;
		border-radius: 0 0 1em 1em;
		height: auto;}
	.text_list .left {
		width: 98%;
		border-radius: 1em 1em 0 0;
		height: 2.4em;}
}

/** 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-size24);
    font-weight: 600;
    line-height: 1.6em;
    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;}
.product .link {margin-top:3em;text-align: center;}
.product .link ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.product .link li{padding: 1em;width: 48.4%;float:left;border-radius: 2em;text-align: center;font-size: 1.2em;font-weight: 500;}
.product .link li a {color:#fff;}
.product .link li:nth-child(1){background-color: #e2eec2;color: #45930b;cursor: pointer;}
.product .link li:nth-child(1):hover {background-color: #d7f16f;}
.product .link li:nth-child(2){background-color: #fff2e5;color: #ff8e1f;}
.product .link span {text-align: center;font-size: 1.2em;font-weight: 500;background-color: #fff2e5;color: #ff8e1f;padding: 1em 3em;border-radius: 2em;margin-top: 100%;}

@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;}
	.product .link ul {
    display: flex;
    flex-wrap: wrap;
}
	.product .link li {width: 100%;font-size: 1.1em;}

}