@charset "utf-8";

/**************************
	
	콘텐츠 공통 스타일 시작

****************************/


/* .tab_header{
	border-bottom: 0.5px solid #C4C4C4;
} */
h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    margin-bottom: 50px;
}

table caption {
    text-indent: -100000px;
    font-size: 0;
    line-height: 0;
}

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

/*인사말*/
#about .article_box {margin-bottom:-10rem;}
#about .item_wrap {position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    background: white;
    width: 924px;
    top: -20rem;
	right:15%;
    padding: 7rem 10rem;
}

.gre_con2{display: flex;}
.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;}
.about_content {font-size: 16px; line-height: 2; }
.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 {margin: 0 auto;}
	#about .about_title {width: calc(100% - 36rem);}
	#about .about_title h2 {font-size: 2.5rem;}
	#about .img_wrap{width:36rem;height:19.7rem;}
	#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;}

	#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 .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 .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: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: 740px){
	#about .item_wrap {flex-direction: column; gap: 3rem;}
	#about .about_title {width: 100%;text-align: center;}
	#about .img_wrap {width:27rem;height:15rem;}
	#about .article_box:nth-child(2) {margin-bottom: 6rem;}
	#about .article_box:nth-child(2) .item_wrap {padding: 0 2rem;}
	#about .list_num li {flex-direction: column;align-items: flex-start;background: none;}
	#about .list_num li .number {top:18%;}
	#about .article_box:nth-child(3) .imgwrap, #about .article_box:nth-child(3) .txt_box {width:100%;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:20%;}
}
@media only screen and (max-width: 414px){
	#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;}
}
@media only screen and (max-width: 362px){
	#about .about_title h2 {font-size:2.2rem;}
	#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%;}
}

/* 오시는 길 */
.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:4rem;background:#232D5C;z-index:1; height: 100%;}
.mapwrap .info{display:flex;flex-direction:column;gap:1rem;}
.mapwrap .info li{display:flex;align-items:center;font-weight:500;font-size:1.6rem;color:#fff;}
.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);}

