@charset "utf-8";

/**************************
	
	콘텐츠 공통 스타일 시작

****************************/
.coming-soon.navy {color: #343C56; font-weight: bolder; margin-top: 20px; font-size: 19px;}
* {box-sizing: border-box;}
html, body {margin: 0; padding: 0;font-size:62.5%;font-family:'NanumSquareNeo';}

.modal-dialog .policy-modal{
    /* overflow-y: scroll;
    overflow-x: hidden; */
    height: 90vh;
    overflow-y:scroll;
    overflow-x:auto;
}
.english-style{
	line-height: 1.2;
}


/* suit 숫자폰트로 사용 */
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-style: normal;
    src: url('/resources/font/sunn/SUIT-Regular.eot');
    src: url('/resources/font/sunn/SUIT-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/font/sunn/SUIT-Regular.woff2') format('woff2'),
        url('/resources/font/sunn/SUIT-Regular.woff') format('woff'),
        url('/resources/font/sunn/SUIT-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-style: normal;
    src: url('/resources/font/sunn/SUIT-Bold.eot');
    src: url('/resources/font/sunn/SUIT-Bold.eot?#iefix') format('embedded-opentype'),
        url('/resources/font/sunn/SUIT-Bold.woff2') format('woff2'),
        url('/resources/font/sunn/SUIT-Bold.woff') format('woff'),
        url('/resources/font/sunn/SUIT-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 900;
    font-style: normal;
    src: url('/resources/font/sunn/SUIT-Heavy.eot');
    src: url('/resources/font/SUIT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/resources/fontsunn/SUIT-Heavy.woff2') format('woff2'),
        url('/resources/font/sunn/SUIT-Heavy.woff') format('woff'),
        url('/resources/font/sunn/SUIT-Heavy.ttf') format("truetype");
    font-display: swap;
}

h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    margin-bottom: 50px;
}

table caption {
    text-indent: -100000px;
    font-size: 0;
    line-height: 0;
}

.deco-main-input-right-wrap #searchPrefix {
	display: flex;
	align-items: center;
    width: 105px;
    padding: 0 15px;
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/resources/img/common/ico_select_arr.svg) no-repeat 84% 50%;
    background-size: 14%;
    background-color: white;
    cursor: pointer;
    border: 1px solid #767676;
    border-radius: 5px;
}

.box_mo{display:none;}
.box_pc{display:block;}

