@charset "UTF-8"; 

/*** sub ***/
#wrap {position:relative; overflow:hidden;}
#content_wrap {padding-top:50px; padding-bottom:100px;}

#tit {text-align:center;margin-bottom:50px;position:relative; }
#tit h3 {line-height:1em;font-size:36px;color:#333;}
#tit > ul {margin-top:10px;}
#tit > ul > li {display:inline-block;vertical-align:middle;margin:0 10px;}
#tit > ul > li > * {display:inline-block;vertical-align:middle;font-size:14px;}
#tit > ul > li span:first-child  {font-size:16px;}
#tit > ul > li em {margin:0 8px;color:#999;}
#tit .btn > * {display:inline-block;vertical-align:middle;position:relative;}
#tit .btn button {display:inline-block;width:36px;height:36px;box-sizing:border-box;border:1px solid #ddd;border-radius:50%;line-height:34px;color:#888;font-size:20px;background:#fff;position:relative;z-index:10;}
#tit .btn button:hover,
#tit .btn .on button  {background:#777;border-color:#777;color:#fff;}
#tit .btn .share .sns li {width:36px;transition:0.3s;position:absolute;left:0;top:0;opacity:0;}
#tit .btn .share .sns li img {transition:0.3s;}
#tit .btn .share.on .sns {display:block;}
#tit .btn .share.on .sns li {opacity:1;}
#tit .btn .share.on .sns li:nth-child(1) {left:39px;}
#tit .btn .share.on .sns li:nth-child(2) {left:78px;}
#tit .btn .share.on .sns li:nth-child(3) {left:117px;}
#tit .btn .share.on .sns li:nth-child(4) {left:156px;}
#tit .btn .share.on .sns li:nth-child(5) {left:195px;}
#tit .btn .share.on .sns li:hover a img {transform:scale(1.1) rotate(360deg);}



