/* pdf 뷰어 */
.pdfBox {position: relative;width: 100%;}
.pdfBox ul {display: flex;flex-wrap: wrap;align-items: center;gap: 4rem 3rem;}
.pdfBox ul li {width: calc((100% / 3) - 2rem);height: 25.6rem;}
.pdfBox ul li.noimg .img {background: #F2F2F2 url("/images/template/02465/sub/pdf_noimg.png") no-repeat center;}
.pdfBox ul li.noimg .img img {display:none;}
.pdfBox ul li .img {display: flex;box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);overflow: hidden;align-items: center;justify-content: center;background: #F2F2F2;height: 19.7rem;}
.pdfBox ul li .img img {max-width: 100%;}
.pdfBox ul li .tit {line-height: 1.65rem;font-size: 1.1rem;font-weight: 600;font-family: 'Pretendard';color: #222;margin: 0.8rem 0 1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pdfBox ul li .pdfButton {display: flex;height: 2.25rem;border: 1px solid #CCD2DA;border-radius: 0.1rem;align-items: center;justify-content: center;font-size: 0.9rem;font-weight: 400;color: #444;transition: 0.35s;-webkit-transition: 0.35s;}
.pdfBox ul li .pdfButton i {margin-left: 0.3rem;}
.pdfBox ul li .pdfButton:hover,.pdfBox ul li .pdfButton:focus {background: rgb(46 124 232 / 10%);border: 1px solid #1355B1;color: #0F315E;}

.videoBox video { width:100%; }

/*img { width: 100% ; }*/

.ess_itm {color:red;}
 /* 박스 - 이미지 1*/
.box_img { min-height:5rem; padding-left:14rem; margin-top:2.5rem; } 
.box_img .img {position:absolute; left:1.5rem; top:-1.5rem; display:block; width:10rem; height:9rem; background: #fff; border:2px solid #e5eff9; border-radius:1rem 1rem 0 1rem; box-shadow:3px 3px 7px rgba(0,133,216,0.05); }
.box_img .img + [class^="tit"] { margin-top:0 !important; }
.box_img .img img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } 

 /* 박스 - 이미지 1*/
.box_img2 { min-height:10rem; padding-left:17.5rem; margin-top:2rem; } 
.box_img2 h3 { font-size:1rem; color:#1963d1; font-size:0.9rem; font-weight:700; }
.box_img2 .img {position:absolute; left:1.5rem; top:-1.5rem; display:block; width:14rem; height:10rem; max-width:100%; border-radius:1rem 1rem 0 1rem; box-shadow:3px 3px 7px rgba(0,133,216,0.05); font-size:0; overflow:hidden; } 
.box_img2 .img img { width:100%; }
.box_img2 + .box_img2 { margin-top:3rem; }

/* 탭스타일 */ 
.defaultTab { padding:0.5rem 0; overflow:hidden; border:2px solid #ddd; margin-bottom:2rem; }
.defaultTab > br { display:none; }
.defaultTab li { width:25% !important; float:left; padding:0 1rem; }
.defaultTab li a { position:relative; display:block; padding:.5rem 0 .5rem 1.25rem; line-height:1rem; font-size:.8rem; color:#999; font-weight: 600; -webkit-transition:all .3s ease; transition:all .3s ease; }
.defaultTab li a:after { position:absolute; top:1rem; left:0; font-weight: 400; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e92c'; -webkit-transition:color .3s; transition:color .3s; }
.defaultTab li a:hover, .tab_list li a:focus { color:#333; }
.defaultTab li.active a {color: #000;}
.defaultTab li.active a:after {color: #1161bc; content:'\e92b'; }

/* 원장인사 */
.greeting { position:relative; padding-top:6.5rem; }
.greeting:before { content:""; position:absolute; left:3rem; top:0; width:200%; height:540px; background:#f2f9ff; border-radius:2.5rem 0 0 0; z-index:-1; }
.greeting .img { position:absolute; left:0; top:3rem; width:21.75rem; height:25rem; background:url('/images/template/02278/sub/greeting_img.png') no-repeat center / cover; border-radius:2.5rem; }
.greeting .box { position:relative; margin-left:16rem; background:#fff; border-radius:0 2.5rem 2.5rem 2.5rem; padding:2.5rem; }
.greeting .box:before { content:""; position:absolute; right:-80px; top:-80px; width:181px; height:181px; background:url('/images/template/02278/sub/greeting_bg.png') no-repeat center / cover; z-index:-1; }
.greeting .box h3 { position:relative; display:block; max-width:95%; width:18.7rem; line-height:3.6rem; background:linear-gradient(to right, #085cb7, #0399ff); text-align:center; color:#fff; font-size:1.2rem; font-weight:700; border-radius:1.5rem 0 1.5rem 0; margin:-4.3rem 0 1.25rem -2.5rem; }
.greeting .box h3:before { content:""; position:absolute; right:-1.8rem; top:0; width:0; height:0; border-left:1.8rem solid #0a4b78;  border-top:1.8rem solid transparent; }
.greeting .box p { line-height:1.6rem; word-break:keep-all; font-weight:600; } 
.greeting .box .point1 { color:#3981cb; font-weight:700; }
.greeting .box .point2 { color:#39b9d9; font-weight:700; }
.greeting .box .sign { display:block; text-align:right; font-weight:600; margin-top:2rem; }
.greeting .box .sign strong { font-size:1.2rem; font-weight:700; }

/* 역대원장 */
.presidentList { overflow:hidden; font-size:0; }
.presidentList li { position:relative; display:inline-block; width:32%; height:8rem; border:2px solid #e5eff9; border-radius:2rem 1rem 1rem 1rem; padding:1.7rem 1rem 1rem 6rem; margin-bottom:1rem; font-size:0.8rem; vertical-align:top; }
.presidentList li:not(:nth-child(3n + 1)) { margin-left:2%; }
.presidentList li .img { position:absolute; top:1.5rem; left:1.5rem; font-size:0; width:3.7rem; height:4.9rem; }
.presidentList li .img img { width:100%; height:100%; border:1px solid #ced8e3; border-radius:0.7rem 0.7rem 0 0.7rem; overflow:hidden; }
.presidentList li .img:before { content:""; position:absolute; left:0.25rem; top:0.25rem; width:100%; height:100%; border-radius:0.7rem 0.7rem 0 0.7rem; background:url('/images/template/02278/sub/president_ptrn.png'); z-index:-1; }
.presidentList li strong { display:block; font-size:0.9rem; font-weight:700; color:#004896; font-family:"SCDream","NotoSans"; }
.presidentList li strong em { font-weight:400; }
.presidentList li span { position:relative; display:inline-block; margin:0.3rem 0 0.5rem; padding:0 0.5rem 0 1.75rem; font-weight:600; line-height:1.3rem; }
.presidentList li span:before { content:"\e9a4"; position:absolute; left:0; bottom:0; width:1.3rem; height:1.3rem; background:#0d61bb; color:#fff; font-family:"xeicon"; font-weight:400; border-radius:1.3rem 1.3rem 0 1.3rem; text-align:center; }
.presidentList li span:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:0.65rem; background:#f2f9ff; border-radius:0 0.65rem 0 0; z-index:-1; }
.presidentList li > em { display:block; line-height:1.1; }

/* 기본방향 */
.goalWrap { position:relative; background:#f5faff; border-radius:1rem; margin-top:1.5rem; padding:0 1rem 3.5rem; word-break:keep-all; }
.goalWrap h3 { position:relative; top:-1.5rem; display:block; max-width:100%; width:15.7rem; padding:1rem; background:#085eba url('/images/template/02278/sub/0104_bg1.png') no-repeat right / auto 100%; border-radius:1.3rem 1.3rem 0 1.3rem; color:#fff; font-size:1rem; font-weight:600; text-align:center; margin:0 auto; } 
.goalWrap .goal { position:relative; display:block; max-width:100%; width:27.05rem; box-shadow:0 0 8px rgba(12,87,167,0.17); background:#fff; text-align:center; font-size:1rem; font-weight:600; border-radius:1.5rem; margin:2.5rem auto 1.3rem; padding:1.5rem 1rem; }
.goalWrap .goal span { color:#36a8f9; }
.goalWrap .goal span:nth-child(2) { color:#2bb4a9; }
.goalWrap .goal img { position:absolute; right:-4rem; top:-1rem; }
.goalWrap .arrow { text-align:center ;}
.goalWrap .center { position:relative; width:24.9rem; height:23.9rem; background:#fff; border-radius:50%; box-shadow:0 0 15px rgba(8,94,186,0.1); text-align:center; font-size:1.2rem; font-weight:600; margin:6.5rem auto 7rem; } 
.goalWrap .center .tit { position:absolute; top:50%; width:100%; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.goalWrap .center .tit img { display:block; margin:0 auto 1rem; }
.goalWrap .center .tit span { font-size:1.4rem; color:#085eba; font-weight:700; }
.goalWrap .center .tit span:nth-of-type(2) { color:#ffa800; }
.goalWrap .center ul li { display:inline-block; width:9.2rem; height:9.2rem; background:#fff; border-radius:50%; text-align:center; padding:1.5rem 0.5rem; font-size:1rem; font-weight:600; line-height:1.2; z-index:1; }  
.goalWrap .center ul li:before { content:""; position:absolute; left:50%; top:50%; width:9.5rem; height:9.5rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:50%; z-index:-1;}
.goalWrap .center ul li strong { display:block; font-weight:700; }
.goalWrap .center ul li img { width:2.75rem; }
.goalWrap .center ul li:nth-child(1) { border:3px solid #fdba38; }
.goalWrap .center ul li:nth-child(1):before { border:3px solid #fff1d7; }
.goalWrap .center ul li:nth-child(1) strong { color:#ffa800;}
.goalWrap .center ul li:nth-child(2) { border:3px solid #35aafb; }
.goalWrap .center ul li:nth-child(2):before { border:3px solid #d1ebfe; }
.goalWrap .center ul li:nth-child(2) strong { color:#35aafb;}
.goalWrap .center ul li:nth-child(3) { border:3px solid #2bb4a9; }
.goalWrap .center ul li:nth-child(3):before { border:3px solid #d4f0ee; }
.goalWrap .center ul li:nth-child(3) strong { color:#2bb4a9;}
.goalWrap .center ul li:nth-child(4) { border:3px solid #e958ad; }
.goalWrap .center ul li:nth-child(4):before { border:3px solid #fdeaf5; }
.goalWrap .center ul li:nth-child(4) strong { color:#e958ad;}
.goalWrap .center ul li:nth-child(5) {border:3px solid #ab36b6; }
.goalWrap .center ul li:nth-child(5):before { border:3px solid #f0def2; }
.goalWrap .center ul li:nth-child(5) strong { color:#ab36b6;}
.goalWrap .list { position:relative; text-align:center; z-index:1; }
.goalWrap .list:before { content:""; position:absolute; left:50%; top:50%; width:35rem; height:1px; border-top:2px dotted #d2deea; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:-1;}
.goalWrap .list li { display:inline-block; width:9.6rem; line-height:3.8rem; color:#fff; font-size:1rem; font-weight:600; border-radius:1rem; text-align:center; margin:0.5rem; box-shadow:0 0 8px rgba(3,153,255,0.17); }
.goalWrap .list li:nth-of-type(1) { background:#35aafb url('/images/template/02278/sub/0104_bg2.png') no-repeat right top; }
.goalWrap .list li:nth-of-type(2) { background:#ffa800 url('/images/template/02278/sub/0104_bg3.png') no-repeat right top; }
.goalWrap .list li:nth-of-type(3) { background:#31b6ab url('/images/template/02278/sub/0104_bg4.png') no-repeat right top; }

/* 조직도 */
.orgWrap { position:relative; overflow:hidden; }
.orgWrap .org1 { width:9.25rem; height:9.25rem; background:#e6f4ff; border-radius:50%; box-shadow:0 0 7px rgba(0,72,150,0.3); padding:0.35rem; margin:0 auto; }
.orgWrap .org1 span { display:block; width:100%; height:100%; border-radius:50%; text-align:center; background: rgb(3,153,255); background: -moz-linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); background: -webkit-linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); background: linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); font-size:1.1rem; color:#fff; font-weight:700; line-height:8.55rem; }
.orgWrap .org2 { position:relative; padding-top:6.6rem; }  
.orgWrap .org2:before { content:""; position:absolute; left:5.05rem; top:6.6rem; width:calc(100% - 10.1rem); height:1px; background:#c3d0db; } 
.orgWrap .org2:after { content:""; position:absolute; left:50%; top:0; width:1px; height:6.6rem; background:#c3d0db; z-index:-1; }
.orgWrap .org2 > li:first-child { position:absolute; right:calc(50% - 17.2rem); top:1.5rem; }
.orgWrap .org2 > li:not(:first-child) { position:relative; padding-top:2rem; }
.orgWrap .org2 > li:nth-child(2) { float:left; z-index:2;}
.orgWrap .org2 > li:nth-child(3) { position:absolute; left:0; right:0; }
.orgWrap .org2 > li:nth-child(4) { float:right; }
.orgWrap .org2 > li > a { position:relative; display:block; width:10.1rem; line-height:3.6rem; color:#fff; text-align:center; font-size:0.95rem; font-weight:600; background:#3584d0 url('/images/template/02278/sub/org_bg1.png') no-repeat right bottom; border-radius:1rem 1rem 0 1rem; margin:0 auto; -webkit-transition:0.2s; transition:0.2s; }
.orgWrap .org2 > li > a:after { content:""; position:absolute; width:0.8rem; height:0.8rem; background:#3584d0; border-radius:3px; border:2px solid #fff; }
.orgWrap .org2 > li a:first-child:before { content:""; position:absolute; left:-7rem; top:50%; width:7rem; height:1px; background:#c3d0db; }
.orgWrap .org2 > li a:first-child:after { left:-0.4rem; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); } 
.orgWrap .org2 > li:not(:first-child) a:before { content:""; position:absolute; left:50%; top:-2rem; width:1px; height:2rem; background:#c3d0db; }
.orgWrap .org2 > li:not(:first-child) a:after { left:50%; top:-0.4rem; -webkit-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg); }
.orgWrap .org3 { position:relative;}
.orgWrap .org3:before { content:""; position:absolute; left:50%; top:-4.5rem; width:1px; height:4.5rem; background:#c3d0db; }
.orgWrap .org3 > li { position:relative; margin-top:4.5rem; } 
.orgWrap .org3 > li > span { position:relative; display:block; width:100%; max-width:10.1rem; margin:0 auto; line-height:3.6rem; color:#fff; text-align:center; font-size:0.95rem; font-weight:600; background:#21bec8 url('/images/template/02278/sub/org_bg2.png') no-repeat right bottom; border-radius:1rem 1rem 0 1rem; }
.orgWrap .org3 > li > span:before {content:""; position:absolute; left:50%; top:-0.4rem; width:0.8rem; height:0.8rem; background:#21bec8; border-radius:3px; border:2px solid #fff; -webkit-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg);}
.orgWrap .org3 > li:nth-of-type(2) > span:before { left:calc(50% - 5px); }
.orgWrap .org3.list { display:flex; width:100%; padding-left:11rem; } 
.orgWrap .org3.list:before { top:0; height:2.5rem; }
.orgWrap .org3.list > li { flex:1; padding:0 0.2rem; }
.orgWrap .org3.list > li:before { content:""; position:absolute; top:-2rem; left:50%; width:1px; height:2rem; background:#c3d0db; }
.orgWrap .org3.list > li:nth-of-type(2):before { left:calc(50% - 5px); }
.orgWrap .org3.list > li:after { content:""; position:absolute; top:-2rem; left:0; width:100%; height:1px; background:#c3d0db; } 
.orgWrap .org3.list > li:first-child:after { left:50%; width:50%; }
.orgWrap .org3.list > li:last-child:after { width:50%; }
.orgContWrap { margin-top:2rem; }
.orgContWrap > div { display:none; }
/** 조직도 :active **/
.orgWrap .org2 > li > a:hover,
.orgWrap .org2 > li > a:focus { background-color:#004896; }

/* 찾아오시는길 */
.mapWrap { position:relative; }
.mapWrap .mapbox { position:relative; width:100%; height:27.4rem; background:#ebeef0; }
.mapWrap .box { position:relative; display:inline-block; margin-top:-4.5rem; padding:1.5rem 2.5rem; color:#fff; border-radius:0 2rem 0 2rem; box-shadow:0 0 7px rgba(3,153,255,0.35); background: rgb(57,126,200); background: -moz-linear-gradient(90deg, rgba(57,126,200,1) 0%, rgba(53,170,252,1) 100%); background: -webkit-linear-gradient(90deg, rgba(57,126,200,1) 0%, rgba(53,170,252,1) 100%); background: linear-gradient(90deg, rgba(57,126,200,1) 0%, rgba(53,170,252,1) 100%); }
.mapWrap .box h3 { position:relative; display:inline-block; font-size:1.1rem; font-weight:600; padding:0 0.3rem; }
.mapWrap .box h3:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:0.7rem; background:url('/images/template/02278/sub/dash_bg.png'); border-radius:0.7rem 1.4rem 0 0.7rem; }
.mapWrap .box .mapBtn { position:absolute; right:2.5rem; top:1.4rem; line-height:1.8rem; border:1px solid #fff; border-radius:0.5rem; padding:0 0.5rem 0 2.5rem; background:url('/images/template/02278/sub/ico_map.png') no-repeat left 0.5rem center; -webkit-transition:0.2s; transition:0.2s; }
.mapWrap .box .mapBtn:hover,
.mapWrap .box .mapBtn:focus { background-color:#1972d1; }
.mapWrap .box ul { margin-top:1rem; }
.mapWrap .box ul li { display:inline-block; }
.mapWrap .box ul li + li { margin-left:3rem;}
.mapWrap .box ul li i { display:inline-block; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; text-align:center; line-height:1.5rem; font-size:0.9rem; color:#397fc9; margin-right:0.5rem; }

/* 안내 */
.infoBox { position:relative; word-break:keep-all; }
.infoBox .tit { display:block; width:100%; max-width:29rem; margin:0 auto; text-align:center; font-size:0.95rem; font-weight:600; padding:2px; border-radius:1.5rem; background: rgb(3,153,255); background: -moz-linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); background: -webkit-linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); background: linear-gradient(227deg, rgba(3,153,255,1) 0%, rgba(8,92,183,1) 100%); box-shadow:0 0 7px rgba(57,125,199,0.2); }
.infoBox .tit strong { color:#397fc9; }
.infoBox .tit span { display:block; padding:1rem; background:#fff; border-radius:1.4rem; }
.infoBox .arrw { text-align:center; margin:1.1rem 0 1.2rem; }
.infoBox dl dt { position:relative; display:block; width:80%; max-width:22rem; margin:0 auto; padding:0.8rem 1rem; background:#085eba; border-radius:1.2rem; color:#fff; text-align:center; font-size:0.95rem; z-index:1; }
.infoBox dl dd { position:relative; width:100%; max-width:42.5rem; margin:-1.5rem auto 0; border:1px solid #e1e7ec; border-radius:1.2rem; padding:2.5rem 2.5rem 1.5rem; box-shadow:0 0 7px rgba(57,125,199,0.2); }

/* 정보공개업무처리절차 */
.processList { position:relative; }
.processList dl + dl { position:relative; padding-top:3.3rem; }
.processList dl + dl:before { content:""; position:absolute; left:5.5rem; top:0.7rem; width:36px; height:41px; background:url('/images/template/02278/sub/arrow2.png') no-repeat; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.processList dl dt { position:relative; width:10.5rem; height:5.4rem; display:block; background:#085eba url('/images/template/02278/sub/process_bg.png') no-repeat right bottom; border-radius:1.3rem 1.3rem 0 1.3rem; margin-left:1.3rem; z-index:1; }
.processList dl dt span { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; color:#fff; font-size:1rem; font-weight:700; }
.processList dl dd { position:relative; margin-top:-3.5rem; box-shadow:0 0 7px rgba(57,125,199,0.2); border:1px solid #e1e7ec; padding:1.2rem 1.2rem 1.2rem 13rem; border-radius:1.5rem; }
  
/* 오픈랩시설 */
.img_table .txt { padding:0.3rem 0.5rem; background:#e2edff; font-weight:600; margin-top:0.5rem;  }
 
/*********************** 기능페이지 ***********************/
/* 게시판 상단 안내박스 */
.inform_bg { position:relative; padding:1.5rem 1.5rem 1.5rem 8rem !important; border-radius:1.5rem 0.5rem 0.5rem 0.5rem; }
.inform_bg:before { content:""; position:absolute; left:1.5rem; top:-1.5rem; display:block; width:5.5rem; height:5.5rem; background: #fff url('/images/template/02278/con_com/ico_boxImg4.png') no-repeat center; border:2px solid #e5eff9; border-radius:1rem 1rem 0 1rem; box-shadow:3px 3px 7px rgba(0,133,216,0.05);  }
.inform_bg img { display:none !important; }
.inform_bg ul { padding:0 !important; }
.inform_bg ul + ul { margin-top:1rem !important; }

/* 사이트맵 */
.sitemap { display:flex; flex-wrap:wrap; margin:0 -1rem; }
.sitemap > li { width:33.33%; padding:0 1rem; } 
.sitemap li{ font-family:"SCDream" !important;} 
.sitemap li h5 { position:relative; height:auto !important; font-size:1.1rem !important; background:none !important; padding:0.5rem 1rem !important; font-weight:600; border-bottom:1px solid #cddef0; margin-bottom:0.5rem !important; }
.sitemap li h5:before { content:""; position:absolute; right:0; bottom:-0.3rem; width:0.6rem; height:0.6rem; background:#085eba; border-radius:3px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:0.2s; transition:0.2s;} 
.sitemap > li > ul > li { border-bottom:none !important; padding:0.3rem 1rem !important; }
.sitemap li ul li h6 { font-size:0.8rem !important; width:100% !important; float:none !important; }
.sitemap li ul li ul { width:100% !important; float:none !important; background:#f2f9ff; padding:0.5rem 1rem !important; margin-top:0.5rem; }
.sitemap li ul li ul li { display:block !important; font-size:0.75rem !important; }
.sitemap li ul li ul li a { position:relative; background:none !important; padding:0.2rem 0.5rem !important; }
.sitemap li ul li ul li a:before { content:""; position:absolute; left:0; top:0.6rem; width:0.2rem; height:0.2rem; background:#0398fd; border-radius:50%; }

/* 행사일정 */
.rveInfo { margin-bottom:1rem; }
.rveInfo .infoBox > ul { border:2px solid #e5eff9;padding: 1.5rem; border-radius:1.5rem 0.5rem 0.5rem 0.5rem;}
.rveInfo .infoBox > ul > li + li { margin-top:0.5rem; }
.rveInfo .infoBox > ul > li > p { display:inline-block; font-weight:600; margin-right:0.5rem; font-size:0.9rem; color:#fff; background:#085eba; padding:0 1rem; border-radius:0.5rem; } 
.calendar_top { width:100% !important; height:auto !important; font-family:"SCDream" !important; padding:1rem 0; border:1px solid #e4e5e7; border-bottom:none; border-radius:1rem 1rem 0 0; } 
.calendar_top a.btn_calendar_prev { left:1rem !important; top:1rem !important; }
.calendar_top a.btn_calendar_next { right:1rem !important; top:1rem !important; }
.tb_base_box { margin-top:0 !important; padding-top:0 !important; border:1px solid #e4e5e7;  border-bottom:none;}
.tb_calendar { border-top:none !important; }
.tb_calendar thead th { border-color:#e4e5e7 !important; }
.tb_calendar td { position:relative; text-align:left !important; border-color:#e4e5e7 !important; }
.tb_calendar td:hover { background:#f3f8ff !important; }
.tb_calendar td ul li { padding:0 !important; font-family:"SCDream" !important; background:none !important; text-align:center; }
.tb_calendar td ul li span { display:block; }
.tb_calendar .cal_sun { background:#fff !important; }
.tb_calendar .cal_sat { background:#fff !important; }
.bg_orange { background:#ff7531 !important; padding:1px 0.5rem !important; color:#fff; }
.holiday_title { position:absolute; left:1.5rem; top:0.5rem; font-weight:600; }

/* 캘린더 */
.calendar_month { text-align:center; margin:2rem 0 1rem; }
.calendar_month a { display:inline-block; width:2rem; height:2rem; border:1px solid #ddd; border-radius:50%; text-align:center; line-height:2rem; -webkit-transition:0.2s; transition:0.2s; }
.calendar_month p { display:inline-block; padding:0 1rem; font-size:1rem; font-weight:600; } 
.calendar_month a:hover,
.calendar_month a:focus { border-color:#085eba; color:#085eba }
.tbl_calendar table { table-layout:fixed; }
.tbl_calendar td { height:6rem; vertical-align:top; text-align:left; }
.tbl_calendar td.sat { background:#f4f9fd; }
.tbl_calendar td.sun { background:#fff5f3; }
.tbl_calendar td ul li { position:relative; padding-left:0.5rem; }
.tbl_calendar td ul li:before { content:""; position:absolute; left:0; top:0.5rem; width:0.2rem; height:0.2rem; background:#1963d1; border-radius:50%;}
.tbl_calendar td ul li a { display:block; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.tbl_calendar td ul li a:hover,
.tbl_calendar td ul li a:focus { text-decoration:underline; }

/* 신청테이블 */
.rveSt.exprnReqst { display:inline-block; background:#0085d8; border:2px solid #0085d8; padding:0.4rem .9rem; color:#fff; font-weight:600; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.rveSt.exprnReqst:hover,
.rveSt.exprnReqst:focus { background:#fff; color:#0085d8; }
.rveSt.exprnClos { display:inline-block; background:#ff2600; border:2px solid #ff2600; padding:0.4rem .9rem; color:#fff; font-weight:600; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.rveSt.exprnClos:hover,
.rveSt.exprnClos:focus { background:#fff; color:#ff2600; }
.basic_tb {position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1963d1; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.basic_tb th { padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #d7d7d7; background:#f5fbff; }
.basic_tb td { min-height:1.8rem; text-align:left; padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;} 
.basic_tb td input[type="tel"] { max-width:30%;}
.basic_tb td input[type="number"] {width: 100%;}
.basic_tb td input[type="text"] { width:100%;}
.btn.btn_blue { height:auto !important; background:#0085d8 !important; padding:0.4rem .9rem !important; }
.btn.btn_dark { height:auto !important; background:#333 !important; padding:0.4rem .9rem !important; }
.btn:hover { text-decoration:underline; }

/* 마이페이지, 로그인페이지 */
.login_wrap_main .tit,
.login_wrap_main .txt_con,
.login_wrap_main .tab ul li.on a,
.login_wrap_main .tab ul li a,
.login_form .btn_submit,
.login_box_01 .cont_link a,
.join_wrap_main .tit,
.join_wrap_main .txt_con { font-family:"SCDream" !important; }
.user_info_tbl table td { font-size:0.75rem !important; }
.user_info_tbl table td input[type="radio"] { width:15px !important; height:15px !important; margin-right:0.3rem; }
.user_info_tbl table td input {font-size:0.75rem !important; height:1.8rem !important; border-radius:0 !important;}
.user_info_tbl table td input + .btn_gray { width:18%; height:1.8rem !important; margin:0 !important; font-family:"SCDream" !important; background:#777 !important; padding:0 !important; border-radius:0 !important; vertical-align:middel; }
.user_info_tbl .btn_black {font-family:"SCDream" !important; width:auto !important; margin:3px 0; padding:0 0.5rem; border-radius:0 !important; }

.btn_st1 a { font-family:"SCDream" !important; }
.btnGrp a, .boardNavigation .btnGrp button, a.btn, button.btn,
.btnGrp a span, .boardNavigation .btnGrp button span, a.btn span, button.btn span { background:#333 !important; font-weight:600 !important; }

/* 전시관 관람신청 버튼 */
.qbtn {margin-top:1rem; text-align:right; }
.qbtn a {  display:inline-block; margin:3px 1px; padding:0.4rem .9rem; color:#fff; background:#0085d8; border:2px solid #0085d8; vertical-align:middle; line-height:1rem; font-weight:400; -webkit-transition:background-color 0.3s ease; transition:background-color all 0.3s ease; }
.qbtn a:hover { background:#fff; color:#0085d8;}

/* css 틀어짐 문제 해결  - 별도 기능의 class를 바꾸지 않고  연구원만 변경된 css로 보일 수 있도록 개선_leesy*/

/* 개인정보 처리방침 */
.privacy_wrap_main .chk_all {padding: 0px !important;}
.privacy_wrap_main .terms_box {font-family:'SCDream' !important;}
.privacy_wrap_main a.bu_link {font-family:'SCDream' !important;}
.terms_box h3, .terms_box p, .terms_box p span {font-family:'SCDream' !important;}

/* 저작권보호정책 */
.dataArea .data{ position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
.dataArea > table {position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1963d1 !important; -webkit-overflow-scrolling:touch; word-break:break-all; /* word-break:break-all; 강제 줄바꿈 */ }
.dataArea > table th {font-family:'SCDream' !important; padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; background:#f5fbff !important; }
.dataArea > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; }
.dataArea > table thead th { background:#f3f8fe; padding:1rem 0.5rem;  }
.dataArea > table tbody th { background:#f9f9f9; }
.dataArea > table tfoot th { background:#f9f9f9; }
.dataArea { margin-top:1rem; }

/* 웹 접근성 안내 */
.tblTy01 { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
.tblTy01 > table {position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1963d1 !important; -webkit-overflow-scrolling:touch; word-break:break-all; /* word-break:break-all; 강제 줄바꿈 */ }
.tblTy01 > table th {font-family:'SCDream' !important; padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; background:#f5fbff !important; }
.tblTy01 > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; }
.tblTy01 > table thead th { background:#f3f8fe; padding:1rem 0.5rem;  }
.tblTy01 > table tbody th { background:#f9f9f9; }
.tblTy01 > table tfoot th { background:#f9f9f9; }
.tblTy01 { margin-top:1rem;}

.txt_box {line-height: 1.4; padding: 15px; border: 1px solid #c8d1db;}
.txt_box a {color: #00539f; text-decoration: underline; background: url(/images/comm/popup/bu_link.png) no-repeat left 2px;}
.txt_box a:before {content: "\e980"; display: inline-block; font-size: 0.75rem; font-family: 'xeicon'; padding-right: 0.15rem;}

.bu_arr{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_arr:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }

.bu_list_01 > li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_list_01 > li:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }
.bu_list_03 > li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_list_03 > li:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }

.tit_02{ position:relative; color:#085eba; font-size:0.9rem; margin-top:2rem; margin-bottom:0.5rem; }

/* 개인정보 재동의 */
.re_syst h3 {position:relative; line-height:1.3; font-weight:600; color:#085eba; font-size:1.2rem; margin-bottom:0.5rem; }
.re_syst dl dt { position:relative; line-height:1.3; font-weight:600; color:#333; font-size:1.1rem;  margin-top:0rem; margin-bottom:0.5rem; padding-left:1.4rem; background:url('/images/template/02278/con_com/bu_tit2.png') no-repeat left top 0.2rem; }
.re_syst > dl dd {border:2px solid #e5eff9; border-radius:1.5rem 0.5rem 0.5rem 0.5rem; padding:1rem 1.2rem;}
.re_syst > dl dd ul { margin-top:1rem; }
.re_syst > dl dd ul li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; line-height:1.6; }
.re_syst > dl dd ul li:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }

.join_btn02 {margin-top:1rem; text-align:center; background:#efefef; padding:1rem; border-radius:0.5rem;  }
.join_btn02 input[type="button"] { display:inline-block; border:0; padding:0.4rem 0.9rem; font-weight:600;  }
.btngray02 input[type="button"] { background:#777; color:#fff;}
.btnblue02 input[type="button"] { background:#0085d8; color:#fff;}
.btn_box { margin-top:0.5rem;}
 
/* 게시판 */
.inform_bg ul li{font-family:'SCDream' !important; font-size: 0.7rem;}
.boardTop .board-total {top:0px !important;}
.board-text > table thead th { padding:1rem 0.3rem !important; font-weight:600 !important; }

.board-paging span a {font-family:'SCDream' !important;}
.board-paging span strong {font-family:'SCDream' !important;}

/* 게시판 검색창 */
.board-srch { float:right; }
.board-srch div { height:auto !important; float:left !important;}
.board-srch div.date { border:none; padding-right:0.5rem; }
.board-srch div.date input { max-width:35%; height:1.6rem; line-height:1.6rem; border:1px solid #d7d7d7; }
select.selTxt { height:1.5rem !important; }
.board-srch input.txt { height:1.5rem !important; }
.board-srch button.btnSearch { width:1.5rem !important; height:1.5rem !important; background:#0679d9 !important; }
.board-srch button:before { content:"\e97a"; font-family:"xeicon"; font-size:0.8rem; color:#fff; }

/* 갤러리 게시판 */
/*.board-imgTxt li { height:140px; padding:45px 0 0 28% !important; }*/

/* 게시판 상세보기 */ 
.board-text .infoBox { background:#eff7fd !important; }
.board-text .tit { font-weight:600 !important; }
.board-text .tit + .tit,
.board-text .viewBox + .fieldBox { border-top:none; }
.board-text .fieldBox dt { color:#333; }

/* 글쓰기 에디터 */
.board-text .infoBox_last { font-size:0.8rem !important; }
.board-text .infoBox_last li { padding:0.3rem 0;}
.board-text .infoBox_last li strong { font-weight:600; }
.board-write .label { line-height:1.7rem !important; }
.board-write #cnts1Cnts { width:100%; }
.board-write #cnts1Cnts table { width:100% !important; } 
.infoBox_last input { height:1.7rem !important; border:1px solid #ccc !important; }
 
/* 전시관 관람 신청 */ 
.dataTables_wrapper .row { overflow:hidden; }
.dataTables_wrapper .col-sm-6 { float:left; }
.dataTables_wrapper .col-sm-6 + .col-sm-6 { float:right; }
.dataTables_wrapper .row + .row { margin-top:1rem; }
.dataTables_wrapper .row .col-sm-12 { overflow-y:auto; }
.dataTables_wrapper .table { min-width:800px; border-top:2px solid #1963d1; margin-left:-1px; }
.dataTables_wrapper .table th {font-size:0.8rem; padding:0.8rem 0.3rem; border:none; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f3f8fe; }
.dataTables_wrapper .table td  {font-size:0.8rem; padding:0.5rem 0.3rem;}
.dataTables_wrapper .dataTables_info { text-align:right; }
.pagination { margin-top:1rem; text-align:center; }
.pagination li { display:inline-block; text-align:center; } 
.pagination li a { position:relative; display:inline-block; padding:0.5rem; border:1px solid #ccc; margin-left:-1px; }

/* 전시관 관람신청 (구) */
.tb_calendar { table-layout:fixed; }
.tb_calendar tbody th + td ul li { width:25%; float:left; }
.tb_calendar td ul li a { display:block;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0.3rem 0.2rem !important; }
.ui-dialog { position:fixed !important; left:50% !important; top:50% !important; max-width:95%; max-height:95%; background:#fff; border-radius:1rem; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.ui-dialog-titlebar {position:relative; padding:1rem 3.5rem 1rem 1rem; }
.ui-dialog-titlebar .ui-dialog-title { font-size:0.9rem; font-weight:600; word-break:keep-all; }
.ui-dialog-titlebar .ui-button { position:absolute; right:1rem; top:1rem; }
.ui-dialog-content { padding:0 1rem; }
.ui-dialog-content .table_st_box { overflow:hidden; }
.ui-dialog-content .table_st03 { margin-left:-1px; border-top:2px solid #1963d1; }
.ui-dialog-content .table_st03 td { padding:0.5rem 0.3rem; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.ui-dialog-content .table_st03 td.index { background:#f3f8fe; }
.ui-dialog-buttonpane {padding:0 1rem 1rem;}
.ui-dialog-buttonset { text-align:center; }
.ui-dialog-buttonset button { display:inline-block; margin:3px 1px; padding:0.4rem .9rem; vertical-align:middle; line-height:1rem; font-weight:400; color:#fff; background:#333; }
.ui-dialog-buttonset button:first-child { background:#0085d8 }

/* 예약하기(구) */
.tableTy2 { overflow:hidden; }
.table_style02 { border-top:2px solid #1963d1 !important; border-right:none !important; margin-left:-1px; }
.table_style02 th { font-size:0.8rem !important; background:#f3f8fe !important; color:#000 !important; border-color:#d7d7d7 !important; } 
.table_style02 td { padding:0.5rem !important; border-color:#d7d7d7 !important; }
.table_style02 td input { width:100% !important; margin-left:0 !important; }
.table_style02 td #viewDate{ width:50% !important; }
.table_style02 td #viewDate + a { margin-top:0.3rem; }
.btn_area .btn_blue { height:auto; background:#0085d8; padding:0.4rem .9rem; font-family:"SCDream"; font-size:0.8rem; border-radius:0; }

/* 주말과학체험부스 */
.box_st_sch { position:relative; min-height:5rem; padding: 1.75rem 1.75rem 1.75rem 8.5rem; background:#f5fbff; border-radius:1.5rem 0.5rem 0.5rem 0.5rem; line-height:1.6; }
.box_st_sch h3 { font-family:"SCDream"; }
.box_st_sch .box_st_img {position:absolute; left:1.5rem; top:-1.5rem; display:block; width:5.5rem; height:5.5rem; background: #fff; border:2px solid #e5eff9; border-radius:1rem 1rem 0 1rem; box-shadow:3px 3px 7px rgba(0,133,216,0.05); }
.box_st_sch .box_st_img img { position:absolute; left:50%; top:50%; width:3.5rem; height:3.5rem; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } 
  
/*사진게시판 썸네일 스타일*/
.board-imgTxt li div{top:2px !important}

/*반응형 텝*/
.schBox { display: none; }
.schBox.on { display: block; }

@media screen and (max-width:1640px){
    /* 원장인사 */
    .greeting .box { margin-left:12rem; margin-right:4rem; }
    .greeting .box:before { right:-4rem; } 

    /* 조직도 */
    .orgWrap .org2 > li > a,
    .orgWrap .org3 > li > span { font-size:0.85rem; }
}

@media (max-width:1440px) {
    .pdfBox ul {gap:4rem 2rem}
    .pdfBox ul li {width: calc((100% / 2) - 1rem);height: auto;}
}

/* 반응형 */
@media screen and (max-width: 1240px) {
    .tabSub > ul { display: block !important; border: none !important; background: #eeeeee !important; }
    .tabSub > ul > li > a { border-radius: 0 !important; border: none !important; }
    .tabSub > ul > li > a.current { border: 2px solid #085eba !important; } 
}

@media screen and (max-width: 979px){
	/* 캘린더 */
	.tb_calendar th { border-color:#e4e5e7 !important; background:#e5eff9 !important; }
	.tb_calendar th.cal_sat,
	.tb_calendar th.cal_sun {background:#e5eff9 !important; }
	.tb_calendar td ul li + li { margin-left:5%; } 
	.tb_calendar tbody th + td ul li { width:45%; } 
	.tb_calendar tbody th + td ul li:nth-child(odd) { margin-left:0; }
}

@media screen and (max-width:900px){
    /* 박스 - 이미지 2*/
    .box_img2 { padding-left:1rem; }
    .box_img2 .img { position:relative; left:auto; top:auto; margin:-2.5rem auto 1rem; height:auto; } 

    /* 원장인사 */
    .greeting .img { top:2rem; width:16rem; height:18rem; }
    .greeting .box { margin:0 2rem 0 7rem; }

    /* 역대원장 */
    .presidentList li { padding:1.2rem; height:auto; }
    .presidentList li .img { position:relative; left:auto; top:auto; margin:0 auto 0.5rem; }
    .presidentList li strong { text-align: center;}  
    
}  
@media screen and (min-width:841px){
    /* 기본방향 */ 
    .goalWrap .center ul li { position:absolute; }
    .goalWrap .center ul li:nth-child(1) { top:-5rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } 
    .goalWrap .center ul li:nth-child(2) { left:-6rem; top:5rem; } 
    .goalWrap .center ul li:nth-child(3) { right:-6rem; top:5rem; } 
    .goalWrap .center ul li:nth-child(4) { left:-2rem; bottom:-3rem; } 
    .goalWrap .center ul li:nth-child(5) { right:-2rem; bottom:-3rem; }
}
@media screen and (max-width:840px){
    
    /* 기본방향 */ 
    .goalWrap .center { width:100%; height:auto; border-radius:1rem; margin:1rem 0; padding:1.5rem 1rem; }
    .goalWrap .center .tit { position:relative; left:auto; top:auto; -webkit-transform:none; transform:none; margin-bottom:1rem; }
    .goalWrap .goal { margin-top:0; }
    .goalWrap .goal img { right:0; top:-2rem; width:5rem; height:auto; }
    .goalWrap .center .tit { font-size:1rem; }
    .goalWrap .center .tit img { width:3.5rem; }
    .goalWrap .center ul li { position:relative; margin:0.3rem; }
    .goalWrap .list:before { display:none; }
 
    /* 조직도 */
    .orgWrap .org1 { width:7.5rem; height:7.5rem; }
    .orgWrap .org1 span { line-height:7rem; }
    .orgWrap .org2 { display:block; padding-top:1rem;}
    .orgWrap .org2 > li { overflow:hidden; }
    .orgWrap .org2 > li:not(:first-child) { padding-top:1rem; float:none; }
    .orgWrap .org2 > li:first-child { position:relative; right:auto; top:auto; } 
    .orgWrap .org2 > li:nth-child(3) { position:relative; left:auto; right:auto; } 
    .orgWrap .org2 > li > a { width:100%; line-height:3rem; }
    .orgWrap .org3.list { position:relative; left:auto; bottom:auto; padding-left:0; }
    .orgWrap .org3 { margin-top:0.5rem; }
    .orgWrap .org3 > li { margin-top:0; }
    .orgWrap .org3 > li > span { max-width:none; line-height:3rem; }  
    .orgWrap .org2:after,
    .orgWrap .org2:before,
    .orgWrap .org2 > li > a:after,
    .orgWrap .org2 > li a:first-child:before,
    .orgWrap .org3:before,
    .orgWrap .org3.list > li:after,
    .orgWrap .org3.list > li:before,
    .orgWrap .org3 > li > span:before { display:none; } 
    
    /* 안내 */
    .infoBox .arrw { margin:0.5rem 0; }
    .infoBox dl dd { padding:2.5rem 1.5rem 1.5rem}
    .infoBox dl dd ul li { width:100%; } 
    
    /*********************** 기능페이지 ***********************/
    /* 사이트맵 */ 
    .sitemap > li { width:50%; } 
    
    /* 캘린더 */ 
    .tbl_calendar table colgroup { display:none; }
    .tbl_calendar thead { display:none; }
    .tbl_calendar td { display:block; height:auto; } 
    .tbl_calendar td.no_data { display:none; }
    .tbl_calendar .num:after { content:"일"; }
 
}  
@media screen and (max-width:800px){
    
    /* 마이페이지 */
    .user_info_tbl table td input + .btn_gray { width:90%; }

}  
@media screen and (max-width:700px){
    /* 원장인사 */
    .greeting { padding-top:4rem; }
    .greeting .box { margin:0; padding-left:1rem; padding-right:1rem; }
    .greeting .box:before {display:none; }
    .greeting .img { display:none; }
    .greeting .box h3 { margin-top:-3.9rem; margin-left:-1rem; font-size:1rem; line-height:2.8rem; }
    .greeting .box h3:before { right:-1.4rem; border-left:1.4rem solid #0a4b78; border-top:1.4rem solid transparent; }
    .greeting .box p br { display:none; } 
    
	.viewBox .xfeSplitLine img { width:auto !important;}
	
	/* 갤러리게시판 */
	.board-imgTxt li { height:auto; padding:1rem 0 !important;  } 
	.board-imgTxt li div { position:relative !important; top:0 !important; width:100% !important; height:110px !important; margin:0 auto 1rem; }
	.board-imgTxt li div img { height:100% !important; width:auto !important;}
	.board-imgTxt li a { height:100%; }

	/* 게시판 검색창 */ 
	.boardTop .board-total { position:relative !important; margin-bottom:0.5rem; } 
	.board-srch { float:none; display:flex; align-items:end; flex-direction:column; }
	.board-srch div { float:none !important;}
	.board-srch div.date { padding:0 0 0.5rem;} 
}
@media screen and (max-width:640px){
    /* 박스 - 이미지 1*/
    .box_img { padding-left:1rem; }
    .box_img .img { position:relative; left:auto; top:auto; margin:-2.5rem auto 1rem; } 
	    
	/* 탭스타일 */  
	.defaultTab li { width:50% !important;}
    
    /* 오픈랩시설 */
    .img_table colgroup { display:none; }
    .img_table td { display:block; } 
    
    /* 조직도 */
    .orgWrap .org3.list { flex-wrap:wrap;}
    .orgWrap .org3.list > li { flex:inherit; width:49%; margin-bottom:0.5rem; padding:0; }
    .orgWrap .org3.list > li:nth-child(even) { margin-left:2%; }

    /* 오시는길 */
    .mapWrap .box { width:95%; padding:1.2rem 2rem;  }
    .mapWrap .box .mapBtn { position:relative; right:auto; top:auto; display:block; width:6rem; margin-top:0.5rem; } 
    .mapWrap .box ul li + li { margin-left:1rem; }
    
    /* 정보공개업무처리절차 */
    .processList dl + dl { padding-top:2rem;}
    .processList dl + dl:before { top:0; left:50%; -webkit-transform:translateX(-50%) rotate(180deg) scale(0.6); transform:translateX(-50%) rotate(180deg) scale(0.6);}
    .processList dl dt { width:100%; height:3rem; margin-left:0; border-radius:1.5rem 1.5rem 0 0; }
    .processList dl dt span { font-size:0.9rem; }
    .processList dl dt span br { display:none;}
    .processList dl dd { padding:1rem; margin-top:0; border-radius:0 0 1.5rem 1.5rem; } 
  
    /*********************** 기능페이지 ***********************/
	/* 게시판 상단 안내박스 */
	.inform_bg { padding:1rem !important; }
	.inform_bg:before { position:relative; left:auto; top:auto; width:4.5rem; height:4.5rem; margin:-2.5rem auto 1rem; background-size:3rem 3rem; }
  
	/* 글쓰기 에디터 */ 
	.board-write #cnts1Cnts { width:100%; margin-top:0.5rem; }
	
	/* 예약하기(구) */
	.table_style02 th,
	.table_style02 td { display:block; width:100% !important; overflow:hidden; } 
	.table_style02 td #viewDate{ width:calc(100% - 2rem) !important; }

	/* 주말과학체험부스 */
	.box_st_sch { padding-left:1rem; }
	.box_st_sch .box_st_img { position:relative; left:auto; top:auto; width:4.5rem; height:4.5rem; margin:-2.5rem auto 0.5rem; }
	.box_st_sch .box_st_img img { width:3rem; height:3rem; } 
}

@media (max-width:560px) {
    .pdfBox ul {gap:2rem 0;}
    .pdfBox ul li {width: 100%;}
    .pdfBox ul li .tit {font-size: 1rem;line-height: 1.25rem;}
}

@media screen and (max-width:520px){
    /* 역대원장 */
    .presidentList li { width:48%; } 
    .presidentList li:nth-child(even) { margin-left:2%; }
    .presidentList li:nth-child(odd) { margin-left:0; } 

    /* 기본방향 */
    .goalWrap .goal img { display:none; }
    .goalWrap .center ul li { width:8rem; height:8rem; padding:1rem 0.5rem; }
    .goalWrap .center ul li:before { width:8.3rem; height:8.3rem;}
    .goalWrap .center ul li img { width:2.2rem; }
    
    /* 오시는길 */ 
    .mapWrap .box ul li { display:block; }
    .mapWrap .box ul li + li { margin-left:0; margin-top:0.5rem; }

    
    /*********************** 기능페이지 ***********************/
    /* 사이트맵 */ 
    .sitemap > li { width:100%; } 
    .sitemap li h5 { padding:0.5rem !important; font-size:1rem !important; }
    .sitemap > li > ul > li { padding: 0.3rem 0 !important; }
    
    /* 신청테이블 */  
    .basic_tb colgroup { display:none; }
    .basic_tb th { display:block; }
    .basic_tb td { display:block; border-left:none;text-align: center !important;} 
    .basic_tb td input[type="tel"] { max-width:30%;}
    .basic_tb td input[type="number"] { width:100%;}
    .basic_tb td input[type="text"] { width:100%;}

    /* 마이페이지 */
    .user_info_tbl table colgroup { display:none; }
    .user_info_tbl table td { display:block; text-align:center; }

} 
@media screen and (max-width:480px){
	/* 캘린더 */
	.tb_calendar td ul li { width:100% !important; }
	.tb_calendar td ul li + li { margin-left:0; }	
	
    /* 마이페이지 */
    .user_info_tbl table td input + .btn_gray { width:100%; }
	    
	/* 전시관 관람 신청 */ 
	.dataTables_wrapper .col-sm-6 { float:none; }
	.dataTables_wrapper .col-sm-6 + .col-sm-6 { float:none; margin-top:0.5rem; text-align:right; }
} 
@media screen and (max-width:380px){
    /* 역대원장 */
    .presidentList li { width:100%; } 
    .presidentList li:nth-child(even) { margin-left:0; } 

    /* 조직도 */
    .orgWrap .org3.list > li {width:100%;}
    .orgWrap .org3.list > li:nth-child(even) { margin-left:0; }

    /* 오시는길 */
    .mapWrap .box { padding:1.2rem 1rem; }
}