.blue {color:#00A6E2!important;}
.yellow {color:#F9B000!important;}
.pink {color:#E82D8A!important;}
.mint {color:#00ADB1!important;}
.purple {color:#BA66A5!important;}
.blue_m {}
.mint_m {color:#00838A!important;}

.txt-fouse{color:var(--c_primary)!important;}
.txt-tip{color:#E62D8B!important;;}
.txt-small{font-size:14px;line-height:21px;margin:5px 0;}

/*준비중*/
.item_wrap.ready {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 8rem 6rem;border: 1px solid #ddd;margin: 0 auto;}
.item_wrap.ready h3 {font-size: 2.5rem; margin-top: 3rem;}
.item_wrap.ready p {font-size: 14px;font-weight: 300;}
.item_wrap.ready img {width: 17%; margin:0;}

@media only screen and (max-width:1023px){
	.item_wrap.ready {margin-top: 5rem;}
}
@media only screen and (max-width:900px){
	.item_wrap.ready {padding: 4rem 1rem;}
	.item_wrap.ready img {width:30%}
	.item_wrap.ready h3 {font-size: 2.2rem; margin-top: 2rem; margin-bottom: 10px;}
}
@media only screen and (max-width:350px){
	.item_wrap.ready p br {display:none;}
}
@media only screen and (max-width:290px){
	.item_wrap.ready img {width:40%}
}

/* sub - content 공통사용*/
.cont_wrap {
	position: relative; 
	width:100%; 
	min-height:500px; 
	margin-bottom:16rem; 
	font-family: var(--f_nsN);
	margin-top: 80px;
}
/*.container {max-width:140rem;margin:0 auto;}*/
.article_box {position: relative; width:100%; height: auto; margin-bottom: 10rem; }
.title_wrap {width: 100%; max-width:140rem; margin:0 auto;}
.item_wrap {width: 100%; max-width:140rem; height:auto; margin:0 auto;padding:0;}
.item_wrap.typeVR { align-items: center; justify-content: space-between;}
/* .img_box {padding: 3rem;border: 1px solid #ddd;background: #eee;} */
/*  */
/* 박물관소개 - list */
.article_box .img_thumb {position: relative; width: 100%; max-width:140rem; overflow: hidden; background: #F2F2F2;}
.article_box .img_thumb img {display: block;}
.article_box .title_wrap.type1 {position: relative; display: flex;align-items: center;justify-content: space-between;}
.article_box .title_wrap.type1 .intro_txt {width: calc(100% - 18rem); margin: 6rem 0;}
.article_box .title_wrap.type1 .intro_txt h3 {margin-bottom: 1.5rem; font-family: var(--f_mag); font-size: 5rem; font-weight: normal; color: var(--c_primary_m);}

@media only screen and (max-width:500px){
	#list .article_box {margin-bottom: 8rem;}
	#list .article_box .title_wrap.type1 {position: relative; flex-direction: column; gap: 2rem; margin: 0 auto;}
	#list .article_box .title_wrap.type1 .intro_txt {display: flex;flex-direction: column;align-items: center;width: 100%;margin: 3rem 0 0;}
	#list .article_box .img_thumb img {height: 200px;object-fit: cover;}
	#list .article_box .title_wrap.type1 .intro_txt h3 {font-size: 4rem;text-align: center;}
	#list .article_box .title_wrap.type1 .intro_txt p {font-size: 1.6rem;text-align: center;}	
	#list .article_box .btn_wrap .btn.circle {width: 5rem; height: 5rem;}
}

/* 박물관소개 - 개별페이지 */
.title_wrap.type2 h3 {display: flex; flex-direction: column;color: var(--c_primary_m);}
.title_wrap.type2 h3 .small-hd {margin-bottom:1rem; font-size: 2.6rem; font-weight: 700; font-family: var(--f_nsN);}
.title_wrap.type2 h3 span{ font-family: var(--f_mag); font-size: 7rem; font-weight: normal; }
.article_box .img_sub_intro {
	width: 100%; 
	max-width:140rem; 
	height:auto; 
	overflow: hidden;
	border-radius: 30px;
	box-shadow: 4px 6px 10px rgba(0,0,0,0.25);
	margin-bottom: 30px;
}
.article_box .img_sub_intro img {
	display: block;
}
.article_box .intro_txt {width:100%;}
.article_box .intro_txt p strong{
	position: relative;
	font-size:5rem;
	margin-bottom: 1.5rem;
	color: #555;
	padding-left: 3rem;
}
.article_box .intro_txt p strong::before{
	position: absolute;
	content: '';
	background: url(/resources/img/icon/deco_rec-child.svg) no-repeat 100% 100%;
	width: 42px;
	height: 42px;
	z-index: -10;
	left: 4px;
	top: -4px;
}
.article_box .intro_txt p {
	width: 100%;
	margin-top:2rem;
	line-height: 1.7; 
	font-size: 18px; 
	color:#555; 
	border-bottom: 1px solid #ddd;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

@media only screen and (max-width:600px){
	body > *{
		font-size: 15px;
		line-height: 1.5;
	}
	.article_box .intro_txt p strong{
		line-height: 1.4;
	}
}

.article_box .intro_txt p .etc{display:block;margin-top:2rem;color:var(--c_primary_m);}
.article_box .btn_wrap {max-width:22rem;}

.article_box.map_info {margin:0;}
.article_box.map_info:before {z-index: -1; position: absolute; left:0; display: block; content: ''; width:118rem; height:74.5rem; background:var(--bg_box1);}
.article_box .inner .img_right {position: absolute; right: 0; width:119rem; height:auto; overflow: hidden;}
.article_box .inner .img_right img {display: block;}
.article_box .inner .item_wrap.map {padding: 0 84.9rem 0 0; margin: 0 auto;}

/* 관람안내 */
.tour_info_wrap {display: flex; flex-direction: column;width: 100%; max-width:140rem; margin:0 auto; font-size: 1.6rem;}
/*.tour_info_wrap h3 {font-size: 3.2rem; font-weight:600;}*/
.info_list {display: flex; justify-content: space-between; align-items: center;}
.info_list .info_item {display: flex; flex-direction: column; align-items: center; gap: 1.5rem; width: 32%;height: 35rem; padding: 3.5rem 4rem; border: .1rem solid #D6D6D6;}
.info_list .info_item .info_txt_hd {display: flex; flex-direction: column; align-items: center; gap: 2rem;}
.info_list .info_item .info_txt_hd h4 {font-size: 2.2rem; font-weight: 600;}

.info_icon {display: block; width: 8.2rem; height: 8.2rem; border-radius: 3rem;}
.info_icon.date {background: url('/resources/img/contents/ico_date.svg') no-repeat 50% #F4F6F6;}
.info_icon.dayoff {background: url('/resources/img/contents/ico_dayoff.svg') no-repeat 50% #F4F6F6;}
.info_icon.money {background: url('/resources/img/contents/ico_money.svg') no-repeat 50% #F4F6F6;}

.info_txt {display: flex; flex-direction: column; gap: 1rem; width: 100%; margin-top: 2rem;}
.info_txt::before {display: block; content: ''; margin-bottom: 2rem; border-top:.1rem solid #E4E4E4;}
.info_txt .depth1 {display: flex; justify-content: flex-start; gap: 1.5rem; line-height: 1.5;}
.info_txt .depth1 strong {min-width: 4.5rem; font-size: 1.7rem; font-weight: 500;}
.info_txt .depth1 .depth2 li {line-height: 1.6; letter-spacing: -0.02rem;}
.info_txt .depth1 .depth2 .tx-big {line-height: 1.1;font-size: 2.4rem; font-weight: 600;}

.etiqu_list {display: flex; flex-wrap: wrap; gap: 1rem;padding: 5rem 7rem;background:var(--bg_line1);}
.etiqu_list .etiqu_item {display: flex; align-items: center; gap: 4rem; min-width: 60rem; margin-bottom: 4rem;}
.etiqu_list .etiqu_item:last-child {margin-bottom:0;}
.etiqu_list .etiqu_item p {width:calc(100% - 12rem);}

.left_icon {position: relative;display: flex;justify-content: center;align-items: center;width: 8rem; height: 8rem;border: .1rem solid #FFD6DC; border-radius: 8rem;}
.left_icon:before {position: absolute;display: block;content: '';width: 8rem;height: 8rem;border: 1.2rem solid #FCE8EB;border-radius: 8rem;top: -1.3rem;left: -1.3rem;}
.left_icon.ico1 {background: url('/resources/img/contents/icon_1.svg') no-repeat 50% #fff;}
.left_icon.ico2 {background: url('/resources/img/contents/icon_2.svg') no-repeat 50% #fff;}
.left_icon.ico3 {background: url('/resources/img/contents/icon_3.svg') no-repeat 50% #fff;}
.left_icon.ico4 {background: url('/resources/img/contents/icon_4.svg') no-repeat 50% #fff;}
.left_icon.ico5 {background: url('/resources/img/contents/icon_5.svg') no-repeat 50% #fff;}

.tour_info_wrap.type2 {flex-direction: row; justify-content: space-between; margin:5rem auto;}
.tour_info_wrap.type2:first-child {margin-top:0;}
.tour_info_wrap.type2:last-child {margin-bottom:0;}
.tour_info_wrap.type2 h3 {width: 28rem;}
.tour_info_wrap.type2 .tx-right {width: calc(100% - 32rem); line-height: 1.8; font-size: 1.7rem;}
.tour_info_wrap.type2 .call_box {display: flex; align-items: center; gap: 1rem; margin-top: 2rem;}
.tour_info_wrap.type2 .call_box i {display: block; width: 2.5rem; height: 2.5rem; background: url('/resources/img/contents/ico_call.svg') no-repeat 50%;}
.tour_info_wrap.type2 .call_box strong {display: flex; flex-direction: row; align-items: center;gap: 1rem; font-weight: 500;}
.tour_info_wrap.type2 .call_box strong:after {display: block; content: ''; height: 1.5rem; border-right: 1px solid #ddd;}

.line_mid {display: block; width: 100%; max-width:140rem; margin:0 auto; border-top:.1rem solid #E4E4E4;}

/* sub - content bg - shape */
.shape {
	z-index: 1;
    position: absolute;
    top: -1.5%;
    right: 8%;
    display: block;
    content: '';
}
.shape.yel {width:32rem;}
.shape.pur {width:39rem;}
.shape.pin {width:38rem;}
.shape.blu {width:40rem;}
.shape.min {width:35rem;}


/* 애니메이션 */
.trigger {opacity: 0; transform: translateY(5vh); transition: all 1s;}
.trigger.active {opacity: 1;transform: translateY(0);}
.trigger.col-box__l {opacity: 0; transform: translateX(-10vw); transition: all 1s;}
/* .trigger.col-box__r {opacity: 0; transform: translateX(10vw); transition: all 1s;} */
.trigger.active.col-box__l, .trigger.active.col-box__r {opacity: 1;transform: translateX(0); z-index: -1;}

/*반응형*/
@media only screen and (max-width:1440px){
	#contents {padding: 0 4rem;}
	.article_box .intro_txt p{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media only screen and (max-width:1702px){
	.top-header , .logos img { display: none;}
}
@media only screen and (max-width:1400px){
	.article_box {margin-bottom:12rem;}
	.article_box.map_info:before {display: none;}
	.article_box.map_info .inner {display: flex; flex-direction: column-reverse; gap: 4rem; padding: 0; background: var(--bg_box1);}
	.article_box.map_info .inner .img_right {position: initial; width: 80%; margin: 0 auto;}
	.article_box.map_info .inner .item_wrap.map {width: 80%; padding: 0;}
	.info_list .info_item {padding: 3rem;}
	.etiqu_list .etiqu_item {width: 100%; min-width: initial;}
	.tour_info_wrap.type2 .tx-right {width: calc(100% - 38rem);}
}
@media only screen and (max-width:1280px){
	.info_txt .depth1 .depth2 .tx-big {line-height: 1.3;font-size: 2rem;}
}
@media only screen and (max-width:1000px){
	.info_list {flex-direction: column; gap: 2rem;}
	.info_list .info_item {flex-direction: row; width: 100%; height: auto;}
	.info_list .info_item .info_txt_hd {flex-direction: row; justify-content: space-between; gap: 1rem; width: 24rem;}
	.info_list .info_item .info_txt_hd::after {display: block; content: ''; height:6rem; border-left:.1rem solid #E4E4E4;}
	.info_list .info_item .info_txt {width: calc(100% - 24rem); margin:0;}
	.info_list .info_item .info_txt::before {display: none;}
	.info_list .info_item .info_txt .depth1 .depth2 {display: flex;flex-direction: row;align-items: center; gap: 1rem;}
}
@media only screen and (max-width: 880px){
	.item_wrap.type2 {flex-direction: column; gap: 3rem;}
	.article_box .intro_txt {width: 100%;}
	.shape {top:3%;}
	.shape.yel, .shape.pur {width: 26rem;}
	.trigger.col-box__l, .trigger.col-box__r {opacity: 0; transform: translateY(10vh); transition: all 1s;}
	.trigger.active.col-box__l, .trigger.active.col-box__r {opacity: 1;transform: translateY(0);}	
}

@media only screen and (max-width: 760px){
	.info_list .info_item .info_txt .depth1 .depth2 {flex-direction: column;align-items: flex-start;gap: initial;}
	.tour_info_wrap.type2 {flex-direction: column;}
	.tour_info_wrap.type2 .tx-right {width: 100%;}
}
@media only screen and (max-width: 700px){
	.shape.yel, .shape.pur {width: 15rem;}
}
@media only screen and (max-width: 630px){
	.info_list .info_item {gap: 2.5rem; padding: 3rem 2rem;}
	.info_list .info_item .info_txt_hd {flex-direction: column; gap: 1rem; width: 15rem;}
	.info_list .info_item .info_txt_hd::after {display: none;}
	.info_list .info_item .info_txt {width: calc(100% - 14rem);}
	.title_wrap.type2 h3 .small-hd {font-size: 2.5rem;}
	.title_wrap.type2 h3 span {font-size: 5rem;}
}
@media only screen and (max-width: 500px){
	.info_list .info_item {flex-direction: column; padding: 3.5rem;}
	.info_list .info_item .info_txt_hd, .info_list .info_item .info_txt {width: 100%;}
	.info_list .info_item .info_txt::before {display: block;}
	.title_wrap.type2 h3 {font-size: 6rem;}
	.shape {display:none;}	
}
@media only screen and (max-width: 400px){
	.etiqu_list {padding: 4rem 2rem;}
	.etiqu_list .etiqu_item {flex-direction: column;}
	.etiqu_list .etiqu_item p {width:100%;}
	.tour_info_wrap h3 {font-size: 2.5rem;}
	.title_wrap.type2 h3 .blue {display: block;}
	.article_box .intro_txt p {font-size: 16px;}
	.article_box .intro_txt p strong {font-size: 2rem;}
} 


/* 박물관소개 - 어린이박물관 추가 컨텐츠 */
/* 공통 */
#children .linkwrap {display:flex;justify-content:center;align-items:center;gap:32px;border-radius:12px;padding:60px;margin-top:80px;background:linear-gradient(270deg, rgba(157, 193, 237, 0.15) 0%, rgba(246, 186, 173, 0.15) 75.43%);}
#children .linkwrap strong {line-height:1.3;font-size:24px;font-weight:800;}
#children .linkwrap strong > span {color:#206CD8;}
#children .linkwrap > div {display:flex;gap:16px;}
#children .linkwrap a {display:flex;flex-direction:row;align-items:center;gap:10px;padding:16px 32px;border-radius:40px;border:1px solid var(--c_gray_60);font-weight:800;font-size:20px;background:#FFF;}
#children .linkwrap a:after {content:'';display:block;width:20px;height:20px;background:url('/resources/img/common/arr_mdi.svg') no-repeat 50%}
#children .linkwrap a:nth-child(1) {}
#children .linkwrap a:nth-child(2) {}
@media only screen and (max-width:768px) {
	#children .linkwrap {flex-direction:column;gap:12px;}
	#children .linkwrap strong {text-align:center;}
}
@media only screen and (max-width:420px) {
	#children .linkwrap {padding:32px;}
	#children .linkwrap strong {font-size:20px;}
	#children .linkwrap a {font-size:16px;}
}


/* tab1 컨텐츠*/
#children #tab1 .tab_section {display:flex;}
#children #tab1 .tab_section h3 {width:25%;}
#children #tab1 .tab_section p {margin-bottom:2rem;font-weight:800;}
#children #tab1 .tab_section .tab_con {width:calc(100% - 25%);}
#children #tab1 .tab_section .tab_con ul li {word-wrap: break-word;word-break: keep-all;}
#children #tab1 .tab_section .tab_con .list_1st li {display:flex;gap:1rem;padding:0;font-weight:300;}
#children #tab1 .tab_section .tab_con .list_1st > li {margin-bottom:1rem;}
#children #tab1 .tab_section .tab_con .list_1st > li:before {display:none;}
#children #tab1 .tab_section .tab_con .list_2st > li:before {display:none;}
#children #tab1 .tab_section .tab_con .list_1st > li strong {min-width: 8rem;}

@media only screen and (max-width:768px) {
	#children #tab1 .tab_section {flex-direction: column; padding: 5rem 0;}
	#children #tab1 .tab_section h3, #children #tab1 .tab_section .tab_con {width:100%;}
}
@media only screen and (max-width:540px) {
	#children #tab1 .tab_section .tab_con .list_1st li {flex-direction: column;}
}


.cont_wrap.sub020101 .tbl_basic{border-top:none;font-size:14px;white-space:normal;line-height:1.5;} 
.cont_wrap.sub020101 .tbl_basic thead th{font-size:16px;color:#fff;background-color:var(--c_gray_60);}
.cont_wrap.sub020101 .tbl_basic tr:first-child {color:#2A2A2A;background-color: var(--c_gray_10);}
.cont_wrap.sub020101 .tbl_basic td{border-left: 1px solid #ddd;}
.cont_wrap.sub020101 .tbl_basic tr td:first-child {border-left:none;}



/* tab2 컨텐츠*/
#children #tab2 .tab_section {display:flex;flex-direction:column;align-items:center;}
#children #tab2 .tab_section h3 {display:inline-flex;justify-content:center;align-items:flex-start;margin:0;padding:2.5rem 6rem;border-radius:130px;border: 2px solid var(--c_gray_40);background: var(--c_gray_5);}
#children #tab2 .tab_section h3:after {content:"";position: absolute;display: block;}
#children #tab2 .tab_section .tab2_bg {display:block;width:60%;}
#children #tab2 .tab_section .tab2_bg img {width:100%;}
#children #tab2 .tab_con {display: flex;justify-content: center;gap: 12rem;width:100%;}
#children #tab2 .tab_con .tab_item {width:30rem;}
#children #tab2 .tab_con .tab_item::before {content: "";display: block;position: relative;width: 2rem; height: 2rem;margin: 0 auto;}
/*
#children #tab2 .tab_con .tab_item.box1::before {background: url(/resources/img/contents/sub020101/pink_dot.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box2::before {background: url(/resources/img/contents/sub020101/yelo_dot.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box3::before {background: url(/resources/img/contents/sub020101/mint_dot.svg) no-repeat 50%;}
*/
#children #tab2 .tab_con .tab_item::after {content:""; display:block;}
/* #children #tab2 .tab_con .tab_item .element.num1::after {content: "";display: block;width: 4.7rem; height: 4.7rem;margin: 0 auto;}
#children #tab2 .tab_con .tab_item.box1 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/pink_arr.svg) no-repeat 50%;} */
#children #tab2 .tab_con .tab_item.box2 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/green_arr.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box3 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/blue_arr.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item .element {overflow: hidden;}
#children #tab2 .tab_con .tab_item .element.num1 {min-height:41.6rem; margin-top: -10px;}
#children #tab2 .tab_con .tab_item .element .tt_img {display: block;padding:3rem 0;border-radius: 4rem 4rem 0 0;border: 2px solid #ddd;}
#children #tab2 .tab_con .tab_item.box1 .element .tt_img {border-color:#FF82BB; background: #FFE5F2;}
#children #tab2 .tab_con .tab_item.box2 .element .tt_img {border-color:#00ADB2; background: #D3EBEC;}
#children #tab2 .tab_con .tab_item.box3 .element .tt_img {border-color:#00A4E3; background: #C7E6F2;}
#children #tab2 .tab_con .tab_item .element .tx_img {display:block; padding:4rem 0; height:37rem; border-radius:0 0 4rem 4rem; border:2px solid; border-top: 0;}
#children #tab2 .tab_con .tab_item.box1 .element .tx_img {border-color: #FF82BB; background:#fff url('/resources/img/contents/sub020101/tab_item_bg1.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item.box2 .element .tx_img {border-color: #00ADB2; background:#fff url('/resources/img/contents/sub020101/tab_item_bg2.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item.box3 .element .tx_img {border-color: #00A4E3; background:#fff url('/resources/img/contents/sub020101/tab_item_bg3.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item .element.num2 {padding: 3rem 2rem;border-radius: 4rem; border:2px solid #ddd; text-align: center;}
#children #tab2 .tab_con .tab_item.box1 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item.box2 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item.box3 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item .element.num2 p {margin-top:1rem;font-size: 1.5rem; font-weight: 300; line-height: 1.5;}

.arr{
	margin-top: -20px;
    margin-bottom: 15px;
}
@media only screen and (max-width:1400px) {
	#children #tab2 .tab_section .tab2_bg {width:69%;}
	#children #tab2 .tab_con {justify-content: space-between;width:100%; gap:4rem;}
	#children #tab2 .tab_con .tab_item {width:33%;}
}

@media only screen and (max-width:1080px) {
	
	#children #tab2 .tab_con .tab_item .element .tx_img{
		padding:2rem 0;
		height: 34rem;
	}
	#children #tab2 .tab_con {gap: 2rem;}
	#children #tab2 .tab_con .tab_item .element.num1{
		min-height: 0;
	}
	#children #tab2 .tab_con .tab_item .element.num2 p {
		min-height:10rem;
	}
	.tab-ul.type1 li a{
		height: 5rem;
	}
}
@media only screen and (max-width:960px) {
	#children #tab2 .tab_con{
		gap: 1.3rem;
	}
}

@media only screen and (max-width:800px) {

	#children #tab2 .tab_con {flex-direction: column;}
	#children #tab2 .tab_con .tab_item {display: flex;flex-direction: row;justify-content: space-between;width:100%;}
	#children #tab2 .tab_con .tab_item::before {display:none;}
	#children #tab2 .tab_con .tab_item .element.num1 {width:50%;min-height:auto;margin-top:0;}
	#children #tab2 .tab_con .tab_item .element.num1::after {display:none;}

	#children #tab2 .tab_con .tab_item .element .tx_img {padding: 2rem 0; height: 26rem; border-radius: 0 0 0 4rem;border-right: 0;}
	#children #tab2 .tab_con .tab_item .element.num2 {
		height: 24rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:50%;
		border-radius: 0 4rem 4rem 0;
	}
	#children #tab2 .tab_con .tab_item .element.num2 strong {display:block; width:13rem;margin: 0 auto;}
	#children #tab2 .tab_con .tab_item .element.num2 strong > img {width:100%;}
	/* #children #tab2 .tab_con .tab_item.box2 .element .tx_img {height: calc(26rem + 1px);} */
}

@media only screen and (max-width:600px){
	#children #tab2 .tab_con .tab_item .element.num2 strong{
		width: 12rem;
	}
	#children #tab2 .tab_con .tab_item .element .tt_img img{
		height: 100%;
		width: 60%;
	}
	.article_box .img_sub_intro img{
		height: 220px;
		object-fit: cover;
	}
	
} 
@media only screen and (max-width:540px){
	#children #tab2 .tab_con .tab_item .element.num2 strong{
		width: 10rem;
	}
	/* #children #tab2 .tab_con .tab_item.box2 .element .tx_img{
		height: 24rem;
	} */

	#children #tab2 .tab_con .tab_item .element.num2{
		height: 33rem;
	}

	
} 

@media only screen and (max-width:540px) {
	#children #tab2 .tab_section {position:relative;}
	#children #tab2 .tab_section::before {z-index:-1;content:"";position:absolute;display:block;left:50%;top:4%;width:1px;height:calc(100% - 39rem);background-color: #ccc;}
	#children #tab2 .tab_section h3 {padding:2rem;margin-bottom:4rem;}
	#children #tab2 .tab_section .tab2_bg {display:none;}
	#children #tab2 .tab_con {gap: 5rem;}
	#children #tab2 .tab_con .tab_item {flex-direction: column;}
	#children #tab2 .tab_con .tab_item .element.num1 {width: 100%;}
	#children #tab2 .tab_con .tab_item .element.num1::after {display:block;}
	#children #tab2 .tab_con .tab_item .element.num2 {width: 100%;height: 18rem; border-radius: 4rem;}
	#children #tab2 .tab_con .tab_item .element .tt_img {border-radius: 4rem 4rem 0 0;}
	#children #tab2 .tab_con .tab_item .element .tx_img {border-radius: 0 0 4rem 4rem; border: 2px solid;border-top: 0;}
	#children #tab2 .tab_con .tab_item .element.num2 p {min-height: auto;}
}


/* tab3 컨텐츠*/
/********* tab in tab 스타일 시작 *********/
.tab-ul2 {display: flex;justify-content: space-between;}
.tab-ul2 li {width: 25%;border:1px solid #A0A7B0;border-bottom: 0;border-radius: 28px 0px 0px 0px;}
.tab-ul2 li a {
	display: flex;
	padding:4rem 3rem 4rem 6rem;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
	color: #6C757D !important;
	font-size: 1.6rem;
}
.tab-ul2 li a .circle {display:inline-flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 0.2rem;border-radius:2rem;font-size:1.2rem;font-weight:900;color:#fff;font-family: var(--f_sunn);background:#6C757D;}
.tab-ul2 li a strong {font-size: 2rem;font-weight: 800;color: #6C757D}


.tab-ul2 li:nth-child(1).on {border:#00ADB2; background:#00ADB2}
.tab-ul2 li:nth-child(2).on {border:#00A4E3; background:#00A4E3}
.tab-ul2 li:nth-child(3).on {border:#B863A3; background:#B863A3}
.tab-ul2 li:nth-child(4).on {border:#00ADB2; background:#00ADB2}
.tab-ul2 li:nth-child(5).on {border:#FA2828; background:#FA2828}

.tab-ul2 li.on a * {color:#fff}
.tab-ul2 li.on a.circle {background:#fff;}
.tab-ul2 li:nth-child(1).on a .circle {color:#00ADB2;}
.tab-ul2 li:nth-child(2).on a .circle {color:#00A4E3;}
.tab-ul2 li:nth-child(3).on a .circle {color:#B863A3;}
.tab-ul2 li:nth-child(4).on a .circle {color:#00ADB2;}
.tab-ul2 li:nth-child(5).on a .circle {color:#FA2828;}

.tab-ul2 li a > i {width:6rem;height:4.5rem;}
.tab-ul2 li:nth-child(1) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon1.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(2) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon2.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(3) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon3.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(4) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(1).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon1_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(2).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon2_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(3).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon3_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(4).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(5).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4_on.svg) no-repeat 50%;}

/********* tab in tab 스타일 끝 *********/

#children #tab3 .tab_section.space .tab_item {display: flex;justify-content: center;gap: 5rem;padding: 4rem 6rem;border-radius: 4rem;border: 2px solid #E9ECEF;}
#children #tab3 .tab_section.space .tab_item .element {display: flex; flex-direction: column; gap: 4rem; padding: 4rem; border-radius: 4rem; background:#F8F9FA; overflow:hidden;}
#children #tab3 .tab_section.space .tab_item .element > div {display: flex;flex-direction: column;align-items: center;gap:1.2rem;}
#children #tab3 .tab_section.space .tab_item .element > div * {text-align:center;}
#children #tab3 .tab_section.space .tab_item .element > div .bullet {display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:5rem;background:#000E3E;}
#children #tab3 .tab_section.space .tab_item .element > div .bullet img {margin:0; width:100%;}
#children #tab3 .tab_section.space .tab_item .element > div p br {display:none;}

#children #tab3 .story .tab_con > .tab_item {display: flex; gap: 0.9rem;}
#children #tab3 .story .tab_con > .tab_item .element {text-align: center;}
#children #tab3 .story .tab_con > .tab_item .element.num1 {width: calc(25% - 0.7rem);}
#children #tab3 .story .tab_con > .tab_item .element.num2 {width: calc(100% - 25%);}
/* #children #tab3 .story .tab_con > .tab_item .element::after {content:'';display:block;width:70%;height:5rem;background-size:100%; background-repeat: no-repeat;} */
/* #children #tab3 .story .tab_con > .tab_item .element.num1::after {background-image:url('/resources/img/contents/sub020101/child_age1.svg'); margin-left: 25px;}
#children #tab3 .story .tab_con > .tab_item .element.num2::after {background-image:url('/resources/img/contents/sub020101/child_age2.svg'); width: 90%;} */

#children #tab3 .story .tab_con > .tab_item .element p {margin-left:13%;font-size: 1.5rem;}
#children #tab3 .story .tab_con > .tab_item .element.num1 p {margin-left:22%;}
#children #tab3 .story .tab_con > .tab_item .element p span {display: inline-block; padding: 0.5rem 1.5rem;border-radius: 2rem;color: #fff;background: #495057;}

#children #tab3 .tab_body2 {padding: 6rem; border: 4px solid #ddd; border-radius: 0 0 40px 40px; position: relative;}
#children #tab3 .tab_body2#tab1_1 {border-color:#00ADB2}
#children #tab3 .tab_body2#tab1_2 {border-color:#00A4E3}
#children #tab3 .tab_body2#tab1_3 {border-color:#B863A3}
#children #tab3 .tab_body2#tab1_4 {border-color:#00ADB2}
#children #tab3 .tab_body2#tab1_5 {border-color:#FA2828}

#children #tab3 .col_flex {display: flex;flex-direction: column; gap: 4rem;}
#children #tab3 .row_flex {display: flex;flex-direction: row; justify-content: space-between;gap: 10rem;}

#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1) {width:40%;}
#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width:calc(100% - 42%);}

#children #tab3 .tab_item .hashtag {display: inline-block; border: 1px solid; padding: 0.8rem 1.2rem;font-size: 1.2rem;border-radius: 2rem;}
#children #tab3 #tab1_1 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_2 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_3 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_4 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_5 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}

#children #tab3 .tab_body2 .tab_item .img_box {max-width:100%;padding:0; border:none; background:#fff;}
#children #tab3 .tab_body2 .tab_item .img_box img {max-width:100%; border-radius: 20px; border-radius: 20px; width: 650px; height: 373px; object-fit: cover;}

#children #tab3 .tab_body2 .tab_item strong {display:block; margin: 1.7rem 0;}
#children #tab3 .tab_body2 .tab_item strong img {margin:0}

#children #tab3 #tab1_1 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_2 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_3 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_4 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_5 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}

#children #tab3 .line_box li a {
	display:block;width:100%;padding:1.5rem 2rem;font-size:1.6rem;text-align: center; border-radius: 30px;border:1px solid #CED4DA;color:#495057
}
#children #tab3 .line_box li.on a {border:transparent;color:var(--white);}
#children #tab3 #tab1_1 .line_box li.on a {background:#00ADB2;}
#children #tab3 #tab1_2 .line_box li.on a {background:#00A4E3;}
#children #tab3 #tab1_3 .line_box li.on a {background:#B863A3;}
#children #tab3 #tab1_4 .line_box li.on a {background:#00ADB2;}
#children #tab3 #tab1_5 .line_box li.on a {background:#FA2828;}

#children #tab3 .line_box.col-3 {display:flex;flex-direction:column;gap:1rem;}
#children #tab3 .line_box {display:flex; flex-wrap:wrap;gap:0.7rem;}
#children #tab3 .line_box li {width:calc(50% - .4rem);}

.img_bottom_1{
	display: flex; margin-top: -88px; justify-content: center; position: absolute; bottom: -60px;
	pointer-events: none;
}
.img_bottom_2{
	display: flex; margin-top: -20px; justify-content: center; position: absolute; bottom: -60px;
	pointer-events: none;
}
.img_bottom_3{
	display: flex; margin-top: -42px; justify-content: center; position: absolute; bottom: -60px;
	pointer-events: none;
} 
.img_bottom_4{
	display: flex; margin-top: -40px; justify-content: center; position: absolute; bottom: -60px;
	pointer-events: none;
}
.img_bottom_5{
	display: flex; margin-top: -62px; justify-content: center; position: absolute; bottom: -60px;
	pointer-events: none;
}

@media only screen and (max-width:1700px){
	.img_bottom_1, .img_bottom_2, .img_bottom_3, .img_bottom_4, .img_bottom_5{
		display: none;
	}
}

@media only screen and (max-width:1400px) {
	#children #tab3 .line_box.col-4 li {width:100%;}
	#children #tab3 #tab1_1 .tab_item p{
		margin-top: 10px;
	}
	#children #tab3 .tab_body2{
		padding: 6rem;
	}
}

@media only screen and (max-width:1260px) {
	.tab-ul2 li a{width:100%;}
	.tab-ul2 li a > i {display:none;}
	
	#children #tab3 .tab_section.space .tab_item {gap: 2rem; padding: 4rem;}
	#children #tab3 .tab_section.space .tab_item .element {padding: 3rem;}
	#children #tab3 .tab_section.space .tab_item .element > div p br {display:block}
}

@media only screen and (max-width:1080px) {
	#children #tab3 .tab_body2 > .row_flex {gap: 3rem; flex-direction: column;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1),
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width:100%;}
	#children #tab3 .story .tab_con > .tab_item {display:none;}
	#children #tab3 .tab_header2 {margin-bottom:2rem;}
	.tab-ul2 {gap: 1.8rem;flex-wrap: wrap;}
	.tab-ul2 li {width: calc(50% - 1rem); border-radius: 2rem !important; border: 2px solid #6C757D; word-break: break-all;}
	.tab-ul2 li.on {border:transparent}
	.tab-ul2 li a {padding: 3rem 4rem;}
	.tab-ul2 li:nth-child(5) {
		width: 100%;
	}
	.tab-ul2 li:nth-child(5) a > span{
		align-items: center;
	}
	.tab-ul2 li a > i {display: block;}
	#children #tab3 .tab_section.space .tab_item {padding: 0; border: 0;}
	#children #tab3 .tab_body2{
		border-radius: 40px;
	}
	#children #tab3 .tab_body2 .tab_item .img_box img{
		width: 100%;
	}
	#children #tab3 .tab_body2{
		padding: 5rem;
	}
}

@media only screen and (max-width:1024px) {
	#children #tab3 .tab_body2 {border-radius: 4rem;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1) {width: 100%;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width: 100%;}
	.tab-ul2 li{
		border-radius: 1.5rem !important;
	}
	.tab-ul2 li a > *{
		word-break: break-word;
	}
	.tab-ul2 li a{
		font-size: 16px;
	}
	.tab-ul2 li a strong{
		font-size: 20px;
	}
	#children #tab3 .tab_body2{
		padding: 4rem;
	}
	 #children #tab3 .line_box li a{
		font-size: 16px;
	}
	.tab-ul2 li a .english-style{
		height: 50px;

	}
}

@media only screen and (max-width:850px) {
	.article_box .img_sub_intro{
		border-radius: 20px;
	}
	#children #tab3 .tab_section.space .tab_item .element > div {height: 13rem;}
	#children #tab3 .tab_body2{
		border-radius: 2rem;
	}	
}

@media only screen and (max-width:800px) {
	#children #tab3 .tab_section.space .tab_item {flex-direction: column;}
	#children #tab3 .tab_section.space .tab_item .element {gap: 0; padding: 5rem 3rem;}
	
	#children #tab3 .line_box.col-4 {flex-direction: column;}
	#children #tab3 .line_box.col-4 li {width:100%;}
}

@media only screen and (max-width:690px) {
	.tab-ul2 li a {width:100%;}
	.tab-ul2 li a > i {display: none;}
	#children #tab3 .tab_body2 {padding: 5rem 4rem;}
	#children #tab3 .tab_body2{
		padding:3rem;
	}	
}

@media only screen and (max-width:540px) {
	.tab-ul2 {gap: 0.5rem;}
	.tab-ul2 li {width: calc(50% - 0.5rem);}
	.tab-ul2 li a strong {font-size: 1.9rem;letter-spacing: -.05rem;}
}

@media only screen and (max-width:480px) {
	.tab-ul2 {flex-wrap: wrap;}
	.tab-ul2 li a > i {display: block;}	
	.tab-ul2 li:nth-child(5) {
		width: 100%;
	}
}

@media only screen and (max-width:360px) {
	#children #tab3 .tab_body2 {padding: 3rem 2rem;}
}

@media only screen and (max-width:320px) {
	.tab-ul2 li a {padding: 2rem 3rem;}	
	.tab-ul2 li a > span {width:100%;}
	.tab-ul2 li a > i {display: none;}
}

/* tab4 컨텐츠*/
#children #tab4 .detail {margin-bottom:100px;}
#children #tab4 .detail h3 {width:25%;}
#children #tab4 .detail ul {width:calc(100% - 30%);}
#children #tab4 .detail .edu_txt{
	display: flex;
	flex-direction: column;
	margin-top: 6.2rem;
}
#children #tab4 .education {display:flex;flex-wrap:wrap;gap:32px;margin-bottom: 100px;}
#children #tab4 .education .item {display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    width: calc(33% - 24px);
    border-radius: 18px;
    border: 1px solid var(--c_gray_40);
    overflow: hidden;
    background: #FFF;
}
#children #tab4 .education .img {position:relative;width:100%;max-height:353px;overflow:hidden;height: 340px;}
#children #tab4 .education .img > img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#children #tab4 .education .info {display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;padding:0 22px 18px;} 
#children #tab4 .education .bul-box {display:flex;flex-wrap:wrap;gap:8px;width:100%;} 
#children #tab4 .education .bullet {display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:4px;border:1px solid var(--c_gray_40);font-size:12px;font-weight:700;} 
#children #tab4 .education .bullet.winter {border-color:#57BBAD;color:#00B799;background-color:#EFFDF4;} 
#children #tab4 .education .bullet.weekday {border-color:#838E99;color:#495057;background-color:#F7FAFD;} 
#children #tab4 .education .bullet.weekend {border-color:#FF1286;color:#FF1286;background-color:#FFEFF6;} 
#children #tab4 .education .bullet.teaching {border-color:#FEC637;color:#E7A702;background-color:#FFFCE2;} 
#children #tab4 .education .bullet.online {border-color:#00A4E3;color:#206CD8;background-color:#F0F6FC;} 
#children #tab4 .education .bullet.reserve {border-color:#00A4E3;color:#fff;background-color:#00A4E3;} 
#children #tab4 .education .item .info strong {font-size:16px;font-weight:800;color:#495057;line-height:1.5;} 
#children #tab4 .education .item .info ul li {display:flex;gap:10px;font-size:14px;margin-bottom:14px;color:var(--c_gray_70);}
#children #tab4 .education .item .info ul li b {font-weight:700;}

@media only screen and (max-width:1700px){
	#children #tab4 .education .item{
		height: 100%;
	}
	#children #tab4 .education .item{
		gap: 20px;
	}
}
@media only screen and (max-width:1400px) {
	#children #tab4 .education .item {width:calc(33.54% - 24px);}
}
@media only screen and (max-width:1280px) {
	#children #tab4 .education {gap:26px;}
	#children #tab4 .education .item {width:calc(33.3% - 18px);}
}
@media only screen and (max-width:1080px) {
	#children #tab4 .detail {flex-direction:column;margin-bottom:60px;}
	#children #tab4 .detail h3,
	#children #tab4 .detail ul {width:100%;}
	#children #tab4 .detail ul li {word-break: keep-all;}
	#children #tab4 .education .item {width:calc(50% - 13px);}
	#children #tab4 .education .info{
		justify-content: center;
		align-items: center;
	}
	#children #tab4 .detail .edu_txt{
		margin-top: 4rem;
	}
}
@media only screen and (max-width:768px) {
	#children #tab4 .education .item {width:100%;}
	#children #tab4 .education .info {padding:0 32px 26px;}
	#children #tab4 .education .item .info ul li {font-size:18px;}
	#children #tab4 .education .bullet {font-size: 14px;}
	#children #tab4 .detail .edu_txt{
		margin-top: 2rem;
	}
	#children #tab4 .education .img{
		height: 280px;
	}
}
@media only screen and (max-width:430px) { 
	#children #tab4 .education .item .info ul li {font-size:15px;}
	#children #tab4 .education .item .info strong{font-size: 18px;}
	#children #tab4 .education .img{
		height: 180px;
	}
	#children #tab4 .education .item .info strong{
		font-size: 16px;
	}
	#children #tab4 .education .item{
		gap: 16px;
	}
	#children #tab4 .education .info{
		padding: 0 22px 16px;
	}
}
@media only screen and (max-width:393px) { 
	#children #tab4 .education .item .info strong{
		font-size: 15px;
	}
	#children #tab4 .education .item .info ul li {flex-wrap:wrap;font-size:14px;}
}

/*인사말*/
#about .article_box {
	margin-bottom:-30rem;
}
#about .item_wrap {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    background: white;
    max-width: 924px;
    top: -40rem;
	right:15%;
    padding: 7rem 10rem;
}

.gre-main > img{width:100%; margin-top:50px;height: 440px;object-fit: cover;}
.gre_con2{
	box-sizing: border-box;
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
}
.gre_con2_img{
	width: 474px;
	height: 474px;
	margin-right: 80px;
}
.gre-line{width: 104px; height:2px; background-color: #A0A7B0; margin-bottom: 10%}
.gre-title{color:#002466; font-size: 22px; font-weight:700; margin-bottom: 30px;
line-height: 140%;}
.about_content {font-size: 16px; line-height: 1.5;}
.gre_con2_1 .about_content {margin-bottom:10%}


/* #about .about_title {width: calc(100% - 40%);} */
#about .about_title h2 {line-height:1.5; font-size:30px;}
#about .about_title p {line-height:1.8; font-weight:300; margin-top: 10%; font-size: 19px;} 
#about .img_wrap {width:40%;height:28.7rem;background:url(/resources/img/common/logo_pattern.svg) no-repeat 0 100%/100% auto;}

#about .article_box:nth-child(2) {padding: 8rem 0;margin-bottom: 12rem;}
#about .article_box:nth-child(2) .item_wrap {padding:0;}
#about .article_box:nth-child(2) .imgwrap {position: absolute;right: 0;top: 0;width: 40%;}
#about .article_box:nth-child(2) .imgwrap img {width:90%;}

#about .list_num {width:calc(100% - 45%);}
#about .list_num li {display: flex;align-items: center;justify-content: space-between;line-height: 2.5;width: 100%; background: url(/resources/img/common/white_dot.svg) repeat-x;background-position-y: center;background-clip: content-box;}
#about .list_num li .number {top:initial;}
#about .list_num li strong {font-size: 2.8rem; padding-right: 1rem; background: #00A6E2;}
#about .list_num li .line {content:''; display:block; width:30%; height:1px;}
#about .list_num li span:last-child {padding-left: 1rem;background: #00A6E2; word-wrap: break-word; word-break: keep-all;}

#about .article_box:nth-child(3) .item_wrap {gap: 5rem;}
#about .article_box:nth-child(3) .imgwrap {width:44%;}
#about .article_box:nth-child(3) .imgwrap img {object-fit: cover;}
#about .article_box:nth-child(3) .txt_box {display: flex;flex-direction: column; gap: 2.2rem;width: calc(100% - 44%);}
#about .article_box:nth-child(3) .txt_box p {line-height: 2;font-weight: 300;}
#about .article_box:nth-child(3) .txt_box .sign {display: flex;align-items: center;gap:3rem;font-weight: 500;}
#about .article_box:nth-child(3) .txt_box .sign > span {width:15%}
#about .article_box:nth-child(3) .txt_box .sign > span > img {width:100%} 
#about .article_box:nth-child(3) .txt_box .sign br {display:none;}

@media only screen and (max-width: 1400px){
	#about .item_wrap {
		width: 100%;
		right: 10%;
		padding: 60px 50px;
	}
	/* #about .about_title {width: calc(100% - 36rem);} */
	#about .img_wrap{
		width:36rem;
		height:19.7rem;
	}
	.gre_con2_1 .about_content:last-child{
		margin-bottom: 10%;
	}
	#about .list_num {width: calc(100% - 40%);}
	#about .article_box:nth-child(2) .imgwrap {position: initial; width: 35%;}
	#about .about_title p .enter {
		display:inline;
		word-break: normal;
	}

	#about .article_box:nth-child(3) .imgwrap {width:44%;}
	#about .article_box:nth-child(3) .txt_box {width: calc(100% - 44%);}
	#about .article_box:nth-child(3) .txt_box p {line-height: 1.8;}
	#about .article_box:nth-child(3) .txt_box .enter {display:inline;}
}
@media only screen and (max-width: 1280px){
	/* #about .about_title h2{
		font-size: 28px;
	} */
	#about .article_box {
		top: 0;
		margin-bottom:-40rem;
	}
	.gre_con2_1 .about_content{
		margin-bottom: 6%;
	}

	#about .item_wrap {
		right: 6%;
		
	}
	.gre_con2 {	
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}
	.gre_con2_1{
		order: 1;
		padding: 60px 60px 0;
	}
	.gre_con2_img{
		order: 2;
		margin-left: 60px;
		width: 40%;
		height: 40%;
	}
	.gre-line{
		margin-bottom: 6%;
	}
	#about .list_num {width: calc(100% - 30%);}
	#about .list_num li {line-height: 2;}
	#about .article_box:nth-child(2) .imgwrap {width:30%}
}


@media only screen and (max-width: 1140px){

	#about .item_wrap {
		right: 6%;
	
	}
	#about .about_title p{
		font-size: 18px;
	}
	
	#about .list_num {width: calc(100% - 10%);}
}


@media only screen and (max-width: 1080px){
	
	/* #about .about_title {width: calc(100% - 28rem);} */
	#about .img_wrap {width:28rem; height:16.7rem;}
	#about .list_num {width:100%;}
	#about .article_box {
		margin-bottom:-40rem;
	}
	#about .item_wrap {
		width: 800px;
		right: 6%;
	
	}
	/* #about .about_title h2{
		font-size: 28px;
	} */

	#about .article_box:nth-child(2) .imgwrap {display:none;}
	#about .article_box:nth-child(3) .item_wrap {align-items: flex-start;}
	#about .article_box:nth-child(3) .txt_box .sign {gap:4rem;}
	#about .article_box:nth-child(3) .txt_box .sign br {display:inline;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:25%;}
	#about .article_box:nth-child(3) .txt_box .sign > span > img {width:100%;}		
}

@media only screen and (max-width:1024px){
	
	#about .img_wrap {
		width:28rem; 
		height:16.7rem;
	}
	#about .item_wrap {
		width: 700px;
		right: 8%;
		padding: 50px; word-break: keep-all;
	
	}
	#about .list_num {width:100%;}
	.about_title h2{font-size:15px}
	.gre-main .gre_con2_img {height: 350px; object-fit: contain;}
	.about_title .blue {
		/* font-size: 26px;  */
		font-weight: bold;}
	#about .about_title p {font-size: 14px; color: #6C757D;}
	.gre_con2_1{padding: 50px;}
	.about_content img{width: 90px;}
	.gre-title {line-height: 1.5; font-size: 18px;
} 

