.op0 {opacity: 0; cursor: none;}
/* sub-common */
.op0 {opacity: 0; cursor: none;}
.sub-common {}
.sv-wrap{height: 400px; width: 100%; position: relative; overflow: hidden;}
.sv{height: 400px; width: 100%; position: relative; overflow: hidden;}
.sv-txt{top: 53%; left: 50%; width: 1260px; position: absolute; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: right;}
.sv-txt p{font-size: 50px; line-height:40px; letter-spacing:-0.5px; font-weight: bold; color: #fff; margin-top: 10px;}
.sv-txt span{font-size: 25px; line-height:40px; letter-spacing:-0.5px; font-weight: 400; color: #fff;}
.sv-bg01{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/sv-bg04.jpg) center center no-repeat; background-size: cover;}
.sv-bg05{background: url(../img/sv-bg05.jpg) center center no-repeat; background-size: cover;}

.s-nav-wrap{box-sizing:border-box; border-bottom: 1px solid #ddd; background: #fff;}
.s-nav-home{width: 55px; border-left: 1px solid #ddd; float: left;}
.s-nav-home a{padding-top: 21px; height: 54px; font-size: 0; display: block; text-align: center; box-sizing:border-box;}
.s-nav-home a img{width: 17px; height: 16px; display: inline-block; vertical-align: top;}
.sdep01{width: 250px; box-sizing:border-box; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: left; position: relative;}
.sdep01 > p{position: relative; font-size: 0; cursor:pointer;}
.sdep01 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px; letter-spacing:0; font-weight: 500; color: #333; display: block;}
.sdep01 > p em{top: 27px; right: 30px; width: 11px; height: 6px; display: block; position: absolute; font-style: normal;}
.sdep01 > p em img{width: 100%;}
.sdep01 > p em img.off{display: block;}
.sdep01 > p em img.on{display: none;}
.sdep01 > p.on em img.off{display: none;}
.sdep01 > p.on em img.on{display: block;}
.sdep01 ul{display: none; top: 54px; left: -1px; box-sizing:border-box; border: 1px solid #ddd; width: 250px; position: absolute; z-index: 3;}
.sdep01 ul li{border-bottom: 1px solid #ddd;}
.sdep01 ul li:last-of-type{border-bottom: 0;}
.sdep01 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px; letter-spacing:0; font-weight: 400; color: #555; box-sizing:border-box; display: block; background: #fff;}
.sdep01 ul li a:hover{background: #f5f5f5;}
.sdep02{width: 250px; box-sizing:border-box; border-right: 1px solid #ddd; float: left; position: relative;}
.sdep02 > p{position: relative; font-size: 0; cursor:pointer;}
.sdep02 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px; letter-spacing:0; font-weight: 500; color: #333; display: block;}
.sdep02 > p em{top: 27px; right: 30px; width: 11px; height: 6px; display: block; position: absolute; font-style: normal;}
.sdep02 > p em img {width: 100%;}
.sdep02 > p em img.off{display: block;}
.sdep02 > p em img.on{display: none;}
.sdep02 > p.on em img.off{display: none;}
.sdep02 > p.on em img.on{display: block;}
.sdep02 ul{display: none; top: 54px; left: -1px; box-sizing:border-box; border: 1px solid #ddd; width: 251px; position: absolute; z-index: 3;}
.sdep02 ul li{border-bottom: 1px solid #ddd;}
.sdep02 ul li:last-of-type{border-bottom: 0;}
.sdep02 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px; letter-spacing:0; font-weight: 400; color: #555; box-sizing:border-box; display: block; background: #fff;}
.sdep02 ul li a:hover{background: #f5f5f5;}
/* .sub-content img{width: 100%; display: block;} */
.m-simg{display: none;}
/* sub-common */

/* 예약접수(공통) */
.booking1 .tbl-type {width: 100%; font-size: 15px; border-top: 2px solid #333; border-bottom: 1px solid #333; table-layout: fixed;  box-sizing: border-box; margin-bottom: 30px;}
.booking1 .tbl-type th {background: #f7f7f7; border-right: 1px solid #ddd; line-height: 65px; text-align: left; padding-left: 25px; } 
.booking1 .tbl-type tr {border-bottom: 1px solid #ddd;} 
.booking1 .tbl-type td {padding: 15px 25px;} 
.booking1 .tbl-type tr:last-child {border-bottom: 1px solid #333;} 
.booking1 .tbl-type select {
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    font-family: 'Noto Sans KR';
    background: url(../img/sub/ar-bt.png) no-repeat center right 10px;
    padding: 10px 50px 10px 35px;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    border-color: #ddd;
    margin-left: 25px;
    margin-right: 10px;
}
.booking1 .tbl-type select::-ms-expand {
    display: none;/* for IE10,11 */
}
.booking1 .tbl-type .btn-calendar {background: url(../img/sub/btn_calendar.png) no-repeat center 5px; width: 30px; height: 34px; vertical-align: top; display: inline-block; font-size: 0; text-indent: -4000px; margin-left: 25px;}
.booking1 .tbl-type .btn-pack {background: #333; display: inline-block; width: 100px; height: 40px; text-align: center; margin: 0 15px; }
.booking1 .tbl-type .btn-pack button {border: none; background: none; color: #fff; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR'; width: 100%; height: 100%; cursor: pointer;}
.booking1 .tbl-type select:last-child, 
.booking1 .tbl-type select:first-child {margin-left: 0;}
.inline {display: inline; font-size: 25px; font-weight: 300;}
.booking1 .tbl-type .text_field {width: 28%; height: 43px; padding: 0 10px; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR'; border: 1px solid #ddd;}
.booking1 .tbl-type #name_01,
.booking1 .tbl-type #name_02,
.booking1 .tbl-type #school_01,
.booking1 .tbl-type #f_participant_grade
 {width: 100%;}

.booking1 .tbl-type2 {border: 1px solid #ddd; width: 100%; }
.booking1 .tbl-type2 caption {text-indent: -20000px; height: 0; overflow: hidden; font-size: 0; line-height: 0;}
.booking1 .tbl-type2 th {background: #f7f7f7; height: 70px;}
.booking1 .tbl-type2 .tit {font-size: 20px; letter-spacing: -1px; color: #222; font-weight: 600;}
.booking1 .tbl-type2 .txt {font-size: 15px; color: #333; font-weight: 400;}
.booking1 input[type="radio"] {width: 20px; height: 20px; vertical-align: top; margin-top: 0; }
.booking1 .tbl-type2 .txt label {line-height: 20px; margin-right: 50px;}
.booking1 .tbl-type2 .agree-box {width: 100%; height: 240px; background: #fff;display: inline-block; font-size: 15px; color: #333; font-family: 'Noto Sans KR'; letter-spacing: -1px; font-weight: 400; vertical-align: middle; padding: 25px 70px; box-sizing: border-box; overflow: auto;}
.booking1 .i-opt {margin-left: 5px; line-height: 40px; display: block;}

.agree-box p {font-size: 13px; color: #333; line-height: 18px;}
.agree-box .fwb {font-weight: bold; padding: 0 0 5px; color: #000;}
.agree-box .sml {padding: 2px 0 2px 0; display: inline-block;}
.agree-box .tdu {text-decoration: underline;}

/* 예약접수(공통) */

/* 예약접수(단체) */
.booking1 #group_name{width: 100%;}
.booking1 .tbl-type tr:nth-child(4) td label {line-height: 20px; margin-right: 20px;}
.booking1 .tbl-type tr:nth-child(5) td label {line-height: 20px; margin-right: 20px;}
.booking1 .tbl-type .agree-box {width: 100%; height: 180px; border-radius: 0; -webkit-appearance: none; border: 1px solid #ddd; resize: none; display: inline-block; font-size: 15px; color: #333; font-family: 'Noto Sans KR'; box-sizing: border-box;}
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}
.booking2 .i-opt {display: inline-block;}
/* 예약접수(단체) */

/* 예약접수(교육) */
.edu1 .tbl-type .at {margin: 0 1%;}
.edu1 .tbl-type #e_mail2 {margin-right: 1%;}
.edu1 .tbl-type #age_01 {width: 100%;}
.edu1 .i-opt {display: inline-block;}
/* 예약접수(교육) */

/* 시설안내 ( 공통 ) */
.about6 .sub-cont {font-size: 0; text-align: center;}
.about6 .contents-wr { box-sizing: border-box; margin-bottom: 80px; width: 33.33%; display: inline-block; vertical-align: top;}
.about6 .contents-wr:last-child { margin-bottom: 0; }
.about6 .content > div:first-child { border-radius: 50%; overflow: hidden; width: 260px; height: 260px; margin: 0 auto; }
.about6 .content .img {height: 100%;}
.about6 .content .txt-area {text-align: center;}
.about6 .txtbx h4 { letter-spacing: -1px; font-weight: 600; margin-bottom: 20px; margin-top: 40px; color: #333; font-size: 25px; }
.about6 .txtbx p { font-size: 18px; color: #666; letter-spacing: -1px; line-height: 30px; margin-bottom: 20px;  }
.about6 .ab-btn a { width: 150px; height: 50px; display: inline-block; line-height: 47px; text-align: center; overflow: hidden; position: relative; color: #0083cb; font-size: 16px; font-weight: 500; border: 2px solid #0083db; box-sizing: border-box; transition: all .3s;  }
.about6 .ab-btn a::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; background: #0083cb; height: 100%; transition: all .3s; z-index: -1; height: 50px; line-height: 50px; }
.about6 .ab-btn a:hover { color: #fff; border: none; box-sizing: border-box; }
.about6 .ab-btn a:hover::after { width: 100%; }
.about6 .txtbx .list li { position: relative; margin-bottom: 20px; margin-left: 1em; line-height: 28px; }
.about6 .txtbx .list li::before { content: '·'; display: block; position: absolute; color: #0083cb; width: 1em; margin-left: -1em; }
.about6 .txtbx .list li span { font-size: 20px; color: #666; letter-spacing: -1px; }
.last_box {border-top: 1px solid #ddd; padding: 80px 25px 0; box-sizing: border-box; margin: 0 50px;}
.last_box h4 {font-size: 30px; color: #333; letter-spacing: -1px; margin-bottom: 20px; font-weight: 600;}
.last_box span {font-size: 20px; color: #666; letter-spacing: -1px; font-weight: 400;}
/* 시설안내 ( 공통 ) */

/* faq */
.boardSeachArea{padding: 28px 30px; box-sizing: border-box; border: 1px solid #ddd; margin-bottom: 60px;}
.boardSearch{text-align: center; font-size: 0;}
.boardSearch select{border-radius: 0; appearance: none;/* 화살표 없애기 공통 */ margin-right: 8px; padding: 0 15px; width: 176px;font-size: 15px; color: #333; line-height: 43px; height: 45px;background: #fff url(../img/selectBg.png) no-repeat top 20px right 10px; background-size: 9px 5px; font-weight: 300; display: inline; vertical-align: top;border: 1px solid #ddd; box-sizing: border-box;}
.boardSearch input[type="text"]{padding: 0 15px; width: 400px; font-size: 14px; line-height: 43px; height: 45px; font-weight: 400; color: #333; box-sizing: border-box; border: 1px solid #ddd; display: inline-block; vertical-align: top;}
.boardSearch input[type="button"]{width: 51px; height: 45px; background: url(../img/searchIcon.jpg) center center no-repeat; background-size: cover; font-size: 0; text-indent: -9999px; cursor: pointer; box-sizing: border-box; margin: 0;padding: 0; display: inline-block; vertical-align: top; border: 0;}
.pager{margin-top: 40px; font-size: 0; text-align: center;}
.pager > a{display: inline-block; vertical-align: top;}
.pager > a.prev2, .pager > a.next2{width: 34px; height: 35px; box-sizing: border-box; border: 1px solid #ccc;}
.pager > a.prev2{border-right: 0;}
.pager > a.next2{border-left: 0;}
.pager .number a.on{background: #333; border: 1px solid #333; color: #fff;}
/* faq */

.sub{padding: 80px 0 90px; box-sizing:border-box;}
.sub.pb0{padding-bottom: 0;}
.sub-title{margin-bottom: 60px; text-align: center;}
.sub-title p{font-size: 40px; line-height:1; letter-spacing:-0.05em; font-weight: 500; color: #222;}
.sub-title span{width: 30px; height: 1px; margin: 20px auto 0; display: block; background: #222;}
.pager > a img{width: 100%; height: 100%; display: block;}
.pager > a.prev1, .pager > a.next1{width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #ccc;}
.pager .number{margin: 0 15px; display: inline-block; vertical-align: top; font-size: 0;}
.pager .number a{margin-right: 5px; width: 35px; height: 35px; font-size: 14px; line-height: 33px; font-weight: 400; color: #333; border: 1px solid #ccc; text-align: center; display: inline-block; vertical-align: top; box-sizing: border-box;}

/* 인사말 */
/* .company1 .sub {padding-bottom: 0;} */
/* .company1{background: url(../img/sub/company01-cont-bg.jpg) no-repeat bottom left; background-size: 100% auto;} */
.museum_greeting{text-align: center; }
.museum_gr_tit{font-size: 35px; font-weight: 600; letter-spacing: -.5px; color: #222; margin-bottom: 55px; line-height: 52px;}
.museum_gr_txt{font-size: 18px; letter-spacing: -.5px; color: #555;}
.museum_gr_txt p{margin-bottom: 55px; line-height: 32px;}
/* 인사말 */

/* 연혁 */
.com02-in{ box-sizing: border-box; padding: 0 0 110px;}
.com02-01{height: 400px; padding: 105px 45px 0; background: url(../img/sub/com02-bg01.jpg) center center no-repeat; background-size: cover; box-sizing:border-box;}
.com02-01 p{margin-bottom: 40px; font-size: 70px; line-height:65px; letter-spacing:0; font-weight: 400; color: #fff;}
.com02-01 p b{font-weight: 900;}
.com02-01 span{font-size: 25px; line-height:40px; letter-spacing:-0.05em; font-weight: 300; color: #fff; display: block;}
.com02-list{}
.com02-list .bnum{font-family: 'Arial', sans-serif; font-size: 18px; color: #111;}
.com02-list .left{font-size: 35px; width: 110px; line-height:1; letter-spacing:0; font-weight: 700; color: #0067ab; float: left; font-family: 'Arial', sans-serif;}
.com02-list .left img{top: 5px; right: -14px; width: 26px; height: 24px; display: block; position: absolute; z-index: 2;}
.com02-list .right{padding:0 0 60px 60px; width: calc(100% - 110px); box-sizing:border-box; float: left; position: relative;}
.com02-list .right:after{top: 14px; left: 0; width: 1px; height: 100%; background: #ddd; content:''; position: absolute; z-index: 1;}
.com02-list:last-of-type .right{padding-bottom: 0;}
.com02-list:last-of-type .right:after{display: none;}
.com02-list .right ul{width: 100%;}
.com02-list .right ul li span{font-size: 16px; line-height:35px; width: 14px; letter-spacing:-0.02em; font-weight: 300; color: #555; float: left;}
.com02-list .right ul li p{font-size: 18px; line-height:35px; width: calc(100% - 14px); letter-spacing:-0.02em; font-weight: 300; color: #666; float: left; text-indent: -30px;}
.company2{position: relative;}
.company2 .sub-bg{background: url(../img/sub/company02-cont-bg.jpg) no-repeat top; background-size: auto; width: 100%; height: 100%; position: absolute; top: 200px; z-index: -1;}
.company2 .sub-bg-txt{font-family: 'Poppins', sans-serif; font-size: 200px; color: #fff; font-weight: 800; text-align: center; text-shadow: rgb(0, 0, 0, 4%) 0 0 20px; letter-spacing: -1px;}
.company2 .sub-tit{text-align: center; font-size: 25px; letter-spacing: -1px; line-height: 80px; color: #333; font-weight: 400; margin-bottom: 80px;}
.company2 .sub{padding-bottom: 0;}
/* 연혁 */

/* 새소식 view */
.bbs_area { font-size: 10px; }
.bbs_area .company_list{margin-left:-14px;margin-bottom:-20px;width:106.5%;overflow:hidden}
.bbs_area .company_list .list_box{float:left; margin:0 auto 28px auto; padding:0 14px;width:24%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bbs_area .company_list li{margin:0 auto;}
.bbs_view{border-top:2px solid #111}
.bbs_view .view_header{padding:40px 0;text-align:center;border-bottom:1px solid #ddd}
.bbs_view .view_header .title{line-height:1.2em;font-size:3em;color:#222;font-weight:700}
.bbs_view .view_header .category{margin-bottom:10px;line-height:1.2em;font-size:2.4em;color:#00a9e5}
/*.bbs_view .view_header .btn_link{display:inline-block;margin:0 auto;margin-top:15px;padding:0 20px;width:auto;color:#0075c2;font-weight:500;*display:inline;zoom:1}
.bbs_view .view_header .btn_link:hover{color:#fff;background:#0075c2}*/
.bbs_view .view_header .btn_link{display:inline-block;margin:0 auto;margin-top:15px;padding:0 20px;width:auto;*display:inline;zoom:1}
.bbs_view .view_info{margin-top:-1px;padding:25px 10px 25px 20px;border-bottom:1px solid #ddd;background:#f6f7f8;overflow:hidden}
.attach_box{position:relative;float:left;padding-left:78px}
.attach_box .label{position:absolute;left:0;top:0;line-height:32px;font-size:1.6em;color:#555;font-weight:500}
.attach_box .attach_list li{height:32px}
.attach_box .btn_attach{display:block;float:left;padding-left:30px;line-height:32px;font-size:1.6em;color:#555}
.attach_box .btn_attach.pdf{background:url("../img/sub/bbs_attach_pdf.png") no-repeat center left}
.attach_box .btn_attach.hwp{background:url("../img/sub/bbs_attach_hwp.png") no-repeat center left}
.attach_box .btn_attach.excel{background:url("../img/sub/bbs_attach_excel.png") no-repeat center left}
.attach_box .btn_attach.doc{background:url("../img/sub/bbs_attach_doc.png") no-repeat center left}
.attach_box .btn_attach.etc{background:url("../img/sub/bbs_attach_etc.png") no-repeat center left}
.attach_box .btn_attach:hover{color:#0075c2}
.bbs_view .view_info .info_box{float:right;padding-top:5px}
.bbs_view .view_info .info_box .date_box p{display:inline-block;position:relative;margin:0 18px;line-height:1.4em;font-size:1.6em;color:#777;vertical-align:top;*display:inline;zoom:1}
.bbs_view .view_info .info_box .date_box p b{font-weight:700;color:#555}
.bbs_view .view_info .info_box .date_box p:after{content:"";display:block;position:absolute;left:-18px;top:50%;margin-top:-8px;width:1px;height:16px;background:#ddd}
.bbs_view .view_info .info_box .date_box p:first-child:after{display:none}
.bbs_view .view_info .info_box .category_box{margin-bottom:15px;text-align:right}
.bbs_view .view_info .info_box .category_box p{display:inline-block;margin-left:10px;padding:0 14px;vertical-align:top;height:33px;line-height:31px;font-size:1em;color:#00a9e5;border:1px solid #00a9e5;background:#fff;*display:inline;zoom:1}
.bbs_view .view_info .info_box .category_box .category2{color:#00b21d;border:1px solid #00b21d}
.bbs_view .view_info_table{margin-top:-1px;table-layout:fixed;border-top:1px solid #ddd}
.bbs_view .view_info_table th{padding:10px;text-align:center;font-size:1.6em;color:#222;font-weight:500;border-bottom:1px solid #ddd;background:#f9f9f9}
.bbs_view .view_info_table td{padding:10px 20px;height:30px;text-align:left;;border-bottom:1px solid #ddd}
.bbs_view .view_info_table td p{font-size:1.6em;color:#555}
.bbs_view .view_info_table .status{display:inline-block;padding:0 12px;;height:32px;line-height:32px;text-align:center;vertical-align:middle;font-size:1.6em;color:#222;border:1px solid #222;*display:inline;zoom:1}
.bbs_view .view_info_table .status.recruit{color:#00b21d;border-color:#00b21d}
.bbs_view .view_info_table .status.end{color:#aaa;border-color:#aaa}
.bbs_view .view_info_table .status.edu{color:#0075c2;border-color:#0075c2}
.bbs_view .view_info_table .link{color:#00a9e5}
.bbs_view .view_info_table .attach_box{float:none;padding:0}

.bbs_view .view_area{padding:40px;min-height:300px; line-height:1.8em !important;font-size:1.8em ;color:#444 !important; word-break:break-all !important;}
.bbs_view .view_area p {line-height: 2;}
.bbs_view .view_area img{max-width:100%; width: auto!important;    height: auto!important; }
.bbs_view .view_area .img{display:inline-block;width:100%;max-width:629px;vertical-align:top;*display:inline;zoom:1}
.bbs_view .view_area .img_box img{max-width:100%}
/* .bbs_view .view_area p{line-height:1.8em !important;font-size:1.8em !important;color:#444 !important; word-break:break-all !important;} */
.bbs_view .view_area .link{color:#00a9e5}
.bbs_view .view_area .view_title{margin-bottom:40px;padding-bottom:10px;line-height:50px;font-size:2.4em;color:#252525;font-weight:700;border-bottom:1px solid #ddd}
.bbs_view .view_area .btn_box{margin-top:40px;text-align:center; font-size:11px !important;}
.bbs_view .view_area .btn_box .btn_apply{display:inline-block;*display:inline;zoom:1}
.bbs_view .view_attach{padding:15px 20px;text-align:left}
.bbs_view .view_attach .btn_attach{display:inline-block;padding-left:24px;line-height:1.4em;font-size:1.6em;color:#0075c2;background:url("../img/sub/icon_doc.png") no-repeat left center}
.bbs_view .view_footer{position:relative;padding:30px 0;border-top:1px solid #888;border-bottom:1px solid #888;overflow:hidden}
.bbs_view .view_footer:after{content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-28px;width:1px;height:56px;background:#e9e9e9}
.bbs_view .view_footer .footer_left{float:left;width:49%}
.bbs_view .view_footer .footer_right{float:right;width:49%}
.bbs_view .view_footer .btn_link{display:block;position:relative;padding-left:100px}
.bbs_view .view_footer .btn_link .text{display:block;position:absolute;left:0;top:50%;padding-left:22px;margin-top:-10px;height:20px;line-height:20px;font-size:1.2em;color:#222;background:url("../img/sub/view_left_arrow.png") no-repeat left center}
.bbs_view .view_footer .btn_link .title{display:block;line-height:1.4em;font-size:1.3em;color:#222;font-weight:700; word-break:break-all;}
.bbs_view .view_footer .btn_link .date{display:block;margin-top:2%;line-height:1.4em;font-size:1.8em;color:#777}
.bbs_view .view_footer .footer_right .btn_link{padding:0 100px 0 0;text-align:right}
.bbs_view .view_footer .footer_right .btn_link .text{left:auto;right:0;padding:0 22px 0 0;background:url("../img/sub/view_right_arrow.png") no-repeat right center}
.bbs_btn{padding:30px 0;text-align:center}
.bbs_btn a{display:inline-block;margin:0 4px;width:150px;vertical-align:top;*display:inline;zoom:1;font-size: 1.6em;}

.btn_line{display:block;width:160px;height:48px;line-height:48px;text-align:center;font-size:1.6em;color:#fff;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_line:hover{color:#666;background:#fff}
.btn_line.btn_gray{color:#333;border:1px solid #333; transition: all .3s;}
.btn_line.btn_gray:hover{color:#fff;background:#333}
.btn_line.btn_blue{color:#00adef;border:1px solid #00adef}
.btn_line.btn_blue.active,
.btn_line.btn_blue:hover{color:#fff;background:#00adef}
.btn_line.btn_grayblue{color:#0075c2;border:1px solid #222;background:#fff}
.btn_line.btn_grayblue:hover{color:#fff;border-color:#0075c2;background:#0075c2}
.btn_normal{display:block;width:100px;height:48px;line-height:48px;text-align:center;font-size:1.6em;color:#fff;border:1px solid #393939;background:#393939;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_normal:hover{color:#393939;background:#fff}
.btn_normal.btn_blue{border-color:#0075c2;background:#0075c2}
.btn_normal.btn_blue:hover{color:#0075c2;background:#fff}
.btn_normal.btn_gray{border-color:#898989;background:#898989}
.btn_normal.btn_gray:hover{color:#898989;background:#fff}
.btn_normal.btn_sky{border-color:#00a9e5;background:#00a9e5}
.btn_normal.btn_sky:hover{color:#00a9e5;background:#fff}
.btn_normal.btn_sky2{border-color:#29b889;background:#29b889}
.btn_normal.btn_sky2:hover{color:#29b889;background:#fff}
.btn_normal.btn_green{border-color:#4eb955;background:#4eb955}
.btn_normal.btn_green:hover{color:#4eb955;background:#fff}
.btn_normal.btn_green2{border-color:#6eb92b;background:#6eb92b}
.btn_normal.btn_green2:hover{color:#6eb92b;background:#fff}
.attach-img {background: url(../img/sub/bbs_attach_pdf.png) no-repeat center; width: 19px; height: 19px;}

/* 새소식 view */

/* 은행역사관 */
.map-top {}
.museum-map {width: 743px; float: left; background: #cbcbd3; padding: 101px 27px; box-sizing: border-box;}
.museum-map img {width: 100%;}
.map-list {float: left; padding: 70px 99px 69px 65px; box-sizing: border-box; background: #f7f7f7;}
.map-list li { position: relative; font-size: 22px; color: #333; padding-left: 48px; font-weight: 500; line-height: 26px; letter-spacing: -1px; margin-bottom: 20px; }
.map-list li:first-child,
.map-list li:last-child {position: relative; font-size: 30px; color: #0083cb; padding-left: 48px; font-weight: 600; line-height: 35px; letter-spacing: -1px; margin-bottom: 20px;}
.map-listNum { color: #0083cb; font-size: 25px; font-family: Arial; font-weight: 700;}
.map-list li:first-child .map-listNum,
.map-list li:last-child .map-listNum {display: block; position: absolute; top: 0; left: 0; width: 35px; height: 35px; border-radius: 50%; background-color: #0083cb; font-size: 18px; color: #fff; font-family: Arial; font-weight: 700; text-align: center;}
.map-bottom h4 {margin-top: 80px; margin-bottom: 30px; font-size: 30px; color: #222; font-weight: 700;}
.map-bottom p {font-size: 18px; color: #666; line-height: 32px; font-weight: 400;}

.book-slide-wrap{margin-top: 70px; border: 1px solid #ddd; padding: 70px 150px; box-sizing: border-box;}
.book-slide{margin: 0 auto; width: 100%;}
.book-slide-img{width: 1000px; height: 650px; position: relative; overflow: hidden; margin: 0 auto; }
.book-slide-img img{max-width: 100% !important; height: 100% !important; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; display: block;}
.book-slide-in{width: 100%; margin: 15px auto 0; position: relative; box-sizing:border-box;}
.book-slide-inner{margin: 0 auto;}
.b-slide{margin: 0 auto; justify-content: center;}
.b-slide > div{margin-right: 15px; width: 180px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.b-slide > div:last-child {margin-right: 0;}
.b-slide > div a{height: 120px; display: block;}
.b-slide > div a img{width: 100%; height: 100%; display: block;}
.book-slide-in .swiper-button-prev{ left: 50%; margin: -15px 0 0 -441px; width: 23px; height: 37px; top: 50%; display: block; background: url(../img/sub/slide-lbtn.png) center center no-repeat; position: absolute; background-size: cover;}
/* .book-slide-in .swiper-button-prev:hover{background: url(../img/sub/slide-lbtn.png) center center no-repeat; background-size: cover;} */
.book-slide-in .swiper-button-next{right: 50%; margin: -15px -441px 0 0; width: 23px; height: 37px; top: 50%; display: block; background: url(../img/sub/slide-rbtn.png) center center no-repeat; position: absolute; background-size: cover;}
/* .book-slide-in .swiper-button-next:hover{background: url(../img/sub/slide-rbtn.png) center center no-repeat; background-size: cover;} */
/* .info-txt-box { position: relative; } */
.info-txt { background: rgb(0,0,0,40%); position: absolute; left: 0; bottom: 0; height: 75px; width: 100%; }
.info-txt p { position: absolute; left: 50px; top: 50%; transform: translateY(-50%);  color: #fff; font-size: 25px; letter-spacing: -1px; }

/* 은행역사관 */ 

/* 관람안내 */
.sub-bg-txtbx {background-color: #fff; padding: 60px 78px; box-sizing: border-box;box-shadow: 0 0 30px rgb(0,0,0,5%); width: 650px; margin-top: -300px; margin-right: 15%; position: relative; float: right;}
.sub-bg-txtbx .bg-tit {color: #222; font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: -1px; margin-bottom: 32px; display: block;}
.sub-bg-txtbx p {color: #666; font-size: 18px; letter-spacing: -1px; line-height: 30px;}
.sub-bg-txtbx .line {width: 62px; height: 2px; background: #000; display: block; position: relative; left: -80px; top: 20px;}
.guidewr {padding: 55px 20px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 45px;}
.g-circle {background-color: #0083cb; border-radius: 50%; width: 8px; height: 8px; position: relative; left: 0; top: 14px; display: inline-block;}
.brochure-btnbx {display: flex; margin-top: 25px;}
.brochure-btn {display: block; width: 280px; height: 60px; background-color: #0083cb; color: #fff; text-align: center; margin-right: 15px; letter-spacing: -1px; box-sizing: border-box; font-size: 18px !important; font-weight: 500; line-height: 60px; transition: .3s;}
.brochure-btn:hover {color: #0083cb; border: 1px solid #0083cb; background-color: #fff;}
.brochure-btnbx .b-btn {background-color: #2b4f91;}
.brochure-btnbx .b-btn:hover {background-color: #fff; color: #2b4f91; border: 1px solid #2b4f91; }
.guide-left{width: 30%; float: left; box-sizing:border-box; display: flex; align-items: center; flex-direction: column; margin-top: 32px;}
.guide-right {width: 70%; float: left;}
.guide-left > span {font-size: 30px; color: #222; font-weight: 600; letter-spacing: -1px; display: block; margin-top: 30px; }
.guide-right li {list-style: none; color: #666; text-indent: -15px; margin-top: 12px; margin-left: 14px; line-height: 29px; }
.guide-right li::before {content: '·'; display: block; position: absolute; font-size: 1em;}
.guide-right span {font-size: 18px; color: #666; font-weight: 400; letter-spacing: -1px; line-height: 26px; margin-left: 14px; }
.guide-right .tw { width:60px; display: inline-block; }
.guide-right li.red-t {color: red; font-size: 20px; font-weight: bold; }
.guide-right li.red-t::before {content: '';}
/* 관람안내 */

/* 개인/단체 관람안내 */
.pro-in{}
.pro-tab{ display: flex; justify-content: center;}
.pro-tab a{height: 65px; left: -1px; font-size: 20px; line-height: 65px; letter-spacing:0; font-weight: 400; color: #555; width: 25%; box-sizing:border-box; border: 1px solid #cdcdcd; float: left; text-align: center; display: block; background: #fff; border-left: 0; position: relative; z-index: 1;}
.pro-tab a:first-of-type{left: 0; border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a.on{line-height: 58px; font-weight: bold; color: #00a0e9; border: 3px solid #00a0e9; z-index: 2;}
/* .about2-bg {background: url(../img/sv-bg03.jpg) no-repeat center center; background-size: cover; height: 400px;} */
.about2-bg > div:first-child .mo-img {width: 100%;}
.about1-bg > div:first-child .mo-img {width: 100%;}
.sub-bg-txtbx2 {background-color: #fff; padding: 60px 78px; box-sizing: border-box;box-shadow: 0 0 30px rgb(0,0,0,5%); position: relative; margin-top: -150px;}
.sub-bg-txtbx2 .bg-tit {color: #222; font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: -1px; margin-bottom: 32px; display: block;}
.sub-bg-txtbx2 li {color: #666; font-size: 18px; letter-spacing: -1px; line-height: 30px;}
.sub-bg-txtbx2 > div {float: left;}
.sub-bg-txtbx2 > div:first-child {margin-right: 58px; margin-top: 5px; width: 15%; text-align: center;}
.sub-bg-txtbx2 > div:first-child  > img {width: 100px;}
.sub-bg-txtbx2 > div:last-child li::before {content: '·'; display: block; position: absolute; font-size: 1em;}
.sub-bg-txtbx2 > div:last-child li {margin-top: 5px; margin-left: 14px; text-indent: -15px;}
.sub-bg-txtbx2 > div:last-child li span {margin-left: 14px;}
.op0 {opacity: 0; cursor: none;}
.about2 .about-common {padding: 70px 0 0;}
.guidebtn {justify-content: center; margin-top: 60px;}
.calbx { border: 1px solid #dedede;box-sizing: border-box; padding: 50px 70px; }
.calbx img {width: 100%;}
.about2-bg .sub-bg-txtbx2 .mo-bgtit {display: flex; width: 100%; align-items: center; margin-bottom: 30px; margin-top: 0;}
.sub-bg-txtbx2 .mo-bgtxt {float: none;}

.about2 .txt-area { border: 1px solid #dedede; box-sizing: border-box; padding: 60px 70px; margin-bottom: 32px; }
.about2 .txt-area h4 { font-size: 30px; font-weight: 700; letter-spacing: -1px; margin-bottom: 30px; }
.about2 .txt-area li { font-size: 20px; color: #666; font-weight: 400; letter-spacing: -1px; line-height: 40px; position: relative; margin-left: 10px; }
.about2 .txt-area li.red-t {color: red; font-size: 23px; font-weight: bold; margin-left: 0;}
.about2 .txt-area li.red-t::before {content: '';}
.about2 .txt-area li::before { content: '·'; position: absolute; display: block; left: -10px; }
/* 개인/단체 관람안내 */

/* 교육신청 */
.educlass-wr {padding: 40px 60px; box-sizing: border-box; border: 1px solid #ddd; margin-bottom: 20px;}
.educlass > a {float: left; width: 240px; display: block;}
.e-class-img {width: 100%; }
.educlass-txtbx {float: left; padding-left: 58px;}
.edu-btn { margin-bottom: 25px; }
.edu-btn p { width: 100px; height: 35px; display: inline-block; line-height: 30px; box-sizing: border-box; text-align: center; overflow: hidden; position: relative; color: #0083db; font-size: 16px; font-weight: 500; border: 2px solid #0083db; }
.edu-btn .bbtn { background: #0083db; color: #fff; margin-left: 7px; border: 2px solid #0083cb; }
.edu-btn .dbtn { background: #333; border: 2px solid #333; color: #fff; margin-left: 7px; box-sizing: border-box; }
.edu-txtbx .e-tit {font-size: 22px; letter-spacing: -1px; color: #222; font-weight: 600; margin-bottom: 18px; display: block;}
.e-txt > span:first-child {font-size: 16px; color: #222; font-weight: 600; letter-spacing: -1px; margin-right: 16px;}
.e-txt > span:last-child {font-size: 16px; color: #777; font-weight: 400; letter-spacing: -1px; line-height: 28px;}
.edu-last,
.collection-wrap {margin-bottom: 40px;}
.education1 .pager {padding-top: 30px;}
/* 교육신청 */

/* 교육자료실 */
.boardTbl{margin-top: 30px; padding-bottom: 0;}
.boardTbl table{width: 100%; box-sizing:border-box; border-top: 2px solid #242424;}
.boardTbl table tr th{padding: 15px 10px; font-size: 16px; line-height: 25px; letter-spacing:-0.05em; font-weight: 500; color: #111; text-align: center; background: #fff; min-width:100px; box-sizing:border-box; border-bottom: 1px solid #242424;  /* border-right: 1px solid #ddd; */}
.boardTbl table tr td{padding: 15px 10px; font-size: 14px; line-height: 24px; letter-spacing:-0.05em; font-weight: 300; color: #333; background: #fff; min-width:100px; box-sizing:border-box; border-bottom: 1px solid #ddd; word-break:keep-all;  /* border-right: 1px solid #ddd; */}
.boardTbl table tr td a{font-size: 14px; line-height: 24px; letter-spacing:-0.05em; font-weight: 300; color: #333; display: inline-block; vertical-align: top;}
.boardTbl table tr td a:hover{text-decoration: underline;}
.boardTbl table tr td b{padding: 0 10px; font-size: 14px; line-height:24px; border-radius: 5px; letter-spacing:-0.05em; font-weight: 500; color: #fff; display: inline-block; vertical-align: top; box-sizing:border-box;}
.boardTbl table tr td b.notice{ background: #ff7742;}
.boardTbl table .bdr0{border-right: 0;}
.boardTbl table .taC{text-align: center;}
/* 교육자료실 */

/* 예약조회/교육신청확인 */

.login{padding:   55px 0; margin-top: 65px; border: 1px solid #dedede; box-sizing:border-box; text-align: center;}
.login-form{}
.login-form-in{width: 450px; margin: 0 auto;}
.login-inp{}
.login-inp label {float: left; width: 18%; margin-right: 2%; font-size: 18px; color: #222; line-height: 3; text-align: left; font-weight: 500;}
.login-inp  input[type="text"],
.login-inp  input[type="password"]{float: left; margin-bottom: 15px; padding: 0 15px; font-size: 15px; line-height:53px; height: 55px; letter-spacing:0; font-weight: 300; color: #666; width: 80%; display: block; box-sizing:border-box; border: 1px solid #ddd;}
div.custom-gabia{float: left; margin-bottom: 15px; padding: 0 15px; font-size: 15px; line-height:53px; height: 55px; letter-spacing:0; font-weight: 300; color: #666; width: 80%; display: block;}
.login-inp  input#log_id{background: #fff url(../img/sub/inp-id-bg.png) top 15px left 22px no-repeat; background-size: 24px 23px;}
.login-inp  input#log_pw{background: #fff url(../img/sub/inp-pw-bg.png) top 14px left 26px no-repeat; background-size: 20px 26px;}
.login-check{font-size: 0; width: 100%; text-align: left;}
.login-check input[type="checkbox"]{display: none;}
.login-check label{font-size: 16px; line-height:22px; letter-spacing: 0; font-weight: 400; color: #666; display: inline-block; vertical-align: top; cursor:pointer}
.login-check label:last-of-type{margin-right: 0;}
.login-check label i{width: 22px; height: 22px; margin-right: 5px; background: url(../img/sub/inp-check-off.jpg) center center no-repeat; background-size: cover; display: inline-block; vertical-align: top;}
.login-check input[type="checkbox"]:checked + label i{background: url(../img/sub/inp-check-on.jpg) center center no-repeat; background-size: cover;}
a.login-btn1{margin-top: 30px;}
a.login-btn1 {font-size: 18px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 500; color: #fff; width: 100%; display: block; background: #0083cb; border: 0; box-sizing:border-box; text-align: center; padding: 0; transition: all .3s; cursor: pointer;}
a.login-btn1:hover{ font-size: 18px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 600; color: #0083cb; border: 1px solid #0083cb; width: 100%; display: block; background: #fff; box-sizing:border-box; text-align: center; padding: 0;}
.loginInfo{font-size: 0;}
.loginInfo .loginInfoBox{padding: 30px 0 20px; border-radius: 10px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); background: #fff; width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; box-sizing:border-box; text-align: center;}
.loginInfo .loginInfoBox:last-of-type{margin-right: 0;}
.loginInfo .loginInfoBox img{width: 62px; margin: 0 auto; display: block;}
.loginInfo .loginInfoBox b{margin-top:20px; font-size: 20px; line-height: 24px; letter-spacing:-0.05em; font-weight: 500; color: #333; display: block;}
.loginInfo .loginInfoBox span{margin-top: 10px; font-size: 16px; line-height:24px; letter-spacing:-0.05em; font-weight: 400; color: #777; display: block;}

/* 예약조회/교육신청확인 */

/* 소장품소개 */
/* .collection-wrap {position: relative; height: 1000px;}
.collection-box {padding: 0 20px; margin-bottom: 40px; width: 25%; display: block; float: left; box-sizing: border-box; position: absolute;} */
.collection-wrap .grid-item {padding: 0 15px 30px; width: 25%; box-sizing: border-box;}
.simg-box > img {width: 100%;}
.collection-box figcaption {padding: 28px; background-color: #f7f7f7;}
.collection-box .col-category {font-size: 15px; color: #0083cb; border: 1px solid #0083cb; display: inline-block; padding: 5px 10px;}
.collection-box .col-tit {font-weight: 500; color: #222; font-size: 20px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.collection-box .col-txt {display: block; font-size: 18px; color: #777; letter-spacing: -1px; font-weight: 400;margin-bottom: 15px;}
.collection-view-cont {padding: 160px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.collection-view-cont p {font-size: 16px; color: #000; }
/* 소장품소개 */

/* 소장품view */
.collection-view {border: 1px solid #dfdfdf; padding: 60px; box-sizing: border-box;}
.col-left {float: left;}
.col-right {float: left; margin-left: 60px;}
.col-left .book-slide-img {width: 570px; height: 379px; margin: 0; border: 1px solid #ccc; }
.col-left .book-slide-inner {width: 570px;}
.col-left .b-slide > div {width: 135px; margin-right: 10px;}
.col-left .b-slide > div a {height: 90px;}
.col-right h4 {margin-bottom: 40px;}
.col-right .c-btn {margin-top: 40px;}
.col-right .c-btn a {color: #fff; background: #0083cb no-repeat 24px; padding: 15px 30px 15px 55px; box-sizing: border-box; font-size: 16px; font-weight: 500; display: inline-block; transition: all .3s; border: 2px solid #0083cb;}
.col-right .c-btn a:hover {color: #0083cb; background-color: #fff; border: 2px solid #0083cb; font-weight: 500; box-sizing: border-box;}
.col-right .c-btn a:first-child {background-image: url(../img/sub/sch-icon.png); margin-right: 10px;}
.col-right .c-btn a:hover:first-child {background-image: url(../img/sub/sch-icon-over.png);}
.col-right .c-btn a:last-child {background-image: url(../img/sub/e-book-icon.png);}
.col-right .c-btn a:hover:last-child {background-image: url(../img/sub/e-book-icon-over.png);}
/* 소장품view */ 

/* 조직도 */
.com03-in{padding: 110px 0; background: #f7f7f7 url(../img/sub/com03-bg01.jpg) center top no-repeat; box-sizing:border-box;}
.com03-01 {text-align: center;}
.com03-01 > p{font-size: 40px; line-height:45px; letter-spacing:0; font-weight: bold; color: #333;}
.com03-01 > p b{font-size: 55px; line-height:45px; letter-spacing:0; font-weight: bold; color: #333; display: block;}
.com03-01 > span{margin: 30px 0 110px; font-size: 25px; line-height:45px; letter-spacing:-0.05em; font-weight: 300; color: #333; display: block;}
.com03-01 > img{width: 100%; display: block;}
.com03-01 > img.pc-none{display: none;}
/* 조직도 */

/* 면허/인증/특허/수상 */
.com04-in{}
.com04-in > div{width:100%; margin-bottom:75px; }
.com04-in > div:after{content:""; clear:both; display:block;}
.com04-in > div > h2{font-size:30px; margin-bottom:16px; color: #333; font-weight:bold; letter-spacing: -0.05em;}
.com04-box{width: calc(25% - 22.5px); margin: 50px 30px 0 0; float: left;}
.com04-box:nth-of-type(1){margin-top: 0;}
.com04-box:nth-of-type(2){margin-top: 0;}
.com04-box:nth-of-type(3){margin-top: 0;}
.com04-box:nth-of-type(4){margin-top: 0;}
.com04-box:nth-of-type(4n){margin-right: 0;}
.com04-box > img{width: 100%; display: block; box-sizing:border-box; border: 1px solid #dedede;}
.com04-box > p{padding: 15px 0; font-size: 16px; line-height:22px; letter-spacing:-0.05em; font-weight: 400; color: #222; text-align: center;}
/* 면허/인증/특허/수상 */

/* 오시는길 */
.com05-in{}
.com05-in > p{margin-bottom: 15px; font-size: 30px; line-height:45px; letter-spacing:-0.05em; font-weight: 500; color: #222;}
.map{margin-bottom: 30px;}
.map .root_daum_roughmap{width: 100% !important;}
.map .wrap_controllers{display: none;}
.map .root_daum_roughmap .wrap_map{height: 400px !important;}
.map-info{padding: 30px 70px; margin-bottom: 70px; box-sizing:border-box; border: 1px solid #ddd; box-sizing:border-box;}
.map-info.mb0{margin-bottom: 0;}
.map-info > img{margin: 20px 40px 0 0; width: 70px; height: 70px; display: block; float: left;}
.map-info > img.mt8{margin-top: 8px;}
.map-info .map-info-txt{width: calc(100% - 110px); float: left;}
.map-info .map-info-txt ul{width: 100%;}
.map-info .map-info-txt ul li b{font-size: 18px; line-height:40px; width: 120px; letter-spacing:0; font-weight: bold; color: #333; display: block; float: left;}
.map-info .map-info-txt ul li span{font-size: 18px; line-height:40px; width: calc(100% - 120px); letter-spacing:0; font-weight: 300; color: #555; float: left; display: block; word-break:keep-all;}
/* 오시는길 */

/* 우리갤러리 */
.receiptArea{}
.schollList{}
.galleryList {margin-bottom: 10px;}
.galleryList .grid-item { width: 33.33%; padding: 0 15px 60px; box-sizing: border-box; }
.galleryList img {width: 100%;}
.galleryList .text{text-align: center; font-size:20px; line-height:30px;  margin-top: 25px; letter-spacing:-0.05em; font-weight: 500; color: #222; box-sizing:border-box; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.galleryList .date{font-size: 18px; color: #777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.gal-btn {text-align: center;}
.gal-btn p{margin-top: 30px; width: 100px; height: 35px; display: inline-block; line-height: 30px; box-sizing: border-box; text-align: center;overflow: hidden; position: relative; color: #0083cb; font-size: 16px; font-weight: 500; border: 2px solid #0083cb; ;}
.gal-btn .bbtn { background: #0083cb; color: #fff; margin-left: 7px; }
.gal-btn .dbtn { background: #333; border: 2px solid #333; color: #fff; margin-left: 7px; }
.g-pager {margin-top: 0;}
/* 우리갤러리 */

/* 우리갤러리 view */
.gallery-view-cont { background: #f7f8fa; padding: 60px 70px; box-sizing: border-box; border-top: 3px solid #333; }
.gallery-view-cont .gallery-left { float: left; }
.gallery-view-cont .gallery-left > img { width: 350px; }
.gallery-view-cont .gallery-right { float: left; margin-left: 90px; }
.gallery-right > h4 { padding-bottom: 45px; font-size: 30px; color: #222; letter-spacing: -1px; line-height: 40px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.gallery-right .g-txt > span:first-child{ font-size: 18px; color: #222; font-weight: 600; letter-spacing: -1px; margin-right: 16px; }
.gallery-right .g-txt > span:last-child { font-size: 18px; color: #777; font-weight: 400; letter-spacing: -1px; line-height: 45px; }
.txt1 { text-align: left; margin-top: 13px; }
.g-txt .vert { vertical-align: 12px; }

.gallery-view-cont2 { border-bottom: 1px solid #333; padding: 20px 40px 28px; box-sizing: border-box; }
.gallery-view-cont2 strong, .gallery-view-cont2 p { line-height: 1.6; }
.gal-view-btn { padding-top: 65px; text-align: center; }
.regi-btn {background-color: #333; color: #fff; transition: all .3s; border: 1px solid #333;}
.regi-btn:hover {background-color: #fff; color: #333; border: 1px solid #333;}
.regi-cancel-btn {background-color: #c50b0b; color: #fff; transition: all .3s; border: 1px solid #c50b0b;}
.regi-cancel-btn:hover {background-color: #fff; color: #c50b0b; border: 1px solid #c50b0b;}
.gal-view-btn a { display: inline-block; margin: 0 4px; width: 150px; zoom: 1; font-size: 15px; font-weight: 400; }
/* 우리갤러리 view */

/* 온라인전시 */
.gallery4 .conts > .gallerybx { padding: 60px 70px; box-sizing: border-box; border: 1px solid #dedede; }
.gallery4 .conts .tit { font-size: 30px; color: #222; letter-spacing: -1px; font-weight: 600; float: left; border-right: 1px solid #ddd; display: block; box-sizing: border-box; padding-right: 50px; }
.gallery4 .conts .txt { font-size: 20px; color: #777; letter-spacing: -1px; font-weight: 400; float: left; box-sizing: border-box; padding-left: 50px; }
.gallery4 .conts .desc { padding-top: 60px; box-sizing: border-box; }
.gallery4 .conts > .gallerybx .img img { width: 100%; }
/* 온라인전시 */

/* 온라인교육 */
.online-edu-wr { font-size: 0; }
.online-edu-wr > li { display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 25px; }
 .online-edu-wr > li:nth-child(3n) { margin-right: 0; }
 .online-edu-wr > li a img {width: 100%;}
/* .online-edu-wr .online-itembox { position: relative; padding-top: 355px; overflow: hidden; } */ 
/* .online-edu-wr > li:nth-child(1n) .online-itembox::before { background-image: url(../img/sub/edu4-img01.jpg); }
.online-edu-wr > li:nth-child(2n) .online-itembox::before { background-image: url(../img/sub/edu4-img02.jpg); }
.online-edu-wr > li:nth-child(3n) .online-itembox::before { background-image: url(../img/sub/edu4-img03.jpg); } */
/* .online-edu-wr .online-itembox .online-item {width: 100%; height: 280px; position: absolute; top: 0; left: 0;display: block;}
.online-edu-wr .online-itembox::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0;  height: 280px; margin: 0 auto;  } */
.online-edu-wr .online-txtbox { text-align: center; width: 100%;  box-sizing: border-box; padding-top: 20px;  }
.online-edu-wr .online-txtbox a { color: #222; font-size: 20px; line-height: 25px; }
/* 온라인교육 */
/* 온라인교육 view */
.sv-box {width: 100%; padding: 0 200px 20px;box-sizing: border-box;} 
/* 온라인교육 view */

/* 기증안내 */
/* .col-procbx {display: flex; align-items: center;} */
.col-procbx .r-img {margin: auto 32px;}
.proc {text-align: center; float: left;font-size: 0;}
.proc .img {margin-bottom: 14px; margin-left: 0; width: 130px; height: 130px; background: #fff; border-radius: 50%; box-shadow: 1px 1px 20px rgb(0,0,0,5%); position: relative; overflow: hidden; box-sizing: border-box; display: inline-block;}
.proc p {color: #0083cb; font-size: 22px; font-weight: 600; letter-spacing: -1px; margin-bottom: 9px;}
.proc .txt {color: #333; font-size: 18px; letter-spacing: -1px; font-weight: 400; margin-left: 0; white-space: nowrap;}
.proc .img img {margin: 26px auto; display: block;}

.collection3 .col-txt-box {text-align: center;}
.collection3 .col-txt-box .col-tit {font-size: 30px; color: #222; font-weight: 600; letter-spacing: -1px; margin-bottom: 30px;}
.collection3 .col-txt-box .col-desc {font-size: 18px; color: #666; font-weight: 400; letter-spacing: -1px; line-height: 30px;}
.collection3 .collectwr {padding: 60px 0 0; box-sizing: border-box;}
.collection3 .collectbx {padding: 50px 60px; border: 1px solid #ddd; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 50px;}
.collection3 .collectbx:last-child {margin-bottom: 0;}
.collection3 .collect-left {float: left; width: 23%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;}
.collection3 .collect-right {float: left; width: 75%; margin-left: 2%; display: flex; align-items: flex-start; flex-wrap: wrap;}
.collection3 .collect-left h4 {font-size: 30px; color: #222; font-weight: 600; letter-spacing: -1px; margin-top: 25px; }
.collection3 .collect-right li {list-style: none; color: #666; margin-top: 12px;  line-height: 29px; margin-left: 10px;}
.collection3 .collect-right li:first-child {margin-top: 0;}
.collection3 .collect-right li::before {content: '·'; display: block; position: absolute; font-size: 1em; text-indent: -10px;}
.collection3 .collect-right span {font-size: 18px; color: #666; font-weight: 400; letter-spacing: -1px; line-height: 26px; }

.collection3 p.call {font-size: 20px; color: #666; margin-top: 40px; position: relative; margin-left: 10px; font-weight: 400; letter-spacing: -1px;}
.collection3 p.call::before {content: '·'; display: block; position: absolute; font-size: 1em; text-indent: -10px;}
/* 기증안내 */

.last {background-color: #f7f7f7; height:70px; text-align: center;}

@media all and ( max-width : 1260px ) {
.sv-txt{width: 92%;}

/* 시설안내 ( 공통 ) */
.about6 .contents-wr {}
/* .about6 .content > div:first-child .img { width: 30.2381vw; } */
/* .about6 .content .txt-area { padding-left: 4.9683vw; padding-top: 3.9683vw; } */
.about6 .txtbx h4 { font-size: 2.3810vw; margin-bottom: 2.381vw; }
.last_box h4 { font-size: 2.3810vw; margin-bottom: 1.5873vw;}
.about6 .txtbx p { font-size: 1.5873vw; line-height: 2.3810vw; margin-bottom: 2.3810vw; }
.last_box span { font-size: 1.5873vw;  }
.about6 .txtbx .list li span { font-size: 1.5873vw;}
.about6 .txtbx .list li { line-height: 1.5873vw; margin-bottom: 1.5873vw; }
.last_box {margin: 0 3.9683vw; padding: 6.3492vw 1.9841vw 0;}
/* 시설안내 ( 공통 ) */

/* 인사말 */
.com01-in{}
.com01-in .left{height: 43.4603174603vw;}
.com01-in .right{height: 67.4603174603vw; padding: 5.1428571429vw 0;}
.com01-in .right .ri-left{width: 55.5555555556vw; padding-left: 3.1746031746vw;}
.com01-in .right .ri-left > h4{font-size: 3.253968254vw; line-height:3.5714285714vw;}
.com01-in .right .ri-left > h4 b{font-size: 4.3650793651vw; line-height:3.5714285714vw;}
.com01-in .right .ri-left > span{margin-bottom: 2.380952381vw; font-size: 1.9047619048vw; line-height:3.1746031746vw;}
.com01-in .right .ri-left > p{font-size: 1.2698412698vw; line-height:2.380952381vw;}
.com01-in .right .ri-left > b{margin: 1.5873015873vw 1.5873015873vw 0 0; font-size: 1.4285714286vw; line-height:2.7777777778vw;}
.com01-in .right .ri-left > b img{width: 7.5396825397vw; height: 2.4603174603vw; margin-left: 1.1904761905vw;}
/* 인사말 */

/* 관람안내 */
.sub-bg-txtbx {width: 51.5873vw; margin-left: -3%; padding: 40px 58px;}
.sub-bg-txtbx .line {left: -58px; width: 48px;}
.sub-bg-txtbx .bg-tit {font-size: 24px;}
.sub-bg-txtbx p {font-size: 18px;}
/* 관람안내 */

/* 예약조회 */
.login{width: 96%; margin: 65px auto 0;}
/* 예약조회 */

/* 은행역사관 */
/* .map-list li:first-child, .map-list li:last-child {font-size: 2.3810vw; } */
/* .map-list li:first-child .map-listNum, .map-list li:last-child .map-listNum {width: 2.7778vw;height: 2.7778vw; font-size: 1.4286vw;} */
/* .map-list li {font-size: 1.7460vw; padding-left: 2.7778vw; } */
/* .map-listNum {font-size: 1.7361vw;} */
.map-list {width: 100%;}
.museum-map { width: 100%;}
.book-slide-img {width: 100%; height: 51.5873vw;}
.book-slide-wrap {padding: 50px 80px; margin-top: 7.6923076923vw;}
.b-slide > div{width: 14.2857vw;}
.b-slide > div a {height: 9.5238vw;}
/* .book-slide-in .swiper-button-prev {margin: -1.1538461538vw 0 0 -41.8461538462vw; width: 2.3076923077vw; height: 2.3076923077vw;} */
/* 은행역사관 */

/* 기증안내 */
.proc {width: 33%; margin-bottom: 40px;}
.collection3 p.call {margin-top: 0;}
/* .proc .img {width: 7.9365vw; height: 7.9365vw;} */
.col-procbx .r-img {margin: auto 1.5397vw;}
/* .proc .img img {width: 4.7619vw; margin: 1.0317vw auto;} */
/* 기증안내 */

/* 우리갤러리 */
.galleryList .text {font-size: 1.5873vw; margin-top: 1.9841vw; line-height: 2.3810vw;}
.gal-btn p {margin-top: 2.3810vw; width: 7.9365vw; height: 2.7778vw; line-height: 2.3810vw; font-size: 1.2698vw;}
/* 우리갤러리 */

/* 우리갤러리 view */
.col-right h4{margin-bottom: 2.0635vw;}
.gallery-view-cont { padding: 4.7619vw 4.5556vw; }
.gallery-view-cont .gallery-right { margin-left: 3.381vw; }
.gallery-view-cont .gallery-left > img { width: 27.7778vw; }
.gallery-right > h4 { font-size: 2.3810vw; padding-bottom: 2.0635vw; }
.txt1 { margin-top: 0; }
.gallery-right .g-txt > span:first-child { font-size: 1.4286vw; margin-right: 1.2698vw; }
.gallery-right .g-txt > span:last-child { font-size: 1.4286vw; }
.col-right .c-btn{margin-top: 3.1746vw;}
.col-right .c-btn a {font-size: 1.2698vw; padding: 1.1905vw 2.381vw 1.1905vw 4.3651vw; background: #0083cb no-repeat 1.9048vw/1.7460vw; }
/* 우리갤러리 view */

/* 소장품view */
.collection-view {padding: 4.7619vw 4.5556vw;}
.col-left .book-slide-img {width: 45.2381vw; height: 25.3175vw;}
.col-left .book-slide-inner {width: 45.2381vw;}
.col-left .b-slide > div{width: 10.7143vw;}
.col-left .b-slide > div a{height: 7.1429vw;}
.col-right {margin-left: 3.381vw;}
/* 소장품view */

/* 기증안내 */
.collection3 .collectbx {padding: 3.9683vw 4.7619vw;}
/* 기증안내 */

/* 온라인전시 */

.gallery4 .conts .tit { font-size: 2.3810vw; padding-right: 3.9683vw; }
.gallery4 .conts .txt { font-size: 1.5873vw; padding-left: 3.9683vw; }
/* 온라인전시 */

/* 예약접수(개인) */
.booking1 .tbl-type select {margin-left: 1.9841vw; margin-right: 0; padding: 10px 3.1746vw 10px 2.7778vw;}
/* 예약접수(개인) */

}



@media all and (max-width : 1100px) {
    
/* 예약접수(개인) */
.booking1 .tbl-type {font-size: 1.8182vw;}
.booking1 .tbl-type th { padding: 1.3636vw 2.5vw;}
.booking1 .tbl-type select {font-size: 1.8182vw; width: 14vw; height: 43px; margin-left: 0; margin-right: 0.9091vw; margin-bottom: 1.5vw; padding: 0 3.6364vw 0 2.7273vw;}
.booking1 .tbl-type .btn-calendar {margin-left: 0.9091vw;}
.booking1 .tbl-type .btn-pack button {font-size: 1.8182vw;}
.booking1 .tbl-type .btn-pack {width: 13.6364vw;   margin-right: 0.9091vw; margin-left: 0;}
.booking1 .tbl-type select:last-child {width: 20vw; margin-bottom: 0;}
.booking1 .tbl-type2 .tit {font-size: 2.7273vw; line-height: 3.6364vw;}
.booking1 .tbl-type2 .agree-box {padding: 2.2727vw 6.3636vw;}
.mb2{margin-bottom: 2%;}
#wrap .w45p {width: calc(50% - 14px);}
#wrap .w100p{width: 100%;}
.booking1 .tbl-type .text_field {float: left;}
#wrap .fln{float: none;}
.inline {float: left; width: 8px; margin: 0 5px; line-height: 43px;}
#wrap .booking1 .tel{width: calc(33.33% - 12px);}
#wrap .fl {float: left; line-height: 43px;}
.booking1 .text_field.m-num {width: 50%;} 
/* 예약접수(개인) */

/* 예약접수(교육) */
.edu1 .tbl-type .at {width: 18px; float: left; margin: 0 5px; line-height: 43px; }
.booking1 .tbl-type tr:last-child {border: none;}
/* 예약접수(교육) */

/* 개인관람안내 */
.sub-bg-txtbx2 .bg-tit {margin-bottom: 0; margin-left: 20px; font-size: 35px; }
.sub-bg-txtbx2 {padding: 40px; margin-top: -220px;}
.sub-bg-txtbx2 li {font-size: 22px;}
/* 개인관람안내 */

/* 교육신청 */
.educlass-wr { padding: 2.7273vw 3.6364vw; }
.educlass > a { width: 21.8182vw; }
.educlass-txtbx { padding-left: 3.6364vw; }
.edu-btn { margin-bottom: 2.2727vw; }
.edu-btn p { width: 9.0909vw; height: 3.1818vw; line-height: 2.7273vw; font-size: 1.4545vw; }
.edu-txtbx .e-tit { font-size: 2vw; margin-bottom: 1.6364vw; }
.e-txt > span:first-child { font-size: 1.4545vw; margin-right: 1.4545vw; }
.e-txt > span:last-child { font-size: 1.4545vw; line-height: 2.5455vw; }
/* 교육신청 */

/* 은행역사관 */
.map-list {float: none;}
.museum-map {float: none; text-align: center; width: 100%; box-sizing: border-box;}
.map-list li:first-child .map-listNum, .map-list li:last-child .map-listNum {width: 35px; height: 35px; font-size: 18px;}
.map-list li:first-child, .map-list li:last-child {font-size: 30px;}
.map-list li {font-size: 22px; padding-left: 48px;}
.map-listNum {font-size: 25px;}
/* 은행역사관 */

/* 온라인전시 */
.gallery4 .conts .desc { padding-top: 5.4545vw; }
/* 온라인전시 */

}



@media all and ( max-width : 1000px ) {

/* sub-common */
.sv-wrap{height: 360px;}
.sv{height: 360px;}
.sv-txt span{font-size: 21px;}
.sv-txt p{font-size: 42px; line-height:40px;}
.sv-bg01{background: url(../img/m-sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/m-sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/m-sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/m-sv-bg04.jpg) center center no-repeat; background-size: cover;}
.sv-bg05{background: url(../img/m-sv-bg05.jpg) center center no-repeat; background-size: cover;}

.s-nav-home{display: none;}
.s-nav{width: 100% !important;}
.sdep01{width: 50%;}
.sdep01 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px;}
.sdep01 > p em{top: 27px; right: 30px; width: 11px; height: 6px;}
.sdep01 ul{top: 54px; width: calc(100% + 2px);}
.sdep01 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px;}
.sdep02{width: 50%;}
.sdep02 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px;}
.sdep02 > p em{top: 27px; right: 30px; width: 11px; height: 6px;}
.sdep02 ul{top: 54px; width: calc(100% + 2px);}
.sdep02 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px;}
.op0 {opacity: 0; cursor: none;}
/* sub-common */

.sub-title{margin-bottom: 55px;}
.sub-title p{font-size: 45px;}
.sub-title span{width: 40px; margin: 20px auto 0;}


/* 교육신청폼 */
.booking1 .tbl-type th {text-align: center; }
/* 교육신청폼 */

/* 시설안내 ( 공통 ) */
.about6 .contents-wr {width: 50%;}

.book-wrap{}
.book-01{height: auto;}
.book-01.book1-bg{background: url(../img/sub/mo_book1_bg.jpg) center center no-repeat; background-size: cover;}
.book-01.book2-bg{background: url(../img/sub/mo_book2_bg.jpg) center center no-repeat; background-size: cover;}
.book-01.book3-bg{background: url(../img/sub/mo_book3_bg.jpg) center center no-repeat; background-size: cover;}
.book-01.book4-bg{background: url(../img/sub/mo_book4_bg.jpg) center center no-repeat; background-size: cover;}
.book-01-inner{padding: 90px 0; box-sizing:border-box; text-align: center;}
.book-01-inner > img{width: 58px; height: 50px; margin: 0 auto; display: block;}
.book-01-inner > p{padding: 0 60px; margin: 30px 0 60px; font-size: 35px; line-height:50px; letter-spacing:-0.05em; font-weight: 300; color: #fff; word-break:keep-all; box-sizing:border-box;}
.book-01-inner > p b{font-weight: bold;}
.book-01-inner > p br{display: none;}
.book-01-list{}
.book-01-list ul{font-size: 0; text-align: center;}
.book-01-list ul li{width: 160px; margin-right: 20px; display: inline-block; vertical-align: top; box-sizing:border-box;}
.book-01-list ul li:last-of-type{margin-right: 0;}
.book-01-list ul li img{width: 160px; height: 160px; margin: 0 auto 15px; display: block;}
.book-01-list ul li span{font-size: 20px; line-height:22px; letter-spacing:-0.07em; font-weight: 400; color: #fff; display: block; word-break:keep-all;}
.book-01-list ul li span b{margin-bottom: 10px; font-size: 22px; line-height:1; letter-spacing:0; font-weight: bold; color: #fff; display: block;}

.book-02{}
.book-02 > img{margin: 45px auto 0 ; width: 100%; display: block;}
.book-02 > p{margin: 50px auto 0; padding: 30px 0 25px; border-radius: 40px; box-sizing:border-box; width: 100%; background: #f5f5f5; box-sizing:border-box; font-size: 0; text-align: center;}
.book-02 > p img{width: 55px; height: 48px; margin:10px 25px 0 0; display: inline-block; vertical-align: top;}
.book-02 > p span{font-size: 22px; line-height:30px; letter-spacing:-0.05em; font-weight: 400; color: #333; display: inline-block; vertical-align: top; text-align: left;}

.book-slide-wrap{margin-top: 60px;}
.book-slide-img > img{width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: block;}
.book-slide-inner{width: 100%; margin: 0 auto;}
.b-slide{margin: 0 auto;}
.b-slide > div{width: 108px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.b-slide > div a{height: 70px; display: block;}
.book-slide-img img { height: 100%; }
.b-slide > div a img{width: 100%; height: 100%; display: block;}
.book-slide-in .swiper-button-prev{left: 50%; margin: -15px 0 0 -37.5vw; width: 23px; height: 37px; top: 50%; display: block; position: absolute; background-size: cover;}
.book-slide-in .swiper-button-next{right: 50%; margin: -15px -37.6vw 0 0; width: 23px; height: 37px; top: 50%; display: block;  position: absolute; background-size: cover;}
/* 시설안내 ( 공통 ) */

/* faq */
.boardSearch select{margin-right: 1%; width: 20%;}
.boardSearch input[type="text"]{width: calc(52% - 51px);}
.pager .number a{font-size: 20px; }
/* faq */

/* 인사말 */
.com01-in{}

.com01-in .left{height: 73vw; width: 100%; float: none; background: none;}
.com01-in .left > img{width: 100%; display: block;}
.pc-none{display: block;}
.m-none{display: none;}
.com01-in .right{height: auto; padding: 70px 0; width: 100%; float: none; background: #f5f5f5;}
.com01-in .right .ri-left{width: 100%; padding: 0 2%; float: none; box-sizing:border-box;}
.com01-in .right .ri-left > h4{font-size: 41px; line-height:45px;}
.com01-in .right .ri-left > h4 b{font-size: 55px; line-height:45px;}
.com01-in .right .ri-left > span{margin-bottom: 30px; font-size: 24px; line-height:45px;}
.com01-in .right .ri-left > p{font-size: 20px; line-height:35px;}
.com01-in .right .ri-left > b{margin-top: 20px; font-size: 22px; line-height:39px;}
.com01-in .right .ri-left > b img{width: 119px; height: 39px; margin-left: 15px;}
.museum_gr_tit{font-size: 28px;}
.museum_gr_txt {font-size: 15px;}
.company2 .sub-bg-txt{}
/* 인사말 */

/* 연혁 */
.company2 .sub-bg-txt{font-size: 20vw;}
.company2 .sub-tit{font-size: 2.5vw;}
.com02-in{padding: 0 0 11vw;}
.com02-01{height: 450px; padding: 110px 50px 0; background: url(../img/sub/m-com02-bg01.jpg) center center no-repeat; background-size: cover;}
.com02-01 p{margin-bottom: 20px; font-size: 70px; line-height:65px;}
.com02-01 p b{display: block;}
.com02-01 span{font-size: 25px; line-height:40px;}
.com02-list .left{font-size: 35px; line-height:40px; width: 110px;}
.com02-list .right{ width: calc(100% - 110px);}
.com02-list .right:after{top: 20px;}
.com02-list .right ul li span{font-size: 20px; line-height:40px; width: 14px;}
.com02-list .right ul li p{font-size: 20px; line-height:40px; width: calc(100% - 14px);}
/* 연혁 */

/* 새소식 view */

.bbs_view .view_footer{padding:10px 0}
.bbs_view .view_footer:after{display:none}
.bbs_view .view_footer .footer_left,
.bbs_view .view_footer .footer_right{float:none;width:auto}
.bbs_view .view_footer .footer_left .btn_link{padding:10px 0 10px 90px}
.bbs_view .view_footer .footer_right .btn_link{padding:10px 90px 10px 0}
.bbs_view .view_footer .btn_link .date{display:none}

/* 새소식 view */

/* 찾아오시는길 */
.map root_daum_roughmap{width: 100%;}
/* 찾아오시는길 */

/* 우리갤러리 */
.receiptArea{}
.schollList{}
.galleryList .grid-item {width: 50%;}
.gal-btn p {margin-top: 3vw; width: 10vw; height: 3.5vw; font-size: 1.6vw; line-height: 3vw;}
.galleryList .text {font-size: 2vw; line-height: 3vw; margin-top: 2.5vw;}
.galleryList .date {font-size: 1.8vw;}
.gallery-right .g-txt > span:last-child { line-height: 3.5714vw; }
/* 우리갤러리 */

/* 온라인전시 */
.gallery4 .galleryList > .gallerybx {width: 45%; margin: 0 10% 6vw 0;}
.gallery4 .galleryList > .gallerybx:nth-of-type(2n) {margin-right: 0;}
.gallery4 .galleryList > .gallerybx:nth-of-type(3) {margin-right: 10%;}
/* 온라인전시 */

/* 온라인교육 */
.online-edu-wr > li {width: 49%;}
.online-edu-wr > li:nth-child(3n) {margin-right: 2%;}
.online-edu-wr > li:nth-child(even) {margin-right: 0;}
/* .online-edu-wr > li:nth-child(3n) {margin-right: 2%;} */
/* 온라인교육 */

/* 관람안내 */
.sub-bg-txtbx { width: 92%; margin: -250px auto 0; padding: 4vw 5.8vw; float: none;}
.sub-bg-txtbx .line {left: -5.8vw; width: 4.8vw;}
.sub-bg-txtbx .bg-tit {font-size: 4.5vw; line-height: 6vw;margin-bottom: 3vw;}
.sub-bg-txtbx p {font-size: 2.5vw; line-height: 4vw;}
/* 관람안내 */

/* 개인관람안내 */
.pro-tab a{height: 70px; left: 0; font-size: 20px; line-height: 68px; width: 50%;}
.pro-tab a:first-of-type{border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a:nth-of-type(3){top: -1px; border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a:nth-of-type(4){top: -1px;}
.pro-tab a.on{line-height: 64px; font-weight: bold; color: #00a0e9; border: 3px solid #00a0e9; z-index: 2;}
/* 개인관람안내 */

/* 교육자료실 */

.boardTbl{margin-top: 30px; padding-bottom: 0;}
.boardTbl table tr th{padding: 15px 10px; font-size: 20px; line-height: 35px; letter-spacing:-0.05em; font-weight: 500; color: #111; text-align: center; background: #fff; min-width:auto; box-sizing:border-box; border-bottom: 1px solid #242424;}
.boardTbl table tr td{padding: 15px 10px; font-size: 20px; line-height: 35px; letter-spacing:-0.05em; font-weight: 300; color: #333; background: #fff; min-width:auto; box-sizing:border-box; border-bottom: 1px solid #ddd;  word-break:keep-all; }
.boardTbl table tr td a{font-size: 20px; line-height: 35px; letter-spacing:-0.05em; font-weight: 300; color: #333;}
.boardTbl table tr td b{padding: 0 10px; font-size: 20px; line-height:35px; border-radius: 5px; letter-spacing:-0.05em; font-weight: 500; color: #fff; display: inline-block; vertical-align: top; box-sizing:border-box;}
.boardTbl table .bdr0{border-right: 0;}
.boardTbl table .taC{text-align: center;}

/* 교육자료실 */

/* 소장품소개 */
.collection-wrap .grid-item {width: 33.33%;}
/* 소장품소개 */

/* 소장품view */
.col-left {float: none;}
.col-right{float: none; margin-left: 0; margin-top: 40px;}
.col-left .book-slide-img {width: 100%; height: 37.9vw;}
.col-left .book-slide-inner {width: 100%;}
.col-left .b-slide > div {width: 24%; margin-right: 2%;}
.col-left .b-slide > div a {height: auto;}
.col-right > h4 {font-size: 40px; padding-bottom: 45px; margin-bottom: 45px;}
.col-right .g-txt > span:first-child {font-size: 25px; margin-right: 16px;}
.col-right .g-txt > span:last-child {font-size: 25px; line-height: 45px;}
.col-right .c-btn a {font-size: 20px; padding: 20px 35px 20px 60px; background: #0083cb no-repeat 30px;}
/* 소장품view */

/* 예약조회 */

.login{padding: 50px 0; margin: 65px auto 0; box-sizing:border-box; text-align: center;}
.login-form{}
.login-form-in{width: 500px; margin: 0 auto;}
.login-inp{}
.login-inp > input[type="text"],
.login-inp > input[type="password"]{margin-bottom: 15px; padding: 0 15px 0 65px; font-size: 22px; line-height:53px; height: 55px; letter-spacing:0; font-weight: 300; color: #666; width: 100%; display: block; box-sizing:border-box; border: 1px solid #ddd;}
.login-inp > input#log_id{background: #fff url(../img/sub/inp-id-bg.png) top 15px left 22px no-repeat; background-size: 24px 23px;}
.login-inp > input#log_pw{background: #fff url(../img/sub/inp-pw-bg.png) top 14px left 26px no-repeat; background-size: 20px 26px;}
.login-check{font-size: 0; width: 100%; text-align: left;}
.login-check input[type="checkbox"]{display: none;}
.login-check label{font-size: 20px; line-height:22px; letter-spacing: 0; font-weight: 400; color: #666; display: inline-block; vertical-align: top; cursor:pointer}
.login-check label:last-of-type{margin-right: 0;}
.login-check label i{width: 22px; height: 22px; margin-right: 5px; background: url(../img/sub/inp-check-off.jpg) center center no-repeat; background-size: cover; display: inline-block; vertical-align: top;}
.login-check input[type="checkbox"]:checked + label i{background: url(../img/sub/inp-check-on.jpg) center center no-repeat; background-size: cover;}
a.login-btn1{margin-top: 30px;}
a.login-btn1{font-size: 20px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 500; color: #fff; width: 100%; display: block; background: #0083cb; border: 0; box-sizing:border-box; text-align: center; padding: 0;}
a.login-btn1:hover {font-size: 20px;}
/* .login-btn1 a{margin-bottom: 40px; font-size: 20px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 500; color: #fff; width: 100%; display: block; background: #00a0e9; border: 0; box-sizing:border-box; text-align: center;} */
.loginInfo{font-size: 0;}
.loginInfo .loginInfoBoxloginInfo{padding: 30px 0 20px; border-radius: 10px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); background: #fff; width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; box-sizing:border-box; text-align: center;}
.loginInfo .loginInfoBoxloginInfo:last-of-type{margin-right: 0;}
.loginInfo .loginInfoBoxloginInfo img{width: 62px; margin: 0 auto; display: block;}
.loginInfo .loginInfoBoxloginInfo b{margin-top:20px; font-size: 22px; line-height: 26px; letter-spacing:-0.05em; font-weight: 500; color: #333; display: block;}
.loginInfo .loginInfoBoxloginInfo span{margin-top: 10px; font-size: 20px; line-height:28px; letter-spacing:-0.05em; font-weight: 400; color: #777; display: block;}

/* 예약조회 */

/* 기증안내 */
.collecbx .guide-left {width: 100%; margin-bottom: 3.9474vw;}
.collecbx .guide-right {width: 100%;}
.proc {width: 19%;}
.proc .img {width: 13vw; height: 13vw;}
.proc .img img {width: 6.1vw; margin: 2.6vw auto;}
.proc p {font-size: 2.2vw;}
.proc .txt {font-size: 1.8vw;}
.col-procbx .r-img { width: 2.5vw;}
.collection3 .col-txt-box .col-tit {font-size: 3.2vw; margin-bottom: 3vw; line-height: 4vw;}
.collection3 .col-txt-box .col-desc {font-size: 2vw; line-height: 3vw;}
.collection3 .collect-left {width: 100%; margin-bottom: 3.9474vw; float: none;}
.collection3 .collectbx{flex-direction: column;}
.collection3 .collect-right {width: 100%; float: none; margin-left: 0;}
.collection3 .collectwr {padding: 6vw 0 0;}
.collection3 .collect-right span {font-size: 1.8vw;}
.collection3 p.call {font-size: 2vw;}
/* 기증안내 */


}

@media all and ( max-width: 760px ) {

/* 예약접수(공통) */
.booking1 .tbl-type {margin-bottom: 5.2632vw;}
.booking1 .tbl-type {font-size: 3vw;}
.booking1 .tbl-type .text_field { font-size: 3vw; height: 100%; padding: 0 1.3158vw; width: 29%;}
.booking1 .tbl-type td {padding: 1.9737vw 2.2895vw;}
.booking1 .tbl-type th {line-height: 4.5526vw; text-align: center;}
.booking1 .tbl-type select {padding: 0 3.6364vw 0 1.7273vw; height: 5.6579vw;}
.booking1 .tbl-type .btn-calendar {background: url(../img/sub/btn_calendar.png) no-repeat center 0.2632vw/3.9474vw; width: 3.9474vw; height: 4.9474vw; vertical-align: top; margin-left: 0;}
.booking1 .tbl-type .btn-pack {height: auto; width: auto; }
.booking1 .tbl-type .btn-pack button { line-height: 5.6579vw; height: 5.6579vw; font-size: 3.2895vw;}
.booking1 .tbl-type select { background: url(../img/sub/ar-bt.png) no-repeat center right 1.3158vw/1.5789vw;}
.booking1 .tbl-type2 th {height: 9.2105vw; }
.booking1 .tbl-type2 .tit {font-size: 3.9474vw; height: 16.8421vw; line-height: 5.6053vw;}
.booking1 .tbl-type2 .agree-box {font-size: 2.6316vw;}
.booking1 .tbl-type2 .txt {font-size: 2.6316vw;}
.booking1 .tbl-type2 .txt label {margin-right: 6.5789vw; line-height: 2.6316vw;}
.booking1 input[type="radio"] {width: 3.9474vw; height: 3.9474vw; vertical-align: middle; margin: 0;}
.inline {font-size: 4.9474vw; line-height: 4.6579vw; width: auto; margin: 0;}
.booking1 .i-opt {display: inline-block; line-height: 2; margin-left: 0;}
.mr10{margin-right: 0.6579vw;}
.ml10{margin-left: 0.6579vw;}
#wrap .fl {line-height: 5.6579vw;}

.booking1 .tbl-type .text_field.m-num {width: 50%;}
.booking1 .tbl-type tr:nth-child(4) td label {margin-right: 0;}
/* 예약접수(공통) */

/* 예약접수(교육) */
.edu1 .tbl-type .at {line-height: 5.6579vw;}
/* 예약접수(교육) */

 /* 시설안내 ( 공통 ) */
.mo-none { display: none; }
.about6 .contents-wr { width: 42%; margin: 0 4% 7.8947vw; }
.about6 .content > div:first-child {width: 34.2105vw; height: 34.2105vw;}
.about6 .content .txt-area {  padding-top: 6.5789vw; }
.about6 .txtbx h4 { font-size: 4.6053vw; margin-bottom: 3.9474vw; margin-top: 0; }
.about6 .txtbx p { font-size: 3.2895vw;  line-height: 4.6053vw; margin-bottom: 3.9474vw; }
.about6 .ab-btn a { font-size: 2.8947vw; width: 26.3158vw; height: 7.8947vw; line-height: 6.1842vw;  }
.about6 .ab-btn a:hover::after { width: 0; }
.about6 .ab-btn a:hover { color: #0083cb; border: 2px solid #0083cb; }
.about6 .txtbx .list li span { font-size: 3.2895vw; }
.about6 .txtbx .list li {  line-height: 4.6053vw; }
.last_box h4 {font-size: 4.6053vw;}
.last_box span {font-size: 3.2895vw;}
/* 시설안내 ( 공통 ) */

/* 소장품소개 */
.collection-box figcaption {padding: 3.6842vw;}
.collection-box .col-category {font-size: 1.9737vw; padding: 0.6579vw 1.3158vw;}
.collection-box .col-tit {font-size: 3.2895vw; margin-bottom: 1.9737vw;}
.collection-box .col-txt {font-size: 2.6316vw; margin-bottom: 1.9737vw;}
.collection-wrap .grid-item {padding: 0 1.9737vw 3.9474vw;}
/* 소장품소개 */

/* faq */
.boardSeachArea {padding: 3.6842vw 3.9474vw; margin-bottom: 7.8947vw;}
.boardSearch select{padding: 0 1.9736842105vw; font-size: 2.6315789474vw; line-height: 5.6578947368vw; height: 6.5789473684vw; background: #fff url(../img/selectBg.png) top 3.0263157895vw right 1.3157894737vw no-repeat; background-size: 1.1842105263vw 0.6578947368vw;}
.boardSearch input[type="text"]{padding: 0 1.9736842105vw; width: calc(79% - 6.7105263158vw); font-size: 2.6315789474vw; line-height: 6.3157894737vw; height: 6.5789473684vw;}
.boardSearch input[type="button"]{width: 6.7105263158vw; height: 6.5789473684vw;}
.pager{margin-top: 5.2631578947vw;}
.pager > a.prev2, .pager > a.next2{width: 5.4736842105vw; height: 5.6052631579vw;}
.pager > a.prev1, .pager > a.next1{width: 5.6052631579vw; height: 5.6052631579vw;}
.pager .number{margin: 0 1.9736842105vw;}
.pager .number a{margin-right: 0.6578947368vw; width: 5.6052631579vw; height: 5.6052631579vw; font-size: 2.6315789474vw; line-height: 5.3421052632vw;}
/* faq */
	
/* 인사말 */
.com01-in .right{padding: 9.2105263158vw 0;}
.com01-in .right .ri-left > h4{font-size: 5.3947368421vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > h4 b{font-size: 7.2368421053vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > span{margin-bottom: 3.9473684211vw; font-size: 3.1578947368vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > p{font-size: 2.6315789474vw; line-height:4.6052631579vw;}
.com01-in .right .ri-left > b{margin-top: 2.6315789474vw; font-size: 2.8947368421vw; line-height:5.1315789474vw;}
.com01-in .right .ri-left > b img{width: 15.6578947368vw; height: 5.1315789474vw; margin-left: 1.9736842105vw;}

/* .museum_greeting {height: 139.8947vw;} */
.museum_gr_tit {font-size: 3.6842vw; line-height: 6.8421vw; margin-bottom: 7.2368vw;}
.museum_gr_txt {font-size: 2.6316vw;}
.museum_gr_txt p{line-height: 4.2105vw; margin-bottom: 7.2368vw;}
/* 인사말 */

/* 연혁 */
.company2 .sub-tit{font-size: 2.6315789474vw; line-height: 10.5263vw; margin-bottom: 6.5263vw;}
.com02-list .bnum {font-size: 3.2895vw;}
.com02-01{height: 59.2105263158vw; padding: 14.4736842105vw 6.5789473684vw 0;}
.com02-01 p{margin-bottom: 2.6315789474vw; font-size: 9.2105263158vw; line-height:8.5526315789vw;}
.com02-01 span{font-size: 3.2894736842vw; line-height:5.2631578947vw;}
.com02-list .left{font-size: 4.6052631579vw; line-height:5.2631578947vw; width: 14.4736842105vw;}
.com02-list .left img{top: 0.6579vw; right: -1.8421vw; width: 3.4211vw; height: 3.1579vw;}
.com02-list .right{padding:0 0 7.8947368421vw 7.8947vw; width: calc(100% - 14.4736842105vw);}
.com02-list .right:after{top: 2.6315789474vw;}
.com02-list .right ul li span{font-size: 2.6315789474vw; line-height:5.2631578947vw; width: 1.8421052632vw;}
.com02-list .right ul li p{font-size: 3.2895vw; line-height:5.2631578947vw; width: calc(100% - 1.8421052632vw); text-indent: -3.9474vw;}
/* 연혁 */

/* 새소식 view */
.bbs_area { font-size: 9px; }
.bbs_view .view_area {padding: 20px; font-size: 1.5em;}
.bbs_view .view_header .title {font-size: 2.1em;}
.bbs_view .view_footer .btn_link .title {font-size: 1em;}
.bbs_view .view_footer .btn_link .text {font-size: 1em;}
.bbs_view .view_area .view_title{padding-bottom:0;margin-bottom:20px}
.bbs_view .view_info{position:relative;padding:20px;}
.attach_box{float:none; padding-left: 60px;}
.bbs_view .view_info .info_box .category_box{position:absolute;right:20px;bottom:0}
.bbs_view .view_info .info_box{float:none;margin-top:10px}
.bbs_view .view_info .info_box p:first-child{margin-left:0}

.bbs_list th,
.bbs_list td{padding:10px 5px}
.bbs_list td.category,
.bbs_list td.category2,
.bbs_list td.date,
.bbs_list td.dept{display:none}
.btn_line.btn_gray:hover{color:#333;background:#fff; } 
.attach-img {width: 2.5vw; height: 2.5vw; background: url(../img/sub/bbs_attach_pdf.png) no-repeat center/2.5vw;}
/* 새소식 view */


/* 오시는길 */
.com05-in > p{margin-bottom: 1.9736842105vw; font-size: 3.9473684211vw; line-height:5.9210526316vw;}
.map{margin-bottom: 3.9473684211vw;}
.map .root_daum_roughmap .wrap_map{height: 52.6315789474vw !important;}
.map-info{padding: 3.9473684211vw 9.2105263158vw; margin-bottom: 9.2105263158vw;}
.map-info > img{margin: 5.2631578947vw 5.2631578947vw 0 0; width: 9.2105263158vw; height: 9.2105263158vw;}
.map-info > img.mt8{margin-top: 3.1578947368vw;}
.map-info .map-info-txt{width: calc(100% - 14.4736842105vw);}
.map-info .map-info-txt ul li b{font-size: 2.3684210526vw; line-height:5.2631578947vw; width: 15.7894736842vw;}
.map-info .map-info-txt ul li span{font-size: 2.3684210526vw; line-height:5.2631578947vw; width: calc(100% - 15.7894736842vw);}
/* 오시는길 */

/* 우리갤러리 */
.galleryList {margin-bottom: 5.2632vw;}
.galleryList .grid-item {width: 100%;padding: 0 50px 7.8947vw;}
.galleryList .gallerybx .text{font-size:2.8947368421vw; line-height:3.9474vw; height: 7.8947vw; margin-top: 1.3684vw;}
.gal-btn p {font-size: 2.6316vw; width: 14.1579vw; height: 5.6053vw; line-height: 4.9474vw; margin-top: 0;}
.gallery3 .gimg-box {margin-bottom: 3.2895vw;}
.g-pager {margin-top: 0;}
/* .galleryList .date {font-size: 2.3684vw;} */
.galleryList .text {font-size: 3.9474vw;  line-height: 3.9474vw;}
.galleryList .date {font-size: 3.6842vw; line-height: 5vw;}
/* 우리갤러리 */

/* 우리갤러리 view */
.gallery-view-cont { padding: 7.8947vw 5.2632vw; }
.gallery-view-cont .gallery-left { float: none; padding: 0 13.1579vw; }
.gallery-view-cont .gallery-left > img { width: 100%; } 
.gallery-view-cont .gallery-right .r-txt { text-indent: -13.6842vw; margin-left: 13.6842vw; }
.gallery-view-cont .gallery-right { float: none; margin-left: 0; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); }
/* .gal-view-btn .btn_line { height: 6.3158vw; line-height: 6.3158vw; } */
.g-txt .vert { vertical-align: 1.5789vw; }
/* .gal-view-btn a { font-size: 1.9737vw; width: 19.7368vw; } */
.gal-btn .bbtn,
.gal-btn .dbtn { margin-left: 0.9211vw; }
.gallery-view-cont2 { padding: 2.6316vw 3.9474vw 3.9474vw; font-size: 3.2895vw; }
.gal-view-btn { padding-top: 7.8947vw; }
.gal-view-btn a {width: 19.7368vw; height: 7.3158vw; line-height: 6.3158vw; font-size: 2.6316vw; margin: 0 0.5263vw;}
.regi-btn:hover {background-color: #333; color: #fff; }
/* 우리갤러리 view */

/* 온라인전시 */
.gallery4 .conts > .gallerybx {padding: 6.5789vw 5.2632vw;}
.gallery4 .conts .tit { font-size: 4.6053vw; border-right: none; margin-bottom: 3.2895vw; }
.gallery4 .conts .txt{ font-size: 2.8947vw; padding-left: 0; }
.gallery4 .conts .desc { padding-top: 6.5789vw; }
.gallery-right > h4 { font-size: 4.6053vw; line-height: 6.5789vw; margin-top: 6.5789vw; padding-bottom: 5.9211vw; margin-bottom: 5.9211vw; }
.gallery-right .g-txt > span:first-child { font-size: 3.4211vw; }
.gallery-right .g-txt > span:last-child { font-size: 3.4211vw; line-height: 6.5789vw; }
/* 온라인전시 */

/* 온라인전시view */
.sv-box {padding: 0;}
/* 온라인전시view */


/* 은행역사관 */
.museum-map img{width: 100%; }
.museum-map {padding: 6.5789vw 1.3889vw;}
.map-list {float: none; width: 100%; padding: 3.9474vw 7.8947vw; }
.map-list li:first-child, .map-list li:last-child {font-size: 3.9474vw; line-height: 4.6053vw; margin-bottom: 2.6316vw; padding-left: 6.3158vw;}
.map-list li:first-child .map-listNum, .map-list li:last-child .map-listNum {width: 4.6053vw; height: 4.6053vw; font-size: 2.3684vw;}
.map-list li {font-size: 2.8947vw; padding-left: 5.2632vw; line-height: 3.4211vw; margin-bottom: 2.6316vw;}
.map-listNum {font-size: 3.2895vw;}
.map-bottom h4 {font-size: 4.6053vw; margin-top: 6.5789vw; margin-bottom: 2.6316vw;}
.map-bottom p {font-size: 2.8947vw; line-height: 4.6053vw;}
.book-slide-wrap {padding: 6.5789vw; margin-top: 7.8947368421vw;}
.info-txt p{ font-size: 3.2895vw; left: 6.5789vw;}
.info-txt{ height: 9.2105vw;}
.book-slide-in {margin: 1.9737vw auto 0;}
.b-slide > div a {height: 9.2105263158vw;}
.b-slide > div {width: 14.2105263158vw;}
.book-slide-in .swiper-button-next {width: 3.0263vw; height: 4.8684vw; margin: -1.9737vw -41.6vw 0 0;}
.book-slide-in .swiper-button-prev {width: 3.0263vw; height: 4.8684vw; margin: -1.9737vw 0 0 -41.6vw;}
/* 은행역사관 */

/* 관람안내 */
.guidewr,
.collection3 .collectbx{padding: 7.8947vw 5.2632vw; margin-bottom: 5.9211vw;}
.guide-left {width: 100%; margin-bottom: 3.9474vw; margin-top: 0;}
.guide-left > span,
.collection3 .collect-left h4 {font-size:6.2105vw;}
.guide-right {width: 100%;}
.guide-left h4 {font-size: 4.6053vw;}
.guide-right span,
.collection3 .collect-right span {line-height: 5.9211vw; font-size: 3.4211vw;}
.brochure-btnbx {margin-top: 5.2632vw;}
.brochure-btn {font-size: 2.8947vw !important; width: 100%; height: 9.2105vw; line-height: 9.2105vw;}
.sub-bg-txtbx {margin: -18vw auto 0;}
/* 관람안내 */

/* 개인관람예약 */
.pro-tab {margin-bottom: 7.8947vw;}
.pro-tab a {height: 9.2105vw; line-height: 9.2105vw; font-size: 2.6316vw;}
.pro-tab a.on {line-height: 8.2105vw;}
.guide-right li {line-height: 0; margin-top: 0; margin-left: 1.8421vw; text-indent: -1.9737vw;}
.guide-right li::before {line-height: 5.3947vw; }
.guide-right span {margin-left: 1.8421vw;}
.about2-bg .sub-bg-txtbx2 .mo-bgtit {margin-bottom: 3.9474vw;}
.sub-bg-txtbx2 {padding: 5.2632vw; margin-top: -18vw;}
.sub-bg-txtbx2 .bg-tit {margin-left: 2.6316vw; font-size: 4.6053vw;}
.sub-bg-txtbx2 li {font-size: 2.8947vw; line-height: 3.9474vw;}
.sub-bg-txtbx2 .mo-bgtit div:first-child > img {width: 10.5263vw;}
.op0 {opacity: 0; cursor: none;}
.about2 .about-common {padding: 0;}
.op0 {opacity: 0; cursor: none;}
.about2 .about-common > div:first-child {padding: 6.5789vw 5.2632vw; margin-bottom: 3.9474vw;}
.about2 .txt-area h4 { font-size: 5.2632vw; margin-bottom: 3.9474vw; }
.about2 .txt-area li { font-size: 3.4211vw; line-height: 5.9211vw; margin-bottom: 0.3158vw; }
.calbx { padding: 5.2632vw 2.6316vw 10.5263vw; }
.brochure-btnbx {justify-content: center;}
.brochure-btn { margin-right: 0;}
.brochure-btnbx .l-btn {margin-right: 15px;}
.brochure-btn:hover {background-color: #0083cb; color: #fff; border: none;}
.about2 .txt-area li::before { top: 0.5263vw; }
/* 개인관람예약 */

/* 교육신청 */
.education1 .boardSeachArea {margin-bottom: 7.6316vw;}
.educlass-wr {padding: 5.2632vw;}
.edu-last,
.collection-wrap {margin-bottom: 5.2632vw;}
.educlass > a {margin: 0 auto 5.9211vw; width: 100%; max-width: 620px; float: none;}
.educlass-txtbx{ float: none; padding-left: 0; }
.edu-btn > span {width: 13.1579vw; height: 4.6053vw; line-height: 4.6053vw; font-size: 1.9737vw; margin-bottom: 3.2895vw;}
.edu-btn .bbtn,
.edu-btn .dbtn { margin-left: 0.9211vw; }
.edu-btn {margin-bottom: 3.4211vw;}
.edu-btn p {font-size: 2.6316vw; width: 14.1579vw; height: 5.6053vw; line-height: 4.9474vw;}
.edu-txtbx .e-tit {font-size: 4.6053vw; margin-bottom: 3.4211vw;}
.e-txt > span:first-child {font-size: 3.4211vw; float: left; width: 15%; line-height: 4.9474vw;}
.e-txt > span:last-child {font-size: 3.4211vw; float: left; width: calc(85% - 17px); line-height: 4.9474vw;}
.e-txt {margin-top: 1.8421vw;}
/* 교육신청 */

/* 교육자료실 */

.boardTbl{margin-top: 3.9473684211vw; padding-bottom: 2.6315789474vw;}
.boardTbl table tr th{padding: 1.9736842105vw 1.3157894737vw; font-size: 2.6315789474vw; line-height: 4.6052631579vw;}
.boardTbl table tr td{padding: 1.9736842105vw 1.3157894737vw; font-size: 2.6315789474vw; line-height: 4.6052631579vw;}
.boardTbl table tr td a{font-size: 2.6315789474vw; line-height: 4.6052631579vw;}
.boardTbl table tr td b{padding: 0 1.3157894737vw; font-size: 2.6315789474vw; line-height:4.6052631579vw; border-radius: 0.6578947368vw;}

/* 교육자료실 */

/* 예약조회 */

.login{padding: 6.5789473684vw 0; margin: 8.5526315789vw auto 0;}
.login-form-in{width: 65.7894736842vw;}
.login-inp > input[type="text"],
.login-inp > input[type="password"]{margin-bottom: 1.9736842105vw; padding: 0 1.9736842105vw 0 8.5526315789vw; font-size: 2.8947368421vw; line-height:6.9736842105vw; height: 7.2368421053vw;}
.login-inp > input#log_id{background: #fff url(../img/sub/inp-id-bg.png) top 1.9736842105vw left 2.8947368421vw no-repeat; background-size: 3.1578947368vw 3.0263157895vw;}
.login-inp > input#log_pw{background: #fff url(../img/sub/inp-pw-bg.png) top 1.8421052632vw left 3.4210526316vw no-repeat; background-size: 2.6315789474vw 3.4210526316vw}
.login-check label{font-size: 2.6315789474vw; line-height:2.8947368421vw;}
.login-check label i{width: 2.8947368421vw; height: 2.8947368421vw; margin-right: 0.6578947368vw;}
a.login-btn1{margin-top: 3.9473684211vw;}
a.login-btn1{ font-size: 2.6315789474vw; line-height:7.8947368421vw; height: 7.8947368421vw;}
a.login-btn1:hover { background: #0083cb; color: #fff; font-size: 3.2895vw;font-weight: 500;  line-height:7.8947368421vw; height: 7.8947368421vw; border: none; margin-bottom: 1.3157894737vw;}
/* .login-btn1 a{margin-bottom: 5.2631578947vw; font-size: 2.6315789474vw; line-height:7.8947368421vw; height: 7.8947368421vw;} */
.loginInfo .loginInfoBox{padding: 3.9473684211vw 0 2.6315789474vw; border-radius: 1.3157894737vw; box-shadow: 0 0 1.3157894737vw 0.3947368421vw rgba(0,0,0,0.1);}
.loginInfo .loginInfoBox img{width: 8.1578947368vw;}
.loginInfo .loginInfoBox b{margin-top:2.6315789474vw; font-size: 2.8947368421vw; line-height: 3.4210526316vw;}
.loginInfo .loginInfoBox span{margin-top: 1.3157894737vw; font-size: 2.6315789474vw; line-height:3.6842105263vw;}
.login-inp label {font-size: 3.2895vw; line-height: 8.2368vw; width: 20%;}
.login-inp input[type="text"], .login-inp input[type="password"] {font-size: 2.8947vw; padding: 0 1.9737vw;height: 8.2368vw; width: 78%; }
div.custom-gabia {font-size: 2.8947vw; padding: 0 1.9737vw;height: 8.2368vw; width: 78%; }
/* 예약조회 */

/* 소장품 소개 */
.collection-wrap .grid-item {width: 50%;}
/* 소장품 소개 */

/* 소장품view */
.col-right {margin-top: 0;}
.col-right h4 {margin-bottom: 6.5789vw;}
.col-right .g-txt > span:first-child {margin-right: 2.1053vw;}
.col-right .c-btn a {font-size: 2.6316vw; padding: 2.6316vw 4.6053vw 2.6316vw 7.8947vw; background: #0083cb no-repeat 3.9474vw/2.8947vw;}
.col-right .c-btn a:first-child {margin-right: 1.3158vw;}
.collection-view-cont {padding: 18.4211vw;}
.col-right .c-btn a:hover:first-child {background-image: url(../img/sub/sch-icon.png);}
.col-right .c-btn a:hover:last-child {background-image: url(../img/sub/e-book-icon.png);}
.col-right .c-btn a:hover {color: #fff; background-color: #0083cb; border: 2px solid #0083cb;  }
.col-right .c-btn a {transition: none;}
/* 소장품view */


/* 기증안내 */
.proc {width: 50%; margin-bottom: 3.2895vw;}
.col-procbx .r-img {display: none;}
.proc .img img {width: 11.6842vw; margin: 6.6vw auto;}

.proc .txt {white-space: normal;}
.col-procbx .r-img {margin: 4vw -1.8750vw;}
.proc p {margin-bottom: 0; font-size: 4.3421vw;}
/* .collection3 .collectbx {padding: 7.8947vw 9.3750vw; margin-bottom: 7.8125vw;} */
.collection3 .col-txt-box .col-tit {font-size: 4.6875vw;margin-bottom: 4.6875vw; line-height: 5.9211vw;}
.collection3 .col-txt-box .col-desc {font-size: 3.1579vw;line-height: 4.6875vw;}
/* .collection3 .collect-left h4{font-size: 4.6053vw;} */
.collection3 .collect-right li {line-height: 0; margin-top: 0;}
.collection3 .collect-right li::before {line-height: 5.3947vw; text-indent: -1.5625vw;}
.collection3 p.call::before {text-indent: -1.5625vw;}
/* .collection3 .collect-right span{ line-height: 5.9211vw; font-size: 2.8947vw;} */
.collection3 .collect-right .proc span.img {margin-left: 0; width: 26.3158vw; height: 26.3158vw;}
/* .collection3 .collect-left > img {width: 14.3750vw;} */
/* .collection3 .collectwr div:first-child .collect-left img {width: 11.2500vw;} */
.collection3 p.call {font-size: 3.4211vw;}
/* 기증안내 */
.last {height: 9.2105vw;}
}


@media all and ( max-width : 640px ) {

    .op0 {opacity: 0; cursor: none;}
/* sub-common */
.sv-wrap{height: 42.5vw;}
.sv{height: 42.5vw;}
.sv-txt span{font-size: 3.25vw; line-height: 6.2500vw;}
.sv-txt p{font-size: 7.03125vw; line-height:3.25vw; margin-top: 1.5625vw;}


.sdep01 > p span{padding: 0 6.25vw 0 4.6875vw; font-size: 2.1875vw; line-height:8.4375vw;}
.sdep01 > p em{top: 4.21875vw; right: 4.6875vw; width: 1.71875vw; height: 0.9375vw;}
.sdep01 ul{top: 8.4375vw; }
.sdep01 ul li a{padding: 0 4.6875vw; font-size: 2.1875vw; line-height: 7.5vw;}
.sdep02 > p span{padding: 0 6.25vw 0 4.6875vw; font-size: 2.1875vw; line-height:8.4375vw;}
.sdep02 > p em{top: 4.21875vw; right: 4.6875vw; width: 1.71875vw; height: 0.9375vw;}
.sdep02 ul{top: 8.4375vw; }
.sdep02 ul li a{padding: 0 4.6875vw; font-size: 2.1875vw; line-height: 7.5vw; }
.op0 {opacity: 0; cursor: none;}
/* sub-common */

.sub{padding: 9.375vw 0;}
.sub-title{margin-bottom: 8.59375vw;}
.sub-title p{font-size: 7.03125vw;}
.sub-title span{width: 6.25vw; margin: 3.125vw auto 0;}
.p-simg{display: none;}
.m-simg{display: block;}

/* 관람안내 */
.about-common {padding: 0;}
.sub-bg-txtbx {top: 65%; padding: 8.3750vw 10.1875vw;}
.sub-bg-txtbx .line {width: 7.6875vw; left: -10.1875vw; top: 2.8750vw;}
.sub-bg-txtbx .bg-tit {font-size: 3.7500vw;}
.sub-bg-txtbx p {font-size: 2.5125vw;}
/* 관람안내 */


/* 온라인교육 */
.online-edu-wr > li {width: 100%;}
.online-edu-wr .online-txtbox a {font-size: 4.6875vw; }
.online-edu-wr .online-txtbox {padding-top: 3.9063vw; }
/* 온라인교육 */
}




/* 20220111 캘린더 수정 */
.container_wr .hide { position: absolute; top: -9999px; left: -9999px; opocity: 0; }
.container_wr .month_select { justify-content: space-between; align-items: center; display: flex; padding: 15px; text-transform: uppercase;}
.container_wr .month_select .month { font-size: 1.5em; }
.container_wr .calendar { width:100%; }
.container_wr .calendar th { border-bottom: 0 !important; padding: 5px 0; }
.container_wr .calendar th,
.container_wr .calendar td { border: 1px solid #ccc; background-color:#fff; }
.container_wr .calendar thead tr th { text-align: center; color: #000; }
.container_wr .calendar tbody tr td { vertical-align: top; height: 140px; position: relative; }
.container_wr .calendar tbody tr td a { display: block; color: #000; }
.container_wr .calendar tbody tr td a:not(.view_close) { display: block; cursor: default; padding: 4px; }
.container_wr .calendar tbody tr td a .date { width: 100%; display: block; text-align: right; font-size: 1.1em; margin-bottom: 10px; }
.container_wr .calendar tbody tr td.weekend { background-color:#F3F3F3; }
.container_wr .calendar tbody tr td.not-this-month .date { opacity: 0.3; }
.container_wr .calendar tbody tr td .closed { color: #ff0000; }
.container_wr .calendar tbody tr td .open { color: #001aff; }
.container_wr .calendar tbody tr td .event_list .event { padding: 3px 5px 3px 15px; position: relative; }
.container_wr .calendar tbody tr td .event_list .event::after { content:''; width: 5px; height: 5px; position: absolute; top: 8px; left: 5px; display:block; background-color: #000; border-radius: 50%; }
.container_wr .calendar tbody tr td .more_btn { font-size: 0.9em; color: #0d6efd; text-decoration: underline; padding: 5px; cursor: pointer; }
.container_wr .calendar tbody tr td .event_view { display: none; width: 220px; position: absolute; top: 0; left: 0; z-index: 999; border: 1px solid #ddd; box-shadow: 0 2px 6px rgb(0, 0, 0, 0.15); }
.container_wr .calendar tbody tr td .event_view .view_top { padding: 3px 4px; background-color: #F1F1F1; display: flex; align-items: center; justify-content: space-between; }
.container_wr .calendar tbody tr td .event_view .view_top .view_date { font-size: 1.1em; }
.container_wr .calendar tbody tr td .event_view .view_top .view_close::after { content:"\00d7" }
.container_wr .calendar tbody tr td .event_view .event_list { background-color: #fff; padding: 10px; }

@media all and ( max-width : 1260px ) {
	.container_wr .month_select .month { font-size: 1.3em; }
	.container_wr .calendar thead tr th { font-size: 0.8em; }
	.container_wr .calendar tbody tr td { height: 10.3175vw; }
	.container_wr .calendar tbody tr td a .date { font-size: 0.8em; }
	.container_wr .calendar tbody tr td .event_list .event { font-size: 0.8em; }
	.container_wr .calendar tbody tr td .more_btn { font-size: 0.7em; display: block; }
	.container_wr .calendar tbody tr td .event_list .event::after { width: 3px; height: 3px; top: 7px; }
	.container_wr .calendar tbody tr td .event_view .view_top .view_date { font-size: 0.7em; }
	
}

@media screen and (min-width:1px) and (max-width:850px) {
	.container_wr .calendar tbody tr td .m_none { display:none; }
	.container_wr .month_select .month { font-size: 1.1em; }
	.container_wr .calendar thead tr th { font-size: 0.6em; }
		.container_wr .calendar tbody tr td a .date { font-size: 0.6em; }
	.container_wr .calendar tbody tr td .event_list .event { font-size: 0.6em; }
	.container_wr .calendar tbody tr td .more_btn { font-size: 0.5em; }
}


li.custom-group-info table {
    width:100%;
    max-width: 590px;
}
li.custom-group-info table th {
    border: 1px solid #ffffff;
    background: #0083cb;
    color: #ffffff;
    text-align: center;
    font-size: 80%;
}
li.custom-group-info table tr{}
li.custom-group-info table td {
    border: 1px solid #ffffff;
    text-align: center;
    background: #e9e5e5bd;
    font-size: 80%;
}
li.custom-group-info::before {
    display: none !important;
}
li.custom-group-info span {
    font-size: 70%;
    line-height: 70%;
}