/* Sub_Main */ .sub6_main { clear:both; width:100%; display:inline-block; } .sub6_main .fl { float:left; width:340px; } .sub6_main .fr { float:right; width:310px; } .sub6_box { position:relative; height:150px; border:1px solid #ccc; border-top:none; overflow:hidden; margin-bottom:20px; } .sub6_box ul { clear:both; padding:25px 20px 0 10px; display:inline-block; } .sub6_box li { float:left; } .sub6_box li.right { margin-left:10px; width:175px; } .sub6_box p.tit { color:#3A661C; font-size:15px; font-weight:600; margin-bottom:10px; letter-spacing:-0.05em; } .sub6_box p.txt { color:#3f3f3f; font-size:12px; line-height:1.2em; letter-spacing:-0.05em; } .sub6_box2 { position:relative; height:129px; border:1px solid #ccc; border-top:none; overflow:hidden; margin-bottom:20px; } .sub6_box2 ul { clear:both; padding:0 20px 0 34px; display:inline-block; } .sub6_box2 li { float:left; } .sub6_box2 li.right { margin-left:50px; width:99px; } .sub6_box2 .txt { text-align:center; color:#3f3f3f; font-size:15px; font-weight:600; padding:20px 0; } .sub6_btn1 { width:99px; height:22px; line-height:22px; text-align:center; background:url('../img/sub/sub6_btn1_bg.gif') no-repeat left top; display:inline-block; } .sub6_btn1 a { color:#fff; letter-spacing:-0.05em; font-size:11px; font-weight:normal; } .sub6_btn2 { width:99px; height:22px; line-height:22px; text-align:center; background:url('../img/sub/sub6_btn1_bg2.gif') no-repeat left top; display:inline-block; } .sub6_btn2 a { color:#fff; letter-spacing:-0.05em; font-size:11px; font-weight:normal; } .sub6_box3 { position:relative; height:159px; border:1px solid #ccc; border-top:none; overflow:hidden; } .sub6_box3 ul { clear:both; padding:25px 20px 0 20px; display:inline-block; } .sub6_box3 li { float:left; } .sub6_box3 li.left { width:82px; text-align:center; font-size:14px; color:#3f3f3f; font-weight:600; line-height:1.4em; } .sub6_box3 li.left span { color:#3A661C; font-size:14px; } .sub6_box3 li.left img { margin-top:5px; } .sub6_box3 li.right { margin-left:20px; width:195px; color:#3f3f3f; line-height:1.4em; } .sub6_box4 { position:relative; height:152px; margin-top:41px; margin-bottom:20px; } .sub6_box4 .photo { position:absolute; top:0; left:0; z-index:0; } .sub6_box4 dl { position:absolute; top:10px; left:140px; width:172px; z-index:9; } .sub6_box4 dt { color:#3A661C; font-size:15px; font-weight:600; line-height:1.4em; letter-spacing:-0.05em; margin-bottom:15px; } .sub6_box4 dt span { color:#555; font-size:15px; } .sub6_box4 dd { color:#3f3f3f; line-height:1.4em; padding-left:45px; letter-spacing:-0.05em; } .sub6_box4 .btn { position:absolute; bottom:0; right:0; } .sub6_box5 { position:relative; height:98px; border:1px solid #3F6823; overflow:hidden; margin-bottom:30px; } .sub6_box5 dl { padding:20px; } .sub6_box5 dt { color:#3A661C; font-size:13px; font-weight:600; } .sub6_box5 dd { color:#3f3f3f; } .sub6_box5 .btn { position:absolute; top:64px; left:21px; } .sub6_box5 .icon { position:absolute; bottom:0; right:0; } .sub6_box6 { position:relative; clear:both; width:100%; } .sub6_box6 ul { padding:15px 20px; } .sub6_box6 li { color:#3f3f3f; letter-spacing:-0.05em; padding-left:10px; background:url('../img/sub/sub6_box5_bl.gif') no-repeat 0 0.5em; line-height:1.4em; } .sub6_box6 .search { width:270px; margin:0 auto; } .sub6_box6 input, .sub6_box6 select, .sub6_box6 img { vertical-align:middle; } .sub6_box6 .w_txt { border:1px solid #cacaca; width:140px; height:18px; } .sub6_box6 select { border:1px solid #707070; width:78px; height:20px; } /* Sub_Contents */ .sub6_1_2_top { font-size:13px; color:#4a4a4a; letter-spacing:-0.05em; line-height:1.4em; margin-bottom:50px; } .sub6_1_2_top span { font-size:13px; color:#000; font-weight:bold;} .sub6_1_2_top span.green_b { font-size:13px; color:#3A661C; font-weight:bold;} .sub6_1_2 { clear:both; width:100%; height:452px; background:url('../img/sub/sub6_1_2_bg.gif') no-repeat center; } .sub6_1_2 .tit { font-size:13px; color:#4a4a4a; letter-spacing:-0.05em; line-height:1.4em; margin-bottom:20px; } .sub6_1_2 span { font-size:13px; color:#3A661C; font-weight:bold;} .sub6_1_2_list { width:100%; display:inline-block; padding-top:20px; margin-top:20px; background:url('../img/sub/sub6_1_2_line.gif') repeat-x; } .sub6_1_2_list dt { float:left; width:100px; color:#5cb421; font-size:18px; font-weight:600; } .sub6_1_2_list dd { float:left; width:580px; } .sub6_1_2_list ul { width:100%; display:inline-block; } .sub6_1_2_list li { float:left; width:50%; font-size:14px; color:#555; font-weight:600; line-height:1.8em; margin-bottom:10px; } .sub6_1_2_list li span { color:#5cb421; font-size:14px; } .sub6_1_2_list li p { padding-left:10px; background:url('../img/sub/sub6_1_2_bl.gif') no-repeat 0 0.5em; font-size:13px; font-weight:normal; line-height:1.4em; color:#3f3f3f; } .sub6_1_2_list li p.first { margin-top:10px; } .sub6_1_7 { position:relative; overflow:hidden; padding:20px 0; text-align:center; border:1px solid #e8e8e8; background:#f8f8f8; margin-bottom:20px; } .gray_box {position:relative;overflow:hidden;height:auto;/* background:url('../img/sub/gray_box_bg.gif') no-repeat bottom; */background-size: cover;} .gray_box .leaf { position:absolute; top:0; left:0; } .sub6_2_1 { clear:both; padding:55px 20px 40px 25px;overflow:hidden; } .sub6_2_1 .photo { float:left; width:30%; text-align:center; margin-bottom:15px;} .sub6_2_1 .photo img.img { margin-bottom:5px; } .sub6_2_1 .photo .button3 a{padding: 4px 25px !important;} .sub6_2_1 dl { float:right; width:70%; } .sub6_2_1 dt { margin-bottom:40px; } .sub6_2_1 dd { font-size:16px; line-height:1.6em; letter-spacing:-0.075em; } .sub6_2_1 dd .orange { color:#C74A0E; font-size:20px; font-weight:500; margin-bottom:20px; } .sub6_2_1 dd .green { color:#4A6A0F; font-size:18px; font-weight:500; text-decoration:underline; } .sub6_2_1 dd .green2 { color:#337100; font-size:16px; font-weight:500; text-decoration:none; } .sub6_2_1 dd .green3 { color:#337100; font-size:18px; font-weight:500; text-decoration:none; } .sub6_2_1 dd .green span { color:#3f3f3f;font-weight:500; text-decoration:none; } .sub6_2_1 dd .sign { text-align:right; font-size:15px; margin-top:20px;} .sub6_2_1 dd .sign span { font-size:18px; font-weight:600; margin-left:10px;} .sub6_2_3_top { position:relative; overflow:hidden; background:#f2f2f2; border:1px solid #c4c4c4; margin-bottom:25px; } .sub6_2_3_top .txt {display:inline-block; padding:20px; color:#5d5d5d; line-height:1.6 } .sub6_2_3_top .btn { position:relative; float: right; padding:20px; right:12px; } .sub6_2_3_top .btn img { margin-left:2px; } .sub6_2_2_3 { width:100%; display:inline-block; } .sub6_2_2_3 .fl { float:left; width:220px; } .sub6_2_2_3 .fr { float:right; width:calc(100% - 240px);box-sizing:border-box; } .sub6_2_2_3_top { margin-bottom:10px; text-align:center; } .sub6_2_2_3_top select, .sub6_2_2_3_top img { vertical-align:middle; } .sub6_2_2_3_top select { width:70px; height:22px; line-height:20px; color:#3f3f3f; border-radius:3px; border:1px solid #acacac;background:#fff; } .sub6_2_2_3_top img { margin:0 3px; } .sub6_2_2_3_top2 { margin-bottom:15px; color:#555; font-size:15px; font-weight:600; } .sub6_2_2_3_top2 span.tit{margin-right:10px; } .sub6_2_2_3_top2 select { border:1px solid #acacac; width:132px; height:20px; line-height:20px; color:#3f3f3f; vertical-align:middle; } .sub6_2_2_3_top2 span.date{border:1px solid #ccc; padding:5px;background:#f8f8f8; } .sub6_2_2_3_box { overflow:hidden; background:#fff; border:6px solid #e6e6e6; } .sub6_calendar { clear:both; width:180px; margin:15px auto; color:#353535; } .sub6_calendar th { font-weight:bold; height:23px; text-align:center; background:url('../img/sub/calendar_bg.gif') repeat-x bottom; } .sub6_calendar td { height:24px; line-height:24px; text-align:center; vertical-align:middle; font-weight:normal; border-bottom:1px solid #e2e2e2; } .sub6_calendar a { color:#353535; } .sub6_calendar .sat, .calendar .sat a { color:#0000ff; } .sub6_calendar .sun, .calendar .sun a { color:#d90000; } .sub6_calendar .on { font-weight:bold; background:url('../img/sub/calendar_bg3.gif') no-repeat center; } .gray_box2 {position:relative;overflow:hidden;height:600px;/* background:url('../img/sub/gray_box2_bg.gif') no-repeat bottom; */background-size:cover} .gray_box2 .cup {position:absolute;bottom: 112px;right:223px;} .sub6_2_2_6 { clear:both; padding:58px 28px 0 34px; } .sub6_2_2_6 p.photo { float:right; width:245px; } .sub6_2_2_6 dl { float:left; width:420px; } .sub6_2_2_6 dt { margin-bottom:40px; } .sub6_2_2_6 dd { color:#3f3f3f; font-size:16px; line-height:1.6em; letter-spacing:-0.05em; } .sub6_2_2_6 dd .btn { margin-top:30px; } .sub6_2_2_6 dd .orange { color:#fff; background:#8d3a00; padding:1px 7px 2px; } .sub6_2_2_6 dd .blue a { color:#007cb3; } .sub6_3_1 { overflow:hidden; background:#fff; border:1px solid #e8e8e8; margin:20px 20px 0; } .sub6_3_1 ul { padding:20px; } .sub6_3_1 li {position:relative; text-align:left; padding-left:10px; /*background:url('../img/sub/h4_bl.gif') no-repeat 0 0.7em;*/ } .sub6_3_1 li:before {content: ""; position: absolute; background-color: #338cfa; width: 3px; height: 3px; left: 2px; top: 9px; border-radius:10px;} .danwei_idu{overflow:hidden;clear:both;border:1px solid #e8e8e8; padding:15px;} .danwei_idu .idu_img{float:left;width:170px;} .danwei_idu .idu_txt{float:left;width:auto;} .danwei_idu .idu_txt ul{margin-bottom:30px;} .danwei_idu .idu_txt ul li{padding-left:16px; /*background:url('../img/sub/txt_list_bl.gif') no-repeat 5px 0.6em;*/font-size:16px;line-height: 180%; } .danwei_idu .idu_txt ul li:before {content: "";display:inline-block;width: 5px; height: 5px; margin:3px 6px 3px -10px; border-right: 2px solid #338cfa;border-bottom: 2px solid #338cfa;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .danwei_idu .idu_txt .idu_name li{line-height:22px;background:none;padding-left:0;} .cii_title_box {clear:both;overflow:hidden;} .cii_title_box .cii_img {float: left;margin-top:5px;width:20%;} .cii_title_box .cii_spe {float: left;margin-top:5px;width:80%;font-size: 1.0em;} .cii_title_box .cii_spe br{display:none;} /*20230809 ci소개 버튼스타일 추가*/ .cii_title_box .cii_spe .cii_btn{clear:both;overflow:hidden;margin:10px 0;} .cii_title_box .cii_spe .cii_btn a{position:relative;} .cii_title_box .cii_spe .cii_btn a[title="파일 다운로드"]{display:inline-block;border:1px solid #c5c5c5;padding: 0px 25px 1px 17px;font-size: 1.0em;border-radius: 3px;} .cii_title_box .cii_spe .cii_btn a[title="파일 다운로드"]:hover{ background: #f0f0f0;} .cii_title_box .cii_spe .cii_btn a[title="파일 다운로드"]:after{content:'\2913';display:inline-block;position:absolute;top: -1px;right: 14px;} .cii_title_box .cii_tac{clear:both;overflow:hidden;padding:20px 0 20px 80px;} .cii_title_box .cat_img {float: left;margin-top:5px;width:30%;} .cii_title_box .cat_spe {float: left;margin-top:5px;width:70%;} .cii_title_box .cat_spe br{display:none;} .cii_title_box .cat_spe h4{position:relative;color:#1263af;/*font:bold 13px 'Nanum Gothic','나눔고딕';padding-left:15px; background:url('../img/common/dot_13.gif') no-repeat 0 0.3em;*/margin:5px 0 6px 0;} .cii_title_box .cat_spe h4:before {content: ""; position: absolute; background-color: #225898; width: 6px; height: 6px; left: 8px; top: 9px; border-radius:10px;} .cii_title_box .cat_spe .cii_btn{clear:both;overflow:hidden;margin:10px 0;} .cii_title_box .cat_spe .cii_btn a{position:relative;} .cii_title_box .cat_spe .cii_btn a[title="파일 다운로드"]{display:inline-block;border:1px solid #c5c5c5;padding: 0px 25px 1px 17px;font-size: 1.0em;border-radius: 3px;} .cii_title_box .cat_spe .cii_btn a[title="파일 다운로드"]:hover{ background: #f0f0f0;} .cii_title_box .cat_spe .cii_btn a[title="파일 다운로드"]:after{content:'\2913';display:inline-block;position:absolute;top: -1px;right: 14px;} .cii_img2{clear:both;overflow:hidden;text-align:center;} .cii_img2 ul li{display:inline-block;padding:0 15px 0 18px;} .cii_img3{clear:both;overflow:hidden;text-align:center;} .cii_img3 ul{clear:both;overflow:hidden;padding:0;} .cii_img3 ul li{float:left;padding:0 5px 0;height:110px;} .cii_img4{clear:both;overflow:hidden;} .cii_img4 ul{padding:10px 0 0 40px;} .cii_img4 ul li{float:left;padding:0 15px 10px 18px;width:260px;} .cii_img5{clear:both;overflow:hidden;} .cii_img5 ul{padding:10px 40px 0 50px;clear: both;overflow: hidden;} .cii_img5 ul li:first-child{padding:0px 20px 0 20px;} .cii_img5 ul li{float:left;padding:30px 20px 0 20px;} .cii_img6{clear:both;overflow:hidden;} .cii_img6 ul{/*padding:0 0 0 20px;*/clear:both;overflow:hidden;width: 100%;} .cii_img6 ul li{float:left;box-sizing: border-box;padding:10px 20px 10px 20px;width:25%;height:130px;text-align:center;border-bottom:1px solid #e8e8e8;} .cii_img6 ul li.last{border-bottom:none;} .cii_img7{clear:both;overflow:hidden;} .cii_img7 ul{/*padding:0 0 0 20px;*/clear:both;overflow:hidden;width: 100%;} .cii_img7 ul li{float:left;padding:10px 15px 15px 15px;width:16.6666%;height:90px;text-align:center; box-sizing: border-box;} .cii_img7 ul li.last{border-bottom:none;} .idu_title_box{clear:both;overflow:hidden;} .idu_title_box .idu_img{ position:relative; display: inline-block; width:160px; margin: 0 0 0 0;} .idu_title_box .idu_con{ display: inline-block; width:calc(100% - 170px); margin-top: 20px; vertical-align: top;} .idu_title_box .idu_con h3{clear:both;margin:10px 0 8px;} .idu_title_box .idu_con ul{clear:both;overflow:hidden;padding-bottom:20px;font-size:16px; } .idu_title_box .idu_con ul li{font-size:16px; } .idu_title_box .idu_con dl.dl_list1{clear:both;overflow:hidden;padding-bottom:20px;} .idu_title_box .idu_con dl.dl_list1 dt{clear:both;float:left;width:135px !important;} .idu_title_box .idu_con dl.dl_list1 dd{float:left;width:400px;} /* eidted by kjs 20160817 : 청장프로필 형식 변경 */ .idu_title_box .idu_con dl.dl_list1_1{clear:both;overflow:hidden;padding-bottom:20px;} .idu_title_box .idu_con dl.dl_list1_1 dt{clear:both;float:left;width: 60px !important;max-width: 180px !important;padding-bottom:20px;font-size:16px;} .idu_title_box .idu_con dl.dl_list1_1 dd{float:left;width:500px;padding-bottom:20px;font-size:16px;} .dl_list1_1_span {padding-left:7px;} .dl_list1_2_span {padding-left:12px;} /*// eidted by kjs 20160817 : 청장프로필 형식 변경 */ /* 청차장프로필 20200130 */ .ldu_history {position:relative; overflow:hidden; padding-left:16px;} .ldu_history li {position:relative; padding-left:10px; margin-bottom:16px; } .ldu_history li:before {content: ""; position: absolute; background-color: #225898; width: 3px; height: 3px; left: 0; top: 10px; border-radius:50%;} .ldu_history .dAte1 {display: inline-block; font-size:16px; margin-right:12px; color: #225898;} .ldu_history .dAte {display: inline-block; font-size:16px; min-width: 150px; margin-right:12px; color: #225898;} .ldu_history .tExt {display: inline-block; font-size:16px;width: calc(100% - 172px); vertical-align: top;} .idu_title_box .idu_con dl.dl_list2{clear:both;overflow:hidden;padding-bottom:20px;} .idu_title_box .idu_con dl.dl_list2 dt{clear:both;float:left;width:75px;} .idu_title_box .idu_con dl.dl_list2 dd{float:left;width:300px;} .map_box{clear:both;overflow:hidden;} .map_box .box1 .map_left{float:left;} .map_box .box1 .map_right{float:right;width:calc(100% - 300px);padding:10px 20px 0 0;} .map_box h4.green { position:relative; width:100%; font-size:13px; font-weight:500; color:#3A661C; padding-left:17px; /*background:url('../img/sub/h4_bl_green.gif') no-repeat 7px 0.4em;*/ margin:0 0 8px 0; padding-bottom:0; } .map_box h4.green:before {content: ""; position: absolute; background-color: #225898; width: 6px; height: 6px; left: 2px; top: 9px; border-radius:10px;} .map_box .small_box{clear:both;overflow:hidden;padding:10px 15px;background:#eeeeee;} .idu_chajang{clear:both;overflow:hidden;padding:0 0 0 15px;} .idu_chajang .idu_history_line{clear:both;padding:10px 0 10px 0;position: relative;} .idu_chajang .idu_history{clear:both;overflow:hidden;margin-left:42px;padding:20px 0;} .idu_chajang .idu_history li{float:left;width: 120px;text-align:center;padding-bottom:20px;line-height:18px;} .idu_chajang .idu_history li p{line-height:16px;letter-spacing:-.03em;} .idu_chajang .idu_history li img {width:89px;height:106px;padding-bottom:5px;} .map_inside_tab{clear:both;overflow:hidden;padding:15px 0 15px 0;} .map_inside_tab li{ float:left;margin-right:6px;padding-bottom:5px;} .map_inside_tab li a{display:block;border:1px solid #0662a3;padding:1px 10px 2px 10px;background:#0662a3;color:#FFF;border-radius:20px;} .map_inside_tab li a:hover{border:1px solid #0662a3;font-weight: 600;background:#FFF;color:#0662a3;} .map_inside_tab li a.on{border:1px solid #0662a3;font-weight: 600;background:#FFF;color:#0662a3;} .organization{clear:both;overflow:hidden;position:relative;/* width:680px; background:url('../img/sub/org/organization_bg.gif') no-repeat;*/display:block;} /* 반응형관련수정 */ .organization_m{display:none;} /* 반응형관련수정 */ .organization .orgBtnTop{position:relative;height:440px;} .organization .orgBtnTop:before{ content: ''; display: block; position: absolute; background: #d2d2d2; width:90%; height:1px; bottom:0; left:50%;transform: translateX(-50%);} .organization .orgBtnTop ul li.dt1{position:absolute; top:0; left:50%;border-radius:60px;transform: translateX(-50%);background:linear-gradient(45deg, #043965, #225898);width:120px; height:120px;text-align:center;} .organization .orgBtnTop ul li.dt1 a{color:#FFF; line-height:120px;font-size:16px;} .organization .orgBtnTop ul li.dt1:before{ content: ''; display: block; position: absolute; background: #d2d2d2; width: 1px; height:320px; top:120px; left:50%; } .organization .orgBtnTop ul li.dt1:after{ content: ''; display: block; position: absolute; background: #d2d2d2; width:225px; height:1px; top:150px; right:60px; } .organization .orgBtnTop ul li.dt2{position:absolute; top:25px; left:427px; display:none;} .organization .orgBtnTop ul li.dt3{position:absolute; top:130px; left:10%;transform: translateX(-10%);background: #FFF;border:2px solid #225898;width:150px; height:40px;text-align:center;} .organization .orgBtnTop ul li.dt3 a{line-height:40px;font-size:16px;display:block;width:100%;} .organization .orgBtnTop ul li.dt4{position:absolute; top:180px; left:50%;transform: translateX(-50%);background: #225898;border:2px solid #225898;width:150px;text-align:center;} .organization .orgBtnTop ul li.dt4 a{line-height:40px;color:#FFF;font-size:16px;display:block;width:100%;} /* 조직도 추가요청에 따른 수정 2020.12.31 */ .organization .orgBtnTop ul li.dt4:after{content: '';display: block;position: absolute;background: #d2d2d2;width:225px;height:1px;top:80px;right: 72px;} .organization .orgBtnTop ul li.dt5{position:absolute; top:94px; left:427px; display:none;} .organization .orgBtnTop ul li.dt6{position:absolute;top:240px;left: 10%;transform: translateX(-10%);background: #FFF;border:2px solid #225898;width:150px;text-align:center;} .organization .orgBtnTop ul li.dt6 a{line-height:40px;font-size:16px;display:block;width:100%;} .organization .orgBtnTop ul li.dt7{position:absolute;top:300px;left: 10%;transform: translateX(-10%);background: #FFF;border: 1px dashed #862298;width:150px;text-align:center;height: 48px;} .organization .orgBtnTop ul li.dt7 a{line-height:1.2;font-size:15px;} .organization .orgBtnTop ul li.dt7 span {line-height: 18px;font-size: 14px;} .organization .orgBtnTop ul li.dt7:before{content: '';display: block;position: absolute;background: #d2d2d2;width: 244px;height:1px;top: 21px;left: 155px;} .organization .orgBtnTop ul li.dt8{position:absolute;top: 303px;right: 10%;transform: translateX(-10%);background: #FFF;border: 1px dashed #862298;width:150px;height:40px;/* vertical-align: middle; */text-align:center;} .organization .orgBtnTop ul li.dt8 a{line-height: 40px;font-size:15px;} .organization .orgBtnTop ul li.dt8 span {line-height: 34px;font-size: 14px;} .organization .orgBtnTop ul li.dt8:before{content: '';display: block;position: absolute;background: #d2d2d2;width: 192px;height:1px;top: 18px;right: 156px;} .organization .orgBtnTop ul li.dt9{position:absolute;top: 363px;right: 10%;transform: translateX(-10%);background: #FFF;border: 1px dashed #862298;width:150px;height:40px;/* vertical-align: middle; */text-align:center;} .organization .orgBtnTop ul li.dt9 a{line-height: 40px;font-size:15px;} .organization .orgBtnTop ul li.dt9 span {line-height: 34px;font-size: 14px;} .organization .orgBtnTop ul li.dt9:before{content: '';display: block;position: absolute;background: #d2d2d2;width: 192px;height:1px;top: 18px;right: 156px;} .organization_info p{text-align:left;margin-bottom:5px;} .organization_info .detail{position:relative;color:#225898;} .organization_info .detail:before { content: ''; display: inline-block; border: 1px dotted #862298; vertical-align: middle; width: 22px; height: 16px; margin-right: 5px; } .organization_info .detail>em{color:#862298;} /* 조직도 추가요청에 따른 수정 끝 2020.12.31 */ .organization .orgBtnBottom{position:relative; } .organization .orgBtnBottom ul {height:350px;} .organization .orgBtnBottom ul:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:250px; top:0px; right:5%;margin-left:3px; } .organization .orgBtnBottom ul:after{content: ''; display: block; position: absolute; background: #d2d2d2; width:83%; height:1px; top:250px; left:53%;transform: translateX(-50%);margin-left:3px; } .organization .orgBtnBottom ul li.dd1{position:absolute; top:20px; left:0;background:#ECECEC;width:130px; text-align:center;} .organization .orgBtnBottom ul li.dd1 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd1:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:32%;margin-left:3px; } .organization .orgBtnBottom ul li.dd2{position:absolute; top:20px; left:174px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd2:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd2 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd3{position:absolute; top:20px; left:350px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd3:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd3 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd4{position:absolute; top:20px; left:536px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd4:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd4 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd5{position:absolute; top:20px; left:700px;background:#ECECEC;width:130px; text-align:center;} .organization .orgBtnBottom ul li.dd5:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd5 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd2 p{position:absolute; top:62px; left:7px;} .organization .orgBtnBottom ul li.dd3 p{position:absolute; top:62px; left:-24px;} .organization .orgBtnBottom ul li.dd4 p{position:absolute; top:62px; left:-20px;} .organization .orgBtnBottom ul li.dd5 p{position:absolute; top:62px; left:7px;} /* .organization .orgBtnBottom ul li.dd9{position:absolute; top:219px; left:55px;} .organization .orgBtnBottom ul li.dd8{position:absolute; top:219px; left:211px;} .organization .orgBtnBottom ul li.dd7{position:absolute; top:219px; left:375px;} .organization .orgBtnBottom ul li.dd6{position:absolute; top:219px; left:526px;} */ /* 20190304 변경추가 */ .organization .orgBtnBottom ul li.dd10{position:absolute; top:270px; left:360px;background:#ECECEC;width:170px;text-align:center;} .organization .orgBtnBottom ul li.dd10:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd10 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd9{position:absolute; top:270px; left:40px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd9:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd9 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd8{position:absolute; top:270px; left:200px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd8:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd8 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd7{position:absolute;top:270px; left:560px;background:#ECECEC;width:150px; text-align:center;} .organization .orgBtnBottom ul li.dd7:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:50%;margin-left:3px; } .organization .orgBtnBottom ul li.dd7 a{line-height:40px;font-size:14px;display:block;width:100%;} .organization .orgBtnBottom ul li.dd6{position:absolute;top:270px; left:740px;background:#ECECEC;width:130px;text-align:center;} .organization .orgBtnBottom ul li.dd6:before{content: ''; display: block; position: absolute; background: #d2d2d2; width:1px; height:20px; top:-20px; left:45%;margin-left:3px;} .organization .orgBtnBottom ul li.dd6 a{line-height:40px;font-size:14px;display:block;width:100%;} /* 20161026_장주연추가 */ .organization .orgBtnBottom_sub {clear:both; position: relative; height:300px;} .organization .orgBtnBottom_sub > ul {overflow: hidden;} .organization .orgBtnBottom_sub > ul > li {display:inline-block; float: left; padding-left:0; background:none;} .organization .orgBtnBottom_sub > ul > li > div {position:absolute; left:0; top:17px; width:100%; z-index:5;} .organization .orgBtnBottom_sub > ul > li > a {display:block; font-size: 14px; color: #3f3f3f; line-height: 18px; width:124px; text-indent:-9999px; text-align:center; background: url('../img/sub/org/btn_org_view.png') repeat-x 0 0;} .organization .orgBtnBottom_sub > ul > li:first-child > a {margin: 0 0 0 0;} .organization .orgBtnBottom_sub > ul > li > a.on {color:#fff; background: url('../img/sub/org/btn_org_view_off.png') repeat-x 0 0;} .organization .orgBtnBottom_sub div {} /*.organization .orgBtnBottom_sub div > ul li {padding: 0 0 5px 14px; background: url('/images/front/main/list_jum.gif') no-repeat 3px 10px; position: relative; overflow: hidden;} .organization .orgBtnBottom_sub div > ul li.no_bg {padding: 0 0 12px 0; background: none;} .organization .orgBtnBottom_sub div > ul li span {position: absolute; top:0; right:0; font-size: 12px; color:#888;} .sub_tab_9 div > p {position:absolute; right:0px; top:-48px;}*/ .inner_list {margin: 3px 0 10px;} .inner_list li {background:none !important;} .idu_edu li .inner_list li {background:none !important; font-size: 13px; padding-left: 2px;} .idu_edu li .inner_list li:before {content: none;} .down_btn {position:absolute; right:0;} .down_btn2 {position:absolute; right:20px;} /* load_map */ .load_map{clear:both;overflow:hidden;position:relative; width:680px;height:840px;background:url('../img/sub/load_map/bg_load_map.gif') no-repeat;} .load_map h3, .load_map h4{background:none;padding:0;margin:0;} .load_map h3.title1{position:absolute; top:0; left:0;} .load_map h3.title2{position:absolute; top:485px; right:1px;} .load_map h3.title3{position:absolute; top:485px; left:0;} .load_map h4.title1{position:absolute; top:40px; left:73px;} .load_map h4.title2{position:absolute; top:40px; left:288px;} .load_map h4.title3{position:absolute; top:40px; left:501px;} .load_map h4.title4{position:absolute; top:485px; left:72px;} .load_map h4.title5{position:absolute; top:577px; left:72px;} .load_map h4.title6{position:absolute; top:700px; left:72px;} .load_map .txt_box1 li, .load_map .txt_box2 li{clear:both;width:119px;text-align:center;line-height:14px;height:35px;font-size:11px;margin-bottom:10px;font-family:"Dotum", "Gulim";} .load_map .txt_box3 li{clear:both;width:119px;text-align:center;line-height:14px;height:26px;font-size:11px;margin-bottom:4px;font-family:"Dotum", "Gulim";} .load_map .year1_2017{position:absolute; top:125px; left:20px;color:#3A661C;font-size:14px;} .load_map .year1_2012{position:absolute; top:275px; left:20px;color:#3A661C;font-size:14px;} .load_map .year2_2017{position:absolute; top:816px; left:569px;color:#fff;font-size:14px;} .load_map .year2_2012{position:absolute; top:816px; left:393px;color:#fff;font-size:14px;} .load_map .year2_2009{position:absolute; top:816px; left:220px;color:#fff;font-size:14px;} .load_map .txt_box1_1{position:absolute; top:105px;left:80px;} .load_map .txt_box1_2{position:absolute; top:246px;left:80px;} .load_map .txt_box2_1{position:absolute; top:105px;left:296px;} .load_map .txt_box2_2{position:absolute; top:246px;left:296px;} .load_map .txt_box2_3{position:absolute; top:360px;left:296px;} .load_map .txt_box3_1{position:absolute; top:110px;left:509px;} .load_map .txt_box3_2{position:absolute; top:249px;left:509px;} .load_map .txt_box3_3{position:absolute; top:363px;left:509px;} .load_map .txt_box4_1{position:absolute; top:526px;left:188px;} .load_map .txt_box4_2{position:absolute; top:526px;left:338px;} .load_map .txt_box4_3{position:absolute; top:526px;left:488px;} .load_map .txt_box5_1{position:absolute; top:624px;left:188px;} .load_map .txt_box5_2{position:absolute; top:624px;left:338px;} .load_map .txt_box5_3{position:absolute; top:624px;left:488px;} .load_map .txt_box6_1{position:absolute; top:747px;left:188px;} .load_map .txt_box6_2{position:absolute; top:747px;left:338px;} .load_map .txt_box6_3{position:absolute; top:747px;left:488px;} .load_map .txt_box4 li, .load_map .txt_box5 li, .load_map .txt_box6 li{background:#9d9d9d;color:#fff;clear:both;width:144px;text-align:center;line-height:14px;height:30px;padding-top:4px;font-size:11px;margin-bottom:10px;font-family:"Dotum", "Gulim";} .load_map .tb_text_001{position:absolute; top:492px;left:204px;color:#3f890e;} .load_map .tb_text_002{position:absolute; top:592px;left:204px;color:#3f890e;} .load_map .tb_text_003{position:absolute; top:715px;left:204px;color:#3f890e;} /* 2015-03-25 edit mission */ /* .misVis{background:url('../img/sub/bg_mission.gif') no-repeat 0 0;margin:20px auto;width:544px;height:662px; display:block;} */ .misVis{background:url('../img/sub/bg_mission1218.jpg') no-repeat top right;margin:0px auto;width:680px; display:block;} .misVis_m{display:none;} .misVis .mission{padding-top:0px;text-align:left;} .misVis .mission li{display:inline-block;vertical-align: top; } .misVis .mission li p{font-size: 15px;line-height: 63px;font-weight: 600;letter-spacing: -0.05em;margin-bottom:11px;} .misVis .mission .tit_mission{margin-bottom:5px;} .misVis .mission .mission_text{margin-left:120px;} .misVis .vision{padding-top:38px;text-align:left;} .misVis .vision li{display:inline-block;vertical-align: top; padding-top: 0;} .misVis .vision li p{font-size: 15px;line-height: 60px;font-weight: 600;letter-spacing: -0.05em;} .misVis .vision .tit_vision{margin-bottom:5px;} .misVis .vision .vision_text{margin-left:140px;vertical-align: top;} .misVis .goal{padding-top:90px;} .misVis .goal .tit_goal{margin-bottom:32px;text-align:center;} .misVis .goal .goal_list{height:43px;clear:both;} .misVis .goal .goal_list li{display:inline;margin:0 0 13px 66px;float:left;} .misVis .goal .goal_list li.goal_list_two{margin-left:99px;} .misVis .goal .goal_list li.goal_list_four{margin-left:37px;} .misVis .plan{padding-top:49px;} .misVis .plan .tit_plan{margin-bottom:32px;text-align:center;} .misVis .plan .plan_list{margin-bottom:32px;width:240px;height:63px;float:left;} .misVis .plan .plan_list_two{margin:0 0 35px 32px;width:240px;height:63px;float:left;} .misVis .plan .plan_list_four{margin:0 0 32px 32px;width:240px;height:63px;float:left;} .misVis .plan dt{margin:0 0 25px 25px;} .misVis .plan dd{margin:0 0 0 30px;} /*********************************************** 2021_조직도 ***********************************************/ .orgWrap .org_01, .orgWrap .org_02, .orgWrap .org_02-1, .orgWrap .org_03, .orgWrap .org_04 {position: relative;} #rightcolumn .orgWrap h4, #rightcolumn .orgWrap h5 {border-radius: 50%;display: inline-table;text-align: center;margin-bottom: 20px;} #rightcolumn .orgWrap h4:before, #rightcolumn .orgWrap h5:before {content: none;} #rightcolumn .orgWrap h4 {background-color: #204ca9;width: 122px;height: 122px;padding-left:0;} #rightcolumn .orgWrap h5 {background-color: #00599b;width: 80px;height: 80px;padding-left:0;margin:0;} .orgWrap h6 {background: #454a52;height: 48px;line-height: 48px;display: inline-table;width: 100%;text-align: center;margin-bottom: 5px;max-width: 145px;} .orgWrap .org_02-1 h6 {background: #FFF;border: 1px dashed #862298;} .orgWrap h4 a, .orgWrap h5 a, .orgWrap h6 a {color: #FFF;display: table-cell;vertical-align: middle;font-weight: 400;word-break: keep-all;} .orgWrap .org_02-1 h6 a {font-size: .95rem;color: #000;line-height: 1.2;} .orgWrap h4 a {font-size: 1.4rem;} .orgWrap h5 a,.orgWrap h6 a {font-size: 1rem;} .orgWrap .org_2depth {background: #4c576e;height: 48px;line-height: 48px;display: inline-table;width: 100%;text-align: center;margin-bottom: 5px;} .orgWrap .org_01 .org_2depth {border: 1px solid #315ebd;background-color: #fff;} .orgWrap .org_2depth a {color: #FFF;display: table-cell;vertical-align: middle;font-size: 1rem;font-weight: 400;} .orgWrap .org_01 .org_2depth a {color: #0c4cd3;} .orgWrap ul.org_list {text-align:center;} .orgWrap ul.org_list li {position: relative;display: inline-block;text-align: left;margin-bottom: 5px;vertical-align: top; /* word-break: keep-all; */} .orgWrap ul.org_list li a {display: inline-block;color: #585858;font-size: 0.98rem;font-weight: 400;width: 25px;min-height: 168px;text-align: center;padding: 6px 6px;line-height: 1.1rem;background: #fff;border: 1px solid #dfdfdf;vertical-align: top;} .orgWrap .org_03 li:nth-child(4) li:nth-last-child(1) {/* background: #FFF; *//* border: 1px dashed #862298; */} .orgWrap .org_03 li:nth-child(4) li:nth-last-child(1) a{/* border:0; *//* cursor: auto; */}/*페이지 url 적용시 cursor: auto; 삭제해주세요*/ .orgWrap ul li {margin-top: 0;} .orgWrap .org_01 > ul, .orgWrap .org_02 > ul, .orgWrap .org_02-1 > ul, .orgWrap .org_03 > ul, .orgWrap .org_04 > ul, .orgWrap .org_01 > ul > li, .orgWrap .org_02 > ul > li, .orgWrap .org_02-1 > ul > li, .orgWrap .org_03 > ul > li, .orgWrap .org_04 > ul > li, .orgWrap .org_02 > ul > li > ul, .orgWrap .org_02-1 > ul > li > ul, .orgWrap .org_04 > ul > li > ul, .orgWrap .org_02 > ul > li > ul > li, .orgWrap .org_02-1 > ul > li > ul > li, .orgWrap .org_05 > ul > li > ul > li {position: relative;} .orgWrap .org_02 > ul > li > ul, .orgWrap .org_02-1 > ul > li > ul {margin-top: 15px;} .orgWrap .org_02 > ul > li:first-child > ul, .orgWrap .org_02-1 > ul > li:first-child > ul {margin-top: 0;} .orgWrap .org_01 > ul:after, .orgWrap .org_02 > ul:after, .orgWrap .org_02-1 > ul:after, .orgWrap .org_03 > ul:after, .orgWrap .org_04 > ul:after, .orgWrap .org_02 > ul > li > ul:after, .orgWrap .org_02-1 > ul > li > ul:after {content: "";background-color: #d2d2d2;width: 100%;height: 1px;position: absolute;top: 25px;left: 9%;z-index: -1;} .orgWrap .org_01 > ul:after {width: 37.5%;left: 12.4%;} .orgWrap .org_02 > ul:after {width: 37%;left: 13%;} .orgWrap .org_02-1 > ul:after {width: 35%;left: 50%;}/*20231228수정*/ .orgWrap .org_02-1 > ul:last-child:after { width: 37%;left: 50%;} .orgWrap .org_02 > ul:before {content: "";background-color: #d2d2d2;width: 52%; height: 1px;position: absolute; top: 98px;left: 50.4%;z-index: -1;} .orgWrap .org_03 > ul:after {top: 0;} .orgWrap .org_04 > ul:after {top: 0;left: 10%;} .orgWrap .org_02 > ul > li > ul:after {top: 0; left: 24.8%;width: 50%;} .orgWrap .org_02 > ul > li:first-child > ul:after {display: none;} .orgWrap .org_03 > ul > li:after, .orgWrap .org_04 > ul > li:after, .orgWrap .org_02 > ul > li > ul > li:after, .orgWrap .org_02-1 > ul > li > ul > li:after {content: "";background-color: #d2d2d2;width: 1px; height: 48px; line-height: 48px;position: absolute;top: 0;left: 50%;margin-left: 0;z-index: -1;} .orgWrap .org_01 > ul > li:after { top: 0;} .orgWrap .org_02 > ul > li:first-child > ul > li:after {display: none;} .orgWrap .org_01 {width: 100%; margin: 0 auto; text-align: center;} .orgWrap .org_01:after, .orgWrap .org_02:after, .orgWrap .org_02-1:after{content: "";background-color: #d2d2d2;width: 1px;height: 100%;position: absolute;top: 0;left: 50%; margin-left: -1px;z-index: -1;} .orgWrap .org_01 > ul {overflow: hidden;width: 67%;margin: 0 auto;} .orgWrap .org_01 > ul > li {float: left;width: 20%;text-align: center;} .orgWrap .org_01 > ul > li:first-child {} .orgWrap .org_01 > ul > li:last-child {float: right;} .orgWrap .org_02, .orgWrap .org_02-1, .orgWrap .org_03, .orgWrap .org_04 { padding-bottom: 20px;} .orgWrap .org_02 > ul, .orgWrap .org_02-1 > ul {overflow: hidden;} .orgWrap .org_02 > ul > li, .orgWrap .org_02-1 > ul > li{float: left;width: 33.3%;text-align: center;} .orgWrap .org_02 > ul > li:last-child, .orgWrap .org_02-1 > ul > li:last-child {float: right;} /*20231228조직도수정*/ .orgWrap .org_02-1 > ul > li:nth-child(1) h6{ display: none;} .orgWrap .org_02 > ul > li:first-child:after { display: none;} .orgWrap .org_02 > ul > li > ul > li { float: left;width: 50%; box-sizing: border-box; padding-right: 5px; padding-top: 20px;} .orgWrap .org_02 > ul > li:first-child > ul > li {float: left; clear: both;} .orgWrap .org_02 > ul > li:first-child > ul > li:first-child { float: right;padding-right: 0;} .orgWrap .org_02 > ul > li > ul > li:last-child {padding-left: 0;padding-right: 5px;} .orgWrap .org_03{border-right: 1px solid #d2d2d2;box-sizing: border-box;} .orgWrap .org_03 > ul, .orgWrap .org_04 > ul{ overflow: hidden;} .orgWrap .org_03 > ul > li {float: left;width: 18%;box-sizing: border-box;padding: 0 5px;padding-top: 20px;} .orgWrap .org_03 > ul > li:nth-child(3), .orgWrap .org_03 > ul > li:nth-child(4) {width: 23%;} .orgWrap .org_04 > ul > li {float: left;display: inline-flex;width: 20%;box-sizing: border-box;padding-right: 20px;padding-top: 20px;} .orgWrap .org_04 > ul > li:last-child {padding-right: 0;} .orgWrap .org_04 > ul > li h6 {max-width: 100%;background: #09557e;margin-bottom: 0;} .orgWrap .org_02 > ul > li > ul > li.org_add { padding-top:60px;padding-right:0;margin-left:15%;margin-right:-15%;} .orgWrap .org_02 > ul > li > ul > li.org_add > ul > li {padding-right:0;} .orgWrap .org_02 > ul > li > ul > li.org_add:after {width:140px;height:2px;top:80px;left:auto;right:-70%;} .orgWrap .org_03 li:nth-child(3) li:nth-last-child(1){background: #FFF; border: 1px dashed #862298;} .orgWrap .org_03 li:nth-child(3) li:nth-last-child(1) a{border:0;min-height: 166px;} /*대표홈-영문-청차장리스트 추가*/ .addType1{margin-top: 30px;} .addType1 .idu_history_line:after{ content:''; display: inline-block;width: 93%;height: 10px;background: #fff;position: absolute;right: 0;bottom: 8px;} .addType1 .lastArea:after{width: 84%;} .addType1 .idu_history{margin-left: 0;padding: 0 0 40px;} .addType1 .idu_history li{border-right: 1px solid #d9d9d9;border-bottom: 1px solid #ccc;padding: 15px 7px 0;margin: 14px 7px 0;border-radius: 5px;box-shadow: 0px 0px 4px #e5e5e5;min-height: 180px;width: 150px;} .addType1 .idu_history li p strong{display:block;} .addType1 .idu_history li img{ width: 91px; height: 108px; border-radius: 5px; border: 1px solid #efefef; padding-bottom: 0; margin-bottom: 7px; } /* 미디어쿼리_추가 */ @media all and (max-width:1023px) { /* tablet ver */ .organization{margin:0 auto;} /* 반응형관련수정 */ } @media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */ } @media all and (max-width:840px) { /*********************************************** 2021_조직도 ***********************************************/ .orgWrap .org_01 > ul {width: 90%;} .orgWrap .org_02 > ul > li {width: 45%;} .orgWrap .org_03 > ul:after {left: 25%;} .orgWrap .org_03 > ul > li, .orgWrap .org_03 > ul > li:nth-child(3), .orgWrap .org_03 > ul > li:nth-child(4){width: 50%;} .orgWrap .org_03 > ul > li:nth-child(2n+1) {clear: both;} .orgWrap .org_04 > ul:after {left: 16.5%;} .orgWrap .org_04 > ul > li {width: 33.3%;} .orgWrap .org_04 > ul > li:nth-child(3n+3) {padding-right: 0;} .orgWrap .org_04 > ul > li:nth-child(3n+1) {clear: both;} .orgWrap .org_04 > ul > li:last-child {padding-right: 20px;} .orgWrap .org_02 > ul > li > ul > li.org_add {margin-left:5%; margin-right:-5%;} .orgWrap .org_02 > ul > li > ul > li.org_add:after {width:70px; right:-13%;} .orgWrap ul.org_list li a{width: 24px;} } @media all and (max-width:767px) { /* tablet ver */ .sub6_1_2_top { margin-bottom:20px; } .gray_box2 { position:relative; overflow:hidden; height:auto;} .sub6_2_1 p.photo { float:none; margin-bottom:20px; } .sub6_2_1 dl { float:none; width:100%; } .sub6_2_1 dt img {max-width:100%;} .sub6_2_2_6 { clear:both; padding:18px 0 0 0; } .sub6_2_2_6 dl {float:none; width:100%;} .sub6_2_2_6 dt img {max-width:100%;} .cii_title_box .cat_img {float: none;margin-top:5px;text-align:center;width:100%;} .cii_title_box .cat_spe {float: none;margin-top:10px;width:100%;} .misVis{display:none;} .misVis_m{display:block; margin:20px auto; text-align:center;} .misVis_m img {width:100%;} .organization{display:none;} /* 반응형관련수정 */ .organization_m{display:block; text-align:center;} /* 반응형관련수정 */ .organization_m img {max-width:100%; margin:10px 0 20px;} .table_scroll {width:100%; position:relative;} .table_scroll:before {content:"↔ 좌우로 스크롤하여 확인하세요.";display:block;/*position:absolute; top:-20px; right:0;*/font-weight:500;font-size: 11px;color: #222;opacity: 0.8;letter-spacing:0;text-align:right;margin-top: 0px;} .table_scroll div {width:100%; overflow-x:auto;} .table_scroll div table {width:700px !important; border-collapse: collapse;} .table_scroll div table.line_container {width:450px; margin: 0;} .map_box .box1 .map_right{float:none;width:100%;} .map_load img {max-width:100%;} .jeonju_to_rda dt {text-align:left;} .cii_title_box .cii_img {float: none;margin-top:0; margin:10px auto; text-align:center; width:100%;} .cii_title_box .cii_spe {float: none;margin-top:0; width:100%;} .idu_title_box .idu_con dl.dl_list1_1 dd{float:none;width:500px;padding-bottom:20px;font-size:16px;} .map_box .box1 .map_left{float:none; text-align:center;} .map_box .box1 .map_right{float:none; width:100%;} .idu_title_box .idu_img{ position:relative; display: block;width:160px;margin: 10px auto;text-align:center;} .idu_title_box .idu_con{width: 100%; margin-left: 0;} .gray_box2 .cup{display:none;} } @media all and (max-width:620px) { .sub6_2_3_top .txt {display:inline-block; padding: 20px 20px 5px 20px; color:#5d5d5d; } .sub6_2_3_top .btn { position:relative; float: right; padding: 5px 20px 20px 20px; right:12px; } .danwei_idu .idu_img{float:none;width:170px;margin: 10px auto;text-align:center;} .cii_img6 ul li{width:33.333%;} .cii_img7 ul li{width:25%;} .sub6_2_2_3 .fl { float:none; width:100%; margin: 10px auto 20px;text-align:center; } .sub6_calendar { clear:both; width:90%; margin:15px auto; color:#353535; } .sub6_2_2_3 .fr { float:none; width:100%;box-sizing:border-box; } /* 청차장프로필 20200130 */ .ldu_history {position:relative; overflow:hidden; padding-left:10px;} .ldu_history .dAte1 {display: block;} .ldu_history .dAte {display: block;} .ldu_history .tExt {display: block;width: 100%;} /*청장인사말*/ .sub6_2_1 .photo{width:auto;} .newGrting{font-size: 1.857em !important;text-align: center !important;} } @media screen and (max-width: 480px) { /*********************************************** 2021_조직도 ***********************************************/ .orgWrap .org_01 > ul {width: 100%;} .orgWrap .org_01 > ul > li {width: 40%;} .orgWrap .org_02 > ul > li > ul:after {display: none;} .orgWrap .org_02 > ul > li > ul > li { width: 100%;} .orgWrap .org_04 > ul:after {left: 24.8%;} .orgWrap .org_04 > ul > li {width: 50%; padding-right: 10px;} .orgWrap .org_04 > ul > li:last-child {padding-right: 10px;} .orgWrap .org_04 > ul > li:nth-child(3n+3) {padding-right: 10px;} .orgWrap .org_04 > ul > li:nth-child(2n+2) {padding-right: 0px; } .orgWrap .org_04 > ul > li:nth-child(3n+1) {clear: none;} .orgWrap .org_04 > ul > li:nth-child(2n+1) {clear: none;} .orgWrap .org_02 > ul > li > ul > li.org_add {padding-top:20px;} .orgWrap .org_02 > ul > li > ul > li.org_add:after {top:40px; right:-5%;} } @media all and (max-width:450px) { /* mobile ver */ .sub6_2_1 p.photo { float:none; width:100%; margin-bottom:20px; } .cii_img6 ul li{width:50%;} .cii_img7 ul li{width:33.333%;} .idu_title_box .idu_con dl.dl_list1_1 dd{float:none;width:auto;padding-bottom:20px;font-size:16px;} .idu_title_box .idu_con dl.dl_list1_1 dd br {display:none; } .dl_list1_2_span {padding-left:0px;} } @media screen and (max-width: 375px) { /*********************************************** 2021_조직도 ***********************************************/ .orgWrap .org_03 ul.org_list li { margin-bottom:0;} .orgWrap .org_03 > ul:after { left: 50%;} .orgWrap .org_03 > ul > li, .orgWrap .org_03 > ul > li:nth-child(3), .orgWrap .org_03 > ul > li:nth-child(4) {width: 100%;} } /*ci소개 전용색상 변경*/ .mi {display:block;width:750px;margin:0 auto;padding:6px 0 0;overflow:hidden} .mi > li {float:left;width:350px;padding: 15px 0;} .mi > li:nth-child(2n) {float:right} .mi .bar {margin:0 0 15px;width:100%;height:40px;background:#003764;text-indent:-999em;} .mi .bar.color02 {background:#e4032e} .mi .bar.color03 {background:#575757} .mi .bar.color04 {background:#fff;border:1px solid #afafaf;box-sizing:border-box; -webkit-box-sizing:border-box;} .mi .color {padding:0 0 12px;text-align: center;} .mi > li li {font-size:13px;line-height:16px;color:#3f3f3f;text-align: center;} .mi > li li + li {padding:5px 0 0} .mi > li li strong {display:inline-block;color:#000;min-width:35px;padding-right:10px;} @media all and (max-width:768px) { .mi_logo{padding:30px 10px;} .mi {padding:5px 0;width:100%;} .mi > li {width:45%;padding:0 0 15px} .mi .bar {margin:0 0 10px;} .mi .color {padding:0 0 5px;} .mi > li li strong {min-width:auto} .mi > li li {width:100%;} } @media all and (max-width:640px) { .mi > li {float:none !important;width:100%;padding:0 0 10px} .m_btn_group .btn {display:block;margin:0 auto 5px !important;max-width:max-content} .m_btn_group.ar {text-align:center;} .m_btn_group.ar .btn span, .m_btn_group.w100 .btn span {width:200px;} } /*20230906 청장 인사말*/ .newGrting{font-weight: 300;font-size: 2.500em; letter-spacing: -.075em; text-align: left;} .newGrting span{ display: inline-block; font-size: inherit; letter-spacing: inherit;} .newGrting strong{ display: block; font-size: inherit; font-weight: 500; letter-spacing: inherit; margin-top: -10px;} .newGrting em{ font-size: inherit;} /*청장과의 대화*/ .grtCommu a{color:#fff; border-radius:3px; font-weight:500; padding:4px 20px; display:inline-block; margin-right:5px;} .grtCommu a:nth-child(1){background:#204ca9} .grtCommu a:nth-child(2){background: #454a52;}