@media only screen and (max-width:840px){

	#about .item_wrap {
		width: 580px;
		right: 4%;
	
	}
}
@media only screen and (max-width:640px){
	#about .item_wrap {
		width: 500px;
		right: 4%;
	}
}

@media only screen and (max-width: 600px){
	.article_box .img_sub_intro{
		border-radius: 10px;
	}
	#about .item_wrap {
		width: 450px;
		right: 2%;
	}
	#about .about_title h2{
		font-size: 22px;
	}
	#about .about_title span.blue{
		font-size: 26px;
	}
	.gre-main > img{
		object-fit: cover;
		width: 100%;
		height: 350px;
		margin-top: 30px;
		position: relative;
	}


	#about .about_title h2{
		font-size: 22px;
	}
	#about .about_title h2 .enter {display: inline;}
	#about .article_box:nth-child(3) .txt_box .sign {gap: 0;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:40%;}
}

/* 모바일 세로 (해상도 ~479px) */
}
@media only screen and (max-width: 479px){
	.gre-main{
		min-width: 360px;
	}
	#about .item_wrap {
		width: 90%;
		right: 2%;
		padding:30px 52px 30px 30px;
	}

	#about .about_title h2{
		font-size:22px;
		word-break: keep-all;
	}
	.about_title .blue {
		font-size: 26px; 
		font-weight: bold;
	}
	#about .about_title p {
		font-size: 14px; 
		color: #6C757D;
		margin-top: 32px;
	}
	.gre_con2_1 .about_content{
		margin-bottom: 12%;
	}

	.gre_con2_img {
        width: 208px;
        order: 2;
        height: 208px;
        margin-bottom: 100px;
	}

	.gre_con2_1{
		order: 1;
	}

	.about_content img{
		width: 100px;
	}
	.gre-title {
		line-height: 1.5; 
		font-size: 18px;
		margin-bottom: 16px;
	}

}
@media only screen and (max-width: 414px){

	.gre-main > img{
		object-fit: cover;
		object-position: -340px -10px;
	}
	#about .item_wrap {
		width: 90%;
		right: 8%;
	}
	.gre_con2_1{
		order: 1;
		padding: 20px;
	}
	#about .article_box:nth-child(2) {padding: 4rem 0;}
	#about .article_box:nth-child(2) .item_wrap {padding: 0;gap: 0;}
	#about .list_num {display: flex;flex-direction: column;width: 100%;}
	#about .list_num li {align-items: center;padding:3rem 0 2rem; border-bottom: 1px solid #fff;}
	#about .list_num li:last-child {border-bottom:0;}
	#about .list_num li .number {position: initial;}
	#about .list_num li span:last-child {text-align: center;}

}


