@charset "utf-8";
/** margin & paddig **/

.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, .sub_all h3{
    font-size: var(--sub-h3-size);
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: 'GmarketSansBold';
    word-break: keep-all;
}
.sub_title_con {
	height: 350px;
	width: 100%;
	background-color: #ccc;
	margin-top: 90px;
	margin-bottom: 5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.sub_title_con h2 {margin-top: 2em;font-size: 3.0em;color: var(--color-main);visibility: hidden;}

.sub_all {color: var(--color-black);width: 100%;margin-bottom: 6em;}
.sub_tit, .sub_tit_center {margin: 3em 0 2em;position: relative;}
.sub_tit_center {text-align:center;}
.sub_tit h4, .sub_tit_center h4{
    font-size: 1.85rem;
}
.sub_tit:after {content:""; position:absolute;width: 10px;height: 10px;background-color: var(--color-point4);top: 10%;left: -1.5%;border-radius: 100%;}
.sub_tit_center p{
    color: #838383;
    font-size: 1.5em;
    line-height: 1em;
}
.tit_sub_p {
    text-align: center;
    margin-top: -1em;
    color: var(--color-ftbg-color);
    font-weight: 500;
    font-size: 1.4em;
}
.tit_sub_txt {
    font-size: var(--font-size2);
    text-align: center;
    /* color: var(--color-point1); */
    /* margin-top: -1em; */
}
.sub_conts {
    margin-bottom: 4em;
}
.txt_nav {
    display: flex;
    color: #888;
    margin-bottom: 5em;
}
.txt_nav li {
    display: inline-flex;
    align-items: center;
}
.txt_nav li:first-child {
    padding-right: .5em;
}
.txt_nav li i{font-size:1.3rem}

/** 서브탭 **/
.subtab_case1 {}
.subtab_case1 .tabs {}
.subtab_case1 .tabs, .subtab_case1 .tabs :after, .subtab_case2 .tabs, .room_tabs * {transition: all .4s;}
.subtab_case2 {}
.subtab_case2 div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.subtab_case2 div:after{
	content:"";
	width:1px;
	height: 190px;
	position: absolute;
	background-color: #ddd;
	z-index: -1;
}
.subtab_case2 div p{
    padding: 1rem;
    background-color: var(--color-main);
    width: 25%;
    text-align: center;
    margin-bottom: 3rem;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border-radius: .5rem;
}
.subtab_case2 div p:nth-child(2) {
    background-color: #888;
}
.subtab_case2 .tabs {
    display: flex;
    position: relative;
    justify-content: space-between;
}
.subtab_case2 .tabs:after{
	content:"";
	width: 91.9%;
	height: 1px;
	position: absolute;
	background-color: #ddd;
	z-index: -1;
	top: -29px;
	left: 4.1%;
}

.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: 0;display: none;width: 100%;}

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

@media screen and (max-width: 1000px) {
	.sub_all {
    margin-bottom: 4em;
}
	#container > h3, .sub_all h3 {
    padding-top: 2rem;
}
	.sub_title_con {
    height: 100%;
    margin-bottom: 1em;
    background-size: cover;
    background-position: 82%;
    margin-top: 80px;
}
	.sub_tit {}
	.sub_tit:after {
}
	.sub_title_con h2 {font-size: 2em;margin-top: 3rem;margin-bottom: 0;}
	.sub_tit_center {}
	.sub_tit h4{padding-left: 0.3em;font-size: 1.7em;}
	.sub_tit_center p{}
	.sub_conts {
}
	.subtab_case1 {
    width: 100%;
}
	.subtab_case2 div p {
    width: 100%;
}
	.subtab_case2 .tabs {
    flex-wrap: wrap;
    justify-content: unset;
}
	.tit_sub_p {
    letter-spacing: -1px;
    font-size: 0.95em;
}
	.tit_sub_txt p {word-break:keep-all}
	.txt_nav {
    margin-bottom: 3rem;
}
	.txt_nav li {
    font-size: .85em;
}
	.txt_nav li i {
    font-size: 1rem;
}
}

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

