@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 *
 * 수정일 | 수정자 | 수정내용
 * 2020.08.10 | 김효진 | 최초 등록
 *
 * @author 디자인팀 김효진
 * @since 2020.08.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* all.css overwrite */
#body_content{font-size:13px;}
@media all and (min-width:768px){
	#body_content{font-size:14px;}
}
@media all and (min-width:1000px){
	#body_content{font-size:16px;}
}
@media all and (min-width:1200px){
	#body_content{font-size:18px;}
}

/* lib.css 수정 */
.button.base{border-color:#008cd6;background-color:#008cd6;color:#fff;border-radius:60px;}
.button[class*='ic1']>.ic1.blank{width:14px;height:10px;min-width:auto;min-height:auto;margin-left:10px;background-image:url(../../img/sub/ic1blank2.png);}
.button.large{padding-bottom:.95em;}

.even-grid .button.default{border-color:#008cd6;border-width:2px;background-color:#fff;color:#008cd6;border-radius:60px;padding:.3em 1em 1em;}
.even-grid .button[class*='ic1']>.ic1.download1{width:18px;height:16px;min-width:auto;min-height:auto;margin-left:20px;background-image:url(../../img/sub/ic1download1.png);}
.even-grid .button.default[class*='ic1']>.ic1.blank{width:14px;height:10px;background-image:url(../../img/sub/ic1blank3.png);}

@media all and (min-width:1000px){
	.even-grid .button[class*='ic1']>.ic1.blank{width:26px;height:14px;background-image:url(../../img/sub/ic1blank1.png);}
}

.em5{color:#00508f;}

.hb2{font-weight:600;}
.hb2.h2{font-weight:600;font-size:2.222em;color:#00508f;}
.hb2.h3{font-size:1.666em;color:#00508f;}

.box1{padding:.75em 1em;border:1px solid #dadada;}

/* base.css 수정 */
.hybrid2row1>.column1{margin-right:10px;}
.hybrid2row1>.column1>[class*='ic1']{top:3px;width:25px;height:25px;background-image:url(../../img/sub/ic1exclamation1.png);}
@media all and (min-width:1000px){
	.hybrid2row1>.column1>[class*='ic1']{top:5px;}
}


/* 찾아오시는 길 */
.infomap1{overflow:hidden;border-bottom:1px solid #dad8d1;}
.infomap1 .wrap1{position:relative;height:450px;overflow:hidden;background-color:#ededed;}
.infomap1 img{max-width:none;}

.infomap2{display:block;}
.infomap2 .dt1{display:inline-block;width:60px;vertical-align:top;}
.infomap2 .dd1{display:inline-block;width:65%;vertical-align:top;}
.infomap2 .dd1 .h1{position:relative;color:#222;font-size:1em;}
.infomap2 .dd1 .t1{display:block;font-size:1.388em;}
.infomap2 .dd1 .t1 a[href^='tel']{padding-left:0;color:#555;}
.infomap2 .dd1 .t1 a[href^='tel']:before{display:none}

.infomap2 .ic1{display:inline-block;width:60px;height:60px;margin-right:.333em;background:#eef7ff url() no-repeat;background-size:contain;vertical-align:middle;border-radius:50%;}
.infomap2 .ic1.address{background-image:url(../../img/sub/infomap2ic1address1.png)}
.infomap2 .ic1.phone{background-image:url(../../img/sub/infomap2ic1tel1.png)}

@media all and (min-width:768px){
	.infomap2 .ic1{width:90px;height:90px;margin-top:0;}
	.infomap2 .dt1{width:110px;}
	/* .infomap2 .dd1 .t1{display:block;font-size:18px;font-weight:400;} */
}

.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

a#skipContent:focus{outline:1px dotted #000;background:#000}

.root_daum_roughmap,.root_daum_roughmap_landing{border:0 !important;width:auto !important;padding:0 !important;border-radius:0 !important;}
.btn_zoom_reset .img_zoom{background-position:-80px -65px !important;}



/* 찬새미 역사 */
.history1{position:relative;}
.history1:before{content:"";position:absolute;top:0;left:0;height:100%;border-left:1px solid #e4e4e4;}
.history1 ol{list-style:none;margin:0;padding:0;}
.history1 ol>li{position:relative;width:100%;margin-bottom:20px;padding-left:20px;box-sizing:border-box;}
.history1 ol>li:before{content:'';position:absolute;left:-5px;top:12px;display:block;width:11px;height:11px;background:#008cd6;border-radius:50%;}
.history1 .h1{display:block;font-size:1.5em;color:#008cd6;font-weight:bold;}
.history1 .t1{display:block;color:#333;font-size:1.111em;}

@media all and (min-width:768px){
	.history1:before{left:200px;}
	.history1 ol>li{padding-left:235px;}
	.history1 ol>li:before{content:'';position:absolute;left:195px;top:14px;display:block;width:11px;height:11px;background:#008cd6;border-radius:50%;}
	.history1 .h1{position:absolute;top:0;left:0;}
	.history1 .h1:after{content:'';position:absolute;left:135px;top:19px;display:block;width:50px;height:1px;background:#7dcef4;}
	.history1 .t1{margin:1.5em 0;padding-top:.3em;}
}
@media all and (min-width:1000px){
	.history1:before{left:280px;}
	.history1 ol>li{padding-left:315px;}
	.history1 ol>li:before{left:275px;top:18px;}
	.history1 .h1:after{left:175px;top:22px;width:90px;}
}

/* 찬새미 소개 */
.s06135{overflow:hidden;margin-top:3em;}
.s06135 .even-grid{margin-bottom:2em;}
.s06135 .even-grid>.column{padding-top:.666em;}
.s06135 .h1{display:block;font-size:1.388em;color:#00508f;padding-right:1em;line-height:1.5;}
.s06135 .t1{display:block;}
.s06135 .hb2.h3, .s06135 p{margin:0;}

.hb3{text-align:center;}
.hb3.h1{color:#000;font-size:1.5em;line-height:1.5;background:url(../../img/sub/hb3h1bg1.png) no-repeat center top;padding-top:20px;}

@media all and (min-width:768px){
	.s06135 .even-grid{margin-bottom:3em;}
	.s06135 .even-grid>.column{padding-top:2em;}
	.s06135 .hgr{border-top:1px solid #00508f;}
	.s06135 .tgr{border-top:1px solid #eee;}

	.hb3.h1{font-size:1.75em;}
}
@media all and (min-width:1000px){
	.hb3.h1{font-size:2em;}
}

/* border-radius style 추가 */
.bdrd50{border-radius:50px !important;}
[class*='bdrd'].bdtlr{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}
[class*='bdrd'].bdtrr{border-top-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}
[class*='bdrd'].bdbrr{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;}
[class*='bdrd'].bdblr{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}

/* 박물관 로고 */
.bg1grid1{background:url(../../img/sub/bg1grid1.png);}

.logo1color1 .color1, .logo1color1 .color2, .logo1color1 .color3{display:block;text-align:center;padding:2em 1em;}
.logo1color1 .color1{background:#7dcef4;}
.logo1color1 .color2{background:#008cd6;}
.logo1color1 .color3{background:#00508f;}
.logo1color1 .h1{display:block;color:#fff;padding:0;font-size:1.111em;font-weight:600;margin-bottom:18px;}
.logo1color1 .t1{display:block;color:#fff;font-size:.888em;}

/* 관람안내 */
.s06119{position:relative;}
.s06119 .box0{border-width:0;text-align:center;padding:2.5em 1em;}
.s06119 .box0.bg1{background:#008cd6;}
.s06119 .box0.bg2{background:#f39800;}
.s06119 .ic1{display:block;width:160px;height:160px;margin:1em auto;border-radius:50%;background:#fff url() no-repeat;background-size:contain;box-sizing:border-box;box-shadow:0 5px 10px rgba(0,0,0,.26);}
.s06119 .ic1.time{background-image:url(../../img/sub/s06119ic1time1.png);}
.s06119 .ic1.close{background-image:url(../../img/sub/s06119ic1close1.png);}
.s06119 .h1{display:block;color:#fff;font-size:1.944em;}
.s06119 .t1{display:block;color:#fff;font-size:1.388em;}
.s06119 .t2{display:block;color:#fff;font-size:1.1em;}

/* 시설안내 */
.s06118 .even-grid{position:relative;margin-bottom:2em;}
.s06118 .h1{display:block;font-size:2.222em;color:#00508f;margin-top:20px;}
.s06118 .h2{display:block;font-size:1.666em;color:#000;margin-top:20px;margin-bottom:0;line-height:1.25;}
.s06118 .t1{display:block;font-size:1.111em;}
.s06118 .t2{display:block;font-size:.888em;}

@media all and (min-width:768px){
	.s06118 .even-grid{margin-bottom:5em;}
	.s06118 .h1{margin-top:70px;}
	.s06118 .h1, .s06118 .h2, .s06118 .h2, .s06118 .t1, .s06118 .t2{padding-left:30px;}
	.s06118 .h1:before{content:'';position:absolute;right:0;top:40px;width:120%;height:5px;background:#0672cf;}
	.s06118 .float-left-medium{text-align:right;}
	.s06118 .float-left-medium>.h1,
	.s06118 .float-left-medium>.h2,
	.s06118 .float-left-medium>.t1,
	.s06118 .float-left-medium>.t2{padding-right:30px;padding-left:0;}
	.s06118 .float-left-medium>.h1:before{left:0;}
}
@media all and (min-width:1000px){
	.s06118 .h1, .s06118 .h2, .s06118 .t1, .s06118 .t2{padding-left:50px;}
	.s06118 .h1{margin-top:100px;}
	.s06118 .h1:before{top:60px;}
	.s06118 .float-left-medium{text-align:right;}
	.s06118 .float-left-medium>.h1,
	.s06118 .float-left-medium>.h2,
	.s06118 .float-left-medium>.t1,
	.s06118 .float-left-medium>.t2{padding-right:50px;}
	.s06118 .float-left-medium>.h1:before{left:0;}
}

[class*='s1pic1g']{position:relative;margin:0 auto 1em;}
[class*='s1pic1g'] *{list-style:none;margin:0;padding:0;border:0;}
[class*='s1pic1g'] .figure{z-index:0;position:relative;overflow:hidden;}
[class*='s1pic1g'] .figure>.p1{overflow:hidden;}
[class*='s1pic1g'] .figure>.p1>img{display:block;width:auto;height:auto;min-width:0;max-width:100%;min-height:0;margin:0 auto;}
/* 제어 */
[class*='s1pic1g'] .mControl{position:absolute;right:0;bottom:0;width:100px;height:50px;background:#fff;}
[class*='s1pic1g'] .mControl .b{display:block;z-index:10;position:absolute;bottom:0width:50px;height:50px;background:#fff;}
[class*='s1pic1g'] .mControl .b>.ic1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:50px;height:50px;background:url() no-repeat;background-size:contain;text-indent:-9999px;overflow:hidden;}
[class*='s1pic1g'] .mControl .b.prev{left:0;}
[class*='s1pic1g'] .mControl .b.next{left:50px;}
[class*='s1pic1g'] .mControl .b.prev>.ic1{background-image:url(../../img/sub/s06124ic1left1.png);}
[class*='s1pic1g'] .mControl .b.next>.ic1{background-image:url(../../img/sub/s06124ic1right1.png);}
/* 순번 */
[class*='s1pic1g'] .mNum{display:none;}

/* 예약안내 */
.s06128 .column:first-child{background:#008cd6;text-align:center;}
.s06128 .h1{display:block;color:#fff;font-size:2.222em;margin:.25em 0;}
.s06128 .bu4{list-style:none;padding:0;box-sizing:border-box;}
.s06128 .bu4 li{position:relative;margin:.5em 0;padding:0 0 0 1.75em;font-size:1.111em;}
.s06128 .bu4 li:before{content:'';position:absolute;left:0;top:0;display:block;width:23px;height:23px;background:url(../../img/sub/s06128li1bg.png) no-repeat;background-size:contain;}

@media all and (min-width:768px){
	.s06128 .even-grid{display:table;width:100%;}
	.s06128 .column:first-child{display:table-cell;background:#008cd6;vertical-align:middle;text-align:center;border-radius:0 0 50px 0;}
	.s06128 .column:nth-child(2){display:table-cell;vertical-align:middle;}
	.s06128 .bu4{margin:50px;}
	.s06128 .bu4 li{background-position:.125em 0;}
	.s06128 .bu4 li:before{top:5px;}
}
@media all and (min-width:1000px){
	.s06128 .bu4{margin-left:50px;}
	.s06128 .bu4 li{background-position:.125em .375em;}
}

/* 착한 수돗물 */
.s06492_1{margin-bottom:2em;}
.s06492_1 .wrap1{padding-top:20px;}
.s06492_1 .h1{display:block;font-size:1.666em;color:#00508f;margin-top:0;margin-bottom:.5em;line-height:1.5;}
.s06492_1 .t1{display:block;font-size:1.111em;margin-top:0;margin-bottom:1em;}

.s06492_2 .box0{border-width:0;text-align:center;padding:2.5em 1em;}
.s06492_2 .box0.bg1{background:#eef7ff;}
.s06492_2 .hg1{display:block;margin:auto;}
.s06492_2 .h1{display:block;color:#00508f;font-weight:600;font-size:1.85em;}
.s06492_2 .h2{display:block;color:#00508f;font-size:1em;}
.s06492_2 .tg1{position:relative;display:block;width:65px;min-height:100px;margin:auto;}
.s06492_2 .tg1.mih1{min-height:150px;}
.s06492_2 .t1{position:absolute;left:0;top:80px;display:block;width:65px;line-height:1.25;}
.s06492_2 .t1t1{display:block;font-size:1em;color:#000;}
.s06492_2 .t1t2{display:block;font-size:.777em;margin-top:10px;}
.s06492_2 .t2{position:absolute;left:0;top:0;display:block;width:65px;height:65px;background:#fff;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.2);line-height:1;}
.s06492_2 .t2t1{display:block;color:#00508f;font-size:1.2em;font-weight:600;margin-top:15px;}
.s06492_2 .t2t2{display:block;color:#00508f;font-size:.888em;margin-top:5px;}
.s06492_2 .tg1:after{content:'';position:absolute;right:-25px;top:25px;display:block;width:20px;height:20px;background:url() no-repeat center center;background-size:contain;}
.s06492_2 .evenmix-3 .column:first-child .tg1:after{background-image:url(../../img/sub/s06492ic1arrow1.png);}
.s06492_2 .evenmix-3 .column:nth-child(2) .tg1:after{background-image:url(../../img/sub/s06492ic1arrow2.png);}
.s06492_2 .evenmix-3 .column:nth-child(3) .tg1:after{display:none;}
.s06492_2 .evenmix-3 .column:first-child .t2t1{margin-top:25px;}

.s06492_3{position:relative;padding-left:110px;margin-top:2em;margin-bottom:2em;}
.s06492_3 .ic1{content:'';position:absolute;left:0;top:0;display:block;width:100px;height:100px;background:url(../../img/sub/s06492ic1bg1.png) no-repeat center center;background-size:contain;}
.s06492_3 .hb2{margin-bottom:0;}
.s06492_3 p{margin-top:.5em;}

@media all and (min-width:768px){
	.s06492_1{margin-bottom:3em;}
	.s06492_1 .wrap1{padding-top:70px;padding-left:30px;}
	.s06492_1 .wrap1:before{content:'';position:absolute;right:0;top:40px;width:110%;height:5px;background:#0672cf;}

	.s06492_2 .tg1{width:165px;min-height:200px;}
	.s06492_2 .tg1.mih1{min-height:230px;}
	.s06492_2 .t1{left:0;top:180px;width:165px;line-height:1;}
	.s06492_2 .t1t1{font-size:1.25em;}
	.s06492_2 .t2{width:165px;height:165px;}
	.s06492_2 .t2t1{font-size:1.666em;margin-top:55px;}
	.s06492_2 .t2t2{font-size:.888em;margin-top:10px;}
	.s06492_2 .tg1:after{right:-55px;top:57px;width:50px;height:50px;}
	.s06492_2 .evenmix-3 .column:first-child .t2t1{margin-top:70px;}

	.s06492_3{padding-top:1em;padding-left:130px;margin-top:1em;}
	.s06492_3 .ic1{width:120px;height:120px;}
}
@media all and (min-width:1000px){
	.s06492_1 .wrap1{padding-top:100px;padding-left:50px;}
	.s06492_1 .wrap1:before{top:60px;}

	.s06492_2 .hg1{width:170px;height:230px;background:url(../../img/sub/s06492h1bg1.png) no-repeat center center;line-height:1.25;padding-top:100px;box-sizing:border-box;}
	.s06492_2 .h1{color:#fff;font-size:1.388em;}
	.s06492_2 .h2{color:#fff;font-size:.888em;}
	.s06492_2 .tg1:after{right:-70px;top:57px;}

	.s06492_3{padding-left:170px;margin-bottom:3em;}
	.s06492_3 .ic1{width:160px;height:160px;}
}

/* 플로우차트 - 기증 안내 - 20250521 추가 */
.flow1chart2 {position:relative;list-style:none;margin:0;padding:0;background:#eef7ff;padding:10px 10px 20px;overflow:hidden;}
.flow1chart2 li {position:relative;width:100%;margin-top:30px;box-sizing:border-box;border:1px solid #008cd6;display:table;font-size:1.063em;line-height:1.235em;background:#fff;}
.flow1chart2 li:first-child {margin-top:10px}
.flow1chart2 li:last-child {margin-right:0;background:#008cd6;border-color:#008cd6;color:#fff;}
.flow1chart2 li:after {position:absolute;bottom:-28px;right:calc(50% - 11px);content:"";display:block;width:16px;height:22px;background:url(../../img/sub/s06492ic1arrow2.png) no-repeat;transform:rotate(-90deg);background-size:120%;}
.flow1chart2 li:last-child:after {display:none;}
.flow1chart2 li .t1 {display:table-cell;vertical-align:middle;text-align:center;padding:15px 12px;}
@media all and (min-width:400px){
	.flow1chart2 {padding:10px 10px 20px 20px}
	.flow1chart2 li {float:left;width:calc(50% - 30px);height:94px;margin-right:30px;margin-top:10px}
	.flow1chart2 li:first-child {margin-top:10px}
	.flow1chart2 li:after {top:calc(50% - 11px);right:-25px;bottom:auto;/* transform:none; */}
	.flow1chart2 li .t1 {padding-top:0;padding-bottom:0}
}
@media all and (min-width:500px){
	.flow1chart2 li {width:calc(33.3333% - 30px);margin-right:30px}
	.flow1chart2 li:after {right:-25px;transform:rotate(180deg);} 
}
@media all and (min-width:768px){
	.flow1chart2 {padding:10px 20px 30px 40px}
	.flow1chart2 li {width:calc(25% - 40px);margin-right:40px;margin-top:20px;font-size:1em;}
	.flow1chart2 li:first-child {margin-top:20px}
	.flow1chart2 li:after {right:-30px}
}