/* global defaults */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0} fieldset,img,abbr,acronym{border:none} fieldset{display:block} ol,ul{list-style:none outside} h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%;font-weight:normal} hr,legend,caption,hr{ overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-1000em} /* align, float */ .al_l { text-align:left!important; } .al_c { text-align:center!important; } .al_r { text-align:right!important; } .fl { float:left; } .fr { float:right; } .clear { clear:both; } .vat { vertical-align:top; } .vam { vertical-align:middle; } .vab { vertical-align:bottom; } /* hidden */ .hidden {text-indent:-9999em; display:absolute;} /* display */ .inblock { display:inline-block; } .none { display:none!important; } .block {display:block!important;} .hide { overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-999999px; } .bgn { background:none!important; } .bdn { border:none!important; } /* table */ .tbl-fixed { table-layout:fixed; } /* margin, padding */ .pd0 { padding:0!important; } .mg0 { margin:0!important; } .mr5 { margin-right:5px!important; } .mr10 { margin-right:10px!important; } .ml5 { margin-left:5px!important; } .ml10 { margin-left:10px!important; } .ml20 { margin-left:20px!important; } .mb5 { margin-bottom:5px!important; } .mb10 { margin-bottom:10px!important; } .mb15 { margin-bottom:15px!important; } .mb20 { margin-bottom:20px!important; } .mb30 { margin-bottom:30px!important; } .mb40 { margin-bottom:40px!important; } .mb50 { margin-bottom:50px!important; } .mb70 { margin-bottom:70px!important; } .mt5 { margin-top:5px!important;} .mt10 { margin-top:10px!important;} .mt20 { margin-top:20px!important;} .mt30 { margin-top:30px!important;} /* width */ .w30 { width:50px !important;} .w50 { width:50px !important;} .w70 { width:70px !important;} .w100 { width:100px !important;} .w150 { width:150px !important;} .w170 { width:170px !important;} .w200 { width:200px !important;} .w300 { width:300px !important;} .w400 { width:400px !important;} /* font */ .ft-d30000 { color:#d30000 !important;} .ft-it { font-style:italic !important; } .bold { font-weight:600 !important; } .orange { color:#ff7800;} .blue { color:#1d53c2 !important;} /* layer popup */ #pop-ebk { display:none; position:absolute; top: 25%; left: 63%; width:600px; margin-left:-500px; background:#fff; border:1px solid #222; z-index:9999; box-shadow: 8px 8px 20px -10px #000000; -moz-box-shadow: 8px 8px 20px -10px #000000; -webkit-box-shadow: 8px 8px 20px -10px #000000; } #pop-ebk h5 { margin-bottom:15px; padding:15px 0 0 20px; font-size:16px; height:35px; background:#001d58; color:#fff; } #pop-ebk .close { position:absolute; top:15px; right:20px; width:16px; height:16px; border:1px solid #fff; text-align:center; } #pop-ebk .close a { display:block; color:#fff; } #pop-ebk .close:focus, #pop-ebk .close a:focus {outline: 2px solid red; outline-offset: 1px;} #pop-ebk .edite { overflow:hidden; margin:25px; } #pop-ebk .inner-write { float:none; clear:both; } #pop-ebk .inner-write .selectFinishBtnWrap{text-align: center; font-size: 13px; margin-top: 15px;} #pop-ebk .inner-write .selectFinishBtnWrap a{height: 22px; background-color: #001d58; border-color: #001d58;} #pop-ebk .inner-write h6 { padding: 13px 20px 15px 20px; height:13px; background:#f5f5f5; border:1px solid #bbb; color:#111; font-size:14px; } #pop-ebk .inner-write .bd-t { border-top:1px solid #bbb; } #pop-ebk .inner-write table th { padding:6px 8px; background:#f5f5f5; font-weight:bold; color:#111; text-align:center; border:1px solid #bbb; border-top:0;} /* #pop-ebk .inner-write table td { padding:6px 8px; border-right:1px solid #bbb; text-align:left; border-bottom:1px solid #bbb; border-left:1px solid #bbb; } */ #pop-ebk .inner-write table td.txt { padding:13px 0 13px 8px; } #pop-ebk .inner-write-wrap {width: 90%; display: inline-block; border: 1px solid gray; border: 1px solid gray; border-radius: 25px 25px; padding: 20px;} #pop-ebk .inner-write-wrap .wrapTitle{text-align: center;font-size: 15px;font-weight: bold;} #pop-ebk .inner-write-con {} #pop-ebk .inner-write-con ul {margin-top: 25px; overflow-y: auto; height: 300px;} #pop-ebk .inner-write-con ul li{border: 1px solid gray; border-radius: 25px 25px; padding: 15px; margin-bottom: 5px; cursor: pointer;} #pop-ebk .inner-write-con ul li:hover, #pop-ebk .inner-write-con ul li.on{background-color: #1a5999; color: white;} #pop-ebk .inner-write-con ul li p span{font-size: 11px;} /* 첫번째 td인 태그 */ #pop-ebk .inner-write table td:first-of-type {padding: 15px 30px;} /* 섹션관리 */ #pop-ebk .inner-write.inner-write-wrap-section{ width: 92%;} #pop-ebk .inner-write-wrap-section .inner-write-con ul {margin-top: 25px; overflow-y: auto; height: 70px; margin-top: 0px;} #pop-ebk .inner-write-wrap-section .inner-write-con ul li{cursor: auto;} #pop-ebk .inner-write-wrap-section .inner-write-con ul li p input[type=text]{width: 315px;} #pop-ebk .inner-write-wrap-section .inner-write-con ul li:hover {background-color: white; color: #666;} @media only screen and (max-width:1400px){ #pop-ebk { top: 25%; left: 68%;} } @media only screen and (max-width:1024px){ #pop-ebk { top: 25%; left: 73%;} } @media only screen and (max-width:840px){ #pop-ebk { top: 25%; left: 73%;} } @media only screen and (max-width:760px){ #pop-ebk { top: 25%; left: 72%; width: 90%} } @media only screen and (max-width:730px){ #pop-ebk { top: 25%; left: 76%; width: 90%} } @media only screen and (max-width:690px){ #pop-ebk { top: 25%; left: 86%; width: 90%} } @media only screen and (max-width:600px){ #pop-ebk { top: 25%; left: 92%; width: 96%} } @media only screen and (max-width:500px){ #pop-ebk { top: 25%; left: 105%; width: 96%} } /* skipToContent */ #skip-navi { position:absolute; top:0; left:0; width:100%; height:0; z-index:500; } #skip-navi dl, #skip-navi dt, #skip-navi dd { height:0; } #skip-navi a { display:block; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; margin-bottom:-1px; margin-left:-1px; font-weight:bold; color:#000; text-align:center; white-space:nowrap; } #skip-navi a:hover, #skip-navi a:active, #skip-navi a:focus { width:100%; height:auto; padding:10px 0; background:#666; color:#fff; z-index:1000; } a {text-decoration:none; color:#444;} a:link, a:visited{text-decoration:none; color:#444;} a:hover{text-decoration:none; color:#444;} * { padding:0; margin:0;} html{overflow-y:auto; } html,body{width:100%; min-height:100% -webkit-text-size-adjust:none; } input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea{ -webkit-border-radius:0; -webkit-appearance:none} input[type=radio],input[type=checkbox],textarea{ -webkit-border-radius:0} img,video,audio,object,embed,iframe{max-width:100%; border:0;} body,th,td,input,select,textarea{font-style:normal; font-weight:normal; font-size:16px; color:#333; } .mVer{display:none;} .mVer_640{display:none;} pre { line-height:23px; text-align:left !important; } .bd-l { border-left:1px solid #ccc !important; box-sizing: border-box;} .hide_txt {display: none;} p.m_tit{white-space: normal;} .pageInfo{padding-top:0 !important;} #container h3 { font-size:19px; color:#111; font-weight:600; display:block; margin-bottom:.8rem; } #container h4 { font-size:21px; color:#111; font-weight:600; display:block; margin-bottom:20px; padding-left:23px; position:relative; background:url(../images/common/h4_bg.png) 0 3px no-repeat; vertical-align:top; } .pg-desc, .pg-desc1 { line-height:23px; margin-bottom:20px; min-height: 23px; margin-top: 25px;} #container #contents-l {width:950px;overflow:hidden; float:left; position:relative; box-sizing: border-box;overflow:hidden;min-height:600px;} #container #section-r { width:210px; float:right; box-sizing: border-box;overflow:hidden;} .tit-wrap { position:relative; display:block; width:100%;} .tit-wrap.h15 { height:15px;} .tit-wrap h5 { position:absolute; left:0; top:0; font-size:16px; color:#111; font-weight:600;} .tit-wrap span { position:absolute; right:0; top:0; font-size:14px; color:#444 !important; } .tit-wrap span a.btn-pdf { background:#1e7145 url(../images/common/ico_excel_download.gif) 10px 5px no-repeat; border-radius:5px; height:30px; line-height:30px; vertical-align:top; min-width:100px; display:inline-block; padding:0 10px 0 40px; border:1px solid #3c5b9a; margin-left:20px; color:#fff; font-weight:600;} /*[e] Layout Style */ .searchBx {background: #f8f8f8; border-radius: 1rem; border: 1px solid #d8d8d8; padding: 4rem;} .searchBx fieldset {display: flex; justify-content: center; gap: 1.6rem;} .searchBx input {max-width: 37rem;} /* [s] ?�� 寃뚯?�臾�? */ .pageInfo { margin-bottom:10px;} .pageInfo span { display:inline-block; margin-right:5px; padding-right:10px; background:url(../images/common/bg_bar.gif) right 1px no-repeat;} .pageInfo strong { font-weight:600; color:#1381d7;} /* [e] ?�� 寃뚯?�臾�? */ /* [s] 寃��됰�?���? */ .ev-searBx { border:1px solid #ccc; margin-bottom:30px; padding:25px 0; background:#efefef url(../images/board/schBx_bg.png) left 20px no-repeat; } .ev-searBx fieldset { text-align:center; vertical-align:middle;} .ev-searBx select { width:15%; } .ev-searBx input[type="text"] { width:30%; } .ev-searBx button { height:35px; width:70px; line-height:33px; background:#000; border:none !important; color:#fff; font-weight:600; cursor:pointer;} .sel-bx { margin-bottom:10px; position:relative; height:49px;} .sel-bx>.left { position:absolute; left:0; top:0;} .sel-bx>.right { position:absolute; right:0; top:13px;} .sel-bx select { min-width:80px;} @media(max-width:430px){ .sel-bx>.right{top:20px;} .sel-bx{height: 56px;;} } /* [e] 寃��됰�?���? */ /* [s] �듯�?寃��됰�?���? */ .total-srch { border:1px solid #ccc; margin-bottom:30px; padding:20px 0; background:#efefef url(../images/board/schBx_bg.png) left 20px no-repeat; } .total-srch fieldset { text-align:center; vertical-align:middle;} .total-srch label { font-weight:600; color:#111; padding-right:10px; font-size:15px;} .total-srch input[type="text"] { width:30%; height:45px; vertical-align:top; border:3px solid #4369b7; box-sizing: border-box; } .total-srch button { height:45px; width:70px; line-height:44px; background:#4369b7; border:none !important; color:#fff; font-weight:600; cursor:pointer; font-size:15px; } /* [e] �듯�?寃��됰�?���? */ /* [s] tab */ .tabTy { overflow:hidden; } .tabTy li { float:left; height:43px; /*margin-right:3px;*/} .tabTy li a { display:block; border:1px solid #ccc; width:150px; height:43px; box-sizing: border-box; background:#fff; text-align:center; line-height:43px; font-size:15px;} .tabTy li a.on { border:1px solid #4369b7; background:#4369b7; font-weight:600; color:#fff; } .tabTy li a:hover { border:1px solid #4369b7; background:#4369b7; font-weight:600; color:#fff; } .tabTy li.active { background:url(../images/board/tab_bg.gif) center -10px no-repeat;} .tabTy1 {width:100%; background-color: #fff; position: relative; display:table; table-layout: fixed; box-sizing:border-box; margin-bottom:20px; border-right:1px solid #ccc; } .tabTy1 > li { display:table-cell; vertical-align:top; height:43px; } .tabTy1 > li a { display:block; border:1px solid #ccc; border-right:none; height:43px; box-sizing: border-box; background:#fff; text-align:center; line-height:43px; font-size:15px; max-width:100%;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;} .tabTy1 > li a.on, .tabTy1 > li a:hover { border:1px solid #245076; background:#245076; font-weight:600; color:#fff; } .tabTy1 > li.active {background:url(../images/board/tab_bg.gif) center 42px no-repeat; } .tabTy1 > li:last-child { margin-right:0;} .tabBx.line { border:2px solid #4369b7; margin-top:0; } .tabBx { border:1px solid #ccc; padding:25px 20px 5px 20px; margin-top:-1px; margin-bottom:40px; overflow:hidden; background:#fff; } .tabBx span { float:left; margin: 0 10px 15px 0; } .tabBx span a { display:block; height:19px; padding-left:25px; background:url(../images/board/tab_ico.png) 0 0 no-repeat;} .tabBx span a:hover, .tabBx span a.on { background:url(../images/board/tab_ico_on.png) 0 0 no-repeat; color:#111; font-weight:600; text-decoration:underline;} .tabTy2{ overflow: hidden; position: relative; min-height: 170px;} .tabTy2 > li{float: left;} #container .tabTy2 > li h4{ background: none; padding: 3px; margin: 0;} .tabTy2 > li div{ position: absolute; top:49px; left:0; width: 100%; box-sizing: border-box;} .tabTy2 > li div li a, .tabTy > li div a.on{ border:none; line-height: 22px; width:auto;} .tabTy2 > li div.tabBx span{ margin-right: 20px; min-width: 120px;} .tabTy2 > li div.tabBx span a{ border: none; text-align: left; width: auto; line-height: 22px;} .tabTy3{ overflow: hidden; position: relative; min-height: 170px;} #container .tabTy1 > li h4{ background: none; padding: 0; margin: 0;} .tabTy3 > li div{ position: absolute; top:63px; left:0; width: 100%; box-sizing: border-box;} .total-tab {width:100%; background-color: #fff; position: relative; display:table; table-layout: fixed; box-sizing:border-box; margin-bottom:20px; border-right:1px solid #ccc; } .total-tab li { display:table-cell; vertical-align:top; height:43px; } .total-tab li a { display:block; border:1px solid #ccc; border-right:none; height:43px; box-sizing: border-box; background:#fff; text-align:center; line-height:43px; font-size:15px; max-width:100%;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;} .total-tab li a.on, .total-tab li a:hover { border:1px solid #245076; background:#245076; font-weight:600; color:#fff; } .total-tab li.active {background:url(../images/board/tab_bg.gif) center bottom no-repeat; } .total-tab li:last-child { margin-right:0;} .ev-cont { width:100%; background-color: #fff; position: relative; margin-bottom:20px; } .ev-cont h4 { width:188px; vertical-align:top; height:45px !important; background-image:none !important; padding:0 !important; display:block; box-sizing:border-box; border:1px solid #ccc; position:absolute !important; top:0; } .ev-cont h4 a { display:block; background:#fff; text-align:center; line-height:43px; font-size:15px; overflow:hidden; } .ev-cont h4 a:hover, .ev-cont h4 a.on { background:#245076; font-weight:600; color:#fff;} .ev-cont h4#tab1 { border-right:0; left:0; } .ev-cont h4#tab2 { border-right:0; left:188px; } .ev-cont h4#tab3 { border-right:0; left:376px; } .ev-cont h4#tab5 { left:564px; } .ev-cont h4#tab4 { left:752px; } .ev-cont .tabInfoWrap { padding:70px 20px 20px 20px; margin-bottom:30px; overflow:hidden; } .ev-cont .tabBx span { float:left; margin: 0 10px 15px 0; } .ev-cont .tabBx span a { display:block; height:19px; padding-left:25px; background:url(../images/board/tab_ico.gif) 0 0 no-repeat;} .ev-cont .tabBx span a:hover, .ev-cont .tabBx span a.on { background:url(../images/board/tab_ico_on.gif) 0 0 no-repeat; color:#111; font-weight:600; text-decoration:underline;} /* [e] tab */ /* [s]�듯�?寃��� �ㅻ?�履�? */ .lineUp { border:1px solid #ccc; padding:15px 20px 5px 20px; overflow:hidden; background:#f9f9f9; } .lineUp .tit { font-weight:600; color:#111; margin-bottom:10px;} .lineUp ul { overflow:hidden; margin-bottom:15px; width:100%;display:table; table-layout: fixed; box-sizing:border-box; border-right:1px solid #ccc; } .lineUp ul li { display:table-cell; vertical-align:top; height:28px; } .lineUp ul li a { display:block; font-size:13px; border:1px solid #ccc; border-right:none; text-align:center;height:28px; line-height:28px; max-width:100%;overflow:hidden;box-sizing: border-box; background:#fff;} .lineUp ul li a:hover, .lineUp ul li a.on { background:#606772; border:1px solid #606772; color:#fff;} .recent { min-height:200px;} .recent>p {display:block; width:100%;} .recent>p>span { border:1px solid #ccc; position:relative; padding: 5px 18px 5px 5px; height:15px; display:inline-block; margin-bottom:5px; background:#fff;} .recent>p>span a.txt { font-size:13px; display:block; } .recent>p>span a.close { position:absolute; right:3px; top:9px; background:url(../images/board/word-bx-close.gif) 0 0 no-repeat; height:7px; width:7px; } .mapskip {position:absolute;top: 0;left:0;display:block;height:1px;overflow:hidden;color:#333;z-index:9999;background-color: #fff;} .mapskip:hover, .mapskip:focus, .mapskip:active {width:auto; height:auto; padding:5px } /*2022-08-31 추가 */ .history_new {overflow:hidden;} .history_new .century { float:left; width:16%; position:relative; font-size:30px; color:#000; } .history_new .century span { font-weight:600; font-size:42px; letter-spacing:-0.075em; display: block; } .history_new .century:before { content:""; position:absolute; right:0; top:13px; width:40px; height:3px; background:#093fb9; } .history_new > ul { float:right; width:80%; position:relative; } .history_new > ul:before { content:""; width:1px; height:100%; background:#ddd; position:absolute; left:12%; top:0;} .history_new ul li { padding-bottom:50px; overflow:hidden; } .history_new ul li:last-child { padding-bottom:0; } .history_new ul li span.year { float:left; width:12.4%; font-weight:600; font-size:26px;color:#000; position:relative;} .history_new ul li span.year:before { content:""; width:7px; height:7px; background:#df6400; position:absolute; right:0; top:8px;} .history_new ul li ul {float:right; width:82%; } .history_new ul li ul li {display: flex; align-items: center; padding-bottom:10px; overflow:hidden;} .history_new ul li ul li span.date { float:left; margin-right:20px; font-weight:600; font-size:18px; color:#000; } .history_new ul li ul li p { float:right; width:91%; display:inline-block; font-size:16px; } #paper { overflow:hidden; } #paper .paperBx { position:relative; border:1px solid #ccc; padding:20px 20px 20px 20px; margin-bottom:10px; display:table; width:100%; box-sizing:border-box; } #paper .paperBx p.tit { padding:0 0 15px 0; margin-bottom:15px; font-weight:600; color:#111; font-size:16px; border-bottom:1px dashed #aaa; line-height:23px; overflow:hidden; } #paper .paperBx p.tit a { color:#111 !important;} #paper .paperBx p.tit span { color:#1381d7; font-size:14px;} #paper .paperBx ul { overflow:hidden; } #paper .paperBx ul li { float:left; margin-right:3%; padding-right:3%; background:url(../images/common/bg_bar.gif) right 1px no-repeat; } #paper .paperBx ul li span { padding-right:5px; font-weight:600; } #paper .paperBx ul li:last-child{ background:none;} #paper .paperBx .cont { line-height:23px; height:48px; overflow:hidden; } #paper .paperBx .btn { float:right; margin-top:10px; height:28px; } #paper .paperBx .btn a { display:inline-block; border-radius:3px; height:26px; line-height:25px; font-size:13px; font-weight:600; border:1px solid #aaa;} #paper .paperBx .btn .btn_view { padding-left:30px; width:68px; background:url(../images/board/ico_view.gif) 8px 50% no-repeat; } #paper .paperBx .btn .btn_down { padding-left:32px; width:60px; background:#3d5c79 url(../images/board/ico_download2.gif) 8px 50% no-repeat; color:#fff; border:1px solid #3d5c79 !important;} #paper .paperBx .btn .btn_down_not { padding-left:32px; width:60px; background:#b0b0b0 url(../images/board/ico_download3.gif) 8px 50% no-repeat; color:#fff; border:1px solid #b0b0b0 !important;} #paper .paperBx .btn1 { position:absolute; bottom:15px; right:20px; height:28px; } #paper .paperBx .btn1 a { display:inline-block; border-radius:3px; height:26px; line-height:25px; font-size:13px; font-weight:600; border:1px solid #aaa;} #paper .paperBx .btn1 .btn_view { padding-left:30px; width:68px; background:url(../images/board/ico_view.gif) 8px 50% no-repeat; } #paper .paperBx .btn1 .btn_down { padding-left:32px; width:60px; background:#3d5c79 url(../images/board/ico_download2.gif) 8px 50% no-repeat; color:#fff; border:1px solid #3d5c79 !important;} #paper .paperBx .btn1 .btn_down_not { padding-left:32px; width:60px; background:#b0b0b0 url(../images/board/ico_download3.gif) 8px 50% no-repeat; color:#fff; border:1px solid #b0b0b0 !important;} #paper .paperBx .thumBx { text-align:center; padding: 0 20px 0 10px; width:135px; height:100px; vertical-align:middle; } #paper .paperBx .thumBx > img { width:135px; height:120px;} /* #paper .paperBx .thumBx img{ width: 135px !important; } */ #paper .paperBx .dateBx { text-align:center; padding: 0 20px 0 10px; height:100px; vertical-align:middle; display:table-cell; } #paper .paperBx .dateBx strong { font-size:20px; font-weight:600; display:block; color:#111; margin-bottom:10px; width:90px; letter-spacing:-0.08em; } #paper .paperBx .dateBx span { font-size:16px; line-height:21px;} #paper .paperBx .event { width:100%; vertical-align:top; display:table-cell; } #paper .paperBx .event>.btn>a { padding:0 10px 0 0; width:80px; text-align:center; background:url(../images/board/btn_ico_arrw.png) 75px 10px no-repeat; } #paper .eduBx { position:relative; border:1px solid #ccc; padding:20px 20px 20px 20px; margin:0 15px 15px 0; width:592px; box-sizing:border-box; float:left; } #paper .eduBx:nth-child(2n) { margin-right:0 !important;} #paper .eduBx .thumb { float:left; width:180px; border:1px solid #ccc; box-sizing:border-box; margin-right:30px; } #paper .eduBx .tit { float:left; padding:0 0 15px 0; line-height:21px; overflow:hidden; width:300px; } #paper .eduBx .tit a { color:#111 !important; font-weight:600; font-size:15px;} #paper .eduBx .tit .tit_name { color:#111 !important; font-weight:600; font-size:15px;} #paper .eduBx .tit span { color:#1381d7; font-size:14px;} #paper .eduBx ul { float:left; overflow:hidden; margin-bottom:20px; width:273px; } #paper .eduBx ul li { margin-bottom:5px; padding-left:8px; background:url(../images/common/bull_gray.gif) 0 5px no-repeat; } #paper .eduBx .btn { position:absolute; bottom:25px; left:230px; } #paper .eduBx .btn a { display:inline-block; border-radius:3px; height:26px; line-height:25px; font-size:13px; font-weight:600; padding-left:32px; width:60px; background:#3d5c79 url(../images/board/ico_download2.gif) 8px 50% no-repeat; color:#fff; border:1px solid #3d5c79 !important;} #paper .eduBx .btn .btn_webzin { background:#55a2ea 8px 50% no-repeat; color:#fff; border:1px solid #55a2ea !important; padding-left: 13px !important;} #paper .eduBx .tit p.tit_num { display:block !important; margin-bottom:5px; width:160px; height:20px; line-height:19px; background:#127ACA !important; border:1px solid #1276c5 !important; border-radius:3px !important; color:#fff !important; font-weight:600 !important; text-align:center; font-size:14px; } span.symp { display:inline-block; background:#44769d; line-height:17px; height:18px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #2b5678; font-size:13px!important;} span.forum { display:inline-block; background:#3c8c5a; line-height:17px; height:18px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #2d7247; font-size:13px!important;} span.etc { display:inline-block; background:#666; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #444; font-size:13px!important;} span.plan { display:inline-block; border:1px solid #06C; line-height:17px; height:18px; border-radius:3px; color:#06C; font-weight:600; text-align:center; min-width:30px; text-align:center; font-size:12px!important; background:#fff;} span.finish { display:inline-block; border:1px solid #666; line-height:17px; height:18px; border-radius:3px; font-weight:600; text-align:center; min-width:30px; text-align:center; font-size:12px!important; background:#fff; color:#111!important; } .ico-new {display:inline-block; background:#ffb400; line-height:15px; height:17px; border-radius:3px; color:#fff !important; font-weight:600; text-align:center; min-width:32px; text-align:center; border:1px solid #ffb400; font-size:13px!important; } span.dblue { display:inline-block; background:#44769d; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #2b5678; font-size:13px!important;} span.sky { display:inline-block; background:#3775b4; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #3775b4; font-size:13px!important;} span.green { display:inline-block; background:#587f30; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #587f30; font-size:13px!important; } span.dgreen { display:inline-block; background:#377e50; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #377e50; font-size:13px!important;} span.gray { display:inline-block; background:#666; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #444; font-size:13px!important;} span.orange2 { display:inline-block; background:#da2d1e; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #da2d1e; font-size:13px!important; } span.purple { display:inline-block; background:#854eaf; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #71399b; font-size:13px!important; } span.mint { display:inline-block; background:#3aaeb9; line-height:19px; height:20px; border-radius:3px; color:#fff!important; font-weight:600; text-align:center; min-width:62px; text-align:center; border:1px solid #238c96; font-size:13px!important; } #paper .paperBx .event>ul { overflow:hidden; margin-bottom:0; } #paper .paperBx .event>ul>li { float:left; margin: 0 2% 8px 0; padding-right:2%; background:url(../images/common/bg_bar.gif) right 1px no-repeat; } #paper .paperBx .event>ul>li>span { padding-right:5px; font-weight:600; } #paper .paperBx .event>ul>li:last-child{ background:none; padding-right:0%;} #paper .paperView { border:1px solid #ccc; padding:30px; margin-bottom:30px; background:#fff url(../images/board/schBx_bg.png) left bottom no-repeat; box-sizing:border-box; overflow:hidden; position:relative;} #paper .paperView .cover { float:left; width:152px; height:189px; padding:1px 0 0 1px; background:url(../images/board/cover_bg.png) 0 0 no-repeat; } #paper .paperView .info { float:right; width:700px;} #paper .paperView .info p.tit { padding:0 0 15px 0; margin-bottom:15px; font-weight:600; color:#111; font-size:16px; border-bottom:2px dashed #ccc; line-height:23px; } #paper .paperView .info p.tit span { color:#1381d7; font-size:14px;} #paper .paperView .info ul { overflow:hidden; margin-bottom:5px;} #paper .paperView .info ul li { display:inline-block; margin:0 0 12px 0; width:32%; overflow:hidden;} #paper .paperView .info ul li.w100p { width:100%;} #paper .paperView .info ul li a.attach { background:url(../images/board/file.gif) 0 0 no-repeat; padding-left:23px; text-decoration:underline;} #paper .paperView .info ul li p { text-align:left;} #paper .paperView .info ul li span { clear:both; float:left; padding-right:5px; margin-right:10px; width:75px; display:inline-block; font-weight:600; background:url(../images/common/bg_bar.gif) right 1px no-repeat; } #paper .paperView .info .btn { } #paper .paperView .info .btn .btn_down { display:inline-block; border:1px solid #ccc; padding-left:32px; width:95px; height:30px; background: #fff url(../images/board/ico_download.gif) 8px 50% no-repeat; border-radius:3px; line-height:30px; font-weight:600; font-size:13px; color:#111;} #paper .outline { line-height:23px; padding-bottom:20px; border-bottom:1px solid #ccc; } #paper .data { border-bottom:1px solid #ccc; } #paper .data .theme { padding-left:25px; margin-bottom:10px; background:url(../images/board/tab_ico_on.gif) 0 0 no-repeat; font-size:15px; font-weight:600; color:#111; line-height:23px; } #paper .data .theme span.subj { color:#0060b3;} #paper .data .theme span.num { color:#ff8400;} #paper .data>.paperBx { margin-bottom:0 !important; border:0 !important; border-top:1px solid #ccc !important; } #paper .data>.paperBx:nth-child(even) { background:#fafafa; } #ev-view { border:1px solid #ccc; padding:20px 30px; margin-bottom:30px; background:#fff url(../images/board/schBx_bg.png) left bottom no-repeat; box-sizing:border-box; overflow:hidden; position:relative;} #ev-view .info { display:inline-block; width:100%; } #ev-view .info .tit { width:100%; padding:0 0 15px 0; margin-bottom:15px; font-weight:600; color:#111; font-size:16px; border-bottom:2px dashed #ccc; line-height:23px; position:relative; } #ev-view .info .tit .date { position:absolute; right:0; top:5px; } #ev-view .info .tit .date span { padding-left:10px; font-size:14px; color:#444; } #ev-view .paperView .info ul { overflow:hidden;} #ev-view .paperView .info ul li { display:inline-block; margin:0 5px 0 0; overflow:hidden; width:20%; text-align:left;} #ev-view .paperView .info ul li.w30 { width:35% !important; } #ev-view .paperView .info ul li a.attach { background:url(../images/board/file.gif) 0 0 no-repeat; padding-left:23px; text-decoration:underline;} #ev-view .paperView .info ul li p { text-align:left;} #ev-view .paperView .info ul li span { clear:both; float:left; padding-right:10px; margin-right:10px; display:inline-block; font-weight:600; background:url(../images/common/bg_bar.gif) right 1px no-repeat; } .tab-outline { line-height:23px; padding-bottom:20px; border-bottom:1px solid #ccc; } #cover-wp {overflow:hidden; border:1px solid #ccc; padding:30px 30px 10px 30px; background:#fff; } #cover-wp ul { } #cover-wp ul li { float:left; margin: 0 4% 3% 0; width:22%; position:relative; } #cover-wp ul li:nth-child(4n) { margin-right:0; } #cover-wp ul li p.thumb { border:1px solid #ccc; overflow:hidden; } #cover-wp ul li p.thumb img { width:100%; } #cover-wp ul li .over { height:100%; width:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; } #cover-wp ul li .over p.tit { text-align:center; font-weight:600; color:#fff; font-size:15px; padding:50px 20px 20px 20px; line-height:24px; } #cover-wp ul li .over .icon { text-align:center;} #cover-wp ul li .over .icon span { } #graphic-wp {overflow:hidden; border:1px solid #ccc; padding:30px 30px 10px 30px; background:#fff; } #graphic-wp ul { } #graphic-wp ul li { float:left; margin: 0 4% 3% 0; width:22%; position:relative; } #graphic-wp ul li:nth-child(4n) { margin-right:0; } #graphic-wp ul li p.thumb { max-height:248px; border:1px solid #ccc; overflow:hidden; } #graphic-wp ul li p.thumb img, #graphic-wp ul li p.thumb a img { width:100% !important; } #graphic-wp ul li .over { width:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; height:60px; } #graphic-wp ul li .tit { position:absolute;bottom:32px;left:12px;letter-spacing:-0.5px;color:#fff;font-size:14px;z-index:3;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600; } #graphic-wp ul li .data { position:absolute;bottom:11px;left:12px;letter-spacing:-0.5px;color:#ddd;font-size:13px;z-index:3;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:300; } #graphic-wp ul li .data span { padding-right:10px; margin-right:10px; background:url(../images/board/bg_span_bar.gif) right 50% no-repeat; } #graphic-wp ul li .data span:last-child { background:none;} /* [e] 챘째?�챗째�?�ヂ�� */ /* [s] board */ .nTable{width:100%; overflow:auto;} .nTable>table.scriptCalendar {table-layout: fixed;} .nTable>table{width:100%;border-top:2px solid #4369b7; border-spacing:0; box-sizing: border-box;} .nTable>table th, .nTable>table td{padding:13px 0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; line-height:23px; word-break: keep-all;} .nTable>table th:first-child, .nTable>table td:first-child { border-left:0;} .nTable>table th{background-color: #f1f1f1; font-weight: 600; color: #111; font-size:16px; } .nTable>table>tbody>tr>.title {padding:13px 20px; text-align:left } .nTable>table>tbody>tr>.title>a { font-size:14px; color: #111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:80%; } .nTable>table>tbody>tr>.title>a, .nTable>table>tbody>tr>.title>p{ cursor:pointer; display:block;} .nTable>table>tbody>tr>.num>p{width:20px; height:20px; background-color: #666; font-size:12px; line-height:20px; color: #fff; box-sizing: border-box; display:inline-block;} .nTable>table>tbodt>tr>td>p img { width:100%; } .rel-data>table{ border-top:1px solid #ccc !important; border-right:1px solid #ccc; } .rel-data>table td { text-align:left; padding-left:20px;} .rel-data>table td:first-child { border-left:1px solid #ccc;} .rel-data>table td>.mVer { margin-top:5px;} .rel-data>table td a.file { padding-top:2px; background:url(../images/board/file.gif) 0 1px no-repeat; background-size: 16px 16px; padding-left:23px; vertical-align:top;} .budget>table { border-top:1px solid #7e94c1 !important; border-right:1px solid #ccc;} .budget>table>thead th {background:#7e94c1; color:#fff; } .budget>table>thead th:first-child { border-left:1px solid #ccc;} .budget>table>tbody th:first-child { border-left:1px solid #ccc;} .budget>table>tbody td:first-child { border-left:1px solid #ccc; } .budget>table>tbody th { padding:0 20px; } .budget>table>tbody td { padding:10px 20px; text-align:right;line-height:18px; } .budget>table .txt { padding:10px 15px; height:30px;} .normal>table { border-top:2px solid #4369b7; border-right:1px solid #ccc;} .normal>table>thead th {background-color: #e6ecf8; color:#111; } .normal>table>thead th:first-child { border-left:1px solid #ccc;} .normal>table>tbody th:first-child { border-left:1px solid #ccc;} .normal>table>tbody td:first-child { border-left:1px solid #ccc; } .normal>table>tbody th { padding:5px 15px; background-color: #f1f1f1; line-height:18px; font-weight:normal;} .normal>table>tbody td { padding:13px 10px;} .normal>table>thead th.line { padding:0 10px; background-image:url(../images/board/th_line_bg.png); background-position:top center; background-repeat:no-repeat; } .normal>table>thead th.line span { display:inline-block;} .normal>table>tbody th.txt { padding:10px 15px; height:30px;} .normal>table>tbody td.txt { padding:10px 15px; height:30px;} .normal>table>tbody th.col { background-color: #e6ecf8; color:#111; font-weight:600; padding:15px 15px !important;} #board_view{width:100%; margin-bottom:30px; overflow: auto;} #board_view.one{max-width:100%; float:none; clear:both;} #board_view .bdview_wp{width:100%;border-top:2px solid #4369b7;box-sizing:border-box;} #board_view .bdview_wp .view_title{width:100%; padding:15px 25px;box-sizing:border-box;color:#111;font-size:16px;font-weight:600; border-bottom:1px dashed #ccc; background:#f5f5f5;} #board_view .bdview_wp .view_date{width:100%; padding:15px 25px;box-sizing:border-box;color:#111;font-size:14px;font-weight:600;border-bottom:1px solid #ccc;} #board_view .bdview_wp .view_date>p{padding:0 30px 0 0; display:inline-block; vertical-align: top;} #board_view .bdview_wp .view_date span{color:#666;font-weight:normal;padding-left:15px;} #board_view .bdview_wp .view_con {width:100%;padding:20px; border-bottom:1px solid #ccc; min-height:200px; vertical-align:top; box-sizing:border-box;} #board_view .bdview_wp .view_con img{max-width:100%;} #board_view .attach{width:100%;min-height:60px;padding:20px 20px 10px 20px;background:#f6f7fc;border:1px solid #ccc;box-sizing:border-box;margin-top:20px;} #board_view .attach dt{position:absolute;font-weight:600;color:#000;font-size:13px;} #board_view .attach dd{margin-left:80px;background:url(../images/board/file.gif) no-repeat;padding-left:25px;padding-bottom:10px;} #board_view .attach dd a{text-decoration:underline;color:#333;} #board_view .vreply{width:100%;min-height:60px;padding:20px 20px 10px 20px;background:#f6f7fc;border:1px solid #ccc;box-sizing:border-box;margin-top:20px;} #board_view .vreply dt{position:absolute;font-size:0;width:20px;height:17px;} #board_view .vreply dd{margin-left:30px;padding-bottom:10px;line-height:24px;} .pg-control { position:absolute; right:0; top:65px; } .pg-control li { display:inline; } .orange { color:#d40000 !important; font-weight:600;} .tit-right { position:absolute; right:0; top:7px; font-size:14px; font-weight:300; color:#444;} .board_write>table{ } .board_write>table>tbody>tr>th { font-weight:600; color:#111;} .board_write>table>tbody>tr>th, .board_write>table>tbody>tr>td{ padding:7px 0; } .board_write>table>tbody>tr>td { text-align:left; padding-left:10px;} .board_write>table input[type=radio], .board_write>table input[type=checkbox]{width:13px;height:17px;margin:0 3px 0 0;padding:0;vertical-align:middle;overflow:hidden;} .board_write>table input[type=text], .board_write>table input[type=password]{height:30px; padding:0 10px; background-color:#fff; border:1px solid #ccc; line-height:28px; color:#000; vertical-align:middle; display:inline-block; box-sizing: border-box;} .board_write>table input[type=file]{ height:30px; background-color:#fff; line-height:28px; vertical-align:middle; display:inline-block; box-sizing: border-box;border:none;} .board_write>table select{height:30px;padding-left:7px;background-color:#fff; border:1px solid #ccc; line-height:28px; color:#000; vertical-align:middle; display:inline-block; box-sizing: border-box;} .board_write>table textarea{height:220px;border:1px solid #dcdcdc;padding:10px;box-sizing: border-box;} .board_write>table .type_c{min-height:30px;width:2%;max-width:5px; margin:0 0px; font-size:14px; line-height:30px; display:inline-block; vertical-align:middle;} .board_write>table .type_d{min-height:30px;width:5%;max-width:12px; margin:0 0px; font-size:14px; line-height:30px; display:inline-block; vertical-align:middle;} .auto_num { display:inline-block; margin-right:10px; border:1px solid #ccc; padding:10px; min-width:150px; height:90px; vertical-align:middle;} .auto_input { display:inline-block; vertical-align:middle;} .auto_input p { margin:0 0 8px 0;} .auto_btn { margin-top:5px; } .auto_btn a { float:left; margin-right:10px; } .auto_btn a.btn-reset { display:block; padding-left:18px; background:url(../images/board/btn_ico_reset.gif) 0 0 no-repeat;} .auto_btn a.btn-voice { display:block; padding-left:18px; background:url(../images/board/btn_ico_voice.gif) 0 0 no-repeat;} .btn_set {all: unset; cursor: pointer; padding: 5px 10px; font-weight: bold; border-radius: 4px; background: #f8f9fa;} .btn_set.delete {background: #c14955; color: #fff;} /*.btn_set.edit {background: #0d6efd; color: #fff;}*/ .btn_set.edit {background: #a1a1a1; color: #fff;} .btn_set.state {} .size1{width:100%;max-width:205px;} .size2{width:50%;max-width:205px;} .size3{width:28%;max-width:95px;} .size4{width:30%;max-width:205px;} .size5{width:45%;max-width:205px;} .size6{width:100%;max-width:145px;} .size_half{width:100%;max-width:600px;} .size_full{width:100%;max-width:990px;} /* Ķ���� */ .calendarNav {display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: bold; margin: 15px 0;} .calendarNav .calBtn {all: unset; cursor: pointer; display: inline-block;} .calendarNav .calBtn img {width: auto; height: 20px;} .calendarNav .calBtn.calendarPreBtn {margin-right: 10px;} .calendarNav .calBtn.calendarNextBtn {transform: rotate(180deg); margin-left: 10px;} #tabArea{width:100%; position:relative; top:0; z-index:1; overflow:hidden;} #tabArea th{border-left:none;border-right:none;padding:12px 0;} #tabArea>.tabList{width:100%;} #tabArea>.tabList>li{width:100%;border-bottom:1px solid #ccc;} #tabArea>.tabList .depth01{padding:15px 0;color:#333; display:block;box-sizing: border-box; position:relative;} #tabArea>.tabList .depth01 dl{width:100%; background:url(../images/board/bul_menu.png) no-repeat right 20px center ;text-align:center;font-weight:normal; } #tabArea>.tabList .depth01 dt{width:5%;display:inline-block;vertical-align:middle;} #tabArea>.tabList .depth01 dd{display:inline-block;vertical-align:middle;} #tabArea>.tabList .depth01 dd.tt{width:88%;text-align:left;padding-left:2%;} #tabArea>.tabList .depth01 dd.tt p{width:90%;} #tabArea>.tabList .depth01.active dd.tt{color:#000;font-weight:600;} #tabArea>.tabList .depth01.active dl{background:url(../images/board/bul_menu_on.png) no-repeat right 20px center ;} #tabArea>.tabList .tabSub{width:100%;display:none;background:#f7f7f7;padding:15px 5% 15px 10%;border-top:1px solid #ccc;box-sizing: border-box; } .faq_a{background:url(../images/board/re_icon.gif) no-repeat;padding:0 5%; font-size:14px; line-height:24px; color:#000; display:block;min-height:50px;box-sizing: border-box; position:relative;} .issue { overflow:hidden; margin-bottom:30px; padding-top:25px; background:#fafafa url(../images/board/issue_bg.png) 0 0 repeat-x; } .issue ul { padding: 0 0 25px 20px; background:url(../images/board/issue_bg.png) 0 bottom repeat-x;} .issue ul li { line-height:24px; padding:3px 0 3px 25px; background:url(../images/common/bull_issue.png) 0 5px no-repeat;} .ev-opp { padding:20px; border:1px solid #ccc; background:#f7f7f7; overflow:hidden; } .ev-opp .txt-area { margin-bottom:20px;} .ev-opp .txt-area textarea { width:99%;max-width:990px; min-height:150px;} .argeeBx {width:100%;height:200px;border:1px solid #ccc;overflow-x:hidden;overflow-y:scroll;font-size:13px;line-height:23px;margin-top:5px;padding:1.5% 1.5%;box-sizing:border-box;} .agree { margin-top:10px; text-align:right;} /*input[type=checkbox] {display: none;} input[type=checkbox] + label{display: inline-block;cursor: pointer;position: relative;} input[type=checkbox]+ label:before {content: "";display: inline-block; width: 18px;height: 18px;position: absolute;right: 0;background-color: #none;border:1px solid #6d7276;} input[type=checkbox]:checked + label:before {content: "\2713";font-weight:800;color: #008409;background:#none;text-align: center;line-height: 18px;} .agree input[type=checkbox] + label{padding-left:28px; color:#434343;line-height:22px;} .agree input[type=checkbox]+ label:before {content: '\2713';display: inline-block;text-align:center;font-weight:800;font-size: 14px;color: #aaa;line-height:20px;width:20px;height:20px;border:2px solid #aaa;left: 0;} .agree input[type=checkbox]:checked + label:before {content: '\2713';color: #4369b7;line-height: 20px;border:2px solid #4369b7;} */ .agree input[type=checkbox] + label{padding-left:10px; } #ev-grl{width:100%;height:auto;font-size:0; line-height:0; position: relative; margin-bottom:20px;} #ev-grl #mvisual_wp{width:100%;height:auto;} #ev-grl #mvisual_wp:after{display:block;clear:both;content:''} #ev-grl #mvisual_wp .mvisual .slider{vertical-align:top; } #ev-grl #mvisual_wp .mvisual .cs_img {width:100%;} #ev-grl #mvisual_wp .mvisual .cs_img img { width:100%;} #ev-grl .btns li a {width: 32px; height: 77px; display:block;} #ev-grl .btns li.prev {position:absolute;z-index:2; left:0; top:45%; width:32px;height:77px;background:url(../images/board/arr_left.gif) center center no-repeat; } #ev-grl .btns li.next {position:absolute;z-index:2; right:0; top:45%; width:32px;height:77px;background:url(../images/board/arr_right.gif) center center no-repeat; } .grl-list{width:100%; padding:20px 40px; background-color: #f5f5f5; border:1px solid #cacaca; overflow:hidden; box-sizing:border-box; position: relative;} .grl-list .grl-roll{margin-left:-1px;} .grl-list .grl-roll .slider{ } .grl-list .grl-roll .slider .tbLayout{height:105px; padding:0 0 0 5px; } .grl-list .grl-roll .slider .photo{width:160px;} .grl-list .bx-controls-direction>a{width:16px; height:40px; margin-top:-20px; background: url(../images/board/arr_bx_16.png) no-repeat left top; position: absolute; z-index:2; top:50%; display:block; font-size:0;} .grl-list .bx-controls-direction>.bx-prev{left:10px;} .grl-list .bx-controls-direction>.bx-next{background-position: left -40px; right:10px;} .sns-txt {overflow:hidden; margin-bottom:30px; padding-top:25px; background:#fafafa url(../images/board/issue_bg.png) 0 0 repeat-x; width: 100%; } .sns-txt p { padding: 0 0 25px 20px; line-height:30px; background:url(../images/board/issue_bg.png) 0 bottom repeat-x; font-weight:600; color:#111; } .sns-txt p a { background:#3c5b9a; border-radius:5px; height:30px; vertical-align:top; min-width:100px; display:inline-block; padding:0 10px; border:1px solid #3c5b9a; margin-left:20px; color:#fff; font-weight:600; } .share_list {position:relative; margin:0 !important; width:100%; overflow:hidden; overflow-x:hidden;overflow-y:hidden; height:100%; } .share_list li {width:210px;border:1px solid #cfcfcf; overflow: hidden;} .share_list li .cont {padding:20px 8px 18px 14px;line-height:17px;} .share_list li .cont .tit,.share_list li .cont .tit a {color:#222;} .share_list li .cont .tit a:hover {color:#327dda;} .share_list li .cont .state {position:relative;margin-top:15px;padding-right:6px;color:#555;text-align:right; font-size:13px; } .share_list li .cont .state .sns {position:absolute;left:0;top:0;} /* �듯�?寃��� */ .total-txt { font-size:20px; color:#111; margin-bottom:15px; font-weight:600; letter-spacing:-0.04em;} .total-txt span.ty1 { color:#295bc0;} .total-txt span.ty2 { color:#ff6c00; } /* �듯�?寃��� ?�ъ뒪�� */ .search-t { padding:0 15px; background:#6d84a8; height:45px; line-height:48px; color:#fff; font-size:18px; font-weight:600; } .search-tab { overflow:hidden; padding:15px 0; border-bottom:2px solid #4369b7; } .search-tab li { float:left;padding:0 10px 0 0; margin-right:10px; background:url(../images/common/bg_bar.gif) right 2px no-repeat; } .search-tab li:last-child { background:none; } .search-tab li a { float:left; padding-top:2px; } .search-tab li a:hover, .search-tab li a.on { color:#000; padding-right:25px; font-weight:600; background:url(../images/board/tab_on.gif) right 0 no-repeat; } .search-list { width:100%; border-spacing:0; box-sizing: border-box; } .search-list ul { overflow:hidden;} .search-list ul li { border-bottom:1px solid #ccc; padding:20px 10px;} .search-list ul li .tit { font-weight:600; margin-bottom:10px;} .search-list ul li .tit span.par { border:1px solid #ccc; text-align:center; display:inline-block; min-width:30px; padding:3px 3px 5px 3px; font-weight:300 !important; margin-right:10px; } .search-list ul li .tit a { text-decoration:underline; color:#111; } .search-list ul li .tit p.date { display:inline-block; margin-top:5px; margin-left:15px; } .search-list ul li .tit p.date span { display:inline-block; padding:0 10px 0 0; margin-right:10px; font-weight:300; background:url(../images/common/bg_bar.gif) right 2px no-repeat; } .search-list ul li .tit p.date span:last-child { margin-right:0; padding-right:0; background:none; } .search-list ul li .area {} .search-list ul li .area span { padding-right:12px; margin-right:10px; background:url(../images/common/search_arrw.gif) right 4px no-repeat; font-size:13px;} .search-list ul li .area span:last-child { background:none;} .share_list ul li .cont {padding:20px 8px 18px 14px; line-height:20px; } .share_list ul li .cont .tit { overflow:hidden; min-height:100px; max-height:200px; } .search-list .more { margin-top:10px; margin-bottom:30px; height:26px; } .search-list .more a { float:right; display:inline-block; min-width:80px; padding:0 15px 2px 15px; height:26px; line-height:26px; background:#4369b7; color:#fff; text-align:center; font-size:13px; letter-spacing:-0.03em;} /* [e] board */ .council { overflow:hidden;} .council .board { float:left; width:31.30%; border:1px solid #ccc; border-top:0; padding-bottom:15px; box-sizing:border-box; overflow:hidden; margin:0 3% 3% 0; } .council .board:nth-child(3n) { margin-right:0;} .council .board p { font-size:15px; font-weight:600; margin-bottom:10px; padding-top:12px; padding-bottom:12px; text-align:center; background:#366ec3; color:#fff; } .council .board ul { overflow:hidden; margin:0 5% 10px 5%; } .council .board ul li { line-height:21px; font-size:13px;} .council .board ul li span { width:40px; display:inline-block; padding-left:7px; font-weight:600; background:url(../images/common/bull_gray.gif) 0 8px no-repeat; } .council .board dl { overflow:hidden; font-size:13px; margin:0 5%; } .council .board dl dt { font-weight:600; margin-bottom:7px; padding-left:7px; font-weight:600; background:url(../images/common/bull_gray.gif) 0 6px no-repeat; } .council .board dl dd { height:160px; overflow-x:hidden;overflow-y:scroll; box-sizing:border-box; padding:5px 10px; line-height:20px; background:#f5f5f5; border:1px solid #eee; } /* .council { overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; } .council .board { float:left; width:25.1%; height: 300px; border:1px solid #ccc; padding-bottom:15px; box-sizing:border-box; margin-top:-1px; margin-left:-1px; overflow:hidden; } .council .board p { font-size:15px; color:#111; font-weight:600; margin-bottom:10px; padding-top:12px; padding-bottom:12px; text-align:center; background:#4369b7; } .council .board:nth-child(4n) { margin-right:0;} .council .board ul { overflow:hidden; margin:0 5% 10px 5%; } .council .board ul li { line-height:21px; font-size:13px;} .council .board ul li span { width:40px; display:inline-block; padding-left:7px; font-weight:600; background:url(../images/common/bull_gray.gif) 0 8px no-repeat; } .council .board dl { overflow:hidden; font-size:13px; margin:0 5%; } .council .board dl dt { font-weight:600; margin-bottom:7px; padding-left:7px; font-weight:600; background:url(../images/common/bull_gray.gif) 0 6px no-repeat; } .council .board dl dd { height: 155px; overflow-x:hidden;overflow-y:scroll; box-sizing:border-box; padding:5px 10px; line-height:20px; background:#fefefe; border:1px solid #eee; } */ /* [s] 챙혶쨈챘짱쨍챙짠�� Style */ .thumbFull{position: relative; display:block;} .thumbFull>.maxFull{width:100%; height:100%; position: absolute; left:0; top:0;} .thumbAb{text-align: center; position: relative; display:block;} .thumbAb>.maxFull{width:100%; height:100%; position: absolute; left:0; top:0;} /* [e] 챙혶쨈챘짱쨍챙짠�� Style */ /* [s] contents */ .suggest {display: flex; justify-content: space-between; align-items: center; border:1px solid #ccc; padding:22px 50px; background:url(../images/board/schBx_bg.png) left bottom no-repeat; overflow:hidden; } .suggest .left {display:inline-block; height:200px; width:180px; border-right:2px dashed #c9d6df; background:url(../images/board/ico_suggest.png) left 50% no-repeat; } .suggest .left1 {display:inline-block; height:200px; width:180px; border-right:2px dashed #c9d6df; background:url(../images/board/ic_mailing.png) left 50% no-repeat; } .suggest .right { display:inline-block; padding-left:40px;} .suggest .right p.txt1 { font-size:24px; color:#111; font-weight:600; margin-bottom:10px;} .suggest .right p.txt2 { font-size:17px; line-height:28px; margin-bottom:20px;} .suggest .right .btn a { text-align:center; color:#fff; font-weight:600; display:block; background:#245076 url(../images/board/btn_suggest.png) 25px 50% no-repeat; padding-left:20px; border:1px solid #245076; height:40px; width:150px; line-height:40px; border-radius:5px; } @media(max-width:580px){ .suggest, .suggest .left, .suggest .right{display: block;} .suggest .left{width:100% !important; border-right:0; border-bottom:2px dashed #c9d6df; background-position-x: center;} .suggest .right{width:100% !important; padding-top:20px;} } /*24.11.14. 메일링서비스*/ .confirm_wrap{display: flex; justify-content: space-between; margin-bottom:30px;} .select_wrap{display: flex; align-items: center;} .select_wrap input{margin-right:4px;} .select_wrap label{margin-right:12px;} .require_wrap{display: flex; justify-content: flex-end; margin-bottom:10px;} .require_dot{color:red; font-weight: 700; vertical-align: super;} .nTable.infoTable input{ padding:10px; border-radius: 0; border:1px solid #ddd;} .nTable.infoTable td{text-align: left; padding: 13px;} .apply_wrap{display: flex; justify-content: center; margin-top:30px;} .apply_wrap input{border:0; background: #001d58; color:#fff; padding:10px 20px; font-weight: 700;} .subj-bx { border:5px solid #eee; padding:25px 25px 25px 115px; overflow:hidden; margin-bottom:30px; line-height:28px;} .ico-bg1 { background:url(../images/contents/con_ico1.gif) 25px 50% no-repeat; background-size:70px 70px; } .subj-bx h4 { font-size:20px !important; background:none !important; padding-left:0 !important; margin-bottom:8px !important; } /* h5 { padding-left:10px; margin-bottom:10px; font-weight:600; color:#111; background:url(../images/contents/con_bull1.gif) 0 6px no-repeat; font-size:18px;} */ .h5-depth { margin-left:10px; margin-bottom:30px;} .dlTy1 dt { padding-left:10px; margin-bottom:8px; font-weight:600; color:#111; background:url(../images/contents/con_bull1.gif) 0 6px no-repeat; font-size:16px;} .dlTy1 dd { line-height:23px; padding-left:10px; } .dlTy2 dt { margin-bottom:5px; padding-left:10px; font-weight:600; color:#111; background:url(../images/contents/con_bull2.gif) 0 8px no-repeat;} .dlTy2 dd { line-height:23px; padding-left:10px; } .ulTy1 li { padding-left:10px; margin-bottom:8px; background:url(../images/contents/con_bull1.gif) 0 7px no-repeat; } .ulTy2 li { padding-left:10px; margin-bottom:5px; background:url(../images/contents/con_bull2.gif) 0 9px no-repeat; line-height:28px; } .ulTy2 li.nor { padding-left:0; background:none; } .ulTy2 li span { color:#111;} .con-img { width:100%;} .bull-p {padding-left:8px; background:url(../images/common/bull_gray.gif) 0 10px no-repeat; } .greet { width:100%; } .greet .slogun { height:303px; width:100%; margin-bottom:30px; background:url(../images/contents/s6-1.jpg) right 0 no-repeat; display:table;} .greet .slogun p { display:table-cell; font-size:34px; font-weight:600; color:#111; line-height:40px; vertical-align:middle; padding-left:80px; text-outline:2px solid #fff; text-shadow:1px 1px 1px #fff; } .greet .slogun p span { color:#4369b7;} .greet .slogun p span.s-txt { font-size:23px; font-weight:300; text-shadow:1px 1px 1px #333; color:#fff; padding-top:10px; display:inline-block; } .greet .g-txt { } .greet .g-txt>p { margin-bottom:0; line-height:26px; overflow:hidden; clear:both; font-size:15px; } .greet p { margin-bottom:15px; line-height:28px; overflow:hidden; clear:both; font-size:15px; } .greet p span.one { background:#5765b7; display:inline-block; color:#fff; padding:0 5px; width:30px; text-align:center; font-weight:600; float:left; margin-top:3px;} .greet p span.two { background:#4f9cca; display:inline-block; color:#fff; padding:0 5px; width:30px; text-align:center; font-weight:600; float:left; margin-top:3px;} .greet p span.three { background:#76719a; display:inline-block; color:#fff; padding:0 5px; width:30px; text-align:center; font-weight:600; float:left; margin-top:3px;} .greet p span.four { background:#435a7c; display:inline-block; color:#fff; padding:0 5px; width:30px; text-align:center; font-weight:600; float:left; margin-top:3px;} .greet p .txt { float:left; margin-left:5px; } .greet p span.name { font-weight:600; color:#111; font-size:18px; padding-left:10px; } .info_protection {} .info_protection .con_tit { font-size:16px; font-weight:600; color:#111; margin-bottom:10px; padding-left:10px; background:url(/resources/client/images/contents/con_bull1.gif) 0 6px no-repeat;} .info_protection .txt01 { line-height:23px; margin-bottom:20px;} .info_protection>.nTable { margin-bottom:30px;} .nTable table {table-layout: unset;} .info_protection ol>li { list-style:decimal !important; margin-left:20px; margin-bottom:10px; line-height:23px; } .info_protection ol { margin-bottom:20px; margin-left:15px;} .info_protection ul>li { margin-bottom:10px; line-height:23px; padding-left:10px; background:url(/resources/client/images/contents/con_bull2.gif) 0 10px no-repeat;} .info_protection dl { margin-bottom:10px;} .info_protection dl dt { font-weight:600; margin-bottom:10px;} .emailRefuse { padding:50px 45px 40px 45px; border:1px solid #ccc; } .emailRefuse p { font-size:16px; font-weight:600; color:#111; margin-bottom:10px; padding-left:10px; background:url(../images/contents/con_bull1.gif) 0 6px no-repeat;} .emailRefuse dl { padding-left:200px; background:url(/resources/client/images/contents/email.jpg) 0 5% no-repeat;} .emailRefuse dl dt { margin-bottom:10px; color:#111; font-weight:600; font-size: 2rem;} .emailRefuse dl dd { margin-bottom:20px; line-height:20px;} .emailRefuse dl dd ul {} .emailRefuse dl dd ul li { padding-left:10px; margin-bottom:5px; background:url(/resources/client/images/contents/con_bull2.gif) 0 10px no-repeat;} .emailRefuse dl dd span { display:inline-block; margin-bottom:5px; font-weight:600; color:#111;} /* [e] contents */ /* [s] pageing*/ .nor-txt { line-height:23px;} .caption { text-align:left; font-weight:600; margin-bottom:5px; color:#111; } .caption span { display:inline-block; background:#4369b7; border-radius:16px; min-width:25px; height:18px; line-height:16px; padding:0 8px; border:1px solid #4369b7; color:#fff; text-align:center;} .refer { padding-top:10px; line-height:20px;} .paging_all{margin:0 auto;text-align:center;clear:both;position:relative; } .paging_all img{margin:0 1px; display:inline-block !important;vertical-align:top} .paging_all>.paging{margin:0 auto;font-size:0;line-height:0;text-align:center} .paging_all>.paging>.num{margin:0 28px; display:inline-block; vertical-align:top} .paging_all>.paging>.num>strong, .paging_all>.paging>.num>a{width:36px; height:36px; margin:0 1px; padding:0; background-color:#fff; border:1px solid #ccc; font-size:14px; line-height:34px; color:#666; display:inline-block; vertical-align:top; box-sizing:border-box;} .paging_all>.paging>.num>strong, .paging_all>.paging>.num>a:hover{background-color:#555; border-color:#555; color:#fff;} .paging_all>.paging>.p-btn { width:36px; height:36px; margin:0 1px; padding:10px 0 0 0; background-color:#fff; border:1px solid #ccc; display:inline-block; vertical-align:top; box-sizing:border-box;} .more_btn{width:100%; text-align:center;clear:both; margin-top:30px; overflow:hidden; height:45px;} .more_btn a{width:375px;display:inline-block;position: relative;text-align:center; line-height:45px;white-space: nowrap;font-size:13px;font-weight:600;color: #515151;height:40px;border: 1px solid #ccc;} .more_btn a span{font-size:11px;padding-left:5px;} /* [e] pageing*/ /* [s] btn*/ .btnArea { margin:30px auto 0; text-align:center;clear:both;position:relative;} .btn-ty1 { display:inline-block; border-radius:3px; line-height:45px; text-align:center; min-width:95px; height:45px; padding:0 10px; } .btn-ty2 { display:inline-block; line-height:33px; text-align:center; min-width:40px; height:33px; padding:0 5px; } a.gray { background:#555; color:#fff; font-weight:600; border:1px solid #555;} a.blue { background:#4369b7; color:#fff !important; font-weight:600; border:1px solid #4369b7;} a.green { background:#1d584f; color:#fff; font-weight:600; border:1px solid #1d584f;} a.black { background:#444; color:#fff; font-weight:600; border:1px solid #444;} a.requ { padding-left:25px; background:#444 url(../images/common/ico_data.png) 10px 50% no-repeat; background-size:13px 15px; } a.down { padding-left:35px; background:#4369b7 url(../images/common/ico_down.png) 10px 50% no-repeat; background-size:13px 15px; } a.mail { padding-left:35px; background:#4369b7 url(../images/common/ico_mail.png) 10px 50% no-repeat; background-size:13px 15px; } /* [e] btn*/ /* [s]議곗쭅��? Style */ .orag-li li { padding-left:8px; background:url(../images/common/bull_gray.gif) 0 10px no-repeat; } .organization {overflow:hidden; margin-bottom:50px;} .organization ul.overall {position:relative; background: url(../images/contents/organ_bg6.png) no-repeat center 82px; background-size: 84%;} .organization ul li .grade1{margin-bottom:30px;} .organization ul li .grade1 a.mayor{display:block; width:130px; height:82px; margin:auto; background-color:#4369b7; border-radius:100px; text-align:center; color:#FFF; font-size:20px;} .organization ul li .grade1 a.mayor strong{display:inline-block; margin:30px auto; text-align:center; font-size:22px; font-weight:600; line-height:25px} .organization a span{display:block; position:absolute; right:16px; top:20px; width:11px; height:11px; font-size:0; background:url(../images/contents/plus_white.png) no-repeat center center; transition:transform 600ms ease-in-out 0s;} .organization a:hover span{transform: rotate(720deg);} /* �먯?? */ .organization ul li .grade2 { margin-bottom:57px;} .organization ul li .grade2 a {display:block; background-color:#245076; width:224px; height:37px; margin:auto; padding:8px 0 0; text-align:center; color:#FFF; font-size:15px; font-weight:600; position:relative; } /* �뺤콉湲고쉷?��/?�먯?��곌뎄?��/?�먯?��???��?�꽣/�щ�?���? */ /* .organization ul li .grade6 { } .organization ul li .grade6>ul>li { display:inline-block; width:24.55%; vertical-align:top; } .organization ul li .grade6>ul>li>a {display:block; background-color:#46a99a; width:224px; height:32px; margin:auto; padding:17px 0 0; text-align:center; color:#FFF; font-size:15px; font-weight:600; position:relative; } .organization ul li .grade7{ background:url(../images/contents/organ_bg2.png) center top no-repeat; padding-top:50px; } .organization ul li .grade7>ul>li{ display:inline-block; width:110px; vertical-align:top;} .organization ul li .grade7>ul>li>a {display:block; background-color:#406c65;border:1px solid #ccc; height:45px; padding-top:15px; text-align:center; box-sizing:border-box; font-size:13px; } .organization ul li .grade7>ul>li>a.last { height:45px; padding-top:5px; } .organization ul li .grade8{ background:url(../images/contents/organ_bg3.png) center top no-repeat; padding-top:50px; } .organization ul li .grade8>ul>li{ display:inline-block; width:72px; vertical-align:top;} .organization ul li .grade8>ul>li>a {display:block; background-color:#406c65; border:1px solid #ccc; height:45px; padding-top:15px; text-align:center; box-sizing:border-box; font-size:13px; } .organization ul li .grade8>ul>li>a.last { height:45px; padding-top:6px; } */ /* �뺤콉湲고쉷?��/?�먯?��곌뎄?��/?�먯?��???��?�꽣/�щ�?���? 2017-12-13 ?�붽�?*/ .organization ul li .grade6 { } .organization ul li .grade6>ul>li { display:inline-block; width:calc((100% / 5) - 4px); vertical-align:top; } .organization ul li .grade6>ul>li>a {display:block; background-color:#28806f; width:182px; height:57px; margin:auto; padding:17px 0 0; text-align:center; color:#FFF; font-size:15px; font-weight:600; position:relative; } .organization ul li .grade7{ background:url(../images/contents/organ_bg2.png) center top no-repeat; padding-top:50px; } .organization ul li .grade7>ul>li{ display:inline-block; width:calc((100% / 2) - 3px); height:95px; vertical-align:top;} .organization ul li .grade7>ul>li>a {height: 100%; display:flex; align-items: center; justify-content: center; background-color:#406c65; text-align:center; box-sizing:border-box; font-size:13px; color:#fff; padding:10px 20px; margin:auto;} .organization ul li .grade7>ul>li>a.last { height:45px; padding-top:5px; } .organization ul li .grade8{ background:url(../images/contents/organ_bg4.png) center top no-repeat; padding-top:50px; } .organization ul li .grade8>ul>li{ display:inline-block; width:calc((100% / 3) - 3px); vertical-align:top;} .organization ul li .grade8>ul>li>a {display:block; background-color:#406c65; text-align:center; box-sizing:border-box; font-size:13px; color:#fff; padding:10px 20px; margin:auto;} .organization ul li .grade8>ul>li>a.last {writing-mode: vertical-lr; text-orientation: upright;} .organization ul li .grade9{ background:url(../images/contents/organ_bg5.png) center top no-repeat; padding-top:50px; } .organization ul li .grade9>ul>li{ display:inline-block; width:224px; vertical-align:top;} .organization ul li .grade9>ul>li>a {display:flex; align-items:center; justify-content: center; background-color:#406c65; height:95px; text-align:center; box-sizing:border-box; font-size:13px; color:#fff; } /* [e]議곗쭅��? Style*/ .prepar { padding:15% 0; text-align:center; border:1px solid #ccc;} .m_gnb_wrap { display:none;} /* ?�낅?��곌뎄 */ .sels { position:relative; height:550px; } .sels .bg { position:absolute; top:45%; left:0; width:492px; height:266px; background:url(../images/contents/s3_0_1.png) 0 0 no-repeat; background-size:100%; } .sels .title {position:absolute; left:0; top:60px; width:520px;} .sels .title p { font-size:40px; color:#111; font-weight:600; letter-spacing:-0.05em; margin-bottom:15px;} .sels .title span { font-size:18px; line-height:30px;} .sels ul.link { position:absolute; right:0; top:40px; width:554px; } .sels ul.link li { display:inline-block; } .sels ul.link li a { display:block; width:270px; height:105px; padding:125px 0 0 0; border-radius:8px; color:#fff; font-weight:600; text-align:center; font-size:18px;} .sels ul.link li a.link1 { background:#009a46 url(../images/contents/s3_0_2.png) center 50px no-repeat; margin-bottom:13px; margin-right:10px;} .sels ul.link li a.link2 { background:#4695ce url(../images/contents/s3_0_3.png) center 50px no-repeat; margin-bottom:13px;} .sels ul.link li a.link3 { background:#4369b7 url(../images/contents/s3_0_4.png) center 50px no-repeat; margin-right:10px;} .sels ul.link li a.link4 { background:#666360 url(../images/contents/s3_0_5.png) center 50px no-repeat; } .sels ul.link li a span { font-size:14px; display:block;font-weight:300; margin-top:5px; line-height:20px;} /* �고?? */ .history { padding-top:90px; background:url(../images/contents/s6-4-bg.jpg) 0 0 no-repeat;} .history .year-row { height:170px; margin-bottom:35px;} .history .year-row .year { margin-left:120px; margin-bottom:50px; font-size:20px; color:#111; font-weight:600; font-style:italic; height:25px;} .history .year-row .line-txy {} .history .year-row .line-txy dl { float:left; width:177px; } .history .year-row .line-txy dl dt { font-weight:600; color:#111; margin-bottom:5px;} .history .year-row .line-txy dl:first-child { margin-left:145px; } /* �띾?�愿�? */ .infobox { border:1px solid #ccc; background:#fafafa; padding:30px 0 30px 30px; overflow:hidden; } .infobox .brochure { width:260px; float:left; margin-right:30px; text-align:center; margin-bottom:20px;} .infobox .thumb { padding:10px; width:236px; background:#ddd; margin:0 auto 10px; } .infobox .index { text-align:center; } .infobox .index .num { margin-bottom:10px; font-size:14px; color:#111; font-weight:600;} .infobox .index .btn { } .infobox .index .btn a {display:inline-block; border-radius:3px; line-height:25px; text-align:center; min-width:60px; height:25px; padding:0 10px; color:#fff; font-weight:600;} .infobox .index .btn a.view { background:#444;} .infobox .index .btn a.down { padding-left:25px; background:#4369b7 url(../images/common/ico_down.png) 10px 50% no-repeat; background-size:13px 15px; } /*�ъ씠踰꾪븰��?, ?�먯?��?�뒿吏��먯꽱��?*/ .linkBx { margin-bottom:30px; } .linkBx dl { border:5px solid #ebebeb; padding:25px 20px 25px 250px; min-height:150px; } .linkBx dl dt { margin:5px 0 15px; } .linkBx dl dd { margin-bottom:15px; line-height:1.4em; } .linkBx dl dd a { display:inline-block; padding:10px 38px 10px 18px; color:#fff; font-weight:bold; background:#6f8ac0 url(../images/contents/s3-5-bullet.gif) 95% 50% no-repeat; border-radius:3px; text-align:left; } .linkBx dl.danopy { background:url(../images/contents/s3-5-bg.jpg) 30px 50% no-repeat; } .linkBx dl.goedu { background:url(../images/contents/s3-6-bg.jpg) 30px 50% no-repeat; } .mVer-1024 { display:none;} .pVer-1024 { display:block;} /* �꾩껜硫붾돱-�ъ씠�몃?? */ .sitemap { width:1150px; height:375px; background:#fff; position:absolute; top:100px; left:50%; margin-left:-600px; border:1px solid #aaa; z-index:99999; overflow:hidden; padding:20px 25px; } .sitemap dl { display:inline-block;vertical-align:top; width:225px; } .sitemap dt { background:#4e7ec6; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; margin-bottom:10px; } .sitemap dd { line-height:25px; padding-left:8px; background:url(../images/main/bull_3x3.gif) 0 10px no-repeat; } .sitemap dd a {color:#111; } .sitemap dd a:hover { font-weight:600;} .sitemap dd ul { margin-bottom:10px;} .sitemap dd ul li {padding-left:8px; margin-bottom:5px; background:url(../images/contents/con_bull2.gif) 0 10px no-repeat; line-height:20px; font-weight:300;} .sitemap dd ul li a { font-size:13px; } .sitemap .close { text-align:right; } /* 濡쒕�? */ .wrap-loading div { position: fixed; top:45%; left:50%; margin-left:-64px; z-index:120; } .display-none{ display:none; } #mask { position:absolute; left:0; top:0; z-index:100; background-color:#000; display:none; } @media only screen and (max-width:1470px){ .organization ul li .grade6>ul>li { display:inline-block; vertical-align:top; } .organization ul li .grade6>ul>li>a {display:block; background-color:#28806f; width:180px; height:32px; margin:auto; padding:17px 0 0; text-align:center; color:#FFF; font-size:15px; font-weight:600; position:relative; } .organization ul li .grade7>ul>li{} .organization ul li .grade9>ul>li{width:180px;} .organization ul li .grade8>ul>li>a.last {} .infobox .brochure { width:46.466%; margin-right:3.5%; } .greet .slogun { height:303px; width:100%; background:url(../images/contents/s6-1.jpg) right 0 no-repeat; background-size: cover;} .greet .slogun p { padding-left:5%; } #paper .eduBx { margin:0 2% 15px 0; width:49%; } #paper .eduBx p.tit { padding:0 0 20px 0; width:50%; } #paper .eduBx ul { width:50%; } } /*19-02-13 ?�붽�?(�곌?���? �꾨줈��? �앹�? ?����)*/ #new_pop {max-width:600px; margin:0 auto;} #new_pop h3 {font-size:24px; color:#fff; font-weight:600; display:block; margin-bottom:10px; padding:20px; text-align:center; background: #4369b7; margin-top: 10px; border-radius:15px;} #new_pop h4 { font-size:21px; color:#111; font-weight:600; display:block; margin-bottom:20px; padding-left:23px; position:relative; background:url(../images/common/h4_bg.png) 0 3px no-repeat; vertical-align:top; } #new_pop .nTable {margin-bottom:30px;} #new_pop .nTable .txt {padding:13px 15px;} #new_pop .nTable .scrollTable {display:block; height:210px; overflow:auto;} @media(max-width:768px){ #new_pop .nTable .scrollTable{height:auto;} } @media(max-width:600px){ #new_pop{padding:0 10px;} } /*23-10-05 ?�붽�?(媛쒖?��뺣낫泥섎?�諛?�묠 ?����)*/ .down_btn{display:inline-block; background:#001d58; color:#fff !important; padding:10px 20px; border-radius:30px; margin-bottom:10px;} .img_privacy{display:inline-block; margin-bottom:10px;} /*23-11-15 ?�붽�?(湲곗?��?�젰)*/ .flow_table{display: flex; align-items: center; margin-bottom:30px;} .flow_table table {table-layout: unset; min-width: unset;} .flow_table p{padding:0 10px;} .nTable_border{margin-bottom:10px;} .nTable_border>table td:first-child{border-left:1px solid #ccc;} /*24-02-19 경기교육?�이?? ?�사?�트*/ #paper .eduBx2 { position:relative; border:1px solid #ccc; padding:20px 20px 20px 20px; margin:0 15px 15px 0; width:calc(50% - 8px); box-sizing:border-box; float:left; } #paper .eduBx2:nth-child(2n) { margin-right:0 !important;} #paper .eduBx2 .thumb { float:left; width:180px; height:251px; overflow: hidden; border:1px solid #ccc; box-sizing:border-box; margin-right:30px;} /*25.02.24. ?�접근성*/ /*.thumb,.thumBx,.cover{ background: url(/resources/client/images/common/no-img.jpg) no-repeat !important; background-size: cover !important; background-position: center !important;} .thumb>img,.thumBx>img,.cover>img{visibility: hidden;}*/ /*//25.02.24. ?�접근성*/ #paper .eduBx2 .tit { float:left; padding:0 0 15px 0; line-height:21px; overflow:hidden; width:300px; } #paper .eduBx2 .tit a { color:#111 !important; font-weight:600; font-size:15px;} #paper .eduBx2 .tit span { color:#1381d7; font-size:14px;} #paper .eduBx2 ul { float:left; overflow:hidden; margin-bottom:20px; width:273px; } #paper .eduBx2 ul li { margin-bottom:5px; padding-left:8px; background:url(../images/common/bull_gray.gif) 0 5px no-repeat; } #paper .eduBx2 .btn { position:absolute; bottom:25px; left:230px; } #paper .eduBx2 .btn a { display:inline-block; border-radius:3px; height:26px; line-height:25px; font-size:13px; font-weight:600; padding-left:32px; width:60px; background:#3d5c79 url(../images/board/ico_download2.gif) 8px 50% no-repeat; color:#fff; border:1px solid #3d5c79 !important;} #paper .eduBx2 .btn .btn_webzin { background:#55a2ea 8px 50% no-repeat; color:#fff; border:1px solid #55a2ea !important; padding-left: 13px !important;} #paper .eduBx2 .tit p.tit_num { display:block !important; margin-bottom:5px; width:160px; height:20px; line-height:19px; background:#127ACA !important; border:1px solid #1276c5 !important; border-radius:3px !important; color:#fff !important; font-weight:600 !important; text-align:center; font-size:14px; } #paper.edu_date{display: flex; flex-wrap: wrap;} #paper.edu_date .eduBx2{display: flex; padding:15px 20px;} #paper.edu_date .eduBx2 .thumb{float:none;} #paper.edu_date .eduBx2 .date_info{width:calc(100% - 210px);} #paper.edu_date .eduBx2 ul{width:100%; margin-bottom:15px;} #paper.edu_date .eduBx2 ul:last-child{margin-bottom: 0;} #paper.edu_date .eduBx2 .tit{width:100%;} #paper.edu_date .eduBx2 .tit p.tit_num{width:220px; margin-bottom:0;} #paper.edu_date .eduBx2 .tit{float:none; line-height:1em;} #paper.edu_date .eduBx2 ul li{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #paper .eduBx2 .btn a { display:inline-block; border-radius:3px; height:26px; line-height:25px; font-size:13px; font-weight:600; padding-left:32px; width:60px; background:#3d5c79 url(../images/board/ico_download2.gif) 8px 50% no-repeat; color:#fff; border:1px solid #3d5c79 !important;} #paper.edu_date .eduBx2 .btn_wrap ul li{background: none; padding-left:0;} #paper.edu_date .eduBx2 .btn_wrap ul li dl{display: flex; align-items: center;} #paper.edu_date .eduBx2 .btn_wrap ul li dt{display: flex; align-items: center; justify-content: center; min-width: 30px; height:30px; background-color: #4E7B32; font-weight: 600; border-radius: 50%; color:#fff; margin-right:10px; font-size:13px;} #paper.edu_date .eduBx2 .btn{position: static;} #paper.edu_date .eduBx2 .btn_wrap ul li dd{display: flex; align-items: center;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn{display: flex; align-items: center; justify-content: center; width:77px; height:24px; font-weight: 600; color:#fff; border-radius: 5px; margin-right:10px;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn:last-child{margin-right:0;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn.see_btn{background-color: #444;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn.download_btn{background-color: #3D5C79;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn.video_btn{background-color: #C05711;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn.inact{background-color: #bfbfbf; color:#4D4D4D;} @media only screen and (max-width:1200px){ #paper.edu_date .eduBx2{flex-direction: column; align-items: center;} #paper.edu_date .eduBx2 .thumb{margin-right:0; margin-bottom:10px;} #paper.edu_date .eduBx2 .date_info{width:100%;} .history_new .century { width:20%; } .history_new > ul { width:75%; } .history_new ul li ul li p { width:88%; } } @media only screen and (max-width:1024px){ #paper.edu_date .eduBx2 {margin: 0 0 2% 0; width: 100%;} #paper.edu_date .eduBx2{flex-direction: row;} #paper.edu_date .eduBx2 .thumb{margin-right:30px; margin-bottom:0;} #paper.edu_date .eduBx2 .date_info{width:calc(100% - 210px);} /*조직?? 모바?�로*/ } @media only screen and (max-width:750px){ .history_new .century { display:none; } .history_new > ul { float:left; width:100%; } .history_new > ul:before { left:11.8%; } .history_new ul li span.year { font-size:20px; } .history_new ul li ul li span.date { font-size:16px; margin-right:10px; } .history_new ul li ul li p { font-size:14px; width: 87%; } #paper.edu_date .eduBx2{padding:15px;} } @media only screen and (max-width:640px){ .hide_txt {display: block;} #paper.edu_date .eduBx2{flex-direction: column; align-items: center;} #paper.edu_date .eduBx2 .thumb{margin-right:0; margin-bottom:10px;} #paper.edu_date .eduBx2 .date_info{width:100%;} .history_new > ul:before { left:61px; } .history_new ul li { padding-bottom:30px; } .history_new ul li span.year { width:65px; font-size:20px; } .history_new ul li span.year:before { right:0; top:8px;} .history_new ul li ul li span.date { float:left; margin-right:20px; font-size:15px;} .history_new ul li ul li p { width:80%; font-size:14px; } } @media only screen and (max-width:360px){ #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn{margin-right:5px;} #paper.edu_date .eduBx2{padding:15px 5px;} #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn{font-size:12px; width:70px;} } /*240507_?�사�?*/ .greet {display: flex;} .greet .grt-txt {font-size:16px; line-height: 2.3em; word-break: keep-all;} .greet .grt-img {min-width:600px; padding-left:10px;} .greet .grt-img img { width:100%;} @media only screen and (max-width:1200px){ .greet .grt-img { min-width:40%; } } @media only screen and (max-width:1024px){ .greet .grt-img { min-width:35%; } } @media only screen and (max-width:750px){ .greet .grt-img { display:none; } } .border_box{border:2px solid #004e96; padding:20px; text-align: center;} .border_box .ico{margin-bottom:10px;} .border_box .ico img{height:100px;} .border_box .txt1{display: inline-block; padding:7px 12px; font-size: 15px; color: #fff; background-color: #004e96; font-weight: 600; margin-bottom: 10px;} .border_box .txt2{line-height: 28px; word-break: keep-all;} .link_list ul{display: flex; flex-wrap: wrap;} .link_list ul li{margin-right:10px; margin-bottom:10px;} /*240514_?�무?�용*/ .business_item{display: flex; align-items: center; margin-bottom:20px;} .business_item:last-child{margin-bottom: 0;} .business_item div.no{margin-right:20px;} .business_item dl{width:calc(100% - 73px); height:138px; display: flex; align-items: center;} .business_item dl dt, .business_item dl dd{box-sizing: border-box;} .business_item dl dt{position: relative; display: flex; align-items: center; justify-content: center; text-align: center; min-width:265px; height: 100%; font-size:20px; font-weight: 600; color:#fff; letter-spacing: -1.5px; border-radius: 20px 0 0 20px; line-height: 30px; padding:10px;} .business_item dl dt.one{background-color: #0875B5;} .business_item dl dt.two{background-color: #0B75C1;} .business_item dl dt.three{background-color: #007be2;} .business_item dl dt.four{background-color: #004e96;} .business_item dl dt:after{position: absolute; right:-20px; content:''; display: inline-block; width:20px; height: 24px;} .business_item dl dt.one:after{background: url('/resources/client/images/contents/ico_triangle01.png') no-repeat;} .business_item dl dt.two:after{background: url('/resources/client/images/contents/ico_triangle02.png') no-repeat;} .business_item dl dt.three:after{background: url('/resources/client/images/contents/ico_triangle03.png') no-repeat;} .business_item dl dt.four:after{background: url('/resources/client/images/contents/ico_triangle04.png') no-repeat;} .business_item dl dd{display: flex; align-items: center; width:calc(100% - 265px); height:100%; background-color: #f6f8f9;padding:10px 10px 10px 50px;} .business_item ul{list-style: none; font-size:18px; color:#3a3d44;} .business_item ul li{background: url('/resources/client/images/contents/ico_busi_bullet.png') no-repeat 0 7.5px; margin-bottom:10px; padding-left:20px;} .business_item ul li:last-child{margin-bottom:0;} @media only screen and (max-width:1024px){ .business_item{margin-bottom:30px;} .business_item:last-child{margin-bottom: 0;} .business_item{display: block;} .business_item div.no{margin-right:0; margin-bottom:20px; text-align: center;} .business_item dl{display: block; width:100%; height:auto;} .business_item dl dt{border-radius: 20px 20px 0 0;} .business_item dl dt, .business_item dl dd{justify-content: center; width:100%; height:auto; padding:10px;} } /*24.11.11. tab_menu*/ .tab_menu{margin-bottom:20px;} .tab_menu ul{width:100%; display: flex; justify-content: space-between;} .tab_menu ul li{width:calc((100% / 3) - 1px); margin-right:1px;} .tab_menu ul li:last-child{margin-right:0;} .tab_menu ul li a{display: block; box-sizing: border-box; text-align: center; padding:10px; background: #fff; color:#127ACA; border:1px solid #127ACA;} .tab_menu ul li a:hover, .tab_menu ul li.on a{background: #127ACA; color:#fff; font-weight: bold;} /*24.12.31. */ .human_wrap{position: relative; background:url('/resources/client/images/contents/bk.png') no-repeat; padding-top:124%; background-size: cover;} .human_wrap2{padding-top:90%;} .human_wrap .h_inner{position: absolute; top:33px; left:50%; transform: translatex(-50%); width:100%; padding:0 114px; box-sizing: border-box;} /*24.12.16 ?�데?�트*/ .tab_menu{display:flex; justify-content:center;} .tab_menu button{text-align: center; background: #127ACA; color:#fff; padding:10px; border:1px solid #127ACA; cursor:pointer; width:calc((100% / 6) - 1px); margin-right:1px; word-break:keep-all;} .tab_menu button.on, .tab_menu button:hover{background: #fff; color:#127ACA; font-weight: bold;} .human_wrap .head{text-align: center; padding-bottom:40px; border-bottom: 1px solid #ddd; margin-bottom:25px;} .human_wrap .head .logo{margin-bottom:20px;} .human_wrap .head .tit{font-size:40px; font-weight: 900; letter-spacing: -2px; margin-bottom:25px;} .human_wrap .head .desc{color:#666666; font-weight: bold; line-height: 1.875em; letter-spacing: -1px;} .human_wrap .body .list_style{font-size:20px; font-weight: bold; letter-spacing: -1px; line-height: 1.5em; margin-bottom:60px;} .human_wrap .body .list_style li{margin-bottom:18px;} .human_wrap .body .list_style li:last-child{margin-bottom:0;} .human_wrap .body .list_style li[data-num]{position: relative; padding-left: 47px;} .human_wrap .body .list_style li[data-num]:before{content: attr(data-num); display: block; position: absolute; left: 8px; color:#4369b7;} .human_wrap .tail{text-align: center; font-size:24px; font-weight: 900;} .human_wrap .tail span{letter-spacing: 10px;} @media(max-width:1200px){ .human_wrap{background: none; border:32px solid #f6f7f8; padding:0;} .human_wrap .h_inner{position: static; background-color: #fff; height:100%; top:0; border:1px solid #dddedf; padding:95px 114px; transform: translatex(0);} } @media(max-width:992px){ .human_wrap .h_inner{padding:60px 50px;} } @media(max-width:768px){ .human_wrap .h_inner{padding:30px;} .tab_menu ul li a {font-size: 14px;} } /*25.02.05. �����ټ�*/ .root_daum_roughmap .wrap_btn_zoom button:focus, .btn_primitive_file:focus, #paper .eduBx .btn a:focus, .apply_wrap input:focus, .m_menu_bar:focus, #graphic-wp ul li a:focus{outline: 2px solid red; outline-offset: 1px;} .root_daum_roughmap .wrap_btn_zoom {overflow: visible !important;} .root_daum_roughmap, .root_daum_roughmap button, .root_daum_roughmap input, .root_daum_roughmap select, .root_daum_roughmap td, .root_daum_roughmap textarea, .root_daum_roughmap th{ font-family:'pretendard' !important; } .sel-bx>.right, .tit-wrap span{right:3px;} .btn-ty2:focus, .tit-wrap span a.btn-pdf:focus, #paper .paperBx .btn1 .btn_down:focus, .tabTy li a:focus, #paper.edu_date .eduBx2 .btn_wrap ul li dd a.btn:focus, a.down:focus, .sns-txt p a:focus, .btn-ty1:focus{outline: 2px solid red;} #tabArea>.tabList{padding: 0 3px 3px; box-sizing: border-box;} .paging_all>.paging{padding: 0 0 3px;} #paper .paperBx p.tit, #paper .paperBx ul{padding-left:3px;} .tab_menu ul, .sns-img{padding:0 3px;} #graphic-wp ul li a{display: block;} .faq_list{display: flex;} .faq_list .no{width:10%; text-align: center;} /* .faq_list .tt{ width: 88%; text-align: left; padding-left: 2%; font-weight: 700;} */ .tabSub .faq_a, .tabSub .faq_a span{ font-size:16px } /*25.03.06. R&D*/ .mgt_10{margin-top:10px !important;} .mgt_20{margin-top:20px !important;} .mgt_30{margin-top:30px !important;} .mgt_40{margin-top:40px !important;} .mgt_50{margin-top:50px !important;} .mgt_60{margin-top:60px !important;} .mgb_10{margin-bottom:10px !important;} .mgb_20{margin-bottom:20px !important;} .mgb_30{margin-bottom:30px !important;} .mgb_40{margin-bottom:40px !important;} .mgb_50{margin-bottom:50px !important;} .mgb_60{margin-bottom:60px !important;} .txt{font-size:16px; color:#333; line-height: 1.875em; letter-spacing: -1px;} .item_img_wrap{display: flex; justify-content: space-between;} .item_img_wrap .item{display: flex; align-items: center; width:calc((100% - 60px) / 3); height:130px; border-radius: 30px; overflow: hidden; box-sizing: border-box;} .item_img_wrap .item:before{width:45%; content:'민-관-학 협력을 통한 디지털 기반 공교육 혁신'; font-size:19px; font-weight: bold; color: #333; padding-left:36px; line-height: 1.5em; letter-spacing: -1px; word-break: keep-all;} .item_img_wrap .item.item01{background: url('../images/btn_img01.png') #f4eff5 no-repeat calc(100% - 14px) bottom;} .item_img_wrap .item.item02{background: url('../images/btn_img02.png') #d7eef1 no-repeat calc(100% - 17px) bottom;} .item_img_wrap .item.item02:before{content: '에듀테크 활용 교육의 효과성 분석';} .item_img_wrap .item.item03{background: url('../images/btn_img03.png') #e4f6be no-repeat calc(100% - 20px) bottom;} .item_img_wrap .item.item03:before{content: '다양한 체험 프로그램 운영';} .item_img_wrap .item.item01:hover{background: url('../images/btn_img01_on.jpg') #000 no-repeat right 0; border:2px solid #000; background-size: cover;} .item_img_wrap .item:hover:before{color:#fff;} .item_img_wrap .item.item01:hover:before{content:'에듀테크 프로그램 실증 및 현장 적용';} .item_img_wrap .item.item02:hover{background: url('../images/btn_img02_on.png') #c9bb9e no-repeat right 0; border:2px solid #9d9177;} .item_img_wrap .item.item02:hover:before{content: '데이터 기반의 현장 연구 수행 및 우수 사례 확산';} .item_img_wrap .item.item03:hover{background: url('../images/btn_img03_on.png') #e5e5e7 no-repeat calc(100% - 5px) bottom; border:2px solid #a4a4a4;} .item_img_wrap .item.item03:hover:before{content: '공유학교 거점활동공간 및 체험 프로그램, 찾아가는 학교 컨설팅 운영'; color:#333; font-size: 15px;} @media screen and (max-width: 768px) { .nTable.mobile-table-list { overflow: unset !important; } .nTable.mobile-table-list table { width: 100% !important; display: block; } .mobile-table-list thead { display: none; } .mobile-table-list.nTable>table {border-top: 0;} .mobile-table-list.nTable>table th, .mobile-table-list.nTable>table td {border-left: 0;} .mobile-table-list tbody, .mobile-table-list tr, .mobile-table-list td { display: block; width: 100%; } .mobile-table-list tr { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px; background-color: #fff; } .mobile-table-list tr { padding: 0 10px; box-sizing: border-box; } .mobile-table-list td { display: block; text-align: left; position: relative; padding-left: 100px; border: none; border-bottom: 1px solid #eee; } .mobile-table-list td:last-child { border-bottom: none; } .mobile-table-list td::before { content: attr(data-label); position: absolute; left: 10px; top: 10px; font-weight: bold; color: #333; white-space: nowrap; } } @media(max-width:768px){ .sc_info .sc_banner {flex-direction: column;]} .item_img_wrap{display: block;} .item_img_wrap .item{width:100%; margin-bottom:10px;} .item_img_wrap .item:last-child{margin-bottom:0;} } /*������Ȳ*/ .border_img{display: flex; align-items: center; justify-content: center; padding:40px; border:1px solid #e2e2e2;} .tab_menu.m2 ul li{width:calc(50% - 1px);} .tab_menu.m2 ul li a {display: flex; justify-content: center; align-items: center;} .sc_info {flex-direction: column;} .sc_info .sc_banner{display: flex; background: #f4f5f9; padding:20px; margin-bottom:35px;} .sc_info .sc_banner .img{min-width:308px;} .sc_info .sc_banner .text{padding-left:37px; padding-top:20px;} .sc_info .sc_banner .text .tit{font-size:22px; font-weight: bold; margin-bottom:14px;} .sc_info .sc_banner .text .desc{color:#666; margin-bottom:15px; font-size:16px;} .sc_info .sc_banner .text .info{font-size:15px;} @media(max-width:768px){ .sc_info .sc_banner .img{text-align: center;} .sc_info .sc_banner{display: block;} .sc_info .sc_banner .text{padding-left:0;} } .list_style li{background: url('../images/bullet_01.png') no-repeat 0 10.75px !important; line-height: 1.7em; padding-left:10px; box-sizing: border-box;} /*������Ȳ*/ .loca_list{} .loca_list .loca_style{display: flex; flex-wrap: wrap;} .loca_list .loca_style li{width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:35px; border:1px solid #e0e0e0; box-sizing: border-box;} .loca_list .loca_style li .list_item {display: flex; flex-direction: column; overflow: hidden;} .loca_list .loca_style li .list_item .swiper {width: 100% !important;} .loca_list .loca_style li .list_item .swiper .swiper-pagination-bullet, .loca_list .loca_style li .list_item .swiper .swiper-pagination-bullet-active {background: #fff !important;} .loca_list .loca_style li .list_style li{width:100%; margin-right:0; margin-bottom:0; border:0;} .loca_list .loca_style li:nth-child(4n){margin-right:0;} .loca_list .loca_style li .img{height:190px; background: #c9c9c9;} .loca_list .loca_style li .img img {width: 100%; height: 100%;} .loca_list .loca_style li .text{display: flex; flex-direction: column; justify-content: space-between; padding:25px 23px; min-height: 230px;} .loca_list .loca_style li .text .tit{font-size:20px; font-weight: bold; margin-bottom:10px;} .loca_list .loca_style li .text .info{margin-bottom:20px;} .loca_list .loca_style li .text .apply_bnt_wrap{padding:0 8px;} .loca_list .loca_style li .text .apply_bnt_wrap a{display: flex; justify-content: center; text-align: center; background: #3d5c79; padding:10px; font-size:15px; color:#fff; font-weight: bold; border-radius: 5px;} @media(max-width:768px){ .loca_list .loca_style li{width:calc((100% - 20px) / 2);} .loca_list .loca_style li:nth-child(2n){margin-right:0;} } @media(max-width:768px){ #location ul {padding: 5px 0;} #location ul li {padding: 5px 2%;} } a.sc_btn{display: inline-block; background:#3d5c79; padding:7px 15px; color:#fff; border-radius: 5px; line-height: 1em; margin-left:7px;} .nTable input{border:0; background: none; cursor: pointer;} .ing_red{color:#f14040;} .cal .cal_red{color:#f14040;} .cal .cal_blue{color:#335cde;} .cal>table td{height:80px; text-align: left; vertical-align: top; padding:12px 14px;} .cal_con{display: flex; justify-content: center;} .cal_con .complete{display: flex; flex-wrap: wrap; align-items: center; background: #55a2ea; color:#fff; padding:8px; line-height: 1em; border-radius: 5px;} .cal_con .complete img{margin-right:8px;} @media(max-width:430px){ .tab_menu ul li a { height: 54px; } } @media only screen and (max-width:640px){ .allBtn { padding-top:15px;} #location { margin-top:70px;} #location .home { border-left:0; width: 40px;} #container h4 { font-size:18px; background:url(../images/common/h4_bg.png) 0 9px no-repeat; vertical-align:top; margin-bottom:10px; } #total-msch .bx .tit { width:20%; height:60px; padding: 20px 0 0 3%; background:none; color:#111; } #total-msch .bx .tit span { display:block;} #total-msch .bx .bx-r { padding:20px 2%; width:71%; float:right; } #total-msch .bx .bx-r input[type="text"] { width:73%;} #notice { height:192px; } #notice h3 a { height:40px; line-height:38px;} #notice .list li { line-height:25px; } #notice .list li a { width:62%; } #notice .list { top:37px; padding:15px; height:155px; } .quick ul li { width:49.55%; } .list li img { fwidth:100%; } .tit-wrap { margin-bottom:10px; } .tit-wrap h5 { position:inherit; margin-bottom:10px;} .tit-wrap span { position:inherit; } .tit-wrap.h15 { height:auto;} #paper .paperBx .thumBx { display: none;} #paper .paperBx ul li { margin-bottom:3%; } #paper .paperView .cover { float:none; margin:0 auto 20px; width:152px; height:189px; padding:1px 0 0 1px; background:url(../images/board/cover_bg.png) 0 0 no-repeat; } #paper .paperView .info { float:none; margin:0 auto; width:100%; } #paper .paperView .info ul li { width:100%; } #paper .paperView .info ul li p { width:77%;} #paper .paperView .info ul li span {} #paper .paperView .info .btn { text-align:center; } #paper .data>.paperBx { margin-bottom:0 !important; border:0 !important; border-top:1px solid #ccc !important; padding:3% 2% !important; } #paper .data>.paperBx p.tit { padding:0 0 10px 0; margin-bottom:10px; font-size:15px; line-height:23px; } #paper .paperBx .event>ul>li { float:none; margin: 0 0 8px 0; padding-right:0; background:none; } #paper .paperBx .event>ul>li>span { padding-right:5px; font-weight:600; } #paper .paperBx .event>ul>li:last-child{ background:none; padding-right:0%;} #paper .paperBx .event>.btn>a { padding:0 0 0 0; margin-bottom:3px; width:65px; text-align:center; background:none; font-size:13px; letter-spacing:-0.075em; } .paging_all>.paging>.num{margin:0 2%;} .paging_all>.paging>.num>strong, .paging_all>.paging>.num>a { width:22px; height:22px; line-height:20px; border:none; margin:0;} .paging_all>.paging>.p-btn { width:auto; height:22px; padding:5px 0 0 0; margin:0 2px; border:none;} .tabTy1 li a { font-size:13px; letter-spacing:-0.075em;} .tabTy li { height:40px; } .tabTy li a { line-height:40px; max-width:100%; } .tabTy li.active { background:none; } .tabBx { margin-top:-1px; margin-bottom:20px; padding-top:20px; } .tabBx span { margin: 0 5px 10px 0; } #graphic-wp {overflow:hidden; border:none; padding:0; background:#fff; } #graphic-wp ul li {width:47.5%; margin: 0 5% 5% 0; } #graphic-wp ul li:nth-child(4n) { margin-right:5%; } #graphic-wp ul li:nth-child(3n) { margin-right:5%; } #graphic-wp ul li:nth-child(2n) { margin-right:0; } #board_view .bdview_wp .view_title { line-height:23px; padding:10px;} #board_view .bdview_wp .view_date{ line-height:23px; padding:10px;} .suggest {padding:25px 0 !important;} .suggest .left { width:100%; background-size:110px 101px; border-right:0; background-position:50% 0; height:101px; float:none; margin-bottom:10px;} .suggest .left1 { width:100%; background-size:110px 101px; border-right:0; background-position:50% 0; height:101px; float:none; margin-bottom:10px;} .suggest .right { width:90%; float:none; text-align:center; padding:0 5%; box-sizing: border-box;} .suggest .right span a{ margin:0 auto;} .pVer_640{display:none;} .mVer_640{display:block;} .tit-right { position:inherit; right:0; top:0; display:block; padding-top:5px;} .rel-data>table td { line-height:23px;} .rel-data>table td a.file { padding-top:2px; } .nTable.scroll{width:100%;overflow-x:auto;} .nTable.scroll table{width:100%;min-width:620px !important;} .ev-opp { text-align:center;} .auto_num { margin-right:0px; margin-bottom:10px; } /* [s] ���հ˻��ڽ� */ .total-srch input[type="text"] { width:55%; height:45px; vertical-align:top; border:3px solid #4369b7; box-sizing: border-box; } .total-srch button { height:45px; width:55px; line-height:44px; background:#4369b7; border:none !important; color:#fff; font-weight:600; cursor:pointer; font-size:15px; } /* [e] ���հ˻��ڽ� */ .depth3Menu{margin-bottom:15px;} .depth3Menu .tit{display:block;} .depth3Menu .depth3sub{border:none; position: absolute; left:0; top:45px; display:none;} .depth3Menu .depth3sub>li{display:block;} .depth3Menu .depth3sub>li>a{padding:0 12px; border:none; border-bottom:1px solid #ccc; font-weight: 600; font-size:15px; line-height:45px; color: #333; text-align: left; display:block; box-sizing:border-box; white-space: nowrap; background-color: #f5f5f5;} .depth3Menu .depth3sub>li>a.active, .depth3Menu .depth3sub>li>a:hover{ background-color: #1d4261; color: #fff;} .depthMenuArea:after{display:block;visibility:hidden;clear:both;height:0;content:' '} .depthMenuArea.w2>div{width:49%; float:right;} .depthMenuArea.w2>div:first-child{float:left;} .search-tab li { float:left;padding:0 10px 0 0; margin: 0 10px 5px 0; background:url(../images/common/bg_bar.gif) right 2px no-repeat; } .search-list ul li .tit a { line-height:23px;} .search-list ul li .tit p.date { display:block; margin-top:10px; } .organization { margin-bottom:10px;} .organization ul.overall {background:url('../../images/about/organ_bg0_mobile.png') no-repeat center 130px;} .organization ul li .grade1{margin-bottom:10px;} .organization ul li .grade2{margin-bottom:10px;} .organization ul li .grade2 a {width:100%;} .organization ul li .grade6>ul>li>a { width:100%; } .organization ul li .grade7>ul>li { width:100% !important; } .organization ul li .grade7>ul>li>a, .organization ul li .grade8>ul>li>a, .organization ul li .grade9>ul>li>a{width:100%;} .sels ul.link { width:100% !important; position:relative; top:0;} .sels ul.link li { width:100%; } .sels ul.link li a { width:100%; height:95px; padding:105px 0 0 0; } .sels ul.link li a.link1 { margin-bottom:5px; margin-right:0;} .sels ul.link li a.link2 { margin-bottom:5px;} .sels ul.link li a.link3 { margin-right:0;margin-bottom:5px;} .sels ul.link li a.link4 { } .history .year-row .year { float:none; width:100px; font-size:30px; } .history .year-row .line-txy { float:none; width:auto; margin-left:10px; margin-bottom:0; padding:0;} .history .year-row .line-txy dl { float:none; } .history .year-row .line-txy dl dt { float:none; } .history .year-row .zero { line-height:0 !important; font-size:0 !important; display:none !important;} .history .year-row .line-txy dl dt { margin-bottom:5px; float:left; padding-left:10px; width:100px; background:url(../images/contents/con_bull1.gif) 0 5px no-repeat; } .history .year-row .line-txy dl dd { float:none; width:auto; margin-left:50px;} .emailRefuse { padding:20px 20px 10px 20px; border:1px solid #ccc; } .emailRefuse dl { padding-left:0; background:none;} .council .board { width:100%; } .council .board:nth-child(3n) { margin-right:0;} .council .board:nth-child(4n) { margin-right:0;} .wrap-loading div { margin-left:-32px;} .wrap-loading div img { width:64px; height:64px; } .linkBx { margin-bottom:30px; } .linkBx dl { position:relative; border:5px solid #ebebeb; padding:170px 20px 25px 20px; min-height:90px; } .linkBx dl dt { position:absolute; left:180px; top:60px; margin-bottom:0; } .linkBx dl dd { margin-bottom:10px; } .linkBx dl dd a { display:inline-block; padding:10px 38px 10px 18px; color:#fff; font-weight:bold; background:#6f8ac0 url(../images/contents/s3-5-bullet.gif) 95% 50% no-repeat; border-radius:3px; text-align:left; } .linkBx dl.danopy { background:url(../images/contents/s3-5-bg.jpg) 20px 20px no-repeat; background-size:130px; } .linkBx dl.goedu { background:url(../images/contents/s3-6-bg.jpg) 20px 20px no-repeat; background-size:130px; } .pg-control { position:absolute; right:0; top:0; } .greet .slogun { height:100%; background:none;} .greet .slogun p { line-height:35px; padding-left:0; text-shadow:none; } .greet .slogun p span.s-txt { text-shadow:none; color:#888; line-height:23px; } #paper .eduBx .thumb { width:150px; margin:0 auto 10px; float:none; } #paper .eduBx p.tit { width:100%; padding-bottom:10px; float:none; } #paper .eduBx ul { width:100%; margin-bottom:10px; float:none;} #paper .eduBx ul li { margin-bottom:8px; margin-right:15px; float:left; } #paper .eduBx .btn { position:static !important; text-align:center !important;} #paper .eduBx .btn a {text-align:left !important;} .infobox .thumb { width:210px; height:300px; } .infobox .thumb img { height:300px !important;} .pageInfo { padding-top:10px;} } @media only screen and (max-width:460px){ .ev-searBx{ border:none; background:none; padding:0; margin-bottom:15px;} .ev-searBx fieldset { text-align:left; vertical-align:middle;} .ev-searBx select { width:49.3%; margin-bottom:5px;} .ev-searBx input[type="text"] { width:78.5%;} .ev-searBx button{ width:16%;} .bx-full { width:100% !important;} #paper .paperBx ul { margin-bottom:5px;} #paper .paperBx ul li { margin-bottom:3%; float:none; background:none; } #paper .paperView .info ul li p { width:66%;} #cover-wp ul li .over p.tit { padding:25% 20px 10% 20px; } .sns-txt { margin-bottom:20px; padding-top:20px; text-align:center; } .sns-txt p { padding: 0 20px 20px 20px; line-height:30px; background:url(../images/board/issue_bg.png) 0 bottom repeat-x; font-weight:600; color:#111; } .sns-txt p a { margin-left:0;} .infobox .brochure { width:100%; margin-right:0; margin:20px 0; } .history_new ul li span.year { width:60px; display:inline-block; margin-right:10px; font-size:16px; } .history_new ul li ul { width:77%; } .history_new ul li ul li span.date { margin-right:0; font-size:13px; } .history_new ul li ul li p { width:80%; font-size:13px; } } @media only screen and (max-width:640px){ #location { margin-top:70px;} #location .home { boder-left:0; width: 40px; } #container h4 { font-size:18px; background:url(../images/common/h4_bg.png) 0 2px no-repeat; vertical-align:top; margin-bottom:10px; } #total-msch .bx .tit { width:20%; height:60px; padding: 20px 0 0 3%; background:none; color:#111; } #total-msch .bx .tit span { display:block;} #total-msch .bx .bx-r { padding:20px 2%; width:71%; float:right; } #total-msch .bx .bx-r input[type="text"] { width:73%;} #notice { height:192px; } #notice h3 a { height:40px; line-height:38px;} #notice .list li { line-height:25px; } #notice .list li a { width:62%; } #notice .list { top:37px; padding:15px; height:155px; } .quick ul li { width:49.55%; } .list li img { fwidth:100%; } .tit-wrap { margin-bottom:10px; } .tit-wrap h5 { position:inherit; margin-bottom:10px;} .tit-wrap span { position:inherit; } .tit-wrap.h15 { height:auto;} .searchBx label { display:none;} #paper .paperBx .thumBx { display: none;} #paper .paperBx ul li { margin-bottom:3%; } #paper .paperView .cover { float:none; margin:0 auto 20px; width:152px; height:189px; padding:1px 0 0 1px; background:url(../images/board/cover_bg.png) 0 0 no-repeat; } #paper .paperView .info { float:none; margin:0 auto; width:100%; } #paper .paperView .info ul li { width:100%; } #paper .paperView .info ul li p { width:77%;} #paper .paperView .info ul li span {} #paper .paperView .info .btn { text-align:center; } #paper .data>.paperBx { margin-bottom:0 !important; border:0 !important; border-top:1px solid #ccc !important; padding:3% 2% !important; } #paper .data>.paperBx p.tit { padding:0 0 10px 0; margin-bottom:10px; font-size:15px; line-height:23px; } #paper .paperBx .event>ul>li { float:none; margin: 0 0 8px 0; padding-right:0; background:none; } #paper .paperBx .event>ul>li>span { padding-right:5px; font-weight:600; } #paper .paperBx .event>ul>li:last-child{ background:none; padding-right:0%;} #paper .paperBx .event>.btn>a { padding:0 0 0 0; margin-bottom:3px; width:65px; text-align:center; background:none; font-size:13px; letter-spacing:-0.075em; } .paging_all>.paging>.num{margin:0 2%;} .paging_all>.paging>.num>strong, .paging_all>.paging>.num>a { width:22px; height:22px; line-height:20px; border:none; margin:0;} .paging_all>.paging>.p-btn { width:auto; height:22px; padding:5px 0 0 0; margin:0 2px; border:none;} .tabTy1 li a { font-size:13px; letter-spacing:-0.075em;} .tabTy li { height:40px; } .tabTy li a { line-height:40px; max-width:100%; } .tabTy li.active { background:none; } .tabBx { margin-top:-1px; margin-bottom:20px; padding-top:20px; } .tabBx span { margin: 0 5px 10px 0; } #graphic-wp {overflow:hidden; border:none; padding:0; background:#fff; } #graphic-wp ul li {width:47.5%; margin: 0 5% 5% 0; } #graphic-wp ul li:nth-child(4n) { margin-right:5%; } #graphic-wp ul li:nth-child(3n) { margin-right:5%; } #graphic-wp ul li:nth-child(2n) { margin-right:0; } #board_view .bdview_wp .view_title { line-height:23px; padding:10px;} #board_view .bdview_wp .view_date{ line-height:23px; padding:10px;} .suggest {padding:25px 0 !important;} .suggest .left { width:100%; background-size:110px 101px; border-right:0; background-position:50% 0; height:101px; float:none; margin-bottom:10px;} .suggest .left1 { width:100%; background-size:110px 101px; border-right:0; background-position:50% 0; height:101px; float:none; margin-bottom:10px;} .suggest .right { width:90%; float:none; text-align:center; padding:0 5%; box-sizing: border-box;} .suggest .right span a{ margin:0 auto;} .pVer_640{display:none;} .mVer_640{display:block;} .tit-right { position:inherit; right:0; top:0; display:block; padding-top:5px;} .rel-data>table td { line-height:23px;} .rel-data>table td a.file { padding-top:2px; } .nTable.scroll{width:100%;overflow-x:auto;} .nTable.scroll table{width:100%;min-width:620px !important;} .ev-opp { text-align:center;} .auto_num { margin-right:0px; margin-bottom:10px; } /* [s] ���հ˻��ڽ� */ .total-srch input[type="text"] { width:55%; height:45px; vertical-align:top; border:3px solid #4369b7; box-sizing: border-box; } .total-srch button { height:45px; width:55px; line-height:44px; background:#4369b7; border:none !important; color:#fff; font-weight:600; cursor:pointer; font-size:15px; } /* [e] ���հ˻��ڽ� */ .depth3Menu{margin-bottom:15px;} .depth3Menu .tit{display:block;} .depth3Menu .depth3sub{border:none; position: absolute; left:0; top:45px; display:none;} .depth3Menu .depth3sub>li{display:block;} .depth3Menu .depth3sub>li>a{padding:0 12px; border:none; border-bottom:1px solid #ccc; font-weight: 600; font-size:15px; line-height:45px; color: #333; text-align: left; display:block; box-sizing:border-box; white-space: nowrap; background-color: #f5f5f5;} .depth3Menu .depth3sub>li>a.active, .depth3Menu .depth3sub>li>a:hover{ background-color: #1d4261; color: #fff;} .depthMenuArea:after{display:block;visibility:hidden;clear:both;height:0;content:' '} .depthMenuArea.w2>div{width:49%; float:right;} .depthMenuArea.w2>div:first-child{float:left;} .search-tab li { float:left;padding:0 10px 0 0; margin: 0 10px 5px 0; background:url(../images/common/bg_bar.gif) right 2px no-repeat; } .search-list ul li .tit a { line-height:23px;} .search-list ul li .tit p.date { display:block; margin-top:10px; } .organization { margin-bottom:10px;} .organization ul.overall {background:url('../../images/about/organ_bg0_mobile.png') no-repeat center 130px;} .organization ul li .grade1{margin-bottom:10px;} .organization ul li .grade2{margin-bottom:10px;} .organization ul li .grade2 a {width:100%;} .organization ul li .grade6>ul>li>a { width:100%; } .organization ul li .grade7>ul>li { width:100% !important; } .organization ul li .grade7>ul>li>a, .organization ul li .grade8>ul>li>a, .organization ul li .grade9>ul>li>a{width:100%;} .sels ul.link { width:100% !important; position:relative; top:0;} .sels ul.link li { width:100%; } .sels ul.link li a { width:100%; height:95px; padding:105px 0 0 0; } .sels ul.link li a.link1 { margin-bottom:5px; margin-right:0;} .sels ul.link li a.link2 { margin-bottom:5px;} .sels ul.link li a.link3 { margin-right:0;margin-bottom:5px;} .sels ul.link li a.link4 { } .history .year-row .year { float:none; width:100px; font-size:30px; } .history .year-row .line-txy { float:none; width:auto; margin-left:10px; margin-bottom:0; padding:0;} .history .year-row .line-txy dl { float:none; } .history .year-row .line-txy dl dt { float:none; } .history .year-row .zero { line-height:0 !important; font-size:0 !important; display:none !important;} .history .year-row .line-txy dl dt { margin-bottom:5px; float:left; padding-left:10px; width:100px; background:url(../images/contents/con_bull1.gif) 0 5px no-repeat; } .history .year-row .line-txy dl dd { float:none; width:auto; margin-left:50px;} .emailRefuse { padding:20px 20px 10px 20px; border:1px solid #ccc; } .emailRefuse dl { padding-left:0; background:none;} .council .board { width:100%; } .council .board:nth-child(3n) { margin-right:0;} .council .board:nth-child(4n) { margin-right:0;} .wrap-loading div { margin-left:-32px;} .wrap-loading div img { width:64px; height:64px; } .linkBx { margin-bottom:30px; } .linkBx dl { position:relative; border:5px solid #ebebeb; padding:170px 20px 25px 20px; min-height:90px; } .linkBx dl dt { position:absolute; left:180px; top:60px; margin-bottom:0; } .linkBx dl dd { margin-bottom:10px; } .linkBx dl dd a { display:inline-block; padding:10px 38px 10px 18px; color:#fff; font-weight:bold; background:#6f8ac0 url(../images/contents/s3-5-bullet.gif) 95% 50% no-repeat; border-radius:3px; text-align:left; } .linkBx dl.danopy { background:url(../images/contents/s3-5-bg.jpg) 20px 20px no-repeat; background-size:130px; } .linkBx dl.goedu { background:url(../images/contents/s3-6-bg.jpg) 20px 20px no-repeat; background-size:130px; } .pg-control { position:absolute; right:0; top:0; } .greet .slogun { height:100%; background:none;} .greet .slogun p { line-height:35px; padding-left:0; text-shadow:none; } .greet .slogun p span.s-txt { text-shadow:none; color:#888; line-height:23px; } #paper .eduBx .thumb { width:150px; margin:0 auto 10px; float:none; } #paper .eduBx p.tit { width:100%; padding-bottom:10px; float:none; } #paper .eduBx ul { width:100%; margin-bottom:10px; float:none;} #paper .eduBx ul li { margin-bottom:8px; margin-right:15px; float:left; } #paper .eduBx .btn { position:static !important; text-align:center !important;} #paper .eduBx .btn a {text-align:left !important;} .infobox .thumb { width:210px; height:300px; } .infobox .thumb img { height:300px !important;} .pageInfo { padding-top:10px;} } @media only screen and (max-width:460px){ .ev-searBx{ border:none; background:none; padding:0; margin-bottom:15px;} .ev-searBx fieldset { text-align:left; vertical-align:middle;} .ev-searBx select { width:49.3%; margin-bottom:5px;} .ev-searBx input[type="text"] { width:78.5%;} .ev-searBx button{ width:16%;} .bx-full { width:100% !important;} #paper .paperBx ul { margin-bottom:5px;} #paper .paperBx ul li { margin-bottom:3%; float:none; background:none; } #paper .paperView .info ul li p { width:66%;} #cover-wp ul li .over p.tit { padding:25% 20px 10% 20px; } .sns-txt { margin-bottom:20px; padding-top:20px; text-align:center; } .sns-txt p { padding: 0 20px 20px 20px; line-height:30px; background:url(../images/board/issue_bg.png) 0 bottom repeat-x; font-weight:600; color:#111; } .sns-txt p a { margin-left:0;} .infobox .brochure { width:100%; margin-right:0; margin:20px 0; } }