.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: -18em;
	height: 705px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	position: absolute;
}
.linebox {
    border: 1px solid #ccc;
    border-radius: 2em;
    padding: 2em 3em;
    margin-bottom: 2em;
}
.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_s1 {border: 10px solid var(--color-bg-point2);display: flex;align-items: center; padding:0}
.linebox_s1 .img {margin:2em 0 0 4em}
.linebox_s1 .txt {
    margin: 0 4em;
}
.linebox_s1 h3{
    font-size: var(--font-size4);
    color: var(--color-point2);
    margin-bottom: 0.6em;
}
.linebox_s1 p {
    font-size: var(--font-size20);
    word-break: keep-all;
}
.bgbox {
    background-color: var(--color-bg-point2);
    border: 0;
    padding: 2em 4em;
}
.bgbox .img {
    background-color: var(--color-white);
    padding: 2em;
    border-radius: 100%;
    box-shadow: 2px 4px 9px #0963b72e;
    margin: 0;
}
.roundbox {
    padding: 3em;
    text-align: center;
    background-color: var(--color-bg-point4);
    border-radius: 1em;
}
.roundbox h4{
    font-size: var(--font-size4);
    font-weight: 500;
}
.roundbox h4 span {
    color: var(--color-point4);
    font-weight: 600;
}
.imgbox img{border-radius: 1em;}

.colbox{
    background-color: #ffffff9e;
    text-align: center;
    border-radius: 2em 2em 0 0;
    padding: 4em 0 6em;
    position: relative;
}
.colbox li{
    font-family: Bazzi;
    font-size: 1.8em;
    line-height: 1.6em;
}
.colbox li span{
    color: var(--color-point1);
    /* font-weight: 600; */
    font-size: 1.3em;
}
.colbox p {
    margin-top: 1.5em;
    font-size: var(--font-size2);
    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_s1 {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}
	.linebox_s1 .img {
    margin: 0 auto;
    text-align: center;
}
	.linebox_s1 .img img {
    width: 70%;
}
	.linebox_s1 .txt {
    margin: 1em;
    text-align: center;
}	
	.linebox_s1 p {
    text-align: center;
}
	.bgbox {padding: 2em 0em;}
	.bgbox .img{
    margin: 1em 0;
}
	.bgbox .img img{
    width: 100%;
}
	.bgbox .txt {
    margin: 0 1em;
}
	.roundbox {
    padding: 2em;
    word-break: keep-all;
}
	.bg_img {
    background-size: cover;
    margin-top: -100%;
    height: 90%;
}
	.imgbox img {
    width: 100%;
}
	.colbox {
    padding: 2em 1em 4em 1em;
    margin-top: -71%;
    border-radius: 0;
}
	.colbox li {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
	.colbox li span {
    font-size: 1.2em;}
	.colbox p {
    margin-top: 1em;
    font-size: 0.95em;
}
}

/** 리스트 **/
.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;}
.dot_s1 li::marker {font-size:0.7em;color: var(--color-point4);}

.dl_s1 {
    width: 50%;
}
.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);
}
.dl_s3 .dd-box-lineheight{
    line-height: 2.5rem;
}

.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: var(--color-white);
    border-radius: 100%;
    box-shadow: 2px 4px 9px #0963b72e;
    margin: 0;
    width: 130px;
    height: 130px;
    }
.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-evenly;
    width: 100%;
    padding: 3em 0;
}
.icon_list li img {}
.icon_list li p{margin-top:1em;font-weight: 500;}
.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;
}
	.icon_list ul li {
    width: 33.33%;
    margin: 1em 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	.icon_list div.img {width:85px; height:85px;}
	.icon_list ul li img {width: 100%;}
	.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;
    align-items: flex-start;
}
	.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 {}