/*연혁*/
#historyUI .history-left{
	display: flex;
}
#historyUI .history-sub{
	width: 530px;
	line-height: 1.5;
	padding-top: 3px;
}
#historyUI #history05 {
	display: none
}
#historyUI .year-sm {
	font-size: 20px;
	color: #002466;
	display: block;
	justify-content: center;
	width: 60px;
}

#historyUI .left .month::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	right: -50px;
	overflow: hidden;
	position: absolute;
	border: 3px solid #A0A7B0;
	background-color: #fff;
	border-radius: 50px;
	top: 16px;
	z-index: 90;
}

#historyUI .month {
	font-size: 20px;
	color: #B368AA;
	display: inline-flex;
	justify-content: center;
	margin: 0 10px;
	width: 50px;
}

#historyUI .desc {
	font-size: 16px;
	line-height: 1.5;
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

#historyUI .right .month::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	left: -50px;
	border: 3px solid #A0A7B0;
	border-radius: 50px;
	top: 16px;
	background-color: #fff;
}
@media screen and (max-width:1600px) {
	#historyUI .history-sub{
		width: 440px;
	}
}
@media screen and (max-width:1366px) {
	#historyUI #history05 {
		display: block !important;
	}
	#historyUI .infowrap {
		padding: 4rem 0;
		margin-bottom: 0;
	}
	#historyUI #cms-content {
		display: none;
	}
	#historyUI .list_top p,
	#historyUI .list_top span {
		line-height: 1.5;
	}
	#historyUI .history_wrap {
		align-items: flex-start;
	}
	#historyUI .history_wrap .year {
		width: 70px;
		height: 70px;
		font-size: 20px;
	}

	#historyUI .history_wrap .history_list .month {
		min-width: none;
	}
	#historyUI .history_wrap .history_list .month:before {
		width: 30px;
	}
	#historyUI .history_wrap.large .history_list .month {
		width: auto;
	}
	#historyUI .history_wrap .history_list .history_txt {
		flex-direction: column;
		margin-left: 45px;
		width: calc(45% - 35px);
	}
	#historyUI .history_wrap .history_list .history_img {
		width: 70%;
	}
	#historyUI .history_wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		margin-bottom: 50px;
	}

	#historyUI .history_wrap:before {
		content: '';
		width: 1px;
		height: calc(100% - 50px);
		background: #d9d9d9;
		position: absolute;
		top: 10px;
	}
	#historyUI .mb_month {
		color: #B368AA;
		margin: 0 10px 0 0;
		font-size: 17px;
		font-weight: 900;
		line-height: 1.5;
	}
	#historyUI .history_list .history_txt>ul>li {
		display: flex;
		align-items: baseline;
		line-height: 1.5;
		word-break: keep-all;
		font-size: 16px;
		margin-bottom: 16px;
	}
	#historyUI .history_wrap .year {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		font-size: 26px;
		font-weight: 600;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	#historyUI .history_wrap .history_list {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 40px;
	}
	#historyUI .history_wrap .history_list .month {
		min-width: 280px;
		font-size: 30px;
		font-weight: 900;
		line-height: 20px;
		position: relative;
		color: #002466;
	}
	#historyUI .history_wrap .history_list .month:after {
		content: '';
		width: 20px;
		height: 20px;
		background: url(/resources/img/main/ico_history.png) no-repeat;
		background-size: 18px;
		position: absolute;
		top: 0px;
		left: -22px;
	}
	#historyUI .year-sm::before {
		content: '';
		width: 15px;
		height: 15px;
		background: #fff;
		border: 2px solid #A0A7B0;
		border-radius: 15px;
		position: absolute;
		top: auto;
		left: -22px;
	}
	#historyUI .history_wrap.large .history_list .month {
		width: 220px;
	}
	#historyUI .history_wrap .history_list .history_txt {
		width: 75%;
		display: flex;
	}
	#historyUI .history_wrap .history_list .history_img {
		width: 75%;
		display: flex;
		gap: 20px;
	}
	#historyUI .history_wrap .history_list .history_img>div {
		display: flex;
		flex-direction: column;
		border-radius: 30px;
		max-width: 400px;
		margin-left: 30px;
	}
	#historyUI .year-sm {
		margin-left: 15px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#historyUI .history_lists>li {
		width: 100%;
		padding-right: 0;
	}
	#historyUI .history_lists>li:nth-child(n+2) {
		margin-top: 10px
	}
	#historyUI .history_box .box01 {
		margin-top: 10px;
	}
	#historyUI .history_box .box02 {
		margin-top: 25px;
	}
	#historyUI .history_wrap .history_list {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	#historyUI .history_wrap .history_list .history_txt {
		width: calc(100% - 100px);
	}
	#historyUI .history_wrap .history_list .history_img {
		margin-left: 75px;
		margin-top: 20px;
		width: calc(100% - 75px);
	}
	#historyUI .history_wrap .history_list .history_img>div {
		border-radius: 15px;
	}
	#historyUI .history_txt .bullet01 {
		margin-bottom: 8px;
	}
	#historyUI .history_txt .bullet01.img span {
		position: relative;
		display: inline-block;
	}
	#historyUI .history_wrap:before {
		height: calc(100% - 6px);
		top: 6px;
		left: 32px;
	}
	#historyUI .history_wrap .year {
		display: none;
	}
	#historyUI .history_wrap .history_list:first-of-type {
		margin-top: 0;
	}
	#historyUI .history_wrap .history_list .month {
		padding-left: 20px;
		justify-content: flex-start;
	}
	#historyUI .history_wrap .history_list .month:before {
		display: none;
	}
	#historyUI .history_wrap .history_list .bullet_wrap {
		margin-left: 20px;
		margin-bottom: 10px;
	}
	#historyUI .history_wrap .history_list .history_img {
		margin-left: 30px;
		width: calc(100% - 30px);
		flex-direction: column;
	}
	#historyUI .month {
		margin: 0px;
	}
	#historyUI .mb_month{
		position: relative;
	}
	#historyUI .mb_month::after{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		overflow: hidden;
		position: absolute;
		border: 3px solid #A0A7B0;
		background-color: #fff;
		border-radius: 50px;
		top: 50%;
		transform: translateY(-50%);
		left: -37px;
		z-index: 90;
		}
	}
