921 lines
52 KiB
CSS
921 lines
52 KiB
CSS
/*정기간행물 190112 pub_img_open 수정. 여현준*/
|
|
/*갤러리대관-대관현황 190113 여현준 */
|
|
|
|
/* 공통 */
|
|
.maTop10 {margin-top:10px !important;}
|
|
.maTop12 {margin-top:12px !important;}
|
|
.maTop14 {margin-top:14px !important;}
|
|
.maTop20 {margin-top:20px !important;}
|
|
.maTop30 {margin-top:30px !important;}
|
|
.maTop50 {margin-top:64px !important;}
|
|
.maTop60 {margin-top:60px !important;}
|
|
.maBottom5 {margin-bottom:5px !important;}
|
|
.maBottom10 {margin-bottom:10px !important;}
|
|
.maBottom18 {margin-bottom:18px !important;}
|
|
.maBottom20 {margin-bottom:20px !important;}
|
|
.maBottom30 {margin-bottom:30px !important;}
|
|
.maBottom40 {margin-bottom:40px !important;}
|
|
.maBottom50 {margin-bottom:50px !important;}
|
|
.maBottom60 {margin-bottom:60px !important;}
|
|
.maBottom80 {margin-bottom:80px !important;}
|
|
.maRight6 {margin-right:6px !important;}
|
|
.maRight1per {margin-right:1% !important;}
|
|
.paTop03 {padding-top:3px !important;}
|
|
.paTop10 {padding-top:10px !important;}
|
|
.paTop20 {padding-top:20px !important;}
|
|
.paTop30 {padding-top:30px !important;}
|
|
.paTop40 {padding-top:40px !important;}
|
|
.paTop50 {padding-top:50px !important;}
|
|
.paLeft16 {padding-left:16px !important;}
|
|
.paLeft29 {padding-left:29px !important;}
|
|
.paLeft52 {padding-left:52px !important;}
|
|
.paTop10 {padding-top:10px !important;}
|
|
.paBottom40 {padding-bottom:40px !important;}
|
|
.fSize13 {font-size:13px !important;}
|
|
.fSize14 {font-size:14px !important;}
|
|
.fSize15 {font-size:15px !important;}
|
|
.fSize16 {font-size:16px !important;}
|
|
.fSize28 {font-size:28px !important;}
|
|
.C2858ad {color:#2858ad !important;}
|
|
.Cff3f3f {color:#ff3f3f !important;}
|
|
.fLeft {float:left !important;}
|
|
.fRight {float:right !important;}
|
|
.vAlignM {vertical-align:middle !important;}
|
|
.text_left {text-align:left !important}
|
|
.text_right {text-align:right !important}
|
|
.text_center {text-align:center !important}
|
|
.bold {font-weight:bold}
|
|
.red_ee1d25 {color:#ee1d25 !important}
|
|
.overflow {overflow:hidden}
|
|
.fSize01 {font-size:0}
|
|
.color_9aa60f {color:#9aa60f}
|
|
|
|
.gradient_gr {display:none; border-radius:100px !important; border: 3px solid #007eb0;}
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
|
|
background: #bfc01d !important; /* Old browsers */
|
|
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%) !important; /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%) !important; /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
|
|
}
|
|
.gradient_gr a:hover { border-radius:100px !important; background:#8c9b25 !important}
|
|
.border_3px2 {color:#8c9b25 !important; border-radius:100px !important; border:3px solid #9aa60f !important}
|
|
.border_3px a {color:#2d2d2d !important; border-radius:100px !important; border:3px solid #848484 !important}
|
|
.border_3px a:hover {border-radius:100px !important; background:#efefef !important}
|
|
|
|
.part_wrap {margin-bottom:30px;}
|
|
|
|
.con_list01 {color:#1b1b1b; font-size:23px; font-weight:600; margin-bottom:5px; background:url('/site/itn/img/sub/con_list01.jpg') no-repeat 0 9px; padding-left:28px; letter-spacing:-1px }
|
|
/* .con_list02 {color:#646464; font-size:17px; margin-left:20px} ITN 0220*/
|
|
.con_list02 {color:#646464; font-size:16px; margin-left:20px}
|
|
.con_list02 > li {background:url('/site/itn/img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:18px; font-size:15px}
|
|
.con_list02 > li span {color:#222; font-weight:500}
|
|
.con_list03 {color:#646464; font-size:15px; margin-left:20px; background:url('/site/itn/img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; }
|
|
|
|
.con_list02_link {overflow:hidden}
|
|
.con_list02_link li {float:left; margin-right:5px; height:40px; width:150px; text-align:center; line-height:38px; border:1px solid #ddd; background:#f8f8f8; font-weight:500}
|
|
.con_list02_link li a {display:block;}
|
|
.con_list02_link li a:hover {background:#ededed;}
|
|
.con_list02_link li i {color:#96a409}
|
|
.con_list05 {color:#333; font-size:16px; font-weight:500; margin:0 0 5px 30px;}
|
|
|
|
.con_wr_text {color:#666; font-size:16px; line-height:22px; margin-left:20px;}
|
|
.con_wr_text a:hover {color:#96a409}
|
|
|
|
|
|
/* 이미지 */
|
|
.content_img, .content_img2 {width:100%; text-align:center;}
|
|
.content_img_1920, .content_img_1920_2 {width:100%; text-align:center;}
|
|
.content_img_480 {display:none;}
|
|
.content_img_900 {display:none;}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.content_img_1920 img, .content_img_1920_2 img {width:100%; padding:0 10px}
|
|
}
|
|
@media screen and (max-width:950px) {
|
|
.content_img img {width:100%; padding:0}
|
|
.content_img2 img {width:100%;}
|
|
.content_img_1920_2 {display:none;}
|
|
.content_img_900 {display:block;}
|
|
.content_img_900 img {width:100%; padding:0 3%}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.content_img_1920, .content_img_1920_2 {display:none;}
|
|
.content_img_480 {display:block; }
|
|
.content_img_480 img {width:100%; padding:0 0px}
|
|
}
|
|
|
|
/* 표1 */
|
|
.tbl01_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
|
|
.tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
|
|
.tbl01 caption {height:0; text-indent:-9999px;}
|
|
.tbl01 th, .tbl01 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
.tbl01 thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
|
.tbl01 th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
|
.tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;}
|
|
.tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;}
|
|
.tbl01 td {position:relative; text-align:center; color:#666;}
|
|
.tbl01 td.tbl_left {text-align:left;}
|
|
.tbl01_none {display:block; }
|
|
.tbl01_block {display:none; }
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.tbl01_1014 {width:600px !important}
|
|
.tbl01_none {display:none; }
|
|
.tbl01_block {display:block; }
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.tbl01 th, .tbl01 td {padding:3px; font-size:14px; }
|
|
}
|
|
|
|
|
|
/* 표 레이어팝업 */
|
|
.tbl_popup_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
|
.tbl_popup {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff; word-break:keep-all}
|
|
.tbl_popup caption {height:0; text-indent:-9999px;}
|
|
.tbl_popup th, .tbl_popup td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
.tbl_popup th {color:#252a2b;background:#e9e9e9; font-weight:500; text-align:center;}
|
|
.tbl_popup th:first-child, .tbl_popup td:first-child {border-left:0px;}
|
|
.tbl_popup th:last-child, .tbl_popup td:last-child {border-right:0px;}
|
|
.tbl_popup td {position:relative; text-align:center; color:#666;}
|
|
@media screen and (max-width:610px) {
|
|
.tbl_popup_wr {width:480px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.tbl_popup_wr {width:320px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
|
.tbl_popup th, .tbl_popup td {padding:3px; font-size:14px; }
|
|
}
|
|
|
|
|
|
/* 표1 td left */
|
|
.tbl01_left {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
|
|
.tbl01_left caption {height:0; text-indent:-9999px;}
|
|
.tbl01_left th, .tbl01_left td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
@media screen and (max-width: 480px) {
|
|
.tbl01_left th, .tbl01_left td {padding:3px; font-size:14px; }
|
|
}
|
|
.tbl01_left thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
|
.tbl01_left th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
|
.tbl01_left th:first-child, .tbl01_left td:first-child {border-left:0px;}
|
|
.tbl01_left th:last-child, .tbl01_left td:last-child {border-right:0px;}
|
|
.tbl01_left td {position:relative; text-align:left; color:#666;}
|
|
|
|
/* 입력표*/
|
|
.tbl_input {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff}
|
|
.tbl_input caption {height:0; text-indent:-9999px;}
|
|
.tbl_input th, .tbl_input td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
.tbl_input th {color:#252a2b;background:#f9f9f9; line-height:18px; font-weight:500; text-align:left;}
|
|
.tbl_input th.bg_e9e9e9 {background:#e9e9e9;}
|
|
.tbl_input th:first-child, .tbl_input td:first-child {border-left:0px;}
|
|
.tbl_input th:last-child, .tbl_input td:last-child {border-right:0px;}
|
|
.tbl_input td {position:relative; text-align:left; color:#666;}
|
|
|
|
.tbl_input input[type='text'] {text-align:left; width:25%; height:40px; padding:5px; border:1px solid #ddd}
|
|
.tbl_input input[type='radio'] { height:auto; }
|
|
.tbl_input input.input_call {width:10%;}
|
|
.tbl_input input.subject_wid {width:98%}
|
|
.tbl_input input.wid40, .tbl_input select.wid40 {width:40%}
|
|
.tbl_input input.name {width:25%}
|
|
.tbl_input textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
|
|
padding:10px; width: 100%; height:150px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
|
|
.tbl_input select {width:25%; height:40px; border:1px solid #ddd; padding:5px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/site/itn/img/sub/select-input-arrow.png') no-repeat 95% 50% ; /* 화살표 아이콘 추가 */
|
|
}
|
|
.tbl_input select::-ms-expand {display: none;}
|
|
.tbl_input td.set_period button {margin-left: -1px; width: 40px; height: 40px; border: 1px solid #d9d9d9;}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.tbl_input th, .tbl_input td { font-size:13px; }
|
|
.tbl_input input {width:98%;}
|
|
.tbl_input select {width:28.5%;}
|
|
.tbl_input input.name {width:98%}
|
|
.tbl_input input.wid402, .tbl_input select.wid402 {width:40%;}
|
|
}
|
|
|
|
|
|
/* 입찰공고문 표*/
|
|
.tbl_bid_1920 {display:block; }
|
|
.tbl_bid_700 {display:none;}
|
|
.tbl_bid {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; border-radius:20px;}
|
|
.tbl_bid caption {height:0; text-indent:-9999px;}
|
|
.tbl_bid th, .tbl_bid td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
.tbl_bid th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:left;}
|
|
.tbl_bid th:first-child, .tbl_bid td:first-child {border-left:0px;}
|
|
.tbl_bid th:last-child, .tbl_bid td:last-child {border-right:0px;}
|
|
.tbl_bid td {text-align:left; color:#666;}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.tbl_bid_1920 {display:none;}
|
|
.tbl_bid_700 {display:block;}
|
|
}
|
|
|
|
|
|
/* 표2 */
|
|
.tbl02 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;}
|
|
.tbl02 caption {height:0; text-indent:-9999px;}
|
|
.tbl02 th, .tbl02 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
.tbl02 thead th {color:#000;background:#f7f7f9;}
|
|
.tbl02 th:first-child, .tbl02 td:first-child {border-left:0px;}
|
|
.tbl02 th:last-child, .tbl02 td:last-child {border-right:0px;}
|
|
.tbl02 td {position:relative; text-align:center; color:#666;}
|
|
.tbl02 td.tbl_left {text-align:left;}
|
|
.tbl02 .link_icon {position:absolute; top:10px; right:10px; color:#b9c9e1}
|
|
|
|
@media screen and (max-width: 810px) {
|
|
.tbl02 th, .tbl02 td {padding:5px; font-size:15px; border:0px solid #dedee1;}
|
|
.tbl02 th {display:none}
|
|
.tbl02 .subject_2 {display:block; border-bottom:1px solid #dedee1}
|
|
.tbl02 .bottom {display:block; border-bottom:1px solid #dedee1; margin-bottom:10px}
|
|
.tbl02 .link_icon {position:absolute; top:5px; right:10px; color:#b9c9e1}
|
|
}
|
|
|
|
|
|
/* 1.알림소식 */
|
|
|
|
/*뉴스레터*/
|
|
.news_botton_wr {overflow:hidden}
|
|
.news_botton_wr .news_botton {float:left; margin:0 10px 5px 0;border-radius:3px; border:1px solid #575757}
|
|
.news_botton_wr a {display:block; color:#575757; font-weight:600; padding:7px 20px; }
|
|
.news_botton_wr a:hover {display:block; color:#fff; background:#575757; font-weight:600; padding:7px 20px; }
|
|
.news_cancel_tt {font-size:15px; border:1px solid #ddd; background:url('/site/itn/img/sub/con16_icon3.png') no-repeat top 20px center #fff; text-align:center; padding:60px 20px 20px; margin-bottom:10px;}
|
|
.news_cancel_text {font-size:14px; text-align:center; padding:10px;}
|
|
|
|
/*설문조사*/
|
|
.poll_btn {display:block; text-align:center; margin:20px 0}
|
|
.poll_btn li {display:inline-block; margin:3px}
|
|
.btn_ok {padding:10px 40px; border:0; border-radius:4px; background:#99a610; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
|
.btn_ok:hover {background:#95c636; color:#fff}
|
|
.btn_list {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
|
.btn_list:hover {background:#575757; color:#fff}
|
|
.btn_cancel {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
|
.btn_cancel:hover {background:#575757; color:#fff}
|
|
|
|
.poll_text {border-radius:10px; color:#525252; border:1px solid #e0e0e0; background:#f7f7f7; padding:30px; width:100%; margin-bottom:20px; font-weight:500}
|
|
.poll_q {font-size:18px; color:#2f2f2f; border-top:1px solid #d0d0d0; background:#f7f7f7; padding:20px; width:100%;}
|
|
.poll_a {border-top:1px solid #d0d0d0; background:#fff; padding:20px; width:100%;}
|
|
.poll_wr textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
|
|
padding:10px; width: 100%; height:150px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.check_list {overflow:hidden; }
|
|
.check_list li {float:left; margin-right:30px; vertical-align:middle}
|
|
.check_list label {font-size:15px; color:#2f2f2f; }
|
|
.check_list input[type='checkbox'] {
|
|
display: none; /* 실제 체크박스 없애기 */
|
|
}
|
|
.check_list input[type='checkbox'] + label::before { /* 가짜 체크박스 만들기 */
|
|
content: ' ';
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 22px;
|
|
vertical-align: middle; /* img 아이콘 항상 세로정렬을 하기 위함 */
|
|
margin: -5px 5px 0 0;
|
|
background: url('/site/itn/img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
|
|
background: url('/site/itn/img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
|
|
}
|
|
.check_list input[type='checkbox']:checked + label::before { /* 가짜 체크박스 체크했을 때 */
|
|
background: url('/site/itn/img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
|
|
background: url('/site/itn/img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
|
|
background-position: 20px 0;
|
|
}
|
|
/*이용문의 수정190111*/
|
|
.con16_text {border-radius:10px; color:#333; border:1px solid #e0e0e0; padding:30px; width:100%; margin-bottom:20px; font-weight:500; font-size:16px;
|
|
background:url('/site/itn/img/sub/con_tt_bg.png') center #fff; background-size:cover; text-align:center;} /*190111*/
|
|
.con16_text ul li {text-align:left; font-size:14px; color:#333; font-weight:500; background:url('/site/itn/img/sub/list02.png') no-repeat 0 10px; padding-left:10px;}
|
|
.con16_text ul li span {color:#fe0d0d}
|
|
.con16_title {font-size:20px; color:#303030; background:url('/site/itn/img/sub/con16_icon.jpg') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
|
|
.con16_title2 {font-size:20px; color:#303030; background:url('/site/itn/img/sub/con16_icon2.png') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
|
|
.cont16_text textarea {border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
|
|
padding:10px; width: 100%; height:150px; font-size:15px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
|
|
.cont16_check {font-weight:600; color:#000; margin:10px 0 20px}
|
|
|
|
.con162_box01 {border-top:1px solid #ddd; padding:30px 0; margin-top:10px;}
|
|
.con162_box {width:100%; overflow:hidden}
|
|
.con162_box .con162_left {background:#fff; float:left; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
|
|
.con162_box .con162_right {background:#fff; float:right; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
|
|
.con162_box .con162_tt {font-size:17px; color:#000; font-weight:600; margin-bottom:15px;}
|
|
.con162_box .con162_text {font-size:14px; color:#666; margin-bottom:15px;}
|
|
.con162_box .con162_list li {font-size:14px; color:#666; padding-left:10px; padding-bottom:5px; background:url('/site/itn/img/sub/list02.png') no-repeat 0 10px;}
|
|
.con162_box .con162_btn_small {display:inline-block; margin-left:10px; font-size:12px; font-weight:500; }
|
|
.con162_box .con162_btn_small a {display:block; color:#fff; background:#9aa60f; padding:2px 8px; border-radius:4px; }
|
|
.con162_box .con162_btn_small a:hover {display:block; color:#fff; background:#757f06; padding:2px 8px; border-radius:4px; }
|
|
.con162_box .con162_btn {display:inline-block; width:100%; text-align:center; margin-top:20px}
|
|
.con162_box .con162_btn a {display:block; color:#333; border:2px solid #ddd; padding:7px; font-weight:500; }
|
|
.con162_box .con162_btn a:hover {display:block; color:#757f06; border:2px solid #9aa60f; padding:7px; font-weight:500; }
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.con162_box .con162_left, .con162_box .con162_right {float:none; width:100%; margin-bottom:10px;
|
|
transition:width 200ms ease-out 0s;
|
|
-webkit-transition: width 200ms ease-out 0s;
|
|
-o-transition: width 200ms ease-out 0s;}
|
|
}
|
|
|
|
|
|
/* 2.자료실 */
|
|
|
|
/*정기간행물 20190212*/
|
|
.width600 {width:600px;}
|
|
@media screen and (max-width:600px) {
|
|
.width600 {width:100%;}
|
|
}
|
|
.layer21_text {font-size:14px; color:#666; margin-bottom:10px; padding:10px; line-height:18px; border-bottom:1px solid #ddd; border-top:1px solid #ddd}
|
|
.layer21_text span {color:#9aa60f}
|
|
.layer21_text .tt {font-size:15px; font-weight:600; color:#000; margin-top:8px;}
|
|
.layer21_tt {font-size:16px; font-weight:600; color:#000; margin-bottom:10px;}
|
|
button.pos_search {border:1px solid #ddd; height:40px; padding:0 5px}
|
|
|
|
.year21_wrap {display:block; text-align:center; margin-bottom:10px;}
|
|
button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/site/itn/img/board/pre_year.png') no-repeat; border:0}
|
|
button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/site/itn/img/board/next_year.png') no-repeat; border:0}
|
|
.present_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
|
|
.year21_list {width:100%; height:50px; line-height:48px; background:#fafafa; border:1px solid #e3e3e3; margin-top:10px;}
|
|
.year21_list li {float:left; width:20%; text-align:center; font-size:20px; color:#575757; font-weight:600}
|
|
.year21_list li:hover, .year21_list li.current {border-radius:100px; color:#fff; background:url('/site/itn/img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
|
|
|
|
/* 190226 수정 */
|
|
.publication_left {float:left; width:49.5%; height:626px; border:1px solid #ddd; background:#fff; margin-bottom:10px}
|
|
.publication_left .img {width:100%; height:460px}
|
|
.publication_left .subject {padding:20px; font-size:17px; color:#000; font-weight:800; margin-bottom:7px; border-bottom:1px solid #ddd; width:100%; height:110px;}
|
|
.pub_thum_text_wr {overflow:hidden; padding:10px 20px 15px; }
|
|
.pub_thum_text_wr .date_list {float:left; font-size:12px; color:#838383; font-weight:300; }
|
|
.pub_thum_text_wr .date_list li {float:left; margin-right:10px;}
|
|
.pub_thum_text_wr .date_list span {font-size:12px; color:#000; font-weight:300; margin-right:5px;}
|
|
.pub_thum_text_wr .more_list {float:right; margin-top:5px; }
|
|
.pub_thum_text_wr .more_list li {float:left; margin-left:5px;}
|
|
|
|
/*버튼수정 190225*/
|
|
.pub_thum_text_wr .more_list_text {float:right; }
|
|
.pub_thum_text_wr .more_list_text li {float:left; margin-left:3px; font-weight:500 }
|
|
.pub_thum_text_wr .more_list_text li a {font-size:13px; border:1px solid #ddd; background:#f8f8f8; padding:3px 7px; border-radius:3px; color:#99a610}
|
|
.pub_thum_text_wr .more_list_text li a:hover {border:1px solid #666; color:#000; padding:3px 7px; border-radius:3px}
|
|
|
|
.publication_right {float:right; width:49.5%; height:626px; overflow-y:auto; border:1px solid #ddd; padding:20px; background:#fff; margin-bottom:10px}
|
|
.publication_right .img {width:100%; height:0; padding-bottom:91%}
|
|
.publication_right .pub_title1 {font-size:23px; font-weight:600; color:#2f2f2f; margin-bottom:10px;}
|
|
.publication_right .pub_title2 {font-size:16px; font-weight:600; color:#2f2f2f;}
|
|
.publication_right .pub_text {font-size:13px; font-weight:400; color:#878787; margin-bottom:10px;}
|
|
|
|
.pub_img_open {font-size:14px; width:100%; padding: 5px; border:1px solid #ddd; background:#fff; overflow:hidden; }
|
|
.pub_img_open img {float:left; width:15%; margin-right: 10px;}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.publication_left {float:none; width:100%; height:auto;}
|
|
.publication_left .img {width:100%; height:350px}
|
|
.publication_right {float:none; width:100%; height:300px;}
|
|
.publication_right .img {width:100%; height:0; padding-bottom:70%}
|
|
.publication_right .maTop30 {margin-top:10px}
|
|
.pub_img_open {font-size:13px}
|
|
}
|
|
|
|
|
|
/* 3.사업소개 */
|
|
.business_list {overflow:hidden; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; margin-bottom:20px }
|
|
.business_list li {float:left; line-height:47px; height:50px; text-align:center; margin-left:-1px; margin-top:-2px; font-size:16px; font-weight:500}
|
|
.business_list li a {display:block; color:#5a5a5a; border:1px solid #d8d8d8; }
|
|
.business_list li.current a, .business_list li a:hover {background:#99a610; color:#fff; border:1px solid #99a610; }
|
|
.bus_wid1 li {width:100%;}
|
|
.bus_wid2 li {width:50%;}
|
|
.bus_wid3 li {width:33%;}
|
|
.bus_wid4 li {width:33.4%;}
|
|
.bus_wid5 li {width:20%;}
|
|
.business_title {font-weight:300; font-size:30px;color:#333; margin:30px 0 20px; border-bottom:1px solid #ddd; padding-bottom:10px}
|
|
|
|
|
|
/* 4.기관소개 */
|
|
/*인사말*/
|
|
.con41_bg {width:100%; background:url('/site/itn/img/sub/img41_bg_1300.jpg') right top no-repeat; background-size:100%; letter-spacing:-1px; margin-bottom:30px}
|
|
.con41_title {font-size:30px; font-weight:300; line-height:40px; padding:7% 0 0 4%;}
|
|
.con41_title span.con41_title_bs {font-size:30px; font-weight:700}
|
|
.con41_title span.con41_title_b {font-weight:700;}
|
|
.con41_title_tt {padding:20px 0 17px}
|
|
.con41_text {width:70%; font-size:17px; font-weight:300; padding:8% 0 0 4%;}
|
|
.con41_title, .con41_text {
|
|
transition:font-size 450ms ease-out 0s;
|
|
-webkit-transition: font-size 450ms ease-out 0s;
|
|
-o-transition: font-size 450ms ease-out 0s;
|
|
}
|
|
@media screen and (max-width: 860px) {
|
|
.con41_bg {width:100%; background:url('/site/itn/img/sub/img41_bg_800.jpg') right top no-repeat; background-size:100% }
|
|
.con41_title {padding:56% 0 0 4%;}
|
|
.con41_text {width:100%; padding:1% 0 0 4%;}
|
|
|
|
}
|
|
@media screen and (max-width: 560px) {
|
|
.con41_title {font-size:21px; line-height:27px; padding:50% 0 0 2%;}
|
|
.con41_title span.con41_title_bs {font-size:22px;}
|
|
.con41_text {font-size:15px; padding:0% 0 0 2%;}
|
|
}
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.con41_title {font-size:16px; line-height:22px; padding:45% 0 0 2%;}
|
|
.con41_title span.con41_title_bs {font-size:19px;}
|
|
}
|
|
|
|
/*기관소개-연혁*/
|
|
.sub421_history {width:100%; margin-bottom:40px;background:url('/site/itn/img/sub/hitory_bg.png') no-repeat top #; background-size:100%; overflow:hidden}
|
|
.sub421_history .left_box {float:left; width:50%; padding-top:40px; }
|
|
.sub421_history .top_box{width:100%; padding:30px 0 0 10%; }
|
|
.sub421_history .bottom_box{width:90%; height:260px; padding:20px 0 0 10%;}
|
|
.sub421_history .right_box {float:right;width:50%; margin-top:40px;}
|
|
.sub421_history .right_box ul {width:100%; background:url('/site/itn/img/sub/history_line.png') no-repeat left top; padding-top:40px;}
|
|
.sub421_history .right_box ul li {color:#555; padding:0 0 30px 30px;line-height:16px;font-size:16px;font-weight:500;background:url('/site/itn/img/sub/li_bullet.png') no-repeat 4px 2px;}
|
|
.sub421_history .right_box ul li p {font-size:23px;color:#272727;font-weight:300; margin-bottom:10px;}
|
|
.sub421_history .right_box ul li span {font-size:18px;line-height:30px;margin-right:7px;color:#000;font-weight:400;}
|
|
|
|
@media screen and (max-width: 730px) {
|
|
.sub421_history .left_box {float:none; width:100%; padding-top:10px; }
|
|
.sub421_history .bottom_box{height:auto; padding:20px 0 0 10%; background:none;}
|
|
.sub421_history .right_box {float:none;width:100%; margin-top:30px;}
|
|
.sub421_history .right_box {padding-left:10%;}
|
|
.sub421_history .right_box ul li {line-height:25px;}
|
|
}
|
|
|
|
@media screen and (max-width: 390px) {
|
|
.sub421_history .top_box{/* padding:30px 0 0 2%; */ padding:0; }
|
|
.sub421_history .top_box img {width:100%;}
|
|
.sub421_history .bottom_box{padding:20px 0 0 2%;}
|
|
.sub421_history .right_box {padding-left:2%;}
|
|
}
|
|
|
|
/*기관소개-미션비젼 */
|
|
.img422_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('/site/itn/img/sub/img422_tt_bg.png') no-repeat left 10% center #f6f6f6; background-size:20%}
|
|
.img422_00 dl {padding-left:35%}
|
|
.img422_00 dl dt {width:130px; text-align:center; font-size:18px; height:35px; line-height:31px; font-weight:800; }
|
|
.img422_00 dl dd {padding:5px 0 10px 10px;}
|
|
|
|
.img422_01 {width:100%; height:1800px; padding-top:100%; background:url('/site/itn/img/sub/img422_01.jpg') no-repeat center top; background-size:179%; }
|
|
.img422_02 {width:100%; height:0; padding-top:30%; background:url('/site/itn/img/sub/img422_02_1014.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_03 {width:100%; height:0; padding-top:50%; background:url('/site/itn/img/sub/img422_03.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_04 {width:100%; height:0; padding-top:110%; background:url('/site/itn/img/sub/img_mission_eng_pc.jpg') no-repeat center top; background-size:100%; }
|
|
.img422_01, .img422_02, .img422_03, .img422_04 {font-size:0}
|
|
|
|
/*기관소개-미션비젼 190304 수정 s */
|
|
.img422_copy_eng_01 {width:100%; height:0; padding-top:30%; background:url('/site/itn/img/sub/img422_copy_eng_01.jpg') no-repeat center top; background-size:100%; }
|
|
.img422_copy_eng_02 {width:100%; height:0; padding-top:45%; background:url('/site/itn/img/sub/img422_copy_eng_02.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_copy_eng_03 {width:100%; height:0; padding-top:87%; background:url('/site/itn/img/sub/img422_copy_eng_03.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_copy_eng_01, .img422_copy_eng_02, .img422_copy_eng_03 {font-size:0}
|
|
@media screen and (max-width:800px) {
|
|
.img422_copy_01 {padding-top:60%; background:url('/site/itn/img/sub/img422_copy_01_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
.img422_copy_02 {padding-top:65%; background:url('/site/itn/img/sub/img422_copy_02_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
.img422_copy_eng_01 {padding-top:60%; background:url('/site/itn/img/sub/img422_copy_01_eng_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
.img422_copy_eng_02 {padding-top:65%; background:url('/site/itn/img/sub/img422_copy_02_eng_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
}
|
|
/*기관소개-미션비젼 190304 수정 e */
|
|
|
|
/*190226 미션수정 s*/
|
|
.img422_copy_01 {width:100%; height:0; padding-top:24%; background:url('/site/itn/img/sub/img422_copy_01.jpg') no-repeat center top; background-size:100%; }
|
|
.img422_copy_02 {width:100%; height:0; padding-top:40%; background:url('/site/itn/img/sub/img422_copy_02.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_copy_03 {width:100%; height:0; padding-top:87%; background:url('/site/itn/img/sub/img422_copy_03.jpg') no-repeat center top; background-size:100%;}
|
|
.img422_copy_01, .img422_copy_02, .img422_copy_03 {font-size:0}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.img422_copy_01 {padding-top:90%; background:url('/site/itn/img/sub/img422_copy_01_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
.img422_copy_02 {padding-top:55%; background:url('/site/itn/img/sub/img422_copy_02_mobile.jpg') no-repeat center top ;background-size:100%;}
|
|
}
|
|
/*190226 미션수정 e*/
|
|
|
|
@media screen and (max-width:730px) {
|
|
.img422_00 {margin-bottom:10px; padding:10px; background:url('/site/itn/img/sub/img422_tt_bg.png') no-repeat center top 20px #f6f6f6; background-size:40%}
|
|
.img422_00 dl {padding:20% 0 0 2%}
|
|
.img422_02 {padding-top:40%; background:url('/site/itn/img/sub/img422_02_730.jpg') no-repeat center top ;background-size:100%;}
|
|
}
|
|
/*기관소개-ci*/
|
|
.img423_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('/site/itn/img/sub/img422_tt_bg2.png') no-repeat left 10% center #f6f6f6; background-size:15%}
|
|
.img423_00 dl {padding-left:35%}
|
|
.img423_00 dl dt {font-size:50px; color:#4a4a4a; font-weight:800}
|
|
.img423_00 dl dd {padding:5px 0 10px 0px;}
|
|
.img423_part {width:100%; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
|
|
.img423_part img {text-align:center;}
|
|
.ci_left {float:left; width:50%;}
|
|
.ci_right {float:right; width:50%;}
|
|
.color_list ul {margin-top:40px;}
|
|
.color_list ul li {padding:0 0 5px 35px; font-size:17px; color:#8a8a8a; background:url('/site/itn/img/sub/img422_color_list.jpg') no-repeat 0 6px ;}
|
|
.color_list ul li span {color:#494949; }
|
|
.color_list2 {margin-top:20px;}
|
|
.color_list2 li {float:left; width:31%; margin:1%;}
|
|
.color_list2 li p {margin:10px 0 0 10px}
|
|
.color_list2 .box_8d9a24 {background:#006197; width:90%; height:0; padding-top:30%; border-radius:15px}
|
|
.color_list2 .box_8a8c8f {background:#007eb0; width:90%; height:0; padding-top:30%; border-radius:15px}
|
|
.color_list2 .box_444445 {background:#2a90c8; width:90%; height:0; padding-top:30%; border-radius:15px}
|
|
.img423_btn {display:block; text-align:center; margin:40px 0;}
|
|
.img423_btn li {display:inline-block; vertical-align:middle; margin:5px 10px; width:260px; height:60px; line-height:53px;}
|
|
.img423_btn li a {display:block; font-weight:500; font-size:17px;}
|
|
|
|
@media screen and (max-width:500px) {
|
|
.ci_left {float:none; width:100%;}
|
|
.ci_right {float:none; width:100%;}
|
|
.color_list ul {margin-top:10px;}
|
|
.color_list2 li {float:none; width:60%; margin:1% auto;}
|
|
.color_list2 li p {font-size:13px; margin-bottom:10px}
|
|
}
|
|
|
|
/*기관소개-찾아오시는길*/
|
|
.map-container{position:relative; padding-bottom:50%; height:0; overflow:hidden;}
|
|
.map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
|
|
|
/* 조직현황 0215 */
|
|
.con43_org {position:relative; width:100%; height:0; padding-top:60%; background:url('/site/itn/img/sub/img43_bg_1000.jpg') no-repeat top; background-size:100%; }
|
|
.con43_org dl, .con43_org p {font-size:0;}
|
|
.con43_org div {border:0px solid red}
|
|
.con43_01 {position:absolute; top:40px; left:440px; width:140px; height:140px; }
|
|
.con43_02 {position:absolute; top:292px; left:130px; width:135px; height:135px; }
|
|
.con43_03 {position:absolute; top:445px; left:127px; width:138px; height:30px; }
|
|
.con43_04 {position:absolute; top:482px; left:127px; width:138px; height:30px; }
|
|
.con43_05 {position:absolute; top:292px; left:337px; width:135px; height:135px; }
|
|
.con43_06 {position:absolute; top:445px; left:337px; width:138px; height:30px; }
|
|
.con43_07 {position:absolute; top:482px; left:337px; width:138px; height:30px; }
|
|
.con43_08 {position:absolute; top:522px; left:337px; width:138px; height:30px; }
|
|
.con43_09 {position:absolute; top:560px; left:337px; width:138px; height:30px; }
|
|
.con43_10 {position:absolute; top:292px; left:545px; width:135px; height:135px; }
|
|
.con43_11 {position:absolute; top:445px; left:545px; width:138px; height:30px; }
|
|
.con43_12 {position:absolute; top:482px; left:545px; width:138px; height:30px; }
|
|
.con43_13 {position:absolute; top:522px; left:545px; width:138px; height:30px; }
|
|
.con43_14 {position:absolute; top:292px; left:753px; width:135px; height:135px; }
|
|
.con43_15 {position:absolute; top:445px; left:753px; width:138px; height:30px; }
|
|
.con43_16 {position:absolute; top:482px; left:753px; width:138px; height:30px; }
|
|
.con43_text {position:relative; font-size:15px; padding:18px; color:#333; text-align:center; width:80%; margin:20px auto; border:4px solid #ededed; border-radius:100px;}
|
|
.con43_org_eng {position:relative; width:100%; height:0; padding-top:60%; background:url('/site/itn/img/sub/img43_bg_1000_eng.jpg') no-repeat top; background-size:100%; }
|
|
/*190115 수정전
|
|
.con43_top_btn {position:fixed; bottom:50px; right:2%; background:#444; width:40px; height:40px; line-height:40px; text-align:center; z-index:99}
|
|
.con43_top_btn a {display:block; color:#fff; font-weight:900; font-size:13px}
|
|
.con43_01 {position:absolute; top:30px; left:230px; width:580px; height:150px;}
|
|
.con43_02 {position:absolute; top:160px; left:67px; width:160px; height:260px;}
|
|
.con43_03 {position:absolute; top:400px; left:280px; width:160px; height:320px;}
|
|
.con43_04 {position:absolute; top:400px; left:560px; width:160px; height:280px;}
|
|
.con43_05 {position:absolute; top:400px; left:845px; width:160px; height:240px;}
|
|
*/
|
|
|
|
@media screen and (max-width: 1300px) {
|
|
.tbl43_wid {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden;}
|
|
.con43_org {padding-top:82%; background:url('/site/itn/img/sub/img43_bg_743.jpg') no-repeat top; background-size:100%;}
|
|
.con43_01 {position:absolute; top:4%; left:41%; width:18%; height:25%;}
|
|
.con43_02 {position:absolute; top:45%; left:3%; width:17%; height:19%;}
|
|
.con43_03 {position:absolute; top:67.5%; left:3%; width:17%; height:5%;}
|
|
.con43_04 {position:absolute; top:73%; left:3%; width:17%; height:5%;}
|
|
.con43_05 {position:absolute; top:45%; left:29%; width:17%; height:19%;}
|
|
.con43_06 {position:absolute; top:67.5%; left:29%; width:17%; height:5%;}
|
|
.con43_07 {position:absolute; top:73%; left:29%; width:17%; height:5%;}
|
|
.con43_08 {position:absolute; top:79%; left:29%; width:17%; height:5%;}
|
|
.con43_09 {position:absolute; top:85%; left:29%; width:17%; height:5%;}
|
|
.con43_10 {position:absolute; top:45%; left:55%; width:17%; height:19%;}
|
|
.con43_11 {position:absolute; top:67.5%; left:55%; width:17%; height:5%;}
|
|
.con43_12 {position:absolute; top:73%; left:55%; width:17%; height:5%;}
|
|
.con43_13 {position:absolute; top:79%; left:55%; width:17%; height:5%;}
|
|
.con43_14 {position:absolute; top:45%; left:80.5%; width:17%; height:19%;}
|
|
.con43_15 {position:absolute; top:67.5%; left:80.5%; width:17%; height:5%;}
|
|
.con43_16 {position:absolute; top:73%; left:80.5%; width:17%; height:5%;}
|
|
.con43_org_eng {padding-top: 82%;background: url(/site/itn/img/sub/img43_bg_743_eng.jpg) no-repeat top;background-size: 100%;}
|
|
}
|
|
|
|
/*kcdf 갤러리*/
|
|
.kcdf_wrap {margin-bottom:30px; background:url('/site/itn/img/sub/img4411_bg.jpg') no-repeat top; background-size:100%; overflow:hidden}
|
|
.kcdf_left {float:left; width:46%; padding:28% 0 0 1%; font-size:16px; color:#494949; letter-spacing:-1px;}
|
|
.kcdf_right {float:right; width:50%; padding-top:35px;}
|
|
|
|
@media screen and (max-width: 1300px) {
|
|
.kcdf_right img {width:100%;}
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.kcdf_left {float:none; width:100%; padding:15% 0 0 1%}
|
|
.kcdf_right {float:none; width:100%; text-align:center}
|
|
.kcdf_right img {width:70%; }
|
|
}
|
|
|
|
.img4411_3_bg {position:relative; width:100%; height:0; padding-top:100%; background:url('/site/itn/img/sub/img4411_3.jpg') no-repeat top; background-size:100%; }
|
|
.img4411_3_bg dl {font-size:0;}
|
|
.img4411_3_bg img {width:100%;}
|
|
.img4411_3_rf {position:absolute; top:6%; left:30%; width:7%; height:7%;}
|
|
.img4411_3_3f {position:absolute; top:22%; left:25%; width:7%; height:7%;}
|
|
.img4411_3_2f {position:absolute; top:37%; left:25%; width:7%; height:7%;}
|
|
.img4411_3_1f {position:absolute; top:54%; left:25%; width:7%; height:7%;}
|
|
.img4411_3_b1f {position:absolute; top:68%; left:25%; width:7%; height:7%;}
|
|
.img4411_3_b2f {position:absolute; top:85.5%; left:25%; width:7%; height:7%;}
|
|
/* 0306 영문 */
|
|
.img4411_3_bg_eng {position:relative; width:100%; height:0; padding-top:100%; background:url('/site/itn/img/sub/img4411_3_eng.jpg') no-repeat top; background-size:100%; }
|
|
.img4411_3_bg_eng dl {font-size:0;}
|
|
.img4411_3_bg_eng img {width:100%;}
|
|
.img4411_3_rf_eng {position:absolute; top:6%; left:40%; width:7%; height:7%;}
|
|
.img4411_3_3f_eng {position:absolute; top:22%; left:35%; width:7%; height:7%;}
|
|
.img4411_3_2f_eng {position:absolute; top:37%; left:35%; width:7%; height:7%;}
|
|
.img4411_3_1f_eng {position:absolute; top:54%; left:35%; width:7%; height:7%;}
|
|
.img4411_3_b1f_eng {position:absolute; top:68%; left:35%; width:7%; height:7%;}
|
|
.img4411_3_b2f_eng {position:absolute; top:85.5%; left:35%; width:7%; height:7%;}
|
|
|
|
.img4411_box_title {font-size:20px; padding:5px; border-radius:10px; text-align:center; background:#9aa60f; color:#fff; margin:30px 0 10px}
|
|
.img4411_box_text {width:510px; font-size:15px; color:888; margin:10px 0}
|
|
|
|
/*kcdf 도서관*/
|
|
.list442 li {padding-bottom:10px}
|
|
.list442 span {font-weight:600; margin-right:10px;}
|
|
|
|
/*문화역서울284*/
|
|
.con443_wrap {position:relative; text-align:center; width:100%; height:0; padding:18% 0 50% 0; font-weight:500; color:#444; letter-spacing:-1px; background:url('/site/itn/img/sub/img443_bg.jpg') no-repeat top; background-size:100%; }
|
|
.con443_wrap_eng {position:relative; text-align:center; width:100%; height:0; padding:18% 0 50% 0; font-weight:500; color:#444; background:url('/site/itn/img/sub/img443_bg_eng.jpg') no-repeat top; background-size:100%; }
|
|
.con443_btn {position:relative; margin:20px auto; width:180px; height:40px; line-height:38px;}
|
|
.con443_btn a {display:block; color:#fff; background:#85715c; border-radius:4px}
|
|
.con443_btn a:hover {display:block; color:#fff; background:#5e4e3d; border-radius:4px}
|
|
.con443_list ul {display:block; width:85%; margin:0 auto; text-align:center; }
|
|
.con443_list ul li {display:inline-block; width:31%; margin:0 1% 30px; text-align:center; vertical-align:top}
|
|
.con443_list ul li img { width:100%;}
|
|
.con443_list .tt {font-size:18px; font-weight:700}
|
|
.con443_list .text {font-size:13px; font-weight:500; color:#818181; line-height:15px}
|
|
/* 영문 0306 */
|
|
.img443_wrap_eng {overflow:hidden; width:100%; }
|
|
.con443_wrap_eng {overflow:hidden; width:100%; }
|
|
.seoul284_left_eng {float:left; width:67%; padding:20px;}
|
|
.seoul284_left_eng img {width:100%;}
|
|
.seoul284_right_eng {float:right; width:33%; }
|
|
.seoul284_right_eng .seoul284_tt {margin:0; }
|
|
.seoul284_right_eng .seoul284_tt img {width:100%;}
|
|
.seoul284_right_eng .img443_f_list {width:100%; padding:10px 10px 20px; background:#f3f3f3; border-radius:0 0 10px 10px;}
|
|
.seoul284_right_eng .img443_f_list li {width:100%; padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #cccccc;}
|
|
.seoul284_right_eng .img443_f_list li span {color:#6c7f0b}
|
|
|
|
|
|
.img443_wrap {overflow:hidden; width:100%; }
|
|
.seoul284_left {float:left; width:70%; padding:20px;}
|
|
.seoul284_left img {width:100%;}
|
|
.seoul284_right {float:right; width:25%; }
|
|
.seoul284_right .seoul284_tt {margin:0; }
|
|
.seoul284_right .seoul284_tt img {width:100%;}
|
|
.seoul284_right .img443_f_list {width:100%; padding:10px 10px 20px; background:#f3f3f3; border-radius:0 0 10px 10px;}
|
|
.seoul284_right .img443_f_list li {width:100%; padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #cccccc;}
|
|
.seoul284_right .img443_f_list li span {color:#6c7f0b}
|
|
|
|
@media screen and (max-width:790px) {
|
|
.con443_list ul {width:100%;}
|
|
.con443_list ul li {width:47%; margin:0 1% 30px;}
|
|
.img443_wrap {overflow:hidden; width:100%; padding-bottom:20px;border-bottom:1px dotted #666}
|
|
.seoul284_left {float:none; width:100%; padding:20px;}
|
|
.seoul284_right {float:none; margin:0 auto; width:70%; }
|
|
.con443_wrap_eng {overflow:hidden; width:100%; padding-bottom:20px;border-bottom:1px dotted #666}
|
|
.seoul284_left_eng {float:none; width:100%; padding:20px;}
|
|
.seoul284_right_eng {float:none; margin:0 auto; width:70%; }
|
|
}
|
|
|
|
@media screen and (max-width:450px) {
|
|
.con443_wrap {padding:25% 0 85% 0; background:url('/site/itn/img/sub/img443_bg_800.jpg') no-repeat top; background-size:100%; }
|
|
.con443_wrap_eng {padding:25% 0 85% 0; background:url('/site/itn/img/sub/img443_bg_800_eng.jpg') no-repeat top; background-size:100%; }
|
|
.con443_list .text {font-size:12px;}
|
|
}
|
|
|
|
/*갤러리대관-대관안내 190131 수정 s*/
|
|
.big_title {position:relative; margin:30px auto; width:200px; height:40px; line-height:38px; text-align:center; font-size:20px; font-weight:700;}
|
|
.con_44121_box_1000 {position:relative; padding-bottom:5%; width:100%; height:auto; background:url('/site/itn/img/sub/img44121bg_1000.jpg') no-repeat top; background-size:100%; overflow:hidden}
|
|
.con_44121_box_1000 ul li {float:left; width:20%; padding:3.5% 1% 0 2.5%}
|
|
.con_44121_box_1000 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
|
|
.con_44121_box_1000 .text {padding-top:10%; font-size:15px; font-weight:500; color:#666; line-height:20px}
|
|
.con_44121_box_700 {display:none;}
|
|
|
|
@media screen and (max-width:880px) {
|
|
.con_44121_box_1000 {display:none;}
|
|
.con_44121_box_700 {display:block;
|
|
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('/site/itn/img/sub/img44121bg_700.jpg') no-repeat center top; background-size:100%; overflow:hidden}
|
|
.con_44121_box_700 ul li {float:left; width:33%; border:0px solid red}
|
|
.con_44121_box_700 ul li:nth-child(1) {padding:6% 0 0% 12%}
|
|
.con_44121_box_700 ul li:nth-child(2) {padding:6% 0 15% 7%}
|
|
.con_44121_box_700 ul li:nth-child(3) {padding:6% 0 0 1%}
|
|
.con_44121_box_700 ul li:nth-child(4) {width:50%; padding:0 0 14% 27%}
|
|
.con_44121_box_700 ul li:nth-child(5) {width:50%; padding:0 0 0 4%}
|
|
.con_44121_box_700 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
|
|
.con_44121_box_700 .text {padding-top:5%; font-size:15px; font-weight:500; color:#666; line-height:20px}
|
|
}
|
|
@media screen and (max-width:600px) {
|
|
.con_44121_box_700 {display:block;
|
|
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('/site/itn/img/sub/img44121bg_600.jpg') no-repeat center top; background-size:100%; overflow:hidden}
|
|
/* .con_44121_box_700 ul li {float:left; width:50%; height:0; border:1px solid red} */
|
|
.con_44121_box_700 ul li {float:left; width:50%; height:0;}
|
|
.con_44121_box_700 ul li:nth-child(1) {padding:10% 0 34% 9%}
|
|
.con_44121_box_700 ul li:nth-child(2) {padding:10% 0 34% 3%}
|
|
.con_44121_box_700 ul li:nth-child(3) {padding:10% 0 32% 9%}
|
|
.con_44121_box_700 ul li:nth-child(4) {padding:10% 0 32% 3%}
|
|
.con_44121_box_700 ul li:nth-child(5) {padding:10% 0 34% 9%}
|
|
.con_44121_box_700 .title {font-size:17px; font-weight:800; color:#333; line-height:20px}
|
|
.con_44121_box_700 .text {padding-top:3%; font-size:13px; font-weight:500; color:#666; line-height:18px}
|
|
.span_block {display:block;}
|
|
}
|
|
/* 190131 삭제
|
|
@media screen and (max-width:480px) {
|
|
.con_44121_box_700 {display:block;
|
|
position:relative; padding-bottom:2%; width:100%; height:auto; background:none;overflow:hidden}
|
|
.con_44121_box_700 ul li {float:left; width:48%; border-radius:10px; margin:1%; }
|
|
.con_44121_box_700 ul li:nth-child(1) {padding:3%; background:#f4f0e7; border-top:3px solid #a7b578}
|
|
.con_44121_box_700 ul li:nth-child(2) {padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
|
|
.con_44121_box_700 ul li:nth-child(3) {padding:3% 3% 10% 3%; background:#e7f0ed; border-top:3px solid #7bb0a6}
|
|
.con_44121_box_700 ul li:nth-child(4) {width:48%; padding:3% 3% 10% 3%; background:#e8edf1; border-top:3px solid #7b96b1}
|
|
.con_44121_box_700 ul li:nth-child(5) {width:48%; padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
|
|
.con_44121_box_700 .title {font-size:17px;}
|
|
.con_44121_box_700 .text {font-size:14px;}
|
|
}
|
|
*/
|
|
/*갤러리대관-대관안내 190131 수정 e*/
|
|
|
|
/*갤러리대관-대관현황 190113*/
|
|
.month_wrap {display:block; text-align:center; margin-bottom:10px;}
|
|
.month_wrap button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/site/itn/img/board/pre_year.png') no-repeat; border:0}
|
|
.month_wrap button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/site/itn/img/board/next_year.png') no-repeat; border:0}
|
|
.month_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
|
|
.month_list {width:100%; padding:15px 0; background:#fafafa; border:1px solid #e3e3e3; margin:10px 0 20px 0; overflow:hidden}
|
|
.month_list li {float:left; width:8%; padding:5px; text-align:center; font-size:15px; color:#575757; font-weight:600}
|
|
.month_list li:hover, .month_list li.current {border-radius:100px; color:#fff; background:url('/site/itn/img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
|
|
@media screen and (max-width: 540px) {
|
|
.month_list li {width:16%; font-size:13px; }
|
|
}
|
|
|
|
|
|
.calendar_pyo {width:99%; border-top:2px solid #a4a4a4;}
|
|
.calendar_pyo thead th {padding:10px 0; background:#d6d5d5; text-align:center;}
|
|
.calendar_pyo th.sunday {color:#ff2727}
|
|
.calendar_pyo th.saturday {color:#2773ff}
|
|
.calendar_pyo tbody th {padding:7px 0; border:1px solid #eaeaea; background:#f4f4f4; color:#000; text-align:center;}
|
|
|
|
/*갤러리대관-대관현황 190113 여현준 */
|
|
.calendar_pyo tbody td {padding: 5px 10px; border: 1px solid #eaeaea; text-align: center; height: 130px; vertical-align: top;}
|
|
|
|
.calendar_pyo a:hover {border-bottom:#ddd solid 1px; color:#9aa60f}
|
|
@media screen and (max-width: 1000px) {
|
|
.calendar_pyo_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
.calendar_pyo tbody td {font-size:12px}
|
|
}
|
|
.exbihition_wr {}
|
|
.exbihition_wr {width:350px; padding:10px; margin-bottom:10px 20px; background:#ffffff; border-top:3px solid #95c636}
|
|
.exbihition_wr dt {color:#95c636; font-size:18px; font-weight:600}
|
|
.exbihition_wr dd {color:#3c3c3c; font-size:15px; }
|
|
td.cal_ing {color:#ff9000; font-weight:700}
|
|
td.cal_end {color:#000; font-weight:700}
|
|
|
|
/*대관신청*/
|
|
.agreement_wr {overflow-y:auto; border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
|
|
padding:10px; width:100%; height:250px; font-size:15px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
.con44123_check {font-weight:500; color:#000; margin:10px 0 20px}
|
|
.con44123_check input {margin-left:20px}
|
|
|
|
.policy {color:#666}}
|
|
.policy p {font-weight:600; margin-bottom:10px}
|
|
.policy h4 {font-size:15px; color:#000}
|
|
.policy h4 strong {font-size:17px; color:#000}
|
|
.policy h5 {font-size:17px; color:#000}
|
|
.policy h6 {font-size:17px; color:#333}
|
|
.policy ol {margin:5px 0 10px 5px}
|
|
.policy .mt10 {margin-top:10px}
|
|
.exh_info_btn {background:#f4f4f4; border:1px solid #ddd; color:#5d5d5d; padding:0 10px; height:40px; font-weight:600}
|
|
.exh_info_btn:hover {background:#719135; border:1px solid #64822a; color:#fff; padding:0 10px; height:40px; font-weight:600}
|
|
|
|
/*탭1*/
|
|
.tab {list-style:none; margin-bottom:30px; overflow: hidden; background:#00afd6; padding:5px 5px 0}
|
|
.tab li{float:left; margin:0; cursor:pointer; height:40px; line-height:35px; background:url('/site/itn/img/tab_bar.png') no-repeat 0 10px; color:#fff;
|
|
display:inline-block; text-align:center; text-decoration:none; font-size:15px; transition:0.3s; }
|
|
.tab li:first-child {background:none;}
|
|
.tab li.current span.count {color:#fff; background:#9aa60f; border-radius:100px; padding:2px 7px; font-size:13px;
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
|
|
background: #bfc01d; /* Old browsers */
|
|
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
}
|
|
.tab li span.count {color:#9aa60f; background:#fff; border-radius:100px; padding:2px 7px; font-size:13px;}
|
|
.tabcontent {display: none;}
|
|
.tabcontent.current {display: block;}
|
|
ul.tab li.current {color:#616161; font-weight:500; font-size:16px; background: #fff;}
|
|
ul.tab li a {display: block; color:#fff; }
|
|
ul.tab li:hover {display: block; color:#616161; font-weight:500; background: #fff;}
|
|
ul.tab li a:hover {color:#007eb0;}
|
|
ul.tab li.current a {display: block; color:#616161; font-weight:500; background: #fff;}
|
|
|
|
.tab_wid2 li {width:50%}
|
|
.tab_wid3 li {width:33.3333%}
|
|
.tab_wid4 li {width:25%}
|
|
.tab_wid5 li {width:20%}
|
|
.tab_wid6 li {width:16.6%}
|
|
.tab_wid7 li {width:14%}
|
|
.tab_wid8 li {width:12.5%}
|
|
|
|
.tab_pc {display:block}
|
|
.tab_mobile {display:none}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.tab li span {display:none}
|
|
}
|
|
@media screen and (max-width:670px) {
|
|
.tab_pc {display:none}
|
|
.tab_mobile {display:block}
|
|
}
|
|
|
|
@media screen and (max-width:400px) {
|
|
.tab_pc {display:none}
|
|
.tab_mobile {display:block}
|
|
ul.tab li {font-size:13px;}
|
|
ul.tab li.current {color:#9aa60f; font-weight:500; font-size:13px; background: #fff;}
|
|
}
|
|
|
|
/*정보공개안내*/
|
|
.con_list03 {color:#9aa60f; font-size:18px; font-weight:500; letter-spacing:-1px;margin-top:15px; margin-left:20px; background:url('/site/itn/img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
|
|
/* .con_wr_text span {font-weight:500;} 20190220 ITN*/
|
|
|
|
/*이메일무단수집거부*/
|
|
.con_list04 {color:#9aa60f; font-size:14px; font-weight:400; letter-spacing:-1px;margin-top:15px; background:url('/site/itn/img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
|
|
.con_list04 a{color:#9aa60f;}
|
|
.border_box {margin-top:10px; border:1px solid #828282; padding-bottom:15px;}
|
|
|
|
/*영상정보 처리기기 운영방침*/
|
|
.sub66_title {text-align: center; line-height: 200%; letter-spacing:0pt; font-weight:600; font-size:20px}
|
|
.sub66_period {text-align: right; margin-top:10px; line-height: 200%; font-weight:500; font-size:15px}
|
|
.sub66_text {line-height: 200%; letter-spacing:0px; font-size:13px}
|
|
|
|
|
|
/*정보공개 자료*/
|
|
.bo_basic_list_02 {width:100%; font-size:15px}
|
|
.bo_basic_list_02 th {height:36px; background:#eeeeee;}
|
|
.bo_basic_list_02 td {height:36px; padding:12px 0 8px; border-bottom:2px solid #eeeeee; color:#666; text-align:center;}
|
|
.bo_basic_list_02 td.tbl_left {text-align:left;}
|
|
|
|
/*기타*/
|
|
.con_wr_text_02 {color:#666; font-size:15px; line-height:22px; margin-left:30px;}
|
|
|
|
|
|
/* 경영공시 */
|
|
.con553_wr {overflow:hidden}
|
|
.con553_box {float:left; width:31.3%; margin:1%; border:1px solid #eeeeee}
|
|
.con553_box dl dt {padding:20px 20px 0; color:#9ba50e; font-size:19px; font-weight:bold;}
|
|
.con553_box dl dd {font-size:15px; padding-left:10px; margin:10px 0 0 30px }
|
|
.con553_box dl dd ul li {line-height:18px; padding-bottom:6px;}
|
|
.con553_box dl dd ul li a {color:#333;}
|
|
.con553_box dl dd ul li a:hover {color:#9ba50e; font-weight:bold;}
|
|
|
|
.con553_box dl dd ul li ul {margin:5px 0 10px; font-size:14px}
|
|
.con553_box dl dd ul li ul li {line-height:17px; padding:5px 0 0 15px; font-size:14px}
|
|
.con553_box dl dd ul li ul li a {color:#777}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.con553_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee}
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
.con553_box {float:none; width:100%; margin:1% 0; border:1px solid #eeeeee}
|
|
}
|
|
|
|
/*사이트맵*/
|
|
.site_ul01 {display:block;width:100%;height:100%; padding:0 20px; margin-bottom:30px; overflow:hidden}
|
|
.site_ul01 > li {float:left;width:20%; margin-bottom:30px; text-align:left;word-break:keep-all;}
|
|
.site_ul01 li p {display:inline-block;font-size:24px;padding-bottom:20px;border-bottom:1px solid #dedede; color:#006297;}
|
|
.site_ul01 li a {color:#000;}
|
|
.site_ul01 li a:hover {text-decoration:underline !important;}
|
|
|
|
.site_ul02 {margin-top:15px;}
|
|
.site_ul02 > li {display:block;width:100%;margin-bottom:3px; font-size:16px;color:#000;}
|
|
|
|
.site_ul03 {margin:3px 0px 7px;}
|
|
.site_ul03 > li{margin:0px 0 0px 10px; line-height:18px;}
|
|
.site_ul03 > li:before {position:absolute; margin:8px 0 0 -8px; width: 4px; height: 4px; background: #006297; content:''; border-radius: 50%;}
|
|
.site_ul03 > li > a{font-size:13px; color:#444;}
|
|
|
|
.site_ul04 {margin:3px 0 7px;}
|
|
.site_ul04 > li {font-size:12px !important; margin:0px 0 0px 5px; color:#666}
|
|
.site_ul04 > li:before {position:absolute; margin:8px 0 0 -8px; width:3px; height:3px; background: #aaa; content:''; border-radius: 50%;}
|
|
.site_ul04 > li > a{font-size:12px; color:#777;}
|
|
|
|
@media screen and (max-width:700px) {
|
|
.site_ul01 > li {float:left;width:33%;}
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
.site_ul01 > li {float:left;width:50%;}
|
|
}
|
|
|
|
|
|
/*20191011 정수빈 수정*/
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.img422_01 {height:616px;}
|
|
}
|
|
|
|
@media screen and (max-width:700px) {
|
|
.img422_01 {height:616px;}
|
|
.img423_00 dl dt{font-size:40px;}
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
.img422_01 {height:616px;}
|
|
.img423_00 dl dt{font-size:40px;}
|
|
}
|
|
|
|
|