.vision ul {
    display: flex;
    justify-content: space-between;
}
.vision li {
    padding: 4em 0 1em;
    background-color: var(--color-point4);
    border: 4px solid rgb(0 0 0 / 0%);
    background-repeat: no-repeat;
    background-position-y: 2.2em;
    background-position-x: center;
    width: 230px;
    height: 230px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.vision li:hover {color:var(--color-point4); border:4px solid var(--color-point4); background-color:var(--color-bg-point4);}
.vision li:nth-child(2){background-color: var(--color-point1);}
.vision li:nth-child(2):hover {color:var(--color-point1); border:4px solid var(--color-point1); background-color:#d6e5f9;}
.vision li:nth-child(3){background-color: var(--color-point2);}
.vision li:nth-child(3):hover {color:var(--color-point2); border:4px solid var(--color-point2); background-color:var(--color-bg-point2);}
.vision li:nth-child(4){background-color: var(--color-point3);}
.vision li:nth-child(4):hover {color:var(--color-point3); border:4px solid var(--color-point3); background-color:var(--color-bg-point3);}
.vision li:nth-child(2n) {margin-top:2em;}
.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;}

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

@media screen and (max-width: 1000px) {
	.vision {}
	.vision ul {
	display: flex;
	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 {
}
}

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

.greeting {}
.greeting_img {
    background-image: url(/img/page/1020/ljr.jpg);
    background-size: cover;
    float: left;
    position: relative;
    width: 242px;
    height: 303px;
    margin-right: 3%;
}
.greeting_tit {
    padding: 1em 0em 2em;
    border-bottom: 1px dashed #ccc;
    /* border-top: 2px solid var(--color-point4); */
    text-align: center;
}
.greeting_tit .tit {font-size: var(--font-size4);font-weight: 600;color: var(--color-main);}
.greeting_tit .tit span{color: var(--color-point4);}
.greeting_tit li {font-size: var(--font-size20);font-weight: 500;}
.greeting_txt {
    width: 100%;
    position: relative;
    height: auto;
    margin: 3em 0 8em;
    display: none;
}
.greeting_txt .tit2 {
    font-size: var(--font-size3);
    padding-top: 1em;
    color: var(--color-point4);
    font-weight: 500;
}
.greeting_txt .conts {}
.greeting_txt .conts p{
    font-size: 18px;
    font-weight: 400;
    padding-top: 1.4em;
    letter-spacing: -.3px;
    line-height: 1.6em;
    word-break: keep-all;
}
.greeting_txt .conts p:first-child {padding-top:0;}
.sign {float:right;padding-top: 1em;position: relative;z-index: 1;font-size: var(--font-size20);}
.sign:before{width: calc(100% + 10px);height: 12px;border-radius: 20px;background: #abddf682;position: absolute;left: -7px;bottom: -3px;z-index: -1;content: '';}
.sign strong {
    font-weight: 600;
    color: unset;
}

@media screen and (max-width: 1000px) {
	.greeting {
    margin-top: 0;
}
	.greeting_img {background-size: 100%;margin-right: 0;}
	.greeting_tit {display: flex;flex-direction: column;align-items: flex-start;padding-top: 0;}
	.greeting_tit .tit {letter-spacing: 0;word-break: keep-all;}
	.greeting_tit p {word-break: keep-all;}
	.greeting_txt {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4em;
}
	.greeting_txt .tit2 {}
	.greeting_txt .conts {padding-top: 2rem;}
	.greeting_txt .conts img{float:right;}
	.greeting_txt .conts p {
    font-size: 1rem;
}
	.sign {
    float: unset;
}
}

/********* 조직도  *********/
.people_map {
    text-align: center;
}
.mark span{
    border-bottom: 2px solid #4a4a4a;
}
.people_map .tabs {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.people_map .tabs li {
    font-size: var(--font-size3);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    /* cursor: pointer; */
    } 
.people_map .mark {
    margin-bottom: 2em;
}
.people_map .map0{
    /* margin-bottom: 2em; */
}
.people_map .map0 .tabs li{color: #fff;
}
.people_map .map0 .tabs li a::after {content:"";position:absolute;width:1px;height: 290px;top: 100%;left:50%;background-color: #ddd;z-index: -1;}
.people_map .map0 .tabs li a {color: #fff;width: 150px;height: 150px;background-color: var(--color-point1);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.4em;}
.people_map .map0 .tabs .st2 a {background-color: var(--color-point2);width: 360px;height: 3em;border-radius: 3em;}
.people_map .map0-1 {
    display: flex;
    justify-content: space-between;
    margin: 1em 0;
    position: relative;
    width: 1000px;
}
.people_map .map0-1::before{content:"";position:absolute;background-color:#ddd;width: 38.5%;height:1px;left: 30.8%;top:50%}
.people_map .map0-1 ul::after{content:"";position:absolute;width:1px;height: 55%;top: 23%;background-color:#ddd;}
.people_map .map0-1 ul li {
    background-color: #ddd;
    padding: .5em 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 ul li span {
    color: #333;
    font-weight: 400;
    font-size: 1em;
}
.people_map .map0-1 .mapl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.people_map .map0-1 .mapl::after{right: -10%;}
.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{margin-top:0.5em}
.people_map .map0-1 .mapr li:first-child{margin-top:0;}
.people_map .map0-1 .mapr li::after{left: -10%;}
.people_map .map1{}
.people_map .map1 .tabs{}
.people_map .map1 .tabs li{
    width: 25%;
    height: 70px;
    background-color: var(--color-point2);
    border-radius: 3em;
    color: #fff;
}
.people_map .map1 .tabs li a {color: #fff;}
.people_map .map2{
    display: flex;
    justify-content: space-between;
}

.people_map .map2 ul{
    display: flex;
    margin: 4em 0 2em;
    position: relative;
    flex-direction: column;
    width: 47%;
}
.people_map .map3 ul::after{}
.people_map .map2 ul::after {
    content:"";
    position:absolute;
    width: 461px;
    height:1px;
    top:0;
    right: 50%;
    background-color:#ddd;
    margin-top: -1.5em;
}

.people_map .map2 li {
    text-align: center;
    position: relative;
    width: 100%;
}
.people_map .map2 li:first-child{background-color:#f9d7d7;padding: 1em;/* border-radius: 1em; */}
.people_map .map2 ul:first-child::after{content:"";left: 50%;}

.people_map .map2 li span {
    border-radius: 1em;
    font-size: var(--font-size3);
    font-weight: 500;
    }
.people_map .map2 li::before, .people_map .map3 li::before{
    content:"";
    position:absolute;
    width:1px;
    height: 49%;
    bottom: 87%;
    left:50%;
    background-color:#ddd;
    z-index: -1;
}
.people_map .map2 .work_info {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 2em 0 1em;
}
.people_map .map2 ul.work_info::after {
    left: 24%;
    width: 52%;
    margin-top: -1em;
}
.people_map .map2 .work_info li {
    width: 100%;
}
.people_map .map2 li.member_info {
    padding: 1em;
    font-weight: 500;
    border-radius: .5em;
    font-size: 22px;
    /* color: #fff; */
    cursor: pointer;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f7f7f7;
    margin-right: 1em;
}
.people_map .map2 li.member_info:last-child {margin-right:0;}
.people_map .map2 li.member_info::before{
    height: 35%;
}
.people_map .member_info::after {content:"";position:absolute;height: 6px;width: 92%;left: 0;top: 0;margin-left: 4%;border-radius: 0 0 1em 1em;}
.people_map .map3{
    margin-bottom: 3em;
}
.people_map .map3 ul::after {
    left: 21.8%;
    width: 706px;
    margin-top: -1.6em;
}
.people_map .map3 .gb_tabs{position: relative;}
.people_map .map3 .work_info {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.people_map .map3 .line::before{content:""; position:absolute;width: 653px;height:1px; top:0;left: -74%;background-color:#ddd;}

.people_map .map3 .work_info li {
    width: 23%;
    margin-right: 3em;
}
.people_map .map3 .work_info li:last-child {margin-right:0;}
.people_map .map3 .member_info {
    padding: 1em;
    font-weight: 500;
    border-radius: .5em;
    font-size: 22px;
    /* color: #fff; */
    cursor: pointer;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f7f7f7;
}

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

@media screen and (max-width: 1000px) {
	.people_map {}	
	.people_map .map0{
}	
	.people_map .map0 .tabs li {
    margin-bottom: 1em;
    width: 100%;
}
	.people_map .map0 .tabs li a {
    border-radius: 3em;
    width: 80px;
    height: 80px;
    }
	.people_map .map0 .tabs li a::after{
    height: 12em;
}
	.people_map .map0-1 ul li span {
    font-size: 0.8em;
}
	.people_map .map0-1{
    margin: 0;
    width: 100%;
}
	.people_map .map0-1::before {display: none;}
	.people_map .map0-1 ul {width: 47%;}
	.people_map .map0-1 ul li{width: 100%;padding: 0.3em;font-size: 0.95em;}
	.people_map .map0-1 .mapl{}
	.people_map .map1{}
	.people_map .map1 .tabs li {
    width: 100%;
    margin-top: 1em;
    height: 2.2em;
}
	.people_map .map0 .tabs .st2 a {
    height: 2.2em;
}
	.people_map .map2{
    display: flex;
    flex-direction: row;
}
	.people_map .map2 ul {
    margin: 1em 0;
    /* width: 100%; */
}
	.people_map .map2 li {
    border-radius: 0.5em;
    width: 100%;
}
	.people_map .map2 li span {font-size: 1em;}
	.people_map .map2 ul::after {
    width: 66%;
    margin-top: -10%;
    left: -16%;
}
	.people_map .map2 li.member_info {
    font-size: 1em;
    font-weight: 400;
    padding: .6em;
    margin-bottom: 1em;
}
	.people_map .map2 .work_info {
    margin: 1em 0 0;
    display: flex;
    flex-direction: column;
}
	.people_map .map3{display: flex;justify-content: space-between;}
	.people_map .map3 .work_info {width: 100%;word-break: break-all;}
	.people_map .map3 .work_info li{
    height: 5em;
    display: flex;
    align-items: center;
    font-weight: 400;
    width: 33.33%;
    justify-content: center;
    padding: 0 .5em;
    margin-right: 1em;
}
	.people_map .map3 .member_info {
    padding: 0.2em;
    font-size: 1em;
    border-radius: 0.5em;
}
	.people_map .map3 li.work {display:none;}
	.people_map .map3 .gb_tabs::before {
    margin-top: -23%;
}
	.people_map .map3 .line::before {width: 10.8em;left: -58%;}
	.tab_inner2 {}
	.people_map .map0-1 ul li::after {display:none;}
	.people_map .map0-1 ul::after {display:none;}
	.people_map .map2 ul:first-child::after {
}
	.people_map .map2 ul.work_info:after{width: 0;}
	.people_map .map2 li:before, .people_map .map3 li:before {
    height: 21%;
    bottom: 100%;
}
	.people_map .map3 ul::after {
    left: 15%;
    width: 70%;
    margin-top: -1em;
}
}


/********* 시설안내  *********/
.facility {display: flex;align-items: center;}
.facility p {padding-left:3em;}
.facility .imgbox {
    width: 640px;
    border: 1px solid #cdcdcd;
    border-radius: 1em;
    background-color: #f4f9ff;
}
.facility .imgbox img {
    width: 100%;
}
.bottom {
    align-items: flex-end;
}

@media screen and (max-width: 1000px) {
	.facility {display: flex;align-items: center;flex-direction: column;}
	.facility p {padding-left:0; padding-top:1em;}
	.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%;
}
}

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

/********* 오시는길  *********/
.adr {
    text-align: center;
    padding: 2rem;
}
.adr dl{
    display: inline-flex;
}
.adr dl dt {
    padding-right: 1rem;
    font-weight: 500;
    position: relative;
}
.adr dl dd{
    margin-right: 3rem;
    font-weight: 300;
}
.adr dl dt:after {
	content:"";
	position: absolute;
	width:1px;
	height: 15px;
	background-color:#ddd;
	top: 6px;
	left: -49%;
}
.adr dl dt:first-child::after {display:none;}
.map_txt {
    display: flex;
    padding: 2em 2em;
}
.adr_info {
    width: 50%;
}
.adr_info dl{
    display: flex;
    line-height: 2em;
}
.adr_info dt{
    font-size: var(--font-size2);
    font-weight: 600;
    width: 17%;
}
.adr_info dd{margin-right: 2em;}
.road_link {width: 50%;}
.public {
    margin: 3rem 0;
}
.public h4{
    font-size: var(--font-size3);
}
.public table {
    margin-top: 1rem;
    border-top: 2px solid var(--color-main);
    width: 100%;
}
.public table tr {border-bottom: 1px solid #ddd;}
.public table th {
    background-color: #f5f5f5;
    padding: 1rem;
    border-right: 1px solid #ddd;
    font-weight: 500;
}
.public table td {
    padding: 1rem;
    font-weight: 300;
}

@media screen and (max-width: 1000px) {
	.adr {
    padding: 0 0 1em;
}
	.adr dl {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}
	.adr dl dt {
    width: 15%;
    text-align: left;
}
	.adr dl dd {
    width: 75%;
    margin-right: 0;
    text-align: left;
}
	.public table th {
    width: 33%;
}
	.map_adr {}
	.map_txt {display: flex;flex-direction: column;padding: 0 1em 1em;}
	.adr_info {
    width: 100%;
}
	.adr_info dl{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
	.adr_info dt{
    width: 22%;
}
	.adr_info dd{
    margin-right: 0;
    width: 78%;
}
	.road_link {
    width: 100%;
}
	.road_link ul{}
	.road_link li{
    padding: 1em;
    display: none;
}
	.road_link li:first-child {margin-left:0;}
	.traffic {
    display: flex;
    flex-direction: column;
}
	.traffic ul {
    width: 100%;
    padding: 1em;
    margin-right: 0;
    margin-bottom: 1em;
}
	.traffic li {}
	.traffic dl {}
	.traffic dt {}
	.traffic dd {}
	.traffic dd.num {
    width: 44%;
    margin-left: 0.5em;
}
}

/** 윤리강령 **/

.eth span {color:var(--color-point4);font-weight: 600;}
.eth ul {
    height: auto;
}
.eth li {
    line-height: 2.5em;
    font-size: var(--font-size3);
}
.eth_ti {}
.eth_ti p{
    font-size: var(--font-size20);
    font-weight: 400;
    line-height: 1.8em;
}
.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 {
    background: var(--color-bg-point4);
    padding: 2em;
    border: 1px solid #ccc;
    margin-top: 2em;
    border-radius: 1em;
    width: 100%;
}
.eth_layer .sub_tit_center {
    margin: 0 0 2em;
}
.eth_box {
    background-color: var(--color-white);
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    height: auto;
    padding: 3em 0;
}

@media screen and (max-width: 1000px) {
	.eth span {color:var(--color-point4);font-weight: 600;}
	.eth ul {}
	.eth li {
    line-height: 1.6em;
    margin-bottom: 0.6em;
}
	.eth li:last-child{margin-bottom:0;}
	div.eth_ti {
    font-size: 1em;
}
	.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;
}
	.eth_layer .sub_tit_center {}
	.eth_box {padding: 2em 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);}
.link_apply li:hover a {color: var(--color-white);}

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

/* 사업안내 */
.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 #676767;
    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);
    color: #333;
    margin-top: 0.5em;
    -webkit-transition: .5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.all_business .business li a {color:var(--color-point2);}
.all_business .business li.tit{
    font-size: var(--font-size3);
    margin-top: 1em;
    color: var(--color-point2);
    font-weight: 500;
}
.all_business .business li a:focus{display:table; border:3px solid #eee;}

.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_tit{
    color: var(--color-point2);
    font-size: var(--font-size3);
    font-weight: 500;
}
.biz_info {margin-top: 2em;}
.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;
    flex-wrap: wrap;
    line-height: 2.6em;
} 
.biz_info dt{
    width: 14%;
    text-align: left;
    background-color: var(--color-bg-point2);
    margin-right: 2.3em;
    border-radius: 3em;
    margin-top: .5em;
    margin-bottom: 0.5em;
    font-size: var(--font-size2);
    font-weight: 500;
    background-repeat: no-repeat;
    display: inline-block;
    background-position-y: center;
    background-position-x: 2em;
    padding-left: 4em;
    height: 2.3em;
} 
.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: 82%;
    font-size: var(--font-size2);
    line-height: 1.4em;
    margin: .5em 0;
    display: flex;
    align-items: center;
} 
.biz_info dd ul li {padding: 0;text-align: left;}


/* 후원 */
.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;
}
	.biz_info dl{
    display: flex;
    flex-direction: column;
}
	.biz_info dt{
    width: 100%;
    background-position-x: 6.5%;
    padding-left: 3em;
    /* text-align: center; */
    margin-right: 0;
}
	.biz_info dd{
    width: 100%;
    line-height: 1.6em;
    margin-bottom: 1em;
    /* text-align: center; */
    word-break: keep-all;
    padding: 0 1.2em;
}
	.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{}
}

.sub_all .btn_confirm .btn_home {
	font-weight:bold;
	font-size:1.083em;
	width: 100%;
	margin: .5em 0;
	text-align: center;
	display: table;
	padding: 1em;
	border: 1px solid gray;
	margin-top: 4em;
}

.sub_all .terms {
    margin: 0 auto;
    max-width: 800px;
}

.sub_all .terms h2{
    font-size: 2em;
    text-align: center;
}
.tit_sub {
    text-align: center;
    font-size: 18px;
}
.tit_sub p {
    font-weight: 400;
}

/* 단체소개 */
.angel_info .img_list{
    display: flex;
    text-align: center;
    justify-content: space-between;
    margin: 4em 0;
}
.angel_info .img_list li{
    width: 32%;
}
.angel_info .img_list li .txt {
    margin-top: 2em;
}
.angel_info .img_list li strong {font-size: 18px;}
.angel_info .img_list li p {
    padding-top: .5rem;
    word-break: keep-all;
}
.angel_info .inner {
    /* margin-top: 2rem; */
}
.angel_info .inner ul{
    display: flex;
    align-items: center;
}
.angel_info .inner ul li{width: 50%;}
.angel_info .inner ul li:first-child {
    transform: translate(-46.5%, 0);
    float: left;
}
.angel_info .inner ul li:last-child {float: right;padding: 0;margin-top: 1em;}
.angel_info .inner ul li h4 {
    color: var(--color-main);
    font-size: 30px;
    padding-bottom: 1em;
    font-family: 'GmarketSansBold';
}
.angel_info .inner ul li p {word-break: keep-all;line-height: 1.7;font-weight: 400;}
.angel_info .permit {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding-bottom: 3rem;
    margin-bottom: -6em;
}
.angel_info .permit:before{
	content:"";
	position: absolute;
	background-color:#f5f5f5;
	width: calc(100% + 600px);
	height: 54%;
	z-index: -1;
	bottom: 0;
	left: -300px;
}
.angel_info .permit .img {
    background-image: url(/img/page/1010/permit.png);
    width: 317px;
    height: 426px;
    margin: 0 2rem;
    border: 1px solid #ddd;
}
.angel_info .permit .txt {
    width: 60%;
}
.angel_info .permit .txt ul {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}
.angel_info .permit .txt ul li {
    font-size: 2rem;
    padding: 3rem 0;
    color: #444;
    font-family: 'GmarketSansMedium';
}
.angel_info .permit .txt ul li img {
    width: 50%;
}
.angel_info .permit .txt ul li span {
    font-weight: 700;
    color: var(--color-main);
}

@media screen and (max-width: 1000px) {
	.tit_sub p {
    font-size: 1rem;
    word-break: keep-all;
}
	.angel_info .img_list {
    display: flex;
    flex-direction: column;
    margin: 3rem 0 0;
}
	.angel_info .img_list li {
    width: 100%;
}
	.angel_info .img_list li img{
    width: 100%;
}
	.angel_info .inner ul {display: flex;flex-direction: column;}
	.angel_info .inner ul li {width: 100%;text-align: center;}
	.angel_info .img_list li .txt {
    margin: 1rem 0 2rem;
    word-break: keep-all;
}
	.angel_info .inner ul li:first-child {
    width: 100%;
    transform: unset;
}
	.angel_info .inner ul li:first-child img {width:100%;}
	.angel_info .inner ul li h4 {
    padding-bottom: .5rem;
    font-size: 20px;
}
	.angel_info .permit {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: -4em;
    padding-bottom: 4em;
}
	.angel_info .permit:before {
    width: 100vw;
    left: -1rem;
}
	.angel_info .permit .txt {width:100%}
	.angel_info .permit .txt ul li {
    padding: 0;
    font-size: 1.1rem;
}
	.angel_info .permit .txt ul li img{
    display: none;
}
}


/* 홍보대사 */
.supporter {
    margin: 4em 0;
}
.supporter .supporter_list {margin: 2rem;}
.supporter .supporter_list li {
	border: 1px solid #ddd;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	line-height: 1.7;
	padding: 2rem;
	margin-bottom: 3rem;
}
.supporter .supporter_list li img {
    width: 340px;
    height: 340px;
    object-fit: cover;
    box-shadow: 5px 10px 20px rgb(0 0 0 / 15%);
}
.supporter .supporter_list li > div {
    margin-left: 4rem;
}
.supporter .supporter_list .number {
    color: var(--color-main);
    font-weight: 500;
    font-size: 1.1rem;
}
.supporter .supporter_list .name {
    font-size: 22px;
    padding: 0 0 1rem;
    font-weight: 600;
}
.supporter .supporter_list .name span {
    font-size: 18px;
    color: #666;
}
.supporter .supporter_list .txt {
    font-weight: 300;
}

/* ci */
.ci_box {
	background:url(/img/page/1050/pattern.svg)repeat;
	padding: 2em;
	margin: 5em 0 3em;
	border: 1px solid #ddd;
}
.ci_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ci_box ul li {
    width: 33%;
    padding: 2em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ci_box ul li img {
    height: 100px;
    width: 100%;
}
.ci_btn {
    text-align: center;
}
.ci_btn a {
    padding: 1rem 2rem;
    font-size: 18px;
    background-color: var(--color-main);
    color: #fff;
    border-radius: .5rem;
    text-align: center;
}
.ci_box.ci_only ul{justify-content: center;}
.ci_box.ci_only ul li img{height: 200px;}

@media screen and (max-width: 1000px) {
	.ci_box {
    padding: 0;
    margin: 2rem 0 1rem;
}
	.ci_box ul li {
    width: 50%;
    padding: 1em;
}
	.ci_box.ci_only ul li {
    width: 70%;
}
	.ci_box.ci_only ul li img {
    height: auto;
}
	.ci_btn a {
    font-size: 1rem;
    padding: .5rem 2rem;
}
}

/* 후원 */
.angel_donate .donate_box {display: flex;align-items: center;margin: 3em 0;}
.angel_donate .donate_box .box_txt > p{
    font-size: 22px;
    font-family: 'GmarketSansMedium';
    word-break: keep-all;
}
.angel_donate .donate_box .box_txt .account {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem;
    background-color: #f5f5f5;
    border-radius: 1em;
    margin-top: 1em;
}
.angel_donate .donate_box .box_txt .account > ul {
    width: 75%;
}
.angel_donate .donate_box .box_txt .account > ul li {
    display: flex;
    width: 100%;
}
.angel_donate .donate_box .box_txt .account span {
    font-size: var(--font-size20);
    color: var(--color-main);
    font-weight: 600;
    display: inline-block;
    margin-bottom: .5rem;
    width: 24%;
}
.angel_donate .donate_box .box_txt .account p {font-weight: 400;font-size: var(--font-size2);width: 74%;}
.angel_donate .donate_box .box_txt a {
	background-color: var(--color-main);
	color: white;
	width: 25%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border-radius: .5rem;
}
.angel_donate .donate_box .box_img {
    margin-right: 4em;
    background-color: #f5f5f5;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}
.angel_donate .donate_box .box_img img {
    width: 300px;
}
.angel_donate .donate_icon {
    margin: 2em 0;
}
.angel_donate .donate_icon ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.angel_donate .donate_icon ul li {
    text-align: center;
    width: 30%;
    padding: 2em 1em;
    border: 1px solid #ddd;
    border-radius: .5em;
}
.angel_donate .donate_icon .icon_img {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.angel_donate .donate_icon .icon_txt {
    margin-top: .5rem;
}
.angel_donate .donate_icon .icon_txt span {
    font-weight: 500;
    font-size: 20px;
    line-height: 2;
}
.angel_donate .donate_banner {
    background-image: url(/img/page/2020/bg.jpg);
    height: 630px;
    padding: 3em;
}
.angel_donate .donate_banner .txt_inner {
    width: var(--width-sub-size);
    margin: 0 auto;
}
.angel_donate .donate_banner .banner_txt {
	color:#fff;
	width: 64%;
	float: right;
}
.angel_donate .donate_banner h3 {
    text-align: left;
    color: var(--color-point2);
    font-size: var(--sub-h3-size);
    font-family: 'GmarketSansBold';
    padding: 1rem 0;
}
.angel_donate .donate_banner p {
    margin: 1rem 0;
    word-break: keep-all;
    font-weight: 400;
    line-height: 1.7;
}

@media screen and (max-width: 1000px) {
	.angel_donate .donate_box {
    display: flex;
    flex-direction: column;
}
	.angel_donate .donate_box .box_img {
    margin-right: 0;
    width: 200px;
    height: 200px;
    margin-bottom: 1rem;
}
	.angel_donate .donate_box .box_img img {
    width: 200px;
}
	.angel_donate .donate_box .box_txt > p {
    font-size: 1.2rem;
}
	.angel_donate .donate_box .box_txt .account {
    display: flex;
    flex-direction: column;
}
	.angel_donate .donate_box .box_txt .account > ul {
    width: 100%;
}
	.angel_donate .donate_box .box_txt .account > ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
	.angel_donate .donate_box .box_txt .account span {width:100%}
	.angel_donate .donate_box .box_txt .account div {
    padding-bottom: 1rem;
}
	.angel_donate .donate_box .box_txt .account p {
}
	.angel_donate .donate_box .box_txt a {
    padding: .5rem;
    width: 100%;
}
	.angel_donate .donate_icon {
    margin: 0;
}
	.angel_donate .donate_icon ul {
    flex-wrap: wrap;
}
	.angel_donate .donate_icon ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 1rem;
    margin: .5rem 0;
}
	.angel_donate .donate_icon .icon_img {
    width: 36%;
}
	.angel_donate .donate_icon .icon_img img {
}
	.angel_donate .donate_icon .icon_txt {
    width: 56%;
}
	.angel_donate .donate_banner {
    padding: 1em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -9em;
    height: auto;
}
	.angel_donate .donate_banner .txt_inner {background-color: #ffffff69;padding: 1em;width: 100%;}
	.angel_donate .donate_banner .banner_txt {
    width: 100%;
    color: #000;
    float: none;
}
	.angel_donate .donate_banner h3 {
    letter-spacing: -2px;
    text-shadow: 2px 3px 5px rgb(0 0 0 / 40%);
    font-size: 1.7em;
}
	.angel_donate .donate_banner p {
    font-size: .9em;
}
}

.net_info {}
.net_info .net_map {
    width: 46%;
    /* border-bottom:1px solid #ddd; */
    background-color: #f5f5f5;
}
.net_info .net_map img {
    width: 600px;
}
.net_info .net_map .root_daum_roughmap .wrap_controllers {display:none;}
.net_info .detail {position: relative;width: 50%;padding-left:2em;}
.net_info .flex {}
.net_info .flex.on {
    display: flex;
    flex-direction: row;
}

.net_info .detail h4 {
    font-size: 1.4em;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--color-main);
}
.net_info .detail dl {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.8;
}
.net_info .detail dt {width: 20%;font-weight: 500;}
.net_info .detail dd {width: 80%;font-weight: 300;}
.net_info .detail span {
    display: block;
    margin-top: 2em;
}
.net_info .detail a.btn {
    color: #fff;
    background-color: var(--color-main);
    padding: .5rem 3rem;
    font-size: 18px;
    font-weight: 500;
    border-radius: .5rem;
}

@media screen and (max-width: 1000px) {
	.net_info .flex.on {
    display: flex;
    flex-direction: column;
}
	.net_info .net_map, .net_info .net_map img {
    width: 100%;
}
	.net_info .detail {width: 100%;padding-left: 0;padding-top: 1em;}
}