@charset "utf-8";

/* #contents{max-width:900px;} */


/* box_ico - 아이콘이 있을때 */
.uit .inner.icowrap{position:relative;padding:55px 20px 40px 160px;min-height:140px;}
.uit .inner.icowrap .ico{position:absolute;left:45px;top:30px;display:inline-block;width:81px;min-height:81px;background:url(/images/museum/common/bg_ico_box.png);/*background-image: url(/images/common/ui/bg_ico_box.svg), none;*/}
.uit .inner.icowrap .ico1{background-position:0 0%}

@media only screen and (max-width:750px){
.uit .inner.icowrap{padding:30px 20px;}
.uit .inner.icowrap .ico{display:none;}
.uit2 .inner.icowrap{padding:30px 20px;}
.uit2 .inner.icowrap .ico{display:none;}
}


/* sub01_05 찾아오시는길 */
.location_box{}
.location_box figure{background-color:#fbfbfb;}
.location_box figure .map_img{display:block;padding:25px 15px;background-color:#f4f4f4;text-align:center;}
.location_box figcaption{padding:25px 15px;}
.location_box figcaption h2{position:relative;margin:0 0 20px;padding:15px 0 0;color:#e37500;font-size:24px;line-height:28px;}
.location_box figcaption h2:before{content:"";display:block;position:absolute;top:0;left:0;width:24px;height:2px;background-color:#acacac;}
.location_box figcaption h2 span{display:block;color:#000;letter-spacing:-1px;line-height:inherit;}
.location_box figcaption dl{padding:20px 5px;border-color:#acacac;border-style:solid;border-width:1px 0;}
.location_box figcaption dl dt{margin-top:25px;font-size:16px;}
.location_box figcaption dl dt:first-child{margin-top:0;}
@media(min-width:768px) {
	.location_box figure:after{content:"";display:block;clear:both;visibility:hidden;}
	.location_box figure .map_img{float:left;padding:45px 35px 35px;width:60%;}
	.location_box figure figcaption{float:left;padding:75px 30px 40px;width:40%;}
	.location_box figcaption dl dt{margin-top:25px;font-size:18px;}
}
@media(min-width:1024px) {
	.location_box figure figcaption{padding:110px 50px 40px;}
	.location_box figcaption h2{margin-bottom:35px;font-size:31px;line-height:35px;}
	.location_box figcaption dl{padding:25px 5px;}
	.location_box figcaption dl dt{margin-top:30px;}
}

/* sub02_01 시설안내도 */
#container.sub02_01{margin:0;padding:0;width:100%;}
#container.sub02_01 #txt{padding-bottom:0;}
.infomap{background-image:url(/images/museum/sub02/infomap_bg.jpg);}
.infomap .row{padding:25px 0 50px;}
.infomap .row *{color:#fff;}
.infomap .row h2{margin:0 0 10px;padding:12px 0 11px;background-color:#212121;color:#dfdfdf;font-size:35px;line-height:40px;text-align:center;}
.infomap .row p{color:#d2d2d2;font-size:15px;line-height:20px;}
.infomap .row:first-child{border-bottom:1px solid #222;}
.infomap .map_box{margin-top:20px;text-align:right;}
.infomap .btn_wrap{margin-top:15px;}
.botline{margin-bottom:20px;padding:20px;border-bottom:1px solid #ddd;}
@media(min-width:768px) {
	.infomap .row .btn_wrap{display:none;}
	.infomap .row h2{display:inline-block;margin:0 10px 0 0;padding:24px 0 17px;width:89px;height:89px;border-radius:100%;font-size:45px;line-height:50px;vertical-align:middle;}
	.infomap .row p{display:inline-block;vertical-align:middle;}
	.infomap .map_box{margin-top:15px;}
}
@media(min-width:1024px) {
	.infomap .row{padding:40px 0 80px;}
	.infomap .row .map_box{padding-right:20px;}
}

/* sub04 - 청양관광 음식/숙박 */
#container[class^="sub04_04_"] .foodstaywrap .foodstay_imgs{padding:15px;}
#container[class^="sub04_04_"] #foodstay_lst{}
#container[class^="sub04_04_"] #foodstay_lst .item{position:relative;}
#container[class^="sub04_04_"] #foodstay_lst .item figure{float:none;position:relative;margin:0 0 15px;padding-top:45%;width:100%;height:auto;}
#container[class^="sub04_04_"] #foodstay_lst .item figure img{position:absolute;top:0;left:0;width:100%;height:100%;}

#container[class^="sub04_04_"] #foodstay_lst .item .info_lst{margin-left:0;}
#container[class^="sub04_04_"] #foodstay_lst .item .info_lst li{position:relative;padding-left:85px;}
#container[class^="sub04_04_"] #foodstay_lst .item .info_lst li em{position:absolute;top:0;left:0;width:75px;}
@media(min-width:480px) {
	#container[class^="sub04_04_"] #foodstay_lst .item figure{padding-top:35%;}
}
@media(min-width:640px) {
	#container[class^="sub04_04_"] .foodstaywrap .foodstay_imgs{padding:25px;}
	#container[class^="sub04_04_"] #foodstay_lst .item{padding-left:283px;}
	#container[class^="sub04_04_"] #foodstay_lst .item figure{position:absolute;top:20px;left:0;margin:0;padding:0;width:253px;height:152px;}
}
@media(min-width:1024px) {
	#container[class^="sub04_04_"] .foodstaywrap .foodstay_imgs{padding:35px;}
}

















/* 

청양 기본버튼 스타일

페이징
.paginate{margin:20px 0;text-align:center;}
.paginate a,.paginate em,.paginate img,.paginate span{display:inline-block;vertical-align:middle;}
.paginate .dir{padding:0 2px;}
.paginate .number{padding:0 2px;}
.paginate .number a,
.paginate .number em{font-weight:bold;width:29px;height:29px;line-height:29px;background:url(/images/prog/common/btn_dir_bg.gif) no-repeat;}
.paginate .number em{color:#fff;background-position:right top;}
.paginate .dir .dir_prev{margin-left:-2px;padding-right:10px;}
.paginate .dir .dir_next{padding-left:10px;}
.paginate .dir .dir_last{margin-left:-2px;}

Button
.selectwrap{right:0;width:auto;}
.btnwrap{width:100%;background:#cecece;}
.btnwrap .btns{display:block;margin:1px;padding:5px;background:#ededed;}
.button *{font:1em "Nanum Gothic","돋움",Dotum,"Lucida Grande",sans-serif,Tahoma,AppleGothic,sans-serif;color:#292828;}
.button,.button *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;background:url(/images/prog/common/btn_bgtotal.gif) no-repeat;line-height:18px !important;vertical-align:middle !important;white-space:nowrap;cursor:pointer;}
*+html body .button,*+html body .button *{display:inline;}
.button *,.button *:hover,.button *:active,.button *:focus{text-decoration:none !important;}
.button,.button a[target="_blank"]{background:url(/images/prog/common/btn_bgtotal.gif) no-repeat;}
Button Basic
.button.basic,.button.basic *{height:30px;}
.button.basic a,.button.basic a *{line-height:30px !important;}
.button.icon,.button.icon *{min-width:0;padding:0;}
.button.basic .arrowA *,.button.basic .arrowB *,.button.basic .arrowC *,.button.basic .arrowD *{padding:0 29px 0 13px;}
.button.basic.action *,.button.basic .arrowA *:hover,.button.basic .arrowB *:hover,.button.basic .arrowC *,.button.basic .arrowD *{color:#fff;}
.button.basic .arrowA{background-position:0 0;}
.button.basic .arrowA *{background-position:100% 0;}
.button.basic .arrowA:hover{background-position:0 -40px;}
.button.basic .arrowA *:hover{background-position:100% -40px;}
.button.basic .arrowB{background-position:0 -80px;}
.button.basic .arrowB *{background-position:100% -80px;}
.button.basic .arrowB:hover{background-position:0 -120px;}
.button.basic .arrowB *:hover{background-position:100% -120px;}
.button.basic .arrowC{background-position:0 -160px;}
.button.basic .arrowC *{background-position:100% -160px;}
.button.basic .arrowC:hover{background-position:0 -200px;}
.button.basic .arrowC *:hover{background-position:100% -200px;}
.button.basic .arrowD{background-position:0 -1140px;}
.button.basic .arrowD *{background-position:100% -1140px;}
.button.basic .arrowD:hover{background-position:0 -1140px;}
.button.basic .arrowD *:hover{background-position:100% -1140px;}
.button.basic .typeA *,.button.basic .typeB *,.button.basic .typeC *{padding:0 10px;}
.button.basic .typeA{background-position:0 -480px;}
.button.basic .typeA *{background-position:100% -480px;}
.button.basic .typeB{background-position:0 -520px;}
.button.basic .typeB *{background-position:100% -520px;color:#006ab4;}
.button.basic .typeC{background-position:0 -560px;}
.button.basic .typeC *{background-position:100% -560px;color:#fff;}
.button.basic.action{background-position:0 -40px;}
.button.basic.action *{background-position:100% -40px;}
download
.button.basic .acrobat *,.button.basic .hwp *,.button.basic .excel *,.button.basic .word *,.button.basic .ppt *,.button.basic .jpg *,.button.basic .ai *,.button.basic .pgmdown *{padding:0 13px 0 38px;background-position:100% -240px;}
.button.icon .acrobat{background-position:0 -240px;} Acrobat Reader
.button.icon .hwp{background-position:0 -1180px;} 한글
.button.icon .excel{background-position:0 -320px;} 엑셀
.button.icon .word{background-position:0 -360px;} 워드
.button.icon .ppt{background-position:0 -400px;} 파워포인트
.button.icon .jpg{background-position:0 -1220px;} JPG
.button.icon .gif{background-position:0 -1260px;} GIF
.button.icon .ai{background-position:0 -1300px;} illust
.button.icon .pgmdown{background-position:0 -440px;} 설치프로그램 다운
.button.basic .acrobat em,.button.basic .hwp em,.button.basic .excel em,.button.basic .word em,.button.basic .ppt em,.button.basic .jpg em,.button.basic .ai em,.button.basic .pgmdown em{padding:0;background:none;}
go
.button.basic .homego *,.button.basic .api *,.button.basic .tel *{padding:0 13px 0 32px;font-size:0.929em;color:#fff;}
.button.icon .homego{background-position:0 -600px;} 홈페이지바로가기
.button.icon .api{background-position:0 -640px;} API
.button.icon .tel{background-position:0 -680px;} 전화번호안내
.button.basic .homego *{background-position:100% -600px;color:#006ab4;}
.button.basic .api *{background-position:100% -640px;}
.button.basic .tel *{background-position:100% -680px;}
#contents .button.basic .homego a[target="_blank"]{background:url(/images/prog/common/btn_bgtotal.gif) no-repeat 100% -600px;text-decoration:none;}
#contents .button.basic .typeB a[target="_blank"]{background:url(/images/prog/common/btn_bgtotal.gif) no-repeat 100% -520px;text-decoration:none;}
Button Small
.button.small,.button.small *{height:28px;}
.button.small a,.button.small a *{line-height:28px !important;}
.button.small .typeA *,.button.small .typeB *,.button.tblebtn .typeC *{padding:0 10px;color:#fff;}
.button.small .typeA{background-position:0 -720px;}
.button.small .typeA *{background-position:100% -720px;color:#292828;}
.button.small .typeB{background-position:0 -760px;}
.button.small .typeB *{background-position:100% -760px;}
.button.tblebtn,.button.tblebtn *{height:26px;}
.button.tblebtn{font-size:0.929em;}
.button.tblebtn a,.button.tblebtn a *{line-height:26px !important;}
.button.tblebtn .typeC{background-position:0 -800px;}
.button.tblebtn .typeC *{background-position:100% -800px;}
.button.vsmall,.button.vsmall *{background:none;vertical-align:top !important;}
.button.vsmall a,.button.vsmall a *{line-height:16px !important;}
.button.vsmall{font-size:0.857em;}
.button.vsmall .typeA *,.button.vsmall .typeB *{padding:0 5px;color:#fff;}
.button.vsmall .typeA,.button.vsmall .typeA *{background:#333;}
.button.vsmall .typeB,.button.vsmall .typeB *{background:#f33a3f;}
Button Large
.button.large,.button.large *{height:36px;}
.button.large a,.button.large a *{line-height:36px !important;}
.button.large .arrowA *,.button.large .arrowB *,.button.large .arrowC *{padding:0 29px 0 13px;color:#fff;}
.button.large .arrowA{background-position:0 -840px;}
.button.large .arrowA *{background-position:100% -840px;}
.button.large .arrowA:hover{background-position:0 -890px;}
.button.large .arrowA *:hover{background-position:100% -890px;}
.button.large .arrowB{background-position:0 -940px;}
.button.large .arrowB *{background-position:100% -940px;}
.button.large .arrowB:hover{background-position:0 -990px;}
.button.large .arrowB *:hover{background-position:100% -990px;}
.button.large .arrowC{background-position:0 -1040px;}
.button.large .arrowC *{background-position:100% -1040px;}
.button.large .arrowC:hover{background-position:0 -1090px;}
.button.large .arrowC *:hover{background-position:100% -1090px;}
Button Icon Etc
ul li .btn_down{padding:0 0 0 13px;}
.btn_down,.btn_down *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;vertical-align:top;font-weight:700;white-space:nowrap;cursor:pointer;}
.btn_down span{padding:0 0 0 6px;border-left:1px solid #e0e0e0;}
.btn_down span a{min-width:20px;min-height:22px;background:url(/images/prog/common/ico_file.gif) no-repeat;text-indent:27px;}
.btn_down span.pdf a{background-position:0 0;}
.btn_down span.hwp a{background-position:0 -25px;}
.btn_down span.xls a{background-position:0 -50px;}
.btn_down span.doc a{background-position:0 -75px;}
.btn_down span.ppt a{background-position:0 -100px;}
.basic_table .btn_down span,
.basic_table .btn_down span a{width:20px;height:22px;overflow:hidden;}
.basic_table .btn_down span{padding:0;border-left:0 none;}
.basic_table .btn_dozwn span a{font-size:0;line-height:0;text-indent:0;}
.btn_prog{display:inline-block;padding:0 15px;border:0;background:#5c5c5f;font-weight:700;color:#fff;vertical-align:middle;}
.btn_prog:hover,.btn_prog:focus{background:#5c5c5f;} */
.board_butt input[type="button"],.board_butt input[type="reset"],.board_butt input[type="submit"]{height:30px;}

.box_type1 .policy{background-color:#fff;height: 310px;overflow-y: scroll;margin-bottom: 10px}
.box_type1 .policy > ul > li{margin-bottom:20px}

.tbl_basic.sub04_02 tbody th{width:15%}

@media screen and (max-width:768px){
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], select, textarea{width:100%}
	.tbl_basic.sub04_02 tbody tr td .h_type{display:block;}
	input.phone, select.phone, input.email, select.email{width:47% !important}
	input.before_tx{width:50% !important}
}


.diagram_circle{padding:0 0 30px;text-align:center;}
.diagram_circle .circle{display:inline-block;padding:70px 0;margin-left:2%;width:286px;height:286px;vertical-align:top;}
.diagram_circle .circle h2{padding:0;margin:0;background:none;font-size:24px;border:none;color:#fff;text-align:center;}
.diagram_circle .circle h2 em{display:block;font-weight:bold;}
.diagram_circle .circle h2:before{display:none;}
.diagram_circle .circle.bg1{display:inline-block;width:240px;height:240px;margin-left:0;background-color:#5d616b}
.diagram_circle .circle.bg2{display:inline-block;width:240px;height:240px;margin-left:0;background-color:#6c6153}
.diagram_circle .circle.bg3{display:inline-block;width:240px;height:240px;margin-left:0;background-color:#303446}
.diagram_circle .circle p{padding:0;margin:0;color:#fff;text-align:center;}
.diagram_circle .circle p span{display:block;}
.diagram_circle .circle p strong{display:block;padding:15px 0;font-size:24px;line-height:30px;}

@media only screen and (max-width:1023px){
	.diagram_circle .circle{padding:60px 0 0;width:240px;height:240px;border-radius:100%;}
	.diagram_circle .circle.bg1{padding-top:45px;background-position:50% 50%;}
	.diagram_circle .circle h2{font-size:22px;}
	.diagram_circle .circle p strong{padding:10px 0;font-size:20px;line-height:26px;}
}

@media only screen and (max-width:767px){
	.diagram_circle .circle{margin:0;padding:20px;width:100%;height:auto;border-radius:0;}
	.diagram_circle .circle.bg1{padding:20px 20px}
	.diagram_circle .circle h2{position:relative;display:inline-block;}
	.diagram_circle .circle p strong{display:inline;padding:0;font-size:14px;line-height:21px;}
	.diagram_circle .circle.bg3 p strong,
	.diagram_circle .circle p strong span{display:block;}
	.diagram_circle .circle h2 em{display:inline;}
}

.preview .diagram_circle{margin-bottom:50px;}
.preview .diagram_circle .circle{margin:0 0 0 1%;padding:45px 20px 0;width:246px;height:246px}
.preview .diagram_circle .circle.bg1{margin-left:0;padding-top:35px;}
.preview .diagram_circle .circle h3{display:inline-block;position:relative;margin:0 0 10px 0;padding-right:15px;min-height:34px;font-size:15px;color:#fff;background:none;}
.preview .diagram_circle .circle.bg3 h3{line-height:38px;}
.preview .diagram_circle .circle h3 em{display:block;font-weight:bold;}
.preview .diagram_circle .circle p{position:relative;padding:0;font-size:14px;background:none;}
.preview .diagram_circle .circle p.toptxt{margin-bottom:20px;padding-bottom:15px;background:url(/images/kr/sub04/040101_line.png) no-repeat 50% bottom;}
.preview .diagram_circle .circle p strong{font-size:24px;margin-top:20px;padding:0;}
.preview .diagram_circle .circle.bg3 p{background:none;padding-top:0;text-align:left;width:90%;margin:0 auto;}
.preview .diagram_circle .circle.bg3 p strong{font-size:20px;margin:0 0 5px;}
.preview .diagram_circle .circle.bg3 p strong span{display:block;}

.bx_fee{/*padding-top:50px;*/border:1px solid #e2e2e2;border-top:2px solid #5d616b;}
.bx_fee:after{content:"";display:block;clear:both;visibility:hidden;}
.bx_fee .bx{float:left;padding-top:15px;min-height:200px;border-left:1px dashed #cfcfcf;}
.bx_fee .bx.bx1{width:25%;border-left:0;}
.bx_fee .bx.bx2,
.bx_fee .bx.bx3,
.bx_fee .bx.bx4{width:25%;}
.bx_fee .bx h4{padding-top:15px;margin:0;background:none;font-size:16px;color:#000;text-align:center;font-weight:bold}
.bx_fee .bx h4 span{display:block;font-size:13px;/*color:#a3a3a3;*/color:#555;font-weight:normal;}
.bx_fee .bx .lst_fee{margin-top:35px;padding:0 14%;}
.bx_fee .bx.bx2 .lst_fee{margin-top:15px;}
.bx_fee .bx .lst_fee li{margin-bottom:5px;}
.bx_fee .bx .lst_fee li b{display:inline-block;margin-right:15px;width:28px;height:28px;border-radius:100%;font-size:12px;color:#fff;line-height:28px;text-align:center;vertical-align:middle;}
.bx_fee .bx .lst_fee li b.private{background:#5d616b;}
.bx_fee .bx .lst_fee li b.group{background:#f46711;}
.bx_fee .bx .lst_fee li em{display:inline-block;font-size:18px;line-height:28px;vertical-align:middle;}



@media only screen and (max-width:1199px){
	.preview .diagram_circle .circle{padding-top:30px;width:230px;height:230px;}
	.preview .diagram_circle .circle.bg1{padding-top:20px;}
	.bx_fee .bx.bx4{padding:0 15px;}
}
@media only screen and (max-width:1023px){
	.preview .ico[class*="nico"]{margin:0 12px 0 -70px;}
	.preview .diagram_circle:after{content:"";display:block;clear:both;visibility:hidden;}
	.preview .diagram_circle .circle{float:left;padding:30px 15px;margin:0;width:33.33%;border-radius:0;}
	.preview .diagram_circle .circle.bg4 p strong{margin-bottom:15px;}
	.bx_fee{padding-top:0;}
	.bx_fee .bx{padding-bottom:15px;min-height:0}
	.bx_fee .bx.bx1,
	.bx_fee .bx.bx2,
	.bx_fee .bx.bx3,
	.bx_fee .bx.bx4{width:50%;}
	.bx_fee .bx.bx3,
	.bx_fee .bx.bx4{border-top:1px dashed #ddd;}
}
@media only screen and (max-width:767px){
	.preview .diagram_circle .circle{padding:30px;width:50%;}
	.preview .diagram_circle .circle p strong{display:block;}
}

@media only screen and (max-width:639px){
	.bx_fee .bx[class^="bx"]{float:none;padding:0 10px 15px;width:100%;min-height:0;border:0;border-top:1px dashed #a3a3a3;}
	.bx_fee .bx.bx4 .bx_discnt{margin:0;}
	.bx_fee .bx[class^="bx"]:after{content:"";display:block;clear:both;visibility:hidden;}
	.bx_fee .bx[class^="bx"] h4{text-align:left;}
	.bx_fee .bx[class^="bx"] .lst_fee{float:left;margin-top:15px;padding:0;width:70%;text-align:left;}
	.bx_fee .bx.bx1{border-top:0;}
}

@media only screen and (max-width:500px){
	.preview .diagram_circle .circle{float:none;width:100%;height:auto;}
}

.txtwrap.sub01_01{padding-top:60px}
.txtwrap.sub01_01 p{line-height:22px;margin-bottom: 20px}
.txtwrap.sub01_01 .cy_director{margin-top:50px;font-size: 18px}


/* 조직도 */

.organ_wrap{border:1px solid #ddd;}
.organ_img{margin: 0 auto;width: 100%;text-align: center;padding: 60px 0 80px;background:url(/images/museum/sub01/sub01_03_bg1.png) no-repeat right top;}
.inquiry.ui.uit{margin:30px;}

@media only screen and (max-width:767px){
	.organ_img{background:none;}
}

/* 연혁 */

.uipt.ptintro.history .item{bottom:0;top:0;right:0;background-color:#6c6153;opacity:0.95;padding:30px 42px 30px 70px;}
.uipt.ptintro.history .item:before{position:absolute;top:0;right:515px;content:"";display:block;width:1px;height:100%;background-color:#fff;opacity:0.2;}
.uipt.ptintro.history .item ul li b{position:relative;padding:0 7px;color: #fff;font-size: 25px;font-weight: normal;background:url(/images/museum/sub01/history_bg.png);}
.uipt.ptintro.history .item ul li b:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background-color:#fff;position:absolute;left:-30px;top:40%;}
.uipt.ptintro.history .item ul li ul{padding:10px 0 30px 0}
.uipt.ptintro.history .item ul li ul li{color:#fff;font-size:15px}
.uipt.ptintro.history .item ul li ul li span{display:inline-block;text-align:left;width:18%;letter-spacing: 1px}

@media (max-width: 1395px){
	.uipt.ptintro.history .item:before{right:405px;}
}

@media only screen and (max-width:767px){
	.uipt.ptintro.history .item{left:0;width:100%;}
	.uipt.ptintro.history .item:before{right:0;left:44px;}
}

@media only screen and (max-width:467px){
	.uipt.ptintro.history,
	.uipt.ptintro.history .thm_box{height:750px}
	.uipt.ptintro.history .item ul li b{font-size:20px}
	.uipt.ptintro.history .item ul li ul{padding:10px 0;}
	.uipt.ptintro.history .item ul li ul li span{display:block}
}

.uipt.ptintro.guide{max-height:265px;overflow:hidden;margin-bottom:50px}
.uipt.ptintro.guide .item{width:45%;bottom:0;top:0;right:0;background-color:#6c6153;opacity:0.95;padding:40px}
.uipt.ptintro.guide .item p{font-size: 16px;opacity:0.8;margin-top: 35px;}
.uipt.ptintro.guide .item strong{position:relative;}
.uipt.ptintro.guide .item strong:after{position:absolute;bottom:-20px;content:"";display:block;width:22px;height:2px;background-color:#fff;}

.uipt.ptintro.guide .item strong.sub01_04_ti{display:block;width:209px;height:58px;background:url(/images/museum/sub01/sub01_04_top_tit.png) no-repeat;font-size:0;}
.uipt.ptintro.guide .item strong.sub04_01_01_ti{display:block;width:91px;height:25px;background:url(/images/museum/sub04/sub04_01_01_top_tit.png) no-repeat;font-size:0;}
.uipt.ptintro.guide .item p.sub04_01_01_tx{font-size:13px}
.uipt.ptintro.guide .item strong.sub04_02_03_ti{display:block;width:91px;height:25px;background:url(/images/museum/sub04/sub04_02_03_top_tit.png) no-repeat;font-size:0;}
.uipt.ptintro.guide .item p.sub04_02_03_tx{font-size:13px}

.ui.uip.type3.guide{padding-bottom:30px;border-bottom:1px solid #ddd;}

@media only screen and (max-width:767px){
	.uipt.ptintro.guide{max-height:200px;overflow:hidden;margin-bottom:50px}
	.uipt.ptintro.guide .item{left:0;width:100%;}
	.uipt.ptintro.guide .item p{display:none}
}

.goto_reserve{clear:both;width:250px;height:60px;line-height:60px;display:block;background-color:#f46711;color:#fff !important;text-align:center;margin:0 auto;margin-top:50px;}
.goto_reserve:hover, .goto_reserve:focus, .goto_reserve:active{color:#fff;background-color:#737888}

.lst_note{margin-top:40px;}
.lst_note:after{content:"";display:block;clear:both;visibility:hidden;}
.lst_note li{position: relative;float: left;margin-bottom: 20px;width: 49%;min-height: 76px;border: 1px dashed #ddd;padding: 15px;}
.lst_note li.le_no{margin-right:2%}
.lst_note li p{display:inline-block;margin:0;padding-left:19px;background:url(/images/museum/common/list_bul_1.png) no-repeat 0 7px;vertical-align:middle;}


@media only screen and (max-width:767px){
	.lst_note li{float:none;width:100%;}
	.lst_note li.le_no{margin-right:0%}
}

.tbl_basic.margin_bot{margin-bottom:50px}


.video-box{height:auto;overflow:hidden;padding-bottom:30px;background-color:#f9f9f9;}
.video-box:after{content:"";display:block;visibility:hidden;clear:both}
.video-box .video{float:none; width:100%;text-align: center;height:504px}
.video-box .video .mvideo{position:relative;width:100%;height:100%}
.video-box .video .mvideo video{display:block;position:absolute;top:0;left:0;width:100%;height:100%}

.video-box .ui-video-txt{height:100%;padding:30px 40px}

.video-box .ui-video-txt h3{margin:0;padding-bottom:10px;margin-bottom:0;color:#121212;font-family:'nsr','Malgun Gothic';font-size:22px;line-height:1.2;font-weight:600;background:none;padding-left:0;border-bottom:0}
.video-box .ui-video-txt .inner-txt{overflow:auto;}
.video-box .ui-video-txt .inner-txt p{color:#555;font-size:13px;line-height:1.4}

.ui-video-txt{width:100%;margin:10px 0 0 0;font-size:16px;line-height: 27px;}



/* 사이트맵 sitemap */

.sitemap{position:relative;}
.sitemap *{font-family:'nsr', sans-serif}
.sitemap li{display:inline-block;float:left;position:relative;width:100%;margin:0 0 50px;}
.sitemap li .sitemapArea{display:inline-block;float:left;width:100%;border-top:1px solid #c9c8c8}
.sitemap li .sitemapLft{display:inline-block;float:left;width:20%;}
.sitemap li .sitemapRgt{display:inline-block;float:left;width:80%;margin-left:-1px;padding:10px 0;}
.sitemap li h4{margin-bottom:0;font-size:1.286em;line-height:3.55em;color:#000;text-align:left;}
:root #container .sitemap li h4{font-size:1.286em;margin:0;}
.sitemap li h4 span{font-size:22px;font-weight:bold}
.sitemap li h4>span:before{content:"";display:inline-block;width:40px;height:40px;background:url(/images/museum/common/bg_title_sitemap.png) no-repeat;margin-right:15px;vertical-align:middle}
.sitemap li .site02>span:before{background-position: -70px 0}
.sitemap li .site03>span:before{background-position: -140px 0}
.sitemap li .site04>span:before{background-position: -210px 0}
.sitemap li .site05>span:before{background-position: -280px 0}
.sitemap li ul{display:inline-block;float:left;width:25%;}
.sitemap li ul li{display:inline-block;float:left;margin:0;border:0 none;}
.sitemap li ul li h5{margin:0;padding:0;background:none;font-size:1.143em;color:#5f5e5e;}
.sitemap li ul li h5 a{position:relative;display:block;padding:9px 18px 9px 34px;}
.sitemap li ul li h5 a:before{content: '';position: absolute;left: 20px;top: 45%;width: 6px;height: 2px;background: #000;}
.sitemap li ul ul{display:inline-block;float:left;width:auto;padding:0 0 9px 25px;border:0 none;}
.sitemap li ul ul li{display:block;float:none;width:auto;margin:2px 0;}
.sitemap li ul ul li a{display:block;padding-left:9px;background:url(/images/mayor/common/bul_li_th1.gif) no-repeat 0 9px;}
@media only all and (max-width:1024px){
	.sitemap li ul{width:33.3%;}
}

@media only all and (max-width:786px){
	.sitemap li .sitemapLft,
	.sitemap li .sitemapRgt{display:block;float:none;width:100%}
}

@media only all and (max-width: 480px){
	.sitemap li ul {width: 50%;}

}

#krpano{width:100%;height:100%;}

.adult{overflow:hidden;}
.adult .adultwrap{float:left; width:384px; height:300px; margin:30px; border:1px solid #e0e0e0; background:#f9f9f9;}
.adult .adultwrap h5,.adult .adultwrap h5+p{padding:20px; margin:0;}
.adult .adultwrap h5{font-size:1.43em; border-bottom:3px double #e0e0e0; background:#fff;}
.adult .adultwrap h5+p{height:140px; font-size:1.07em;}
.adult .adultwrap strong{display:block; margin-bottom:5px; font-size:1.14em;}

/* 버튼 스타일이 없어서 추가 / 윤정환 / 20220727 Start */
.adult .button *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;background:url(/images/prog/common/btn_bgtotal.gif) no-repeat;line-height:18px !important;vertical-align:middle !important;white-space:nowrap;cursor:pointer;}
/* 버튼 스타일이 없어서 추가 / 윤정환 / 20220727 End  */
.button.large,.button.large *{height:36px;}
.button.large a,.button.large a *{line-height:36px !important;}
.button.large .arrowA *,.button.large .arrowB *,.button.large .arrowC *{padding:0 29px 0 13px;color:#fff;}
.button.large .arrowA{background-position:0 -840px;}
.button.large .arrowA *{background-position:100% -840px;}
.button.large .arrowA:hover{background-position:0 -890px;}
.button.large .arrowA *:hover{background-position:100% -890px;}
.button.large .arrowB{background-position:0 -940px;}
.button.large .arrowB *{background-position:100% -940px;}
.button.large .arrowB:hover{background-position:0 -990px;}
.button.large .arrowB *:hover{background-position:100% -990px;}
.button.large .arrowC{background-position:0 -1040px;}
.button.large .arrowC *{background-position:100% -1040px;}
.button.large .arrowC:hover{background-position:0 -1090px;}
.button.large .arrowC *:hover{background-position:100% -1090px;}





/******************************************** 2017.06.01 안성철 추가 시작 ********************************************/

.box_wrap{ width:100%; padding:0; margin:0; display:inline-block; box-sizing:border-box;}
.br{ display:block;}





/* sub01_01 인사말 */
.box_wrap.id_sub01_01{ background:url(/images/museum/sub01/sub01_01_bg_01.jpg) no-repeat 0 70px; padding-top:105px; padding-left:416px;}
.box_wrap.id_sub01_01 h2{ font-size:25px; color:#000; line-height:36px; padding-right:50px; margin-bottom:40px; box-sizing:border-box; position:relative; z-index:0;}
.box_wrap.id_sub01_01 h2:before{ display:none;}
.box_wrap.id_sub01_01 h2 .txt_img{ width:265px; height:58px; background:url(/images/museum/sub01/sub01_01_txt_01.gif) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; z-index:-1; top:-15px; left:0;}
.box_wrap.id_sub01_01 h2 .br{ padding-left:270px; box-sizing:border-box;}
.box_wrap.id_sub01_01 p{ font-size:17px; color:#555; line-height:30px;}
.box_wrap.id_sub01_01 p + p{ margin-top:30px;}
.box_wrap.id_sub01_01 .txt_sign{ font-size:20px; color:#333;}
@media(max-width:1000px){
	.box_wrap.id_sub01_01{ background-size:30% auto; padding-top:50px; padding-left:40%;}
	.box_wrap.id_sub01_01 h2{ padding-right:0;}
}
@media(max-width:480px){
	.box_wrap.id_sub01_01{ background:none; padding-top:0; padding-left:0;}
	.box_wrap.id_sub01_01 h2 .txt_img{ width:230px; height:50px; background-size:100% auto; top:-10px;}
	.box_wrap.id_sub01_01 h2 .br{ padding-left:235px;}
}





/* sub01_02 연혁 */
.box_wrap.id_sub01_02{ background:url(/images/museum/sub01/sub01_02_img_01.jpg) no-repeat center 0; background-size:cover; position:relative; letter-spacing:-1.5px;}
.box_wrap.id_sub01_02 dl{ width:370px; height:100%; padding:64px 30px 64px 64px; display:inline-block; box-sizing:border-box; float:right; position:relative; z-index:0;}
.box_wrap.id_sub01_02 dl:after{ width:1px; height:100%; background-color:#fff; content:""; position:absolute; top:0; left:40px;}
.box_wrap.id_sub01_02 dl:before{ width:100%; height:100%; background-color:#6c6153; content:""; opacity:0.9; position:absolute; top:0; left:0; z-index:-1;}
.box_wrap.id_sub01_02 dl dt{ background:url(/images/museum/sub01/sub01_02_tit_bg.png) repeat 0 0; font-size:22px; color:#fff; line-height:30px; padding:0 5px; margin-bottom:5px; display:inline-block; position:relative;}
.box_wrap.id_sub01_02 dl dt:before{ width:9px; height:9px; background-color:#fff; content:""; border-radius:4.5px; position:absolute; top:11px; left:-28px;}
.box_wrap.id_sub01_02 dl dd{ width:100%; font-size:14px; color:#fff; line-height:20px; padding-left:60px; display:inline-block; box-sizing:border-box; position:relative;}
.box_wrap.id_sub01_02 dl dd span{ width:60px; font-size:14px; line-height:20px; display:inline-block; position:absolute; top:0; left:0;}
.box_wrap.id_sub01_02 dl dd + dd{ margin-top:5px;}
.box_wrap.id_sub01_02 dl dd + dt{ margin-top:30px;}
@media(max-width:560px){
	.box_wrap.id_sub01_02 dl{ width:100%;}
}





/* sub03_03 문화재기증 */
.box_wrap.id_sub03_03_n1{ margin-bottom:20px;}
.box_wrap.id_sub03_03_n1 .topBox_wrap{ width:100%; background:url(/images/museum/sub03/sub03_03_img1.jpg) no-repeat 0 0; background-size:95% auto; height:0; padding-bottom:50.4%; margin-bottom:50px; position:relative;}
.box_wrap.id_sub03_03_n1 .topBox_wrap .title{ width:560px; height:141px; background-color:#f46711; font-size:18px; color:#fff; line-height:24px; padding:90px 50px 30px 50px; box-sizing:border-box; position:absolute; bottom:0; right:0;}
.box_wrap.id_sub03_03_n1 .topBox_wrap .title span{ width:338px; height:52px; background:url(/images/museum/sub03/sub03_03_tit_img.png) no-repeat 0 0; text-indent:-9999px; position:absolute; bottom:64px;}
.box_wrap.id_sub03_03.n1 p{ font-size:15px; color:#555; line-height:30px;}
@media(max-width:680px){
	.box_wrap.id_sub03_03_n1 .topBox_wrap{ background-size:100% auto;}
	.box_wrap.id_sub03_03_n1 .topBox_wrap .title{ width:100%; height:auto; background-color:transparent; padding:80px 6% 4% 6%; z-index:0;}
	.box_wrap.id_sub03_03_n1 .topBox_wrap .title:before{ width:100%; height:100%; background-color:#f46711; content:""; opacity:0.8; position:absolute; bottom:0; right:0; z-index:-1}
	.box_wrap.id_sub03_03_n1 .topBox_wrap .title span{ bottom:auto; top:20px;}
}
@media(max-width:460px){
	.box_wrap.id_sub03_03_n1 .topBox_wrap .title{ padding-top:22%;}
	.box_wrap.id_sub03_03_n1 .topBox_wrap .title span{ width:88%; height:0; background-size:88% auto; padding-bottom:12%; bottom:auto; top:20px; left:6%;}
}

.box_wrap.id_sub03_03_n2{ background:url(/images/museum/sub03/sub03_03_icon_01.jpg) no-repeat 30px center; padding:35px 35px 35px 110px; border:1px solid #ddd;}
.box_wrap.id_sub03_03_n2 p{ font-size:15px; color:#303132; line-height:20px;}
@media(max-width:460px){
	.box_wrap.id_sub03_03_n2{ background:none; padding:6%;}
}





/* sub03_03 문화재기증 */
.id_sub01_04_n1.uipt.ptintro.guide{ background:url(/images/museum/sub01/sub01_04_tit_icon.gif) no-repeat 50px center; border:1px solid #ddd; overflow:visible;}
.id_sub01_04_n1.uipt.ptintro.guide .box_col{ overflow:visible;}
.id_sub01_04_n1.uipt.ptintro.guide .item{ width:100%; background-color:transparent; padding-left:224px; box-sizing:border-box; position:relative;}
.id_sub01_04_n1.uipt.ptintro.guide .item strong.sub01_04_ti{ width:386px; height:25px; background:url(/images/museum/sub01/sub01_04_tit_txt.gif) no-repeat 0 0;}
.id_sub01_07_n1.uipt.ptintro.guide .item strong:after{ background-color:#f9b888;}
.id_sub01_04_n1.uipt.ptintro.guide .item p{ width:276px; font-size:15px; color:#333; line-height:22px;}
@media(max-width:767px){
	.id_sub01_04_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_04_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_04_n1.uipt.ptintro.guide .item p{ display:inline-block;}
}
@media(max-width:480px){
	.id_sub01_04_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_04_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_07_n1.uipt.ptintro.guide .item strong:after{ display:none;}
	.id_sub01_04_n1.uipt.ptintro.guide .item p{ display:inline-block;}
	.id_sub01_04_n1.uipt.ptintro.guide .item strong.sub01_04_ti{ width:100%; background-size:100% auto;}
	.id_sub01_04_n1.uipt.ptintro.guide .item p{ width:100%; margin-top:10px;}
}

.id_sub01_04_n2.preview .diagram_circle{ width:100%; padding:0; margin-bottom:20px; display:inline-block;}
.id_sub01_04_n2.preview .diagram_circle .circle{ width:32.5%; height:230px; padding:0; padding-top:45px; margin:0; float:left;}
.id_sub01_04_n2.preview .diagram_circle .circle + .circle{ margin-left:1.25%;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg1{ background-color:#f4b711;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg2{ background-color:#f47111;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg3{ background-color:#898681;}
.id_sub01_04_n2.preview .diagram_circle .circle h3{ font-weight:normal; font-size:20px; color:#fff; border:0; position:relative;}
.id_sub01_04_n2.preview .diagram_circle .circle h3:before{ width:38px; height:1px; background-color:#fff; content:""; margin-left:-19px; opacity:0.3; position:absolute; bottom:0; left:50%;}
.id_sub01_04_n2.preview .diagram_circle .circle p{ font-size:15px;}
.id_sub01_04_n2.preview .diagram_circle .circle p strong{ font-size:27px;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg1 h3:before{ background-color:#000;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg1 h3,
.id_sub01_04_n2.preview .diagram_circle .circle.bg1 p{ color:#4b401a;}
.id_sub01_04_n2.preview .diagram_circle .circle.bg3 p{ text-align:center;}
@media(max-width:767px){
	.id_sub01_04_n2.preview .diagram_circle .circle{ width:100%;}
	.id_sub01_04_n2.preview .diagram_circle .circle + .circle{ margin:0;}
}

.id_sub01_04_n3.inquiry.ui.uit{ margin:30px 0 0 0;}





/* sub03_03 문화재기증 */
.id_sub01_07_01_n1.uipt.ptintro.guide{ max-height:none; background:url(/images/museum/sub01/sub01_07_tit_icon.gif) no-repeat 50px center; border:1px solid #ddd; overflow:visible;}
.id_sub01_07_01_n1.uipt.ptintro.guide .box_col{ overflow:visible;}
.id_sub01_07_01_n1.uipt.ptintro.guide .item{ width:100%; background-color:transparent; padding-left:224px; box-sizing:border-box; position:relative;}
.id_sub01_07_01_n1.uipt.ptintro.guide .item strong.sub04_01_01_ti{ width:91px; height:25px; background:url(/images/museum/sub01/sub01_07_tit_txt.gif) no-repeat 0 0; position:relative;}
.id_sub01_07_01_n1.uipt.ptintro.guide .item strong:after{ background-color:#f9b888;}
.id_sub01_07_01_n1.uipt.ptintro.guide .item p{ font-size:15px; color:#333; line-height:22px;}
@media(max-width:767px){
	.id_sub01_07_01_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item p{ display:inline-block;}
}
@media(max-width:480px){
	.id_sub01_07_01_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item strong:after{ display:none;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item p{ display:inline-block;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item strong.sub01_04_ti{ width:100%; background-size:100% auto;}
	.id_sub01_07_01_n1.uipt.ptintro.guide .item p{ width:100%; margin-top:10px;}
}

.id_sub01_07_01_n2.inquiry.ui.uit{ margin:30px 0 0 0;}





/* sub03_03 문화재기증 */
.id_sub01_07_02_n1.uipt.ptintro.guide{ max-height:none; background:url(/images/museum/sub01/sub01_07_02_tit_icon.gif) no-repeat 50px center; border:1px solid #ddd; overflow:visible;}
.id_sub01_07_02_n1.uipt.ptintro.guide .box_col{ overflow:visible;}
.id_sub01_07_02_n1.uipt.ptintro.guide .item{ width:100%; background-color:transparent; padding-left:224px; box-sizing:border-box; position:relative;}
.id_sub01_07_02_n1.uipt.ptintro.guide .item strong.sub04_02_03_ti{ width:91px; height:25px; background:url(/images/museum/sub01/sub01_07_02_tit_txt.gif) no-repeat 0 0; position:relative;}
.id_sub01_07_02_n1.uipt.ptintro.guide .item strong:after{ background-color:#f9b888;}
.id_sub01_07_02_n1.uipt.ptintro.guide .item p{ font-size:15px; color:#333; line-height:22px;}
@media(max-width:767px){
	.id_sub01_07_02_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item p{ display:inline-block;}
}
@media(max-width:480px){
	.id_sub01_07_02_n1.uipt.ptintro.guide{ background:none;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item{ padding:6% 8%;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item strong:after{ display:none;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item p{ display:inline-block;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item strong.sub01_04_ti{ width:100%; background-size:100% auto;}
	.id_sub01_07_02_n1.uipt.ptintro.guide .item p{ width:100%; margin-top:10px;}
}

.id_sub01_07_02_n2.inquiry.ui.uit{ margin:30px 0 0 0;}





/* sub04_01_02 교육안내 */
.id_sub04_01_02.box_wrap ul{ width:100%; display:inline-block; border-top:1px solid #4f5c7a;}
.id_sub04_01_02.box_wrap ul li{ width:100%; min-height:274px; padding:43px 10px 43px 345px; display:inline-block; border-bottom:1px solid #e1e1e1; box-sizing:border-box; position:relative;}
.id_sub04_01_02.box_wrap ul li .thumb{ width:284px; padding:5px; border:1px solid #ddd; overflow:hidden; position:absolute; top:43px; left:10px;}
.id_sub04_01_02.box_wrap ul li .thumb img{ width:100%; height:auto;}
.id_sub04_01_02.box_wrap ul li h2{ margin:0 0 10px 0;}
.id_sub04_01_02.box_wrap ul li p{ width:100%; font-size:14px; color:#555; line-height:24px; display:inline-block;}
.id_sub04_01_02.box_wrap ul li p span{ height:27px; background:no-repeat 0 0; text-indent:-9999px; display:block;}
.id_sub04_01_02.box_wrap ul li p span.txt1{ width:249px; background-image:url(/images/museum/sub04/sub04_01_02_txt_01.gif);}
.id_sub04_01_02.box_wrap ul li p span.txt2{ width:155px; background-image:url(/images/museum/sub04/sub04_01_02_txt_02.gif);}
.id_sub04_01_02.box_wrap ul li p span.txt3{ width:214px; background-image:url(/images/museum/sub04/sub04_01_02_txt_03.gif);}
@media(max-width:680px){
	.id_sub04_01_02.box_wrap ul li{ min-height:none; padding:6% 4%;}
	.id_sub04_01_02.box_wrap ul li .thumb{ width:100%; height:auto; margin-bottom:20px; position:relative; top:auto; left:auto;}
	/*.id_sub04_01_02.box_wrap ul li p span{ display:inline-block;}
	.id_sub04_01_02.box_wrap ul li p span.txt1{ display:block; width:249px; background-image:url(/images/museum/sub04/sub04_01_02_txt_01.gif);}
	.id_sub04_01_02.box_wrap ul li p span.txt2{ display:block; width:155px; background-image:url(/images/museum/sub04/sub04_01_02_txt_02.gif);}
	.id_sub04_01_02.box_wrap ul li p span.txt3{ display:block; width:214px; background-image:url(/images/museum/sub04/sub04_01_02_txt_03.gif);}*/
}





/* sitemap_12 본인확인서비스 */
.id_sitemap_12.adult .adultwrap{ height:320px; position:relative;}
.id_sitemap_12.adult p.center{ width:100%; position:absolute; bottom:20px;}
.id_sitemap_12.adult p.center button{ color:#282a2e; border:solid 1px #ddd; padding:10px 20px; height:auto!important}
/******************************************** 2017.06.01 안성철 추가 끝 ********************************************/


/* sitemap_12 본인확인서비스 / 윤정환 / 20220727 Start */
.adult .adultwrap {position:relative; height:320px;}
.adult .adultwrap h5+p {height:auto;}
.adult .adultwrap p.center {position:absolute;bottom:20px; left:50%; transform:translateX(-50%);}
@media (max-width:1198px){
	.adult .adultwrap {width: 43%;margin: 30px 3%;height: auto;min-height: 350px;}
}
@media (max-width:767px){
	.adult .adultwrap {margin:30px 1%; width:48%;}
}
@media (max-width:600px){
	.adult .adultwrap {width:100%; min-height:auto;}
	.adult .adultwrap p.center {position:initial; transform:translateX(0); margin:0 0 20px 0;}
}
/* sitemap_12 본인확인서비스 / 윤정환 / 20220727 End */