.__blue {color:#00a0e9;}
.__mint {color:#1B6C69 !important;}
.__orange {color:#ff7316 !important;font-family: sans-serif;}
.__red {color:#dc3232 !important;}
.__black {color:#000 !important; font-family: sans-serif;}
.__green {color:#5bd51f}
.__gray {color:#888;}
.__brown {color:#9a3d2e;}
.font-orange1 {color:#fc6630;}
.font_sans{font-family: sans-serif;}

.__u {text-decoration:underline;}

.__tit1 {position:relative;}
.__tit1 h2 {font-size:26px; font-weight:500;color:#333; margin-bottom:20px; padding-left:40px; background:url(../images/sub/icon_movie.jpg) no-repeat 0 bottom;}
.__tit1 h3 {font-size:26px;font-weight:600;color:#333;margin-bottom:15px;}
.__tit1 .rig {position:absolute;right:0;bottom:0;}
.__tit1 span {color:#bebebe;}

.__txt1 {font-size:16px;line-height:1.5em;}
.__txt2 {font-size:20px;line-height:1.5em;color:#333; font-weight:500;}
.__txt3 {font-size:15px;line-height:1.5em;}
.__txt4 {font-size:18px;line-height:1.5em;}

.__btn1 {display:inline-block;height:40px;line-height:38px;padding:0 20px; background:#1db3af; color:#fff;font-size:16px;transition:0.3s;border:1px solid #1b9b98;box-sizing:border-box;}
.__btn1:hover {box-shadow:0 0 5px 1px rgba(0,0,0,0.3);}
.__btn1.type2 {color:#1b9b98;background:#fff;}
.__btn1.type3, .bg2 {color:#fff;background:#909090; border:none;}
.__btn1.type4, .bg1 {color:#fff;background:#824d28; border:none;}
a.bg1:hover {background:#603313; color:#fff;}
a.bg2:hover {background:#666; color:#fff;}

.__btn3 {display:inline-block;height:36px;line-height:36px;padding:0 15px; background:#1b9b98; color:#fff;font-size:14px;transition:0.3s;border:1px solid #1b9b98;box-sizing:border-box;}
.__btn3:hover {box-shadow:0 0 3px 1px rgba(0,0,0,0.1);}
.__btn3.type1 {color:#1b9b98;background:#fff;}

.dash li {padding-left:18px; background:url(../images/layout/dash.jpg) no-repeat 0 8px;}
.bul_type1 {margin-bottom:10px; font-size:18px; padding-left:15px; background:url(../images/ico/bul_type1.png) no-repeat 0 9px;}

ul.style1 li {overflow:hidden;}
ul.style1 li p {font-size:16px !important;}

.fr {float:right;}
.colpd>div[class*="col"],
.colpd>li[class*="col"] {padding:0 10px;}

.border_b {border-bottom:1px solid #ddd; overflow:hidden;}

/* 예약안내페이지 */
.res_info{background-color: #f3f3f3; padding: 20px; text-align: center;}
.c_mint{color: #10a0ab;}
.res_info a{display: inline-block; width: auto; padding: 0 20px; background: #1db3af; color: #fff; font-size: 16px; 
transition: 0.3s;box-sizing: border-box; height: 40px; line-height: 38px;border: 1px solid #2aa9a6;}
.res_info a:hover{color: #fff; background: #0e9d9a;}
.res_info .txt{margin-top: 10px; margin-bottom: 17px; font-size: 18px;}
.res_directions{width: 80%; margin: 30px auto 0 auto;}
.res_directions ul:after{content: ""; display: block; clear: both;}
.res_directions li{width: 24%;  float: left; text-align: center; background-color: #f5f5f5; box-sizing: border-box; padding-bottom: 20px; font-size: 17px;}
.res_directions li img{margin-bottom: 15px;}
.res_directions li .nb{width: 100%; display: block; padding: 3px; box-sizing: border-box; background-color: #6f6f6f; color: #fff; margin-bottom: 15px;}
.res_directions .next{width: 13%; height: 50px; background-color: transparent; margin-top: 70px; }
.res_directions2{margin-top: 30px;}
.res_directions2 h3{background-color: #939393; text-align: center; color: #fff; line-height: 37px; font-weight: 400; margin-bottom: 20px;}


/* 테이블 */
.tbl_normal{width:100%; word-break:keep-all;}
.tbl_normal th{/*padding:0 20px 0 40px; */ padding:14px 1em; /* font-size:14px;  */color:#000; font-weight:500; border:1px solid #ddd; background-color:#f8f8f8;}
.tbl_normal td{padding:10px 20px; /* font-size:14px; */ line-height:1.6; color:#555; border:1px solid #ddd;}
.tbl_normal tr:first-child th, .tbl_normal tr:first-child td{border-top:2px solid #000;}

/* 특별전시상단 테이블 */
.tbl_xp {margin:30px 0;}
.tbl_xp tr>* {padding:5px 0;}
.tbl_xp th {position:relative; color:#000; font-weight:500; vertical-align:top;}
.tbl_xp th::after {display:inline-block; content:""; clear:both; position:absolute; top:11px; right:0; width:2px; height:14px; margin-right:10px; background:#333;}
.tbl_xp td {font-weight:300; padding-left:10px;}

/* 프로그램 (특별전시) */
/* 상단부분 */
.xpboard_top {margin-bottom:30px;}
.xpboard_con,
.xpboard_next {height:440px;}
.xpboard_con {padding:20px; border:1px solid #ddd;}
.xpboard_con h4 {font-size:26px; margin-top:25px;}
.xpboard_next {padding:20px !important; border:1px solid #2aa9a6;}
.xpboard_next a {display:block; color:#2aa9a6;}
.xpboard_con>span,
.xpboard_next h4 {position:absolute; top:0; left:0; display:inline-block; padding:6px 15px; background:#2aa9a6; color:#fff; font-size:14px;}
.xpboard_con>span {left:10px; background:#ff7316;}
.xpboard_next .next_img {margin:30px 0 20px;}
.xpboard_next p {font-size:17px; color:#333;}
.xpboard_next:hover {background:#f1fbfe;}

/* 리스트 (지난전시) */
.past_ex {margin-top:30px; border-top:1px solid #000;}
.past_con {border-bottom:1px solid #ddd;}
.past_con>a {display:block; overflow:hidden;}
.past_con>a>div {padding:20px;}
.past_con p {font-size:15px; margin-top:5px;}
.past_con strong {color:#888;}
.past_con .subject {display:block; margin-bottom:15px; font-size:22px;font-weight:500;color:#000;text-decoration:underline;}
.past_con .more {display:inline-block; padding:8px 20px; margin-top:15px; border-radius:50px; background:#318993; color:#fff;}
.past_con a:hover {background:#f1fbfe;}
.past_con a:hover .more {background:#125d66;}

/* 단체관람예약 */
.reserve_note {font-size:15px;}
.i_cal {display:inline-block; width:22px; height:18px; margin-right:10px; background:url(../images/sub/icon_cal.png) no-repeat;}

.ovh {font-size:16px; margin-top:10px;}

.__pdt-list {table-layout:fixed;border-top:1px solid #333;width:100%;}
.__pdt-list tr > * {border-bottom:1px solid #ddd;padding:20px;text-align:center;}
.__pdt-list col.img {width:210px;}
.__pdt-list col.people {width:160px;}
.__pdt-list col.state {width:180px;}
.__pdt-list td.info {text-align:left;}
.__pdt-list td.info .ico {margin-bottom:15px;}
.__pdt-list td.info .ico span {margin-right:5px;}
.__pdt-list td.info .subject  a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500;color:#000;text-decoration:underline;}
.__pdt-list td.info ul {margin-top:10px;}
.__pdt-list td.info ul li {font-size:15px;}
.__pdt-list td.info ul li strong {color:#888;font-weight:normal;}
.__pdt-list td.info ul li span {color:#000;}
.__pdt-list td.people li {font-size:15px;margin-top:5px;}
.__pdt-list td.people li:first-child {margin-top:0;}
.__pdt-list td.people .people2 {color:#2aa9a6;}
.__pdt-list td.people .people3 {color:#ff7316;}
.__pdt-list td.state li {margin-top:5px;}
.__pdt-list td.state li:first-child {margin-top:0;}
.__pdt-list td.state li > * {display:inline-block;width:110px;height:32px;box-sizing:border-box;border-radius:16px;font-size:15px;text-align:center;line-height:30px;}
.__pdt-list td.state .state1 > * {background:#fff;border:1px dotted #626262;}
.__pdt-list td.state .state2 > * {color:#fff;border:1px solid #855839;background:#915c38;}
.__pdt-list td.state .state3 > * {color:#fff; background:#626262;}
.__pdt-list td.state .state1 > span {background:#f2f2f2;border-color:#cbcbcb;color:#a2a2a2;}
.__pdt-list tr:hover > * {background:#f1fbfe;}
.__pdt-list tr td.nomore {padding:50px;font-size:18px;text-align:center;color:#000;}
.__pdt-list.nocol colgroup {display:none;}

.__ico1 {display:inline-block;padding:0 10px;min-width:55px;box-sizing:border-box;border-radius:3px;height:22px;line-height:22px;color:#fff;background:#a4a4a4;font-size:12px;text-align:center;}
.__ico1.type2 {background:#f9783b;}
.__ico1.type3 {background:#2aa9a6;}



.__prgram-view .one {border-top:1px solid #333;background:#fafafa;border-bottom:1px solid #ddd;padding:30px 40px;}
.__prgram-view .one:after {content:"";display:block;clear:both;}
.__prgram-view .one .img {float:left;width:256px; text-align:center;}
.__prgram-view .one .info {width:calc(100% - 256px);float:right;padding-left:65px;box-sizing:border-box;}
.__prgram-view .one .info .subject {font-size:22px;font-weight:500;color:#000;}
.__prgram-view .one .info .ico {margin-top:10px;}
.__prgram-view .one .info .ico span {margin-right:5px;}
.__prgram-view .one .info ul {margin-top:20px;}
.__prgram-view .one .info ul li {margin-top:5px;font-size:16px;color:#333;}
.__prgram-view .one .info ul li:first-child {margin-top:0;}
.__prgram-view .one .info ul li strong {font-weight:normal;color:#888;}
.__prgram-view .one .info .btn_wrap {margin-top:40px;}
.__prgram-view .one .info .btn_wrap .__btn1 {width:140px;margin-right:10px;text-align:center;}
.__prgram-view .two {margin-top:60px; margin-bottom:60px; }
.__prgram-view .two h3 {background:#2aa9a6;padding:12px;text-align:center;color:#fff;font-size:20px;font-weight:500;}
.__prgram-view .two .con {margin-top:30px;font-size:15px;line-height:1.5em; margin-bottom:30px; width:100%;}
.__prgram-view .two .con * {max-width:100% !important;}

.__ico1 {display:inline-block;padding:0 10px;min-width:55px;box-sizing:border-box;border-radius:3px;height:22px;line-height:22px;color:#fff;background:#a4a4a4;font-size:12px;text-align:center;}
.__ico1.type2 {background:#f9783b;}
.__ico1.type3 {background:#2aa9a6;}
.ovh {font-size:16px; margin-top:10px;}

/* 교육신청 */
.e_write {padding:30px;}
.e_write .__tbl-write {border-top:0;}
.e_write .__tbl-write tr:last-child > * {border-bottom:0;}



/* 갤러리 슬라이드 */
.slide_gallery {margin-top:30px;}
.slide_gallery img {width:100%;}
.slide_gallery .slick-arrow {display:inline-block; position:absolute; top:50%; transform:translate(0,-50%); width:70px; height:90px; background-color:#000; opacity:.6; z-index:10; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.slide_gallery .slick-arrow:hover {opacity:1;}
.slide_gallery .slick-arrow.slick-prev {left:0; background-image:url(../images/main/pro_carousel_prev.png);}
.slide_gallery .slick-arrow.slick-next {right:0; background-image:url(../images/main/pro_carousel_next.png);}

.slide_thumb {margin-top:10px;}
.slide_thumb .slick-slide {padding:0 5px;}
.slide_thumb .slick-slide img {border:10px solid #fff;}
.slide_thumb .slick-center img {border:10px solid #318993;}



.__comm-caution {border:1px solid #ddd;background:#fafafa;padding:30px 60px;font-size:0; text-align:center; }
.__comm-caution h4 {font-size:24px; color:#ccb080; border-bottom:2px solid #ccb080; padding-bottom:15px; font-weight:600;  margin:15px auto;  font-family: sans-serif;}
.__comm-caution > * {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.__comm-caution .ico {width:125px;}
.__comm-caution .txt {width:calc(100% - 125px);font-size:16px;}
.__comm-caution .txt li {margin-top:10px;line-height:1.4em;}
.__comm-caution .txt li:first-child {margin-top:0;}
.__comm-caution .txt li span {display:inline-block;}
.__comm-caution + .__toparea {margin-top:40px;}
.__comm-caution.type2 {background:none;}
.__comm-caution.type2 .ico {width:160px;}
.__comm-caution.type2 .txt {width:calc(100% - 160px);}


.__info-caution .box {margin-top:30px;}
.__info-caution .box:first-child {margin-top:0;}
.__info-caution .box:after {content:"";display:block;clear:both;}
.__info-caution .box .img {float:left;width:114px;}
.__info-caution .box .info {float:right;width:calc(100% - 114px);padding-left:25px;box-sizing:border-box;}



.__lr1 {font-size:0;}
.__lr1:after {content:"";display:block;clear:both;}
.__lr1 > * {box-sizing:border-box;}
.__lr1 .lef {float:left;}
.__lr1 .rig {float:right;}
.__lr1 img {width:100%;}
.__lr1 .txt {padding:40px 60px 0;}
.__lr1.type2 .rig.txt {padding-right:0;}

.__dotlist1 h5 {font-size:20px;font-weight:500;color:#9a3d2e;margin-bottom:15px;}
.__dotlist1 dl {position:relative;padding-left:60px;font-size:16px;margin-top:5px;}
.__dotlist1 dl:first-child {margin-top:0;}
.__dotlist1 dl dt {position:absolute;left:0;top:0;padding-left:12px;font-weight:bold;}
.__dotlist1 dl dt:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}
.__dotlist1 dl dd {}
.__dotlist1 li {margin-top:5px;font-size:16px;position:relative;padding-left:12px;}
.__dotlist1 li:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}
.__dotlist1 li:first-child {margin-top:0;}


/* faq */
.faq_wrap {border-top:2px solid #000;}
.faq_wrap>div>* {padding:20px; border-bottom:1px solid #ddd;}
.faq_wrap>div>div>i {display:inline-block; width:30px; height:30px; margin-right:10px; padding-top:3px; float:left; border-radius:50%; text-align:center; vertical-align:middle; font-weight:600;}
.faq_wrap>div>div>p {padding-left:40px;}
.faq_wrap .faq {background:url(../images/layout/arrow_down.png) no-repeat 98% center;}
.faq_wrap .faq.on {background:url(../images/layout/arrow_up.png) no-repeat 98% center;}
.faq_wrap .faq:hover {cursor:pointer;}
.faq_wrap .faq i {border:1px solid #ddd; color:green;}
.faq_wrap .answer {display:none; background:#f8f8f8; font-size:14px; color:#666;}
.faq_wrap .answer i {background:green; color:#fff;}




/* 컨텐츠 */
/* 컨텐츠박스 */
.con_box {border:1px solid #ddd; background:#fafafa; padding:30px 60px; text-align:center;}
.con_box2 {border:1px solid #ddd; padding:30px; overflow:hidden;}
.con_box2 dl {padding-left:20px;}
.con_box2 dt {font-size:22px; margin-bottom:20px;}
.con_box2 dt span {display:inline-block; font-size:16px; color:#999; margin-left:5px; font-weight:300;}
.con_box2 dd {font-size:16px; color:#666;}

/* 타이틀 */
.contents_in h4 {padding-top:20px; font-size:26px; color:#333; letter-spacing:-1px;}
.contents_in h4::before {content:"";display:block;margin-bottom:10px; width:70px;height:12px;background:url(../images/sub/img-edge.png) no-repeat;background-size:contain;}
.contents_in h4 span {display:block;}

.__create-mid .area {position:relative;padding-left:295px;margin-top:80px;}
.__create-mid .area:first-child {margin-top:0;}
.__create-mid .area h3 {position:absolute;left:0;top:0;padding-top:20px;font-size:26px;color:#333; letter-spacing:-1px;}
.__create-mid .area h3:before {content:"";display:block;position:absolute;top:0;width:70px;height:12px;background:url(../images/sub/img-edge.png) no-repeat;background-size:contain;}

/* ico */
.dotlist2 li {padding-left:15px; background:url(../images/layout/bul-dotted-grey.png) no-repeat 0 10px;}
.dotlistw li {padding-left:15px; background:url(../images/layout/bul_round_w.png) no-repeat 0 10px;}
.biglist li {font-size:16px; padding-bottom:5px;}


/* 상설전시 */
.per_wrap {display:table; width:100%; padding:60px 0; margin-bottom:2%;}
.per_wrap>div {display:table-cell; vertical-align:middle; float:none;}


/* *** 박물관소개 *** */
.intro_txt_wrap {position:relative; padding-left:20px;}
.intro_txt_wrap:before {position:absolute; display:block; content:""; left:0; top:4px; width:1px; height:calc(100% - 4px); background:#ddd;}
.intro_txt {font-size:24px; font-weight:500;}
.intro_txt p {position:relative;}
.intro_txt p:before {position:absolute; display:block; content:""; width:2px; height:24px; top:8px; left:-20px; background:#9a3d2e;}
.intro_txt span {font-size: 18px; font-weight: normal; line-height: 20px;}

/* 조직도 */
.org_wrap .box {position:relative; display:table; width:300px; height:70px; margin:0 auto; padding:10px 20px; color:#fff; background:#915c38; border-radius:10px;}
.org_wrap .box_in {/* display:table-cell; */ vertical-align:middle; text-align:center;}
.org_wrap .box_in span {font-size:14px;}
.org_wrap .box_in h3 {font-size:22px; padding-top:30px;}
.org_wrap .box_in p {margin-top:7px; font-size:16px;}
.org_wrap .box_in span {display:inline-block; margin-top:7px; font-size:16px; font-weight:400;}
.org_wrap .box_in i {margin-right:8px;}


.org_wrap .line_wrap {position:relative; height:50px;}
.org_wrap .line_wrap>.line {width:2px; height:100%; background:#ddd; text-align:center; margin:0 auto;}
.org_wrap .line_wrap::after {display:block; content:""; width:50%; height:100%; margin-top:-50px; margin-left:50%; background:url(../images/intro/dashed.png) center right; background-repeat:repeat-x;}
.wLine {width:66.7%; height:2px; margin:0 auto; background:#ddd;}
.org_wrap .org_bottom {padding-top:50px;overflow: hidden;}

.org_bottom>.btm_box {display:grid; width:33.3%; float:left; padding:0 5px;margin-bottom: 50px;}
.org_bottom>.btm_box>.box_in {position:relative; border:2px solid #71c4d3; border-radius:10px; padding:10px; min-height:276px;}
.org_bottom>.btm_box>.box_in::before {display:block; content:""; width:2px; height:52px; margin:0 auto; background:#ddd; margin-top:-63px;}
.org_bottom>.btm_box>.box_in::after {display:block; content:""; width:15px; height:15px; border:2px solid #71c4d3; border-radius:50%; background:#fff; position:absolute; top:-8px; left:50%; transform:translate(-50%,0);}
.org_bottom>.btm_box>.box_in>ul {width:90%; margin:20px auto 10px;}


/* 찾아오시는 길 */
.__loc-top .top .wrap_controllers {display:none;}
.__loc-top .bot {background:#fafafa;border:1px solid #ddd;border-top:none;padding:25px;}
.__loc-top .bot li {display:inline-block;margin-left:100px;}
.__loc-top .bot li:first-child {margin-left:0;}
.__loc-top .bot li > * {display:inline-block;vertical-align:middle;}
.__loc-top .bot li i {font-size:22px;color:#cf3128;}
.__loc-top .bot li span {font-size:16px;}

.__loc-bot .box {border-top:1px solid #ddd;padding:60px 0;}
.__loc-bot .box:first-child {border-top:none;}
.__loc-bot .box:after {content:"";display:block;clear:both;}
.__loc-bot .box .ico {float:left;width:12.5%;}
.__loc-bot .box .info {float:right;width:87.5%;}
.__loc-bot .box .info h3 > * {display:inline-block;vertical-align:middle;position:relative;}
.__loc-bot .box .info h3 strong {font-size:22px;color:#333; font-family: sans-serif;}
.__loc-bot .box .info h3 span {position:relative;font-size:26px;color:#888;padding-left:10px;margin-left:10px;}
.__loc-bot .box .info h3 span:before {content:"";display:block;width:1px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background:#ddd;}

.bus_info {border:3px solid #50a332; padding:20px; word-break:keep-all;}
.__ico2 {display:inline-block;box-sizing:border-box;background:#355cba;padding:10px 20px;color:#fff;font-size:16px;}
.__ico2.type2 {background:#50a332;}

/*202508_찾아오시는 길*/
.cont_list_none{font-size:16px; margin-left:5px;}
.cont_list_none li{margin-bottom:3px;}
.cont_list_none .con_num{font-weight: 600; display: inline-block; width: 23px;}
.cont_list_none .con_num_p{ color: #cb007a;}
.cont_list_none .con_num_b{color:#1e03f9;}
.cont_list_none li.cont_link .con_num{margin-top:6px;}
.cont_list_none .con_n_text{width: calc(100% - 27px); display: inline-block; vertical-align: top; line-height: 1.4; font-size:17px;}

.directions{position: relative;font-size:17px;font-weight: 600;display:inline-block;text-align:center;}
.directions:after{display:block;content:"";width:100%;height: 10px;background:#f2f2f2;position:  absolute;bottom:0;left:50%;transform:translateX(-50%);z-index: -2;}
.directions_p:after{background:#ffcbea;}
.directions_b:after{background:#bfd3ff;}
.directions .num{position: relative;display:inline-block;margin-right: 8px; margin-left: 5px; color: #ffffff;font-size: 15px;font-weight: 500;}
.directions .num:after{display:block;content:"";position: absolute;width: 20px;height: 20px;border-radius:50%;background: #4b4b4b;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;}
.directions_p .num:after{background: #c5006b;}
.directions_b .num:after{background:#2026d5;}


/* 이미지 부가설명 */
.imgW100 {width:100%;}
.img_txt {width:100%; padding:10px 20px; background:#000; color:#fff !important;}

/* 텍스트 */
.box_line {border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.con_txt .deco_line {display:block; width:50px; height:5px; background:#000; margin-bottom:20px;}
.con_txt p {margin-bottom:20px; color:#666; font-size:16px; font-weight:300; /*font-family: sans-serif;*/}
.con_txt .big_txt {margin-bottom:10px; font-size:32px; font-weight:600; letter-spacing:-1px; color:#000;  /*font-family: sans-serif;*/}
.con_txt.pd {padding:20px 0 30px;}
.fs18 {font-size:18px !important;}
.sameH {display:table;}
.sameH>div {display:table-cell; vertical-align:top; float:none;}
.font-sans{ font-family: sans-serif;}

/* 인사말 */
.sign {font-weight:500 !important; margin-top:50px;}


/* 주변둘러보기 */
.aroundmuTop {text-align:center;}
.aroundmuTop li {width:20%; float:left;}
.aroundmuTop2 {margin:50px 0 0;}
.aroundmuTop2 li {width:33.3%;}
.aroundmuTop li img {width:120px; height:120px; border:4px solid #2aa9a6; overflow:hidden; margin-bottom:10px; border-radius:50%;}
.aroundmuTop li p {color:#2aa9a6; font-size:18px; font-weight:500;}
.course_wrap {width:60%; margin:70px auto 40px; text-align:center; overflow:hidden;}
.course_wrap li a {display:block; font-size:18px; font-weight:500;}
.course_wrap li i {display:inline-block; margin:0 auto 10px; width:130px; height:130px; border-radius:50%; border:2px solid #333; background-repeat:no-repeat; background-size:70px; background-position:center;}
.course_wrap li:nth-child(1) i {background-image:url(../images/sub/icon_course_01.png); background-size:85px;}
.course_wrap li:nth-child(2) i {background-image:url(../images/sub/icon_course_02.png);}
.course_wrap li:nth-child(3) i {background-image:url(../images/sub/icon_course_03.png);}
.cou_line {display:block; width:100%;}
.course li {position:relative; background-repeat:repeat-x; background-position:0 center; padding-top:30px;background-image:url(../images/sub/cos_line.jpg);}
li.course1 {background-image:url(../images/sub/cos_orange.jpg);}
li.course2 {background-image:url(../images/sub/cos_blue.jpg);}
li.course3 {background-image:url(../images/sub/cos_red.jpg);}
.course p {padding-top:20px; text-align:center;}
.course p::after {display:block; content:""; width:15px; height:15px; border:2px solid #e1e1e1; border-radius:50%; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.course1 p::after {border-color:#f7711a;}
.course2 p::after {border-color:#33449e;}
.course3 p::after {border-color:#ed1f2b;}

/* 관련사이트 */		
.sub_fm_site {border:1px solid #eee; margin-bottom:20px;}
.sub_fm_site:last-child {margin-bottom:0;}
.sub_fm_site>* {padding:20px;}
.sub_fm_site h4 {background:#f8f8f8; font-size:18px; color:#333; border-bottom:1px solid #eee;}
.sub_fm_site .sub_fm_in {font-size:15px; color:#666; overflow:hidden;}
.sub_fm_site .sub_fm_in a {display:block; padding:2px;}
.sub_fm_site .sub_fm_in a:hover {color:#2aa9a6;}

/* 사이트맵 */
.sitemap {display:table; width:100%; margin-bottom:30px;}
.sitemap:last-child {margin-bottom:0;}
.sitemap>div {display:table-cell; width:33.3%; padding:0 10px 10px;}
.sitemap>div>h4 {border:1px solid #9a3d2e; color:#9a3d2e; text-align:center; padding:20px; margin-bottom:20px;}
.sitemap>div>ul>li {padding:10px; border-bottom:1px dashed #ddd; background:url(../images/layout/bul-dotted-grey.png) no-repeat 0 19px;}
.sitemap>div>ul>li:last-child {border-bottom:0;}
.sitemap>div>ul>li>ul>li {padding:5px 0 3px 15px; background:url(../images/layout/dash.jpg) no-repeat 0 14px;}
.sitemap>div li a {display:block;}
.sitemap>div>ul>li>a {font-size:16px; color:#333;}
.sitemap>div>ul>li>a:hover,
.sitemap>div>ul>li>ul>li>a:hover {color:#9a3d2e;}
.sitemap>div>ul>li>ul>li>a {font-size:14px;}


/* 개인정보취급방침 동의 팝업창 */
.privacyPop {position:fixed; display:none; z-index:999999999999; top:0; left:0; width:100%; height:100%;}
.privacyPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.privacyPop .pop_wrap {position:absolute; z-index:9999; background:#fff; width:760px;}
.privacyPop .pop_wrap>div {padding:40px; margin-bottom:30px; height:410px; overflow-y:auto;}
.privacyPop .pop_wrap>div pre {background:none; border:none;}
.privacyPop .pop_wrap>p {border-bottom:1px solid #eee; font-size:18px; padding:20px 30px; color:#000;}
.privacyPop .pop_wrap>p .pop_close {display:block; position:absolute; top:10px; right:32px; width:20px; height:45px; background:url(../images/layout/pop_close.jpg) 50% no-repeat; opacity:0.5;}
.privacyPop .pop_wrap>p .pop_close:hover {opacity:1;}
.privacyPop .pop_wrap>p img {vertical-align:top; padding-left:5px;}


/* 개인정보 취급방침 */
.privacy_con {font-size:16px;}
.privacy_con h3 {font-size:20px; margin-bottom:20px;}
.privacy_con h4 {font-size:18px; margin:50px 0 10px;}
.privacy_con ul {padding:20px 0 0; color:#666;}
.privacy_con ul li {line-height:1.6;}
.privacy_con .img {width:100%; border:1px solid #ddd; margin:30px 0; text-align:center;}



.__prgram-view .one {border-top:1px solid #333;background:#fafafa;border-bottom:1px solid #ddd;padding:30px 40px;}
.__prgram-view .one:after {content:"";display:block;clear:both;}
.__prgram-view .one .img {float:left;width:256px;}
.__prgram-view .one .info {width:calc(100% - 256px);float:right;padding-left:65px;box-sizing:border-box;}
.__prgram-view .one .info .subject {font-size:22px;font-weight:500;color:#000;}
.__prgram-view .one .info .ico {margin-top:10px;}
.__prgram-view .one .info .ico span {margin-right:5px;}
.__prgram-view .one .info ul {margin-top:20px;}
.__prgram-view .one .info ul li {margin-top:5px;font-size:16px;color:#333;}
.__prgram-view .one .info ul li:first-child {margin-top:0;}
.__prgram-view .one .info ul li strong {font-weight:normal;color:#888;}
.__prgram-view .one .info .btn {margin-top:40px;}
.__prgram-view .one .info .btn .__btn1 {width:140px;margin-right:10px;text-align:center;}
.__prgram-view .two {margin-top:60px; margin-bottom:60px; }
.__prgram-view .two h3 {background:#2aa9a6;padding:12px;text-align:center;color:#fff;font-size:20px;font-weight:500;}
.__prgram-view .two .con {margin-top:30px;font-size:15px;line-height:1.5em; margin-bottom:30px; width:100%;}
.__prgram-view .two .con * {max-width:100% !important;}

.__prgram-view .btnArea {width:100%; margin:40px auto 0; text-align: center;}
.__prgram-view .btnArea .__btn1 {width:140px;margin-right:10px;text-align:center;}

/* 교육/행사_어린이 고고학 체험교실 */
.tit{font-size: 35px;
    color: #333;
    text-align: center;
    margin-bottom: 50px;}
.tit:after{content: "";
    display: block;
    width: 35px;
    height: 4px;
    background-color: #555;
    margin: 0 auto;
    margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.event_wrap{border: 2px solid #dcdcdc; padding: 30px 50px;}
.event_wrap ._tit:after{content: ""; display: block; clear: both;}
.event_wrap ._tit .event_image{float: left; width: 30%;}
.event_wrap ._tit .__txt{float: right; width: 70%; font-size: 17px;}
.event_wrap ._tit .__txt .event_name{display: block; font-size: 23px; font-weight: 600; margin-bottom: 10px; font-family: sans-serif;}
.edu_table{width: 100%;}
.edu_table th{background: #f2f2f2; color: #333; padding: 6px;font-weight: 500; letter-spacing: -0.1em;}
.edu_table td{padding: 6px; background: #fff; border-bottom: #e4e4e4 1px solid; color: #444;}
.edu_table th.line_h{background: #f2f2f2; border-top: #e4e4e4 2px solid; border-bottom: #e4e4e4 1px solid;}
.edu_table td.line_h{border-top: #e4e4e4 2px solid; padding: 5px; background: #fff; border-bottom: #e4e4e4 1px solid;}
.s_event_tit{font-size: 19px; font-weight: 600; color: #1a2789; font-family: sans-serif;}
.t_center{text-align: center;}
._booking{display: inline-block; background-color: #2aa9a6; padding: 10px 29px; color: #fff; margin-top: 15px;transition: all 0.3s;}
._booking:hover{background-color: #129693; color: #fff;}

/* 교육/행사_토요 어린이 체험학습 */
.event_wrap{}
.event_wrap .event_name2{display: block; font-size: 20px; font-weight: 600; margin-bottom: 20px; font-family: sans-serif;}
.event_wrap .info li{font-size: 16px; color: #333;}
.event_wrap .info li strong{color: #888;font-weight: normal;}
.event_wrap .info .float:after{content: ""; display: block; clear: both;}
.event_wrap .info .float strong{float: left;}
.event_wrap .info .float .con_txt{float: left; width: calc(100% - 100px);}

/* 이달의일정 */
.event_con {font-size: 17px; line-height: 1.5em;}
.event_con .event_name{font-weight: 600; font-size: 25px; margin-bottom: 17px;}
/* .event_con .event_name:after{content: ""; display: block; clear: both; width: 20px; height: 2px; background-color: #333; } */
.event_con li.dot{position: relative; padding-left: 19px; }
.event_con li.dot:before{content: ""; display: block; clear: both; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; top: 10px; left: 0; border: 2px solid #30b5bb;}
.line_dash {width: 100%; height: 1px; margin: 35px 0; border-bottom: 1px dashed #d5d5d5;}


@media all and (max-width:1000px){
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:200px;}
	.__prgram-view .one .info {width:calc(100% - 200px);padding-left:30px;}
	.__prgram-view .one .info .subject {font-size:16px;}
	.__prgram-view .one .info .ico {margin-top:7px;}
	.__prgram-view .one .info .ico span {margin-right:3px;}
	.__prgram-view .one .info ul {margin-top:15px;}
	.__prgram-view .one .info ul li {margin-top:3px;font-size:13px;}
	.__prgram-view .one .info .btn {margin-top:20px;}
	.__prgram-view .one .info .btn .__btn1 {width:auto;margin-right:5px;}
	.__prgram-view .two {margin-top:30px;}
	.__prgram-view .two h3 {padding:10px;font-size:16px;}
	.__prgram-view .two .con {margin-top:30px;font-size:13px;line-height:1.4em;}

}

@media all and (max-width:768px){
  	.contents_in h4 span {display:inline-block;}
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:80px;}
	.__prgram-view .one .info {width:calc(100% - 80px);padding-left:15px; float:left;}
	.__prgram-view .one .info .subject {font-size:14px;}
	.__prgram-view .one .info .ico {margin-top:5px;}
	.__prgram-view .one .info ul {margin-top:10px;}
	.__prgram-view .one .info ul li {margin-top:2px;font-size:12px;}
	.__prgram-view .one .info .btn {margin-top:15px;}
	.__prgram-view .one .info .btn .__btn1 {margin-right:2px;padding:0 10px;}
	.__prgram-view .two {margin-top:20px;}
	.__prgram-view .two h3 {padding:10px;font-size:14px;}
	.__prgram-view .two .con {margin-top:20px;font-size:12px;line-height:1.4em;}
	.__prgram-view .two .con * {font-size:12px !important;line-height:1.4em !important;}
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:100%; text-align:center;}
	.__prgram-view .one .info {width:100%;padding-left:0; margin-top:20px;}
	.__prgram-view .one .info .btn {display:block;}
	.__prgram-view .one .info .btn .__btn1 {font-size:12px;} 
}





/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	.__btn3 {height:29px;line-height:29px;}
	
	.__comm-caution {padding:20px 30px;}
	
	/* 테이블 */
	.tblWrap {width:100%; overflow-x:scroll;}
	.tblWrap .typeA {width:768px;}	
	.tableMsg {
		margin-top:10px; padding-left:20px; font-size:16px; line-height:1.2; padding-bottom:10px; color:#3689de;
		background:url(../images/layout/icon_tip.png) no-repeat left 2px; background-size:15px;
	}
	.tableMsg::after{content:"표의 내용이 모두 보이지 않을 경우 좌,우측으로 드래그하세요.";}
	
	.tbl_xp {margin:10px 0;}	
	
	.__tbl-write .subject {width:135px !important;}
	
	/* 프로그램 (특별전시) */
	/* 상단부분 */
	.xpboard_crt {padding:0 !important; margin-bottom:30px;}
	.xpboard_con, .xpboard_next {height:auto;}
	.xpboard_con>span {left:0;}
	.xpboard_top {margin:30px 0;}	
	.xpboard_con h4 {font-size:23px;}
	
	/* 프로그램 (특별전시) */
	.__pdt-list tr > * {padding:10px;}
	.__pdt-list col.img {width:130px;}
	.__pdt-list col.people {width:100px;}
	.__pdt-list col.state {width:130px;}
	.__pdt-list td.info .ico {margin-bottom:10px;}
	.__pdt-list td.info .ico span {margin-right:3px;}
	.__pdt-list td.info .subject a {font-size:15px;}
	.__pdt-list td.info ul {margin-top:7px;}
	.__pdt-list td.info ul li {font-size:13px;}
	.__pdt-list td.people li {font-size:13px;margin-top:3px;}
	.__pdt-list td.state li {margin:5px 3px;display:inline-block;vertical-align:middle;}
	.__pdt-list td.state li > * {width:100px;height:30px;border-radius:15px;font-size:13px;line-height:28px;}
	.__pdt-list tr td.nomore {padding:40px 0;font-size:15px;}
		
		
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:200px;}
	.__prgram-view .one .info {width:calc(100% - 200px);padding-left:30px;}
	.__prgram-view .one .info .subject {font-size:16px;}
	.__prgram-view .one .info .ico {margin-top:7px;}
	.__prgram-view .one .info .ico span {margin-right:3px;}
	.__prgram-view .one .info ul {margin-top:15px;}
	.__prgram-view .one .info ul li {margin-top:3px;font-size:13px;}
	.__prgram-view .one .info .btn {margin-top:20px;}
	.__prgram-view .one .info .btn .__btn1 {width:auto;margin-right:5px;}
	.__prgram-view .two {margin-top:30px;}
	.__prgram-view .two h3 {padding:10px;font-size:16px;}
	.__prgram-view .two .con {margin-top:30px;font-size:13px;line-height:1.4em;}

	
	/* 상설전시 */
	.per_wrap>div {padding:0 20px;}

		
	/* *** 박물관소개 *** */	
	.intro_txt {font-size:20px;}
	.intro_txt p:before {height:20px;}
	.intro_tbl img {margin-bottom:20px;}
	
	
	/* 찾아오시는 길 */
	.__loc-bot .box .info {padding-left:30px;}
	
	/* 텍스트 */
	.con_txt.pd {padding:20px 0 30px 20px;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.__tit1 h3 {font-size:18px;}

/*
	.__txt1 {font-size:14px;}
	.__txt2 {font-size:13px;}
	.__txt3 {font-size:12px;}
	.__txt4 {font-size:13px;}
	*/
	.__btn1 {font-size:14px;}
	.__btn2 {height:32px;line-height:30px;font-size:12px;}
	
	.__comm-caution {padding:15px;}
	ul.style1 li .bul_type1 {margin-bottom:0; margin-top:10px;}
	
	/* 컨텐츠박스 */
	.con_box2 {padding:20px 10px;}
	.con_box2 dl {padding-top:15px; padding-left:0;}
	.con_box2 dt {font-size:20px; margin-bottom:10px;}
	.con_box2 dd {font-size:15px; line-height:1.6;}
		
	/* 텍스트 */
	.box_line {margin-bottom:30px;}	
	.con_txt .big_txt {font-size:26px;}
	.sameH>div {display:block;}
	.con_txt.pd {padding:20px 0;}
	
	
	.xpboard_con h4 {font-size:18px; margin-top:15px;}
	.tbl_xp tr>* {font-size:15px;}
	
	/* 프로그램 (특별전시) */
	.past_ex {margin-top:20px;}
	.past_con>a>div {padding:10px;}
	.past_con p {font-size:14px;}
	.past_con .subject {font-size:16px;}
	.past_con .more {padding:5px 10px; font-size:12px;}		
		
	.__pdt-list .img {display:none;}
	.__pdt-list,
	.__pdt-list tbody,
	.__pdt-list tr {display:block;font-size:0;}
	.__pdt-list tr {border-bottom:1px solid #ddd;padding:5px 0;}
	.__pdt-list tr:after {content:"";display:block;clear:both;}
	.__pdt-list td {display:block;border:none;box-sizing:border-box;display:inline-block;vertical-align:middle;padding:5px;}
	.__pdt-list tr:hover td {background:none;}
	.__pdt-list td.info {width:70%;}
	.__pdt-list td.people {width:30%;}
	.__pdt-list td.state {width:100%;}
	
	.__pdt-list tr td.nomore {padding:30px 0;font-size:13px;}
		
		
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:100%; text-align:center;}
	.__prgram-view .one .info {width:100%;padding-left:0; margin-top:20px;}
	.__prgram-view .one .info .btn {display:block;}
	.__prgram-view .one .info .btn .__btn1 {font-size:12px;} 
	
	/* 예약안내페이지 */
	.res_directions li{width: 100%; float: none;}
	.res_directions .next{width: 20%; height: auto; margin-top: 30px; margin-left: auto; margin-right: auto;}
	
	#content_wrap {padding-top:10px; padding-bottom:30px;}
	
	.__tit1 h3 {font-size:18px;}

	.__txt1 {font-size:14px;}
	.__txt2 {font-size:13px;}
	.__txt3 {font-size:12px;}
	.__txt4 {font-size:13px;}
	.__btn1 {font-size:14px;}
	.__btn2 {height:32px;line-height:30px;font-size:12px;}
	
	/* 교육신청 */
	.e_write {padding:10px;}
	
	
	/* 상설전시 */
	.per_wrap {padding:30px 0;}
	.per_wrap>div {display:block; width:100%;}
	
	/* *** 박물관소개 *** */	
	.intro_txt {font-size:16px;}
	.intro_txt p {float:left;}
	.intro_txt p:before {height:40px; top:5px;}
	
	.__info-caution .box .img {width:60px;}
	.__info-caution .box .info {width:calc(100% - 60px);}
	
	
	/* 조직도 */
	.org_wrap .line_wrap {height:20px;}
	.wLine {display:none;}
	.org_wrap .org_bottom {padding-top:0;}	
	.org_bottom>.btm_box {width:100%; margin-bottom:15px;}
	.org_bottom>.btm_box>.box_in {min-height:auto;}
	.org_bottom>.btm_box>.box_in::before {position:absolute; top:50%; left:-7px; transform:translate(-50%,0); margin:0; width:10px; height:2px;}
	.org_bottom>.btm_box>.box_in::after {top:50%; left:-12px; width:2px; height:235px; border:0; border-radius:0; background:#ddd;}
	.org_bottom>.btm_box:nth-child(2)>.box_in::after {height:195px;}
	.org_bottom>.btm_box:last-child>.box_in::after {display:none;}
	.org_wrap .box_in h3 {padding-top:10px;}
	.org_bottom>.btm_box>.box_in>ul {margin:10px auto;}
	
	
	/* 찾아오시는 길 */
	.__loc-top .bot {padding:10px;text-align:left;}
	.__loc-top .bot li {display:block;}
	.__loc-top .bot li i {font-size:16px;margin-right:3px;}
	.__loc-top .bot li span {font-size:13px;}

	.__loc-bot .box {padding:20px 0;}
	.__loc-bot .box .ico {display:none;}
	.__loc-bot .box .info {width:100%;padding-left:0;}
	.__loc-bot .box .info h3 strong {font-size:16px;}
	.__loc-bot .box .info h3 span {font-size:16px;}
	.__loc-bot .box .info h3 span:before {height:12px;margin-top:-6px;}
	.__loc-bot .__btn1 {letter-spacing:-0.1em;padding:0 10px;margin-bottom:3px;}

		
	/* 주변둘러보기 */
	.aroundmuTop li {width:33.3%; margin-bottom:20px;}	
	.aroundmuTop li img {width:80px; height:80px; border:3px solid #2aa9a6;}
	.aroundmuTop li p {font-size:14px; font-weight:400; line-height:1.2; word-break:keep-all;}
	.course_wrap {width:100%; margin:40px auto 20px;}
	.course_wrap li a {font-size:16px;}
	.course_wrap li i {width:80px; height:80px; background-size:50px;}
	.course_wrap li:nth-child(1) i {background-size:57px;}
	
	/* 사이트맵 */
	.sitemap {margin-bottom:0;}
	.sitemap>div {display:block; width:100%; padding:0 10px 10px; margin-bottom:30px;}
	.sitemap>div>h4 {padding:10px; margin-bottom:10px;}

	/* 교육/행사_어린이 고고학 체험교실 */
	.event_wrap{padding: 15px;}
	.event_wrap ._tit .event_image{width: 100%; margin-bottom: 10px; text-align:center;}
	.event_wrap ._tit .__txt {width: 100%; padding-left:0 !important;}
	.event_wrap ._booking {margin-left:0 !important;}
	
}

.screen_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.slider_section {position:relative !important; margin-bottom:60px;}
.slider_section button {display:none !important;}
/*배너슬라이드*/
.carousel-status {
	position:absolute;
	overflow:hidden;
	z-index:16;
	bottom: -35px;
	left:50%;
	margin-left:-39px;
}
.carousel-status ul li { 
    display:inline-block;
	margin:0;
}
@media (max-width: 1023px){
.carousel-status {}
}
.carousel-status-MwcIcon ul li {display:inline-block;}
.carousel-inner ul li {width:16.4%; text-align:center;}
.carousel-inner ul li img {border:1px solid #e8e8e8;}
@media (max-width:1199px) {
.carousel-status-MwcIcon{display:block; margin-bottom:12px;}
.carousel-inner ul li {width:16.3%}}