.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 0;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: 8em 0;
    /* border-bottom: 1px solid #DEE2E6; */
    margin-bottom: 60px;
}
/* .infowrap .item {display:flex;} */
.infowrap .item {display:flex; border-bottom: 1px solid #A0A7B0; 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 only screen and (max-width:1023px){
	.parking{flex-wrap:wrap;}
	.parking li{flex-basis: calc(34% - 2rem);}
}
@media only screen and (max-width:640px){
	.mapwrap .info{padding:2.4rem;}
	.mapwrap .info li{align-items:flex-start;font-size:1.4rem;line-height:1.4}
	.mapwrap .info li i{width:2rem;height:2rem;background-size:auto 100%;}
	.parking li{flex-basis: calc(51% - 2rem);padding:3rem 0;font-size:1.4rem;}
	.parking li span{font-size:1.6rem;}
	.parking li i{width:5.2rem;height:5.2rem;margin-bottom:1.4rem;border-radius:2rem;background-size:64% auto;}
}

	.tab-location {display: flex;justify-content: space-between; border-bottom: 2px solid #606060}
	.tab-location li {width: 25%;border:2px solid #E8E8E8;border-bottom: 0;border-radius: 15px 15px 0px 0px;overflow: hidden;}
	.tab-location li a {display: flex;flex-direction: row;align-items: center;justify-content: center; padding: 2rem 2rem 1.5rem;}
	.tab-location li a > span {display: flex; flex-direction: column;align-items: flex-start;gap: 0.6rem;width: calc(100% - 6rem);color: #A0A7B0;font-size: 22px; align-items: center;}
	.tab-location li a > span .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-location li a > span strong {font-size: 2rem;font-weight: 800;}

	.tab-location li.on {background:#F8FAFD}

	.tab-location li.on a > span {color:#18285F}
	.tab-location img {margin-right: 10px;}
	.tab-location li.on a > span .circle {background:#fff;}

	.direction_infor {
    display: flex;
    align-items: center;
    position: relative;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    margin-top: 50px;
	}

	.direction_infor .circular_icon {
    width: 40px;
    height: 40px;
    display: flex;
	z-index: 1;
    justify-content: center;
    align-items: center;
    background: #A0A7B0;
    border-radius: 150px;
}

	.circular_icon strong{
		font-size: 20px;
		color:white;
}
.direction_infor ul {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -20px;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 15px 4%;
}
.direction_infor ul li {
    margin-top: 0;
    margin-left: 35px;
	line-height: 2;
	font-size:14px;
}
.direction_infor ul li strong{
	font-size: 16px;
    color: #18285F;
}
.direction_infor ul li img{
	vertical-align: -5px;
	margin-right: 5px;
}

.bus_map{
	background: #00ADB2;
    padding: 7px 15px;
    margin: 1px 3px;
    color: white;
    border-radius: 20px;
	cursor: pointer;
}

.tbl_basic {
    display: table;
    margin-bottom: 10px;
    width: 100%;
    border-top: 3px solid #18285F;
    border-bottom: 1px solid transparent;
    border-collapse: collapse;
    white-space: nowrap;
}
#sub0106 .tbl_basic {
    font-size: 14px;
    white-space: normal;
    line-height: 1.5;
    margin-top: 40px;
}
#sub0106 .tbl_basic thead th {
    font-size: 16px;
    color: #2A2A2A;
    background-color: var(--c_gray_10);
}
#sub0106 .tbl_basic td, #sub0106 .tbl_basic th {
    border-left: 1px solid #ddd;
}
.prog_cont .tbl_basic th, .tbl_basic td {
    border-left: 0;
}
.tbl_basic td {
    padding: 16px 9px;
    border-bottom-color: #ddd;
}
.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;
    color: #555;
}
#sub0106 .tbl_basic thead th {
    font-size: 16px;
    color: #2A2A2A;
    background-color: var(--c_gray_10);
}

.tbl_basic thead th {
    color: #2A2A2A;
    background-color: #fff;
    letter-spacing: -0.05em;
}
.tbl_basic tbody th, .tbl_basic thead th {
    vertical-align: middle;
}
.tbl_basic th {
    padding: 18px 9px;
    border-bottom-color: #ddd;
}
.tbl_basic td {
    padding: 16px 9px;
    border-bottom-color: #ddd;
}
#sub0106 .tbl_basic tr th:first-child, #sub0106 .tbl_basic tr td:first-child {
    border-left: none;
}

.common-location-item-title p {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
}
.common-location-item-title p {
    color: black;
    font-size: 2.4rem;
    font-weight: 700;
}

.common-location-item-title p:before {
    position: absolute;
    top: 0.8rem;
    left: 0rem;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: #18285F;
}
.common-location-item-title {
    display: flex;
    position: relative;
    padding: 0 20px;
	margin: 5% 0 1%;
}

.loc_title{
    width: 175px;
    align-items: center;
    display: flex;
	margin-top: 50px;
    justify-content: center;
}

.loc_title strong{
	font-size: 22px;
	margin-left: 5px;	
	color:#18285F;
}
.row_flex {
	width: 100%;
}

.infowrap .item {
    border-bottom: none;
	font-size: 16px;
}

.txt-tip{
	font-size: 16px;
}

/* 박물관단지법 */
.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;}

/* 개인정보 */
.privacy_con1{
	border:1px solid #A0A7B0;
	padding:30px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
}
.privacy_con2{
    display: flex;
    gap: 30px 137.5px;
    padding: 40px 0px;
    flex-wrap: wrap;
}

.privacy_con_item{
	width: 375px;
	height: 305px;
}
.privacy_con_item_title{
	background-color: #002466;
	color:white;
	text-align: center;
	padding: 20px;
	font-size: 20px;
}

.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: 45px;
    text-align: center;

}

.privacy_con3 span{
	font-size: 18px;	
}

.privacy_con4{
	display: ruby;
    text-align: left;
}

.privacy_con4 p{
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 11%;
    width: 500px;
    padding: 15px 0px 15px 0px;
}


.privacy_con5 h2{
	font-size:22px;
	font-weight: bold;
	color:#002466;
	margin: 40px 0;
}

.privacy_con5 span{
	font-size: 18px;
	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;
}