@media screen and (max-width:600px) {
	#historyUI .infowrap{
		padding: 3rem 0;
	}
	#historyUI .history_wrap .history_list .history_img>div{
		max-width: 320px;
	}
	#historyUI .year-sm{
		font-weight: 900;
	}
	#historyUI .history_wrap .history_list .month{
		padding-left: 10px;
		margin-bottom: 6px;
	}
}
@media screen and (max-width:400px) {
	#historyUI .mb_month, .history_wrap .history_list .bullet_wrap li span{
		font-size: 15px;
	}
	#historyUI .history_wrap .history_list .bullet_wrap{
		margin-left: 0;
	}
	#historyUI .mb_month::after{
		left: -18px;
	}
	#historyUI .year-sm{
		margin-left: 0;
	}
	#historyUI .history_wrap .history_list .history_img>div{
		max-width: 260px;
		margin-left: 18px;
	}
}

/*조직도*/
.org_cont button {font-size:1.6rem; cursor:pointer; font-family: var(--f_nsN);}

.org_wrap {display: flex;flex-direction: column;}
.org_wrap .org_dep_box {display:block;width:100%;text-align:center;}
.org_wrap .org_dep_box > span, .org_dep3 .tit_wrap .org_tit span {position: relative;display:inline-block;color:#fff;}

.org_wrap .org_dep_box > span::after,
.org_dep3 .tit_wrap .org_tit > span::after,
.org_dep4 .dep_wrap .tit_wrap .sub_tit > span::after  {
	content:""; 
	display: block; 
	position: absolute; 
	left: 0; 
	width: 0; 
	height: 2px; 
	background-color: #d5dddd; 
	transition: all .3s;

}
.org_wrap .org_dep_box:hover > span::after,
.org_dep3 .tit_wrap .org_tit:hover > span::after,
.org_dep4 .dep_wrap .tit_wrap .sub_tit:hover > span::after {
	width: calc(100% - 20%);
	left:50%;
	transform: translateX(-50%);
}

.org_dep1 {position:relative;margin-left:-1px;padding-bottom:6rem;}
.org_dep1::before {z-index:-1; content:"";position:absolute;display:block;left:50%;top:56%;width:1px;height:calc(100% + 45px);background-color:#344F91;}
.org_dep1 .org_dep_box {max-width: 250px;margin:0 auto;padding: 10px;background-color:#232D5C;}

.org_dep2 {position: relative;display: flex;flex-direction: row-reverse;width: 100%;padding-right:20%;padding-bottom:6rem;}
.org_dep2::before {z-index: -1;content: "";position: absolute;display: block;right:26%;top:27%;width:24%;height: 1px;margin-top: -1px;background-color: #344F91;}
.org_dep2 .org_dep_box {width:25%;border: 1px dashed #555;background-color: #fff;}
.org_dep2 .org_dep_box span {line-height:60px;color: #212121;}
.org_dep2 .org_dep_box > span:after {display:none;}

.org_dep3 {position:relative;margin:0 -20px;}
.org_dep3::after {content: ""; display: table;clear: both;}

.org_dep3 .org_dep_box {position: relative;float:left; width:50%; padding:6rem 20px 0;}

.org_dep3 .org_dep_box::before {content: "";position: absolute;display: block;left: 0;top: 0;width:50%;height: 1px;background-color: #344F91;}
.org_dep3 .org_dep_box:first-child::before {right: 0;left: auto;width: 50%;}
.org_dep3 .org_dep_box::after {content: "";position: absolute;display: block;left: 50%; top: 0;width: 1px; /* height:16%; */height:60px; margin-left: -1px;background-color: #344F91;}

.org_dep3 .tit_wrap {position: relative;margin-bottom: 20px;}
.org_dep3 .tit_wrap::before {z-index: -1;content: "";position: absolute;display: block;left: 50%;bottom: -20px;width: 1px;height: 100%;margin-left: -1px;background-color: #344F91;}
.org_dep3 .tit_wrap::after {z-index: -1;content: "";position: absolute;display: block;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -1px;background-color: #344F91;}

.org_dep3 .org_dep_box .org_tit {z-index: 999;position: relative;width:50%;margin-bottom: 20px;padding: 10px;text-align: center;}
.org_dep3 .org_dep_box.num1 .org_tit {background-color: #1E4ED8;}
.org_dep3 .org_dep_box.num2 .org_tit {background-color: #00ADB1;}

.org_dep4 {overflow: hidden;margin: 0 -10px;}
.org_dep4 .dep_wrap {float: left;position: relative;width: 50%;padding: 21px 10px 0;}
.org_dep4 .dep_wrap::before {content: "";position: absolute;display: block;top: 0;left: 0;width:50%; height: 1px;background-color: #344F91;}
.org_dep4 .dep_wrap:first-child::before {width: 50%;left: auto;right: 0;}
.org_dep4 .dep_wrap::after {z-index: -1;content: "";position: absolute;display: block;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -1px;background-color: #344F91;}

.org_dep4 .dep_wrap .tit_wrap .sub_tit {position: relative;width:80%;margin-bottom: 20px;padding: 10px;text-align:center; background:#fff;}
.org_dep_box.num1 .org_dep4 .dep_wrap .tit_wrap .sub_tit {border: 3px solid #1E4EC8; width: 100%;}
.org_dep_box.num2 .org_dep4 .dep_wrap .tit_wrap .sub_tit {border: 3px solid #00ADB1;}

.org_dep4 .dep_wrap .tit_wrap .sub_tit span {position: relative;display: inline-block;}
.org_dep_box.num1 .org_dep4 .dep_wrap .tit_wrap .sub_tit span {color:#1E4EC8;}
.org_dep_box.num2 .org_dep4 .dep_wrap .tit_wrap .sub_tit span {color:#00ADB1;}
.org_dep4 .dep_wrap .tit_wrap .sub_tit > span::after {bottom: 5px;}

.org_dep4 .dep_wrap ul {position: relative;display: table;width: 100%;height: 75px;background-color: white;}
.org_dep4 .dep_wrap ul::after {content: "";display: table;clear: both;}
.org_dep4 .dep_wrap ul li {float: left;position: relative;width: 50%;padding: 20px 10px 0;}
.org_dep4 .dep_wrap ul li:first-child {padding-left:0}
.org_dep4 .dep_wrap ul li:last-child {padding-right:0}

.org_dep4 .dep_wrap ul li::before {z-index: 0;content: ""; position: absolute;display: block;left:50%;top: 0;width: 1px;height: 100%;margin-left: -5px;background-color: #344F91;}
.org_dep4 .dep_wrap ul li::after {content: "";position: absolute;display: block;top: 0;width:calc(50% + 5px);height: 1px;background-color: #344F91;}
.org_dep4 .dep_wrap ul li:first-child::after {right:0;}
.org_dep4 .dep_wrap ul li:last-child::after {left:0;}
.org_dep4 .dep_wrap ul li:last-child::before {margin-left:5px;}

.org_dep4 .dep_wrap ul li .org_dep5 {position:relative;text-align: center;transition: all .3s;}
.org_dep4 .dep_wrap ul li .org_dep5 button {position: relative;display:block;width:100%;padding:10px;border:1px solid #949494;color:#666;;text-align:center;transition: all .3s;background: #fff;}
.org_dep4 .dep_wrap ul li .org_dep5 button span {position: relative;display: inline-block;word-break: break-all;}

.org_dep_box.num1 .org_dep4 .dep_wrap ul li .org_dep5 button:hover {color:#005A74; border-color:#00A6E2; background-color:#E6F7FD;}
.org_dep_box.num2 .org_dep4 .dep_wrap ul li .org_dep5 button:hover {color:#00ADB1; border-color:#00ADB1; background-color:#E6F7F8;}

.table_wrap {margin-top:8rem;}
.table_wrap .item_wrap{padding:0 0 6rem;}
.tbl_box, .tbl_subbox {display: none;}
.tbl_box.on, .tbl_subbox.on {display: block; margin: 50px 0;}

@media only screen and (max-width: 1400px){
	.org_cont .org_wrap, .org_cont .table_wrap {padding:0 2rem;}
	.org_cont .table_wrap {width: 100%;}
	.org_cont .table_wrap .item_wrap {width:100%;margin:0 auto}
	.org_cont .table_wrap .item_wrap .tbl_subbox {width:100%; overflow: auto;}
	.org_cont .table_wrap .item_wrap .tbl_subbox table {min-width:500px;}
	.org_dep_box.num1 .org_dep4 .dep_wrap .tit_wrap .sub_tit{
        width: 100% !important;
    }
}

@media only screen and (max-width:1024px) {
	.org_dep1::before{
		top: 47%;
		height: calc(100% + 72px);
	}
	.org_dep2::before{
		top: 20%;
	}
	.org_dep3 .org_dep_box::after{
		height: 90px;
	}

	
}

@media only screen and (max-width: 768px){
	#about .item_wrap {right:0;}
	.org_dep1 {margin-left: 0;}
	.org_dep2 {padding-right: 0;}
	.org_dep2::before {width: 50%;right: 0;}
	.org_dep2 .org_dep_box {width:30%;}
	.org_dep3 {margin: 0 -5px;}
	.org_dep3 .org_dep_box {width: 100%;float: none;}
	.org_dep3 .org_dep_box::before {display:none;}
	.org_dep3 .org_dep_box::after {display:none;}
	.org_dep3 .org_dep_box:first-child {padding-top:0;}
	.org_dep4 .dep_wrap ul {width: 100%; height: auto;}
}

.right .month::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: -49px;
    border: 3px solid #A0A7B0;
    border-radius: 50px;
    top: 20px;
    z-index: 90;
	}
	.left .month::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		right: -50.6px;
		overflow: hidden;
		position: absolute;
		border: 3px solid #A0A7B0;
		border-radius: 50px;
		top: 20px;
		z-index: 90;
	}

	.year-sm-left{
		font-size:20px; color:#002466;
	}
	
	.item h3::before{
		content: "";
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		background: #002466;
		left: -10px;
		margin-top: 5px;
	}


	.item h3{color:#002466; font-size: 22px;}

	.list_1st strong {font-size: 16px;}

	.history-list{width: 90%; margin: 0 auto;/* margin-top:20px; padding-top:60px;*//* margin-bottom:100px; *//* width:100%; *//* height:auto; *//* overflow:hidden; */position:relative;}
	.history-list:before{content:"";width:1px;height:100%;overflow:hidden;display:block;background:#ddd;position:absolute;left:50%;top:40px;}
	.history-list>li{overflow:hidden;margin-bottom:150px;width:100%;height:auto;overflow:hidden;}
	/* .history-list>li:nth-child(1){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list01.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(2){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list02.jpg) no-repeat 650px 40px;}
	.history-list>li:nth-child(4){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list03.jpg) no-repeat 650px 40px;}
	.history-list>li:nth-child(5){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list04.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(7){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list05.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(8){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list06.jpg) no-repeat 650px 40px;} */
	.history-list li .item{position:relative;width:50%;box-sizing:border-box;}
	.history-list li .item.left{float:left}
	.history-list li .item.right{float:right;padding-left:90px;height:auto;position:relative;}
	.history-list li:nth-child(odd) .item.right:before{content:"";display:block;width:99px;height:30px;overflow:hidden;position:absolute;left:-12px;top:20px;background:url(/resources/img/main/ico_history.png) no-repeat;z-index:90;}

	.history-list li .item>strong:not(.history-list .month,.history-list .year-sm){width:100%;height:auto;overflow:Hidden;font-size:40px;color:#002466; font-style: italic;}
	.history-list>li:first-child .item>strong:not(.history-list .month,.history-list .year-sm){color:#002466;}
	.history-list li ul{width:100%;height:auto;overflow:Hidden;}
	.history-list li ul li{display:block;margin-top:15px;position:relative;width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:Hidden;}
	.history-list li ul li:before{content:"";width:3px;height:3px;overflow:Hidden;display:block;background:#000;position:absolute;left:0;top:12px;}
	.history-list li ul li strong{display:inline-block;font-size:20px;color:#000;font-weight:400;width:40px;height:auto;overflow:hidden;vertical-align:top}
	.history-list li ul li span.desc{
		overflow:hidden;display:inline-block;width:calc(100% - 44px);}
	.history-list li:nth-child(even) ul li{display:block;padding-left:0;padding-right:10px}
	.history-list li:nth-child(even) ul li:before{left:auto;right:0;}
	.history-list li:nth-child(even) ul li strong{float:right;}
	.history-list li:nth-child(even) ul li span{float:right;line-height:30px;}
	.history-list li:nth-child(even) .item.left{padding-right:90px}
	.history-list li:nth-child(even) .item.left:before{display:block;position:absolute;top:20px;left:auto;right:-88px;width:99px;height:30px;overflow:hidden;background:url(/resources/img/main/ico_history.png) no-repeat;content:"";}
	.history-list li:nth-child(even) .item.right{padding-left:45px}

	.history-list li .item.left {
		float: left;
		padding-right: 45px;
		text-align: right;
	}

	.desc {
		line-height: 2;
		font-size: 15px; 
		position: relative; 
		display: inline-flex; 
		align-items:center;
	}
	.month {
		font-size: 20px;
		color: #B368AA; display: inline-flex; justify-content: center; margin:0 10px;
	} 

	.year-sm{font-size:20px; color:#002466; display: inline-flex; justify-content: center; width: 60px; }


/* 오시는 길 */
#sub0106 > *,
#sub0107 > *{
	line-height: 1.5;
}
.mapwrap{
	position:relative;
	width:100%;
	min-height:500px;
	margin-bottom:10rem;
}
.mapwrap #map{width:100%;height:500px;border:1px solid #CED4DA;}
.mapwrap .info{
	position: absolute;
    right: 0;
    bottom: 0;
    padding: 6rem 4rem;
    background: #232D5C;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    justify-content: space-between;
}
.mapwrap .info .info_sub{
	line-height: 2;
}
.mapwrap .info li{
	display:flex;
	flex-direction: column;
	font-weight:500;
	color:#fff;
}
.mapwrap .info li:first-child{
	font-weight: 600;
}
.mapwrap .info li i{display:block;width:26px;height:26px;margin-right:2rem;text-indent:-999px;font-size:0;line-height:0;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;}
.mapwrap .info li i.address{background-image:url(/resources/img/contents/ico_address.svg);}
.mapwrap .info li i.phone{background-image:url(/resources/img/contents/ico_phone.svg);}
.mapwrap .info li i.bus{background-image:url(/resources/img/contents/ico_bus.svg);}

.bus_map{
	background-color: #232D5C;
	padding: 7px 15px;
	margin: 1px 3px;
	color: white;
	border-radius: 20px;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.3s;
}
.bus_map:hover{
	background-color: #04787c;
}

.parking{display:flex;gap:2rem;margin-top:1rem;}
.parking li {font-size:1.6rem;}
.parking li{display:flex;flex-direction:column;align-items:center;width:100%;padding:5rem 10px;border:1px solid #DEE2E6;gap:.5rem;text-align:center;line-height:1.5;}
.parking li em{font-weight:500;font-style:normal;}
.parking li span {display:flex;flex-direction:row;font-size:2rem}
.parking li span b{font-weight:900}
.parking li i{display: block;width:8.2rem; height: 8.2rem;margin-bottom:2.4rem; border-radius: 3rem;background:no-repeat 50% #F4F6F6;}
.parking li i.ico1{background-image: url(/resources/img/contents/ico_parking1.svg) }
.parking li i.ico2{background-image: url(/resources/img/contents/ico_parking2.svg)}
.parking li i.ico3{background-image: url(/resources/img/contents/ico_parking3.svg)}
.parking li i.ico4{background-image: url(/resources/img/contents/ico_parking4.svg)}
.parking li i.ico5{background-image: url(/resources/img/contents/ico_parking5.svg)}

.infowrap {
	display: flex;
    flex-direction: column;
    gap: 55px;
    padding: 10rem 0;
    margin-bottom: 60px;
}
/* .infowrap .item {display:flex;} */
.infowrap:not(#historyUI) .item {display:flex; padding:12px; position: relative;}
.infowrap .item h3 {width:25%}
.infowrap .item .info_con {width: calc(100% - 25%);}
.infowrap .item .info_con ul li {display:flex;flex-direction:column;margin-bottom:16px;}

@media screen and (max-width:1080px) {
	.mapwrap .info {
        height: fit-content !important;
        width: 100%;
    }
}
@media only screen and (max-width:1023px){
	.parking{flex-wrap:wrap;}
	.parking li{flex-basis: calc(34% - 2rem);}
}
@media screen and (max-width:850px) {
	.mapwrap .info li:nth-child(1){
		margin-bottom: 0 !important;
	}
}
@media only screen and (max-width:640px){
	/* .mapwrap .info{padding:1rem;} */
	/* .mapwrap .info li{align-items:flex-start;font-size:1.4rem; line-height:1.4} */
	.mapwrap .info {
        padding: 2.4rem;
    }
	.mapwrap .info li i{width:2rem;height:2rem;background-size:auto 100%;}
	.parking li{flex-basis: calc(52% - 2rem);padding:3rem 1rem;font-size:1.4rem !important;}
	.parking li span{font-size:1.6rem !important;}
	.parking li i{width:5.2rem;height:5.2rem;margin-bottom:1.4rem;border-radius:2rem;background-size:64% auto;}
}
@media screen and (max-width:600px) {
	.mapwrap .info {
        height: fit-content !important;
    }
	.mapwrap .info li:nth-child(2), .mapwrap .info li:nth-child(3){
		font-size: 14px !important;
	}
	.mapwrap .info li:first-child {
        font-size: 22px !important;
    }
}
/* 박물관단지법 */
.txtarea *{color:#6C757D;}
.txtarea{
	height: 60rem;
    margin-top: 3rem;
    padding: 4rem;
    font-size: 1.5rem;
    line-height: 1.6;
    border: 1px solid #CED4DA;
    background: #F8F9FA;
    overflow-y: auto;
}
.txtarea b{display:block;margin-top:4rem;}
.txtarea p b{display:inline;margin-top:0;}
.txtarea p{margin-top:4rem;}
.txtarea ol{margin-top:1rem;margin-left:2rem;}
.txtarea ol.ol_1st {margin-left:0;}
.txtarea ol.ol_1st li{list-style:none;}
.txtarea ol li,
.txtarea ol.ol_1st li ol li{list-style:decimal;}
.txtarea ol.ol_1st li ol{margin-left:3.2rem;margin-bottom:2rem;}
.txtarea .bold{font-weight:bold;}

.txtarea ol.ol_1st_hangul {
    margin-left: 0;
	
}
.txtarea ol.ol_1st_hangul li{
    list-style: none;
}
.txtarea ol.ol_1st_hangul li ol li{list-style:hangul;}

/*추진계획*/
#plan .item_wrap {margin-bottom: 8rem;}
.plan_intro {display: flex;flex-wrap: wrap;justify-content: space-between;gap:2.7rem;}
.plan_intro li {width: 32%;height: 29.5rem;padding: 3rem; border: 1px solid #DEE2E6;}
.plan_intro li:first-child {border:none;}
.plan_intro li a{display: flex;flex-direction: column;height: 100%;overflow: hidden;}
.plan_intro li > h3 {font-size: 3rem;}
.plan_intro li > a > p {display:inline-block;width:100%;margin-bottom:1.5rem;font-size:3rem;text-align:center; color:var(--c_primary_m);font-family: var(--f_mag);}
.plan_intro li > div {width: 100%;}
.plan_intro li > div > img {height: 19rem;object-fit: cover;}
#plan .item_wrap .img_box {width: 100%;padding: 0;border: 0;background: #fff;overflow: hidden; height: 100%;}
#plan .item_wrap .img_box img {width: 100%;height: 100%;}
#plan .loca_map .pic_btn a {display:none;}

/* 영어버전 */
.plan_intro li > a > p.english-style{
	font-size: 2rem;
	font-family:'SUIT';
	font-weight: 900;
	display: block;
	height: 6rem;
	text-align: center;
	padding: 0 20px;
	word-break: keep-all;
	margin-bottom: 0;
}

@media only screen and (max-width:1400px){
	.plan_intro li p br {display:none;}
	.plan_intro li {width:31%;}
	#plan .item_wrap .img_box{
		height: 100%;
	}
	.plan_intro li > a > p{
		margin-bottom: 2rem;
	}
	.plan_intro li > a > p.english-style{
		margin-bottom: 1rem;
	}
	.plan_intro li:nth-child(3) p.english-style{
		padding: 0;
	}
}

@media only screen and (max-width:1130px){
	.plan_intro li:first-child{
		padding:0;
	}
}

@media only screen and (max-width:1080px){
	.plan_intro{
		gap:2rem;
	}

	.plan_intro div{
		width: 100%;
		height: 240px;

	}
	.plan_intro img{
		width: 100%;
		height: 100%;
	}
	
}
@media only screen and (max-width:1024px){
	.plan_intro li{
		padding: 2rem;
	}
	.plan_intro li > a > p{
		font-size: 2.6rem;
		margin-bottom: 1rem;
		padding: 0;
	}
	.plan_intro li > a > p.english-style{
		font-size: 1.6rem;
	}
	.plan_intro li:nth-child(3) p.english-style,
	.plan_intro li:nth-child(5) p.english-style{
		font-size: 1.4rem;
		padding: 0;
	}

}
@media only screen and (max-width:1000px){
	.plan_intro{
		gap:1rem;
	}
	.plan_intro li > a > span{
		letter-spacing:-2px;

	}
	.plan_intro li {height: 28.5rem;}
	.plan_intro li > h3 {font-size: 2.5rem;}
	.plan_intro li > span {font-size: 2.2rem;}
	.plan_intro li > a > p{
		font-size: 2.4rem;
	}
	#plan .item_wrap > .img_box {overflow:scroll;padding: 0 0 2rem;}
	#plan .item_wrap > .img_box img {min-width: 1080px;}
	#plan .loca_map .pic_btn a {display:block; width:60%; margin:1rem auto 0; padding:1rem 2rem; border:1px solid #ddd; text-align:center; background:#fff;}
}

@media only screen and (max-width:860px){
	.plan_intro li {width: 48%;}
	.plan_intro li > a > p.english-style{
		font-size: 1.8rem;
		padding: 0 10px;
	}
	.plan_intro li:nth-child(3) p.english-style,
	.plan_intro li:nth-child(5) p.english-style{
		font-size: 1.8rem;
	}
}

@media only screen and (max-width:750px){
	.plan_intro li > h3 {font-size: 3rem;}
	.plan_intro li > span {font-size: 3rem;}
	.plan_intro li {width: 100%; height: auto;}
	.plan_intro li > div > img {height: auto;}
	.plan_intro li > a > p.english-style{
		font-size: 2.4rem;
	}
	.plan_intro li:nth-child(3) p.english-style,
	.plan_intro li:nth-child(5) p.english-style{
		font-size: 2rem;
	}
	.plan_intro li:first-child{
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width:540px){
	.plan_intro li > a > p{
		font-size: 30px;
	}
	.plan_intro li > a > p.english-style{
		font-size: 1.6rem;
	}
	.plan_intro li:nth-child(3) p.english-style,
	.plan_intro li:nth-child(5) p.english-style{
		font-size: 1.6rem;
	}
}
@media only screen and (max-width:460px){
	.plan_intro li{
		padding: 1.4rem;
	}
}
@media only screen and (max-width:363px){
	.plan_intro li {padding: 2rem;}
	.plan_intro li > h3 {font-size: 2.5rem;}
	.plan_intro li > span {font-size: 2.5rem;}
	.plan_intro li:first-child {padding:0}
	
}

/*시설소개*/
#guide .item_wrap {display:flex;gap:6rem;padding:8rem 0;border-bottom: 1px solid var(--c_gray_30);}
#guide .item_wrap:first-child {padding-top:0;}
#guide .item_wrap:last-child {border-bottom:0;}

#guide .txt_box {width: 40%;}
#guide .txt_box h3 {font-size: 3rem;}
#guide .txt_box > p {font-weight: 300; margin-bottom:2rem;}
#guide .txt_box a {margin-top: 6rem;}

#guide .list_st {font-size:1.6rem;line-height:1.7;font-weight:300;color:#555;}
#guide .list_st li {position:relative;padding-left:1.5rem;text-align:left;word-wrap:break-word;word-break:keep-all;}
#guide .list_st li::before {content:'';position:absolute;display:inline-block;top:0.6rem;left:0;transform:translateY(4px);width:.6rem; height:.6rem;background:url(/resources/img/contents/dot_bk.svg) no-repeat 50%;}
#guide .list_st li b{display:block;}


#guide .img_box {width: calc(100% - 40%);}
#guide .img_box > img {width:100%; margin:0;}

@media only screen and (max-width:1100px){
	#guide .item_wrap {flex-direction: column;}
	#guide .item_wrap > div {width:100%;}
}
@media only screen and (max-width:450px){
	#guide .item_wrap {gap: 3rem; padding: 5rem 0;}
	#guide .txt_box h3 {font-size: 2.5rem;}
	#guide .txt_box a {margin-top: 3rem; font-size: 1.4rem;}
}


/* ESG */


.basic_head{
    max-width: 287px;
    min-height: 60px;
    background-color: #00ADB2;
    border-top-left-radius: 30px;
    background-image: url(/resources/img/contents/basic_head.png);
    border-top-right-radius: 30px;
    margin: auto;
    text-align: center;
}
.basic_con{
	border: 1px solid #00ADB2;
	background-image: url(/resources/img/contents/basic_bg.png);
    min-height: 130px;
    border-radius: 20px;
	margin-bottom: 5%;
}
.basic_con2{
    background: #F8FAFD;
    max-width: 450px;
    padding: 50px;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
    border-top: 2px solid #C4D2E8;
    border-left: 2px solid #C4D2E8;
    text-align: center;
    margin-top: 40px;
}

.basic_head strong{
    color: white;
    line-height: 60px;
    font-size: 22px;
}

.basic_con p{
	font-size: 22px;
    text-align: center;
    padding: 65px;
}
.basic_con2 p{
	font-size: 20px;
    text-align: center;
	margin:20px 0;
	font-weight: 900;
}

.basic_con2 .circle{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin: 0 0.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
}

.basic_con2 li {
	line-height: 2;
    list-style: disc;
    text-align: left;
    font-size: 17px;
	margin-left: 13px;
}

.basic_con2_line{
	width: 100%;
	height: 2px;
	background-color: #C4D2E8;
	margin:45px 0;
}

.basic_container{
	display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}


.esg-item-title{
	display: flex;
    position: relative;
    padding: 0 20px;
	margin : 1% 0;
}

.esg-item-title p {
    color: black;
    font-size: 2.4rem;
    font-weight: 700;
}

.esg-item-title p:before {
    position: absolute;
    top: -0.5rem;
    left: 0.5rem;
    content: '';
    width: 0.3rem;
    height: 1rem;
    background: #606060;
    transform: rotate(120deg);
}

.dwn_btn{
	border: 1px solid #002466;
    font-size: 16px;
    padding: 15px;
    color: #002466;
    width: fit-content;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #F8FAFD;
}

.esg-item-con{
	font-size: 16px;
	line-height: 1.5;
}

/* 정보공개 */
.link_btn{
    font-size: 16px;
    padding: 15px;
    color: white;
    width: fit-content;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #002466;
	border-radius: 5px;
}

.inform-container{
	position: relative;
}

.inform-item-title{
	background-color: #5175AA;
	border: 4px solid #fff;
    padding: 15px 20px;
    margin-left: 20px;
    padding-right: 30px;
    border-radius: 99px;
    color: white;
    position: absolute;
    font-size: 22px;
	top: -25px;
}

.inform-item-title p{
	padding-left: 20px;
}

.inform-item-title p::before {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 0;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: white;
	margin-left: 20px;
}

.inform-item-con{
    border: 3px solid #5175AA50;
    padding: 50px 40px 30px 40px;
    border-radius: 10px;
    background-color: #F8FAFD;
    font-size: 15px;
    z-index: -1;
    margin-top: 30px;
	line-height: 2;
	margin-bottom: 70px;
}

.inform-item-con .list-title{
	line-height: 2;
    font-size: 16px;
	margin-left: 16px;
	position: relative;
	padding-left: 20px;
}
.inform-item-con .list-title > ol{
	padding-left: 32px;
}
.inform-item-con .list-title > ol li{
	list-style: none;
}
.inform-item-con .list-title::before{
	content: ""; 
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background-color: #000;
}
/* .inform-item-con ul li.list-title{
	list-style: square;
} */
.inform-item-con ul li a::after {
	content: '';
	background: url(/resources/img/icon/ico_down_gray.svg) no-repeat 0px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 3px -2px 8px;
}

@media screen and (max-width:600px) {
	.inform-item-title p{
		font-size: 18px;
	}
	.inform-item-con{
		padding:50px 20px 30px 20px;
	}
}


/* 테이블 */
table caption {text-indent:-100000px;font-size:0;line-height:0}
table caption p{margin: 0;line-height:0;font-size:0;}

.tbl_basic {display:table;margin-bottom:10px;width:100%;border-top:2px solid #999;border-bottom:1px solid transparent;border-collapse:collapse;white-space: nowrap;}

.tbl_basic th,.tbl_basic td {
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	margin-left:-1px;
	vertical-align:middle;
	word-wrap:break-word;
	word-break:keep-all;
	word-wrap: break-word !important;
	word-break: break-all !important;
	color:#555
}
.tbl_basic th {
	padding:18px 9px;
	/* background:url(/images/common/monoptn.gif); */
    border-bottom-color: #ddd;
}
.tbl_basic th:first-child,.tbl_basic td:first-child {
	border-left:none
}
.tbl_basic th.trw,.tbl_basic td.trw {
	border-right:1px solid #ddd
}
.tbl_basic tbody th,.tbl_basic thead th {
	vertical-align:middle
}
.tbl_basic tbody th,.tbl_basic tfoot th {
	background-image:none
}
.tbl_basic tbody th {
	color:#333;
	background-color:#fafbfc
}
.tbl_basic thead th {
	color:#2A2A2A;
	background-color:#F8F9FA;
	letter-spacing: -0.05em;
}
.tbl_basic th[rowspan],.tbl_basic td[rowspan] {
	border-right:1px solid #ccc
}
.tbl_basic th:last-child,.tbl_basic td:last-child {
	border-right:0
}
/*.tbl_basic th[colspan] {
	border-left:none
}*/
.tbl_basic td {
    padding: 16px 9px;
	border-bottom-color:#ddd;
}
.tbl_basic th.lf_line,.tbl_basic td.lf_line {
	border-left:1px solid #ccc
}
.tbl_basic td.lf_noline {
	border-left:none
}
.tbl_basic td img {
	vertical-align:middle
}
.tbl_basic ul li {
	font-size:14px
}
.tbl_basic.tbl_type1 {
	border-top-color:#121212;
	border-bottom-color:#ddd;
	border-collapse:separate
}
.tbl_basic.tbl_type1 th,.tbl_basic.tbl_type1 td {
	border-left-color:#ddd;
	border-bottom-color:#ddd
}
.tbl_basic.tbl_type1 thead th {
	background-color:#f6f6f6;
	border-bottom-color:#ccc
}
.tbl_basic.tbl_type1 tfoot th {
	background-color:#fafafa
}
.tbl_basic.tbl_type2 {
	border-top-color:#121212;
	border-bottom-color:#ccc
}
.tbl_basic.tbl_type2 th,.tbl_basic.tbl_type2 td {
	border-left-color:#ddd;
	border-bottom-color:#ddd
}
.tbl_basic.tbl_type2 tbody th {
	color:#333
}
.tbl_basic.tbl_type2 tfoot th {
	background-color:#f1f1f1
}
.tbl_basic td.border-left {
	border-left:1px solid #ccc
}
.rwd_wrap {
	position:relative;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden
}
.tbl_basic.type1 {
	border-top:0
}
.tbl_basic.type1 tbody {
	border-top:1px solid #121212
}
.tbl_basic .bg {
	background:#fff
}

/* 개인정보 */
.privacy_con1{
	border:1px solid #A0A7B0;
	padding:30px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
}
.privacy_con2{
    display: flex;
	justify-content: space-between;
    gap: 30px 10px;
    padding: 40px 0px;
    flex-wrap: wrap;
}
.privacy_con_item{
	width: 32%;
	height: 305px;
}
.privacy_con_item_title{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
	background-color: #002466;
	color:white;
	text-align: center;
	padding: 20px 10px;
	font-size: 20px;
	line-height: 120%;
}

.privacy_con_item_content{
	text-align: center;
	border:1px solid #A0A7B0;
	padding: 20px;
	height: 245px;
}
.privacy_con_item_content p{
	font-size: 14px;
	line-height: 1.5;
	margin: 35px 0;
}
.privacy_con3{
    height: 100px;
    border: 1px solid #A0A7B0;
    height: 100%;
	padding: 40px;
    text-align: center;
}
.privacy_con3 span{
	font-size: 18px;	
}
.privacy_con3 h2{
	font-weight: 600;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.privacy_con4{
	display: block;
    text-align: left;
}
.privacy_con4 p{
    font-size: 16px;
	margin-left: 0;
	margin-bottom: 15px;
	width: 100% !important;
}
.privacy_con5 h2{
	font-size:22px;
	font-weight: bold;
	color:#002466;
	margin: 40px 0;
	line-height: 1.5;
}
.privacy_con5 span{
	font-size: 16px;
	line-height: 1.5;
}
.privacy_con5 span a::after {
    content: '';
    background: url(/resources/img/icon/ico_down_gray.svg) no-repeat 0px 0px;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 3px -2px 8px;
}
@media only screen and (max-width:700px) {
	.table-cont{
		white-space: nowrap;
		overflow-x: scroll;
	}
}

/* 고객의 소리 */
.custom_title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 20px;
}
.custom_title h2{
	font-size: 32px;
	font-weight: 500;
}
.custom_title h3{
	color: #000;
	font-size: 32px;
	font-weight: 500;
	margin: 0;
}
#custom_wrap .asterisk{
	color: #ed362f;
	font-size: 15px;
}
/* 고객의 소리 모달 */
#bootstrap-confirm-box-modal >*{
	line-height: 1.5 !important;
}
#bootstrap-confirm-box-modal .modal-dialog .policy-modal{
	overflow-x: hidden;
}
#bootstrap-confirm-box-modal .modal-header .btn-close{
	outline: 2px dashed red; 
	z-index: 5;
	
}
#bootstrap-confirm-box-modal .modal-header .btn-close:hover{
	background-color: #ddd;
}
#bootstrap-confirm-box-modal .modal-header{
	border-bottom: 1px solid #ddd !important;
}
#bootstrap-confirm-box-modal .modal-header > div{
	display: flex !important;
	align-items: center;
}
#bootstrap-confirm-box-modal .privacy_con1{
	font-size: 15px;
}
#bootstrap-confirm-box-modal .privacy_con5 h2{
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.5!;
}
#bootstrap-confirm-box-modal .item_wrap span,
#bootstrap-confirm-box-modal .item_wrap ul li,
#bootstrap-confirm-box-modal table{
	font-size: 15px !important;
}
#bootstrap-confirm-box-modal table{
	overflow-x:auto;
	white-space: nowrap;
	margin-bottom: 20px;
}
#bootstrap-confirm-box-modal table th,
#bootstrap-confirm-box-modal table td,
.table-cont table td,
.table-cont table th{
	font-size: 16px;
}
#bootstrap-confirm-box-modal h1.modal-title{
	font-weight: 600;
	font-size: 2.2rem;
}
#bootstrap-confirm-box-modal h4.modal-title{
	font-weight: 600;
	font-size: 2.2rem;
}
#bootstrap-confirm-box-modal .modal-dialog .modal-content .modal-footer .popOkay + #bootstrap-confirm-box-modal .modal-dialog .modal-content .modal-footer .popClose{
	padding: 15px 20px !important;
}
.privacy_con5 a{
	margin-left: 0;
	font-weight: 600;
	color: #555;
	padding: 9px;
	font-size: 15px;
	text-decoration: underline;
	background-color: #eff3f9;
	display: inline-block;
}
.privacy_con5 a:hover{
	color: #0379BF;
}
#bootstrap-confirm-box-modal .modal-dialog .modal-content .modal-footer{
	padding: 0 10px 30px 10px;
}
.private-showbtn{
	text-align: left;
	text-decoration: underline;
	font-size: 16px;
	background: none;
}
.private-showbtn:hover{
	color: #0379BF;
}

/* 푸터 페이지(개인정보 처리방침) */
#footer__cont .privacy_con5 tbody, td, tfoot, th, thead, tr{
	font-size: 16px;
	line-height: 140%;
}

#footer__cont .privacy_con5 th{
	background-color: #F8F9FA;
	border:1px solid #C4C4C4;
	padding: 16px;
}

#footer__cont .privacy_con5 table{
	border:1px solid #C4C4C4;
	text-align: center;
	min-width: 700px;
	line-height: 140%;
	word-break: keep-all;
}

#footer__cont .privacy_con5  td{
	border:1px solid #C4C4C4;
	padding: 16px;
}

/* 반응형 */
@media only screen and (max-width:1280px){
	#footer__cont .privacy_con5 table{
		width: 100%;
	}
}
@media only screen and (max-width:800px) {
	#footer__cont .privacy_con5 table{
		min-width: 360px;
		width: 100%;	
	}
	#footer__cont .privacy_con5 th{
		padding: 14px 5px;
	}
	.privacy_con5 a{
		font-size: 15px;
	}
}

#footer__cont > *{line-height: 1.5;}

#footer__cont .privacy_con5 span a::after {
	content: '';
	background: url(/resources/img/icon/ico_down_gray.svg) no-repeat 0px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 3px -2px 8px;
}
/* 푸터 페이지 끝 */

/* 반응형 */
@media only screen and (max-width:1280px){
	.privacy_con_item_title{
		font-size: 18px;
	}
	.privacy_con5 h2{
		font-size: 20px;
	}
	.privacy_con1{
		font-size: 16px;
		word-break: keep-all;
	}
}

@media only screen and (max-width:800px){
	.privacy_con_item_title{
		font-size: 16px;
		padding: 0 10px;
	}
	.privacy_con_item_content{
		padding: 18px;
	}
	.privacy_con_item_content p{
		margin: 10px 0;
	}
	.privacy_con4 p{
		margin-bottom: 0;
		font-size: 16px;
	}
	.privacy_con5 h2{
		margin: 20px 0;
	}
}

/* 모바일 */
@media only screen and (max-width:600px) {
	.privacy_con_item_title{
		font-size: 15px;
		word-break: keep-all;
		height: 55px;
	}
    .privacy_con_item_content {
        padding: 20px 10px;
    }
	.privacy_con2{
		gap: 10px 0;
	}
	.privacy_con4 p{
		width: 100%;
		font-size: 16px;
		padding: 13px 0 15px 0;
	}
	
}



/* 헌장 */
.policy_wrap {
    position: relative;
    max-width: calc(100% + 20px);
    padding: 15% 0 15% 0;
    background: url(/resources/img/contents/policy_border2.png);
    background-size: contain;
}

.policy_wrap::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 206px;
    background: url(/resources/img/contents/policy_border1.png) no-repeat;
    background-size: contain;
}

.policy_wrap .policy {
    padding: 0 130px 0 130px;
    font-size: 32px;
    position: relative;
    z-index: 1;
}

.policy_wrap .policy .title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 45px;
}

.policy_wrap .policy .subtitle {
    margin-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #C4C4C4;
    line-height: 2;
}

.policy_wrap .policy .policy_list {
    margin-top: 50px;
    padding: 0 32px;
    overflow: hidden;
}

.policy_wrap .policy .policy_list li {
    font-size: 20px;
    position: relative;
    padding-left: 55px;
    margin:40px 0px;
    line-height: 1.5;
}

.policy_wrap .policy .policy_list li span {
    color: #00ABE6;
    position: absolute;
    left: 0;
}

.policy_wrap .policy .policy_foot {
    margin-top: 70px;
    padding: 0 50px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
}

.policy_wrap .policy .policy_logo {
    margin-top: 2em;
    text-align: center;
}

.policy_wrap::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 395px;
    background: url(/resources/img/contents/policy_border3.png) bottom no-repeat;
    background-size: contain;
}

/* 갤러리 */
.T3_E15 .prg_lst {
	margin: -.75rem;
	overflow: hidden;
}
.T3_E15 .prg_lst > li {
	width: 24%;
	float: left;
	padding: 0.75em;
	margin-top: 10px;
	margin-left: 1%;
}            
.T3_E15 .prg_lst > li > a {
position: relative;
display: block;
border: 1px solid #dbdbdd;
}        
.T3_E15 .prg_lst > li .img {
display: block;
width: 100%;
height: 215px;
text-align: center;
}
.T3_E15 .prg_lst > li .img img {
height: 100%;
width: 100%;
}
.subCntBody {
position: relative;
padding: 30px 0 50px;
color: #555;
font-size: 0.75rem;
line-height: 1.4;
}
.T3_E15 .prg_lst > li .img img {
height: 100%;
}
.T3_E15 .prg_lst > li .txt .prg_tit {
display: block;
margin-top: 0rem;
font-size: 18px;
font-weight: 600;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.T3_E15 .prg_lst > li .txt .prg_info {
overflow: hidden;
margin-top: 2.5rem;
}
.T3_E15 .prg_lst > li .txt .prg_info > li {
color: #606060;
font-size: 14px;
float: left;
}
.T3_E15 .prg_lst > li .txt .prg_info > li > i {
display: inline-block;
margin-right: .25rem;
}
.T3_E15 .prg_lst > li .txt .prg_info > li > i {
display: inline-block;
margin-right: .25rem;
}
.T3_E15 .prg_lst > li .txt {
display: block;
width: 100%;
padding: 3rem 3rem 2.5rem;
border-top: 1px solid #dbdbdd;
}

.location-menu dl dd ul li a.active {
	text-underline-offset : 6px;
}

.planImg{
	/* height: 19rem; */
    /* width: 39rem; */
    object-fit: cover;
}

.common-info-item-title p {
    word-break: auto-phrase;
}

/* 통합수장고 */
#lap-tap span{
	padding: 0 20px;
	word-break: keep-all;
}

@media screen and (max-width:1024px) {
	#lap-tap span{
		font-size: 16px;
		padding: 0;
	}
}
@media screen and (max-width:850px) {
	#bootstrap-confirm-box-modal table th,
	#bootstrap-confirm-box-modal table td,
	.table-cont table td,
	.table-cont table th{
		font-size: 15px;
	}
	.privacy_con5 span, .privacy_con5 ul li{
		font-size: 15px;
	}
	#lap-tap, .tab-ul-basic{
        flex-direction: column;
        gap: 10px !important;
    }
	#lap-tap li a{
		height: 6rem;
	}
	.inform-item-title p::before{
		display: block;
	}
}


/* 비밀번호 보이기 토글 버튼 */
input[type="password"] {
    position: relative;
}
input[type="checkbox"].toggle-password {
    display: none;
  }
input[type="checkbox"].toggle-password + label {
    position: absolute;
    cursor: pointer;
    left: 205px;
    width: 40px;
    height: 40px;
    font-size: 0px;
    background: url("/resources/img/temp/eye.png") no-repeat center;
    background-size: 32px;
}
input[type="checkbox"].toggle-password:checked + label {
    background: url("/resources/img/temp/hide.png") no-repeat center;
    background-size: 32px;
}
